#main-bg-base {
    overflow: hidden;
    box-shadow: inset 0px -10px 0rem 1rem hsl(254deg 43% 33% / 0%);
}

[data-edition-theme="rainbow"] #main-bg-base {
    box-shadow: inset 0px -10px 8rem 1rem hsl(254deg 43% 33% / 80%) !important;
}

[data-edition-theme="rainbow"] .main-lighthouse-spotlight-ray {
    background: linear-gradient(180deg, #E02020, #FA6400, #F7B500, #6DD400, #0091FF, #6236FF, #B620E0) !important;
    opacity: .66 !important;
}

#main-bg-base,
body.login-action-login,
body.login-action-register,
body.login-action-checkemail,
body.login-action-resetpass {
    background-image: url(//h2balh-dev.s3.amazonaws.com/img/main-bg-base-mobile.jpg);
    background-size: 100% auto;
    background-attachment: fixed;
    background-position-y: -1px;
    background-position-x: center;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0rem;
    left: 0rem;
}

@media
  only screen and (min-device-width: 680px) {
    #main-bg-base,
    body.login-action-login,
    body.login-action-register,
    body.login-action-checkemail,
    body.login-action-resetpass {
        background-image: url(//h2balh-dev.s3.amazonaws.com/img/main-bg-base.jpg);
        background-size: 100% auto;
    }
}

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

.main-lighthouse-wrapper {
    opacity: 0;
    visibility: hidden;
    /* width: 2791px; */
    width: 38.5rem;
    /* height: 1906px; */
    height: auto;
    transform-origin: top center;
}

.main-lighthouse-lantern-room .img,
.main-label-center .title,
.main-label-date,
.titleof-center .title,
.centralcore-center .title,
.centralcore-chapter,
.base-content-area,
.foundation-content-area {
    opacity: 0;
    visibility: hidden;
}

[data-location='home-page'] .main-lighthouse-wrapper,
[data-location='build-your-lighthouse'] body.logged-in .main-lighthouse-wrapper,
[data-location='my-account'][data-state^='overlay-preview-'] .main-lighthouse-wrapper,
[data-state^='overlay-preview-'] body.single-h2balh_lighthouse .main-lighthouse-wrapper,
body.single-h2balh_lighthouse .main-lighthouse-wrapper,
[data-state^='overlay-preview-'] body.page-template-author-example-template .main-lighthouse-wrapper,
body.page-template-author-example-template .main-lighthouse-wrapper,
[data-state^='overlay-preview-'] .main-lighthouse-wrapper,
[data-state^='overlay-preview-'] .main-lighthouse-lantern-room .img,
[data-state^='overlay-preview-'] .main-label-center .title,
[data-state^='overlay-preview-'] .main-label-date,
[data-state^='overlay-preview-'] .titleof-center .title,
[data-state^='overlay-preview-'] .centralcore-center .title,
[data-state^='overlay-preview-'] .centralcore-chapter,
[data-state^='overlay-preview-'] .base-content-area,
[data-state^='overlay-preview-'] .foundation-content-area {
    opacity: 1;
    visibility: visible;
}

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

    [data-location='home-page'] .main-lighthouse-wrapper,
    [data-location='build-your-lighthouse'] .main-lighthouse-wrapper,
    [data-location='build-your-lighthouse'][data-state^='add-'] .main-lighthouse-wrapper,
    [data-location='build-your-lighthouse'][data-state^='modify-'] .main-lighthouse-wrapper,
    [data-location='my-account'][data-state^='add-'] .main-lighthouse-wrapper,
    [data-location='my-account'][data-state^='modify-'] .main-lighthouse-wrapper,
    [data-location='my-account'][data-state^='overlay-preview-'] .main-lighthouse-wrapper,
    [data-state^='overlay-preview-'] body.single-h2balh_lighthouse .main-lighthouse-wrapper,
    body.single-h2balh_lighthouse .main-lighthouse-wrapper,
    [data-state^='overlay-preview-'] body.page-template-author-example-template .main-lighthouse-wrapper,
    body.page-template-author-example-template .main-lighthouse-wrapper,
    [data-state^='overlay-preview-'] .main-lighthouse-wrapper,
    [data-state^='overlay-preview-'] .main-lighthouse-lantern-room .img,
    [data-state^='overlay-preview-'] .main-label-center .title,
    [data-state^='overlay-preview-'] .main-label-date,
    [data-state^='overlay-preview-'] .titleof-center .title,
    [data-state^='overlay-preview-'] .centralcore-center .title,
    [data-state^='overlay-preview-'] .centralcore-chapter,
    [data-state^='overlay-preview-'] .base-content-area,
    [data-state^='overlay-preview-'] .foundation-content-area {
        opacity: 1;
        visibility: visible;
    }

    [data-state^='add-'] .main-lighthouse-lantern-room .img,
    [data-state^='add-'] .main-label-center .title,
    [data-state^='add-'] .main-label-date,
    [data-state^='add-'] .titleof-center .title,
    [data-state^='add-'] .centralcore-center .title,
    [data-state^='add-'] .centralcore-chapter,
    [data-state^='add-'] .base-content-area,
    [data-state^='add-'] .foundation-content-area,

    [data-state^='modify-'] .main-lighthouse-lantern-room .img,
    [data-state^='modify-'] .main-label-center .title,
    [data-state^='modify-'] .main-label-date,
    [data-state^='modify-'] .titleof-center .title,
    [data-state^='modify-'] .centralcore-center .title,
    [data-state^='modify-'] .centralcore-chapter,
    [data-state^='modify-'] .base-content-area,
    [data-state^='modify-'] .foundation-content-area {
        opacity: .3;
        visibility: visible;
    }

    [data-state*='-step-4'] .main-lighthouse-lantern-room .img,
    [data-state*='-step-4'] .main-label-center .title,
    [data-state*='-step-4'] .main-label-date,
    [data-state*='-step-4'] .titleof-center .title,
    [data-state*='-step-3'] .centralcore-center .title,
    [data-state*='-step-3'] .centralcore-chapter,
    [data-state*='-step-2'] .base-content-area,
    [data-state*='-step-1'] .foundation-content-area {
        opacity: 1;
    }

    /*[data-state*='-step-4'] .main-lighthouse-lantern-room .img,
    [data-state*='-step-4'] .main-label-center .title,
    [data-state*='-step-4'] .main-label-date,*/
    [data-state*='-step-4'] .titleof-center .title,
    [data-state*='-step-3'] .centralcore-chapter,
    [data-state*='-step-2'] .base-content-area .txt,
    [data-state*='-step-1'] .foundation-content-area .txt {
        box-shadow: inset 0 0px 0px 1px 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);
    }

    [data-state='add-intro'] .main-lighthouse-lantern-room .img,
    [data-state='add-intro'] .main-label-center .title,
    [data-state='add-intro'] .main-label-date,
    [data-state='add-intro'] .titleof-center .title,
    [data-state='add-intro'] .centralcore-center .title,
    [data-state='add-intro'] .centralcore-chapter,
    [data-state='add-intro'] .base-content-area,
    [data-state='add-intro'] .foundation-content-area {
        opacity: 0;
        visibility: hidden;
    }

}


[data-location='home-page'] .main-lighthouse-wrapper {
    top: 56vh;
    right: -6vw;
    transform: scale(0.16);
}
[data-location='build-your-lighthouse'] .main-lighthouse-wrapper {
    top: 53vh;
    right: -3vw;
    transform: scale(0.24);
}

[data-state^='overlay-preview-'] .main-lighthouse-wrapper {
    top: 5vh;
    right: 33vw;
    transform: scale(0.4);
}

[data-state='overlay-faqs'] .main-lighthouse-wrapper {
    opacity: 0;
}

@media /* iPhone 6/7/8 and Pixel 2 */
  only screen and (max-device-width: 414px) and (orientation: portrait) {
    [data-state^='overlay-preview-'] .main-lighthouse-wrapper {
        top: 5vh;
        right: 25vw;
        transform: scale(0.47);
    }
}

@media /* iPhone X */
  only screen and (max-device-width: 375px) and (orientation: portrait) {
    [data-state^='overlay-preview-'] .main-lighthouse-wrapper {
        top: 5vh;
        right: 32vw;
        transform: scale(0.53);
    }
}


@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-height: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    [data-location='home-page'] .main-lighthouse-wrapper {
        top: 39vh;
        right: -54vw;
        transform: scale(0.28);
    }
    [data-location='build-your-lighthouse'] .main-lighthouse-wrapper {
        top: 17vh;
        right: -54vw;
        transform: scale(0.42);
    }
    [data-state='overlay-faqs'] .main-lighthouse-wrapper {
        opacity: 1;
        top: 22vh;
        right: -60vw;
        transform: scale(0.33);
    }
    [data-state^='overlay-preview-'] .main-lighthouse-wrapper {
        top: 4vh;
        right: -20vw;
        transform: scale(0.48);
    }
}

