/*
Theme Name: La Bastide
Template: Divi
Author: Laurence Soetens
Author URI: https://www.demainilferabeau.fr

*/
/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
footer#main-footer {
    display: none;
}


/*--------------------------------------------------------------
FONTS
--------------------------------------------------------------*/


/*CRIMSON*/

/* crimson-pro-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Crimson Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/crimson/crimson-pro-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* crimson-pro-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Crimson Pro';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/crimson/crimson-pro-v28-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* crimson-pro-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Crimson Pro';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/crimson/crimson-pro-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* crimson-pro-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Crimson Pro';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/crimson/crimson-pro-v28-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*RALEWAY*/


/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway/raleway-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/raleway/raleway-v37-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/raleway/raleway-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/raleway/raleway-v37-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/raleway/raleway-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/raleway/raleway-v37-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/raleway/raleway-v37-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/raleway/raleway-v37-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  font-family: "Raleway", sans-serif;
   font-weight: 400;
}


.titre-crimson {
  font-family: "Crimson Pro", serif !important;
  font-weight: 500 !important;
}


/*--------------------------------------------------------------
MENU - GLOBAL
--------------------------------------------------------------*/
.et_pb_menu--style-centered .et_pb_menu__menu > nav > ul,
.et_pb_menu--style-centered .et_pb_menu__wrap {
    justify-content: flex-end;
}

.et_pb_menu .et-menu > li {
    padding-left: 20px;
}

.et_mobile_menu {
    border-top: none !important;
    box-shadow: none !important;
    width: 100vw;
}

.et_pb_menu .et_mobile_menu {
    margin-top: 40px !important;
}

.et_mobile_menu li {
    text-align: center !important;
}

/* Supprime les puces */
.neww-menu #mobile_menu1 li {
    list-style: none !important;
    text-align: center !important;
    width: 100%;
    border-bottom: 1px solid black;
}

.neww-menu #mobile_menu1 li:first-child,
.neww-menu #mobile_menu1 li:last-child {
    border-bottom: 0;
}






/*--------------------------------------------------------------
MENU TABLETTE (Brochure sans hamburger)
--------------------------------------------------------------*/
@media (max-width: 980px) {
    .pa-open-mobile-menu .et_pb_menu__menu {
        display: flex !important;
    }
    .pa-open-mobile-menu .et_mobile_nav_menu {
        display: none !important;
    }
}


/*--------------------------------------------------------------
MENU MOBILE
--------------------------------------------------------------*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

.neww-menu .et_mobile_menu {
    border-top: none;
    overflow: scroll !important;
    max-height: 100vh !important;
}

.neww-menu li a:hover {
    background-color: transparent;
    opacity: 1;
}

.neww-menu .et_mobile_menu li a {
    border-bottom: none;
}

/* WPML dans menu mobile */
@media (max-width: 980px) {
    ul .wpml-ls-menu-item a {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
    }
}


/*--------------------------------------------------------------
MENU VERSION “INFO” / FORCÉ EN MOBILE SUR DESKTOP
--------------------------------------------------------------*/

/* Hamburger à droite */
.neww-menu .et_pb_menu__wrap {
    justify-content: flex-end !important;
}

/* Cache version desktop */
.neww-menu .et_pb_menu__wrap .et_pb_menu__menu {
    display: none !important;
}

/* Affiche version mobile sur desktop */
.neww-menu .et_pb_menu__wrap .et_mobile_nav_menu {
    display: block !important;
    align-items: center !important;
}

/* Menu ouvert */
.neww-menu .opened #mobile_menu1 {
    width: 100vw !important;
    position: fixed !important;
    top: 0;
    left: 0;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: visibility .3s, opacity .3s ease-in-out;
    margin: 0 !important;
    padding-bottom: 100px;
}

/* Icône menu ouvert */
.neww-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
    content: "\4d" !important;
    color: black;
}

/* Bar icon au-dessus de tout */
.neww-menu .et_pb_menu__wrap span.mobile_menu_bar {
    z-index: 999999 !important;
}


/*--------------------------------------------------------------
LOGO DANS LE MENU MOBILE
--------------------------------------------------------------*/
li.neww-logo-menu {
    display: flex;
}

#mobile_menu1 > li.neww-logo-menu > a > img {
    width: 120px !important;
    margin: 10px 0 30px !important;
}

@media (max-width: 980px) {
    #mobile_menu1 > li.neww-logo-menu.et_pb_menu_page_id-3785 > a > img {
        width: 100px !important;
        margin-top: 0 !important;
    }
}


