/*!
Theme Name: smartervacation
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: smartervacation
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

smartervacation is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.custom-container {
		width: 95%;
		max-width: 1720px;
		margin: 0 auto;
		padding: 0 5px;
	} 

.header.sticky {
            position: absolute;
            top: 0;
            z-index: 9999999;
            background: transparent;
}
.header{
	background:#0F172B ;
}
        .topbar p{
			display: inline-block;
            font-size:16px;
			color: #fff;
        }
.topbar a:hover p {
	color: #fea116;
}
        .booking {
    
            margin-top: 0px !important;
            
        }
        navbar-dark .navbar-nav .nav-link {
            margin-right: 10px;
        }

.navbar-nav .dropdown-menu {
		z-index: 10000;
	}

.home_room_section img {
    width: 100%;
	object-fit: cover;
}
.home_room_section .title h5 {
    color: #fff;
	    text-transform: uppercase;
}
.home_room_section .title {
    position: absolute;
    top: 50%;
    z-index: 99;
    color: #fff;
 
    top: 35%;
    left: 0%;
    width: 100%;
    padding: 10px;
    text-align: center;
}
.featured-carousel .owl-nav .owl-prev, .featured-carousel .owl-nav .owl-next {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 2px;
    font-size: 18px;
    transition: .5s;
}
.featured-carousel .owl-nav {
    position: absolute;
    width: 100%;
    height: 40px;
    top: calc(50% - 20px);
    left: 0;
    display: flex;
    justify-content: space-between;
    z-index: 1;
}
#header-carousel h1.display-5.text-white{
	font-size:2rem;
}
.service-item {
    
   
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background: none !important;
    box-shadow: none;
    transition: .5s;
}
.bg-gray {
    background: #f3f4f5;
}
.header img {
    margin-left: 20px;
}
/*div#header-carousel {
    height: 100vh;
}
.home_room_section {
    padding-top: 7rem !important;
}*/
.footer {
    position: relative;
    margin-top: 0px;
    padding-top: 50px;
	background:#0F173F !important
}
.text-design {
    font-size: 30px;
    font-weight: 600;
    color: #f02837;
}
.home .t-dates {
    background: #fff;
    height: 36px;
	text-align:left;
}

.small-heading {
    font-weight: normal;
    font-size: 25px;
    margin: 0 0 20px 0;
}
.font-light {
    font-weight: normal !important;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #000;
}
.font-simi {
    font-size: 18px;
}
.input_wrap.flex > p {
    display: flex;
	width: 100%;
	gap: 10px;
}
.input_wrap.flex > p input, .input_wrap.flex > p textarea {
    width: 100% !important;
    border: 1px solid #ccc;
    padding: 7px 13px;
    border-radius: 2px;
    font-size: 15px;
}
.input_wrap > p textarea {
    width: 100% !important;
    border: 1px solid #ccc;
    padding: 7px 13px;
    border-radius: 2px;
    font-size: 15px;
    resize: none;
    height: 130px;
}
.input_wrap.flex > p > span {
    display: block;
	width: 100%;
}
.input_wrapper input[type="submit"] {
    background: #FEA116;
    border: none;
    color: #fff;
    width: 100%;
    padding: 10px 0;
    font-size: 20px;
    font-weight: bold;
}
.service-item:hover i, .service-item:hover h5, .service-item:hover p {
    color: inherit !important;
}
.fa-quote-right {
    display: none !important;
}