@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: 820px) and (max-device-height: 1180px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    [data-location='home-page'] .main-lighthouse-wrapper {
        top: 26vh;
        right: -46vw;
        transform: scale(0.3);
    }
    [data-location='build-your-lighthouse'] .main-lighthouse-wrapper {
        top: 26vh;
        right: -46vw;
        transform: scale(0.38);
    }
    [data-state='overlay-faqs'] .main-lighthouse-wrapper {
        opacity: 1;
        top: 20vh;
        right: -48vw;
        transform: scale(0.44);
    }
    [data-state='add-intro'] .main-lighthouse-wrapper {
        top: 25vh;
        right: -41vw;
        transform: scale(.25);
    }
    [data-state*='-step-1'] .main-lighthouse-wrapper {
        top: -38vh;
        right: -41vw;
        transform: scale(.9);
    }
    [data-state*='-step-2'] .main-lighthouse-wrapper {
        top: -24vh;
        right: -41vw;
        transform: scale(.9);
    }
    [data-state*='-step-3'] .main-lighthouse-wrapper {
        top: 0vh;
        right: -41vw;
        transform: scale(.9);
    }
    [data-state*='-step-4'] .main-lighthouse-wrapper {
        top: 23vh;
        right: -41vw;
        transform: scale(1.5);
    }
    [data-state^='overlay-preview-'] .main-lighthouse-wrapper {
        top: 4vh;
        right: -11vw;
        transform: scale(0.68);
    }
}


@media
  only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
     [data-location='home-page'] .main-lighthouse-wrapper {
        top: 36vh;
        right: -46vw;
        transform: scale(0.33);
    }
    [data-location='build-your-lighthouse'] .main-lighthouse-wrapper {
        top: 17vh;
        right: -37vw;
        transform: scale(0.48);
    }
    [data-state='overlay-faqs'] .main-lighthouse-wrapper {
        opacity: 1;
        top: 39vh;
        right: -49vw;
        transform: scale(0.27);
    }
    [data-state='add-intro'] .main-lighthouse-wrapper {
        top: 28vh;
        right: -46vw;
        transform: scale(.2);
    }
    [data-state*='-step-1'] .main-lighthouse-wrapper {
        top: -42vh;
        right: -40vw;
        transform: scale(.9);
    }
    [data-state*='-step-2'] .main-lighthouse-wrapper {
        top: -26vh;
        right: -40vw;
        transform: scale(.9);
    }
    [data-state*='-step-3'] .main-lighthouse-wrapper {
        top: 10vh;
        right: -40vw;
        transform: scale(.9);
    }
    [data-state*='-step-4'] .main-lighthouse-wrapper {
        top: 23vh;
        right: -40vw;
        transform: scale(1.5);
    }
    [data-state^='overlay-preview-'] .main-lighthouse-wrapper {
        top: 4vh;
        right: -8.5vw;
        transform: scale(.64);
    }
}

@media only screen and (min-width: 1025px ){
    [data-state='overlay-faqs'] .main-lighthouse-wrapper {
        opacity: 1;
    }
}

@media
    only screen and (min-device-width: 1280px) and (max-device-width: 1380px) {
    [data-location='home-page'] .main-lighthouse-wrapper {
        top: 46vh;
        right: -65vw;
        transform: scale(0.28);
    }
    [data-location='build-your-lighthouse'] .main-lighthouse-wrapper {
        top: 21vh;
        right: -62vw;
        transform: scale(0.25);
    }
    [data-state='overlay-faqs'] .main-lighthouse-wrapper {
        top: 22vh;
        right: -62vw;
        transform: scale(.33);
    }
    [data-state='add-intro'] .main-lighthouse-wrapper {
        top: 18vh;
        right: -56vw;
        transform: scale(0.25);
    }
    [data-state*='-step-1'] .main-lighthouse-wrapper {
        top: -197vh;
        right: -56vw;
        transform: scale(1.66);
    }
    [data-state*='-step-2'] .main-lighthouse-wrapper {
        top: -149vh;
        right: -56vw;
        transform: scale(1.66);
    }
    [data-state*='-step-3'] .main-lighthouse-wrapper {
        top: -76vh;
        right: -56vw;
        transform: scale(1.66);
    }
    [data-state*='-step-4'] .main-lighthouse-wrapper {
        top: 13vh;
        right: -56vw;
        transform: scale(1.6);
    }
    [data-state^='overlay-preview-'] .main-lighthouse-wrapper {
        top: 4vh;
        right: -26vw;
        transform: scale(.45);
    }
}

