@charset "UTF-8";
/*
Theme Name:   Domaine Jourdan
Theme URI:    http://www.elegantthemes.com/gallery/divi/
Description:  Divi Child Theme
Author:       myWebSign
Author URI:   www.mywebsign.fr
Template:     Divi
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  www.mywebsign.fr
*/
/* ______________________________________________________
## ______________________________________________________
## Ne pas ajouter d'infos supplémentaires aux commentaires du dessus
##
## INSTALLATION
## ------------
##
##	1°-> Le css du thème divi sera chargé en premier 
##	(grâce à une ligne de code dans le fichier function.php) 
##   Cette méthode est plus optimisé qu'un @import
##   Tutoriel à cette adresse :http://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial
##	 ATTENTION A BIEN RENSEIGNER LE BON NOM DE FICHIER DU THEME PARENT (ici divi)
##	-----------------------------------------------
##	2° -> En dessous le css propre au divi child 
*/


/*Fonts*/
@font-face {
  font-family: "Amador";
  src: url('fonts/Amador/font.woff2') format('woff2'), url('fonts/Amador/font.woff') format('woff');
}
/*Fin Fonts*/

body {
  font-size: 1rem;
  font-weight:300;
  color: #324158;
  font-family:"Quicksand", sans-serif;
}

h1,h2,h3,h4,h5,h6{
  font-family:"Quicksand", sans-serif;
  font-weight:400!important;
}

h2{
  font-size:30px;
}

a{
  color:#c0b283;
}
.language-fr .btn-fr{
  display:inline-block!important;
}

.language-fr .btn-en{
  display:none!important;
}

.language-en .btn-fr{
  display:none!important;
}

.language-en .btn-en{
  display:inline-block!important;
}

@media(max-width:767px){
  .language-fr .et-l--header .et_pb_column_2_tb_header .btn-fr,
  .language-fr .et-l--header .et_pb_column_2_tb_header .btn-en,
  .language-en .et-l--header .et_pb_column_2_tb_header .btn-fr,
  .language-en .et-l--header .et_pb_column_2_tb_header .btn-en{
    display:none!important;
  }
}

.home h1{
  text-transform:none!important;
  font-family:"Amador";
}

.et_pb_button{
  color: #FFFFFF !important;
  border-width: 0px !important;
  border-radius: 0px;
  font-size: 18px;
  text-transform: uppercase !important;
  background-color: #c0b384;
}

.et_pb_button:hover{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background-color: #c0b384!important;
}

.et_pb_button.btn-link:hover{
  background:none!important;
  padding: .3em 1em!important;
}

.et_pb_button:after{
  font-size: 1.6em;
}

#footer-section a{
  color:#ffffff;
}

/*place button modules next to each other in the same column*/
.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
text-align:center;
}

.pa-inline-buttons {

text-align:center;

}
@media screen and ( max-width: 768px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media screen and ( max-width: 980px ) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
} 

/*adjust the vertical position of the button icon*/

.pa-button-tagline:after {
	line-height: 0 !important;
}


/*style the tagline container*/

.pa-tagline-wrap {
	display: inline-block;
	width: 100%;
}


/*stye the tagline text*/

.pa-tagline-wrap p {
	color: #ffffff!important;
font-size:12px;
}


/*align the button and tagline text*/

.pa-button-tagline {
	text-align: center
}
.dfh-23 .et-menu .menu-item a:before {
  content: '\25C6'; /* Unicode for diamond shape */
  font-size: 20px; /* Increased font size */
  padding-right: 8px;
padding-bottom:8px;
  display: inline-block;
  vertical-align: middle !important;
}

.dfh-23 .et-menu .menu-item-has-children > a:after {
  content: '\3d' !important;
  font-size: 20px !important;
  font-weight: normal!important;
  padding-left: 10px;
  right: auto !important;
}

.dfh-23 .et-menu .menu-item-has-children > .dfh-menu-switched-icon:after {
  content: '\4d' !important;
  font-size: 20px !important;
  font-weight: normal!important;
  padding-left: 10px;
  right: auto !important;
}
  
.dfh-23 .et-menu .menu-item-has-children > a {
	position: relative !important;
}

.dfh-23 .et-menu .menu-item-has-children .sub-menu li {
	display: none !important;
}

.dfh-23 .et-menu .menu-item-has-children .sub-menu .dfh-show-menu-items {
	display: block !important;
}
  
.dfh-23 .et_pb_menu__menu {
  display: block !important;
  width: 100%;
}
  
.dfh-23 .et_mobile_nav_menu {
  display: none !important;
}
  
