/*
Theme Name: Homesitting
Theme URI: https://www.portotheme.com/wordpress/porto
Author: Sébastien BONNET
Author URI: https://www.dev4design.com/
Description: Thème enfant pour Homesitting
Version: 1.2
Template: porto
License: Commercial
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

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


/* --------------------------------------------------------------------------------- BODY */

body.page {
    background: url('images/fond-papates.png') repeat-y top center;
    background-position:top center;
  }
#main {
    background: transparent;
}


.vc_row.wpb_row.row.top-row.porto_stretch_css {
    left: calc(50% - 50vw);
    width: 105vw;
}


/* --------------------------------------------------------------------------------- BOUTONS */

a.porto-btn-normal {
    padding: 10px 30px 12px 30px;
    border-radius: 50px;
    /* width: 100%; */
    font-size: 0.9em;
    font-weight: 600;
}


.button-primary .porto-btn, .button-secondary .porto-btn, .button-tertiary .porto-btn {

}

.button-primary .porto-btn {
    background-color: #056780 !important;
    color: #fff !important;
}

.button-secondary .porto-btn {
    background-color: #5faaa6 !important;
    color: #fff !important;
}

.button-tertiary .porto-btn {
    background-color: #FB4627 !important;
    color: #fff !important;
}


.porto-u-sub-heading {
    margin: 0 auto;
    font-size: 1.2em;
    font-weight: 600;
}


.heading-primary .porto-u-sub-heading p {
     color: #056780 !important;
}

.heading-secondary .porto-u-sub-heading p {
    color: #5faaa6 !important;

}

/* --------------------------------------------------------------------------------- HEADER */
.header-wrapper {
    background-color: #ffffffeb;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: calc(100% - 80px);
    margin: 15px 40px;
    border-radius: 6px;
    box-shadow: 0px 0px 25px -5px rgba(0, 0, 0, 0.1);
}


.header-wrapper .vc_column_container.text-right>.wpb_wrapper.vc_column-inner {
        justify-content: flex-end;
}


.header-wrapper .wpb_raw_code.wpb_raw_html.wpb_content_element {
    margin-top: 10px;
    font-size: 1.00em;
    color: #fff;
    font-style: italic;
        margin-bottom: 0;
}

.header-wrapper .sticky-header .wpb_raw_code.wpb_raw_html.wpb_content_element {   
    color: #949599;
}

#header .logo img  {
    min-width: 280px !important;
    padding: 5px;
    width: 100%;
}

header .vc_column_container.text-right {
    padding: 14px 0;
}


ul#menu-menu-principal-fr {
   
}

#header .main-menu > li.menu-item > a {
    background-color: transparent;
    color: #333;
    text-transform: none;
    font-size: 16px;
    font-weight: 700 !important;
}

#header .main-menu > li.menu-item:hover > a, #header .main-menu > li.menu-item.active:hover > a {
    background-color: transparent;
    color: #056780 !important;   
}

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






.header-wrapper .porto-btn {   
    margin-top: 10px;
    /*box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);*/
}

#header.sticky-header .header-main.sticky {   
    box-shadow: 0 0 35px 0 rgb(193 193 193 / 60%);
}


.header-builder-p .button-primary {
        margin-bottom: 0;        
}



#header li.hover-menu {
    background-color: #056780 !important;   
    border-radius: 20px;   
}
#header .main-menu li.hover-menu a, #header .main-menu li.hover-menu:hover a {    
    color: #fff !important;   
    font-size: 0.85em !important;
}


#header .main-menu li.hover-menu2 li a {
 color: #fff !important;  
}



#header .main-menu .narrow ul.sub-menu {
    background-color: transparent;
    box-shadow: none;
}

#header .main-menu .narrow ul.sub-menu li a {
    background-color: #5faaa6 !important;  
    border-radius: 20px;  
    border:0; 
    text-align: center;
    font-weight: 600;
}

#header .main-menu .narrow ul.sub-menu li:first-child a {
    background-color: #056780 !important;      
    border-radius: 20px;
    margin-bottom: 5px; 
}



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

.porto-u-heading .porto-u-sub-heading p {
    margin-bottom: 0;
    font-weight: 600 !important;
    font-size: 1.1em !important;

}