#home_form .form-select, #home_form .form-control {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #666565;
    background-color: #fff;
  
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 2px;
    appearance: none;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: #c7c7c7;
    transition: border-color 0.3s linear;
    border-radius: 10px !important;
}
.home #home_form .t-datepicker {
    padding: 4px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #666565;
    background-color: #fff;
    border-radius: 10px !important;
}
.home #home_form .btn{
	 padding: 4px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  
    border-radius: 10px !important;
	padding:10px;
}
.home video{
	filter: brightness(0.7);
}
.extra_filters div{
	position: relative;
    font-size: .95rem;
    font-weight: bold;
    display: inline-block;
    margin: 0;
    min-width: 75px;
    padding: 7px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #c7c7c7;
    border-radius: 25px;
    background: #fff;
    transition: background-color 0.3s linear, border-color 0.3s linear;
}
.carousel-inner {
  
    overflow: inherit;
}
.reviewname {
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    width: 100%;
    color: #333 !important;
    font-size: 20px !important;
    margin: 0;
}
.star-ratings-css-top {
    color: #bd9d65;
    padding: 0;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
    margin:  auto;
    text-align: center;
    font-size: 45px;
}

.review-block-inner p {
    margin: 0;
  
    line-height: 1.6;
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-weight: 300;
    color: #333 !important;
    font-size: 18px;
}
.testimonial-item.position-relative.bg-white.rounded.overflow-hidden {
    padding: 40px;
    position: relative !important;
    margin: 0;
    border-radius: 15px !important;
    background: #fff;
    box-shadow: 3.5px 6.062px 16.92px 1.08px rgba(0, 0, 0, 0.33);
}
.flex-container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 15px auto;
}
.flex-item {
    flex: 1 1 250px;
    margin: 10px auto;
    padding: 0 10px;
    text-align: left;
    white-space: initial;
}
.ft-column-title {
    margin: 10px 0 20px 0;
    font-size: 1.3rem;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .08em;
}
ul.footer-menu {
    padding: 0;
}
ul.footer-menu li {
    list-style: none;
}
ul.footer-menu li a {
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    display: block;
    padding: 0 0 20px 0;
}
form.newsletter input[type="email"] {
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 13px 20px;
    margin-bottom: 11px;
}

form.newsletter input[type="submit"] {
    background: #FEA116;
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 10px 10px;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: normal;
}
.carousel-item img {
    width: 100%;
}
.address {
    font-size: 18px;
    line-height: 37px;
}
.footer {
    padding-left: 50px;
    padding-right: 50px;
}
button.btn:hover {
    background: #000;
    border-color: #000;
}
.learn-more {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 10px !important;
    padding: 12px 40px;
}
.page-template-page-specific-vacation-rentals .carousel-caption {
    top: auto;
}
.page-template-page-specific-vacation-rentals .carousel-caption .booking {
    padding-bottom: 0 !important;
}
.col.half {
    display: flex;
    align-items: center;
    gap: 20px;
}
.col.half div p label {
    display: block;
}
.col.half div p span {
    display: block;
}
.col.half div {
    width: 100%;
}
.col.full p label {
    display: block;
}
.col.full p label {
    display: block;
}
.col.full p textarea {
    width: 100%;
    resize: none;
    height: 100px;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 7px;
}
.col.half div p input {
    border: 1px solid #ccc;
    width: 100%;
    padding: 7px;
    border-radius: 2px;
}
.space-top {
    margin: 4rem 0;
}
input[type="submit"] {
    background: #FEA116;
    width: 100%;
    border-radius: 10px;
    border: none;
    padding: 10px 10px;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: normal;
}
.additional_buttons p:hover {
    background: #0f172b !important;
}
ul.footer-menu a:hover {
    color: #fea116;
}

.learn-more:hover {
    background: #2d4f65;
    border-color: #2d4f65;
}
#filter_form .t-datepicker{
	max-width:300px;
}
.results {
    text-align: center;
    padding-top: 5px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 8px;
    justify-content: center;
}