@media
    only screen and (min-device-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    [data-location='home-page'] .main-lighthouse-wrapper {
        top: 40vh;
        right: -66vw;
        transform: scale(0.32);
    }
    [data-location='build-your-lighthouse'] .main-lighthouse-wrapper {
        top: 16vh;
        right: -61vw;
        transform: scale(0.28);
    }
    [data-state='overlay-faqs'] .main-lighthouse-wrapper {
        top: 20vh;
        right: -62vw;
        transform: scale(.3);
    }
    [data-state='add-intro'] .main-lighthouse-wrapper {
        top: 18vh;
        right: -56vw;
        transform: scale(0.25);
    }
    [data-state*='-step-1'] .main-lighthouse-wrapper {
        top: -132vh;
        right: -56vw;
        transform: scale(1.66);
    }
    [data-state*='-step-2'] .main-lighthouse-wrapper {
        top: -96vh;
        right: -56vw;
        transform: scale(1.66);
    }
    [data-state*='-step-3'] .main-lighthouse-wrapper {
        top: -47vh;
        right: -56vw;
        transform: scale(1.66);
    }
    [data-state*='-step-4'] .main-lighthouse-wrapper {
        top: 13vh;
        right: -56vw;
        transform: scale(1.6);
    }
    [data-state^='overlay-preview-'] .main-lighthouse-wrapper {
        top: 4vh;
        right: -30vw;
        transform: scale(.66);
    }
}

@media only screen and (min-device-width: 1400px){
    [data-location='home-page'] .main-lighthouse-wrapper {
        top: 36vh;
        right: -65vw;
        transform: scale(.33);
    }
    [data-location='build-your-lighthouse'] .main-lighthouse-wrapper {
        top: 19vh;
        right: -63vw;
        transform: scale(.25);
    }
    [data-state='overlay-faqs'] .main-lighthouse-wrapper {
        top: 22vh;
        right: -63vw;
        transform: scale(.3);
    }
    [data-state='add-intro'] .main-lighthouse-wrapper {
        top: 18vh;
        right: -56vw;
        transform: scale(0.25);
    }
    [data-state*='-step-1'] .main-lighthouse-wrapper {
        top: -132vh;
        right: -56vw;
        transform: scale(1.66);
    }
    [data-state*='-step-2'] .main-lighthouse-wrapper {
        top: -96vh;
        right: -56vw;
        transform: scale(1.66);
    }
    [data-state*='-step-3'] .main-lighthouse-wrapper {
        top: -47vh;
        right: -56vw;
        transform: scale(1.66);
    }
    [data-state*='-step-4'] .main-lighthouse-wrapper {
        top: 12vh;
        right: -56vw;
        transform: scale(1.6);
    }
    [data-state^='overlay-preview-'] .main-lighthouse-wrapper {
        top: 4vh;
        right: -30vw;
        transform: scale(.54);
    }
}

@media only screen and (min-device-width: 1600px){
    [data-location='home-page'] .main-lighthouse-wrapper {
        top: 36vh;
        right: -65vw;
        transform: scale(0.33);
    }
    [data-location='build-your-lighthouse'] .main-lighthouse-wrapper {
        top: 15vh;
        right: -65vw;
        transform: scale(0.33);
    }
    [data-state='overlay-faqs'] .main-lighthouse-wrapper {
        top: 22vh;
        right: -62vw;
        transform: scale(.3);
    }
    [data-state='add-intro'] .main-lighthouse-wrapper {
        top: 18vh;
        right: -60vw;
        transform: scale(0.22);
    }
    [data-state*='-step-1'] .main-lighthouse-wrapper {
        top: -162vh;
        right: -58vw;
        transform: scale(1.63);
    }
    [data-state*='-step-2'] .main-lighthouse-wrapper {
        top: -126vh;
        right: -58vw;
        transform: scale(1.63);
    }
    [data-state*='-step-3'] .main-lighthouse-wrapper {
        top: -47vh;
        right: -58vw;
        transform: scale(1.63);
    }
    [data-state*='-step-4'] .main-lighthouse-wrapper {
        top: 12vh;
        right: -58vw;
        transform: scale(1.33);
    }
    [data-state^='overlay-preview-'] .main-lighthouse-wrapper {
        top: 4vh;
        right: -29vw;
        transform: scale(.5);
    }
}

@media only screen and (min-device-width: 1800px ){
    [data-location='home-page'] .main-lighthouse-wrapper {
        top: 39vh;
        right: -66vw;
        transform: scale(.28);
    }
    [data-location='build-your-lighthouse'] .main-lighthouse-wrapper {
        top: 20vh;
        right: -64vw;
        transform: scale(.3);
    }
    [data-state='overlay-faqs'] .main-lighthouse-wrapper {
        top: 26vh;
        right: -64vw;
        transform: scale(.3);
    }
    [data-state='add-intro'] .main-lighthouse-wrapper {
        top: 18vh;
        right: -64vw;
        transform: scale(0.25);
    }
    [data-state*='-step-1'] .main-lighthouse-wrapper {
        top: -162vh;
        right: -58vw;
        transform: scale(1.66);
    }
    [data-state*='-step-2'] .main-lighthouse-wrapper {
        top: -126vh;
        right: -58vw;
        transform: scale(1.66);
    }
    [data-state*='-step-3'] .main-lighthouse-wrapper {
        top: -47vh;
        right: -58vw;
        transform: scale(1.66);
    }
    [data-state*='-step-4'] .main-lighthouse-wrapper {
        top: 12vh;
        right: -58vw;
        transform: scale(1.6);
    }
    [data-state^='overlay-preview-'] .main-lighthouse-wrapper {
        top: 5vh;
        right: -27vw;
        transform: scale(.46);
    }
}

@media (min-device-width: 2000px ){
    [data-location='home-page'] .main-lighthouse-wrapper {
        top: 35vh;
        right: -63vw;
        transform: scale(.33);
    }
    [data-location='build-your-lighthouse'] .main-lighthouse-wrapper {
        top: 16vh;
        right: -66vw;
        transform: scale(.3);
    }
    [data-state='overlay-faqs'] .main-lighthouse-wrapper {
        top: 22vh;
        right: -66vw;
        transform: scale(.3);
    }

    [data-state='add-intro'] .main-lighthouse-wrapper {
        top: 18vh;
        right: -64vw;
        transform: scale(0.3);
    }
    [data-state*='-step-1'] .main-lighthouse-wrapper {
        top: -162vh;
        right: -58vw;
        transform: scale(1.66);
    }
    [data-state*='-step-2'] .main-lighthouse-wrapper {
        top: -126vh;
        right: -58vw;
        transform: scale(1.66);
    }
    [data-state*='-step-3'] .main-lighthouse-wrapper {
        top: -47vh;
        right: -58vw;
        transform: scale(1.66);
    }
    [data-state*='-step-4'] .main-lighthouse-wrapper {
        top: 12vh;
        right: -58vw;
        transform: scale(1.6);
    }
    [data-state^='overlay-preview-'] .main-lighthouse-wrapper {
        top: 4vh;
        right: -30vw;
        transform: scale(.53);
    }
}


