/* Theme Name: Thème L'Orée des Temps Description: Thème enfant de Salient Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266 Author: ThemeNectar Author URI: https://www.commenge-design.fr Template: salient Version: 18.1.1 */ /*---------------------------------------------------------------------------------------------------------------------------- MENU PRINCIPAL -----------------------------------------------------------------------------------------------------------------------------*/ #slide-out-widget-area.slide-out-from-right-hover .inner-wrap>.inner .off-canvas-menu-container li a{ margin-bottom: 15px!important; font-weight: 5 00!important; color: white!important; } /*---------------------------------------------------------------------------------------------------------------------------- RUBRIQUE "CONTACT" -----------------------------------------------------------------------------------------------------------------------------*/ /*Recaptcha invisible : masquer*/ .grecaptcha-badge { visibility: hidden; } /*---------------------------------------------------------------------------------------------------------------------------- RUBRIQUE "A PROPOS" -----------------------------------------------------------------------------------------------------------------------------*/ /*Colonne de droite > Réduire la hauteur du blocdynamiquement*/ .a-propos-col.vc_column_container[class*=flex_layout] > .vc_column-inner, .a-propos-col.vc_column_container[class*=flex_layout] > .vc_column-inner > .wpb_wrapper { height: auto !important; min-height: 45% !important; } /*Bloc texte à droite > Suppression de l'effet Hover ombré > Actif et hover */ .a-propos-col.wpb_column.boxed > .vc_column-inner, .a-propos-col.wpb_column.boxed:hover > .vc_column-inner { transform: none !important; box-shadow: none !important; transition: none !important; } /*---------------------------------------------------------------------------------------------------------------------------- HEADER -----------------------------------------------------------------------------------------------------------------------------*/ /*HEADER > IMAGE OVERLAY > INTENSITE*/ .page-header-overlay-color:after { opacity: 0.3 !important; /* 0 = transparent, 1 = opaque */ } /*---------------------------------------------------------------------------------------------------------------------------- HOME -----------------------------------------------------------------------------------------------------------------------------*/ /*HOME > HEADER > IMAGE OVERLAY > INTENSITE*/ .home .home-row-tete .row-bg-overlay { opacity: 0.2!important; } /*LOGO > Suppression*/ .home #top #logo img { display: none !important; } /*HEADER + TITRE : Suppression*/ .home #page-header-wrap{ display: none!important; } /*Changement de la couleur du manu hamaburger body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] #top nav ul .slide-out-widget-area-toggle a:not(.using-label) .lines, body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] #top nav ul .slide-out-widget-area-toggle a:not(.using-label) .lines:before, body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] #top nav ul .slide-out-widget-area-toggle a:not(.using-label) .lines:after { background: #FFFFFF !important; opacity: 1 !important; }*/ .home-accroche h3 { text-align: center !important; display: block !important; color: #FFFFFF !important; font-weight: 500 !important; } /*---------------------------------------------------------------------------------------------------------------------------- SALIENT > TOGGLE (ACCORDEON) -----------------------------------------------------------------------------------------------------------------------------*/ /*Toggle 3 : remonter pour mogile*/ @media only screen and (max-width: 768px) { .row-toogle-3 { margin-top: -50px; } } /*Style identique pour toggle ouvert et fermé*/ div[data-style="default"] .toggle .toggle-title a { border: 1px solid #00a8ff !important; background-color: #FFFFFF !important; color: #00a8ff !important; font-size: 26px !important; line-height: 34px !important; } /*Icone plus / moins (en haut à gauche) : supprimer*/ .fa-plus-circle:before, .fa-minus-circle:before { display: none !important; } /*---------------------------------------------------------------------------------------------------------------------------- FORMATAGE -----------------------------------------------------------------------------------------------------------------------------*/ /*Texte blanc*/ .texte-blanc h2, .texte-blanc h3, .texte-blanc h4, .texte-blanc h5, .texte-blanc p { color: #FFF!important; } /*Titre h2 encadré et blanc*/ .sous-titre-encadre-blanc h2, .sous-titre-encadre-bleu h2{ text-align: center!important; padding-top: 25px; padding-bottom: 25px; padding-left: 35px; padding-right: 35px; margin-bottom: 35px!important; } .sous-titre-encadre-blanc h2{ border: 1px solid #FFFFFF!important; color: #fff!important; } .sous-titre-encadre-bleu h2{ border: 1px solid #428ecd!important; color: #428ecd!important; } /*CONTENU PAGE : Hauteur body[data-bg-header=true] .container-wrap { margin-top: 70px !important; }*/ /*HOME =========================================================*/ /*Home : grand titre H3*/ .home .container-wrap h3 {} /*STYLES =========================================================*/ /*Grand titre h1*/ .row .col.section-title h1 {} /*Titre h2*/ .container-wrap h2, .container-wrap h4 {} /*Titre h3*/ .container-wrap h3 {} /*Texte courant p*/ .container-wrap p { padding-bottom: 14px !important; } /*Texte courant p : survol*/ .container-wrap p a {} /* ----------------------------------------------- LISTES ----------------------------------------------- */ /* Base commune ul */ .container-wrap ul li, .container-wrap ul ul li { list-style: url(img/list-tiret-noir.png) !important; margin-top: 8px !important; margin-left: -8px !important; } /* Niveau 2 */ .container-wrap ul ul li, .container-wrap .entry-content ul ul li { list-style: url(img/list-tiret-noir-niveau2.png) !important; } /* Listes numérotées */ .container-wrap ol li { list-style-type: decimal !important; list-style-position: outside !important; margin-top: 8px !important; margin-left: -8px !important; } /* ----------------------------------------------- LISTE BLANCHE — fond sombre ----------------------------------------------- */ .container-wrap ul.liste-blanche li, .container-wrap .liste-blanche ul li, .container-wrap .liste-blanche ul ul li { list-style: url(img/list-tiret-blanc.png) !important; color: #ffffff !important; } /*---------------------------------------------------------------------------------------------------------------- FOOTER > HOME -----------------------------------------------------------------------------------------------------------------*/ /*Padding row*/ .home #nectar_fullscreen_rows #footer-outer .full-page-inner-wrap .full-page-inner { padding-top: 50px!important; } /*Survol hover*/ .home #nectar_fullscreen_rows #footer-outer .full-page-inner-wrap .full-page-inner a:hover { color: #ff9a5a !important; } .home #nectar_fullscreen_rows #footer-outer .full-page-inner-wrap .full-page-inner .footer-bouton-1, .home #nectar_fullscreen_rows #footer-outer .full-page-inner-wrap .full-page-inner .footer-bouton-2{ margin-bottom: 0px!important; } .home #nectar_fullscreen_rows #footer-outer .full-page-inner-wrap .full-page-inner .footer-bouton-3 { margin-bottom: -10px!important; } /*---------------------------------------------------------------------------------------------------------------- FOOTER > GLOBAL SECTIONS -----------------------------------------------------------------------------------------------------------------*/ /*Footer > Col 1 (coordonnées)====================================================*/ .footer-global-section-col-1 a { color: #FFF !important; } .footer-global-section-col-1 a:hover { color: #ff9a5a !important; } /*Footer > Col 3 > boutons)====================================================*/ .footer-bouton-1 { margin-bottom: 10px!important; } .footer-bouton-2 { margin-bottom: 10px!important; } .footer-bouton-3 a{ color: #428ecd !important; } /*Footer > Col3 > Mentions légales======================================================*/ .footer-global-section-legal { margin-top: 20px!important; } .footer-global-section-legal a { color: #FFF !important; font-size: 15px !important; margin-top: 30px!important; } body .footer-global-section-legal a:hover { color: #ff9a5a !important; } /*---------------------------------------------------------------------------------------------------------------------------- STYLES CUSTOM -----------------------------------------------------------------------------------------------------------------------------*/ .bouton-transparent-blanc { background: transparent !important; border: 1.5px solid #ffffff !important; border-radius: 4px !important; padding: 12px 28px !important; cursor: pointer !important; transition: background 0.2s !important; text-align: center !important; display: inline-block !important; min-width: 250px !important; } .bouton-transparent-blanc a { color: #ffffff !important; } .bouton-transparent-blanc:hover { background: rgba(255, 255, 255, 0.15) !important; } .bouton-transparent-bleu { background: transparent !important; border: 1.5px solid #428ecd !important; border-radius: 4px !important; padding: 12px 28px !important; cursor: pointer !important; transition: background 0.2s !important; text-align: center !important; display: inline-block !important; margin-top: 30px; min-width: 250px !important; } .bouton-transparent-bleu a { color: #428ecd !important; } .bouton-transparent-bleu:hover { background: rgba(255, 255, 255, 0.15) !important; } .bouton-blanc { background: #FFFFFF !important; border: 1.5px solid #FFFFFF !important; border-radius: 4px !important; padding: 12px 28px !important; cursor: pointer !important; transition: background 0.2s, color 0.2s !important; text-align: center !important; display: inline-block !important; min-width: 250px !important; color: #428ecd !important; } .bouton-blanc a { color: #428ecd !important; } .bouton-blanc * { background: transparent !important; transition: color 0.2s !important; } .bouton-blanc:hover { background: #428ecd !important; color: #ffffff !important; } .bouton-blanc:hover * { color: #ffffff !important; background: transparent !important; }