/* --- GLOBAL ---------------------------------------------------------------------- */

/* Font */
html {font-family: 'Space Grotesk', Arial, Helvetica, sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; background: #121212;}

/* Warm & Fuzzy Overlay */
html::after {content: ""; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1100; background-image: url("../img/overlay-warm-and-fuzzy.gif"); opacity: .05; pointer-events: none;}

/* Navbar */
.uk-navbar-transparent .uk-navbar-nav li a {color: rgba(255, 232, 217, 1); text-shadow: 0px 0px 5px rgba(0,0,0,0.6); font-size: 1.4rem; padding-left: 15px; padding-right: 15px;}
.uk-navbar-sticky .uk-navbar-nav li a {color: rgba(255, 232, 217, 1);}
.uk-navbar-transparent .uk-navbar-nav li a:hover {color: rgba(255, 232, 217, 1);}
.uk-navbar-sticky .uk-navbar-nav li a:hover {color: rgba(255, 232, 217, 1);}
.uk-navbar-transparent .uk-navbar-nav li.uk-active a {color: rgba(255, 232, 217, 1);}
.uk-navbar-sticky .uk-navbar-nav li.uk-active a {color: rgba(255, 232, 217, 1);}

/* uk-position-center bug fix */
:root {--uk-position-margin-offset: 0px;}

/* Hero titles */
/* .uk-heading-xlarge, .uk-heading-2xlarge {pointer-events: none;} */

/* --- ABOUT US -------------------------------------------------------------------- */
.hhs-about-us .hh-logo {padding-right: 50px; padding-left: 50px;}
@media(min-width: 640px) {.hhs-about-us .hh-logo {padding-right: 0px; padding-left: 0px;}}
.hhs-about-us .hh-intro-text {max-width: 1000px; margin: 0 auto;}

/* --- PAGE BUILDER, SWELL LOGO INTRO ---------------------------------------------- */
.hhs-pb-swell-logo-intro .hh-logo {padding-right: 50px; padding-left: 50px;}
@media(min-width: 640px) {.hhs-pb-swell-logo-intro .hh-logo {padding-right: 0px; padding-left: 0px;}}
.hhs-pb-swell-logo-intro .hh-intro-text {max-width: 1000px; margin: 0 auto;}

/* --- MISC ------------------------------------------------------------------------- */
.hh-logo-color svg path {fill: #000000 !important;}


.uk-dotnav > * > * {
    border-color: #ffe8d9;
    background-color: transparent;
}
.uk-dotnav > .uk-active > * {
    border-color: #ffe8d9;
    background-color: #ffe8d9;
}