.header.uk-active .mainlogo, .header.uk-active .logoonscroll {
  display: block;
  max-width: inherit;
}
.header.uk-active .logo {
  display: none;
}
.header.uk-active .burger-menu-text:focus,
.header.uk-active .burger-menu-text:hover {
  color: var(--secondary-color) !important
}
.resort-fees {
  display: none
}

.slick-arrow {
  cursor: pointer;
  transition: all .4s ease
}
.home-features-section.cms6 .home-features-inner:focus img,
.home-features-section.cms6 .home-features-inner:hover img {
  opacity: 1
}

#megamenu .uk-offcanvas-close:focus svg line,
#megamenu .uk-offcanvas-close:hover svg line {
  stroke: var(--secondary-color)
}



#wrapper.inner-template .uk-sticky-placeholder,
#wrapper.without-image .uk-sticky-placeholder {
  display: none
}

.header {
  min-height: 85px;
  width: 100vw !important;
  display: flex;
  background: transparent;
  padding: 0;
  z-index: 99;
  width: 100%;
  transition: .3s;
  position: fixed;
  top: 0 !important;
  border-bottom: 0px solid transparent;
}
.header.uk-sticky.uk-active {
  padding: 0;
  border-bottom: 0px solid #e8e5dd;
}
.header.uk-sticky.uk-active .navigation-wrap {
  justify-content: flex-end;
  width: inherit;
}
.header {
  top: 0 !important;
  position: fixed !important;
  box-shadow: 0 0 4px 4px rgba(0,0,0,0.25);
  background: var(--bg-header);
}

.header .logo {
  text-align: center;
  overflow: hidden;
  align-items: center;
  vertical-align: middle;
  transition: .3s;
  width: var(--logo-width);
}

.header .logo svg g g:nth-child(3),
.header .logo svg g g:nth-child(4) {
  display: none
}
.header .logoonscroll {
  display: none;
  width: var(--logo-width-onscroll);
}

.headerinpad {
  width: 100%;
  height: 100%;
  display: flex;
  margin: 0 auto;
  padding: 0;
  align-items: center;
  justify-content: space-between;
}

.navmenu.mob {
  display: inline-block
}

.navmenu.web {
  display: none
}

.menu-line-wrap {
  display: block;
  padding-bottom: 5px;
  position: relative;
  left: 10px
}

.menu-line-wrap span {
  width: 26px;
  display: block;
  left: 0;
  margin: 5px 0;
  transition: all .4s ease 0;
  -webkit-transition: all .4s ease 0;
  -ms-transition: all .4s ease 0;
  -o-transition: all .4s ease 0;
  position: relative;
  top: 0;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  border-bottom: 2px solid var(--highlight-color);
}

/*a.burger-menu-warp:focus .menu-line-wrap span,
a.burger-menu-warp:hover .menu-line-wrap span {
background-color: var(--text-color)
}*/

.menu-line-wrap span:last-child {
  margin-bottom: 0
}
.header.uk-sticky.uk-active .menu-line-wrap span {
  background: var(--text-color)
}

.burger-menu-wrap {
  display: flex;
  flex-direction: column;
  align-items: center
}

.menu-line-wrap span:first-child {
  margin-top: 0
}

.burger-menu-text {
  font-size: 18px;
  line-height: 27px;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 rgba(255, 255, 255, 1);
  font-weight: 400;
  font-family: var(--title-fonts)
}

a.burger-menu-text.nav.navON {
  text-decoration: underline
}

.close-text .icon-close {
  left: 13px;
  top: -10px;
  position: relative;
  font-size: 14px;
  color: var(--inverse-font-color)
}

.burger-menu-wrap .menu-text {
  display: block
}

.burger-menu-wrap .close-text {
  display: none
}

.uk-offcanvas-container .burger-menu-wrap .menu-text {
  display: none
}

.uk-offcanvas-container .burger-menu-wrap .close-text {
  display: block
}

.burger-menu-text.burger-menu-text-close {
  display: none
}

.home-page .uk-sticky-placeholder {
  display: block !important;
  position: absolute
}

.menunoactive {
  display: flex;
  flex-direction: column;
  align-items: center
}

.header.uk-active ul li a {
/*color: var(--text-color) !important;*/
  color: var(--header-color); filter: opacity(1);
}

a.navclose {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  color: var(--highlight-color);
  font-size: 20px;
  width: 30px;
  text-align: center;
  margin: 0 auto;
  font-weight: 700
}

.header .uk-navbar-nav {
  text-align: center;
  display: inherit;
  width: 100%;
  flex-direction: inherit;
  padding: 0;
  gap: 20px;
}

.header .main-menu {
  top: 50px
}

.header .uk-offcanvas-overlay:before {
  background: #e9f3f6
}

.header-add {
  color: #202a31;
  margin-bottom: 20px
}

.header-add a {
  color: #202a31;
  border: none
}

.uk-offcanvas-bar .header-add a:hover,
.uk-offcanvas-bar .header-add a:focus {
  color: var(--highlight-color);
  border: none;
  text-decoration: underline
}

