/**
 * 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=Changa+One:ital@0;1&family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap');

:root{
	--bleu : #009FE3;
	--noir :#0E1113;
	--dark :#191E21;
	--gris: #667B87;
	--blanc :#F7F7F7;
}

.row{
	max-width:1400px;
	padding-left:60px;
	padding-right:60px;
	margin: 0 auto;
	width:100%;
}
.pad{
	padding-top:75px;
	padding-bottom:75px;
}
@media screen and (max-width:992px){
	.row{
		padding-left:40px;
		padding-right:40px;
	}
	.pad{
		padding-top:50px;
		padding-bottom:50px;
	}
}
@media screen and (max-width:767px){
	.row{
		padding-left:20px;
		padding-right:20px;
	}	
	.pad{
		padding-top:40px;
		padding-bottom:40px;
	}
}


.h1, .h2, .h3, .h4{
	font-family:"Changa One";
	line-height:1.1em;
	font-weight:400;
	margin-bottom:unset;
	color:var(--blanc);
}
body:not(.wp-theme-blocksy) p{
	font-family:"Tiktok Sans"!important;
}
.txt, .subTxt, .txt *, .subTxt *{
	font-family:"Tiktok Sans";
	line-height:1.4em;
	margin-bottom:unset;
}
.txt, .subTxt{
	font-weight:400;
	color:var(--blanc);
}

.btn{
	font-family:"Tiktok Sans";
	font-weight:700;
	line-height:1.1em;
	background: var(--bleu);
	color:white;
	transition:0.3s;
	display: flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	text-align:center;
	width: fit-content;
}
.btn:hover{
	background: var(--noir);
	color:white;
}

.btn-2{
	font-family:"Tiktok Sans";
	font-weight:400;
	line-height:1.1em;
	background: var(--bleu);
	color:white;
	transition:0.3s;
	display: flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;	
	text-align:center;
	width: fit-content;
}
.btn-2:hover{
	background: var(--noir);
	color:white;
}

.h1{
	font-size:56px;
}
.h2{
	font-size:40px;
}
.h3{
	font-size:32px;
}
.h4{
	font-size:24px;
}
.subTxt{
	font-size:22px;
}
.btn-2{
	font-size:22px;	
}
.btn{
	font-size:18px;
}
.txt{
	font-size:16px;
}

@media screen and (max-width:992px){
	.h1{
		font-size:50px;
	}
	.h2{
		font-size:36px;
	}
	.h3{
		font-size:28px;
	}
	.h4{
		font-size:22px;
	}
	.subTxt{
		font-size:20px;
	}
	.btn-2{
		font-size:20px;
	}
	.btn{
		font-size:17px;
	}
}
@media screen and (max-width:767px){
	.h1{
		font-size:45px;
	}
	.h2{
		font-size:32px;
	}
	.h3{
		font-size:24px;
	}
	.h4{
		font-size:20px;
	}
	.subTxt{
		font-size:18px;
	}
	.btn-2{
		font-size:18px;
	}
	.btn{
		font-size:16px;
	}
}


/*** FORMULAIRES ***/
.gfield.hidden-radio {
    display: none !important;
}
.gform_wrapper *{
	color:var(--blanc);
}
.gform_wrapper input, 
.gform_wrapper textarea,  
.gform_wrapper label{
	border-color:var(--blanc)!important;
	color:var(--blanc)!important;
	font-family: 'TikTok Sans'!important;
	border-radius:8px!important;
}
.gform_footer {
    justify-content: center!important;
	padding-bottom: 0 !important;
}
.gform_footer input[type=submit]{
	border-radius:0px!important;
	background:var(--bleu);
	color:var(--blanc);
	font-family: 'TikTok Sans'!important;
	font-weight:700;
	padding: 6px 16px;
	font-size:18px!important;
	line-height: 1em !important;
}
.gform_footer input[type=submit]:hover{
	background:var(--noir);
	color:var(--blanc)!important;
}
.gform_wrapper .gfield_radio {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
	justify-content:center;
}
.gform_wrapper .gfield_radio label {
    max-width: max-content!important;
}
@media screen and (max-width:992px){
	.gform_footer input[type=submit]{
		font-size:17px!important;
	}
}
@media screen and (max-width:767px){
	.gform_footer input[type=submit]{
		font-size:16px!important;
	}
}