@media (min-device-width: 3000px ){
    [data-location='home-page'] .main-lighthouse-wrapper {
        top: 35vh;
        right: -63vw;
        transform: scale(.33);
    }
    [data-location='build-your-lighthouse'] .main-lighthouse-wrapper {
        top: 16vh;
        right: -66vw;
        transform: scale(.3);
    }
    [data-state='overlay-faqs'] .main-lighthouse-wrapper {
        top: 22vh;
        right: -66vw;
        transform: scale(.3);
    }

    [data-state='add-intro'] .main-lighthouse-wrapper {
        top: 18vh;
        right: -64vw;
        transform: scale(0.3);
    }
    [data-state*='-step-1'] .main-lighthouse-wrapper {
        top: -162vh;
        right: -58vw;
        transform: scale(1.66);
    }
    [data-state*='-step-2'] .main-lighthouse-wrapper {
        top: -126vh;
        right: -58vw;
        transform: scale(1.66);
    }
    [data-state*='-step-3'] .main-lighthouse-wrapper {
        top: -47vh;
        right: -58vw;
        transform: scale(1.66);
    }
    [data-state*='-step-4'] .main-lighthouse-wrapper {
        top: 12vh;
        right: -58vw;
        transform: scale(1.6);
    }
    [data-state^='overlay-preview-'] .main-lighthouse-wrapper {
        top: 4vh;
        right: -26vw;
        transform: scale(.48);
    }
}


.main-lighthouse-wrapper:after {
    content: '';
    /*position: absolute;*/
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-land.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: calc(174.438rem * 3.2);
    height: calc(109.063rem * 3.2);
    display: block;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translate(-224rem, -42rem);
    transform-origin: top center;
}


/*********************/
/**   Lantern Room   */
/*********************/

.main-lighthouse-lantern-room {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-beacon.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 9.938rem;
    min-height: 13.45rem;
    text-align: center;
    display: block;
    margin: 0 auto -0.031rem;
}


html[data-edition-theme=silver] .main-lighthouse-lantern-room {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-beacon-silver.png);
}

.main-lighthouse-lantern-room .img {
    display: inline-flex;
    width: 3.25rem;
    height: 3.25rem;
    margin-top: 3.625rem;
    background-color: var(--supernova-60);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    border: 2px solid var(--pirategold);
    box-shadow: inset 0px 0px 0px 2px var(--white-80);
    z-index: 5;
}