.header-add span {
  display: block
}

.header .uk-navbar-nav>li.mob-only {
  display: none;
}

.header .uk-navbar-nav li a.navON {
  color: var(--highlight-color);
  border-bottom: solid 1px var(--highlight-color);
}

.header .secondary-menu {
  list-style: none;
  padding: 22px 0 32px 5px;
  margin-bottom: 0
}

.header .secondary-menu li {
  margin-bottom: 0;
  display: block
}

.header .secondary-menu li a {
  color: var(--inverse-font-color);
  font-weight: 800;
  line-height: 33px;
  font-size: 13px;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 0 7px
}

.header .secondary-menu li:after {
  content: none
}

.header .secondary-menu li a.navON:before {
  content: '';
  background: var(--inverse-font-color);
  width: 4px;
  height: 18px;
  left: -15px;
  position: absolute;
  top: 0
}

.header .secondary-menu li a.navON,
.header .secondary-menu li a:hover,
.header .secondary-menu li a:focus {
  color: var(--inverse-font-color)
}

.mobdisplay {
  display: none
}

.header-social {
  padding-bottom: 45px
}

.header-social ul {
  padding: 0;
  margin: 0
}

.header-social li {
  list-style: none;
  padding-right: 22px;
  display: inline-block
}

.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar .header-social li a {
  font-size: 19px;
  line-height: 32px;
  color: var(--highlight-color) !important
}

.mob-call {
  line-height: normal;
  display: flex;
  align-items: center;
  position: relative;
  top: 0;
  margin-right: 0
}
.mob-call a {
  color: var(--highlight-color);
}
.mob-call a span {
  padding-bottom: 5px;
  font-size: 20px
}

.rs-menu {
  line-height: normal;
  display: inline-block;
  padding-top: 1px;
  position: relative;
  padding-left: 12px
}

.rs-menu:before {
  content: "";
  width: 1px;
  height: 41px;
  background: #ccccb6;
  position: absolute;
  left: 0;
  top: -3px
}

.rs-menu a {
  font-size: 11px;
  color: #091832;
  font-family: 'Dallas';
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em
}

.uk-offcanvas-flip .menu .menu-text {
  display: none
}

.event-calendar {
  background: var(--inverse-font-color);
  padding: 6px 0;
  text-align: center;
  position: fixed;
  width: 100%;
  z-index: 9999
}

.calendar-txt {
  color: var(--primary-color) !important;
  font-size: 13px;
  text-transform: uppercase
}

.calendar-txt:hover {
  color: #B54F51 !important;
  text-decoration: underline
}

.header.uk-active .event-calendar {
  margin-bottom: 5px
}

.event-calendar .template-icon-calendar1 {
  padding-right: 10px
}

#megamenu .uk-offcanvas-bar {
  width: 100%;
  color: var(--inverse-font-color);
  position: relative;
  background-position: left top;
  background-repeat: repeat;
  background-attachment: fixed;
  background-color: var(--inverse-font-color)
}

#megamenu .open-megamenu {
  position: relative;
  z-index: 2
}

#megamenu .open-megamenu-wrap {
  position: relative
}

#megamenu.uk-open .uk-offcanvas-bar {
  visibility: visible;
  opacity: 1;
  padding: 0 0 60px;
  height: 100%;
  background-image: none !important;
}

ul.uk-navbar-nav {
  display: block;
  padding: 0 20px;
}

ul.uk-navbar-nav li {
  display: block
}

ul.uk-navbar-nav li a {
  padding: 3px 0;
  font: var(--header-fonts);
  color: var(--header-color) !important; filter: opacity(1);
  justify-content: flex-start;
  min-height: inherit; border-bottom:solid 1px transparent;
  letter-spacing: 0.9px;
  text-transform: var(--header-fonts-text-transform);
}
ul.uk-navbar-nav li a:focus-visible {color: var(--highlight-color); filter: opacity(1); border-bottom:solid 1px var(--highlight-color);}
ul.uk-navbar-nav li a:focus-visible {
  outline: none;
  color: var(--highlight-color); filter: opacity(1);
}
ul#topnav li.parent-mega {
  padding-left: 30px;
  position: relative
}

ul#topnav li .parent-mega-inner {
  position: relative;
  padding: 0
}

ul#topnav li .parent-mega-inner:hover,
ul#topnav li .parent-mega-inner:focus,
ul#topnav li .parent-mega-inner.navON {
  opacity: 60%;
}

ul#topnav li .parent-mega-inner.navON:before {
  content: '';
  position: absolute;
  left: -78px;
  height: 1px;
  width: 65px;
  background-color: var(--text-color);
  top: 39px
}

ul.uk-navbar-nav li a:hover span,
ul.uk-navbar-nav li a:focus span,
ul.uk-navbar-nav li a.navON span,
ul.uk-navbar-nav li a.isActive span {
  color: var(--text-color); filter: opacity(1);
  opacity: 1;
}

