@charset "UTF-8";
/*
Theme Name: Teranui
Author: Nicolas Bornet
Author URI: https://nicolasbornet.com/
Version: 1.0
Text Domain: teranui

*/

/*
@font-face {
    font-family: 'Doulos-SIL';
    src:url('/wp-content/themes/teranui/asset/fonts/Doulos-SIL.ttf.woff') format('woff'),
        url('/wp-content/themes/teranui/asset/fonts/Doulos-SIL.ttf.svg#Doulos-SIL') format('svg'),
        url('/wp-content/themes/teranui/asset/fonts/Doulos-SIL.ttf.eot'),
        url('/wp-content/themes/teranui/asset/fonts/Doulos-SIL.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
*/
h3 span {font-family: 'lato',sans-sherif;
color: #6b6b6b;
font-size: 1rem;
display: block;}
.navbar-brand img {max-width: 200px;}
body {font-family: 'lato',sans-sherif;color: #6b6b6b; -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased;}
.home .fa-bars {color: #fff;}
.fa-bars {color:#aaa;}
a, a:hover{text-decoration: none;}
a:hover,.btn-link:hover {color:#0d5668;}
.btn-outline-primary:hover,.btn-outline-primary:disabled:hover {color:#fff;}
.btn-outline-primary:disabled,.btn-outline-primary:disabled:hover { color: #aaa;border-color: #aaa; background: #fff;}
#menu-footer a {color: #666; font-size: 13px}
h1,h2,h3,h4,.thematique-pict .lead {font-family: 'Doulos-SIL',sherif; text-transform: uppercase; font-size: 1.8rem;}
body .hustle-ui .hustle-optin .hustle-layout .hustle-layout-content .hustle-content .hustle-title {font-family: 'Doulos-SIL',sherif; font-size: 1.8rem;}
.content h3,.content h4 {text-transform:none; font-size: 1.5rem}
blockquote {padding-left: 15px;border-left: #1487a2 solid 3px;}
blockquote p {font-style: oblique}
.accordion button {font-family: 'Doulos-SIL',sherif; font-size: 18px;text-transform: uppercase;}
h3{font-size:1.3rem}
h4{font-size:1.1rem}
.wpcf7-form label input {margin-right: 5px;}
.checkbox .form-group,.checkbox .form-group label {margin-bottom: 0;}
#accordionExample button {background-image: url(img/bg-plage-button.png); background-repeat: repeat-x; background-position-y: center;}
span.blue::before,#breadcrumbs > span::before {content: url(img/sepa-blue.png); margin-right: 3px;}
.thematique-pict .lead {text-transform:capitalize;}
.btn {border-radius: 0; padding: 1rem 1.5rem;}
.home nav.bgd-white ul#menu-menu-haut > li > a {color: #fff; text-transform: uppercase; font-weight: 300;}
.menu-item-has-children > ul > li:hover > a {color:#333;}
nav.bgd-white a {color: #333; text-transform: uppercase; font-weight: 300;}
img.wp-post-image {max-width: 100%;height: auto;}
.menu-item-has-children {
    position: relative;
    display: inline-block;
}
.alert-warning {background-color: transparent; border-color:transparent;}

.border a p {color:#6c757d;}
h1.ombre {
  text-shadow: 2px 2px 4px #000000;
}
.btn.read-more {text-transform: uppercase;}
ul.sub-menu {
    display: none;
    position: absolute;
    background-color:#fff;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,.2);
    z-index: 1;
    padding-left: 0;
    list-style: none;
    text-align: left;
}
li.menu-item a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
#menu-social li.menu-item {margin-right: 0;}
#menu-social li.menu-item a {
    padding: 5px;
}
ul.diamond li a {display: inline-block;}

ul.diamond > li:not(:last-child)::after {content: url('img/diamond.svg'); margin-left: 10px;}
ul.sub-menu a:hover {background-color: #fff; }
.menu-item-has-children:hover > .sub-menu {display: block;}
.menu-item-has-children:hover .menu-item-has-children {width: 100%}
.menu-item-has-children > .sub-menu:hover  {display: block;}
.sub-menu .sub-menu {top: 0;
  left: 200px;}
.shadow {-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1)!important;
box-shadow: 0 0 10px 0 rgba(0,0,0,.2)!important;}
.bgd-dark.trans20 {background:rgba(0,0,0,.1)}
.bgd-white.trans20 {background:rgba(255,255,255,.2)}
.bgd-white.trans50 {background:rgba(255,255,255,.6)}
footer .jumbotron {padding: 10px; background: #f7f7f7;}
#social li a i {border: 2px solid #555; border-radius: 50px;padding: 8px;width: 35px;height: 35px;font-size: 20px; line-height: 14px;}
#menu-footer {margin-bottom: 0;}
.thematique-pict {min-height: 240px; color: #fff;}
.heateorSssSharing (margin: 0 10px;)
.thematique-pict .intro,.thematique-pict:hover .intro,.thematique-pict:hover,.thematique-pict {-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
.thematique-pict .intro {height: 0; overflow: hidden}
.thematique-pict:hover .intro {height: auto;}
.thematique-pict {box-shadow:inset 0 0 0 150px rgba(0,0,0,0.0)}
.thematique-pict:hover {box-shadow:inset 0 0 0 150px rgba(0,0,0,0.5)}
.thematique-pict .lead{font-size: 30px; margin-bottom: 0;}
.divider { height: 1px; background: #fff; width: 100px; margin: 0 auto 5px auto;}
.lgt {font-weight: 300;}
.box {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width: 80%;
}
.home .carousel-item {
    height: 100vh;
    min-height: 600px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.home .title-home {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color:#fff;
    font-family: 'Doulos-SIL';
    text-shadow: 1px 1px 1px #000000;
    font-size: 150%;
    height: 100vh;}
.home .title-home p,.home .title-home h2{display: block;}
.home .select-home{
    margin-top: 10vh;
    z-index: 2;
    width: 100%;
    text-align: center;
    color:#fff;
    font-size: 150%}
.home .carousel-control-prev, .carousel-control-next {z-index: 30;}
.carousel-control-prev, .carousel-control-next {top: 0;}
.home .carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.home .carousel-fade .carousel-inner .active {
  opacity: 1;
}

.home .carousel-fade .carousel-inner .active.left,
.home .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.home .carousel-fade .carousel-inner .next.left,
.home .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.home .carousel-fade .carousel-control {
  z-index: 2;
} 
@media all and (transform-3d), (-webkit-transform-3d) {
    .home .carousel-fade .carousel-inner > .item.next,
    .home .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .home .carousel-fade .carousel-inner > .item.prev,
    .home .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .home .carousel-fade .carousel-inner > .item.next.left,
    .home .carousel-fade .carousel-inner > .item.prev.right,
    .home .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.home .dropdown-content {
  display: none;
  position: absolute;
    max-width: 332px;
    min-width: 332px;
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.home .dropdown-content a {
  color: black;
  padding: 0 16px;
  text-decoration: none;
  display: block;
}
.home .dropdown:hover .dropdown-content {display: block;}

.btn-primary:hover {background: #6b6b6b; border-color: #6b6b6b;}
.panorama {height: 530px;}
.panorama >div {bottom: 20px;width: 100%;text-align: center;}
.home .select-home .form-control,.home .dropdown button {background-color: rgba(0,0,0,.5); color: #fff; text-transform: uppercase; font-size:15px; font-weight: 300;
    border: none;border-radius: 0;-webkit-appearance: none; /* for webkit browsers */
    -moz-appearance: none; /* for firefox */
    appearance: none; /* for modern browsers */
height:auto; padding: 15px 10px;}
.dropdown-toggle::after {float: right;
border-top: .6em solid;
border-right: .6em solid transparent;
border-bottom: 0;
border-left: .6em solid transparent;
margin-top: 6px;}
.dropdown .btn-primary:hover {background-color: rgba(0,0,0,.8)}
.menu-item-has-children .sub-menu .menu-item-has-children > a::after {
    position: absolute;
    content: "";
    top: 18px;
    right: 5px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #777 transparent transparent transparent;
    transform: rotate(-90deg)
}
.select-home .select option{
    font-size:18px;
    background-color:#aaa;
}
.category .col-md-4.list-hotel {padding: 0 11px;}
.accordion button,.accordion button:hover {text-decoration: none;}
.modal-wrapper.styled .modal {
    padding: 0;
    border: none;
    width: inherit;
    cursor: default;
    height: auto;
    background-color: transparent;}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {text-align: center;}

.modal-wrapper.styled {
    background-color: 
        rgba(0, 0, 0, 0.6);}
.modal.container {max-width: 900px;}
.modal-wrapper.styled .modal ol li {list-style: none; margin-left: 0}
.modal-wrapper.styled .modal ul li, .modal-wrapper.styled .modal ol li{padding-bottom: inherit;}
/*.carousel-control-prev:hover,.carousel-control-next:hover {background-color: rgba(255,255,255,0.2);}*/
.modal-wrapper.styled .modal .close-modal {z-index: 100; border-radius: 50%; background: #fff; width: 30px;height: 30px;line-height: 1.0em;font-size: 1.5em;}
.carousel-caption h3 {text-shadow: 0 2px 2px #4A4A4A;}
ul.tag.list-unstyled > li {padding-right: 5px;padding-left: 5px;border-right: 1px solid #aaa;}
ul.tag.list-unstyled > li:last-child {border-right:none;}
.modal-wrapper.styled .wp-post-modal {background-color: transparent;border: none;}
.modal-wrapper.styled .wp-post-modal ol li {list-style: none; margin-left: 3px; padding-bottom: 2px;}
.modal-wrapper.styled .wp-post-modal .close-modal {color: #fff;}
.modal-wrapper.styled .wp-post-modal .close-modal {z-index: 99999;}
.close-modal:focus {outline: none;}
.wp-post-modal [class^="flaticon-"]::before {margin-left: 0;}
.timeline::before {top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 1px;
background-color: #dee2e6;
left: 50%;
margin-left: -1.5px;}
.bullet {border-radius: 50px; width: 10px; height: 10px; background-color: #dee2e6;margin: 0 auto;}
.itineraire .divider { border-bottom:1px solid #6b6b6b; width: 65px;}
.itineraire p { margin-bottom: 0;}
.itineraire img {overflow: hidden; max-width: 100%}
.itineraire.un .photo {top:0; right: 0; margin-top:-60px; z-index: 0;}
.itineraire.deux .photo {top:0; left: 0; margin-top:-30px; z-index: 0;}
.itineraire.trois .photo {z-index: 0;}
.itineraire.trois .texte {margin-top:-150px; z-index: 1;}
.itineraire .texte {z-index: 1; line-height: 1.25rem}
.itineraire .texte .h3 {text-transform:inherit;}
.itineraire .texte strong {font-weight: inherit;}

@media (max-width: 768px) {
    .panorama {max-height: 250px;}
}