/* ------------------------------------------------- Revolution Slider */
h1.rev-h1 {
    color:#fff;
    font-size: 55px;
    line-height: 1.0em;
}


/* ------------------------------------------------- Slogan */
.home-slogan {
    background-color: #fff;
    margin: -35px;
    position: relative;
    z-index: 9;
    padding: 15px;
    border-radius: 6px;
    border-left: 10px solid #FB4627;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
}

.home-slogan p {
    color: var(--porto-h2-color, var(--porto-heading-color));
    font-size: 1.07em;
}


.home-slogan .button-primary, .home-slogan .button-secondary, .home-slogan .wpb_content_element {
        margin-bottom: 0 !important;      
}



/* ------------------------------------------------- Carousel */
.sejours-carousel img {   
    border-radius: 8px;
    margin-bottom: 10px;
}

.sejours-carousel h5.ville {
    color: #056780;
    font-size: 1.01em;
    margin-bottom: 0;
}

.sejours-carousel .date {
    font-size: 0.9em;
    font-weight: 600;
    color: var(--porto-h2-color, var(--porto-heading-color));
}



/* ------------------------------------------------- Buttons Découvrir le service HOMESITTING®  */


.text-center .wpb_wrapper.vc_column-inner {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    width: auto;
}


/* ------------------------------------------------- Call 2 action */

