/* --------------------------------------------------------------------------------- */
/*          NOTES                                                                    */
/* --------------------------------------------------------------------------------- */
/*
Orange: #FE6F5E
Yellow: #DCAD61
*/

/* --------------------------------------------------------------------------------- */
/*          GLOBAL & UIKIT OVERRIDES                                                 */
/* --------------------------------------------------------------------------------- */
.uk-button-text::before {border-bottom: 0px;}
.uk-modal-dialog {background-color: rgba(0,0,0,0.6);}
#modal-no-initial-info-source-link-url {background-color: #888;}
.uk-select {
    text-transform: uppercase;
}

/* Google reCAPTCHA badge */
.grecaptcha-badge {visibility: hidden;}

.uk-button-primary {}

/* --------------------------------------------------------------------------------- */
/*          NAV BAR                                                                  */
/* --------------------------------------------------------------------------------- */
/* Default nav */
.hhs-navbar-primary .uk-navbar-nav li a {padding-right: 10px; padding-left: 10px;}
@media (min-width: 1150px) {.hhs-navbar-primary .uk-navbar-nav li a {padding-right: 20px; padding-left: 20px;}}

/* Map nav */
.hhs-navbar-map .uk-navbar-nav li a {padding-right: 10px;padding-left: 10px;}
@media (min-width: 1150px) {.hhs-navbar-map .uk-navbar-nav li a {padding-right: 20px; padding-left: 20px;}}


/* --------------------------------------------------------------------------------- */
/*          FRONT PAGE                                                               */
/* --------------------------------------------------------------------------------- */

/* -------- ANIMATED HERO -------------------------------------------------------------- */
/* html {scroll-behavior: smooth;} */
/* .hh-section-fp-hero-animated #intro {overflow: hidden; position: relative; transition: height 0.3s ease-out;}
.hh-section-fp-hero-animated #bg-image {
    background-size: cover;
    background-position: center;
    width: 100vw;
    height: 100vh;
    transform: scale(3);
    transition: transform 0.1s ease-out;
    position: relative;
}
.hh-section-fp-hero-animated .grid-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-auto-rows: 1fr;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}
.hh-section-fp-hero-animated .cell {background: black; opacity: 1; transition: opacity 1s ease-out; aspect-ratio: 1;}
.hh-section-fp-hero-animated .stay-black {animation: none;}
@keyframes fadeIn {from {opacity: 1;} to {opacity: 0;}} */
/* h1 {position: relative; z-index: 2; color: white;} */

