:root {
    --badge_border: black;
    --warning_icon: darkorange;
    --dark_blue: #132451;
    --light_blue: #0070cf;
    --default_font_family: "Rajdhani", "Open Sans", sans-serif;
    --bold_font_family: "Rajdhani SemiBold", "Rajdani Bold", "Open Sans", sans-serif;
    --generic_font_family: "Open Sans", sans-serif;
}

@font-face {
    font-family: 'Rajdhani';
    src: url('../fonts/Rajdhani/Rajdhani-Regular.ttf');
}

@font-face {
    font-family: 'Rajdhani Bold';
    src: url('../fonts/Rajdhani/Rajdhani-Bold.ttf');
}

@font-face {
    font-family: 'Rajdhani SemiBold';
    src: url('../fonts/Rajdhani/Rajdhani-SemiBold.ttf');
}

* {
    box-sizing: border-box;
}

.col-* {
    position: relative;
}

*,
p,
p span,
input {
    font-family: var(--generic_font_family);
}

h1, h2, h3, h4 {
    font-family: var(--bold_font_family);
}

/** Header Overrides **/
/** when hovering over a nav item, desaturate all others **/
.top-nav ul:hover a {
    color: #999999;
}
.top-nav ul a:hover {
    color: #332e1f;
}


.navbar-default .navbar-nav > li > a {
    font-size: 1.8rem;
    font-family: var(--bold_font_family);
}

.toggle-button.navbar-toggle {
    right: 30px;
}

.navbar .brand {
    display: inline-block;
}

.navbar .container {
    overflow: visible;
}

@media (max-width: 991px) {

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #fff;
    }

    div.navbar-collapse.collapse.in {
        background: rgba(60, 60, 60, 0.25);
        height: 100%;
        position: fixed;
        right: 15px;
        top: 0px;
        width: 100%;
    }
}


/******** Login PAGE *********/

div.login h2 {
    color: var(--light_blue);
}

/*
    ******** CMS_PAGE OVERRIDES ********
*/

/******** HOME PAGE *********/

.cta-item .rich-text li a {
    font-family: var(--default_font_family) !important;
}

.cta-item a {
    color: #132451;
    font-weight: normal;
}

.cta-item-wrap a:hover,
.cta-item-wrap a:active,
.cta-item-wrap a:focus {
    color: var(--primary_color);
    text-decoration: none;
}

.cta-item .title {
    border-bottom: var(--primary_color) 2px solid;
    color: var(--primary_color);
    font-family: var(--bold_font_family);
    font-size: 1.375em;
    line-height: 1.75;
    text-transform: uppercase;
}
  
.cta-item-wrap[class*='text-'] * {
    color: inherit;
}

.cta-content h3 {
    font-size: 1.6rem;
}

@media (min-width: 768px) {
    .cta-item .title {
        font-size: 1.2em;
    }

    .cta-content h3 {
        font-size: 1.9rem;
    }
}

#search-filter input {
    font-size: 15px;
}

.packery-container .cta-item p,
.packery-container .cta-content p {
    font-size: 1.3rem;
}

.tooltip.fade.right.in .tooltip-arrow {
    border-right-color: var(--badge_border);
}

.tooltip.fade.left.in .tooltip-arrow {
    border-left-color: var(--badge_border);
}

.tooltip.fade.top.in .tooltip-arrow {
    border-top-color: var(--badge_border);
}

.tooltip.fade.bottom.in .tooltip-arrow {
    border-bottom-color: var(--badge_border);
}

.tooltip-inner {
    background-color: var(--badge_border);
}

i.btn-user-gen {
    color: var(--warning_icon);
}

#user-content-notice {
    background-color: var(--dark_blue);
    opacity: 85%;
}

body.template-visualize #map-controls #linear-measurement:hover,
body.template-visualize #map-controls .quick-button:hover {
    border: 2px solid var(--light_blue);
    color: var(--light_blue);
}

body.template-visualize #left-panel a:hover {
    color: var(--light_blue);
}

div#user-content-notice a {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

div#user-content-notice a:hover {
    color: var(--light_blue);
}

body.template-visualize #map-controls a.img-icon:hover img.quick-launch-icon, body.template-visualize #map-controls a.img-icon img.quick-launch-icon:hover {
    filter: invert(42%) sepia(73%) saturate(6481%) hue-rotate(192deg) brightness(91%) contrast(102%);
}

button.feedback-button.btn-warning {
    font-size: 1.3rem;
    letter-spacing: 0.02rem;
    font-weight: bold;
    line-height: 1.8rem;
}

.feedback-button,
.feedback-button.btn-warning,
button.feedback-button.btn-warning {
    border-color: rgba(117, 137, 155, 1);
    border-bottom: none;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0;
    color: #58585b;
    padding: 3px 12px 1px;
}


/**
**  Wagtail Responsive Objects
*/

.responsive-object {
    position: relative;
}

.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}