/*
 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: #f4f4f4;
	--eColor: #eaeaea;
	--dColor: #DDD;
	--cColor: #CCC;
	--aColor : #AAA;
	--darkColor: #333;
	--blackColor: #000;

	--mainColor: #ff3600;
	--contrastColor: #777;
}

/*.mobile */
@media (max-width: 781px) {
	.mobileHide{
		display: none;
	}
	.gb-grid-column {
		width:100% !important;
	}
}
/*.desktop */
@media (min-width: 782px) {
	.desktopHide{
		display: none;
	}
}
/* global */

body{
	background-color: inherit;
}

.site-footer, 
.site-header, 
.entry-content > .gb-container, 
.site-main > .gb-container, 
body > .gb-container{
	padding: 0px 20px;
}

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

.inside{
	max-width:1200px;
	margin:0 auto;
	position: relative;
	z-index: 4;
}

.subtitle{
	color: var(--mainColor);
	font-size: .9rem;
	text-transform: uppercase;
	margin-bottom:10px;
}

.noBottom{
	margin-bottom:0px;
}

.altGrid .gb-grid-column:nth-child(odd) .wp-block-columns {
	flex-direction:row-reverse;
}


/* btn */
.btn{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content:center;
}
.btn.center{
	justify-content:center;
}
.btn:before, 
.btn:after{
	position: absolute; 
	left:0px;
	top:0px;
	width:5px;
	height:100%;
	background-color: var(--mainColor);
	content: "";
	z-index: 2;
}

.btn:after{
	z-index: 1;
	background-color: var(--lightColor);
	width:100%;
}
.btn.second:after{
	background-color: var(--eColor);
}
.btn:hover:before{
	transition: .3s all ease-in-out;
	width:100%;
}


.btn a{
	position: relative;
	margin:0px;
	padding: 20px 25px 20px 50px !important;
	background-color: inherit !important;
	color: var(--darkColor) !important;
	font-weight:bolder;
	text-transform: uppercase;
	font-size: .9rem;
	z-index: 4 !important;
}


.btn a:before, 
.btn a:after{
	content: "";
	position: absolute; 
	top:25px;
	left:25px;
	width: 2px;
	height:10px;
	background-color: var(--darkColor);
}
.btn a:after{
	transform:rotate(90deg);
}


.btn:hover a{
	color: var(--whiteColor) !important;
}

.btn:hover a:before, 
.btn:hover a:after{
	background-color: var(--whiteColor) !important;
}


.btnServices a{
	text-decoration: none;
}

/* site-header */

.site-header .inside-header{
	padding:0px;
}
.main-navigation .inside-navigation{
	align-items: center;
}
.site-header .main-nav li a,
.site-header .main-nav li a{
	color: var(--darkColor);
	padding: 20px;
	border-top:5px var(--whiteColor) solid;
}
.site-header .main-nav li a:hover,
.site-header .main-nav li a:hover, 
.site-header .connexion a:hover{
	color: var(--contrastColor) !important;
}

.site-header .main-nav li.current-menu-item a,
.site-header .main-nav li.current-page-ancestor a{
	color: var(--mainColor) !important;
	border-top:5px var(--mainColor) solid;
	background-color: var(--lightColor);
}
.site-header .connexion{
	margin-left:20px;
}
.site-header .connexion a{
	color: var(--darkColor);
}

.mobilePhone{
	display: flex !important;
	margin: 20px 0px;
}
.mobilePhone a{
	color: var(--darkColor);
	text-decoration: none;
}

@media (min-width: 782px) {
	.mobilePhone{
		display: none !important;
	}
}

/* pageTitle */

.pageTitle .breadcrumbs{
	font-family: Oxanium, display;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--mainColor);
	letter-spacing:1px;
}

.pageTitle .breadcrumbs span, 
.pageTitle .breadcrumbs span a{
	color: var(--aColor);
}
.pageTitle .breadcrumbs span a{
	text-decoration: none;
}
.pageTitle .breadcrumbs span a span:hover{
	color: var(--mainColor) !important;
}
@media (max-width: 781px) {
	.pageTitle .inside{
		text-align:center;
	}
	.pageTitle .gb-headline-text{
		font-size: 3rem;
	}
}


