:root {
  --yellow: #eabd26;
  --light-yellow:#F8EADC;
  --red: #b14b25;
  --green: #67943c;
  --blue: #088694;
}

/* definition */

@font-face{
    font-family: 'Ivory';
    src:url('/assets/fonts/IvoryLL-Latin-WebFonts/Fonts/IvoryLLWeb-Regular.woff2') format('woff2'),
        url('/assets/fonts/IvoryLL-Latin-WebFonts/Fonts/IvoryLLWeb-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Ivory';
    src:url('/assets/fonts/IvoryLL-Latin-WebFonts/Fonts/IvoryLLWeb-Italic.woff2') format('woff2'),
        url('/assets/fonts/IvoryLL-Latin-WebFonts/Fonts/IvoryLLWeb-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
  font-family: 'VTC Martin';
  src: url('/assets/fonts/vtc-martin-family_web/VTCMartin-XBold.woff2') format('woff2'),
        url('/assets/fonts/vtc-martin-family_web/VTCMartin-XBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Signal No2';
  src: url('/assets/fonts/signal-no2_web/signal_no2.woff2') format('woff2'),
        url('/assets/fonts/signal-no2_web/signal_no2.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/*-- global styles --*/
.deco-wrap {
    position: relative;
    overflow: hidden; /* clips only within this section */
}
body{
  background-color: var(--light-yellow);
  background-color: rgb(234 189 38 / 25%);
  font-family: "Ivory";
}
html, body, *,
blockquote p, 
.memories-list blockquote p.large, 
.memories-list .flex-wrap blockquote p.large{
  color:var(--red);
  font-family: "Ivory";
  
}

.bg-brown,
footer{
  background-color: black;
  color:white;
}
.connect .btn {
    border-color: #b14b25;
    color: #b14b25;
}

.connect .btn:hover {
    color: white;
}
input[type='checkbox']:after, .checkbox input[type='checkbox']:after{
    color: #b14b25;
}
footer .freeform-row .freeform-column .freeform-label {
    color: white;
}

footer .legal-links a, footer .legal-links p {
    color: white;
    opacity: 0.65;
}
blockquote cite,
h1 strong, 
.home-slider .slider h1 strong,
h1.serif,
h2.serif{
 	font-family: "VTC Martin";
 	    font-family: 'Signal No2';
 }
 h2{
    
    font-size: calc(24px + (32 - 20) * ((100vw - 480px) / (1600 - 480)));
    letter-spacing: 3px;
    font-family: 'Signal No2';
 }
 h2 strong{
    font-size: calc(47px + (32 - 20) * ((100vw - 480px) / (1600 - 480)));
    letter-spacing: 2px;

    font-family: "VTC Martin";
        font-size: calc(40px + (60 - 20) * ((100vw - 480px) / (1600 - 480)));
        letter-spacing: 0;
        line-height: 1.0;
 }

p,
p em{
	 
     font-family: 'Ivory';
         font-size: calc(14px + (18 - 10) * ((100vw - 480px) / (1600 - 480)));
}
figure{
    position: relative;
}
h2,
h2 strong,
h1.serif{
    color:var(--red);
    font-weight:700;
}
.img-blocks.inline-image a.half.img-block h2, .img-blocks.inline-image a.half.img-block h2 strong, .img-blocks.inline-image a.third.img-block h2, .img-blocks.inline-image a.third.img-block h2 strong{
    color:#b14b25;
}
.img-blocks.inline-image a.third.img-block h2,
.img-blocks.inline-image a.third.img-block h2 strong,
.img-blocks.inline-image a.third.img-block time{
    color:var(--red);
}
h2 strong {
  letter-spacing: 0;
    line-height: 1.05;
}

.testimonials blockquote p,
    .testimonials blockquote p em,
    blockquote p,
    blockquote p em,
    p.large,
    .intro-text p strong,
    .intro-text p b {
       font-size: 3vw;
    line-height: 1.25;
    margin: 0 5.75vw;
        font-size: calc(20px + (28 - 12) * ((100vw - 480px) / (1600 - 480)));
}

.cards a h2 strong, 
.cards a:hover h2 strong {
    font-size: calc(30px + (40 - 10) * ((100vw - 480px) / (1600 - 480)));
        font-size: calc(24px + (32 - 10) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.0;
}
.cards p {

    font-size: calc(8px + (18 - 10) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.35;
}
.cards time {
    font-family: 'Signal No2';
    letter-spacing: 0;
    font-size: 18px;
}
.hero h1 {
    font-size: calc(65px + (85 - 20) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.0;
    
}

.hero h3 {
    font-family: 'Signal No2';
    font-size: calc(18px + (40 - 22) * ((100vw - 480px) / (1600 - 480)));
    margin: 0;
    color:#eabd26;
}
.hero h1 strong{
    
}
.hero h1 {
    color: #faeec9;
    font-size: calc(45px + (65 - 20) * ((100vw - 480px) / (1600 - 480)));
}

.hero h1 strong {
    color: #faeec9;
    font-size: calc(18px + (32 - 14) * ((100vw - 480px) / (1600 - 480)));
    margin: 0 0 10px;
}
.freeform-row .freeform-column .freeform-input {
    background: transparent;
    border-bottom: 1px solid;
}

.reservations-form .freeform-row .freeform-column .freeform-label {
    font-family: 'Signal No2';
    letter-spacing: 0;
}

.reservations-form .freeform-row .freeform-column .freeform-input[type="radio"] {
    background: transparent;
    border-color: #b14b15;
}

.reservations-form .freeform-row .freeform-column .freeform-input[type="radio"]::after {
    background: transparent;
}

.reservations-form .freeform-row .freeform-column .freeform-input[type="radio"]:checked::after {
    background-color: #b14b25;
}

.freeform-column-12.freeform-fieldtype-rich-text.freeform-column p span {
    color: #b14b25 !important;
}
.btn{
    font-family: 'Signal No2';
    color:var(--red);
    border-color:var(--red);
    letter-spacing: 0;
}
.callout .btn:hover::after, 
.callout .btn:focus::after, 
.btn:hover::after, 
.btn:focus::after {
    background-color: #b14b25;
}
.overlap-text {
    position: absolute;
    z-index: 2;
    font-family: "Signal No2";
    text-align: justify;
    text-align-last: justify;
    font-size: 3.25vw;
    text-transform: uppercase;
    letter-spacing: 3px;
    width: 52%;
}
.overlap-text.top-right {
     top: -5%;
    right: -8%;
}
.top-right-border::before, 
.top-right-border::after,
.top-left-border::before,
.top-left-border::after{
    display: none;
}
.flex-wrap .img-block[data-anim="true"],
.flex-wrap.reverse .img-block[data-anim="true"] {
    overflow: visible;
}

.weather-contact .contact > div.flex-wrap {
    display: none;
}
.map-feature {
    display: none;
}
footer .links a, 
aside nav ul li a, 
header nav ul a {
  font-family: "Signal No2";
}
header nav ul a {
    font-size: calc(10px + (14 - 4) * ((100vw - 1024px) / (1600 - 1024)));
    letter-spacing: 1.5px;
}
aside#menu, aside::before {
    background-color: #eabd26;
    /* background-color: #b14b25; */
    /* background-color: black; */
}
h3, h5, p.speaker, .memories-list blockquote footer, 
.memories-list blockquote cite, blockquote footer, 
blockquote cite, .pag a, .pag span, header nav ul li.reservations a, 
header nav ul li.real-estate a, header nav ul.access-submenu li a, 
.map-feature .text.pad-box h2, h4, footer address, 
footer .legal-links a, footer .legal-links p {
    font-family: 'Ivory';
}
.weather {padding: 35px 2vw 5px 3.75vw;}

.weather-contact .contact > div a.btn.book-btn:last-of-type {
    margin: 0px 0 0 auto;
}
.weather-contact .contact {
    padding: 35px 3.75vw 5px 2vw;
}
header .logo-wrap {
    margin: -15px auto 30px;
}
aside .bg-wrap {
    /*display: none;*/
}
.weather-contact p, .weather-contact .contact a, .weather-contact p strong,
.sticky-header a.res-title,
.btn.book-btn, 
.weather-contact .contact > div a.btn.book-btn:last-of-type{
    font-family: "Signal No2";
}
footer .flex-wrap > div.links,
footer .flex-wrap,
footer .contact {
    border: none;
    text-align: left;
}
footer input[type="email"], footer input[type="text"] {
    background: transparent;
}
footer .freeform-row .freeform-column {
    display: block;
    flex: none;
    margin: 0 0 16px;
    padding: 0;
}
footer .freeform-row {
    display: block;
}
footer .freeform-row .freeform-column .input-group-one-line {
    display: block;
}
footer .contact .divider{display: none;}

footer h4{
    font-family:"Signal No2";
    font-weight: 600;
    letter-spacing: 0px;
    font-size: 16px;
}
footer a.tel{
    margin:0;
}
footer p, footer address, footer a.email, footer a.tel {
    color: white;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Ivory';
}
footer .freeform-row {
    margin: 0;
} 
footer a.email{
    margin-bottom:20px;
}
footer p.property-access {
    margin: 0 0 30px 0;
}
footer .contact address.location{
        font-family: "VTC Martin";
    font-size: 25px;
    text-transform: uppercase;
    line-height: 1.15;
    margin: 0 0 10px;
}
.map-feature .text.pad-box h2 em, 
footer h5, footer .h5, h5, .h5, label.freeform-label.freeform-required.form-label, 
footer .freeform-row .freeform-column .freeform-input, .sub-wrapper h3, 
aside nav a.menu-link, .weather-contact p strong, 
.sticky-header .burger-wrap a.tel, .sub-menu .sub-wrapper h3,
footer .freeform-column label,
footer .freeform-row .freeform-column .input-group-one-line label {
    font-family: 'Signal No2';
    /* font-family: "VTC Martin Trial"; */
    font-weight: 600;
    letter-spacing: 0px;
    font-size: 16px;
    line-height: 20px;
}

footer input[type="email"], 
footer input[type="text"] {
    border: none;
    border-bottom: 1px solid;
    padding-left: 0;
    padding-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
}
footer .airports li {
    color: white;
    position: relative;
    padding: 0 0 0 8px;
    font-size: 12px;
    margin: 0 0 2px 0;
}

footer .airports li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    background: #ffffff8a;
    width: 3px;
    height: 3px;
    border-radius: 50%;
}

footer .airports {
    text-decoration: none;
    margin: 0 0 20px;
}
aside nav ul li a {
    color: black;
}
.weather-contact p {
    font-size: 16px;
    line-height: 20px;
}
h5, .h5 {
    color: white;
}
.cards a {
    border: none;
    background: transparent;
}
.img-blocks.inline-image a.img-block .text,
.cards .text {
    padding: 10px 0 0 0;
    margin:0;
    background: transparent;
}

.img-blocks a.half.img-block h2 strong, 
.img-blocks a.third.img-block h2 strong,
.cards a:hover h2 strong, 
.cards a:hover h2, 
.cards a:focus h2 strong, 
.cards a:focus h2,
.cards a h2 strong, 
.cards a h2 {
    color: var(--red);
    text-transform: uppercase;
    font-family: 'VTC Martin';
    font-weight:700;
}
.img-blocks a.half.img-block h2,
.img-blocks a.third.img-block h2,
.cards a:hover h2,
.cards a:focus h2,
.cards a h2{
	font-family: "Signal No2";
        letter-spacing: 0px;
    font-size: calc(24px + (32 - 20) * ((100vw - 480px) / (1600 - 480)));
}

.gutter.cards > .third, 
.gutter.cards > .one-third, 
.gutter.cards.thirds > *{
    width: calc(33.333% - 16px);
    margin: 0 8px 32px;
}
.gutter.cards > .half,  
.gutter.cards.halfs > *{
    width: calc(50% - 16px);
    margin: 0 8px 32px;
}

.cards a h2 strong {
    letter-spacing: 0;
}
.cards a:hover h2, .cards a:focus h2, .cards a h2 {
    font-family: "Signal No2";
    letter-spacing: 0px;
    font-size: 15px;
}
.bg-grey{
	background-color: transparent;
}
.bg-grey[data-anim="true"]::before, 
.flex-wrap .img-block[data-anim="true"]::before, 
.inline-image .flex-wrap .img-block[data-anim="true"] figure::before, 
.flex-wrap .slider.inline[data-anim="true"]::before {
    background: #eabd26;
}
#accordion .panel .bg-img::before {
    background: -webkit-linear-gradient(left, rgb(246 227 165) 0%, rgba(255, 255, 255, 0) 100%) !important;
    background: linear-gradient(to right, rgb(246 227 165) 0%, rgba(255, 255, 255, 0) 100%) !important;
}
img.divider {
    display: none;
}
.img-blocks.inline-image a.half.img-block h2 strong, .img-blocks.inline-image a.third.img-block h2 strong {
    font-size: calc(30px + (40 - 10) * ((100vw - 480px) / (1600 - 480)));

}

.img-blocks.inline-image a.half.img-block h2, .img-blocks.inline-image a.third.img-block h2 {
    font-size: 22px;
    letter-spacing: 1px;
   
}
h3 {
    font-family: 'Signal No2';
    font-size: calc(16px + (26 - 10) * ((100vw - 480px) / (1600 - 480)));
    letter-spacing: 3px;
}


.icon-arrow-right:before {
    position: relative;
  
}

i.demo-icon.icon-arrow-right {
    position: relative;
}

.img-blocks a.half.img-block .btn, .img-blocks a.third.img-block .btn {
    font-family: "Signal No2";
    letter-spacing: 1px;
    color: #b14b25;
    font-size: 16px;
    letter-spacing: 0;
}


.gutter > .full{
    width:calc(100% - 16px);
    margin:0 8px 30px;
}
.half,
.halfs > *{
    width:50%;
}
.gutter > .half,
.gutter.halfs > * {
    width: calc(50% - 16px);
    margin: 0 8px 30px;
}
.third,
.thirds > *,
.one-third{
    width:33.333%;
}
.gutter > .third,
.gutter > .one-third,
.gutter.thirds > * {
    width: calc(33.333% - 16px);
    margin: 0 8px 30px;
}
.two-thirds{
    width:66.666%;
}
.gutter > .two-thirds{
    width: calc(66.666% - 16px);
    margin: 0 8px 30px;
}
.fourth,
.fourths > *{
    width:25%;
}
.gutter > .fourth,
.fourths.gutter > * { 
    width: calc(25% - 16px);
    margin: 0 8px 30px;
}

.sixth,
.sixths > *{
    width:16.666%;
}
.gutter > .sixth,
.sixths.gutter > * { 
    width: calc(16.666% - 16px);
    margin: 0 8px 30px;
}

.sticky-header {
    background: #faeec9f5;
}

.sticky-header a.res-title {
    font-family: 'Ivory';
    color: #b14b25;
}

.sticky-header a.btn.book-btn, 
#menu a.btn.book-btn, 
button#menu-trigger2 {
    color: #b14b25;
    border-color: #b14b25;
}

.sticky-header .menu-trigger span {
    background: #b14b25;
}
aside .bg-img::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 120%;
    right: -90%;
    top: -10%;
    transform: rotate(1.5deg);
    background-image: url('https://s3.us-east-2.amazonaws.com/highhampton/pattern3.png');
    z-index: 2;
    background-size: cover;
}
aside .bg-img::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 120%;
    right: -90%;
    top: -10%;
    transform: rotate(1.5deg);
    background-image: url('https://s3.us-east-2.amazonaws.com/highhampton/pattern3.png');
    z-index: 2;
    background-size: cover;
}

aside h5, aside .h5 {
    /* font-family: inherit; */
}

aside h5, aside .h5 {
    font-family: "Signal No2";
    color: black;
}

aside address {
    font-family: "Ivory";
    color: black;
}

aside a.tel span {
    font-family: "Signal No2";
}

aside .tel {
    color: #b14b25;
    opacity: 1;
    font-size: 24px;
    letter-spacing: 0;
}

.menu-trigger span {
    background: black;
}

#menu a.btn.book-btn {
    color: #ffffff;
    border-color: black;
    background:black;
}

#menu a.btn.book-btn:hover {
    background: #b14b25;
    color: white;
    border-color:#b14b25;
}

