/*
Theme Name: Lycée Horticole de la tour du Pin
Template: Divi
Description: Lycée Horticole de la tour du Pin
Author: JANOT Marie - Notre STUDIO
Author URI: https://notrestudio.fr/
*/



/***** FIXED MENU ******/

/**** fixed header ****/


#main-header.et-fixed-header {
	position: fixed;
	box-shadow:none !important;
}


#page-container {
	padding-top:215px !important;
}

@media (max-width: 980px) {
	.et-tb-has-header #page-container {
	padding-top:200px !important;		
	}

	#page-container {
	padding-top:100px !important;
	}
}

@media only screen and (max-width: 767px) {
	.et_pb_section_0.et_pb_section {
		padding-top:90px !important;
	}
}

/**** correctif page evenements ****/

.post-type-archive-event_listing #page-container {
	padding-top:0px !important;
}

@media (max-width: 980px) {
	.post-type-archive-event_listing .et-tb-has-header #page-container {
	padding-top:0px !important;		
	}

	.post-type-archive-event_listing #page-container {
	padding-top:0px !important;
	}
}


#logo {
	transform:scale(1);
	opacity:1;
	display:block;
	text-align:center;
	margin:auto;
}

#logo a {
	display:block;
}

.logo-visible {
	transform:scale(0) !important;
	opacity:0;
	width:0 !important;
}

#logo,
.logo-visible {
	-webkit-transition:all ease-in-out 0.3s !important;
	-o-transition:all ease-in-out 0.3s !important;
	transition:all ease-in-out 0.3s !important;
}



/* Menu de navigation principal *****/

#main-header {
	box-shadow:none !important;
}

.et_header_style_centered #top-menu>li>a {
	padding-bottom:1em;
}

.current_page_item a {
	border-bottom:5px solid #008dc8;
	color:#008dc8;
}

.button-accueil.current_page_item a, .button-accueil.current-page-ancestor a {
	border-bottom:5px solid #008dc8 !important;
	color:#008dc8 !important;
}

.button-lycee.current_page_item a, .button-lycee.current-page-ancestor a {
	border-bottom:5px solid #b39244 !important;
	color:#b39244 !important;
}

.button-formations.current_page_item a, .button-formations.current-page-ancestor a {
	border-bottom:5px solid #86b918 !important;
	color:#86b918 !important;
}

.button-animalerie.current_page_item a, .button-animalerie.current-page-ancestor a  {
	border-bottom:5px solid #cfb13a !important;
	color:#cfb13a !important;
}

.button-serres.current_page_item a, .button-serres.current-page-ancestor a {
	border-bottom:5px solid #563e94 !important;
	color:#563e94 !important;
}

.button-actus.current_page_item a, .button-actus.current-page-ancestor a {
	border-bottom:5px solid #f35d5d !important;
	color:#f35d5d !important;
}

.button-pourquoi.current_page_item a, .button-pourquoi.current-page-ancestor a {
	border-bottom:5px solid #4da694 !important;
	color:#4da694 !important;
}

.button-portesouvertes a {
	padding:8px 10px 5px 10px !important;
	margin-top:-8px !important;
	background:#008dc8 !important;
	border:none !important;
	color:#fff !important;
	border-bottom:5px solid #fff;
	height:30px;
	border-radius:5px;
}

.button-portesouvertes.current_page_item a, .button-pourquoi.current-page-ancestor a, .button-portesouvertes.current_page_item span, .button-portesouvertes.current_page_item ._mi {
	color:#fff !important;
	opacity:0.7 !important;
}

#menu-menu-principal a:hover {
	opacity:0.30;
}

#menu-menu-principal .button-portesouvertes a:hover {
	opacity:0.7 !important;
}


.button-portesouvertes.current_page_item a {
	padding:8px 10px 5px 10px !important;
	margin-top:-8px !important;
	background:#008dc8 !important;
	border:none !important;
	color:#fff !important;
	border-bottom:none;
}

/*.current-page-ancestor a {
	border-bottom:5px solid #ccc !important;
	color:#ccc !important;
}*/

/***** Bouton de recherche ****/

#search-menu .et_pb_search_0_tb_header input.et_pb_searchsubmit {
	background:none;
}


/***** HEADER *****/

@media screen and (max-width: 640px) {

	#main-header .et_pb_column {
		margin-bottom:5px !important;
	}
}


/***** Bouton page précédente et navigation *****/

.bouton-precedent {
	color:rgb(134, 185, 24);
	text-decoration:none;
	padding:5px 20px 5px 10px !important;
	background:#fff;
	border:2px solid rgb(134, 185, 24);
	border-radius:5px;
	transition:all ease-in-out 0.5s;
	background:#fff;
}

.bouton-precedent:hover {
	opacity:0.5;
}

.bouton-precedent:before {
	content:url(img/fleche.png);
	font-family:"ETmodules" !important;
	margin-right:10px;
	color:red;
	height:15px;
	width:15px;
}


.pagination a, .more-link {
	color:rgb(134, 185, 24);
	text-decoration:none;
	font-weight: bold;
	font-size:12px;
	border-bottom:3px solid rgb(134, 185, 24);
	transition: all ease-in-out 0.5s;
}


.pagination a:hover, .more-link:hover {
	opacity:0.5;
}



/*** format des images à la une ****/

.pa-image-16-9 .et_pb_image_wrap {
padding-top: 40%;
display: block;
}

.pa-image-16-9 .et_pb_image_wrap img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}


		/**** Grille de blog ****/

		.pa-image-thumbnail .et_pb_image_container a {
		padding-top: 65%;
		display: block;
		}

		.pa-image-thumbnail .et_pb_image_container img {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		object-fit: cover;
		}
		
		/**** résultats de recherche *****/


		.et_pb_post .entry-featured-image-url {
		padding-top: 30%;
		display: block;
		}

		.et_pb_post .entry-featured-image-url img {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		object-fit: cover;
		}
		



/***** EVENEMENTS ****/

.sep-page .grid-view article figure img {
	border: 5px solid #d8d8d8;
}

.events-listing .description h3 {
	font-size:16px !important;
	text-transform:uppercase;
	font-weight:bold;
}

.events-listing .time {
	display:none;
}

.sep-page .grid-view article .description {
	padding:0;
}

.sep-page .grid-view article {
	background-color:#fff !important;
}


/**** Pages formations *****/

.sidebar-formations .et_pb_button {
	width:100%;
}