/****
    Theme Name:   Skipper Hospitality
    Template:     blankslate
	Version:      6.0.0
************/


/****  start CSS reset: http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)  ************/
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-size: 100%; font: inherit; vertical-align: baseline;} 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;}
/****  end CSS reset  ************/


/****  start fonts  ************/

/* Calibre */
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: normal;
    font-weight: 400;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/Calibre-Regular.otf');
    unicode-range: U+000-5FF;
}
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: italic;
    font-weight: 400;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/Calibre-RegularItalic.otf');
    unicode-range: U+000-5FF;
}
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: normal;
    font-weight: 250;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/Calibre-Thin.otf');
    unicode-range: U+000-5FF;
}
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: italic;
    font-weight: 250;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/Calibre-ThinItalic.otf');
    unicode-range: U+000-5FF;
}
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: normal;
    font-weight: 300;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/Calibre-Light.otf');
    unicode-range: U+000-5FF;
}
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: italic;
    font-weight: 300;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/Calibre-LightItalic.otf');
    unicode-range: U+000-5FF;
}
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: normal;
    font-weight: 500;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/Calibre-Medium.otf');
    unicode-range: U+000-5FF;
}
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: italic;
    font-weight: 500;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/Calibre-MediumItalic.otf');
    unicode-range: U+000-5FF;
}
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: normal;
    font-weight: 600;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/Calibre-Semibold.otf');
    unicode-range: U+000-5FF;
}
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: italic;
    font-weight: 600;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/Calibre-SemiboldItalic.otf');
    unicode-range: U+000-5FF;
}
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: normal;
    font-weight: 700;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/CalibreBold.otf');
    unicode-range: U+000-5FF;
}
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: italic;
    font-weight: 700;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/Calibre-BoldItalic.otf');
    unicode-range: U+000-5FF;
}
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: normal;
    font-weight: 900;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/Calibre-Black.otf');
    unicode-range: U+000-5FF;
}
@font-face {
    font-display: swap;
    font-family: Calibre;
    font-style: italic;
    font-weight: 900;
    src: local(Calibre), url('/wp-content/themes/skipperhospitality/fonts/Calibre/Calibre-BlackItalic.otf');
    unicode-range: U+000-5FF;
}

/* Lyon Display */
@font-face {
    font-family: Lyon Display;
    font-style: normal;
    font-weight: 400;
    src: url('/wp-content/themes/skipperhospitality/fonts/Lyon/LyonDisplay-Regular.ttf');
}
@font-face {
    font-family: Lyon Display;
    font-style: normal;
    font-weight: 700;
    src: url('/wp-content/themes/skipperhospitality/fonts/Lyon/LyonDisplay-Bold.ttf');
}
@font-face {
    font-family: Lyon Display;
    font-style: normal;
    font-weight: 900;
    src: url('/wp-content/themes/skipperhospitality/fonts/Lyon/LyonDisplay-Black.ttf');
}
@font-face {
    font-family: Lyon Display;
    font-style: italic;
    font-weight: 300;
    src: url('/wp-content/themes/skipperhospitality/fonts/Lyon/LyonDisplay-LightItalic.ttf');
}
@font-face {
    font-family: Lyon Display;
    font-style: normal;
    font-weight: 500;
    src: url('/wp-content/themes/skipperhospitality/fonts/Lyon/LyonDisplay-Medium.ttf');
}
@font-face {
    font-family: Lyon Display;
    font-style: italic;
    font-weight: 500;
    src: url('/wp-content/themes/skipperhospitality/fonts/Lyon/LyonDisplay-MediumItalic.ttf');
}
/****  end fonts ************/