/*--------------------------------------------------------------
LAYOUT
--------------------------------------------------------------*/
@media (max-width: 980px) {
    .trois-columns .et_pb_column {
        width: 33% !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .trois-columns-medium .et_pb_column {
    width: 33.33% !important;
  }
}

/*--------------------------------------------------------------
FORMULAIRE
--------------------------------------------------------------*/
.et-pb-contact-message p, 
.et-pb-contact-message ul {
    font-size: .9rem;
    line-height: 1.5em;
    text-transform: uppercase;
}


/*--------------------------------------------------------------
TABS
--------------------------------------------------------------*/
ul.et_pb_tabs_controls {
    background-color: transparent !important;
}

ul.et_pb_tabs_controls::after {
    border-bottom: 1px solid #d9d9d9 !important;
}


/*--------------------------------------------------------------
RECAPTCHA
--------------------------------------------------------------*/
.grecaptcha-badge {
    visibility: hidden !important;
}


/*--------------------------------------------------------------
TOGGLE FOOTER
--------------------------------------------------------------*/


/*--------------------------------------------------------------
LANGUES
--------------------------------------------------------------*/
.gt_switcher_wrapper {
    right: 5px !important;
    bottom: 5px !important;
    background-color: #efedea;
    padding: 0 10px 10px;
}

a.glink {
    text-transform: uppercase !important;
    font-size: 1.1rem !important;
    line-height: 1.4rem !important;
}

@media (max-width: 767px) {
    .gt_switcher_wrapper {
        padding-right: 20px;
        padding-bottom: 15px;
    }
}

/*--------------------------------------------------------------
PROTECTED PAGES
--------------------------------------------------------------*/
.et_password_protected_form {
    margin-top: 10vh;
   margin-right:5%;
    margin-left:5%;
	  background-color: #efedea;
}


.et_password_protected_form.et_password_protected_form p input {
	background-color: #f5f5f5;}


.et_pb_bg_layout_dark .et_pb_slide_description
 {
    text-shadow:none;
}

/*------------------------------------------------------------------
 DIAPO SLIDER ARROW
--------------------------------------------------------------------*/

.et-pb-slider-arrows a.et-pb-arrow-prev,
.et-pb-slider-arrows a.et-pb-arrow-next,
.et-pb-slider-arrows a.et-pb-arrow-prev.et_multi_view__hovered,
.et-pb-slider-arrows a.et-pb-arrow-next.et_multi_view__hovered {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;

}

.et-pb-slider-arrows a.et-pb-arrow-prev,.et-pb-slider-arrows a.et-pb-arrow-prev.et_multi_view__hovered, .et_pb_slider:hover .et-pb-arrow-prev {
  left:0;
 
}

  .et-pb-slider-arrows a.et-pb-arrow-next,.et-pb-slider-arrows a.et-pb-arrow-next.et_multi_view__hovered, .et_pb_slider:hover .et-pb-arrow-next {
    right:0;
}
.et-pb-arrow-next, .et-pb-arrow-prev {
font-size:1.8rem!important;
}

/*--------------------------------------------------------------
 DIAPO BUTTON
--------------------------------------------------------------*/
.et_pb_button_wrapper {
  display:none!important;
}

/*--------------------------------------------------------------
 ROW SLIDER MOBILE
 --------------------------------------------------------------*/
@media (max-width: 980px) {
  .et_pb_slider,
  .et_pb_slider .et_pb_container,
  .et_pb_slider .et_pb_slide,
  .et_pb_slider_container_inner {
    height: auto !important;
    min-height: 0 !important;
  }

  .et_pb_slider_container_inner {
    display: flex !important;
    flex-direction: column !important;
  }

  .et_pb_slide_image {
    width: 100% !important;
    margin-top: 0 !important;
    order: 1 !important;
    position: relative !important;
    overflow: visible !important;
  }

  .et_pb_slide_image img {
    opacity: 1 !important;
    animation: none !important;
    -webkit-animation: none !important;
    max-height: none !important;
    height: auto !important;
    width: 100% !important;
    position: relative !important;
    display: block !important;
    object-fit: cover !important;
  }

  .et_pb_slide_description {
    width: 100% !important;
    order: 2 !important;
    position: relative !important;
  }
}
/*--------------------------------------------------------------
ROW-INVERSE
 --------------------------------------------------------------*/
@media (max-width: 980px) {
  .row-inverse {
    display: flex;
    flex-wrap: wrap;
  }
  .row-inverse .et_pb_column {
    width: 100% !important;
    max-width: 100% !important;
  }
  .row-inverse .et_pb_column:nth-child(1) {
    order: 2;
  }
  .row-inverse .et_pb_column:nth-child(2) {
    order: 1;
  }
}
/*--------------------------------------------------------------
 TAILLE IMAGES DIAPO
--------------------------------------------------------------*/

/*--------------------------------------------------------------
 TEXTE VISIBLE SLIDER
--------------------------------------------------------------*/
@media all and (max-width: 767px) {
    .et_pb_slider .et_pb_slide_content.et-hide-mobile {
        display: block !important;
		padding-bottom:2vh;
    }
}

/*--------------------------------------------------------------
 3 COL TABLETTE
-------------------------------------------------------------- */
@media all and (min-width: 768px) and (max-width: 980px) {
.three-columns .et_pb_column {
width: 33%!important;
  }
  .et_pb_testimonial_description{margin-left:0!important}
}