.main-lighthouse-omnilight {
    top: 40%;
    left: 50%;
    position: absolute;
    display: inline-flex;
    width: 12.875em;
    height: 12.875em;
    border-radius: 100%;
    border: 2px solid var(--pirategold);
    opacity: 0.6;
    background-image: radial-gradient(50% 53%, var(--mustard-50) 50%, var(--mustard-30) 79%, var(--mustard-10) 89%, var(--mustard-0) 100%);
    box-shadow: 0 0 1px 0 rgb(255 240 46 / 50%), 0 0 3px 0 rgb(254 255 30 / 50%), inset 0 1px 3px 0 #fff2a2;
    /*backdrop-filter: saturate(2);*/
    filter: brightness(1.08);
    transform: scale(1) translate(-50%, -50%);
    transform-origin: center;

	animation: omnilightPulseFadeOnly 4s infinite;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

html[data-edition-theme=silver] .main-lighthouse-omnilight {
    border: 2px solid var(--white);
    background-image: radial-gradient(50% 53%, var(--white-50) 50%, var(--white-30) 79%, var(--white-10) 89%, var(--white-0) 100%);
}



.main-lighthouse-omnilight:before {
    content: '';
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 1;
    display: inline-flex;
    width: 8.875em;
    height: 8.875em;
    border-radius: 100%;
    border: 2px solid var(--pirategold);
    transform: translate(-50%, -50%);
    opacity: 0.83;
    background-image: radial-gradient(50% 53%, rgba(248,224,103,0.54) 50%, rgba(253,255,191,0.34) 79%, rgba(255,220,118,0.07) 89%, rgba(255,220,118,0.00) 100%);
    box-shadow: 0 0 22px -29px rgb(255 240 42 / 50%), 0 0 24px -40px rgb(254 255 30 / 50%);
    transform-origin: center;

	animation: omnilightPulseFadeOnly 16s infinite;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

html[data-edition-theme=silver] .main-lighthouse-omnilight:before {
    border: 2px solid var(--white);
    background-image: radial-gradient(50% 53%, var(--white-50) 50%, var(--white-30) 79%, var(--white-10) 89%, var(--white-0) 100%);
}


@keyframes omnilightPulseFadeOnly {
  0% {
        opacity: 0.4;
  }

  50% {
        opacity: 0.83;
  }

  100% {
        opacity: 0.4;
  }
}

.main-lighthouse-omnilight:after {
    content: '';
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 2;
    display: inline-flex;
    width: 10.875em;
    height: 10.875em;
    border-radius: 100%;
    transform: scale(1) translate(-50%, -50%);
    /*opacity: 0.95;*/
    background-image: radial-gradient(50% 53%, rgba(255,220,118,0.07) 89%, rgba(255,220,118,0.00) 100%);
    box-shadow: 0 0 1px 0 rgb(255 240 46 / 50%), 0 0 3px 0 rgb(254 255 30 / 50%), inset 0 1px 3px 0 #fff2a2;
    transform-origin: center;

	animation: omnilightPulseWithGlow 8s infinite;
    animation-fill-mode: both;
    animation-timing-function: ease;
}

html[data-edition-theme=silver] .main-lighthouse-omnilight:after {
  background-image: radial-gradient(50% 53%, rgba(255,220,118,0.07) 89%, rgba(255,220,118,0.00) 100%);
  box-shadow: 0 0 1px 0 rgb(255 240 46 / 50%), 0 0 3px 0 rgb(254 255 30 / 50%), inset 0 1px 3px 0 #fff2a2;
}



@keyframes omnilightPulseWithGlow {
  0% {
        filter: brightness(0);
        opacity: 0.05;
  }

  50% {
        filter: brightness(.05);
        opacity: 0.1;
  }

  75% {
        filter: brightness(.1);
        opacity: 0.2;
  }

  100% {
        filter: brightness(0);
        opacity: 0.15;
  }
}

.main-lighthouse-omnilight-ray-1,
.main-lighthouse-omnilight-ray-2,
.main-lighthouse-omnilight-ray-3,
.main-lighthouse-omnilight-ray-4,
.main-lighthouse-omnilight-ray-5,
.main-lighthouse-omnilight-ray-6,
.main-lighthouse-omnilight-ray-6,
.main-lighthouse-omnilight-ray-7,
.main-lighthouse-omnilight-ray-8,
.main-lighthouse-omnilight-ray-9,
.main-lighthouse-omnilight-ray-10,
.main-lighthouse-omnilight-ray-11,
.main-lighthouse-omnilight-ray-12 {
    position: absolute;
    display: inline-flex;
    background-image: linear-gradient(269deg, var(--mustard-70) 4%, var(--mustard-20) 17%, var(--mustard-0) 90%);
    width: 14rem;
    height: .25rem;
    border-radius: .75rem;
    transform-origin: right;
    filter: blur(2px) brightness(1.08);

    animation-fill-mode: both;
    animation-timing-function: ease;
}


html[data-edition-theme=silver] .main-lighthouse-omnilight-ray-1,
html[data-edition-theme=silver] .main-lighthouse-omnilight-ray-2,
html[data-edition-theme=silver] .main-lighthouse-omnilight-ray-3,
html[data-edition-theme=silver] .main-lighthouse-omnilight-ray-4,
html[data-edition-theme=silver] .main-lighthouse-omnilight-ray-5,
html[data-edition-theme=silver] .main-lighthouse-omnilight-ray-6,
html[data-edition-theme=silver] .main-lighthouse-omnilight-ray-6,
html[data-edition-theme=silver] .main-lighthouse-omnilight-ray-7,
html[data-edition-theme=silver] .main-lighthouse-omnilight-ray-8,
html[data-edition-theme=silver] .main-lighthouse-omnilight-ray-9,
html[data-edition-theme=silver] .main-lighthouse-omnilight-ray-10,
html[data-edition-theme=silver] .main-lighthouse-omnilight-ray-11,
html[data-edition-theme=silver] .main-lighthouse-omnilight-ray-12 {
    background-image: linear-gradient(269deg, var(--white-70) 4%, var(--white-20) 17%, var(--white-0) 90%);
}

.main-lighthouse-omnilight-ray-1,
.main-lighthouse-omnilight-ray-11 {
    top: 50%;
    left: -60%;
    transform: scaleX(-1) rotate(45deg);
    animation: omnilightRay 6s infinite;
}

.main-lighthouse-omnilight-ray-11 {
    transform: scaleX(-1) rotate(295deg);
}

.main-lighthouse-omnilight-ray-2,
.main-lighthouse-omnilight-ray-10 {
    top: 50%;
    left: -60%;
    transform: scaleX(-1) rotate(312deg);
    animation: omnilightRay 10s infinite;
}

.main-lighthouse-omnilight-ray-10 {
    transform: scaleX(-1) rotate(203deg);
}

.main-lighthouse-omnilight-ray-3,
.main-lighthouse-omnilight-ray-9 {
    top: 50%;
    right: 60%;
    transform: scaleX(-1) rotate(225deg);
    animation: omnilightRay 6s infinite;
}

.main-lighthouse-omnilight-ray-9 {
    transform: scaleX(-1) rotate(158deg);
}

.main-lighthouse-omnilight-ray-4,
.main-lighthouse-omnilight-ray-8 {
    top: 50%;
    right: 60%;
    transform: scaleX(-1) rotate(133deg);
    animation: omnilightRay 10s infinite;
}

.main-lighthouse-omnilight-ray-8 {
    transform: scaleX(-1) rotate(115deg);
}

.main-lighthouse-omnilight-ray-5,
.main-lighthouse-omnilight-ray-7 {
    top: 50%;
    right: 60%;
    transform: scaleX(-1) rotate(0deg);
    animation: omnilightRayLong 4s infinite;
}

.main-lighthouse-omnilight-ray-7 {
    transform: scaleX(-1) rotate(18deg);
}

.main-lighthouse-omnilight-ray-6,
.main-lighthouse-omnilight-ray-12 {
    top: 50%;
    right: 60%;
    transform: scaleX(-1) rotate(180deg);
    animation: omnilightRayLong 6s infinite;
}

.main-lighthouse-omnilight-ray-12 {
    transform: scaleX(-1) rotate(45deg);
}

@keyframes omnilightRay {
  0% {
        width: 4rem;
        filter: brightness(.1);
        opacity: 0.75;
  }

  50% {
        width: 14rem;
        filter: brightness(1);
        opacity: 0.95;
  }

  100% {
        width: 4rem;
        filter: brightness(.1);
        opacity: 0.75;
  }
}

@keyframes omnilightRayLong {
  0% {
        width: 4rem;
        filter: brightness(.1);
        opacity: 0.75;
  }

  50% {
        width: 24rem;
        filter: brightness(1);
        opacity: 0.95;
  }

  100% {
        width: 4rem;
        filter: brightness(.1);
        opacity: 0.75;
  }
}

.main-lighthouse-spotlight  {
    width: 0%;
    height: 2rem;
    perspective: 3rem;
    animation: rotateSpotlight 8s infinite;
    transform-origin: center;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 5rem;
    perspective-origin: center;
    margin-top: 4.25rem;
}

.main-lighthouse-spotlight-ray  {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjcyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /*background: linear-gradient(to right, var(--mustard-50) 0%,var(--mustard-50) 16%,var(--denim-20) 48%,var(--denim-0) 100%);*/
    background: linear-gradient(to right, var(--mustard-20) 0%,var(--mustard-20) 46%,var(--denim-20) 77%,var(--denim-20) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD952', endColorstr='#00FFD952',GradientType=1 ) blur(2px);
    width: 78vw;/* 58vw, Extended on 20250717 per Jeff */
    height: 100%;
    transform: rotatey(-12deg);
    border-radius: 5000px 5px 5px 5000px;
    transform-origin: left;
    filter: blur(8px) brightness(1.08);
}

html[data-edition-theme=silver] .main-lighthouse-spotlight-ray  {
  background: linear-gradient(to right, var(--white-05) 0%, var(--white-70) 46%, var(--denim-10) 73%, var(--denim-10) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#00FFFFFF',GradientType=1 ) blur(24px);
  filter: blur(24px);
}


@media only screen and (min-device-width: 680px){
    .main-lighthouse-spotlight-ray  {
        width: 26vw;
    }
}

@media only screen and (min-device-width: 1200px){
    .main-lighthouse-spotlight-ray  {
        width: 30vw;/* 20vw, Extended on 20250717 per Jeff */
    }
}

@keyframes rotateSpotlight {
    0% {transform:rotatey(0deg);opacity:0;}
    15% {opacity:1;}
    50%{opacity:1;}
    60% {transform:rotatey(180deg);}
    61%  {opacity:0;}
    100%  {opacity:0;}
}


/*********************/
/**   Label   */
/*********************/

.main-label {
    width: 9.938rem;
    display: table;
    border: 0px solid yellow;
    margin: 0 auto;
}

.main-label-table {
    display: table;
    min-height: 2rem;
    margin: 0 auto;
    width: 100%;
}

.main-label-left,
.main-label-right {
    background-repeat: repeat-y;
    background-position-y: bottom;
    width: 1.5rem;
    display: table-cell;
    vertical-align: top;
    background-size: 100%;
}


.main-label-left {
    /*background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-label-left.png);
    background-position-x: right;*/
}

.main-label-right {
    /*background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-label-right.png);
    background-position-x: left;*/
}

.main-label-left img,
.main-label-right img {
    height: 100%;
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.main-label-center {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-label-center-bottom.png);
    background-repeat: repeat-y;
    background-position-y: bottom;
    width: 6.938rem;
    display: table-cell;
    vertical-align: top;
    background-size: 102%;
}

html[data-edition-theme=silver] .main-label-center {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-label-center-bottom-silver.png);
}

.main-label-center .title {
    font-size: .625rem;
    font-weight: 600;
    color: var(--supernova);
    text-align: center;
    text-transform: uppercase;
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-label-center-top.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    min-height: 1.688rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-shadow: 0px 0px 2px var(--midnight-90), 0px 1px 4px var(--denim-90), 0px 1px 16px var(--denim-90);
    overflow-wrap: anywhere;
    letter-spacing: 0.5px !important;
    display: grid;
}

html[data-edition-theme=silver] .main-label-center .title {
    color: var(--supernova);
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-label-center-top-silver.png);
    text-shadow: 0px 0px 2px var(--midnight-90), 0px 1px 4px var(--denim-90), 0px 1px 16px var(--denim-90);
}

.main-label-date {
    font-size: .425rem;
    text-align: center;
    padding: .5rem 0;
}

.main-label-date-started-on,
.main-label-date-completion-on  {
    margin-bottom: .25rem;
    line-height: 1.5;
    text-shadow: 0px 0px 2px var(--midnight-90), 0px 1px 4px var(--denim-90), 0px 1px 16px var(--denim-90);
    overflow-wrap: anywhere;
    letter-spacing: 0.5px !important;
}


.main-label-bottom {
    display: table;
    text-align: center;
    width: 100%;
}

.main-label-bottom img {
    width: 100%;
    height: auto;
    position: relative;
    margin: -.25rem 0;
}


/*********************/
/**   Title of   */
/*********************/

.titleof {
    width: 9.938rem;
    display: table;
    border: 0px solid yellow;
    margin: 0 auto;
}

.titleof-table {
    display: table;
    min-height: 2.313rem;
    width: 100%;
}

.titleof-left,
.titleof-right {
    background-repeat: repeat-y;
    background-position-y: bottom;
    width: 1.625rem;
    display: table-cell;
    vertical-align: top;
    background-size: cover;
    background-image: none !important;
}

.titleof-left {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-title-left.png);
    background-position-x: right;
    left: 0;
}

html[data-edition-theme=silver] .titleof-left {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-title-left-silver.png);
}