.with-sep-top::before {
    content: ' ';
    display: block;
    width: 100%;
    height: 100px;
    background-image: url(http://preprod.homesitting.fr/wp-content/uploads/2025/06/sep-top-w.png);
    
    z-index: 99999999;
    position: absolute;
    left: 0;
    top: -2px;
    background-size: contain;
    background-repeat: no-repeat;
        background-size: 100%;
}

.with-sep-bottom::after {
    content: ' ';
    display: block;
    width: 100%;
    height: 100px;
    background-image: url(http://preprod.homesitting.fr/wp-content/uploads/2025/06/sep-bottom-w.png);
    
    z-index: 99999999;
    position: absolute;
    left: 0;
    bottom: -5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
        background-size: 100%;
}



.white-title-photo h3 {
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    font-size: 2.8em;
    font-weight: 600;
}


.vc_do_cta3 {
    background-color: #fff;
    /* margin: -35px; */
    /* position: relative; */
    z-index: 9;
    padding: 25px 35px;
    border-radius: 6px;
    border:0 !important;
    border-left: 10px solid #056780 !important;
    box-shadow: 0px 0px 25px -5px rgb(0 0 0 / 42%) !important;
    padding: 15px  30px !important;
    text-align: left !important;
    font-size: 1em !important;
    
}

.vc_general.vc_cta3 h2, .vc_general.vc_cta3 h4 {
    margin: 0;
    color: var(--porto-dark-color);
    font-size: 1.17em;
    font-weight: bold;
}
.vc_general.vc_cta3 p {
    font-size: 1.1em;
    letter-spacing: 0 !important;
}

.vc_general.vc_cta3 p em {
    font-style: normal;
    color: #5faaa6;
    font-weight: bold;    
}

.vc_general.vc_cta3 .btn-modern.btn-lg {
    font-size: 0.9em;
    padding: 1rem 2.25rem;
    text-transform: none;
    padding: 10px 30px;
    border-radius: 40px;
    border:0;
}

.vc_do_cta3.cta-secondary {   
    border-left: 10px solid #5faaa6 !important;
}

.vc_do_cta3.cta-secondary .btn-modern.btn-lg {   
    background-color: #5faaa6 !important;

}

/* --------------------------------------------------------------------------------- BLOG */


.nav.sort-source.nav-pills li:first-child {
    display: none;
}



.porto-posts-grid .thumb-info-wrapper  { 
    border-radius: 8px;
}


.porto-posts-grid .thumb-info img {
    transition: 0.3s;
    position: relative;
    width: 100%;
   
}

.porto-posts-grid .m-b-lg {
    margin-bottom: 20px !important;
}

.porto-posts-grid h3.porto-post-title {
    font-size: 1.1em;
    line-height: 1.2;
        font-weight: 600;
    letter-spacing: -0.5px;
}

 
.single-post {
 
}

.single-post .post-image.single .img-thumbnail img {
    border-radius:8px;
}




body.single-post .page-top, .archive.category .page-top {
    padding-top:20vh;
    padding-top:20vh;
    margin-bottom: 80px;
}

body.single-post .page-top .col-lg-12, .archive.category .page-top .col-lg-12 {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    border-left: 10px solid #FB4627;
    background-color: #fff !important;
    border-radius: 8px;
    padding: 15px 25px;
    margin-bottom: -40px;
    max-width: 1070px;
}

.page-top ul.breadcrumb {   
    justify-content: left;
}

.single-post section.page-top, .archive.category section.page-top {
  display: inline-block !important;
  position: initial !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 100%;
  text-align: center;
    background-image: url(http://preprod.homesitting.fr/wp-content/uploads/2025/06/header-garde-maison-animaux.jpg?id=159) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

    margin-top: 0;
    border-radius: 0;

}

.single-post .breadcrumbs-wrap {
  display: inline !important;
}


.single-post .page-top .page-title:not(.b-none):after,
.archive.category .page-top .page-title:not(.b-none):after
{
   
    display: none;
}


.single-post .post-block.post-comments {
   display: none;
}


.single-post .entry-content {    
    border-bottom: 0px ;
}






.page-top ul.breadcrumb>li {
   
    text-transform:none;
   
}


.widget.widget-recent-posts  .post-date {    
    display: none;
}


.widget.widget-recent-posts  .post-date {    
    display: none;
}

.widget.widget-recent-posts  span.post-image.thumb-info.thumb-info-hide-wrapper-bg.m-b-md {
    margin-bottom: 10px !important;
}


.widget.widget-recent-posts h4 {
    line-height: 1.2em;
    font-size: 1.1em;
}
.widget.widget-recent-posts .post-item {
margin-top: 25px;
}
.sidebar-content .widget .widget-title {
    font-size: 1.45rem;
    line-height: 1.2;
    text-transform: none;
    margin-bottom: 0.1rem;
}
/* --------------------------------------------------------------------------------- Other pages */
.wpb_single_image img { 
  border-radius: 8px;
}


section.page-top {    
    display: none;
}

.main-content {
    padding-top: 0px;
    padding-bottom: 40px;
}


.breadcrumbs-wrap {
    display: none;
}

.page-top {
background: none;
    border-bottom: none;
    background-color: #fff !important;
    border-radius: 8px;
    padding: 5px 25px;
    margin-top: 20px;
    position: absolute;
    z-index: 9;
    bottom: -50px;
    /* margin-bottom: 50px; */
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    border-left: 10px solid #FB4627;
}

.page-top .page-title {
    color: var(--porto-h1-color, var(--porto-heading-color));
    font-weight: 800;
    text-align: left;
}

.page-top-header::after {
    background-image: url(http://preprod.homesitting.fr/wp-content/uploads/2025/06/papates-blanches.png);
    display: block;
    content: ' ';
    width: 200px;
    height: 200px;
    /* background-color: #a74f4f; */
    background-size: cover;
    right: 5%;
    position: absolute;
    bottom: -20px;
    opacity: 0.9;
}

.page-top .page-sub-title {
    color: #FB4627;
    margin: 0 0 0 0;
    font-weight: 600;
    text-align: left;
}



body.post-type-archive-faq #main,
body.page-id-109 #main,
body.page-id-3 #main,
body.page-id-113 #main,
body.page-id-115 #main,
body.page-id-399 #main
{
    padding-top: 200px;
}



/* -------------------------------------------------------------------------------- TARIFS */

.bloc-tarifs {
    /*box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
    border-left: 10px solid #056780;
    border-radius: 8px;*/
    padding: 5px 25px;
    margin-top: 0px;
}


.liste-tarifs ul {
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0;

}
.liste-tarifs ul li {
    position: relative;
    border-bottom: 1px solid #eaeaea;
    padding: 6px 10px;
    margin: 0 0 0 0;    
}

.liste-tarifs ul li:first-child {
    border-top: 0px;
        background-color: #056780;
    margin-bottom: 0;
    border-radius: 8px;
    color: #fff;
}

    .bloc-tarifs.secondary .liste-tarifs ul li:first-child {       
        background-color: #5faaa6;    
        font-weight: bold;
    font-size: 1.1em;   
    }


.liste-tarifs ul li:first-child strong {
      color: #ffffff;
   
}


.liste-tarifs ul li strong {
    position: absolute;
    right: 10px;
    color: #056780;
    font-weight: 900;
    font-size: 1.1em;
}


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


#footer, #footer p, #footer a  {
    color:#eeeeee;
}

#footer a:hover  {
    color:#fff;
    text-decoration: underline;
}



#footer ul, .wpb_text_column ul li  {  
    list-style: none;  
   
}

.wpb_text_column:not(.liste-tarifs) ul li  {     
        padding: 5px 0; 
 }

 #footer ul li  {     
    padding: 0;   
}