.results .property{
    text-align: center;
    padding-top: 5px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 8px;
    justify-content: center;
}
.results .property {
    position: relative;
  
    box-shadow: none;
    transition: box-shadow 0.2s linear;
   
    height: auto;
   
    display: inline-block;
    background: #fff;
}
.resultsrow {
    background: #eee;
    border-radius: 4px;
    clear: both;
    padding: 5px;
    line-height: 30px;
    margin: 0;
}
.results-main-heading {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
.t-check-in .fa, .t-check-out .fa {
    top: -1px;
    position: absolute;
    top: 20%;
    right: 10px;
    font-size: 20px;
}
div#why_us img {
    max-width: 100px;
}
div#why_us p{
	color:#000;
}
.why_title img {
    position: absolute;
    top: -32px;
    right: 10px;
}
.why_title {
    position: relative;
}
.room-item small {
    font-size: .9375em !important;
}
.room-item img{
	height:214px !important;
}
.room-item h5 {
    font-size: 1.15rem !important;
}
.room-item .caption{
	padding:0.6em 0.625em !important;
}
.flex-item.social_section p {
    font-size: 18px;    word-break: break-all;
}

.flex-item.social_section {
    padding-top: 13px;
}
.flex-item.social_section .social i {
    margin-right: 10px;
    color: #fff;
    font-size: 32px;
}
.flex-item.social_section {}

.flex-item.social_section i {
    margin-right: 10px;
	color:#fff;
}
div#wpcf7-f37-o1 {
    background: rgba(0, 0, 0, .5);
    padding: 20px;
}
.contact_info {
    background: rgba(0, 0, 0, .5);
    padding: 20px;
    color: #fff;
}

