/*
Theme Name: Divi Child
Template: Divi
Version: 1.0
*/

@import url("../Divi/style.css");

@font-face {
  font-family: 'Nunito Sans';
  src: url('fonts/nunitosans.woff2') format('woff2');
  font-weight: 200 900; /* plage couverte par la variable */
  font-style: normal;
}

@font-face {
  font-family: 'Forum Regular';
  src: url('fonts/forum-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

body {
  	font-family: 'Nunito Sans', sans-serif;
  	font-weight: 400;
	color :#3c4442;
}
strong, b { font-weight: 700;}

h1 { font-family: 'Forum Regular', serif;}
h2, h3, h4, h5, h6 {font-family: 'Nunito Sans', sans-serif; color: #4b6451;}
body {line-height:unset;}
h1, h2, h3, h4, h5, h6 { color: #3c4442;}
h1 {font-size:60px; color: #4b6451;}
/* h1 blog */
h1.entry-title {font-size:40px;}
h2 {font-size:30px; font-weight:700;}

/* h2 blog */
h2.entry-title {font-size:30px;}
h3 {font-size:30px; font-weight:700;}
.et_pb_column_1_3 h3,
.et_pb_column_1_4 h3,
.et_pb_column_1_5 h3,
.et_pb_column_1_6 h3,
.et_pb_column_2_5 h3 { font-size: 30px !important;}

h4 {font-size:24px; font-weight:700;}
p{color: #3c4442;}
a {color: #4b6451;}
a:hover {color: #3c4442;}
body.gutenberg h1{font-size:50px;}
body.gutenberg h2{font-size:26px;}
body.gutenberg h3{font-size:20px;}
body.gutenberg p, body.gutenberg ul{font-size:16px;line-height: 1.5;}

/* Paragraphes blog */
.entry-content ul { margin-left: 2em;}
.small-p {font-size:20px;}
.medium-p {font-size:30px !important;}
.inter-p, .inter-p * {font-size:24px !important;}

/* Style Menu */
#main-header {background-color: #4b6451 !important;}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {padding: 30px 0 0 0;}
.et_fullwidth_nav #main-header .container {	height: 134px;}
#top-menu li {
    padding-right: unset;
    margin-right: 22px;
}

/* Couleurs menu */
#top-menu li.current-menu-item>a { color: #eee397;}
#top-menu-nav>ul>li>a{color: #fff;}
#top-menu-nav>ul>li>a:hover {
	color:#e0dfc1;
	opacity: 1 !important;
    -webkit-transition: none;
    transition: none;
}
/* Menu Réserver */ 
.reserver-menu {background-color: #8ed1e0 !important; border-radius: 999px;}
.reserver-menu a {padding:15px !important;color: #4b6451 !important;}
.reserver-menu a:hover {;color: #000 !important;}
.menu-separator {pointer-events: none; cursor: default;}

/* Pied de page */
#et-footer-nav  .container {
	display:flex;
	justify-content: center;
	align-items: center;
}
#footer-bottom .container {
	display:flex;
	justify-content: center;
	align-items: center;
}
#footer-info { order: 0;}

.et-social-icons {
	order: 1;
	float: none !important;
	display: flex;
	list-style: none;
}
/* Menu pied de page */
#et-footer-nav .bottom-nav li.current-menu-item a { color: #fff !important;}
#et-footer-nav .bottom-nav li a { color: #ccc !important;font-size: 16px;}

/* Icônes sociales */
.et-social-icon a:hover { color: #fff;}
/* Menu mobile */
.mobile_menu_bar:before { color: #666;}
.et_mobile_menu {padding:0; border-top: 3px solid #999;}
.et_mobile_menu li a{color:#999; font-size: 18px;padding: 20px;}
.et_mobile_menu li a:hover{color: #666}
.et_mobile_menu li.current-menu-item>a { color: #000;}
.et_mobile_menu li a:hover, .nav ul li a:hover { background-color: transparent !important; opacity: 1 !important;}

#et_top_search {display: none;}


/* Encart home : La Carri’air : Trois Cabanes dans la forêt */
	.encart-home-trois-cabanes {padding:60px !important;}

/* Toggles nos prestations */
.et_pb_toggle { border: none !important;}
.et_pb_toggle_open {background-color: #f5f5f5 !important;}

/* Police des auteurs du blog */
#left-area .post-meta {
    font-size: 14px;
    padding-bottom: 15px;
}
/* Masquage catégorie */
.post-meta a[rel="category tag"] { display: none;}
.post-meta a[rel="category tag"]::before { content: none;}

/* Boutons - style commun */
body .et_pb_button {
  color: #ffffff !important;
  border-width: 2px !important;
  border-radius: 0px;
  font-size: 20px;
  text-transform: uppercase !important;
  width: 330px !important;
}
/* Bouton d'envoi du formulaire */
.et_contact_bottom_container { float: unset;}
body .et_pb_contact_submit.et_pb_button { width: 100% !important;}

/* BOUTON Boost */

body .et_pb_bg_layout_light.et_pb_button:hover, body .et_pb_bg_layout_light .et_pb_button:hover, body .et_pb_button:hover {
	color: #4b6451 !important;
 	background-color: transparent !important;
  	border-color: #4b6451 !important;
}

body .et_pb_button.bouton-boost {
  background-color: #4b6451 !important;
  border-color: #4b6451 !important;
}
body .et_pb_button.bouton-boost:hover {
  color: #4b6451 !important;
  background-color: transparent !important;
  border-color: #4b6451 !important;
}


/* BOUTON ROUGE */
body .et_pb_button.bouton-rouge {
  background-color: #ec6345 !important;
  border-color: #ec6345 !important;
}
body .et_pb_button.bouton-rouge:hover {
  color: #ec6345 !important;
  background-color: transparent !important;
  border-color: #ec6345 !important;
}


/* BOUTON DORÉ */
body .et_pb_button.bouton-dore {
  background-color: #e09900 !important;
  border-color: #e09900 !important;
}
body .et_pb_button.bouton-dore:hover {
  color: #e09900 !important;
  background-color: transparent !important;
  border-color: #e09900 !important;
}

/* BOUTON BLANC */
body .et_pb_button.bouton-blanc {
  background-color: transparent !important;
  border-color: #ffffff !important;
}
body .et_pb_button.bouton-blanc:hover {
  color: #333 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}

/* BOUTON VERT */
body .et_pb_button.bouton-vert {
  background-color: #ced900 !important;
  border-color: #ced900 !important;
}
body .et_pb_button.bouton-vert:hover {
  color: #ced900 !important;
  background-color: transparent !important;
  border-color: #ced900 !important;
}

/* Bouton Réserver une cabane home */
.margin-top-80 {margin-top: 80px;}

/* Cookie Notice */
.bouton-cn {border:2px solid #ff7864; background-color: #999;padding: 5px 10px; color: #fff;}
.bouton-cn:hover{background-color: #fff;color: #ff7864 ;}
.cn-close-icon:after, .cn-close-icon:before { background-color: #ccc;}
.cn-revoke-cookie {border:2px solid #ff7864; background-color: transparent ;padding: 5px 10px; color: #666;}
.cn-revoke-cookie:hover {border:2px solid #ff7864; background-color: #ff7864 ;padding: 5px 10px; color: #fff;}

/* Formulaire de contact */
p.et_pb_contact_field { padding: 0 !important;}
.et_pb_contact_reset, .et_pb_contact_submit { margin: 0;}
.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title { font-size: 18px;}
label {font-size: 16px;}


/* Responsive */
@media(max-width: 768px) {
	h1 {font-size:40px;}
	/* h1 blog */
	h1.entry-title {font-size:40px;}
	h2 {font-size:30px;}
	/* h2 blog */
	h2.entry-title {font-size:30px;}
	h3 {font-size:24px;}
	
	.et_pb_column_1_3 h3, .et_pb_column_1_4 h3, .et_pb_column_1_5 h3, .et_pb_column_1_6 h3, .et_pb_column_2_5 h3 { font-size: 24px !important;}
	h4 {font-size:20px;}
	p {font-size:20px;}
	.small-p {font-size:16px;}
	.medium-p {font-size:28px !important;}
	.inter-p, .inter-p * {font-size:24px !important;}


	/* Paragraphes blog */
	blog .entry-content p { font-size: 16px;}
	.small-p {font-size:22px;}
	.medium-p {font-size:24px;}
	
	/* Encart home : La Carri’air : Trois Cabanes dans la forêt */
	.encart-home-trois-cabanes {padding: 0 !important; background-color: transparent !important;}
	.encart-home-trois-cabanes .et_pb_button_module_wrapper {margin-top: 20px;}
	/* Espacement haut bas sections / lignes / modules */	
	.et_pb_section { padding: 20px 0;}
	.et_pb_row { padding: 10px 0;}
	.et_pb_column .et_pb_module {padding: 0;}
	.et_pb_column .et_pb_module { margin-bottom: 0;}
	/* Toggles */
	.et_pb_toggle { box-sizing: border-box; padding: 10px;}
	/* .et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {padding: 0 10px;} */
	.et_pb_toggle .et_pb_toggle_title:before { right: 10px !important;}
	.et_pb_column .et_pb_toggle {
    	padding: 10px;
    	box-sizing: border-box;
  	}
	.et_pb_text_inner { padding-top: 10px;}
	/* Bouton Réserver une cabane home */
	.margin-top-80 {margin-top: 0; margin-bottom:20px;}	
	
	/* Témoignages clients */
	.et_pb_testimonial {padding: 20px !important;}
}

/* Menu de pied de page */
@media (max-width: 768px) {
	#et-footer-nav {padding-top: 30px;}
  #et-footer-nav .container {
    flex-direction: column;
    align-items: center;
  }

  #et-footer-nav ul#menu-pied-de-page {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    max-width: 300px;
	gap: 20px;
  }

  #et-footer-nav ul#menu-pied-de-page li {
    margin-bottom: 10px;
    text-align: center;
  }

  #et-footer-nav ul#menu-pied-de-page li.menu-separator a { display:none; }
  #et-footer-nav ul#menu-pied-de-page li:nth-child(-n+6) a { font-size: 18px;}
	#et-footer-nav ul#menu-pied-de-page li:last-child { margin-top: -15px; }
}

/* Bouton Google Translate */
#custom-translate-menu {
	position: absolute;
	top: 95px;
	right: 70px;
  	z-index: 99999;
}

#translate-toggle {
	background: #749579;
	color: white;
	border: none;
	padding: 8px 14px;
	cursor: pointer;
	border-radius: 0;
	font-size: 14px;
	width: 103px;
}

#language-list {
	list-style: none;
	margin: 5px 0 0;
	padding: 0;
	display: none;
	background: white;
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

#language-list li a {
	display: block;
	padding: 8px 12px;
	text-decoration: none;
	color: #333;
	font-size: 14px;
}

#language-list li a:hover { background-color: #f0f0f0;}