/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*html, body {
    width: 100%;
    height: 100%;
}*/

.h1, h1 {font-size: 2.2em;}
.h2, h2 {font-size: 2em;}
.button,
.dark .button {color: #000;}
li {margin-bottom: 0em;}
ul {padding: 0 1em;}
ul.no-pad {padding: 0 0;}
a.hotspot {color: #000}
a.hotspot:hover {color: #fff}

/*----Top Bar----*/
div#top-bar .nav-small.nav>li.html a svg {
	font-size: 2em;
	margin-left: 5px;
}
div#top-bar a {vertical-align: -.5em;}
div#top-bar .nav>li>a {color: #000;}
div#top-bar .nav>li>a:hover {color: #5d5d5d;}

.nav-dark .nav>li>a {
	color: #fff;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.85);
}

.header-button-2 a.button {color: #000;}

/*----Responsive Video Fix----*/
#video-container {
    position: relative !important;
    padding-bottom: 56.25% !important;
/*    padding-top: 35px;*/
    height: 0 !important;
    overflow: hidden !important;
}

#video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*----PonoRez Forms----*/
form.booking-form input.button,
form.booking-form input[type='button'].button {color: #000;}
a.ui-state-default, .ui-widget-content a.ui-state-default, .ui-widget-header a.ui-state-default {color: #000;}
a.ui-state-default.ui-state-hover {color: #000;}
div.ui-widget-header {background-color: #000;}
a.button.button-book-now {
	border-radius: 99px;
	font-size: .97em;
	letter-spacing: .03em;
	line-height: 2.4em;
	min-height: 2.5em;
	padding: 0 1.2em;
	margin-right: 0;
}
div.form-row.date-selector input {color: #000}
div.box-text-inner a.button.button-book-now {
	border-radius: 99px;
	font-size: 1.3em;
	letter-spacing: .03em;
	line-height: 2.4em;
	min-height: 2.5em;
	padding: 0 1.2em;
	margin-right: 0;
}
.header-main .nav > li > a.button-book-now {line-height: 35px;}
div#wrapper-5612 {text-align: center;}
.hasDatepicker {z-index: 99999500 !important}
.booking-form .date-selector a {color: #000000 !important;}


/*----FAQ Accordion----*/
a.accordion-title.active {color: #000;}



/*----Contact Form----*/
input.wpcf7-form-control.wpcf7-submit {
	width: 100%;
	color: #000;
	border-radius: 99px;
	background-color: #19c8ff;
}

/*----Footer----*/
#footer a:hover {color: #5d5d5d;}
#footer a svg {margin-right: 5px;}


/*----Text Box Fixes----*/
.box-text {font-size: 100%;}
.box-text p {margin-bottom: 1.3em;}

/*----Envira Gallery Fixes----*/
.envira-gallery-wrap.tw-gallery {margin: 0px auto 0px auto;}
.envira-gallery-wrap.tw-gallery .envira-gallery-public {margin: 10px auto 10px auto;}

/*----Tabs----*/
.nav-tabs>li>a {background-color: rgba(235, 235, 235, 1);}


/*.vw-background {overflow: hidden;}
.vw-background div {
	/*background-size: 450px;
	transform: rotate(-30deg);
	height: 1800px;
	width: 1800px;
	top: -500px;
	opacity: .035;
}*/
.vw-background .bg-loaded {opacity: .035;}
.vw-background .bg-fill {
	background-size: 250px !important;
	background-repeat: repeat !important;
	/*transform: rotate(-30deg);*/
}

/*----Mobile----*/

@media only screen and (max-width: 550px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.mobile-front-cta {margin: 160px 15px 0 15px;}

}

@media only screen and (max-width: 350px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.mobile-front-cta {margin: 130px 15px 0 15px;}

}