/*
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; }
ol, ul {font-size: 20px; line-height: 28px; color: #000; padding-top: 10px; padding-left: 2rem;}
li {padding-bottom: 10px;}

/*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; }
}

/* Entry Header */
.entry-header {background-size: cover;}

/*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-img { position:relative; }
#lodging .lodging-tag { position: absolute; top: 10px; background: #e19f3c; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 0 3px 3px 0px; letter-spacing: 0.2px; text-transform: uppercase; }
#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; font-weight: 500; font-size: 16px; color: #335c67; border: 2px solid #335c67; 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: #9d2b2b; 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 .cancel { color:#5DC950; font-size:18px; line-height:28px; font-style:italic; padding-bottom:5px; }
#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 .breadcrumb { margin-bottom: .75rem; font-size: clamp(16px, 2vw, 20px); font-weight: 600; }
#lodging-details .breadcrumb a { text-decoration: none; color: #000; }
#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 { display: inline-block; margin-bottom: .5rem; 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 .header h2 { margin-bottom: .75rem; }
#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%;}
#lodging-details .recommended-hotels {padding: 4rem 0;background-color:#FAF5EF;}
#lodging-details .recommended-hotels .section-header h2 { margin-bottom:1.5rem; font-family:Kaushan Script; font-size:36px; font-weight:400; text-align:center; color:#335C67; }
#lodging-details .recommended-hotels .grid { display:flex; column-gap:80px;justify-content: center; }
#lodging-details .recommended-hotels .hotel-card { padding:1.5rem; background-color:#fdf9f3; border:1px solid #F6EEE8; border-radius:5px; }
#lodging-details .recommended-hotels .hotel-title a { font-size:24px; color:#335C67; text-decoration:none; }
#lodging-details .recommended-hotels .hotel-address, #lodging-details .recommended-hotels p { font-size:18px; }
#lodging-details .recommended-hotels .hotel-address { margin-bottom:1rem; }
#lodging-details .recommended-hotels .hotel-special { margin-bottom:.25rem; }
#lodging-details .recommended-hotels .hotel-special p { font-style:italic; }
#lodging-details .recommended-hotels .price-range { font-size:16px; }
#lodging-details .recommended-hotels .hotel-image { height:280px; overflow:hidden; margin-bottom:1rem; }
#lodging-details .recommended-hotels .hotel-image a { display:block; width:100%; height:100%; }
#lodging-details .recommended-hotels .hotel-image img { width:100%; height:100%; object-fit:cover; object-position:center; }
#lodging-details .btn-wrap { margin-top:.5rem; }
#lodging-details .post-btn { margin:.5rem 0; }
#lodging-details .detail-btn {display: inline-block;padding: 6px 12px;color: #ffffff;font-weight: 500;font-size: 16px;background-color: #e19f3c;text-decoration: none;border-radius: 10px;}
#lodging-details .availability-btn {display: inline-block;padding: 6px 12px;color: #ffffff;font-weight: 500;font-size: 16px;background-color:#335c67;text-decoration: none;border-radius: 10px;}
#lodging-details .explore-section { padding:0 5rem; }
#lodging-details .explore-section .explore-card { display:flex; margin:4rem 0; justify-content:center; align-items:center; background-color:#FCF8F5; border:1px solid #ECE2DB; border-radius:5px; }
#lodging-details .explore-section .explore-image img { width:100%; height:100%; object-fit:cover; object-position:center; }
#lodging-details .explore-section .explore-content { padding:4rem; }
#lodging-details .explore-content h3 { margin-bottom:1rem; font-family:Kaushan Script; font-size:28px; }
#lodging-details .explore-card { display: flex !important;align-items: stretch !important; }
#lodging-details .explore-card .explore-image { flex: 1 !important;min-height: 338px !important;background-size: cover !important;background-position: center !important;background-repeat: no-repeat !important; }
#lodging-details .explore-card:first-child .explore-image { border-radius: 5px 0 0 5px; }
#lodging-details .explore-card:last-child .explore-image { border-radius: 0 5px 5px 0; }
#lodging-details .explore-content { flex: 1 !important; }
#lodging-details .explore-card:first-child .explore-content h3 { color:#335C67; }
#lodging-details .explore-card:last-child .explore-content h3 { color:#9D2B2B; }
#lodging-details .explore-content p { font-size:24px; }
#lodging-details .explore-content .explore-btn { display:inline-block; margin-top:1.25rem; padding:1rem 1.25rem; font-size:22px; color:#fff; text-decoration:none; border-radius:10px; }
#lodging-details .explore-card:first-child .explore-content .explore-btn { background-color:#335C67; }
#lodging-details .explore-card:last-child .explore-content .explore-btn { background-color:#9D2B2B; }
#lodging-details .fotorama__stage {max-height:700px!important;}


@media(min-width:769px){
  #lodging-details .explore-card .explore-image { max-width: 500px; }
}

@media(max-width:1150px){
  #lodging-details .lodging-details-wrapper { margin: 50px 30px;}
}

@media(max-width:991px){
  #lodging-details .recommended-hotels .grid { column-gap:20px; }
}

@media(max-width:768px){
  #lodging-details .explore-section .grid {display: flex;flex-direction: column;}
  #lodging-details .explore-section .col-40,
  #lodging-details .explore-section .col-60 {width: 100%;float: none;}
  #lodging-details .explore-section .col-40 {order: 1;}
  #lodging-details .explore-section .col-60 {order: 2;}
  #lodging-details .explore-card:first-child .explore-image { border-radius: 5px 5px 0 0; }
  #lodging-details .explore-card:last-child .explore-image { border-radius: 5px 5px 0 0; }
}

@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;}
  #lodging-details .recommended-hotels {padding: 3rem 2rem;}
  #lodging-details .recommended-hotels .grid {display: flex;flex-direction: column;column-gap: 0;row-gap: 20px;}
  #lodging-details .recommended-hotels .col-333 {width: 100%;float: none;}
}

@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 ;}

/* Single Post */
#primary h1 {font-size: 27px; line-height: 37px;}
#primary h2 {font-size: 23px; line-height: 33px;}
.post-meta-date { padding: 1.25rem 0; }
.visually-hidden{ position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0; clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap; }

