@charset "UTF-8";

/*
Theme Name: How To Be A Lighthouse (Silver)
Theme URI: https://andtherewas.com/
Author: AndThereWas founder Cleo Henderson
Author URI: https://andtherewas.com/
Description: This is a custom theme basedon the responsive design created for the book How To Be A Lighthouse by Coy Jeffrey Cornett.
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

How To Be A Lighthouse Theme, (C) 2020 AndThereWas.com
*/


@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=PT+Serif+Caption&display=swap');


:root {
--stratos:        hsla(236, 94%, 14%, 1);
--stratos-0:     hsla(236, 94%, 14%, .0);
--stratos-10:     hsla(236, 94%, 14%, .1);
--stratos-20:     hsla(236, 94%, 14%, .2);
--stratos-30:     hsla(236, 94%, 14%, .3);
--stratos-40:     hsla(236, 94%, 14%, .4);
--stratos-50:     hsla(236, 94%, 14%, .5);
--stratos-60:     hsla(236, 94%, 14%, .6);
--stratos-70:     hsla(236, 94%, 14%, .7);
--stratos-80:     hsla(236, 94%, 14%, .8);
--stratos-90:     hsla(236, 94%, 14%, .9);

--deepcove:        hsla(225, 87%, 12%, 1);
--deepcove-0:     hsla(225, 87%, 12%, .0);
--deepcove-10:     hsla(225, 87%, 12%, .1);
--deepcove-20:     hsla(225, 87%, 12%, .2);
--deepcove-30:     hsla(225, 87%, 12%, .3);
--deepcove-40:     hsla(225, 87%, 12%, .4);
--deepcove-50:     hsla(225, 87%, 12%, .5);
--deepcove-60:     hsla(225, 87%, 12%, .6);
--deepcove-70:     hsla(225, 87%, 12%, .7);
--deepcove-80:     hsla(225, 87%, 12%, .8);
--deepcove-90:     hsla(225, 87%, 12%, .9);

--denim:        hsla(222, 85%, 42%, 1);
--denim-0:     hsla(222, 85%, 42%, .0);
--denim-10:     hsla(222, 85%, 42%, .1);
--denim-20:     hsla(222, 85%, 42%, .2);
--denim-30:     hsla(222, 85%, 42%, .3);
--denim-40:     hsla(222, 85%, 42%, .4);
--denim-50:     hsla(222, 85%, 42%, .5);
--denim-60:     hsla(222, 85%, 42%, .6);
--denim-70:     hsla(222, 85%, 42%, .7);
--denim-80:     hsla(222, 85%, 42%, .8);
--denim-90:     hsla(222, 85%, 42%, .9);

--gulfblue:        hsla(225, 87%, 19%, 1);
--gulfblue-0:     hsla(225, 87%, 19%, .0);
--gulfblue-10:     hsla(225, 87%, 19%, .1);
--gulfblue-20:     hsla(225, 87%, 19%, .2);
--gulfblue-30:     hsla(225, 87%, 19%, .3);
--gulfblue-40:     hsla(225, 87%, 19%, .4);
--gulfblue-50:     hsla(225, 87%, 19%, .5);
--gulfblue-60:     hsla(225, 87%, 19%, .6);
--gulfblue-70:     hsla(225, 87%, 19%, .7);
--gulfblue-80:     hsla(225, 87%, 19%, .8);
--gulfblue-90:     hsla(225, 87%, 19%, .9);

--midnight:        hsla(221, 97%, 13%, 1);
--midnight-0:     hsla(221, 97%, 13%, .0);
--midnight-10:     hsla(221, 97%, 13%, .1);
--midnight-20:     hsla(221, 97%, 13%, .2);
--midnight-30:     hsla(221, 97%, 13%, .3);
--midnight-40:     hsla(221, 97%, 13%, .4);
--midnight-50:     hsla(221, 97%, 13%, .5);
--midnight-60:     hsla(221, 97%, 13%, .6);
--midnight-70:     hsla(221, 97%, 13%, .7);
--midnight-80:     hsla(221, 97%, 13%, .8);
--midnight-90:     hsla(221, 97%, 13%, .9);

--tangaroa:        hsla(234, 90%, 12%, 1);
--tangaroa-0:     hsla(234, 90%, 12%, .0);
--tangaroa-10:     hsla(234, 90%, 12%, .1);
--tangaroa-20:     hsla(234, 90%, 12%, .2);
--tangaroa-30:     hsla(234, 90%, 12%, .3);
--tangaroa-40:     hsla(234, 90%, 12%, .4);
--tangaroa-50:     hsla(234, 90%, 12%, .5);
--tangaroa-60:     hsla(234, 90%, 12%, .6);
--tangaroa-70:     hsla(234, 90%, 12%, .7);
--tangaroa-80:     hsla(234, 90%, 12%, .8);
--tangaroa-90:     hsla(234, 90%, 12%, .9);

--mako:        hsla(217, 9%, 28%, 1);
--mako-0:     hsla(217, 9%, 28%, .0);
--mako-10:     hsla(217, 9%, 28%, .1);
--mako-20:     hsla(217, 9%, 28%, .2);
--mako-30:     hsla(217, 9%, 28%, .3);
--mako-40:     hsla(217, 9%, 28%, .4);
--mako-50:     hsla(217, 9%, 28%, .5);
--mako-60:     hsla(217, 9%, 28%, .6);
--mako-70:     hsla(217, 9%, 28%, .7);
--mako-80:     hsla(217, 9%, 28%, .8);
--mako-90:     hsla(217, 9%, 28%, .9);

--shuttlegray:        hsla(221, 8%, 40%, 1);
--shuttlegray-0:     hsla(221, 8%, 40%, .0);
--shuttlegray-10:     hsla(221, 8%, 40%, .1);
--shuttlegray-20:     hsla(221, 8%, 40%, .2);
--shuttlegray-30:     hsla(221, 8%, 40%, .3);
--shuttlegray-40:     hsla(221, 8%, 40%, .4);
--shuttlegray-50:     hsla(221, 8%, 40%, .5);
--shuttlegray-60:     hsla(221, 8%, 40%, .6);
--shuttlegray-70:     hsla(221, 8%, 40%, .7);
--shuttlegray-80:     hsla(221, 8%, 40%, .8);
--shuttlegray-90:     hsla(221, 8%, 40%, .9);

--buddhagold:        hsla(47, 100%, 40%, 1);
--buddhagold-0:     hsla(47, 100%, 40%, .0);
--buddhagold-10:     hsla(47, 100%, 40%, .1);
--buddhagold-20:     hsla(47, 100%, 40%, .2);
--buddhagold-30:     hsla(47, 100%, 40%, .3);
--buddhagold-40:     hsla(47, 100%, 40%, .4);
--buddhagold-50:     hsla(47, 100%, 40%, .5);
--buddhagold-60:     hsla(47, 100%, 40%, .6);
--buddhagold-70:     hsla(47, 100%, 40%, .7);
--buddhagold-80:     hsla(47, 100%, 40%, .8);
--buddhagold-90:     hsla(47, 100%, 40%, .9);

--pirategold:        hsla(47, 100%, 34%, 1);
--pirategold-0:     hsla(47, 100%, 34%, .0);
--pirategold-10:     hsla(47, 100%, 34%, .1);
--pirategold-20:     hsla(47, 100%, 34%, .2);
--pirategold-30:     hsla(47, 100%, 34%, .3);
--pirategold-34:     hsla(47, 100%, 34%, .4);
--pirategold-50:     hsla(47, 100%, 34%, .5);
--pirategold-60:     hsla(47, 100%, 34%, .6);
--pirategold-70:     hsla(47, 100%, 34%, .7);
--pirategold-80:     hsla(47, 100%, 34%, .8);
--pirategold-90:     hsla(47, 100%, 34%, .9);

--supernova:        hsla(47, 100%, 50%, 1);
--supernova-0:     hsla(47, 100%, 50%, .0);
--supernova-10:     hsla(47, 100%, 50%, .1);
--supernova-20:     hsla(47, 100%, 50%, .2);
--supernova-30:     hsla(47, 100%, 50%, .3);
--supernova-50:     hsla(47, 100%, 50%, .4);
--supernova-50:     hsla(47, 100%, 50%, .5);
--supernova-60:     hsla(47, 100%, 50%, .6);
--supernova-70:     hsla(47, 100%, 50%, .7);
--supernova-80:     hsla(47, 100%, 50%, .8);
--supernova-90:     hsla(47, 100%, 50%, .9);

--mustard:        hsla(47, 100%, 66%, 1);
--mustard-0:     hsla(47, 100%, 66%, .0);
--mustard-10:     hsla(47, 100%, 66%, .1);
--mustard-20:     hsla(47, 100%, 66%, .2);
--mustard-30:     hsla(47, 100%, 66%, .3);
--mustard-50:     hsla(47, 100%, 66%, .4);
--mustard-50:     hsla(47, 100%, 66%, .5);
--mustard-60:     hsla(47, 100%, 66%, .6);
--mustard-70:     hsla(47, 100%, 66%, .7);
--mustard-80:     hsla(47, 100%, 66%, .8);
--mustard-90:     hsla(47, 100%, 66%, .9);

--alertError:          hsla(359, 51%, 47%, 1);
--alertErrorLight:     hsla(359, 51%, 67%, 1);

--alertWarning:        hsla(38, 49%, 38%, 1);
--alertWarningLight:   hsla(38, 49%, 58%, 1);

--alertSuccess:        hsla(134, 58%, 30%, 1);
--alertSuccessLight:   hsla(134, 58%, 50%, 1);

--alertInfo:          hsla(194, 91%, 30%, 1);
--alertInfoLight:     hsla(194, 91%, 50%, 1);

--athensgray:        hsla(240, 0%, 94%, 1);
--athensgrayLight:   hsla(240, 0%, 95%, 1);
--athensgrayLighter: hsla(240, 0%, 97%, 1);
--athensgrayDark:    hsla(240, 0%, 85%, 1);
--athensgrayDarker:  hsla(240, 0%, 90%, 1);

--white: hsla(330, 0%, 100%, 1);
--white-05: hsla(330, 0%, 100%, 0.05);
--white-10: hsla(330, 0%, 100%, .1);
--white-20: hsla(330, 0%, 100%, .2);
--white-30: hsla(330, 0%, 100%, .3);
--white-40: hsla(330, 0%, 100%, .4);
--white-50: hsla(330, 0%, 100%, .5);
--white-60: hsla(330, 0%, 100%, .6);
--white-70: hsla(330, 0%, 100%, .7);
--white-80: hsla(330, 0%, 100%, .8);
--white-90: hsla(330, 0%, 100%, .9);
}

.disable-all {
    pointer-events: none;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
    user-select: none;
    opacity: 0.75;
    filter: blur(0.25rem);
}
.disabled-all *:focus { outline: 0; }

.disable-fade-all {
    pointer-events: none;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
    user-select: none;
    opacity: 0.25;
    filter: blur(0.25rem);
}
.disable-fade-all *:focus { outline: 0; }


.disable-form-submitting {
    pointer-events: none;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
    user-select: none;
    opacity: 0.9;
    filter: blur(2px);
}
.disable-form-submitting *:focus { outline: 0; }



.bg-color-white {
    background: var(--white) !important;
}

.text-color-white-90 {
    color: var(--white-90) !important;
}

.text-color-white-80 {
    color: var(--white-80) !important;
}

.text-color-white-70 {
color: var(--white-70) !important;
}

.text-color-white-60 {
color: var(--white-60) !important;
}

.text-color-white-50 {
color: var(--white-50) !important;
}



@media (min-device-width: 320px ),
only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
only screen and (min-device-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    html,
    body {
        font-size: 16px;
        color: var(--white);
        background: var(--stratos);
        /*height: 100%; This makes the jQuery scroll not fire for some reason */
        width:100% !important;
        overflow-x:hidden;/* This makes the position 'stikcy' not work */
        margin: 0;
        padding: 0;
        /*scroll-behavior: smooth;*/
        font-family: 'PT Sans', sans-serif;
    }

    body.admin-bar {
        padding-top: 1rem;
    }
}

@media (min-device-width: 1700px ){
  html,
  body {
    font-size: 18px;
  }
}

@media (min-device-width: 1900px ),
only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
  html,
  body {
    font-size: 22px;
  }
}

@media (min-device-width: 2000px ){
  html,
  body {
    font-size: 26px;
  }
}

@media (min-device-width: 3000px ){
  html,
  body {
    font-size: 42px;
  }
}


html.lock-scrolling,
html.lock-scrolling > body {
  overflow-y: hidden !important;
}

a,
a:visited,
.login #backtoblog a,
.login #nav a,
.login #backtoblog a:hover,
.login #nav a:hover {
  color: var(--white-80) !important;
  text-decoration: underline;
}

a:hover {
  text-decoration: none !important;
}

.h1-small {
    font-size: 1.5rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

h1 {
    font-size: 2rem;
    letter-spacing: 0.05rem !important;
    line-height: normal;
    margin-bottom: 1.25rem;
}

@media
  only screen and (min-device-width: 680px) {
    h1 {
        font-size: 2.5rem;
    }
}

h1, h2, h3,
h1 *, h2 *, h3 * {
    font-family: 'PT Serif Caption', serif !important;
    font-weight: normal;
    text-shadow: 0rem 0.5rem 0.5rem var(--denim-50);
}

h4, h5, h6 {
  font-family: 'PT Sans', sans-serif !important;
}

p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75;
  opacity: 1;
}

.microcopy {
    font-size: .75rem !important;
    line-height: normal !important;
}

.img img {
    display: none;
    visibility: hidden;
    opacity: 0;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  line-height: 1.2;
  /*transition: all 0.6s ease;*/
  letter-spacing: 0.02rem !important;
  outline: none;
}

#content * {
  transition: all 0.6s ease;
}

h1:not(.site-title):before,
h2:before {
  display: none;
  visibility: hidden;
}

.header {
  padding-top: 1.5rem;
  height: auto;
  position: fixed;
  top: 0%;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
  width: 100%;
  background: var(--white-80);
  border-bottom: 0 solid var(--white);
  backdrop-filter: blur(.25rem);
  box-shadow: 0 1rem 1rem 0.5rem var(--white-80);
}

body[data-state="showPushMenu"] {
}

body[data-state="showPushMenu"] .header {
}

#page,
#colophon .footer-navigation,
#colophon .site-info,
#overlay-preview-demo .overlay-preview-content,
#overlay-preview-modify .overlay-preview-content,
#overlay-faqs .overlay-faqs-content,
#overlay-lighthouse-add .overlay-lighthouse-add-content,
#overlay-lighthouse-modify .overlay-lighthouse-modify-content,
#overlay-innerlight .overlay-innerlight-content {
    max-width: 343px;
    margin: 0 auto;
}

@media (min-device-width: 768px) and (max-device-height: 1024px),
(min-device-width: 820px) and (max-device-height: 1180px) {
    #page,
    #colophon .footer-navigation,
    #colophon .site-info,
    #overlay-preview-demo .overlay-preview-content,
    #overlay-preview-modify .overlay-preview-content,
    #overlay-lighthouse-add .overlay-lighthouse-add-content,
    #overlay-lighthouse-modify .overlay-lighthouse-modify-content,
    #overlay-innerlight .overlay-innerlight-content {
        max-width: 708px;
    }
}

@media
  only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #page,
    #colophon .footer-navigation,
    #colophon .site-info,
    #overlay-preview-demo .overlay-preview-content,
    #overlay-preview-modify .overlay-preview-content,
    #overlay-lighthouse-add .overlay-lighthouse-add-content,
    #overlay-lighthouse-modify .overlay-lighthouse-modify-content,
    #overlay-innerlight .overlay-innerlight-content {
        max-width: 960px;
    }
}

@media only screen and (min-device-width: 1025px ){
    #page,
    #colophon .footer-navigation,
    #colophon .site-info,
    #overlay-preview-demo .overlay-preview-content,
    #overlay-preview-modify .overlay-preview-content,
    #overlay-lighthouse-add .overlay-lighthouse-add-content,
    #overlay-lighthouse-modify .overlay-lighthouse-modify-content,
    #overlay-innerlight .overlay-innerlight-content {
        max-width: 1108px;
    }
}

@media only screen and (min-device-width: 1280px ){
    #page,
    #colophon .footer-navigation,
    #colophon .site-info,
    #overlay-preview-demo .overlay-preview-content,
    #overlay-preview-modify .overlay-preview-content,
    #overlay-lighthouse-add .overlay-lighthouse-add-content,
    #overlay-lighthouse-modify .overlay-lighthouse-modify-content,
    #overlay-innerlight .overlay-innerlight-content {
        max-width: 1156px;
    }
}

@media only screen and (min-device-width: 1500px){
    #page,
    #colophon .footer-navigation,
    #colophon .site-info,
    #overlay-preview-demo .overlay-preview-content,
    #overlay-preview-modify .overlay-preview-content,
    #overlay-lighthouse-add .overlay-lighthouse-add-content,
    #overlay-lighthouse-modify .overlay-lighthouse-modify-content,
    #overlay-innerlight .overlay-innerlight-content {
        max-width: 1400px;
    }
}

