:root {
    --cl-blanc: #fff;
    --cl-rouge: #FF0004;
    --cl-gris-clair: #F5F5F5;
    --cl-gris: #9C9C9C;
    --cl-gris-fonce: #141414;
    --cl-gris-texte: #6C6C6C;
	--cl-noir: #000;
	--cl-border: #66666699;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	line-height:1.5;
}

header{transition:1s all ease 0s;}


.overflow-container{width:100vw; overflow:hidden;}

/* Bascule sur éditeur Gutenberb */
.has-blanc-background-color{background-color:var(--cl-blanc);}
.has-gris-clair-background-color{background-color:var(--cl-gris-clair);}
.has-gris-background-color{background-color:var(--cl-gris);}
.has-rouge-background-color{background-color:var(--cl-rouge);;}
.has-gris-fonce-background-color{background-color:var(--cl-gris-fonce);}
.has-noir-background-color{background-color:var(--cl-noir);}

.has-blanc-color{color:var(--cl-blanc);}
.has-gris-clair-color{color:var(--cl-gris-clair);}
.has-gris-color{color:var(--cl-gris);}
.has-rouge-color{color:var(--cl-rouge);;}
.has-gris-fonce-color{color:var(--cl-gris-fonce);}
.has-noir-color{color:var(--cl-noir);}