/* 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 Embed */
#voiceflow-chat .vfrc-widget ._1wkq7nf0 {z-index: 100000 !important;}
.vfrc-widget .vfrc-button.vfrc-launcher  {font-size: 18px !important; padding: 15px 16px 15px 12px !important;}
.vfrc-chat__container.ck2fbe9 {max-height: 650px!important;}


/* Travel Tips - General */
#travel-tips .mobile { display: none; }
#travel-tips section { padding: 4rem 5rem; }
#travel-tips .entry-title { font-family: Kaushan Script, cursive;font-size: 46px;font-weight: 400;color: #fff; }
#travel-tips .family-fun-grid,
#travel-tips .things-grid,
#travel-tips .events-grid { display: flex;column-gap: 50px; }
#travel-tips .post-category { display: inline-block;padding: .5rem 1rem;margin-bottom: 1rem;background-color: #E19F3B;border-radius: 40px;font-family: poppins, sans-serif;font-size: 17px;font-weight: 600;text-transform: uppercase; }
#travel-tips .post-title a { text-decoration: none;color: #335C67; }
#travel-tips .read-more { display: inline-block;padding-top: .875rem;font-size: 22px;font-weight: 600;color: #9D2B2B;text-decoration: none;text-transform: uppercase; }
#travel-tips .btn-wrap { margin-top: 2.8125rem;text-align: center; }
#travel-tips .btn-more { display: inline-block;padding: 1rem 1.5rem;background-color: #9D2B2B;border-radius: 10px;color: #fff;border: none;font-size: 20px;font-weight: 400;text-decoration: none; }
#travel-tips .section-header h2 { margin-bottom: 1.25rem;font-family: Kaushan Script, cursive;font-size: clamp(38px, 3vw, 42px);font-weight: 400;color: #335C67;text-align: center; }
#travel-tips .section-header p { margin-bottom: 2.8125rem;font-size: 20px;font-weight: 400;text-align: center; }
#travel-tips .card-light { background-color: #fff;padding: 1.5rem; }
#travel-tips .card-brown { background-color: #FAF5F0;padding: 1.5rem; }
#travel-tips .family-fun-posts .post-title,
#travel-tips .things-to-do-posts .post-title,
#travel-tips .events-posts .post-title { margin-bottom: 1rem;font-size: 26px; }
#travel-tips .post-category { white-space: nowrap; }
#travel-tips .post-category i { margin-right: .325rem; }
@media(max-width: 991px){
  #travel-tips section { padding: 2.5rem 1.25rem; }
  #travel-tips .grid { flex-direction: column; }
  #travel-tips .family-fun-grid .post-card:nth-child(2),
  #travel-tips .things-grid .post-card:nth-child(2) { margin: 1.875rem 0; }
  #travel-tips .col-25,
  #travel-tips .col-333,
  #travel-tips .col-50,
  #travel-tips .col-75 { width: 100%;float: none; }
  #travel-tips .mobile { display: block; }
}
/* Travel Tips - Navigation */
#travel-tips .category-nav { padding-top: 1.125rem;padding-bottom: 1.125rem;box-shadow: 0px 3px 6px #00000029; }
#category-navigation .nav-links { display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 1rem .5rem; }
#travel-tips .category-nav a { font-family: Poppins, sans-serif;font-size: clamp(18px, 2vw, 20px);font-weight: 600;color: #000;text-decoration: none;text-transform: uppercase; }
#travel-tips .category-nav .category-wrap { display: flex;align-items: center;justify-content: center; }
#travel-tips .category-nav .category-wrap i { margin-right: .5rem; }
#travel-tips .category-nav .category-wrap .fa-plane-departure { color: #335C67; }
#travel-tips .category-nav .category-wrap .fa-mountain-sun { color: #4F7416; }
#travel-tips .category-nav .category-wrap .fa-badge-dollar { color: #187BB9; }
#travel-tips .category-nav .category-wrap .fa-kite { color: #9D2B2B; }
#travel-tips .category-nav .category-wrap .fa-ferris-wheel { color: #924960; }
@media (max-width: 991px) {
  #category-navigation .nav-links { display: none;padding: 1.5rem 0 0 0; }
  #travel-tips .category-nav .category-wrap { justify-content: start; }
  #category-navigation.open .nav-links { display: block; }
  #category-navigation .category-link { display: block;padding: .5rem 0; }
  #category-navigation .nav-title { display: flex;justify-content: space-between;align-items: center;font-size: 18px;font-weight: 600;cursor: pointer; }
  #category-navigation .nav-title i { transition: transform 0.3s ease; }
  #category-navigation.open .nav-title i { transform: rotate(180deg); }
}
/* Travel Tips - Custom Posts Section */
#travel-tips section.custom-posts { padding: 1rem 5rem 4rem 5rem; }
#travel-tips .custom-posts .post-wrap { padding: 2rem 0; }
#travel-tips .custom-posts .post-inner { display: flex;align-items: center; }
#travel-tips .custom-posts .post-wrap { border-bottom: 1px solid #ccc; }
#travel-tips .custom-posts .post-wrap:last-of-type { border-bottom: none; }
#travel-tips .custom-posts .post-content { padding-right: 1.5rem; }
#travel-tips .custom-posts .post-image img { max-height: 195px;object-fit: cover;object-position: center; }
#travel-tips .custom-posts .post-title { font-size: clamp(25px, 2.5vw, 30px); }
#travel-tips .custom-posts .post-excerpt { padding: .75rem 0 1.125rem 0;font-size: 18px; }
#travel-tips .custom-posts .post-meta { margin-right: .25rem;font-size: 16px;text-transform: uppercase; }
#travel-tips .custom-posts .btn-wrap { margin-top: 0; }
@media(max-width: 991px){
  #travel-tips section.custom-posts { padding: 0 1.25rem 2.5rem 1.25rem; }
  #travel-tips .custom-posts .post-image img { width: 100%;margin-top: 1.5rem; }
}
/* Travel Tips - Family Vacation Section */
#travel-tips .family-fun-posts { background-color: #FAF5F0; }
#travel-tips .family-fun-posts .post-title { margin-bottom: 1rem;font-size: 26px; }
@media(max-width: 991px){
  #travel-tips .custom-posts .post-image img { margin-top: 1.5rem; }
}
/* Travel Tips - Events and Festivals Section */
@media(max-width: 991px){
  #travel-tips .events-grid .post-card:first-child { margin-bottom: 1.875rem; }
}
/* Travel Tips - Things to Do Section */
#travel-tips .things-to-do-posts { background-color: #FAF5F0; }