/**** HEADER ***/
[data-header*="type-1"] .ct-header [data-transparent-row="yes"][data-row*="middle"] {
    background: linear-gradient(180deg, var(--noir) 20%, transparent 100%)!important;
}

.ct-menu-link {
    font-family: 'TikTok Sans' !important;
}
.noLink>a.ct-menu-link {
    display: none;
}
.sub-menu .liste-disciplines, .sub-menu .liste-stages {
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
    list-style: none;
    gap: 5px;
}
.sub-menu{
    max-width: unset!important;
    width: fit-content!important;
}
#menu-item-420{
	align-items:start!important;
}
.liste-wrap {
    width: max-content;
	padding:10px 20px;
}
.liste-wrap ul{
	padding:0!important;
}
.liste-disciplines, .liste-stages{
	margin-top:10px!important;
}
.liste-disciplines a, .liste-stages a{
	display:flex!important;
	color:var(--blanc)!important;
	font-family: 'TikTok Sans' !important;
	font-weight:600!important;
}
.liste-disciplines a:hover, .liste-stages a:hover{
	color:var(--bleu)!important;
}
.liste-t, .liste-wrap .ct-menu-link{
	color:var(--bleu)!important;
	cursor:default!important;
	pointer-events:none!important;
	padding:0!important;
	line-height: normal !important;
	font-style:italic;
	font-size:18px!important;
}
.liste-wrap a[href="#"].ct-menu-link:not(:has(span)) {
    display: none!important;
}

.mobile-menu a{
	font-weight:400 !important;
}

.mobile-menu[data-submenu-dots=yes] [class*=children]>ul{
	padding-inline-start: initial !important;
	margin-left:20px;
}

/*** BOUTONS ***/

a.btn-brz-custom, .btn, .btn-2, .gform_footer input[type=submit]{
  clip-path: polygon(0 0, 100% 0, 100% 0%, calc(100% - 15px) 100%, 0 100%);
	padding-right:30px!important;
}


/**** FOOTER ***/
footer {
	padding-top: 70px;
    padding-bottom: 30px;
  background: 
    linear-gradient(180deg, var(--noir) 0%, rgba(0, 0, 0, 70%) 72%),
    url("/wp-content/uploads/2025/08/8a168a9517d31b59570f24eca89b8aab2ffe6750-scaled.jpg") center / cover no-repeat,
    var(--noir);
  background-blend-mode: normal, luminosity, normal;
}
.footer-top {
    display: flex;
    gap: 50px;
    justify-content: space-between;
}
.footer-top-left {
    display: flex;
    flex-direction: column;
	gap: 10px;
	width: 350px;
}
.footer-top-right {
    display: flex;
    gap: 30px;
    justify-content: space-between;
	max-width:calc(100% - 400px);
	width: 100%;
}
.btns-footer{
	display: flex;
    flex-direction: column;
	gap: 8px;
}
.logo-footer {
    max-width: 200px;
}
.footer-menu *{
	color:var(--blanc);
}
.footer-title{
	font-family:"Tiktok Sans";
	font-weight:700;
	line-height:1.1em;
	background: var(--bleu);
	color:var(--blanc);
	transition:0.3s;
	display: flex;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: fit-content;
	border-radius: 8px;
	background: linear-gradient(85deg, rgba(247, 247, 247, 0.30) 12.2%, rgba(247, 247, 247, 0.10) 85.09%);
	backdrop-filter: blur(4px);
	margin-bottom: 16px;
}
.footer-title:hover{
	color:var(--blanc);
}
.footer-listes {
    display: flex;
    gap: 20px;
	justify-content: space-between;
    flex-wrap: wrap;
}
.footer-menu ul{
	list-style:none;
	padding:0;
}
.menu-3 {
	display:flex;
	flex-direction:column;
	gap:30px;
}
.footer-subtitle{
	color:var(--bleu);
	font-style:italic;
}

.footer-bottom .txt{
	width:100%; 
	display: block; 
	margin-top:40px; 
	color:white; 
	text-align:center;
}
.footer-bottom a{
	color:white!important; 
}