#megamenu ul.uk-navbar-nav li a:hover span,
#megamenu ul.uk-navbar-nav li a:focus span,
#megamenu ul.uk-navbar-nav li a.navON span {
   color: var(--text-color); filter: opacity(1);
  opacity: 1;
}

#megamenu .uk-offcanvas-overlay:before {
  background: rgba(0, 0, 0, .5)
}

#megamenu.uk-offcanvas-overlay {
  padding: 60px 0 0
}

#megamenu .uk-offcanvas-close span {
  width: 0;
  padding: 0
}

.top-navigation {
  padding: 0
}
.navigation-wrap .navmenu {
  display: flex;
  align-items: center;
}
.uk-sticky a.reserve.header__bookstay {
  background: var(--primary-cta-color);
  border-color: var(--primary-cta-color);
  height: 84px;
  line-height: 50px;
  margin: 0 0 0 30px;
  padding: 0;
  border: none;
  color: var(--primary-cta-font-color);
  text-transform: var(--primary-cta-font-transform);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.uk-sticky a.reserve.header__bookstay:hover, a.reserve.header__bookstay:focus {
  background: var(--primary-cta-hover-color);
  text-shadow: 0 0 0 var(--text-color);
}
.uk-sticky a.reserve.header__bookstay:before {
  background: var(--secondary-color); content:none;
}
.uk-sticky a.reserve.header__bookstay:hover:before, .uk-sticky a.reserve.header__bookstay:focus:before {
  text-shadow: 0 0 0 var(--primary-cta-font-hover-color);
  background: var(--inverse-font-color);
}

.uk-sticky.uk-active a.reserve.header__bookstay:hover, a.reserve.header__bookstay:focus {
  text-shadow: 0 0 0 var(--primary-cta-font-hover-color);
  color: transparent;
}
.uk-sticky.uk-active a.reserve.header__bookstay:before {
  content: none;
}
.uk-sticky.uk-active a.reserve.header__bookstay:hover:before, .uk-sticky.uk-active a.reserve.header__bookstay:focus:before {
  text-shadow: 0 0 0 var(--inverse-font-color);
  /*background: var(--primary-button-color);*/
}
.location-info {
  margin: 0 0 22px 0;
}
.location-info h3 {
  color: var(--text-color);
}
.mega-menu-location-container {
  max-width: 82%;
  margin: 20px auto 0;
  color: var(--primary-color);
  text-shadow: none;
}
.open-megamenu-wrap {
  padding: 48px 15px
}

.uk-navbar-nav>li>a {
  color: var(--inverse-font-color) !important
}

.open-megamenu-wrap a {
  position: relative
}

.open-megamenu-wrap .uk-nav-sub a,
.open-megamenu-wrap .uk-parent>a {
  position: relative
}

.open-megamenu-wrap .uk-nav-sub a:hover:before,
.open-megamenu-wrap .uk-parent>a:hover:before {
  content: none;
  width: 23px;
  height: 1px;
  background: var(--primary-color);
  position: absolute;
  top: 54%;
  left: -40px
}

.open-megamenu-wrap .uk-nav-sub a:hover:after,
.open-megamenu-wrap .uk-parent>a:hover:after {
  content: none;
  width: 20px;
  height: 20px;
  border: 1px solid var(--primary-color);
  position: absolute;
  left: -23px;
  transform: rotate(45deg);
  top: 4px;
  border-radius: 100%
}

.open-megamenu-wrap .uk-parent>a:hover:before {
  left: -40px
}

.open-megamenu-wrap .uk-parent>a:hover:after {
  left: -24px;
  top: 42%
}

.open-megamenu-wrap a.uk-button-primary:hover,
.open-megamenu-wrap a.uk-button-primary:focus {
  color: var(--inverse-font-color) !important;
  background-color: var(--primary-color) !important
}

.nav-img {
  text-align: right
}

.location-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px 20px 0
}

.location-box .icon-placeholder {
  font-size: 40px;
  color: var(--inverse-font-color);
  font-weight: 700
}

.location-box .address a {
  color: var(--inverse-font-color);
  font-size: 16px;
  line-height: 20px
}

.location-box .htl-number {
  padding: 0 0 40px
}

.location-box a {
  color: transparent;
  text-shadow: 0 0 0 var(--inverse-font-color)
}

.location-box a:hover,
.location-box a:focus {
  border-bottom: 1px solid var(--inverse-font-color)
}

li.submenulist a {
  position: relative
}

li.submenulist.uk-open>a.tpicon:before {
  font-family: 'mimiconfont';
  content: "\e911";
  position: absolute;
  right: 0;
  font-size: 18px;
  color: var(--text-color)
}

li.submenulist.uk-open>a.tpicon:after {
  content: '\e910'
}

li.submenulist a.tpicon {
  position: absolute;
  right: 0;
  top: 9px;
  z-index: 9
}

li.submenulist {
  position: relative
}

li.submenulist ul {
  padding: 0 0 0 5px
}

li.submenulist ul li {
  padding: 0;
  position: relative;
  color: var(--inverse-font-color)
}