aside ul.social li a {
    color: black;
}

aside ul.social li a:hover {
    color: #b14b25;
}
.nav-active aside .bg-img::before, aside .bg-img::before {
    display: none;
}
.icon-arrow-right:before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url('https://s3.us-east-2.amazonaws.com/highhampton/arrow-white.svg');
}
.icon-arrow-right.red:before{
     background-image: url('https://s3.us-east-2.amazonaws.com/highhampton/arrow-red.svg');
}
i.demo-icon.icon-arrow-right, .bio figure .hover .demo-icon, .cards a .hover .demo-icon {
    width: 30px;
    height: 25px;
    display: inline-block;
    margin: 0 0 0 4px;
}

.cards a figure .hover .btn, .bio figure .hover .btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cards a figure .hover .btn, .bio figure .hover .btn {
    font-family: 'Signal No2';
    letter-spacing: 1px;
}
.included-stay ul li,
ul.lined-list li{
    border-bottom:1px solid #b14b25;
    padding:10px 15px;
}
.included-stay ul li:last-of-type, 
ul.lined-list li:last-of-type {
    border: none;
}
.included-stay ul li:first-of-type, 
ul.lined-list li:first-of-type {
    /*border-top:1px solid #b14b25;
*/
}
#accordion .panel {
    border-color: #b14b25;
 
}

