/* ARTWORK NOTES
--------------------------------------------

--------------------------------------------
*/
.site-home {
    --section-header-bg: #f2f7fd;

    --section-slideshow-bg: transparent;
    --section-navigation-bg: transparent;
}

body {
    --side-menu-bg: var(--primary-color);
    --side-menu-bg-hover: var(--secondary-color);
    --side-menu-font-size-desktop: min(1.25vw, 1.25rem);
    --side-menu-font-family: var(--body-font-family);
    --side-menu-font-weight: 400;

    --section-container-main-bg: #f2f7fd;
	--section-utility-bg: #f2f7fd;
    --section-footer-bg: var(--primary-color);
}

#g-navigation {
    --main-menu-text-color: var(--default-white);
    --main-menu-text-color-hover: var(--default-white);
    --main-menu-bg: transparent;
    --main-menu-bg: transparent;

    --navigation-floating-social-padding: min(1vw, 1rem);

    --section-navigation-bg: #1b232e;
	--navigation-menu-item-font-weight: 400;
}

.news-display .g-array-item-text {
    margin: 0!important;
    padding: 0!important;
}

/* Shared header and navigation */
#g-navigation > .g-container,
.site-home #g-slideshow > .g-container,
.site-home #g-header > .g-container,
.site-home #g-container-main > .g-container,
#g-footer > .g-container,
#g-copyright > .g-container {
    width: min(100%, 60rem);
    max-width: 60rem;
    margin-inline: auto;
}

#g-navigation .hidden-phone .g-logo img {
    display: block;
    width: min(100%, 54.875rem);
    height: auto;
    margin-inline: auto;
}

#g-navigation .g-main-nav {
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    color: #e0e5eb;
    font: 700 .82rem/1.2 Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    min-height: 3.55rem;
    padding: .7rem .65rem;
}

#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container,
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container,
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:focus-visible {
    background: #18212c;
    color: #fff;
}

#g-navigation .g-main-nav .g-menu-item-container:focus-visible,
.site-home #g-slideshow a:focus-visible {
    outline: 2px solid #fcca84;
    outline-offset: -2px;
}
.crawl-space .g-main-nav .g-toplevel>li>.g-menu-item-container>.g-menu-item-content {
	font-weight: 400;
}
.crawl-space .g-main-nav .g-sublevel>li>.g-menu-item-container>.g-menu-item-content {
	font-weight: 400;
	text-transform: none;
}


@media only screen and (min-width: 50.99rem) {
    #g-navigation > .g-container > .g-grid:has(.g-main-nav) {
       /* background: linear-gradient(#3c4857, #26313f);*/
        position: relative;
    }
    #g-navigation > .g-container > .g-grid:has(.g-main-nav)::before {
        content: none;
    }
    #g-navigation .g-toplevel {
        justify-content: flex-start;
    }
    #g-navigation .g-main-nav .g-sublevel>li>.g-menu-item-container {
        color: var(--default-white);
    }
    #g-navigation .g-main-nav .g-sublevel>li>.g-menu-item-container:hover {
        background: var(--secondary-color);
        color: var(--default-white)!important;
    }
}

@media only screen and (min-width: 50.99rem) {
    #g-navigation > .g-container > .g-grid:has(.g-main-nav) {
        position: relative;
    }
    #g-navigation > .g-container > .g-grid:has(.g-main-nav):before {
        content: '';
        background: url('/images/template/header-overlay.png') 50% 100% repeat-x;
        height: 100%;
        width: 3000%;
        margin-left: -500%;
        margin-right: -500%;
        position: absolute;
    }
}

.title6 a {
    border: none;
}

#g-navigation.crawl-space .g-main-nav .g-toplevel>li:hover:not(.g-menu-item-type-particle)>.g-menu-item-container, #g-navigation.crawl-space .g-main-nav .g-toplevel>li.active:not(.g-menu-item-type-particle)>.g-menu-item-container {
    margin: 0;
    border: none;
}

.site-home #g-header > .g-container {
    padding: 1rem 0!important;
}

