body,html {width: 100%; height: 100%;}
.v-application__wrap {overflow-y: visible !important;}

main p {margin-bottom: 2em;}

.wp-site-blocks {height: 100%;}
.v-application {color: inherit !important;}
.v-application__wrap {overflow-y: auto;}

.w-70 {width:70%;}
.w-30 {width:30%;}


.cottage-hero {position: relative; }
@media screen and (min-width: 600px) {
    .cottage-hero-content-container {position:absolute; bottom:-2rem; left:0; right:0; }
    .cottage-hero-content {align-items: flex-end;}
}

.cottage-details .description p {margin-bottom: 1em;}
.cottage-details .description p:nth-child(n+4) {display: none;}
.cottage-amenities dl {display:grid; grid-template-columns: 1fr 1fr 1fr; font-size:0.875rem; gap:0.5rem;}
.cottage-reviews p {margin-bottom: 0.5em; font-size:1rem;}
@media screen and (min-width: 1281px) {
    .-cottage-details .layout {display:grid; grid-template-columns: 7fr 3fr; gap:4rem;}
}
@media screen and (max-width: 960px) {
    .cottage-details .image-grid > div:nth-child(3) {display: none !important;}
}
@media screen and (max-width: 640px) {
    .cottage-amenities dl {display:grid; grid-template-columns: 1fr 1fr; font-size:0.875rem; gap:0.5rem;}
    .cottage-details .details-content {flex-direction: column;}
    .cottage-details .image-grid {width: 100%;}
}
@media screen and (max-width: 480px) {
    .cottage-details .image-grid > div:nth-child(3) {display: none !important;}
    .cottage-amenities dl {display:grid; grid-template-columns: 1fr; font-size:0.875rem; gap:0.5rem;}
}

.cottage-full-description p {margin-bottom: 1rem;}

.cottage-header {min-width: 60%;}


.calendar .months {width:100%; height:100%; display:grid; gap:1rem 1rem; align-items: start;}
.calendar-month header {height:32px;}
.calendar-month header .v-btn {min-width:0;}
.calendar-month .dates .date .v-btn .v-btn__content {font-size:12px; letter-spacing: 0;}
.calendar-month .dates {display:grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: 0.65fr repeat(5, 1fr); gap:2px 0; }
.calendar-month.week-numbers .dates {grid-template-columns: 0.75fr repeat(7, 1fr); }
.calendar-month .dates .day-of-week {text-align:center; font-size:12px; font-weight: 700; opacity:0.5;}
.calendar-month .dates .date {text-align:center; position: relative;}
.calendar-month .dates .date .v-btn {pointer-events: all !important;}
.calendar-month .dates .date .v-btn.v-btn--size-default {min-width: 32px; padding: 0 4px;}
.calendar-month .dates .week .v-btn .v-btn__content {font-size:10px; font-style: italic; letter-spacing: 0;}
.calendar-month .dates .date .v-btn .v-btn__content {font-size:12px; letter-spacing: 0;}
.calendar-month .dates .date.before-month, .calendar-month .dates .date.after-month {opacity: 0;}
.calendar-month.first-month .dates .date.before-month, .calendar-month.last-month .dates .date.after-month {opacity: 0.5;}
.calendar-month .dates .date .v-btn.v-btn--variant-text .v-btn__content {font-weight:700;}
.calendar-month .dates .date .text-h6 {font-weight: 300;}
.calendar.has-prices .calendar-month .dates .date {height:65px;}
.calendar.has-prices .calendar-month .dates .date small {height:25px; font-size:12px;}
.calendar-month .dates .date .special-price {display:flex; flex-direction: column;}
.calendar-month .dates .date .special-price u {text-decoration: line-through; font-weight: 400;}
.calendar-month .dates .date .special-price b {color:rgb(var(--v-theme-sunrise));}