/*****  start general page CSS styling  ************/
body {
    color: #1E345D;
    font-family: Calibre, Arial, sans-serif;
    font-size: 18px;
    line-height: 26px;
}
strong {
    font-weight: bold;
}
a {
    color: #1E345D;
}
h1 {
    color: #38B3E4;
    font-family: Lyon Display, "Times New Roman", Times, serif;
    font-size: 36px !important;
    font-weight: 900;
    line-height: 45px !important;
    margin-bottom: 34px;
}
@media all and ( min-width: 834px ) {
    h1 {
        font-size: 60px !important;
        line-height: 63px !important;
    }
}
@media all and ( min-width: 1024px ) {
    h1 {
        font-size: 53px !important;
        line-height: 63px !important;
    }
}
@media all and ( min-width: 1200px ) {
    h1 {
        font-size: 67px !important;
        line-height: 74px !important;
    }
}
@media all and ( min-width: 1400px ) {
    h1 {
        font-size: 81px !important;
        font-weight: 900;
        line-height: 83px !important;
    }
	
	.main-hero__header {
		font-size: 67px !important;
	}
}
@media all and ( min-width: 1500px ) {
	.main-hero__header {
        font-size: 81px !important;
	}
}
h2 {
    color: #38B3E4;
    font-family: Lyon Display, "Times New Roman", Times, serif;
    font-size: 30px !important;
    font-weight: 700;
    line-height: 36px !important;
    margin-bottom: 28px;
}
@media all and ( min-width: 1024px ) {
    h2 {
        font-size: 44px !important;
        font-weight: 900;
        line-height: 52px !important;
    }
}
h3 {
    color: #1E345D;
    font-family: Calibre, Arial, sans-serif;
    font-size: 24px !important;
    font-weight: 500;
    line-height: 34px !important;
}
@media all and ( min-width: 1024px ) {
    h3 {
        font-size: 34px !important;
        line-height: 48px !important;
    }
}
p {
    margin-bottom: 30px;
}
input, textarea {
    font-family: Calibre, Arial, sans-serif;
}
.br--desktop-only {
    display: none;
}
@media all and ( min-width: 1024px ) {
    .br--desktop-only {
        display: block;
    }
}
@media all and ( min-width: 1024px ) {
    h1.has-text-align-center,
    h2.has-text-align-center,
    h3.has-text-align-center,
    p.has-text-align-center {
        text-align: left;
    }
}
.sub-header {
    color: #1E345D;
}
@media all and ( min-width: 834px ) {
    .sub-header {
        font-size: 24px;
        line-height: 33px;
    }
}
@media all and ( min-width: 1024px ) {
    .sub-header {
        font-size: 26px;
        line-height: 36px;
    }
}
@media all and ( min-width: 1400px ) {
    .sub-header {
        font-size: 29px;
        line-height: 40px;
    }
}
figcaption strong {
    color: #1E345D;
    font-size: 20px;
    line-height: 24px;
}
.header {
    display: none;
}
.page-section {
    align-items: center;
    border: solid #fff 6px;
    display: grid;
    padding: 50px 25px 25px;
    text-align: center;
}
@media all and ( min-width: 834px ) {
    .page-section {
        border-width: 20px;
        padding: 50px 120px 25px;
    }
}
@media all and ( min-width: 1024px ) {
    .page-section {
        min-height: 100vh;
    }
}
.page-section .wp-block-group__inner-container {
    margin: 0 auto;
    max-width: 1200px;
    text-align: left;
}

.page-section .flush-left {
    margin-left: -31px;
}
.content div.wpforms-container-full .wpforms-form button[type=submit], /* WPForms submit button */
.wp-block-button__link {
    background: #1E345C;
    border: 0;
    border-radius: 9999px;
    color: #fff;
    font-family: Lyon Display, "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    width: 100%;
}
@media all and ( min-width: 1024px ) {
    .content div.wpforms-container-full .wpforms-form button[type=submit], /* WPForms submit button */
    .wp-block-button__link {
        font-size: 20px;
        line-height: 24px;
        width: auto;
    }
}
.is-style-outline>.wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
    border: 1px solid #1E345C;
    background: #fff;
    color: #1E345C;
}
div.wpforms-container-full .wpforms-form .wpforms-field-row { /* fixes the WPForms z-indexing issue */
    z-index: -1;
}

div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=email] {
    font-size: 22px;
    height: 70px;
    line-height: 29px;
    padding-left: 26px;
    padding-right: 26px;
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    font-size: 22px;
    height: 170px;
    line-height: 29px;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 22px;
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    position: unset;
}
/****  end general page CSS styling  ************/