@media screen  and (min-width:992px)and (max-width:1200px){
	.footer-top-right{
		flex-wrap: wrap;
	}
	.footer-menu.menu-3 {
		flex-direction: row;
		justify-content: space-between;
   		width: 100%;
	}
}
@media screen and (max-width:992px){
	footer {
    	padding-top: 60px;
		padding-bottom: 20px;
	}
	.footer-title{
		padding: 8px 16px;
	}
	.footer-top{
		flex-direction: column;
	}
	.footer-top-right {
    	max-width:100%;
		justify-content: start;
	}
}
@media screen and (max-width:767px){
	footer {
    	padding-top: 50px;
		padding-bottom: 70px;
	}
	.footer-top-right {
		flex-direction: column;
	}
	.menu-3 {
		gap: 10px;
	}
	.logo-footer {
		max-width: 165px;
	}
}


/*** NEWSLETTER ***/
.newsletter{
	background:var(--gris);
}
.newsletter_wrap{
    padding-bottom: 25px;
}
.newsletter_container {
    background: var(--bleu);
}
.newsletter_container {
	z-index:1;
	position:relative;
	display: flex;
	padding: 60px 50px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
	border-radius: 8px;
	background: url("/wp-content/uploads/2025/08/Inscription-newsletter.jpg");
	background-size: cover;
	background-repeat:no-repeat;
	background-position:right center;
	z-index: 2;
}

.newsletter_container:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0%;
	height:100%;
	background: linear-gradient(90deg, var(--bleu) 20%, transparent 50%);
	z-index:-1;
	border-radius: 8px;
}

#gform_wrapper_3 {
    max-width: 410px;
	width: 100%;
}
#gform_wrapper_3 input{
    background:var(--blanc);
	color:var(--noir)!important;
}
#gform_wrapper_3 input::placeholder, #gform_wrapper_3 input[type=submit]{
	color:var(--noir)!important;
}
#gform_wrapper_3 .gform_footer{
	justify-content: end!important
}
#gform_fields_3{
	margin-top:10px;
}
#gform_wrapper_3 .gform_heading {
	display: none;
}
@media screen and (max-width:992px){
	.newsletter_container:after{
		background: linear-gradient(90deg, var(--bleu) 25%, transparent 75%);
	}
	#gform_wrapper_3 .gform_footer {
		justify-content: start !important;
	}
	.newsletter_container {
		padding: 30px 40px;
	}
}
@media screen and (max-width:767px){
	.newsletter_container:after{
		background: linear-gradient(90deg, var(--bleu) 35%, transparent 100%);
	}
	.newsletter_container {
		padding: 30px 20px;
	}

}


/*** CTA ***/
#ctas {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 999;
	display: flex;
    flex-direction: column;
    gap: 10px;
	align-items: end;
}
.cta{
	display: flex;
	width:fit-content;
	align-items:center;
}
.cta {
    background: var(--bleu);
    padding: 9px 9px;
    border-radius: 6Px 0 0 6px;
	height:48px;
	transition:0.3s ease-in-out;
}
.cta:hover{
	background: var(--noir);
}
.cta img{
	width:30px;
	max-height:30px;
	object-fit: contain;
}
@media screen and (max-width:767px){
	#ctas {
		top: unset;
		right: unset;
		left:50%;
		bottom:0;
		transform: translateX(-50%);
		flex-direction: row;
		gap: 10px;
		background: var(--bleu);
		border-radius: 8px 8px 0 0;
		padding: 3px 5px 0 5px;
	}
	.cta{
		border-radius: 8px 8px 0 0;
	}
	.cta:hover{
		background: var(--bleu);
	}
	.cta img {
		max-width: 30px;
		height: 28px;
		width: unset;
	}
}


/*** COMPLIANZ ***/
body.cmplz-document main{
	margin: 140px auto 70px;
}
body.cmplz-document p, .cmplz-message p{
	font-family:"Tiktok Sans"!important;
}
body.cmplz-document li{
	font-family:"Tiktok Sans"!important;
}
body.cmplz-document main h1{
	font-size:50px!important;
	font-weight: normal!important;
}

body.cmplz-document main p{
	font-size:16px!important;
}
@media screen and (max-width:992px){
	body.cmplz-document main{
		margin: 120px auto 60px;
	}
	body.cmplz-document main h1{
		font-size:42px!important;
	}
}
@media screen and (max-width:767px){
	body.cmplz-document main{
		margin: 100px auto 50Px;
	}
	body.cmplz-document main h1{
		font-size:35px!important;
	}
}