/*
Theme Name: UpWP FSE
Author:  
Author URI: 
Theme URI: 
Tags: full-site-editing
Text Domain: upwp-fse
Requires at least: 5.8
Requires PHP: 7.4
Tested up to: 5.9
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
 

@font-face {
    font-family: 'gt_walsheim_pro';
    src: url('assets/gt-walsheim-bold-webfont.woff2') format('woff2'),
         url('assets/gt-walsheim-bold-webfont.woff') format('woff'); 
    font-style: normal; 
    font-display: swap;  
    font-weight: 700;
}  
@font-face {
    font-family: 'gt_walsheim_pro';
    src: url('assets/gt-walsheim-regular-webfont.woff2') format('woff2'),
         url('assets/gt-walsheim-regular-webfont.woff') format('woff'); 
    font-style: normal; 
    font-display: swap;  
    font-weight: 400;
} 
@font-face {
    font-family: 'gt_walsheim_pro';
    src: url('assets/gt-walsheim-ultra-bold-webfont.woff2') format('woff2'),
         url('assets/gt-walsheim-ultra-bold-webfont.woff') format('woff'); 
    font-display: swap;  
    font-weight: 900;
}    
@font-face {
    font-display: swap;  
    font-family: 'Angelina';
    font-style: normal;
    font-weight: 400;
    src: url('assets/Angelina.woff2') format('woff2'),
            url('assets/Angelina.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
} 

html{overflow-x:hidden;}
*, ::after, ::before {
    box-sizing: border-box;
}

.hide{display:none;}
.row{position:relative;}
.row:after{content:'';clear:both;display: block;}

.col_3{display:inline-block;float:left;width:33%;padding:0 10px;}
.col_4{display:inline-block;float:left;width:25%;padding:0 10px;}

.primary {width:68%;float:left}
.sidebar{width: 27%;float:left;margin-left:2%;}

ul, ol{margin-left: 20px;}

.flex{display:flex !important   ;}
.flex.size-full img{width: 100%;}

a.has-dark-orange-background-color:hover{background-color:var(--wp--preset--color--light-orange) !important;color:var(--wp--preset--color--dark-grey) !important}
a.has-green-background-color:hover{background-color:var(--wp--preset--color--light-green) !important;color:var(--wp--preset--color--dark-grey) !important}

.only_tabmob{display:none !important}

/* HEADER */ 
header .alignfull{  box-shadow: 0px 2px 4px rgb(0 0 0 / 20%);z-index: 99;}
.header_bg{position:absolute;top:0;left:0;bottom:0;overflow:hidden;}
.header_logo{z-index: 99; padding: 10px;margin: 0px 0 -30px !important;}

/* NAV */ 
/* Dropdown arrow 
/* General styling for the language switcher container */
#lg_switch{margin-left:30px !important}
#lg_switch,
#lg_switch li { list-style:none;padding:0;margin:0 5px;}
#lg_switch li { display:inline-block}
#lg_switch li a{    font-family: 'gt_walsheim_pro';font-size: 18px;font-weight: 700;text-transform: uppercase;color:#fff;text-decoration: unset;}

 
 /* PAGE : Home */
 .inspire .wp-block-column{min-height:343px;}
 .inspire .wp-block-column .wp-block-image img{width:100% !important;}

/* Page : Jus de fruits */
.loop_ace figure,
.loop_jus figure{margin:0 auto;}
.wp-block-post-featured-image a {text-align:center;}
.wp-block-post-featured-image a img{height:420px; width:auto;}

/* Page : Mocktails */

.dotlist,
.dotlist li{list-style:none}
.dotlist li:before{content:'-';display:inline-block;    margin: 0 15px 0 -40px;} 
.numlist,
.numlist li{list-style:none; padding: 0;}
.numlist li{ 
    padding-left: 100px;
    margin-bottom: 50px !important;}
.numlist li mark{border-radius:50px;  
	padding:15px;
    margin: 0 40px 0 -100px;
    width: 60px;
    display: inline-block;
    height: 60px;
    text-align: center; 
}

