/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme for CEEIADE
 Author:       Vu & Revu
 Author URI:   https://www.vu-revu.com/
 Template:     generatepress
 Version:      2.0
*/

/************************************/
/************* General ************/
/************************************/


/* Structure */
.full-width-content .container.grid-container {
    max-width: 1920px;
    margin: auto;
}

/* Gradients title */	
.blue-gradient-bg {
	background: rgb(114,12,232);
	background: linear-gradient(90deg, rgba(114,12,232,1) 0%, rgba(83,164,219,1) 100%);
}

/* Titles */
h1,
h2,
h3 {
	background: rgb(114,12,232);
	background: linear-gradient(90deg, rgba(114,12,232,1) 0%, rgba(83,164,219,1) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}


/* Blockquote */
blockquote {
    border-left: 2px solid;
    border-image-source: linear-gradient(to bottom, #720CE8, #53A4DB);
    border-image-slice: 1;
    padding: 0px 0px 0px 20px;
    font-size: 16px;
    font-style: normal;
    margin-left: 20px;
}

/* Buttons */
.orange-button .elementor-button {
	background-color: #E88B0C;
	background: linear-gradient(90deg, rgba(245,191,28,1) 0%, rgba(232,139,12,1) 100%);
	box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.20);
	border-radius: 18px;
	line-height: 1.5;
	transition: background-color 1s, background 1s;
}
.orange-button .elementor-button:hover {
	background-color: #E88B0C;
	background: linear-gradient(90deg, rgba(245,191,28,1) 0%, rgba(255,81,0,1) 100%);
	background-position: 175px;
}


.button-cta {
	transition: transform 0.35s, color 0.35s;
    transform: translateX(0);
}
.button-cta:hover {
	transform: translateX(10px);
	transition: transform 0.35s, color 0.35s;
}
.button-cta .elementor-button-text:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 2px;
	background: rgb(114,12,232);
	background: linear-gradient(90deg, rgba(114,12,232,1) 0%, rgba(83,164,219,1) 100%);
	margin-right: 10px;
	vertical-align: middle;
}
.button-cta:hover .elementor-button-text:before {
	background: rgb(245,191,28);
	background: linear-gradient(90deg, rgba(245,191,28,1) 0%, rgba(232,139,12,1) 100%);
}


/* Separators */
.separator-ceeiade .elementor-divider-separator {
	height: 5px;
	border: none !important;
	background: rgb(114,12,232);
	background: linear-gradient(90deg, rgba(114,12,232,1) 0%, rgba(83,164,219,1) 100%);
}

/************************************/
/************** Header **************/
/************************************/

.site-header,
.footer-widgets {
	max-width: 2200px;
	margin: auto;	
}


/* Sticky Header */
.sticky-enabled .main-navigation.is_stuck {
    background: rgb(114,12,232);
	background: linear-gradient(90deg, rgba(114,12,232,1) 0%, rgba(83,164,219,1) 100%);
}

/* Menu Mobile */
.slideout-navigation.main-navigation {
	background: rgb(114,12,232);
	background: linear-gradient(180deg, rgba(114,12,232,1) 0%, rgba(83,164,219,1) 100%);
}



/************************************/
/************** Footer **************/
/************************************/
.site-footer .widget ul li {
	float: left;
	margin-right: 20px;
}
.site-info {
	text-align: left;
	margin-top: -55px;
}
.inside-site-info {
    display: block;
    /* padding: 20px 0px 10px 0px; */
}
#nav_menu-2 {
	float: left;
	margin-top: 5px;
}
#text-4 .alignleft {
    margin-right: 0.5em;
}

@media only screen and (max-width : 767px) {
	#nav_menu-2 {
    	float: none;
    }
	#text-4 {
		padding-top: 20px;
	}
	#text-4 a {
		display: inline-block;
	}
}





/************************************/
/************* Homepage *************/
/************************************/


/* Section 1 */
.section-1 h1 {
	text-indent: 50px;
}
.section-1 blockquote{
	max-width: 300px;
}
.elementor .section-1-image img {
	margin-left: -20%;
	position: relative;
	/* max-width: 130%; */

}
@media only screen and (max-width : 767px){
	.section-1 .elementor-column-wrap {
		background-image: none !important;
	}
	.section-1 h1 {
		text-indent: 0;
	}
	.elementor .section-1-image img {
    	margin-left: 0;
    }
}