li.submenulist ul li a {
  font-size: 14px;
  color: var(--text-color) !important;
  font-family: var(--text-fonts);
  text-transform: capitalize;
  line-height: 40px;
  text-align: center;
  letter-spacing: 0;
  padding: 0 10px
}

li.submenulist ul li a:hover,
li.submenulist ul li a.nav.navON,
li.submenulist ul li a:focus {
  text-shadow: none !important;
  color: var(--primary-color) !important
}

li.submenulist ul.uk-nav-sub {
  position: absolute;
  background: var(--inverse-font-color);
  border-radius: 0 0 0 30px;
  min-width: 200px;
  left: -35px;
  padding-top: 15px;
  display: none
}

ul#topnav li.parent-mega.uk-open ul.uk-nav-sub {
  display: block
}

a.book-now {
  background: var(--inverse-font-color);
  width: 100%;
  height: 60px;
  margin-top: 0;
  text-align: center;
  line-height: 60px;
  padding: 0;
  position: fixed;
  left: 0;
  bottom: 0;
  font-size: 18px;
  z-index: 9999;
  text-transform: uppercase;
  color: #000;
  border: none
}

.navigation-wrap {
  display: flex;
  align-items: center;
}
.header-left-mob {
  display: none;
}

/* new css */
.nav-img-wrap, .megamenu__media {
  display: none;
}
.location-hours-info-inner {
  color: var(--primary-color);
  text-shadow: none;
}
.mega-menu-location-container .hours-info h3 {
  color: var(--text-color);
}
.mob-only {
  display: none;
}
.dining-menu-icon {
  margin: 0 5px 0 0;
  position: relative;
  top: -2px;
}