@media only screen and (min-device-width: 1700px ){
    #page,
    #colophon .footer-navigation,
    #colophon .site-info,
    #overlay-preview-demo .overlay-preview-content,
    #overlay-preview-modify .overlay-preview-content,
    #overlay-lighthouse-add .overlay-lighthouse-add-content,
    #overlay-lighthouse-modify .overlay-lighthouse-modify-content,
    #overlay-innerlight .overlay-innerlight-content {
        max-width: 1600px;
    }
}

@media (min-device-width: 2000px ){
    #page,
    #colophon .footer-navigation,
    #colophon .site-info,
    #overlay-preview-demo .overlay-preview-content,
    #overlay-preview-modify .overlay-preview-content,
    #overlay-lighthouse-add .overlay-lighthouse-add-content,
    #overlay-lighthouse-modify .overlay-lighthouse-modify-content,
    #overlay-innerlight .overlay-innerlight-content {
        max-width: 2100px;
    }
}

@media (min-device-width: 3000px ){
    #page,
    #colophon .footer-navigation,
    #colophon .site-info,
    #overlay-preview-demo .overlay-preview-content,
    #overlay-preview-modify .overlay-preview-content,
    #overlay-lighthouse-add .overlay-lighthouse-add-content,
    #overlay-lighthouse-modify .overlay-lighthouse-modify-content,
    #overlay-innerlight .overlay-innerlight-content {
        max-width: 3200px;
    }
}

header#masthead {
    width: 100%;
    position: fixed;
    top: 1.25rem;
    z-index: 2;
}

#content,
#overlay-faqs .overlay-faqs-content,
#overlay-innerlight .overlay-innerlight-content {
    margin: 6rem auto 2rem;
}

#overlay-preview-demo .overlay-preview-content,
#overlay-preview-modify .overlay-preview-content,
#overlay-lighthouse-add .overlay-lighthouse-add-content,
#overlay-lighthouse-modify .overlay-lighthouse-modify-content {
    margin: 1.875rem auto;
}

@media
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #content,
    #overlay-faqs .overlay-faqs-content,
    #overlay-innerlight .overlay-innerlight-content {
        margin: 6rem auto 3rem;
    }

    #overlay-faqs .overlay-faqs-content {
        max-width: 620px;
    }
}

@media
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #overlay-faqs .overlay-faqs-content {
        max-width: 414px;
    }
}

@media
  only screen and (min-device-width: 1025px) and (orientation: landscape) {

    header#masthead {
        top: 1.875rem;
        max-width: 13rem;
        /*margin-right: 5.563rem;*/
    }

    body.logged-in.admin-bar header#masthead {
        top: 3rem;
    }

    #content,
    #overlay-faqs .overlay-faqs-content,
    #overlay-innerlight .overlay-innerlight-content {
        width: calc(100% - 16.563rem) !important;
        min-height: 90vh;
    }
}

header#masthead,
#content {
    float: right;
    width: 100%;
}

#main {
    float: left;
    width: 100%;
}

#colophon {
    clear: both;
    float: none;
    position: relative;
    z-index: 1;
    background-color: var(--tangaroa-80);
    box-shadow: 0 0 2rem var(--denim-70);
}

#colophon .site-info {
    display: none;
}

#colophon a[href*='facebook'] i:before {
    font-style: normal !important;
    content: "\e908";
}

#colophon a[href*='instagram'] i:before {
    font-style: normal !important;
    content: "\e90b";
}

#colophon a[href*='twitter'] i:before {
    font-style: normal !important;
    content: "\e915";
}

/************************************/

/* Custom fix for columns */

[class^='col-'], [class^=' col-'] {
    float: left;
}

/************************************/

.site-logo img {
    width: 100%;
    height: auto;
}

/************************************/

#innerlight_posts {

}

/************************************
    User Account
************************************/

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 100%;
}

.woocommerce-account h2 {
    font-size: 1.125rem;
    margin-bottom: 1.5rem !important;
}

/************************************
    Forms
************************************/

form .form-row {
    padding: .125rem !important;
    margin: 0 0 1.25rem !important;
}

form .form-row:only-of-type {
    margin-bottom: 0rem !important;
}

form label {
    display: block;
    font-weight: 700;
    margin-bottom: .5rem !important;
    line-height: normal !important;
}

form .required,
form .acf-required{
    color: red;
    font-weight: 700;
    border: 0!important;
    text-decoration: none;
}

.login form .input,
.login input[type='text'],
[type='color'],
[type='date'],
[type='datetime-local'],
[type='email'],
[type='month'],
[type='number'],
[type='password'],
[type='range'],
[type='search'],
[type='tel'],
[type='text'],
[type='time'],
[type='url'],
[type='week'],
select {
    height: 2.5rem;
}

[name='short_bio']{
    height: 7.725rem !important;
}

::placeholder {
  color: var(--white-80);
  opacity: 1; /* Firefox */
}

.login form .input::selection,
.login input[type='text']::selection,
[type='color']::selection,
[type='date']::selection,
[type='datetime-local']::selection,
[type='email']::selection,
[type='month']::selection,
[type='number']::selection,
[type='password']::selection,
[type='range']::selection,
[type='search']::selection,
[type='tel']::selection,
[type='text']::selection,
[type='time']::selection,
[type='url']::selection,
[type='week']::selection,
textarea::selection {
  color: var(--white);
  background: var(--gulfblue-80);
}

.login form .input:focus,
.login input[type='text']:focus,
[type='color']:focus,
[type='date']:focus,
[type='datetime-local']:focus,
[type='email']:focus,
[type='month']:focus,
[type='number']:focus,
[type='password']:focus,
[type='range']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='text']:focus,
[type='time']:focus,
[type='url']:focus,
[type='week']:focus,
textarea:focus,
select:focus {
    box-shadow: inset 0 0px 0px 3px var(--white-80), inset 0 0px 0px 3px var(--denim),0 0px 0px 1px var(--gulfblue-30), 0 7px 8px 4px var(--denim),-4px 0px 8px 0px var(--midnight-90);
}

/* Accordion Focus */
button[data-toggle='collapse']:focus {
    outline: none;
    box-shadow: inset 0 0px 0px 1px var(--denim-40), 0 0px 0px 1px var(--gulfblue-30), 0 1px 9px 2px var(--denim),-4px 0px 8px 0px var(--midnight-90);
    box-shadow: none;
}

/* Tooltip Focus */
button[data-toggle='tooltip']:focus {
    outline: none;
    box-shadow: none !important;
}


/*
input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--white) !important;
    -webkit-box-shadow: none !important;
    background-color: var(--gulfblue-90) !important;
}
*/

.login form .input,
.login input[type='text'],
[type='color'],
[type='date'],
[type='datetime-local'],
[type='email'],
[type='month'],
[type='number'],
[type='password'],
[type='range'],
[type='search'],
[type='tel'],
[type='text'],
[type='time'],
[type='url'],
[type='week'],
textarea,
select {
    color: var(--white) !important;
    text-indent: 0.5rem;
    width: 100%;
    background-color: var(--white-05) !important;
    border: 1px solid var(--white-80) !important;
}

textarea {
    color: var(--white);
    text-indent: 0 !important;
    padding: .5rem !important;
}

.acf-field input[type="text"],
.acf-field input[type="password"],
.acf-field input[type="date"],
.acf-field input[type="datetime"],
.acf-field input[type="datetime-local"],
.acf-field input[type="email"],
.acf-field input[type="month"],
.acf-field input[type="number"],
.acf-field input[type="search"],
.acf-field input[type="tel"],
.acf-field input[type="time"],
.acf-field input[type="url"],
.acf-field input[type="week"],
.acf-field textarea,
.acf-field select {
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 1rem !important;
}

.select2-container--default .select2-selection--single {
    width: 100%;
    background-color: var(--white-05) !important;
    border: 1px solid var(--white-80) !important;
    border-radius: 0;
    height: 2.5rem;
    display: flex;
    line-height: normal;
    align-items: center;
    justify-content: space-between;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--white);
    border: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--white) transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -.5rem;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-dropdown {
    color: var(--white);
    background-color: var(--midnight);
    box-shadow: 0rem .75rem 2rem 0.125rem var(--denim-50);
    border-radius: .125rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    color: var(--gulfblue);
    background-color: var(--mustard);
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--denim);
}

.ajax-spinner {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/throbber_12.gif);
    background-repeat: no-repeat;
    background-size: contain;
    height: 3rem;
    width: 3rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    display: block;
    visibility: visible;
    opacity: 1;
    transform-origin: top center;
    transition-duration: .35s;
}

.ajax-spinner.loaded {
    opacity: 0;
    transform: translate(-50%, -150%) scale(.4);
}

/************************************/

#page-loader {
    width: 100vw;
    height: 100vh;
    background-size: 3rem;
    background-position: center;
    background-color: var(--deepcove-80);
    z-index: 9999;
    backdrop-filter: blur(4px);
    box-shadow: 0 0 .5rem var(--midnight-90);
}

body.loading {
    pointer-events: none;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
    user-select: none;
}


body:not(.loading) #page,
body:not(.loading) #colophon {
    visibility: visible;
    opacity: 1;
}

body.loading #page,
body.loading #colophon,
body.loading .main-lighthouse-wrapper {
    visibility: hidden;
    opacity: 0;
}


.underline-rainbow {
    display: inline-block;
    position: relative;
}

.underline-rainbow:after {
    content: '';
    background-image: url(assets/images/underline-rainbow.svg);
    position: absolute;
    bottom: -0.25rem;
    left: 0;
    right: 0;
    height: .325rem;
    background-size: 100%;
    background-repeat: no-repeat;
}


.underline-silver {
    display: inline-block;
    position: relative;
}

.underline-silver:after {
    content: '';
    background-image: linear-gradient(-4deg, gray, white);
    position: absolute;
    bottom: -0.25rem;
    left: 0;
    right: 0;
    height: .325rem;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 2rem;
}

/************************************/

.btn-primary:disabled,
.btn-primary:disabled[disabled],
.btn-secondary:disabled,
.btn-secondary:disabled[disabled],
.btn-text-only:disabled,
.btn-text-only:disabled[disabled],
[type='submit']:disabled,
[type='submit']:disabled[disabled],
.af-submit .button:disabled,
.af-submit .button:disabled[disabled] {
    cursor: not-allowed;
    opacity: .4;
}

.af-previous-button:disabled {
    display: none;
}

.btn-primary,
.btn-secondary,
.btn-disabled,
.pagination,
.btn-text-only,
.btn-faqs,
.btn-back,
#wp-submit,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
[type='submit'],
.btn-close,
.gform_next_button,
.gform_previous_button,
#innerlightModal .carousel-control-prev-icon,
#innerlightModal .carousel-control-next-icon,
.af-submit .button,
.acf-ui-datepicker .ui-priority-primary,
.acf-ui-datepicker .ui-widget-content .ui-priority-primary,
.acf-ui-datepicker .ui-widget-header .ui-priority-primary,
.acf-ui-datepicker .ui-priority-secondary,
.acf-ui-datepicker .ui-widget-content .ui-priority-secondary,
.acf-ui-datepicker .ui-widget-header .ui-priority-secondary {
    font-size: 1rem;
    line-height: normal;
    padding: 0.25rem .75rem;
    height: 2.5rem;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
    box-shadow: inset 0rem 0rem 0rem 0.063rem var(--buddhagold), 0rem -0.125rem 0.25rem var(--white-20), 0rem 0.125rem 0.25rem var(--denim-50);
    transition-duration: .16s;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-disabled:hover,
.pagination:hover,
.btn-text-only:hover,
.btn-faqs:hover,
.btn-back:hover,
#wp-submit:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
[type='submit']:hover,
.btn-close:hover,
.gform_next_button:hover,
.gform_previous_button:hover,
#innerlightModal .carousel-control-prev-icon:hover,
#innerlightModal .carousel-control-next-icon:hover,
.af-submit .button:hover,
.acf-ui-datepicker .ui-priority-primary:hover,
.acf-ui-datepicker .ui-widget-content .ui-priority-primary:hover,
.acf-ui-datepicker .ui-widget-header .ui-priority-primary:hover,
.acf-ui-datepicker .ui-priority-secondary:hover,
.acf-ui-datepicker .ui-widget-content .ui-priority-secondary:hover,
.acf-ui-datepicker .ui-widget-header .ui-priority-secondary:hover {
    filter: brightness(.8);
}

.btn-primary,
#wp-submit,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
[type='submit'],
.btn-close,
.gform_next_button,
.gform_previous_button,
#innerlightModal .carousel-control-prev-icon,
#innerlightModal .carousel-control-next-icon,
.af-submit .button,
.acf-ui-datepicker .ui-priority-primary,
.acf-ui-datepicker .ui-widget-content .ui-priority-primary,
.acf-ui-datepicker .ui-widget-header .ui-priority-primary,
.acf-ui-datepicker .ui-priority-secondary,
.acf-ui-datepicker .ui-widget-content .ui-priority-secondary,
.acf-ui-datepicker .ui-widget-header .ui-priority-secondary {
    font-weight: bold;
    color: var(--gulfblue) !important;
    text-decoration: none !important;
    background: var(--supernova) !important;
    border: 0.063rem solid var(--white);
    box-shadow: inset 0px 0px 0px 1px var(--buddhagold);
}

[data-edition-theme=rainbow] .btn-primary,
[data-edition-theme=rainbow] #wp-submit,
[data-edition-theme=rainbow] .woocommerce #respond input#submit,
[data-edition-theme=rainbow] .woocommerce a.button,
[data-edition-theme=rainbow] .woocommerce button.button,
[data-edition-theme=rainbow] .woocommerce input.button,
[data-edition-theme=rainbow] [type='submit']:not(.btn-secondary),
[data-edition-theme=rainbow] .btn-close,
[data-edition-theme=rainbow] .gform_next_button,
[data-edition-theme=rainbow] .gform_previous_button,
[data-edition-theme=rainbow] #innerlightModal .carousel-control-prev-icon,
[data-edition-theme=rainbow] #innerlightModal .carousel-control-next-icon,
[data-edition-theme=rainbow] .af-submit .button,
[data-edition-theme=rainbow] .acf-ui-datepicker .ui-priority-primary,
[data-edition-theme=rainbow] .acf-ui-datepicker .ui-widget-content .ui-priority-primary,
[data-edition-theme=rainbow] .acf-ui-datepicker .ui-widget-header .ui-priority-primary,
[data-edition-theme=rainbow] .acf-ui-datepicker .ui-priority-secondary,
[data-edition-theme=rainbow] .acf-ui-datepicker .ui-widget-content .ui-priority-secondary,
[data-edition-theme=rainbow] .acf-ui-datepicker .ui-widget-header .ui-priority-secondary {
    background: var(--white) !important;
    border-color: transparent !important;
    border-image: linear-gradient(180deg, #E02020, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0);
    border-image-slice: 1;
    border-radius: 0px;
    overflow: hidden;
    border-width: 0.25rem;
}

[data-edition-theme=silver] .btn-primary,
[data-edition-theme=silver] #wp-submit,
[data-edition-theme=silver] .woocommerce #respond input#submit,
[data-edition-theme=silver] .woocommerce a.button,
[data-edition-theme=silver] .woocommerce button.button,
[data-edition-theme=silver] .woocommerce input.button,
[data-edition-theme=silver] [type='submit']:not(.btn-secondary),
[data-edition-theme=silver] .btn-close,
[data-edition-theme=silver] .gform_next_button,
[data-edition-theme=silver] .gform_previous_button,
[data-edition-theme=silver] #innerlightModal .carousel-control-prev-icon,
[data-edition-theme=silver] #innerlightModal .carousel-control-next-icon,
[data-edition-theme=silver] .af-submit .button,
[data-edition-theme=silver] .acf-ui-datepicker .ui-priority-primary,
[data-edition-theme=silver] .acf-ui-datepicker .ui-widget-content .ui-priority-primary,
[data-edition-theme=silver] .acf-ui-datepicker .ui-widget-header .ui-priority-primary,
[data-edition-theme=silver] .acf-ui-datepicker .ui-priority-secondary,
[data-edition-theme=silver] .acf-ui-datepicker .ui-widget-content .ui-priority-secondary,
[data-edition-theme=silver] .acf-ui-datepicker .ui-widget-header .ui-priority-secondary {
    background: linear-gradient(45deg, var(--athensgray), var(--white-70)) !important
}

.btn-primary,
a.btn-primary,
[type='submit'],
.btn-close,
.gform_next_button,
.gform_previous_button,
.af-submit .button {
    color: var(--gulfblue) !important;
}

.btn-secondary,
.btn-disabled,
.pagination,
.acf-ui-datepicker .ui-priority-primary,
.acf-ui-datepicker .ui-widget-content .ui-priority-primary,
.acf-ui-datepicker .ui-widget-header .ui-priority-primary,
.acf-ui-datepicker .ui-priority-secondary,
.acf-ui-datepicker .ui-widget-content .ui-priority-secondary,
.acf-ui-datepicker .ui-widget-header .ui-priority-secondary {
    font-weight: bold;
    color: var(--white) !important;
    text-decoration: none;
    background: var(--midnight) !important;
    border: 1px solid var(--denim);
    box-shadow: none;
}

.btn-disabled {
    cursor: default;
    background: var(--shuttlegray) !important;
    border: 1px solid var(--mako);
    box-shadow: 0 0.25rem 1rem 1px rgb(0 126 255 / 20%);
    border-radius: .25rem;
    color: var(--white-50) !important;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.innerlight-footer-actions .btn-disabled i {
    color: var(--white-50) !important
}

.pagination {
    padding: 0.25rem .125rem;
    display: inline-flex;
}

.pagination .page-numbers {
    text-decoration: none;
    width: 2rem;
    height: 2rem;
    margin: 0 0.125rem;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.pagination .current {
    border-radius: 100%;
    box-shadow: inset 0 0 0 .125rem var(--denim-20);
    background: var( --denim-20);
}

.btn-text-only {
    color: var(--white-80) !important;
    box-shadow: none;
    text-decoration: underline !important;
    background: transparent;
    border: none;
}

.btn-text-only:hover {
    color: var(--white) !important;
    text-decoration: none !important;
}

.login .button.wp-hide-pw {
    color: var(--white-80) !important;
    box-shadow: none;
    text-decoration: none !important;
    background: var(--gulfblue);
    border-radius: 0;
    z-index: 1;
    position: absolute;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
}

.login .button.wp-hide-pw:hover,
.login .button.wp-hide-pw:active:hover
.login .button.wp-hide-pw:focus,
.login .button.wp-hide-pw:focus:hover {
    background: var(--denim) !important;
}

body.login-action-login,
body.login-action-register,
body.login-action-checkemail,
body.login-action-resetpass {
    overflow: auto !important;
}

@media
  only screen and (max-device-width: 680px) {
    .login .wp-pwd [type="button"] {
    display:none;
    }

    .login .user-pass-wrap {
    padding: .5rem 0;
    }
}

.login .button.wp-hide-pw .dashicons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login .button.wp-hide-pw:hover {
    color: var(--white) !important;
}

.login p label[for='rememberme'] {
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 3px;
}

.btn-text-only,
.btn-toggle,
.btn-close,
#innerlightModal .carousel-control-prev-icon,
#innerlightModal .carousel-control-next-icon {
    color: var(--white);
    text-decoration: underline;
    background: transparent !important;
    border: 1px solid transparent;
    text-decoration: none;
}

.btn-toggle,
.btn-close {
    transition: none !important;
}

body.primary-navigation-open.lock-scrolling .btn-toggle,
.btn-close,
#innerlightModal .carousel-control-prev-icon,
#innerlightModal .carousel-control-next-icon {
    color: var(--gulfblue);
    text-decoration: none;
    background: var(--buddhagold) !important;
    border: 0.063rem solid var(--pirategold);
    position: fixed;
    z-index: 11;
    top: 1.25rem;
    left: 15rem;
    border-radius: 100%;
    display: inline-flex;
    height: 3rem;
    width: 3rem;
    justify-content: center;
    align-items: center;
}

.btn-faqs {
    color: var(--white);
    background-color: rgba(6,27,89,0.3);
    box-shadow: 0 2px 5px -1px rgba(16,71,199,0.31);
    border: 1px solid rgba(6,27,89,1);
}

.btn-faqs-line-01 {
    font-weight: bold;
}

.btn-faqs-line-02 {
    font-size: 0.875rem;
    text-decoration: underline;
    margin-left: .5rem;
}

.btn-back {
    font-size: inherit;
    color: var(--white-80) !important;
    box-shadow: none;
    text-decoration: none !important;
    padding: 0;
    height: auto;
    margin-right: .75rem;
    margin-bottom: .5rem;
}

.btn-back i {
    font-size: 1rem;
    color: var(--buddhagold);
    margin-right: 0.5rem;
}

.btn-back .btn-back-label {
    font-size: 1.5rem;
    text-decoration: underline !important;
}

.btn-close,
#innerlightModal .carousel-control-prev-icon,
#innerlightModal .carousel-control-next-icon {
    transition-duration: 1s;
}

.btn-close:hover,
#innerlightModal .carousel-control-prev-icon,
#innerlightModal .carousel-control-next-icon {
    transform: scale(.9);
    transform-origin: center;
}


