/*
Theme Name: DESCOTE
Author: Anthony, Les Imageurs
Description: Template créé pour le site descote.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: descote

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.
*/

: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;
}

.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);}

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


/* Global */
h2, .h2title, h3, h4, h5, h6{font-family: "Roboto Serif", serif; font-weight:300; line-height:1.2;}
h2{position:relative; font-size:287.5%; color:var(--cl-gris-fonce);}
.h2title{position:relative; font-size:287.5%;}
h2:before, .h2title:before{content:""; position:absolute; top:24px; left:-35px; background:url(images/red_triangle.svg) scroll no-repeat center; height:16px; width:16px;}

.has-xlarge-font-size{font-size:287.5%; font-weight:300; line-height:1.2;}
.has-xlarge-font-size > *{line-height:1.2;}

:root figure.wp-block-pullquote{padding:0; border:none; text-align:left; margin:40px 0; font-size:125%; line-height:1.2; font-style:italic;}
:root figure.wp-block-pullquote p{letter-spacing:0.6px; line-height:1.2;}
:root figure.wp-block-pullquote p:first-of-type:before{content:"“"}
:root figure.wp-block-pullquote p:last-of-type:after{content:"”"}
.wp-block-pullquote cite{text-transform:inherit;}

.wp-block-advgb-button a.wp-block-advgb-button_link{padding:15px 40px; font-size:90%;}


.wp-block-columns.columns-2 > .wp-block-column:first-of-type{flex:0 0 calc(50% - 2em);}
.wp-block-columns.columns-2 > .wp-block-column:last-of-type{flex:0 0 50%;}

.wp-block-columns.columns-1-3, .wp-block-columns.columns-1-4{justify-content:space-between;}
.wp-block-columns.columns-1-3 > .wp-block-column:first-of-type{flex:0 0 33.333%;}
.wp-block-columns.columns-1-3 > .wp-block-column:last-of-type{flex:0 0 50%;}

.wp-block-columns.columns-1-3 > .wp-block-column.column1-3{flex:0 0 33.333%;}
.wp-block-columns.columns-1-3 > .wp-block-column.column2-3{flex:0 0 50%;}

.wp-block-columns.columns-1-4 > .wp-block-column.column1-4{flex:0 0 25%;}
.wp-block-columns.columns-1-4 > .wp-block-column.column3-4{flex:0 0 66.666%;}

/* que pour home ? */
.wp-block-image .alignright{float:none; margin:0 0 0 auto;}
.legend{position:relative;}
.legend .wp-element-caption{position:absolute; padding:20px 30px; background-color:var(--cl-rouge); color:var(--cl-blanc); width:max-content; margin:0; font-size:125%; font-weight:bold;}
.legend-bottom-left .wp-element-caption{bottom:0; left:0; text-align:left; }
.legend-bottom-right .wp-element-caption{bottom:0; right:0; text-align:right; }
.legend-top-external .wp-element-caption{bottom:100%; left:0; text-align:left; width:100%;}

.wp-block-columns.gap0{gap:0;}
.img-full figure{margin:0;}
.img-full img{width:100%;}


.cross:before{content:""; position:absolute; top:0; left:50%; translate:-50% 0 ; width:1px; height:100%; background-color:var(--cl-gris-fonce); z-index:1;}
.cross:after{content:""; position:absolute; top:50%; left:0; translate:0 -50%; width:100%; height:1px; background-color:var(--cl-gris-fonce); z-index:1;}
.cross.wp-block-cover .wp-block-cover__inner-container{position:absolute; top:0; left:50%; translate:-50% 0; width:1240px; max-width:100%; height:100%;}
.cross.wp-block-cover .wp-block-group.top-left{position:absolute; top:0; left:0; width:50%; height:50%; z-index:2; display:flex; justify-content:center;}
.cross.wp-block-cover .wp-block-group.top-right{position:absolute; top:0; right:0; width:50%; height:50%; z-index:2; display:flex; justify-content:center;}
.cross.wp-block-cover .wp-block-group.bottom-left{position:absolute; bottom:0; left:0; width:50%; height:50%; z-index:2; display:flex; justify-content:center;}
.cross.wp-block-cover .wp-block-group.bottom-right{position:absolute; bottom:0; right:0; width:50%; height:50%; z-index:2; display:flex; justify-content:center;}
.cross.wp-block-cover .wp-block-group__inner-container{width:100%; display:flex; justify-content:center; flex-direction:column;}
.cross.wp-block-cover .wp-block-group.has-background .wp-block-group__inner-container{padding:0 12%;}


footer{background-color:var(--cl-gris-fonce); padding:20px 0; border-top:1px solid var(--cl-border);}
footer .container{display:flex; justify-content:space-between; color:var(--cl-blanc);}
footer ul{display:flex; list-style:none; gap:2em;}
footer ul li a{color:var(--cl-blanc); text-decoration:none;}
footer ul li a:hover{color:var(--cl-rouge);}
footer .imageurs{display:block; width:140px; height:25px; background:url(images/imageurs-signature-site-blanc.svg) scroll no-repeat center / contain; }



@media all and (max-width:1400px){
	h2::before, .h2title::before {left:-25px;}
}


@media all and (max-width:1299px){
	h2, .has-xlarge-font-size{font-size:200%;}
	.wp-block-columns.columns-1-3 > .wp-block-column:first-of-type{flex:0 0 40%;}

}
@media all and (max-width:991px){
	.wp-block-columns.columns-1-3 > .wp-block-column:first-of-type{flex:0 0 50%;}
	.cross.wp-block-cover .h2title{font-size:160%;}


}


@media all and (max-width:781px){
	/* Cross */
	.cross::before, .cross::after{display:none;}
	.cross.wp-block-cover .wp-block-group.top-left, .cross.wp-block-cover .wp-block-group.top-right, .cross.wp-block-cover .wp-block-group.bottom-left, .cross.wp-block-cover .wp-block-group.bottom-right{width:100%;}


	.prefooter{text-align:center;}
}

@media all and (max-width:767px){
	h2, .has-xlarge-font-size{font-size:160%;}
	h2::before, .h2title::before {top:12px; left:-25px;}

	.cross.wp-block-cover .wp-block-group .wp-block-group__inner-container, .cross.wp-block-cover .wp-block-group.has-background .wp-block-group__inner-container{padding:0 7.04%;}
} 

@media all and (max-width:600px){
	.wp-block-spacer{max-height:50px;}
	
	.legend.break-600 .wp-element-caption{position:relative; width:100%;}
	
}

@media all and (max-width:400px){

	.legend .wp-element-caption{font-size:110%;}

	.cross.wp-block-cover .h2title{font-size:140%;}
}