@charset "UTF-8";

/*
Theme Name: Thème Wordpress Lafortune
Theme URI: https://sept24.com
Author: sept24
Author URI: https://sept24.com
Description: Template pour le groupe Lafortune.
Requires at least: 5.8
Tested up to: 5.8
Requires PHP: 7.0
Version: 1.0
*/

@font-face
{
    font-family: "RobotoRegular";
    src: url(./assets/fonts/Roboto-Regular.ttf);
}

@font-face
{
    font-family: "AkzidenzGroteskCEBlack";
    src: url(./assets/fonts/AkzidenzGroteskCE_Black.ttf)
}
@font-face
{
    font-family: "CyrveticaExtraOutline";
    src: url(./assets/fonts/cyrvetica-extra-outline.ttf)
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

/*
All
*/
@media all
{
    html {
        scroll-behavior: smooth;
      }
      
    /* *******************
    TYPO MAIN
    ******************* */
    /* Cancel all uppercase as requested by client */
    .text-uppercase:not(.text-uppercase-force) { text-transform: none !important;}

    /* Body */
    body {
        font-size: calc(1.1rem + 0.10vw) !important;
        line-height: 1.32 !important;
    }

    /* Small */
    .small, small {
        font-size: calc(0.95rem + 0.12vw) !important;
    }

    /* Nav */
    .nav-special-typo {
        font-size: 1.4rem !important;
    }

    /* Logo */
    .special-logo {
        max-width:95%
    }

    /* Header */
    h1, h2, h3, h4, h5, h6, .font-AkzidenzGroteskCEBlack {
        font-family: var(--font-AkzidenzGroteskCEBlack);
        overflow-wrap: normal !important;
    }

    .card{
        word-wrap: unset !important;
    }

    .display-4-c h1 {font-size: calc(1.475rem + 2.7vw);}

    /* Line-height */
    .lh-1 {
        line-height: 1.1 !important;
    }

    /* *******************
    STROKE AND SUB TITLE
    ******************* */
    .display-3[data-parallax] {
        font-size: calc(1.525rem + 3.3vw);
    }

    .stroke-title {
        font-size: calc( 100vw / 8);
        white-space: pre-wrap !important;
        -webkit-text-stroke: 1px var(--bs-gray-light);
        -webkit-text-fill-color: white;
        line-height: 0.8 !important;
        padding-bottom: 0.54vw;
    }
    
    .stroke-title-sub {
        margin-top: calc(-1rem + -6.5vw);
        padding-bottom: calc(0.6rem + 3.2vw);
    }
    
    .stroke-title-sub-empty {
        padding-bottom: calc(0.6rem + 3.2vw);
    }

    /* *******************
    LIST
    ******************* */
    .lafortune-list,
    .lafortune-list ul,
    .lafortune-list-orange,
    .lafortune-list-orange ul {
        padding-left: 0 !important;
        list-style: none !important;
    }

    .lafortune-list li,
    .lafortune-list ul li {
        background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%232466ff" width="10" height="10" viewBox="0 0 10 10"><path d="M2.8535533905932735,0L7.853553390593274,5L2.8535533905932735,10L2.146446609406726,9.292893218813452L6.439339828220178,5L2.146446609406726,0.7071067811865476L2.8535533905932735,0z"/%3E%3C/svg%3E') no-repeat left center !important;
        padding-left: calc(10px + 0.75rem) !important;
        margin-bottom: 0.65rem !important;
        background-position: left 8px !important;
    }

    .lafortune-list li:last-child,
    .lafortune-list ul li:last-child,
    .lafortune-list-orange li:last-child,
    .lafortune-list-orange ul li:last-child {
        margin-bottom: unset !important;
    }

    /* *******************
    LIST ORANGE
    ******************* */

    .lafortune-list-orange li,
    .lafortune-list-orange ul li {
        background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23f14517" width="10" height="10" viewBox="0 0 10 10"><path d="M2.8535533905932735,0L7.853553390593274,5L2.8535533905932735,10L2.146446609406726,9.292893218813452L6.439339828220178,5L2.146446609406726,0.7071067811865476L2.8535533905932735,0z"/%3E%3C/svg%3E') no-repeat left center !important;
        padding-left: calc(10px + 0.75rem) !important;
        margin-bottom: 0.65rem !important;
        background-position: left 8px !important;
    }

    /* *******************
    Lity light box tweak nav menu low index
    ******************* */
    .fixed-sm-top {
        z-index: 9990 !important;
    }

    /*
    Other
    */

    .block-cta-img {
        width: 75%;
    }

    .bg-orange-href a {color: var(--bs-orange) !important;}

    /*
    Arrow
    */
    .arrow-move-left:hover {
        transform: translateX(-0.3em) !important;
        transition: transform .3s !important;
    }

    .arrow-move-left svg {
        width: calc(3rem + 3.5vw)
    }

    .arrow-move-right:hover {
        transform: translateX(0.3em) !important;
        transition: transform .3s !important;
    }

    .arrow-move-right svg {
        transform: rotate(180deg);width: calc(3rem + 3.5vw)
    }
    
    .arrow-move-left:not( :hover ),
    .arrow-move-right:not( :hover ) {
        transform: translateX(0) !important;
        transition: transform .3s !important;
    }

    /*
    Light Slider
    */
    .lSPager.lSpg{display: none !important;}
    
    /*
    Sticky footer
    */
    .sticky-footer {
        padding-top: calc(0.4rem + 0.5vw);
        padding-bottom: calc(0.4rem + 0.5vw);
    }

    /*
    Actulités list
    */
    .actu-list-hover
    {
        transition: transform .5s;
    }
    
    .js-actu-list-hover
    {
        transform: scale(1.05);
    }

    /*
    Bloc mémoires
    */
    .bloc-memoires-list li {
        background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" stroke="cyan" stroke-linecap="butt" stroke-linejoin="miter" stroke-width="0.05" fill="cyan" width="24" height="24" viewBox="0 0 24 24" %3E%3Cpath d="M0 12.116l2.053-1.897c2.401 1.162 3.924 2.045 6.622 3.969 5.073-5.757 8.426-8.678 14.657-12.555l.668 1.536c-5.139 4.484-8.902 9.479-14.321 19.198-3.343-3.936-5.574-6.446-9.679-10.251z"/%3E%3C/svg%3E') no-repeat left center;
        padding-left: calc(24px + 0.75rem);
        margin-bottom: 0.75rem;
    }
    
    /*
    Navbar - Logo + gap
    */
    .navbar-lafortune-logo-gap-1
    {
        height: 2.5rem;
    }

    /*
    Addon font
    */
    .font-CyrveticaExtraOutline{font-family: var(--font-CyrveticaExtraOutline) !important;}
    .fs-stroke-1{-webkit-text-stroke: 1px var(--bs-gray-light); -webkit-text-fill-color: white;}
    .lh-08 {
        line-height: 0.8 !important;
      }

    /*
    Background color
    */
    .bg-gray{background-color: var(--bs-gray) !important;}
    /* BS */
    .bg-gray-dark{background-color: var(--bs-gray-dark) !important;}                    
    /* BS */
    .bg-gray-light-hover:hover{background-color: var(--bs-gray-light) !important;}      
    /* BS */
    .bg-gray-light, .bg-gray-light-input>input, .bg-gray-light-textarea>textarea{background-color: var(--bs-gray-light) !important;}                  
    /* BS */
    .bg-blue{background-color: var(--bs-blue) !important;}                              
    /* BS */
    .bg-blue-hover:hover{background-color: var(--bs-blue-hover) !important;}            
    /* BS */
    .bg-orange{background-color: var(--bs-orange) !important;}                          
    /* BS */
    .bg-cyan{background-color: var(--bs-cyan) !important;}                              
    /* BS */
    .bg-blue-light{background-color: var(--bs-blue-light) !important;}                              
    /* BS */
    .bg-blue-dark{background-color: var(--bs-blue-dark) !important;}
    /* BS */
    .bg-blue-gray{background-color: var(--bs-blue-gray) !important;}
    /* BS */
    .bg-cyan-dark{background-color: var(--bs-cyan-dark) !important;}                          
    /* BS */
    .bg-white-opa-08{background-color: rgba(255, 255, 255, 0.8)}                    
    /* BS */

    /* .bg-white {Default with BS} */

    /*
    Font color
    */
    .text-white{color: var(--bs-white) !important;}             
    /* BS */
    .text-white-hover:hover{color: var(--bs-white) !important;} 
    /* BS */
    .text-gray{color: var(--bs-gray) !important;} 
    /* BS */
    .text-gray-dark{color: var(--bs-gray-dark) !important;} 
    /* BS */
    .text-gray-light{color: var(--bs-gray-light) !important;} 
    /* BS */
    .text-gray-light-2{color: var(--bs-gray-light-2) !important;}      
    /* BS */
    .text-gray-hover:hover{color: var(--bs-gray) !important;}   
    /* BS */
    .text-orange{color: var(--bs-orange) !important;}           
    /* BS */
    .text-cyan{color: var(--bs-cyan) !important;}               
    /* BS */
    .text-blue{color: var(--bs-blue) !important;}               
    /* BS */

    /*
    Fill
    */
    .fill-orange{fill: var(--bs-orange) !important;}
    .fill-white{fill: var(--bs-white) !important;}
    .fill-blue{fill: var(--bs-blue) !important;}
    .fill-gray{fill: var(--bs-gray) !important;}
    .fill-gray-light{fill: var(--bs-gray-light) !important;}
    .fill-gray-dark{fill: var(--bs-gray-dark) !important;}

    /*
    Stroke color
    */
    .stroke-blue{stroke: var(--bs-blue) !important;}
    .stroke-white{stroke: var(--bs-white) !important;}
    .stroke-orange{stroke: var(--bs-orange) !important;}
    .stroke-gray{stroke: var(--bs-gray) !important;}
    .stroke-gray-light{stroke: var(--bs-gray-light) !important;}
    .stroke-gray-dark{stroke: var(--bs-gray-dark) !important;}

    /*
    Stroke width
    */
    .stroke-width-015{stroke-width:0.15 !important;}
    .stroke-width-01{stroke-width:0.4 !important;}
    .stroke-width-1{stroke-width:1 !important;}

    /*
    Bloc actualités
    */
    .bloc-actualites-card-img-top {
        width: 100%;
        height: 60vh;
        object-fit: cover;
    }
    .bloc-actualites-circle
    {
        height: 45px;
        width: 45px;
    }
    .bloc-actualites-title
    {
        margin-bottom:-3%;
    }

    .sp:after {
        display: block;
        position:absolute;
    
        content:" ";
    
        width: 0;
        height: 100%;
    
        border-right: 1px solid gray;
        top: 75px;
        right:0;
    }
    
    /*
    Header
    */
    .toggle-close-x {
        stroke: var(--bs-white);
        fill: transparent;
        stroke-linecap: round;
        stroke-width: 2;
    }

    /*
    Bloc tree col
    */
    .bloc-tree-col-img
    {
        min-height:20vh;
    }

    /*
    Bloc tree card
    */
    .bloc-tree-card-circle
    {
        width: 45px;
        height: 45px;
    }
    .bloc-tree-card-zoom
    {
        transition: transform .2s;
    }
    .bloc-tree-card-zoom:hover
    {
        color: var(--bs-white);
        background-color: var(--bs-gray-dark) !important;
        transform: scale(1.08); /* (Watch viewport) */
    }

    

    /*
    Carrières
    */
    .bloc-carrieres-list-1 ul,
    .bloc-carrieres-list-2 ul {
        padding-left: 0;
        list-style: none;
    }

    .bloc-carrieres-list-1 ul li {
        background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" stroke="cyan" stroke-linecap="butt" stroke-linejoin="miter" stroke-width="0.05" fill="cyan" width="10" height="10" viewBox="0 0 10 10" %3E%3Cpath d="M2.8535533905932735,0L7.853553390593274,5L2.8535533905932735,10L2.146446609406726,9.292893218813452L6.439339828220178,5L2.146446609406726,0.7071067811865476L2.8535533905932735,0z"/%3E%3C/svg%3E') no-repeat left center;
        padding-left: calc(15px + 0.75rem);
        margin-bottom: 0.65rem;
    }

    .bloc-carrieres-list-2 ul li {
        background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" stroke="cyan" stroke-linecap="butt" stroke-linejoin="miter" stroke-width="0.05" fill="cyan" width="15" height="15" viewBox="0 0 24 24" %3E%3Cpath d="M0 12.116l2.053-1.897c2.401 1.162 3.924 2.045 6.622 3.969 5.073-5.757 8.426-8.678 14.657-12.555l.668 1.536c-5.139 4.484-8.902 9.479-14.321 19.198-3.343-3.936-5.574-6.446-9.679-10.251z"/%3E%3C/svg%3E') no-repeat left center;
        padding-left: calc(15px + 0.75rem);
        margin-bottom: 0.65rem;
    }
    
    /*
    Block title
    */
    .display-title {
        font-size: calc((100vw) / 7);
        font-weight: 300;
        line-height: 1.2;
    }

    /*
    Content single
    */
    .content-single-image {
        height:65vw;
    }
}

/*
SM
*/
@media (min-width: 576px)
{
    /*
    Nav sticky
    */
    body
    {
        margin-top: 74px;
    }
    body.body-is-admin
    {
       /*margin-top: 74px !important;*/
    }
    

    /*
    Block title
    */
    .display-title {
        font-size: calc((100vw - 4.5rem) / 7);
        font-weight: 300;
        line-height: 1.2;
    }

    #menu-mega-sub{
        position: fixed !important;
        top: 75px;
    }

    #menu-mega-sub.mega-is-admin
    {
        /*position: unset !important;*/
        top: 108px !important;
    }
}

