/*!
Theme Name: 	SABA
Description: 	Bootstrap theme
Version: 		1.0
Author: 		vibrationpixel.com
Author URI: 	http://www.vibrationpixel.com
Tags: 			SABA
*/

/*



*/
body {
    font-family: 'tablet-gothic',sans-serif;
    font-size: 1rem;
    color:#666;
}
a {text-decoration: none !important; color:#8cbdc5; }
a:hover, a:focus, a:active { color:#77cfdb; }
h1,h2,h3,h4,h5,h6 {
    font-family: "fragment";
    color: #00583d ;
}

h5 {
    font-weight:bold !important;
}
small { font-size:.7rem}
.uppercase {text-transform:uppercase; }
.bold { font-weight:bold !important; }
.header { background: url('/wp-content/uploads/2022/01/header-bg.jpg') no-repeat; background-size: contain; }
.header i { font-size: 1.5rem; }
.bg-light{ background:transparent !important; border-bottom:#fff solid 1px; }

.nav-item { text-transform: uppercase;  color:#000 !important; background:#fff;   font-family: 'tablet-gothic',sans-serif; font-size:14px;}
.navbar-nav > .nav-item {  border-right:solid #003623 1px;}
.navbar { padding-top : 1rem !important;}

.block-logo { display:block; text-align:center; width: 100%;}
.logo-saba{ height:75px; text-align: center ; margin : 30px 10px 30px 10px; }

/*#############*/

.dropdown-menu a { color: inherit !important; font-size: 1rem !important; }
.dropdown-menu a i { color: inherit !important; font-size: 1rem !important; }
.dropdown-menu a:hover { color: #fff !important; font-size: 1rem; }
.dropdown-menu { border: 0px; border-radius: 0px; box-shadow: 0px 0px 5px #ccc;   background: #03593e !important; color:#fff !important; text-transform: none !important; }

.dropdown-menu .nav-item a { text-transform: none; color:#333; }

.dropdown-menu.megamenu  .nav-item a { color: #fff !important; }
.border-r { border-right:1px solid #AFD8DB; padding: 0px 25px; }
.noborder-r { padding: 0px 25px; }
.megamenu .nav-item.active a  {  color:#fff ; font-size: 1.2rem; }
.megamenu .nav-item.active a:hover  {  color:#fff ; font-size: 1.2rem ; }
.megamenu ul li { list-style: none !important; }
.dropdown:hover .dropdown-menu{
    display: block;
}
.dropdown-menu{
    margin-top: 0;
    top:inherit !important;
}
.dropdown-menu h4 a, .dropdown-menu h4 a:hover { font-size: 1.5rem !important; color:#8cbdc5 !important; }

.footer-cities {
    padding: 10px 40px !important;
    font-size:60% !important;
    
}


/*#############*/
.menu-block-excerpt { background: #9dc3c6; padding: 15px; }
.menu-block-excerpt a:hover { color:#fff !important; }
.nav-item:hover {  color:#ba905c !important;}
.nav-item:focus { background: #fff;  color:#ba905c !important;}

.top-bar__navigation .submenu { min-width:280px; padding:15px;}
.top-bar__navigation .submenu li {  padding: 0px 15px;}

.top-bar__navigation .submenu li a:hover{ transition: color .3s !important; color:#a9df3d !important;}

#breadcrumbs {
    /*margin-bottom: 50px;*/
}
#breadcrumbs span {
    font-size: .8rem;
}#breadcrumbs a {
     color:#8cbdc5;
 }

.white  { color:#fff !important; }
.white h1,.white h2 ,.white h3 ,.white h4 ,.white h5 ,.white h6  { color:#f2f2f2 !important; }
.shadow * { text-shadow: 2px 2px 2px #000; }
.box-shadow  { box-shadow: 0px 0px 5px #ccc; }
.navbar-nav {  letter-spacing: 0.025rem;}
.custom-html-widget {
    color:#fff; text-align:center;
}
.item-news:hover {
    opacity: 0.8;}
helvetica-uppercase { font-size: "helvetica", sans-serif; text-transform: uppercase; }
.footer .footstyle { padding: 30px; color:#fff;}
.footer h5 { font-size:1.8rem; }
#scrolltop {

    z-index: 999999999999;
    display: none;
    cursor: pointer;

    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: #8cbdc5;
    color: #fff;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    padding:7px 10px;
}

.footer-bottom { color:#3c4660 !important; padding: 0px !important; text-align: center; }
.footer-bottom p { font-size : .8rem }
.footer-bottom a { color:#3c4660 !important;  }
.footer-bottom a:hover { color:#81bdc4 !important;  }
#scrolltop:hover {
    background-color: #556841;
    color: #fff;
}
.helvetica { font-family: 'helvetica', sans-serif !important;}



.frog-illu {  padding:20px 20px 0px 20px;}
.illu-arrow { width: 60%; text-align: center; margin:auto;}
.illu-tiret { width:70%; text-align: center; margin: auto; }

.block-summary {
    border-bottom: solid 1px #dbddd9;
}
.block-summary:last-of-type {  border:none;}
.block-summary .vc_column-inner { padding-top:0px !important;}
.block-summary .vc_column-inner img { padding-top:20px !important;}
.block-summary .wpb_content_element { margin-bottom:20px !important;}

.block-info {
    background: #03593e !important;
}

.block-info-vous {
    background: #block-info !important;
}
.block-info-vous h2 , .block-info-vous p { color:#FFFFFF !important; }
.block-info h2 {
    color: #8cbdc5 !important; font-size:1.5rem;
}
.block-info-vous a, .bg-jaune a { color:#627f6f; }
.block-info-vous a:hover, .bg-jaune a:hover { color:#47594f; }
.vc_tta-title-text {
    color: #03593e !important; font-size:1.5rem;
}
.nous h3 {
    color:#8cbdc5;
}
.abuget {
    font-family:'abuget',serif !important;
    line-height: 50px;
}
.bg-cover-size .vc_column-inner {     background-size: auto !important; background-position: 50% 50%;}
.turquoise { color:#8cbdc5; }
.jaune { color:#d4a504; }
.video-title h2 { padding: 20px 0px 15px 0px; text-align: center;}
.btn-firm { background:#d4a504 !important; border-radius:0px; color:#fff;  }
.btn-firm:hover {  color:#6c5113;  }
.btn-turquoise button:hover { background:#77cfdb !important; }
.btn-marron button:hover { background:#cb947b !important; }
.page-id-2 footer { padding-top: 0px !important;}
.vc_custom_1658785535197 {
    padding-top:0px !important; padding-bottom: 0px !important;
}
.dashed-left {width: 100%;
    height: 1px;
    background-image: linear-gradient(to left, #ccc 0%, #ccc 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-y; }

.vc-hoverbox-front-inner h2{ color:#fff; font-size:1.1rem !important; padding: 10px }
.vc-hoverbox-back-inner h2 { font-size:1.2rem; font-weight:bold }
.vc-hoverbox-front { justify-content: end;}
.vc-hoverbox {min-height:400px;}
.vc-hoverbox-block-inner { padding: 20px;}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {color:#fff !important; background:#8cbdc5 !important; font-size:1.5rem;  }
.territoire .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { color:#fff !important; background:#6a816e !important; font-size:1.5rem;  }
.territoire.arc .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { color:#fff !important; background:#b8c58c !important; font-size:1.5rem;  }
.territoire.cadieres .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { color:#fff !important; background:#cea07c !important; font-size:1.5rem;  }
.territoire.touloubre .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { color:#fff !important; background:#bd8c97 !important; font-size:1.5rem;  }
.vc-hoverbox-block .vc-hoverbox-back { background:#e9c278 !important;}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-title-text {color:#fff !important; }
.vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {border-color:#fff !important; }
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {background:#f1f5f6 !important; }
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {color:#fff !important; background:#d4a504 !important; font-size:1.5rem;  }
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-title-text {color:#fff !important; }
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {border-color:#fff !important; }

a.vc_gitem-link {font-family:'fragment' !important; color:#00583d !important;}
.vc_gitem-col {padding:20px 20px 5px 20px !important;}
.vc_pageable-load-more-btn {display:none !important;}


.wpcf7-submit {
    background: #e9c278;
    color: #fff;
    border: 0px;
    padding: 5px 15px;
    width: 150px;
    float: right;
    margin-right: 90px;
    margin-bottom: 20px;
}
/*.vc_cta3-content-header { text-shadow: 0px 0px 2px #333; } */
.wpcf7-not-valid-tip {
    color:#e3944d;
}

.wpcf7-response-output { color:#fff !important;}
.contact-form label {
    color:#333 !important;
    margin-bottom: 10px;
    text-align: left;
}
.tiret {     border-right: 0px #ccc solid;}
.ml-3 {margin-left: 30px;}
.ml-2 {margin-left: 20px;}
.ml-1 {margin-left: 10px;}
.left { float:left; margin-right:15px !important; }

.list-group-item{
    background: transparent !important;
    padding-left:0px;
}
.list-group-item a{
    color:#fff !important;
}
.footer a i { font-size:2rem; }
.footer a:hover { color:#81bdc4 !important; }

.resources .vc_btn3-style-gradient-custom {
    font-family: 'denver',sans-serif !important;
    font-size: 2rem !important;
}

.btn-territoires   a {  padding-left:12px !important; padding-right:12px !important; }
.btn-touloubre a { padding-left:9px !important; padding-right:9px !important;}
.fond-clair {
    background:#ebe2c8 !important;
    padding: 20px !important;
}
/* Menu fixed side right */

#menu {
    position: fixed;
    right: 0;
    top: 40%;
    width: 6em;
    margin-top: -2.5em;
    z-index:999999999999999 !important;
}
#menu li {   background: rgba(140,189,196,0.7); list-style: none; padding:10px; }
#menu li:hover {   background: rgba(140,189,196,1);  }
#menu li#yellow {   background: rgba(212,165,4,0.7); list-style: none; padding:10px; }
#menu li#yellow:hover {   background: rgba(212,165,4,1);}

.vc_grid-item-mini { box-shadow: 0px 0px 10px #ccc;}
.mansonry-actu .vc_btn3-size-md { background: #d4a504 !important;  color:#fff !important;}
.mansonry-actu .vc_gitem-post-data-source-post_date { font-size:.8rem;  color:#ccc !important;}
.mansonry-actu h4 {   color:#00583d !important;}
.block-post p { margin-bottom: 0px !important;}

strong { font-weight: bolder; }
.text-home-1 div div { font-size:1.5em; }
.home-block-abso {
    height: 400px !important; width: 100% !important; position: absolute !important; z-index: 0; margin-top: -30px !important;
}
.responsive-padding { padding: 30px; }
.responsive-padding-btn { padding: 30px 0px;}
.mobile-map {
    width:100%;
    height:50vh;
}
#breadcrumbs {
    margin-bottom: 30px;
}
/******************** MOBILE*********************/
@media (max-width: 766.98px) {
    .responsive-padding { padding: 0px; }
    .mobile-padding { padding: 5px !important; margin-left:0 !important; margin-right:0 !important;}
    #menu { display: none;}
    .responsive-center { text-align: center; }
    .frog-illu {  padding: 50px 50px 0px 50px;}
    .title-nous { font-size: 3rem !important;}
    .helvetica-uppercase { text-align: center !important;}
    .mobile-space { padding-top:50px; font-size:4rem !important;}
    .mobile-padding {margin-top:30px;}
    .mobile-center { text-align:center !important;}
    .block-marine {padding-left:0px; }

    .vignette { padding: 30px;}
    .vignette img {width: 50% !important; }
    .vignette-single img {width: 100% !important; }
    #breadcrumbs {
        margin-bottom: 30px;
    }
    .text-home-1 div div { font-size:1.5em !important; }
    
    .no-mobile { display:none !important;}
    .mobile-height img {height:150px !important; width:150px !important;}
    h1 {font-size :3rem !important;}
    .logo-saba {height:60px !important; margin: 15px 10px 15px 10px !important;}
    .actutitle {font-size: 2rem !important; padding-top: 20px;}

}
.grecaptcha-badge { display:none !important;}
.footer-bottom .textwidget p { margin-bottom :0px;}
.textwidget p {font-size:0.8rem;}
.footer li {font-size:0.8rem !important}

.menu-arc {background: #b8c58c; padding-top: 0px; }
.menu-cadiere {background: #cea07c;padding-top: 0px; }
.menu-touloubre {background: #bd8c97; padding-top: 0px;}

.menu-arc .vc_column-inner { padding-top: 15px; padding-bottom: 10px; }
.menu-cadiere .vc_column-inner {padding-top: 15px; padding-bottom: 10px; }
.menu-touloubre .vc_column-inner { padding-top: 15px; padding-bottom: 10px;}

/******************** IPAD mini*********************/
@media (max-width: 767.98px) {
    .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading
    .text-home-1 div div { font-size:1.5em; }
    .navbar {
        float: left;
        position: absolute !important;
        margin-top: 30px;
        display:block;
        top:0;
        left:0;
        z-index:2000;
        margin-left: -12px;
    }
    .navbar-light .navbar-toggler {
        border : none !important;
        margin-left:25px;
    }
    .navbar-collapse {
        margin-top: 35px !important;
        position: relative;
    }
    .nav-link {
        padding: 30px !important;
        border-bottom : solid 1px;
        text-align:center;
    }
    .navbar-nav > .nav-item {
        border-right:none !important;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        width: 100vw;
}

/******************** IPAD PORTRAIT *********************/
@media (min-width: 768px) and (max-width: 991.98px) {


}

/******************** IPAD PAYSAGE *********************/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

/******************** DESKTOP *********************/

@media (min-width: 1199.98px) {
    .fat h1 {
        font-size:4em !important;
    }
    .mobile-map {
        width:100%;
        height:700px !important;
    }

    .nav-item.active { background: #003623; color:#fff !important; }
    .nav-item.active p a  { color:#fff !important ; font-size: 1rem !important; }
    .nav-item.active p a:hover  { color:#fff !important ; font-size: 1rem ; }
    .nav-item.active a.dropdown-toggle  { color:#fff !important; }
    
}

@media (min-width: 1280px) {

}

@media (min-width: 2000px) {

}