@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&display=swap');

html { scroll-behavior: smooth; }
body { min-width: 320px; }
img { max-width: 100%; height: auto; }
#titlebar { min-height: 111px; padding: 15px 0; }
#titlebar .container { height: 111px; }
#logo { position: absolute; left: 10px; top: 4px; }
#logo img { width: 130px; height: auto; }
#helpmenuShell { position: absolute; inset: 0; }
#usabilityNavDropDown { position: absolute; right: 0; top: 0; }
#usabilityNav ul { margin: 0; }
.marketingPhoneShell { position: absolute; left: 370px; top: 29px; float: none; margin: 0; width: 200px; padding-right: 20px; }
.marketingPhoneShell .sliderHeading { margin-top: 4px; }
.trip { position: absolute; left: 590px; top: 15px; }
.trip img { width: 200px; height: 67px; }
.social-popout { position: absolute; right: 0; top: 62px; display: flex; gap: 7px; }
.social-popout img { width: 48px; height: 48px; }
#mainNav .container { height: 50px; }
#mainNavLinks { display: flex; justify-content: space-between; }
#mainNavLinks li a { white-space: nowrap; padding-left: 10px; padding-right: 10px; }
.home-hero { position: relative; height: 400px; overflow: hidden; background: #8b6c3d; }
.slides { height: 100%; }
.slide { position: absolute; width: 1600px; max-width: none; height: 400px; left: 50%; top: 0; transform: translateX(-50%); opacity: 0; transition: opacity .7s ease; object-fit: cover; }
.slide.active { opacity: 1; }
.slide-dots { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); display: flex; gap: 9px; }
.slide-dots button { width: 12px; height: 12px; border-radius: 50%; background: #edead9; border: 1px solid #8b4513; font-size: 0; cursor: pointer; }
.slide-dots button.active { background: #8b4513; }
.inner-hero { max-width: 980px; height: 240px; overflow: hidden; margin: 0 auto; }
.inner-hero img { width: 100%; height: 240px; object-fit: cover; object-position: center; }
.homepage #contentShell .container { padding: 20px 0 23px; }
.homepage article { min-height: 385px; }
.homepage #welcometabs .list-wrap { min-height: 310px; }
.homepage #welcometabs p { font-size: 13px; line-height: 22px; color: #7a6448; font-style: normal; margin: 0 0 18px; }
.homepage #tripAdvisor p { font-size: 12px; line-height: 17px; font-style: normal; color: #7a6448; }
#tripAdvisor #taImg { margin-top: 12px; }
#tripAdvisor #taImg img { width: 116px; }
#contentShell > .container { padding: 28px 0 35px; min-height: 260px; }
#contentShell article { min-height: 250px; }
#contentShell article .page-content { font-size: 16px; line-height: 1.48; }
#contentShell article .page-content p { margin-bottom: 18px; }
#contentShell article .page-content a { color: #8b4513; text-decoration: underline; }
#subNav { margin-right: 5px; }
#subNavDownLinks { min-height: 190px; }
#subNavDownLinks ul { margin: 0; }
.gallery-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin: 0 0 28px; }
.gallery-grid img { width: 100%; height: 170px; object-fit: cover; }
.tariff { width: 100%; border-collapse: collapse; margin-bottom: 24px; font-size: 14px; }
.tariff th,.tariff td { border: 1px solid #d2cdb3; padding: 10px; text-align: left; }
.tariff th { background: #edead9; color: #7a6448; font-family: Cinzel,Georgia,serif; }
#featuredPages .featuredContainer > img { width: 298px; height: 148px; object-fit: cover; }
#featuredPages .featuredContainer p { padding: 14px 17px; }
#featuredPages .featuredContainer p.featuredLink { padding-right: 17px; }
#footerNav { height: auto; min-height: 235px; padding: 55px 0 25px; }
#address { width: 210px; padding-left: 205px; }
#connect { min-height: 190px; }
#connect .menuWidget { width: 320px; margin-left: 22px; }
#connect .menuWidget ul { padding: 0; }
#connect #mc_embed_signup { width: 170px; }
@media (max-width: 1000px) {
  .container,#mainNav ul { width: min(96%,980px); }
  #mainNav ul { flex-wrap: wrap; height: auto; justify-content: center; }
  #mainNav ul li a { padding: 16px 9px; font-size: 13px; }
  #mainNav .container { height: auto; }
  #featuredPages { width: 96%; display: flex; gap: 2%; }
  .featuredContainer { flex: 1; min-width: 0; margin-right: 0; }
  .homepage article { display: flex; flex-wrap: wrap; gap: 8px; }
  .homepage #welcometabs { width: 43%; }
  .HomepageContentCTAsWidget { width: 55%; display: flex; }
  #homeCTAS { margin: 0 8px; }
  #tripAdvisor { flex: 1; min-width: 250px; }
  #subNav { width: 23%; }
  #contentShell article { width: 72%; }
}
@media (max-width: 700px) {
  #titlebar { min-height: 125px; }
  #titlebar .container { height: 125px; }
  #logo { left: 4px; top: 14px; }
  #logo img { width: 105px; }
  .marketingPhoneShell { left: 125px; top: 28px; width: 160px; padding: 0 8px; font-size: 11px; }
  .marketingPhoneShell .sliderHeading { font-size: 16px; }
  .trip { display: none; }
  .social-popout { top: 67px; right: 5px; }
  .social-popout img { width: 34px; height: 34px; }
  #usabilityNavDropDown { right: 4px; }
  #mainNav ul li a { font-size: 11px; padding: 12px 6px; }
  .home-hero,.slide { height: 280px; }
  .slide { width: 1120px; }
  .inner-hero,.inner-hero img { height: 180px; }
  .homepage article,.HomepageContentCTAsWidget { display: block; }
  .homepage #welcometabs,.HomepageContentCTAsWidget { width: 100%; }
  .homepage #welcometabs .list-wrap { box-sizing: border-box; width: 100%; min-height: 0; background-size: cover; }
  #homeCTAS { display: flex; width: auto; margin: 10px 0; gap: 10px; }
  #homeCTAS > div { flex: 1; }
  #homeCTAS a { width: 100%; height: 76px; padding-top: 62px; background-size: 100% 100%; }
  #tripAdvisor { width: 100%; max-width: 324px; margin: 10px auto; float: none; }
  #subNav { width: 100%; float: none; margin: 0 0 20px; }
  #subNavDownLinks { min-height: 0; }
  #subnavBottom { display: none; }
  #contentShell article { width: 100%; float: none; }
  #contentShell article h1 { font-size: 23px; }
  #featuredPages { display: block; }
  .featuredContainer { width: 100%; height: auto; min-height: 300px; margin-bottom: 10px; }
  #featuredPages .featuredContainer > img { width: 100%; height: 180px; }
  #footerNav { padding: 28px 0; }
  #address { float: none; width: auto; height: auto; padding: 20px; background: none; }
  #connect .menuWidget { margin: 0; }
  #connect #mc_embed_signup { float: none; }
  .gallery-grid { grid-template-columns: 1fr; }
}