/* ========================================================================== GENERAL DEBUG ========================================================================== */ /* Concernant le cassage de l'admin */ /* mettre en commentaire */ /* add_filter('style_loader_tag', 'roots_clean_style_tag'); */ /* dans lib/cleanup.php */ /* https://discourse.roots.io/t/old-roots-theme-breaks-wp-admin-in-wordpress-5-3/17083 */ /* Concernant le cassage de l'import du style >> permaliens */ /* Import des icones */ /* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"); */ /* gérer en interne - appel dans le fichier HEAD */ /* PUTAIN OVERFLOW-X */ body { overflow-x: hidden !important; } /* IE FIX */ .wp-block-media-text { display: -ms-grid; } /* IE 11 grid fix */ .wp-block-media-text { display: -ms-grid; -ms-grid-columns: 50% auto; } /* body.page-id-7845 .wp-block-media-text { -ms-grid-columns: 14% auto; } */ /* default media on the left */ .wp-block-media-text .wp-block-media-text__media { -ms-grid-column: 1; } .wp-block-media-text .wp-block-media-text__content { -ms-grid-column: 2; } /* media on the right */ .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { -ms-grid-column: 2; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { -ms-grid-column: 1; } /* Gutenberg Media & Text Block Fallback for IE11 */ .wp-block-media-text:after { display: table; content: ""; clear: both; } .wp-block-media-text figure { float: left; width: 50%; } .wp-block-media-text .wp-block-media-text__content { float: right; width: 50%; } .wp-block-media-text.has-media-on-the-right figure { float: right; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { float: left; } @supports (display: grid) { .wp-block-media-text figure { float: none; width: inherit; } .wp-block-media-text .wp-block-media-text__content { float: none; width: inherit; } .wp-block-media-text.has-media-on-the-right figure { float: none; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { float: none; } } /* support pleine largeur : CSS + PHP */ /* Grande largeur Gutenberg */ .content .alignwide { margin-left : -80px; /* à ajuster selon vos préférences */ margin-right : -80px; /* à ajuster selon vos préférences */ } /* Pleine largeur Gutenberg */ .content .alignfull { margin-left : calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; width: auto; /* ??? */ } /* .alignfull img { width: 100vw; } */ /* l'alignement grande largeur se comporte comme le pleine largeur en dessous de 768px */ /* @media screen and (max-width: 768px) { .content .alignwide { margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2); } } */ /* TAILLE DU TEXTE 100% WIDTH DE SON CONTENEUR */ .scale__container--js { text-align: center; } .scale--js { display: inline-block; transform-origin: 50% 0; -webkit-font-smoothing: antialiased; transform: translate3d( 0, 0, 0); } /* ========================================================================== Base ========================================================================== */ /* GESTION DU "STICKY" FOOTER */ html, body { height: 100%; width: 100%; } body { display: table; } .footer { display: table-row; height: auto; } body { padding-top: 175px; background: #fff /* #FDFCF9 */; } body.home, body.page-id-16, /* page Atelier */ body.page-id-34, /* page Savoir-faire */ body.single-projet { padding-top: 0; } /* FONT STYLE */ body { font-family: "Raleway", sans-serif; font-optical-sizing: auto; font-style: normal; font-size: 17px; color: #27224D; } h1, h2 { font-family: "Abril Fatface", serif; font-weight: 400; font-style: normal; } h3, h4, h5, h6 { font-family: "Crimson Text", serif; } h2 { font-size: 70px; } h3 { font-size: 50px; } h4 { font-size: 30px; } h5 { font-size: 25px; } a { color: #3873B9; } a:hover { color: #379A95; text-decoration: none; } a:active { color: #E5A343; } a.button { background: rgba(255, 255, 255, 0); color: #000; display: inline-block; border-radius: 50px; padding: 12px 18px; border: 3px solid #000; } a.button:hover { background: #000; border: 3px solid #000; color: #fff; } a.button.button-hover-blue:hover { background: #3873B9; border: 3px solid #3873B9; color: #fff; } a.button.button-hover-aqua-green:hover { background: #379A95; border: 3px solid #379A95; color: #fff; } a.button.button-hover-red:hover { background: #D8474D; border: 3px solid #D8474D; color: #fff; } a.button.button-hover-orange:hover { background: #E5A343; border: 3px solid #E5A343; color: #fff; } .archivo-black-regular { font-family: "Archivo Black", sans-serif; font-weight: 400; font-style: normal; } .abrilfatface { font-family: 'Abril Fatface', cursive; } .crimsontext { font-family: 'Crimson Text', serif; font-weight: 400; } .crimsontext-bold { font-family: 'Crimson Text', serif; font-weight: 700; } .raleway-extralight { font-weight: 200; } .raleway { font-family: 'Raleway', sans-serif; font-weight: 400; } .raleway-bold { font-weight: 700; } .menu-item-description { display: none; } .txt-matrix { transform:matrix(1,-0.03,-0.03,1.00,0,0); -ms-transform:matrix(1,-0.03,-0.03,1.00,0,0); -webkit-transform:matrix(1,-0.03,-0.03,1.00,0,0); /* transform:matrix(0.95,-0.03,-0.03,1.00,-20,0); -ms-transform:matrix(0.95,-0.03,-0.03,1.00,-20,0); -webkit-transform:matrix(0.95,-0.03,-0.03,1.00,-20,0); */ } .btn-stroke { font-style: italic; letter-spacing: 1px; padding: 10px 15px; color: #000; background: #fff; border: 2px solid rgba(216, 192, 152, 0.5); display: inline-block; } .btn-stroke:hover { color: #fff; background: rgba(216, 192, 152, 1); border: 2px solid rgba(216, 192, 152, 1); text-decoration: none; } .btn-stroke:active { background: rgba(216, 192, 152, 0.5); border: 2px solid rgba(216, 192, 152, 0); } /* HAS-TEXT-COLOR */ .has-dark-blue-color { color: #27224D; } .has-blue-color { color: #3873B9; } .has-aqua-green-color { color: #379A95; } .has-red-color { color: #D8474D; } .has-orange-color { color: #E5A343; } .has-beige-color { color: #EBD49F; } .has-light-beige-color { color: #FCF1D7; } .has-off-white-color { color: #FBF8EB; } .has-white-color { color: #FFFFFF; } /* HAS-BACKGROUND-COLOR */ .has-dark-blue-background-color { background-color: #27224D; } .has-blue-background-color { background-color: #3873B9; } .has-aqua-green-background-color { background-color: #379A95; } .has-red-background-color { background-color: #D8474D; } .has-orange-background-color { background-color: #E5A343; } .has-beige-background-color { background-color: #EBD49F; } .has-light-beige-background-color { background-color: #FCF1D7; } .has-off-white-background-color { background-color: #FBF8EB; } .has-white-background-color { background-color: #FFFFFF; } /* LÉGENDE */ figcaption.wp-element-caption { font-size: 13px; } /* Cookies */ body #hu-revoke { margin-bottom: 50px; } body #hu-revoke .hu-revoke-button { background: #3873B9 !important; } /* ========================================================================== Custom Bootstrap ========================================================================== */ .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: #3873B9; } .tooltip-inner { background: #3873B9; } .tooltip .arrow::before { border-top-color: #3873B9; } /* ========================================================================== Custom Gutemberg ========================================================================== */ /* Titre */ h1 strong, h2 strong { /* font-weight: inherit; color: #93846A; */ } /* Liens externes */ .admin-content a[target=_blank]:after { margin: 0 6px 0 4px; color: rgb(215,197,179); fill: rgb(215,197,179); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='currentColor' class='bi bi-box-arrow-up-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); } .admin-content .wp-block-cover a[target=_blank]:after { color: #fff; fill: #fff; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white' class='bi bi-box-arrow-up-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); } /* Liste */ .admin-content ul li { margin-bottom: 5px; } .admin-content ul.has-small-font-size li { margin-bottom: 5px; } ul.nopadding { padding-left: 18px; margin-bottom: 6px; } ul.nopadding li { padding-left: 0px; } /* Gallerie Modula */ .modula-gallery .modula-items { margin-top: 10px; } .modula-gallery .post-edit-link { display: none; } /* Bannière */ .wp-block-cover { height: inherit; min-height: inherit; } .wp-block-cover:not(.white) a { color: #fff; } /* Bouton dans bannière - style plein */ .wp-block-cover:not(.white) .wp-block-button.is-style-fill .wp-block-button__link { background: #fff; color: #000; } /* Bouton dans bannière - style contours */ .wp-block-cover:not(.white) .wp-block-button.is-style-outline .wp-block-button__link { border-color: #fff; color: #fff; } /* titres dans bannière */ .wp-block-cover h3 { margin-bottom: 2px; } /* Séparateur HR */ .wp-block-separator { border-top: 1px solid #d2d2d2; border-bottom: none; } .wp-block-separator.has-text-color { border-top: 1px solid rgba(255,255,255,0); } /* Caroussel */ .wp-block-cb-carousel .slick-slide { padding-left: 10px; padding-right: 10px; } .wp-block-cb-carousel .slick-prev { left: -20px; } .wp-block-cb-carousel .slick-next { right: -20px; } .wp-block-cb-carousel .slick-prev:before, .wp-block-cb-carousel .slick-next:before { color: #3873B9 /* #27224D; opacity: 0.25; */ } .wp-block-cb-carousel figcaption.wp-element-caption { margin-bottom: 0px; } .wp-block-cb-carousel ul.slick-dots { bottom: -35px; } .wp-block-cb-carousel .slick-dots li { margin: 0px 2px; } .wp-block-cb-carousel .slick-dots li button:before { opacity: 0.20; color: #3873B9; } .wp-block-cb-carousel .slick-dots li.slick-active button:before { opacity: 0.75; color: #3873B9; } /* Contact Form 7 */ .wpcf7 .contact-left.col-md-6 { padding-right: 5px; } .wpcf7 .contact-right.col-md-6 { padding-left: 5px; } .wpcf7 input { background: #f6f6f6; /* #FBF8EB /*rgba( 200, 190, 170, 0.1)*/; padding: 10px 15px; width: 100%; border: 0px; } .wpcf7 input::placeholder { color: rgba(32,27,61,1) /* #E5A343 */; font-size: 14px; } .wpcf7 label.wp7-textarea { width: 100%; } .wpcf7 textarea { background: #f6f6f6; /* #FBF8EB /*rgba( 200, 190, 170, 0.1)*/; padding: 10px 15px; border: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .wpcf7 textarea::placeholder { color: rgba(32,27,61,1) /* #E5A343 */; font-size: 14px; } .wpcf7 .wpcf7-acceptance input[type="checkbox"] { width: 14px; margin: 0 4px 0 0; } .wpcf7 .contact-rgpd { font-size: 12px; line-height: 20px; text-align: justify; font-style: italic; } .wpcf7 input[type=submit] { background: #379A95; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 0.25px; } .wpcf7 input[type=submit]:hover { background: #E5A343; } .wpcf7 input[type=submit]:active { background: #D8474D; } .wpcf7 .champs-obligatoires { font-style: italic; color: #555; font-size: 14px; } /* Bloc cover - Bannière */ .wp-block-cover.is-style-editorskit-rounded { border-radius: 20px; } /* Bloc colonnes */ /* .wp-block-columns { margin-bottom: 0px; } */ /* Bloc compare before/after */ .entry-content .wp-block-icb-image-compare .icb-default-icon { background: #3873B9 !important; border: 3px solid #3873B9 !important; } .entry-content .wp-block-icb-image-compare .icb-comparison-slider-handle::before { background: #3873B9 !important; border: 3px solid #3873B9 !important; } .entry-content .wp-block-icb-image-compare .icb-comparison-slider-handle::after { background: #3873B9 !important; border: 3px solid #3873B9 !important; } /* Divers */ .mark, mark { padding: 0px; } /* Histoire de full largeur */ .wp-block-separator { max-width: 1140px; margin-left: auto; margin-right: auto; } .wp-block-media-text { max-width: 1140px; margin-left: auto; margin-right: auto; } .wp-block-cover, .wp-block-columns { max-width: 1140px; margin-left: auto; margin-right: auto; } .wp-block-cover.alignfull, .wp-block-columns.alignfull { /* max-width: 100%; margin-left: auto; margin-right: auto; */ margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right: calc( -100vw / 2 + 100% / 2 ); max-width: 100vw; width: auto; } .wp-block-cover .wp-block-cover__inner-container { max-width: 1110px; margin: 0 auto; } .wp-block-image.size-full img.width100 { width: 100%; height: auto; } /* Améliorer les marges et cie des colonnes + même hauteurs les uns entre les autres */ .wp-block-columns.portfolio { flex-wrap: wrap !important; } .wp-block-columns.portfolio.nomargin { gap: 0px; row-gap: 0px; column-gap: 0px; margin-bottom: 0px; } .wp-block-columns.portfolio .wp-block-column { display: flex; align-self: auto; } .wp-block-columns.portfolio .wp-block-column .wp-block-cover { padding: 34px; } /* Refus de la full largeur */ .entry-content p, .entry-content ul, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { max-width: 1140px; margin-left: auto; margin-right: auto; } /* Bloc image */ .entry-content .wp-block-image { max-width: 1110px; margin: 0 auto; } /* Bloc Modula gallerie */ .entry-content .modula-gallery { max-width: 1110px; margin: 0 auto; } /* Bloc gallerie */ .entry-content .wp-block-gallery { max-width: 1110px; margin: 0 auto; } /* Bloc mockup device */ .entry-content .device-wrapper { max-width: 1140px; margin-left: auto; margin-right: auto; display: block } /* Bloc Vidéo / Youtube */ .entry-content figure.is-type-video .entry-content-asset { max-width: 1140px; margin: 0 auto; } /* Gutenslider */ .entry-content .wp-block-eedee-block-gutenslider { max-width: 1140px; margin-left: auto; margin-right: auto; } /* Gutenslider */ .entry-content .wp-block-eedee-block-gutenslider .is-layout-flex { max-width: 1110px; margin: 0 auto; } /* Bloc image */ .entry-content .wp-block-icb-image-compare { max-width: 1110px; margin: 0 auto; } /* ========================================================================== Module ========================================================================== */ .ul-icons-social { float: none; list-style: none;} .ul-icons-social li { float: left; margin: 0; padding: 0; } .ul-icons-social li a { float: left; display: block; float: left; margin: 0; padding: 0; } .ul-icons-social li a svg, .ul-icons-social li a img { width: 100% ; height: auto; } .ul-icons-social .tooltip-inner { font-family: 'Crimson Text', serif; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; } .ul-icons-social-txt { padding: 0; display: flex; flex-direction: column; } .ul-icons-social-txt li { margin-bottom: 5px; } .ul-icons-social-txt li a { color: #000; } .ul-icons-social-txt li a:hover { text-decoration: none; } .ul-icons-social-txt li a svg, .ul-icons-social-txt li a img { width: 25px; height: auto; margin-right: 5px; } .ul-icons-social-txt li a:hover svg { fill: #3873B9; } .footer .ul-icons-social { display: block; width: 100%; height: 34px; clear:both; margin-bottom: 18px; } .footer .ul-icons-social li { float: left; margin: 3px 5px 0 0; } .footer .ul-icons-social li a.a-icons-social { width: 30px; height: auto; } .footer .ul-icons-social li a.a-icons-social:hover { padding-left: 0px; } .footer .ul-icons-social li a.a-icons-social svg { width: 100%; height: 100%; fill: #fff; } .footer .ul-icons-social li a.a-icons-social:hover svg { fill: #3873B9; margin-top: -2px; } #bloc-clients { padding-top: 60px; padding-bottom: 60px; } #bloc-clients h2 { color: #27224D; margin-bottom: 80px; } #bloc-clients .bloc-clients-titre h2 i.bi { color: #e9e9e9; } #bloc-clients .bloc-clients-logos ul { padding: 0; list-style: none; } #bloc-clients .bloc-clients-logos .container-img img { width: 100%; height: auto; padding: 15px; filter: grayscale(95%); -webkit-filter: grayscale(95%); } #bloc-clients .bloc-clients-logos .container-img:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); } #bloc-clients .more { display: flex; align-items: center; justify-content: center; } #bloc-clients .more p { margin: 0; font-style: italic; } #contact-area { margin: 120px 0 40px 0; } #contact-area h2 { font-size: 60px; } #contact-area .button { font-size: 25px; padding-left: 35px; padding-right: 35px; } #contact-area .button i { margin-left: 8px; } /* ============================================================================= Header ========================================================================== */ #header-bidaia { background-color: rgba(253, 252, 249, 0.9); background: linear-gradient(0deg,rgba(253, 252, 249, 0.75) 0%, rgba(253, 252, 249, 1) 100%); border-bottom: 1px solid #d2d2d2; padding-top: 12px; } .navbar-brand { padding: 0; margin: 0 0 10px 0; } .navbar-brand svg.svg-bidaia-double { width: 200px; height: auto; max-height: 110px; } .scroll-started .navbar-brand svg.svg-bidaia-double { width: 120px; height: auto; max-height: 66px; } .scroll-started .navbar-brand svg.svg-bidaia-double .typo path { fill: #272246; } .scroll-started .navbar-brand svg.svg-bidaia-double .background { fill: rgba(255, 255, 255, 0); } ul#menu-header li { margin: 5px 0 0 30px; text-align: center; } ul#menu-header li:hover { margin: 0px 0 5px 30px; text-align: center; } ul#menu-header li a { color: #27224D; letter-spacing: 1px; line-height: 12px; } ul#menu-header li a:hover { text-decoration: none; } ul#menu-header li a .menu-item-description { font-family: 'Crimson Text', serif; text-transform: uppercase; font-size: 10px; color: rgba(55,154,149,0) /*rgba(120, 120, 120, 0.5)*/; display: block; font-style: italic; margin: 0 6px; } ul#menu-header li a:hover .menu-item-description { color: rgba(55,154,149,1) } ul#menu-header li:nth-child(1) a:hover .menu-item-description { color: #D8474D; } ul#menu-header li:nth-child(2) a:hover .menu-item-description { color: #E5A343; } ul#menu-header li:nth-child(3) a:hover .menu-item-description { color: #379A95; } ul#menu-header li:nth-child(4) a:hover .menu-item-description { color: #3873B9; } ul#menu-header li:nth-child(1) a:active { color: #D8474D; } ul#menu-header li:nth-child(2) a:active { color: #E5A343; } ul#menu-header li:nth-child(3) a:active { color: #379A95; } ul#menu-header li:nth-child(4) a:active { color: #3873B9; } ul#menu-header .ul-social-links { list-style: none; display: flex; margin: 0 auto; padding: 0; } ul#menu-header .ul-social-links li.social-links { margin: 5px 0 0 10px; } ul#menu-header .ul-social-links li.social-links:hover { margin: 5px 0 0 10px; } ul#menu-header .ul-social-links li.social-links.facebook { margin-left: 30px; } ul#menu-header .ul-social-links li.social-links a svg { width: 16px; height: auto; max-height: 16px; fill: #27224D; } ul#menu-header .ul-social-links li.social-links a:hover svg { fill: #3873B9; } .dropdown-toggle::before { display: none; /* display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; */ } .dropdown-toggle::after { display: none; } /* Menu RSP */ .navbar-toggler { border: 2px solid rgba(56, 115, 185, 1); } .navbar-toggler:focus, .navbar-toggler:hover { outline: 4px rgba(56, 115, 185, 1); } .navbar-toggler i.bi { color: #27224D /* rgba(56, 115, 185, 1) */; } body.home nav#header-bidaia .navbar-toggler i { color: #fff !important; } body.home nav#header-bidaia.scroll-started .navbar-toggler i { color: #27224D !important; } /* .navbar-collapse.show ul#menu-header li.social-links { margin: 5px 0 0 10px; } .navbar-collapse.show ul#menu-header li { margin: 0; } .navbar-collapse.show ul#menu-header li ul { margin: 0; list-style: none; } */ /* déclinaison page d'accueil */ body.home #header-bidaia { background-color: rgba(39, 34, 77, 0.9); background: linear-gradient(0deg,rgba(39, 34, 77, 0.75) 0%, rgba(22, 19, 41, 0.75) 100%); border-bottom: 1px solid rgba(210, 210, 210, 0.25); } body.home #header-bidaia.scroll-started { background-color: rgba(253, 252, 249, 0.9); background: linear-gradient(0deg,rgba(253, 252, 249, 0.75) 0%, rgba(253, 252, 249, 1) 100%); border-bottom: 1px solid #d2d2d2; } body.home #header-bidaia ul#menu-header li a { color: #fff; } body.home #header-bidaia.scroll-started ul#menu-header li a { color: #27224D; } body.home #header-bidaia ul#menu-header li.social-links a svg { fill: #fff; } body.home #header-bidaia.scroll-started ul#menu-header li.social-links a svg { fill: #27224D; } /* ============================================================================= Homepage ========================================================================== */ #homepage-three-areas { margin: 100px 35px 100px 35px; text-align: center; padding: 0 30px; } #homepage-three-areas .homepage-one-area-container { border-radius: 20px; } #homepage-three-areas .homepage-one-area.homepage-print .homepage-one-area-container { background: #D8474D; } #homepage-three-areas .homepage-one-area.homepage-web .homepage-one-area-container { background: #E5A343; } #homepage-three-areas .homepage-one-area.homepage-photo .homepage-one-area-container { background: #379A95; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content { padding: 30px 60px; aspect-ratio: 1/1; } #homepage-three-areas .homepage-one-area.homepage-print .homepage-one-area-container .homepage-one-area-content { color: rgba(84, 32, 32, 1); } #homepage-three-areas .homepage-one-area.homepage-web .homepage-one-area-container .homepage-one-area-content { color: rgba(100, 65, 33, 1); } #homepage-three-areas .homepage-one-area.homepage-photo .homepage-one-area-container .homepage-one-area-content { color: rgba(33, 60, 58, 1); } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header { text-align: center; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header h2 { color: #fff; font-size: 85px; margin-top: 15px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header h4 { margin: -10px 0 0 0; font-size: 40px; } #homepage-three-areas .homepage-one-area.homepage-print .homepage-one-area-container .homepage-one-area-content h4 { color: rgba(84, 32, 32, 0.75); } #homepage-three-areas .homepage-one-area.homepage-web .homepage-one-area-container .homepage-one-area-content h4 { color: rgba(100, 65, 33, 0.75); } #homepage-three-areas .homepage-one-area.homepage-photo .homepage-one-area-container .homepage-one-area-content h4 { color: rgba(33, 60, 58, 0.75); } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.excerpt { text-align: justify; text-align-last: center; color: #fff; font-size: 20px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.number { font-size: 65px; text-align: left; } #homepage-three-areas .homepage-one-area.homepage-print .homepage-one-area-container .homepage-one-area-content p.number { color: rgba(84, 32, 32, 0.25); } #homepage-three-areas .homepage-one-area.homepage-web .homepage-one-area-container .homepage-one-area-content p.number { color: rgba(100, 65, 33, 0.25); } #homepage-three-areas .homepage-one-area.homepage-photo .homepage-one-area-container .homepage-one-area-content p.number { color: rgba(33, 60, 58, 0.25); } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.links { text-align: right; margin-top: 20px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.links a { font-weight: 700; } #homepage-three-areas .homepage-one-area.homepage-print .homepage-one-area-container .homepage-one-area-content p.links a { color: rgba(84, 32, 32, 0.75); } #homepage-three-areas .homepage-one-area.homepage-web .homepage-one-area-container .homepage-one-area-content p.links a { color: rgba(100, 65, 33, 0.75); } #homepage-three-areas .homepage-one-area.homepage-photo .homepage-one-area-container .homepage-one-area-content p.links a { color: rgba(33, 60, 58, 0.75); } #homepage-three-areas .homepage-one-area.homepage-print .homepage-one-area-container .homepage-one-area-content p.links a:hover { color: #fff; text-decoration: none; } #homepage-three-areas .homepage-one-area.homepage-web .homepage-one-area-container .homepage-one-area-content p.links a:hover { color: #fff; text-decoration: none; } #homepage-three-areas .homepage-one-area.homepage-photo .homepage-one-area-container .homepage-one-area-content p.links a:hover { color: #fff; text-decoration: none; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.links a i.bi { margin-left: 5px; color: #fff; } #home-featured-projects { background: #f6f6f6; border-radius: 50px; margin: 100px 50px; padding: 50px; } #home-featured-projects .col-links-more { position: relative; } #home-featured-projects ul.links-more { position: absolute; bottom: 0; right: 0; text-align: right; list-style: none; font-size: 20px; } #home-featured-projects ul.links-more li:first-child { margin-bottom: 20px; margin-right: 0px; font-size: 25px; } #home-featured-projects ul.links-more li { margin-bottom: 10px; margin-right: 14px; } #home-featured-projects ul.links-more li a:not(.button) { color: #000; } #home-featured-projects ul.links-more li a:not(.button) i.bi { margin-left: 4px; } #home-featured-projects ul.links-more li:nth-child(2) a:hover{ color: #D8474D; } #home-featured-projects ul.links-more li:nth-child(3) a:hover { color: #E5A343; } #home-featured-projects ul.links-more li:nth-child(4) a:hover { color: #379A95; } /* Fiche thumbnail project : code page d'Accueil + page Projets */ .container-thumbnail-project .thumbnail-project-inactive { opacity: 0.25; } .container-thumbnail-project .thumbnail-project { margin-bottom: 30px; background: #000000; padding: 10px; border-radius: 20px; } .container-thumbnail-project .thumbnail-project img { width: 100%; height: auto; border-radius: 10px 10px 0 0; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content { height: 160px; padding: 20px; color: #fff; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content h4 { font-size: 24px; margin-bottom: 10px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content h4 span { background: rgba(255, 255, 255, 1); color: #000; font-size: 20px; padding: 4px 8px; margin-right: 4px; border-radius: 4.5px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content p.box-to-cut { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-align: justify; margin-bottom: 10px; } /* .container-thumbnail-project .thumbnail-project .thumbnail-project-content p.line-clamp { font-size: 14px; height: 64px; line-height: 21px; overflow: hidden; position: relative; text-align: justify; } */ .container-thumbnail-project .thumbnail-project .thumbnail-project-content p.line-clamp:after { background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%) repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: -2px; content: url('/assets/img/check-lg-custom.svg'); font-weight: bold; padding: 0px 0px 0px 25px; position: absolute; right: 0; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content p .bi { margin-left: 4px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content p.hashtags { font-size: 10.5px; letter-spacing: 0.5px; text-transform: uppercase; margin: 0 0 8px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-style: italic; } /* .admin-content ul li { margin-bottom: 5px; list-style-type: none; list-style-image: url('/assets/img/check-lg-custom.svg'); } */ /* ========================================================================== 404 ========================================================================== */ .content-404 { margin: 80px 0 100px 0; } /* ========================================================================== Content ========================================================================== */ .wrap.container { margin-bottom: 60px; } .content { } /* ========================================================================== Primary Content ========================================================================== */ .main { } /* Gallery Shortcode */ .gallery-row { padding: 15px 0; } /* ========================================================================== Sidebar ========================================================================== */ .sidebar { } /* ========================================================================== Posts ========================================================================== */ .hentry header { } .hentry time { } .hentry .byline { } .hentry .entry-content { } .hentry footer { } /* ========================================================================== Custom-posts : liste de projets ========================================================================== */ .nav-projects-info p { margin: 0; font-style: italic; } .nav-projects { margin-top: 5px; margin-bottom: 50px; } .nav-projects ol.breadcrumb { background: rgba( 39, 34, 77, 1); font-size: 14px; padding: 10px 16px; margin-right: 8px; } /* TOUS LES PROJETS */ .nav-projects ol.breadcrumb-all { background: #fff; border: 2px solid #27224D; } .nav-projects ol.breadcrumb-all li a { color: #27224D; } body.post-type-archive-projet .nav-projects ol.breadcrumb-all { background: #27224D; } body.post-type-archive-projet .nav-projects ol.breadcrumb-all li a { color: #fff; } /* PRINT */ .nav-projects ol.breadcrumb-print { background: #fff; border: 2px solid #379A95; } .nav-projects ol.breadcrumb-print li a { color: #379A95; } .nav-projects ol.breadcrumb-print .breadcrumb-item+.breadcrumb-item::before { color: rgba(55, 154, 149, 0.5); content: "/"; } body.term-7 .nav-projects ol.breadcrumb-print { background: #379A95; border: 2px solid #379A95; } body.term-7 .nav-projects ol.breadcrumb-print li a { color: #fff; } /* WEB */ .nav-projects ol.breadcrumb-web { background: #fff; border: 2px solid #D8474D; } .nav-projects ol.breadcrumb-web li a { color: #D8474D; } .nav-projects ol.breadcrumb-web .breadcrumb-item+.breadcrumb-item::before { color: rgba(216, 71, 77, 0.5); content: "/"; } body.term-8 .nav-projects ol.breadcrumb-web { background: #D8474D; border: 2px solid #D8474D; } body.term-8 .nav-projects ol.breadcrumb-web li a { color: #fff; } /* PHOTO */ .nav-projects ol.breadcrumb-photo { background: #fff; border: 2px solid #E5A343; } .nav-projects ol.breadcrumb-photo li a { color: #E5A343; } .nav-projects ol.breadcrumb-photo .breadcrumb-item+.breadcrumb-item::before { color: rgba(229, 163, 67, 0.5); content: "/"; } body.term-9 .nav-projects ol.breadcrumb-photo { background: #E5A343; border: 2px solid #E5A343; } body.term-9 .nav-projects ol.breadcrumb-photo li a { color: #fff; } .nav-projects ol.breadcrumb li:first-child a { font-weight: 700; } .nav-projects ol.breadcrumb li a.active { font-style: italic; } .has-dark-blue-color { color: #27224D; } .has-blue-color { color: #3873B9; } .has-aqua-green-color { color: #379A95; } .has-red-color { color: #D8474D; } .has-orange-color { color: #E5A343; } .has-beige-color { color: #EBD49F; } .has-light-beige-color { color: #FCF1D7; } .has-off-white-color { color: #FBF8EB; } article.projet { margin-bottom: 25px; } a#lien-projet #projet-thumbnail { position: relative; display: inline-block; background: #000; } a#lien-projet #projet-thumbnail img { display: block; opacity: 0.4; /* width: 525px; height: 350px; */ width: 100%; height: auto; } a#lien-projet:hover #projet-thumbnail img { opacity: 1; } a#lien-projet #projet-thumbnail .caption { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); text-align: center; color: white; font-weight: bold; opacity: 1; } a#lien-projet:hover #projet-thumbnail .caption{ opacity: 0; } a#lien-projet #projet-thumbnail .caption h6 { font-family: 'Raleway', sans-serif; font-weight: 700; text-transform: uppercase; } /* ========================================================================== Custom-posts : détail d'un projet ========================================================================== */ /* contenant du header */ .wp-block-cover-custom-projet { min-height:600px; height: calc(100vh - 35px); margin-bottom: 75px; align-items: end; } /* hack de la bordure blanche sous le cartouche */ .wp-block-cover-custom-projet .wp-block-cover-border-white { width: 100%; height: 35px; position: absolute; background: #fff; } /* contenant du cartouche */ .wp-block-cover-custom-projet .wp-block-cover__inner-container { width: 100%; color: inherit; background-color: rgba(255, 255, 255, 0.5); } .wp-block-image-thumbnail { height: 100vh; } .wp-block-image-thumbnail img { height: 100%; } .cartouche-thumbnail-rsp { margin-bottom: 60px; background-position: center center; background-size: cover; } .cartouche-thumbnail-rsp .blur { height: 100%; width: 100%; backdrop-filter: blur(15px); background: rgba(0, 0, 0, 0.5); } .cartouche-thumbnail-rsp img { max-height: 85vh; max-width: 100%; display: block; margin: 0 auto; } header.cartouche { margin-bottom: 100px; } header.cartouche .cartouche-blur { position: absolute; background: red; width: 100%; height: 100%; } header.cartouche .wrap { } header.cartouche .cartouche-thumbnail { margin-top: 80px; margin-bottom: 40px; } header.cartouche .cartouche-thumbnail img { width: 100%; height: auto; } header.cartouche .cartouche-border { padding: 0px; border: 1px solid rgba(0, 0, 0, 1) /* #d8c098 */; /* background: rgba(255, 255, 255, 0.75); */ } /* Style général des colonnes / blocs */ #cartouche-1, #cartouche-2, #cartouche-3 { padding-left: 0px; padding-right: 0px; } .cartouche-blocs { border: 1px solid rgba(0, 0, 0, 1) /* #d8c098 */; padding: 10px 10px 12px 10px; } .cartouche-height1 { height: 70px; } .cartouche-height2 { height: 140px; } .cartouche-height3 { height: 210px; } .cartouche-desc { margin: 0; padding: 0; text-transform: uppercase; font-size: 9px; letter-spacing: 0.5px; color: rgba(0, 0, 0, 0.5); } .cartouche-content a { color: #FFF; } .cartouche-content a i.bi { color: #FFF; } .cartouche-content a:hover { text-decoration: none; color: #d8c098; } .cartouche-content a:hover i.bi { /* color: #000; */ } /* Première colonne */ #cartouche-1-1 { background: rgba(255, 255, 255, 0.75); display: grid; place-items: center; } #cartouche-1-1 img { width: 100%; height: auto; padding: 15px 35px 25px 35px; } /* #cartouche-1-1 a img { width: 100%; height: auto; padding: 15px 35px 25px 35px; } #cartouche-1-1 a:hover img { width: 100%; height: auto; } */ #cartouche-1-2 { background: #000; } #cartouche-1-2 .cartouche-desc { color: rgba( 255, 255, 255, 0.5); } #cartouche-1-2 .cartouche-content { font-size: 20px; padding-top: 5px; color: #fff; } #cartouche-1-2 .cartouche-content p { overflow: scroll; height: 100%; } /* #cartouche-1-2 .cartouche-content a { } #cartouche-1-2 .cartouche-content a:hover { color: #d8c098; } #cartouche-1-2 .cartouche-content a:hover i.bi { color: #fff; } */ /* Deuxième colonne */ #cartouche-2-1 { background: #27224D /* #3873B9 */; } #cartouche-2-1 .cartouche-desc { color: rgba(255, 255, 255, 0.5); } #cartouche-2-1 .cartouche-content { color: #fff; font-size: 26px; padding-top: 2px; } #cartouche-2-2 { background: rgba(255, 255, 255, 1); } #cartouche-2-2 span.cartouche-content p { font-size: 16px; padding: 5px 0 10px 0; /* font-style: italic; */ overflow: scroll; height: 100%; text-align: justify; } /* Troisième colonne */ .row-cartouche-3 { margin: 0; } .col-cartouche-3 { padding: 0; } #cartouche-3-1 { background: #27224D; } #cartouche-3-1.color-7 { background: #D8474D; } #cartouche-3-1.color-8 { background: #E5A343; } #cartouche-3-1.color-9 { background: #379A95; } #cartouche-3-1.color-7.color-8, #cartouche-3-1.color-8.color-9, #cartouche-3-1.color-7.color-9, #cartouche-3-1.color-7.color-8.color-9 { background: #3873B9; } #cartouche-3-1 .cartouche-desc { color: rgba(255, 255, 255, 0.5); } #cartouche-3-1 .cartouche-content { font-size: 18px; padding-top: 6px; } #cartouche-3-1 .cartouche-content a { background: none; padding: 0; margin: 0px;} #cartouche-3-1.color-7 .cartouche-content a.color-7 { background: none; padding: 0; margin: 0px;} #cartouche-3-1.color-8 .cartouche-content a.color-8 { background: none; padding: 0; margin: 0px;} #cartouche-3-1.color-9 .cartouche-content a.color-9 { background: none; padding: 0; margin: 0px;} #cartouche-3-1.color-7.color-8 .cartouche-content a.color-7, #cartouche-3-1.color-7.color-9 .cartouche-content a.color-7, #cartouche-3-1.color-7.color-8.color-9 .cartouche-content a.color-7 { background: #D8474D; padding: 3px 6px; margin-right: 4px; } #cartouche-3-1.color-7.color-8 .cartouche-content a.color-8, #cartouche-3-1.color-8.color-9 .cartouche-content a.color-8, #cartouche-3-1.color-7.color-8.color-9 .cartouche-content a.color-8 { background: #E5A343; padding: 3px 6px; margin-right: 4px; } #cartouche-3-1.color-8.color-9 .cartouche-content a.color-9, #cartouche-3-1.color-7.color-9 .cartouche-content a.color-9, #cartouche-3-1.color-7.color-8.color-9 .cartouche-content a.color-9 { background: #379A95; padding: 3px 6px; margin-right: 4px; } #cartouche-3-1.color-7 .cartouche-content a.color-7:hover, #cartouche-3-1.color-8 .cartouche-content a.color-8:hover, #cartouche-3-1.color-9 .cartouche-content a.color-9:hover { background: #27224D !important; } #cartouche-3-1 .cartouche-content a:hover { color: #fff; } #cartouche-3-2 { background: rgba(255, 255, 255, 0.5); } #cartouche-3-2 .cartouche-content { font-size: 16px; padding-top: 6px; } #cartouche-3-2 .cartouche-content a { color: #3873B9; } #cartouche-3-2 .cartouche-content a i.bi { color: #3873B9; } #cartouche-3-2 .cartouche-content .bricole-sous-type ul { list-style: none; margin: 0; padding: 0; } #cartouche-3-2 .cartouche-content .bricole-sous-type ul li { list-style: none; margin: 0; display: inline-block; } #cartouche-3-2 .cartouche-content .bricole-sous-type li a { display: none; } #cartouche-3-2 .cartouche-content .bricole-sous-type li.cat-item-7 a { color: #D8474D; } #cartouche-3-2 .cartouche-content .bricole-sous-type li.cat-item-8 a { color: #E5A343; } #cartouche-3-2 .cartouche-content .bricole-sous-type li.cat-item-9 a { color: #379A95; } #cartouche-3-2 .cartouche-content .bricole-sous-type li a:hover { color: #3873B9; } #cartouche-3-2 .cartouche-content .bricole-sous-type li li a { display: block; margin-right: 5px; } #cartouche-3-2 .cartouche-content .bricole-sous-type li li a::before { content: '\F132'; font-family: "bootstrap-icons"; margin-right: 4px; font-size: 12px; } #cartouche-3-3 { background: rgba(255, 255, 255, 0.75); } #cartouche-3-3 .cartouche-content { font-size: 16px; padding-top: 6px; } #cartouche-3-3 .cartouche-content a { margin-right: 8px; } #cartouche-3-4 { background: rgba(255, 255, 255, 1); } #cartouche-3-4 .cartouche-content { font-size: 16px; padding-top: 6px; } #cartouche-3-4 .cartouche-content a { color: #3873B9; } /* ========================================================================== Footer ========================================================================== */ /* LES 3 BLOCS */ #blocs-autopromo { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 30px; margin-top: 60px; } #blocs-autopromo .row .col { display: flex; } #blocs-autopromo .bloc-autopromo { border: 1px solid #d2d2d2; padding: 20px 30px; flex: 1; } #blocs-autopromo .bloc-autopromo h2 { color: #665c4a /* #93846A */; } /* LIEN APRÈS LES 3 BLOCS */ #bloc-autopromo-final { margin-top: 80px; } .margin-footer .wp-block-spacer { height: 100px; } .footer { color: #8793a9 /* #FBF8EB */; background: rgb(32,27,61); background: radial-gradient(circle, rgba(32,27,61,1) 50%, rgba(22,19,41,1) 100%); } .footer .wrap.container { margin-bottom: 80px; } .footer .row { margin-left: 0px; margin-right: 0px; font-size: 15px; } .content-info { } .footer a { color: #FBF8EB; } .footer a:hover { color: #3873B9 } /* Logo Bidaia */ .footer-logo { margin: 80px 0; } .footer-logo a { display: block; width: 100%; height: auto; } .footer-logo a svg { width: 100%; height: 100%; } .footer-logo .svg-bidaia-chemin-traverse-detail1 { fill: #FDFBF5; } .footer-logo .svg-bidaia-chemin-traverse-detail2 { fill: rgba(255, 255, 255, 0.5); } /* Les colonnes */ .footer .footer-col { /* text-align: justify; font-size: 15px; */ } .footer .footer-col h6 { color: #379A95; border-bottom: 3px solid rgba(255, 255, 255, 0.2); padding-bottom: 10px; font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 14px; } .footer .footer-col ul { list-style: none; padding-left: 0px; } .footer .footer-col ul li { margin-top: 3px; } /* Colonne 1 */ .footer .footer-col.footer-col-1 h6 { color: #D8474D; border-bottom: 3px solid #D8474D; } .footer .footer-col.footer-col-1 p { text-align: justify; } .footer .footer-col.footer-col-1 p i.dotted { border-bottom: 1px dotted rgba(135, 147, 169, 0.75); } .footer .footer-col.footer-col-1 a:hover { color: #fff; } .footer .footer-col.footer-col-1 a.red:hover { color: #D8474D; } .footer .footer-col.footer-col-1 a.orange:hover { color: #E5A343; } .footer .footer-col.footer-col-1 a.aqua-green:hover { color: #379A95; } /* Colonne 2 */ .footer .footer-col.footer-col-2 h6 { color: #E5A343; border-bottom: 3px solid #E5A343; } .footer .footer-col.footer-col-2 a:hover { color: #E5A343; } .footer .footer-col.footer-col-2 nav ul li a { padding-right: 5px; font-size: 15px; font-weight: 700; letter-spacing: 0.5px; } .footer .footer-col.footer-col-2 nav ul li a:hover { text-decoration: none; padding-left: 5px; padding-right: 0px; } .footer .footer-col.footer-col-2 nav ul li a:hover::after { font-family:'Bootstrap-icons'; content:' \F135'; font-size: 13px; color: rgba(255, 255, 255, 0.5); vertical-align: text-top; } /* Colonne 3 */ .footer .footer-col.footer-col-3 h6 { color: #379A95; border-bottom: 3px solid #379A95; } .footer .footer-col.footer-col-3 a:hover { color: #379A95; } .footer .footer-col.footer-col-3 .bi { margin-right: 5px; } .footer .footer-col.footer-col-3 .contact-social { font-size: 12px; } /* Colonne 4 */ .footer .footer-col.footer-col-4 h6 { color: #3873B9; border-bottom: 3px solid #3873B9; } .footer .footer-col.footer-col-4 a:hover { color: #3873B9; } .footer .footer-bottom { padding: 20px 0; } .footer .footer-bottom .footer-bottom-left { font-size: 12px; letter-spacing: 0.5px; margin-top: 30px; } .footer .footer-bottom .footer-bottom-right { font-size: 12px; letter-spacing: 0.5px; margin-top: 30px; text-align: right; } /* Dernière ligne */ .footer-last-line { font-size: 14px; } /* ========================================================================== WordPress Generated Classes See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes ========================================================================== */ .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; } .alignright { float: right; } figure.alignnone { margin-left: 0; margin-right: 0; } /* ========================================================================== Anim CSS3 ========================================================================== */ a, ul, li, img, svg, small, span, input, button, div, nav { -webkit-transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill; transition-duration: 0.2s; transition-timing-function: ease-out; } ul li ul { -webkit-transition-property: opacity, padding, margin; -webkit-transition-duration: .0s; -webkit-transition-timing-function: ease-out; -moz-transition-property: opacity, padding, margin; -moz-transition-duration: .0s; -moz-transition-timing-function: ease-out; transition-property: opacity, padding, margin; transition-duration: .0s; transition-timing-function: ease-out; } .tab-bidaia, .tab-bidaia a, .tab-bidaia a svg { -webkit-transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease-out; transition-property: color, background, opacity, padding, margin, width, height, border, margin, padding, fill; transition-duration: 0.5s; transition-timing-function: ease-out; } .footer-navpart-unit .a-icons-social svg { -webkit-transition-property: margin; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: margin; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; transition-property: margin; transition-duration: 0.2s; transition-timing-function: ease-out; } /* ZOOM EFFECT */ .zoom-effect-less, .zoom-effect img, .zoom-effect svg, li.zoom-effect a, button.zoom-effect, div.zoom-effect { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.2s ease-in-out; transition: 0.32 ease-in-out; } .zoom-effect-less:hover, .zoom-effect:hover img, .zoom-effect:hover svg, li.zoom-effect a:hover, button.zoom-effect:hover, div.zoom-effect:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } /* ZOOM EFFECT MORE */ .zoom-effect-more img, .zoom-effect-more svg, li.zoom-effect-more a, div.zoom-effect-more { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .zoom-effect-more:hover img, .zoom-effect-more:hover svg, li.zoom-effect-more a:hover, div.zoom-effect-more:hover { -webkit-transform: scale(1.15); transform: scale(1.15); } .fadein1s { animation: fadein 1s; -moz-animation: fadein ease-in-out 1s; -webkit-animation: fadein ease-in-out 1s; -o-animation: fadein ease-in-out 1s; } .fadein2s { animation: fadein 2s; -moz-animation: fadein ease-in-out 2s; -webkit-animation: fadein ease-in-out 2s; -o-animation: fadein ease-in-out 2s; } .fadein3s { animation: fadein 3s; -moz-animation: fadein ease-in-out 3s; -webkit-animation: fadein ease-in-out 3s; -o-animation: fadein ease-in-out 3s; } .fadein4s { animation: fadein 4s; -moz-animation: fadein ease-in-out 4s; -webkit-animation: fadein ease-in-out 4s; -o-animation: fadein ease-in-out 4s; } .fadein5s { animation: fadein 5s; -moz-animation: fadein ease-in-out 5s; -webkit-animation: fadein ease-in-out 5s; -o-animation: fadein ease-in-out 5s; /* animation-delay: 15s; */ } @keyframes fadein { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadein { from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fadein { from { opacity:0; } to { opacity:1; } } @-o-keyframes fadein { from { opacity:0; } to { opacity:1; } } /* ---- SMOOTH SCROLLING ---- */ html { --scroll-behavior: smooth; scroll-behavior: smooth; } /* ---- VERTICAL BOUNCE ---- */ .bounce { animation: bounce 1s ease infinite; -webkit-animation-name: bounce; animation-name: bounce; } @keyframes bounce { from { padding-bottom: 20px; } 50% { padding-bottom: 24px; } to { padding-bottom: 20px; } } /* ========================================================================== Media Queries ========================================================================== */ /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } @media (min-width: 782px) { .hidden-after-781 { display: none !important; } } @media (max-width: 2239.98px) { /* ACCUEIL - Les 3 blocs PRINT-WEB-PHOTO */ #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header h2 { font-size: 70px; } } @media (max-width: 2399.98px) { /* Fiches PROJET - Page accueil et Page Projets */ .container-thumbnail-project .thumbnail-project .thumbnail-project-content { padding: 18px 10px 0 10px; height: 150px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content h4 { font-size: 18px; line-height: 27px; margin-bottom: 5px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content h4 span { font-size: 16px; padding: 3px 5px; } } @media (max-width: 1959.98px) { /* ACCUEIL - Les 3 blocs PRINT-WEB-PHOTO */ #homepage-three-areas .homepage-one-area-container .homepage-one-area-content { padding: 30px 50px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header h2 { font-size: 60px; margin-top: 0px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header h4 { font-size: 35px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.excerpt { font-size: 16px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.number { margin-bottom: 0px; } } /* Custom extra large devices */ @media (max-width: 1699.98px) { /* ACCUEIL - Les 3 blocs PRINT-WEB-PHOTO */ #homepage-three-areas { margin: 100px 0 100px 0; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content { padding: 30px 40px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header h2 { font-size: 50px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header h4 { font-size: 30px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.excerpt { margin: 10px 0 0 0; font-size: 15px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.number { font-size: 55px; } /* ACCUEIL - Projets à la une */ #home-featured-projects { padding: 50px 35px; } #home-featured-projects h3 { font-size: 45px; } #home-featured-projects h2 { font-size: 60px; } #home-featured-projects .col-links-more ul.links-more a.button { padding: 10px 14px; font-size: 20px; } #home-featured-projects .col-links-more ul.links-more a { font-size: 18px; } /* Page PROJETS */ .post-type-archive-projet .col-12, .post-type-archive-projet .col-sm-6, .post-type-archive-projet .col-lg-4, .post-type-archive-projet .col-xl-3 { padding-left: 10px; padding-right: 10px; } /* Fiches PROJET - Page accueil et Page Projets */ .container-thumbnail-project .thumbnail-project .thumbnail-project-content { padding: 15px 10px 0 10px; height: 150px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content h4 { font-size: 16px; line-height: 25px; margin-bottom: 5px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content h4 span { font-size: 15px; padding: 3px 5px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content p.hashtags { font-size: 9px } .container-thumbnail-project .thumbnail-project .thumbnail-project-content p.box-to-cut { font-size: 13px; -webkit-line-clamp: 4;} } /* Custom extra large devices */ @media (max-width: 1399.98px) { /* BLOC GUTEMBERG */ .wp-block-cover.alignfull, .wp-block-columns.alignfull { padding-left: 30px; padding-right: 30px; } /* ACCUEIL - Les 3 blocs PRINT-WEB-PHOTO */ #homepage-three-areas { margin-bottom: 60px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header h2 { font-size: 35px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header h4 { font-size: 25px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.excerpt { font-size: 14px; } /* ACCUEIL - Logos clients */ #bloc-clients { padding-top: 20px; padding-bottom: 20px; } #bloc-clients h2 { font-size: 50px; margin-bottom: 50px; } /* ACCUEIL - Projets à la une */ #home-featured-projects { padding: 30px 25px; margin: 40px 35px; } #home-featured-projects h3 { font-size: 40px; } #home-featured-projects h2 { font-size: 50px; } #home-featured-projects .thumbnail-project h4 { font-size: 17px; line-height: 24px; } #home-featured-projects .thumbnail-project h4 span { font-size: 15px; padding: 2px 4px; } #home-featured-projects .col-links-more ul.links-more a.button { padding: 8px 12px; font-size: 18px; } #home-featured-projects ul.links-more li { margin-bottom: 5px; } #home-featured-projects .col-links-more ul.links-more a { font-size: 16px; } /* ACCUEIL - Contact */ #contact-area { margin: 80px 0 0 0; padding: 0 35px; } #contact-area h2 { font-size: 40px; } #contact-area .button { font-size: 20px; } /* Fiches PROJET - Page accueil et Page Projets */ .container-thumbnail-project .thumbnail-project .thumbnail-project-content { padding: 12px 8px 0 8px; height: 138px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content h4 { font-size: 15px; line-height: 25px; margin-bottom: 5px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content h4 span { font-size: 12px; padding: 2px 4px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content p.hashtags { font-size: 9px; margin-bottom: 4px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content p.box-to-cut { font-size: 12px; -webkit-line-clamp: 4;} } /* Large devices */ @media (max-width: 1199.98px) { /* ACCUEIL - Les 3 blocs PRINT-WEB-PHOTO */ #homepage-three-areas .homepage-one-area-container .homepage-one-area-content { padding: 20px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header h2 { font-size: 30px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header h4 { font-size: 20px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.excerpt { font-size: 12px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.number { font-size: 40px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.links { margin-top: 10px; font-size: 15px; } /* Fiches PROJET - Page accueil et Page Projets */ .container-thumbnail-project .thumbnail-project .thumbnail-project-content { height: 136px; } /* Détail projet */ #cartouche-1-1 a img { width: 100%; height: auto; padding: 20px 25px 25px 25px; } } /* Medium devices */ @media (max-width: 991.98px) { /* ACCUEIL - Cover « HELLLO » */ .navbar-brand svg.svg-bidaia-double { width: 160px; max-height: 88px; } /* ACCUEIL - Cover « HELLLO » */ body.home .wp-block-cover.hello h2 { margin-top: 20px; } body.home .wp-block-cover.hello h4 { font-size: 25px; } /* ACCUEIL - Les 3 blocs PRINT-WEB-PHOTO */ #homepage-three-areas { padding: 0px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content { padding: 30px 60px; aspect-ratio: inherit; margin: 15px 0; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header h2 { font-size: 85px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content .home-one-area-header h4 { margin: -10px 0 0 0; font-size: 40px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.excerpt { font-size: 20px; margin: 30px 0; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.number { font-size: 65px; } #homepage-three-areas .homepage-one-area-container .homepage-one-area-content p.links { font-size: 20px; } /* ACCUEIL - Projets à la une */ #home-featured-projects ul.links-more li:first-child { margin-bottom: 20px; } #home-featured-projects .col-links-more ul.links-more li:first-child a { padding: 12px 18px; font-size: 25px; } #home-featured-projects .col-links-more ul.links-more li { margin-bottom: 10px; } #home-featured-projects .col-links-more ul.links-more a { font-size: 20px; } /* ACCUEIL - Logos clients */ #bloc-clients { padding-top: 90px; padding-bottom: 90px; } #bloc-clients h2 { margin-bottom: 100px; } #bloc-clients .bloc-clients-logos ul li:nth-child(28) { display: none; } #bloc-clients .bloc-clients-logos ul li:nth-child(29) { display: none; } /* ACCUEIL - Contact */ #contact-area p.text-right { text-align: center !important; } /* Détail fiche PROJET */ #cartouche-2-1 .cartouche-content { font-size: 22px; } } /* Small devices */ @media (max-width: 781.98px) { .flex-direction-781 { flex-direction: column-reverse; } .hidden-781 { display: none !important; } .hidden-after-781 { display: flex !important; } /* Correction RSP iPhone */ body { width: 100% !important; max-width: 781.98px !important; } body .wrap .content .col-sm-12 { padding: 0 !important; } .alignfull { margin: 0 !important; width: 100% !important; max-width: 100% !important; } /* .cb-carousel-block { margin: 0 !important; width: 100% !important; } .cb-carousel-block.alignfull .swiper { width: 100% !important; } .cb-carousel-block.alignfull .swiper .cb-wrapper { width: 100% !important; } .cb-carousel-block.alignfull .swiper .cb-wrapper .cb-slide { width: 100% !important; } .cb-carousel-block.alignfull .swiper .cb-wrapper .cb-slide .wp-block-cover.alignfull { width: 100% !important; margin: 0 !important; } */ h2 { font-size: 50px; } /* Menu */ nav#header-bidaia { padding-bottom: 32px !important; } nav#header-bidaia .navbar-brand svg.svg-bidaia-double { width: 200px; max-height: 110px; } nav#header-bidaia .scroll-started .navbar-brand svg.svg-bidaia-double { width: 200px; max-height: 110px; } nav#header-bidaia ul#menu-header { font-size: 34px !important; } nav#header-bidaia ul#menu-header .ul-social-links li.social-links a svg { width: 32px !important; max-height: 32px !important; } nav#header-bidaia .navbar-toggler i { font-size: 40px !important; } body nav#header-bidaia.scroll-started .navbar-toggler i { color: #27224D !important; } /* ACCUEIL - Projets à la une */ #home-featured-projects { margin: 100px 20px; padding: 40px 15px; } #home-featured-projects .col-sm-6 { padding: 0px 10px; } #home-featured-projects .col-sm-6 .thumbnail-project { margin-bottom: 20px; } #home-featured-projects ul.links-more li:first-child { margin-bottom: 15px; } #home-featured-projects .col-links-more ul.links-more li:first-child a { padding: 8px 12px; font-size: 16px; } #home-featured-projects .col-links-more ul.links-more li { margin-bottom: 4px; } #home-featured-projects .col-links-more ul.links-more a { font-size: 16px; } /* ACCUEIL - Logos clients */ #bloc-clients.container { max-width: 100%; } /* Détail fiche PROJET */ #cartouche-2-1 .cartouche-content { font-size: 20px; } #cartouche-1-1 a img { width: 100%; height: auto; padding: 35px 15px 25px 15px; } /* Pre-footer */ #bloc-clients { padding-top: 90px; padding-bottom: 70px; } #bloc-clients h2 { margin-bottom: 80px; } #contact-area { margin: 100px 0 135px 0; } #contact-area .contact-area-title h2 { padding-left: 30px; padding-right: 30px; } #contact-area .button { font-size: 20px; padding-left: 30px; padding-right: 30px; } /* Footer */ .footer .wrap.container { margin-bottom: 50px; } .footer .footer-col.footer-col-1 h6 { color: #3873B9; border-bottom: 3px solid #3873B9; } .footer .footer-col.footer-col-3 h6 { color: #3873B9; border-bottom: 3px solid #3873B9; } .footer .footer-col.footer-col-3 a:hover { color: #3873B9; } } /* Medium devices (tablets, 768px and up) */ @media (max-width: 767.98px) { /* Formulaire de contact */ .wpcf7 .contact-left, .wpcf7 .contact-right, .wpcf7 .contact-center, .wpcf7 .contact-rgpd { padding: 0px !important; } .wpcf7 .contact-rgpd .wpcf7-list-item { margin-left: 0px; } } /* Extra small devices */ @media (max-width: 575.98px) { /* ACCUEIL - Cover « HELLLO » */ body.home .wp-block-cover.hello h2 { margin-top: 40px; } body.home .wp-block-cover.hello h4 { font-size: 20px; } /* ACCUEIL - Projets à la une */ #home-featured-projects ul.links-more { position: relative; } /* Fiches PROJET - Page accueil et Page Projets */ .container-thumbnail-project .thumbnail-project .thumbnail-project-content { padding: 16px 12px 0 12px; height: 138px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content h4 { font-size: 22px; line-height: 28px; margin-bottom: 2px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content h4 span { font-size: 18px; padding: 2px 4px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content p.hashtags { font-size: 11px; margin-bottom: 4px; } .container-thumbnail-project .thumbnail-project .thumbnail-project-content p.box-to-cut { font-size: 14px; -webkit-line-clamp: 3; } /* Footer */ .wrap.container { margin-bottom: 20px; } } /* Small devices (landscape phones, less than 768px) */ @media screen and (min-width: 575.99px) and (max-width: 767.98px) { } /* Medium devices (tablets, less than 992px) */ @media screen and (min-width: 767.99px) and (max-width: 991.98px) { } @media screen and (min-width: 1063.99px) and (max-width: 1110px) { } /* Large devices (desktops, less than 1200px) */ @media screen and (min-width: 991.99px) and (max-width: 1199.98px) { }