.contact_info, h2 {
    color: #fff;
}
.page-template-contactus .space-top {
    background: url(https://guesty-listing-images.s3.amazonaws.com/guesty-listing-images/production/original_53510323_1822540624.jpg);
    margin: 0;
    padding: 50px 0px;
    color: #fff;
}
.page-template-contactus .space-top .contact_info, .page-template-contactus .space-top div#wpcf7-f37-o1 {
    min-height: 500px;
}
.page-template-contactus .flex-item.social_section p {
	 font-size: 16px;
}
.page-template-contactus .contact_info .flex-item.social_section p i {
    color: #fea116;    font-size: 24px;
}
@media screen and (max-width: 640px) {

	.carousel-caption .p-3 {
		min-width: auto !important;
	}
	div#navbarHover {
    background: #0f173f;
    padding: 20px;
}

}
.input-group span#fa-1, .input-group span#fa-2 {
    position: absolute;
    right: 0;
    top: 23%;
    right: 10px;
    font-size: 23px;
    color: #fea116;
}
/****************************************************/

 .ui-datepicker-hover a, .ui-datepicker-hover:after {
	 background-color: #8c9baf !important ;
	 color: #fff !important;
}
 .ui-datepicker-select a {
	 background-color: #434f5f;
	 color: #fff !important;
}
 .ui-datepicker {
/* 	 display: none; */
	 min-width: 285px;
	 background: #fff;
	 padding: 10px;
	 border: 2px solid #fdcb81;
	 z-index: 9999999 !important;
}

 .ui-datepicker:after {
	 content: "";
    position: absolute;
    left: 30%;
    bottom: 100%;
    height: 15px;
    width: 15px;
    margin-bottom: -6px;
    margin-left: -2px;
    border-width: 2px 0 0 2px;
    border-style: solid;
    border-color: #fdcb81;
    background: #fff;
    transform: rotate(45deg);
}
.ui-datepicker-bottom:after {
	 content: "";
    position: absolute;
    left: 30%;
    top: 98.3%;
    height: 15px;
    width: 15px;
    margin-bottom: -6px;
    margin-left: -2px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #fdcb81;
    background: #fff;
    transform: rotate(45deg);
}
 .ui-datepicker .ui-datepicker-group {
	 float: left;
	 width: 50%;
}
 .ui-datepicker .ui-datepicker-header {
	 color: #62748c;
	 font: 16px/25px 'Arial';
	 position: relative;
	 text-align: center;
	 text-transform: uppercase;
}
 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	background: #fea116;
    cursor: pointer;
    height: 19px;
    overflow: hidden;
    position: absolute;
    /* text-indent: -100em; */
    top: 1px;
    user-select: none;
    width: 47px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    line-height: 21px;
    border-radius: 10px;
}
 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
	 background-color: #050505;
}
 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
	 opacity: 0.3;
}
 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	 left: 10px;
}
 .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	 right: 10px;
}
 .ui-datepicker .ui-datepicker-calendar {
	 width: 100%;
	 border-collapse: collapse;
	 font-size: 20px;
	 cursor: default;
}
 .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {
	 text-align: center;
	 vertical-align: middle;
	 width: 36px;
	 height: 35px;
	 line-height: 35px;
	 padding: 0;
	 z-index: 1;
}
 .ui-datepicker .ui-datepicker-calendar th {
	 color: #62748c;
	 font: 20px/30px 'Arial';
	 padding: 6px 0;
}
 .ui-datepicker .ui-datepicker-calendar td {
	 color: #8d8d8d;
	 line-height: 50px;
	 position: relative;
}
 .ui-datepicker .ui-datepicker-calendar td:before, .ui-datepicker .ui-datepicker-calendar td:after {
	 bottom: 2px;
	 content: '';
	 left: 0;
	 top: 2px;
	 position: absolute;
	 width: 100%;
	 z-index: -1;
}

 .ui-datepicker .ui-datepicker-calendar td:first-child:before {
	 border-radius: 35px 0 0 35px;
}
 .ui-datepicker .ui-datepicker-calendar td:last-child:before {
	 border-radius: 0 35px 35px 0;
}
 .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
	 color: #d0d0d0;
}
 .ui-datepicker .ui-datepicker-calendar a {
	color: #000;
    display: inline-block;
    height: 0;
    text-decoration: none;
    width: 35px;
    font-weight: 600;
}
 .ui-datepicker .ui-datepicker-calendar .ui-datepicker-highlight:after {
	 background: #eddbc0;
}
 .ui-datepicker .ui-datepicker-calendar .ui-checkin:after {
	 left: 50%;
	 width: 50%;
}
 .ui-datepicker .ui-datepicker-calendar .ui-checkout:after {
	 right: 50%;
	 width: 50%;
}
 .ui-datepicker .ui-datepicker-calendar .ui-datepicker-highlight a {
	 color: #fff;
}
 .ui-datepicker .ui-datepicker-calendar .ui-checkin a, .ui-datepicker .ui-datepicker-calendar .ui-checkout a {
	 background: #fea116;
	 width: 100%;
	 height: 100%;
}
 .ui-datepicker .ui-datepicker-calendar .ui-checkin.ui-datepicker-hover .ui-state-hover {
	 border-radius: none;
}
/*  .ui-datepicker .ui-datepicker-calendar .ui-datepicker-hover .ui-state-hover {
	 border-radius: 0 50% 50% 0;
} */
 .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
	 background: #62748c;
	 width: 100%;
	 height: 100%;
	 color: #fff;
}
 .ui-datepicker-trigger {
	 float: left;
	 height: 15px;
	 margin: 13px 0 0 -35px;
	 overflow: hidden;
	 text-indent: -100em;
	 width: 16px;
}
h2 {
    color: #0f172b;
}
.home_room_section2 .room-item h5 {
    font-size: 1.6em !important;
	margin: 0 auto;
}
.home_room_section2 .room-item  img {

    filter: brightness(70%);
}



.page-template-template-extended-stays #header-carousel {
	padding: 40px 0;
}

.page-template-template-extended-stays #header-carousel .col .btn {
	height: 100%;
	border-radius: 10px;
}

.page-template-template-extended-stays #header-carousel #home_form .row>* {
	padding-right: 6px;
	padding-left: 6px;
}

.page-template-template-extended-stays #header-carousel > div > .row>* {
	padding-right: 12px;
	padding-left: 12px;
}

.ft-column-title img {
	max-width: 200px !important;
}