/* -------- VIDEO OVERLAY -------------------------------------------------------------- */
.hh-section-fp-hero .hh-vid-overlay {background-color: #000000; opacity: 1; animation: frontpageHerofadeOpacity 6s ease-in-out forwards;}
@keyframes frontpageHerofadeOpacity {
    from {opacity: 0;}
    to {opacity: 0.65;}
}

/* -------- OG HERO -------------------------------------------------------------- */
.hh-section-fp-hero .hh-title {font-size: 2.4rem;}
@media (min-width: 960px) {.hh-section-fp-hero .hh-title {font-size: 4rem;}}

.hh-section-fp-intro-list .hh-intro-line {font-size: 1rem; line-height: 1.4rem;}
@media (min-width: 960px) {.hh-section-fp-intro-list .hh-intro-line {font-size: 1.4rem; line-height: 2rem;}}

/* .hh-section-fp-intro-list .hh-intro-line { */
/* font-size: 1.4rem; */
/* line-height: 2rem; */
/* } */
/* -------- CHILD LIST -------------------------------------------------------------- */
.hh-section-fp-intro-list .hh-bg-names {
    height: 400vh;
    min-height: 400vh;
    margin-top: -400vh;
    text-overflow: clip !important;
    overflow: hidden !important;
    font-weight: 900;
    text-transform: uppercase;
    opacity: 0.2;
    color: #ffffff;
    pointer-events: none;
}

.hh-section-fp-intro-list .hh-bg-names-small {font-size: 3.5vw; padding: 40px 0px 40px 20px;}
.hh-section-fp-intro-list .hh-bg-names-small > div > div > div {padding-bottom: 8px;}

.hh-section-fp-intro-list .hh-bg-names-medium {font-size: 2vw; padding: 40px 0px 40px 20px;}
.hh-section-fp-intro-list .hh-bg-names-medium > div > div > div {padding-bottom: 8px;}

.hh-section-fp-intro-list .hh-bg-names-large {font-size: 1.2vw; padding: 60px;}
.hh-section-fp-intro-list .hh-bg-names-large > div > div > div {padding-bottom: 8px;}

/* -------- MEGA MENU -------------------------------------------------------------- */
.hh-section-fp-menu {background-color: #000000;}
.hh-section-fp-menu .hh-link .hh-item {color: #ffffff;}
.hh-section-fp-menu .hh-link .hh-item .hh-overlay {background-color: #000000; opacity: 0.6; transition: opacity 0.2s ease;}
.hh-section-fp-menu .hh-link:hover .hh-item .hh-overlay {opacity: 0.4;}


/* Oswald, 200-700
/* Raleway, 100-900 */

.hh-section-fp-menu .hh-title {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 400;
    /* text-transform: uppercase; */
    /* letter-spacing: 1px; */
}

.hh-section-fp-menu .hh-subtitle {
    font-size: 0.8rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 0.9;
}

/* hh-section-offcanvas-data */

/* --------------------------------------------------------------------------------- */
/*          MAP, INTRO MODAL                                                         */
/* --------------------------------------------------------------------------------- */
/* #hh-map-intro .hh-text { */
    /* max-width: 200px; */
    /* background-color: fuchsia !important; */
/* } */

/* --------------------------------------------------------------------------------- */
/*          MAP                                                                      */
/* --------------------------------------------------------------------------------- */
.state-path {fill: #111111; stroke: #777777;}
.state-path.hovered {fill: #DCAD61; stroke: #DCAD61;}
.state-path.selected {fill: #DCAD61; stroke: #DCAD61;}

/* .hhs-map #hh-map {width: 100vw; height: calc(100vh - 100px);} */
/* .hhs-map #hh-map svg {display: block; width: 100vw; height: calc(100vh - 100px); stroke-width: 1px;} */
/* .hhs-map {} */
.hhs-map #hh-map {width: 100vw; height: calc(100vh - 82px);}
.hhs-map #hh-map svg {display: block; width: 100vw; height: calc(100vh - 82px); stroke-width: 1px;}
.hh-tiny-states {
    margin-right: 20px;
    margin-bottom: 20px;
    width: 36px;
}
.hh-tiny-state {
    border: 1px solid #999;
    padding: 2px 0px 3px 0px;
    font-size: 0.8rem;
    letter-spacing: 1px;
    vertical-align: middle;
    cursor: default;
    background-color: #111;
}
.hh-tiny-state:hover {color: #111; border-color: #DCAD61; background-color: #DCAD61;}

/* --------------------------------------------------------------------------------- */
/*          MAP, UNITED STATES                                                       */
/* --------------------------------------------------------------------------------- */
/* .hh-section-map #hh-map {width: 100vw; height: 100vh;} */
/* .hh-section-map #hh-map svg {display: block; width: 100vw; height: 100vh; stroke-width: 1px; stroke: #777777;} */




/* --------------------------------------------------------------------------------- */
/*          MAP, STATE MODAL                                                         */
/* --------------------------------------------------------------------------------- */
/* .hh-section-map .hh-state-title {font-size: 2rem;} */


/* --------------------------------------------------------------------------------- */
/*          MAP, UNSORTED                                                            */
/* --------------------------------------------------------------------------------- */
    /* .uk-modal-full .state {}
    .uk-modal-full .data {}
    .uk-modal-dialog {background-color: rgba(0,0,0,0.6);}

    .hh-data-column {padding: 0px 0px 60px 60px;}

    .hh-state-column {
        padding: 0px 60px 60px 0px;
    }
    .hh-state-column .state-1 {
        font-size: 3rem !important;
        font-weight: 600 !important;
        color: #ffffff;
        text-transform: uppercase;
    }
    .hh-state-column .state-2{
        font-size: 1.2rem !important;
        font-weight: 400 !important;
        color: #ffffff !important;
    }

    .hh-state-reported, .hh-media-reported {
        border-left: 15px solid orangered;
        padding-left: 20px;
    }
    .hh-state-reported {
        margin-bottom: 60px;
    }

    .hh-number {
        font-size: 5.6rem;
        font-weight: 600;
        line-height: 4.2rem;
        color: #ffffff;
    }
    .hh-subtitle {
        font-size: 1.3rem;
        line-height: 1.3rem;
        font-weight: 600;
        padding-top: 25px;
        color: #ffffff;
    }

    .hh-state {
        font-size: 5.6rem;
        font-weight: 600;
        line-height: 4.2rem;
        color: #ffffff;
    } */

/* --------------------------------------------------------------------------------- */
/*          THE CHILDREN, SINGLE                                                     */
/* --------------------------------------------------------------------------------- */

/* Filter */
/* .hhs-child-list .uk-select {color: rgba(255,255,255,0.8) !important; letter-spacing: 1px;} */

/* .hhs-child-list .hh-names a {font-size: 3vw;}
@media (min-width: 640px) {.hhs-child-list .hh-names a {font-size: 2vw;}}
@media (min-width: 960px) {.hhs-child-list .hh-names a {font-size: 1.2vw;}} */

/* Names */
/* .hhs-child-list .hh-names > div {padding: 0px 5px 15px 5px;} */
/* .hhs-child-list .hh-names a {
    padding: 0px 5px 15px 5px;
    white-space: nowrap;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0);
    transition: 0.2s ease;
    color: #888888 !important;
}
.hhs-child-list .hh-names a:hover {
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
    transition: 0.2s ease;
    color: #ffffff !important;
} */


/* --------------------------------------------------------------------------------- */
/*          THE CHILDREN, MODAL                                                      */
/* --------------------------------------------------------------------------------- */
.hhs-child-list-modal .hh-source-link {text-decoration: none; color: #fff;}
.hhs-child-list-modal .hh-source-link:hover {color: #DCAD61;}
.hhs-child-list-modal .hh-source-icon {top: -2px;}

.hhs-child-list-modal .hh-modal-footer .hh-link {text-decoration: none; color: #999;}
.hhs-child-list-modal .hh-modal-footer .hh-link:hover {text-decoration: none; color: #DCAD61;}
.hhs-child-list-modal .hh-modal-footer .hh-text {color: #999;}
.hhs-child-list-modal .hh-modal-footer .hh-text {color: #999;}


/* --------------------------------------------------------------------------------- */
/*          SINGLE, CHILD                                                            */
/* --------------------------------------------------------------------------------- */
.hhs-single-child .hh-source-link {text-decoration: none; color: #fff;}
.hhs-single-child .hh-source-link:hover {color: #DCAD61;}
.hhs-single-child .hh-record {color: #999;}

/* --------------------------------------------------------------------------------- */
/*          SINGLE, ANALYSIS                                                         */
/* --------------------------------------------------------------------------------- */

/* Body */
.hhs-single-analysis .hh-blog-body {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: inherit;
    font-style: normal;
    font-size: 1.25rem;
    color: #eeeeee;
}
.hhs-single-analysis .hh-blog-body a {color: #DCAD61; text-decoration: none;}
.hhs-single-analysis .hh-blog-body a:hover {color: #e5b76e; text-decoration: underline;}

/* Buttons */
.hhs-single-analysis .uk-button.hh-blog-button {
    line-height: 1rem;
    padding-top: 15px;
    padding-bottom: 15px;
}

.hhs-single-analysis .uk-button.hh-blog-button:hover {
    color: #000;
}


/* Quote */
.hhs-single-analysis blockquote {
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: inherit;
    font-style: normal;
    text-transform: none;
    padding: 30px 40px;
    /* font-style: italic; */
    font-size: 1.25rem;
    line-height: 1.8rem;
    letter-spacing: 0.5px;
    color: #ffffff;
    background-color: #333333;
}

/* Drop cap */
.hhs-single-analysis .has-drop-cap::first-letter,
.hhs-single-analysis .has-drop-cap > p:first-of-type::first-letter {
  display: block;
  margin-right: 10px;
  float: left;
  font-size: 4.5em;
  line-height: 1;
  margin-bottom: -2px;
}
@-moz-document url-prefix() {
    .hhs-single-analysis .has-drop-cap::first-letter,
    .hhs-single-analysis .has-drop-cap > p:first-of-type::first-letter {
    margin-top: 1.1%;
  }
}

/* Notes */
.hhs-single-analysis hr {border-top: 1px solid #666666;}
.hhs-single-analysis .hh-notes ol, .hhs-single-analysis .hh-notes ul {padding-left: 15px;}
.hhs-single-analysis .hh-notes, .hhs-single-analysis .hh-notes ol li, .hhs-single-analysis .hh-notes ul li {
    font-size: 1rem;
    line-height: 1.2rem;
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: inherit;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0px;
    color: #aaaaaa;
    padding-bottom: 10px;
}
.hhs-single-analysis .hh-notes a, .hhs-single-analysis .hh-notes ol li a, .hhs-single-analysis .hh-notes ul li a {color: #aaaaaa; text-decoration: underline;}
.hhs-single-analysis .hh-notes a:hover, .hhs-single-analysis .hh-notes ol li a:hover, .hhs-single-analysis .hh-notes ul li a:hover {color: #ffffff; text-decoration: underline;}