@media all and (min-width: 320px) and (max-width: 767px), 
  only screen and (min-width: 768px) and (max-width: 1023px) {
    .header {
      min-height: auto;
      height: 60px;
      display: flex;
      align-items: center;
      padding: 0;
    }
    .uk-offcanvas-container .header {
      border-bottom: 1px solid #e1dcd3;
    }
    .uk-offcanvas-container .header .logo {
      display: none;
    }
    .uk-offcanvas-container .header .logoonscroll {
      display: block;
    }
    .uk-offcanvas-container .burger-menu a[aria-expanded="true"] .third-line {
      top: -3px;
      left: 5px;
    }
    .header.uk-sticky .container1240 {
      padding: 0;
    }
    .header.uk-active .headerinpad {
      display: inline-block;
      margin-bottom: 0;
    }
    .header .uk-navbar-nav>li.mob-only {
      display: block;
    }
    .header .logo {
      width: var(--mob-logo-width);
    }
    .header.uk-active .logoonscroll{
      width: var(--mob-logo-width-onscroll);
    }
    .open-megamenu .headerinpad {
      display: none;
    } 
    .navigation-wrap {
      display: none;
      justify-content: flex-end;
    }
    .navigation-wrap .rightpad a.reserve {
      min-width: 244px;
      letter-spacing: 2.6px;
      white-space: nowrap;
    }
    .header-left-mob {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-items: center;
      margin: 0;
    }
    .burger-menu {
      margin: 0;
      min-width: 50px;
    }
    .burger-menu a {
      display: flex;
      align-items: center;
    }
    .burger-menu a .first-line, .burger-menu a .third-line {
      width: 15px;
      transition: all .4s ease 0s;
    }
    .burger-menu a .third-line {
      left: 11px;
    }
    .burger-menu a[aria-expanded="true"] .first-line {
      transform: rotate(45deg);
      top: 4px;
      left: 5px;
    }
    .burger-menu a[aria-expanded="true"] .second-line {
      display: none;
    }
    .burger-menu a[aria-expanded="true"] .third-line {
      transform: rotate(-45deg);
      top: 0px;
    }
    .navmenu {
      display: none;
    }
    #megamenu.uk-offcanvas-overlay {
      padding: 0;
      margin: 60px 0 0 0;
      height: calc(100vh - 60px);
      background: var(--bg-header);
    }
    #megamenu.uk-offcanvas-overlay:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      opacity: 1;
      width: 100%;
      height: 100%;
      mix-blend-mode: luminosity;
      background: url('https://assets.milestoneinternet.com/pm-hotel-group-parent/recess/site-images/menu-bg.png') left top no-repeat;
      background-size: cover;
    }
    .open-megamenu-wrap {
      padding: 0;
    }
    .open-megamenu .logo-container .logo {
      display: none;
    }
    .open-megamenu .logo-container .logoonscroll {
      display: block;
    }
    #megamenu.uk-open .uk-offcanvas-bar {
      background: #F7F5F2;
      color: var(--text-color);
      padding: 0 0 120px 0;
    }
    .nav-links-outer {
      padding: 26px 0 30px;
      text-align: center;	
    }
    .nav-links {
      padding: 0;
    }
    .nav-links-outer {
      border-radius: 0px 0px 50px 0px;
    }
    ul.uk-navbar-nav {
      margin: 0 40px;
      padding: 0;
    }
    ul.uk-navbar-nav li {
      display: flex;
      justify-content: center;
      margin: 0 0 15px 0;
    }
    .nav-title.mob-only {
      display: block !important;
    }
    ul.uk-navbar-nav li a {
      font: var(--mob-header-fonts);
      color: var(--header-color) !important;
      justify-content: flex-start;
      letter-spacing: 0.75px;
      justify-content: center;
    }
  ul.uk-navbar-nav li a.nav.navON {border-bottom: solid 1px var(--highlight-color);}
    ul.uk-navbar-nav li:last-child {
      margin: 0;
    }
    .uk-offcanvas-overlay.uk-open:before {
      content: none;
    }
    #megamenu .social-media-wrap {
      margin: 0;
    }
    #megamenu .social-media-wrap ul li {
      margin: 0 15px;
    }
    #megamenu .social-media-wrap ul li a {
      /*font-size: 40px;*/
      color: var(--highlight-color);
    }
    #megamenu .social-media-wrap a .template-icon-tripadvisor {
      /*font-size: 24px;*/
      position: relative;
      top: 2px;
    }
    #megamenu .location-info h3 {
      color: var(--text-color);
    }
    .megamenu-social-media {
      width: 100%;
      color: var(--text-color);
      margin: 0;
      padding: 5px 0;
    }
    .mega-menu-location-container {
      justify-content: center;
      max-width: inherit;
      margin: 0;
    }
    .location-hours-info-section.main-navigation {
      padding: 0;
      background: none;
      margin: 0;
    }
    .location-hours-info-section.main-navigation h2 {
      margin: 0;
      padding: 0 0 20px 0;
      border: none;
      color: var(--text-color);
    }
    .location-hours-info-section.main-navigation .hours-info__item {
      margin: 0 0 23px 0;
    }
    .location-hours-info-section.main-navigation .hours-list p {
      display: inline-block;
      font-size: 22px;
    }
    .mega-menu-location-container .hours-list {
      margin: 0;
    }
    .mega-menu-location-container .hours-info {
      margin-bottom: 20px;
    }
    .mega-menu-location-container .hours-info h3 {
      margin: 0;
      font-size: 16px;
      letter-spacing: 0.8px;
      color: var(--text-color);
      line-height: 22px;
    }
    .menu-line-wrap {
      padding-bottom: 0;
      left: 0;
      flex-direction: column;
    }
    .mob-call a span {
      padding-bottom: 0;
    }
    .header.uk-active .mob-call a span {
      padding-bottom: 0;
    }
    .header.uk-active .menu-line-wrap span {
      background: var(--text-color);
    }
    .menu-line-wrap span {
      background: var(--inverse-font-color);
    }
    .navbar-container {
      justify-content: center;
    }
    .navbar-container .logo-container {
      margin: 22px 0 2px 0;
    }
    #megamenu .location-hours-info-inner {
      background: none;
      padding: 0;
      margin: 0;
      max-width: inherit;
    }
    .mob-call {
      min-width: 50px;
      justify-content: flex-end;
    }
    .headerinpad .web-only {
      display: none !important;
    }
    .headerinpad .mob-only {
      display: block !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape),
  only screen and (min-width: 768px) and (max-width: 1180px) {
    #megamenu.uk-open .uk-offcanvas-bar {
      height: 100vh;
    }
    ul#topnav li.parent-mega {
      padding-left: 0;
    }
    .rightpad a.reserve {
      white-space: nowrap;
    }
    .location-hours-info-inner {
      padding: 112px 50px 50px;
    }
    .home-location-hours-content h2 {
      max-width: inherit;
    }
    .home-client-reviews {
      position: relative;
      margin: 50px 0 50px 20px;
    }
    .home-client-reviews h2 {
      min-width: 40%;
    }
    .home-highlights {
      margin: 0 0 50px 0;
    }
    .home-gallery-slider {
      padding: 60px 100px 95px;
    }
    .home-menu-slider {
      min-height: 600px;
    }
    #megamenu.uk-open .uk-offcanvas-bar {
      background-image: none !important;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1180px) {
  .header .uk-navbar-nav {
    gap: 10px;
  }
  ul.uk-navbar-nav li a {
    font-size: 13px;
  }
  .uk-sticky a.reserve.header__bookstay {
    margin: 0 -23px 0 15px;
    min-width: 120px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  .uk-sticky a.reserve.header__bookstay {min-width: 140px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1360px) {
  ul.uk-navbar-nav li a {font-size:13px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1500px) {
.uk-sticky a.reserve.header__bookstay {
	margin-right: -23px;
	padding-right: 0; 
}
}
@media all and (min-width: 1500px) {
  .header.uk-sticky .container1240 {
    max-width: 1240px;
  }
  .uk-sticky a.reserve.header__bookstay {
    height: 84px;
    margin-right: -23px;
    border-radius: 50px 0px 0px 50px;
  }
}
#footer {
  position: relative;
}
.footer-stay-connected-section {
  margin: 0 0 -100px 0;
  padding: 80px 60px;
  background: var(--secondary-color);
  text-align: left;
  position: relative;
}
.footer-stay-connected-section .footer-stay-connected__form {
	width: calc(100% - 320px);
}
.footer-stay-connected-section h2 {
  /*font-size: 35px;
  line-height: 40px;*/
  color: var(--primary-color); filter: opacity(1);
}
.footer-stay-connected--form {
    flex-wrap: nowrap;
    display: flex;
    grid-column-gap: 15px;
}
.footer-stay-connected--form .capcha-contact {
  display: none;
}
.footer-stay-connected-section input[type=text] {
  height: 48px;
  min-width: 220px;
  background: transparent;
  padding: 6px 10px 5px;
  text-transform: capitalize;
  font: var(--form-input-fonts);
  /*font-size: 14px;*/ filter: opacity(1);
  color: var(--text-color);
  letter-spacing: 0.78px;
  border: 1px solid var(--border-color);
}
.footer-stay-connected-section input[type="text"]:focus {
  background: transparent;
  border-color: var(--highlight-color);
  color: var(--text-color); filter: opacity(1);
}
.footer-stay-connected-section input::placeholder {
  color: var(--text-color); filter: opacity(1);
}
.footer-stay-inner {
  padding: 65px 0 55px 0;
  background: var(--secondary-color);
}
.footer-stay-connected-section-inner {
  position: relative;
  z-index: 2;
}
.button.filled-primary-button.signup-btn {
  height: 48px; white-space: nowrap;
  min-width: 170px; line-height: 48px;
  margin: 0;
  
}
.stay-connected-info {
  text-align: left;
}
.signup-btn {
  margin: 0;
}
.stay-in-toutch {
  display: flex;
}
.social-media-wrap a {
  font-size: 20px;
}
.footer .social-media-wrap a {
	font-size: 14px;
	width: 40px;
	height: 40px;
	display: block;
	line-height: 40px;
	border: 1px solid var(--footer-color);
	border-radius: 50%;
}
.footer .social-media-wrap a:hover, .footer .social-media-wrap a:focus {
  color: var(--highlight-color);
  text-shadow: none;
  text-decoration: none;
  border: none;
  border: 1px solid var(--highlight-color);
}
.social-media-wrap ul li {
  display: inline-block;
  margin: 0 15px;
}
.social-media-wrap a .template-icon-tripadvisor {
  font-size: 20px;
}
.footer {
  padding: 200px 0 70px;
  font: var(--footer-fonts);
  /*font-size: 15px;
  line-height: 26px;*/
  letter-spacing: 0.96px;
  text-align: center;
  background: var(--bg-footer);
  color: var(--footer-color);
  text-transform: var(--footer-fonts-text-transform);
}
.footer .contentfocus {
  outline-color: var(--inverse-font-color);
}
.footer a { filter: opacity(1);
  color: var(--footer-color);
}
.footer a:hover,
.footer a:focus,
.footer a.navON {
  color: var(--footer-color);
  filter: opacity(1);
  border-bottom: 1px solid var(--footer-color);
  /*text-decoration: underline;
  text-decoration-color: var(--footer-color);*/
}
.footer-menu {
  display: none;
}
.newsletter-text {
  margin: 0 0 25px 0;
}
.footer-bottom {
  display: flex;
  flex-direction: column;
}
.get-notification {
  margin: 0 0 30px 0;
  display: inline-block;
}
.get-notification a {
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.28px;
  font-weight: 600;
  color: rgba(0,0,0,0);
  text-shadow: 0 0 0 var(--footer-color);
}
.get-notification a:hover,
.get-notification a:focus {
  color: var(--primary-cta-color);
}
.get-notification .icon-align {
  position: relative;
  top: 1px;
  left: 5px;
}

.copyright-outer {
  text-align: right;
}
.copyright,
.copyright a {
  /*font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.39px;*/
}
.copyright a:hover,
.copyright a:focus {
  color: var(--primary-cta-color);
}
.footer__copyright--home {
  display: none;
}
.home-page .footer__copyright--home {
  display: inline-block;
  /*font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.39px;*/
  margin: 0;
}
.footer__copyright--home a {
  color: rgba(0,0,0,0);
  text-shadow: 0 0 0 var(--footer-color);
  border-bottom: 1px solid transparent;
}
.footer__copyright--home a:hover, .footer__copyright--home a:focus {
  border-bottom: 1px solid var(--footer-color);
}
.quick-links {
  margin: 0 0 30px 0;
  /*font-size: 13px;
  line-height: 18px;*/
}
.quick-links,
.quick-links ul {
  display: inline-block;
}
.quick-links ul li {
  display: inline-block;
  padding: 0 10px;
  position: relative;
}
.quick-links ul li:after {
  content: '';
  width: 1px;
  height: 12px;
  background: var(--footer-color);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.quick-links ul li:first-child:after {
  content: none;
}
.footer-logo {
  margin-bottom: 24px;
}
.footer-logo a {text-decoration:none; border-bottom:0;}
.footer-logo a:hover, .footer-logo a:focus {text-decoration:none; border-bottom:0;}
.footer-logo .logo {
  width: var(--logo-width);
}
.footer__address {
  margin-bottom: 40px;
  /*font-family: var(--title-fonts);*/
}
.footer__address .htl-addr {
  position: relative;
  margin: 0 0 5px 0;
}
.footer-social-links {
  margin: 0;
}
a#backtotop {
  display: none;
  position: absolute;
  z-index: 9;
  width: 50px;
  height: 50px;
  line-height: 50px;
  bottom: 15px;
  right: 30px;
  background: var(--primary-cta-color);
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 var(--primary-cta-font-color);
  text-align: center;
  font-size: 24px;
  transition: all 0.6s ease;
  transform: rotate(270deg);
  border: 2px solid var(--primary-cta-color);
}
a#backtotop .backtotop {
  font-size: 18px;
  position: relative;
  top: 0;
}
a#backtotop:hover,
a#backtotop:focus {
  background: var(--primary-cta-hover-color);
  text-shadow: 0 0 0 var(--primary-cta-font-hover-color);
  border-color: var(--primary-cta-hover-color);
}
.footer-sticky-nav-mobile {
  position: fixed;
  display: none;
  bottom: 20px;
  left: 0;
  right: 0;
  z-index: 99;
}
.footer-sticky-nav-mobile a {
  width: 100%;
  height: 60px;
  line-height: normal;
  padding: 10px 0;
  text-align: center;
  margin: 0 20px;
  border-radius: 30px;
}
.footer-sticky-nav-mobile a:hover {
  background: var(--footer-color);
  color: var(--primary-cta-color);
}
.footer-sticky-nav-mobile a span {
  margin: 0 5px 0 0;
}
.footer-sticky-nav-mobile a.btn-book-now {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: var(--primary-cta-color);
  font: var(--primary-cta-fonts);
  letter-spacing: 1.02px;
  color: var(--primary-cta-font-color);
  text-shadow: none;
  line-height: 60px; max-width: 238px;
    margin: 0 auto;
  text-transform: var(--primary-cta-font-transform);
}
.footer-sticky-nav-mobile a.btn-book-now:hover,
.footer-sticky-nav-mobile a.btn-book-now:focus {
  color: rgba(0,0,0,0);
  text-shadow: 0 0 0 var(--primary-cta-font-hover-color);
  background: var(--primary-cta-hover-color);
  border: 1px solid var(--primary-cta-font-hover-color);
}
.footer__address .htl-number {
  margin: 0 0 10px 0;
  text-align: left;
}
.footer__address .htl-email {
  text-align: left;
}
#footer *:focus-visible {
  outline-color: var(--inverse-font-color);
}
@media all and (min-width: 1024px) {
  .copyright-outer {max-width: 33.33%;}
}