/* Section 2 */
.big-number {
	opacity: 0.3;
	background: rgb(114,12,232);
	background: linear-gradient(90deg, rgba(114,12,232,1) 0%, rgba(83,164,219,1) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;	
}
.big-number p {
    margin-bottom: 0;
}
.number-1 p {
	margin-left: -15px;
}

/* Section 3 */


/* Section 4 */
.section-4 .cta-annuaire h3 {
	margin-bottom: 5px;
}

/* Section 5 */
.bloc-orange {
	/*
	background: rgb(245,191,28);
	background: linear-gradient(90deg, rgba(245,191,28,1) 0%, rgba(232,139,12,1) 100%);
	*/
}
.section-5 h3 {
	margin-bottom: 0;
	color: #fff;
	background: none;
	background: #fff;
    -webkit-text-fill-color: currentcolor;
    -webkit-background-clip: text;
}
.section-5 .elementor-widget:not(:last-child) {
	margin-bottom: 0;
}

/* Section 6 Blog */
.elementor-post__thumbnail {
	background: rgb(114,12,232);
	background: linear-gradient(90deg, rgba(114,12,232,1) 0%, rgba(83,164,219,1) 100%);
}
.elementor-post__thumbnail img {
	opacity: 0.5;
}

.elementor-posts .elementor-post__read-more {
	transition: transform 0.35s, color 0.35s;
    transform: translateX(0);
}
.elementor-posts .elementor-post__read-more:hover {
	color: #E88B0C !important;
	transform: translateX(10px);
	transition: transform 0.35s, color 0.35s;
}
.elementor-posts .elementor-post__read-more:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 2px;
	background: rgb(114,12,232);
	background: linear-gradient(90deg, rgba(114,12,232,1) 0%, rgba(83,164,219,1) 100%);
	margin-right: 10px;
	vertical-align: middle;
}
.elementor-posts .elementor-post__read-more:hover:before {
	background: rgb(245,191,28);
	background: linear-gradient(90deg, rgba(245,191,28,1) 0%, rgba(232,139,12,1) 100%);
}
.section-6 .orange-button .elementor-button {
	min-width: 175px;
}

/* Section 7 Newsletter */
.section-7 #mailpoet_form_2 .mailpoet_text,
.section-7 #mailpoet_form_2 .mailpoet_textarea {
    width: auto;
}

.section-7 .mailpoet_form {
	/* display: flex; */
}
.section-7 .mailpoet_form .mailpoet_paragraph {
}
.section-7 input[type="email"] {
	color: #3C3B3A;
	background-color: transparent;
	border-color: #E88B0C;
	border-radius: 25px;
	padding-left: 15px !important;
	min-width: calc(100% - 135px);
	float: left;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
.section-7 input[type="submit"] {
	border: none;
	color: #ffffff;
	background-color: #E88B0C;
	background: linear-gradient(90deg, rgba(245,191,28,1) 0%, rgba(232,139,12,1) 100%); 
	font-weight: bold;
	border-radius: 25px;
	width: 175px;
	margin-left: -50px !important;
	float: right;
	transition: background-color 1s, background 1s;
}
.section-7 input[type="submit"]:hover {
	background-color: #E88B0C;
	background: linear-gradient(90deg, rgba(245,191,28,1) 0%, rgba(255,81,0,1) 100%);
	background-position: 175px;
}
#mailpoet_form_2 .mailpoet_paragraph.rgpd {
	float: none;
	display: inline-block;
	margin-top: 15px;
}

/* Notification messages Newsletter */
.parsley-required, .parsley-custom-error-message {
    display: inline-block;
    position: absolute;
    left: 15px;
}
.parsley-required {
    top: 100px;
}
.parsley-custom-error-message {
	top: 120px;
}

.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success {
    background: rgb(114,12,232);
    background: linear-gradient(90deg, rgba(114,12,232,1) 0%, rgba(83,164,219,1) 100%);
    padding: 30px 20px;
    color: #fff;
    width: 100%;
    border-radius: 5px;
}

/* Newsletter responsive */
@media only screen and (max-width : 400px){
	.section-7 input[type="email"],
	.section-7 input[type="submit"] {
		float: none;
	}
	.section-7 input[type="email"] {
		min-width: 100%;
	}
	.section-7 input[type="submit"] {
		width: 175px;
		margin-left: 0 !important;
	}
	.parsley-required, .parsley-custom-error-message {
	    top: 115px;
	}
}





/************************************/
/************* Flex grid ************/
/************************************/
.flex-grid {
	display: flex;
}
.column {
	flex: 1;
}
.flex-grid-thirds {
	display: flex;
	justify-content: space-between;
}
.flex-grid-thirds .column {
	width: 32%;
}
@media only screen and (max-width : 767px){
	.flex-grid,
	.flex-grid-thirds {
		display: block;
	}
	.flex-grid .column,
	.flex-grid-thirds .column {
		width: 100%;
		margin: 0 0 10px 0;
	}
}