body.has-hero header.wp-block-template-part {position: absolute; top:0; left: 0; width: 100%; z-index: 1; 
    background-image: linear-gradient(#13374890, #13374800);}
.logo {width: 128px; max-width:20vw; margin: 1rem 0;}
body.home .logo {width: 176px; margin: 2rem 0;}
@media screen and (max-width: 64em) {
    .logo {width: 100px;}
    body.home .logo {width: 148px;}
}
@media screen and (max-width: 40em) {
    .logo {width: 80px;}
    body.home .logo {margin: 1.5rem 0;}
}

.has-small-font-size {font-size: 14px !important;}



nav.wp-block-navigation li a {padding:0.75rem 2rem; font-size: 2rem; font-weight: 700; color:var(--wp--preset--color--seashell) !important; transition: all 0.5s; }
nav.wp-block-navigation li.current-menu-item a {color:var(--wp--preset--color--sunset) !important;}
nav.wp-block-navigation li a:hover {color:var(--wp--preset--color--wavebreak) !important;}

.v-card.sunset-gradient {background-image: linear-gradient(to bottom left, var(--wp--preset--color--sunset), var(--wp--preset--color--sunshine) );}

.image-grid img {cursor: pointer;}

.wp-block-button__link {padding:0 16px; height:36px; text-transform: uppercase; font-size:0.875rem; line-height: 1.2em; font-weight: 500; letter-spacing: 1.25px;
    border-radius: 4px; box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity,#0003),0 4px 5px 0 var(--v-shadow-key-penumbra-opacity,#00000024),0 1px 10px 0 var(--v-shadow-key-ambient-opacity,#0000001f)!important; }


.wp-block-media-text>.wp-block-media-text__content {padding-left: 24px; padding-right: 24px;}
@media screen and (max-width: 599px) {
    .wp-block-media-text>.wp-block-media-text__content {padding-top: 2rem;}
}

p + figure.wp-block-gallery {margin-left: -1rem; margin-right: -1rem;}

footer.wp-block-template-part {background-color: var(--wp--preset--color--deepocean) ;}
.wp-block-site-title {opacity: 0.5; color:white; font-weight: 300; font-size:0.875rem;}
.wp-block-site-title a:hover {color:white;}
.cottage-hero .wp-block-post-title {color:white;}

h1,h2,h3,h4 {line-height: 1.2 !important; color:var(--wp--preset--color--deepocean);}
.text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6 {font-weight: 700 !important;}
.v-card-text {font-weight:300 !important;}
.text-transform-none {text-transform: none;}
.v-input--readonly .v-input__control {pointer-events: none;}
.v-card *:not(i), .text-caption {font-family: "Mundial", "Open Sans", sans-serif !important;}
.v-tooltip>.v-overlay__content {background-color: var(--wp--preset--color--cleartide) !important;}
.text-caption {font-weight:400;}
.v-btn__content {line-height: 1.2em;}
.v-skeleton-loader .v-skeleton-loader__image {aspect-ratio:1.5; height:auto;}
.v-table {background: transparent !important; font-size:1rem !important;}
.v-table>.v-table__wrapper>table>tbody>tr>td, .v-table>.v-table__wrapper>table>tbody>tr>th, .v-table>.v-table__wrapper>table>tfoot>tr>td, .v-table>.v-table__wrapper>table>tfoot>tr>th, .v-table>.v-table__wrapper>table>thead>tr>td, .v-table>.v-table__wrapper>table>thead>tr>th {
    padding: 0 !important;
}

#loader {position: fixed; top:0; left:0; height: 100%; width: 100%; background: #ffffff; z-index: 100000; transition: all 1s; opacity: 1; pointer-events: none;}
#loader.ready {opacity: 0;}


img.alignright {float:right; margin-left: 2rem; margin-bottom: 1rem;}
img.alignleft {float:left; margin-right: 2rem; margin-bottom: 1rem;}


.d-grid {display:grid;}
.grid-1 {grid-template-columns: 1fr;}
.grid-2 {grid-template-columns: 1fr 1fr;}
.grid-3 {grid-template-columns: 1fr 1fr 1fr;}

@media screen and (min-width: 600px) {
    .grid-sm-1 {grid-template-columns: 1fr;}
    .grid-sm-2 {grid-template-columns: 1fr 1fr;}
    .grid-sm-3 {grid-template-columns: 1fr 1fr 1fr;}
}

@media screen and (min-width: 960px) {
    .grid-md-1 {grid-template-columns: 1fr;}
    .grid-md-2 {grid-template-columns: 1fr 1fr;}
    .grid-md-3 {grid-template-columns: 1fr 1fr 1fr;}
}

@media screen and (min-width: 1280px) {
    .grid-lg-1 {grid-template-columns: 1fr;}
    .grid-lg-2 {grid-template-columns: 1fr 1fr;}
    .grid-lg-3 {grid-template-columns: 1fr 1fr 1fr;}
}


.stars {font-size:1rem;}
h2 .stars {font-size:1.5rem;}