@media all and (min-width: 1024px) and (max-width: 1240px) {
  .footer-stay-connected-section .footer-stay-connected__form { width: calc(100% - 280px); }
  .footer-stay-connected-section input[type=text] {min-width: 100%;}
}

@media all and (max-width: 959.98px) {
.footer-stay-connected-section .footer-stay-connected__form{
      width: 100%;
    	text-align: left;
  }
}
@media all and (max-width: 767px) {
  #footer {
    padding: 40px 0 0;
  }
  .Dining #footer {
    padding-top: 0;
  }
  .footer {
    padding: 240px 0 100px 0;
  }
  .footer__address .htl-email {
    text-align: center;
  }
  .footer-logo {
    margin-bottom: 0;
  }
  .footer a {
    /*font-size: 16px;*/
  }
  .stay-in-toutch {
    flex-direction: column;
  }
  .button.filled-primary-button.signup-btn {
    margin: 0 auto;
    width: fit-content;
  }
  /*.footer-stay-connected-section h2 {
    font-size: 36px;
    font-weight: 600;
  }*/
  .footer-stay-connected-section input {
    height: 48px;
    border: 1px solid var(--border-color);
    padding: 6px 20px 5px;
    /*font-weight: 400;*/
  }
  
  .footer-stay-connected-section .signup-btn {
    margin-top: 43px;
  }
  .footer__address .htl-addr {
    margin: 0;
  }
  .htl-email.uk-grid-margin {
    margin: 0 0 5px 0;
    text-align: center;
  }
  .footer__address .htl-number {
    margin: 0;
    order: 2;
    text-align: center;
  }
  .footer-stay-connected--form {
    flex-wrap: wrap;
    row-gap: 26px;
  }
  .footer-stay-connected--form .full-width {
    width: 100%;
  }
  .footer-social-links {
    margin-bottom: 40px;
  }
  .home-page .footer__copyright--home {
    margin: 0;
  }
  .copyright-outer {
    text-align: center;
    order: 2;
  }
  .copyright, .copyright a {
    /*font-size: 12px;
    letter-spacing: 0.72px;*/
  }
  .footer-sticky-nav-mobile {
    display: flex;
  }
  .quick-links,
  .footer-box {
    min-width: inherit;
    max-width: inherit;
    margin: 0 auto;
  }
  .quick-links {
    padding-bottom: 30px;
    order: 2;
  }
  .quick-links a {
    /*font-size: 14px;*/
  }
  .stay-connected-info {
    width: 100%;
    margin: 0 0 30px 0;
    text-align: center;
  }
  .social-media-wrap ul li a {
    /*font-size: 40px;*/
  }
  a#backtotop {
    display: none !important;
  }
  .footer-stay-connected-section {
    margin: 0 0 -180px 0;
    padding: 40px 20px 50px;
  }
  .footer-stay-connected-section p {
    text-align: center;
  }
  .footer__address {
    order: 2;
    /*font-size: 16px;
    line-height: 40px;*/
  }
  .social-media-wrap {
    margin: 50px 0 0 0;
  }
  .footer-stay-connected--form .uk-grid {grid-row-gap: 20px;}
  .full-width label.form__checkbox { line-height:20px; }
  .full-width label.form__checkbox:first-child {margin-top:0;}
  .full-width label.form__checkbox input {height:16px; top:6px;}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .footer {
  	padding-bottom: 100px;
  }
  .footer__address .htl-number, .footer__address .htl-email, .copyright-outer {
    text-align: center;
  }
  .stay-connected-info {
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center;
  }
  .footer-stay-connected-section p {
    text-align: center;
  }
  .footer-stay-connected--form {
    flex-wrap: wrap;
    row-gap: 20px;
  }
  .button.filled-primary-button.signup-btn {
    margin: 0 auto;
  }
  .footer__address .htl-addr, .footer__address .htl-number, .footer__address .htl-email {
    margin: 0;
  }
  .footer .hotel-info a {
    font-size: 18px;
  }
  .footer-social-links {
    margin: 0 0 40px 0;
    order: 1;
  }
  .footer__address {
    order: 2;
  }
  .quick-links {
    order: 1;
  }
  .copyright-outer {
    order: 3;
  }
  .footer-stay-connected-section {
  	margin: 0 0 -150px 0;
    padding: 40px 60px;
  }
  .footer-sticky-nav-mobile {
  	display: flex;
  }
  .footer-social-links > .web-only {
  	display: none !important;
  }
  .footer__address > .mob-only {
  	display: block !important;
  }
  .footer__address > .mob-only .social-media-wrap {
  	margin: 50px 0 0 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1180px) {
  .stay-connected-info, .footer-stay-connected-section p {
    text-align: left;
  }
  .footer-stay-connected__form {
    width: 100%;
    text-align: left;
    position: relative;
  }
  .footer-stay-connected-section input {
    width: 58%;
  }
  .button.filled-primary-button.signup-btn {
    width: 100%;
    margin: 0;
    top: 0;
    right: 0;
  }
  .footer-stay-connected-section h2 {
  	display: inline-block;
    padding: 0 0 20px 0;
  }
}
@media all and (min-width: 1024px) {
  .footer {
    text-align: inherit;
  }
  .footer-menu {
    display: block;
  }
  .footer-bottom {
    flex-direction: row;
    justify-content: space-between;
  }
  .footer-social-links {
    margin: 0;
    padding: 0;
  }
}
.grecaptcha-badge {
	visibility: hidden;
	opacity: 0;
}

