/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

@font-face {
    font-family: greta;
    src: url('css/fonts/Greta-Text-Pro-Regular_21531.ttf');
}

@font-face {
    font-family: asty_bold;
    src: url('css/fonts/asty_cf_std_bold/CFAstyStd-Bold.otf');
}
@font-face {
    font-family: asty_bold_oblique;
    src: url('css/fonts/asty_cf_std_bold_oblique/CFAstyStd-BoldOblique.otf');
}
@font-face {
    font-family: asty_book;
    src: url('css/fonts/asty_cf_std_book/CFAstyStd-Book.otf');
}
@font-face {
    font-family: asty_bold_book_oblique;
    src: url('css/fonts/asty_cf_std_oblique/CFAstyStd-BookOblique.otf');
}
@font-face {
    font-family: asty_light;
    src: url('css/fonts/asty_cf_std_light/CFAstyStd-Light.otf');
}
@font-face {
    font-family: asty_light_oblique;
    src: url('css/fonts/asty_cf_std_light_oblique/CFAstyStd-LightOblique.otf');
}
@font-face {
    font-family: asty_medium;
    src: url('css/fonts/asty_cf_std_medium/CFAstyStd-Medium.otf');
}
@font-face {
    font-family: asty_medium_oblique;
    src: url('css/fonts/asty_cf_std_medium_oblique/CFAstyStd-MediumOblique.otf');
}
.blue-header-font-family{
    font-family: greta;
}

#datepicker-button, #reserve-button{
    background-color: transparent !important;
    color: #222;
    width: 100%;
}

.button--datepicker {
    margin-top: 0;
}

.pe-7s-angle-right{
    font-size: 100px;
}
.pe-7s-angle-left{
    font-size: 100px;
}
.remove-pd .cascading-image:first-child{
    padding: 5% !important;
}



.room__content.room__content--listing {
    display: none;
}

.room__price-wrapper.room__price-wrapper--listing {
    display: grid;
    grid-template-columns: 50% 50%;
    text-align: center;
}
.button.button--add-to-cart{
    display: none;
}
.main-content ul{
    margin: 0;
}

.button.button--add-to-cart {
    color: #222;
    border-bottom: 1px solid;
}
.datepicker__close-button{
    background-color: #9c834b  !important;
    color: #fff;
    padding:10px 15px !important;
    border: none;
}
.datepicker__close-button:hover{
    opacity: 0.9;
}

.testimonials-section .testimonial_slider {
    background: rgba(0,0,0,0.5);
    padding-top: 20px;
}
.datepicker__months:before {
    background: none;
    display: block;
    position: relative;
}


/* body:not(.woocommerce-cart) .main-content table {
    width: auto;
} */

.controls {
    display: none;
}

.margin-top--10{
    margin-top: 10px;
}
.flush-mr--left{
    margin-left: 0 !important;
}
.z-index--9999{
    z-index: 999999999 !important;
}
.float--right{
    float: right !important;
}
.widget_wpdev_booking.months_num_in_row_1 > a {
    display: none;
}

.selected-nights {
    display: block;
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*  3D Button START */


nav a:hover,
nav a:focus {
	outline: none;
}
.cl-effect-2 a{
    cursor: pointer;
}

.width--100{
    width: 100px;
}
.width--155{
    width: 175px;
}
.width--195{
    width: 195px;
}
/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.cl-effect-2 a {
	line-height: 44px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
    perspective: 1000px;
    color : #fff;
    padding: 10px 0;
}
.cl-effect-2 a:hover{
    color: #9c834b;
}
.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 0 14px;
    background: #fff;
    color:#9c834b;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border: 4px solid #9c834b;
    text-align: center;
}

.csstransforms3d .cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: -5px;
	width: 101%;
	height: 105%;
    background: #9c834b;
    color: #fff;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    border: 4px solid #9c834b;
}
.csstransforms3d .cl-effect-2 a .extra-width--109::before {
    width: 101%;
}
.csstransforms3d .cl-effect-2 a .extra-width::before {
    width: 101%;
}
.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
    background: #9c834b;
}
div > nav {
	text-align: center;
}
/*  3D Button END */
#book-button {
    background: #9c834b !important;
}
header#top nav ul li a {
    color: #9c834b;
}

