/* Theme Name: Malezieux Template: generatepress Author: Jibeo Author URI: https://jibeo.fr Description: This is a child theme for GeneratePress for use in jumpstarting more customized development. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: gpc Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, fixed-layout, responsive-layout, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow */ /* CONTENTS: 1. Defaults 2. Header and Nav 3. Home Page 4. Content 5. Components 6. Widgets 7. Footer 8. Other 9. Animations */ /* ========================================== =! DEFAULTS ------------------------------------------ */ /* h2{padding-bottom: 5px!important;} */ .elementor-widget-divider{margin-top:-15px!important;} .aero{font-family: 'aero'!important; font-size:20px;} h3{padding: 0 0 8px 0!important;} /* ========================================== =! HEADER AND NAV ------------------------------------------ */ header .elementor-button-icon{font-size: 30px!important; line-height: 0!important;} header .elementor-button{padding: 5px 10px 0 10px!important;} .bouton-top-menu nav ul li{border: solid #0F265C 3px; border-radius: 0 0 20px 20px; border: 0 3px 3px 3px; border-top: none; margin-top: -10px; background: url("/wp-content/uploads/2023/06/phone-top-bar.svg") no-repeat left 20px center; padding-left: 20px!important; } .bouton-top-menu nav ul li:hover{background-color: #8ACBC0;border-radius: 0 0 20px 20px !important;} .btn-menu .elementor-button-icon svg{width: 30px!important; height:30px!important;} .btn-menu a{line-height: 25px!important;} #agency a{font-size: 18px; color:#0F265C; font-weight: 600;} #agency a:hover{text-decoration: underline;} #agency-hours a{font-size: 18px; color:#8ACBC0!important; font-weight: 600;} #agency-hours a:hover{text-decoration: underline;} /* ========================================== =! HOME PAGE ------------------------------------------ */ .elementor-button-icon{font-size: 45px!important; line-height: 0!important;} .elementor-button{padding: 7px 15px 0 15px!important;} .elementor-tab-title{border-left:#E3E1E0 solid 10px!important;} .elementor-tab-title.elementor-active{border-left:#0F265C solid 10px!important;} /* ========================================== =! CONTENT ------------------------------------------ */ .btn-agences{width:fit-content; background-color: #0F447E!important; padding: 10px 10px 0 10px;} form .elementor-field-type-submit{width: fit-content!important; } form .elementor-button{background: url("/wp-content/uploads/2023/06/arrow2.svg") no-repeat left top; padding-left: 50px!important; line-height: 33px;} form button.elementor-button:hover{background-color: #8ACBC0!important; border: 3px solid #0F265C;} /* ========================================== =! COMPONENTS ------------------------------------------ */ /* --- fixes potential theme css conflict --- */ .acf-map img { max-width: inherit !important; } /* --- responsive embed --- */ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* --- breadcrumbs --- */ .breadcrumbs { font-size: 14px; margin-bottom: 10px; } /* ========================================== =! WIDGETS ------------------------------------------ */ /* --- GPC Sub Menu Widget --- */ /* .widget_gpc_sub_menu_widget .dropdown-menu-toggle { display: none; } */ .widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu { margin-left: 1.2em; } .widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu li { list-style: disc; } .widget_gpc_sub_menu_widget .current-menu-item > a { font-weight: bold; } /* ========================================== =! TEMOIGNAGES ------------------------------------------ */ .elementor-testimonial__image img {width: auto!important; height: auto!important;} .testimonials .swiper-slide{padding: 0!important;} #side:hover{right:-100px!important; transition: right 1s;} #side:not(:hover){right:-263px!important; transition: right 1s;} /* ========================================== =! FOOTER ------------------------------------------ */ /* ========================================== =! OTHER ------------------------------------------ */ /* ========================================== =! ANIMATION ------------------------------------------ */ /* --- do all the preload stuff --- */ @media (min-width: 768px) { .preload * { -webkit-transition: none !important; transition: none !important; -webkit-animation: none !important; animation: none !important; } .has-js .prep-animation, .has-js .prep-scroll-animation { visibility: hidden; } .has-js .do-animation, .has-js .do-scroll-animation { visibility: visible; } } /* ---------------------------------------------- * Generated by Animista * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ @media (min-width: 768px) { .fade-in-left { -webkit-animation: fade-in-left 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-left 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } .fade-in { -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } .fade-in-bottom { -webkit-animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } .fade-in-right { -webkit-animation: fade-in-right 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-right 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } } /* --- animation fade-in-left --- */ @-webkit-keyframes fade-in-left { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-left { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } /* --- animation fade-in --- */ @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } /* --- animation fade-in-bottom --- */ @-webkit-keyframes fade-in-bottom { 0% { -webkit-transform: translateY(75px); transform: translateY(75px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-bottom { 0% { -webkit-transform: translateY(75px); transform: translateY(75px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } /* --- animation fade-in-right --- */ @-webkit-keyframes fade-in-right { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-right { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } /* --- delay classes --- */ .delay-250 { -webkit-animation-delay: 250ms; animation-delay: 250ms; } .delay-500 { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .delay-750 { -webkit-animation-delay: 750ms; animation-delay: 750ms; } .delay-1000 { -webkit-animation-delay: 1000ms; animation-delay: 1000ms; } .delay-1250 { -webkit-animation-delay: 1250ms; animation-delay: 1250ms; } .delay-1500 { -webkit-animation-delay: 1500ms; animation-delay: 1500ms; }