label.form__checkbox {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
    position: relative;
    padding-left: 25px;
    margin-top: 10px; color: var(--text-color);
    filter: opacity(1);
}
label.form__checkbox a { color: var(--highlight-color); filter: opacity(1);}
label.form__checkbox a:hover, label.form__checkbox a:focus { color: var(--text-color); filter: opacity(1);}
label.form__checkbox + label.form__checkbox {margin-top: 5px;}
label.form__checkbox input {padding:4px; position: absolute; left: 0; top: 8px; width: 16px;}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
    background-color: var(--highlight-color);
    border-color: transparent;
}
.uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus {
    background-color: var(--highlight-color);
}
.inner-overview.thanks-page h2 {
padding-bottom: 20px;
}
.inner-overview h1 { filter: opacity(1);
  color: var(--primary-cta-color);
}
.inner-overview {
  padding: 100px 0;
}
.inner-overview-content {
  position: relative;
  z-index: 2;
}
.overview-snippet__actions {
  margin: 28px 0 0 0;
}
.inner-overview-snippet {
  padding: 0;
  color: #222222;
  flex-direction: column-reverse;
}
.inner-overview-snippet h1 {
  margin: 0 0 20px 0;
  font-size: 28px;
  line-height: 35px;
  color: #222222;
}
.overview-snippet-content h4 {
  margin: 0 0 10px 0;
  font-weight: 600;
}
.overview-snippet-content .icon-box .icon-size-32 {
  font-size: 32px;
  margin: 0 0 10px 0;
}
.overview-snippet-content .icon-box .icon-size-42 {
  font-size: 42px;
}
@media all and (max-width: 959.98px) {
  .inner-overview {
    padding: 50px 0;
}
}