/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
	--whiteColor: #FFF;
	--lightColor: #f5f5f5;
	--eColor: #eee;
	--dColor: #DDD;
	--cColor: #CCC;
	--darkColor: #333;
	--blackColor : #000;
	--mainColor: #d72323;
}



/* debug */

body{
	background-color: inherit;
}

.noMargin{
	margin-bottom:0px;
}

.inside-header {
	padding: 0px;
}

.entry-content > .gb-container > .inside, 
.entry-content > .inside, 
.inside-header{
	padding: 0px 20px;
}

.gb-highlight{
	color: var(--mainColor) !important;
}

/*.mobile */
@media (max-width: 781px) {
	.mobileHide{
		display: none;
	}
}
/*.btn */
.btn, 
.main-nav ul li.btn a{
	font-weight: bolder;
	font-size: .9rem;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	position: relative;
	z-index:2;
	border-radius:5px;
}
.mainBtn, 
.main-nav ul li.mainBtn a{
	background-color: var(--mainColor) !important;
	color: var(--whiteColor) !important;
}

.secondBtn{
	background-color: var(--whiteColor) !important;
	color: var(--blackColor) !important;
}
.thirdBtn{
	background-color: var(--blackColor) !important;
	color: var(--whiteColor) !important;
}
/* header */

.site-header{
	border-top:5px solid var(--mainColor);
	
}
.site-header .site-logo{
	margin-top:-5px;
	margin-bottom:-75px;
	position: relative; 
	z-index: 2;
}

@media (max-width: 781px) {
	.inside-header{
		flex-direction:column !important;
	}
	.mobile-menu-control-wrapper{
		margin-left:0px;
		margin-right:auto;
		width:100%;
		margin-top:55px;
	}
	.mobile-menu-control-wrapper .menu-toggle{
		text-align:left;
		width:100%;
	}
	.mobile-menu-control-wrapper .menu-toggle:after{
		content: "Menu";
		margin-left:15px;
	}
	.main-navigation{
		width:100%;
	}
}

.main-nav ul li.btn{
	padding: 0x !important;
}

.main-nav ul li.btn a{
	padding: 0px !important;
}

.main-nav ul li a{
	line-height: inherit !important;
	padding: 10px 20px;
	font-size:1.1rem;
}

.main-nav ul li:hover a{
	color: var(--darkColor) !important;
}

.main-nav ul li.current-menu-item:hover a, 
.main-nav ul li.current-menu-item a{
	color: var(--mainColor) !important;
}
.main-nav ul li.btn:hover a{
	color: var(--whiteColor) !important;
}
@media (max-width: 781px) {
	.main-nav ul{
		margin-bottom:25px;
	}
}


/*.pageTitle */
.pageTitle h1:before{
	content: "";
	transform:rotate(90deg);
	position: absolute; 
	width:200px;
	display: block;
	top:-75px;
	left:-50px;
	z-index :-1;
	border-bottom: 200px solid var(--whiteColor);
    border-right: 100px solid transparent;
    border-left: 100px solid transparent;
	opacity: .1;
}
/*.intro */
@media (max-width: 781px) {
	.intro .wp-block-columns{
		flex-direction:column-reverse;
	}
}
/*.coursHome */

.coursHomeElm:before{
	width:50%;
}

.coursHome .coursHomeElm:nth-child(2n):before{
	left:50%;
}

.coursHome .coursHomeElm:nth-child(2n) .wp-block-columns{
	flex-direction:row-reverse;
}

.coursHome .coursHomeElm .coursHomeContent{
	padding: 100px 50px 50px;
}

@media (max-width: 781px) {
	.coursHome {
		margin-top:50px;
	}
	.coursHome .coursHomeElm:before{
		display: none;
	}
	.coursHome .coursHomeElm .coursHomeContent{
		padding: 0px 20px;
	}
}


/*.galeryHome */
.wp-block-gallery .wp-element-caption{display: none;}
/*.inscription */

span[data-name="formule"] .wpcf7-form-control, 
span[data-name="tarif"] .wpcf7-form-control{
	display: flex;
	flex-direction:row;
}


span[data-name="formule"] .wpcf7-list-item, 
span[data-name="tarif"] .wpcf7-list-item{
	position: relative;
	width:25%;
	display: block;
}



span[data-name="formule"] input[type="checkbox"], 
span[data-name="tarif"] input[type="checkbox"]{
	appearance:inherit;
	display: block;
	position: absolute; 
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
	background-color: var(--cColor);
	opacity:0;
}