/****  start page-header  ************/
.page-header {
    background: #fff;
    border-color: #FFC31B;
    border-style: solid;
    border-width: 6px 6px 0;
    left: 0;
    padding: 30px 25px 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: calc(100% - 62px);
	z-index: 10;
}
@media all and ( min-width: 834px ) {
    .page-header {
        border-width: 20px 20px 0;
        padding: 50px 25px 25px;
        width: calc(100% - 90px);
    }
}
.page-header.sticky {
    border-color: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
    padding: 25px;
}
@media all and ( min-width: 834px ) {
    .page-header.sticky {
        padding: 15px 25px 25px;
        width: calc(100% - 90px);
    }
}
.page-header__inner {
    display: grid;
    grid-template-columns: 8fr minmax(100px, 1fr);
    margin: 0 auto;
    max-width: 1300px;
    text-align: left;
}
.page-header a {
    color: #1E345C;
    text-decoration: none;
}
.page-header__logo {
    display: block;
    fill: #1E345D;
    height: 20px;
    width: 88px;
}
@media all and ( min-width: 600px ) {
    .page-header__logo {
        height: 23px;
        width: 143px;;
    }
}
.toggle-container {
    position: relative;
}
.page-header .toggle {
    display: none;
}
.page-header .toggle-button {
    display: inline-block;
    text-align: right;
}
.page-header .toggle:checked ~ .toggle-container .toggle-button {
    right: 8px;
    position: absolute;
    top: -8px;
    width: 100px;
    z-index: 99;
}
@media all and ( min-width: 1024px ) {
    .page-header .toggle:checked ~ .toggle-container .toggle-button {
        right: 59px;
        top: -9px;
    }
}
.toggle-button-class {
    display: none;
}
@media all and ( min-width: 350px ) {
    .toggle-button-class {
        display: inline-block;
    }
}
.toggle-button-class::before {
    content: 'Menu';
}
.page-header .toggle:checked ~ .toggle-container .toggle-button .toggle-button-class {
    display: block;
}
.page-header .toggle:checked ~ .toggle-container .toggle-button .toggle-button-class::before {
    color: #fff;
    content: 'Close';
}

.page-header .toggle:checked ~ .toggle-container .toggle-button .toggle-button-class b {
    display: inline-block;
    height: 26px;
    margin-left: 20px;
    position: relative;
    top: 8px;
    width: 26px;
}
.page-header .toggle:checked ~ .toggle-container .toggle-button .toggle-button-class b::before,
.page-header .toggle:checked ~ .toggle-container .toggle-button .toggle-button-class b::after {
    content: '';
    border-top: solid 4px #fff;
    display: block;
    left: 0;
    position: absolute;
    top: 11px;
    width: 26px;
}
.page-header .toggle:checked ~ .toggle-container .toggle-button .toggle-button-class b::before {
    transform: rotate(45deg);
}
.page-header .toggle:checked ~ .toggle-container .toggle-button .toggle-button-class b::after {
    transform: rotate(-45deg);
}
.page-header .toggle-button i {
    border-top: solid #1E345D 2px;
    display: inline-block;
    height: 14px;
    margin-left: 20px;
    position: relative;
    top: 2px;
    width: 20px;
}
@media all and ( min-width: 1024px ) {
    .page-header .toggle-button i {
        border-width: 4px;
        top: 0;
        width: 26px;
    }
}
.page-header .toggle:checked ~ .toggle-container .toggle-button i {
    display: none;
}
.page-header .toggle-button i::before {
    border-top: solid #1E345D 2px;
    content: '';
    left: 0;
    position: absolute;
    top: 5px;
    width: 20px;
}
@media all and ( min-width: 1024px ) {
    .page-header .toggle-button i::before {
        border-width: 4px;
        top: 5px;
        width: 26px;
    }
}
.page-header .toggle-button i::after {
    border-bottom: solid #1E345D 2px;
    content: '';
    height: 14px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 20px;
}
@media all and ( min-width: 1024px ) {
    .page-header .toggle-button i::after {
        border-width: 4px;
        top: 0;
        width: 26px;
    }
}
.header-menu {
    background-color: rgba(30, 52, 93, 0.9);
    color: #fff;
    display: none;
    height: 100vh;
    left: -6px;
    position: absolute;
    text-align: center;
    top: -6px;
    width: 100vw;
    z-index: 98;
}
@media all and ( min-width: 834px ) {
    .header-menu {
        left: -20px;
        top: -20px;
    }
}
.page-header .toggle:checked ~ .header-menu {
    display: block;
}
.header-menu a {
    color: #fff;
}
.header-menu .logo {
    display: inline-block;
    margin: 20vh 15% 0;
}
.header-menu .logo .page-header__logo {
    fill: #fff;
    height: 42px;
    width: 133px;
}
.header-menu .menu {
    margin: 10vh 15% 0;
    width: 70%;
}
.header-menu .menu {
    display: grid;
    font-size: 26px;
    grid-template-rows: repeat(6, 1fr);
    line-height: 32px;
    height: 60vh;
}
/****  end page-header  ************/


