/* Theme Name:Circuit-Court Text Domain:circuitcourt Version:1.01 Tested up to:6.0 Requires at least:6.0 Requires PHP:5.2.4 Description:Thème officiel du Circuit-Court de Quartier artisan Author URI:https://oriolestudio.ca/ */ /* TEMPORAIRE */ /* .menu li a { display:none !important; } body.logged-in .menu li a { display:flex !important; } */ /* PRIVÉ */ div.message { position:relative; padding:2rem; color:#262626; background:#f1eadd; } div.message span { font-size:1.6rem; font-weight:600; } .QAdmin { display:none !important; } body.admin-bar .QAdmin { display:block !important; } /* INITIALISATION CSS */ html, body { border:none; min-height:100vh; min-width:360px; margin:0; padding:0; scrollbar-width:thin; background:#262626; font-family:'Barlow', sans-serif; font-weight:500; } a, path { transition:all 0.15s linear; } blockquote::before, blockquote::after { content:""; } h1,h2,h3,h4,h5,h6,p,blockquote,address,big,cite,code,em,font,img,small,strike,sub,sup,li,ol,ul,fieldset,form,label,legend,button,table,caption,tr,th,td { border:none; font-size:inherit; line-height:inherit; margin:0; padding:0; text-align:inherit; } *, *::before, *::after { box-sizing:inherit; -webkit-font-smoothing:antialiased; word-break:break-word; word-wrap:break-word; } .group::after, .entry-content::after { clear:both; content:""; display:block; } .screen-reader-text { border:0; clip:rect(1px, 1px, 1px, 1px); -webkit-clip-path:inset(50%); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute !important; width:1px; word-wrap:normal !important; word-break:normal; } .screen-reader-text:focus { background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6); clip:auto !important; -webkit-clip-path:none; clip-path:none; color:#262626; display:block; font-size:0.875rem; font-weight:700; height:auto; right:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000; } ::selection { background:rgba(187,204,191,0.4); } /* STYLES DE BASE */ html { font-size:62.5%; font-size:10px; scroll-behavior:smooth; -webkit-text-size-adjust:100%; } body { min-height:100vh; display:flex; flex-direction:column; justify-content:space-between; } body { background:#262626; box-sizing:border-box; color:#000; font-family:'Barlow', sans-serif; font-size:1.8rem; line-height:1.5; text-align:left; } #enveloppe { background:#fff; } /* COULEURS CHARTE */ .jaune { background-color:#dbb600; } /* rgba(219,182,0,0) */ .charbon { background-color:#262626; } /* rgba(38,38,38,0) */ .beige { background-color:#f1eadd; } /* rgba(241,234,221,0) */ .rose { background-color:#ff573a; } /* rgba(255,87,58,0) */ .rouille { background-color:#b55d24; } /* rgba(181,93,36,0) */ .vert { background-color:#8f8d4f; } /* rgba(143,141,79,0) */ .gris { background-color:#bbccbf; } /* rgba(187,204,191,0) */ :root { --jaune:#dbb600; --charbon:#262626; --beige:#f1eadd; --rose:#ff573a; --rouille:#b55d24; --vert:#8f8d4f; --gris:#bbccbf; } #contenus p a, #contenus li a { font-weight:600; color:#b55d24; } #contenus p.semi-gras { font-weight:600; } /* ENTÊTE */ #entete { } .signature { position:relative; z-index:3; width:100%; } .signature a { display:block; width:100%; padding:2vw 4vw; background-color:#dbb600; } .signature a .logo { width:60vw; min-width:480px; max-width:720px; padding:2rem; } .signature a .logo svg { width:100%; min-width:42rem; max-width:88vw; height:auto; } .signature a .logo.mobile { display:none; } .signature a:hover { background-color:#bbccbf; } .signature a:hover .logo svg g { fill:#000; } .signature.mini a { padding:1vw 4vw; } .signature.mini a .logo svg { min-width:0 } .signature.mini.haut { display:none; } body.admin-bar .signature.mini.haut { top:32px; } body.home .signature a { padding:6vw 4vw 4vw; } body.home .signature a:hover { cursor:default; background-color:#dbb600; } body.page .signature a .logo svg { width:48vw; } body.page.home .signature a .logo svg { max-width:88vw; } /* MENU PRINCIPAL */ #menu-principal, #menu-principal li a { min-height:8.6rem; } .menu { position:relative; z-index:2; background:#f1eadd; text-align:right; } .menu.haut { position:fixed; top:0; right:0; left:0; z-index:9999; box-shadow: 0px 8px 64px -24px rgba(0,0,0,0.24); } body.admin-bar .menu.haut { top:32px; } .menu ul { display:flex; flex-flow:row nowrap; list-style:none; margin:0; padding:0 4vw; justify-content:flex-end; } .menu li { margin:0; padding:0; } .menu li a { display:flex; flex-direction:column; position:relative; white-space:nowrap; margin:0; margin-left:2.4em; padding:1.2em 0 0.4em; border-bottom:0.8em solid #f1eadd; color:#262626; font-size:0.86em; font-weight:800; text-align:right; text-transform:uppercase; text-decoration:none; } .menu li a .description { display:inline-block; width:100%; height:1.4em; font-weight:500; } .menu li a:hover { color:#000; border-color:#bbccbf; text-decoration:none; } .menu li.current-menu-item a, .menu li.current-menu-item a:hover { cursor:default; border-color:#ff573a; } .menu li.vous a { padding-top:2.6em; } .menu li.vous a .description { position:absolute; top:0; left:0; padding:0; font-size:0; } .menu li.vous a .description svg { width:100%; height:3.8rem; padding-top:1.6rem; } .menu .bouton-maison { display:none; } .menu.mini .bouton-maison, .menu.haut .bouton-maison { display:block; position:relative; z-index:999; } .menu .bouton-maison a { position: absolute; top:0; left:0; height:8.6rem; width:8.6rem; padding:0; background:#262626; } .menu .bouton-maison a:hover { background-color:#bbccbf; } .menu .bouton-maison a .logo { width:100%; height:100%; min-width:100%; max-height:100%; padding:0.4em; } .menu .bouton-maison a .logo svg g { fill:#f1eadd; } .menu .bouton-maison a:hover .logo svg g { fill:#262626; } body.home .menu .bouton-maison a, body.home .menu .bouton-maison a:hover { cursor:default; background-color:#ff573a; } body.home .menu .bouton-maison a svg g, body.home .menu .bouton-maison a:hover svg g { fill:#262626; } .menu .bouton-menu { display:none; white-space:nowrap; padding:2vw 0.8rem; cursor:pointer; border-right:0.8em solid #f1eadd; user-select:none; } .menu .bouton-menu svg { display:inline-block; width:1.6em; height:1.6em; vertical-align:middle; } .menu .bouton-menu svg.icone-fermer { display:none; } .menu .bouton-menu span { display:inline-block; padding:1.4em 0.6em; font-size:0.8em; font-weight:700; text-transform:uppercase; vertical-align:middle; } .menu .bouton-menu:hover { border-color:#bbccbf; } body.blog .menu, body.single .menu, body.archive .menu { flex-grow:2; } body.blog .menu ul, body.single .menu ul, body.archive .menu ul { padding-left:0; } body.blog .menu li a, body.single .menu li a, body.archive .menu li a { padding-top:1.6em; } body.blog .menu li.vous a, body.single .menu li.vous a, body.archive .menu li.vous a { padding-top:3em; } body.blog .menu li.vous a .description svg, body.single .menu li.vous a .description svg, body.archive .menu li.vous a .description svg { position:relative; top:0.8rem; } /* PIED DE PAGE */ #pied-de-page { } .partenaires { padding:2rem; text-align:center; background:#bbccbf; } .partenaires p { margin:0.2em; } .partenaires ul { display:flex; flex-flow:row wrap; justify-content:center; margin:0; list-style:none; } .partenaires .partenaire { margin:0 2rem; padding:0; list-style:none; } .partenaires svg { height:6.4rem; width:auto; } .partenaires .cantons-logo svg { height:5.8rem; } .organisation { display:flex; flex-flow:row wrap; justify-content:space-between; width:100%; background:#262626; color:#f1eadd; font-size:0.96em; padding:4vw 4vw 6vw; } .organisation ul { display:flex; flex-flow:column wrap; justify-content:center; list-style:none; margin:0; padding:0;} .organisation li { margin:0; padding:0; } .organisation li svg g { fill:#f1eadd; } .organisation a { color:#f1eadd; text-decoration:none; } .organisation a:hover { color:#fff; } .organisation a:hover svg g { fill:#fff; } .organisation .adresse { padding:0 2.4em; flex-grow:1; } .organisation .adresse h6 { margin:0; font-weight:700; font-size:1.32em; padding-bottom:0.2em; } .organisation .adresse span { white-space:nowrap; line-height: 1; } .organisation .contact { padding-right:2.4em; flex-grow:5; } .organisation .contact a { white-space:nowrap; } .organisation .contact a:hover { text-decoration:none; } .organisation .contact svg { display:inline-block; vertical-align:middle; width:2.4rem; height:2.4rem; } .organisation .contact span { display:inline-block; vertical-align:middle; padding:0.4em 0.6em; } .organisation .quartier-artisan { padding-right:2.4em; } .organisation .quartier-artisan svg { max-width:20rem; } .organisation .quartier-artisan svg g { fill:#f1eadd; } .organisation .contact-medias { position:relative; top:1.2rem; right:0.2rem; } .organisation .contact-medias a { display:inline-block; vertical-align:top; width:2.8rem; height:2.8rem; line-height:2.2rem; text-align:center; margin-right:0.2rem; border:1px solid #262626; border-radius:50%; } .organisation .contact-medias a:hover { border-color:#f1eadd; } .organisation .contact-medias a svg { display:inline-block; vertical-align:middle; width:2.4rem; height:2.4rem; height:1.8rem; width:1.8rem; } .organisation .contact-medias a svg span { display:inline-block; vertical-align:middle; padding:0.4em 0.6em; } .organisation .contact-medias { border-color:#262626; } /* WIDGETS */ .widgets { position:relative; overflow:hidden; background:#f1eadd; } body.home .widgets { border-top:4rem solid #dbb600; } .widgets .centre { display:flex; flex-flow:row; gap:2rem; width:100%; max-width:108rem; margin:0 auto; padding:3rem 2rem; } .widgets .widgets-col { } .widgets-2-col .widgets-col { max-width:66%; } .widgets-3-col .widgets-col { max-width:33%; } @media only screen and (max-width:920px) { .widgets .centre { flex-flow:row wrap;} .widgets-2-col .widgets-col, .widgets-3-col .widgets-col { max-width:100%; width:100%; } } @supports (-webkit-touch-callout: none) and (not (translate: none)) { .widgets .centre { padding:3rem 0em; } .widgets .widgets-col { padding:0 2rem; } } /* ADAPTATION MOBILE ENTÊTE + PIED DE PAGE */ @media only screen and (max-width:960px) { .organisation .contact { padding-right:2.4em; } .organisation .quartier-artisan { width:100%; padding:6rem 4vw 4rem; } .organisation .quartier-artisan li { text-align:center; } .organisation .quartier-artisan li a { display:inline-block; } .organisation .quartier-artisan svg { max-width:24rem; } } @media only screen and (max-width:760px) { .signature a .logo { padding:2rem 0.2rem; } .organisation { padding:4vw 0 6vw } .organisation .adresse { padding:1.6em 2.4em 0.6em; } .organisation .contact { width:100%; padding:1.2em 2.4em 0.6em; } } @media only screen and (max-width:782px) { body.admin-bar .menu.haut { top:46px; } body.admin-bar .signature.mini.haut { top:46px; } } @media only screen and (max-width:760px) { .menu .bouton-menu { display:block; height:8rem; } .menu ul { display:none; flex-flow:column; padding:0.8em 0 1.2em; background:#f7f3eb; } #menu-principal.ouvert li a { min-height:0; } .menu.ouvert ul { position:absolute; right:0; left:0; display:block; } .menu li a { flex-flow:row nowrap; margin:0; padding:1.2em 1.2em 1.6em; text-align:left; white-space:nowrap; border-bottom:0; border-right:0.8em solid #f7f3eb; } .menu li a .description { display:inline-block; width:auto; padding-left:0.4em; } .menu li a:hover { background:rgba(255,255,255,0.76); } .menu li.vous a { padding-top:1.2em; padding-left:3.2em; } .menu li.vous a .description svg { position:relative; left:1.6rem; right:auto; top:0.5rem; } .menu-ouvert .cache { position:fixed; top:0; right:0; bottom:-100vh; left:0; background:#f7f3eb; border-top:0.8em solid #dbb600; z-index:1; } .menu-ouvert .bouton-menu svg { display:none; } .menu-ouvert .bouton-menu svg.icone-fermer { display:inline-block; } } @media only screen and (max-width:600px) { body.admin-bar .menu.haut { top:0px; } body.admin-bar .signature.mini.haut { top:0px; } } @media only screen and (max-width:480px) { .signature a { text-align:center; } .signature a .logo { display:none; min-width:0; } .signature a .logo.mobile { display:inline-block; padding:4rem 0.2rem } .signature a .logo.mobile .logo { display:inline-block; } .signature a .logo.mobile svg { width:100%; min-width:0; margin:0 auto; } body.blog .signature a .logo, body.single .signature a .logo { display:block; } body.home .signature a .logo, body.home .signature a .logo svg { width:62vw; } body.blog .menu.ouvert ul { left:-8rem; } body.blog .menu.ouvert li.vous a, body.single .menu.ouvert li.vous a { padding-top:1.6em; } } /* AUTEURS·TRICES */ .autrice { display:flex; flex-flow:row nowrap; padding:2rem 0; margin:6rem 0 0; border-top:1px solid #262626; } .autrice-image { width:6rem; min-width:6rem; height:6rem; margin:0 2rem 0 0; border-radius:3rem; background-size:cover; } .autrice-infos { display:inline-block; font-size:0.92em; font-weight:500; font-style:italic; } .autrice-nom { display:inline-block; font-weight:700; font-style:italic; } .autrice-nom a { text-decoration:none; } .autrice-bio { display:inline-block; padding-top:0.2em; font-size:0.84em; font-weight:400; } .autrice-image.icone { width:3rem; height:3rem; min-width:3rem; margin:-0.2rem 1rem 0; background-image:url('images/autrice.png'); } .sarahgirouard .autrice-image { background-image:url('images/SarahGirouard.jpg'); } .rachelfortin .autrice-image { background-image:url('images/RachelFortin.jpg'); } .marieannedube .autrice-image { background-image:url('images/MarieAnneDube.jpg'); } .manusimard .autrice-image { background-image:url('images/EmmanuelSimard.jpg'); } .eugenie-emond .autrice-image { background-image:url('images/EugenieEmond.jpg'); } .gabrielle-anctil .autrice-image { background-image:url('images/GabrielleAnctil.jpg'); } .rosaly-boutin .autrice-image { background-image:url('images/RosalyBoutin.jpg'); } .marie-charles .autrice-image { background-image:url('images/MarieCharlesPelletier.jpg'); } .anne-genest .autrice-image { background-image:url('images/AnneGenest.jpg'); } /* BLOCS WORDPRESS MAISON */ #contenus .centre { display:flex; flex-flow:column; width:100%; max-width:92rem; padding:2rem; margin:0 auto; } #contenus .centre.large { display:flex; flex-flow:column; width:100%; max-width:108rem; padding:2rem; margin:0 auto; } #contenus .banniere { margin-bottom:2rem; } #contenus .banniere img { min-width:100%; max-width:100%; height:auto; } #contenus .is-style-colle { margin-bottom:0; } #contenus .wp-block-group.is-style-pleine-largeur, #contenus .wp-block-columns.is-style-pleine-largeur { position:relative; top:4rem; width:100vw; max-width:100vw; left:50%; right:50%; margin:0; margin-left:-50vw; margin-right:-50vw; padding:2rem; justify-content:center; background-color:#f1eadd; } #contenus .wp-block-group.is-style-pleine-largeur .wp-block-column, #contenus .wp-block-columns.is-style-pleine-largeur .wp-block-column { max-width:64rem; } #contenus .wp-block-group.is-style-pleine-largeur:last-child, #contenus .wp-block-columns.is-style-pleine-largeur:last-child { margin-bottom:-2rem; } #contenus .is-style-pleine-largeur h2 { margin:0 !important; padding:3.2rem 0 0.6rem; } #contenus .bouton { text-decoration:none; } #contenus .bouton.orange { color:#f1eadd; background-color:#ff573a; } #contenus .bouton.orange:hover { color:#fff; } /* PAGE ARTISAN */ .contenu-entete { position:relative; display:flex; flex-flow:row wrap; justify-content:flex-end; width:100%; margin-bottom:2rem; } .entete-titre { flex-grow:1; } .entete-titre h1 { margin:0; padding-right:0.6em; } .entete-mrc { position:relative; top:0.4rem; flex-grow:0; } .entete-mrc .mrc { display:inline-block; position:relative; top:0.2rem; width:9rem; font-size:1.8rem; font-weight:700; line-height:1.2; vertical-align:bottom; } .entete-mrc svg { display:inline-block; width:7rem; height:7rem; vertical-align:bottom; } .entete-mrc.brome-missisquoi .mrc { width:8.6rem; } .entete-mrc.haute-yamaska .mrc { width:7.4rem; } .entete-mrc.le-granit .mrc { width:7.6rem; } .entete-mrc.memphremagog .mrc { width:7.8rem; } .entete-mrc.sherbrooke .mrc { width:9.6rem; } .entete-mrc.val-saint-francois .mrc { width:8.4rem; } /* CODES RACCOURCIS ARTISANS V1 */ .tuile.artisan { display:flex; flex-flow:row; width:100%; margin-bottom:2rem; border-right:0.8em solid #f1eadd; border-left:0.8em solid #f1eadd; } .tuile.artisan:hover { border-color:#bbccbf; } .tuile.artisan div { position:relative; } .tuile.artisan span { display:inline-block; padding:0.2em 0; } .tuile.artisan a { display:block; overflow:hidden; color:#262626; text-decoration:none; } .tuile.artisan a img { height:100%; object-fit:cover; } .tuile.artisan .tuile-image { width:32%; } .tuile.artisan .tuile-image a { position:absolute; top:0; left:0; right:0; bottom:0; } .tuile.artisan .tuile-infos { width:68%; } .tuile.artisan .tuile-infos a { display:flex; flex-flow:column; padding: 1.2em 2.3rem; } .tuile.artisan .tuile-infos h2 { margin:0 0 0.2em; } .tuile.artisan .tuile-espace { color:#262626; background:#f1eadd; } .tuile.artisan .artisan-nom { font-size:1.32em; } .tuile.artisan .artisan-sommaire { display:block; font-size:0.84em; min-height:6em; margin-bottom:1.6em; overflow:hidden; } .tuile.artisan .artisan-ville { position:relative; top:0.6em; font-size:0.96em; font-weight:600; line-height:1.2; } .tuile.artisan.inverse, .tuile.artisan:nth-child(even) { flex-flow:row-reverse; border-right:0; } .tuile.artisan:nth-child(odd) { border-left:0; } #artisans { display:flex; flex-flow:row wrap; gap:2rem; } #artisans .tuile { width:calc(33.333% - 1.333rem); margin:0; flex-flow:column !important; border-left:0; border-right:0; } #artisans .tuile div { position:relative; } #artisans .tuile span { display:inline-block; padding:0.2em 0; } #artisans .tuile a { display:flex; max-width:100%; overflow:hidden; color:#262626; text-decoration:none; } #artisans .tuile a img { width:100%; height:auto; object-fit:cover; } #artisans .tuile-image { width:100%; max-width:100%; height:auto; min-height:0; } #artisans .tuile-image a { position:relative; } #artisans .tuile-infos { display:flex; width:100%; flex-grow:2; border-top:0.8em solid #f1eadd; } #artisans .tuile:hover .tuile-infos { border-color:#bbccbf; } #artisans .tuile-infos a { display:flex; flex-flow:column; padding: 1.2em 2.3rem; } #artisans .tuile-infos h2 { margin:0 0 0.2em; } #artisans .tuile-espace { color:#262626; background:#f1eadd; } #artisans .tuile .artisan-nom { font-size:1.2em; } #artisans .tuile .artisan-sommaire { display:block; flex-grow:2; font-size:0.84em; min-height:6em; margin-bottom:1.6em; overflow:hidden; } #artisans .tuile .artisan-ville { position:relative; top:0.6em; font-size:0.96em; font-weight:600; } @media only screen and (max-width:920px) { #artisans .tuile { width:calc(50% - 1rem); } /* #artisans .tuile:nth-child(3) { display:none; } */ } @media only screen and (max-width:620px) { #artisans .tuile { width:100%; } /* #artisans .tuile:nth-child(3) { display:flex; } */ } @supports (-webkit-touch-callout: none) and (not (translate: none)) { #artisans .artisan { margin-bottom:1rem; margin-right:0.5rem; margin-left:0.5rem; } #artisans .tuile-image a { width:100%; max-width:100%; position:relative; } #artisans .tuile-image a img { height:100%; } .wp-block-post-template.is-flex-container li { margin-right:0.5rem; margin-left:0.5rem; } } /* #artisans { flex-flow:row wrap; gap:2rem; } .tuile.artisan, #artisans .tuile { width:calc(33.333% - 1.333rem); margin:0; flex-flow:column !important; border:0 !important; border-bottom:0.8em solid #f1eadd; } .tuile.artisan .tuile-image, #artisans .tuile-image { width:100%; height:16rem; } .tuile.artisan .tuile-infos, #artisans .tuile-infos { width:100%; flex-grow:1; } .tuile.artisan .artisan-sommaire, #artisans .tuile .artisan-sommaire { height:auto; } */ a.edition { position:absolute; top:1rem; right:1rem; display:inline-block; padding:0.2rem 0.8rem; color:#f1eadd; font-size:1.2rem; font-weight:500; text-decoration:none !important; letter-spacing:0.01em; vertical-align:top; background:#262626; } a.edition:active, a.edition:visited { color:#f1eadd; } a.edition:hover { color:#000; background:#bbccbf; } /* Encadré de présentation des artisans */ .artisan-introduction { display:flex; width:100%; gap:2rem; } .artisan-communiquer { flex-grow:1; position:relative; padding:2rem; background:#f1eadd; } .artisan-qui { display:flex; } .artisan-metier { flex-grow:1; } .artisan-qui .artisan-portrait { display:none; } .artisan-noms { display:inline-block; width:100%; } .artisan-noms h3 { display:inline-block; margin:0 0 0.2em; font-size:2.4rem; font-weight:700; line-height:1.2; text-transform:none; } .artisan-discipline { display:inline-block; width:100%; font-size:1.8rem; padding-bottom:1rem; } .artisan-communications { display:flex; flex-flow:row wrap; font-size:1.4rem; line-height:3rem; } .artisan-rejoindre { display:flex; flex-flow:column; flex-grow:1; } .artisan-rejoindre svg { display:inline-block; height:1.8rem; width:1.8rem; vertical-align:sub; margin-right:0.6rem; } .artisan-rejoindre span { vertical-align:middle; } .artisan-suivre { display:flex; flex-flow:column; flex-grow:1; } .artisan-portrait { width:18rem; height:18rem; flex-grow:0; } .artisan-portrait img { height:100%; width:auto; } .artisan-medias { position:relative; right:0.2rem; } .artisan-medias a { display:inline-block; vertical-align:top; padding:0.3rem; margin-right:0.2rem; border:1px solid #f1eadd; border-radius:50%; } .artisan-medias a svg { height:1.8rem; width:1.8rem; } .artisan-medias a:hover { border-color:#262626; } .artisan-categories { display:flex; flex-flow:row wrap; margin:0.8rem 0 2rem; } .artisan-categorie { display:inline-block; white-space:nowrap; margin-right:1.2rem; } .artisan-categorie svg { display:inline-block; width:2rem; height:2rem; margin-right:0.6rem; vertical-align:middle; } .artisan-categorie svg g { fill:#dbb600; } .artisan-categorie span { display:inline-block; font-size:1.4rem; font-weight:500; vertical-align:middle; } @supports (-webkit-touch-callout:none) { .artisan-portrait { border-left:0rem solid #fff; } } @media only screen and (max-width:720px) { .artisan-portrait { display:none; } .artisan-qui .artisan-portrait { } } @media only screen and (max-width:560px) { .artisan-communications { flex-flow:column; } .artisan-suivre { padding-top:0.6rem; } } .artisan-espace h2 { display:flex; width:100%; margin-top:6rem; justify-content:space-between; } .espace-artisan { display:flex; width:100%; gap:2rem; margin-bottom:2rem; } .espace-atelier { display:flex; flex-flow:row wrap; flex-grow:1; position:relative; padding:2rem; background:#f1eadd; } .espace-nom { display:inline-block; } .espace-nom h3 { display:inline-block; margin:0; font-size:2.4rem; font-weight:700; line-height:1.6; text-transform:none; } .espace-visiteurs { display:inline-block; padding-bottom:1rem; } .espace-adresse { display:inline-block; padding-bottom:1rem; font-size:1.4rem; line-height:1.6; } .espace-adresse.carte { position:relative; padding-left:2.4rem; } .espace-adresse svg { position:absolute; top:0.4rem; left:0; display:inline-block; width:2rem; height:2rem; margin-right:0.6rem; vertical-align:middle; } .espace-rejoindre { display:flex; flex-flow:column; flex-grow:1; font-size:1.4rem; line-height:3rem; } .espace-rejoindre svg { display:inline-block; height:1.8rem; width:1.8rem; vertical-align:sub; margin-right:0.6rem; } .espace-rejoindre span { vertical-align:middle; } .espace-communiquer { flex-grow:1; padding:0 1rem 0 0; } .espace-horaire { display:flex; flex-flow:column; flex-grow:2; padding:2rem 0 0 1rem; font-size:1.4rem; line-height:2; } .espace-horaire .jour { display:inline-block; min-width:10rem; } .espace-horaire .heures { font-weight:600; } .espace_precisions { display:inline-block; width:100%; padding-top:1.6rem; font-size:1.4rem; line-height:1.4; font-style:italic; } .espace_precisions .precisions { position:relative; top:0.6rem; } .espace-services { display:flex; flex-flow:row wrap; margin:0 0 6rem; } .espace-service { display:inline-block; white-space:nowrap; margin-right:1.2rem; } .espace-service svg { display:inline-block; width:2rem; height:2rem; margin-right:0.6rem; vertical-align:middle; } .espace-service svg g { fill:#ff573a; } .espace-service span { display:inline-block; font-size:1.4rem; font-weight:500; vertical-align:middle; } .espace-mrc { width:12rem; display:flex; flex-flow:column; justify-content:space-between; } .espace-mrc .mrc { display:inline-block; padding-top:1rem; font-size:1.8rem; font-weight:700; line-height:1.2; vertical-align:bottom; } .mrc-tuile { position:relative; display:block; width:12rem; height:12rem; padding:0.6rem; background:#dbb600; } .mrc-tuile svg { position:relative; top:0.6rem; } .mrc-tuile svg g { fill:#fff; } .espace-mrc.brome-missisquoi .mrc { width:8.6rem; } .espace-mrc.haute-yamaska .mrc { width:7.4rem; } .espace-mrc.le-granit .mrc { width:7.6rem; } .espace-mrc.memphremagog .mrc { width:7.8rem; } .espace-mrc.sherbrooke .mrc { width:9.6rem; } .espace-mrc.val-saint-francois .mrc { width:8.4rem; } @media only screen and (max-width:720px) { .espace-mrc { display:none; } } @media only screen and (max-width:560px) { .espace-communiquer { padding-right:0; } .espace-horaire { width:100%; padding-left:0; } } @supports (-webkit-touch-callout: none) and (not (translate: none)) { .espace-mrc { margin-right:2rem; } .artisan-portrait { margin-left:2rem; } .is-style-duo-produits figure:first-child { padding-right:1rem; } .is-style-duo-produits figure:last-child { padding-left:1rem; } .is-style-trio-produits figure { padding:0 1rem; } .is-style-trio-produits figure:first-child { padding-left:0; } .is-style-trio-produits figure:last-child { padding-right:0; } } .artisan-pointsdevente { display:flex; flex-flow:row wrap; width:100%; gap:2rem; margin-bottom:2rem; } .point-de-vente { display:flex; flex-flow:column; position:relative; min-width:32rem; padding:2rem; background:#f1eadd; } .point-de-vente h3 { display:inline-block; margin:0; font-size:1.8rem; font-weight:600; line-height:1.6; text-transform:none; } .point-de-vente .espace-site { padding-top:0.6rem; } .point-de-vente .espace-site a { font-size:1.4rem; line-height:3rem; } /* ÉVÉNEMENTS */ .tuile.evenement { display:flex; flex-flow:row; width:100%; margin-bottom:2rem; border-right:0.8em solid #f1eadd; border-left:0.8em solid #f1eadd; } .tuile.evenement:hover { border-color:#bbccbf; } .tuile.evenement div { position:relative; } .tuile.evenement span { display:inline-block; padding:0.2em 0; } .tuile.evenement a { display:block; overflow:hidden; color:#262626; text-decoration:none; } .tuile.evenement a img { height:100%; object-fit:cover; } .tuile.evenement .tuile-image { width:32%; } .tuile.evenement .tuile-image a { position:absolute; top:0; left:0; right:0; bottom:0; } .tuile.evenement .tuile-infos { width:68%; } .tuile.evenement .tuile-infos a { display:flex; flex-flow:column; padding: 1.2em 2.3rem; } .tuile.evenement .tuile-infos h2 { margin:0 0 0.2em; } .tuile.evenement .tuile-espace { color:#262626; background:#f1eadd; } .tuile.evenement .evenement-nom { font-size:1.32em; } .tuile.evenement .evenement-sommaire { display:block; font-size:0.84em; min-height:6em; margin-bottom:1.6em; overflow:hidden; } .tuile.evenement .evenement-ville { position:relative; top:0.6em; font-size:0.96em; font-weight:600; line-height:1.2; } .tuile.evenement.inverse, .tuile.evenement:nth-child(even) { flex-flow:row-reverse; border-right:0; } .tuile.evenement:nth-child(odd) { border-left:0; } #evenements { display:flex; flex-flow:row wrap; gap:2rem; } #evenements h2 { display:inline-block; width:100%; } #evenements .evenements { display:flex; flex-flow:row wrap; width:100%; gap:2rem; } #evenements .tuile { width:calc(33.333% - 1.333rem); margin:0; flex-flow:column; border-left:0; border-right:0; } #evenements .tuile div { position:relative; } #evenements .tuile span { display:inline-block; padding:0.2em 0; } #evenements .tuile a { display:flex; max-width:100%; overflow:hidden; color:#262626; text-decoration:none; } #evenements .tuile a img { width:100%; height:auto; object-fit:cover; } #evenements .tuile-image { width:100% !important; max-width:100%; height:auto; min-height:0; } #evenements .tuile-image a { position:relative; height:100%; } #evenements .tuile-infos { display:flex; width:100% !important; flex-grow:2; border-top:0.8em solid #f1eadd; } #evenements .tuile:hover .tuile-infos { border-color:#bbccbf; } #evenements .tuile-infos a { display:flex; flex-flow:column; height:100%; padding:1.2em 2.3rem; justify-content:space-between; } #evenements .tuile-infos h2 { margin:0 0 0.2em; } #evenements .tuile, #evenements .tuile-espace { color:#262626; background:#f1eadd; } #evenements .tuile .evenement-nom { font-size:1.32em; } #evenements .tuile .evenement-sommaire { display:block; flex-grow:2; font-size:0.84em; min-height:6em; margin-bottom:1.6em; overflow:hidden; } #evenements .tuile .evenement-ville { position:relative; top:0.6em; font-size:0.96em; font-weight:600; } #evenements .tuile.complet { flex-flow:row; width:calc(100%); background:#fff; } #evenements .tuile.complet .tuile-infos { border-top:0; border-left:0.8em solid #f1eadd; } #evenements .tuile.complet:hover .tuile-infos { border-color:#bbccbf; } @media only screen and (max-width:920px) { #evenements .tuile { width:calc(50% - 1rem); } /* #evenements .tuile:nth-child(3) { display:none; } */ } @media only screen and (max-width:720px) { #evenements .tuile.complet { flex-flow:column; } #evenements .tuile.complet .tuile-infos { border-left:0; border-top:0.8em solid #f1eadd; } } @media only screen and (max-width:620px) { #evenements .tuile { width:100%; } /* #evenements .tuile:nth-child(3) { display:flex; } */ } @supports (-webkit-touch-callout: none) and (not (translate: none)) { #evenements .tuile-image a { width:100%; max-width:100%; position:relative; } #evenements .tuile-image a img { height:100%; } .wp-block-post-template.is-flex-container li { margin-right:0.5rem; margin-left:0.5rem; } } /* HISTOIRES */ #histoires { display:flex; flex-flow:row wrap; gap:2rem; } #histoires .tuile { width:calc(33.333% - 1.333rem); margin:0; flex-flow:column !important; border-left:0; border-right:0; } #histoires .tuile div { position:relative; } #histoires .tuile span { display:inline-block; padding:0.2em 0; } #histoires .tuile a { display:flex; max-width:100%; overflow:hidden; color:#262626; text-decoration:none; } #histoires .tuile a img { width:100%; height:auto; object-fit:cover; } #histoires .tuile-image { width:100%; max-width:100%; height:auto; min-height:0; } #histoires .tuile-image a { position:relative; } #histoires .tuile-infos { display:flex; width:100%; flex-grow:2; border-top:0.8em solid #f1eadd; } #histoires .tuile:hover .tuile-infos { border-color:#bbccbf; } #histoires .tuile-infos a { display:flex; flex-flow:column; padding: 1.2em 2.3rem; } #histoires .tuile-infos h2 { margin:0 0 0.2em; } #histoires .tuile-espace { color:#262626; background:#f1eadd; } #histoires .tuile .histoire-titre { font-size:1.2em; } #histoires .tuile .histoire-auteur { display:block; font-size:0.84em; } #histoires .tuile .histoire-sommaire { display:block; flex-grow:2; font-size:0.84em; min-height:6em; margin-bottom:1.6em; overflow:hidden; } #histoires .tuile .histoire-espace { display:block; flex-grow:2; font-size:0.84em; min-height:2em; margin-bottom:1.6em; overflow:hidden; } #histoires .tuile .histoire-ville { position:relative; top:0.6em; font-size:0.96em; font-weight:600; } .tuile.histoire { display:flex; flex-flow:row; width:100%; margin-bottom:2rem; border-right:0.8em solid #f1eadd; border-left:0.8em solid #f1eadd; } .tuile.histoire:hover { border-color:#bbccbf; } .tuile.histoire div { position:relative; } .tuile.histoire span { display:inline-block; padding:0.2em 0; } .tuile.histoire a { display:flex; flex-flow:column; overflow:hidden; color:#262626; text-decoration:none; } .tuile.histoire a img { height:100%; object-fit:cover; } .tuile.histoire .tuile-image { width:32%; } .tuile.histoire .tuile-image a { position:absolute; top:0; left:0; right:0; bottom:0; } .tuile.histoire .tuile-infos { width:68%; } .tuile.histoire .tuile-infos a { display:flex; flex-flow:column; padding: 1.2em 2.3rem; } .tuile.histoire .tuile-infos h2 { margin:0 0 0.2em; } .tuile.histoire .tuile-histoire { color:#262626; background:#f1eadd; } .tuile.histoire .histoire-nom { font-size:1.32em; } .tuile.histoire .histoire-sommaire { display:block; font-size:0.84em; min-height:6em; margin-bottom:1.6em; overflow:hidden; } .tuile.histoire .histoire-ville { position:relative; top:0.6em; font-size:0.96em; font-weight:600; line-height:1.2; } .tuile.histoire.inverse, .tuile.histoire:nth-child(even) { flex-flow:row-reverse; border-right:0; } .tuile.histoire:nth-child(odd) { border-left:0; } @media only screen and (max-width:920px) { #histoires .tuile { width:calc(50% - 1rem); } /* #histoires .tuile:nth-child(3) { display:none; } */ } @media only screen and (max-width:620px) { #histoires .tuile { width:100%; } /* #histoires .tuile:nth-child(3) { display:flex; } */ } @supports (-webkit-touch-callout: none) and (not (translate: none)) { #histoires .artisan { margin-bottom:1rem; margin-right:0.5rem; margin-left:0.5rem; } #histoires .tuile-image a { width:100%; max-width:100%; position:relative; } #histoires .tuile-image a img { height:100%; } .wp-block-post-template.is-flex-container li { margin-right:0.5rem; margin-left:0.5rem; } } /* ESPACES */ #espace {} .espace-suivre { margin:1.2rem 0 0 0; } .espace-site { margin:0 1.2rem 0 0; font-size:1.4rem; line-height:3rem; } .espace-medias { position:relative; top:0.2rem; right:0.2rem; } .espace-medias a { display:inline-block; vertical-align:top; padding:0.3rem; margin-right:0.2rem; border:1px solid #f1eadd; border-radius:50%; } .espace-medias a svg { height:1.8rem; width:1.8rem; } .espace-medias a:hover { border-color:#262626; } .espace-coupdecoeur { display:flex; flex-flow:row nowrap; padding:2rem 0; margin:6rem 0 0; border-top:1px solid #262626; } .coupdecoeur-image { display:block; min-width:6rem; height:6rem; margin:0 2rem 0 0; } .coupdecoeur-image img { display:block; width:6rem; height:6rem; border-radius:3rem; } .coupdecoeur-infos { display:inline-block; font-size:0.92em; font-weight:500; font-style:italic; } .coupdecoeur-infos a { text-decoration:none; } .coupdecoeur-infos a:hover, .coupdecoeur-infos a:hover span { text-decoration:underline; } .coupdecoeur-artisan, .coupdecoeur-entreprise { display:inline-block; font-weight:700; font-style:italic; } .coupdecoeur-recommandation { display:inline-block; width:100%; padding-top:0.2em; font-size:0.84em; font-weight:400; } /* CARTE */ /* Google maps override */ .gm-style iframe + div { border:none!important; } .gm-style-cc { display:none; } .gm-style-iw { max-width:24rem !important; max-height:80vh !important; padding-right:18px !important; outline:0 !important; border-radius:0 !important; } .gm-style-iw img { position:relative; left:-12px; top:-12px; width:24rem; } .gm-style-iw-c { padding:12px !important; } .gm-style-iw-d { overflow:visible !important; max-height:60em !important; } .gm-style-iw-d strong { text-transform:uppercase; } .gm-control-active img { width:13px !important; height:13px !important; } .gmnoprint .gm-control-active img { width:10px !important; height:10px !important; } .gm-style-iw-chr { position:absolute; top:0; right:0; z-index:10; } .gm-style-iw-chr button { position:absolute; top:0; right:0; z-index:10; width:3rem !important; height:3rem !important; } .gm-style-iw-chr button span { margin:0.4rem !important; width:2.2rem !important; height:2.2rem !important; } body.page-template-carte .signature a { display:none; } body.page-template-carte .menu.haut { position:relative; top:0; } body.page-template-carte .menu .bouton-maison { display: block; } #contenus.carte, #contenus.carte .centre { padding:0 !important; } .cadre { display:flex; flex-flow:row wrap; } #legende { position:relative; width:100%; padding:1.2rem 0; overflow-x:hidden; overflow-y:auto; scrollbar-width:thin; background:#f7f3eb; } #legende h3 { bottom:0.4em; display:flex; justify-content:space-between; margin:0; padding:0; font-size:1.6rem; font-weight:800; text-transform:uppercase; color:#262626; } #legende h3 span { font-weight:500; } #legende h3 svg { width:2.4rem; height:2.4rem; transform:rotate(270deg); } #legende .off h3 svg { width:2.4rem; height:2.4rem; transform:rotate(0deg); } #legende ol { margin:0; padding:0; list-style:none; column-count:6; } #legende li { margin:0; padding:0.2em 1.2em; min-width:240px; } #legende li:first-child { margin-bottom:1.2em; } #legende ol.off { position:relative; column-count:1; overflow:hidden; } #legende ol.off h3 { padding:0; } #legende ol.off h3 { min-width:100%; } #legende ol.off li { display:none; } #legende ol.off li:first-child { display:block; width:100%; margin-bottom:0.6em; } #legende li { margin:0.2em 0.2em 0.4em; font-size:0.72em; cursor:pointer; } #legende li .no { display:inline-block; width:1.8em; height:1.8em; line-height:1.7em; margin-right:0.4em; color:#000; font-size:0.76em; background:#dbb600; border:0.5px solid #262626; border-radius:50%; text-align:center; } #legende li.on .no { color:#fff; background:#262626; border:0.5px solid #262626; } #legende li:hover .no { background-color:#bbccbf; } #legende li.on:hover .no { background:#262626; } #carte { position:relative; height:80vh; width:100%; border:1px solid #aaa; } #carte .bouton { display:inline-block; margin-top:0.6em; padding:0.2em 0.4em; color:#fff; background:#262626; border:1px solid #262626; font-size:0.92em; font-weight:600; text-transform:none; } #carte .bouton:hover { color:#262626; background:#fff; border:1px solid #262626; } #artisan .bouton.bouton-carte { display:inline-block; padding:0.4em 1.8em 0.4em; color:#262626; background-color:rgba(0,0,0,0); font-size:1.2rem; font-weight:600; text-transform:none; background-image:url('pins/pinjaune.png'); background-position:center right; background-size:2rem; background-repeat:no-repeat; } #artisan .bouton.bouton-carte:hover { color:#000; background-image:url('pins/pingris.png') } #artisan .espace-artisan .bas { text-align:left; } #artisan .espace-artisan .bouton.bouton-carte { padding:0.4em 1.8em 0.4em 0; } #artisan .espace-artisan .bouton.bouton-carte:hover { } @media only screen and (max-width:720px) { #artisan .contenu-municipalite .bouton.bouton-carte { padding:0.4em 1.8em 0.4rem 0; } #artisan .contenu-municipalite { display:flex; flex-flow:column; } /* #artisan .entete-mrc { display:none; } */ } #espace .bouton.bouton-carte { display:inline-block; padding:0.4em 1.8em 0.4em; color:#262626; background-color:rgba(0,0,0,0); font-size:1.2rem; font-weight:600; text-transform:none; background-image:url('pins/pinjaune.png'); background-position:center right; background-size:2rem; background-repeat:no-repeat; } #espace .bouton.bouton-carte:hover { color:#000; background-image:url('pins/pingris.png') } #espace .espace-artisan .bas { text-align:left; } #espace .espace-artisan .bouton.bouton-carte { padding:0.4em 1.8em 0.4em 0; } #espace .espace-artisan .bouton.bouton-carte:hover { } @media only screen and (max-width:720px) { #espace .contenu-municipalite .bouton.bouton-carte { padding:0.4em 1.8em 0.4rem 0; } #espace .contenu-municipalite { display:flex; flex-flow:column; } /* #artisan .entete-mrc { display:none; } */ } @media only screen and (max-width:1620px) { #legende ol { column-count:5; } } @media only screen and (max-width:1240px) { #legende ol { column-count:4; } } @media only screen and (max-width:960px) { #legende ol { column-count:3; } } @media only screen and (max-width:720px) { #legende ol { column-count:2; } } @media only screen and (max-width:480px) { #legende ol { column-count:1; } } @media only screen and (min-width:1240px) { .cadre { flex-flow:row nowrap; } #legende { max-width:240px; height:80vh; } #legende ol { column-count:1; } #legende li { display:inline-block !important; width:220px; min-width:220px; } #legende ol.off { column-count: 1; } #legende ol li:first-child h3 { min-width: 100%; } #legende h3 svg { display:none; } } @media only screen and (min-width:1620px) { #legende { max-width:480px; height:80vh; } #legende ol { column-count:1; } #legende ol li:first-child { display:block; width:100%; margin-bottom:0.6em; } #legende li { display:inline-block !important; width:220px; min-width:220px; } #legende ol.off { column-count: 1; } #legende ol li:first-child h3 { min-width: 100%; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #carte { height:78vh; } } /* ÉLÉMENTS DE BASE */ main { display:block; padding:4rem 0; } :where(.wp-block-columns.has-background) { padding:2rem; } h1,h2,h3,h4,h5,h6 { display:block; font-weight:700; line-height:1.24; margin:0 0 1.2rem; } h1 { font-size:4.8rem; font-weight:800; line-height:1.12; text-transform:uppercase; } h2 { margin:6rem 0 2rem; font-size:2.8rem; font-weight:800; line-height:1.12; text-transform:uppercase; } h3 { margin:2rem 0 0.8rem; font-size:2.2rem; font-weight:600; } h4 { font-size:2.4rem; } h5 { font-size:2rem; } h6 { font-size:1.6rem; } p { font-size:1.6rem; line-height:1.6; margin:0 0 1.2em 0; } a { color:#262626; text-decoration:none; } a:hover, a:focus { color:#000; text-decoration:underline; } em, i, q, dfn { font-style:italic; } em em, em i, i em, i i, cite em, cite i { font-weight:bolder; } big { font-size:1.2em; } small { font-size:0.72em; } b, strong { font-weight:700; } ins { text-decoration:underline; } sub, sup { font-size:0.76em; line-height:0; position:relative; vertical-align:baseline; } sup { top:-0.5em; } sub { bottom:-0.25em; } abbr, acronym { cursor:help; } address { line-height:1.6; margin:0 0 2rem 0; } hr { border-style:solid; border-width:0.1rem 0 0 0; border-color:#dbb600; margin:4rem 0; } ul, ol { margin:0 0 2rem 0; } ul { list-style:disc; } ul ul { list-style:circle; } ul ul ul { list-style:square; } ol { list-style:decimal; } ol ol { list-style:lower-alpha; } ol ol ol { list-style:lower-roman; } li { line-height:1.5; margin:0.5rem 0 0 2rem; } li > ul, li > ol { margin:1rem 0 0 2rem; } .reset-list-style, .reset-list-style ul, .reset-list-style ol { list-style:none; margin:0; } .reset-list-style li { margin:0; } dt, dd { line-height:1.5; } dt { font-weight:700; } dt + dd { margin-top:0.5rem; } dd + dt { margin-top:1.5rem; } blockquote { border-color:#ff573a; border-style:solid; border-width:0 0 0 0.25rem; color:inherit; font-size:1em; margin:4rem 0; padding:0.5rem 0 0.5rem 2rem; } cite { color:#6d6d6d; font-size:1.4rem; font-style:normal; font-weight:600; line-height:1.25; } blockquote cite { display:block; margin:2rem 0 0 0; } blockquote p:last-child { margin:0; } code, kbd, pre, samp { font-family:monospace; font-size:0.9em; padding:0.4rem 0.6rem; } code, kbd, samp { background:rgba(0, 0, 0, 0.075); border-radius:0.2rem; } pre { border:0.1rem solid #dcd7ca; line-height:1.5; margin:4rem 0; overflow:auto; padding:3rem 2rem; text-align:left; } pre code { background:transparent; padding:0; } figure { display:block; margin:0; } iframe { display:block; max-width:100%; } video { display:block; } svg, img, embed, object { display:block; height:auto; max-width:100%; } figcaption, .wp-caption-text { color:#6d6d6d; display:block; font-size:1.5rem; font-weight:500; line-height:1.2; margin-top:1.5rem; } figcaption a, .wp-caption-text a { color:inherit; } /* BOUTONS / CALLS TO ACTION */ button, .button, .bouton, input[type="button"], input[type="reset"], input[type="submit"], .wp-block-buttons a { display:inline-block; -webkit-appearance:none; -moz-appearance:none; padding:1em 1.2em; font-weight:600; font-size:1.4rem; text-align:center; text-transform:uppercase; color:#f1eadd; background-color:#ff573a; border:none; border-radius:0; } .wp-block-buttons a:hover { color:#fff; text-decoration:none; } .wp-block-button.is-style-outline a { padding:1em 1.2em !important; color:#fff !important; font-weight:600; font-size:1.12rem; letter-spacing:0.04em; text-transform:uppercase; color:#f1eadd; background:#8f8d4f !important; border:none !important; } .wp-block-button.is-style-outline a:hover { color:#262626 !important; background:#bbccbf !important; } /* IMAGES */ .wp-block-embed figcaption, .wp-block-image figcaption { overflow:hidden; color:#262626; font-size:1.3rem; padding:0.4em 0.2em; margin:0; white-space:nowrap; text-overflow:ellipsis; /* background:rgba(187,204,191,0.6); */ } /* GALERIES DE PHOTOS */ .wp-block-gallery { display:flex; flex-wrap:wrap; width:100%; min-width:100%; margin:0 0 2rem; gap:2rem !important; --wp--style--unstable-gallery-gap:2rem !important; } .wp-block-gallery:first-of-type { padding-top:4rem; } .wp-block-gallery:last-of-type { padding-bottom:4rem; } /* VIDÉOS */ .wp-block-embed.is-type-video { background:#262626; } @media only screen and (max-width:720px) { .wp-block-gallery.is-style-duo-produits figure:nth-child(even) { display:none; } } /* FORMULAIRE ABONNEMENT YAPLA */ #abonnement { font-size:1.6rem; } #abonnement .champ { padding-bottom:1.2rem !important; } #abonnement .question p { margin:0; padding:0.6rem 0 0.8rem; } #abonnement .bouton { cursor:pointer; color:#f1eadd; background-color:#ff573a; } #abonnement .bouton:hover { color:#fff; text-decoration:none; } #abonnement .erreur { margin:1rem 0; color:#b55d24; font-size:1.5rem; font-weight:500; } #abonnement .confirmation { position:absolute; top:0; left:0; right:0; bottom:0; padding-top:2rem; background:#f1eadd; line-height:1.6; } #abonnement .soustitre { font-weight:600; font-size:1.16em; } @media only screen and (min-width:720px) { #abonnement .champ.prenom, #abonnement .champ.nom { float:left; width:50%; } #abonnement .champ.prenom { padding-right:0.6rem; } #abonnement .champ.nom { padding-left:0.6rem; } } /* FORMULAIRES */ fieldset { border:0; padding:2rem 0; } legend { font-size:0.85em; font-weight:700; padding:0 1rem; } label { display:block; font-size:1.6rem; font-weight:400; margin:0 0 0.5rem 0; } label.inline, input[type="checkbox"] + label { display:inline; font-weight:400; margin-left:0.5rem; } input[type="checkbox"] { -webkit-appearance:none; -moz-appearance:none; position:relative; top:2px; display:inline-block; margin:0; width:1.5rem; min-width:1.5rem; height:1.5rem; background:#fff; border-radius:0; border-style:solid; border-width:0.1rem; border-color:#dcd7ca; box-shadow:none; cursor:pointer; } input[type="checkbox"]:checked::before { /* Use the "Yes" SVG Dashicon */ content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E"); position:absolute; display:inline-block; margin:-0.1875rem 0 0 -0.25rem; height:1.75rem; width:1.75rem; } input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button { font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; line-height:1; } input, textarea { border-color:rgba(187, 204, 191, 0.2); color:#000; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea { -webkit-appearance:none; -moz-appearance:none; background:#fff; border-radius:0; border-style:solid; border-width:0.1rem; box-shadow:none; display:block; font-size:1.6rem; letter-spacing:-0.015em; margin:0; max-width:100%; padding:1.5rem 1.8rem; width:100%; } input[type="number"] { padding-right:0.5rem; } select { font-size:1em; } textarea { height:12rem; line-height:1.5; width:100%; } input::-webkit-input-placeholder { line-height:normal; } input:-ms-input-placeholder { line-height:normal; } input::-moz-placeholder { line-height:revert; /* Reset to the value from the user-agent stylesheet. */ } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display:none; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { border-color:rgba(187, 204, 191, 1); outline:0; } /* Tables ------------------------------------ */ table { border:0.1rem solid #dcd7ca; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:1.6rem; margin:4rem 0; max-width:100%; overflow:hidden; width:100%; } .alignleft > table { margin:0; } .alignright > table { margin:0; } th, td { border:0.1rem solid #dcd7ca; line-height:1.4; margin:0; overflow:visible; padding:0.5em; } caption { background:#dcd7ca; font-weight:600; padding:0.5em; text-align:center; } thead { vertical-align:bottom; white-space:nowrap; } th { font-weight:700; } /* -------------------------------------------------------------------------- */ /* 3. Helper Classes /* -------------------------------------------------------------------------- */ /* Layout ------------------------------------ */ .no-margin { margin:0; } .no-padding { padding:0; } .screen-height { min-height:100vh; } .admin-bar .screen-height { min-height:calc(100vh - 32px); } @media (max-width:782px) { .admin-bar .screen-height { min-height:calc(100vh - 46px); } } .screen-width { position:relative; left:calc(50% - 50vw); width:100vw; } /* Sections ---------------------------------- */ section { padding:5rem 0; width:100%; } .section-inner { margin-left:auto; margin-right:auto; max-width:120rem; width:calc(100% - 4rem); } .section-inner.max-percentage { width:100%; } .section-inner.thin { max-width:58rem; } .section-inner.small { max-width:80rem; } .section-inner.medium { max-width:100rem; } .section-inner.no-margin { margin:0; } /* Toggles ----------------------------------- */ .toggle { -moz-appearance:none; -webkit-appearance:none; color:inherit; cursor:pointer; font-family:inherit; position:relative; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; text-align:inherit; user-select:none; } button.toggle { background:none; border:none; box-shadow:none; border-radius:0; font-size:inherit; font-weight:400; letter-spacing:inherit; padding:0; text-transform:none; } /* Hiding and Showing ------------------------ */ .js .show-js { display:block !important; } .js .hide-js { display:none !important; } .no-js .show-no-js { display:block !important; } .no-js .hide-no-js { display:none !important; } /* Typography -------------------------------- */ .font-size-xl { font-size:1.25em; } .font-size-xs { font-size:0.8em; } .no-select { -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } /* Opacity ----------------------------------- */ .opacity-0 { opacity:0; } .opacity-5 { opacity:0.05; } .opacity-10 { opacity:0.1; } .opacity-15 { opacity:0.15; } .opacity-20 { opacity:0.2; } .opacity-25 { opacity:0.25; } .opacity-30 { opacity:0.3; } .opacity-35 { opacity:0.35; } .opacity-40 { opacity:0.4; } .opacity-45 { opacity:0.45; } .opacity-50 { opacity:0.5; } .opacity-55 { opacity:0.55; } .opacity-60 { opacity:0.6; } .opacity-65 { opacity:0.65; } .opacity-70 { opacity:0.7; } .opacity-75 { opacity:0.75; } .opacity-80 { opacity:0.8; } .opacity-85 { opacity:0.85; } .opacity-90 { opacity:0.9; } /* Image Classes ----------------------------- */ .bg-image { background-position:center; background-repeat:no-repeat; background-size:cover; } .bg-attachment-fixed { background-attachment:fixed; } @supports ( -webkit-overflow-scrolling:touch ) { .bg-attachment-fixed { background-attachment:scroll; } } @media ( prefers-reduced-motion:reduce ) { .bg-attachment-fixed { background-attachment:scroll; } } .wp-block-image.is-resized { margin-left:auto; margin-right:auto; } /* Search Form ------------------------------- */ .search-form { align-items:stretch; display:flex; flex-wrap:nowrap; margin:0 0 -0.8rem -0.8rem; } .search-form .search-field, .search-form .search-submit { margin:0 0 0.8rem 0.8rem; } .search-form label { align-items:stretch; display:flex; font-size:inherit; margin:0; width:100%; } .search-form .search-field { width:100%; } .search-form .search-submit { flex-shrink:0; } .search-form .search-submit:focus, .search-form .search-submit:hover { text-decoration:none; } /* Cover Modals ------------------------------ */ .cover-modal { display:none; -ms-overflow-style:none; overflow:-moz-scrollbars-none; } .cover-modal::-webkit-scrollbar { display:none !important; } .cover-modal.show-modal { display:block; cursor:pointer; } .cover-modal.show-modal > * { cursor:default; } /* -------------------------------------------------------------------------- */ /* 4. Site Header /* -------------------------------------------------------------------------- */ #site-header { background:#fff; position:relative; } .header-inner { max-width:168rem; padding:3.15rem 0; z-index:100; } /* Header Titles ----------------------------- */ .header-titles-wrapper { align-items:center; display:flex; justify-content:center; padding:0 4rem; text-align:center; } body:not(.enable-search-modal) .header-titles-wrapper { justify-content:flex-start; padding-left:0; text-align:left; } .site-title, .site-logo, .site-description { margin:0; } .site-title { font-size:2.1rem; font-weight:600; line-height:1; } .site-title a { color:inherit; display:block; text-decoration:none; } .site-title a:hover, .site-title a:focus { text-decoration:underline; } .site-description { margin-top:1rem; color:#6d6d6d; font-size:1.8rem; font-weight:500; display:none; letter-spacing:-0.0311em; transition:all 0.15s linear; } .site-logo a, .site-logo img { display:block; } .header-titles .site-logo .site-logo { margin:0; } .site-logo img { max-height:6rem; margin:0 auto; width:auto; } body:not(.enable-search-modal) .site-logo img { margin:0; } /* Overlay Header ---------------------------- */ .overlay-header #site-header { background:transparent; margin:0; position:absolute; left:0; right:0; top:0; z-index:2; } .overlay-header .header-inner { color:#fff; } .overlay-header .site-description, .overlay-header .toggle { color:inherit; } .overlay-header .header-inner .toggle-wrapper::before { background-color:currentColor; opacity:0.25; } .admin-bar.overlay-header #site-header { top:32px; } @media (max-width:782px) { .admin-bar.overlay-header #site-header { top:46px; } } /* Header Navigation ------------------------- */ .header-navigation-wrapper { display:none; } /* Header Toggles ---------------------------- */ .header-toggles { display:none; } .header-inner .toggle { align-items:center; display:flex; overflow:visible; padding:0 2rem; } .header-inner .toggle svg { display:block; position:relative; z-index:1; } .header-inner .toggle path { fill:currentColor; } .toggle-inner { display:flex; justify-content:center; height:2.3rem; position:relative; } .toggle-icon { display:block; overflow:hidden; } .toggle-inner .toggle-text { color:#6d6d6d; font-size:1rem; font-weight:600; position:absolute; top:calc(100% + 0.5rem); width:auto; white-space:nowrap; word-break:break-all; } .overlay-header .toggle-text { color:inherit; } .header-inner .toggle:focus .toggle-text, .header-inner .toggle:hover .toggle-text { text-decoration:underline; } /* Search Toggle ----------------------------- */ .search-toggle { position:absolute; bottom:0; left:0; top:0; } .search-toggle .toggle-icon, .search-toggle svg { height:2.5rem; max-width:2.3rem; width:2.3rem; } /* Navigation Toggle ------------------------- */ .nav-toggle { position:absolute; bottom:0; right:0; top:0; width:6.6rem; } .nav-toggle .toggle-icon, .nav-toggle svg { height:0.8rem; width:2.6rem; } .nav-toggle .toggle-inner { padding-top:0.8rem; } /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ body.touch-enabled .primary-menu > li.menu-item-has-children > a { padding-right:0; margin-right:2rem; } body.touch-enabled .primary-menu ul li.menu-item-has-children > a { margin-right:4.5rem; padding-right:0; width:unset; } /* -------------------------------------------------------------------------- */ /* 5. Menu Modal /* -------------------------------------------------------------------------- */ .menu-modal { background:#fff; display:none; opacity:0; overflow-y:auto; overflow-x:hidden; position:fixed; bottom:0; left:-99999rem; right:99999rem; top:0; transition:opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; z-index:99; } .admin-bar .menu-modal { top:32px; } @media (max-width:782px) { .admin-bar .menu-modal { top:46px; } } .menu-modal.show-modal { display:flex; } .menu-modal.active { left:0; opacity:1; right:0; transition:opacity 0.25s ease-out; } .menu-modal-inner { background:#fff; display:flex; justify-content:stretch; overflow:auto; -ms-overflow-style:auto; width:100%; } .menu-wrapper { display:flex; flex-direction:column; justify-content:space-between; position:relative; } button.close-nav-toggle { align-items:center; display:flex; font-size:1.6rem; font-weight:500; justify-content:flex-end; padding:3.1rem 0; width:100%; } button.close-nav-toggle svg { height:1.6rem; width:1.6rem; } button.close-nav-toggle .toggle-text { margin-right:1.6rem; } .menu-modal .menu-top { flex-shrink:0; } /* Main Menu --------------------------------- */ .modal-menu { position:relative; left:calc(50% - 50vw); width:100vw; } .modal-menu li { border-color:#dedfdf; border-style:solid; border-width:0.1rem 0 0 0; display:flex; flex-wrap:wrap; line-height:1; justify-content:flex-start; margin:0; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size:2rem; font-weight:700; letter-spacing:-0.0375em; } .modal-menu > li:last-child { border-bottom-width:0.1rem; } .modal-menu .ancestor-wrapper { display:flex; justify-content:space-between; width:100%; } .modal-menu a { display:block; padding:2rem 2.5rem; text-decoration:none; width:100%; } .modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { text-decoration:underline; } button.sub-menu-toggle { border-left:0.1rem solid #dedfdf; flex-shrink:0; margin:1rem 0; padding:0 2.5rem; } button.sub-menu-toggle svg { height:0.9rem; transition:transform 0.15s linear; width:1.5rem; } button.sub-menu-toggle.active svg { transform:rotate(180deg); } .modal-menu ul { display:none; margin:0; width:100%; } .modal-menu ul li { border-left-width:1rem; } .modal-menu ul li a { color:inherit; font-weight:500; } /* Main menu animation ----------------------- */ .menu-wrapper .menu-item { position:relative; } .menu-wrapper .active { display:block; } .menu-wrapper.is-toggling { pointer-events:none; } .menu-wrapper.is-toggling .menu-item { position:absolute; top:0; left:0; margin:0; width:100%; } .menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item { width:auto; } .menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target { transition-duration:250ms; } .menu-wrapper.is-animating .menu-item { transition-property:transform; } .menu-wrapper.is-toggling .toggling-target { display:block; position:absolute; top:0; left:0; opacity:1; } .menu-wrapper.is-toggling .toggling-target.active { opacity:0; } .menu-wrapper.is-animating.is-toggling .toggling-target { display:block; transition-property:opacity; opacity:0; } .menu-wrapper.is-animating.is-toggling .toggling-target.active { opacity:1; } .menu-wrapper.is-toggling .modal-menu > li:last-child li { border-top-color:transparent; border-bottom-width:0.1rem; } @media (prefers-reduced-motion:reduce) { .menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target { transition-duration:1ms !important; } } /* Expanded Menu ----------------------------- */ .expanded-menu { display:none; } .mobile-menu { display:block; } /* Menu Bottom ------------------------------- */ .menu-bottom { flex-shrink:0; padding:4rem 0; } .menu-bottom nav { width:100%; } .menu-copyright { display:none; font-size:1.6rem; font-weight:500; margin:0; } .menu-copyright a:focus, .menu-copyright a:hover { text-decoration:underline; } .menu-bottom .social-menu { justify-content:center; } /* -------------------------------------------------------------------------- */ /* 6. Search Modal /* -------------------------------------------------------------------------- */ .search-modal { background:rgba(0, 0, 0, 0.2); display:none; opacity:0; position:fixed; bottom:0; left:-9999rem; top:0; transition:opacity 0.2s linear, left 0s 0.2s linear; width:100%; z-index:999; } .admin-bar .search-modal.active { top:32px; } @media (max-width:782px) { .admin-bar .search-modal.active { top:46px; } } .search-modal-inner { background:#fff; transform:translateY(-100%); transition:transform 0.15s linear, box-shadow 0.15s linear; } .search-modal-inner .section-inner { display:flex; justify-content:space-between; max-width:168rem; } .search-modal.active { left:0; opacity:1; transition:opacity 0.2s linear; } .search-modal.active .search-modal-inner { box-shadow:0 0 2rem 0 rgba(0, 0, 0, 0.08); transform:translateY(0); transition:transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear; } button.search-untoggle { align-items:center; display:flex; flex-shrink:0; justify-content:center; margin-right:-2.5rem; padding:0 2.5rem; } .search-modal button.search-untoggle { color:inherit; } .search-modal.active .search-untoggle { animation:popIn both 0.3s 0.2s; } .search-untoggle svg { height:1.5rem; transition:transform 0.15s ease-in-out; width:1.5rem; } .search-untoggle:focus svg, .search-untoggle:hover svg { transform:scale(1.15); } /* Modal Search Form ------------------------- */ .search-modal form { margin:0; position:relative; width:100%; } .search-modal .search-field { background:none; border:none; border-radius:0; color:inherit; font-size:2rem; letter-spacing:-0.0277em; height:8.4rem; margin:0 0 0 -2rem; max-width:calc(100% + 2rem); padding:0 0 0 2rem; width:calc(100% + 2rem); } .search-modal .search-field::-webkit-input-placeholder { color:inherit; } .search-modal .search-field:-ms-input-placeholder { color:inherit; } .search-modal .search-field::-moz-placeholder { color:inherit; line-height:4; } .search-modal .search-submit { position:absolute; right:-9999rem; top:50%; transform:translateY(-50%); } .search-modal .search-submit:focus { right:0; } /* -------------------------------------------------------------------------- */ /* 7a. Template:Cover Template /* -------------------------------------------------------------------------- */ .cover-header { display:flex; overflow:hidden; } .cover-header-inner-wrapper { display:flex; position:relative; flex-direction:column; justify-content:flex-end; width:100%; } .cover-header-inner { padding:10rem 0 5rem 0; width:100%; } .cover-color-overlay, .cover-color-overlay::before { position:absolute; bottom:0; left:0; right:0; top:0; } .cover-color-overlay::before { background:currentColor; content:""; display:block; } .cover-header .entry-header { position:relative; width:100%; z-index:1; } .cover-header .entry-header * { color:#fff; } body.template-cover .entry-header { background:transparent; padding:0; } .cover-header h1, .cover-header h2, .cover-header h3, .cover-header h4, .cover-header h5, .cover-header h6, .cover-header .faux-heading { color:inherit; } .cover-header .entry-header a { color:inherit; } /* Post Footer ------------------------------- */ /* POST NAV LINKS */ .post-nav-links { border-radius:0.4rem; display:flex; font-size:0.9em; font-weight:600; line-height:1; margin:3em auto 0 auto; padding:0; width:calc(100% - 4rem); max-width:58rem; } .post-nav-links > span.label { padding:1em 0; } .post-nav-links > * { padding:1em 0.75em; } /* POST META BOTTOM */ .post-meta-wrapper.post-meta-single-bottom { margin-top:3rem; } /* Author Bio -------------------------------- */ .author-bio { margin-top:4rem; margin-right:auto; margin-left:auto; max-width:58rem; width:100%; } .hide-avatars .author-bio { padding-left:0; } .author-bio .author-title-wrapper { align-items:center; display:flex; margin:0 0 1rem 0; } .author-bio .avatar { border-radius:50%; margin-right:1.5rem; height:5rem; width:5rem; } .hide-avatars img.avatar { display:none; } .author-bio p:last-child { margin-bottom:0; } .author-bio .author-title { margin:0; } .author-bio .author-link { display:block; font-size:1.6rem; font-weight:600; margin-top:1em; text-decoration:none; } .author-bio .author-link:focus, .author-bio .author-link:hover { text-decoration:underline; } /* Single Pagination ------------------------- */ .pagination-single { font-size:1.8rem; margin-top:5rem; } .pagination-single-inner { display:flex; flex-direction:column; } .pagination-single hr:first-child { margin:0 0 2.8rem 0; } .pagination-single hr:last-child { margin:2.8rem 0 0.8rem 0; } .pagination-single a { align-items:baseline; display:flex; font-weight:600; letter-spacing:-0.0275em; text-decoration:none; flex:1; } .pagination-single a + a { margin-top:1rem; } .pagination-single a .arrow { margin-right:1rem; } .pagination-single a:focus .title, .pagination-single a:hover .title { text-decoration:underline; } /* -------------------------------------------------------------------------- */ /* 10. Blocks /* -------------------------------------------------------------------------- */ /* Block Typography Classes ------------------ */ .has-text-align-left { /*rtl:ignore*/ text-align:left; } .has-text-align-center { text-align:center; } .has-text-align-right { text-align:right; } .has-drop-cap:not(:focus)::first-letter { color:#dbb600 !important; font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; font-size:5.1em; font-weight:800; margin:0.05em 0.1em 0 0; } .has-drop-cap:not(:focus)::first-letter::after { content:""; display:table; clear:both; } .has-drop-cap:not(:focus)::after { padding:0; } /* Block Font Families ----------------------- */ .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large { font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } @supports ( font-variation-settings:normal ) { .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-latest-posts, .entry-content .wp-block-latest-comments, .entry-content .wp-block-cover-image p, .entry-content .wp-block-pullquote { font-family:"Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; } } /* Block Font Sizes -------------------------- */ .has-small-font-size { font-size:0.842em; } .has-normal-font-size, .has-regular-font-size { font-size:1em; } .has-medium-font-size { font-size:1.1em; line-height:1.45; } .has-large-font-size { font-size:1.25em; line-height:1.4; } .has-larger-font-size { font-size:1.5em; line-height:1.3; } /* Block:Shared Widget Styles --------------- */ .wp-block-archives, .wp-block-categories, .wp-block-latest-posts, .wp-block-latest-comments { list-style:none; margin-left:0; } .wp-block-archives ul, .wp-block-categories ul, .wp-block-latest-posts ul, .wp-block-latest-comments ul { list-style:none; } .entry-content .wp-block-archives > li, .entry-content .wp-block-categories > li, .entry-content .wp-block-latest-posts > li, .entry-content .wp-block-latest-comment > li { margin-left:0; } .entry-content .wp-block-archives > li:last-child, .entry-content .wp-block-categories > li:last-child, .entry-content .wp-block-latest-posts > li:last-child, .entry-content .wp-block-latest-comment > li:last-child { margin-bottom:0; } .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments * { font-family:inherit; } .entry-content .wp-block-archives li, .entry-content .wp-block-categories li, .entry-content .wp-block-latest-posts li { color:#6d6d6d; } .wp-block-archives a, .wp-block-categories a, .wp-block-latest-posts a, .wp-block-latest-comments a { font-weight:700; text-decoration:none; } .wp-block-archives a:hover, .wp-block-categories a:hover, .wp-block-latest-posts a:hover, .wp-block-latest-comments a:hover, .wp-block-archives a:focus, .wp-block-categories a:focus, .wp-block-latest-posts a:focus, .wp-block-latest-comments a:focus { text-decoration:underline; } .wp-block-latest-posts a, .wp-block-latest-comments__comment-meta { font-weight:700; letter-spacing:-0.025em; line-height:1.25; } .wp-block-latest-comments__comment-date, .wp-block-latest-posts__post-date { color:#6d6d6d; font-size:0.7em; font-weight:600; letter-spacing:normal; margin-top:0.15em; } /* Block:Audio ------------------------------ */ .wp-block-audio audio { width:100%; } /* Block:Columns ---------------------------- */ .wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns { padding-left:2rem; padding-right:2rem; } .wp-block-column { margin-bottom:3.2rem; } .wp-block-column > *:first-child { margin-top:0; } .wp-block-column > *:last-child { margin-bottom:0; } /* Block:Cover ------------------------------ */ .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width:calc(100% - 4rem); padding:2rem 0; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 { max-width:100%; padding:0; } .wp-block-cover-image h2, .wp-block-cover h2 { font-size:3.2rem; } /* Block:Embed ------------------------------ */ /* Block:File ------------------------------- */ .wp-block-file { align-items:center; display:flex; flex-wrap:wrap; justify-content:space-between; } .wp-block-file a:not(.wp-block-file__button) { font-weight:700; text-decoration:none; } .wp-block-file a:not(.wp-block-file__button):not(:last-child) { margin-right:1rem; } .wp-block-file a:not(.wp-block-file__button):focus, .wp-block-file a:not(.wp-block-file__button):hover { text-decoration:underline; } .wp-block-file .wp-block-file__button { font-size:1.5rem; padding:1em 1.25em; } .wp-block-file a.wp-block-file__button:visited { opacity:1; } .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover { opacity:1; text-decoration:underline; } /* Block:Gallery ---------------------------- */ .wp-block-gallery ul { list-style:none; margin:0 0 -1.6rem 0; } figure.wp-block-gallery.alignnone, figure.wp-block-gallery.aligncenter { margin-bottom:3rem; margin-top:3rem; } figure.wp-block-gallery.alignleft { margin:0.3rem 2rem 2rem 0; } figure.wp-block-gallery.alignright { margin:0.3rem 0 2rem 2rem; } figure.wp-block-gallery.alignwide { margin-bottom:4rem; margin-top:4rem; } figure.wp-block-gallery.alignfull { margin-bottom:5rem; margin-top:5rem; } /* Block:Group ------------------------------ */ .wp-block-group.has-background { padding:2rem; margin-bottom:0; margin-top:0; } .wp-block-group__inner-container { margin:0 auto; } .wp-block-group__inner-container, .entry-content .wp-block-group p { max-width:100%; } .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left:2rem; padding-right:2rem; } /* Block:Image ------------------------------ */ /* Block:Media And Text --------------------- */ .wp-block-media-text .wp-block-media-text__content { padding:3rem 2rem; } .wp-block-media-text .wp-block-media-text__content p { max-width:none; } .wp-block-media-text__content > *:first-child { margin-top:0; } .wp-block-media-text__content > *:last-child { margin-bottom:0; } /* Block:Pullquote -------------------------- */ /* STYLE:DEFAULT */ .wp-block-pullquote { padding:0; position:relative; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width:calc(100% - 4rem); } .wp-block-pullquote::before { background:#fff; border-radius:50%; color:#cd2653; content:"”"; display:block; font-size:6.2rem; font-weight:500; line-height:1.2; margin:0 auto 1.5rem auto; text-align:center; height:4.4rem; width:4.4rem; } .reduced-spacing .wp-block-pullquote::before { border:0.1rem solid currentColor; font-size:5.9rem; } .wp-block-pullquote blockquote { border:none; margin:0; padding:0; } .wp-block-pullquote blockquote p { font-family:inherit; font-size:2.8rem; font-weight:700; line-height:1.178571429; letter-spacing:-0.041785714em; max-width:100%; } .wp-block-pullquote p:last-of-type { margin-bottom:0; } .wp-block-pullquote cite { color:#6d6d6d; font-size:1.6rem; font-weight:500; margin-top:1.2rem; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size:2.8rem; } .wp-block-pullquote.alignleft { text-align:left; } .wp-block-pullquote.alignright { text-align:right; } .wp-block-pullquote.alignleft::before { margin-left:0; } .wp-block-pullquote.alignright::before { margin-right:0; } /* STYLE:SOLID BACKGROUND COLOR */ .wp-block-pullquote.is-style-solid-color { padding:3rem 2rem; } .wp-block-pullquote.is-style-solid-color::before { position:absolute; top:0; left:50%; transform:translateY(-50%) translateX(-50%); } .wp-block-pullquote.is-style-solid-color.alignleft::before, .wp-block-pullquote.is-style-solid-color.alignright::before { transform:translateY(-50%); } .wp-block-pullquote.is-style-solid-color.alignleft::before { left:2rem; } .wp-block-pullquote.is-style-solid-color.alignright::before { left:auto; right:2rem; } .wp-block-pullquote.is-style-solid-color blockquote { max-width:100%; text-align:inherit; } .wp-block-pullquote.is-style-solid-color cite { color:inherit; } /* Block:Separator ------------------------- */ hr.wp-block-separator { margin:3rem 0; } /* STYLE:WIDE */ .wp-block-separator.is-style-wide { max-width:calc(100vw - 4rem); position:relative; width:100%; } /* STYLE:DOTS */ .wp-block-separator.is-style-dots::before { background:none; color:inherit; font-size:3.2rem; font-weight:700; height:auto; letter-spacing:1em; padding-left:1em; position:static; transform:none; width:auto; } .wp-block-separator.is-style-dots::after { content:none; } /* Block:Search ----------------------------- */ .wp-block-search .wp-block-search__input { width:auto; } /* Block:Table ------------------------------ */ .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background:#dcd7ca; } figure.wp-block-table.is-style-stripes { border-bottom:none; } .wp-block-table.is-style-stripes table { border-collapse:inherit; } /* Block:Quote ------------------------------ */ .wp-block-quote p, .wp-block-quote cite { text-align:inherit; } .wp-block-quote[style="text-align:center"] { border-width:0; padding:0; } .wp-block-quote[style="text-align:right"] { /*rtl:begin:ignore*/ border-width:0 0.2rem 0 0; padding:0 2rem 0 0; /*rtl:end:ignore*/ } /* STYLE:LARGE */ .wp-block-quote.is-large, .wp-block-quote.is-style-large { border:none; padding:0; margin-left:auto; margin-right:auto; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-family:inherit; font-size:2.4rem; font-style:normal; font-weight:700; letter-spacing:-0.02em; line-height:1.285; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size:1.6rem; text-align:inherit; } /* Block:Widget Latest Comments ------------- */ .entry-content .wp-block-latest-comments li { margin:2rem 0; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left:5.5rem; } .entry-content .wp-block-latest-comments a { text-decoration:none; } .entry-content .wp-block-latest-comments a:hover, .entry-content .wp-block-latest-comments a:focus { text-decoration:underline; } .wp-block-latest-comments__comment { font-size:inherit; } .wp-block-latest-comments__comment-date { margin-top:0.4em; } .wp-block-latest-comments__comment-excerpt p { font-size:0.7em; margin:0.9rem 0 2rem 0; } /* Block:Widget Latest Posts ---------------- */ .wp-block-latest-posts.is-grid li { border-top:0.2rem solid #dcd7ca; margin-top:2rem; padding-top:1rem; } .wp-block-latest-posts.has-dates { list-style:none; } .wp-block-latest-posts.has-dates:not(.is-grid) li { margin-top:1.5rem; } .wp-block-latest-posts.has-dates:not(.is-grid) li:first-child { margin-top:0; } /* Block:Post Template ---------------- */ .wp-block-post-template, .wp-block-post-template > li { margin-left:0; margin-right:0; } /* -------------------------------------------------------------------------- */ /* 11. Entry Content /* -------------------------------------------------------------------------- */ .entry-content { line-height:1.5; width:92%; max-width:56em; margin:0 auto; } .read-more-button-wrap { margin-top:1em; text-align:center; } .entry-content a:hover, .entry-content a:focus { text-decoration:none; } .entry-content p, .entry-content li { line-height:1.4; } .entry-content li img { display:inline-block; } .entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul { margin-bottom:1rem; } .entry-content hr { margin:4rem auto; } .post-inner .entry-content > .wp-block-cover.alignwide:first-child, .post-inner .entry-content > .wp-block-cover.alignfull:first-child { margin-top:0; } /* Font Families ----------------------------- */ /* Alignment Classes ------------------------- */ .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width:48em; width:calc(100% - 4rem); } [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width:48em; width:100%; } .alignnone, .aligncenter, .alignleft, .alignright, .alignwide { margin-top:4rem; margin-right:auto; margin-bottom:4rem; margin-left:auto; } [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { margin-left:auto; margin-right:auto; } /* Full */ .alignfull { margin-top:5rem; margin-right:auto; margin-bottom:5rem; margin-left:auto; max-width:100vw; position:relative; width:100%; } [class*="__inner-container"] > .alignfull { max-width:100%; } /* Wide */ .alignwide { max-width:120rem; position:relative; width:calc(100% - 4rem); } [class*="__inner-container"] > .alignwide { width:100%; } /* Center */ .aligncenter, .aligncenter img { margin-left:auto; margin-right:auto; } /* Left and right */ .alignleft, .alignright { max-width:50%; } .alignleft { /*rtl:ignore*/ float:left; margin:0.3rem 2rem 2rem 2rem; } .alignright { /*rtl:ignore*/ float:right; margin:0.3rem 2rem 2rem 2rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left:2rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right:2rem; } /* Entry Media ------------------------------- */ .alignfull > figcaption, .alignfull > .wp-caption-text { margin-left:auto; margin-right:auto; max-width:58rem; width:calc(100% - 4rem); } /* -------------------------------------------------------------------------- */ /* 13. Site Pagination /* -------------------------------------------------------------------------- */ .pagination .nav-links { align-items:baseline; display:flex; flex-wrap:wrap; font-size:1.8rem; font-weight:600; margin:-1.5rem 0 0 -2.5rem; width:calc(100% + 2.5rem); } .pagination-separator { margin:5rem 0; } .nav-links > * { margin:1.5rem 0 0 2.5rem; } .nav-links .placeholder { display:none; visibility:hidden; } .pagination a { text-decoration:none; } .pagination a:focus, .pagination a:hover { text-decoration:underline; } .pagination .dots { transform:translateY(-0.3em); color:#6d6d6d; } .nav-short { display:none; } /* -------------------------------------------------------------------------- */ /* 16. Site Footer /* -------------------------------------------------------------------------- */ .footer-nav-widgets-wrapper, #site-footer { background-color:#fff; border-color:#dedfdf; border-style:solid; border-width:0; } .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer { margin-top:5rem; } .reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer { border-top-width:0.1rem; } .footer-top, .footer-widgets-outer-wrapper, #site-footer { padding:3rem 0; } /* Footer Top -------------------------------- */ .footer-top { display:flex; border-bottom:0.1rem solid #dedfdf; justify-content:space-between; } /* FOOTER MENU */ .footer-menu { font-size:1.8rem; font-weight:700; letter-spacing:-0.0277em; } .footer-menu li { line-height:1.25; margin:0.25em 0 0 0; } .footer-menu a { text-decoration:none; word-break:normal; word-wrap:normal; } .footer-menu a:hover, .footer-menu a:focus { text-decoration:underline; } /* FOOTER SOCIAL */ .footer-social-wrapper { margin:0; width:100%; } .has-footer-menu .footer-social-wrapper { flex-shrink:0; margin-left:1rem; width:50%; } ul.footer-social { margin:-0.5rem 0 0 -0.5rem; } .has-footer-menu .footer-social { justify-content:flex-end; } ul.footer-social li { margin:0.5rem 0 0 0.5rem; } .footer-social a { background-color:#cd2653; height:3.6rem; width:3.6rem; } .footer-social a::before { font-size:1.6rem; } /* Footer Widgets ---------------------------- */ .footer-widgets-outer-wrapper { border-bottom:0.1rem solid #dedfdf; } .footer-widgets + .footer-widgets { margin-top:3rem; } /* Footer Bottom ----------------------------- */ #site-footer { font-size:1.6rem; } #site-footer .section-inner { align-items:baseline; display:flex; justify-content:space-between; } #site-footer a { text-decoration:none; } #site-footer a:focus, #site-footer a:hover { text-decoration:underline; } .footer-copyright a, .privacy-policy a, .powered-by-wordpress a { color:inherit; } .privacy-policy, .powered-by-wordpress, .to-the-top { color:#6d6d6d; } a.to-the-top { margin-left:2.4rem; white-space:nowrap; } a.to-the-top > * { pointer-events:none; } .footer-copyright { font-weight:600; margin:0; } .powered-by-wordpress { display:none; margin:0 0 0 2.4rem; } .privacy-policy { margin:1.2rem 0 0; } .to-the-top-long { display:none; }