/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* GENERAL */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap');


:root{
	--bleu : #326A71;
	--jaune: #FDC533;
	--orange : #D09A43;
	--turquoise : #7feacf;
	--clair : #ecf8f8;
	--gris : #8cabab;
}


/* 3 colonnes : 2 en tablette */
@media screen and (min-width:1000px){
	.col-3-tab-2 > .brz-row>div {
		flex: 1 1 33.3%;
		max-width: 33.3%;
	}
	.encadre{
		flex: 1 1 100% !important;
        max-width:100% !important;
        margin-left: auto;
        margin-right: auto;
	}
}


/* Hero */
@media screen and (min-width:1000px){
	.titre-hero{
		min-width:max-content!important;
	}
	.intro-banner{
		min-height:70vh!important;
	}
	.equipe-banner{
		overflow: visible;
	}
	.equipe-banner>.brz-column__items{
		width: 50vw;
		max-width: 1200px !important;
	}
}


/* Contact */
@media screen and (min-width:1000px){
	.row-coordonnees>.brz-row>div{
		flex: 1 1 100%;
		max-width: 100%;
	}
}


/* Forms */
.gform_wrapper *{
	font-family: "Inter";
}

.gfield_required.gfield_required_text {
    display: none !important;
}

.gform_wrapper input, .gform_wrapper textarea,
.gform_wrapper input::placeholder, .gform_wrapper textarea::placeholder{
	color:var(--bleu)!important;
	opacity:1!important;
	font-size:16px;
}
.gform_wrapper input, .gform_wrapper textarea{
	background:white!important;
	border-radius:8px!important;
}
.ginput_container_consent label{
	color:white!important;
}

.gform_footer.before {
    justify-content: end;
}
input#gform_submit_button_1{
	padding: 12px 30px;
	background:var(--turquoise)!important;
	color:var(--bleu);
	border: 1px solid var(--turquoise)!important;
	font-family:"Inter";
	font-size:18px;
	font-weight:700;
	border-radius:30px!important;
	transition:0.3s ease-in-out!important;
	line-height: normal !important;
}
input#gform_submit_button_1:hover{
	background:white!important;
	color:var(--bleu)!important;
	border: 1px solid white!important;
}



/*** HEADER ***/
.contact-btn svg{
	width:20px;
	height: 20px;
    margin-right: 5px;
}
.contact-btn svg path{
	stroke : var(--bleu);
	transition:0.3s ease-in-out;
}
[data-header*="type-1"] [data-sticky="yes:shrink"] .contact-btn svg path{
	stroke : white;	
}
.contact-btn:hover svg{
	fill:none!important;
}
[data-header*="type-1"] [data-sticky="fixed:shrink"] .contact-btn:hover svg path{
	stroke:var(--gris)!important;
}

.contact-btn a.ct-menu-link {
    height: fit-content!important;
    border: 1px solid var(--gris);
    padding: 10px 17px 10px 15px !important;
    border-radius: 30px;
	transition:0.3s ease-in-out;
	width: fit-content;
}
[data-header*="type-1"] [data-sticky="yes:shrink"] .contact-btn a.ct-menu-link {
    border: 1px solid white;
}

#offcanvas .contact-btn{
	margin-top:12px;
}
#offcanvas .contact-btn a.ct-menu-link {
	padding: 10px 30px 10px 28px !important;
}

@media screen and (min-width:1000px) and (max-width:1100px){
	[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container{
		--logo-max-height: 65px;
	}
	[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a{
		--theme-font-size: 15px;
	}
}


/**** SCROLL BTN ***/
.scroll-btn{
	display:flex;
	align-items:center;
}
.scroll-btn {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: right center;
	cursor:pointer;
}

.scroll-line{
	display:flex;
	width:70px;
	height:1px;
	background:white;
	transition:0.2s ease-in-out;
}
.scroll-dot{
	display:flex;
	width:12px;
	height:12px;
	background:white;
	border-radius:50%;
	transition:0.2s ease-in-out;
}
.scroll-txt{
	font-family:"Inter";
	font-size:14px;
	font-weight:400;
	display:flex;
	color:white;
	margin-left:10px;
	transition:0.2s ease-in-out;
}

.scroll-btn.dark-scroll .scroll-txt{
	color:var(--bleu);
}

.scroll-btn.dark-scroll .scroll-dot,
.scroll-btn.dark-scroll .scroll-line{
	background:var(--bleu);
}

@media screen and (max-width:767px){
	.scroll-btn{
		display:none;
	}
}

/*** ANIMATION STICKY ****/

@media screen and (min-width:1250px) and (min-height:900px){

	body:not(.brz-ed) #conviction-1{
		top:90px!important;
	}
	body:not(.brz-ed) #conviction-2{
		top:140px!important;
	}
	body:not(.brz-ed) #conviction-3{
		top:190px!important;
	}
	body:not(.brz-ed) #conviction-4{
		top:240px!important;
	}
}
@media screen and (min-width:1250px) and (min-height:680px) and (max-height:889px){

	body:not(.brz-ed) #conviction-1{
		top:70px!important;
	}
	body:not(.brz-ed) #conviction-2{
		top:120px!important;
	}
	body:not(.brz-ed) #conviction-3{
		top:170px!important;
	}
	body:not(.brz-ed) #conviction-4{
		top:220px!important;
	}
}

@media screen and (min-width: 1250px) and (min-height:680px){
	.brz .brz-root__container{
		overflow:unset!important;
	}

	body:not(.brz-ed) #conviction-1{
		position:sticky!important;
		background:white;
		/*min-height: calc(100vh - 135px);*/
	}
	body:not(.brz-ed) #conviction-2{
		position:sticky!important;
		background:white;
		/*min-height: calc(100vh - 185px);*/
	}
	body:not(.brz-ed) #conviction-3{
		position:sticky!important;
		background:white;
		/*min-height: calc(100vh - 235px);*/
	}
	body:not(.brz-ed) #conviction-4{
		position:sticky!important;
		background:white;
		/*min-height: calc(100vh - 285px);*/
	}
}

@media screen and (min-width: 1250px) and (max-width: 1650px) and (min-height:680px){
	:root{
		--brz-paragraphfontsize: 16px!important;
	}
	.conviction .brz-row>.brz-columns:first-child{
		flex: 1 1 66%;
        max-width: 66%;
	}
	.conviction .brz-row>.brz-columns:last-child{
		flex: 1 1 34%;
        max-width: 34%;
	}
	.soustitre{
		margin:0!important;
	}
	body:not(.brz-ed) #conviction-1{
		top:70px!important;
	}
	body:not(.brz-ed) #conviction-2{
		top:115px!important;
	}
	body:not(.brz-ed) #conviction-3{
		top:160px!important;
	}
	body:not(.brz-ed) #conviction-4{
		top:210px!important;
	}
}