.titleof-right {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-title-right.png);
    background-position-x: left;
    right: 0;
}

html[data-edition-theme=silver] .titleof-right {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-title-right-silver.png);
}

.titleof-left img,
.titleof-right img {
    height: 100%;
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
}

.titleof-center {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-title-center-bottom.png);
    background-repeat: repeat-y;
    background-position-y: bottom;
    width: 6.938rem;
    display: table-cell;
    background-size: contain;
}

html[data-edition-theme=silver] .titleof-center {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-title-center-bottom-silver.png);
}

.titleof-center .title {
    font-size: .5rem;
    font-weight: 600;
    color: var(--white);
    text-align: center;
    text-shadow: 0 0 0.175rem var(--midnight-90);
    text-transform: uppercase;
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-title-center-top.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    min-height: 2.313rem;
    padding: .425rem;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset 2px 0px 0px hsl(223deg 75% 85%), inset -2px 0px 0px hsl(225deg 85% 38%);
    text-shadow: 0px 0px 2px var(--midnight-90), 0px 1px 4px var(--denim-90), 0px 1px 16px var(--denim-90);
    overflow-wrap: anywhere;
    letter-spacing: 0.5px !important;
}

html[data-edition-theme=silver] .titleof-center .title {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-title-center-top-silver.png);
        box-shadow: inset 2px 0px 0px hsl(223deg 75% 85% / 14%), inset -2px 0px 0px hsl(225deg 85% 38%);
}

.titleof-bottom {
    display: table;
    width: 100%;
    text-align: center;
    margin: -.125rem 0;
}

.titleof-bottom img {
    width: 100%;
    height: auto;
}



/*********************/
/**   Central Core   */
/*********************/

.centralcore {
    width: 9.75rem;
    display: table;
    border: 0px solid yellow;
    margin: 0 auto;
}

.centralcore-table {
    display: table;
    min-height: 2.313rem;
}

.centralcore-left,
.centralcore-right {
    background-repeat: repeat-y;
    background-position-y: bottom;
    width: 1.5rem;
    display: table-cell;
    vertical-align: top;
    background-size: 100%;
}


.centralcore-left {
    /*background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-central-core-left.png);
    background-position-x: right;*/
}

.centralcore-right {
    /*background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-central-core-right.png);
    background-position-x: left;*/
}

.centralcore-left img,
.centralcore-right img {
    height: 100%;
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.centralcore-center {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-central-core-center-bottom.png);
    background-repeat: repeat-y;
    background-position-y: bottom;
    background-size: contain;
    width: 6.938rem;
    display: table-cell;
    vertical-align: top;
}

html[data-edition-theme=silver] .centralcore-center {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-central-core-center-bottom-silver.png);
}

.centralcore-content-area {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-central-core-center-top-faded.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    min-height: 23.875rem;
    box-shadow: inset 2px 0px 0px hsl(223deg 75% 85%);
}

html[data-edition-theme=silver] .centralcore-content-area {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-central-core-center-top-faded-silver.png);
      box-shadow: inset 2px 0px 0px hsl(223deg 75% 85% / 14%), inset -2px 0px 0px hsl(225deg 85% 38%);
}

.centralcore-center .title {
    font-size: .625rem;
    font-weight: 600;
    color: var(--supernova);
    text-align: center;
    text-shadow: 0 0 0.175rem var(--midnight-90);
    text-transform: uppercase;
    padding: .5rem 0;
}

.centralcore-chapter {
    font-size: .5rem;
    text-align: center;
    padding: .5rem .25rem;
    margin-bottom: .25rem;
    text-shadow: 0px 0px 2px var(--midnight-90), 0px 1px 4px var(--denim-90), 0px 1px 16px var(--denim-90);
    overflow-wrap: anywhere;
    letter-spacing: 0.5px !important;
    line-height: .614rem;
}

.centralcore-chapter::before {
    display: block;
    position: absolute;
    top: -0.313rem;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
    font-size: 80%;
    font-weight: 600;
    color: var(--white);
    text-transform: uppercase;
    background: var(--midnight-10);
    box-shadow: 0 0px 3px var(--denim-30);
    border-radius: 4px;
    padding: 0 .25rem;
    letter-spacing: .5px;
    text-shadow: 0px 0px 2px var(--midnight-90), 0px 1px 4px var(--denim-90), 0px 1px 16px var(--denim-90);
}

.centralcore-chapter.centralcore-chapter-10::before {
    content: 'Chapter 10';
}

.centralcore-chapter.centralcore-chapter-9::before {
    content: 'Chapter 09';
}