/************************************/


.btn-author-tip {
    background: transparent;
    border: none;
    display: inline-flex;
    align-items: center;
}

.btn-author-tip .img {
    position: relative;
    border: 2px solid var(--white) !important;
    height: 3.25rem;
    width: 3.25rem;
    display: flex;
    overflow: visible;
    border-radius: 100%;
    margin-right: .5rem;
    box-shadow: inset 0rem 0rem 0rem 0.063rem var(--buddhagold), 0rem -0.125rem 0.25rem var(--white-20), 0rem 0.125rem 0.25rem var(--denim-50);
}

.btn-author-tip .img:before {
    content: '';
    background-size: cover;
    background-image: url(//h2balh-dev.s3.amazonaws.com/img/cartoonized-jeff.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 3.25rem;
    width: 2.875rem;
    display: flex;
    position: absolute;
    left: 50%;
    z-index: 1;
    bottom: 0.188rem;
    transform: translateX(-50%);
    border-radius: 100%;
}

.btn-author-tip .btn {
    font-size: .75rem;
    font-weight: bold;
    color: var(--white);
    text-decoration: none;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    padding: 0.325rem .5rem;
    border-radius: .25rem;
    height: 1.5rem;
    background: var(--denim) !important;
    border: 1px solid var(--gulfblue);
    box-shadow: 0rem -0.125rem 0.25rem var(--white-20), 0rem 0.125rem 0.25rem var(--denim-50);
}

button[data-toggle='tooltip']:focus .btn,
.btn-author-tip:focus .btn {
    background: var(--gulfblue) !important;
    box-shadow: 0 0 0 .25rem var(--white-60), 0 0 1rem var(--denim);
}

[role="tooltip"] {
    background-image: url('//h2balh-dev.s3.amazonaws.com/img/texture-paper-pattern-bg.jpg');
    background-color: var(--athensgray);
    box-shadow: 0rem .75rem 2rem 0.125rem var(--denim-50);
    border-radius: .125rem;
    z-index: 10;
    position: absolute;
    width: 100%;
    max-width: 15.75rem;
    padding: .75rem;
}

@media
  only screen and (min-device-width: 768px) {
  [role="tooltip"] {
    font-size: 1rem;
    margin-bottom: .5rem;
    max-width: 32rem;
  }
}

[role="tooltip"].show {
    opacity: .95;
    max-width: 15rem
}

[role="tooltip"] .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem;
}

    .bs-tooltip-auto[x-placement^=bottom] .arrow,
    .bs-tooltip-bottom .arrow {
        top: -.425em;
    }

    .bs-tooltip-auto[x-placement^=top] .arrow,
    .bs-tooltip-top .arrow {
        bottom: -.425em;
    }

    .bs-tooltip-auto[x-placement^=left] .arrow,
    .bs-tooltip-left .arrow {
        right: -.425em;
    }

    .bs-tooltip-auto[x-placement^=right] .arrow,
    .bs-tooltip-right .arrow {
        left: -.425em;
    }

    .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
    .bs-tooltip-bottom .arrow::before {
        border-bottom-color: var(--athensgray);
    }

    .bs-tooltip-auto[x-placement^=top] .arrow::before,
    .bs-tooltip-top .arrow::before {
        border-top-color: var(--athensgray);
    }

    .bs-tooltip-auto[x-placement^=left] .arrow::before,
    .bs-tooltip-left .arrow::before {
        border-left-color: var(--athensgray);
    }


    .bs-tooltip-auto[x-placement^=right] .arrow::before,
    .bs-tooltip-right .arrow::before {
        border-right-color: var(--athensgray);
    }

[role="tooltip"] .tooltip-inner {
    max-width: none;
    padding: 0;
    text-align: left;
    background-color: transparent;
    border-radius: 0;
    color: var(--mako);
}

[role="tooltip"] .tooltip-inner p {
    font-size: .875rem;
    line-height: normal;
    margin-bottom: .5rem;
}

@media
  only screen and (min-device-width: 768px) {
  [role="tooltip"] .tooltip-inner p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: .75rem;
  }
}



[role="tooltip"] .tooltip-inner p strong {
    display: inline-block;
    color: var(--gulfblue);
    margin-bottom: .5rem;
}


/************************************/

.af-page-wrap {
    border: none !important;
}

.tab-content [role='tablist'] {
    display: flex;
    width: calc(100% + 2rem);
    overflow-x: scroll;
    overflow-y: hidden;
    transform: translateX(-1rem);
    flex-direction: row;
}

@media
  only screen and (min-device-width: 960px) {
    .tab-content [role='tablist'] {
        width: 100%;
        transform: translateX(0rem);
    }
}

  .tab-content [role="tablist"].sticky-tabs {
    position: sticky;
    top: 15.195rem;
    background: var(--athensgrayLighter-80);
    z-index: 2;
    box-shadow: 0 0rem 1.125rem .625rem var(--athensgrayLighter);
    backdrop-filter: blur(.25rem);
    padding-top: 1.5rem;
  }

  .tab-content [role="tablist"] a,
  .tab-content [role="tablist"] a:active {
    display: inline-flex;
    font-size: 1rem;
    font-weight: bold;
    height: 3rem;
    position: relative;
    text-decoration: none;
    outline: none;
    border-bottom: 1px solid white;
    white-space: nowrap;
    padding: 0 1rem;
    align-items: center;
    justify-content: center;
        flex-basis: 100%;
  }

  .tab-content [role="tablist"] a:not(.active) {
  background: transparent;
  color: var(--white-60);
  }

  .tab-content [role="tablist"] a:not(.active):hover {
  color: var(--white);
  }

  .tab-content [role="tablist"] a.active {
    color: var(--white);
    border-color: transparent;
  }

  .tab-content [role="tablist"] a.active:after {
    content: "";
    height: 4px;
    background-color: var(--supernova);
    position: absolute;
    z-index: 1;
    bottom: -2px;
    left: .25rem;
    right: .25rem;
    border-radius: .125rem;
    display: none;
  }

  .tab-content [role="tablist"] a:before {
    content: "";
    height: .25rem;
    display: inline-block;
    background-color: transparent;
    position: absolute;
    bottom: 0rem;
    left: 50%;
    border-radius: 0.125rem;
    z-index: 2;
    transform: translateX(-50%);
    transform-origin: center;
    width: 0%;
    transition-duration: .5s;
  }

  .tab-content [role="tablist"] a.active:before {
    background-color: var(--supernova);
    width: 90%;
  }

  .tab-content [role="tablist"] a.active:hover:before {
    background-color: var(--supernova);
    width: 98%;
  }

    .tab-content [role="tabpanel"] {
      visibility: hidden;
      display: none;
    }

    .tab-content [role="tabpanel"].active {
      visibility: visible;
      display: block;
    }


/****************************
    Tabs for Book Callout
****************************/
.book-callout .tab-content [role='tablist'] {
    width: clamp(20rem, 60%, 29rem);
    transform: none;
    margin: 0 auto;
}

.book-callout .tab-content [role="tablist"] a,
.book-callout .tab-content [role="tablist"] a:active {

}

.book-callout .tab-content [role="tablist"] a:not(.active) {

}



/*
*
* This CSS template will customize WordPress.org login pages:
*
* Login page:           /wp-login.php
* Register page:        /wp-login.php?action=register
* Lost Password page:   /wp-login.php?action=lostpassword
*
----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
        1. GENERAL
        2. LOGIN PAGE
        3. REGISTER PAGE
        4. LOST PASSWORD PAGE
----------------------------------------------------------------*/

#login {
    padding: 2rem;
    position: relative;
    margin: 4% auto;
    width: 96%;
    max-width: 400px;
}

.login form {
    margin-top: 1.25rem;
    margin-left: 0;
    padding: 1.5rem 1.5rem 3rem;
    font-weight: 400;
    overflow: hidden;
    background: var(--gulfblue-30);
    border: 1px solid var(--white-60);
    box-shadow: 0 0.25rem .5rem var(--denim-40);
    border-radius: 0.188rem;
}

/* Replace WP logo with your own logo */
.login h1 a {
    background-image: url(/wp-content/uploads/2021/02/H2BALH@2x.png);
    width: 100%;
    height: 6rem;
    background-size: contain;
    margin-bottom: 1rem;
    text-indent: -999rem;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    white-space: nowrap;
    display: block;
}

@media
  only screen and (max-device-width: 680px) {
    .login h1 a {
    height: 4rem;
    }
}

.login .privacy-policy-page-link {
    margin: 0;
}

.login form input[type=checkbox] {
    width: 1rem;
    height: 1rem;
}

@media screen and (max-width: 782px){
    input[type=checkbox]:checked:before {
        width: 1rem;
        height: 1rem;
        margin: -.025rem;
    }
}

/*----------------------------------------------------------------
>>> HEADER:
----------------------------------------------------------------*/

.site-branding {
    max-width: 5.75rem;
    margin-left: 2.25rem;
    margin-bottom: 0.625rem;
}

@media
  only screen and (max-device-width: 1200px) {
    [class*='overlay-'] .site-branding {
        margin-left: 0rem !important;
    }
}

@media
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .site-branding {
        max-width: 6.5rem;
    }
}

@media
  only screen and (min-device-width: 1025px) {
    .site-branding {
        max-width: 9.5rem;
        margin-left: 0rem;
    }
}

/*----------------------------------------------------------------
>>> FOOTER:
----------------------------------------------------------------*/

#colophon .footer-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media
  only screen and (min-device-width: 768px) {
    #colophon .footer-navigation {
        justify-content: space-between;
        flex-direction: row;
    }
}


/*----------------------------------------------------------------
>>> FOOTER SOCIAL:
----------------------------------------------------------------*/

ul.footer-social-menu-list {
    list-style-type: none;
    display: inline-flex;
    flex-direction: row;
}

.footer-social-menu-list > li:not(:last-child) {
    margin-right: 0.25rem;
}

.footer-social-menu-list > li > a {
    font-size: 1rem;
    text-decoration: none !important;
    position: relative;
    height: 3rem;
    width: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

/*----------------------------------------------------------------
>>> FOOTER NAVIGATION:
----------------------------------------------------------------*/

ul.footer-primary-menu-list {
    list-style-type: none;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-primary-menu-list > li:not(:last-child) {
    margin-right: 1.25rem;
}

.footer-primary-menu-list > li > a {
    font-size: 1rem;
    text-decoration: none !important;
    position: relative;
    height: 3rem;
    min-width: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem;
    white-space: nowrap;
}


/*----------------------------------------------------------------
>>> PRIMARY NAV:
----------------------------------------------------------------*/

@media
  only screen and (max-width: 1024px) {
    #site-navigation {
        position: absolute;
        top: 0;
    }

    body.primary-navigation-open.lock-scrolling .primary-menu-container {
        left: 0;
        background: var(--midnight-10);
    }

    .primary-menu-container {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        background: var(--midnight-50) !important;
        z-index: 10;
        width: 100vw;
        height: 100vh;
        backdrop-filter: blur(.25rem);
    }
}

.menu-button-container {
    display: inline-flex;
    position: absolute;
    top: .325rem;
    left: 0;
    padding: .325rem;
}

.menu-button-container .close {
    display: none;
}

body.primary-navigation-open.lock-scrolling .menu-button-container {
    right: -100%;
    position: relative;
}

body.primary-navigation-open.lock-scrolling .menu-button-container .close {
    display: block;
}

body.primary-navigation-open.lock-scrolling .menu-button-container .open {
    display: none;
}

@media
  only screen and (min-device-width: 1025px),
  only screen and (min-device-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .menu-button-container {
        display: none;
    }
    .primary-menu-container {
        display: block;
    }
}


ul#primary-menu-list {
    list-style-type: none;
}

body.primary-navigation-open.lock-scrolling ul#primary-menu-list {
    left: 0%;
}

@media
  only screen and (max-width: 1024px) {
      ul#primary-menu-list {
        display: block;
        top: 0;
        left: -100%;
        background: var(--denim);
        padding: 2rem 1rem;
        z-index: 10;
        width: 13.75rem;
        height: 100vh;
      }
}

#primary-menu-list > li:not(:last-child) {
    margin-bottom: 0.5rem;
}

#primary-menu-list > li > a {
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none !important;
    padding: 0 0.25rem;
    position: relative;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

#primary-menu-list > li > a:before,
#primary-menu-list > li > a:after {
    content: '';
    position: relative;
    display: inline-flex;
    height: .5rem;
    width: .5rem;
    margin-left: 0.875em;
    border-radius: 100%;
    border: 1px solid var(--white-30);
    transform: scale(1);
}

#primary-menu-list > li > a:before {
    position: absolute;
    right: 0.25rem;
    transform: scale(1);
    display: none;
}

#primary-menu-list > li.current-menu-item > a:after,
#primary-menu-list > li.current_page_item > a:after,
body.woocommerce-cart #primary-menu-list > li.menu-item-24 > a:after,
body.woocommerce-checkout #primary-menu-list > li.menu-item-24 > a:after {
    background: var(--supernova);
    border: 1px solid var(--pirategold);
    box-shadow: 0 2px 4px -1px var(--denim), 0 -2px 4px 0 var(--white-20), 0 2px 5px 8px var(--midnight-30);
	transform: scale(1);

	animation: navDotPulsePsuedoAfter 2s infinite;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