body{font-size:16px; font-family:"Instrument Sans", sans-serif; color:var(--cl-gris-texte); background:var(--cl-blanc) url(https://www.descote.com/wp-content/themes/descotes/images/grid.svg) scroll repeat-y center top; margin:0;}
.grid{background-image:url(https://www.descote.com/wp-content/themes/descotes/images/grid.svg); background-repeat:repeat-y; background-position:center top;}


.container{width:1240px; max-width:100%; margin:0 auto;}
.wp-block-group.alignwide .wp-block-group__inner-container{width:1240px; max-width:100%; margin:0 auto;}
.wp-block-cover.alignwide .wp-block-cover__inner-container{width:1240px; max-width:100%; margin:0 auto;}

.alignfull,.alignwide{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}

/* Header */
header{position:absolute; top:0; left:0; width:100%; border-bottom:1px solid var(--cl-border); z-index:10; display:flex; justify-content:space-between;}
.home header{background-color:rgba(0,0,0,0.2)}

.logo-container{position:relative;}
.custom-logo-link{display:flex; height:72px; padding:0 32px; justify-content:center; align-items:center; background-color:var(--cl-blanc);}
.anniversary-container{position:absolute; top:0; left:100%; height:100%; aspect-ratio:1.2; background:var(--cl-gris-fonce) url(https://www.descote.com/wp-content/themes/descotes/images/50years.svg) scroll no-repeat center center / 63% auto; border-right:1px solid var(--cl-border);}

.smart-icon-menu, .smart-icon-menu2, #show_menu{display:none;}
#menu_principal ul{list-style:none; padding:0; display:flex;}
#menu_principal li a{position:relative; padding:0 30px; height:72px; color:var(--cl-blanc); outline:none; display:flex; justify-content:center; align-items:center; text-decoration:none; border-left:1px solid var(--cl-border); font-weight:500; letter-spacing:0.4px;}
#menu_principal li.linkedin a{color:var(--cl-gris);}
#menu_principal li.current-menu-item a, #menu_principal li a:hover{background-color:var(--cl-blanc); color:var(--cl-gris-fonce);}

h1{font-family: "Roboto Serif", serif; font-weight:300; font-size:400%; line-height:1;}

/* Home banner */
.home-banner{border-bottom:1px solid var(--cl-border); min-height:inherit !important; height:100vh !important;}
.home-banner:before{content:""; position:absolute; top:0; left:50%; translate:-50% 0 ; width:1px; height:100%; background-color:var(--cl-border); z-index:1;}
.home-banner:after{content:""; position:absolute; bottom:calc(100vw * 0.260625); left:0; translate:0 -50%; width:100%; height:1px; background-color:var(--cl-border); z-index:1;}
.home-banner h1{font-size:clamp(90%, 4.5vw, 550%); width:100%; font-weight:500; font-family:"Instrument Sans", sans-serif}
.home-banner h1, .home-banner h1 mark, .home-banner h1 br{line-height:0.5;}

.wp-block-cover.home-banner video.wp-block-cover__video-background{top:auto; bottom:0; height:max-content; width:100%; aspect-ratio:16/9;}
.home-banner.wp-block-cover .wp-block-cover__inner-container{position:absolute; bottom:0; right:0; width:50vw; height:calc(100vw * 0.260625); background-color:var(--cl-blanc); z-index:2; display:flex; justify-content:flex-start; align-items:center; padding:0 100px;}
.home-banner.wp-block-cover .wp-block-cover__inner-container:before{content:url(https://www.descote.com/wp-content/themes/descotes/images/descote_arrows.svg); position:absolute; top:3px; left:0; translate:-50% -50%}


.page-int h1{font-size:462.5%;}
.banner:before{content:url(https://www.descote.com/wp-content/themes/descotes/images/descote_arrows.svg); position:absolute; top:50%; left:50%; translate:-50% -50%; z-index:2;}
.banner:after{content:""; position:absolute; bottom:0; left:50%; translate:-50% 0; width:1px; height:calc(100% - 72px); background-color:var(--cl-border); z-index:1;}

.yoast-breadcrumbs{text-transform:uppercase; color:var(--cl-noir); font-size:90%;}
.yoast-breadcrumbs a{color:var(--cl-gris-texte); text-decoration:none;}
.yoast-breadcrumbs i{display:inline-block; rotate:90deg; font-size:60%; margin:0 2px;}

@media all and (max-aspect-ratio:15/9) {
	.home-banner{height:inherit !important;}
	.wp-block-cover.home-banner{padding:0;}
	.wp-block-cover.home-banner video.wp-block-cover__video-background{position:relative;}
}
  

@media all and (max-width:1799px){
	.home-banner.wp-block-cover .wp-block-cover__inner-container{padding:0 60px;}
}

@media all and (max-width:1399px){
	.home-banner.wp-block-cover .wp-block-cover__inner-container{padding:0 30px;}
}

@media all and (max-width:1299px){
    body, .grid{background-image:url(https://www.descote.com/wp-content/themes/descotes/images/grid-1024.svg)}
	.container, .wp-block-group.alignwide .wp-block-group__inner-container, .cross.wp-block-cover .wp-block-cover__inner-container{width:1024px}
}

@media all and (max-width:1199px){
	#menu_principal li a{padding:0 20px;}
}

@media all and (max-width:1099px){
    body, .grid{background-image:url(https://www.descote.com/wp-content/themes/descotes/images/grid-880.svg)}
	.container, .wp-block-group.alignwide .wp-block-group__inner-container, .cross.wp-block-cover .wp-block-cover__inner-container{width:880px}
}

@media all and (max-width:991px){
    body, .grid{background-image:url(https://www.descote.com/wp-content/themes/descotes/images/grid-710.svg)}

    .smart-icon-menu{display:flex; justify-content:center; align-items:center; height:100%; font-size:180%; cursor:pointer; color:var(--cl-blanc); padding:0 30px}
	.smart-icon-menu2{display:block; text-align:right; cursor:pointer; color:var(--cl-gris-fonce);}
	.smart-icon-menu2 i{transition:0.3s all linear 0s;}
	.smart-icon-menu2:hover i{transform:scale(1.2);}

	#menu_principal{position:fixed; top:0; right:-100%; z-index:4000; background-color:#fff; transition:0.4s right linear 0s; width:320px; height:100%; max-width:inherit; margin:0; padding:20px; overflow:scroll; text-align:left;}
	#show_menu:checked ~ #menu_principal{right:0; box-shadow:0 0 5px rgba(0,0,0,0.5);}
	#menu_principal ul{flex-wrap:wrap;}
	#menu_principal li{flex:0 0 100%;}
	#menu_principal li a{border:none; height:auto; color:var(--cl-gris-fonce); padding:20px; justify-content:flex-start;}
	#menu_principal li.current-menu-item a, #menu_principal li a:hover{color:var(--cl-rouge);}

	.wp-block-columns.columns-1-3 > .wp-block-column:first-of-type{flex:0 0 50%;}
	.cross.wp-block-cover .h2title{font-size:160%;}

	.container, .wp-block-group.alignwide .wp-block-group__inner-container, .cross.wp-block-cover .wp-block-cover__inner-container{width:710px}

    .banner::before, .banner::after{display:none;}

}

@media all and (max-width:767px){
    body, .grid{background-image:url(https://www.descote.com/wp-content/themes/descotes/images/grid_small.svg); background-size:100%;}
	.container, .wp-block-group.alignwide .wp-block-group__inner-container, .cross.wp-block-cover .wp-block-cover__inner-container{width:100%; padding:0 7.04%}

    .home header{position:relative; background-color:var(--cl-noir);}

}

@media all and (max-width:550px){
	body{font-size:14px;}
    .custom-logo-link{height:50px; padding:0 15px;}
    .smart-icon-menu{padding:0 15px;}

	.home-banner.wp-block-cover .wp-block-cover__inner-container{padding:0 10px;}
	.home-banner.wp-block-cover .wp-block-cover__inner-container span{margin-top:7px;}
    .home-banner.wp-block-cover .wp-block-cover__inner-container:before{top:1px; scale:0.5}
    
    .banner{min-height:250px !important;}
}

#cookie-banner{position:fixed; bottom:0; width:100%; border-top:1px solid var(--cl-rouge); padding:10px 15%; z-index:2000; background-color:var(--cl-blanc);text-align:left; display: none;}
#cookie-banner a{color:#000; text-decoration:none;}
#cookie-banner a.cookie-banner-close{position:absolute; top:0; right:0; width:auto; height:100%; background-color:var(--cl-rouge); color:var(--cl-blanc); display:flex; justify-content:center; align-items:center; padding:0 20px; text-decoration:none;}

@media all and (max-width:1200px){
	#cookie-banner{font-size:90%;}
	#cookie-banner span:first-child{padding:5px 10px;}
}

@media all and (max-width:767px){
	#cookie-banner{padding:10px 10px 50px;}
	#cookie-banner a.cookie-banner-close{top:auto; bottom:0; left:0; width:100%; height:auto; padding:5px;}
}

@media all and (max-width: 550px){
	#cookie-banner{font-size:80%;}
	#cookie-banner span:first-child{padding:0; font-weight:bold; background-color:transparent;}
}