/************************************/
/******* CPT Directory School *******/
/************************************/
.page-template-template-annuaire-ecoles .site-main {
	padding-left: 20px;
	padding-right: 20px;

}
.ceeiade-map {
	padding: 5% 10% 0px 10%;	
}
.title-above-directory {
	padding-top: 1%;
}
.directory {
	padding-top: 2%;
	padding-bottom: 3%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	/* align-content: flex-start; */
}
.school {
	border-radius: 5px;
	/* box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); */
	width: 24%;
	max-width: 300px;
	/* margin-right: 2%; */
	margin-bottom: 2%;
	align-self: flex-start;
	position: relative;
}
.school-image {
	/* overflow: hidden; 
	padding-bottom: 20px; */
	margin-bottom: 20px;
}
.school-image img {
	border-radius: 15px;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
	transition: opacity 0.35s, color 0.35s;
}
.school-image img:hover {
	opacity: 0.6;
}

.school-image .aligncenter {
	margin: 0 auto;
}
.school-info {
	text-align: left;
	padding: 10px 20px 20px 20px;
}
.city {
	/* background: #53a4db; */
	/* background: linear-gradient(135deg,#53a4db 0%,#720ce8 100%);*/
	border: 1.5px #8c8c8c solid;
	color: #8c8c8c;
	font-size: 13px;
	padding: 1px 15px;
	border-radius: 15px;
	display: inline-block;
	margin-top: 3px;
	margin-bottom: 12px;
}
.school-title {
	font-size: 22px;
	line-height: 28px;
	font-weight: 700;
	margin-bottom: 10px;
}
.agrement {
	font-size: 14px;
	color: #3C3B3A;
}
.school-button {
	font-weight: 600;
	fill: #3C3B3A;
	color: #3C3B3A;
	margin-top: 10px;
	display: inline-block;
}


@media only screen and (max-width : 767px){
	.school {
		width: 48%;
	}
}
@media only screen and (max-width : 480px){
	.school {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 4%;
	}
}

/*********************************/
/******* CPT Single School *******/
/*********************************/
.single-ecoles .site-main {
	padding-left: 20px;
	padding-right: 20px;
}
.breadcrumb {
	margin-bottom: 15px !important;
}

.hero-title {
	margin-top: 30px;
	margin-bottom: 30px;
}
.hero-title a {
}
.hero-title a:hover,
.hero-title a:focus; {
	color: #ffffff;
}
.hero-title .img-container {
}
.hero-title .logo-school {
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}
.single-school-info {
	padding-right: 20px;
}
.single-school-info .title-school {
	text-align: left;
	border: 1.5px #8c8c8c solid;
	color: #8c8c8c;
	font-size: 16px;
	line-height: 26px;
	padding: 1px 25px;
	border-radius: 15px;
	display: inline-block;
	margin-top: 3px;
	margin-bottom: 12px;
	background: none;
	-webkit-text-fill-color: unset;
	-webkit-background-clip: text;
}
.single-school-info h2 {
	margin: 5px 0px 10px 0px;
	color: #ffffff;
}
.single-school-info p {
    padding-bottom: 0.5em;
}
.single-school-button {
	font-weight: 600;
	fill: #3C3B3A;
	color: #3C3B3A;
	margin-top: 10px;
	display: inline-block;
}
@media only screen and (max-width : 767px){
	.hero-title {
		flex-direction: column-reverse;
	}
	.hero-title .single-school-info,
	.hero-title .img-container {
		width: 100%;
		display: block;
	}
}

.supervisory {
	background: #ffffff;
	padding: 50px 30px;
	border-radius: 4px;
	text-align: center;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
	margin-top: 5%;
	margin-bottom: 3%;
}
.supervisory .people {
	padding: 0px 5px;
}
.supervisory .people .fa-user {
	font-size: 50px;
	line-height: 60px;
	color: #a1a1a1;
}
.supervisory .people h3 {
	padding-top: 5px;
}
.supervisory .people h3:after {
	content: "";
	background: #333333;
	display: block;
	width: 10px;
	height: 3px;
	margin: 10px auto;
}
.supervisory .people .name {
	display: block;
	font-weight: 600;
	padding-bottom: 5px;
}
.supervisory .people a {
	color: #333333;
	font-size: 14px;
}
.supervisory .people a:hover,
.supervisory .people a:focus; {
	color: #e88B0c !important;
}
.formateurs,
.concours {
	margin-top: 3%;
	margin-bottom: 3%;
}

.supervisory .people h3,
.formateurs h3,
.concours h3 {
	color: #3C3B3A;
	background: none;
	-webkit-text-fill-color: currentColor;
	-webkit-background-clip: unset;
}


/* ACF map for school CPT */
.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    border-radius: 4px;
    margin-top: 3%;
    margin-bottom: 3% !important;
}

/* Fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}





/* Image Map Pro */
.imp-zoom-outer-wrap {
	overflow: visible;
}
.squares-element h3 {
	color: #ffffff;
	background: none;
	-webkit-text-fill-color: currentcolor;
	-webkit-background-clip: inherit;
}