#footer ul li:before,  .wpb_text_column:not(.liste-tarifs) ul:not(.slick-dots) li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  margin-left: calc( 25px * -1 );
  width: 20px;
  color: #2ca517;
}
 ul.slick-dots li:before,  .wpb_text_column.liste-tarifs ul li:before {
    content:''; 
}

#footer h3.porto-sicon-title {
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
}

.login-primary .porto-just-icon-wrapper, .login-secondary .porto-just-icon-wrapper {
    color: #ffffff;
    font-size: 15px;
    background-color: #09809f;
    padding: 10px;
    border-radius: 20px;
}
.login-secondary .porto-just-icon-wrapper {
   background-color: #5faaa6;
    
}

.left-icon .porto-sicon-left .porto-icon, .left-icon .porto-sicon-left .porto-sicon-img {
    margin-right: 10px;
}

h3.porto-sicon-title {   
    line-height: 1.8;
}
html #topcontrol {
    background: rgb(251 70 39);
}
/* --------------------------------------------------------------------------------- RESPONSIVE */

@media (max-width: 1400px) {

}

@media (max-width: 767px) {

    .hide-mobile {
        display: none !important;
    }
    h4 {
        margin-bottom: 0;
    }

    .info-wrapper.porto-adjust-bottom-margin, .porto-btn-ctn-center, .porto-btn-ctn-left, .porto-btn-ctn-right, .porto-map-wrapper.porto-adjust-bottom-margin, .porto-u-list-icon-wrapper.porto-adjust-bottom-margin {
    margin-bottom: 5px;
}

    body.page {
        background: #fff;
    } 
    .row {
    --bs-gutter-x: 15px;
    }

    .header-wrapper {  
    width: calc(100% - 20px);
    margin: 10px 10px;
    }


    /* ------------------------------------------------ Header */
   
    #header.sticky-header .mobile-toggle {
    margin-top: 10px;
    }
    #header.sticky-header .header-main.sticky {
    transition: left .3s;
    padding: 0 10px 10px 0;
    }
    
    /* ------------------------------------------------ Panel */
    #side-nav-panel .accordion-menu>li.menu-item a {
    font-weight: 600;
    padding: 5px 43px 5px 16px;
    }
    /* Rend la croix de fermeture noire */
        .side-nav-panel-close svg line {
            stroke: #000 !important;   /* noir */
        }

    #side-nav-panel .accordion-menu>li.menu-item a {       
        font-size: 1.1em;
    }

    #side-nav-panel .accordion-menu ul.sub-menu {
            display: inline-block;
    }
    #side-nav-panel .accordion-menu li.menu-item.has-sub>a {
        padding-right: 43px;
        margin-top: 0px;
        text-align: left;
        background-color: #17677e;
        color: #fff;
    }
    #side-nav-panel .accordion-menu ul.sub-menu {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    #side-nav-panel .accordion-menu>li.menu-item>a {
    text-transform:none; 
    }


    #side-nav-panel .accordion-menu .arrow {
    right: 0;
    width: 43px;
    display: none !important;
}
    /* ------------------------------------------------ Homepage */
    h1.rev-h1 {
    color: #fff;
    font-size: 25px;
    line-height: 28px;
    }
    .home-slogan {
        display: none;
    }



}