#lottie {
    width: 250px;
    margin-top: 60px;
}

#footer-widgets .row {
    padding-top: 0;
}

.fancy-box-height .nectar-fancy-box .box-bg{
    height: 240px;
}

.hotelier li{
    list-style: none !important;
}

.display--none{
    display: none;
}
.custom-box-padding {
    padding-right: 20%;
    padding-left: 12%;
}
#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a{
    opacity: 1;
}
#mailpoet_form_1 .mailpoet_validate_success{
    color: #9c834b;
    font-weight: bold;
}
.lagonisi-btn{
    background-color: #9c834b !important;
    border-radius: 0;
    padding: 5px 15px;
    color: #fff !important;
}
.lagonisi-btn:hover{
    opacity: 0.9;
}
#cookie-notice{
    border-top: 1px solid #9c834b;
}
#cn-notice-text{
    font-size: 14px;
}
.lines:before, .lines:after{
    background-color: #9c834b !important;
}
.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines{
    background-color: #9c834b !important;
}
li.listing__room.post-55.room.type-room.status-publish.has-post-thumbnail {
    display: none;
}

tfoot.reservation-table__footer {
    display: none;
}
th.reservation-table__room-cost.reservation-table__room-cost--heading {
    display: none;
}
td.reservation-table__room-cost.reservation-table__room-cost--body {
    display: none;
}
ul.flex-direction-nav a {
    background: #243D71 !important;
}
#book-now-button-menu{
    position: absolute;
    left: 0;
}
.transparent .cl-effect-2 a span {
    background: transparent;
    border-color: #fff;
    color: #fff;
}
.transparent .cl-effect-2 a span::before{
    top: 102%;
}
.float-calendar{
    background: #9c834b;
    width: 85px;
    height: 85px;
    color: #fff;
    border-radius: 50%;
    position: fixed;
    right: 20px;
    bottom: 40px;
    cursor: pointer;
    display: none;
    color: #fff;
    box-shadow: 4px 0px 13px #9c834b;
}
.float-calendar i{
    width: 100% !important;
    height: 20px;
    color: #fff;
}
.float-calendar p{
    font-size: 12px;
    padding: 9px;
    margin-top: 25px;
    color: #fff;
    position: absolute;
}
/* .hover-btn-custom{
    display: none;
}

.overlay {
    position: absolute;
    height: 94%;
    width: 98%;
    background: #fff;
    z-index: 999999;
    opacity: 0.6;
    right: 27px;
    display: none;
} */
a.tooltips {
    position: relative !important;
    display: inline !important;
}
a.tooltips span {
    position: absolute !important;
    width:140px !important;
    color: #ffffff !important;
    background: #9c834b !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
    visibility: hidden !important;
    border-radius: 6px !important;
}
a.tooltips span:after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    margin-left: -8px !important;
    width: 0 !important; height: 0 !important;
    border-top: 8px solid #9c834b !important;
    border-right: 8px solid transparent !important;
    border-left: 8px solid transparent !important;
}
a:hover.tooltips span {
    visibility: visible !important;
    opacity: 0.8 !important;
    bottom: 30px !important;
    left: 50% !important;
    margin-left: -76px !important;
    z-index: 999 !important;
}
.hide-mobile{
    display:none !important;
}