@keyframes navDotPulsePsuedoAfter {
  from {
        box-shadow: 0 0 4px 2px var(--mustard-20);
  }

  to {
    box-shadow: 0 0 2px 24px var(--mustard-0);
  }
}

#primary-menu-list > li.current-menu-item > a:before,
#primary-menu-list > li.current_page_item > a:before,
body.woocommerce-cart #primary-menu-list > li.menu-item-24 a:before,
body.woocommerce-checkout #primary-menu-list > li.menu-item-24 a:before {
    animation: navDotPulsePsuedoBefore 4s infinite;
    animation-fill-mode: both;
    animation-timing-function: ease;
    display: flex;
}

@keyframes navDotPulsePsuedoBefore {
  from {
    transform: scale(0.25);
    box-shadow: 0 0 4px 2px var(--mustard-80);
  }

  to {
    transform: scale(1);
    box-shadow: 0 0 2px 16px var(--mustard-0);
  }
}


/*----------------------------------------------------------------
>>> SWAP BOOK EDITION DROPDOWN:
----------------------------------------------------------------*/

#edition-list {
    margin-top: 2rem;
}

@media only screen and (max-device-width: 1024px) {
     #edition-list {
        z-index: 10;
        position: fixed;
        transform: translateX(-1000%) !important;
        left: 1.5rem;
        top: 16rem;
     }

    body.primary-navigation-open #edition-list {
        transform: translateX(-5%) !important;
    }
}

.edition-list-options {
    display: inline-flex;
}

.edition-list-options:before {
    content:'Swap Book Edition Theme';
    font-size: .425rem;
    color: var(--white);
    text-shadow: -1px 1px 0 #061B59;
    position: absolute;
    top: -.25rem;
    left: .75rem;
    white-space: nowrap;
    text-transform: uppercase;
    z-index: 1;
}

.edition-list-button {
    font-size: 1.250rem;
    background: var(--gulfblue-30);
    border: 1px solid var(--gulfblue);
    box-shadow: 0 2px 5px -1px var(--denim-30);
    border-radius: 5rem;
    display: flex;
    padding: 0 .5rem;
    height: 2.5rem;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: .25rem;
}

.edition-list-button:hover {
    background: var(--denim);
    border: 1px solid var(--gulfblue-60);
    box-shadow: 0 0.125rem 1rem -0.063rem var(--denim-60);
}

.edition-list-button .img {
    display: inline-flex;
    width: 1rem;
    height: 1.25rem;
    margin-right: .75rem;
    background-size: contain;
    background-repeat: no-repeat;
}

.edition-list-button .txt {
    font-size: 0.875rem;
    font-weight: bold;
    color: var(--white-80);
    white-space: nowrap;
    margin-right: .5rem;
}

.edition-list-button i {
    font-size: 0.5rem;
}


.edition-list-options.show .edition-list-button i {
    transform: rotate(180deg);
}

.edition-list-options .dropdown-options li {
    min-height: 2.5rem;
    align-items: center;
    display: flex;
    text-indent: 0.5rem;
    cursor: pointer;
}

.edition-list-options .dropdown-options li.active,
.edition-list-options .dropdown-options li.active:hover,
.edition-list-options .dropdown-options li:hover,
.edition-list-options .dropdown-options li:focus {
    color: var(--gulfblue) !important;
    background: var(--pirategold-30);
}

/*----------------------------------------------------------------
>>> W3AWARDS RIBBON:
----------------------------------------------------------------*/

#w3awards-ribbon {
  position: absolute;
  left: 0;
  bottom: 6rem;
  z-index: 9;
}

#w3awards-ribbon img {
  width: auto;
  max-width: 4rem;
}

@media (min-width: 676px) {
  #w3awards-ribbon {
    bottom: 0rem;
  }
}

@media (min-width: 767px) and (orientation: portrait) {
  #w3awards-ribbon {
    bottom: 2.25rem;
  }
}

@media (min-width: 960px) and (orientation: landscape) {
  #w3awards-ribbon {
    position: fixed;
    opacity: .5;
    bottom: 3rem;
  }
}

@media (min-width: 1100px) {
  #w3awards-ribbon img {
    max-width: 6rem;
  }
  #w3awards-ribbon:hover {
    opacity: 1;
    cursor: pointer;
  }
}

@media (min-width: 1200px) {
  #w3awards-ribbon {
    bottom: 5rem;
  }
}

[data-state^='overlay-'] #w3awards-ribbon {
  left: -50vw !important;
  opacity: 0;
}

/*
#w3awards-ribbon.page-scrolled-up {
  left: -50vw !important;
  opacity: 0;
}

@media
  only screen and (min-device-width: 1200px) {
    #w3awards-ribbon.page-scrolled-up {
        left: 0vw !important;
        opacity: 1;
    }
}*/


/*----------------------------------------------------------------
>>> W3AWARDS & DAVEY AWARDS CHIPS:
----------------------------------------------------------------*/

.award-chip {
  position: fixed;
  left: .875rem;
  z-index: 1;
  font-size: .625rem;
  font-weight: 600;
  background-color: var(--denim-80);
  border: 1px solid var(--gulfblue);
  box-shadow: 0 2px 5px -1px var(--denim-30);
  border-radius: 100%;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
}

.award-chip:hover {
  background-color: var(--supernova);
  transform: scale(1.1);
  transition: linear 1s forwards;
}

.award-chip img {
  height: auto;
  width: 96%;
}

.award-chip:hover img {
  filter: brightness(0.1);
}

@media (min-width: 676px) {
  #w3awards-chip {
    bottom: 0rem;
  }
  #daveyawards-chip {
    bottom: 3rem;
  }
}

@media (min-width: 767px) and (orientation: portrait) {
  #w3awards-chip {
    bottom: 2.25rem;
  }
  #daveyawards-chip {
    bottom: 5.25rem;
  }
}

@media (min-width: 960px) and (orientation: landscape) {
  #w3awards-chip,
  #daveyawards-chip {
    position: fixed;

  }

  #w3awards-chip:hover,
  #daveyawards-chip:hover {

  }

  #w3awards-chip {
    bottom: 3rem;
  }

  #daveyawards-chip {
    bottom: 6rem;
  }
}

@media (min-width: 1200px) {
  #w3awards-chip {
    bottom: 6rem;
  }
  #daveyawards-chip {
    bottom: 9rem;
  }
}

[data-state^='overlay-'] #w3awards-chip,
[data-state^='overlay-'] #daveyawards-chip {
  left: -50vw !important;
  opacity: 0;
}


/*----------------------------------------------------------------
>>> UTILITY NAV:
----------------------------------------------------------------*/

.utility-menu-list-button {
    font-size: 1.250rem;
    background: var(--gulfblue-30);
    border: 1px solid var(--gulfblue);
    box-shadow: 0 2px 5px -1px var(--denim-30);
    border-radius: 5rem;
    display: flex;
    padding: 0 .875rem 0 0.25rem;
    min-width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transform: translateX(-1rem);
}

.utility-menu-list-button:hover {
    background: var(--denim);
    border: 1px solid var(--gulfblue-60);
    box-shadow: 0 0.125rem 1rem -0.063rem var(--denim-60);
}

.utility-menu-list-button .img {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    background-color: var(--supernova);
    background-size: contain;
    border-radius: 100%;
    border: 2px solid var(--pirategold);
    box-shadow: inset 0px 0px 0px 2px var(--white-80);
}

.utility-menu-list-button .txt {
    font-size: 0.625em;
    font-weight: bold;
    color: var(--white-80);
    white-space: nowrap;
    max-width: 3.875rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.dropdown-menu {
    padding: .5rem;
    background-image: url(//h2balh-dev.s3.amazonaws.com/img/texture-paper-pattern-bg.jpg);
    background-color: var(--athensgray);
    box-shadow: 0rem .75rem 2rem 0.125rem var(--denim-50);
    border-radius: .375rem;
}

#utility-menu-list .menu-item:last-child a {
    border-top: 1px solid var(--mako-40);
}

body.logged-in.admin-bar ul#utility-menu-list {
    top: 3rem;
}

ul#utility-menu-list {
    list-style-type: none;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    position: fixed;
    top: 1.25rem;
    left: calc(100vw / 2.35 * 2);
    transform: translateX(-82%);
    align-items: center;
}

body.logged-in ul#utility-menu-list {
    transform: translateX(-73%) !important;
}

@media
  only screen and (min-device-width: 680px) {

    ul#utility-menu-list {
        transform: translateX(-49%) !important;
    }

    body.logged-in ul#utility-menu-list {
        transform: translateX(-52%) !important;
    }
}

@media
  only screen and (min-device-width: 1200px) {
    ul#utility-menu-list {
        transform: translateX(-49%) !important;
    }

    body.logged-in ul#utility-menu-list {
        transform: translateX(-11%) !important;
    }
}

@media
  only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    ul#utility-menu-list {
        transform: translateX(-47%) !important;
    }

    body.logged-in ul#utility-menu-list {
    }
}

@media
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    ul#utility-menu-list {
        transform: translateX(-64%) !important;
    }

    body.logged-in ul#utility-menu-list {
        transform: translateX(-43%) !important;
    }
}

@media
  only screen and (min-device-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
     ul#utility-menu-list {
        transform: translateX(-56%) !important;
    }

    body.logged-in ul#utility-menu-list {
        transform: translateX(-32%) !important;
    }
}

@media
  only screen and (min-device-width: 1400px) {
    ul#utility-menu-list {
        transform: translateX(-48%) !important;
    }

    body.logged-in ul#utility-menu-list {
        transform: translateX(-26%) !important;
    }
}

@media only screen and (min-device-width: 1500px){
    ul#utility-menu-list {
        transform: translateX(-37%) !important;
    }

    body.logged-in ul#utility-menu-list {
        transform: translateX(-8%) !important;
    }
}

@media only screen and (min-device-width: 1800px) {
    ul#utility-menu-list {
        transform: translateX(-41%) !important;
    }

    body.logged-in ul#utility-menu-list {
        transform: translateX(-15%) !important;
    }
}

@media only screen and (min-device-width: 2000px) {
    ul#utility-menu-list {
        transform: translateX(-37%) !important;
    }
    body.logged-in ul#utility-menu-list {
        transform: translateX(-8%) !important;
    }
}

.menu-button-container.page-scrolled-up,
.site-branding.page-scrolled-up {
    left: -50vw !important;
    opacity: 0;
}

#edition-list.page-scrolled-up,
#utility-menu-list.page-scrolled-up {
    top: -25vh !important;
    opacity: 0;
}


@media
  only screen and (min-device-width: 1100px) {
    .menu-button-container.page-scrolled-up,
    .site-branding.page-scrolled-up {
        left: 0vw !important;
        opacity: 1;
    }
}

@media
  only screen and (min-device-width: 680px) {
    ul#edition-list.page-scrolled-up,
    ul#utility-menu-list.page-scrolled-up {
        transform: translateX(-49%) !important;
    }
}


@media
  only screen and (max-device-width: 680px) {
    #page:before {
        content: '';
        display: block;
        width: 100%;
        height: 0;
        background-color: var(--midnight-90);
        backdrop-filter: brightness(1) blur(1px) invert(1);
        box-shadow: 0 0 .5rem var(--midnight-90);
        position: fixed;
        left: 0;
        right: 0;
        z-index: 2;
        opacity: 0;
    }

    html:not([data-state*='overlay-']) #page.mobile-faux-header-bg.page-scrolled-down:before {
        height: 5.5rem;
        opacity: 1;
    }

}




#utility-menu-list > li:not(:last-child) {

}

@media
  only screen and (min-device-width: 1025px) and (orientation: landscape) {
    #utility-menu-list > li:not(:last-child) {

    }
}

#utility-menu-list > li > a {
    white-space: nowrap;
}

#utility-menu-list > li:not(:last-child) > a {
    padding: 0 1.25rem;
}

#utility-menu-list .menu-item a {
    font-size: 1rem;
    font-weight: 500;
    color: var(--gulfblue-80) !important;
    text-decoration: none !important;
    padding: 0 0.5rem 0 0;
    position: relative;
    height: 3rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

#utility-menu-list .menu-item a:hover {
    color: var(--gulfblue) !important;
    background: var(--pirategold-30);
}

#utility-menu-list .menu-item a i {
    font-size: .75rem;
    margin: .5rem;
}

#utility-menu-list > li:first-child > a:after {
    content: '';
    background: var(--denim-80);
    height: 1.25rem;
    width: 1px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-44%);
}

#utility-menu-list > li > a:not(.btn-cart):hover{
    text-decoration: underline !important;
}

#utility-menu-list .btn-cart {
    font-size:1.250rem;
    background: var(--gulfblue-30);
    border: 1px solid var(--gulfblue);
    box-shadow: 0 2px 5px -1px var(--denim-30);
    border-radius: 100%;
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

#utility-menu-list .btn-cart:hover {
    background: var(--denim);
    border: 1px solid var(--gulfblue-60);
    box-shadow: 0 0.125rem 1rem -0.063rem var(--denim-60);
}

#utility-menu-list .btn-cart .btn-cart-count {
    font-size: .625rem;
    font-weight: bolder;
    color: var(--gulfblue);
    letter-spacing: 0.024rem;
    text-align: center;
    line-height: 1.25rem;
    background: var(--supernova);
    border: 1px solid var(--buddhagold);
    box-shadow: 0 2px 4px -1px var(--denim), 0 -2px 4px 0 var(--white-20), 0 2px 5px 8px var(--midnight-30);
    display: inline-flex;
    width: 0.95rem;
    height: 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    top: 0rem;
    right: -.25rem;
    position: absolute;
}

/*----------------------------------------------------------------
>>> MAIN BG:
----------------------------------------------------------------*/

#page {
    min-height: calc(100vh - 3rem);
    z-index: 2;
    position: relative;
}

#main:after,
#page:after {
    position: relative;
    content:"";
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
}

.section-header {
    display: block;
    text-align: center;
    padding: 1.25rem 0;
    margin-bottom: 1.25rem;
}

.section-header .section-title {
    text-transform: uppercase;
    padding: 0 3rem;
    display: inline-block;
    letter-spacing: 0.12rem !important;
}

.section-header .section-title:before,
.section-header .section-title:after {
    content: '';
    display: block !important;
    visibility: visible !important;
    position: absolute;
    top: 48%;
    width: 2rem;
    border-bottom: 2px solid var(--white);
}

.section-header .section-title:before {
    left: 0%;
}

.section-header .section-title:after {
    right: 0%;
}

/*----------------------------------------------------------------
>>> WELCOME CALLOUT:
----------------------------------------------------------------*/

.welcome-callout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 64vh;
    text-align: center;
}

@media only screen and (min-device-width: 640px ){
    .welcome-callout {
        height: 60vh;
     }
}

@media
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .welcome-callout {
       height: 40vh !important;
    }
}

@media only screen and (min-device-width: 960px ){
    .welcome-callout {
        height: 55vh !important;
     }
}

@media only screen and (min-device-width: 1200px ){
    .welcome-callout {
        height: 55vh !important;
     }
}

.welcome-callout .entry-header {
    max-width: 90%;
}

@media only screen and (min-device-width: 640px ){
    .welcome-callout .entry-header {
        max-width: 90%;
     }
}

.welcome-callout .entry-header .entry-title {
    font-size: 2.5rem;
    line-height: normal;
}

.welcome-callout-description {
    font-size: 1.25rem;
    margin-bottom: 1.25rem
}

@media only screen and (min-device-width: 640px ){
    .welcome-callout-description {
        font-size: 1.5rem;
    }
}

.welcome-callout-actions {
    display: flex;
    margin: 1rem 0;
    flex-direction: column;
}


/*----------------------------------------------------------------
>>> BOOK VIDEO:
----------------------------------------------------------------*/

.book-video {
  display: flex;
  width: 100%;
  margin: 1.5rem auto;
  background-color: var(--gulfblue-40);
  box-shadow: 0rem .5rem 1.5rem var(--denim-20);
  border: 2px solid var(--denim-40);
  max-width: 53rem;
  padding: 1rem;
  border-radius: .375rem;
}

.book-video iframe[src*=youtube]{
  width: 100%;
  aspect-ratio: 16/9;
  height: auto;
  border-radius: .375rem;
  min-height: 14rem;
  max-height: none !important;
}

/*----------------------------------------------------------------
>>> BOOK CALLOUT:
----------------------------------------------------------------*/

.book-callout {
}

.book-callout-content {
    background-image: url(//h2balh-dev.s3.amazonaws.com/img/texture-paper-pattern-bg.jpg);
    background-color: var(--athensgray);
    box-shadow: 0rem .75rem 2rem 0.125rem var(--denim-50);
    border-radius: 0 0 .125rem .125rem;
    margin: 1rem 0;
    display: table;
    vertical-align: middle;
    width: 96%;
    max-width: 53rem;
    margin: 0 auto;
    border-radius: 0.188rem;
}


.book-callout-img {
    display: none;
    padding: 4% 0rem;
}

.book-callout-img-frame {
    display: inline-flex;
    position: absolute;
}

.book-callout-img-frame:after {
    content: '';
    display: block;
    border: 1px solid var(--white-30);
    position: absolute;
    z-index: 1;
    top: 0.425rem;
    left: 0.425rem;
    right: 0.425rem;
    bottom: 0.425rem;
    border-radius: 0 0 0 .125rem;
}

.book-callout-img-frame img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: 0 .75rem 2rem 0 var(--denim-80);
}