/* Slider History */ 
.slider-layout {display: flex; flex-direction: row;  gap: 2rem; flex-wrap: nowrap; width: 100%;position: relative;} 
.swiper-main { width: 600px;min-width: 0; box-sizing: border-box;margin:0 100px 0 0px !important}
.swiper-slide{font-weight: normal;font-size: 20px;line-height: 30px;letter-spacing: 2.14844px;color: #118a85;margin-bottom: 26px;}
.swiper-slide img {max-width: 100%;  height: auto;}

.swiper-title-nav {width: 520px;height: 110vh;    overflow: hidden; position: relative;margin-top: -250px; }
.swiper-title-nav .swiper-button-prev,
.swiper-title-nav .swiper-button-next{color:#fff;border-radius:50%;border:2px solid #fff;height:50px;width:50px;}
.swiper-title-nav .swiper-button-prev:after,
.swiper-title-nav .swiper-button-next:after{font-size:21px;}
.swiper-title-nav .swiper-button-prev{top:38%;left:auto;right:var(--swiper-navigation-sides-offset,10px);transform:rotate(85deg);}
.swiper-title-nav .swiper-button-next{top:45%;transform:rotate(90deg);}

#slide-title-list {list-style: none;padding: 0; margin: 0;transition: transform 0.3s ease;}
#slide-title-list li {cursor: pointer;padding: 0.5em;height: 80px;cursor: pointer;display: block;margin-bottom: 30px;font-weight: bold;font-size: 140px;line-height: 30px;letter-spacing: 12.0312px;text-transform: uppercase;color: #ffffff;opacity: 0.4;}
#slide-title-list li:hover,
#slide-title-list li.active{opacity:.6}

/* Ninja Form */
.nf-form-fields-required{display:none;}
.nf-form-content label{ font-size:16px;color:#0D87A3;}
.nf-form-content input[type=button], .nf-form-content input[type=submit]{width:100%}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit]{background:#0D87A3;}
.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover{background:#87d5e6; }


body .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;;
}
body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important;
}

/* LIGHTBOX */
body .glightbox-container{z-index:90 !important}
body .goverlay{background: rgba(0, 0, 0, .8) !important;}
body .glightbox-container .gcontainer{max-width:1290px !important;     margin: 0 auto !important;}
body .glightbox-clean .gclose{top:150px !important;}
@media only screen and (max-width:1400px) {  
}
@media only screen and (max-width:1025px) { 

	:where(.wp-block-group.has-background) {padding: 1.25em 1em;}
	
	.notabmobile{display:none !important}
	.only_tabmob{display:block !important}
    .mobile_pad{padding:0 20px}
    .mobile_pad .fwidth{margin-left: -20px !important;margin-right: -20px !important;}
    
    .wp-block-spacer.th100{height:100px !important}
    .wp-block-spacer.th50{height:50px !important} 
   
    .wp-block-navigation__container li:first-child a span{display:block !important}
    .wp-block-navigation__container li:first-child a:before{display:none !important}

    body .wp-block-navigation__responsive-container-open:not(.always-shown) {display: block !important; }
    body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {display: none !important;}
     
	.dotlist li, 
	.numlist li{         font-size: 25px;
        line-height: 35px;
        letter-spacing: 1px;} 
} 
@media only screen and (max-width:768px) { 
	
	:where(.wp-block-group.has-background) {padding: 1.25em .5em;}

    .wp-block-spacer.mh100{height:100px !important}
    .wp-block-spacer.mh50{height:50px !important} 
	
	.sml_btn a{font-size:13px !important;letter-spacing:0 !important;padding-left:5px !important;padding-right:5px !important;padding-top:10px !important;padding-bottom:10px !important;font-weight:400px !important}
    
 
	.dotlist{padding-left: 20px;margin-bottom: -100px !important;}
	.dotlist li, 
	.numlist li{ font-size:18px!important;  margin-bottom:30px !important;   padding-left: 80px;  line-height: 24px!important;}
	.dotlist li{padding-left:10px;} 
	.numlist li mark{ 
        padding: 8px;
        margin: 0 40px 0 -80px;
        width: 40px; 
        height: 40px;
	}
}

@media only screen and (max-width:600px) { 
   
}

@media only screen and (max-width:400px) { 
  
    .wp-block-stackable-heading.logo h1{font-size: 31px !important;letter-spacing: 0 !important; }
    .wp-block-navigation{margin-right:-5px !important}
    .wp-block-navigation__responsive-container.is-menu-open{padding:2em 10px }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top: calc(2em + 50px);}
}