/*
* Pages CONTENT ASSET
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

    .content-asset__container {
        max-width: 1280px;
        margin: 48px auto;
        width: 90%;
        /*padding-left: 5vw;
        padding-right: 5vw;*/
    }

    .content-asset__text {
        font-size: 14px;
        line-height: 1.6;
        text-align: justify;
        font-weight: 300 !important;
    }

    .content-asset__title {
        font-size: 32px;
        font-weight: 400;
        text-align: left;
        margin: 48px auto;
        border-left: 4px solid var(--color-primary);
        padding-left: 16px;
    }

    .content-asset__subtitle {
        letter-spacing: 0;
        font-weight: 400;
        margin: 16px 0;
        padding-bottom: 16px;
        text-align: left;
    }

    .content-asset__separator {
        margin: 48px 0;
    }

    .content-asset__link {
        color: inherit;
        text-decoration: underline;
    }

    .content-asset__line {
        border-bottom: 1px solid var(--color-primary);
    }

    .content-asset__yt-video {
       position: relative;
       padding-top: 56.25%;
    }

    .content-asset__yt-iframe {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
    }
    
/* VUE accordion */

    .l-accordion-list {
        padding: 0;
        margin: 32px 0 0 0;
        max-width: 1280px !important;
    }

    .l-accordion-list__title {
        font-size: 20px;
        letter-spacing: 0;
        font-weight: 400;
        text-align: left;
        border-bottom: 1px solid var(--color-primary);
        padding: 18px 0;
        margin: 32px 0 0 0;
    }

    .l-accordion-list .tabs {
        margin: 0; 
        padding: 0;
    }
    
    .tabs__nav_link {
        font-size: 16px !important;
    }

    .l-accordion-list .tabs__nav_link {
        letter-spacing: 0;
        font-size: 16px !important;
        font-weight: 400;
        text-align: left;
    }

    .tabs.style__accordion .tabs__nav_link.is__active {
        letter-spacing: 0;
        font-size: 16px !important;
        font-weight: 400;
        text-align: left;
    }

    .tabs.style__accordion .tabs__nav_link, 
    .tabs.is__responsive .tabs__nav_link, 
    .tabs.style__accordion .tabs__content .tabs__nav_link, 
    .tabs.is__responsive .tabs__content .tabs__nav_link {
        padding: 18px 0 18px 0;
        margin: 0;
    }

    .tabs.style__accordion .tabs__content, 
    .tabs.is__responsive .tabs__content {
        padding: 0;
        margin: 0;
    }

    .tabs.style__accordion .tabs__content.is__active .tabs__content_wrapper, 
    .tabs.is__responsive .tabs__content.is__active .tabs__content_wrapper {
        padding: 0 0 18px 0;
    }
   
    
/* onglets */    
    
    .content-asset__tabs { 
        margin-top: 32px;
    }

    .content-asset__tabs .content-asset__tab-registers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 16px;
    }

    .content-asset__tab-registers {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    .content-asset__tabs-button {
        padding: 0 0 16px 0;
        margin: 0 16px 16px 0;
        border: none;
        font-size: 16px;
        color: var(--color-black) !important;
        text-transform: uppercase;
        background-color: var(--color-white);
        border-bottom: 1px solid var(--color-white);
    }

    .content-asset__tabs .content-asset__tab-registers button:hover {
        cursor: pointer;
    }

    .content-asset__tabs .content-asset__tab-bodies {
        padding: 0px;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        overflow-y: auto;
    }

    .content-asset__tabs button.content-asset__active-tab {
        border-bottom: 1px solid var(--color-primary);
    }
    
    
/* Page showroom */    
    
    .showroom__title {
        border-left: 4px solid var(--color-primary);
        font-weight: 400;
        margin: 48px auto 24px auto;
        padding-left: 8px;
        text-align: left;
    }

    .showroom__subtitle {
        letter-spacing: 0;
        font-weight: 400;
        margin-bottom: 16px;
        padding-bottom: 16px;
        text-align: left;
    }

    .showroom__image {
       width: 100%;
       height: auto;       
    }

    .showroom__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-column-gap: 48px;
           -moz-column-gap: 48px;
                column-gap: 48px;
        row-gap: 16px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .showroom__flex-col {
        margin: auto 0;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 47%;
                flex: 0 0 47%;               

    }
    
    
/* Page location */    
    
    .rental__image {
        display:block; 
        width: auto; 
        height: 250px;
    }

    .rental__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-column-gap: 16px;
           -moz-column-gap: 16px;
                column-gap: 16px;
        row-gap: 16px;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        margin-bottom: 24px;
    }

    .rental__flex-col-txt {
        -webkit-box-flex: 20;
            -ms-flex: 20 1 auto;
                flex: 20 1 auto;
    }

    .rental__flex-col {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
    }

  
  