@media (min-width: 601px)
{
    
    .navbar-lafortune.navbar-lafortune-is-admin.fixed-sm-top
    {
        position: fixed !important;
        top:46px !important;
    }
}




/*
MD
*/
@media (min-width: 768px)
{
    
    /*
    Stroke title
    */
    .display-3[data-parallax] {
        font-size: calc(2rem + 1vw) !important;
    }

    .stroke-title-container {
        /* margin-bottom: calc(1rem + 4vw); */
        padding-bottom: 0;
    }
    
    .stroke-title {
        -webkit-text-stroke: 1px var(--bs-gray-light);
        -webkit-text-fill-color: white;
        padding-bottom: 0.54vw;
    }
    
    .stroke-title-empty {
        padding-bottom: calc(-1.2rem + 3.2vw);
    }
    
    .stroke-title-sub {
        margin-top: calc(-3rem + -3vw);
        padding-bottom: calc(1rem + 2.8vw);
    }
    
    .stroke-title-sub-empty {
        padding-bottom: calc(-0.6rem + 3.2vw);
    }
    
    /*
    Nav sticky
    */
    .navbar-lafortune.navbar-lafortune-is-admin.fixed-sm-top
    {
        top:32px !important;
    }

    /*
    Bloc actualités
    */
    .bloc-actualites-card-img-top {
        width: 100%;
        height: 25vh;
        object-fit: cover;
    }
    .bloc-actualites-title
    {
        margin-left:-10%; margin-bottom:-4%;
    }
    .bloc-actualites-dropdown-menu-filter
    {
        margin-top: 1.3rem!important;
        border-top: 1px var(--bs-orange) solid;
        font-size:unset;
        border-radius: 0;
    }
    .bloc-actualites-dropdown-menu-filter li:hover
    {
        background-color: unset !important;
        color: var(--bs-gray-light) !important;
    }

    /*
    Content single
    */
    .content-single-image {
        height:30vw;
    }
}