/****  start page-section__subfooter  ************/
.page-section__subfooter {
    background: #1E345C;
    border-color: #1E345C;
    color: #fff;
    min-height: 0;
}
.page-section__subfooter h2 {
    text-align: center;
}
.page-section__subfooter .wp-block-group__inner-container {
    border-bottom: solid 1px #64708a;
    padding-bottom: 50px;
}
@media all and ( min-width: 600px ) {
    .page-section__subfooter .wp-block-group__inner-container {
        display: grid;
        grid-column-gap: 40px;
        grid-template-columns: auto auto;
    }
    .page-section__subfooter h2 {
        justify-self: start;
        text-align: left;
    }
    .page-section__subfooter .wp-block-buttons {
        justify-self: end;
    }
}
.page-section__subfooter h2 {
    color: #fff;
}
.page-section__subfooter .wp-block-button__link {
    background: #fff;
    color: #1E345C;
}
@media all and ( min-width: 1024px ) {
    .page-section__subfooter h2 {
        justify-self: center;
        margin-bottom: 0;
        text-align: center;
    }
}
/****  end page-section__subfooter  ************/


/****  start page-footer  ************/
.page-footer {
    background: #1E345C;
    color: #fff;
    padding: 60px 25px;
    text-align: center;
}
.page-footer a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}
.page-footer__logo {
    display: inline-block;
    fill: #fff;
    height: 20px;
    margin-top: 60px;
    width: 88px;;
}
@media all and ( min-width: 600px ) {
    .page-footer__logo {
        height: 23px;
        width: 143px;;
    }
}
@media all and ( min-width: 834px ) {
    .page-footer .menu ul {
        display: grid;
        grid-gap: 80px;
        grid-template-columns: repeat(6, auto);
        justify-content: center;
    }
}
.page-footer .menu li {
    margin-bottom: 15px;
}
@media all and ( min-width: 834px ) {
    .page-footer .menu li {
        margin-bottom: 0;
    }
}
/****  end page-footer  ************/


/****  start homepage customization  ************/

/* main-hero */
.main-hero {
    border-color: #FFC31B;
    min-height: 100vh;
    padding-top: 60px;
}
@media all and ( min-width: 834px ) {
    .main-hero {
        padding-top: 95px;
    }
}
@media all and ( min-width: 1400px ) {
    .main-hero {
        padding-top: 65px;
    }
}
.page-id-163 .main-hero__image,
.home .main-hero__image {
    max-height: 300px;
    overflow: hidden;
}
@media all and ( min-width: 600px ) {
	.page-id-163 .main-hero__image,
    .home .main-hero__image {
        max-height: 400px;
    }
}
@media all and ( min-width: 834px ) {
	.page-id-163 .main-hero__image,
    .home .main-hero__image {
        max-height: 600px;
    }
}

.page-id-163 .main-hero p,
.home .main-hero p {
    margin-bottom: 0;
}
@media all and ( min-width: 600px ) {
	.page-id-163 .main-hero__buttons,
    .home .main-hero__buttons {
        align-self: start;
        display: grid;
        grid-template-columns: 50% 50%;
        grid-area: buttons;
        justify-content: center;
		white-space: nowrap;
    }
}
@media all and ( min-width: 1024px ) {
	.page-id-163 .main-hero__buttons,
    .home .main-hero__buttons {
        justify-content: start;
    }
}
.home .page-section__streamline,
.page-id-163 .page-section__streamline {
	overflow-x: hidden;
	border: 0;
}

.page-id-163 .main-hero__buttons .wp-block-button,
.home .main-hero__buttons .wp-block-button {
    padding: 10px 0;
}
@media all and ( min-width: 600px ) {
	.page-id-163 .main-hero__buttons .wp-block-button,
    .home .main-hero__buttons .wp-block-button {
        padding: 0 10px;
    }
}
@media all and ( min-width: 1024px ) {
	.page-id-163 .main-hero__buttons .wp-block-button,
    .home .main-hero__buttons .wp-block-button {
        padding: 0 20px 0 0;
    }
}
@media all and ( min-width: 1024px ) {
	.page-id-163 .main-hero .wp-block-group__inner-container,
    .home .main-hero .wp-block-group__inner-container {
        display: grid;
        column-gap: 40px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:    "header image"
                                "sub-header image"
                                "buttons image";
    }
	
    .page-id-163 .main-hero__header,
    .home .main-hero__header {
        align-self: end;
        grid-area: header;
    }
	
    .page-id-163 .main-hero__sub-header,
    .home .main-hero__sub-header {
        align-self: start;
        grid-area: sub-header;
    }
	
    .page-id-163 .main-hero__image,
    .home .main-hero__image {
        grid-area: image;
        max-height: 600px;
        min-height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
    }
    .page-id-163 .main-hero__buttons,
    .home .main-hero__buttons {
        grid-template-columns: auto auto;
    }
}