.border-circle {
    width: 60px;
    height: 60px;
    border: 6px solid #9c834b;
    border-radius: 50%;
    margin-left: 15%;
    margin-bottom: -20px !important;
    background-image: radial-gradient(circle at center , #9c834b 50%, transparent 50%);
    background-repeat: no-repeat;
    transition: background-size .5s, color .5s;
    background-position: 50% 50%;
    background-size: 0% 0%;
}
.border-circle:hover {
    background-size: 200% 200%;
}
#border-circle-text {
    float: right;
    color: #9c834b;
    font-family: greta;
}
.vertical-lines {
    color: #9c834b;
    font-size: 50px;
    transform: scaleY(2.5);
    font-weight: 100;
    letter-spacing: -30px !important;
    margin-left: 40px;
}
.slash-lines-wrapper{
    transform: rotate(20deg);
}
.slash-lines {
    color: #9c834b;
    font-size: 50px;
    transform: scaleY(3.5);
    letter-spacing: -5px;
    margin-top: 0px;
    margin-left: 85px;
    font-weight: 100;
}
.btn-mr-top{
    margin-top: 15px;
}
#hotelier-datepicker .minimal-form-input {
    padding-top: 0;
}

.datepicker-form {
    margin-top: 48px;
    padding-bottom: 30px;
}
.hotelier-notice{
    background-color: #9c834b;
}

@media only screen and (max-width: 1000px) {
    .hide-mobile{
        display: block !important;
    }
}

@media only screen and (min-width: 560px) {
    #month-1-hotelier-datepicker-select {
        width: 345px;
    }
    #month-2-hotelier-datepicker-select {
        width: 345px;
    }
    .datepicker__inner {
        padding: 8px;
    }


    #datepicker-hotelier-datepicker-select{
        width: 134%;
        margin-left: -14%;
    }

    .datepicker__months{
        display: flex;
    }
}


@media only screen and (max-width: 1025px) {
    .custom-box-padding {
        padding: 0 5%;
    }
    
}


/* Push video to top, because menu pushed it down in mobile and it extended below full-screen-row */
@media only screen and (max-width: 1000px) {
    .tp-videoposter.noSwipe {
        top: -103px !important;
    }
}
@media only screen and (min-width: 1900px) {
    #header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a{
        margin-left: 50px !important;
        margin-right: 50px !important;
    }
}
.container-wrap {
    padding-bottom: 0 !important;
}

#footer-outer {
    margin-top: -1px
}

.cancel-reservation {
    margin-bottom: 4% !important;
}

/* vc kit custom button*/

.vckit-btn{
    padding: 1em 2em !important;
}

.vckit-btn.vckit_custom_class_hardcode {
    background-color: rgba(255,255,255,0.01);
}
.vckit-btn.vckit_custom_class_hardcode {
    border-color: #9c834b;
}
.vckit-btn.vckit_custom_class_hardcode {
    color: #9c834b;
}

.vckit-btn.vckit_custom_class_hardcode:hover {
    background-color: rgba(255,255,255,0.01);
}

.vckit-btn.vckit_custom_class_hardcode:hover {
    border-color: #9c834b;
}
.vckit-btn.vckit_custom_class_hardcode:hover {
    color: #ffffff;
}


.vckit-btn.vckit_custom_class_hardcode {
    color: #9c834b;
}


.vckit-btn.vckit_custom_class_hardcode::before, .vckit-btn.vckit_custom_class_hardcode:hover::before {
    background-color: #9c834b;
}


.book-now-float--right .vckit-btn-container.vckit-btn-inline{
    float: right;
}


.book-now-float--right .vckit-btn-container.vckit-btn-inline *{
   z-index: 99999;   
}
#send-email, #datepicker-click-button, #send-request-click-button, #reserve-click-button{
    cursor: pointer;
}

#custom_html-3 p {
    padding-bottom: 5px !important;
}

.seconday-btn {
    background-color: #9c834b !important;
    color: #fff !important;
    padding: 10px 15px !important;
    border: none;
    cursor: pointer;
}

.seconday-btn:hover {
    opacity: 0.9;
}
.tp-video-play-button {
	display: none !important;
}

.tabbed[data-style="minimal"] > ul li:not(.cta-button) a,
.tabbed[data-style="minimal"] > ul li:not(.cta-button) a, .tabbed[data-style="minimal"] > ul li:not(.cta-button) a.active-tab{
	color: #000 !important;
	font-size: 20px;
}
.nectar-fancy-ul ul li {
	font-size: 18px;
}

p.hotelier-notice.hotelier-notice--info {
    font-size: 16px !important;
}