/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; }

/* TEMP DEV STYLES */
.admin { display: block; position: fixed; right: 0; bottom: 0; left: 0; font-size: 12px; color: #FFF; text-align: right; padding: 10px; background: #252525; margin: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; height: auto;  }

/* DEFAULTS */
body { font-size: 15px; line-height: 1.5; color: #002515; background: #FFF; }
h1,h2,h3,h4,h5,h6 { font-weight: 400; color: #000; line-height: 1.25; margin: 0 0 1.5rem 0; }
h1 { font-size: 200%; max-width: 960px }
h2 { font-size: 160%; }
h2 i { color: #00CED1; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
p { margin: 0 0 1.5rem 0; }
ul { list-style: disc; margin: 0 0 1.5rem 2rem; }
ul.nobullet { list-style: none; margin-left: 0; }
ul.nobullet li { margin-bottom: 0.5rem; }
ol { list-style: decimal; margin: 0 0 1.5rem 2rem; }
dl { margin: 0 0 1.5rem 0; }
dt { font-weight: 700; }
blockquote { font-style: italic; padding-left: 1.5rem; border-left: 5px solid #00CED1; margin: 0 5% 1.5rem 5%; }
img { max-width: 100%; height: auto; }
small { font-size: 0.85rem; color: #26867c; }
b,strong { font-weight: 700; }
em,i { font-style: italic; }
a { color: #2646ea; text-decoration: none; transition: 0.5s; }
a:visited {}
a:active { color: gold; }
a:hover { color: #00CED1; text-decoration: underline; }
a:focus { color: #00CED1; text-decoration: underline; }

/* FONT ASSIGNMENT */
body { font-family: "Noto Serif SC",serif;  }
h1,h2 { font-family: "Playfair Display",serif; }
small, .quote-author, .footer-links, .blurb { font-family: sans-serif; }



/* LAYOUT */
.row {}
.row-nav {  }
.row-header {  }
.row-newsletter {
 background: #AFEEEE;
  -webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);
  clip-path: polygon(0 0, 100% 5%, 100% 95%, 0 100%);

}

.nav, .hero, .header, .section, .footer { max-width: 1200px; margin: 0 auto; clear: both; }
.nav { height: 80px; padding: 20px 2em 1em 2em; }
.header { padding: 2em 2em 2em 2em; }
.section { padding: 0 2em 2em 2em; }
.section-newsletter { padding: 4em 2em; background: #AFEEEE; border: 0px dotted #00CED1; }
.footer { padding: 2em 2em; }


/* PRIMARY NAV */
.logo { float: left; font-weight: 700; color: #000; line-height: 40px; white-space: nowrap; }
.logo a { color: #000; text-decoration: none; }
.logo a::before { content: "\2605  "; }
.menu { position: absolute; top: -400px; right: 2em; left: 2em; font-weight: 700; list-style: none; line-height: 40px; padding: 0.5em 1em; background: #4169E1; margin: 0; transition: 0.25s; z-index: 999; }
.menu li { }
.menu a { display: block; color: #FFF; }
.menu a.current { color: #00CED1; }
.menu a::before { content: "\2023  "; }
.menu-label { float: right; height: 40px; font-weight: 700; color: #2646ea; line-height: 40px; padding: 0 0.5rem; border: 1px solid blue; }
.menu-label span { display: inline-block; width: 12px; }
.menu-label span::after { content: "\2023"; }
.menu-checkbox { display: none; }
.menu-checkbox:checked + .menu-label span::after { content: "\00D7"; }
.menu-checkbox:checked + .menu-label + .menu { top: 59px; }

.crumbs { font-size: 0.75rem; list-style: none; margin: 0 0 1rem 0; }
.crumbs li { display: inline-block; }
.crumbs li::after { content: "  \2023"; }

/* HERO */
.hero h1 { color: #FFF; margin: 0; }
.hero p { color: #FFF; margin: 1rem 0 0 0; }

/* HEADER */
.header h1 { margin: 0; }
.header p { margin: 1rem 0 0 0; }


/* SECTION */
.section-heading { margin: 0 0 2rem 0; }
.section-heading span { display: inline-block; padding: 0 0 0.75rem 0; border-bottom: 5px solid #40E0D0; }
.section-cta { margin: 2em 0 0 0; }

/* GRIDS */
.grid2 { display: grid; grid-column-gap: 4em; grid-row-gap: 2em; grid-template-columns: 1fr; }
.grid3 { display: grid; grid-column-gap: 3em; grid-row-gap: 1.5em; grid-template-columns: 1fr; }
.grid4 { display: grid; grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); }
.grid-logos { display: grid; grid-column-gap: 1em; grid-row-gap: 1em; grid-template-columns: 1fr 1fr; align-items: center; margin: 0 0 1.5rem 0; }
.grid-newsletter { display: grid; grid-column-gap: 1em; grid-row-gap: 1em; grid-template-columns: 1fr; }

.grid-thumb { margin: 0 0 0.25rem 0; }
.grid-photo { margin: 0 0 1rem 0; }
.grid-photo img { display: block; width: 100%; }
.grid-heading { font-weight: 700; margin: 0 0 0.5rem 0; }
.grid-heading a { color: #000; text-decoration: none; }
.grid-heading a:hover, .grid-heading a:focus { text-decoration: underline; } 
.grid-summary { margin: 0; }
.grid-cta { font-weight: 700; margin: 1rem 0 1.5rem 0; }
.grid-cta::before { content: "\2023  "; }
.grid-logos .grid-item { text-align: center; }
.grid-logos img { opacity: 0.5; transition: 0.5s; }
.grid-logos img:hover { opacity: 1; }
div.grid-item:nth-of-type(4n+1) .grid-photo { clip-path: polygon(0 0, 100% 2%, 100% 98%, 0 100%); }
div.grid-item:nth-of-type(4n+2) .grid-photo { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 98%); }
div.grid-item:nth-of-type(4n+3) .grid-photo { clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 100%); }
div.grid-item:nth-of-type(4n+4) .grid-photo { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 98%); }

/* SINGLE ENTRY */
.entry-story { max-width: 800px; }
.entry-extended { display: none; }
.extended-label { font-weight: 700; color: #2646ea; margin: 0 0 1.5rem 0; }
.extended-checkbox { display: none; }
.extended-checkbox:checked + .extended-label + .entry-extended { display: block; }

/* BOOK PROCESS */
.book-options { list-style: none; margin: 0 0 1rem 0; }
.book-options li { margin: 0 0 1rem 0; }


/* QUOTES */
.quote { position: relative; padding: 0; border: 0; margin: 0 0 1.5rem 0; }
.quote-icon { position: absolute; top: 0; left: 0; font-size: 1.125rem; color: #00CED1; }
.quote-text { font-size: 110%; color: #26867c; margin: 0 0 0 2rem; }
.Xquote-text::before { content: "\201C"; color: #000; }
.Xquote-text::after { content: "\201D"; color: #000; }
.quote-author { display: block; font-size: 0.75rem; font-style: normal; color: #26867c; margin: 0.5rem 0 0 2rem; }

/* CREDITS */
.credit-heading { font-size: 110%; font-weight: 700; margin: 0; }
.credit-date { font-size: 0.85rem; color: #26867c; line-height:1.2; margin: 0.5rem 0; }

/* LISTS */
.media-list { list-style: none; margin-left: 0; }
.media-list li { margin: 0 0 0.25rem 0; }
.media-list li:before { content: "\2023  "; }
.tweets { list-style: none; margin: 0; }
.tweets li { margin: 0 0 1em 0; }

/* LINKS */
.link { display: block; font-weight: 700; color: #FFF; text-decoration: none; }
.link-pri { background: #2646ea; }
.link-pri:hover { color: #FFF; background: #00CED1; }
.link-s { font-size: 0.8rem; padding: 0.5rem 1rem; }
.link-m { font-size: 0.9rem; padding: 0.5rem 1rem; }
.link-l { font-size: 1.0rem; padding: 0.5rem 1rem; }

/* PAGINATION */
.pagination-total { text-align: center; margin: 0 0 1rem 0; }
.pagination { list-style: none; text-align: center; margin: 0 0 1.5rem 0; }
.pagination li { display: inline-block; margin: 0 0.5em;  }
.pagination a { font-weight: bold; }

/* FOOTER */
.footer-links { font-size: 14px; list-style: none; text-align: center; margin: 0 0 1.5rem 0;  }
.footer-links li { display: inline-block; margin: 0 0.25em; }
.footer-links a { display: block; font-weight: 700; text-decoration: none; }
a.facebook { color: #4867AA; }
a.instagram { color: #000; }
a.twitter { color: #1DA1F2; }
.blurb { font-size: 0.8rem; text-align: center; }

/* FORMS */
form.booking-form { max-width: 640px; }
label { display: block; margin: 0 0 0.5rem 0; }
.label-note { display: block; margin: 0 0 0.5rem 0; }
form ul { list-style: none; margin-left: 0; }
form li { margin-bottom: 0.5rem; }
form dt { font-weight: 400; margin-bottom: 1rem; }
form dd { margin: 0 0 0.5rem 1rem; }
input,select,textarea,button { font-size: 16px; box-sizing: border-box; transition: 0.5s; }
input[type='text'],input[type='email'],input[type='url'],input[type='password'],input[type='number'] { width: 100%; height: 42px; text-indent: 7px; border: 1px solid #00CED1; }
select { max-width: 100%; height: 42px; border: 1px solid #00CED1; }
textarea { width: 100%; height: 160px; padding: 7px; border: 1px solid #00CED1; }
input:focus, select:focus, textarea:focus { border: 1px solid #4169E1; }
input.input-s { width: 80px; }
button { width: 100%; height: 42px; font-weight: 700; color: #FFF; padding: 0 2em; background: #2646ea; border: 0; }

.list-inline { list-style: none; margin-left: 0; }
.list-inline li { display: inline-block; }

/* MISC */
.offscreen { position: absolute; left: -999em; }
.video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin: 0 0 1.5rem 0; }
.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.text-center { text-align: center; }
.highlight { padding: 1rem; border: 1px dotted #000; }

/* QUERIES */
@media screen and (min-width: 480px) {
.grid3 { display: grid; grid-column-gap: 3em; grid-row-gap: 3em; grid-template-columns: 1fr 1fr; }
}

@media screen and (min-width: 768px) {
body { font-size: 16px; }
h1 { font-size: 300%; }
h2 { font-size: 200%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
.grid { display: grid; grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); }
.grid2 { display: grid; grid-column-gap: 4em; grid-row-gap: 2em; grid-template-columns: 1fr 1fr; }
.grid3 { display: grid; grid-column-gap: 3em; grid-row-gap: 1.5em; grid-template-columns: 1fr 1fr 1fr; }
.grid-logos { display: grid; grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }

.grid2.grid-intro .grid-item:first-child { order: 2; }

.menu { position: static; top: 0; right: 1em; list-style: none; text-align: right; line-height: 40px; padding: 0; background: transparent; margin: 0; clear: none; }
.menu li { display: inline-block; margin-left: 1rem; }
.menu a { display: block; color: #000; }
.menu a:active { color: gold; }
.menu a:hover { color: #2646ea; text-decoration: none; }
.menu a:focus { color: #2646ea; text-decoration: none; }
.menu a::before { content: "\2023  "; } 
.menu-label { display: none; }


.entry-photo {
  -webkit-clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 98%);
  clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 98%);
}


}

@media screen and (min-width: 1200px) {

.grid-newsletter { display: grid; grid-column-gap: 1em; grid-row-gap: 1em; grid-template-columns: 3fr 1fr; }
.link { display: inline-block; text-align: center; }

}