@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
body {
    font-family: "Roboto", Helvetica, sans-serif;
}

h1,
.h1,
.PageTitle,
h2,
.h2,
.PanelTitle {
    font-family: "Roboto", Helvetica, sans-serif;
    font-weight: bold;
    color: #0c67c1;
    margin-top: 3;
}

h3,
.SectionTitle {
    font-family: "Roboto", Helvetica, sans-serif;
    color: #18d691;
}

.PrimaryButton,
.UsePrimaryButton .TextButton,
.RadGrid input.PrimaryButton,
.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: #9318ea;
}
.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
    font-weight: normal;
    border-radius: 60px;
    min-width: 150px;
    padding: 5px 40px;
}

.PrimaryButton:hover,
.PrimaryButton:focus,
.PrimaryButton:active,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid.RadGrid input.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid input.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid input.TextButton.PrimaryButton:active,
.RadGrid.RadGrid a.TextButton.PrimaryButton:hover,
.RadGrid.RadGrid a.TextButton.PrimaryButton:focus,
.RadGrid.RadGrid a.TextButton.PrimaryButton:active {
    color: #9318ea;
    text-decoration: none;
    background-color: #fff;
    border-color: #9318ea;
}

.backToTop,
.header-announcement {
    background-color: #18d691;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}

.header-announcement h4 {
    color: #fff;
    text-transform: uppercase;
}

.header-aux-container {
    background: #fff;
}

.navbar-toggle,
.obo-toggle,
.ste-toggle,
.page-statistics-toggle,
.searchbar-toggle,
.account-menu .account-toggle .caret {
    background: #000;
}

.QueryTemplateSet.row.row-cols-md-1.simplePaginateList {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

footer.footer {
    background-color: #efefef;
    color: #000;
}
footer.footer a,
footer.footer a:hover,
footer.footer a:focus,
footer.footer a:active,
footer.footer a:visited {
    color: #000;
}
.footer.footer #ste_container_Logo img {
    max-width: 75%;
}
.Wrapper-HomePage header.header .header-background-container {
    display: none !important;
}
.Wrapper-HomePage .header-background-container {
    background-color: #fff;
}
.RadMenu.RadMenu_Coffee .rmRootLink {
    color: #000;
}
.Wrapper-HomePage header.header .home-page-header-container {
    display: block;
}
.header-aux-container .UtilityAuthentication a,
.header-aux-container a.NavigationLink,
.header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link,
.header-aux-container .account-toggle .nav-text {
    color: #000 !important;
}

header.header .header-announcement {
    grid-area: announcement;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 52px !important;
    align-self: start;
    justify-self: end;
    padding-left: 3px;
    padding-right: 3px;
    z-index: 100;
}

.Wrapper-HomePage .home-page-header-container {
    padding-top: 0px;
    padding-bottom: 0px;
}
.FullWidthArea-StyleBg2 {
    display: none;
}
.marquee.marquee--6 {
    margin: 40px 0;
}
a.readMore {
    color: #9318ea;
}

.readMore:after {
    background: #9318ea;
}

.SearchField,
.SearchResultSummary .ListItemTitle a,
.UtilitySearch #SimpleSearchBlock .search-field {
    background-color: #0c67c1;
}

.rmSlide .rmGroup a.rmLink.rmExpandRight::after {
    content: ">";
    display: inline-block;
    margin-left: -25px;
    width: 20px;
    height: 14px;
    color: rgb(39, 169, 204);
    font-weight: bold;
    text-align: center;
}

@media (min-width: 1380px) {
    header.header .header-primary-nav-container {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    header.header {
        grid-template:
            "announcement announcement" 52px
            "utility utility" auto
            "logo primary-nav" auto;
        grid-template-areas:
            "announcement announcement"
            "utility utility"
            "logo primary-nav";
    }

    .Wrapper-HomePage header.header {
        grid-template:
            "announcement announcement" 52px
            "utility utility" auto
            "logo primary-nav" auto
            "banner banner" auto;
        grid-template-areas:
            "announcement announcement"
            "utility utility"
            "logo primary-nav"
            "banner banner";
    }
    .col-sm-4.event-listing.aos-init.aos-animate {
        width: 30%;
        margin-right: 20px;
        box-shadow: 0px 3px 10px lightgray;
        border-radius: 10px;
    }

    .carousel .carousel-caption,
    .carousel2 .carousel-caption,
    .HomePageFullWidthArea .carousel-caption {
        left: 10%;
    }
    .FullWidthArea-StyleBg1 .row {
        padding: 20px 0px;
        flex-flow: wrap;
    }
    .FullWidthArea-StyleBg1 .home-spotlight {
        max-width: 100%;
    }
    .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink:hover .rmToggle > .rmIcon,
    .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused .rmToggle > .rmIcon,
    .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded .rmToggle > .rmIcon,
    .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink.rmSelected .rmToggle > .rmIcon {
        background: #000;
    }
}

@media (max-width: 991px) {
    header.header {
        grid-template:
            "announcement"
            "logo"
            "utility"
            "primary-nav";
    }
    .Wrapper-HomePage header.header {
        grid-template:
            "announcement"
            "logo"
            "utility"
            "primary-nav"
            "banner";
    }
    .header-logo-container {
        margin-top: 55px;
    }
}
@media (max-width: 991px) {
    .FullWidthArea-StyleNews1 .row {
        background-color: #0c67c1;
    }
}