@media all and ( min-width: 1024px ) {
	.home .main-hero .wp-block-group__inner-container,
	.page-id-163 .main-hero .wp-block-group__inner-container {
		height: 85vh;
	}
}

@media all and ( min-width: 1200px ) {
    .page-id-163 .main-hero .wp-block-group__inner-container,
    .home .main-hero .wp-block-group__inner-container {
        display: grid;
        column-gap: 40px;
        grid-template-columns: 1.2fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:    "header image"
                                "sub-header image"
                                "buttons image";
    }
}
@media all and ( min-width: 1400px ) {
    .page-id-163 .main-hero .wp-block-group__inner-container,
    .home .main-hero .wp-block-group__inner-container {
        display: grid;
        column-gap: 40px;
        grid-template-columns: 1.1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:    "header image"
                                "sub-header image"
                                "buttons image";
        min-height: 85vh;
    }
}

/* page-section__streamline */

.page-section__streamline--copy p {
    font-size: 15px;
    line-height: 22px;
}
@media all and ( min-width: 1024px ) {
    .page-section__streamline--copy p {
        font-size: 20px;
        line-height: 30px;
    }
}
.page-section__streamline .has-text-align-left {
    text-align: center;
}
@media all and ( min-width: 600px ) and ( max-width: 1023px ) {
    .page-section__streamline--copy .wp-block-group__inner-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 40px;
        grid-template-areas:    "one two three"
                                "button button button";
    }
    .page-section__streamline--copy .wp-block-group__inner-container div:nth-of-type(1) {
        display: block;
        grid-area: one;
        grid-column: 1;
    }
    .page-section__streamline--copy .wp-block-group__inner-container div:nth-of-type(2) {
        display: block;
        grid-area: two;
        grid-column: 2;
    }
    .page-section__streamline--copy .wp-block-group__inner-container div:nth-of-type(3) {
        display: block;
        grid-area: three;
        grid-column: 3;
    }
    .page-section__streamline--copy .wp-block-group__inner-container div:nth-of-type(4) {
        grid-area: button;
    }
	
}

@media all and ( min-width: 1024px ) {
	.page-id-163 .page-section__streamline .wp-block-group__inner-container,
	.home .page-section__streamline .wp-block-group__inner-container {
        position: relative;
    }
	
	
/*     .home .page-section__streamline .wp-block-group__inner-container {
        align-content: start;
        align-items: start;
        justify-content: start;
        display: grid;
        grid-template-columns: 40% 47%;
        grid-template-rows: auto 1fr;
        grid-template-areas:    "video header"
                                "video copy";
        justify-items: start;
    } */
	.home. page-section__streamline .page-section__streamline--copy > .wp-block-group__inner-container,
	.page-id-163 .page-section__streamline .page-section__streamline--copy > .wp-block-group__inner-container {
		grid-template-columns: 50% 50%;
		align-content: start;
			align-items: start;
			justify-content: start;
			display: grid;
			grid-template-columns: 40% 47%;
			grid-template-rows: auto 1fr;
			grid-template-areas:    "video header"
									"video copy";
			justify-items: start;
		position: relative;
	}
    .page-section__streamline--header {
        grid-area: header;
        padding: 15% 5% 0 25%;
    }
	
	.home .page-section__streamline--header,
	.page-id-163 .page-section__streamline--header {
/*         padding: 0% 5% 0 55%; */
		padding: 5% 0 0 0;
		left: 46%;
		position: absolute;
		width: 30%;
    }
	.home .page-section__streamline .skipper-booking-list,
	.page-id-163 .page-section__streamline .skipper-booking-list {
		left: 46%;
		position: absolute;
		width: 30%;
		top: 240px;
	}
	.home .page-section__streamline .page-section__streamline--copy,
	.page-id-163 .page-section__streamline .page-section__streamline--copy {
        padding: 0;
    }
	
	.home .page-section__streamline .page-section__streamline--copy .wp-block-button.aligncenter,
	.page-id-163 .page-section__streamline .page-section__streamline--copy .wp-block-button.aligncenter {
		text-align: left;
    }
	
    .page-section__streamline .has-text-align-left {
        text-align: left;
    }
    .page-section__streamline--video {
        grid-area: video;
    }
    .page-section__streamline--video video {
        height: 840px;
        left: -85%;
        overflow: hidden;
        pointer-events: none;
        position: relative;
        width: auto;
        z-index: -1;
    }
	
	.page-home .page-section__streamline--video video {
        left: -85%;
    }
	
    .page-section__streamline--copy {
        grid-area: copy;
        grid-column: 1 / -1;
        padding: 0 0 0 30%;
    }
    .page-section__streamline--copy * {
        grid-column: 1 / -1;
    }
    .page-section__streamline--copy p {
        margin-bottom: 55px;
    }
}