/* Deals and Packages Page */

/* Deals & Packages — scoped under #deals-packages */

/* ---- Hero (sec1) ---- */
#deals-packages .sec1 { position: relative; padding: 40px 24px; text-align: center; overflow: hidden; background: #335c67 url(https://www.traveleurekasprings.com/wp-content/uploads/2021/04/scroll-pattern-bg-1.png) !important; background-position: 0 0; }
#deals-packages .sec1-content { position:relative; z-index:1; max-width:700px; margin:0 auto; }
#deals-packages .sec1-heading { font-family:'Kaushan Script',cursive; font-size:40px; line-height: 48px; color:#fff; margin:0 0 8px;}
#deals-packages .sec1-sub { font-family:'Poppins',sans-serif; font-size:clamp(.875rem,1.5vw,1rem); color:rgba(255,255,255,.85); margin:0; font-weight:300; }

/* ---- Deals Grid (sec2) ---- */
#deals-packages .sec2 { padding:48px 24px 64px; background:#f3ebe8; }
#deals-packages .sec2-container { max-width:1140px; margin:0 auto; }
#deals-packages .sec2-count { font-family:'Poppins',sans-serif; font-size:.875rem; color:#666; margin:0 0 24px; }
#deals-packages .sec2-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }

/* ---- Card ---- */
#deals-packages .card { position:relative; border-radius:8px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.15); display:flex; flex-direction:column; background:#fff; transition:box-shadow .25s ease,transform .25s ease; }
#deals-packages .card:hover { box-shadow:0 6px 24px rgba(0,0,0,.12); transform:translateY(-3px); }
#deals-packages .card-badge { position:absolute; top:12px; right:0; background:#cb8620; color:#fff; font-family:'Poppins',sans-serif; font-size:.7rem; font-weight:700; text-transform:uppercase; padding:4px 10px; border-radius:4px 0 0 4px; letter-spacing:.3px; line-height:1.3; z-index:2; }
#deals-packages .card-img-wrap { position:relative; aspect-ratio:18/10; overflow:hidden; }
#deals-packages .card-img { width:100%; height:100%; object-fit:cover; display:block; }
#deals-packages .card-body { padding:16px; display:flex; flex-direction:column; flex:1; }
#deals-packages .card-title { font-size: 18px; font-weight: 700; color: #335c67; margin: 0 0 6px; line-height: 26px; }
#deals-packages .card-location { font-size: 14px; line-height: 22px; color: #707070; margin: 0 0 10px; display: flex; align-items: center; gap: 5px; }
#deals-packages .card-location i { color:#9f2a2c; font-size: 14px; }
#deals-packages .card-desc { font-size: 14px; line-height: 22px; color: #242424; margin: 0 0 16px; flex: 1; }
#deals-packages .card-btn { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; background: #9f2a2c; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 10px 24px; border-radius: 4px; text-decoration: none; transition: background .2s ease; }
#deals-packages .card-btn i { font-size:.65rem; }
#deals-packages .card-btn::after { content:''; position:absolute; inset:0; z-index:1; }
#deals-packages .card { cursor:pointer; }