@media only screen and (min-device-width: 680px ){
    .book-callout-img {
        display: table-cell;
        width: 43.84%;
        justify-content: center;
     }
}

.book-callout-txt {
    padding: 1.5rem 1rem;
    display: table-cell;
}

@media
  only screen and (min-device-width: 680px) {

    .book-callout-txt {
        padding: 1.5rem 2rem 1.5rem 3rem;
        width: 56.16%;
    }

    .book-callout-txt:before {
        content: '';
        width: .25rem;
        height: 92%;
        display: block;
        border-left: 1px solid var(--mako-20);
        border-right: 1px solid var(--denim-40);
        position: absolute;
        top: 4%;
        left: 1rem;
        bottom: 0;
    }
}

@media
  only screen and (min-device-width: 960px) {
     .book-callout-img-frame {
        transform: scale(1.34) translateY(-50%);
        top: 63.75%;
        right: 3em;
    }
}

@media only screen and (min-device-width: 1280px) {
    .book-callout-img-frame {
    transform: scale(1.2) translateY(-50%);
    top: 59.75%;
    right: 2.75em;
    }
}

@media
  only screen and (min-device-width: 1400px) {
     .book-callout-img-frame {
        transform: scale(1) translateY(-50%);
        top: 50%;
        right: .875rem;
    }
}

@media
  only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .book-callout-img-frame {
        transform: scale(1.16) translateY(-50%);
        top: 56.75%;
        right: 2.325rem;
    }
}

@media
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .book-callout-img-frame {
        transform: scale(.88) translateY(-50%);
        top: 50%;
        right: -1rem;
    }
}

@media
  only screen and (min-device-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .book-callout-img-frame {
        transform: scale(1) translateY(-50%);
        top: 50%;
        right: 1rem;
    }
}

@media
  only screen and (min-device-width: 1400px) {
     .book-callout-img-frame {
        transform: scale(1) translateY(-50%);
        top: 52.5%;
        right: .325rem;
    }
}

@media only screen and (min-device-width: 1500px){
    .book-callout-img-frame {
        transform: scale(1) translateY(-50%);
        top: 50.5%;
        right: .95rem;
    }
}

@media only screen and (min-device-width: 1800px) {
    .book-callout-img-frame {
        right: 1.325rem;
    }
}

@media only screen and (min-device-width: 2000px) {
    .book-callout-img-frame {
        top: 50%;
    }
}



.book-callout-txt .title {
    font-size: 1.75rem;
    line-height: 2.425rem;
    color: var(--gulfblue);
    text-shadow: none;
}

@media
  only screen and (min-device-width: 680px) {
    .book-callout-txt .title {
        font-size: 1.875rem;
        line-height: 2.625rem;
    }
}

.book-callout-txt p {
    color: var(--mako);
}

img.book-callout-thumbnail {
    float: left;
    margin: 0.5rem 1.25rem .65rem 0;
    height: auto;
    max-width: 29%;
}

@media
  only screen and (min-device-width: 680px) {
    img.book-callout-thumbnail {
        display: none;
        visibility: hidden;
        opacity: 0;
    }
}

@media
  only screen and (max-width: 680px),
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .book-callout-actions [class^='btn-'] {
        width: 100%;
    }
}


/*----------------------------------------------------------------
>>> ALERT COMPONENTS:
----------------------------------------------------------------*/

.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.login #login_error,
.login .message,
.login .success,
[data-location='build-your-lighthouse'] .error,
[data-location='build-your-lighthouse'] .warning,
[data-location='build-your-lighthouse'] .info,
[data-location='build-your-lighthouse'] .success,
[data-location='shared-inner-light'] .error,
[data-location='shared-inner-light'] .warning,
[data-location='shared-inner-light'] .info,
[data-location='shared-inner-light'] .success,
[data-location='my-account'] .error,
[data-location='my-account'] .warning,
[data-location='my-account'] .info,
[data-location='my-account'] .success {
    padding: .75rem 2rem .75rem 2.75rem;
    margin: 0 0 .75rem;
    position: relative;
    background-color: transparent;
    color: var(--white);
    border: 2px solid transparent;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
    border-radius: 2.5rem;
    box-shadow: 0 2px 1px 0 var(--denim-30);
    align-items: flex-start;
    display: flex;
    align-items: center;
}

 .login #login_error,
 .login .message {
     display: block;
 }

@media only screen and (max-width: 680px){
    .woocommerce-error,
    .woocommerce-info,
    .woocommerce-message,
    .login #login_error,
    .login .message,
    .login .success,
    [data-location='build-your-lighthouse'] .error,
    [data-location='build-your-lighthouse'] .info,
    [data-location='build-your-lighthouse'] .success,
    [data-location='shared-inner-light'] .error,
    [data-location='shared-inner-light'] .info,
    [data-location='shared-inner-light'] .success,
    [data-location='my-account'] .error,
    [data-location='my-account'] .info,
    [data-location='my-account'] .success {
        flex-direction: column;
    }
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before,
.login #login_error::before,
.login .message::before,
.login .success::before,
[data-location='build-your-lighthouse'] .error:before,
[data-location='build-your-lighthouse'] .info:before,
[data-location='build-your-lighthouse'] .success:before,
[data-location='shared-inner-light'] .error:before,
[data-location='shared-inner-light'] .info:before,
[data-location='shared-inner-light'] .success:before,
[data-location='my-account'] .error:before,
[data-location='my-account'] .info:before,
[data-location='my-account'] .success:before {
    color: var(--white);
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    position: absolute;
}

@media only screen and (min-device-width: 680px){
    .woocommerce-error a,
    .woocommerce-info a,
    .woocommerce-message a,
    .login #login_error a,
    .login .message a,
    .login .success a,
    [data-location='build-your-lighthouse'] .error a,
    [data-location='build-your-lighthouse'] .info a,
    [data-location='build-your-lighthouse'] .success a,
    [data-location='shared-inner-light'] .error a,
    [data-location='shared-inner-light'] .info a,
    [data-location='shared-inner-light'] .success a,
    [data-location='my-account'] .error a,
    [data-location='my-account'] .info a,
    [data-location='my-account'] .success a {
        margin-left: .625rem;
        display: inline;
    }
}

.woocommerce-error,
.login #login_error,
.woocommerce-password-strength.short,
.woocommerce-password-strength.bad,
[data-location='build-your-lighthouse'] .error,
[data-location='shared-inner-light'] .error,
[data-location='my-account'] .error {
    background: var(--alertError);
    border: 2px solid var(--alertErrorLight);
}

.woocommerce-info,
.login .message,
[data-location='build-your-lighthouse'] .info,
[data-location='shared-inner-light'] .info,
[data-location='my-account'] .info {
    background: var(--alertInfo);
    border: 2px solid var(--alertInfoLight);
}

.woocommerce-password-strength.good,
[data-location='build-your-lighthouse'] .warning,
[data-location='shared-inner-light'] .warning,
[data-location='my-account'] .warning {
    background: var(--alertWarning);
    border: 2px solid var(--alertWarningLight);
}

.woocommerce-message,
.login .success,
.woocommerce-password-strength.strong,
[data-location='build-your-lighthouse'] .success,
[data-location='shared-inner-light'] .success,
[data-location='my-account'] .success {
    background: var(--alertSuccess);
    border: 2px solid var(--alertSuccessLight);
}

.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
    float: none;
    order: 2;
    margin-left: .75rem;
}

.woocommerce form .form-row.woocommerce-invalid label {
    color: var(--alertError) !important;
    background: var(--white-80);
    padding: .25rem;
    border-bottom: 4px solid var(--alertError);
}

[role='alert'] .btn-remove-alert {
display: flex;
justify-content: center;
position: absolute;
top: 0;
right: .25rem;
background: transparent;
border: none;
padding: .875rem;
color: var(--white);
}


/*----------------------------------------------------------------
>>> INNER LIGHT POSTS:
----------------------------------------------------------------*/

ul#innerlight-posts {
    display: grid;
    grid-template-columns: 100%;
    width: 100%;
    clear: both;
    justify-content: space-between;
    list-style-type: none;
    grid-row-gap: 1rem;
}

@media only screen and (min-device-width: 680px ){
    ul#innerlight-posts {
        grid-template-columns: 48.5% 48.5%;
    }

}

@media only screen and (min-device-width: 960px ){
    ul#innerlight-posts {
        /*grid-template-columns: 30.33% 30.33% 30.33%;*/
        grid-template-columns: repeat(auto-fill, 25%);
    }
}

ul#innerlight-posts > li {
    background: transparent;
    width: 100%;
    padding: .125rem;
}

.innerlight-item {
    display: block;
    width: 100%;
    border: 1px solid rgba(255,255,255,0.20);
    box-shadow: 0 0.75rem 2rem 1px rgb(0 126 255 / 40%);
    border-radius: 0.25rem;
    padding: 0.375rem;
    margin-bottom: 0.25rem;
    text-decoration: none !important;
}

@media only screen and (min-device-width: 1025px ){
    .innerlight-item {
        margin-bottom: 2rem;
    }

    ul#innerlight-posts > li:nth-last-child(-n+3) .innerlight-item {
       margin-bottom: 0rem;
    }
}

.innerlight-item > .img {
    position: relative;
    border-radius: .125rem .125rem 0rem 0rem;
    min-height: 12.688rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: inset 0rem 0rem 2rem -0.75rem var(--midnight-90);
}


@media
  only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape),
  only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .innerlight-item > .img {
        min-height: 11.688rem;
    }
}

@media
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .innerlight-item > .img {
        min-height: 8.688rem;
    }
}

@media
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .innerlight-item > .img {
        min-height: 8.688rem;
    }
}

@media
  only screen and (min-device-width: 1025px ) {
    .innerlight-item > .img {
        min-height: 11.688rem;
    }
}

.innerlight-item > .img:after {
    content: '';
    display: block;
    border: 1px solid var(--white-80);
    position: absolute;
    z-index: 1;
    top: 0.188rem;
    left: 0.188rem;
    right: 0.188rem;
    bottom: 0.188rem;
    border-radius: .125rem .125rem 0rem 0rem;
}

.innerlight-item .innerlight-item-content {
    background-image: url('//h2balh-dev.s3.amazonaws.com/img/texture-paper-pattern-bg.jpg');
    background-color: var(--athensgray);
    box-shadow: 0rem .75rem 2rem 0.125rem var(--denim-50);
    border-radius: 0 0 .125rem .125rem;
    padding: .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.innerlight-item .innerlight-item-content .img {
    display: inline-flex;
    width: 2.25rem;
    height: 2.25rem;
    background-color: var(--supernova);
    background-size: contain;
    border-radius: 100%;
    border: 2px solid var(--pirategold);
    box-shadow: inset 0px 0px 0px 2px var(--white-80);
}

.innerlight-item .innerlight-item-content .txt {
    width: calc(100% - 4.75rem);
}

.tab-pane .innerlight-item .innerlight-item-content .txt {
    width: calc(100% - 2.75rem);
}

.innerlight-item .innerlight-item-content .title {
    font-size: 0.875rem;
    font-weight: bold;
    color: var(--gulfblue);
}

.innerlight-item .innerlight-item-content .description {
    font-size: 0.875rem;
    color: var(--mako);
    white-space: nowrap;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}


.modal-body .innerlight-item .innerlight-item-content .description {
    white-space: initial;
    max-width: 100%;
    overflow: initial;
    text-overflow: unset;
    line-height: normal;
}


.innerlight-item .innerlight-item-content i {
    color: var(--pirategold);
}

.innerlight-item-empty,
.lighthouse-item-empty {
    min-height: 39vh;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    border: 1px solid rgba(255,255,255,0.20);
    box-shadow: 0 0.75rem 2rem 1px rgb(0 126 255 / 40%);
    border-radius: 0.25rem;
}

.innerlight-footer-actions {
    width: 100%;
    margin-top: .75rem;
}

.innerlight-footer-actions > * {
    width: 100%;
    justify-content: left;
}

.innerlight-footer-actions i {
    color: var(--white) !important;
}

/*----------------------------------------------------------------
>>> Shared Inner Light Post: Modal
----------------------------------------------------------------*/

.modal-content {
    background: transparent;
    border: none;
}

#innerlightModal .innerlight-item > .img {
    min-height: 60vh;
    background-size: contain;
    background-color: var(--midnight-90);
    backdrop-filter: sepia(.2) blur(0.125rem);
}

#innerlightModal .btn-close {
    position: absolute;
    top: 0rem;
    right: 0rem;
    left: initial;
}

#innerlightModal  .carousel-indicators {
    bottom: initial;
    top: 57.75vh;
}

#innerlightModal  .carousel-indicators li {
    height: .5rem;
}

#innerlightModal .carousel-control-prev,
#innerlightModal .carousel-control-next {
    width: 50%;
    opacity: 1;
}

#innerlightModal .carousel-control-prev-icon,
#innerlightModal .carousel-control-next-icon {
    font-size: 1.625rem;
    position: absolute;
    opacity: 1;
    width: 3.375rem;
    height: 4.375rem;
    height: 3.375rem;
    top: 50%;
    transform: translateY(-50%);
}

#innerlightModal .carousel-control-prev-icon {
    left: -1.5rem;
}

#innerlightModal .carousel-control-next-icon {
    right: -1.6875rem;
    left: initial;
}

#innerlightModal .carousel-control-prev-icon:before {
    left: -.125rem;
    position: relative;
}

#innerlightModal .carousel-control-next-icon:before {
    right: -.125rem;
    position: relative;
}

#innerlightModal .innerlight-item .innerlight-item-content .txt {
    width: calc(100% - 3rem);
}

#innerlightModal .innerlight-item {
    margin-bottom: 0rem;
}

/*----------------------------------------------------------------
>>> Cookie Consent: A free cookie consent link in the footer to reset or change cookie settings
>>> FreePrivacyPolicy.com https://www.freeprivacypolicy.com/free-cookie-consent/
----------------------------------------------------------------*/

.freeprivacypolicy-com---reset a {
color: #007bff !important;
}

/*----------------------------------------------------------------
>>> w3 Awards Message: Dialog
>>> Davey Awards Message: Dialog
>>> Please Hold Message: Dialog
----------------------------------------------------------------*/

#please-hold-message {

}

#w3awardsModal,
#daveyawardsModal {

}

@media (min-width: 3000px) {
  #w3awardsModal .modal-dialog,
  #daveyawardsModal .modal-dialog {
    max-width: 900px !important;
  }
}

[data-state^='overlay-'] #w3awardsModal,
[data-state^='overlay-'] #daveyawardsModal {
  display: none !important;
  opacity: 0;
}


#w3awardsModal .modal-body,
#daveyawardsModal .modal-body {

}

#w3awardsModal h2,
#daveyawardsModal h2 {
  background-color: var(--athensgrayLighter);
  margin-bottom: 0rem !important;
}

#w3awardsModal p,
#daveyawardsModal p {
  background-color: var(--athensgrayLighter);
  padding: 1rem 1rem 1.75rem !important;
  font-size: initial;
  text-align: center;
}

#w3awardsModal .btn-close,
#daveyawardsModal .btn-close {
  position: absolute;
  top: 0rem;
  right: 0rem;
  left: initial;
}

[id*='-message'] {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: var(--mako);
    position: fixed;
    max-width: 90%;
    padding: 1.5rem;
    text-align: center;
    display: none;
}

[id*='-message'] h2,
#w3awardsModal h2,
#daveyawardsModal h2 {
    color: var(--gulfblue);
    text-shadow: none;
    margin-bottom: .5rem !important;
}

[id*='-message'] p,
#w3awardsModal p,
#daveyawardsModal p {
    color: var(--mako);
    text-shadow: none;
}

[id*='-message'] img,
#w3awardsModal img,
#daveyawardsModal img {
  width: 100%;
}

[id*='-message'] a,
#w3awardsModal a,
#daveyawardsModal a {
  color: #007bff !important;
}

@media (min-width: 992px){

    #w3awardsModal,
    #daveyawardsModal {

    }

    [id*='-message'] {
        max-width: 30rem;
    }

    [id*='-message'] h2 {
        font-size: 2vw;
    }

    [id*='-message'] p {
        font-size: 1.5vw;
    }
}

/*----------------------------------------------------------------
>>> Shared Inner Light: Overlay
----------------------------------------------------------------*/

[data-state^='overlay-innerlight-'] {

}

[data-state^='overlay-innerlight-'] .site-branding,
[data-state^='overlay-innerlight-'] .menu-button-container,
[data-state^='overlay-innerlight-'] .primary-menu-container {
    opacity: 0;
    transform: translateX(-100%);
}

[data-state^='overlay-innerlight-'] #utility-menu-list {
    opacity: 0;
    transform: translateX(100%);
}

[data-state^='overlay-innerlight-'] #primary {
    opacity: 0;
    transform: translateY(100vh);
    transform-origin: left;
}

