/*
Theme Name: Myrivieragetaways
Theme URI: http://myrivieragetaways.com/
Author: Sébastien BONNET
Author URI: https://www.dev4design.com/
Description: Myrivieragetaways Porto Responsive WordPress 
Version: 1.2
Template: Myrivieragetaways
*/


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


/*https://www.onlinewebfonts.com/download/9366bd460113d8bf675fd2bdfe1ce764*/
@font-face{
    font-family: "The Seasons";
    src: url("fonts/9366bd460113d8bf675fd2bdfe1ce764.eot");
    src: url("fonts/9366bd460113d8bf675fd2bdfe1ce764.eot?#iefix")format("embedded-opentype"),
        url("fonts/9366bd460113d8bf675fd2bdfe1ce764.woff")format("woff"),
        url("fonts/9366bd460113d8bf675fd2bdfe1ce764.woff2")format("woff2"),
        url("fonts/9366bd460113d8bf675fd2bdfe1ce764.ttf")format("truetype"),
        url("fonts/9366bd460113d8bf675fd2bdfe1ce764.svg#The Seasons")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}


/* --------------------------------------------------------------------------------------- TITLES */



/* --------------------------------------------------------------------------------------- STRUCTURE */
.no-breadcrumbs .main-content {
    padding-top: 0px;
}

.page-top .page-title {
    font-weight: 400;
    font-size: 26px;
    margin-top: 36px;
}
.page-top > .container {
    padding-top: 25px;
    padding-bottom: 5px;
}


/* --------------------------------------------------------------------------------------- HEADER */

header#header {
    background-color: #435833;
}

.home #header {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: auto;
    z-index: 1001;
    border-top-width: 0;
    background-color: transparent;
    padding: 20px 0;
}


.header-main .col-md-10.text-right .vc_column-inner {
    justify-content: flex-end !important;
}

#header .main-menu > li.menu-item > a {   
    font-weight: 400;
    line-height: 20px;
    color: var(--porto-primary-color);
    padding: 6px 12px 6px 12px;
    font-family: "The Seasons";
    color: #fff;
    font-size: 16px;
}

#header .main-menu > li.lang-item a { 
    padding: 4px 8px 2px 8px; 
    background-color: #fff;
    color: #435833;
    margin-left: 10px;
}

#header .main-menu > li.lang-item a:before { 
    display: none;
}


#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
    background-color: rgb(67 88 51);
}

#header .main-menu > li.menu-item.active > a {
    background-color: transparent;
}

.current_page_item {
    /*border-bottom: 2px solid;*/
}

.mega-menu.menu-hover-line>li.menu-item>a:before {   
    background: #ffffff;
}


/* ----------------------------------------- Sub Menu */


#header .main-menu .narrow ul.sub-menu {
    background-color: #51693f;
}

#header .main-menu .narrow li.menu-item > a {
    color: #ffffff;
    border-bottom-color: #51693f;
}

#header .main-menu .narrow li.menu-item:hover > a, #header .main-menu .wide li.menu-item li.menu-item:hover > a {
    color: #ffffff;
    background-color: #435833;
}
/* ----------------------------------------- Panel mobile */

#side-nav-panel .accordion-menu>li.menu-item a {
    font-weight: 300;
    padding: 10px 43px 10px 16px;
    font-family: "The Seasons";
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: normal;
}

#side-nav-panel .accordion-menu>li.menu-item ul li a {
    font-family: inherit;
    font-size: 13px;
    line-height: 17px;
}
/* --------------------------------------------------------------------------------------- HOMEPAGE */
.home-title {
    margin-top: 50px;
}

.home-leader {
    /*min-height: 60vh;*/
}

.home-leader img {
       min-width: 100vw;  
}

.home-title {
position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
   /* max-width: 1270px;
    width: 100%;*/
    text-align: left;
}

.home-title h2 {
    font-family: "The Seasons";
    text-transform: uppercase;
    background-color: #fff;
    display: inline-block;
    border-radius: 2em;
    padding: 0.3em 0.8em 0.2em;
    font-size: 2.0em;
    letter-spacing: normal;
    color: #435833;
    font-weight: 300;
    margin-bottom: 12px;
   
}

h1 {
  display: inline-block;          /* Le fond s'adapte à la taille du texte */
  margin: 0 auto;                 /* Centrage horizontal si dans un conteneur en block */
  background-color: #435833;     /* Couleur de fond */
  color: white;                  /* Couleur du texte */
 border-radius: 0.5em;
 padding: 0.2em 0.6em;          /* Un peu de marge intérieure */
  text-align: center;            /* Centrage du texte si multilignes */
}

/* -------------------------------------------------------------------------------------- CIRCUITS */
.porto-ibanner-layer {
    min-width: 85%;
} 

.porto-ibanner-layer p {
    background-color: #fff;
    color: white;
    border-radius: 2em;
    padding: 0.5em 0.8em;
    text-align: center;
    color: #435833;
        font-family: "The Seasons";
    font-size: 18px;
    line-height: 25px;
}

.featured-image img {
    width: 100%;
}

.circuit-header {
    color: #435833;
}

.circuit-content {
   /* font-size: 0.8em;
    line-height: 1.4em;*/
}
.circuit-content li {   
   /* line-height: 1.4em;*/
}

.circuit-content h2 {
    margin-bottom: 10px;   
}

/* --------------------------------------------------------------------------------------- RESERVER */


h3.porto-sicon-title {
    font-size: 1.2em; 
}  

.text-right .porto-sicon-box.default-icon {
    justify-content: flex-end;
}

h4 {
    background-color: #435833;
    color: #fff;
    display: inline-block;
    padding: 5px 12px;
    border-radius: 10px;
}


.share-links a {
   font-size: 40px;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-color: transparent !important;
    color:#435833
}


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


footer#footer {
    border-top: 2px solid #435833;
    padding-top: 20px;
}

.cky-btn-revisit-wrapper {
    display: none !important;
}

/* --------------------------------------------------------------------------------------- RESPONSIVE */
@media (max-width: 1269px) {

    #header .main-menu > li.menu-item > a {    
    font-size: 12px;
}
}

@media (max-width: 575px) {

   
   .home-title {   
    top: 25%;  
    width: 100%; 
}
   
    .home-title h2 {       
    padding: 0.5em 0.8em;
    font-size: 1.15em;
    letter-spacing: normal;
    color: #435833;
    margin-left: 10px;
    line-height: 1.3em;
    margin-bottom: 10px;
   }
   .home-leader {   
    }

    #side-nav-panel .share-links a {
        font-size: 2.8rem;
        color: #fff;
        background: transparent !important;
        width: 30px;
}

.mobile-order-1 {
        order: 1 !important;
    }
    .mobile-order-2 {
        order: 2 !important;
    }

    #footer .wpb_wrapper, #footer .wpb_wrapper p   {
        text-align: center !important;
    }

}