/*
Theme Name: Bonzai Theme
Description: Theme enfant de Divi
Author: Agence Backstages
Author URI: https://www.agencebackstages.fr
Template: Divi
Version: 0.1.0
*/

.et-fixed-header#main-header {
	background-color: #fff;
}

.et-fixed-header#top-header, .et-fixed-header#top-header #et-secondary-nav li ul {
	background-color: #fff !important;
}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
	padding-top: 10px !important;
}

.et_header_style_left #et-top-navigation nav>ul>li>a,
.et_header_style_split #et-top-navigation nav>ul>li>a {
    color: #FFF;
}

.home #et-secondary-menu a,
.home #et-top-navigation a {
	color: #000 !important;
}

.et-fixed-header #top-menu a,
.et-fixed-header#top-header a {
	color: #000 !important;
}

#et-top-navigation nav > ul > li > a:hover,
.home #et-secondary-menu a:hover,
#et-secondary-menu > ul > li a:hover {
	color: #ea6b26 !important;
}

.mobile_menu_bar:before {
	color: #000;
}

ul#mobile_menu.et_mobile_menu {
	background-color: #fff;
}

.et_mobile_menu {
	border-top: none;
}

/* Accueil */

.home .et_pb_portfolio_filters .clearfix {
	visibility: hidden;
}

.home .et_pb_portfolio_items {
	display: flex;
	justify-content: center;
}

.home .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item {
	width: 100%;
}

.home .post-229 {
	margin: 0 5% 0 5% !important;
}

#et-secondary-nav > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-167 > a {
	cursor: text;
}

/* Les séjours */

.description_sejour {
	background-color: #fff;
	padding: 15px;
	color: #000;
	border-radius: 0 0 5px 5px;
}

.description_sejour_prix {
	font-size: 20px;
	font-weight: bold;
}

.description_sejour_image {
	margin-bottom: -87px;
	z-index: 2;
	position: absolute;
	padding: 15px;
	color: #000;
}

.et_pb_portofolio_pagination {
	display: none;
}

.et_portfolio_image > img:nth-child(2), .et_overlay {
	border-radius: 5px 5px 0 0;
}

.description_sejour_image div:first-child {
	background-color: #FFF;
	padding: 5px;
	width: 90%;
	font-weight: bold;
}

.description_sejour_image div:last-child {
	background-color: #FFF;
	padding: 5px;
	margin-top: 9px
}

.et_pb_portfolio_filters {
	display: flex;
	justify-content: center;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
	font-weight: bold !important;
	color: #000 !important;
}

/* Blog */

article {
	border-radius: 5px;
}

article .et_pb_image_container img {
	border-radius: 5px 5px 0 0;
}

/* Footer */

.et_pb_gutters3 .et_pb_column_1_2 .et_pb_module,
.et_pb_gutters3 .et_pb_column_1_4 .et_pb_widget {
		margin-bottom: 30px; 
	}

footer a {
	transition: 0.3s ease;
}

footer a:hover {
	color: #F47028 !important;
}

#et-main-area > footer > div > div.et_pb_section.et_pb_section_0_tb_footer.et_pb_with_background.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_1_tb_footer.et_pb_css_mix_blend_mode_passthrough > div,
#et-main-area > footer > div > div.et_pb_section.et_pb_section_0_tb_footer.et_pb_with_background.et_section_regular > div > div.et_pb_column.et_pb_column_1_4.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child > div {
	border: none;
}

/* BLOG */

#main-content {
	background-color: #083347;
}

/* Formulaire */

.wpcf7-form input,
.wpcf7-form textarea {
	width: 100%;
	padding: 16px;
	background-color: #EEE;
}

#wpcf7-f457-p458-o1 > form > p:nth-child(15) > label,
#wpcf7-f457-p458-o1 > form > p:nth-child(16) > label, label {
	color: #fff;
}

#wpcf7-f457-p458-o1 > form > p:nth-child(18) > input {
	background-color: #ea6a26;
	width: 20%;
	border: 2px solid #ea6a26;
	border-radius: 5px;
	color: #FFF;
	font-size: 20px;
	font-family: 'Montserrat';
	font-weight: 500;
	cursor: pointer;
	transition: 0.3s ease;
}

#wpcf7-f457-p458-o1 > form > p:nth-child(18) > input:hover {
	background-color: transparent;
	border: 2px solid #ea6a26;
	cursor: pointer;
		color: #FFF;
	font-size: 20px;
	font-family: 'Montserrat';
	font-weight: 500;
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #FFF;
	border-radius: 5px;
	box-shadow: 10px 10px 30px 0px rgb(0 0 0 / 30%);
}

.wpcf7 form .wpcf7-response-output {
	padding: 20px;
	border: none;
}

/* Responsive */

@media (max-width: 960px) {
  .home .et_pb_portfolio_items
	{
		flex-direction: column;
  }
	.et_portfolio_image > img:nth-child(2) {
		width: 100%;
	}
	.home .post-229 {
		margin: 5% 0 5% 0 !important;
	}
}