span[data-name="formule"] .wpcf7-list-item-label, 
span[data-name="tarif"] .wpcf7-list-item-label{
	position: relative;
	z-index: 0;
	padding:40px;
	display: block;
	border-radius: 5px;
	background-color: var(--lightColor);
    font-family: Rajdhani, sans-serif !important;
	text-transform: uppercase;
	font-weight:bolder;
	font-size:1.25rem;
}


span[data-name="tarif"] .wpcf7-list-item .wpcf7-list-item-label span, 
span[data-name="formule"] .wpcf7-list-item .wpcf7-list-item-label span{
	font-weight:normal;
	text-transform:none;
	display: block;
	font-size: 1rem;
	margin-top:10px;
}
span[data-name="tarif"] .wpcf7-list-item .wpcf7-list-item-label span{
	margin-top:0px;
	color: var(--mainColor);
}
span[data-name="tarif"] .wpcf7-list-item .wpcf7-list-item-label span b{
	font-size:3em;
	margin-right:5px;
}

span[data-name="formule"] input[type="checkbox"]:checked + .wpcf7-list-item-label, 
span[data-name="tarif"] input[type="checkbox"]:checked + .wpcf7-list-item-label, 
span[data-name="tarif"] input[type="checkbox"]:checked + .wpcf7-list-item-label span{
	background-color: var(--mainColor) !important;
	color: var(--whiteColor) !important;
}

.inscription .line .column, 
.contactForm .column{
	display: flex;
	flex-direction:row;
	gap:2rem;
}



.inscription .line .column > *, 
.contactForm .column > *{
	width:50%;
}



.inscription .columnLeft input, 
.inscription .columnLeft textarea, 
.contactForm .columnLeft input, 
.contactForm .columnLeft select, 
.contactForm .columnRight textarea{
	width:100%;
	border:1px solid var(--cColor);
	border-radius: 5px;
}


.inscription .columnLeft input[type="submit"]{
	width:max-content;
	border-width:0px;
}

.inscription .columnRight p{
	margin: 50px;
	padding: 20px;
	color: var(--mainColor);
	border:1px solid var(--mainColor);
	border-radius: 5px;
}

.contactForm .columnRight textarea{
	width:90%;
}

.inscription label, 
.contactForm label{
	font-weight:bolder; 
	text-transform:uppercase;
}


@media (max-width: 781px) {
	span[data-name="formule"] .wpcf7-form-control, 
	span[data-name="tarif"] .wpcf7-form-control{
		flex-direction:column;
	}
	span[data-name="formule"] .wpcf7-list-item, 
	span[data-name="tarif"] .wpcf7-list-item{
		width:90%;
		margin-top:10px;
	}
	.inscription .line .column, 
	.contactForm .column{
		flex-direction:column;
	}
	.inscription .line .column > *, 
	.contactForm .column > *, 
	.contactForm .columnRight textarea{
		width:100%;
	}
}

/* .footer */
.footer{
	overflow: hidden;
	position: relative;
}
.footer:before{
	content: "";
	background-color: var(--lightColor);
	position: absolute; 
	top:100px;
	left:0px;
	width:100%;
	height: 100%;
	display: block;
	z-index: -1;
}
.footer .adrs{
	position: relative;
}
.footer .adrs:before{
	content: "";
	display: block;
	background-color: var(--blackColor);
	width:100%;
	height:100%;
	position: absolute; 
	left:calc(100% - 5px);
	top:0px; 
}
.footer .adrs .wp-block-columns{
	margin:0px;
}
.footer .wp-block-social-links {
	margin:0px;
}
.footer .wp-block-social-links svg{
	fill : var(--whiteColor) !important;
}

.footer .footer_menu{
	list-style: none;
	width:max-content;
}

.footer .footer_menu li{
	border-bottom: 1px solid var(--cColor);
}

.footer .footer_menu li:last-child{
	border-bottom: 0px solid var(--cColor);
}

.footer .footer_menu li a{
	color: var(--blackColor);
	text-decoration: none;
	padding: 10px 40px 10px 20px;
	font-weight:bolder;
	display: block;
	text-transform: uppercase;
}
@media (max-width: 781px) {
	.footer .footer_menu{
		width:calc(100% - 80px);
		margin: 0px 40px;
	}	
	.footer .footer_menu li a{
		padding: 10px 20px;
	}
}

.footer .footer_menu li.current-menu-item a{
	color: var(--mainColor);
}
.bottom .footer_menu{
	display: flex;
	list-style:none;
	width:max-content;
	margin:10px auto;
}
.bottom .footer_menu li a{
	text-decoration: none;
	color: var(--darkColor);
}
.bottom .footer_menu li:first-child a{
	margin-right: 10px;
}
@media (max-width: 781px) {
	.bottom .footer_menu{
		flex-direction:column;
		text-align:center;
	}
	.bottom .footer_menu li:first-child a{
		margin:0px;
	}
}