/* Theme Name: Gardyn Enfant Description: Theme enfant de Gardyn. Thème adapté aux besoins de l'entreprise Castagnous Paysage Author: Terre Digitale Author URI: https://www.terre-digitale.com Template: gardyn Version: 1.0 */ /* ========================================= HEADER GLASS PREMIUM+ Elementor FREE – Tous navigateurs ========================================= */ .header-blur { /* Fallback universel */ background-color: rgba(255, 255, 255, 0.85); border-bottom: 1px solid rgba(255, 255, 255, 0.45); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.6); transition: background-color 0.35s ease, backdrop-filter 0.35s ease, box-shadow 0.35s ease; } /* Glass effect (navigateurs compatibles) */ @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { .header-blur { background-color: rgba(255, 255, 255, 0.85); -webkit-backdrop-filter: blur(16px) saturate(130%); backdrop-filter: blur(16px) saturate(130%); } } /* Bouton glass premium */ .btn-glass { background-color: rgba(255, 255, 255, 0.78); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 999px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.7); color: #000; backdrop-filter: blur(14px) saturate(120%); -webkit-backdrop-filter: blur(14px) saturate(120%); transition: all 0.3s ease; } /* Hover = feedback visuel */ .btn-glass:hover { background-color: rgba(255, 255, 255, 0.9); transform: translateY(-1px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.8); } .pxl-list-custom .pxl-item--text .pxl-btn {color: #194b3a !important;} .pxl-scroll-top {background-color:#eecc47!important;} .pxl-title--highlight {color:#7bb52e!important;} #pxl-header-mobile, #pxl-header-mobile .pxl-header-main {background-color: #ffffff !important;} /* ================================ BURGER VERT #194b3a ================================ */ #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button, #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button * { color: #194b3a !important; } #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line1, #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line2, #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line3, #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line { background: #194b3a !important; background-image: none !important; border-color: #194b3a !important; } #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button::before, #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button::after, #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line1::before, #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line1::after, #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line2::before, #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line2::after, #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line3::before, #pxl-header-mobile #pxl-nav-mobile .pxl-nav-mobile-button .pxl-icon-line3::after { background: #194b3a !important; background-image: none !important; border-color: #194b3a !important; } /* 1) Espace entre deux champs : on crée de l'air AVANT le titre */ .wpcf7 form .contact1 p{ margin: 0 0 0 !important; /* on neutralise l'ancien spacing */ padding: 0 !important; } /* chaque bloc champ = marge en haut + marge en bas */ .wpcf7 form .contact1 p + p{ margin-top: 18px !important; /* espace entre champ précédent et titre suivant */ } .wpcf7 form .contact1 p{ margin-bottom: 18px !important; /* espace global (optionnel) */ } /* 2) L’espace entre intitulé et champ, plus petit (sinon ça “aspire” le titre vers le haut) */ .wpcf7 form .contact1 label .wpcf7-form-control-wrap{ margin-top: 6px !important; /* 4–8px recommandé */ } /* Accordéon précis : widget Elementor ID 5dd7b7d */ .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title:hover, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title:focus, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item[open] > .e-n-accordion-item-title, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title-text, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title-text:hover, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item[open] .e-n-accordion-item-title-text, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title h1, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title h2, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title h3, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title h4, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title h5, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title h6, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title:hover h1, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title:hover h2, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title:hover h3, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title:hover h4, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title:hover h5, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item-title:hover h6, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item[open] .e-n-accordion-item-title h1, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item[open] .e-n-accordion-item-title h2, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item[open] .e-n-accordion-item-title h3, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item[open] .e-n-accordion-item-title h4, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item[open] .e-n-accordion-item-title h5, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item[open] .e-n-accordion-item-title h6 { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Accordéon Elementor précis : suppression totale des bordures du conteneur */ .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item[open], .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item > div[role="region"], .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item .e-con, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item .e-child, .elementor-element.elementor-element-5dd7b7d .e-n-accordion-item .e-con-full { border: none !important; box-shadow: none !important; outline: none !important; } @media screen and (min-width: 1200px) { .fr-style-default .pxl-menu-primary .sub-menu {background-color:white!important;}} /* ========================= MENU MOBILE / OFFCANVAS ========================= */ @media screen and (max-width: 1199px) { /* Fond du menu */ .pxl-header-menu { background-color: #ffffff !important; } /* ------------------------- NIVEAU 1 ------------------------- */ .pxl-header-menu .pxl-menu-primary > li > a, .pxl-header-menu .pxl-menu-primary > li > a span { font-family: "Montserrat", sans-serif !important; font-size: 18px !important; font-weight: 600 !important; text-transform: uppercase !important; color: #194B3A !important; line-height: 1.4; } /* Espacement vertical réduit */ .pxl-header-menu .pxl-menu-primary > li > a { padding-top: 6px !important; padding-bottom: 6px !important; padding-left: 16px !important; padding-right: 16px !important; } /* ------------------------- NIVEAU 2 ------------------------- */ .pxl-header-menu .pxl-menu-primary .sub-menu li > a, .pxl-header-menu .pxl-menu-primary .sub-menu li > a span { font-family: "Montserrat", sans-serif !important; font-size: 16px !important; font-weight: 500 !important; text-transform: none !important; color: #194B3A !important; line-height: 1.4; } /* Espacement niveau 2 */ .pxl-header-menu .pxl-menu-primary .sub-menu li > a { padding-top: 5px !important; padding-bottom: 5px !important; padding-left: 16px !important; } /* Apparence générale des liens */ .pxl-header-menu .pxl-menu-primary li > a { display: block; background-color: transparent !important; transition: color 0.25s ease; } /* Hover : texte jaune uniquement */ .pxl-header-menu .pxl-menu-primary li > a:hover, .pxl-header-menu .pxl-menu-primary li > a:hover span, .pxl-header-menu .pxl-menu-primary li > a:focus, .pxl-header-menu .pxl-menu-primary li > a:focus span { background-color: transparent !important; color: #EECC47 !important; } /* Élément actif */ .pxl-header-menu .pxl-menu-primary > li.current-menu-item > a, .pxl-header-menu .pxl-menu-primary > li.current-menu-item > a span, .pxl-header-menu .pxl-menu-primary > li.current_page_item > a, .pxl-header-menu .pxl-menu-primary > li.current_page_item > a span, .pxl-header-menu .pxl-menu-primary > li.current-menu-ancestor > a, .pxl-header-menu .pxl-menu-primary > li.current-menu-ancestor > a span { color: #EECC47 !important; } /* Élément actif sous-menu */ .pxl-header-menu .pxl-menu-primary .sub-menu li.current-menu-item > a, .pxl-header-menu .pxl-menu-primary .sub-menu li.current-menu-item > a span, .pxl-header-menu .pxl-menu-primary .sub-menu li.current_page_item > a, .pxl-header-menu .pxl-menu-primary .sub-menu li.current_page_item > a span, .pxl-header-menu .pxl-menu-primary .sub-menu li.current-menu-ancestor > a, .pxl-header-menu .pxl-menu-primary .sub-menu li.current-menu-ancestor > a span { color: #EECC47 !important; } /* Hover sous-menu */ .pxl-header-menu .pxl-menu-primary .sub-menu li > a:hover, .pxl-header-menu .pxl-menu-primary .sub-menu li > a:hover span { color: #EECC47 !important; } /* Fond et espacement sous-menu */ .pxl-header-menu .pxl-menu-primary .sub-menu { background-color: #ffffff !important; margin-top: 0 !important; padding-top: 0 !important; padding-left: 0 !important; } /* ------------------------- CHEVRON SOUS MENU ------------------------- */ .pxl-header-menu .pxl-menu-toggle, .pxl-header-menu .pxl-menu-toggle:before, .pxl-header-menu .pxl-menu-toggle:after { color: #194B3A !important; border-color: #194B3A !important; } /* ------------------------- CROIX FERMETURE MENU ------------------------- */ .pxl-header-menu .pxl-menu-close, .pxl-header-menu .pxl-close { border: none !important; background: transparent !important; } .pxl-header-menu .pxl-menu-close:before, .pxl-header-menu .pxl-menu-close:after, .pxl-header-menu .pxl-close:before, .pxl-header-menu .pxl-close:after { background-color: #194B3A !important; height: 2px !important; opacity: 1 !important; } } /* ========================= RELATED PORTFOLIO BLOCK ========================= */ /* Fond du bloc */ .pxl-related-portfolio { background-color: #ffffff !important; } /* Titre */ .pxl-related-portfolio .pxl-swiper-title { color: #194B3A !important; } /* Liens par défaut */ .pxl-related-portfolio a { color: #194B3A !important; text-decoration: none !important; } /* Liens au survol */ .pxl-related-portfolio a:hover { color: #EECC47 !important; text-decoration: none !important; } /* Titre des projets */ .pxl-related-portfolio .pxl-item-title a { color: #194B3A !important; text-decoration: none !important; } /* Survol des titres */ .pxl-related-portfolio .pxl-item-title a:hover { color: #EECC47 !important; text-decoration: none !important; } /* ========================= BR POST GRID - PAGE 598 ========================= */ /* Fond du bloc date */ body.page-id-598 .pxl-blog-grid-layout1 .pxl-date { background-color: #194B3A !important; } /* Texte date */ body.page-id-598 .pxl-blog-grid-layout1 .pxl-date, body.page-id-598 .pxl-blog-grid-layout1 .pxl-date .pxl-item--day, body.page-id-598 .pxl-blog-grid-layout1 .pxl-date .pxl-item--month { color: #ffffff !important; } /* Fond des cartes */ body.page-id-598 .pxl-blog-grid-layout1 .pxl-item--inner, body.page-id-598 .pxl-blog-grid-layout1 .pxl-item--holder { background-color: #194B3A !important; } /* Titre article */ body.page-id-598 .pxl-blog-grid-layout1 .pxl-item--title a, body.page-id-598 .pxl-blog-grid-layout1 .pxl-item--title a span { color: #ffffff !important; text-decoration: none !important; } /* Hover titre */ body.page-id-598 .pxl-blog-grid-layout1 .pxl-item--title a:hover, body.page-id-598 .pxl-blog-grid-layout1 .pxl-item--title a:hover span, body.page-id-598 .pxl-blog-grid-layout1 .pxl-item--title a:focus, body.page-id-598 .pxl-blog-grid-layout1 .pxl-item--title a:focus span { color: #EECC47 !important; text-decoration: none !important; } /* Extrait */ body.page-id-598 .pxl-blog-grid-layout1 .pxl-item--content, body.page-id-598 .pxl-blog-grid-layout1 .pxl-item--content p, body.page-id-598 .pxl-blog-grid-layout1 .pxl-sz-content { color: #ffffff !important; } /* Commentaires */ body.page-id-598 .pxl-blog-grid-layout1 .pxl-total-comment { color: #ffffff !important; } body.page-id-598 .pxl-blog-grid-layout1 .pxl-total-comment i { color: #EECC47 !important; } /* Supprimer effets hover du thème */ body.page-id-598 .pxl-blog-grid-layout1 .pxl-item--title a:before, body.page-id-598 .pxl-blog-grid-layout1 .pxl-item--title a:after { display: none !important; content: none !important; } /* ========================= PAGINATION BR POST GRID - PAGE 598 ========================= */ /* lien parent : pas de cadre carré */ body.page-id-598 .pxl-blog-grid-layout1 .pxl-pagination-links .page-numbers { color: #194B3A !important; background: transparent !important; border: none !important; box-shadow: none !important; text-decoration: none !important; } /* icône flèche */ body.page-id-598 .pxl-blog-grid-layout1 .pxl-pagination-links .page-numbers i { color: inherit !important; } /* si le rond est généré par :before */ body.page-id-598 .pxl-blog-grid-layout1 .pxl-pagination-links .page-numbers:before { background-color: #ffffff !important; border-color: #194B3A !important; } /* hover */ body.page-id-598 .pxl-blog-grid-layout1 .pxl-pagination-links .page-numbers:hover { color: #ffffff !important; } body.page-id-598 .pxl-blog-grid-layout1 .pxl-pagination-links .page-numbers:hover:before { background-color: #194B3A !important; border-color: #194B3A !important; } /* page active */ body.page-id-598 .pxl-blog-grid-layout1 .pxl-pagination-links .page-numbers.current, body.page-id-598 .pxl-blog-grid-layout1 .pxl-pagination-links .current { color: #ffffff !important; } body.page-id-598 .pxl-blog-grid-layout1 .pxl-pagination-links .page-numbers.current:before, body.page-id-598 .pxl-blog-grid-layout1 .pxl-pagination-links .current:before { background-color: #194B3A !important; border-color: #194B3A !important; } /* ========================= CUSTOM FORM CANDIDATURE ========================= */ /* ========================================================= FORMULAIRE CF7 CANDIDATURE ID : #wpcf7-f10649-p10650-o1 ========================================================= */ /* ------------------------- 1) Cases "Expérience dans le domaine" ------------------------- */ #wpcf7-f10649-p10650-o1 .wpcf7-checkbox .wpcf7-list-item { display: inline-block; margin: 0 16px 0 0; vertical-align: middle; } #wpcf7-f10649-p10650-o1 .wpcf7-checkbox .wpcf7-list-item label { display: inline-flex; align-items: center; gap: 8px; margin: 0; vertical-align: middle; } #wpcf7-f10649-p10650-o1 .wpcf7-checkbox input[type="checkbox"] { margin: 0 !important; position: static !important; top: auto !important; transform: none !important; vertical-align: middle; flex: 0 0 auto; accent-color: #194b3a; } #wpcf7-f10649-p10650-o1 .wpcf7-checkbox .wpcf7-list-item-label { display: inline-block; margin: 0; line-height: 1.2; font-weight: 400 !important; vertical-align: middle; } /* ------------------------- 2) Bloc RGPD ------------------------- */ #wpcf7-f10649-p10650-o1 .wpcf7-acceptance .wpcf7-list-item { display: block; margin: 0; } #wpcf7-f10649-p10650-o1 .wpcf7-acceptance .wpcf7-list-item label { display: flex !important; align-items: flex-start !important; gap: 8px; margin: 0 !important; } #wpcf7-f10649-p10650-o1 .wpcf7-acceptance input[type="checkbox"] { margin: 4px 0 0 0 !important; position: static !important; top: auto !important; transform: none !important; flex: 0 0 auto; accent-color: #194b3a; } #wpcf7-f10649-p10650-o1 .wpcf7-acceptance .wpcf7-list-item-label { display: block; margin: 0 !important; line-height: 1.4; font-weight: 400 !important; color: #464646; } #wpcf7-f10649-p10650-o1 .wpcf7-acceptance a { color: #464646; } /* ------------------------- 3) Texte explicatif upload ------------------------- */ #wpcf7-f10649-p10650-o1 h2 + p { color: #464646; } /* ------------------------- 4) Uploads : réduire l'espace ------------------------- */ /* Le paragraphe qui contient pj1 + pj2 */ #wpcf7-f10649-p10650-o1 .wpcf7-form-control-wrap[data-name="pj1"], #wpcf7-f10649-p10650-o1 .wpcf7-form-control-wrap[data-name="pj2"] { display: block; margin: 0 !important; padding: 0 !important; line-height: 1; } /* Supprime le
entre les 2 uploads */ #wpcf7-f10649-p10650-o1 .wpcf7-form-control-wrap[data-name="pj1"] + br { display: none !important; } /* Champs fichier */ #wpcf7-f10649-p10650-o1 input[type="file"] { display: block; margin: 0 0 4px 0 !important; padding: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; line-height: 1; max-width: 100%; } /* Bouton natif du champ fichier */ #wpcf7-f10649-p10650-o1 input[type="file"]::-webkit-file-upload-button { border: none; border-radius: 0 !important; box-shadow: none; padding: 0.4em 0.8em; } #wpcf7-f10649-p10650-o1 input[type="file"]::file-selector-button { border: none; border-radius: 0 !important; box-shadow: none; padding: 0.4em 0.8em; } /* Message de réponse du formulaire */ #wpcf7-f10649-p10650-o1 .wpcf7-response-output { color: #ffffff !important; }