/*
Theme Name:     Le Tournie
Theme URI:
Version:	1.0.0
Description:    Kleo Child theme for Le Tournie Retreat
Author:         Alessandro de Oliveira
Author URI:     aleiveira@gmail.com
Template:       kleo
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/

#main > section > div.container {
    max-width: 100% !important;
    padding-left: 40px;
    padding-right: 40px;
}

.vc_row {
    margin-left: 0px;
    margin-right: 0px;
}

.vc_column_container > .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

.social-header {
    border: none;
    background-color: #262524;
}

#menu-top-menu li a {
    border: none;
}

#menu-top-menu li a {
    color: #eeeeee;
}

#menu-top-menu li a:hover {
    background-color: #716558;
    color: #ffffff;
}

#menu-top-menu .dropdown-menu, #menu-top-menu .dropdown-menu li {
    border: none;
}

#menu-top-menu .tabdrop::before {
    color: #eeeeee;
}

#menu-top-menu .dropdown-menu li a {
    background-color: #262524;
}

#menu-top-menu .dropdown-menu li a:hover {
    background-color: #716558;
    color: #ffffff;
}

.dropdown-menu {
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}

.kleo-main-header .nav > li > a:hover {
    box-shadow: none;
}

.navbar-nav > li > a {
    font-size: 16px;
}

#menu-item-289 a {
    color: #9f1c32;
    font-weight: 500;
}

#menu-main-menu > li:hover {
    background-color: #eeeeee;
}

/* background menu on desktop view */
.navbar-transparent .navbar .kleo-main-header {
/*    background-color: rgba(0,0,0,0.1);*/
}
/* background menu hover on desktop view */
.navbar-transparent.navbar-hover-opacity .kleo-main-header:hover {
    background: rgba(0,0,0,0.1);
}

.navbar-transparent .navbar-nav > li > .dropdown-menu {
    background-color: rgba(38,37,36,0.5);
}

.navbar-transparent .navbar-nav > li > .dropdown-menu li > a:hover {
    background-color: #eeeeee !important;
    color: #534133 !important;
}

.quotation {
    font-size: 1.5em !important;
    font-style: italic;
    text-align: left!important;
}

.quotation-author {
    text-align: right !important;
}

.custom-button-1 a:hover {
    background-color: rgba(255,255,255,0.8) !important;
}

.custom-button-1-dark a:hover {
    background-color: rgba(83,65,51,0.8) !important;
}

.custom-button-red a {
    color: #9f1c32 !important;
    font-size: 1.5em !important;
}

.custom-button-red a:hover {
    background-color: #d5d8da !important;
}

.fancy-vertical-separator-left-dark {
    border-left: 1px solid #534133;
}

.fancy-vertical-separator-left-dark:before {
    background-color: #534133;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -15px;
    left: -3px;
}

.fancy-vertical-separator-left-dark:after {
    background-color: #534133;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: -15px;
    left: -3px;
}

.fancy-vertical-separator-left-white {
    border-left: 1px solid #ffffff;
}

.fancy-vertical-separator-left-white:before {
    background-color: #ffffff;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -15px;
    left: -3px;
}

.fancy-vertical-separator-left-white:after {
    background-color: #ffffff;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: -15px;
    left: -3px;
}

.fancy-vertical-separator-right-dark {
    border-right: 1px solid #534133;
}

.fancy-vertical-separator-right-dark:before {
    background-color: #534133;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -15px;
    right: -3px;
}

.fancy-vertical-separator-right-dark:after {
    background-color: #534133;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: -15px;
    right: -3px;
}

.fancy-vertical-separator-right-white {
    border-right: 1px solid #ffffff;
}

.fancy-vertical-separator-right-white:before {
    background-color: #ffffff;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -15px;
    right: -3px;
}

.fancy-vertical-separator-right-white:after {
    background-color: #ffffff;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: -15px;
    right: -3px;
}

.sidebar-calendar {
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.sidebar-calendar h2 {
    margin-bottom: 0px;
}


@media (max-width: 991px) {
    /* background menu on mobile view */
    .kleo-navbar-fixed.navbar-transparent.on-light-bg #header {
/*        background-color: rgba(0,0,0,0);*/
    }
    .kleo-main-header, .navbar-transparent .kleo-main-header, .kleo-navbar-fixed.navbar-transparent #header {
        position: absolute !important;
    }
    .margin-top-non-desktop {
        margin-top: 40px !important;
    }
}

@media (min-width: 960px) {
    .show-btw-767px-959px { display: none }
}

@media (max-width: 959px) {
    .hide-btw-767px-959px { display: none }
    .show-btw-767px-959px { display: block }
}

@media (min-width: 768px) {
    .hide-above-768px { display: none }
}

@media (max-width: 767px) {
    .align-center-small-device {
        text-align: center;
    }
    .margin-top-non-desktop-map {
        margin-top: 0px !important;
    }
    .show-btw-767px-959px { display: none }
    .hide-btw-767px-959px { display: block }
    .hide-above-768px { display: block }
    .hide-below-767px { display: none }
}

@media (max-width: 489px) {
    .img-align-left-small-device .wpb_single_image.vc_align_center {
        text-align: left;
    }
}

@media (max-width: 399px) {
    .padding-left-small-device {
        padding-left: 15px;
    }
}