/* This css is built to facilitate sgds guidelines onto an already launched NEA
* because it is currently using its own css and adding the sgds css will break
* the current styling. Current css is using bootstrap 3 while sgds uses
* bootstrap 4. Things will break. Thus, not all the styling properties will be
* transferred over. Do code incrementally onto this css to ensure nothing
* breaks on current site.
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:500');

/* sgds atomic */
.has-text-weight-light {
    font-weight: 200 !important;
}

.has-text-weight-normal {
    font-weight: 400 !important;
}

.has-text-weight-semibold {
    font-weight: 500 !important;
}

.has-text-weight-bold {
    font-weight: 600 !important;
}

.has-text-left, .bottom-navigation a.is-left {
    text-align: left !important;
}

@media screen and (max-width: 1023px) {
    .has-text-centered-touch {
        text-align: center !important;
    }
}

@media screen and (max-width: 768px) {
    .has-text-left-mobile {
        text-align: left !important;
    }
}

@media screen and (min-width: 769px), print {
    .has-text-left-tablet {
        text-align: left !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-left-tablet-only {
        text-align: left !important;
    }
}

@media screen and (max-width: 1023px) {
    .has-text-left-touch {
        text-align: left !important;
    }
}

@media screen and (min-width: 1024px) {
    .has-text-left-desktop {
        text-align: left !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-left-desktop-only {
        text-align: left !important;
    }
}

@media screen and (min-width: 1216px) {
    .has-text-left-widescreen {
        text-align: left !important;
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .has-text-left-widescreen-only {
        text-align: left !important;
    }
}

@media screen and (min-width: 1408px) {
    .has-text-left-fullhd {
        text-align: left !important;
    }
}

.has-text-right, .bottom-navigation a.is-right {
    text-align: right !important;
}

@media screen and (max-width: 768px) {
    .has-text-right-mobile {
        text-align: right !important;
    }
}

@media screen and (min-width: 769px), print {
    .has-text-right-tablet {
        text-align: right !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
    .has-text-right-tablet-only {
        text-align: right !important;
    }
}

@media screen and (max-width: 1023px) {
    .has-text-right-touch {
        text-align: right !important;
    }
}

@media screen and (min-width: 1024px) {
    .has-text-right-desktop {
        text-align: right !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
    .has-text-right-desktop-only {
        text-align: right !important;
    }
}

@media screen and (min-width: 1216px) {
    .has-text-right-widescreen {
        text-align: right !important;
    }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
    .has-text-right-widescreen-only {
        text-align: right !important;
    }
}

@media screen and (min-width: 1408px) {
    .has-text-right-fullhd {
        text-align: right !important;
    }
}

.is-marginless {
    margin: 0 !important;
}

.is-uppercase {
    text-transform: uppercase !important;
}

/* sgds-icon */
@font-face {
    font-family: 'sgds-icons';
    src: url("../fonts/sgds-icons.ttf") format("truetype"), url("../fonts/sgds-icons.woff") format("woff"), url("../fonts/sgds-icons.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.sgds-icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'sgds-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sgds-icon-sg-crest:before {
    content: "\e948";
    color: #db0000;
}

.sgds-icon-search:before {
    content: "\e966"
}

.sgds-icon-chevron-down:before {
    content: "\e93c"
}

.sgds-icon-chevron-left:before {
    content: "\e93d"
}

.sgds-icon-chevron-right:before {
    content: "\e93e"
}

.sgds-icon-chevron-up:before {
    content: "\e93f"
}

.sgds-icon-cross:before {
    content: "\e941"
}

.sgds-icon-external:before {
    content: "\e95c"
}

.is-size-1 {
    font-size: 3rem !important;
}

.is-size-2 {
    font-size: 2.5rem !important;
}

.is-size-3 {
    font-size: 2rem !important;
}

.is-size-4 {
    font-size: 1.5rem !important;
}

.is-size-5 {
    font-size: 1.375rem !important;
}

.sgds-masthead .sgds-icon-sg-crest:before {
    font-size: 1.25rem !important;
}

.is-size-6 {
    font-size: 1rem !important;
}

.is-size-7 {
    font-size: 0.75rem !important;
}

@media screen and (min-width: 1216px) {
    .is-hidden-desktop {
        display: none !important;
    }
}

.hide {
    display: none;
    visibility: hidden;
}

.sgds-button {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 0px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    justify-content: flex-start;
    line-height: 1.5;
    position: relative;
    vertical-align: top;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-width: 1px;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    padding: 0 0.75rem;
    height: 100%;
    background: transparent;
    outline: none !important;
}

    .sgds-button.is-primary {
        background-color: #59b7dd;
        border-color: transparent;
        color: #333;
        transition: all 0.2s;
        font-family: Roboto;
        font-weight: 500;
    }

        .sgds-button.is-primary:hover {
            background-color: #006fa1;
            color: #fff;
            transition: all 0.2s;
        }

/* sgds footer */
.sgds-footer {
    padding: 2rem;
    background-color: #006fa1;
    color: white;
}

.sgds-footer .title {
  font-size: 1.375rem;
  margin: 0;
}

.sgds-footer .divider {
  border-top: 1px solid #efefef;
}

.sgds-footer a {
  font-size: 16px;
  padding-right: 12px;
  line-height: 20px !important;
}

.sgds-footer a:hover {
  color: white;
}

.sgds-footer a:visited {
  color: #efefef;
}

        .sgds-footer a:last-child {
            padding-right: 0px;
        }

    .sgds-footer p {
        line-height: 25px !important;
    }

        .sgds-footer p + p {
            margin-top: 15px;
        }

    .sgds-footer ul {
        margin: 0;
    }

        .sgds-footer ul li {
            display: inline-block;
            margin-top: 0;
        }

    .sgds-footer .footer-links {
        display: flex;
        flex-flow: row wrap;
        margin-top: 1rem;
    }

        .sgds-footer .footer-links li {
            flex: auto 0 1;
            margin-bottom: 0.5rem;
            margin-right: 15px;
            line-height: 25px;
        }

@media screen and (max-width: 768px) {
    .sgds-footer ul li {
        display: block;
    }

    .sgds-footer .footer-links li {
        width: 100%;
        margin-bottom: 0;
    }
}

.sgds-footer ul li.icons {
    margin-right: 10px;
}

.sgds-footer ul li a:hover {
    color: white;
}

.sgds-footer ul:not(.footer-links) li + li {
    margin-left: 15px;
}

@media screen and (max-width: 768px) {
    .sgds-footer ul li + li:not(.icons) {
        margin-left: 0;
        margin-top: 15px;
    }
}

.sgds-footer .is-right-desktop-only {
    text-align: right;
}

@media screen and (max-width: 1023px) {
    .sgds-footer .is-right-desktop-only {
        text-align: left;
    }
}

@media screen and (min-width: 1023px) {
    .sgds-footer .col-md-6 {
        width: 50%;
    }

    .sgds-footer .row:nth-child(2) {
        display: flex;
    }

        .sgds-footer .row:nth-child(2) .is-right-desktop-only ul {
            height: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
        }
}

.sgds-footer.top-section {
    padding-bottom: 3rem;
}

.sgds-footer ul {
    padding: 0;
}

@media screen and (max-width: 769px) {
    .sgds-footer .last-update {
        display: block;
    }
}

.sgds-footer .footer_info {
    padding-bottom: 15px;
}

    .sgds-footer .footer_info .social-media {
        display: inline-block;
        padding-left: 20px;
    }

        .sgds-footer .footer_info .social-media .social-media__item {
            background: white;
            padding: 2px 4px 0px;
            border-radius: 4px;
            vertical-align: middle;
            color: #006fa1;
        }

    .sgds-footer .footer_info.app-block {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .sgds-footer .footer_info .app-list-item {
        display: flex;
        align-items: center;
        text-align: left;
    }

        .sgds-footer .footer_info .app-list-item .icon {
            padding-right: 0.5rem;
        }

        .sgds-footer .footer_info .app-list-item span {
            font-size: 14px;
        }

@media (max-width: 1023px) {
    .sgds-footer .footer_info {
        padding-top: 1rem;
        padding-bottom: 0;
    }

        .sgds-footer .footer_info .social-media {
            display: flex;
            padding-left: 0;
            padding-top: 1rem;
        }

        .sgds-footer .footer_info.app-block {
            display: block;
        }

        .sgds-footer .footer_info .social-media li {
            margin-top: 0;
            padding-right: 1rem;
        }

        .sgds-footer .footer_info .app-list li {
            padding-bottom: 1rem;
        }
}

/* sgds masthead */
.sgds-masthead {
    background-color: #f0f0f0;
    padding: 2px 0;
}

    .sgds-masthead .is-text {
        position: relative;
        top: -4px;
        font-size: 12px;
        padding-left: 5px;
    }

    .sgds-masthead a {
        color: #484848;
    }

/* sgds searchbar */
.sgds-search .input,
.sgds-search .textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 0px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.375em - 1px);
    padding-left: calc(0.625em - 1px);
    padding-right: calc(0.625em - 1px);
    padding-top: calc(0.375em - 1px);
    position: relative;
    vertical-align: top;
    background-color: white;
    border-color: #f0f0f0;
    color: #323232;
    /* box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); */
    max-width: 100%;
    width: 100%;
}

    .sgds-search .input:focus,
    .sgds-search .input.is-focused,
    .sgds-search .input:active,
    .sgds-search .input.is-active,
    .sgds-search .textarea:focus,
    .sgds-search .textarea.is-focused,
    .sgds-search .textarea:active,
    .sgds-search .textarea.is-active {
        outline: none;
    }

    .sgds-search .input[disabled],
    .sgds-search .textarea[disabled] {
        cursor: not-allowed;
    }

    .sgds-search .input::-moz-placeholder,
    .sgds-search .textarea::-moz-placeholder {
        color: rgba(50, 50, 50, 0.3);
    }

    .sgds-search .input::-webkit-input-placeholder,
    .sgds-search .textarea::-webkit-input-placeholder {
        color: rgba(50, 50, 50, 0.3);
    }

    .sgds-search .input:-moz-placeholder,
    .sgds-search .textarea:-moz-placeholder {
        color: rgba(50, 50, 50, 0.3);
    }

    .sgds-search .input:-ms-input-placeholder,
    .sgds-search .textarea:-ms-input-placeholder {
        color: rgba(50, 50, 50, 0.3);
    }

    .sgds-search .input:hover,
    .sgds-search .input.is-hovered,
    .sgds-search .textarea:hover,
    .sgds-search .textarea.is-hovered {
        border-color: #D6D6D6;
    }

    .sgds-search .input[disabled],
    .sgds-search .textarea[disabled] {
        background-color: whitesmoke;
        border-color: whitesmoke;
        box-shadow: none;
        color: #767676;
    }

        .sgds-search .input[disabled]::-moz-placeholder,
        .sgds-search .textarea[disabled]::-moz-placeholder {
            color: rgba(118, 118, 118, 0.3);
        }

        .sgds-search .input[disabled]::-webkit-input-placeholder,
        .sgds-search .textarea[disabled]::-webkit-input-placeholder {
            color: rgba(118, 118, 118, 0.3);
        }

        .sgds-search .input[disabled]:-moz-placeholder,
        .sgds-search .textarea[disabled]:-moz-placeholder {
            color: rgba(118, 118, 118, 0.3);
        }

        .sgds-search .input[disabled]:-ms-input-placeholder,
        .sgds-search .textarea[disabled]:-ms-input-placeholder {
            color: rgba(118, 118, 118, 0.3);
        }

    .sgds-search .input.is-borderless,
    .sgds-search .textarea.is-borderless {
        border-color: transparent;
    }

    .sgds-search .input.is-shadowless,
    .sgds-search .textarea.is-shadowless {
        box-shadow: 0;
    }

    .sgds-search .input[readonly],
    .sgds-search .textarea[readonly] {
        box-shadow: none;
    }

    .sgds-search .input.is-fullwidth {
        display: block;
        width: 100%;
    }

    .sgds-search .input.is-borderless {
        border-color: transparent;
    }

.sgds-search .field:not(:last-child) {
    margin-bottom: 0.75rem;
}

.sgds-search .field.has-addons {
    display: flex;
    justify-content: flex-start;
}

    .sgds-search .field.has-addons .control:not(:last-child) {
        margin-right: -1px;
    }

    .sgds-search .field.has-addons .control:not(:first-child):not(:last-child) .button,
    .sgds-search .field.has-addons .control:not(:first-child):not(:last-child) .input,
    .sgds-search .field.has-addons .control:not(:first-child):not(:last-child) .select select {
        border-radius: 0;
    }

    .sgds-search .field.has-addons .control:first-child .button,
    .sgds-search .field.has-addons .control:first-child .input,
    .sgds-search .field.has-addons .control:first-child .select select {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .sgds-search .field.has-addons .control:last-child .button,
    .sgds-search .field.has-addons .control:last-child .input,
    .sgds-search .field.has-addons .control:last-child .select select {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .sgds-search .field.has-addons .control .button:not([disabled]):hover,
    .sgds-search .field.has-addons .control .button:not([disabled]).is-hovered,
    .sgds-search .field.has-addons .control .input:not([disabled]):hover,
    .sgds-search .field.has-addons .control .input:not([disabled]).is-hovered,
    .sgds-search .field.has-addons .control .select select:not([disabled]):hover,
    .sgds-search .field.has-addons .control .select select:not([disabled]).is-hovered {
        z-index: 2;
    }

    .sgds-search .field.has-addons .control.is-expanded {
        flex-grow: 1;
    }

    .sgds-search .field.has-addons.has-addons-centered {
        justify-content: center;
    }

    .sgds-search .field.has-addons.has-addons-right {
        justify-content: flex-end;
    }

    .sgds-search .field.has-addons.has-addons-fullwidth .control {
        flex-grow: 1;
        flex-shrink: 0;
    }

.sgds-search .control {
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: left;
}

    .sgds-search .control.has-icon .input:focus + .icon {
        color: #767676;
    }

    .sgds-search .control.has-icon .input.is-small + .icon {
        font-size: 0.75rem;
    }

    .sgds-search .control.has-icon .input.is-medium + .icon {
        font-size: 1.375rem;
    }

    .sgds-search .control.has-icon .input.is-large + .icon {
        font-size: 1.5rem;
    }

    .sgds-search .control.has-icon:not(.has-icon-right) .icon {
        left: 0;
    }

    .sgds-search .control.has-icon:not(.has-icon-right) .input {
        padding-left: 2.25em;
    }

    .sgds-search .control.has-icon.has-icon-right .icon {
        right: 0;
    }

    .sgds-search .control.has-icon.has-icon-right .input {
        padding-right: 2.25em;
    }

    .sgds-search .control.has-icons-left .input:focus ~ .icon,
    .sgds-search .control.has-icons-left .select:focus ~ .icon,
    .sgds-search .control.has-icons-right .input:focus ~ .icon,
    .sgds-search .control.has-icons-right .select:focus ~ .icon {
        color: #767676;
    }

    .sgds-search .control.has-icons-left .input.is-small ~ .icon,
    .sgds-search .control.has-icons-left .select.is-small ~ .icon,
    .sgds-search .control.has-icons-right .input.is-small ~ .icon,
    .sgds-search .control.has-icons-right .select.is-small ~ .icon {
        font-size: 0.75rem;
    }

    .sgds-search .control.has-icons-left .input.is-medium ~ .icon,
    .sgds-search .control.has-icons-left .select.is-medium ~ .icon,
    .sgds-search .control.has-icons-right .input.is-medium ~ .icon,
    .sgds-search .control.has-icons-right .select.is-medium ~ .icon {
        font-size: 1.375rem;
    }

    .sgds-search .control.has-icons-left .input.is-large ~ .icon,
    .sgds-search .control.has-icons-left .select.is-large ~ .icon,
    .sgds-search .control.has-icons-right .input.is-large ~ .icon,
    .sgds-search .control.has-icons-right .select.is-large ~ .icon {
        font-size: 1.5rem;
    }

    .sgds-search .control.has-icons-left .icon,
    .sgds-search .control.has-icons-right .icon {
        color: #484848;
        height: 2.25em;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 2.25rem;
        z-index: 2;
    }

    .sgds-search .control.has-icons-left .input,
    .sgds-search .control.has-icons-left .select select {
        padding-left: 2.25em;
    }

    .sgds-search .control.has-icons-left .icon.is-left {
        left: 0;
    }

.sgds-search .icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    height: 1.5rem;
    width: 1.5rem;
}

.sgds-search .search-bar.sgds-icon.sgds-icon-search {
    top: 14px;
    display: block;
    visibility: initial;
}

.sgds-search.search-bar {
    display: none;
    background: #fff;
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
}

.sgds-search .mic-search, .sgds-search .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.25rem;
    height: 100%;
}

.sgds-search .mic-search {
    right: 2rem;
}

/* sgds navbar */
.sgds-menu.header__main {
    padding: 0;
    box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
}

    .sgds-menu.header__main .container {
        display: flex;
        flex-flow: row wrap;
    }

    .sgds-menu.header__main .navbar-brand {
        align-items: center;
        padding: 1rem 0;
    }

    .sgds-menu.header__main .logo {
        margin-left: 0;
    }

    .sgds-menu.header__main .navbar-menu {
        margin: 0;
    }

.sgds-menu .navbar-link {
    width: 100%;
    justify-content: center;
    border-bottom: 2px solid transparent;
    padding: 0.4rem;
    font-weight: 500;
}

.sgds-menu .navbar-dropdown .navbar-item {
    justify-content: start;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: none;
    width: 100%;
    font-weight: 500;
}

.sgds-menu .navbar-link .sgds-icon {
    padding-left: 10px;
}

.sgds-menu .nav__item.has-child {
    padding-right: 0.2rem;
    flex: auto;
    justify-content: flex-end;
}

.sgds-menu .navbar-item .dropdown-icon {
    align-self: center;
    padding: 0.4rem;
    padding-left: 0.2rem;
    flex: 1;
    justify-content: flex-start;
}

@media (max-width: 1215px) {
    .sgds-menu.header__main .container {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .is-hidden-touch {
        display: none !important;
    }

    .sgds-menu.header__main .navbar-brand {
        padding: 0;
    }

    .sgds-menu.header__main .navbar-menu {
        padding: 0.5rem;
    }
}

@media (min-width: 1216px) {
    .sgds-menu.header__main .navbar-brand {
        max-width: 180px;
    }
}

.navbar.is-fixed-bottom, .navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
}

.navbar.is-fixed-bottom {
    bottom: 0;
}

    .navbar.is-fixed-bottom.has-shadow {
        box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
    }

.navbar.is-fixed-top {
    top: 0;
}

body.has-navbar-fixed-top {
    padding-top: 6.25rem;
}

.navbar-brand {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: 6.25rem;
}

.navbar-burger {
    cursor: pointer;
    display: block;
    height: 6.25rem;
    position: relative;
    width: 2.5rem;
}

    .navbar-burger span {
        background-color: currentColor;
        display: block;
        height: 1.5px;
        left: calc(50% - 8px);
        position: absolute;
        transform-origin: center;
        transition-duration: 86ms;
        transition-property: background-color, opacity, transform;
        transition-timing-function: ease-out;
        width: 16px;
    }

        .navbar-burger span:nth-child(1) {
            top: calc(50% - 6.5px);
        }

        .navbar-burger span:nth-child(2) {
            top: calc(50% - 1.5px);
        }

        .navbar-burger span:nth-child(3) {
            top: calc(50% + 3.5px);
        }

    .navbar-burger.is-active span:nth-child(1) {
        transform: translateY(5px) rotate(45deg);
    }

    .navbar-burger.is-active span:nth-child(2) {
        opacity: 0;
    }

    .navbar-burger.is-active span:nth-child(3) {
        transform: translateY(-5px) rotate(-45deg);
    }

.navbar-menu {
    display: none;
}

.navbar-item, .navbar-link {
    color: #484848;
    display: block;
    line-height: 1.5;
    /* padding: 0rem 0.5rem; */
    position: relative;
}

@media screen and (max-width: 768px) {
    .navbar-item, .navbar-link {
        padding: 0.5rem;
    }
}

a.navbar-item:hover, a.navbar-item.is-active, a.navbar-link:hover, a.navbar-link.is-active {
    color: #74b74a;
}

a.navbar-item.is-active, a.navbar-link.is-active {
    color: #74b74a !important;
}

.navbar-item {
    flex-grow: 0;
    flex-shrink: 0;
}

    .navbar-item img {
        max-height: 5rem;
    }

    .navbar-item.is-mega {
        position: static;
    }

    .navbar-item.has-dropdown {
        padding: 0;
    }

    .navbar-item.is-expanded {
        flex-grow: 1;
        flex-shrink: 1;
    }

    .navbar-item.is-tab {
        border-bottom: 1px solid transparent;
        min-height: 6.25rem;
        padding-bottom: calc(0.5rem - 1px);
    }

        .navbar-item.is-tab:hover {
            background-color: transparent;
            border-bottom-color: #74b74a;
        }

        .navbar-item.is-tab.is-active {
            background-color: transparent;
            border-bottom-color: #4372d6;
            border-bottom-style: solid;
            border-bottom-width: 3px;
            color: #4372d6;
            padding-bottom: calc(0.5rem - 3px);
        }

.navbar-content {
    flex-grow: 1;
    flex-shrink: 1;
}

.navbar-link h6 {
    font-weight: 600;
}

.navbar-dropdown {
    font-size: 0.875rem;
}

    .navbar-dropdown .navbar-item {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

.navbar-divider {
    background-color: #D6D6D6;
    border: none;
    display: none;
    height: 1px;
    margin: 0.5rem 0;
}

@media screen and (max-width: 1215px) {
    .navbar > .sgds-container {
        display: block;
    }

    .navbar-brand .navbar-item, .navbar-tabs .navbar-item {
        align-items: center;
        display: flex;
    }

    .navbar-menu {
        background-color: white;
        box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
        padding: 0.5rem 0;
    }

        .navbar-menu.is-active {
            display: block;
        }

    .navbar-item.is-mega .has-dropdown::after {
        right: 1.125em;
    }

    .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30;
    }

    .navbar.is-fixed-bottom-touch {
        bottom: 0;
    }

        .navbar.is-fixed-bottom-touch.has-shadow {
            box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
        }

    .navbar.is-fixed-top-touch {
        top: 0;
    }

        .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
            -webkit-overflow-scrolling: touch;
            max-height: calc(100vh - 6.25rem);
            overflow: auto;
        }

    .sgds-menu .has-dropdown > .sgds-icon:not(.sgds-icon-external) {
        display: none;
    }

    .sgds-menu .navbar-dropdown {
        display: none;
    }

    .sgds-menu .nav-container.mobile-navbar-menu {
        display: flex !important;
        position: absolute;
        top: 0px;
        width: 2.5rem;
        height: 100%;
        right: 3rem;
        left: unset;
        box-shadow: none;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

        .sgds-menu .nav-container.mobile-navbar-menu:hover {
            cursor: pointer;
        }

        .sgds-menu .nav-container.mobile-navbar-menu .navbar-item {
            height: 100%;
            width: 100%;
        }

        .sgds-menu .nav-container.mobile-navbar-menu .js-notification {
            height: 100%;
            width: 100%;
            background: transparent;
        }
}

@media (min-width: 1216px) {
    .navbar, .navbar-menu, .navbar-start, .navbar-end {
        align-items: stretch;
        display: flex !important;
    }

    .navbar {
        min-height: 6.25rem;
    }

        .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent a.navbar-link:hover, .navbar.is-transparent a.navbar-link.is-active {
            background-color: transparent !important;
        }

        .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
            background-color: transparent !important;
        }

        .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
            color: #74b74a;
        }

        .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
            color: #74b74a;
        }

    .navbar-burger {
        display: none;
    }

    .navbar-item, .navbar-link {
        align-items: center;
        display: flex;
    }

        .navbar-item.has-dropdown {
            align-items: stretch;
        }

        .navbar-item.is-mega .has-dropdown::after {
            right: 0;
        }

        .navbar-item.has-dropdown-up .navbar-link::after {
            transform: rotate(135deg) translate(0.25em, -0.25em);
        }

        .navbar-item.has-dropdown-up .navbar-dropdown {
            border-bottom: 1px solid #D6D6D6;
            border-radius: 5px 5px 0 0;
            border-top: none;
            bottom: 100%;
            box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
            top: auto;
        }

        .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
            display: block;
        }

            .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
                opacity: 1;
                pointer-events: auto;
                transform: translateY(0);
            }

    .navbar-menu {
        flex-grow: 1;
        flex-shrink: initial;
        flex-wrap: wrap;
        padding-left: 0.5rem !important;
    }

        .navbar-menu.mobile-navbar-menu {
            flex-grow: 0;
        }

    .navbar-dropdown {
        background-color: white;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top: 1px solid #D6D6D6;
        box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
        display: none;
        font-size: 0.875rem;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        z-index: 20;
    }

        .navbar-dropdown .navbar-item {
            padding: 0.375rem 1rem;
            white-space: nowrap;
        }

        .navbar-dropdown a.navbar-item {
            padding-right: 3rem;
        }

            .navbar-dropdown a.navbar-item:hover, .navbar-dropdown a.navbar-item.is-active {
                color: #74b74a;
            }

        .navbar-dropdown.is-boxed {
            border-radius: 5px;
            border-top: none;
            box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
            display: block;
            opacity: 0;
            pointer-events: none;
            top: calc(100% + (-4px));
            transform: translateY(-5px);
            transition-duration: 86ms;
            transition-property: opacity, transform;
        }

        .navbar-dropdown.is-right {
            left: auto;
            right: 0;
        }

    .navbar-divider {
        display: block;
    }

    .navbar > .sgds-container .navbar-brand, .sgds-container > .navbar .navbar-brand {
        margin-left: -0.5rem;
    }

    .navbar > .sgds-container .navbar-menu, .sgds-container > .navbar .navbar-menu {
        margin-right: -0.5rem;
    }

    .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30;
    }

    .navbar.is-fixed-bottom-desktop {
        bottom: 0;
    }

        .navbar.is-fixed-bottom-desktop.has-shadow {
            box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
        }

    .navbar.is-fixed-top-desktop {
        top: 0;
    }

    a.navbar-item.is-active, a.navbar-link.is-active {
        color: #0a0a0a;
    }

        a.navbar-item.is-active:not(:hover), a.navbar-link.is-active:not(:hover) {
            background-color: transparent;
        }
}

.padding--sm {
    padding: 0.5rem !important;
}

.padding--bottom--sm {
    padding-bottom: 0.5rem !important;
}

@media screen and (min-width: 1216px) {
    .sgds-masthead .container, .sgds-menu .container, .sgds-search .container, .sgds-footer .container {
        max-width: 1152px;
    }
}

@media screen and (min-width: 1408px) {
    .sgds-masthead .container, .sgds-menu .container, .sgds-search .container, .sgds-footer .container {
        max-width: 1344px;
    }
}

.sgds-menu .icon-notifications, .sgds-menu .sgds-icon-search, .sgds-menu .sgds-icon-cross {
    font-size: 24px;
    color: #484848;
}

@media (max-width: 1215px) {
    .sgds-menu .icon-notifications {
        font-size: 20px;
    }
}

.sgds-menu .icon-mic, .sgds-menu .icon-search {
    color: #484848;
}