.aresThemeHeader,
.aresThemeFooter {
  /*! CSS Used from: https://www.visitchicagosouthland.com/stylesheet2026.css */
  /*! CSS Used fontfaces */
  /*! CSS Used from: https://www.visitchicagosouthland.com/stylesheet2026.css */
}
.aresThemeHeader html,
.aresThemeFooter html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "avenir-lt-pro", sans-serif !important;
  font-weight: 400;
  font-display: swap;
  scroll-behavior: smooth;
}
.aresThemeHeader body,
.aresThemeFooter body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.aresThemeHeader #nav,
.aresThemeFooter #nav {
  width: 100%;
  height: 160px;
  position: static;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  z-index: 99999;
  letter-spacing: normal;
  background-color: #ffffff;
}
.aresThemeHeader .navlimiter,
.aresThemeFooter .navlimiter {
  background-color: #0d5cab;
  margin-left: auto;
  margin-right: auto;
}
.aresThemeHeader .cscvblogo,
.aresThemeFooter .cscvblogo {
  width: auto;
  height: 145px;
  padding-left: 60px;
  padding-right: 0px;
  float: right;
  position: relative;
  z-index: 99;
}
.aresThemeHeader .cscvblogoMobile,
.aresThemeFooter .cscvblogoMobile {
  width: 180px;
  height: auto;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  right: 330%;
  bottom: -24px;
}
.aresThemeHeader .navarea,
.aresThemeFooter .navarea {
  width: 100%;
  height: 105px;
  padding: 0px;
  float: right;
  visibility: visible;
}
.aresThemeHeader .mobilenavarea,
.aresThemeFooter .mobilenavarea {
  width: 0px;
  height: 0px;
  padding: 0px;
  float: right;
  vertical-align: middle;
  visibility: hidden;
}
.aresThemeHeader .specificnav,
.aresThemeFooter .specificnav {
  height: 45px;
  padding: 0px;
  font-size: 10pt;
  color: #cccccc;
  text-transform: uppercase;
  padding-top: 10px;
  text-align: right;
  float: right;
  box-sizing: content-box;
}
.aresThemeHeader .css3menuNEW,
.aresThemeFooter .css3menuNEW {
  color: #50bcde;
  display: block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-size: 30px;
  cursor: pointer;
  padding: 5px 15px;
  text-transform: capitalize;
  font-weight: bold;
}
.aresThemeHeader ul#css3menu2,
.aresThemeFooter ul#css3menu2 {
  margin: 0;
  margin-left: auto;
  float: right;
  margin-right: auto;
  list-style: none;
  padding: 0;
  z-index: 100;
  font-weight: bold;
}
.aresThemeHeader ul#css3menu2 li:hover > *,
.aresThemeFooter ul#css3menu2 li:hover > * {
  display: block;
}
.aresThemeHeader ul#css3menu2 li,
.aresThemeFooter ul#css3menu2 li {
  position: relative;
  display: block;
  white-space: nowrap;
  font-size: 0;
  float: left;
}
.aresThemeHeader ul#css3menu2 li:hover,
.aresThemeFooter ul#css3menu2 li:hover {
  z-index: 1;
}
.aresThemeHeader ul#css3menu2,
.aresThemeFooter ul#css3menu2 {
  font-size: 0;
  z-index: 999;
  position: relative;
  display: inline-table;
  zoom: 1;
  padding: 0;
  *display: inline;
}
.aresThemeHeader ul#css3menu2 > li,
.aresThemeFooter ul#css3menu2 > li {
  margin: 0;
}
.aresThemeHeader ul#css3menu2 a:active,
.aresThemeFooter ul#css3menu2 a:active {
  outline-style: none;
}
.aresThemeHeader ul#css3menu2 a,
.aresThemeFooter ul#css3menu2 a {
  display: block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-size: 11pt;
  color: #cccccc;
  text-transform: uppercase;
  padding-top: 0px;
  cursor: pointer;
  padding: 5px;
  padding-right: 15px;
}
.aresThemeHeader ul#css3menu2 a:hover,
.aresThemeFooter ul#css3menu2 a:hover {
  color: #ffffff;
}
.aresThemeHeader ul#css3menu2 li:hover > a,
.aresThemeFooter ul#css3menu2 li:hover > a {
  color: #ffffff;
  text-decoration: none;
}
.aresThemeHeader .desktopNavHolder,
.aresThemeFooter .desktopNavHolder {
  height: 160px;
  width: 100%;
  font-size: 18px;
  z-index: 9999;
}
.aresThemeHeader .desktopNav,
.aresThemeFooter .desktopNav {
  position: absolute;
  margin: 100px 0 0 0;
  color: #ffffff;
  width: 100%;
  z-index: 89;
}
.aresThemeHeader .navbar,
.aresThemeFooter .navbar {
  overflow: hidden;
  margin-left: 25%;
  z-index: 9999;
  padding-right: 1%;
}
.aresThemeHeader .navbar a,
.aresThemeFooter .navbar a {
  float: left;
  font-size: 18px;
  color: white;
  text-align: center;
  padding: 0px 2px;
  text-decoration: none;
}
.aresThemeHeader .dropdown,
.aresThemeFooter .dropdown {
  float: right;
  overflow: hidden;
}
.aresThemeHeader .dropdown-content,
.aresThemeFooter .dropdown-content {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: 45px;
}
.aresThemeHeader .dropdown:active .dropdown-content,
.aresThemeFooter .dropdown:active .dropdown-content {
  display: block;
}
.aresThemeHeader .randohov:hover,
.aresThemeFooter .randohov:hover {
  transform: scale(1.05);
  transition: all 0.1s ease-out;
}
.aresThemeHeader a,
.aresThemeFooter a {
  color: #005cab;
  text-decoration: none;
}
.aresThemeHeader a:hover,
.aresThemeFooter a:hover {
  color: #222222;
  text-decoration: none;
}
.aresThemeHeader a:active,
.aresThemeFooter a:active {
  color: #005cab;
  text-decoration: none;
}
.aresThemeHeader a:visited,
.aresThemeFooter a:visited {
  color: #005cab;
  text-decoration: none;
}
.aresThemeHeader .navColor1,
.aresThemeFooter .navColor1 {
  color: #56add4 !important;
  text-decoration: none;
  font-family: "canvas-script", sans-serif;
  font-weight: 200;
}
.aresThemeHeader .navColor2,
.aresThemeFooter .navColor2 {
  color: #4da960 !important;
  text-decoration: none;
  font-family: "canvas-script", sans-serif;
  font-weight: 200;
}
.aresThemeHeader .navColor3,
.aresThemeFooter .navColor3 {
  color: #3766ac !important;
  text-decoration: none;
  font-family: "canvas-script", sans-serif;
  font-weight: 200;
}
.aresThemeHeader .navColor4,
.aresThemeFooter .navColor4 {
  color: #3c8ec0 !important;
  text-decoration: none;
  font-family: "canvas-script", sans-serif;
  font-weight: 200;
}
.aresThemeHeader .navColor5,
.aresThemeFooter .navColor5 {
  color: #46844e !important;
  text-decoration: none;
  font-family: "canvas-script", sans-serif;
  font-weight: 200;
}
.aresThemeHeader .navColor6,
.aresThemeFooter .navColor6 {
  color: #265da5 !important;
  text-decoration: none;
  font-family: "canvas-script", sans-serif;
  font-weight: 200;
}
@media only screen and (min-width: 1025px) and (max-width: 1450px) {
  .aresThemeHeader .css3menuNEW,
  .aresThemeFooter .css3menuNEW {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1190px) {
  .aresThemeHeader .specificnav,
  .aresThemeFooter .specificnav {
    width: 627px;
  }
  .aresThemeHeader ul#css3menu2 a,
  .aresThemeFooter ul#css3menu2 a {
    font-size: 8pt;
  }
  .aresThemeHeader .css3menuNEW,
  .aresThemeFooter .css3menuNEW {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .aresThemeHeader .cscvblogoMobile,
  .aresThemeFooter .cscvblogoMobile {
    width: 120px;
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    position: absolute;
    right: 330%;
    bottom: -24px;
    box-sizing: content-box;
  }
  .aresThemeHeader .navarea,
  .aresThemeFooter .navarea {
    width: 0px;
    height: 0px;
    padding: 0px;
    float: right;
    background-color: #0d5cab;
    visibility: hidden;
  }
  .aresThemeHeader .mobilenavarea,
  .aresThemeFooter .mobilenavarea {
    width: 50px;
    height: 116px;
    padding: 0px;
    float: left;
    visibility: visible;
  }
  .aresThemeHeader .mobilemenuicon,
  .aresThemeFooter .mobilemenuicon {
    width: 40px;
    height: 35px;
    padding-left: 20px;
    padding-right: 5px;
    padding-top: 35px;
    float: left;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .aresThemeHeader #nav,
  .aresThemeFooter #nav {
    width: 100%;
    height: 116px;
    position: static;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    z-index: 999999999;
    letter-spacing: normal;
    background-color: #ffffff;
  }
  .aresThemeHeader .navlimiter,
  .aresThemeFooter .navlimiter {
    background-color: #fff;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    height: 116px;
  }
  .aresThemeHeader .cscvblogo,
  .aresThemeFooter .cscvblogo {
    width: 197px;
    height: 116px;
    padding-left: 5px;
    padding-right: 5px;
    float: right;
  }
  .aresThemeHeader .navarea,
  .aresThemeFooter .navarea {
    width: 0px;
    height: 0px;
    padding: 0px;
    float: right;
    background-color: #0d5cab;
    visibility: hidden;
  }
  .aresThemeHeader .mobilenavarea,
  .aresThemeFooter .mobilenavarea {
    width: 50px;
    height: 80px;
    padding: 0px;
    float: none;
    visibility: visible;
    position: absolute;
    left: 75%;
  }
  .aresThemeHeader .mobilemenuicon,
  .aresThemeFooter .mobilemenuicon {
    width: 55px;
    height: auto;
    padding-left: 20px;
    padding-right: 5px;
    padding-top: 75px;
    float: left;
  }
  .aresThemeHeader .cscvblogoMobile,
  .aresThemeFooter .cscvblogoMobile {
    width: 120px;
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    position: absolute;
    right: 210px;
    bottom: -24px;
  }
}
@font-face {
  font-family: "canvas-script";
  src: url("https://use.typekit.net/af/0ec4b4/0000000000000000774ba092/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"), url("https://use.typekit.net/af/0ec4b4/0000000000000000774ba092/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"), url("https://use.typekit.net/af/0ec4b4/0000000000000000774ba092/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 200;
  font-stretch: normal;
}
@font-face {
  font-family: "canvas-script";
  src: url("https://use.typekit.net/af/483085/0000000000000000774ba093/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/483085/0000000000000000774ba093/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/483085/0000000000000000774ba093/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}
.aresThemeHeader a,
.aresThemeFooter a {
  color: #005cab;
  text-decoration: none;
}
.aresThemeHeader .footerContent,
.aresThemeFooter .footerContent {
  font-size: 16px;
}
.aresThemeHeader .csllogo,
.aresThemeFooter .csllogo,
.aresThemeHeader .dmaplogo,
.aresThemeFooter .dmaplogo,
.aresThemeHeader .iotlogo,
.aresThemeFooter .iotlogo {
  box-sizing: content-box;
}
.aresThemeHeader a:hover,
.aresThemeFooter a:hover {
  color: #222222;
  text-decoration: none;
}
.aresThemeHeader a:active,
.aresThemeFooter a:active {
  color: #005cab;
  text-decoration: none;
}
.aresThemeHeader a:visited,
.aresThemeFooter a:visited {
  color: #005cab;
  text-decoration: none;
}
.aresThemeHeader #social,
.aresThemeFooter #social {
  background-color: #046db1;
  width: 100%;
  height: auto;
  background-image: url(/themes/chicago-southland-cvb/images/2026Jun/bg-21.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}
.aresThemeHeader .sociallimiter,
.aresThemeFooter .sociallimiter {
  margin-left: auto;
  margin-right: auto;
}
.aresThemeHeader #footer,
.aresThemeFooter #footer {
  width: 100%;
  padding-top: 40px;
}
.aresThemeHeader .footerContent,
.aresThemeFooter .footerContent {
  width: 100%;
}
.aresThemeHeader .footerCol1,
.aresThemeFooter .footerCol1 {
  width: 5%;
  float: left;
  text-align: left;
  padding-top: 40px;
}
.aresThemeHeader .footerCol2,
.aresThemeFooter .footerCol2 {
  width: 15%;
  float: left;
  text-align: left;
  padding-top: 40px;
}
.aresThemeHeader .footerCol3,
.aresThemeFooter .footerCol3 {
  width: 14%;
  float: left;
  text-align: left;
  padding-top: 40px;
}
.aresThemeHeader .footerCol4,
.aresThemeFooter .footerCol4 {
  width: 14%;
  float: left;
  text-align: left;
  padding-top: 40px;
}
.aresThemeHeader .footerCol5,
.aresThemeFooter .footerCol5 {
  width: 12%;
  float: left;
  text-align: left;
  padding-top: 40px;
}
.aresThemeHeader .footerCol6,
.aresThemeFooter .footerCol6 {
  width: 35%;
  float: left;
  text-align: left;
}
.aresThemeHeader .footerCol7,
.aresThemeFooter .footerCol7 {
  width: 5%;
  float: left;
  padding-top: 40px;
}
.aresThemeHeader .footerNav,
.aresThemeFooter .footerNav {
  color: #ffffff !important;
  line-height: 32px;
}
.aresThemeHeader a.footerNav:hover,
.aresThemeFooter a.footerNav:hover {
  color: #ffffff;
  text-decoration: none;
}
.aresThemeHeader a.footerNav:active,
.aresThemeFooter a.footerNav:active {
  color: #ffffff;
  text-decoration: none;
}
.aresThemeHeader a.footerNav:visited,
.aresThemeFooter a.footerNav:visited {
  color: #ffffff;
  text-decoration: none;
}
.aresThemeHeader .iotlogo,
.aresThemeFooter .iotlogo {
  width: auto;
  height: 80px;
  padding: 30px;
  margin-left: 0%;
  float: none;
}
.aresThemeHeader .csllogo,
.aresThemeFooter .csllogo {
  width: auto;
  height: 100px;
  padding: 30px;
  margin-left: 0%;
  float: none;
}
.aresThemeHeader .dmaplogo,
.aresThemeFooter .dmaplogo {
  width: auto;
  height: 110px;
  padding: 30px;
  margin-left: 0%;
  float: none;
}
.aresThemeHeader .footertext,
.aresThemeFooter .footertext {
  font-size: 11pt;
  color: #ffffff;
  padding: 10px;
  text-align: center;
  line-height: 18pt;
}
.aresThemeHeader .footertext a,
.aresThemeFooter .footertext a {
  color: #2eaed8;
  text-transform: uppercase;
  text-decoration: none;
}
.aresThemeHeader .footertext a:hover,
.aresThemeFooter .footertext a:hover {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}
.aresThemeHeader .footertext a:active,
.aresThemeFooter .footertext a:active {
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
}
.aresThemeHeader .footertext a:visited,
.aresThemeFooter .footertext a:visited {
  color: #2eaed8;
  text-transform: uppercase;
  text-decoration: none;
}
.aresThemeHeader .newvisitwidget,
.aresThemeFooter .newvisitwidget {
  position: fixed;
  left: 0;
  top: 750px;
  z-index: 9999999;
  padding: 0;
  margin: 0;
  width: 85px;
  height: 114px;
}
.aresThemeHeader .newvisitwidget:hover,
.aresThemeFooter .newvisitwidget:hover {
  transform: scale(1.05);
  transition: all 0.1s ease-out;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .aresThemeHeader .footerNav,
  .aresThemeFooter .footerNav {
    font-size: 13px;
  }
  .aresThemeHeader .footertext,
  .aresThemeFooter .footertext {
    padding: 0px;
  }
  .aresThemeHeader #footer,
  .aresThemeFooter #footer {
    width: 100%;
    height: auto;
    padding-top: 0;
  }
  .aresThemeHeader .iotlogo,
  .aresThemeFooter .iotlogo {
    width: 15%;
    height: auto;
    padding: 12px;
    margin: 0%;
    float: none;
  }
  .aresThemeHeader .csllogo,
  .aresThemeFooter .csllogo {
    width: 15%;
    height: auto;
    padding: 12px;
    margin: 0%;
    float: none;
  }
  .aresThemeHeader .dmaplogo,
  .aresThemeFooter .dmaplogo {
    width: 18%;
    height: auto;
    padding: 12px;
    margin: 0%;
    float: none;
  }
  .aresThemeHeader #social,
  .aresThemeFooter #social {
    background-color: #046db1;
    width: 100%;
    height: auto;
    background-image: url(/themes/chicago-southland-cvb/images/2026Jun/bg-21.jpg);
    background-repeat: no-repeat;
    background-position: top center;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .aresThemeHeader #social,
  .aresThemeFooter #social {
    background-color: #046db1;
    width: 100%;
    height: auto;
    background-image: url(/themes/chicago-southland-cvb/images/2026Jun/bg-21.jpg);
    background-repeat: repeat-y;
    background-position: top center;
  }
  .aresThemeHeader .sociallimiter,
  .aresThemeFooter .sociallimiter {
    margin-left: auto;
    margin-right: auto;
  }
  .aresThemeHeader #footer,
  .aresThemeFooter #footer {
    width: 100%;
    height: auto;
    padding-top: 0;
  }
  .aresThemeHeader .footerContent,
  .aresThemeFooter .footerContent {
    width: 100%;
    font-size: 12pt;
    font-weight: normal;
    line-height: 18pt;
  }
  .aresThemeHeader .footerCol1,
  .aresThemeFooter .footerCol1 {
    display: none;
  }
  .aresThemeHeader .footerCol2,
  .aresThemeFooter .footerCol2 {
    width: 100%;
    margin: auto;
    float: left;
    text-align: center;
    padding-top: 40px;
  }
  .aresThemeHeader .footerCol3,
  .aresThemeFooter .footerCol3 {
    width: 100%;
    margin: auto;
    float: left;
    text-align: center;
    padding-top: 40px;
  }
  .aresThemeHeader .footerCol4,
  .aresThemeFooter .footerCol4 {
    width: 100%;
    margin: auto;
    float: left;
    text-align: center;
    padding-top: 40px;
    clear: both;
  }
  .aresThemeHeader .footerCol5,
  .aresThemeFooter .footerCol5 {
    width: 100%;
    margin: auto;
    float: left;
    text-align: center;
    padding-top: 40px;
  }
  .aresThemeHeader .footerCol6,
  .aresThemeFooter .footerCol6 {
    width: 95%;
    margin: auto 5%;
    float: left;
    text-align: left;
  }
  .aresThemeHeader .footerCol7,
  .aresThemeFooter .footerCol7 {
    display: none;
  }
  .aresThemeHeader .iotlogo,
  .aresThemeFooter .iotlogo {
    width: 40%;
    height: auto;
    padding: 12px;
    margin: 0%;
    float: none;
  }
  .aresThemeHeader .csllogo,
  .aresThemeFooter .csllogo {
    width: 40%;
    height: auto;
    padding: 12px;
    margin: 0%;
    float: none;
  }
  .aresThemeHeader .dmaplogo,
  .aresThemeFooter .dmaplogo {
    width: 48%;
    height: auto;
    padding: 12px;
    margin: 0%;
    float: none;
  }
  .aresThemeHeader .footertext,
  .aresThemeFooter .footertext {
    font-size: 11pt;
    color: #ffffff;
    padding: 0px 10px 10px 10px;
    text-align: center;
    line-height: 18pt;
  }
  .aresThemeHeader .newvisitwidget,
  .aresThemeFooter .newvisitwidget {
    position: fixed;
    left: 0;
    top: 340px;
    z-index: 9999999;
    padding: 0;
    margin: 0;
    width: 55px;
    height: auto;
  }
}