@media all and ( min-width: 1200px ) {
	.home .page-section__streamline .skipper-booking-list,
	.home .page-section__streamline--header,
	.page-id-163 .page-section__streamline .skipper-booking-list,
	.page-id-163 .page-section__streamline--header {
		left: 50%;
    }
}

@media all and ( min-width: 1400px ) {
    .page-section__streamline .wp-block-group__inner-container {
        grid-template-columns: 50% 50%;
    }
    .page-section__streamline--video video {
        left: -713px;
    }
	
	.home .page-section__streamline .skipper-booking-list,
	.home .page-section__streamline--header,
	.page-id-163 .page-section__streamline .skipper-booking-list,
	.page-id-163 .page-section__streamline--header {
		left: 65%;
    }
}

/* page-section__conversions */
.page-section__conversions {
    border: 0;
    display: block;

    display: none; /* TODO: hiding this section for now --Alex 2022-08-11 */



    padding: 0;
}
.page-section__conversions--left-bleed {
    background-color: #1E345D;
    display: none;
    position: relative;
    right: -1px; /* fixes the odd grid-gap between columns -Alex, 2022-07-31 */
    z-index: -1; /* puts the bleed behind the sticky header -Alex, 2022-07-31 */
}
.page-section__conversions--right-bleed { /* adding spacer gutters for a full-bleed on >1200px screen width -Alex, 2022-07-31 */
    background-color: #f6f6f6;
    display: none;
}
@media all and ( min-width: 1024px ) {
    .page-section__conversions--left-bleed,
    .page-section__conversions--right-bleed {
        display: block;
    }
}
@media all and ( min-width: 1024px ) {
    .page-section__conversions .wp-block-group__inner-container {
        display: grid;
        grid-template-columns: 1px minmax(511px, 599px) minmax(511px, 599px) 1px;
        justify-content: center;
    }
}
@media all and ( min-width: 1200px ) {
    .page-section__conversions .wp-block-group__inner-container {
        display: grid;
        grid-template-columns: 1fr minmax(auto, 600px) minmax(auto, 600px) 1fr;
        max-width: 100%;
    }
}
.page-section__conversions-header {
    align-items: center;
    background-color: #1E345D;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(100px, min-content));
    overflow: hidden;
}
@media all and ( min-width: 1024px ) {
    .page-section__conversions-header {
        min-height: 100vh;
    }
}
.page-section__conversions-header .wp-block-group__inner-container {
    border-bottom: solid #FFC31B 2px;
    margin: 50px auto;
}
@media all and ( min-width: 1024px ) {
    .page-section__conversions-header .wp-block-group__inner-container {
        margin: 50px auto 100px;
    }
}
.page-section__conversions-header h2 {
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
}
@media all and ( min-width: 1024px ) {
    .page-section__conversions-header h2 {
        font-size: 74px;
        font-weight: 700;
        line-height: 93px;
        margin: 0 50px 10px;
        text-align: left;
    }
}
@media all and ( min-width: 1200px ) {
    .page-section__conversions-header h2 {
        margin: 0 0 10px;
    }
}
.page-section__conversions-copy {
    background-color: #f6f6f6;
    overflow: hidden;
}
.page-section__conversions-copy-inner {
    padding: 40px;
}
.page-section__conversions-copy-inner .wp-block-group__inner-container {
    text-align: center;
}
@media all and ( min-width: 1024px ) {
    .page-section__conversions-copy {
        display: grid;
        align-items: center;
    }
    .page-section__conversions-copy * {
        grid-column: 1 / -1;
    }
    .page-section__conversions-copy-inner {
        padding-left: 145px;
    }
    .page-section__conversions-copy-inner .wp-block-group__inner-container {
        text-align: left;
    }
    .page-section__conversions-copy-inner p {
        font-size: 29px;
        line-height: 38px;
    }
}
.page-section__conversions-copy h2 {
    color: #1E345D;
    font-size: 35px;
    font-weight: 700;
    line-height: 49px;
}
@media all and ( min-width: 1024px ) {
    .page-section__conversions-copy h2 {
        font-size: 55px;
        line-height: 72px;
    }
}