/* Page partenaires */  
    
    .partners__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        text-align: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; 
        -webkit-column-gap: 16px; 
           -moz-column-gap: 16px; 
                column-gap: 16px;
        row-gap: 16px;
    }

    .partners__flex-col {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 23%;
                flex: 1 1 23%;
        margin-bottom: 16px;
        font-size: 13px;
    }

    .partners__flag {
        display: inline;
        width: auto;
        height: 14px; 
        margin-top: -3px;
        margin-right: 8px;
    }

    .partners__logo {
       max-width: 100%;
       height: auto;   
       opacity: 1;
       -webkit-transition: opacity .25s ease-in-out;
       -o-transition: opacity .25s ease-in-out;
       transition: opacity .25s ease-in-out;
       margin-bottom: 16px;
    }

    .partners__logo:hover {
      opacity: 0.7;
    }    
  
  
  
/* Page fiche partenaire */    
   
    .partner__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-column-gap: 48px;
           -moz-column-gap: 48px;
                column-gap: 48px;
    }

    .partner__flex-col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 46%;
                flex: 0 0 46%;
        row-gap: 48px;
    }

    .partner__logo {
       width: 100%;
       height: auto;   
    }

    .partner__title {
        font-size: 2.3rem;
        font-weight: 400;
        margin-bottom: 16px;
        text-align: left;
    }

    .partner__country {
        font-weight: 400;
        margin-bottom: 16px;
    }

    .partner__left-col {
        background-color: #000; 
        text-align: center;
    }

    .partner__flag {
        display: inline;
        width: auto;
        height: 14px; 
        margin-top: -3px;
        margin-right: 8px;
    }

    .partner__social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
        -webkit-column-gap: 8px;
           -moz-column-gap: 8px;
                column-gap: 8px;
    }

    .partner__social a {
       color: var(--color-black);
       font-size: 28px;
       line-height: normal;
       margin-right: 8px;
    }

    .partner__social a:hover {
       color: var(--color-primary);
    }
    
    

/* Page athletes */      
    
    .athletes__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        text-align: center;
        -webkit-column-gap: 8px;
           -moz-column-gap: 8px;
                column-gap: 8px;
        row-gap: 8px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top:24px;
    }

    .athletes__flex-col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 19%;
                flex: 0 0 19%;
        margin-bottom: 8px;
    }

    .athletes__flag {
        display: inline;
        width: auto;
        height: 10px; 
        margin-top: -2px;
        margin-right: 8px;
    }

    .athletes__name {
        text-transform: uppercase;
        font-weight: 400;
    }

    .athletes__image {
        max-width: 100%;
        height: auto;   
        opacity: 1;
        -webkit-transition: opacity .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
        margin-bottom: 8px;
    }

    .athletes__image:hover {
        opacity: 0.7;
    }
    
  
  
  
/* Page fiche athlete */      
    
    .athlete__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-column-gap: 48px;
           -moz-column-gap: 48px;
                column-gap: 48px;
    }

    .athlete__flex-col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 46%;
                flex: 0 0 46%;
    }

    .athlete__image {
       background-size: cover;
       background-position: center top; 
       width: auto; 
       height: 100%;   
    }

    .athlete__image-mobile {
       display: none;    
    }

    .athlete__name {
        font-size: 2rem;
    }

    .athlete__title {
        font-weight: 400;
        margin-bottom: 16px;
        text-align: left;
    }

    .athlete__flag {
        display: inline;
        width: auto;
        height: 14px; 
        margin-top: -3px;
        margin-right: 8px;
    }

    .athlete__social a {
       color: var(--color-black);
       font-size: 28px;
       line-height: normal;
       margin-right:10px;
    }

    .athlete__social a:hover {
       color: var(--color-primary);
    }
    
    
        
/* Page distributeurs */

    .stores__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        text-align: left;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; 
        -webkit-column-gap: 16px; 
           -moz-column-gap: 16px; 
                column-gap: 16px;
        row-gap: 16px;
    }

    .stores__flex-col {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 23%;
                flex: 1 1 23%;
        margin-bottom: 16px;
    }

    .stores__country {
        font-size: 16px;
        letter-spacing: 0;
        font-weight: 400;
        text-transform: uppercase;
        padding-bottom: 16px;
        display: block;
    }

    .stores__showroom {
        display:block;
        background:#d7ca9e;
        color:#FFF;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        text-transform: uppercase;
        padding: 4px 8px;
        margin-bottom: 8px;
    }

    .stores__space {
        margin-bottom: 8px;
        display:block;
    }

    .google-icon__container a {
	font-size: 18px;
    }

    .google-icon__container a:hover {
	color: #d7ca9e;
    }
 