/* Homepage showcase */
.site-home #g-container-top {
    background: #161E29;
}
.site-home #g-container-top > .g-container {
    background: url('/images/template/bg-header.jpg') center bottom / min(100%, 60rem) auto no-repeat;
}
.site-home #g-slideshow {
    min-height: 29.875rem;
    color: #d9dee4;
    font: .8rem/1.55 Arial, Helvetica, sans-serif;
}
.site-home #g-slideshow > .g-container > .g-grid {
    align-items: flex-start;
}
.site-home #g-slideshow .g-block > .g-content {
    padding: .6rem;
}
.site-home #g-slideshow .platform-content {
    margin: 0 0 .7rem;
    padding: 0;
}
.site-home #g-slideshow .box3 {
    margin: 0;
    padding: .65rem;
    background: #303d4c;
    border-radius: .25rem;
    color: #fcca84;
}
.site-home #g-slideshow .box3 .g-title,
.site-home #g-slideshow .title6 .g-title {
    font: 400 1.2rem/1.3 Arial, Helvetica, sans-serif;
    color: #fcca84;
    border: 0;
    text-transform: none;
}
.site-home #g-slideshow .box3 .g-title {
    padding: 0 0 .65rem;
}
.site-home #g-slideshow .box3 iframe {
    display: block;
    max-width: 100%;
    width: 100%;
    background: #fff;
}
.site-home #g-slideshow .box3 p {
    margin: 0;
}
.site-home #g-slideshow .title6 .g-title {
    padding: .25rem .55rem;
    background: #303d4c;
    border-radius: .25rem;
}
.site-home #g-slideshow .mod_docman_icons {
    margin: .2rem 0 .45rem;
    padding: 0;
    text-align: left;
    font: .78rem/1.5 Arial, Helvetica, sans-serif;
}
.site-home #g-slideshow .mod_docman_icons li {
    margin: .15rem 0;
}
.site-home #g-slideshow a {
    color: #fcca84;
}
.site-home #g-slideshow a:hover {
    color: #fff;
}
.site-home #g-slideshow .nopaddingall,
.site-home #g-slideshow .nomarginall {
    text-align: center;
}
.site-home #g-slideshow input[type="search"],
.site-home #g-slideshow input[type="text"] {
    max-width: 100%;
}

/* Homepage main area */
.site-home #g-header,
.site-home #g-container-main {
    background: #f2f7fd;
}
.site-home #g-header {
    border-top: 3px solid #fff;
    border-bottom: 1px solid #d5e0e9;
}
.site-home #g-header > .g-container {
    padding: 1.9rem 0;
}
.site-home #g-container-main > .g-container > .g-grid > .g-block:first-child {
    flex: 0 0 25%;
    max-width: 25%;
}
.site-home #g-container-main > .g-container > .g-grid > .g-block:last-child {
    flex: 0 0 75%;
    max-width: 75%;
}
.site-home #g-sidebar {
    padding: .75rem 1.4rem;
    border-right: 1px dashed #d1dce5;
    color: #394e5d;
    font: .75rem/1.7 Arial, Helvetica, sans-serif;
}
.site-home #g-sidebar .title6 .g-title {
    margin: 0 0 .55rem;
    padding: .3rem .55rem;
    background: #e2ebf3;
    border: 1px solid #d4dfe8;
    border-radius: .3rem;
    box-shadow: 0 2px 2px #cbd6df;
    color: #394e5d;
    font: 400 1.2rem/1.3 Arial, Helvetica, sans-serif;
}
.site-home #g-sidebar .title6 .table-container table,
.site-home #g-sidebar .title6 .table-container td {
    border: 0;
    background: transparent;
    font: inherit;
}
.site-home #g-sidebar .title6 .table-container td {
    padding: .2rem;
}
.site-home #g-sidebar .title6 .table-container img {
    max-width: 2.8rem;
}
.site-home #g-sidebar .title6 {
    font-size: .75rem;
}
.site-home #g-sidebar .title6 a,
.site-home #g-mainbar .box3 a {
    color: #b27642;
}
.site-home #g-sidebar .title6 a:hover,
.site-home #g-mainbar .box3 a:hover {
    color: #70421e;
}
.site-home #g-mainbar {
    padding: .75rem 1.4rem 2rem;
    color: #394e5d;
    font: .82rem/1.55 Arial, Helvetica, sans-serif;
}
.news-display .g-array-item img {
    max-width: 100%;
    height: auto;
}
.site-home #g-mainbar .news-display .g-array-item {
    text-align: center;
}
.site-home #g-mainbar .news-display .g-grid {
    margin-bottom: 2rem;
}
.site-home #g-mainbar .box3 {
    margin: 0;
    padding: .75rem;
    background: #e5edf4;
    border-radius: .2rem;
    box-shadow: none;
}
.site-home #g-mainbar .box3 .g-title {
    color: #394e5d;
    font: 400 1.2rem/1.3 Arial, Helvetica, sans-serif;
    text-transform: none;
}