/* page-section__actionable */
.page-section__actionable {
    align-items: end;
    border-color: #38B3E4;
    min-height: 0;
}
@media all and ( min-width: 1024px ) {
    .page-section__actionable {
        min-height: 50vh;
        padding-bottom: 0;
    }
    .page-section__actionable .wp-block-image {
        margin-bottom: 0;
    }
}
.page-section__actionable .has-text-align-center {
    text-align: center;
}

/* page-section__optimized */
.page-section__optimized {
    border-color: #F6F6F6;
}
.wp-block-buttons>.page-section__optimized--cta {
    margin: 0 auto;
    width: 100%;
}
@media all and ( min-width: 1024px ) {
    .page-section__optimized--copy h3 {
        font-size: 28px !important;
        line-height: 34px !important;
    }
}
.page-section__optimized--copy p {
    font-size: 15px;
    line-height: 22px;
}
@media all and ( min-width: 1024px ) {
    .page-section__optimized--copy p {
        font-size: 20px;
        line-height: 30px;
    }
}
@media all and ( min-width: 600px ) and ( max-width: 1023px ) {
    .home .page-section__optimized--copy .wp-block-group__inner-container {
        display: grid;
        grid-column-gap: 40px;
        grid-template-columns: 1fr 1fr;
    }
    .page-section__optimized--copy .wp-block-group__inner-container .wp-block-group__inner-container {
        display: block;
    }
}
@media all and ( min-width: 1024px ) {
    .page-section__optimized .wp-block-group__inner-container {
        align-items: center;
        display: grid;
        grid-column-gap: 40px;
        grid-template-columns: 50% 50%;
        grid-template-areas:    "copy image"
                                "cta image";
    }
    .page-section__optimized .wp-block-group__inner-container .wp-block-group__inner-container {
        align-items: start;
        margin-left: 0;
        max-width: 500px;
    }
    .page-section__optimized--header {
        align-self: center;
        grid-area: header;
        padding: 0 20% 0 10%;
    }
    .page-section__optimized--copy {
        align-self: end;
        grid-area: copy;
    }
    .page-section__optimized--copy .wp-block-group .wp-block-group__inner-container {
        display: block;
    }
    .page-section__optimized--image2 {
        align-self: center;
        grid-area: image;
    }
    .page-section__optimized .wp-block-buttons {
        align-self: start;
    }
    .page-section__optimized--cta {
        grid-area: cta;
    }
}

/* page-section__trust */
.page-section__trust {
    display: none; /* TODO: hiding this on mobile for now --Alex 2022-08-11 */
}

.page-section__trust figcaption strong {
	font-weight: 500;
}

@media all and ( min-width: 1200px ) {
    .page-section__trust {
        display: block;
    }
}


@media all and ( min-width: 1024px ) {
    .page-section__trust .has-text-align-center {
        text-align: center;
    }
}
.page-section__trust .wp-block-images .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: 1fr;
}
@media all and ( min-width: 1024px ) {
    .page-section__trust .wp-block-images .wp-block-group__inner-container {
        grid-column-gap: 40px;
        grid-template-columns: 1fr 1fr;
    }
	.home .page-section__trust .wp-block-images .wp-block-group__inner-container,
	.page-id-163 .page-section__trust .wp-block-images .wp-block-group__inner-container {
        grid-column-gap: 25px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}
@media all and ( min-width: 1440px ) {
    .page-section__trust .wp-block-images .wp-block-group__inner-container {
        grid-column-gap: 25px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}
.page-section__trust--slider {
    z-index: -1;
}
/****  end homepage customization  ************/



/****  start contact page customization  ************/
@media all and ( min-width: 1024px ) {
	.page-contact .main-hero {
		padding-top: 100px;
	}
	
    .page-contact .main-hero .wp-block-group__inner-container {
        display: grid;
        grid-column-gap: 140px;
        grid-template-columns: 1fr 1fr;
		grid-template-rows: 50px 1fr 50px;
    }
    .page-contact .main-hero .column .wp-block-group__inner-container {
        display: block;
    }
    .page-contact .main-hero .column--1 {
		grid-row: 2;
    }
	.page-contact .main-hero .column--2 {
		grid-row: 1 / 3;
    }
}
.page-contact .column--1 .wp-block-group__inner-container {
    text-align: center;
}
@media all and ( min-width: 600px ) {
    .page-contact .column--1 .wp-block-group__inner-container {
        text-align: left;
    }
}
.page-contact .mailto {
    font-size: 22px;
    line-height: 29px;
}
@media all and ( min-width: 1024px ) {
    .page-contact .mailto {
        font-size: 34px;
        line-height: 47px;
    }
}
div.wpforms-container-full .contact-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=datetime],
div.wpforms-container-full .wpforms-form input[type=datetime-local],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=month],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password],
div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea { /* overrides WPForms styling */
    background-color: #f6f6f6;
    border: 0;
    color: #000;
}
div.wpforms-container-full .contact-form input[type=date]::placeholder,
div.wpforms-container-full .wpforms-form input[type=datetime]::placeholder,
div.wpforms-container-full .wpforms-form input[type=datetime-local]::placeholder,
div.wpforms-container-full .wpforms-form input[type=email]::placeholder,
div.wpforms-container-full .wpforms-form input[type=month]::placeholder,
div.wpforms-container-full .wpforms-form input[type=number]::placeholder,
div.wpforms-container-full .wpforms-form input[type=password]::placeholder,
div.wpforms-container-full .wpforms-form input[type=range]::placeholder,
div.wpforms-container-full .wpforms-form input[type=search]::placeholder,
div.wpforms-container-full .wpforms-form input[type=tel]::placeholder,
div.wpforms-container-full .wpforms-form input[type=text]::placeholder,
div.wpforms-container-full .wpforms-form input[type=time]::placeholder,
div.wpforms-container-full .wpforms-form input[type=url]::placeholder,
div.wpforms-container-full .wpforms-form input[type=week]::placeholder,
div.wpforms-container-full .wpforms-form select::placeholder,
div.wpforms-container-full .wpforms-form textarea::placeholder {
    color: #7b7b7b;
}
div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full .wpforms-form select.wpforms-field-medium,
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100%;
}
/****  end contact page customization  ************/