/* ---- Stay Connected (sec3) ---- */
#deals-packages .sec3 { position: relative; padding: 60px 24px; text-align: center; background-image: url(https://www.traveleurekasprings.com/wp-content/uploads/2026/03/eureka-springs-travel-deals.webp); background-size: cover; background-position: center center; }
#deals-packages .sec3::before { content:''; position:absolute; inset:0; background:rgb(0 0 0 / 30%); }
#deals-packages .sec3-content { position:relative; z-index:1; }
#deals-packages .sec3-content { position:relative; z-index:1;  margin:0 auto; }
#deals-packages .sec3-heading { font-family: 'Kaushan Script', cursive; font-size: 38px; line-height: 48px; color: #fff; margin: 0 0 12px; padding-bottom: 0px; min-height: auto; }
#deals-packages .sec3-text { font-size: 16px; color: #fff; margin: 0 0 24px; font-weight: 300; }
#deals-packages .sec3-btn { display:inline-flex; align-items:center; gap:8px; background:#9f2a2c; color:#fff; font-family:'Poppins',sans-serif; font-size:16px; font-weight:600; padding:12px 28px; border-radius:4px; text-decoration:none; transition:background .2s ease; }
#deals-packages .sec3-btn:hover { background:#882325; }

/* ---- FAQ (sec4) ---- */
#deals-packages .sec4 { padding:64px 24px; background:#fff; }
#deals-packages .sec4-container { max-width:800px; margin:0 auto; }
#deals-packages .sec4-heading { font-family: 'Kaushan Script', cursive; font-size: 38px; color: #9f2a2c; text-align: center; min-height: auto; padding-bottom: 40px; }
#deals-packages .faq-item { border-bottom:1px solid #ddd; }
#deals-packages .faq-question { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px 0; background: none; border: none; text-align: left; color: #335c67; font-size: 18px; font-weight: 600; }
#deals-packages .faq-icon { font-size: 18px; color: #335c67; transition:transform .3s ease; }
#deals-packages .faq-answer { padding: 0 0 20px; font-family: 'Poppins', sans-serif; font-size: 16px; color: #555; line-height: 24px; }

/* ---- Responsive ---- */
@media (max-width:900px) {
  #deals-packages .sec2-grid { grid-template-columns:repeat(2,1fr); }
  #deals-packages .sec5-cols { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px) {
  #deals-packages .sec2-grid { grid-template-columns:1fr; }
  #deals-packages .sec5-cols { grid-template-columns:1fr; }
}