/* Pages co-factory - warranty
iframe formulaires wordpress    

   .form__co-factory {
        width: 100%; 
        min-height: 1150px;
        overflow: hidden;
    }
    
   .form__warranty {
        width: 100%; 
        min-height: 1000px;
        overflow: hidden;
    } */  
    
/* Page galfer */

    .galfer-img{
       display: block;
       width: 100%;
       height: auto;   
       margin: 48px 0;     
    }

    .galfer-img-pads {
       display: block;
       width: 100%;
       height: auto;      
       margin-bottom: 16px;  
    }

    .galfer__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        text-align: justify;
        -webkit-column-gap: 16px;
           -moz-column-gap: 16px;
                column-gap: 16px;
        row-gap: 16px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
       margin-top: 24px;  
    }

    .galfer__flex-col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 30%;
                flex: 0 0 30%;
    }

/* Page shipping methods */    

    .l-tab-shipping {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #000;
        font-size: 14px;
        width:100%;
        text-align:left;
        overflow-x: scroll; 
        margin-top: 16px;
    } 

    .l-tab-shipping__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
        flex-direction: column;
        width:100%;
    }

    .l-tab-shipping__value-container  {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            -ms-flex-direction:row;
        flex-direction:row;  
    }

    .l-tab-shipping__value, .l-tab-shipping__price {
        padding: 10px 0;
        border-bottom: 1px solid var(--color-primary);
    }

    .l-tab-shipping__value {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-right:20px;
    }

    .l-tab-shipping__price {
        -webkit-box-flex:  0;
            -ms-flex:  0 0 200px;
        flex:  0 0 200px;
    }

    select {
        background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
        background-position: calc(100% - 0.75rem) center !important;
                -moz-appearance:none !important;
                -webkit-appearance: none !important; 
        appearance: none !important;
        padding-right: 2rem !important;
        color: black;  
        background-color: var(--color-primary);
        border-width: 0;
        border: 0;
        outline: 0;
        padding: 5px 10px;
        width: 200px;
        font-family: var(--skin-body-font);
        font-size: 16px;
        font-weight: 400 ;
    }




@media screen and (max-width:1280px) { 

    
    /* Pages co-factory - warranty
    iframe formulaires wordpress   
   .form__co-factory {
        min-height: 1650px;
    }
    
   .form__warranty {
        min-height: 1550px;
    }  */
  
    /* Page distributeurs */     
    .stores__flex-col {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 48%;
                flex: 1 1 48%;
    }
    
    /* Page athletes */     
    .athletes__flex-col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 48%;
                flex: 0 0 48%;
    }
    
    
    /* Page partenaires */    
    .partners__flex-col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 31.5%;
                flex: 0 0 31.5%;
    }


    /* Page location */    
    .rental__image {
        width: 100%; 
        height: auto;
    }
    
    .rental__flex {
        margin-bottom: 48px;
    }
    
    .rental__flex-col-txt {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
    }
    
    /* Page showroom */    
     .showroom__map-iframe {
        margin-bottom: 48px;
    }
    
}

@media screen and (max-width: 900px) { 

       /* reverse colonne   */    
   .content-asset__reverse-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    /* Page showroom */        
    .showroom__flex-col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }


}


@media screen and (max-width: 820px) { 


    /* Page partenaires */    
    .partners__flex-col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 46%;
                flex: 0 0 46%;
    }
    
    /* Page fiche partenaire */        
    .partner__flex-col {
        flex: 0 0 100%;
    }
    
    .partner__left-col {
        margin-bottom: 48px;
    }
    
    .partner__logo {
       height: 40vh;   
       width: auto;
    }
        
    /* Page fiche athlete */       
    .athlete__flex-col {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }

    .athlete__left-col {
        margin-bottom: 48px;
    }

    .athlete__image {
        display: none;
    }

    .athlete__image-mobile {
       display: block;
       width: 100%;
       height: auto;       
    }  
    
    /* Page galfer */
    .galfer__flex-col {
        -webkit-box-flex: 100%;
            -ms-flex: 100%;
                flex: 100%;
        padding: 10px 0;
    } 
         
}