[data-state^='overlay-innerlight-'] #colophon {
    opacity: 0;
    transform: translateY(2rem);
}

#overlay-innerlight {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 100vw;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    /*background: var(--midnight-20) !important;
    backdrop-filter: blur(.25rem);*/
    overflow-y: scroll;
}

[data-state^='overlay-innerlight-'] #overlay-innerlight {
    opacity: 1;
    visibility: visible;
    top: 0;
}


@media only screen and (min-device-width: 680px ){
    #overlay-innerlight {
        background-image: url(https://h2balh-dev.s3.amazonaws.com/img/innerlight-share-graphic.png);
        background-repeat: no-repeat;
        background-position: 100vw 25vh;
        background-size: 33vw;
    }

    [data-state^='overlay-innerlight-'] #overlay-innerlight {
        background-position: calc(100vw - 25vw) 25vh;
        background-size: 25vw;
    }
}

@media only screen and (min-device-width: 1025px ){
    #overlay-innerlight .overlay-innerlight-content {
        max-width: 560px;
    }
}

@media only screen and (min-device-width: 2000px ){
    #overlay-innerlight .overlay-innerlight-content {
        max-width: 920px;
    }
}

#overlay-innerlight .accordion {
    overflow-y: scroll;
    max-height: 90vh;
}

#overlay-innerlight .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    left: initial;
}


/*----------------------------------------------------------------
>>> ADVANCED FORMS:
----------------------------------------------------------------*/

.af-form {

}

.af-form .af-field {
    margin: 0rem !important;
    padding: .75rem 0rem !important;
    border: none;
}

.af-form .af-field {
    border: none !important;
}

.af-submit {
    padding: 1rem 0 !important;
    position: relative;
    margin: .5rem 0;
    width: 100%;
    border-top: 1px dotted var(--white-40);
}

.af-submit input.button,
.af-submit input[type=submit],
.af-submit input.button,
.af-submit input[type=submit],
.af-submit .button {
    margin: 0 .425rem 0 0 !important;
    width: auto !important;
}

.af-submit input.disabled,
.af-submit input:disabled,
.af-submit input:disabled[disabled] {
    opacity: 0.8;
}

/* File Upload Input States */
.show-if-value.image-wrap,
.acf-basic-uploader {
    position: relative;
    width: 5rem;
    height: 5rem;
    background: var(--gulfblue-20);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid var(--white-70);
    box-shadow: inset 0 0 .5rem var(--denim-70), 0 0 0 .24rem var(--white-10);
}

.show-if-value.image-wrap {
}

.has-value .show-if-value img {
    opacity: 1;
}

.show-if-value.image-wrap img {
}

.acf-image-uploader .image-wrap img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: flex;
    min-width: 30px;
    min-height: 30px;
    background: #f1f1f1;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 36%;
}

.acf-actions.-hover {
    display: block !important;
}

.show-if-value .acf-actions,
.show-if-value:hover .acf-actions {
    width: 100%;
    position: absolute !important;
    bottom: 0;
    left: 0;
    right: 0 !important;
    padding: 0 !important;
    top: initial !important;
    display: block !important;
}

.show-if-value .acf-actions a {
    color: var( --white) !important;
    width: 100%;
    min-height: 1.75rem;
    display: block;
    background: var(--denim);
    bottom: 0;
    left: 0;
    padding: 0rem;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
    border-radius: 0;
}

.show-if-value:hover .acf-actions a {
    background: var(--midnight);
}

.show-if-value .acf-actions a:before {
    font-family: 'PT Sans', sans-serif;
    content: 'Remove';
    width: 100%;
    height: auto;
    display: inline;
    line-height: normal;
}

.show-if-value img,
.hide-if-value img {
    opacity: 0;
}

.acf-basic-uploader:hover:after,
.hide-if-value .acf-actions a:hover {
    background: var(--midnight);
}

.acf-basic-uploader:after {
    content: 'Upload';
    width: 100%;
    min-height: 1.75rem;
    background: var(--denim);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0rem;
    text-align: center;
    font-size: .75rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.acf-basic-uploader [type="file"] {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    opacity: 0;
    z-index: 1;
    display: flex;
}

img[id*='input_img_listener_'] {
    display: none;
}








#overlay-innerlight .af-field-instructions,
[data-type='image'] .af-field-instructions {
    font-size: .875rem;
    padding: 1rem;
    width: 82.66%;
    position: absolute;
    top: 1.125rem;
    left: 6rem;
}

@media
  only screen and (min-device-width: 680px) {
    #overlay-innerlight textarea {
        font-size: 1rem;
    }
    #overlay-innerlight .af-field-instructions,
    [data-type='image'] .af-field-instructions {
        font-size: 1rem;
        top: 0.325rem;
        left: 5.5rem;
    }
}

@media
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #overlay-innerlight textarea,
    #overlay-innerlight .af-field-instructions,
    [data-type='image'] .af-field-instructions {

    }
}

@media
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .acf-input textarea,
    #overlay-innerlight .af-field-instructions,
    [data-type='image'] .af-field-instructions {
        font-size: .75rem;
    }
}


/*----------------------------------------------------------------
>>> LIGHTHOUSE POSTS & Preview Info:
----------------------------------------------------------------*/

ul#lighthouse-posts {
    display: grid;
    grid-template-columns: 100%;
    width: 100%;
    clear: both;
    justify-content: space-between;
    list-style-type: none;
    grid-row-gap: 1rem;
}

@media only screen and (min-device-width: 680px ){
    [data-location='my-account'] ul#lighthouse-posts {
        grid-template-columns: 48.5% 48.5%;
    }

}

@media only screen and (min-device-width: 960px ){
    [data-location='my-account'] ul#lighthouse-posts {
        grid-template-columns: 30.33% 30.33% 30.33%;
    }
}

ul#lighthouse-posts > li {
    background: transparent;
    width: 100%;
    /*padding: .125rem;*/
}

.lighthouse-item {
    display: flex;
    width: 100%;
    border: 1px solid rgba(255,255,255,0.20);
    box-shadow: 0 0.75rem 2rem 1px rgb(0 126 255 / 40%);
    border-radius: 0.25rem;
    padding: 0.375rem;
    margin-bottom: 0.25rem;
    text-decoration: none !important;
    flex-wrap: wrap;
}

.lighthouse-preview-summary {

}

.lighthouse-preview-summary-title,
.woocommerce-account h2.lighthouse-preview-summary-title {
    font-size: 1.25rem !important;
    margin: 1.25rem 0 1.5rem;
}

.lighthouse-preview-summary .lighthouse-preview-item-content {
    padding: 2rem 0;
}

.lighthouse-preview-summary div.save-as-pdf-pdfcrowd-button-wrap .save-as-pdf-pdfcrowd-button {
    width: auto;
}

@media only screen and (min-device-width: 1025px ){
    [data-location='build-your-lighthouse'] .lighthouse-item {
        margin-bottom: 1.25rem;
    }
}

.lighthouse-item > .img {
    position: relative;
    border-radius: .125rem .125rem 0rem 0rem;
    min-height: 12.688rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.lighthouse-item .lighthouse-item-content {
    padding: .75rem;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    background: rgba(0,0,0,0.08);
    border: 1px solid var(--denim);
    box-shadow: 0 1px 0 0 var(--gulfblue), inset -20px -29px 23px 0 var(--gulfblue-50);
    border-radius: 0.188rem;
    flex-direction: column;
}

@media only screen and (min-device-width: 680px ){
    [data-location='build-your-lighthouse'] .lighthouse-item .lighthouse-item-content {
        justify-content: space-between;
        flex-direction: row;
    }
}

.lighthouse-item .lighthouse-item-content .img {
    display: inline-flex;
    width: 8rem;
    height: 8rem;
    background-repeat: no-repeat;
    background-color: var(--supernova);
    background-size: cover;
    border: 2px solid var(--denim);
    box-shadow: inset 0px 0px 0px 2px var(--white-80);
    margin-bottom: 1.5rem;
    position: relative;
}

@media only screen and (min-device-width: 680px ){
    [data-location='build-your-lighthouse'] .lighthouse-item .lighthouse-item-content .img {
        width: 5rem;
        height: 5rem;
        margin-right: .75rem;
        margin-bottom: 0rem;
    }
}

.img img.silver-edition-flag,
.img img.rainbow-edition-flag {
    border: 2px solid var(--white);
    box-shadow: 0rem 0rem 0rem 0.125rem var(--pirategold);
    visibility: visible;
    opacity: 1;
    display: block;
    top: -0.25rem;
    right: -0.25rem;
    width: auto;
    height: 1.125rem !important;
    position: absolute;
    z-index: 1;
}

body.loading .img img.silver-edition-flag,
body.loading .img img.rainbow-edition-flag {
    visibility: hidden;
    opacity: 0;
    display: none;
}

.lighthouse-item .lighthouse-item-content .txt {
    font-size: 0.875rem;
    color: var(--white);
    width: 100%;
}

@media only screen and (min-device-width: 680px ){
    [data-location='build-your-lighthouse'] .lighthouse-item .lighthouse-item-content .txt {
        height: 100%;
        width: calc(100% - 4.5rem);
    }
}

.lighthouse-item .lighthouse-item-content .title,
.lighthouse-preview-item-content .title {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.lighthouse-item .lighthouse-item-content .label,
.lighthouse-preview-item-content .label {
    margin-bottom: .5rem;
}

.lighthouse-item .lighthouse-item-content .title,
.lighthouse-item .lighthouse-item-content .label,
.lighthouse-item .lighthouse-item-content .date-modified,
.lighthouse-item .lighthouse-item-content .show-dates,
.lighthouse-preview-item-content .title,
.lighthouse-preview-item-content .label,
.lighthouse-preview-item-content .date-modified,
.lighthouse-preview-item-content .show-dates,
.lighthouse-preview-item-content .book-edition-theme {
    white-space: nowrap;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .75rem;
}

.lighthouse-preview-item-content .title,
.lighthouse-preview-item-content .label,
.lighthouse-preview-item-content .date-modified,
.lighthouse-preview-item-content .show-dates {
    max-width: 100%;
}

@media only screen and (min-device-width: 680px ){
    [data-location='build-your-lighthouse'] .lighthouse-item .lighthouse-item-content .title,
    .lighthouse-preview-item-content .title {
        white-space: none;
    }

    .lighthouse-item .lighthouse-item-content .title,
    .lighthouse-item .lighthouse-item-content .label,
    .lighthouse-item .lighthouse-item-content .date-modified,
    .lighthouse-item .lighthouse-item-content .show-dates {
        max-width: 75%;
    }
}

.lighthouse-item .lighthouse-item-content .book-edition-theme {
    margin-bottom: 1.75rem;
}

@media only screen and (min-device-width: 680px ){
    [data-location='build-your-lighthouse'] .lighthouse-item .lighthouse-item-content .book-edition-theme {
        position: absolute;
        white-space: nowrap;
        right: 0;
        top: 0;
        margin-bottom: 0rem;
    }
}

.lighthouse-item-actions {
}

.lighthouse-preview-item-actions {
    margin-top: 1.25rem;
}

@media only screen and (min-device-width: 680px ){
    [data-location='build-your-lighthouse'] .lighthouse-item-actions {
    display: flex;
    flex-wrap: wrap;
    }
}

.lighthouse-item-actions [class^='btn-'],
[data-location='build-your-lighthouse'] .btn-faqs {
    width: 100%;
    justify-content: flex-start;
}


@media only screen and (min-device-width: 680px ){
    [data-location='build-your-lighthouse'] .lighthouse-item-actions [class^='btn-'] {
    width: auto;
    }

    [data-location='build-your-lighthouse'] .btn-faqs {
    width: auto;
    justify-content: none;
    }
}

@media only screen and (min-device-width: 1200px ){
    [data-location='build-your-lighthouse'] #page .microcopy {
    max-width: 33vw;
    }
}


@media only screen and (max-device-width: 680px ){
    #lighthouse-preview-toggle-info {
        background-image: url(//h2balh-dev.s3.amazonaws.com/img/texture-paper-pattern-bg.jpg);
        background-color: var(--athensgray);
        box-shadow: 0rem .75rem 2rem 0.125rem var(--denim-50);
        border-radius: .25rem;
        z-index: 10;
        width: 100%;
        padding: 0 1rem 1rem;
        margin-top: 1rem;
        opacity: 0;
        visibility: hidden;
        display: none;
    }

    #lighthouse-preview-toggle-info.active {
        margin: 1rem auto 0;
        opacity: 1;
        visibility: visible;
        display: block !important;
        max-width: 90vw;
    }
    .lighthouse-preview-summary .lighthouse-preview-item-content {
        padding: 2rem 0;
        color: var(--gulfblue) !important;
    }

    .lighthouse-preview-summary-title {
        font-size: .875rem !important;
        margin: 2.5rem 0 1rem;
    }

    .lighthouse-preview-item-content .label {
        font-weight: 600;
    }

    .lighthouse-preview-item-content .title {
    color: var(--mako);
    }
}


/*----------------------------------------------------------------
>>> LIGHTHOUSE PREVIEW PAGE used for the PRINT VIEW
----------------------------------------------------------------*/

body.single-h2balh_lighthouse #overlay-preview-modify .btn-close,
html[data-print='true'] body.single-h2balh_lighthouse .lighthouse-preview-summary,
html[data-print='true'] body.single-h2balh_lighthouse #overlay-preview-modify .btn-close,
body.page-template-author-example-template #overlay-preview-demo .btn-close,
html[data-print='true'] body.page-template-author-example-template .lighthouse-preview-summary,
html[data-print='true'] body.page-template-author-example-template #overlay-preview-demo .btn-close,
body.single-h2balh_lighthouse .freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb,
html[data-print='true'] body.page-template-author-example-template .freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb {
    display: none;
}

html[data-print='true'],
html[data-print='true'] body.single-h2balh_lighthouse,
html[data-print='true'] body.single-h2balh_lighthouse .overlay-preview-content,
html[data-print='true'] body.single-h2balh_lighthouse #overlay-preview-modify,
html[data-print='true'] body.single-h2balh_lighthouse #overlay-preview-modify .overlay-preview-content,
html[data-print='true'] body.page-template-author-example-template,
html[data-print='true'] body.page-template-author-example-template .overlay-preview-content,
html[data-print='true'] body.page-template-author-example-template #overlay-preview-demo,
html[data-print='true'] body.page-template-author-example-template #overlay-preview-demo .overlay-preview-content {
    overflow: hidden !important;
    height: 100vh;
}

html[data-print='true'] body.single-h2balh_lighthouse,
html[data-print='true'] body.page-template-author-example-template {
    background-image: url(//h2balh-dev.s3.amazonaws.com/img/main-bg-base@3x.jpg);
    background-size: 150%;
    background-attachment: none;
    background-position: top center;
    background-repeat: no-repeat;
}

html[data-print='true'] #main-bg-base {
   background-image: none;
}

html[data-print='true'] .main-lighthouse-wrapper:after {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-land@3x.png);
}

@media
only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    html[data-print='true'][data-state^='overlay-preview-'] .main-lighthouse-wrapper,
    html[data-print='true'][data-state^='overlay-preview-'] body.single .main-lighthouse-wrapper {
        top: 4vh !important;
        right: -11vw !important;
        transform: scale(0.67) !important;
    }
}

/* Print inset border 1 */
html[data-print='true'] body:before {
    content: '';
    display: block;
    position: fixed;
    border: 1px solid var(--white-40);
    top: .25rem;
    left: .25rem;
    right: .25rem;
    bottom: .25rem;
    z-index: 1;
}

/* Print inset border 2 */
html[data-print='true'] body:after {
    content: '';
    display: block;
    position: fixed;
    border: 1px solid var(--denim-80);
    top: .5rem;
    left: .5rem;
    right: .5rem;
    bottom: .5rem;
    z-index:2;
}

div.save-as-pdf-pdfcrowd-button-wrap {
    text-align: left !important;
}

div.save-as-pdf-pdfcrowd-button-wrap  .save-as-pdf-pdfcrowd-button {
    margin: 0rem !important;
    padding: 0rem !important;
    max-height: 3.625rem;
    overflow: hidden;
    width: 100%;
    height: 2.625rem;
}

.save-as-pdf-pdfcrowd-button {
    margin: 0 !important;
}

/*----------------------------------------------------------------
>>> LIGHTHOUSE EXPORT PAGE
----------------------------------------------------------------*/

[data-location="lighthouse-export"] {

}

[data-location="lighthouse-export"] #masthead,
[data-location="lighthouse-export"] #colophon {
    display: none;
}

[data-location="lighthouse-export"] #content {
    float: none;
}

[data-location="lighthouse-export"] .img-snapshot {
    width: 100%;
    max-width: 24rem;
    height: auto;
    margin: 0rem auto;
    padding: 0.75rem;
    background: var(--tangaroa-40);
}

[data-location="lighthouse-export"] .img-snapshot img {
    width: 100%;
    height: auto;
}

/*----------------------------------------------------------------
>>> WOOCOMERCE LAYOUT FIXES
----------------------------------------------------------------*/

.woocommerce form .form-row > *:not([type='submit']) {
    width: 100%;
}


/*----------------------------------------------------------------
>>> WOOCOMERCE LOST PASSWORD: CHECK EMAIL
----------------------------------------------------------------*/

