/* Area 361 additions on top of the cloned template's own stylesheet */
.a3-noimg{display:flex;align-items:center;justify-content:center;min-height:300px;background:#1f2a44;background-image:url('/area361/texture.jpg');background-size:420px;background-blend-mode:luminosity;color:#f4b731;
  font-family:"Cocogoose Pro Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:15px;text-align:center;padding:20px}
img.a3-hero-plain{object-fit:cover;background:#1f2a44}
.a3-amen-list{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:8px 22px}
.a3-amen-list li{position:relative;padding-left:20px;line-height:1.5}
.a3-amen-list li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:#f4b731}
/* the template's ".large-snippet .read-more-content2 ul li:before" rule draws an icon-font check mark on every
   list item; keep only the gold dot on amenities and nothing on the "Ideal for" pills */
.a3-amen-list li:before{content:"" !important}
.a3-ideal li:before{content:none !important}
.a3-ideal li{padding-left:14px !important}
/* FAQ rows got two toggle icons (the template's chevron plus a gold "+" meant for the footer accordions); keep the chevron */
.a361-faq .uk-accordion-title:after{display:none !important}
/* homepage split hero: The Domain | Indian Trails */
.main-slider-img.a3-has-split:after{pointer-events:none}
.a3-split{display:grid;grid-template-columns:1fr 1fr;height:600px;background:#1f2a44}
.a3-split .a3-split-panel{position:relative;display:block;overflow:hidden;height:100%}
.new-main-slider .a3-split .a3-split-panel img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;transition:transform .8s ease}
.a3-split .a3-split-panel:hover img,.a3-split .a3-split-panel:focus-visible img{transform:scale(1.04)}
.a3-split .a3-split-panel + .a3-split-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;z-index:3;
  background:linear-gradient(#f4b731 0,#f4b731 60%,rgba(244,183,49,0) 84%)}
.a3-split-tag{position:absolute;top:28px;left:32px;z-index:3;display:flex;flex-direction:column;gap:4px;padding:10px 16px 11px;border-radius:4px;
  background:rgba(31,42,68,.84);color:#fff;font-family:"Cocogoose Pro Condensed",sans-serif;font-size:21px;line-height:1;letter-spacing:.04em;
  text-transform:uppercase;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:background .3s,color .3s}
.a3-split-tag small{font-family:"Red Hat Display",sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;color:#f4b731}
.a3-split .a3-split-panel:hover .a3-split-tag,.a3-split .a3-split-panel:focus-visible .a3-split-tag{background:#f4b731;color:#1f2a44}
.a3-split .a3-split-panel:hover .a3-split-tag small,.a3-split .a3-split-panel:focus-visible .a3-split-tag small{color:#1f2a44}
@media (max-width:960px){.a3-split{height:min(56vw,420px)}}
@media (max-width:640px){.a3-split{height:230px}.a3-split-tag{top:10px;left:10px;padding:7px 10px;font-size:14px}.a3-split-tag small{font-size:9px;letter-spacing:.1em}}
/* desktop hero: the template pins the photo to the top of a 600px box and cuts off the rest,
   so only the top half of a 3:2 photo shows at 1920px (the 400px rule never wins; the box is 600px from 961px up). Fill the box instead and let each page pick its focal
   point with object-position. Phones already use object-fit:cover on a 200px box, so the focal point applies there too. */
@media (min-width:961px){.new-main-slider .main-slider-img{height:600px}
  .new-main-slider .main-slider-img img.uk-background-cover{height:100% !important;object-fit:cover}}
.a3-ideal{margin-top:24px}
.a3-ideal h3{font-size:17px;margin-bottom:10px}
.a3-ideal ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.a3-ideal li{border:1px solid rgba(31,42,68,.3);border-radius:99px;padding:6px 14px;font-size:14px}
.zig-zag-slider-list + .zig-zag-slider-list{margin-top:10px}
#contact-location-section .contact-cs p a{color:#f4b731;text-decoration:underline}
#a361-ways .zig-zag-slider-img img{width:100%;height:100%;max-height:430px;object-fit:cover}
#a361-ways .zig-zag-slider-list .uk-flex{align-items:center}
#a361-ways .zig-zag-slider-list.right-side-content .uk-flex{flex-direction:row-reverse}
#a361-ways .a3-noimg{min-height:280px}
.logo a img{max-height:56px;width:auto}
.main-slider-img:has(img.a3-hero-plain){background:#1f2a44}
img.a3-hero-plain{opacity:.16}
/* rates */
.a361-rates{padding:50px 0}
.a361-rate-block + .a361-rate-block{margin-top:52px;border-top:1px solid rgba(31,42,68,.14);padding-top:44px}
.a361-rate-sub{font-size:15px;opacity:.8;margin:-6px 0 18px}
.a361-rate-table{width:100%;border-collapse:collapse;margin-bottom:14px}
.a361-rate-table th,.a361-rate-table td{padding:13px 12px;border-bottom:1px solid rgba(31,42,68,.12);text-align:left;font-size:15px}
.a361-rate-table thead th{font-family:"Cocogoose Pro Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:12px;opacity:.75}
.a361-rate-table tbody th{font-weight:700}
.a361-rate-x{opacity:.7;font-size:14px}
.a361-rate-note{font-size:13px;opacity:.75;max-width:80ch;margin-bottom:18px}
/* faq */
.a361-faq{padding:50px 0;background:#fff}
.a361-faq .faq-question-list ul{list-style:none;margin:0;padding:0}
.a361-faq .uk-accordion-title{display:block;padding:18px 34px 18px 0;border-bottom:1px solid rgba(31,42,68,.14);font-family:"Cocogoose Pro Condensed",sans-serif;font-size:17px;color:#1f2a44;text-decoration:none;position:relative}
.a361-faq .uk-accordion-title:after{content:"+";position:absolute;right:6px;top:16px;font-size:20px;color:#f4b731}
.a361-faq .uk-open>.uk-accordion-title:after{content:'\2013'}
.a361-faq .uk-accordion-content{padding:14px 0 20px;max-width:85ch}
.a361-rating{margin-top:10px;font-weight:700}
#longTermStaysBannerSection{background:#1f2a44 !important;position:relative;overflow:hidden}
#longTermStaysBannerSection > img.a3-banner-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:0}
#longTermStaysBannerSection:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(31,42,68,.93) 0%,rgba(31,42,68,.78) 45%,rgba(31,42,68,.45) 100%)}
#longTermStaysBannerSection > :not(.a3-banner-bg){position:relative;z-index:2}
/* gallery: four across, two rows — the rest open in the lightbox, so the page never becomes a photo scroll */
#a361-gallery .take-look-section{padding-bottom:60px}
.a361-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.a361-gallery-grid a.a361-extra{display:none}
@media print{.a361-gallery-grid{grid-template-columns:repeat(4,1fr)}}
.a361-gallery-grid a{display:block;overflow:hidden;border-radius:3px}
.a361-gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .35s}
.a361-gallery-grid a:hover img{transform:scale(1.04)}
@media(max-width:900px){.a361-gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.a361-gallery-grid{grid-template-columns:repeat(2,1fr)}.a361-gallery-grid a:nth-child(n+7){display:none}}
@media(max-width:700px){
  .a361-rate-table thead{display:none}
  .a361-rate-table tr{display:block;border-bottom:1px solid rgba(31,42,68,.14);padding:10px 0}
  .a361-rate-table th,.a361-rate-table td{display:block;border:0;padding:4px 0}
  .a361-rate-table td[data-l]:before{content:attr(data-l) ": ";opacity:.7}
}