.centralcore-chapter.centralcore-chapter-8::before {
    content: 'Chapter 08';
}

.centralcore-chapter.centralcore-chapter-7::before {
    content: 'Chapter 07';
}

.centralcore-chapter.centralcore-chapter-6::before {
    content: 'Chapter 06';
}

.centralcore-chapter.centralcore-chapter-5::before {
    content: 'Chapter 05';
}

.centralcore-chapter.centralcore-chapter-4::before {
    content: 'Chapter 04';
}

.centralcore-chapter.centralcore-chapter-3::before {
    content: 'Chapter 03';
}

.centralcore-chapter.centralcore-chapter-2::before {
    content: 'Chapter 02';
}

.inline-txt-bg {
    background: var(--denim-20);
    border-radius: 3px;
    padding: 2px 4px;
    box-shadow: 0 0 0.188rem var(--denim-20);
    letter-spacing: .5px !important;
}

/*************/
/**   Base   */
/*************/

.base {
    margin: 0 auto -0.031rem;
    width: 14.063rem;
    display: table;
    border: 0px solid yellow;
}

.base-table {
    display: table;
    min-height: 2.313rem;
}

.base-top {
    display: table-row;
    width: 14.063rem;
    text-align: center;
}

.base-top img {
    width: 100%;
    position: relative;
    margin: -.25rem 0 0 0;
}

.base-left,
.base-right {
    background-repeat: repeat-y;
    background-position-y: bottom;
    width: 2rem;
    display: table-cell;
    vertical-align: top;
    background-size: cover;
}

.base-left {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-base-left-middle.png);
    background-position-x: right;
    background-size: contain;
}

html[data-edition-theme=silver] .base-left {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-base-left-middle-silver.png);
}

.base-left:before,
.base-right:before {
    content: '';
    display: block;
    position: relative;
    width: 2.125rem;
    height: 4.313rem;
    background-repeat: no-repeat;
    background-size: contain;
}

.base-left:before {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-base-left-top.png);
    background-position-x: right;
}

html[data-edition-theme=silver] .base-left:before {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-base-left-top-silver.png);
}

.base-right:before {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-base-right-top.png);
    background-position-x: left;
}

html[data-edition-theme=silver] .base-right:before {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-base-right-top-silver.png);
}

.base-right {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-base-right-middle.png);
    background-position-x: left;
    background-size: contain;
}

html[data-edition-theme=silver] .base-right {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-base-right-middle-silver.png);
}

.base-left img,
.base-right img {
    height: auto;
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 0;
}

.base-left img {
    right: 0;
}

.base-right img {
    left: 0;
}

.base-center {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-base-center.png);
    background-repeat: no-repeat;
    background-position-y: top;
    display: table-cell;
    background-size: 102% 102%;
    width: 10.063rem;
    min-height: 8.313rem;
}

html[data-edition-theme=silver] .base-center {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-base-center-silver.png);
}

.base-content-area {
    font-size: .5rem;
    text-align: center;
    padding: .5rem;
    min-height: 8.313rem;
    text-shadow: 0 0 0.175rem var(--midnight-90);
}

.base-content-area .txt {
    line-height: 1.5;
    text-shadow: 0px 0px 2px var(--midnight-90), 0px 1px 4px var(--denim-90), 0px 1px 16px var(--denim-90);
    overflow-wrap: anywhere;
    letter-spacing: 0.5px !important;
}

.base-center .title {
    font-size: .625rem;
    font-weight: 600;
    color: var(--supernova);
    text-align: center;
    text-shadow: 0 0 0.175rem var(--midnight-90);
    text-transform: uppercase;
    padding: .5rem 0;
}

/*********************/
/**   Foundation   */
/*********************/

.foundation {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-foundation.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 38.85rem;
    min-height: 12.5rem;
    max-height: 12.5rem;
    text-align: center;
    display: block;
    margin: 0 auto;
    transform: translateY(0.047rem) translateX(.575rem);
    z-index: 2;
    top: -0.125rem;
}

html[data-edition-theme=silver] .foundation {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-lighthouse-foundation-silver.png);
}

.foundation-content-area {
    font-size: .5rem;
    text-align: center;
    padding: 1rem .5rem .5rem;
    min-height: 8.313rem;
    text-shadow: 0 0 0.175rem var(--midnight-90);
    width: 15.250rem;
    margin: 0 auto;
    transform: translateX(-.75rem);
}

.foundation-content-area .txt {
    line-height: 1.7;
    background: var(--midnight-80);
    border-radius: .125rem;
    padding: .5rem;
    overflow-wrap: anywhere;
}

.foundation-content-area .title {
    font-size: .625rem;
    font-weight: 600;
    color: var(--supernova);
    text-align: center;
    text-shadow: 0 0 0.175rem var(--midnight-90);
    text-transform: uppercase;
    padding: .5rem 0;
    margin-top: 1.5rem;
}


/**************/
/**   Boats   */
/**************/

.main-bg-big-boat {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/big-boat@3x.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 3.75rem;
    height: 4rem;
    display: block;
    z-index: 2;
    bottom: 24vh;
    left: 4vw;
    position: absolute;
    filter: brightness(0.64);
    opacity: 0.7;
    mix-blend-mode: multiply;
}

.main-bg-small-fishing-boat {
    background-image: url(https://h2balh-dev.s3.amazonaws.com/img/small-fishing-boat@3x.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 2rem;
    height: 1.188rem;
    display: block;
    z-index: 2;
    bottom: 8vh;
    left: 16vw;
    position: absolute;
    filter: brightness(0.64);
    opacity: 0.7;
    mix-blend-mode: multiply;
}

html[data-print='true'] .main-bg-big-boat,
html[data-print='true'] .main-bg-small-fishing-boat,
[data-location='shared-inner-light'] .main-bg-big-boat,
[data-location='shared-inner-light'] .main-bg-small-fishing-boat,
body.woocommerce-account .main-bg-big-boat,
body.woocommerce-account .main-bg-small-fishing-boat,
.woocommerce .main-bg-big-boat,
.woocommerce .main-bg-small-fishing-boat {
    display: none;
}

@media
    only screen and (max-device-width: 680px) {
    .main-bg-big-boat {
        bottom: 16vh;
        left: 0vw;
        filter: none;
        height: 4em;
        transform: scale(.56);
    }
    .main-bg-small-fishing-boat {
        bottom: 8vh;
        left: 26vw;
        transform: scale(.56);
    }

    [data-state='overlay-faqs'] .main-bg-big-boat,
    [data-state='overlay-faqs'] .main-bg-small-fishing-boat,
    [data-state^='add-'] .main-bg-big-boat,
    [data-state^='add-'] .main-bg-small-fishing-boat,
    [data-state^='modify-'] .main-bg-big-boat,
    [data-state^='modify-'] .main-bg-small-fishing-boat {
        display: none;
    }
}


@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-height: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .main-bg-big-boat {
        bottom: 36vh;
    }
    .main-bg-small-fishing-boat {
        bottom: 28vh;
    }
}