body.woocommerce-lost-password h2 {
    display: none;
}

/*----------------------------------------------------------------
>>> WOOCOMERCE RESET PASSWORD
    /my-account/lost-password/?show-reset-form=true&action
----------------------------------------------------------------*/

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    position: absolute;
    right: .75rem;
    cursor: pointer;
    top: .75rem;
}

.woocommerce form .show-password-input.display-password::after,
.woocommerce-page form .show-password-input.display-password::after {
    color: var(--white);
}

.woocommerce-password-strength {
    text-align: center;
    font-weight: 600;
    padding: .25rem .5rem;
    font-size: .75rem;
}

#add_payment_method .checkout .create-account small,
.woocommerce-cart .checkout .create-account small,
.woocommerce-checkout .checkout .create-account small {
    color: var(--white);
}


/*----------------------------------------------------------------
>>> WOOCOMERCE PRODUCTS:
----------------------------------------------------------------*/
.woocommerce div.product div.images {
opacity: 1 !important;
}

.woocommerce.single-product figure.woocommerce-product-gallery__wrapper {
display: contents;
}



/*----------------------------------------------------------------
>>> WOOCOMERCE PRODUCTS:
----------------------------------------------------------------*/
.woocommerce .products ul,
.woocommerce ul.products {
    margin: 0 -.5rem 1em;
}

@media only screen and (max-width: 680px ){

    .entry-content .woocommerce {
        display: flex;
        flex-direction: column;
    }

}

.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
    margin: 0 0 .5rem;
}

@media only screen and (min-device-width: 960px ){

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        margin: 0;
        padding: 0 0.5rem .75rem;
        width: 25%;
    }

}

@media
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        width: 50% !important;
    }

}

.woocommerce-LoopProduct-link {
    display: block;
    width: 100%;
    border: 1px solid rgba(255,255,255,0.20);
    box-shadow: 0 0.75rem 2rem 1px rgb(0 126 255 / 40%);
    border-radius: 0.25rem;
    padding: 0.375rem;
    margin-bottom: 0.25rem;
    text-decoration: none !important;
}

.woocommerce-LoopProduct-link > .img {
    position: relative;
    border-radius: .125rem .125rem 0rem 0rem;
    min-height: 17rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (min-device-width: 1025px ){
    .woocommerce-LoopProduct-link > .img {
        min-height: 11rem;
    }
}

.woocommerce-LoopProduct-link > .img:after {
    content: '';
    display: block;
    border: 1px solid var(--white-80);
    position: absolute;
    z-index: 0;
    top: 0.188rem;
    left: 0.188rem;
    right: 0.188rem;
    bottom: 0.188rem;
    border-radius: .125rem .125rem 0rem 0rem;
}

.woocommerce ul.products li.product a img {
    opacity: 0;
    margin: 0;
}

@media only screen and (max-width: 680px){
    .woocommerce ul.products li.product a img {
        display: none;
    }
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    top: 0.75rem;
    right: 0.75rem;
    z-index: 1;
    position: absolute;
    left: initial;
    background-image: linear-gradient( 180deg, var(--supernova) 0%, var(--mustard) 79%);
    border: 1px solid var(--buddhagold);
    box-shadow: 0 -2px 4px 0 var(--white-20), inset 0 0 1px 2px var(--white) , 0 2px 4px 0 var(--denim-50);
    width: 3.25rem;
    height: 3.25rem;
    text-transform: uppercase;
    font-size: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gulfblue);
    line-height: normal;
    transform-origin: top right;
}

.woocommerce span.onsale {
   right: initial;
   left: 1rem;
}

@media only screen and (min-device-width: 680px){
    .woocommerce ul.products li.product .onsale {
        transform: scale(1);
    }
}

@media only screen and (min-device-width: 1280px){
    .woocommerce ul.products li.product .onsale {
        transform: scale(0.75);
    }
}

.woocommerce-LoopProduct-link .product-item-content {
    background-image: url(//h2balh-dev.s3.amazonaws.com/img/texture-paper-pattern-bg.jpg);
    background-color: var(--athensgray);
    box-shadow: 0rem .75rem 2rem 0.125rem var(--denim-50);
    border-radius: 0 0 .125rem .125rem;
    padding: .75rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.woocommerce-LoopProduct-link .product-item-content .woocommerce-loop-product__title {
    font-family: 'PT Sans', sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: bold;
    color: var(--gulfblue);
    padding: 0 0 .25rem !important;
    text-shadow: none;
}

.woocommerce ul.products li.product .price {
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--mako) !important;
    white-space: nowrap;
    max-width: 90%;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: none !important;
}

.woocommerce ul.products li.product .price del {
    margin-right: .425rem;
}

.woocommerce ul.products li.product .price ins {

}

.woocommerce .related.products {
    clear: both;
}

.woocommerce .related.products h2 {
    margin: 0rem 0rem 1.5rem;
    font-size: 1.25rem;
}

.woocommerce .variations {
    margin: 1.5rem 0;
}

.woocommerce .variations td {
    padding: .75rem;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--white);
    font-size: 2rem;
    margin-bottom: 1rem;
}

.woocommerce div.product .stock {
    font-weight: bold;
    color: var(--white);
}

.woocommerce.single-product .entry-header,
.woocommerce-product-details__short-description {
    display: none;
}

.woocommerce.single-product figure.woocommerce-product-gallery__wrapper {
    border: 1px solid var(--white);
}

.woocommerce.single-product .product-description > p {
    margin-bottom: 1.5rem;
}

.woocommerce.single-product .product-description ul {
    list-style: circle;
    list-style-position: outside;
    margin-left: 1rem;
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 1rem;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 0 1rem 0 0;
}


.woocommerce .post-navigation {
float: left;
width: 100%;
}

.nav-links {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    color: var(--white) !important;
    text-decoration: none;
    background: var(--midnight) !important;
    border: 1px solid var(--denim);
    box-shadow: none;
}

.nav-previous a[rel='prev'],
.nav-next a[rel='next'] {
    display: inline-flex;
}

.nav-next a[rel='next'] {
    flex-direction: row-reverse;
}

.nav-previous p.meta-nav,
.nav-next p.meta-nav {
    width: 0.1px;
    overflow: hidden;
    white-space: nowrap;
}


.nav-links p.meta-nav,
.nav-links .post-title {
    text-decoration: none;
    height: 2rem;
    margin: 0 0.125rem;
    justify-content: space-between;
    align-items: center;
    display: inline-flex;
}

.nav-previous a[rel='prev'] .svg-icon,
.nav-next a[rel='next'] .svg-icon {
    display: inline-flex;
    margin: 0 0.5rem;
}


.pswp__bg {
    background: var(--deepcove-60);
    backdrop-filter: blur(2px);
}


/*----------------------------------------------------------------
>>> ACCORDION:
----------------------------------------------------------------*/

.accordion-row:not(:last-child) {
    border-bottom: 1px solid var(--white-50);
}

.accordion-header [aria-expanded]:hover {
    padding-left: .5rem;
}

.accordion-header h2 {
    font-size: 1.125rem;
    margin-bottom: 0rem !important;
}

.accordion-header h2 button {
    font-family: 'PT Sans', sans-serif !important;
    font-weight: bold;
    color: var(--white);
    display: flex;
    width: 100%;
    padding: 1rem .25rem;
    background: transparent;
    border: none;
}

.accordion-header i {
    position: absolute;
    top: 50%;
    right: .25rem;
    font-size: 1.25rem;
}

.accordion-header [aria-expanded]:hover i {
    right: .5rem;
}

.accordion-header [aria-expanded='true']  i {
    transform: translateY(-50%) rotate(180deg);
    opacity: 1;

}

.accordion-header [aria-expanded='true']:hover i,
.accordion-header [aria-expanded='false']:hover i {
    opacity: 1;
}

.accordion-header [aria-expanded='false'] i {
    transform: translateY(-50%) rotate(0deg);
    opacity: .4;
}

.accordion-content {
    padding: 0rem 3rem 1rem;
}


/*----------------------------------------------------------------
>>> WOOCOMERCE CART:
----------------------------------------------------------------*/

table {
    border-spacing: 0 .25rem;
}

th {
    background: var(--midnight-90);
}

tr {
    background: rgba(0,0,0,0.08);
    box-shadow: 0 2px 0 0 #061b59, inset -20px -29px 23px 0 rgb(1 12 105 / 50%);
}

.woocommerce #content table.cart img,
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
    max-width: 4.375rem !important;
    height: auto !important;
    border: 2px solid var(--white);
    margin: 0 !important;
}

.cart_totals h2 {
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    width: auto;
    height: 2.5rem;
    margin-right: 0.5rem;
}

.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    height: 2.5rem;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: flex;
}

p#wc-stripe-payment-request-button-separator {
    margin: 1rem !important;
}

.woocommerce a.remove {
    color: var(--white) !important;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}


/*----------------------------------------------------------------
>>> WOOCOMERCE CHEKOUT:
----------------------------------------------------------------*/

form.woocommerce-form-login,
form.woocommerce-form-coupon {
    margin: 0 0 1rem !important;
}

form.woocommerce-form-login p:first-type-of,
form.woocommerce-form-coupon > p:first-child {
    margin-bottom: 1rem;
}


[name='checkout'] h3 {
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

[name='checkout'] .col2-set {

}

[name='checkout'] .col2-set:after {
    content:'';
    display:block;
    height:0;
    clear:both;
}

[name='checkout'] .col2-set .col-1,
[name='checkout'] .col2-set .col-2 {
    float: left;
    width: 100%;
    max-width: none;
}

[name='checkout'] .col2-set .col-2 {
    border-top: 1px solid var(--white-40);
}

@media only screen and (min-device-width: 680px){
    [name='checkout'] .col2-set {
       margin: 0 -2rem;
       padding: 2rem 0;
    }

    [name='checkout'] .col2-set .col-1,
    [name='checkout'] .col2-set .col-2 {
        width: 50%;
        padding: 0 2rem;
    }

    [name='checkout'] .col2-set .col-2 {
        border-top: none;
    }
}


[name='checkout']  input[type=checkbox],
[name='checkout']  input[type=radio] {
    margin-right: .75rem;
}

.woocommerce-account-fields {
    font-size: 1rem;
    padding: 1.25rem;
    background: rgba(0,0,0,0.08);
    box-shadow: 0 2px 0 0 #061b59, inset -20px -29px 23px 0 rgb(1 12 105 / 50%);
}

#account_password_field label {
    color: var(--white);
}

#account_password_field .password-input {
    max-width: 20rem;
}

.woocommerce-account-fields > .form-row > label {
    font-size: 1.25rem;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: rgba(0,0,0,0.08);
    box-shadow: 0 2px 0 0 #061b59, inset -20px -29px 23px 0 rgb(1 12 105 / 50%);
    border: 1px solid var(--white-40);
    border-radius: .125rem;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    background: var(--midnight-70);
    color: var(--white);
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    border: .825rem solid var(--midnight-70);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.woocommerce-checkout #payment div.form-row {
    padding: 1rem !important;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    border-color: var(--white-40);
}

#add_payment_method #payment div.payment_box p:last-child label,
.woocommerce-cart #payment div.payment_box p:last-child label,
.woocommerce-checkout #payment div.payment_box p:last-child label {
    width: 80% !important;
}


/*----------------------------------------------------------------
>>> FAQs Overlay:
----------------------------------------------------------------*/

[data-state='overlay-faqs'] {

}

[data-state='overlay-faqs'] .site-branding,
[data-state='overlay-faqs'] .menu-button-container,
[data-state='overlay-faqs'] .primary-menu-container {
    opacity: 0;
    transform: translateX(-100%);
}

[data-state='overlay-faqs'] #utility-menu-list {
    opacity: 0;
    transform: translateX(100%);
}

[data-state='overlay-faqs'] #primary {
    opacity: 0;
    transform: translateY(100vh);
    transform-origin: left;
}

[data-state='overlay-faqs'] #colophon {
    opacity: 0;
    transform: translateY(2rem);
}

#overlay-faqs {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 100vw;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    /*background: var(--midnight-20) !important;
    backdrop-filter: blur(.25rem);*/
}

[data-state='overlay-faqs'] #overlay-faqs {
    opacity: 1;
    visibility: visible;
    top: 0;
    overflow-y: scroll;
    max-height: 100vh;
}

#overlay-faqs .overlay-faqs-content {

}

@media only screen and (min-device-width: 1025px ){
    #overlay-faqs .overlay-faqs-content {
        max-width: 560px;
    }
}

@media only screen and (min-device-width: 2000px ){
    #overlay-faqs .overlay-faqs-content {
        max-width: 920px;
    }
}

@media only screen and (min-device-width: 1600px ){
    #overlay-faqs .overlay-faqs-content {
        max-width: 680px;
    }
}

@media only screen and (min-device-width: 1800px ){
    #overlay-faqs .overlay-faqs-content {
        max-width: 960px;
    }
}

@media only screen and (min-device-width: 2000px ){
    #overlay-faqs .overlay-faqs-content {
        max-width: 1080px;
    }
}


#overlay-faqs .accordion {
    overflow-y: scroll;
    max-height: 90vh;
}

#overlay-faqs .btn-close {
    position: fixed;
    top: 1rem;
    right: 1rem;
    left: initial;
}

@media
  only screen and (min-device-width: 680px) {
    #overlay-faqs .btn-close {
        position: absolute;
        top: 0;
        right: 0;
    }
}


/*----------------------------------------------------------------
>>> OVERLAYS:
----------------------------------------------------------------*/

[data-state^='overlay-'] {

}

[data-state^='overlay-'] header .site-branding,
[data-state^='overlay-'] header .menu-button-container,
[data-state^='overlay-'] header .primary-menu-container,
[data-state^='overlay-'] #edition-list {
    opacity: 0;
    transform: translateX(-100%);
}

[data-state^='overlay-'] #utility-menu-list {
    opacity: 0;
    transform: translateX(100%);
}

[data-state^='overlay-'] #primary {
    opacity: 0;
    transform: translateY(100vh);
    transform-origin: left;
}

[data-state^='overlay-'] #colophon {
    opacity: 0;
    transform: translateY(2rem);
}




body.overlay-lighthouse-add-show,
body.overlay-lighthouse-modify-show,
body.overlay-preview-demo-show,
body.overlay-preview-modify-show,
html[data-print='true'] body.page-template-author-example-template,
body.page-template-author-example-template {

}

body.overlay-lighthouse-add-show .site-header .site-branding,
body.overlay-lighthouse-add-show .menu-button-container,
body.overlay-lighthouse-add-show .primary-menu-container,
body.overlay-lighthouse-modify-show .site-header .site-branding,
body.overlay-lighthouse-modify-show .menu-button-container,
body.overlay-lighthouse-modify-show .primary-menu-container,
body.overlay-preview-demo-show .site-header .site-branding,
body.overlay-preview-demo-show .menu-button-container,
body.overlay-preview-demo-show .primary-menu-container,
body.overlay-preview-modify-show .site-header .site-branding,
body.overlay-preview-modify-show .menu-button-container,
body.overlay-preview-modify-show .primary-menu-container,
html[data-print='true'] body.page-template-author-example-template .site-header .site-branding,
html[data-print='true'] body.page-template-author-example-template .menu-button-container,
html[data-print='true'] body.page-template-author-example-template .primary-menu-container,
body.page-template-author-example-template .site-header .site-branding,
body.page-template-author-example-template .menu-button-container,
body.page-template-author-example-template .primary-menu-container {
    opacity: 0;
    transform: translateX(-100%);
}



body.overlay-lighthouse-add-show #edition-list,
body.overlay-lighthouse-modify-show #edition-list,
body.overlay-preview-demo-show #edition-list,
body.overlay-preview-modify-show #edition-list,
body.page-template-author-example-template #edition-list,
html[data-print='true'] body.page-template-author-example-template #edition-list,
body.overlay-lighthouse-add-show #utility-menu-list,
body.overlay-lighthouse-modify-show #utility-menu-list,
body.overlay-preview-demo-show #utility-menu-list,
body.overlay-preview-modify-show #utility-menu-list,
body.page-template-author-example-template #utility-menu-list,
html[data-print='true'] body.page-template-author-example-template #utility-menu-list {
    opacity: 0;
    transform: translateX(100%);
}

body.overlay-lighthouse-add-show #primary,
body.overlay-lighthouse-modify-show #primary,
body.overlay-preview-demo-show #primary,
body.page-template-author-example-template #primary,
html[data-print='true'] body.page-template-author-example-template #primary {
    opacity: 0;
    transform: translateY(100vh);
    transform-origin: left;
}

body.overlay-lighthouse-add-show #colophon,
body.overlay-lighthouse-modify-show #colophon,
body.overlay-preview-demo-show #colophon,
body.overlay-preview-modify-show #colophon,
body.page-template-author-example-template #colophon,
html[data-print='true'] body.page-template-author-example-template #colophon {
    opacity: 0;
    transform: translateY(2rem);
}

#overlay-lighthouse-add,
#overlay-lighthouse-modify,
#overlay-preview-demo,
#overlay-preview-modify {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 100vw;
    z-index: 10;
    width: 100vw;
    height: 100vh;
}

