/*
 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 {
  --mainColor: #2DB59A;
		--whiteColor: #FFF;
		--lightColor:#fbfbfb;
		--greyColor: #DDD;
		--darkColor:#333;
		--darkColorTrans : rgba(0, 0, 0, .5);
		--lightColorTrans : rgba(255, 255, 255, .5);
}

/* 
## BLOCK
# contactBandeau
# contactButton
# presentBlock 
# presentBlockBG
# listIcon
# listIconColor
# listIconLight
# textCheckBlock
# textCheckBlockColor
# slider  - slider1Block
## MEP
# button - btn
# button - btnColor
# ul - checklist
# ul - pluslist
*/


/* general */
body {
	background-color: var(--whiteColor);
}
.site-main p{
	margin-bottom:10px;
}

/* hide */
.hide{
	display: none !important;
}

.block-editor-block-list__block.hide{
	display: block !important;
}

.block-editor-block-list__block.hide:before{
	display: block !important;
	content: "hidden class element";
	text-transform: uppercase;
	color: white;
	background-color: red;
}



h1, h2, h3, h4, h5, h6{
}

ul{
	margin-left:20px !important;
}
ul li{
	line-height:200%;
}


ul.checklist, 
ul.pluslist{
	list-style: none;
	margin-left:10px !important;
}




ul.color li:before{
	color: var(--mainColor);
}

ul.checklist li:before, 
ul.pluslist li:before {
 content: '✓';
	margin-right:10px !important;
}
ul.pluslist li:before {
 content: '+';
}


.site a{
	color: var(--mainColor);
}



/* bgColor */
.contactBandeau, 
.btnColor, 
.listIconColor{
	background-color:var(--mainColor) !important;
}

.contactBandeauGrey{
	background-color: var(--greyColor) !important;
}
.contactBandeauLight{
	background-color: var(--lightColor) !important;
}

/* mainColor */
.gb-highlight{
	color: var(--mainColor) !important;
}
.listIcon svg, 
.listIconLight svg{
	fill: var(--mainColor) !important;
}



/* darkColor */


/* lightColor */
.listIconLight{
	background-color: var(--lightColor);
}

/* whiteColor */
.contactBandeau *, 
.btnColor, 
.listIconColor *{
	color: var(--whiteColor) !important;
}

.presentBlockBG:before{
	background-color: var(--whiteColor) !important;
}

.listIconColor svg{
	fill:var(--whiteColor) !important;
}




/* text */
.textOpacity{
	opacity:.75;
}
/* btn */
.btn{
	background-color: var(--darkColor) !important;
	color: var(--whiteColor) !important;
}

.btnWhite{
	background-color: var(--whiteColor) !important;
	color: var(--mainColor) !important;
}



/* grid */
.inside-article, 
.masonry-container > *{
	padding-left:0px !important;
	padding-right:0px !important;
	margin-left: 0px !important;
	margin-right:0px !important;
}
.inside-header, 
.entry-content > .gb-container, 
.masonry-container, 
.entry-content > .wp-block-group, 
body > .gb-container,
.footer > .gb-inside-container > .gb-container {
	padding-left:20px !important;
	padding-right:20px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}



/* block */



/* presentBlockBG */
.presentBlockBG{
	position: relative;
}

.presentBlockBG:before{
	position: absolute; 
	top:0px;

	width:50%;
	height:100%;

	content: "";
	z-index: 1;
}

.presentBlockBG.leftContent:before{
	left:0%;
}
.presentBlockBG.rightContent:before{
	left:50%;
}

@media  (max-width: 599px){
	.presentBlockBG.leftContent:before,
	.presentBlockBG.rightContent:before{
		left:0%;
		width:100%;
	}
}

.presentBlockBG .gb-inside-container{
	position: relative;
	z-index: 2;
}
.presentBlockBG .gb-inside-container{

	padding:0px !important;
}

.presentBlockBG .wp-block-column{
	padding: 50px;
}

/* slider  */
.slider.slider1Block {
	padding: 0px !important;
}
.slider.slider1Block .slide-content{
	position: relative;
}
.slider.slider1Block .slide-content >*{
	position: relative;
	z-index: 2;
	color: var(--whiteColor) !important;
}


.slider.slider1Block .slide-content:before{
	content: "";
	position: absolute; 
	top:0px;
	left:0px;
	width:100%;
	height:100%;

	z-index: 1;
	background-color: var(--darkColorTrans);
}
/* listIconLight */

.listIconLight .wp-block-group{
	background-color: var(--whiteColor);
	border: 1px solid var(--greyColor);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .125)
}


/* toogle */
.toogle .wp-block-group__inner-container{
	padding: 0px 20px;
	margin-top:1px;
}
.toogle .toogleGroup .gb-inside-container .toogleTxt{
	display: none;
}
.toogle .toogleGroup .active .toogleTxt{
	display: block;
}

.toogle .toogleGroup{
	border: 1px solid var(--greyColor);
	margin-top:-1px;
}

.toogle .toogleGroup .toogleTitle{
	position: relative;
	margin:0px;
	padding: 10px 20px;
}

.toogle .toogleGroup .toogleTitle:before, 
.toogle .toogleGroup .toogleTitle:after{
	position: absolute; 
	top:20px;
	right:20px;
	width:15px;
	height:3px;
	content: "";
	background-color: var(--greyColor);
}

.toogle .toogleGroup .active .toogleTitle:after{
	transform: rotate(0deg);
}
.toogle .toogleGroup .toogleTitle:after{
	transition: all .3s ease-in-out;
	transform: rotate(90deg);
}


.toogle .toogleGroup .active .toogleTitle{
	background-color: var(--lightColor);
	color: var(--mainColor);
	cursor:pointer;
}

.toogle .toogleGroup .toogleTxt{
	padding:20px;
}

/* textCheckBlockColor */

.textCheckBlockColor svg{
	fill : var(--mainColor) !important;
}

/* footer */


.footer .color{
	background-color: var(--mainColor);
	color: var(--whiteColor);
}
.footer .dark{
	color: var(--whiteColor);

}

.footer  a, 
.footer .light a{
	color: var(--darkColor);
}

.footer .color a{
	color: var(--whiteColor);
}

.footer .dark a{
	color: var(--whiteColor);
}

.footer .dark{
	background-color: var(--darkColor);
}

.footer .light{
	background-color: var(--lightColor);
}

.footer .footerMenu  {
	margin:0px !important;
}

.footer .footerMenu li {
	list-style: none !important;
}

.footer .footerMenu li a{
	display: block;
	padding: 5px 20px;
	font-size: .9em;
	opacity: .9;
	border-bottom: 1px dotted var(--darkColorTrans);
}

.footer .dark .footerMenu li a, 
.footer .color .footerMenu li a{
	border-bottom: 1px dotted var(--lightColorTrans);
}

.footer .wp-block-social-links{
	margin:0px !important;
}

.footer .wp-block-social-links li{
 background-color: inherit !important;
}