body{font-size:16px; font-family:"Instrument Sans", sans-serif; color:var(--cl-gris-texte); background:var(--cl-blanc) url(http://descote.imageurs.net/wp-content/themes/descotes/images/grid.svg) scroll repeat-y center top;}
.grid{background-image:url(http://descote.imageurs.net/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;}


/* 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;}

.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(http://descote.imageurs.net/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%, 4vw, 400%);}
.home-banner h1 mark{line-height:1;}

.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:center; align-items:center;}
.home-banner.wp-block-cover .wp-block-cover__inner-container:before{content:url(http://descote.imageurs.net/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(http://descote.imageurs.net/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:1299px){
    body, .grid{background-image:url(http://descote.imageurs.net/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(http://descote.imageurs.net/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(http://descote.imageurs.net/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(http://descote.imageurs.net/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){
    .custom-logo-link{height:50px; padding:0 15px;}
    .smart-icon-menu{padding:0 15px;}

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