body.overlay-lighthouse-add-show #overlay-lighthouse-add,
body.overlay-lighthouse-modify-show #overlay-lighthouse-modify,
body.overlay-preview-demo-show #overlay-preview-demo,
body.overlay-preview-modify-show #overlay-preview-modify {
    opacity: 1;
    visibility: visible;
    top: 0;
}

#overlay-lighthouse-add .overlay-lighthouse-add-content,
#overlay-lighthouse-modify .overlay-lighthouse-modify-content,
#overlay-preview-demo .overlay-preview-content,
#overlay-preview-modify .overlay-preview-content {
    overflow-y: scroll;
    max-height: 100vh;
    padding-bottom: 5rem;
}

#overlay-lighthouse-add .overlay-lighthouse-add-header,
#overlay-lighthouse-modify .overlay-lighthouse-modify-header,
#overlay-preview-demo .overlay-preview-header,
#overlay-preview-modify .overlay-preview-modify-header {
    position: sticky;
    top: 0;
    z-index: 1;
}

#overlay-lighthouse-add .overlay-lighthouse-add-content,
#overlay-lighthouse-modify .overlay-lighthouse-modify-content,
#overlay-preview-demo .overlay-preview-content,
#overlay-preview-modify .overlay-preview-content {
    overflow-y: scroll;
    height: 100%;
    max-height: 100vh;
    padding-bottom: 5rem;
}

#overlay-preview-demo .overlay-preview-content,
#overlay-preview-modify .overlay-preview-content {
    overflow-y: hidden !important;
}

#overlay-lighthouse-add .overlay-lighthouse-add-header,
#overlay-lighthouse-modify .overlay-lighthouse-modify-header,
#overlay-preview-demo .overlay-preview-header,
#overlay-preview-modify .overlay-preview-modify-header {
    position: sticky;
    top: 0;
    z-index: 1;
}

#overlay-lighthouse-add .overlay-lighthouse-add-content .entry-title,
#overlay-lighthouse-modify .overlay-lighthouse-modify-content .entry-title,
#overlay-preview-demo .overlay-preview-content .entry-title,
#overlay-preview-modify .overlay-preview-content .entry-title {
    font-size: 2rem;
    letter-spacing: 0.05rem !important;
    line-height: normal;
    margin-bottom: 1.25rem;
}

@media
  only screen and (min-device-width: 680px) {
    #overlay-lighthouse-add .overlay-lighthouse-add-content .entry-title,
    #overlay-lighthouse-modify .overlay-lighthouse-modify-content .entry-title,
    #overlay-preview-demo .overlay-preview-content .entry-title,
    #overlay-preview-modify .overlay-preview-content .entry-title {
        font-size: 2.5rem;
    }
}

#overlay-lighthouse-add .btn-close,
#overlay-lighthouse-modify .btn-close,
#overlay-preview-demo .btn-close,
#overlay-preview-modify .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    left: initial;
}


/*----------------------------------------------------------------
>>> LIGHTHOUSE BUILD:
----------------------------------------------------------------*/

.overlay-lighthouse-add-header .entry-header,
#overlay-lighthouse-build-content-intro,
#overlay-lighthouse-add-content-form {
    display: none;
    visibility: hidden;
    opacity: 0;
}

[data-state^='add-step-'] .overlay-lighthouse-add-header .entry-header,
[data-state^='modify-step-'] .overlay-lighthouse-modify-header .entry-header,
[data-state='add-intro'] #overlay-lighthouse-build-content-intro,
[data-state^='add-step-'] #overlay-lighthouse-add-content-form {
    display: block !important;
    visibility: visible;
    opacity: 1;
}

@media
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    [data-state^='add-step-'] .overlay-lighthouse-add-header .entry-header {
        width: 60%;
    }
}

/******** BEGIN: Lighthouse Form Steps ************/
#overlay-lighthouse-add .gf_page_steps,
#overlay-lighthouse-modify .gf_page_steps,
#overlay-lighthouse-add .af-page-wrap,
#overlay-lighthouse-modify .af-page-wrap {
    display: none !important;
}

#form-lighthouse {
}

.af-submit .button,
.af-submit button {
    margin: 0 .5rem 0 0 !important;
    width: auto !important;
}


.af-previous-button:disabled,
.af-previous-button:disabled[disabled] {
    display: none;
}

.gform_wrapper .gf-spinner-container {
    padding-left: 0;
    display: inline-flex;
    height: 2.5rem;
}

.gform_wrapper .gform_ajax_spinner {
    padding-left: 0;
    display: inline-flex;
    width: auto;
    height: 1.5rem;
}

body .gform_wrapper ul li.gfield {
    margin-top: 1.25rem;
    padding-top: 0;
}

/* Build - Steps 3
**********************/

#form-lighthouse .acf-field textarea {
    height: 5rem;
    letter-spacing: normal;
    padding: 6px 8px;
    line-height: 1.5;
    resize: none;
}

#form-lighthouse .af-field[data-name='base'],
#form-lighthouse .af-field[data-name='foundation'] {
    width: 100% !important;
}

#form-lighthouse .af-field[data-name='base'] textarea,
#form-lighthouse .af-field[data-name='foundation'] textarea {
    height: 160px;
    width: 100%;
}

#form-lighthouse .af-field[data-name*='chapter_'] {
    padding-right: 1rem !important;
    margin-top: 1rem !important;
    padding-top: 0 !important;
}

ul#gform_fields_1_3 {
    display: flex;
    flex-flow: wrap;
}

#form-lighthouse .af-field[data-name*='chapter_'] {
    width: 100% !important;
}

@media
  only screen and (min-device-width: 680px) {
    #form-lighthouse .af-field[data-name*='chapter_'] {
        width: 33.33% !important;
    }
}

#gform_fields_1_3 li:first-child {
    width: 88% !important;
}

/* Build - Steps 4
**********************/

#form-lighthouse [data-name='title_of_lighthouse']:before,
#form-lighthouse [data-name='show_first_name']:before,
#form-lighthouse [data-name='featured_image']:before,
#form-lighthouse [data-name='book_edition_theme']:before {
    font-weight: 700;
    font-size: 1.25em;
    font-family: 'PT Serif Caption', serif !important;
    font-weight: normal;
    text-shadow: 0rem 0.5rem 0.5rem var(--denim-50);
    width: 20%;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 125px;
    float: left;
    display: block;
}

#form-lighthouse [data-name='title_of_lighthouse']:before {
    content:'A';
}

#form-lighthouse [data-name='show_first_name']:before {
    content:'B';
    min-height: initial;
}

#form-lighthouse [data-name='featured_image']:before {
    content:'C';
}

#form-lighthouse [data-name='book_edition_theme']:before {
    content:'D';
}


#form-lighthouse [data-name='title_of_lighthouse'],
#form-lighthouse [data-name='show_first_name'],
#form-lighthouse [data-name='featured_image'] {
    float: left;
    width: 100%;
    clear: both;
}

#form-lighthouse [data-name='show_first_name'],
#form-lighthouse [data-name='featured_image'],
#form-lighthouse [data-name='book_edition_theme'] {
    border-top: 1px solid var(--white-40) !important;
}

#form-lighthouse [data-name='show_first_name'] {
    padding-bottom: 0 !important;
}

#form-lighthouse [data-name='featured_image'] {
    margin-top: .75rem !important;
}

#form-lighthouse [data-name='book_edition_theme'] {
    margin-top: .75rem !important;
}

#form-lighthouse [data-name='title_of_lighthouse'] .af-label,
#form-lighthouse [data-name='title_of_lighthouse'] .af-input,
#form-lighthouse [data-name='show_first_name'] .af-label,
#form-lighthouse [data-name='show_first_name'] .af-input,
#form-lighthouse [data-name='show_dates'] .af-label,
#form-lighthouse [data-name='show_dates'] .af-input,
#form-lighthouse [data-name='book_edition_theme'] .af-label,
#form-lighthouse [data-name='book_edition_theme'] .af-input {
    width: 80%;
    float: right;
    clear: none;
}

#form-lighthouse [data-name='show_first_name'] .af-input {
    margin-bottom: 0 !important;
}

#form-lighthouse [data-name='show_dates'],
#form-lighthouse [data-name='started_on'],
#form-lighthouse [data-name='completion_on'] {
    padding-bottom: 0 !important;
}

#form-lighthouse [data-name='started_on'],
#form-lighthouse [data-name='completion_on'] {
    width: 40%;
    float: right;
    clear: none !important;
}

#form-lighthouse [data-name='show_dates'],
#form-lighthouse [data-name='started_on'],
#form-lighthouse [data-name='completion_on'] {
    border-top: none !important;
}

#form-lighthouse [data-name='started_on'] {
    float: left;
    left: 20%;
}

#form-about_yourself .af-fields {
    padding: 0rem 1rem;
}

@media screen and
    (min-device-width: 680px) {
    #form-about_yourself .af-fields {
        display: grid;
        grid-template-columns: 20% 40% 40%;
        grid-template-rows: minmax(1rem, 8rem) minmax(1rem, auto) minmax(1rem, auto);
        grid-template-areas: "profile_picture names bio";
    }
}

#form-about_yourself [data-name='profile_picture'] {
    margin-bottom: 2rem;
}

@media screen and
    (min-device-width: 680px) {
    #form-about_yourself [data-name='profile_picture'] {
        grid-area: profile_picture;
        margin-bottom: 0rem;
    }
}

#form-about_yourself [data-name='profile_picture'] .af-label {
    display: none;
}

#form-about_yourself [data-name='profile_picture'] .show-if-value,
#form-about_yourself [data-name='profile_picture'] .hide-if-value,
#form-about_yourself [data-name='profile_picture'] .hide-if-value .acf-basic-uploader {
    width: 10rem;
    height: 10rem;
    float: none;
    margin: 0 auto 1rem;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and
    (min-device-width: 680px) {
    #form-about_yourself [data-name='profile_picture'] .show-if-value,
    #form-about_yourself [data-name='profile_picture'] .hide-if-value,
    #form-about_yourself [data-name='profile_picture'] .hide-if-value .acf-basic-uploader {
        width: 9rem;
        height: 9rem;
        float: left;
    }
}

@media
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #form-about_yourself [data-name='profile_picture'] .show-if-value,
    #form-about_yourself [data-name='profile_picture'] .hide-if-value,
    #form-about_yourself [data-name='profile_picture'] .hide-if-value .acf-basic-uploader {
        width: 7rem;
        height: 7rem;
        float: left;
    }
}

#form-about_yourself [data-name='first_name'] {
    grid-area: names;
}

#form-about_yourself [data-name='first_name']:before {
    content:'About Yourself';
    font-family: 'PT Serif Caption', serif;
    font-size: 1.125rem;
    font-weight: normal;
    text-shadow: 0rem 0.5rem 0.5rem var(--denim-50);
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}

#form-about_yourself [data-name='last_name'] {
    grid-area: names;
    grid-row-start: 2;
}

#form-about_yourself [data-name='first_name'] input[type='text'],
#form-about_yourself [data-name='last_name'] input[type='text'],
#form-about_yourself [data-name='first_name'] .acf-field .acf-notice,
#form-about_yourself [data-name='last_name'] .acf-field .acf-notice {
    width: 100%;
    margin: 0;
}

@media screen and
    (min-device-width: 680px) {
    #form-about_yourself [data-name='first_name'] input[type='text'],
    #form-about_yourself [data-name='last_name'] input[type='text'],
    #form-about_yourself [data-name='first_name'] .acf-field .acf-notice,
    #form-about_yourself [data-name='last_name'] .acf-field .acf-notice {
        width: calc(100% - 2.5rem);
    }
}

#form-about_yourself [data-name='short_bio'] {
    grid-area: bio;
}

#form-about_yourself [data-name='short_bio'] textarea {
    max-height: 10.5rem;
}

acf-notice -error acf-error-message -dismiss
acf-notice -error acf-error-message

.acf-notice {
    border-radius: 6rem;
}

.acf-notice .acf-notice-dismiss {
    border-color: transparent !important;
}

.acf-icon.-cancel:before {
    font-size: .625rem;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

#form-about_yourself .af-submit {
    grid-area: names;
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-end: 4;
}


#form-read_the_book_yet {
    display: none;
}

.acf-ui-datepicker .ui-datepicker {

}

.acf-ui-datepicker {
    position: fixed;
    top: 0;
    height: 0;
    width: 100vw;
    overflow: visible;
    z-index: 99;
}

.ui-datepicker th {
    padding: .75rem 0rem;
    text-align: center;
    font-weight: bold;
    border: 0;
    color: var(--white);
    background-color: var(--gulfblue);
    border-bottom: 1px solid var(--denim);
}

[data-type='image'] .af-field-instructions {

}


/*****************************/
/** Gform File Upload Input **/
/*****************************/

[data-type='image'] .af-field-instructions {
    font-size: .875rem;
    padding: 1rem;
    width: 66.66%;
    position: absolute;
    top: 1.125rem;
    left: 6rem;
}

#form-lighthouse [data-type='image'] .af-field-instructions {
    top: 1.5rem;
    left: 30.33%;
}

[data-type='image'] .af-field-instructions {
    max-width: 20rem;
    line-height: normal;
}

@media
  only screen and (min-device-width: 680px) {
    [data-type='image'] .af-field-instructions {
        font-size: 1rem;
        top: 2.425rem;
        left: 7rem;
    }

    [data-type='image'] .af-field-instructions {
        font-size: 1rem;
        top: 1.325rem;
        left: 5.5rem;
    }
}

@media
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-height: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    [data-type='image'] .af-field-instructions {
        top: 2.425rem;
        left: 6.5rem;
    }
}

@media
  only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    [data-type='image'] .af-field-instructions {
        font-size: .75rem;
    }
}



/******** END: Gravity Form Steps ************/

/******** BEGIN: Gravity Form Wrapper ************/

[data-type='true_false'].af-field-show-first-name .af-label,
[data-type='true_false'].af-field-show-dates .af-label {
    display: none;
}

[data-type='true_false'].af-field-show-first-name .af-input label:after,
[data-type='true_false'].af-field-show-dates .af-input label:after {
    top: -.25rem;
    position: relative;
    font-weight: normal;
}

[data-type='true_false'].af-field-show-first-name .af-input label:after {
    content: 'Show First Name';
}

[data-type='true_false'].af-field-show-dates .af-input label:after {
    content: 'Show Dates';
}

[data-type='true_false'] {

}

.edition-radio-button input[type=radio],
[data-type='true_false'] input[type=checkbox],
[data-type='true_false'] input[type=radio] {
    margin: 0 .5rem 0 0;
    appearance: none;
    width: 1rem;
    height: 1rem;
    background: rgba(6,27,89,0.30);
    border: 1px solid var(--white-60);
}

.edition-radio-button input[type=radio],
[data-type='true_false'] input[type=radio] {
    border-radius: 100%;
}

.edition-radio-button input[type=radio]:after,
[data-type='true_false'] .af-input label:after {
  font-weight: normal;
}

.edition-radio-button input[type=radio],
[data-type='true_false'] .af-input label:after {
  font-weight: bold;
}

.edition-radio-button input[type=radio]:before,
[data-type='true_false'] input[type=checkbox]:before,
[data-type='true_false'] input[type=radio]:before {
    display: none;
}

[data-type='true_false'] input[type=checkbox]:checked:before {
    font-size: .625rem;
    color: var(--white);
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.edition-radio-button input[type=radio]:checked:before,
[data-type='true_false'] input[type=radio]:checked:before {
    content: '';
    background: var(--white);
    position: relative;
    display: flex;
    width: 60%;
    height: 60%;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.edition-radio-button input[type=radio] label,
[data-type='true_false'] label {
    user-select: none;
    margin: 0 !important;
}

.edition-radio-button {

}

[data-type='true_false'].edition-radio-button label,
.edition-radio-button label{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}



.af-input input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: calc(100% - 3.5rem);
    margin: 0;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--midnight);
}

.ui-datepicker-title {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

td.ui-datepicker-week-end.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
    color: var(--mako);
}

.ui-datepicker-calendar .ui-state-default {
    color: var(--denim) !important;
}

.ui-datepicker-calendar .ui-state-default:hover {
    color: var(--pirategold) !important;
    text-decoration: underline !important;
}

a.ui-state-default.ui-state-highlight {
    border-radius: 100%;
    width: 1.425rem;
    height: 1.425rem;
    border: 1px solid var(--denim);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    box-shadow: 0rem 0rem 6px 2px var(--white-20);
}

.ui-datepicker tbody td {
    background: var(--athensgray);
}

.ui-datepicker tbody td.ui-datepicker-today {
    background: var(--midnight);
}



/******** END: Gravity Form Wrapper ************/

.animeIn {
    animation: animeIn 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

@keyframes animeIn {
    from {
      opacity: 0;
      visibility: hidden;
      transform: translateY(-1rem);
    }
    to {
      opacity: 1;
      visibility: visible;
      transform: translateY(0rem);
    }
}

.animeOut {
    animation: animeOut 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

@keyframes animeOut {
    from {
      opacity: 1;
      visibility: visible;
      transform: translateY(0rem);
    }
    to {
      opacity: 0;
      visibility: hidden;
      transform: translateY(-1rem);
    }
}