/*
Theme Name: Classic Parts Finder
Theme URI: http://wigo-media.com
Author: The WigoMedia Team
Author URI: http://wigo-media.com/
Description: Thème wordpress 2022.
Version: 1.0
*/

/* -- * Font * -- */ 
@import url('https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap');

/* -- * Initialize * -- */ 
html {scroll-behavior: smooth;}
body {font-size: 15px; font-family: 'Nunito', sans-serif; background-color: #fff;}
.full-width, .wp-block-cover{width: calc(100vw - 15px);position: relative;margin-left: calc(-50vw + 7px);left: 50%;}
.rounded {border-radius: 0.5rem !important;}
.cursor-p {cursor: pointer;}

/* -- * Sizing * -- */ 
h1, h2, h3, h4, h5 {color: #33485D; font-family: 'Arvo', serif;}
.h1, h1 {font-size: 4em;}
.h2, h2 {font-size: 3em;}
.h3, h3 {font-size: 2em;}
.h4, h4 {font-size: 1.75em;}
.h5, h5 {font-size: 1.5em;}
p, small {font-weight: 400;}
h1 p strong {color: #B3905B;}
h1 small{font-size:1.1em;}
h1 small,h2 small,h3 small, h4 small,.h5 small{font-family: 'Nunito', sans-serif; font-weight: 700; color: #B3905B;}
strong, strong p {font-weight: 700;}
strong a {color: #B3905B;}
strong a:hover {color: #33485D;}
.lead, .has-lead-font-size{font-size: 1.2em;}

/* -- * Colors * -- */ 
.text-blue, .has-primary-color, .has-primary-color a{color: #33485D!important;}
.text-gold, .has-secondary-color, .has-secondary-color a{color: #B3905B!important;}
.text-white, .has-blanc-color.has-text-color{color: #fff;}
.bg-blue {background-color: #33485D; color: #FFF;}
.bg-gold, .has-secondary-background-color{background-color: #B3905B; color: #FFF;}
.has-blanc-background-color{background-color: white;}

/* -- * Button * -- */ 
.btn {transition: 250ms ease;};
.btn:not(:disabled):hover{transform: scale(1.025);}
.btn.bg-gold:not(:disabled):hover{color: #FFF; background-color: #C59142;}
.btn.bg-blue:not(:disabled):hover{color: #FFF; background-color: #323d48;}
.btn-primary{filter: drop-shadow(0px 4px 13px rgba(0, 0, 0, 0.25));background: linear-gradient(180deg, #B3905B 0%, #A68552 100%); border: 0;}
.btn-secondary{filter: drop-shadow(0px 4px 13px rgba(0, 0, 0, 0.25));background: #33485D; border: 0;}

.wp-block-button__link{}
.wp-block-button__link.has-primary-color:hover{color: #33485D;}

/* -- * Forms * -- */
.gform_body.gform-body .gform_fields.top_label .gfield {width: 100%; padding-bottom: 0.5rem;}
.gform_body.gform-body .gform_fields.top_label .gfield .gfield_label {color: #33485d; margin-bottom: 0.5rem;}
.gform_body.gform-body .gform_fields.top_label .gfield .ginput_container input:not([type="file"]):not([type="checkbox"]), 
.gform_body.gform-body .gform_fields.top_label .gfield .ginput_container textarea, 
.gform_body.gform-body .gform_fields.top_label .gfield .ginput_container select{background-color: #f4f5f7; border: none; border-radius: 5px; min-height: 50px; color: #000;}
.gform_body.gform-body .gform_fields.top_label fieldset.gfield legend.gfield_label {margin-top: 1.5rem;}
.gform_body.gform-body .gform_fields.top_label fieldset.gfield div.ginput_container:not(.ginput_container_radio, .ginput_container_checkbox) {display: flex; align-items: flex-start;}
.gform_body.gform-body .gform_fields.top_label fieldset.gfield div.ginput_container.ginput_container_consent {display: flex; align-items: center;}
.gform_body.gform-body .gform_fields.top_label fieldset.gfield div.ginput_container .gfield_consent_label {margin-left: 0.75rem;}
.gf_progressbar_wrapper{display: none;}

.disabled{opacity: 0.5; pointer-events: none;}

.gform_footer.top_label,
.gform_page_footer.top_label{display: flex; justify-content: flex-end;}
.gform_footer.top_label input.button,
.gform_page_footer.top_label input.button{ background-color: #323d48; border: none; color: #FFF; padding: 0.85rem 2rem; border-radius: 5px;}

/* -- * Header * -- */
.head-home * {position: relative; z-index: 1}
.head-home {z-index: -2; height: 800px; position:relative; overflow: hidden; background-position: 50%; background-size: cover; background-repeat: no-repeat; padding-top: 120px; background-image: url(img/head-home-illustration.png);}
.head-home:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: linear-gradient(180deg,#354a5f 8.58%,#354a5f 102.05%); mix-blend-mode: multiply;}
.head-home .car-home {display: flex; align-items: flex-end;}
.head-home .car-home-img{height: 500px; position: absolute; top: 0; left: -60%; opacity: 0; max-width: none;}
.head-home .car-home-img:nth-child(1){opacity: 1;}
.head-home .car-home-img:nth-child(1){animation-name: fadeOutFirst; animation-duration: 20s; animation-delay: 4s; animation-iteration-count: infinite;}
.head-home .car-home-img:nth-child(2){animation-name: fadeOut; animation-duration: 20s; animation-delay: 8s; animation-iteration-count: infinite;}
.head-home .car-home-img:nth-child(3){animation-name: fadeOut; animation-duration: 20s; animation-delay: 12s; animation-iteration-count: infinite;}
.head-home .car-home-img:nth-child(4){animation-name: fadeOut; animation-duration: 20s; animation-delay: 16s; animation-iteration-count: infinite;}
.head-home .car-home-img:nth-child(5){animation-name: fadeOut; animation-duration: 20s; animation-delay: 20s; animation-iteration-count: infinite;}
@keyframes fadeOut { 0%{opacity: 0;} 16%{opacity: 1;} 38%{opacity: 0;} 100%{opacity: 0;} }
@keyframes fadeOutFirst { 0%{opacity: 1; }16%{opacity: 1; }38%{opacity: 0; }90%{opacity: 0; }100%{opacity: 1;} }
.working-section {margin-top: -100px;}
.working-section .rounded img{height: 80px}
.working-section h2.h5{min-height: 54px; display: flex; justify-content: center; align-items: center;}

/* -- * Main * -- */
.bg-waves {background-position: top; background-repeat: repeat-x;}
.avantages-wrapper {position: relative;}
.product-item {width: calc(20% - 15px);}
.product-item object, .product-item img {height: 150px; width: 100%; object-fit: cover; object-position: center;}
.avantages-wrapper .product-item .badge-success {color: #fff; background-color: #28a745;}
.avantages-wrapper .product-item .bg-danger{color: white}
.recently-found {position: relative;}
.recently-found .illustration-found {top: 50px; height: auto; position: sticky; z-index: -1;}
.recently-found .illustration-found img {transform: translateX(-30%);}
.recently-found .research-item {position: relative; padding-top: 35px;}
.recently-found .research-final, .product-final{display: none;}
.recently-found .research-item .research-item-flag {width: 1rem; height: 1rem; border-radius: 1rem; box-shadow: 0 1px 3px rgb(0 0 0 / 15%); object-fit: cover; object-fit: cover;}
.recently-found .research-item .dropdown {position: absolute; top: 10px; left: 10px;}
.recently-found .research-item .dropdown-item {padding: 0.25rem 0.8rem;}
.dropdown-item {display: block; width: 100%; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0;}
.recently-found .research-item object,
.recently-found .research-item object img{height: 150px; object-fit: contain; object-position: center;}

/* -- * Template sell parts -- */
.page-template header {position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}
.page-template header .menu-wrapper .menu li a {color: #fff;}
.page-template header nav .menu-mobile .icon {stroke: #fff;}
.head-sell-parts * {position: relative;}
.head-sell-parts{position:relative; background-position: top; background-size: cover; background-repeat: no-repeat;}
.head-sell-parts:before {content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 80%; background: linear-gradient(270deg,#000 52.76%,transparent 95.14%); opacity: .6;}
.head-sell-parts .p-bottom {padding: 170px 0;}
.working-wheel-wrapper{width: 85px;}
.working-wheel-wrapper .working-wheel {max-width: 85px; display: flex; justify-content: center; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: 50%; font-size: 18px; font-weight: 700; min-width: 100%; min-height: 0; padding-top: 100%; position: relative;}
.working-wheel-wrapper .working-wheel i {font-size: 28px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.assurance-points .row a {text-decoration: none; transition: 300ms ease;}
.assurance-points .row a:hover {color: #C59142; text-decoration: underline;}

.recently-found .research-item p strong,
.avantages-wrapper .product-item  p strong{ word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;}


/* -- * Responsive -- */

/* -- Desktop -- */
@media screen and (max-width: 1200px) {
    .working-section h2.h5{min-height: 81px}
}
@media screen and (max-width: 1024px) {
    .head-home h1{font-size: 3.5em;}
}
/* -- Mini Desktop -- */
@media screen and (max-width: 993px) {
    .lead {font-size: 1em;}
    h1 {font-size: 2em !important;}
    h2, .h2{font-size: 28px;}
    .head-home {height: auto; padding-bottom: 150px;}
    .head-home .col-lg-7 {padding-bottom: 150px !important;}
    .head-home .car-home {display: none;}

    .page-template header .menu-wrapper .menu li a{color: #33485D}

    .page-template .wp-block-columns.wp-container-12{flex-direction: column-reverse;}

    .head-sell-parts{background-position: 0 0;}
    .head-sell-parts:before{width: 100%; background: linear-gradient(270deg,#000 100%,transparent 95.14%)}
    .head-sell-parts .p-bottom{padding: 100px 0}

    .product-item {width:calc(50% - 6px);}
    .working-section h2.h5{min-height: 0px}

    .recently-found .research-item object, 
    .recently-found .research-item object img{height: 130px}
    .recently-found .research-item-wrapper{padding: 0 8px}

    :where(.wp-block-columns.is-layout-flex){gap: 1em;}

    .full-width, .wp-block-cover{margin-left: calc(-50vw + 0px); width: 100vw}
}
/* -- Tablet -- */
@media screen and (max-width: 768px) {
    .head-home {height: auto; padding-bottom: 125px;}
    .wp-block-media-text.is-stacked-on-mobile{grid-template-columns: 100%!important;}
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-column: 1; grid-row: 1;}
    .wp-block-media-text .wp-block-media-text__content{padding: 1.5rem 0 0!important; grid-column: 1; grid-row: 2;}
}

@media screen and (max-width: 420px) {
    body{font-size: 15px;}
    .head-home {height: auto; padding-bottom: 125px;}
    .head-home h1{font-size: 2.2em;}
    .btn-group-lg>.btn, .btn-lg{font-size: 1rem; white-space: nowrap;}
    h2{font-size: 1.2rem;}
    .research-item,
    .product-item{font-size: 13px;}

}

/* WP CORE */
.alignnone{margin:5px 20px 20px 0;}
.aligncenter,div.aligncenter{display:block;margin:5px auto;}
.wp-block-media-text .wp-block-media-text__content{padding: 0 0 0 8%}

.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin:5px 20px 20px 0;}
a img.alignright{float:right;margin:5px 0 20px 20px;}
a img.alignnone{margin:5px 20px 20px 0;}
a img.alignleft{float:left;margin:5px 20px 20px 0;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone{margin:5px 20px 20px 0;}
.wp-caption.alignleft{margin:5px 20px 20px 0;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;}