/*v2.2 (2022-02-03) // @formatter:off*/
/*?! THEME VARIABLES ======================================================================================= */
/* Adjust These Variables For Quick Global Changes */
:root {
  --colorPrimary: var(--aresRed);
  --colorPrimaryDarkened: var(--aresRedDarkened);
  --colorSecondary: var(--aresBlue);
  --colorSecondaryDarkened: var(--aresBlueDarkened);
  --colorTertiary: var(--aresGreen);
  --colorTertiaryDarkened: var(--aresGreenDarkened);
  --backgroundColor: #fff;
  --backgroundTopPadding: 0;
  --backgroundImage: none;
  --backgroundInnerColor: var(--backgroundColor);
  --backgroundInnerBottomPadding: 0;
  --fontColor: #444;
  --fontFamilyText: Lato, Arial, Helvetica, sans-serif;
  --fontFamilyHeadings: Futura, 'Trebuchet MS', Lato, Arial, Helvetica, sans-serif;
  --buttonTextColor: #fff;
  --buttonDeemphasizeColor: #D0D0D0;
  --buttonDeemphasizeColorDarkened: #AEAEAE;
  --buttonDeemphasizeTextColor: #424242;
  /*?! ARES VARIABLES ====================================================================================== */
  /* Adjust These Variables For Fine Tuning */
  --baseTextColor: var(--fontColor);
  --baseFontFamily: var(--fontFamilyText);
  --baseBackgroundColor: var(--backgroundColor);
  --basePanelBgColor: var(--backgroundColor);
  --baseInnerBgColor: var(--backgroundInnerColor);
  --baseInnerPadding: 2em;
  --baseInnerRadius: var(--baseRadius);
  --baseBorder: 0;
  --baseRadius: 0;
  --baseBoxShadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  --spinnerFontFamily: var(--fontFamilyHeadings);
  --spinnerBgColor: var(--basePanelBgColor);
  --bgImagePosition: top center;
  --bgImageRepeat: no-repeat;
  --bgImageSize: contain;
  --bgImageTopMargin: 0;
  --linkFontFamily: var(--fontFamilyText);
  --linkColor: var(--colorSecondary);
  --linkColorHover: var(--colorSecondaryDarkened);
  --linkColorVisited: var(--colorSecondary);
  --linkColorActive: var(--colorSecondaryDarkened);
  --navBgColor: var(--colorPrimary);
  --navColorHover: #fff;
  --navFontFamily: var(--buttonFontFamily);
  --navTextColor: var(--buttonTextColor);
  --navRadius: var(--buttonRadius);
  --pagerBgColor: var(--colorPrimary);
  --pagerBgColorHover: var(--colorPrimaryDarkened);
  --pagerTextColor: var(--buttonTextColor);
  --pagerRadius: 1.25em;
  --buttonFontFamily: var(--fontFamilyHeadings);
  --buttonRadius: 0.25em;
  --buttonBorder: 0;
  --buttonBgColor: var(--colorPrimary);
  --buttonBgColorHover: var(--colorPrimaryDarkened);
  --buttonMaxWidth: 23em;
  --buttonResetBgColor: var(--buttonDeemphasizeColor);
  --buttonResetBgColorHover: var(--buttonDeemphasizeColorDarkened);
  --buttonMapBgColor: var(--buttonDeemphasizeColor);
  --buttonMapTextColor: var(--buttonDeemphasizeTextColor);
  --buttonMapBgColorHover: var(--buttonDeemphasizeColorDarkened);
  --buttonMapBorder: var(--buttonBorder);
  --buttonMapRadius: var(--buttonRadius);
  --buttonSearchBgColor: var(--colorPrimary);
  --buttonSearchBgColorHover: var(--colorPrimaryDarkened);
  --buttonBuyBgColor: var(--colorTertiary);
  --buttonBuyTextColor: var(--buttonTextColor);
  --buttonBuyBgColorHover: var(--colorTertiaryDarkened);
  --buttonHighlightBgColor: var(--colorPrimary);
  --buttonHighlightBgColorHover: var(--colorPrimaryDarkened);
  --buttonAmenitiesFontFamily: var(--buttonFontFamily);
  --buttonAmenitiesBgColor: #f2f2f2;
  --buttonAmenitiesTextColor: #666666;
  --buttonAmenitiesBgColorHover: var(--buttonAmenitiesBgColor);
  --buttonSecondaryBorder: 1px solid #333;
  --buttonSecondaryColor: #333;
  --buttonSecondaryFontFamily: var(--buttonFontFamily);
  --buttonSecondaryColorHover: #fff;
  --buttonSecondaryBorderHover: 1px solid #aeaeae;
  --buttonTransparentBackground: transparent;
  --tabFontFamily: var(--buttonFontFamily);
  --tabTextColor: var(--linkColor);
  --tabTextColorHover: var(--linkColorHover);
  --tabBgColor: var(--basePanelBgColor);
  --tabBgColorHover: #f2f2f2;
  --tabBgColorSelected: var(--basePanelBgColor);
  --tabHighlightedBgColor: var(--colorPrimary);
  --tabHighlightedTextColor: var(--buttonTextColor);
  --tabHighlightedBgColorHover: var(--colorPrimaryDarkened);
  --tabHighlightedTextColorHover: var(--buttonTextColor);
  --tabHighlightedBgColorSelected: var(--buttonDeemphasizeColor);
  --tabHighlightedTextColorSelected: var(--buttonDeemphasizeTextColor);
  --productMapBgColorHover: var(--colorTertiary);
  --priceColor: var(--colorTertiary);
  --highPriceColor: #6E6E6E;
  --dealsColor: var(--colorTertiary);
  --dealTextColor: var(--buttonTextColor);
  --tableCellColor: #f2f2f2;
  --sidebarHeaderBgColor: var(--colorPrimary);
  --sortBarRadius: var(--baseRadius);
  --alertTextColor: var(--buttonTextColor);
  --alertBgColor: #ED6053;
  --starRatingColor: #FFAE4A;
  --aresRed: #DE1721;
  --aresRedDarkened: #C71C22;
  --aresBlue: #0177C1;
  --aresBlueDarkened: #02619C;
  --aresGreen: #46833A;
  --aresGreenDarkened: #315e29;
}
/*?! COLOR TILES ========================================================================================== */
/* Used For Ux Pages */
.aresColorTile {
  width: 50px;
  height: 30px;
  display: inline-block;
  margin-right: 1em;
}
.background1 {
  background-color: var(--basePanelBgColor);
}
.beBackground {
  background-color: var(--baseInnerBgColor);
}
.color1 {
  background-color: var(--linkColor);
}
.color2 {
  background-color: var(--linkColorHover);
}
.color3 {
  background-color: var(--linkColorVisited);
}
.color4 {
  background-color: var(--linkColorActive);
}
.navColor {
  background-color: var(--navBgColor);
}
.navTextColor {
  background-color: var(--navTextColor);
}
.pagerColor {
  background-color: var(--pagerBgColor);
}
.pagerTextColor {
  background-color: var(--pagerTextColor);
}
.buttonColor {
  background-color: var(--buttonBgColor);
}
.buttonSearchColor {
  background-color: var(--buttonSearchBgColor);
}
.buttonBuyColor {
  background-color: var(--buttonBuyBgColor);
}
.buttonSelectColor {
  background-color: var(--buttonHighlightBgColor);
}
.buttonTextColor {
  background-color: var(--buttonTextColor);
}
.buttonUiColor {
  background-color: var(--buttonAmenitiesBgColor);
}
.buttonUiTextColor {
  background-color: var(--buttonAmenitiesTextColor);
}
.roomTabSelectedColor {
  background-color: var(--tabBgColorSelected);
}
.priceColor {
  background-color: var(--priceColor);
}
.highPriceColor {
  background-color: var(--highPriceColor);
}
.dealsColor {
  background-color: var(--dealsColor);
}
.dealTextColor {
  background-color: var(--dealTextColor);
}
.tableCellColor {
  background-color: var(--tableCellColor);
}
.sidebarHeaderColor {
  background-color: var(--sidebarHeaderBgColor);
}
.starRating {
  background-color: var(--starRatingColor);
}
.alertColor {
  background-color: var(--alertBgColor);
}
.alertTextColor {
  background-color: var(--alertTextColor);
}
/*?! DEFAULT BOOKING ENGINE OVERRIDES // @formatter:on ====================================================== */
/* Implement Variables As Overrides */
.gm-style div,
.gm-style span,
.gm-style label,
.gm-style a {
  font-family: var(--baseFontFamily);
}
body {
  font-family: var(--baseFontFamily);
  background-color: var(--baseBackgroundColor);
  color: var(--baseTextColor);
}
input,
select,
textarea {
  font-family: var(--baseFontFamily);
}
#aresContentWrap {
  background: var(--backgroundImage);
  background-position: var(--bgImagePosition);
  background-repeat: var(--bgImageRepeat);
  background-size: var(--bgImageSize);
  padding-top: var(--backgroundTopPadding);
  padding-bottom: var(--backgroundInnerBottomPadding);
  margin-top: var(--bgImageTopMargin);
  width: 100%;
  max-width: none;
  min-width: auto;
}
#aresContentWrap {
  /* headings */
  /* links */
  /* panel nav */
  /* buttons */
}
#aresContentWrap .aresContentWrapInner {
  padding: var(--baseInnerPadding);
  background-color: var(--baseInnerBgColor);
  max-width: 1200px;
  min-width: 320px;
  margin: 0 auto;
  border-radius: var(--baseInnerRadius);
}
#aresContentWrap .aresSearch {
  border-radius: var(--baseRadius);
  border: var(--baseBorder);
  box-shadow: var(--baseBoxShadow);
  background-color: var(--basePanelBgColor);
}
#aresContentWrap .aresDealText {
  clear: both;
  background-color: var(--dealsColor);
  color: var(--dealTextColor);
}
#aresContentWrap .aresDealText:after {
  border-top-color: var(--dealsColor);
}
#aresContentWrap .aresAlert {
  background-color: var(--alertBgColor);
  color: var(--alertTextColor);
  border-radius: var(--baseRadius);
  border: var(--baseBorder);
}
#aresContentWrap .aresPricePrice {
  color: var(--priceColor);
}
#aresContentWrap .aresHighPrice {
  color: var(--highPriceColor);
}
#aresContentWrap .aresSpinnerCaptionWrap {
  border-radius: var(--baseRadius);
  box-shadow: var(--baseBoxShadow);
  border: var(--baseBorder);
  font-family: var(--spinnerFontFamily);
  background-color: var(--spinnerBgColor);
}
#aresContentWrap .aresWidgetContainer {
  background-color: transparent;
}
#aresContentWrap .aresWidgetNav ul li a,
#aresContentWrap .aresWidgetNav ul li a:link,
#aresContentWrap .aresWidgetNav ul li a:visited,
#aresContentWrap .aresWidgetNav ul li.aresWidgetNavSelected a,
#aresContentWrap .aresWidgetNav ul li.aresWidgetNavSelected a:link,
#aresContentWrap .aresWidgetNav ul li.aresWidgetNavSelected a:visited {
  font-family: var(--buttonFontFamily);
  color: var(--buttonDeemphasizeTextColor);
}
#aresContentWrap h1,
#aresContentWrap h2 {
  font-family: var(--fontFamilyHeadings);
}
#aresContentWrap a,
#aresContentWrap a:link {
  color: var(--linkColor);
  text-decoration: none;
  font-family: var(--linkFontFamily);
}
#aresContentWrap a:hover {
  color: var(--linkColorHover);
}
#aresContentWrap a:visited {
  color: var(--linkColorVisited);
}
#aresContentWrap a:active {
  color: var(--linkColorActive);
}
#aresContentWrap .aresProductItem {
  border-radius: var(--baseRadius);
  box-shadow: var(--baseBoxShadow);
  border: var(--baseBorder);
}
#aresContentWrap .aresProductItem .aresProductItemInner {
  background-color: var(--basePanelBgColor);
}
#aresContentWrap .aresProductPanel {
  background-color: var(--basePanelBgColor);
  overflow: hidden;
}
#aresContentWrap .aresProductPanel .aresAmenitiesLink {
  font-family: var(--buttonAmenitiesFontFamily);
  color: var(--buttonAmenitiesTextColor);
  background-color: var(--buttonAmenitiesBgColor);
  padding: 0.5em 1.2em 0.5em 0.7em;
}
#aresContentWrap .aresProductPanel .aresAmenitiesLink .ui-icon {
  display: none;
}
#aresContentWrap .aresProductPanel .aresAmenitiesLink:hover {
  background-color: var(--buttonAmenitiesBgColorHover);
}
#aresContentWrap .aresProductPanel .aresAmenitiesCont {
  background-color: var(--buttonAmenitiesBgColor);
}
#aresContentWrap .aresProductPanel .aresAmenitiesLink.aresHideAmenities {
  border-radius: var(--buttonRadius) var(--buttonRadius) 0 0;
}
#aresContentWrap .aresProductPanel .aresAmenitiesLink.aresHideAmenities:after {
  content: '\276F';
  display: inline-block;
  transform: rotate(90deg);
  position: relative;
  left: 0.5em;
}
#aresContentWrap .aresProductPanel .aresAmenitiesLink.aresShowAmenities:after {
  content: '\276F';
  display: inline-block;
  transform: rotate(-90deg);
  position: relative;
  left: 0.5em;
}
#aresContentWrap .aresSelectedPage,
#aresContentWrap .aresProductPackage .aresDetailsNav ul li span,
#aresContentWrap .aresHotelPackagesList h4 span {
  background-color: var(--pagerBgColor);
  border-radius: var(--pagerRadius);
}
#aresContentWrap .aresSelectedPage a:link,
#aresContentWrap .aresSelectedPage a:visited {
  color: var(--pagerTextColor) !important;
  background-color: var(--pagerBgColor);
}
#aresContentWrap .aresSelectedPage a:focus,
#aresContentWrap .aresSelectedPage a:active,
#aresContentWrap .aresSelectedPage a:hover {
  background-color: var(--pagerBgColorHover);
}
#aresContentWrap .pagination {
  margin-top: 1em;
}
#aresContentWrap .pagination .aresPaginationNav .aresSelectedPage {
  border: var(--buttonBorder);
}
#aresContentWrap .pagination a:not([title*="Next"]),
#aresContentWrap .pagination .current {
  border-radius: var(--pagerRadius);
  border: var(--buttonBorder);
}
#aresContentWrap .pagination a[title*="Next"] {
  border-radius: var(--buttonRadius);
  border: var(--buttonBorder);
}
#aresContentWrap .pagination a:not([title*="Next"]),
#aresContentWrap .pagination a[title*="Next"] {
  color: var(--pagerTextColor);
  background-color: var(--pagerBgColor);
}
#aresContentWrap .pagination a:not([title*="Next"]):hover,
#aresContentWrap .pagination a:not([title*="Next"]):active,
#aresContentWrap .pagination a:not([title*="Next"]):focus,
#aresContentWrap .pagination a[title*="Next"]:hover,
#aresContentWrap .pagination a[title*="Next"]:active,
#aresContentWrap .pagination a[title*="Next"]:focus {
  color: var(--pagerTextColor);
  background-color: var(--pagerBgColorHover);
}
#aresContentWrap .aresBESidebarHeader {
  background-color: var(--sidebarHeaderBgColor);
}
#aresContentWrap .aresRequired input {
  border-color: var(--alertBgColor) !important;
}
#aresContentWrap .aresCartItem {
  border-radius: var(--baseRadius);
  box-shadow: var(--baseBoxShadow);
  border: var(--baseBorder);
  background-color: var(--basePanelBgColor);
}
#aresContentWrap .aresOrderThanks {
  background-color: var(--aresGreen);
  border-radius: var(--baseRadius);
  border: var(--baseBorder);
}
#aresContentWrap .aresButton {
  border-radius: var(--buttonRadius);
}
#aresContentWrap button {
  font-family: var(--buttonFontFamily);
  border-radius: var(--buttonRadius);
  border: var(--buttonBorder);
}
#aresContentWrap .aresButton {
  border-radius: var(--buttonRadius);
  border: var(--buttonBorder);
  background-color: var(--buttonBgColor);
  color: var(--buttonTextColor);
  font-family: var(--buttonFontFamily);
}
#aresContentWrap .aresProductItemInner .aresProductImage .aresButton {
  max-width: 100%;
  background: none;
}
#aresContentWrap a.aresButton,
#aresContentWrap a:link.aresButton {
  color: var(--buttonTextColor);
}
#aresContentWrap button:hover,
#aresContentWrap .aresButton:hover {
  background-color: var(--buttonBgColorHover);
  font-family: var(--buttonFontFamily);
}
#aresContentWrap .aresButtonSearch,
#aresContentWrap .aresButtonSearch:link,
#aresContentWrap .aresButtonSearch:visited {
  background-color: var(--buttonSearchBgColor);
  font-family: var(--buttonFontFamily);
  color: var(--buttonTextColor);
}
#aresContentWrap .aresButtonSearch:hover,
#aresContentWrap .aresButtonSearch:link:hover {
  background-color: var(--buttonSearchBgColorHover);
}
#aresContentWrap .aresPackageListItemActions .aresPriceAction,
#aresContentWrap .aresPackageListItemActions .aresPriceAction:visited {
  background-color: var(--buttonBgColor);
  color: var(--buttonTextColor);
}
#aresContentWrap .aresPackageListItemActions .aresPriceAction:hover,
#aresContentWrap .aresPackageListItemActions .aresPriceAction:focus,
#aresContentWrap .aresPackageListItemActions .aresPriceAction:active {
  background-color: var(--buttonBgColorHover);
}
#aresContentWrap .aresReadMoreEnd {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(var(--basePanelBgColor)));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0), var(--basePanelBgColor));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--basePanelBgColor));
  border-bottom-color: var(--basePanelBgColor);
}
#aresContentWrap .aresReadMoreBtn,
#aresContentWrap .aresReadMoreBtn:visited,
#aresContentWrap .aresReadMoreBtn:hover {
  background-color: var(--buttonTransparentBackground);
  font-family: var(--linkFontFamily);
  color: var(--linkColor);
}
#aresContentWrap .aresReadMoreBtn:hover,
#aresContentWrap .aresReadMoreBtn:active,
#aresContentWrap .aresReadMoreBtn:focus {
  color: var(--linkColorHover);
}
#aresContentWrap .aresTaReviews-btn,
#aresContentWrap .aresTaReviews-btn:visited,
#aresContentWrap .aresTaReviews-btn:hover {
  font-family: var(--buttonFontFamily);
  background-color: var(--buttonTransparentBackground);
  color: var(--linkColor);
}
#aresContentWrap .aresTaReviews-btn:hover,
#aresContentWrap .aresTaReviews-btn:active,
#aresContentWrap .aresTaReviews-btn:focus {
  color: var(--linkColorHover);
}
#aresContentWrap .aresPriceAction a,
#aresContentWrap .aresPriceAction a:link,
#aresContentWrap .aresPriceAction a:visited {
  color: var(--buttonTextColor);
}
#aresContentWrap .aresButton.aresToggleButton:hover,
#aresContentWrap button.aresToggleButton:hover {
  background-color: var(--buttonTransparentBackground);
}
#aresContentWrap button.aresMarketingText.aresToggleButton,
#aresContentWrap .button.aresMarketingText.aresToggleButton:visited,
#aresContentWrap .aresButton.aresMarketingText.aresToggleButton,
#aresContentWrap .aresButton.aresMarketingText.aresToggleButton:visited {
  border-radius: 0;
  background-color: var(--buttonTransparentBackground);
  color: var(--linkColor);
  font-family: var(--linkFontFamily);
}
#aresContentWrap button.aresMarketingText.aresToggleButton:hover,
#aresContentWrap button.aresMarketingText.aresToggleButton:active,
#aresContentWrap button.aresMarketingText.aresToggleButton:focus,
#aresContentWrap .aresButton.aresMarketingText.aresToggleButton:hover,
#aresContentWrap .aresButton.aresMarketingText.aresToggleButton:active,
#aresContentWrap .aresButton.aresMarketingText.aresToggleButton:focus {
  background-color: var(--buttonTransparentBackground);
  color: var(--linkColorHover);
}
#aresContentWrap .aresCartActions .aresButtonBuy,
#aresContentWrap .aresCartActions .aresButtonBuy:link,
#aresContentWrap .aresCartActions .aresButtonBuy:visited,
#aresContentWrap .aresSidebarActions .aresButtonBuy,
#aresContentWrap .aresSidebarActions .aresButtonBuy:link,
#aresContentWrap .aresSidebarActions .aresButtonBuy:visited {
  color: var(--buttonBuyTextColor);
  background-color: var(--buttonBuyBgColor);
  font-family: var(--buttonFontFamily);
}
#aresContentWrap .aresButtonBuy:hover,
#aresContentWrap .aresCartActions .aresButtonBuy:hover,
#aresContentWrap .aresCartActions .aresButtonBuy:link:hover,
#aresContentWrap .aresCartActions .aresButtonBuy:focus,
#aresContentWrap .aresSidebarActions .aresButtonBuy:hover,
#aresContentWrap .aresSidebarActions .aresButtonBuy:link:hover,
#aresContentWrap .aresSidebarActions .aresButtonBuy:focus {
  background-color: var(--buttonBuyBgColorHover);
}
#aresContentWrap .aresButtonPrint,
#aresContentWrap a.aresButtonPrint {
  background-color: var(--buttonBuyBgColor);
  font-family: var(--buttonFontFamily);
  color: var(--buttonTextColor);
}
#aresContentWrap .aresButtonPrint:hover,
#aresContentWrap a.aresButtonPrint:hover {
  background-color: var(--buttonBuyBgColorHover);
}
#aresContentWrap .aresDetailsNav {
  background-color: var(--basePanelBgColor);
  /* customizable background 1 */
}
#aresContentWrap .aresDetailsNav .aresNavItem a,
#aresContentWrap .aresProductItemsList .aresNavItem .aresButton,
#aresContentWrap .aresDetailsNav .aresNavItem a:visited,
#aresContentWrap .aresProductItemsList .aresNavItem .aresButton:visited,
#aresContentWrap .aresDetailsNav .aresNavItem a.aresPackageButton,
#aresContentWrap .aresDetailsNav .aresNavItemPackages a.aresPackageButton {
  font-family: var(--tabFontFamily);
  background: var(--tabBgColor);
  border: 1px solid var(--linkColor);
  color: var(--tabTextColor);
}
#aresContentWrap .aresDetailsNav .aresNavItem a:hover,
#aresContentWrap .aresProductItemsList .aresNavItem .aresButton:hover,
#aresContentWrap .aresDetailsNav .aresNavItem a:active,
#aresContentWrap .aresProductItemsList .aresNavItem .aresButton:active,
#aresContentWrap .aresDetailsNav .aresNavItem a:focus,
#aresContentWrap .aresProductItemsList .aresNavItem .aresButton:focus,
#aresContentWrap .aresDetailsNav .aresNavItem a.aresPackageButton:hover,
#aresContentWrap .aresDetailsNav .aresNavItemPackages a.aresPackageButton:hover {
  background: var(--tabBgColorHover);
  color: var(--tabTextColorHover);
  border: 1px solid var(--linkColorHover);
}
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected a:link,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected a:visited {
  background: var(--tabBgColorSelected);
  border-bottom-color: var(--tabBgColorSelected);
}
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemRooms a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemTickets a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit button,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemRooms a:visited,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemTickets a:visited,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit a:visited {
  background-color: var(--tabHighlightedBgColor);
  color: var(--tabHighlightedTextColor);
  border-top-color: var(--tabHighlightedBgColor);
  border-right-color: var(--tabHighlightedBgColor);
  border-bottom-color: var(--tabHighlightedBgColor);
}
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemRooms a:hover,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemTickets a:hover,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit a:hover,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit button:hover,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemRooms a:active,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemTickets a:active,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit a:active,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit button:active,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemRooms a:focus,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemTickets a:focus,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit a:focus,
#aresContentWrap .aresDetailsNav .aresNavItem.aresPackageSearchSubmit button:focus {
  background-color: var(--tabHighlightedBgColorHover);
  color: var(--tabHighlightedTextColorHover);
  border-top-color: var(--tabHighlightedBgColorHover);
  border-right-color: var(--tabHighlightedBgColorHover);
  border-bottom-color: var(--tabHighlightedBgColorHover);
}
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected.aresNavItemRooms a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected.aresNavItemTickets a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected.aresPackageSearchSubmit a,
#aresContentWrap .aresDetailsNav .aresNavItem.aresNavItemSelected.aresPackageSearchSubmit button {
  background-color: var(--tabHighlightedBgColorSelected);
  color: var(--tabHighlightedTextColorSelected);
  border-top-color: var(--tabHighlightedBgColorSelected);
  border-right-color: var(--tabHighlightedBgColorSelected);
  border-bottom-color: var(--tabHighlightedBgColorSelected);
}
#aresContentWrap .ui-datepicker-calendar .ui-datepicker-current-day a {
  background: var(--buttonHighlightBgColor);
  color: var(--buttonTextColor);
}
#aresContentWrap .ui-datepicker-calendar .range-date a {
  background: var(--buttonHighlightBgColor);
  color: var(--buttonTextColor);
}
#aresContentWrap .ui-datepicker-calendar .max-date a {
  background: var(--buttonHighlightBgColor);
  color: var(--buttonTextColor);
}
#aresContentWrap .ui-datepicker-calendar .min-date a {
  background: var(--buttonHighlightBgColor);
  color: var(--buttonTextColor);
}
#aresContentWrap .ui-widget {
  font-family: var(--baseFontFamily);
}
#aresContentWrap .ui-widget-header {
  background-color: var(--navBgColor);
  color: var(--navTextColor);
}
#aresContentWrap button.aresButton.aresButtonSelect,
#aresContentWrap a.aresButton.aresButtonSelect {
  border-radius: var(--buttonRadius);
  border: var(--buttonBorder);
  background-color: var(--buttonHighlightBgColor);
  font-family: var(--buttonFontFamily);
  color: var(--buttonTextColor);
}
#aresContentWrap button.aresButton.aresButtonSelect:hover,
#aresContentWrap a.aresButton.aresButtonSelect:hover,
#aresContentWrap button.aresButton.aresButtonSelect:focus,
#aresContentWrap a.aresButton.aresButtonSelect:focus {
  background-color: var(--buttonHighlightBgColorHover);
}
#aresContentWrap .aresBENav {
  border-radius: var(--navRadius);
  box-shadow: var(--baseBoxShadow);
}
#aresContentWrap .aresBENav .aresBENavItems {
  border-radius: var(--navRadius);
  background-color: var(--navBgColor);
  box-shadow: var(--baseBoxShadow);
}
#aresContentWrap .aresMobileMenuClick {
  background-color: var(--navBgColor);
  border-radius: var(--buttonRadius);
  box-shadow: var(--baseBoxShadow);
  border: var(--baseBorder);
}
#aresContentWrap .aresBENav .aresBENavItems a,
#aresContentWrap .aresBENav .aresBENavItems a:link,
#aresContentWrap .aresBENav .aresBENavItems a:visited {
  font-family: var(--navFontFamily);
}
#aresContentWrap .aresBENav .aresBENavItems a:hover,
#aresContentWrap .aresBENav .aresBENavItems a:active,
#aresContentWrap .aresBENav .aresBENavItems a:focus {
  color: var(--navTextColor);
  background-color: var(--navColorHover);
}
@media (min-width: 40em) {
  #aresContentWrap .aresBENav .aresBENavItems a:hover,
  #aresContentWrap .aresBENav .aresBENavItems a:active,
  #aresContentWrap .aresBENav .aresBENavItems a:focus {
    color: var(--navColorHover);
    background-color: var(--navBgColor);
  }
}
#aresContentWrap .aresBENav .aresSelected {
  background: var(--navBgColor);
  font-weight: bold;
}
#aresContentWrap .aresBENav .aresSelected:after {
  border-top-color: var(--navBgColor);
}
#aresContentWrap .aresBENav li a {
  color: var(--navTextColor);
}
#aresContentWrap .aresHotelRoomsTableLowPrice,
#aresContentWrap .aresTicketTable .aresTicketTableAdult td {
  background-color: var(--tableCellColor);
}
#aresContentWrap .aresTier1 .aresProductItem,
#aresContentWrap .aresBESidebar,
#aresContentWrap .aresSearch,
#aresContentWrap li.aresProductItem.aresProductActivity,
#aresContentWrap .aresUpsellHeader {
  background-image: none;
  padding-bottom: 0;
  box-sizing: border-box;
  border-radius: var(--baseRadius);
  box-shadow: var(--baseBoxShadow);
  border: var(--baseBorder);
}
#aresContentWrap .aresProductItemsList {
  overflow: visible;
}
#aresContentWrap .aresPackageConfigBar {
  background-color: var(--basePanelBgColor);
}
#aresContentWrap .aresDetailsNav ul li.aresPackageSearchSubmit a,
#aresContentWrap .aresDetailsNav ul li.aresPackageSearchSubmit button {
  border-right-color: var(--buttonHighlightBgColor);
  border-bottom-color: var(--buttonHighlightBgColor);
}
#aresContentWrap .aresPackageSidebar {
  background-color: var(--buttonHighlightBgColor);
}
#aresContentWrap .aresUpsellInner {
  padding: 2em;
}
#aresContentWrap .aresUpsellImage {
  display: none;
}
#aresContentWrap .aresProductItemsList {
  overflow: visible;
}
#aresContentWrap .aresDealFlag::after {
  border-top-color: var(--dealsColor);
}
#aresContentWrap .aresProductDetailsLink:hover .aresPricePrice {
  border-bottom: 0.15em solid var(--priceColor);
}
#aresContentWrap .aresHotelPrice li.aresPriceInfo,
#aresContentWrap .aresActivityPrice li.aresPriceInfo {
  margin-top: 0.3em;
}
@media (min-width: 59.375em) {
  #aresContentWrap .aresHotelPrice li.aresPriceInfo,
  #aresContentWrap .aresActivityPrice li.aresPriceInfo {
    margin-top: 0.3em;
  }
}
#aresContentWrap input[type="checkbox"],
#aresContentWrap #aresHotelAdvancedSearch .aresHotelAmenities label {
  cursor: pointer;
}
#aresContentWrap .aresSearchInner {
  margin-top: 1em;
}
#aresContentWrap .aresSearchInner h2 {
  margin-top: 0;
}
#aresContentWrap #Search_reset,
#aresContentWrap #AttractionSearch_reset,
#aresContentWrap #PackageCategorySearch_reset {
  background-color: var(--buttonResetBgColor);
  color: var(--buttonDeemphasizeTextColor);
  font-family: var(--buttonFontFamily);
}
#aresContentWrap #Search_reset:hover,
#aresContentWrap #AttractionSearch_reset:hover,
#aresContentWrap #PackageCategorySearch_reset:hover,
#aresContentWrap #Search_reset:active,
#aresContentWrap #AttractionSearch_reset:active,
#aresContentWrap #PackageCategorySearch_reset:active,
#aresContentWrap #Search_reset:focus,
#aresContentWrap #AttractionSearch_reset:focus,
#aresContentWrap #PackageCategorySearch_reset:focus {
  background-color: var(--buttonResetBgColorHover);
}
#aresContentWrap #aresMapToggle .aresButton {
  font-family: var(--buttonFontFamily);
  background-color: var(--buttonMapBgColor);
  border: var(--buttonMapBorder);
  color: var(--buttonMapTextColor);
  border-radius: var(--buttonMapRadius);
}
@media only screen and (min-width: 31.25em) {
  #aresContentWrap #aresMapToggle {
    margin-top: 0.85em;
  }
}
#aresContentWrap #aresMapToggle .aresButton:hover,
#aresContentWrap #aresMapToggle .aresButton:active,
#aresContentWrap #aresMapToggle .aresButton:focus {
  background-color: var(--buttonMapBgColorHover);
}
#aresContentWrap .aresSortBar {
  text-align: center;
  border-radius: var(--sortBarRadius);
  box-shadow: var(--baseBoxShadow);
  background-color: var(--basePanelBgColor);
}
#aresContentWrap .aresSortBar .aresSelected {
  border-top-color: var(--basePanelBgColor);
  background-color: var(--basePanelBgColor);
}
#aresContentWrap .aresSortBar .aresSelected:after {
  border-top-color: var(--basePanelBgColor);
}
#aresContentWrap .aresSortBar a,
#aresContentWrap .aresSortBar a:link,
#aresContentWrap .aresSortBar a:visited {
  font-family: var(--buttonFontFamily);
}
@media only screen and (min-width: 35em) {
  #aresContentWrap .aresSortBar {
    text-align: left;
  }
}
#aresContentWrap .aresSortBar ul {
  background-color: transparent;
}
#aresContentWrap .aresSortBar li.aresSortTitle {
  display: inline;
}
#aresContentWrap .aresSortBar li {
  font-size: 0.9em;
  font-family: var(--buttonFontFamily);
}
#aresContentWrap .aresBENav {
  font-family: var(--buttonFontFamily);
}
#aresContentWrap .aresBENav ul {
  background-color: transparent;
}
#aresContentWrap .aresSearch .hotelSearchForm .aresHotelSearch .aresSearchFormGroup .checkIns {
  margin: auto;
}
#aresContentWrap .aresHotelRoomsTable {
  font-size: 1em;
}
@media only screen and (max-width: 40em) {
  #aresContentWrap .aresHotelRoomsTable {
    font-size: 1em;
  }
}
#aresContentWrap .aresHotelRoomsLoadMore .aresButton img {
  display: none;
}
#aresContentWrap .aresHotelRoomsLoadMore .aresButton {
  padding: 0.5em 1em 0.5em 0.5em;
}
#aresContentWrap .aresHotelRoomsLoadMore .aresButton:after {
  content: '\276F';
  display: inline-block;
  transform: rotate(90deg);
  position: relative;
  left: 0.5em;
}
#aresContentWrap .aresSlideWrap {
  border-radius: var(--baseRadius);
  border: var(--baseBorder);
}
#aresContentWrap .aresGalleryThumbsList li img {
  border-radius: var(--baseRadius);
  border: var(--baseBorder);
}
#aresContentWrap .aresListHeader {
  font-family: var(--fontFamilyHeadings);
}
#aresContentWrap button.aresButton.aresButtonSecondary {
  background-color: transparent;
  border: var(--buttonSecondaryBorder);
  color: var(--buttonSecondaryColor);
  margin-bottom: 10px;
  font-weight: bold;
  font-family: var(--buttonSecondaryFontFamily);
  max-width: var(--buttonMaxWidth);
}
#aresContentWrap button.aresButton.aresButtonSecondary:hover,
#aresContentWrap button.aresButton.aresButtonSecondary:active,
#aresContentWrap button.aresButton.aresButtonSecondary:focus {
  color: var(--buttonSecondaryColorHover);
  border: var(--buttonSecondaryBorderHover);
}
#aresContentWrap .aresProductListMapHover {
  border-radius: var(--baseRadius);
}
#aresContentWrap .aresProductListMapHover:hover {
  background-color: var(--productMapBgColorHover);
}
/*?! THEME SPECIFIC OVERRIDES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#aresContentWrap .aresContentWrapInner {
  /* Add Your Custom Css Here! */
}
:root {
  --colorPrimary: #0d5cab;
  --colorPrimaryDarkened: #0d5cab;
  --dealTextColor: #fff;
  --fontFamilyText: "avenir-lt-pro";
  --buttonFontFamily: "avenir-lt-pro";
  --fontFamilyHeadings: "avenir-lt-pro";
  --buttonSearchBgColor: #0d5cab;
  --buttonSearchBgColorHover: #0d5cab;
  --buttonSecondaryBorderHover: #0d5cab;
  --buttonHighlightBgColorHover: #0d5cab;
  --buttonHighlightBgColor: #0d5cab;
  --buttonBuyBgColor: #0d5cab;
  --buttonBuyBgColorHover: #0d5cab;
}
.aresThemeHeader {
  border-bottom: 1px solid #E5E7EB;
}
.ui-datepicker table {
  font-size: 12px;
}
.aresLegal p {
  color: black;
}
footer.aresFooter {
  background-color: #ffffff;
}
#aresContentWrap > div > footer > div.aresLegal > p:nth-child(2) > a:nth-child(1),
#aresContentWrap > div > footer > div.aresLegal > p:nth-child(2) > a:nth-child(2),
#aresContentWrap > div > footer > div.aresLegal > p:nth-child(2) > a:nth-child(3) {
  color: var(--linkColor) !important;
  text-decoration: none;
  font-family: var(--linkFontFamily);
}