/*
LG
*/
@media (min-width: 992px)
{
    
    /* Nav */
    .nav-special-typo {
        font-size: calc(0.500rem + 0.60vw) !important;
    }

    .special-logo {
        max-width: unset;
        /* width:calc(6rem + 10vw) */
    }

    .display-4-c h1 {font-size: 3.5rem;}

    /*
    Nav sticky
    */
    body
    {
        margin-top: 76.16px;
    }

    .navbar-lafortune.navbar-lafortune-is-admin.fixed-sm-top
    {
        top:32px !important;
    }
    
    /*
    Font color
    */
    .text-lg-white-hover:hover{color: var(--bs-white) !important;} 
    /* BS */
    .text-lg-gray{color: var(--bs-gray) !important;}               
    /* BS */

    /*
    Background color
    */
    .bg-lg-gray-dark{background-color: var(--bs-gray-dark) !important;} 
    /* BS */

    /*
    Navbar - Logo + gap
    */
    .navbar-lafortune-logo-gap-1
    {
        /* margin-left: -20.69999999%; */
        height: calc(1.8rem + 0.75vw);
        margin-top: 0.15vw;
        margin-bottom: 0.15vw;
    }

    /*
    Navbar special margin
    */
    .lafortune-navbar-collapse
    {
        margin-left: -45px;
    }
}








.nav-ulliitem {
    color: var(--bs-white) !important;
}

.nav-ulliitem:hover {
    color: var(--bs-gray) !important;
}