/* ---- Family Vacation Page ---- */
#family-vacation { font-family:'Poppins',sans-serif; color:#242424; }
#family-vacation .fv-hero { position: relative; padding: 80px 24px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #335c67; background-size: cover; background-position: center; }
#family-vacation .fv-hero-overlay { position:absolute; inset:0; background:rgb(0 0 0 / 50%); pointer-events:none; }
#family-vacation .fv-hero-inner { position:relative; z-index:1; max-width:720px; margin:0 auto; }
#family-vacation .fv-hero-heading { font-family: 'Kaushan Script', cursive; font-size: 40px; line-height: 1.12; color: #fff; margin: 0 0 8px; font-weight: 400; text-shadow: 0 2px 24px rgba(0, 0, 0, .35); }
#family-vacation .fv-hero-copy { font-size: 16px; line-height: 1.65; color: rgba(255, 255, 255, .95); margin: 0; font-weight: 400; text-shadow: 0 1px 12px rgba(0, 0, 0, .25); }
#family-vacation .fv-intro { padding:64px 24px 72px; background:#faf5ef; }
#family-vacation .fv-intro-inner { display:grid; grid-template-columns:0.95fr 1.05fr; gap:56px; align-items:center; max-width:1100px; margin:0 auto; }
@media (max-width:900px) and (min-width:601px) { #family-vacation .fv-intro-inner { grid-template-columns:1fr; gap:40px; } #family-vacation .fv-carousel-card { flex:0 0 100%; aspect-ratio:16/10; } }
@media (max-width:600px) { #family-vacation .fv-intro-inner { grid-template-columns:1fr; gap:40px; } #family-vacation .fv-carousel-card { flex:0 0 100%!important; aspect-ratio:3/4; } }
#family-vacation .fv-intro-badge { display:inline-block; margin:0 0 18px; padding:7px 16px; background:#9f2a2c; color:#fff; font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; border-radius:999px; }
#family-vacation .fv-intro-heading { font-family:'Kaushan Script',cursive; font-size:clamp(32px,5vw,44px); line-height:1.15; color:#335c67; margin:0 0 18px; font-weight:400; }
#family-vacation .fv-intro-lead { font-size:16px; line-height:1.7; color:#4a4a4a; margin:0; max-width:30em; }
#family-vacation .fv-carousel { position:relative; }
#family-vacation .fv-carousel-track { display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -ms-overflow-style:none; padding-bottom:4px; }
#family-vacation .fv-carousel-track::-webkit-scrollbar { display:none; }
#family-vacation .fv-carousel-card { flex:0 0 55%; scroll-snap-align:start; position:relative; aspect-ratio:3/4; border-radius:14px; overflow:hidden; background-color:#335c67; background-size:cover; background-position:center; }
#family-vacation .fv-carousel-card-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.78) 100%); }
#family-vacation .fv-carousel-card-body { position:absolute; left:20px; right:20px; bottom:20px; color:#fff; }
#family-vacation .fv-carousel-card-title { margin:0 0 5px; font-size:22px; font-weight:600; line-height:1.25; color:#fff; }
#family-vacation .fv-carousel-card-text { margin:0; font-size:14px; line-height:1.5; color:rgba(255,255,255,.92); }
#family-vacation .fv-carousel-controls { display:flex; align-items:center; justify-content:space-between; margin-top:22px; }
#family-vacation .fv-carousel-dots { display:flex; gap:8px; }
#family-vacation .fv-carousel-dots button { width:28px; height:4px; border-radius:2px; border:none; padding:0; background:rgba(51,92,103,.25); cursor:pointer; transition:background .25s ease; }
#family-vacation .fv-carousel-dots button.is-active { background:#335c67; }
#family-vacation .fv-carousel-arrows { display:flex; gap:10px; }
#family-vacation .fv-carousel-btn { width:42px; height:42px; border-radius:50%; border:1.5px solid #335c67; background:transparent; color:#335c67; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s ease,color .2s ease; padding:0; }
#family-vacation .fv-carousel-btn:hover { background:#335c67; color:#fff; }
#family-vacation .fv-carousel-btn--next { background:#335c67; color:#fff; }
#family-vacation .fv-carousel-btn--next:hover { background:#264851; }
#family-vacation .fv-cards { padding:48px 24px 64px; background:#f3ebe8; }
#family-vacation .fv-cards-inner { max-width:1300px; margin:0 auto; }
#family-vacation .fv-cards-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }
#family-vacation .fv-card { border-radius:8px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.12); display:flex; flex-direction:column; background:#fff; transition:box-shadow .25s ease,transform .25s ease; }
#family-vacation .fv-card:hover { box-shadow:0 6px 24px rgba(0,0,0,.1); transform:translateY(-3px); }
#family-vacation .fv-card-media { position: relative; aspect-ratio: 4/3; overflow: hidden; height: 220px; background: #eee; }
#family-vacation .fv-card-img { max-height: 220px; width: 100%; height: 100%; object-fit: cover; display: block; object-position: center center;}
#family-vacation .fv-card-body { padding:20px; display:flex; flex-direction:column; flex:1; gap:10px; }
#family-vacation .fv-card-tag { position: absolute; top: 14px; right: 0px; background: #cb8620; color: #fff; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 4px 10px; border-radius: 4px 0 0 4px; z-index: 2; box-shadow: 0 2px 6px rgba(0, 0, 0, .2); }
#family-vacation .fv-card-title { margin:0; font-size:22px; line-height:1.3; font-weight:600; color:#335c67; }
#family-vacation .fv-card-copy { margin:0 0 8px; font-size:15px; line-height:1.55; color:#555; flex:1; }
#family-vacation .fv-card-btn { display:inline-flex; align-items:center; gap:6px; align-self:flex-start; background:#9f2a2c; color:#fff; font-size:14px; font-weight:600; text-transform:uppercase; padding:10px 22px; border-radius:4px; text-decoration:none; transition:background .2s ease; margin-top:auto; }
#family-vacation .fv-card-btn:hover { background:#882325; color:#fff; }
#family-vacation .fv-card-btn i { font-size:.65rem; }
#family-vacation .fv-stay { padding:56px 48px; background:#335c67; border-top:none; }
#family-vacation .fv-stay-inner { max-width:1300px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:40px; }
#family-vacation .fv-stay-content { flex:1; text-align:left; }
#family-vacation .fv-stay-eyebrow { display:block; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:#fff; opacity:.85; margin:0 0 12px; }
#family-vacation .fv-stay-heading { font-family:'Kaushan Script',cursive; font-size:clamp(32px,4vw,42px); color:#fff; margin:0 0 12px; font-weight:400; line-height:1.2; }
#family-vacation .fv-stay-text { font-size:16px; line-height:1.6; color:#fff; opacity:.9; margin:0; max-width:720px; }
#family-vacation .fv-stay-btn { display:inline-flex; align-items:center; gap:8px; background:#e9a640; color:#fff; font-size:16px; font-weight:700; padding:16px 28px; border-radius:8px; text-decoration:none; transition:background .2s ease; white-space:nowrap; flex-shrink:0; }
#family-vacation .fv-stay-btn:hover { background:#d4912d; color:#fff; }
#family-vacation .fv-stay-btn i { font-size:.8rem; }
#family-vacation .fv-connected { position:relative; padding:60px 24px; text-align:center; background-image:url(https://www.traveleurekasprings.com/wp-content/uploads/2026/03/eureka-springs-travel-deals.webp); background-size:cover; background-position:center; }
#family-vacation .fv-connected::before { content:''; position:absolute; inset:0; background:rgb(0 0 0 / 35%); }
#family-vacation .fv-connected-inner { position:relative; z-index:1; max-width:560px; margin:0 auto; }
#family-vacation .fv-connected-heading { font-family:'Kaushan Script',cursive; font-size:clamp(32px,4vw,38px); color:#fff; margin:0 0 12px; font-weight:400; }
#family-vacation .fv-connected-text { font-size:16px; color:#fff; margin:0 0 24px; font-weight:300; line-height:1.5; }
#family-vacation .fv-connected-btn { display:inline-flex; align-items:center; gap:8px; background:#9f2a2c; color:#fff; font-size:16px; font-weight:600; padding:12px 28px; border-radius:4px; text-decoration:none; transition:background .2s ease; }
#family-vacation .fv-connected-btn:hover { background:#882325; color:#fff; }
@media (max-width:900px){
  #family-vacation .fv-cards-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:991px){
  #family-vacation .fv-callouts { grid-template-columns:1fr; gap:26px; max-width:440px; margin-left:auto; margin-right:auto; }
}
@media (max-width:768px){
  #family-vacation .fv-callouts { gap:22px; max-width:420px; }
  #family-vacation .fv-callout { flex-direction:row; align-items:flex-start; text-align:left; gap:14px; }
  #family-vacation .fv-callout-icon { width:40px; height:40px; min-width:40px; font-size:16px; margin-top:2px; }
  #family-vacation .fv-callout-body { max-width:none; margin:0; flex:1; min-width:0; }
  #family-vacation .fv-callout-title { margin:0 0 4px; font-size:15px; line-height:1.25; }
  #family-vacation .fv-callout-text { font-size:14px; line-height:1.45; color:#5c5c5c; }
  #family-vacation .fv-stay-inner { flex-direction:column; align-items:flex-start; gap:24px; }
}
@media (max-width:600px){
  #family-vacation .fv-cards-grid { grid-template-columns:1fr; }
  #family-vacation .fv-hero,#family-vacation .fv-intro,#family-vacation .fv-cards,#family-vacation .fv-stay,#family-vacation .fv-connected { padding-left:16px; padding-right:16px; }
}

/* ---- Landing Page Template ---- */
#landing-page { font-family:'Poppins',sans-serif; color:#242424; }
#landing-page #content .entry-content { max-width:1140px; margin:0 auto; font-size:16px; line-height:1.65; color:#555; }
#landing-page .white-text { color:#fff !important; }
#landing-page .white-text a { color:#fff !important; }
#landing-page .white-text p { color:#fff !important; }
#landing-page .white-text ul { color:#fff !important; }
#landing-page p {font-size:20px; line-height:30px; color: #000; }
#landing-page .green-leaf-bg { background:#335c67 url(https://www.traveleurekasprings.com/wp-content/uploads/2021/04/scroll-pattern-bg-1.png); background-position:0 0; }
#landing-page .lp-section-heading { font-family:'Kaushan Script',cursive; font-size:clamp(32px,4vw,38px); line-height:1.2; color:#335c67; text-align:center; margin:0 0 28px; font-weight:400; }
#landing-page .lp-split-image { display:flex; flex-wrap:wrap; min-height:280px; align-items:stretch; }
#landing-page .lp-split-photo { flex:1 1 50%; min-height:280px; align-self:stretch; position:relative; overflow:hidden; }
#landing-page .lp-split-photo img { position:absolute; inset:0; width:100%; height:100%!important; object-fit:cover; object-position:center; display:block; }
#landing-page .lp-split-content { min-height: 425px; flex:1 1 50%; padding:48px 40px; display:flex; flex-direction:column; justify-content:center; gap:16px; box-sizing:border-box; }
#landing-page .lp-split-content h2 { font-family:'Kaushan Script',cursive; font-size:clamp(28px,3vw,36px); color:#fff; margin:0; font-weight:400; }
#landing-page .lp-split-content .btn { align-self:flex-start; }
#landing-page .lp-text-image { padding:56px 24px; background:#f3ebe8; }
#landing-page .lp-text-image .container { max-width:1140px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
#landing-page .lp-text-image-content h2 { font-family:'Kaushan Script',cursive; font-size:clamp(30px,3vw,36px); color:#335c67; margin:0 0 16px; font-weight:400; }
#landing-page .lp-text-image-content > div { font-size:16px; line-height:28px; color:#555; margin-bottom:20px; }
#landing-page .lp-text-image-photo img { width:100%; height:auto; display:block; }
#landing-page .lp-cards { padding:56px 24px; background:#f2ece7; }
#landing-page .lp-cards .container { max-width:1140px; margin:0 auto; }
#landing-page .lp-cards-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
#landing-page .lp-cards-carousel { display:flex; align-items:center; gap:12px; }
#landing-page .lp-cards-carousel-viewport { flex:1; min-width:0; overflow:hidden; }
#landing-page .lp-cards-carousel-track { display:flex; gap:28px; transition:transform .35s ease; }
#landing-page .lp-cards-nav { flex-shrink:0; width:44px; height:44px; border-radius:50%; border:none; background:#9f2a2c; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s ease; padding:0; font-family:'Poppins',sans-serif; }
#landing-page .lp-cards-nav:hover { background:#882325; }
#landing-page .lp-cards-nav:focus-visible { outline:2px solid #335c67; outline-offset:2px; }
#landing-page .lp-cards-nav i { font-size:14px; }
#landing-page .lp-card { overflow:hidden; display:flex; flex-direction:column; background:#FAF5F0; transition:box-shadow .25s ease,transform .25s ease; }
#landing-page .lp-card:hover { box-shadow:0 6px 24px rgba(0,0,0,.1); transform:translateY(-3px); }
#landing-page .lp-card-thumb { padding-top:62%; background-size:cover; background-position:center; }
#landing-page .lp-card-content { padding:20px; flex:1; display:flex; flex-direction:column; gap:10px; }
#landing-page .lp-card-content h3 { margin: 0; font-weight: 500; font-size: 25px; line-height: 35px; color: #335c67; }
#landing-page .lp-card-content p { font-size:18px; line-height:26px; margin:0; flex:1; }
#landing-page .lp-card-content .btn { align-self:flex-start; margin-top:4px; font-size: 17px;}
#landing-page .lp-experience-cards { padding:56px 24px; background:#faf5f0; }
#landing-page .lp-experience-cards .container { max-width:1140px; margin:0 auto; }
#landing-page .lp-exp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
#landing-page .lp-exp-card { position:relative; display:block; min-height:220px; border-radius:8px; overflow:hidden; background-size:cover; background-position:center; text-decoration:none; color:#fff; box-shadow:0 2px 12px rgba(0,0,0,.15); transition:transform .25s ease,box-shadow .25s ease; }
#landing-page .lp-exp-card:hover { transform:translateY(-3px); box-shadow:0 8px 28px rgba(0,0,0,.18); }
#landing-page .lp-exp-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.25) 55%,transparent 100%); padding:24px; display:flex; flex-direction:column; justify-content:flex-end; gap:8px; }
#landing-page .lp-exp-overlay h3 { font-family:'Kaushan Script',cursive; font-size:26px; margin:0; font-weight:400; text-shadow:0 1px 4px rgba(0,0,0,.4); }
#landing-page .lp-exp-overlay p { font-size:14px; line-height:1.45; margin:0; opacity:.95; }
#landing-page .lp-exp-overlay .btn { display:inline-flex; align-self:flex-start; background:#9f2a2c; color:#fff; font-size:13px; font-weight:600; text-transform:uppercase; padding:8px 18px; border-radius:4px; pointer-events:none; }
#landing-page .lp-video-split { padding:56px 24px; background:#fff; }
#landing-page .lp-video-split .container { max-width:1140px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
#landing-page .lp-video-content h2 { font-family:'Kaushan Script',cursive; font-size:clamp(30px,3vw,36px); color:#335c67; margin:0 0 16px; font-weight:400; }
#landing-page .lp-video-content > div { font-size:16px; line-height:26px; color:#555; margin-bottom:20px; }
#landing-page .lp-video-embed iframe,
#landing-page .lp-video-embed video { width:100%; max-width:100%; border-radius:8px; display:block; aspect-ratio:16/9; height:auto; min-height:200px; }
#landing-page .lp-embed { padding:48px 24px; background:#f3ebe8; }
#landing-page .lp-embed .container { max-width:1140px; margin:0 auto; }
#landing-page .lp-embed h2 { font-family: 'Kaushan Script', cursive; font-size: clamp(30px, 3vw, 36px); color: #335c67; margin: 0 0 16px; text-align: center; font-weight: 400; }
#landing-page .lp-text-only { padding:56px 24px; background:#fff; box-sizing:border-box; }
#landing-page .lp-text-only .container { max-width:1140px; margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; }
#landing-page .lp-text-only .container.medium { max-width:1100px; }
#landing-page .lp-text-only ul {text-align: left;}
#landing-page .lp-text-only h2 { font-family:'Kaushan Script',cursive; font-size:clamp(30px,3vw,36px); line-height:1.35; color:#335c67; margin:0; text-align:center; font-weight:400; max-width:100%; }
#landing-page .lp-text-only .container > div { width:100%; max-width:1100px; font-size:16px; line-height:1.65; color:#555; margin:0; }
#landing-page .lp-text-only .container > div p { margin:0 0 1em; font-size:20px; line-height:30px; color:#000; }
#landing-page .lp-text-only .container > div p:last-child { margin-bottom:0; }
#landing-page .lp-text-only .btn { display:inline-flex; width:fit-content; max-width:100%; margin:0; }
#landing-page .lp-faq { padding:64px 24px; background:#fff; }
#landing-page .lp-faq-inner { max-width:800px; margin:0 auto; }
#landing-page .lp-faq .lp-section-heading { padding-bottom:12px; }
#landing-page .lp-faq .faq-item { border-bottom:1px solid #ddd; }
#landing-page .lp-faq .faq-question { width:100%; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 0; background:none; border:none; text-align:left; color:#335c67; font-size:18px; font-weight:600; cursor:pointer; font-family:'Poppins',sans-serif; }
#landing-page .lp-faq .faq-icon { font-size:18px; color:#335c67; flex-shrink:0; transition:transform .3s ease; }
#landing-page .lp-faq .faq-answer { padding:0 0 20px; font-size:16px; color:#555; line-height:24px; }
#landing-page section.lp-sec-bg-faf5ef { background-color:#faf5ef; }
#landing-page section.lp-sec-bg-f2ece7 { background-color:#f2ece7; }
#landing-page section.lp-sec-bg-ffffff { background-color:#fff; }
#landing-page .btn { display:inline-flex; align-items:center; gap:8px; background:#9f2a2c; color:#fff !important; font-size:18px; font-weight:600; text-transform:uppercase; padding:12px 24px; border-radius:4px; text-decoration:none; transition:background .2s ease; border:none; cursor:pointer; font-family:'Poppins',sans-serif; }
#landing-page .btn:hover { background:#882325; color:#fff !important; }
#landing-page .btn i { font-size:.65rem; }
#landing-page .green-btn { background:#335c67; }
#landing-page .green-btn:hover { background:#264653; }
#landing-page .lp-split-content .btn { background:#e19f3c;}
#landing-page .lp-split-content .btn:hover { background:#f3ebe8; color:#335c67 !important; }
@media (max-width:900px) {
  #landing-page .lp-cards-grid,
  #landing-page .lp-exp-grid { grid-template-columns:repeat(2,1fr); }
  #landing-page .lp-text-image .container,
  #landing-page .lp-video-split .container { grid-template-columns:1fr; gap:28px; }
  #landing-page .lp-text-image-photo { order:-1; }
  #landing-page .lp-split-image { flex-direction: column; }
  #landing-page .lp-split-photo { aspect-ratio:16/9; min-height:0; width:100%; }
}
@media (max-width:600px) {
  #landing-page .lp-split-photo,
  #landing-page .lp-split-content { flex:1 1 100%; }
  #landing-page .lp-split-content { padding:32px 24px; }
  #landing-page .lp-cards-grid,
  #landing-page .lp-exp-grid { grid-template-columns:1fr; }
  #landing-page .lp-text-image,
  #landing-page .lp-cards,
  #landing-page .lp-experience-cards,
  #landing-page .lp-video-split,
  #landing-page .lp-embed,
  #landing-page .lp-text-only { padding:40px 16px; }
  #landing-page .lp-faq { padding-left:16px; padding-right:16px; }
}

/* Upcoming Attractions embed */
#landing-page .lp-embed .attractions-listing { display:flex; flex-direction:column; gap:24px; margin-top:12px; }
#landing-page .lp-embed .listing { display:grid; grid-template-columns:300px 1fr 220px; grid-template-rows:auto 1fr; column-gap:28px; row-gap:10px; align-items:start; border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,.12); background:#fff; transition:box-shadow .25s ease,transform .25s ease; padding:20px; }
#landing-page .lp-embed .listing:hover { box-shadow:0 6px 24px rgba(0,0,0,.1); transform:translateY(-2px); }
#landing-page .lp-embed .listing .image { grid-column:1; grid-row:1 / span 2; position:relative; width:100%; padding-top:66%; overflow:hidden;  align-self:stretch; }
#landing-page .lp-embed .listing .image a { position:absolute; inset:0; display:block; }
#landing-page .lp-embed .listing .image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
#landing-page .lp-embed .listing .text { display:contents; }
#landing-page .lp-embed .listing .text > h3 { grid-column:2; grid-row:1; margin:0; font-weight:500; font-size:24px; line-height:32px; color:#335c67; }
#landing-page .lp-embed .listing .text > h3 a { color:#335c67; text-decoration:none; }
#landing-page .lp-embed .listing .text > h3 a:hover { color:#264653; }
#landing-page .lp-embed .listing .text > p { grid-column:2; grid-row:2; margin:0; font-size:16px; line-height:24px; color:#555; align-self:start; }
#landing-page .lp-embed .listing .text > .right { grid-column:3; grid-row:1 / span 2; display:flex; flex-direction:column; gap:10px; align-items:flex-start; align-self:stretch; padding-left:24px; border-left:1px solid #eee; }
#landing-page .lp-embed .listing .text .right h3 { margin:0; font-family:'Poppins',sans-serif; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.5px; color:#335c67; }
#landing-page .lp-embed .listing .text .right ul { margin:0 0 auto; padding:0; list-style:none; font-size:15px; color:#555; line-height:1.8; }
#landing-page .lp-embed .listing .text .right ul li { padding:1px 0; }
#landing-page .lp-embed .buy-tickets-btn { margin-top:auto; }
#landing-page .lp-embed .buy-tickets-btn a { display:inline-flex; align-items:center; gap:8px; background:#9f2a2c; color:#fff !important; font-size:14px; font-weight:600; text-transform:uppercase; padding:10px 20px; border-radius:4px; text-decoration:none; font-family:'Poppins',sans-serif; transition:background .2s ease; }
#landing-page .lp-embed .buy-tickets-btn a:hover { background:#882325; }

@media (max-width:900px) { #landing-page .lp-embed .listing { grid-template-columns:220px 1fr; grid-template-rows:auto auto auto; } #landing-page .lp-embed .listing .image { grid-column:1; grid-row:1 / span 3; } #landing-page .lp-embed .listing .text > h3 { grid-column:2; grid-row:1; } #landing-page .lp-embed .listing .text > p { grid-column:2; grid-row:2; } #landing-page .lp-embed .listing .text > .right { grid-column:1 / -1; grid-row:auto; padding-left:0; padding-top:16px; border-left:none; border-top:1px solid #eee; flex-direction:row; flex-wrap:wrap; align-items:center; gap:16px; } #landing-page .lp-embed .listing .text .right ul { display:flex; gap:16px; margin:0; } }
@media (max-width:600px) { #landing-page .lp-embed .listing { grid-template-columns:1fr; padding:16px; } #landing-page .lp-embed .listing .image { grid-column:1; grid-row:1; padding-top:56%; } #landing-page .lp-embed .listing .text > h3 { grid-column:1; grid-row:2; } #landing-page .lp-embed .listing .text > p { grid-column:1; grid-row:3; } #landing-page .lp-embed .listing .text > .right { grid-column:1; flex-direction:column; align-items:flex-start; } #landing-page .lp-embed .listing .text .right ul { flex-direction:column; gap:0; } }