/*
Theme Name: nvandco
Author: krisken.fr
Author URI: https://krisken.fr
Description: Theme enfant de twentyTwentyFive
Template: twentytwentyfive
*/

.header-rangee{
	padding-left: 80px;
	padding-right: 80px;
}
.wp-element-button:hover{
	background-color: #010101;
}

h2:before{
	content: '•';
	display: inline-block;
	margin-right: 6px;
	position: relative;
	bottom: -5px;
}
.entry-content ul{
	list-style: none;
	margin: 0;
}
.entry-content ul li{
	margin-top: 0;
}
.entry-content .wp-block-group{
	padding-left: 80px;
	padding-right: 80px;
}
blockquote mark{
	font-family: 'Roboto';
	font-size: 0.7em;
}

/* Bouton ils nous font confiance */
.btn-confiance a.wp-block-button__link{
	position: relative;
	display: block;
	margin-top: -195px;
	margin-bottom: 120px;
	border: 0;
	font-family: "Oooh Baby";
	font-size: 56px;
	padding: 0;
	outline: 0;
	transition: all .1s ease-in;
	
	&:after{
		content: '';
		display: block;
		width:  30px;
		height: 100px;
		position: absolute;
		top: 56px;
		right: 0;
		background: url(./img/confiance-after.svg) no-repeat center/cover;
		transition: all .1s ease-in;
	}
	
	&:hover{
		background: none !important;
		color: #f2662a;
		
		&:after{
			top: 66px;
		}
	}
}

/* header */
header .custom-logo{width: 80px;}
.custom-logo{
	width: 460px;
}
.wp-block-post-featured-image{
	min-height: 500px;
	display: flex;
	
	img{
		max-width: none;
	}
}

/* Navigation */
nav.wp-block-navigation ul.wp-block-navigation__container{gap: 0;}
nav.wp-block-navigation li.wp-block-navigation-item:not(:last-child):after{
	content: '•';
	display: inline-block;
	margin-right: 12px;
	margin-left: 12px;
	color: #f2662a;
}
nav.wp-block-navigation li:last-of-type a{color: #f2662a !important;}
nav.wp-block-navigation li.current-menu-item a{
	font-style: italic;
	color: #b4b4b6 !important;
	outline: 0 !important;
}
nav.wp-block-navigation a{text-decoration: none;}
nav.wp-block-navigation a:hover{
	color: #b4b4b6 !important;
}

/* ACCUEIL */
.nathalie-vincent-home{margin-bottom: -120px !important;}
#qui-suis-je{background-size: auto 80%;}

/* PAGES */
.boite-logo{
	position: relative;
	z-index: 9;
	margin-left: 80px !important;
	margin-right: 80px !important;
}
.wp-block-gallery figure{position: relative;}
body.home .wp-block-gallery figure:before{
	content: '';
	display: block;
	width: 75px;
	height: 170px;
	position: absolute;
	left: -5px;
	bottom: -5px;
	background: url(./img/galerie-img-before.svg) no-repeat center/cover;
}
.bg-eperluette{
	background: #F37D2E url(./img/eperluette-nvandco.svg) no-repeat left -20px center / auto 90% !important;
}
.flex-start .innerblocks-wrap{
	align-items: start;
}

/* Footer */
.rangee-contact img{
	height: 80px;
	margin-top: -50px;
}
.rangee-contact a{
	text-decoration: none;
	font-size: 16px;
	
	&:hover{
		color: #f2662a;
	}
}

/* Cookies */
.cky-btn-revisit-wrapper{
	background: #010101 !important;
}
.cky-btn-accept{
	background: #f2662a !important;
	color: #ffffff;
	border: 2px solid #f2662a !important;
}
.cky-btn-customize,
.cky-btn-reject{
	color: #f2662a !important;
	background: transparent;
	border: 2px solid #f2662a !important;
}
.cky-preference-content-wrapper .cky-show-desc-btn{
	color: #f2662a !important;
}

footer .wp-block-navigation__container a span.wp-block-navigation-item__label{
	color: #FFF !important;
	
	&:hover{
		color: #f2662a !important;
	}
}

@media screen and (max-width: 1100px) {
	.btn-confiance{flex-direction: column;}
	.btn-confiance .wp-block-buttons{justify-content: center;}
	header .header-rangee{justify-content: space-between;}
	h1{line-height: 0.75;}
	.boite-logo{
		padding-left: 70px;
		padding-right: 70px;
		text-align: center;
	}
	.section-2col .innerblocks-wrap{
		flex-direction: column;
		align-items: stretch;
	}
	.btn-confiance a.wp-block-button__link{
		margin-top: 0;
		margin-bottom: 120px;
		
		&:after{
			left: 0;
			margin: 0 auto;
		}
	}
}

@media screen and (max-width: 780px) {
	header .wp-block-site-logo{display: none;}
	header .header-rangee{justify-content: center;}
	
	.section-2col p{padding-left: 20px;}
	#qui-suis-je .nathalie-vincent-home{
		margin: 0 auto !important;
		min-width: 280px;
	}
	#qui-suis-je .innerblocks-wrap > div:first-of-type{
		margin-left: 20px;
		margin-right: 20px;
		margin-top: -20px;
		
		h1{
			border-radius: 32px 32px 0 0;
		}
		.wp-block-columns{
			padding: 20px;
			border-radius: 0 0 32px 32px;
		}
		.wp-block-button__link{font-size: 44px;}
	}
	#qui-suis-je .innerblocks-wrap .wp-block-columns{
		flex-direction: column;
	}
	.citation .innerblocks-wrap{flex-direction: column;}
}

@media screen and (max-width: 600px) {
	h2, h3{font-size: 1.2rem;}
	header .header-rangee:first-of-type{justify-content: space-between;}
	nav.wp-block-navigation ul.wp-block-navigation__container{
		width: 100%;
		align-items: center !important;
		
		li a{
			font-size: 32px;
		}
	}
	nav.wp-block-navigation li.wp-block-navigation-item:not(:last-child):after{
		margin: 0 auto;
		font-size: 32px;
	}
	#qui-suis-je{padding-bottom: 0 !important;}
	.boite-logo{
		padding-left: 0;
		padding-right: 0;
	}
	.header-rangee{
		padding-left: 20px;
		padding-right: 20px;
	}
	.entry-content .wp-block-group{
		padding-left: 20px;
		padding-right: 20px;
	}
	.citation figure{margin: 0 auto;}
}