.dfh-23 .et-menu-nav .et-menu {
  flex-direction: column;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
  
.dfh-23 .et-menu > li {
  border-top: 0px solid #555555;
  display: flex !important;
  flex-direction: column;
  margin-top: 0 !important;
  padding: 15px 30px !important;
}
  
.dfh-23 .sub-menu {
  border-top: 0 !important;
  box-shadow: none !important;
  display: flex;
  flex-direction: column;
  left: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  position: relative !important;
  top: 4px !important;
  visibility: visible !important;
  width: auto !important;
}
  
.dfh-23 .et_pb_menu__wrap {
  justify-content: flex-start !important;
}
  
.dfh-23 .et-menu li li a {
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 0 0 16px 0 !important;
  width: auto !important;
  content: '\24';
}
  
.dfh-23 .et-menu li li a:hover {
  background-color: transparent;
}
   
.dfh-23-menu-row {
  overflow: auto;
  scrollbar-width: none;
  transform: translateX(-100%);
  transition: all 1s ease;
}
  
.dfh-23-menu-row::-webkit-scrollbar {
  display: none;
}
  
.dfh-23-menu-row.dfh-23-menu {
  transform: translateX(0);
  transition: all 1s ease;
}
  
.dfh-23-hamburger-icon,
.dfh-23-close-icon {
  cursor: pointer;
}
  
.dfh-23-hamburger-icon {
	display: inline-block;
  float: left;
}
  
.dfh-23-hamburger-icon .et_pb_blurb_container,
.dfh-23-close-icon .et_pb_blurb_container {
  vertical-align: middle !important;
}
  
.dfh-23-hamburger-icon .et_pb_main_blurb_image,
.dfh-23-close-icon .et_pb_main_blurb_image {
  margin-bottom: 0;
}
  
.dfh-23 .et-menu li li.menu-item-has-children>a:first-child:after {
  top: 0;
}

.dfh-23 .nav li li {
  padding: 0 !important;
}

.slider-text .et_pb_slide{
  min-height:450px;
}

#slider-room .et_pb_slide{
  min-height:350px;
}

.et-l--header .et_pb_blurb_container h4{
  display:none;
}

.et-l--header .dfh-23-close-icon .et-waypoint{
  font-size:45px;
}

.et-l--header .et_pb_row_1_tb_header {
  background-image:url("images/vector-transparent.svg");
  background-repeat:no-repeat;
  background-position: center 95%;
  background-size:cover;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li.current_page_item > a{
  font-weight:600;
}

#dj-logo img{
  max-width:150px;
}
  
@media screen and (max-width: 980px) { 
.admin-bar .dfh-23-close-icon {
  top: 40px;
}
    
.dfh-23 .et-menu li li a {
  font-size: 14px !important;
}
    
.dfh-23 .et-menu .menu-item-has-children > a:after {
  font-size: 16px !important;
}

.dfh-23 .et-menu .menu-item-has-children > .dfh-menu-switched-icon:after {
  font-size: 16px !important;
}
}
  
@media screen and (max-width: 767px) {
.dfh-23-hamburger-icon {
  float: right;
}
}  

/* 
Masonry Gallery 
*/

.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
    column-count: 3; /* number of columns for desktop */
    column-gap: 15px;  /* column spacing */
}

@media only screen and (max-width: 1200px) { 
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items { 
    column-count: 2;  /* number of columns for tablet devices */
} 
} 
@media only screen and (max-width: 767px) {
  .wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items {
    column-count: 1;  /* number of columns for mobile devices */
  }
}

.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items .et_pb_gallery_item {
    width: 100%;
    margin: 0px 0px 10px 0!important; /* replace 10px to change row spacing */
    float: none!important; 
}

/*Comparateur de prix Misterbooking*/

@keyframes widgetApparition {
  from {
    right: -360px; 
  }
  to {
    right: 0; 
  } 
}
@keyframes widgetClosure {
  from {
    right: 0; 
  }
  to {
    right: -360px; 
  } 
}

#mb-comparator-wrapper{
  position: fixed;
  right: -360px;
  top: 45%;
  z-index:10;
  animation-name: widgetClosure;
  animation-duration: .5s;
}

#mb-comparator-trigger{
  position: absolute;
  left: -169px;
  top: 141px;
  width:300px;
  background: #a4925d;
  padding: 12px 15px;
  color: #ffffff;
  font-weight: 600;
  font-size: 1.125rem;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  cursor: pointer;
}

.language-en #mb-comparator-trigger{
  left:-154px;
}

#mb-comparator-trigger > span:after{
  font-family: etmodules;
  margin-left: 11px;
  content: "\36";
}

#mb-comparator-trigger.opened > span:after{
  content: "\37";
}

#comparatorMB #comparator{
  display: block;
  max-width: 360px;
  min-width:360px;
  padding: 30px;
  background: #f3f3f3;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

#comparator_body{
  display:block!important;
}

#comparatorMB #comparator_price,
#comparatorMB #comparator_price_site,
#comparatorMB .comparator-price-site-price,
#comparatorMB .comparator-price-site-name,
#comparatorMB .comparator-price-site-price-decimal,
#comparatorMB .comparator-price-webservice.right,
#comparatorMB #comparator .comparator-form-div,
#comparatorMB #comparator #comparator_header,
#comparatorMB #comparator #comparator_form_label,
.comparator-error-title, .comparator-error-line{
  background-color:transparent;
}

#comparatorMB #comparator .comparator-form-line {
  padding: 5px 0;
}

#widgetMB2 .vt.input.btn,
#comparatorMB #comparator #comparator_form_button {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform:uppercase;
  background: #a4925d !important;
  border-color: #a4925d !important;
  padding: 10px 20px;
  width:inherit;
  height: auto;
  color: #ffffff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

#mb-comparator-wrapper.opened {
  animation-name: widgetApparition;
  animation-duration: .5s;
  right: 0;
}

.pum-theme-23187 .pum-content+.pum-close,
.pum-theme-enterprise-blue .pum-content+.pum-close{
  background-color:#c0b384!important;
}

@media(max-width:768px){
  #mb-comparator-wrapper{
    position:static;
  }
  #comparatorMB #comparator{
    margin:auto;
  }
  #mb-comparator-trigger{
    display:none;
  }
}