/*
Theme Name: Lithium Marketing
Author: Lithium Marketing
Requires at least: 5.3
Tested up to: 6.2.2
Requires PHP: 7.0
Version: 2.0
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

html {
	scroll-behavior: smooth;
}

:root {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 18px;
    --black: #000;
    --main-color: #499AC0;
    --sombre: #194152;
	--sombre-opacity: rgba(25, 65, 82, 0.5);
    --header-social-color-svg: var(#fff);
    --header-social-color-svg-hover: var(--main-color);
    color: #1A4052;
    --footer-bg-color: #194152;
    --footer-color: #FFFFFF;
    --footer-link-color: #FFFFFF;
    --footer-link-color-hover: var(--main-color);
    --footer-link-color-svg: var(--main-color);
    --footer-link-color-svg-hover: #999999;
    --backtotop-color-svg: var(--main-color);
    --backtotop-color-svg-hover: #999999;
    --footer-social-color-svg: #194152;
    --footer-social-color-svg-hover: #fff;
    --header-scroll-bgcolor: #fff
}
.text-main {
    color: var(--main-color);
}

.btn {
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
}
.btn-outline-white {
    --btn-bg-color:transparent;
    --btn-txt-color:#ffffff;
    --btn-border-color:#ffffff;
    --btn-bg-color-hover:#ffffff;
    --btn-txt-color-hover:#000000;
    --btn-border-color-hover:#000000;
}
.btn-outline {
    --btn-bg-color:transparent;
    --btn-txt-color:#1A4052;
    --btn-border-color:#1A4052;
    --btn-bg-color-hover:#fff;
    --btn-txt-color-hover:#000000;
    --btn-border-color-hover:#000000;
}
.bg-cover {
    background-position: center;
    background-size: cover;
}
.bg-sombre {
    background-color: var(--sombre);
}
.bg-main{
    background-color: var(--main-color);
}
header, .pre-footer {
    &::after {
        content: '';
        z-index: 20;
        position: relative;
        width: 100%;
        display: block;
        height: 35px;
        background-color: var(--main-color);
    }
}
header#header {
    #main-navbar .sub-menu {
        z-index: 25;
    }
    .menu-principal svg, .menu-principal svg path{
        fill: currentColor !important;
    }
    #menu-menu-principal > .current_page_item {
        & > a {
            font-weight: 300;
            color:#000000 !important;
            display: block;
            position: relative;
            &::after {
                content: '';
                width: 100%;
                position: absolute;
                height: 10px;
                background: var(--main-color);
                translate: 0 1rem;
                display: block;
            }
        }
    } 
    a {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 2.4px;
        text-transform: initial;
    }
    
    .lm_lang_switcher {
        a {
            text-transform: uppercase;
            font-weight: 700;
        }
    }
    svg path {
        fill: #fff;
    }



    #main-navbar > ul > li > a {
        margin-left: 2rem;
    }
    .ze-logo {
        height: auto;
        max-width: 150px;
    }
}

.mobile header#header #menu-menu-principal > .current_page_item a {
    color: var(--main-color) !important;
    &::after{
        opacity: 0 !important;;
    }
}

.scroll-down #header .ze-logo, .scroll-up #header .ze-logo {
    height: auto !important;
}
.lm-banner {
    position: relative;
    h1 {
        font-weight: 800;
        letter-spacing: 8px;
        color: white;
        text-shadow: 1px 1px #19415286;
        
        @media (max-width: 500) {
            font-size: 45px;
            line-height: 45px;
        }
    }
    h3 {
        font-size: 21px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 26px;
        color: #499AC0;
    }
    h4{
        color: white;
        font-size: 18px;
        font-weight: 500;
        line-height: 32px;
    }

    .bg-container {
        background-color: #fff;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        justify-content: stretch;

        img {
            height: 100%;
            object-fit: cover;
            object-position: left 100%;
            
            &.svg {
                object-position: right 100%;
                translate: 3rem 0;
            }
        }
        
        @media (max-width: 768px) {
        &::after {
                content: "";
                background-color: #19415286;
                position: absolute;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
            }
        }
    }
}

section.home-banner {
    .item {
        height: calc(100dvh - 36px);
        position: relative;
        padding: 40px;
        background-position: center;
        &::after {
            content: '';
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            background-color: #00000056;
        }
        .position-relative {
            max-width: 900px;
            z-index: 20;
        }
        h2{
            font-weight: 800;
            font-size: 2vw;
            letter-spacing: 8.25px;
            line-height: 1.2em;
            text-shadow: 0pc 3px 6px #00000029;
            @media (max-width: 500px) {
                font-size:28px;
                letter-spacing: 3px;
                line-height: 45px;
            }
        }
        .text {
            font-weight: 300;
            font-size: 30px;
            letter-spacing: 4.5px;
            line-height: 38px;
            text-shadow: 0pc 3px 6px #00000029;
        }
    }
}

section.home-products-services {
    margin-top: -7rem;
    *, p, a, li {
        color: white;
        font-size: 23px;
        line-height: 31px;
        font-weight: 300;
        text-decoration: none;
    }
    h2 {
        font-size: 35px;
        letter-spacing: 5.25px;
        font-weight: 700;
        color: var(--main-color);
    }
    h4 {
        font-size: 22px;
        font-weight: 900;
        letter-spacing: 3.3px;
        line-height: 28px;
    }
    ul {
        list-style: none;
        padding: 0;
        a {
            display: inline;
            gap: 13.6px;
            justify-content: start
        };
        li {
            margin-bottom: 1rem;
            &:hover {
                text-decoration: underline
            }
        };
        svg {
            display: unset;
        }
    }
    .items {
        
    .box.border, .border-start {
        border-color: var(--main-color) !important;
    }
    }
}

section.home-services {
    .container-lg {
        background-color: #CDD8DD;
    }
    h4 {
        color: var(--main-color);
        font-size: 21px;
        font-weight: bold;
        line-height: 26px;
    }

    h2 {
        font-weight: 800;
        font-size: 55px;
        letter-spacing: 8.25px;
        line-height: 69px;
        
        @media (max-width: 500px) {
            font-size: 40px;
            letter-spacing: 4.25px;
            line-height: 40px;
        }
    }

    img {
        width:100px;
        object-fit: contain;
        height: 100px;
    }

    .d-flex {
        flex-wrap: wrap;
        justify-content: center;
        & > div{
            width: 270px;
        }
    }

}

section.block {
    font-weight: 300;
    line-height: 20px;

    figure img {
        object-fit: cover !important;
    }
    h3{
        font-weight: 700;
        font-size: 21px;
        line-height: 26px;
    }
    h2 {
        font-weight: 800;
        font-size: 55px;
        line-height: 69px;
        letter-spacing: 4.5px;
        color: #1A4052;
        @media (max-width: 500px) {
            font-size: 29px;
            line-height: 39px;
        }
    }
    h4 {
        font-size: 20px;
        line-height: 26px;
        font-weight: 700;
        text-transform: capitalize;
    }
    .num {
        font-weight: 800;
        letter-spacing: 15px;
        line-height: 126px;
        text-transform: uppercase;
        color: white;
        font-size: 100px;
        
    }

    ul {
        list-style: none;
        padding: 0;
        a {
            display: inline;
            gap: 13.6px;
            justify-content: start;
            text-decoration: none
        };
        li {
            margin-bottom: 1rem;
            &:hover {
                text-decoration: underline
            }
        };
        svg {
            display: unset;
            margin-left: 0.5rem;
        }
    }

    .upper-img {
        position: absolute;
        top: 50%;
        background-color: #CDD8DD;
        border-radius: 99999px;
        height: 160px !important;
        width: 160px;
        overflow: hidden;
        left: 50%;
        transform: translate(-50%, 0%);

        @media (min-width: 991px) {
            left: unset;
            right: 0;
            transform: translate(50%, -50%);
        }
        & > div {
            border-radius: 9999px;
            overflow: hidden;
        };
        img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

        &.rev {
            @media  (min-width: 991px) {
                left: 0;
                transform: translate(-50%, -50%);
            }
        }
    }
    
}

section.pre-footer {
    h2 {
        font-size: 35px;
        line-height: 44px;
        letter-spacing: 5.25px;
        font-weight: 800;
    }
}

section.confession-blue {
    h2 {
        font-size: 56px;
        font-weight: 500;
        @media (max-width: 500px) {
            font-size: 39px;
        }
    }
    h5 {
        font-size: 18px;
        font-weight: 500;
        line-height: 32px;
    }
    p {
        line-height: 25px;
        font-weight: 300;
    };
}

section.confession-gray {
    z-index: 20;
    position: relative;
    .container-lg {
        background-color: #EBEFF1;
    }
    h4 {
        font-size: 21px;
        line-height: 26px;
        font-weight: 700;
    }
    h5 {
        font-weight: 700;
        font-size: 21px;
        line-height: 26px;
        text-align:center;
    }
    .text {
        font-weight: 300;
        font-size: 16px;
        line-height: 20px;
    }

}

section.confession-contact {
    .mix-mode {
        @media (min-width: 768px) {
            margin-top: -230px;
        }
    }    
    .cover {
        height: 100%;
        width: 100%;
        object-fit: cover;
        max-height: 500px;
    }
    p {
        font-weight: 500;
        line-height: 32px;
    }
    h3 {
        font-size: 21px;
        letter-spacing: 4px;
        font-weight: 700;
        line-height: 26px;
        color: var(--main-color);
    }
    h2 {
        font-size: 55px;
        letter-spacing: 4px;
        font-weight: 800;
        line-height: 69px;
    }
}

.container-lg .container {
    max-width: 1200px !important;
}

.bloc_details {
    h2 {
        font-size: 60px;
        line-height: 60px;
        text-transform: uppercase;
        font-weight: 500;
    }
    p {
        font-weight: 500;
        line-height: 32px;
    }
}

footer#footer {
    .footitle {
        font-size: 35px;
        letter-spacing: 5px;
        line-height: 44px;
        font-weight: 300;
    }
    .footer-texte {
        font-size: 15px;
        font-weight: normal;
        line-height: 22px;
        letter-spacing: 1.5px;    
    }
    p, .p {
        font-weight: 300;
        font-size: 16px;
        letter-spacing: 1.5px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .footer-title {
        letter-spacing: 1.5px;
        font-size: 16px;
        font-weight: 700;
    }

    .menu-footer-1 ul {
        display: unset !important;
        li {
            margin-bottom: 15px;
        }
        a {
            text-transform: initial;
            font-weight: 300;
            font-size: 16px;
            letter-spacing: 1.5px;
            line-height: 20px;
        }
    }
}

.lien_icones {
    h3 {
        font-size: 21px;
        line-height: 26px;
        font-weight: 700;
    }
    .text {
        font-weight: 300;
    }
}
.mix-mode{
    position: relative;

    &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #1A4052;
        mix-blend-mode: color;
    }
}

.copyright {
    background: #CDD8DD;
    svg {
        display: none;
    }
    *, a {
        color: #1A4052 !important;
        fill: #1A4052 !important;
        font-size: 12px;
        line-height: 24px;
        text-transform: uppercase;
        font-weight: 500;
    }

    & > .container > div {
        order: 1 !important;
        width: 100%;
    }
    & > .container > a {
        width: 100%;
        order: 2 !important;
        justify-content: start !important;
        letter-spacing: 1.8px;
    }
    & ul {
        width: 100%;
        order: 3 !important;

        a {
            text-decoration: underline !important
        };
    }
    .lm-menu-separator {
        opacity: 0;
    }
}

.otgs-development-site-front-end {
    display: none;
}
.confession-contact .lm-row .col-12.position-relative img {
    object-fit: cover;
}

@media (min-width: 500px) and (max-width: 991px) {
    .lm-row:has(.upper-img) > .col-12.position-relative,
    .confession-contact .lm-row .col-12.position-relative{
        max-height: 400px;

        .h-100 {
            height: 100% !important;
        }
    }
}


.parent-pageid-1612 .contenu-page .h1{display:none;}
.container-service-laminage .lm-bouton{display:flex;justify-content:center;align-items:center;margin:1rem 0;}
.page-template .confession-gray .container>.row{justify-content:center;}
.block-margin-4{margin-top:4rem;}
.block-margin-2{margin-top:2rem;}
.lm-banner>.bg-container{background-color:#cdd8dd;}
.lm-banner h1{max-width:530px;}
.lm-banner>.bg-container>div{width:100%;}
.lm-banner>.bg-container{top:2px;}
.lm-banner{margin-top:-3px;}
.lm-banner>.bg-container>div>div.position-absolute{width:100%!important;z-index:0;display:none;}
body .lm-banner.lm-banner-v1>.bg-container>div img{position:relative;width:100%;translate:none;}
.lm-banner>.bg-container>div:last-child{width:110%;margin-left:-10%;}
.lm-banner>.bg-container>div:first-child img{z-index:2;}
.lm-banner>.bg-container>div:last-child img{z-index:1;}

.confession-contact .en-savoir-plus .px-lg-5{text-align:center;}
.confession-contact .en-savoir-plus .px-lg-5 .lm-bouton{display:inline-block;}
.confession-contact .en-savoir-plus .pt-5{display:flex;justify-content:center;align-items:center;}
.btn.hover-blue:hover{background-color:var(--main-color);color:#fff!important;;border-color:#fff!important;}
body main .btn.rounded:hover{background-color:var(--main-color);color:#fff!important;;border-color:#fff!important;}
.home section.block .bg-white{display:flex;justify-content:center;align-items:center;}
.home section.block .bg-white img{height:75%;width:auto;}
.img-max-180 figure{max-width:180px!important;}
#footer img, #footer svg{width:100%;}
header#header .ze-logo{max-width:200px;}
.social-circles a{width:1.5rem;height:1.5rem;}
.social-header svg, .social-header svg g, .social-header svg path,ul.social-footer svg{height:18px;}
.lm-banner h1{letter-spacing:2px;}
.slick-slide>.container-fluid{background-size:cover;}

@media(max-width:1200px){
	.lm-banner>.bg-container>div{width:130%;}
}

@media(max-width:1080px){
	.lm-banner{max-height:300px!important;}
	.lm-banner>.bg-container>div:last-child{width:130%;margin-left:-30%;}
}

@media(max-width:991px){
	.lm-banner .container.text-uppercase h3{text-align:left!important;}
	.lm-banner .container.text-uppercase h1{font-size:2rem;text-align:left!important;}
	
}

@media(max-width:800px){
	.lm-banner{max-height:200px!important;padding:0;}
	.lm-banner .container.text-uppercase{padding:1rem;height:100%;display:flex;flex-direction:column;justify-content:center;background-color:var(--sombre-opacity);}
}

body .lm-products-row .lm-product-thumbnail-wraper {
    margin-bottom: 0;
    
}
body.archive .products .product h2.h3 {
    text-align: center;
    margin-bottom: 1rem;
}

.slick-initialized .slick-slide {
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    body section.home-banner .slick-slide .item h2 {
        font-size: 3vw;
        line-height: 1.2em;
    }
}
@media (max-width: 767px) {
    section.home-banner .item {
        height: auto;
        padding: 100px 20px;
    }
    section.home-banner .slick-track>.slick-slide:not(.slick-cloned):last-of-type {
        padding-bottom: 400px!important;
    }
    body section.home-banner .slick-slide .item h2 {
        font-size: 6vw;
    }
    section.home-banner .slick-track {
        width: 100% !important;
        display: block!important;
        transform: inherit!important;
    }
    section.home-banner .slick-cloned {
        display: none!important;
    }
    
    
    section.home-products-services {
        margin-top: 0;
    }
}

body.term-thermoformage .prdctfltr_ft_tex-fab,
body.term-thermoformage .prdctfltr_ft_general,
body.term-thermoforming .prdctfltr_ft_tex-fab,
body.term-thermoforming .prdctfltr_ft_general {
    display: none!important;
}