/*
Theme Name: Travel Eureka Springs
Author: Sharp Hue
Version: 2021
*/ 

/*Visual Composer Styles*/
#content .homepage-tagline { font-size: 22px; font-style: italic; font-weight: 500; }
#content .homepage-h1 { line-height: 50px; padding: 0 0 7px 0; font-size: 42px; color:#fff; }
#content .contact-heading {font-size: 28px;}
#content .social-media-heading {font-size: 32px;}
#content .contact-text p {font-size: 18px;}
#content .white-text { color:#fff !important; }
#content .white-text a { color:#fff !important; }
#content .content-btn a { text-decoration: none; font-size: 22px; white-space: nowrap; background: #9d2b2b; color: #fff; padding: 15px 25px; border-radius: 10px; }
#content .content-btn:hover a { background: #8a1e1e; transition:0.8s; }
#content .content-btn-2 a { text-decoration: none; font-size: 22px; white-space: nowrap; background: #363232; color: #fff; padding: 15px 25px; border-radius: 10px; }
#content .content-btn-2:hover a { background: #262222; transition:0.8s;  }
#content .kaushan { font-family: 'Kaushan Script', cursive; }
.vc_gitem-zone-a .vc_gitem-row-position-bottom { padding-top:30px; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); }
.vc_custom_1619739941932 { border-radius:0px 50px 0px 0px; }
.vc_custom_1619739669740 { border-radius:0px 50px 0px 0px; }
.vc_custom_1620080288970 { border-radius:0px 50px 50px 0px; }
.things-to-do { min-height:300px; }
.vc-hoverbox-block.vc-hoverbox-front { min-height:300px; }
.vc-hoverbox-block.vc-hoverbox-back { min-height:300px; }
.vc_btn3.vc_btn3-size-lg { background: #9d2b2b !important; color: #fff !important; font-weight:500; font-size:18px !important; border-radius:10px !important; }
.vc_btn3.vc_btn3-size-lg:hover { background: #8a1e1e!important; transition:0.8s; }
a.vc_gitem-link:hover { cursor:pointer; }
#content .restaurant a { font-size:20px; text-decoration:none; }
#content .restaurant a i { width:28px; text-align:center; color:#DFA03E;}
#content .vc_btn3.vc_btn3-color-default.vc_btn3-style-modern { background:#335c67; font-size:20px; color:#fff; font-weight:500; padding:15px 40px; border-radius:10px; }
#content .activities h2 {font size: 28px; line-height: 40px; color: #9f2a2c; text-align: center;}
#content .activities h3 {font-size: 22pxl line-height: 40px; color: #335c67; font-weight:500;}


@media(max-width: 867px) {
  #content .content-btn a, #content .content-btn-2 a { font-size:18px; }
}

@media(max-width: 600px) {
    #content .ttd .vc_col-sm-8 { width:70% !important; float:none !important; }
    #content .ttd .vc_col-sm-4 { width:30% !important; float:none !important;}
}

/* VC FAQ */
#content h4.vc_tta-panel-title { margin:0; padding:0; }
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {background-color: #222 !important;}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {color: #fff !important;}
.vc_tta-controls-icon::before {border-color: #fff !important;}
.vc_tta-controls-icon::after {border-color: #fff !important;}

/*scrollbar*/
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #ccc; }
::-webkit-scrollbar-thumb:hover { background: #aaa; }

/*Fonts*/
h1, h2, h3, h4, h5, h6, ul, ol, li, p, div, span { font-family: 'Poppins', sans-serif; }

/*Header*/
html,
body { scroll-behavior: smooth; }
body { position:relative; padding-top:90px; }
body.admin-bar #header.fixed  { top:32px !important; }
@media(max-width: 782px) {
	body.admin-bar #header.fixed  { top:46px !important; }
}
@media(max-width: 867px) {
  body { padding-top:60px; }
}
@media(max-width: 600px) {
  body.admin-bar { position:inherit; }  
  body.admin-bar #header.fixed  { top:0 !important; }
  body.admin-bar #header.absolute  { top:46px !important; }  
  body.admin-bar #header.absolute.fixed  { top:0 !important; }
}
#header { min-height: 90px; background:#faf5f1; z-index: 9999; }
#header.compact { min-height: 80px; }
#header.transition,
#header.transition div { -webkit-transition: all 100ms; transition: all 100ms; }
#header.absolute { position: absolute; top: 0; width: 100%; }
#header.fixed { position: fixed; top: 0; width: 100%; }
#header .container { max-width: 1500px; position: relative; padding: 0 15px; }
#header .logo { line-height: 90px; width:235px; }
#header.compact .logo { line-height: 80px; }
#header .logo img { vertical-align:middle; }
#header .menu { display: block; cursor:pointer; position: absolute; text-align: center; font-size: 40px; line-height: 90px; right:0; top:0px; width:60px; height:60px; }
#header.slide { animation-name: slide; animation-duration: 300ms; }
@-webkit-keyframes slide { from {top: -200px;} to {top: 0px;} }
@keyframes slide { from {top: -200px;} to {top: 0px;} }

#header.fade { animation-name: fade; animation-duration: 300ms; }
@-webkit-keyframes fade { from {opacity: 0;} to {opacity: 1;} }
@keyframes fade { from {opacity: 0;} to {opacity: 1;} }

.sticky {position: fixed;
  top: 0;
  width: 100%;}

@media(max-width: 867px) {
	html.menu-on,
	html.menu-on body { overflow:hidden; }
	html.menu-on #header { overflow-y: scroll; height: 100%; }
	#header { min-height: auto; }
	#header .container { padding: 0; }
	#header .logo { line-height: 0; padding: 10px; }
	#header .logo img { width: auto; height: 40px !important; }
  #header .logo2 img { width: auto; height: 40px !important; }
}

/*Nav*/
#nav { position:absolute; top:40px; right: 10px; display:none; }
#header.compact #nav { top:20px; }
#nav nav > ul { display:table; width:100%; list-style:none; }
#nav ul > li { float:left; }
#nav ul li > a { display:block; height:40px; padding:0 20px; line-height:40px; font-size:18px; color:#222222;  text-decoration:none; }
#nav ul li:hover > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a,
#nav ul li.current_page_parent > a  {  }
#nav ul li.menu-item-has-children > a {  }
#nav ul li > a i { font-size:15px; }

/*Sub Nav*/
#nav ul li { position:relative; }
#nav ul ul { display:none; position:absolute; left:0px; top:100%; min-width:200px; height:auto; background:#e5e5e5; list-style:none; 
-webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
	 -moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);
	      box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); 
}
#nav ul li:last-child ul { left:auto; right:0; }
#nav ul li:hover ul { display:block; }
#nav ul li ul li { float:none; margin:0; padding:0; }
#nav ul li ul li a { display:block; height:auto; padding:0 15px; line-height:35px; font-size:18px; color:#222222; text-decoration:none; white-space:nowrap; }
#nav ul li ul li:hover a { background:#555; color:#ffffff; }
#nav ul li ul li ul { display:none; }

/*Nav Btns*/
#nav .btn { padding:0; margin:0; }
#nav .btn a { padding: 12px 18px; margin-left: 10px; line-height:16px; height:auto; color: #fff; text-decoration: none;  white-space:nowrap; }
#nav .btn a i { margin-right: 5px; }
#nav .btn.primary a { margin-left:30px; }
#nav .btn.primary a { background-color: #555; }
#nav .btn.primary a:hover { transition: : .8s; }
#nav .btn.secondary a { background-color: #222; }
#nav .btn.secondary a:hover { transition: .8s; }

@media(max-width: 1000px) {
  #nav .btn a { padding:12px; }
  #nav .btn.primary a { margin-left:10px; }
}

@media(max-width: 867px) {
	#nav { display:none; }
  #header.compact { min-height: 60px; }
	#header.compact .logo { line-height: 40px; }
  #header.compact #nav { top:0px; }
  #header.compact #nav .menu { top:-60px; }	
  #header .menu { display: block; color:#000; position: absolute; text-align: center; font-size: 30px; line-height: 60px; right:0; top:0px; width:60px; height:60px; }
}

/*mobile nav*/
 
  #mobile-nav { position:fixed; top:0; left:0; display:block; }
  #mobile-nav .menus { transition:left 100ms; z-index:9999; position:fixed; left:-451px; top:0; bottom:0; width:400px; max-width:100%; background:#eee; box-shadow:20px 0px 30px rgba(0,0,0,0.15); overflow:auto; }
  #mobile-nav .menus.right { transition:right 100ms; right:-451px; box-shadow:-20px 0px 30px rgba(0,0,0,0.15); }
  .show-nav { overflow:hidden; }
  .show-nav #mobile-nav .menus.show { left:0; z-index:99999999; }
  .show-nav #mobile-nav .menus.right.show { left:auto; right:0; }
  .show-nav #mobile-nav { z-index:99999999; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.7); content:""; }
  #mobile-nav ul { padding:40px 40px 20px 40px; list-style:none; }
  #mobile-nav ul li { margin-bottom:30px; }
  #mobile-nav ul li a { display:block; font-size:20px; font-weight:400; color:#222; text-decoration:none; }
  #mobile-nav ul li a i.fa-chevron-right { margin-left:15px; font-size:18px; }
  #mobile-nav .menus .top { z-index:3; position:relative; width:100%; height:60px; background:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.1); }
  #mobile-nav .menus .top span { line-height:60px; display:block; font-size:22px; font-weight:600; color:#222; text-align:center; }
  #mobile-nav .menus .top .fa-times { position:absolute; top:0; right:0; font-size:30px; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; color:#222; opacity:1; }
  #mobile-nav .menus .top .fa-arrow-left { position:absolute; top:0; left:0; font-size:26px; width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer; color:#222; opacity:1; }
  #mobile-nav .menus .top img { max-height:43px; margin:10px 15px; }
  #mobile-nav .menus > div { z-index:2; transition:opacity 200ms; opacity:0; display:none; }
  #mobile-nav .menus > div.show { opacity:1; display:block; }
  #mobile-nav .menus .user .me { text-align:center; margin-bottom:60px; }
  #mobile-nav .menus .user .me b { display:block; line-height:20px; }
  #mobile-nav .menus .user .me small { font-size:16px; display:inline-block; line-height:20px; }
  #mobile-nav .menus .user .me .fa-user-circle { margin-bottom:20px; display:block; width:auto; text-align:center; font-size:80px; }
  #mobile-nav .menus .connect { padding:0 40px 40px 40px; }
  #mobile-nav .menus .connect .title { padding:40px 0 20px 0; border-top:1px solid #ddd; font-size:20px; font-weight:500; color:#222; }
  #mobile-nav .menus .connect ul { padding:0; }
  #mobile-nav .menus .connect ul li { margin:0 0 20px 0; }
  #mobile-nav .menus .connect ul li a { font-weight:400; font-size:18px; }
  #mobile-nav .menus .connect ul li a i { width:30px; }
  #mobile-nav .menus .social { margin-bottom:40px; }
  #mobile-nav .menus .social a { display:inline-block; margin-right:15px; font-size:20px; color:#000; }
  #mobile-nav a.btn { margin:0; display:block; padding: 15px; line-height:24px; font-size:20px; font-weight:500; color: #fff; background:#9d2b2b; text-decoration: none; text-align:center; border-radius:10px;}  

@media all and (min-height: 650px) { 
  #mobile-nav .menus .connect { position:relative; left:0; right:0; bottom:0; }
}

/*Promo*/
#promo { position:relative; }
#promo .prev { z-index:2; position: absolute; top:50%; left: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; }
#promo .next { z-index:2; position: absolute; top:50%; right: 25px; margin-top: -13px; font-size: 26px; color: #fff; cursor:pointer; }
#promo .wrapper { position:relative; width:100%; }
#promo .container { padding:200px 5px; max-width:1400px; }
#promo .video { position: relative; display: block; width: 100%; max-width: 100%; margin: 0 auto;overflow: hidden; padding-top: 56.25%; }
#promo .video iframe,
#promo .video video { background: #f1f1f1; width: 100%; max-width: 100%; height: auto !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#promo .video iframe { border:none; height:100% !important; }
#promo .message.has-video { position:absolute; left:0; top:0; height:100%; width:100%; }
#promo h2 { margin:0 0 20px 0; padding:0; font-size:35px; line-height:50px; color:#fff; text-align:center; text-shadow: 2px 2px 6px #000; font-family: 'Kaushan Script', cursive; }
#promo h2:before { display:none; }
#promo p { margin:0; padding:0; font-size:56px; line-height:70px; color:#fff; text-align:center; margin-bottom:50px; text-shadow: 2px 2px 6px #000; font-family: 'Della Respira', serif; }

#promo .slider-btn {font-weight: 500;text-decoration: none; font-size: 22px; white-space: nowrap; color: #fff; padding: 15px 25px; border-radius: 10px; background-color: #e19f3c;}
#promo .slider-btn-holder {text-align: center;}

@media(max-width:767px){
  #promo h2 { font-size:36px; line-height:35px;  }
  #promo .container { padding: 100px 5px; }
  #promo p { font-size:44px; line-height:60px; }
}

@media(max-width:500px){
  #promo p {font-size: 30px; line-height: 40px;}
}

@media(max-width:425px){
  #promo .slider-btn {font-size:17px;}
}

@media(max-width:390px){
  #promo .slider-btn {font-size: 14px;}
}

@media

/*Footer*/
 #footer {}
#footer .wrapper { background-color: #494545;}
#footer .wrapper.copyright { background-color: #363232; }
#footer .container { max-width: 1500px; padding: 90px 15px 40px 15px; }
#footer nav { background:none; }
#footer nav:after { position: absolute; top: 0; bottom: 0; right: 100%; width: 100vw; background: none; content: ''; }
#footer nav ul { list-style-type: none; margin:none; }
#footer nav ul li a { margin-bottom: 5px; display:inline-block; text-decoration: none; color: #fff; font-size: 18px;  }
#footer nav > ul { display:table; width:100%; }
#footer nav > ul > li { float:left; width:31.333333%; padding-right:2%; margin-bottom:25px; }
#footer nav > ul > li > a,
#footer nav ul li.large > a { margin-bottom: 15px; font-size: 22px; font-weight: 400;  }
#footer .copyright p { padding: 20px; margin:0; color: #fff; font-size: 15px; text-align:center; }
#footer .copyright p br { display:none; }
#footer .copyright a { color: #fff; text-decoration: underline; }
#footer .contact-info { background:none; padding-left: 80px; }
#footer .contact-info .contact { position: relative; padding-left: 39px; margin-bottom: 30px; color: #fff; }
#footer .contact-info .contact .contact-body { font-size: 18px; }
#footer .contact-info .contact .contact-body a { color:#fff; text-decoration: none; }
#footer .contact-info .contact .contact-icon { position: absolute; top: -5px; left: 0; font-size: 21px; color: #fff; line-height: 18px; }
#footer .contact-info .footer-btn { padding: 30px 0 0 0;  font-weight:400;  color:#ffffff; font-size: 22px;  display: inline-block; text-decoration: none; border:none; cursor:pointer; }
#footer .contact-info .footer-btn:hover { color: #fff; transition: .4s;}
#footer .contact-info .footer-btn i { padding-right:10px; font-size:25px; }
#footer .contact-info .footer-contact-btn {  padding: 15px 20px;  color:#ffffff;  font-weight:500; font-size: 22px;  background-color: #e19f3c; display: inline-block; text-decoration: none; border-radius:10px; }
#footer .contact-info .footer-contact-btn-2 {  padding: 15px 20px;  color:#ffffff;  font-weight:500; font-size: 22px;  background-color: #9d2b2b; display: inline-block; text-decoration: none; border-radius:10px; margin-top:10px;}
#footer .contact-info .footer-contact-btn:hover { color: #fff; transition: .4s; }
#footer .social { display:table; width:100%; margin:25px 0; }
#footer .social a { float:left; display:block; margin-right:10px; line-height:40px; width:40px; height:40px; border-radius:50%; text-align:center;}
#footer .social a i { font-size:25px; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; }

@media(max-width: 1030px){
  #footer .col-40 .contact-info { padding-left: 30px;	}
}

@media( max-width: 970px ) {
	#footer .container { padding: 60px 30px;}
	#footer .contact-info .footer-btn { margin-bottom: 10px; }
}

@media( max-width: 800px ) {
	#footer nav > ul > li { width: 100%; }
	#footer .contact-info .footer-contact-btn { font-size:19px; }
  #footer .col-60, #footer .col-40 { width: 50%;	}
  
}

@media (max-width: 700px) {
	#footer .col-60, #footer .col-40 { width: 100%;	}
	#footer nav { margin-bottom: 30px; }
}

@media( max-width: 600px ) {
	#footer .col-333 { width: 50%;}
	#footer .contact-info { padding: 0;}
  #footer .copyright p br { display:block; }
}

@media( max-width: 600px ) {
  #footer .col-40 .contact-info {padding-left: 0;}
}


/* Deals & Packages */
#deals-packages .deals { padding:0 2% 50px 2%; }
#deals-packages .deal { background:#FAF5F0; min-height:510px; margin-bottom:40px; border-radius:10px; }
#deals-packages .details { padding: 15px 5% 0 5%; }
#deals-packages h2 { padding-bottom:20px; min-height:75px; }
#deals-packages h2 a { text-decoration:none; font-size:27px; line-height:30px; font-weight:500; }
#deals-packages .price p { padding-bottom:10px; line-height:25px; }
#deals-packages .price { float:left; width:50%; padding-bottom:0; font-size:18px; font-style:italic; color:#484545;line-height:1.2em; }
#deals-packages .link { text-align:right; width:50%; color:#9F2A2C; text-decoration:none; text-transform:uppercase; font-weight:600; padding-bottom:0; }
#deals-packages .link i { padding-left:8px; font-size:18px; }

@media all and (max-width: 1200px) {
		#deals-packages [class*='col-'], .block, .cell { width:50%; padding:0; }
		#deals-packages .deal { margin:20px 2%; }    
}

@media all and (max-width: 800px) {
  #deals-packages [class*='col-'], .block, .cell { width:50%; padding:0;}
  #deals-packages .deal {min-height: 450px;}
}

/* @media all and (max-width: 800px) {
		#deals-packages [class*='col-'], .block, .cell { width:50%; padding:0; }    
} */

@media all and (max-width: 600px) {
		#deals-packages .deal { min-height:0 }
		#deals-packages .price { padding-bottom:10px; }
  #deals-packages [class*='col-'], .block, .cell { width:100%; padding:0;}
}

/* Events */
#events .events { padding:0 2% 50px 2%; display:flex; flex-direction:column;}
#events .month {  border-bottom:3px solid #E19F3B; font-family: 'Kaushan Script', cursive; color:#E19F3B; font-size:40px; padding:10px 0 20px 10px; margin-bottom:30px; }
#events .event { margin-bottom:50px; }
#events .details { padding-top:10px; background: }
#events h3 { padding-bottom:10px; }
#events h3 a { text-decoration:none; font-size:30px; line-height:38px; font-weight:500; }
#events .description { padding-bottom:30px; line-height:30px; }
#events .content-btn { text-decoration: none; font-size: 18px; white-space: nowrap; background: #9d2b2b; color: #fff; padding: 10px 25px; border-radius: 10px; }
#events .content-btn:hover { background: #8a1e1e; transition:0.8s; }
#events .content-btn i { padding-left:6px; font-size:16px; }
#events .events-current-month { order:-1;}
#events .dropdown { width:98%; text-align:right; }
#events .dropdown #months { text-align:right; padding:10px; font-size:16px; font-family: 'Poppins', sans-serif; border:1px solid #ccc !important; border-radius:8px; background:#fff; }

@media all and (max-width: 1000px) {
		#events [class*='col-'], .block, .cell { width:50%; }   
}

@media all and (max-width: 800px) {
		#events [class*='col-'], .block, .cell { width:100%; }
		#events .event { margin-bottom:70px; } 
		#events .dropdown { text-align:center; margin-bottom:20px; }   
}

/*404*/
.error-404 { text-align:center; }
.error-404 h1 { text-align:center; font-size:40px; }
.error-404 i { font-size:100px; }
.error-404 .screen-reader-text { display:none; }


/*-----------------------------------------------------------------------------------------*/

/*Lodging Template*/
#lodging .entry-header.has-featured-image { background-position:center center; background-size:cover; }
#lodging .layout-wrapper { max-width:1400px; margin:0 auto 50px auto; display:flex; padding:50px 3%;}
#lodging select { display:block; font-size:16px; padding:10px;}
#lodging .yellow-btn {padding: 6px 12px;color: #ffffff;font-weight: 500;font-size: 16px;background-color: #e19f3c;border-radius:10px;}

#lodging { background:#fff; }
#lodging h1 { font-family: 'Kaushan Script', cursive; color:#fff; font-size:46px;}
#lodging .tags { margin-bottom:30px;}
#lodging .tags i { margin-left:10px;}
#lodging .tag { text-align:center; background:#fbf8f5; border:1px solid #ECE2DB; padding:5px; width:180px; border-radius:5px; margin-bottom:5px; }
#lodging .alm-load-more-btn { padding: 6px 12px; color: #ffffff; font-weight: 500; font-size: 18px; background-color: #e19f3c; display: inline-block; text-decoration: none; border-radius: 10px;}
#lodging .filter-heading-wrapper {position:relative;}
#lodging .filter-heading-wrapper p {margin-left:15px;position:absolute;color:#e19f3c;left:100px;top:5px;font-weight:700;}

/*Lodging Left Side*/
#lodging .left-side { width:33% }
#lodging .map { display:flex; align-items:center; justify-content:center; border-radius:5px; margin-bottom:30px;}
#lodging .ad { padding-bottom:30px; width:300px; display:flex; }
#lodging .filter h2 { color:#484545; border-bottom:2px solid #484545; width:300px; margin-bottom:20px;}
#lodging .filter {margin-bottom:30px;}
#lodging .lodging-type { border-bottom:1px solid #ccc; border-top:1px solid #ccc; width:300px; margin-bottom:30px; padding:30px 0;}

#lodging .dropdown-check-list {display: inline-block; }
#lodging .dropdown-check-list .anchor { position: relative; cursor: pointer; display: inline-block; padding: 0 50px 0 0; width:100%;}
#lodging .dropdown-check-list .anchor:after { position: absolute; content: "";border-left: 2px solid black;border-top: 2px solid black;padding: 5px;right: 10px;top: 20%;-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
#lodging .dropdown-check-list .anchor:active:after {right: 8px;top: 21%;}
#lodging .dropdown-check-list ul.items {padding: 10px 2px 2px 2px;display: none;margin: 0;border-top: none;}
#lodging .dropdown-check-list ul.items li { list-style: none;}
#lodging .dropdown-check-list.visible .anchor {color: #E19F3C;}
#lodging .dropdown-check-list.visible .items {display: block;}
#lodging input[type="checkbox"] {margin-right:10px;}

/*Lodging Right Side*/
#lodging .right-side { display:flex; flex-direction:column; width:66%;}
#lodging .more-posts {display:none;}
#lodging .hotel-row { display:flex; margin-bottom:30px; background:#fbf8f5; border:1px solid #ECE2DB; padding:20px;border-radius:5px;}
#lodging .hotel-img { margin-right:20px; margin-bottom:20px; width:100%;}
#lodging .hotel-address span { font-size:26px; font-weight:500; color: #335c67; }
#lodging .hotel-address { margin-bottom:15px; font-size:18px; }
#lodging .hotel-desc { max-width:560px; display:table; width:100%;}
#lodging .cancel { color:#5DC950; font-size:18px; line-height:28px; font-style:italic; padding-bottom:5px; }
#lodging .meal { font-size:18px; line-height:28px; font-style:italic; padding-bottom:5px; }
#lodging .links { text-align:right; }
#lodging .hotel-price { margin-bottom:15px; font-size:18px; }
#lodging .detail-btn { padding: 6px 12px; color: #ffffff; font-weight: 500; font-size: 16px; background-color: #e19f3c; display: inline-block; text-decoration: none; border-radius: 10px; margin-bottom:20px; }
#lodging .more-btn-wrapper,#lodging .alm-btn-wrap {display:flex;justify-content:center;}
#lodging .availability-btn { padding: 6px 12px; color: #ffffff; font-weight: 500; font-size: 16px; background-color: #335c67; display: inline-block; text-decoration: none; border-radius: 10px; }
#lodging .alm-load-more-btn {font-family:'Poppins', sans-serif; border:none; margin-top:30px; display:block;text-align:center; background:#9F2A2C; padding:15px 20px;cursor:pointer;}
#lodging .show-map-btn {cursor:pointer;background:#8A1F20!important;}

@media(max-width:500px){
  #lodging .hotel-row{flex-direction:column;}
  #lodging .map {display:none;}
  #lodging .mobile-show-map {margin-bottom:30px;}
}

@media(max-width:600px){
	#lodging .links { text-align:left; }
}

@media(max-width:674px){
  #lodging .filter {margin:30px 0;}
}

@media(max-width:1069px){
  #lodging .layout-wrapper {flex-direction:column;}
  #lodging .left-side {width:100%;margin-bottom:60px;}
  #lodging .right-side {width:100%;}
}

@media(min-width:501px){
  #lodging .hotel-img {width:300px;margin-bottom:0;}
  #lodging select { font-size:18px;}
  #lodging .mobile-show-map { display:none;}

}

@media(min-width:675px) and (max-width:1069px){
  #lodging .left-side {display:flex;}
  #lodging .map {margin-right:30px;}
}

@media(min-width:1060px){
  #lodging .mobile-filter {display:none;}
}

@media(min-width:1385px){
  #lodging .left-side{width:25%;}
}

@media(min-width:768px) and (max-width:1024px){
  #lodging .budget-type {margin-bottom:30px!important;}
}


/*-----------------------------------------------------------------------------------------*/

/*Lodging Details Template*/
#lodging-details { padding: 0 30px;}
#lodging-details .lodging-details-wrapper { max-width:1000px; margin:50px auto 50px auto; padding:30px; background:#fbf8f5; border:1px solid #ECE2DB; border-radius:8px; }
#lodging-details .yellow-btn {padding: 12px 30px; color: #ffffff; font-weight: 500; font-size: 20px; background-color: #e19f3c;text-decoration: none;border-radius: 10px;}
#lodging-details .address-row {position:relative;}
#lodging-details .row { display:flex;justify-content:space-between;margin-bottom:30px;}
#lodging-details .address-row h1 { font-size:21px; font-weight:400; color:#000; }
#lodging-details .address-row span { font-size:38px; font-weight:600; color: #335c67; }
#lodging-details .price-row { width:50%; }
#lodging-details .price-row span {font-size:23px; font-weight:500; }
#lodging-details .price-row p { font-size:18px; }
#lodging-details .price-row .phone { color:#000; text-decoration:none; }
#lodging-details .photo-gallery { margin-bottom:50px; }
#lodging-details .description { font-size:18px; }
#lodging-details .google-maps { margin-top:30px; }
#lodging-details iframe {width:100%;}

@media(max-width:739px){
  #lodging-details .row {flex-direction:column;}
  #lodging-details .price-range{margin-bottom:30px;}
  #lodging-details .phone-line{margin-bottom:10px;}
  #lodging-details .button-wrapper { margin:40px 0 20px 0;}
  #lodging-details .address-row p {font-size:16px;}
  #lodging-details .address-row span {font-size:24px;}
  #lodging-details .price-row span {font-size:21px;}
  #lodging-details .price-row p {font-size:16px;}
}

@media(min-width:740px){
  #lodging-details .row a {display:block;}
  #lodging-details .row {align-items:center;}

}

/*Show Map Modal*/
.modal-background {display:none; position: fixed; background: rgba(0,0,0,0.6); overflow: auto; z-index: 999999; top: 0; right: 0; bottom: 0; left: 0; }

section.map-section { background:transparent; margin:100px auto; border-radius:5px;}
section.map-section .close-text { height:37px;cursor:pointer; border:none; font-size: 21px;background-color: #e19f3c; padding: 6px 12px; border-radius: 100px; color: #fff; margin-left: 5px; position: relative; left: 22px; top: -20px; }
section.map-section .close-button-div { display: flex; justify-content: flex-end;height:0; }
#map-modal .map-wrapper {}

@media(max-width:500px){
  section.map-section .close-text {left:12px;}
}

@media(max-width:603px){
  section.map-section { width:90% }
}

@media(min-width:604px){
  section.map-section { width:85% }
}

@media(min-width:680px){
  section.map-section { width:80% }
}


@media(min-width:800px) {
  section.map-section { width:60%; max-width:1000px;}
}

.no-scroll { overflow:hidden; }
.hide { display:none; }
.show { display:block; }


/* Homepage */
@media(max-width: 1030px){
  #trip-inspiration .vc_masonry_grid .vc_col-sm-3 {width: 50%;}
  #things-to-do .vc_col-sm-3 {width: 50%;}
  #start-packing .vc_col-sm-6 {width: 100%;}
}

@media(max-width: 430px){
  #trip-inspiration .vc_masonry_grid .vc_col-sm-3 {width: 100%;}
  #things-to-do .vc_col-sm-3 {width: 100%;}
}

/* Experiences */
#hiking-block.activities p {padding-bottom: 4%;}
#swimming-activities .text-block p, #swimming-activities .text-block ul {padding-bottom: 4%;}
#fall-activities .text-block p {padding-bottom: 4%;}

@media(max-width: 430px){
  #hiking-block.activities p {padding-bottom: 10%;}
  #swimming-activities .text-block p, #swimming-activities .text-block ul {padding-bottom: 10%;}
  #fall-activities .text-block p {padding-bottom: 10%;}
}


@media(max-width: 1030px){
  #things-to-do-grid .vc_grid-container .vc_col-sm-3 {width: 50%;}
}

@media(max-width: 430px){
  #things-to-do-grid .vc_grid-container .vc_col-sm-3 {width: 100%;}
}

/* Blog */
#blog-new .blog-search input {height: 33px; padding: 6px; position: relative; top: -6px; border-radius: 3px 0 0 3px; border: 1px #c5c5c5 solid;}
#blog-new .blog-search button {border-radius: 0px 3px 3px 0; border: 1px solid #e1e1e1; background: #e1e1e1; color: #fff; padding: 2px 5px ;}


/* Optin Monster popup override popup */
.Element__content {width:auto;min-width:500px;}

.littlerock-ele-content.Element__content, .bridgeport-ele-content.Element__content, .sisquoc-ele-content.Element__content {width:auto;min-width:300px;}

/* Voiceflow Chat */
.vfrc-widget .vfrc-button.vfrc-launcher  {font-size: 18px !important; padding: 15px 16px 15px 12px !important;}