/* footer */
.site-footer{
	background-color: var(--darkColor);
	color: var(--contrastColor);
}

.site-footer .footerMenu{
	margin:0px;
	padding:0px;
	list-style: none;
}

.site-footer .footerMenu li a{
	display: block;
	color: var(--contrastColor);
	text-transform :uppercase;
	text-decoration: none;
	padding: 5px 5px 5px 0px;
}

.site-footer .footerMenu li.current-menu-item a,
.site-footer .footerMenu li.current-page-ancestor a{
	color: var(--mainColor);
}

/* bottom */
.bottom{
	background-color: var(--blackColor);
	margin: 0px;
	padding: 20px 0px;
}
.bottom .bottomMenu{
	display: flex;
	align-items: center;
	list-style: none;
	margin:0px auto;
	padding:20px;
	width:max-content;
}
.bottom .bottomMenu li a{
	color: var(--whiteColor);
	text-decoration: none;
	text-transform: uppercase;
	display: flex;
}

.bottom .bottomMenu li a:before{
	content: "•";
	margin: 0px 10px;
}

.bottom .bottomMenu li:first-child a:before{
	content: inherit;
}

@media (max-width: 781px) {
	.bottom .bottomMenu{
		flex-direction:column;
	}
	.bottom .bottomMenu li a{
		padding: 10px;
	}
	.bottom .bottomMenu li a:before{
		content: inherit;
		margin: 0px ;
	}
}

/* ---------------------------------------- element */

/* rdv */
.rdv{
	position: relative;
}
.rdv:before{
	width:60%;
	height:80%;
	top:10% !important;
	z-index: 1;
}


/* choose */
.choose:before{
	width:45%;
	height:80%;
	top:10% !important;
	left:55% !important;
}
.choose .acc .accElm{
	position: relative;
}
.choose .acc .accElm:before{
	position: absolute; 
	top:0px;
	left:0px;
	width:50px;
	height:50px;
	background-color: var(--mainColor);
	content:"";
}
.choose .acc .accElm .accTitle{
	background-color: var(--lightColor);
	height:50px;
	margin-left:50px;
	padding-left:20px;
	line-height:50px;
	
	cursor: pointer;
}
.choose .acc .accElm.active .accTitle{
	background-color: var(--mainColor);
	color: var(--whiteColor);
}

.choose .acc .accElm .accTitle:before,
.choose .acc .accElm .accTitle:after{
	position: absolute; 
	top:23px;
	left:19px;
	width:12px;
	height:2px;
	background-color: var(--whiteColor);
	content :"";
}
.choose .acc .accElm .accTitle:after{
	transform:rotate(90deg);
}
.choose .acc .accElm.active .accTitle:after{
	transform:rotate(0deg);
}

.page .choose .acc .accElm .accDsc, 
.single .choose .acc .accElm .accDsc{
	height:0px;
	overflow:hidden;
}
.choose .acc .accElm.active .accDsc{
	height: auto !important;
}

@media (max-width: 781px) {
	.choose:before{
		width:0%;
	}
}

/* ---------------------------------------- content */

.titlePageHome{
	position: relative;	
}
.titlePageHome:before{
	content: "";
	width:50%;
	height:100%;
	position: absolute; 
	top:0px;
	right:0px;
	z-index: 1;
	background-color: var(--whiteColor);
	opacity: .9;
}
.titlePageHome .inside{
	position: relative;
	z-index: 11;
}
@media (max-width: 781px) {
	.titlePageHome:before {
		width:100%;
	}
}


/* form */
.formColumn{
	display: flex;
	flex-direction:row;
}
.col{
	width:50%;
}
.col1 input{
	width:90%;
}

@media (max-width: 781px) {
	.formColumn {
		flex-direction:column !important;
	}
	.col, 
	.col1 input{
		width: 100%;
	}
}