/****  start about page customization  ************/
.page-about .page-header {
    border-color: #fff;
}
h1.about--title {
    padding: 120px 25px 0;
}
@media all and ( min-width: 1024px ) {
    h1.about--title {
        padding: 220px 25px 0;
        text-align: center;
    }
}
@media all and ( min-width: 1024px ) {
    .page-about .page-section--about .wp-block-group__inner-container {
        display: grid;
        grid-column-gap: 40px;
        grid-template-columns: 33.3% 33.3% 33.3%;
    }
    .page-about .page-section--about .wp-block-group__inner-container .wp-block-group .wp-block-group__inner-container {
        display: block;
    }
}

/* page-section__investors */
.page-section__investors {
    background-color: #f6f6f6;
    text-align: center;
}
.page-section__investors .wp-block-group__inner-container {
    display: grid;
    grid-gap: 20px;
    grid-template-areas:    "header header"
                            "image1 image2"
                            "image3 image4"
                            "image5 image6";
    grid-template-columns: repeat(2, 141px);
    justify-content: center;
    margin: 0 auto;
    padding: 35px 10px;
}
.page-section__investors h2 {
    grid-area: header;
}
.page-section__investors .wp-block-image {
    margin-bottom: 0;
}
.page-section__investors .wp-block-image:nth-of-type(1) {
    grid-area: image1;
}
.page-section__investors .wp-block-image:nth-of-type(2) {
    grid-area: image2;
}
.page-section__investors .wp-block-image:nth-of-type(3) {
    grid-area: image3;
}
.page-section__investors .wp-block-image:nth-of-type(4) {
    grid-area: image4;
}
.page-section__investors .wp-block-image:nth-of-type(5) {
    grid-area: image5;
}
.page-section__investors .wp-block-image:nth-of-type(6) {
    grid-area: image6;
}
@media all and ( min-width: 834px ) {
    .page-section__investors .wp-block-group__inner-container {
        grid-template-areas:    "header header header"
                                "image1 image2 image3"
                                "image4 image5 image6";
        grid-template-columns: repeat(3, 141px);
    }
}
@media all and ( min-width: 1024px ) {
    .page-section__investors .wp-block-group__inner-container {
        grid-template-areas:    "header header header header header header"
                                "image1 image2 image3 image4 image5 image6";
        grid-template-columns: repeat(6, 141px);
    }
}
@media all and ( min-width: 1300px ) {
    .page-section__investors .wp-block-group__inner-container {
        grid-template-areas: "header image1 image2 image3 image4 image5 image6";
        grid-template-columns: auto repeat(6, 141px);
        max-width: 1180px;
        padding: 100px 10px 135px 10px;
        text-align: left;
    }
}
/****  end about page customization  ************/


/****  start legal page customization  ************/
.page-legal .page-header {
    border-color: #fff;
}
.page-legal .page-section {
    padding-top: 120px;
}
/****  end legal page customization  ************/