@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) {
    .main-bg-big-boat {
        bottom: 64vh;
    }
    .main-bg-small-fishing-boat {
        bottom: 58vh;
    }


    html[data-print='true'] .main-bg-big-boat {
        bottom: 44vh;
        left: 2vw;
        height: 4rem;
        transform: scale(.325);
    }
    html[data-print='true'] .main-bg-small-fishing-boat {
        bottom: 39.64vh;
        left: 16vw;
        transform: scale(.5);
    }

}


@media
    only screen and (min-device-width: 1400px),
    only screen and (min-device-width: 1600px) {
    .main-bg-big-boat {
        bottom: 24vh;
    }
    .main-bg-small-fishing-boat {
        bottom: 14vh;
    }
}

@media
    only screen and (min-device-width: 1200px),
    only screen and (min-device-width: 1800px),
    only screen and (min-device-width: 2000px) {
    .main-bg-big-boat {
        bottom: 12vh;
    }
    .main-bg-small-fishing-boat {
        bottom: 4vh;
    }
}





/*****************/
/**   Sparkles   */
/*****************/

[data-edition-theme=silver] #main-bg-base {
  box-shadow: inset 0px -1rem 2rem 1rem hsl(0deg 0% 100% / 15%), inset 0px 0px .5rem 0rem hsl(0deg 0% 100% / 48%) !important;
  box-shadow: inset 0px -10px 8rem 1rem var(--deepcove) !important;
  filter: saturate(0.75);
}

html:not([data-edition-theme=silver]) .main-bg-sparkles,
html:not([data-edition-theme=silver]) .sparkles {
  opacity: 0;
}

.main-bg-sparkles {
overflow: hidden;
position: fixed;
z-index: 0;
top: 0;
opacity: 0.5;
}

.main-bg-sparkles,
.main-bg-sparkles:after {
  width: 100vw;
  height: 100vh;
  background-color: transparent;/*hsla(236, 94%, 14%, 1);*/
}

.main-bg-sparkles:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  background-attachment: fixed;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0.1) 2px,
    transparent 8px
  ),
  radial-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.95) 1px, transparent 0px),
  radial-gradient(white, rgba(255, 255, 255, 0.04) 2px, transparent 40px),
  radial-gradient(
    rgba(255, 255, 255, 0.94),
    rgba(255, 255, 255, 0.04) 2px,
    transparent 20px
  ),
  radial-gradient(white, rgba(255, 255, 255, 0.9) 1px, transparent 0px),
  radial-gradient(white, rgba(255, 255, 255, 0.15) 1px, transparent 0px),
  radial-gradient(white, rgba(255, 255, 255, 0.04) 2px, transparent 0px),
  radial-gradient(
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0.04) 2px,
    transparent 20px
  );
background-size:
  550px 550px,
  350px 350px,
  250px 250px,
  150px 150px,
  660px 660px,
  200px 200px,
  550px 300px,
  150px 150px;
background-position:
  0 0,
  40px 60px,
  130px 270px,
  70px 100px,
  20px 30px,
  100px 250px,
  50px 90px;

animation: 6s linear 0s infinite alternate star-shimmer;
animation: 180s linear 0s infinite reverse star-shimmer;
translate: -50% -50%;
transform-origin: center;
scale: 1.1;

height: 180%;
aspect-ratio: 1 / 1;
}

@keyframes star-shimmer {
  0% {
  opacity: 0.6;
  scale: 1;
  transform: rotate(0deg);
  }

  100% {
  opacity: 1;
  scale: 1.1;
  transform: rotate(360deg);
  }
}






/* SPARKLES INNER */

.sparkles {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
/*left: 50%;
transform: translateX(-40%);*/
}


/* SPARKLE */

.sparkle1,
.sparkle2 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  animation-name: sparkle;
  animation-duration: 8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0;
  z-index: 1;
}

.sparkle1 {
background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-sparkle-01.svg);
background-color: transparent;
}

.sparkle2 {
background-image: url(https://h2balh-dev.s3.amazonaws.com/img/bg-sparkle-02.svg);
background-color: transparent;
}

.sparkle--small {
height: 0.75em;
width: 0.75em;
}


[data-edition-theme=''] .sparkles,
[data-edition-theme='rainbow'] .sparkles {
  display: none;
}

.main-lighthouse-wrapper .sparkles {
left: 50%;
transform: translateX(-40%);
}


.main-lighthouse-wrapper .main-lighthouse-spotlight .sparkles {
  left: 50vw;
  transform: translateX(0%) translateY(-50%) rotateZ(90deg) rotateY(0deg) rotateX(0deg) skew(0deg, 0deg) perspective(100vw);
  width: 300% !important;
  height: 100vw !important;
  opacity: .8;
}

.main-lighthouse-wrapper .main-lighthouse-spotlight .sparkles.sparkles-skewed-1 {
  left: 50vw;
  width: 300% !important;
  height: 100vw !important;
  transform: translateX(0%) translateY(-50%) rotateZ(266deg) rotateY(0deg) rotateX(1deg) skew(0deg, 0deg);
  top: -1rem;
  transform-origin: right;

}

.main-lighthouse-wrapper .main-lighthouse-spotlight .sparkles.sparkles-skewed-2 {
  left: 50vw;
  width: 300% !important;
  height: 100vw !important;
  transform: translateX(0%) translateY(-50%) rotateZ(275deg) rotateY(0deg) rotateX(1deg) skew(0deg, 0deg);
  top: 8rem;
  transform-origin: left;
}




html[data-location="home-page"] .main-lighthouse-wrapper .sparkle {
height: 7em;
width: 7em;
}

html[data-location="home-page"] .main-lighthouse-wrapper .sparkle--small {
height: 3.5rem;
width: 3.5rem;
}




.sparkle--left {
animation-name: sparkleLeft;
}

@keyframes sparkle {
  0% {
  transform: scale(0) rotate(0deg);
  opacity: 1;
  }
  3% {
  transform: scale(1) rotate(15deg);
  opacity: .8;
  }
  6% {
  transform: scale(1) rotate(15deg);
  opacity: 1;
  }
  9% {
  transform: scale(0) rotate(0deg);
  opacity: .8;
  }
  100% {
  transform: scale(0) rotate(0deg);
  opacity: 1;
  }
}

@keyframes sparkleLeft {
  0% {
  transform: scale(0) rotate(0deg);
  opacity: .4;
  }
  3% {
  transform: scale(1) rotate(-15deg);
  opacity: .4;
  }
  6% {
  transform: scale(1) rotate(-15deg);
  opacity: .4;
  }
  9% {
  transform: scale(0) rotate(0deg);
  opacity: .4;
  }
  100% {
  transform: scale(0) rotate(0deg);
  opacity: .8;
  }
}