#accordion h2 {
    color: #faeec9;
}

.panel .header span.icon.plus {
    background: linear-gradient(#faeec9, #faeec9), linear-gradient(#faeec9, #faeec9);
    background-position: center;
    background-size: 50% 2px, 2px 50%;
    background-repeat: no-repeat;
}
.activity-item ul li, .activity-item p {

    font-size: calc(13px + (18 - 13) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.35;
}

span.accordion-title {
    font-size: calc(16px + (18 - 10) * ((100vw - 480px) / (1600 - 480)));
    font-family: 'Ivory';
    letter-spacing: 0;
}



/*-- homepage --*/
.home-hero{
  min-height: 100vh;
  position: relative;
}
.home-hero::before{
  content: '';
  width: 100%;
  height: 400px;
  display: block;
  position: absolute;
  z-index: 1;
  background: linear-gradient(to bottom,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%);

}
.home-hero .text {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #eabd26;
}
.home-hero h1 {
  
}

h1, .home-slider .slider h1{
    font-family:"VTC Martin";
    font-weight:700;
}
.home-hero .text h1{
    font-family: "Signal No2";
        font-size: calc(34px + (34 - 20) * ((100vw - 480px) / (1600 - 480)));
    letter-spacing: 4px;
}
.home-hero .text h1 span {
    display: block;
    font-family: 'VTC Martin';
    font-weight: 700;
    font-size: calc(130px + (130 - 28) * ((100vw - 480px) / (1600 - 480)));
    line-height: 0.8;
}
.hero .text{
  text-align: center;
}
.hero h3::after{
  display: none;
}
.home-hero a {
    font-family: 'Signal No2';
    font-size: 24px;
    letter-spacing: 1px;
    display: block;
    margin: 30px 0 0;
}
.home-hero a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
.home-hero h1{
    color:#eabd26;
}
.home-hero a svg path {
    fill: #eabd26;
    fill: white;
}
.box-overlay.two-thirds::before,
.box-overlay.two-thirds::after{
    display: none;
}
.home-hero a svg {
    margin: 0 0 0 20px;
}
.home-hero .wallpaper{
       width: 105%;
    height: 102%;
    display: block;
    position: absolute;
    background-size: cover;
    transform: rotate(2deg);
    z-index: -1;
    top: 0;
    right: -6%;
}
main{
    /*overflow-x:hidden;*/
    width:100%;
}
/*-- cta --*/
.cta{
  position: relative;
}
.cta > figure{
  width:25%;
}
.cta > div{
  width:75%;
  position: relative;
}
.cta > div figure{
     position: absolute;
    right: 0;
    top: 7vw;
    bottom: 7vw;
    left: 30vw;
    z-index: 0;
    width: auto;
}
.cta .text{
    position: relative;
    z-index: 1;
    padding: 3.75vw 0 3.75vw 3.75vw;
}
.cta .text p{
    text-transform: uppercase;
    color:black;
    font-family: "Signal No2";
    letter-spacing: 3px;
    font-size: 4vw;
}
.cta h2 {
    font-size: 18vw;
    color: black;
    font-weight: 800;
    font-family: "VTC Martin";
    line-height: 0.85;
        font-size: calc(120px + (120 - 40) * ((100vw - 480px) / (1600 - 480)));
}
.cta .text span,
.cta .text .btn,
.cta .btn:hover,
.cta .btn:focus{
    display: flex;
    align-items: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    color:black;
    font-family: "Signal No2";
    letter-spacing: 3px;
    font-size: 2vw;
    padding:0;
    border:none;
    background:transparent;
}
.cta span svg,
.cta .btn svg{
    width:45px;
    height: auto;
    margin:0 0 0 20px;
}
.cta h2 strong {
    color: black;
    font-size: calc(120px + (120 - 40) * ((100vw - 480px) / (1600 - 480)));
    line-height: 0.85;
    display: block;
}
.bg-green{
    background-color: #67943c;
    color:black;
}
.bg-blue{
    background-color:#088694;
}
.bg-yellow{
    background-color: #eabd26;
}
.bg-red{
    background-color:#b14b25;
}
.cta > div figure::after {
    content: '';
    display: block;
    width: 100%;
    height: 110%;
    z-index: -1;
    background-image: url('https://s3.us-east-2.amazonaws.com/highhampton/pattern6.png');
    top: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(-9deg);
}

.cta {
    overflow: hidden;
}
.flickity-prev-next-button .flickity-button-icon path {
    fill: #b14b25;
}

.flickity-prev-next-button .flickity-button-icon {
    position: relative;
    transform: scale(-1);
}

/*-- dining --*/
.flex-wrap.seasonal-op {
    flex-wrap: nowrap;
    padding-bottom: 20px;
    padding-top:0;
    margin: 0 0 20px;
    border-bottom: 1px solid;
}
.seasonal-op h4 {
    margin: 0 0 8px;
    font-weight: bold;
    font-size: 115%;
    letter-spacing: 1px;
}
.flex-wrap.seasonal-op .dates {
    width: 20%;
    padding: 0px 30px 0 0;
    font-family: "Signal No2";
    font-size: 20px;
    letter-spacing: 0;
}

.flex-wrap.seasonal-op .info {
    width: 80%;
}

.flex-wrap.seasonal-op p {
    margin: 0 0 0;
}

.flex-wrap.seasonal-op:last-of-type {
    border: none;
    margin: 0;
}

.seasonal-ops {margin: 40px 0 0 0;}
.img-blocks h3{
    padding:0;
    margin:0;
}
.img-blocks .text{
    text-align: center;
}
.blocks-headline{
    margin-bottom:40px;
    justify-content: space-between;
    align-items: center;

}
.blocks-headline h3 {
    margin: 0;
}

.blocks-headline h3 .demo-icon.icon-hh {
    margin: 0;
}
.blocks-headline{
    margin:0 0 50px;
}
.flex-wrap.blocks-headline .demo-icon.icon-hh {
    font-size: 32px;
}
.img-blocks.inline-image a.img-block .text{
    text-align:left;
}
.flex-wrap.gutter{
    margin-left:-8px;
    margin-right:-8px;
}
.layered-img{
    background-image: var(--random-bg, url('https://s3.us-east-2.amazonaws.com/highhampton/pattern3.png'));
}
.cta.bg-green > div figure::after {
    background-image: url('https://s3.us-east-2.amazonaws.com/highhampton/pattern3.png');
    height: 100%;
    transform: rotate(75deg);
    left: -11%;
    background-size: cover;
}
.layered-img::after{
    content:'';
    display: block;
    position: absolute;
    width: 100%;
    height:98%;
    top:-1%;
    right:-3%;
    background-size:cover;
    background-image:url('https://s3.us-east-2.amazonaws.com/highhampton/pattern6.png');
    transform:rotate(-5deg);
    z-index: -1;
}

/* -- events --*/
.cards .text h3 {
    font-family: 'Ivory';
    font-size: 15px;
    letter-spacing: 0;
}
.events .flex-wrap a h2{
  font-family: 'VTC Martin';
      letter-spacing: 0;
}
.events .flex-wrap a time{
  font-family: "Signal No2";
}

.more-info h3 {
    color: #b14b25;
}
.blur-holder::after {
    display: none;
}

.bg-img.blur::after {
    display: none;
}
.personalities h2 {
    font-family: 'Signal No2';
    letter-spacing: 0;
}
.img-block.bio figure {
    height: auto;
}
.lity-content {
    background-color: rgb(234 189 38 / 25%);
}

.lity-container {
    background: white;
}
.one-third.bg-red h1 {
    color: white;
    font-size: calc(28px + (34 - 6) * ((100vw - 480px) / (1600 - 480)));
    line-height: 1.0;
}

.one-third.bg-red p.date, .one-third.bg-red p {
    color: white;
}

.one-third.bg-red a.btn {
    border-color: white;
}

.one-third.bg-red p.date {
    font-family: 'Signal No2';
    margin: 0 0 0;
    font-size: 22px;
}

.one-third.bg-red p {
    font-size: 16px;
}



/*-- blockquotes --*/
.memories-list blockquote, blockquote {
    max-width: none;
}

.memories-list blockquote::before, blockquote::before {
    opacity: 1;
    margin: 0 0 30px;
}
blockquote footer{
    background:transparent;
    margin:30px 0 0;

}



/*-- weddings --*/

.inclusions .half {
    border: 1px solid #b14b25;
    padding: 0;
}

.inclusions .headline, .inclusions .list {
    padding: 40px 4.75vw 30px;
}

.inclusions .list {
    padding: 30px 4.75vw 40px;
    border-top: 1px solid #b14b25;
}

.inclusions .half:first-of-type {
    border-right: none;
}
.inclusions h4, .inclusions h5{
    color:#b14b25;
    margin:0;
}
.inclusions p{

}
.inclusions ul {
    padding: 0px 0 0 15px;
}

.inclusions ul li p {
    margin: 0;
}

.inclusions ul li {
    margin: 0 0 8px;
}

.inclusions ul {
    margin: 0px 0 20px;
}

.inclusions p {
    font-size: 15px;
    line-height: 21px;
        margin:0 0 20px;
}
.inclusions .text p:last-of-type{
    margin: 0;
}
 .intro-text p strong,
    .intro-text p b {
        display: block;
        margin:0 0 20px;
    }
.inclusions h4 {
    font-size: 18px;
}
.inclusions ul.lined-list.resources {
    padding: 0;
}
.agenda h2 {
    color: #b14b25;
    font-family: 'Ivory';
    font-size: 18px;
    letter-spacing: 0;
 

}
.agenda .headline{
    padding: 20px;
}
.agenda .headline h4{
    margin:0;
}

.agenda p {
    font-size: 14px;
    line-height: 18px;
}

.agenda .fourth {
    /* padding: 30px; */
    border: 1px solid;
}

.agenda .fourth .list {
    padding: 20px;
    border-top: 1px solid #b14b25;
}

.agenda .fourth {
    border-right: none;
}

.agenda .fourth:last-of-type {
    border-right: 1px solid;
}

.agenda .list p:first-of-type {
    margin-top: 0;
}







/*-- stay --*/
.room-child section{
    border: 1px solid;
    margin-bottom: 60px;
}
.room-child a.fill-img{
    margin: 0;
}




/*-- jobs --*/
.jobs .third a {
    background: transparent;
    padding: 30px;
    border: 1px solid;
}

/*-- contacts --*/
.contact-entry {
    border: 1px solid #b14b25;
}

.contact-entry::before {
    display: none;
}

.contact-entry p em {
    color: #b14b25;
}
.contact-entry:first-of-type{
    border-right:none;
}
.contact-entry h2{
        font-style: normal;
    font-family: 'VTC Martin';
    letter-spacing: 1px;
    text-transform: none;
    font-size: calc(26px + (34 - 8) * ((100vw - 480px) / (1600 - 480)));
}
.tavel-ad .two-thirds.fade-children p:first-child {
    margin-top: 0;
}

.travel-ad .lined-list.resources li a {
    font-family: 'Signal No2';
    font-size: 18px;
    letter-spacing: 0;
    display: flex;
}
.icon-arrow-right:before{
        background-image: url(https://s3.us-east-2.amazonaws.com/highhampton/arrow-red.svg);
}

/*-- image ticker --*/
/*
.ticker-wrap{width:100%;overflow:hidden;}
.ticker-item{width:25%;height:350px;border-radius:0px;overflow:hidden;}
.ticker-item figure{
  display: block;
  position: relative;
  margin:0 5px;
  height: 100%;
}
.ticker-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease;}

@media(max-width:600px){.ticker-item{width:33.333%;height:350px;}}
@media(max-width:380px){.ticker-item{width:50%;height:300px;}}
*/

.ticker-wrap{width:100%;overflow:hidden;position:relative;padding:1.5rem 0;}
.ticker-wrap::before,.ticker-wrap::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.ticker-wrap::before{left:0;}
.ticker-wrap::after{right:0;}
.ticker-track{display:flex;align-items:center;gap:5px;width:max-content;will-change:transform}
.ticker-status{position:absolute;bottom:6px;right:12px;font-size:11px;letter-spacing:.04em;user-select:none;pointer-events:none}
.pause-badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;border:0.5px solid;padding:4px 10px;position:absolute;top:10px;right:12px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:3}
/*.pause-badge.visible{opacity:1}*/
.ticker-wrap:focus-visible{outline:2px solid;outline-offset:2px;}

.ticker-item{width:25vw;height:350px;border-radius:0px;overflow:hidden;}
.ticker-item figure{
  display: block;
  position: relative;
  margin:0;
  height: 100%;
}
.ticker-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease;}


@media(max-width:980px){.ticker-item{width:33.333vw;height:350px;}}
@media(max-width:768px){.ticker-item{width:50vw;height:400px;}}
@media(max-width:650px){.ticker-item{width:75vw;height:450px;}}


.img-block{
        min-height: 0px;
    }
   
    .cta.flex-wrap{
        align-items: initial;
    }
    .img-block figure img {
    max-height: 600px;
}
.img-block figure {
    height: 100%;
}
/*-- responsive --*/
.home-hero h1#hero-text {
    margin-top: 200px;
}
.top-bar .menu-trigger span {
    background: white;
}
.weather-contact p, .weather-contact .contact a{
    letter-spacing: 0;
}
.more-info .bg-grey.pad {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
ul.bullets li::before, 
.policies ul li::before {
    content: "";
    width: 2px;
    height: 2px;
    border: 2px solid #b14b25;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 10px;
}
@media only screen and (max-width: 1024px) {
    header .logo-wrap {
        margin: 0;
    }
}
@media only screen and (max-width: 980px) {
 .contact-entry:first-of-type{
        border-bottom:none;
        border-right: 1px solid #b14b25;
    }
    .contact-entry.one-third,
    .contact-entry.half{
        width: 100%;

    }
    .cards p {
        font-size: 14px;
    }
    .agenda .fourth{
        width:50%;
    }
    .agenda .fourth:nth-of-type(even) {
        border-right: 1px solid;
    }

    .agenda .fourth:nth-of-type(1), 
    .agenda .fourth:nth-of-type(2) {
        border-bottom: none;
    }
}
@media only screen and (max-width: 768px) {
    .flex-wrap.seasonal-op .dates{
        width: 40%;
    }
    .flex-wrap.seasonal-op .info{
        width: 60%;
    }
    .flex-wrap.more-info{
        text-align: center;
    }
    .blur-holder .one-third.pad {
        padding: 40px 20px;
        text-align:center;
    }
}
@media only screen and (max-width: 700px) {
    footer .flex-wrap > div.links, 
    footer .flex-wrap > div.connect, 
    footer .flex-wrap > div.contact {
   
        text-align: center;
    }
    footer .footer-logo img {
        margin: 30px auto 0;
    }

    footer .flex-wrap > div.links {
        padding-bottom: 0;
    }

    footer .airports {
        text-align: left;
        margin: 0 20px 20px;
    }
   
}
@media only screen and (max-width:650px){
    .half{
        width:100%;
    }
    /*
    .flex-wrap.gutter.pad {
        padding: 20px;
    }*/
    .gutter > .full{
        width:100%;
        margin:0;
    }
    .gutter > .half{
        width:100%;
        margin:0 0 20px;
    }
    .gutter > .fourth,
    .fourths.gutter > *{
        width:100%;
        margin:0 0 20px;
    }
    .half, 
    .halfs > *,
    .gutter .half, 
    .gutter.halfs > * {
        width: 100%;
        margin:0 0 20px;
    }

    .gutter > .sixth, 
    .sixths.gutter > * {
        width: calc(50% - 16px);
        margin: 0 8px 32px;
    }

    .gutter > .sixth figure + .text, 
    .sixths.gutter > * figure + .text {
        padding: 6px;
        margin: 6px 0 0;
    }
    .two-thirds,
    .third, 
    .thirds > *, 
    .one-third,
    .gutter.cards > .third, 
    .gutter.cards > .one-third, 
    .gutter.cards.thirds > *,
    .gutter > .third,
    .gutter > .one-third,
    .gutter.thirds > *,
    .gutter.cards > .half, 
    .gutter.cards.halfs > * {
        width: 100%;
        margin: 0 0px 40px;
    }
    .testimonials blockquote p,
    .testimonials blockquote p em,
    blockquote p,
    blockquote p em,
    p.large {
        font-family: "Ivory";
        font-size: 4.9vw;
        line-height: 1.3;
        margin: 0 20px;
    }

    .overlap-text.top-right {
        right: -30px;
        font-size: 7.05vw;
        width: 60%;
    }

    .pad-more {
        padding: 50px;
    }
    p.large {
        font-size: 26px;
        margin: 0 20px;
        line-height: 32px;
    }

    .overlap-text.top-right {
        right: -30px;
        font-size: 7.05vw;
        width: 60%;
    }

    .pad-more {
        padding: 30px;
    }

    .pad-more.half {
        padding: 20px;
    }

    .cta > figure {
        width: 100%;
        max-height: 230px;
    }

    .cta > figure img {
        height: 130%;
        top: -30%;
        position: relative;
    }

    .cta h2 {
        font-size: 38vw;
        line-height: 0.825;
    }

    .cta .text p {
        font-size: 7vw;
        letter-spacing: 2px;
        margin: 0;
    }

    .cta .text span {
        font-size: 4.5vw;
        letter-spacing: 1px;
    }

    .cta > div figure {
        width: 55%;
        bottom: initial;
        left: initial;
    }

    .cta > div {
        width: 100%;
    }
    .img-block{
        min-height: 0px;
    }
    .overlap-text + figure {
        margin-top: 20px;
    }

    .pad-more.half {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .cta .text {
        padding: 0 0 50px 50px;
    }
    .home-hero .text {
        height: 100%;
        flex-direction: column;
        justify-content: center;
        min-height: 100vh;
    }
    .home-hero .text h1 span {
        font-size: 105px;
    }

    .home-hero .text h1 {
        font-size: 30px;
        letter-spacing: 0.75px;
        line-height: 1.05;
    }

    .home-hero a {
        font-size: 18px;
        line-height: 26px;
        display: block;
    }

    .home-hero a svg {
        display: block;
        margin: 0 auto;
        width: 35px;
        height: auto;
    }
    .inclusions .half:first-of-type{
        border-right: 1px solid #b14b25;
        border-bottom: 0;
        margin:0;
    }
    .pad-more .pad-more{
        padding:20px;
    } 

    .sticky-header a.res-title {
        display: none;
    }

    .sticky-header a.btn.book-btn {
        font-size: 10px;
        margin: 0 20px;
    }
    

    h2 strong {
        font-size: 50px;
    }
    p, p em {
        font-size: 19px;
        line-height: 24px;
    }
    .events-title h3,
    h2,
    h3 {
        font-size: 26px;
        letter-spacing: 1.5px;
        line-height: 28px;
    }
    .hero h1 strong {
        font-size: 36px;
        line-height: 1.0;
        margin: 0 0 5px;
    }

    .hero h1 {
        font-size: 84px;
        line-height: 0.9;
        margin: 0 0 20px;
    }
    .cards a h2 strong, 
    .cards a:hover h2 strong {
        font-size: 42px;
    }
    .flex-wrap.seasonal-op{
        display: block;
    }
    .flex-wrap.seasonal-op .dates{
        width: 100%;
        padding:0;
        margin:0 0 10px;
    }
    .flex-wrap.seasonal-op .info{
        width: 100%;
    }
    .flex-wrap.seasonal-op .dates {
        font-size: 22px;
        letter-spacing: 0;
        line-height: 26px;
    }
    .sticky-header img {
        width: 280px;
    }
    .sticky-header a.btn.book-btn, 
    #menu a.btn.book-btn, 
    .top-bar .btn.book-btn,
    .sticky-header a.btn.book-btn {
        font-size: 7px;
        padding: 6px 10px;
        margin: 0 20px 0 0;
    }
    aside .header #logo img, 
    .sticky-header img, 
    header .logo-wrap a {
        width: 260px;
    }
    .menu-trigger {
        margin-top: 5px;
    }
    #accordion h2 {
        font-size: 32px;
        letter-spacing: 0;
    }
    .flex-wrap.gutter{
        margin:0;
    }
    #accordion .header.pad {
        padding: 150px 20px 20px;
    }

    span.accordion-title {
        font-size: 18px;
        margin: 0 0 10px;
    }

    .activity-item ul li, .activity-item p {
        font-size: 16px;
        line-height: 23px;
    }

    .activity-item {
        margin: 0 0 30px;
    }

    #accordion .content .pad.bg-grey {
        margin-top: 10px;
        padding: 20px 25px;
    }
    .flex-wrap.blocks-headline .demo-icon.icon-hh {
        font-size: 28px;
    }
    .cta .text p {
               font-size: 52px;
        line-height: 58px;
    }

    .cta .text span {
        font-size: 26px;
        margin: 40px 0 0;
    }

    .cta h2 {
        font-size: 145px;
        margin: 0 0 20px;
    }
    .agenda .fourth,
    .agenda .fourth:nth-of-type(1), 
    .agenda .fourth:nth-of-type(2),
    .agenda .fourth:nth-of-type(even){
        width:100%;
        border-right: 1px solid;
          border-bottom: none;
    }
    .agenda .fourth:last-of-type {
        border-bottom: 1px solid #b14b25;
        margin-bottom: 60px;
    }
    
}