@media only screen and (max-width: 50.99rem) {
    #g-navigation .show-mobile {
        min-height: 4.25rem;
    }
    #g-navigation .show-mobile .g-logo {
        display: block;
        width: 100%;
        max-width: none!important;
        box-sizing: border-box;
        padding: .8rem .6rem .6rem 3.7rem;
    }
    #g-navigation .show-mobile .g-logo img {
        display: block;
        width: min(100%, 20rem);
        height: auto;
        margin-inline: auto;
    }
    .site-home #g-container-top > .g-container {
        background-size: auto 38rem;
        background-position: center top;
    }
    .site-home #g-slideshow {
        min-height: 0;
        padding-bottom: 1rem;
    }
    .site-home #g-slideshow .g-block > .g-content {
        padding: .55rem 1rem;
    }
    .site-home #g-slideshow .box3 {
        max-width: 21rem;
        margin-inline: auto;
    }
    .site-home #g-slideshow .title6 .g-title {
        max-width: 100%;
        text-align: center;
    }
    .site-home #g-slideshow p {
        text-align: center!important;
    }
    .site-home #g-header > .g-container {
        padding: 1rem 0;
    }
    .site-home #g-container-main > .g-container > .g-grid {
        display: block;
    }
    .site-home #g-container-main > .g-container > .g-grid > .g-block:first-child,
    .site-home #g-container-main > .g-container > .g-grid > .g-block:last-child {
        width: 100%;
        max-width: 100%;
    }
    .site-home #g-sidebar {
        padding: 1rem;
        border-right: 0;
        border-bottom: 1px dashed #d1dce5;
    }
    .site-home #g-sidebar .title6 .g-title {
        max-width: none;
    }
    .site-home #g-mainbar {
        padding: 1rem 1rem 2rem;
    }

    .site-home .searchbasic form {
        display: flex;
    }
    .site-home .searchbasic form input {
        width: 100%;
        flex: 1;
    }
}

/*FOOTER*/
@media only screen and (min-width: 50.99rem) {
    #g-footer p {
        font-size: min(.8vw, .8rem);
    }

    #g-footer > .g-container {
        padding: min(2vw, 2rem) min(2vw, 2rem) min(7vw, 7rem) min(2vw, 2rem)!important;
        display: flex;
        flex-direction: column;
        gap: min(3vw, 3rem);
    }
}

@media only screen and (max-width: 50.99rem) {
    .site.withmaxwidth #g-footer > .g-container {
        padding: 2rem 1rem 5rem 1rem!important;
        display: flex;
        flex-direction: column;
        gap: min(3vw, 3rem);
    }
}

#g-footer {
    color: #d9dee4;
    font: .8rem/1.6 Arial, Helvetica, sans-serif;
}
#g-footer .g-content-array,
#g-footer .g-content-array .g-array-item-text {
    color: #d9dee4;
    text-align: center;
}
#g-footer a,
#g-copyright a {
    color: #fcca84;
}
#g-footer a:hover,
#g-copyright a:hover {
    color: #fff;
}
#g-footer > .g-container {
    background: url('/images/template/bg-footer.jpg') 50% 50% no-repeat;
    background-size: cover;
}

/*BOTTOM*/
@media only screen and (min-width: 50.99rem) {
    #g-bottom {
        position: relative;
        z-index: 10;
    }
    #g-bottom > .g-container {
        padding: 2rem 0!important;
    }
    #g-bottom .admod td {
        padding-top: 0!important;
    }
}

@media only screen and (max-width: 50.99rem) {
    #g-bottom {
        position: relative;
        z-index: 10;
    }
    #g-bottom > .g-container {
        padding: 2rem 0!important;
    }
    #g-bottom .admod td {
        padding-top: 0!important;
    }
}

.search-page #searchForm .btn {
    background: var(--primary-color);
}

.grid-articles .g-array-item-text a:not(a.button) {
    color: var(--primary-color);
}
.grid-articles .g-array-item-text a {
    color: var(--primary-color);
}

@media only screen and (max-width: 50.99rem) {
    .admod.adside tbody {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: .5rem .5rem;
    }
}

@media only screen and (max-width: 50.99rem) {
    body#site-grid.newslayout #g-container-main > .g-container {
        padding: 2rem 1rem!important;
    }
    body#site-grid.newslayout #g-container-main #g-mainbar {
        margin: 0!important;
        padding: 0!important;
    }

    #site-grid.newslayout .grid-mobile-stacked .g-item-title {
        --grid-title-font-size: 3vw;
    }
}

@media only screen and (max-width: 50.99rem) {
    body .side-menu-particle .g-blockcontent-subcontent-title-text {
        --side-menu-font-size-desktop: 4vw;
    }
}