body {
    font-family: 'Raleway','Roboto',"Open Sans",Calibri,Candara,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #404040;
    background-color: #fff;
}

.navbar-inverse {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 1.00);
}

.widget, .widget h3, .cmsFooter, .header-image, .document-list-heading, .container:not(.whiteWall) .site-style, .dropdown-widget, .wCompetition select, .wSIFCompetition select, .wCompetition .multiselect, .wSIFCompetition .multiselect, .wCometCompetition select, .wCometCompetition .multiselect, .comp-widget-from, .comp-widget-to, .wCompetition input, .wPlayHQ input, .wPlayHQ select, .wPlayHQ .multiselect {
    font-family: Open Sans, sans-serif !important;
}

.container.navigation {
    background-image: url('https://sportsgroundproduction.blob.core.windows.net/cms/25080/1437158/1437159/4da3a668-9b63-49a3-8b11-83f02e09c4b4_wo.png?t=638394430434300000');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#eapps-social-icons-1 {
    margin: 7px auto;
}

#childSplitter_1889075 {
    padding-left: 5px;
}

.site-primary-heading {
    font-family: 'Raleway';
}

#cmsNavigationContainer > .container {
    padding: 10px 0;
}

.menu-search {
    display: block;
}

#section-header #superSplitter_1821460 .row {
    margin-right: 8px !important;
}

.nav.navbar-nav > .cms-nav-link.cms-nav-link-root > .cms-nav-link {
    padding: 10px 15px;
}

.text-center.img-responsive {
    height: 40.938px;
}

.Button__Container-sc-e5acbh-1 {
    background-color: #fff;
}

    .Button__Container-sc-e5acbh-1:hover {
        cursor: default;
    }

body #section-content {
    min-height: auto;
}

aside.sidebar {
    margin-top: 2.2rem;
}

    aside.sidebar .careernav p {
        margin-bottom: 0;
    }

    aside.sidebar .careernav a {
        padding: 1rem 0;
        transition: 0.3s ease all;
    }

        aside.sidebar .careernav a:hover {
            background-color: #9ADEED;
            padding-left: 1rem;
            text-decoration: none;
        }

        aside.sidebar .careernav a:focus {
            text-decoration: none;
        }

.navbar {
    border-radius: 0 !important;
}

#footer-content {
    width: max-content;
}

main.body-content h1,
main.body-content h2,
main.body-content h3,
main.body-content h4,
main.body-content h5,
main.body-content h6 {
    font-family: Raleway, sans-serif;
}

#JobNumberOrTitle {
    width: 100%;
}

aside.sidebar .form-horizontal.job-search {
    margin-top: 3.5rem;
}

.button-header {
    white-space: normal !important;
    padding: 10px !important;
}

label {
    color: #404040;
}

.sidebar-nav .careernav p {
    margin-bottom: 10px;
}

    .username, .sidebar-nav .careernav p a {
        text-align: left;
        padding-left: 20px;
        font-size: 14px;
        color: #0c2b50 !important;
        line-height: 30px;
    }

        .navbar-collapse li a, .sidebar-nav .careernav p a:hover {
            text-decoration: none;
        }


.navbar-collapse li a {
    text-align: start;
    color: #0c2b50;
}

.sidebar-nav li {
    padding: 20px 0 15px 20px;
    line-height: 1;
    text-align: left;
    list-style: none;
}

.btn.btn-primary, .btn.btn-primary:focus {
    background-color: #7B2982;
    border-color: #7B2982;
    color: #fff !important;
}

    .btn.btn-primary:hover {
        background-color: #8d3995;
        border-color: #8d3995;
        color: #fff !important;
    }

.btn.btn-info, .btn.btn-info:focus {
    background-color: #21BFDD;
    border-color: #21BFDD;
    color: #fff !important;
}

    .btn.btn-info:hover {
        background-color: #1dcced;
        border-color: #1dcced;
        color: #fff !important;
    }

.btn.btn-outline-dark {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn.btn-outline-dark:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn.btn-outline-dark:focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }


.modal-header {
    background-color: #fff;
    color: #404040;
    display: block;
}

.modal-title {
    font-family: Congenial,sans-serif !important;
}

.validation-summary-errors > ul {
    padding-left: 1.5rem;
}

.job-ad-side__content > .btn-primary {
    margin-bottom: 1rem;
}

.topButtons {
    display: none;
}

input[type=checkbox]:not(.old), input[type=radio]:not(.old) {
    opacity: 1;
}


ul.nav-wizard li.active a, ul.nav-wizard li.active a:active, ul.nav-wizard li.active a:visited, ul.nav-wizard li.active a:focus {
    color: #404040;
    background: #9CDEED;
}

ul.nav-wizard li.active {
    color: #404040;
    background: #9CDEED;
}

    ul.nav-wizard li.active:after {
        border-left: 16px solid #7B2A82;
    }

@media(max-width: 992px) {
    ul.nav-wizard li.active:after {
        border-left: 8px solid #7B2A82;
    }
}

.navbar-collapse.collapse.in {
    display: block !important;
}

.navbar-collapse.collapse {
    display: flex;
}

.pagination > .active > a {
    background-color: #21BFDD;
    color: #fff !important;
    border-color: #ddd;
}

    .pagination > .active > a:hover {
        background-color: #21BFDD;
        color: #fff !important;
        border-color: #ddd;
    }

.alert ul {
    padding-left: 1.5rem;
}

#pdfViewer, #iframe {
    margin-bottom: 2rem;
}

.nav.navbar-nav.re-mobile-navbar {
    display: none;
}


@media(min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: block !important
    }

    main.body-content .row .sidebar {
        width: min-content;
    }
}

@media(max-width: 1000px) {
    .menu-search {
        display: none !important;
    }
}

@media(min-width: 1178px) {
    #eapps-social-icons-1 {
        width: max-content !important;
    }

    .button-header {
        white-space: normal !important;
        padding: 10px !important;
    }
}

@media(min-width: 794px) and (max-width: 1178px) {
    #social-icon-youtube {
        margin-left: 15px;
    }

    #eapps-social-icons-1 {
        margin-right: 0;
    }
}

@media(min-width: 768px) {
    /*main.body-content .row {
        display: flex !important;
    }*/

    .mobile-menu-nav,
    .mobile-nav-header .navbar-toggle {
        display: none !important;
    }

    .navbar-collapse .container {
        display: block !important;
    }

    #uxCmsSiteNavigation {
        padding: inherit;
    }
}

@media(min-width: 768px) and (max-width: 794px) {
    #social-icon-facebook {
        margin-left: 1px !important;
    }

    .eapps-social-icons {
        width: min-content !important;
    }
}

@media(max-width: 768px) {
    .text-center.img-responsive {
        height: 50px;
    }

    .navbar-inverse .navbar-toggle:hover .icon-bar {
        background-color: #0c2b50 !important;
    }

    aside.sidebar .careernav, #uxCmsSiteNavigation,
    .no-stretch-container-parent, .bottomButtons, #superSplitter_2240185 {
        display: none !important;
    }

    #section-header #superSplitter_1821460 .row {
        margin-right: 2px !important;
    }

    .topButtons {
        display: block;
    }

    #section-header {
        width: fit-content;
    }

    #code-snippet-1889106 {
        margin-top: 10px;
    }

    #eapps-social-icons-1 {
        width: max-content;
        margin: auto;
        float: none;
    }

    #superSplitter_1821460 {
        width: 100vw !important;
    }

    .footer-img {
        width: 369px !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .nav.navbar-nav.re-mobile-navbar {
        display: block;
        width: 100%;
        margin: 0;
    }

    .mobile-nav-header {
        width: -webkit-fill-available;
        display: block !important;
    }

        .mobile-nav-header .navbar-toggle {
            border-color: transparent;
            padding: 9px 10px;
            margin-top: 54px;
        }

    .re-mobile-navbar li i.fa-home {
        transform: scale(1.2);
        margin-right: 5px;
    }

    .re-mobile-navbar a {
        padding: 10px 15px !important;
        line-height: 20px;
    }

    .re-mobile-navbar .careernav p {
        margin-bottom: 0;
    }

    .re-mobile-navbar .careernav a {
        text-align: left;
        font-size: 18px;
        color: #0c2b50;
        font-family: Congenial,sans-serif;
        border-bottom: 1px solid #1fbfdd;
        line-height: 16px;
    }

    .navbar-header.mobile-nav-header .navbar-toggle {
        border-radius: 0;
    }

    #superSplitter_2240186.supersplitter {
        padding-top: 10px;
    }
}


#superSplitter_1821460 #childSplitter_1889075 > div[class*="col-sm-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.supersplitter main.body-content .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

#sticky-footer {
    min-height: 44px;
}

    #sticky-footer > .nav.navbar-collapse {
        min-height: 44px;
    }


.vacancy-box.feature-job {
    background-color: #e5f9fd;
}

ul.nav-wizard li.active {
    background: #d4f1f7;
}

    ul.nav-wizard li.active a, ul.nav-wizard li.active a:active, ul.nav-wizard li.active a:visited, ul.nav-wizard li.active a:focus {
        background: #d4f1f7;
    }

.question-title {
    margin-bottom: 5px;
}

.btn.btn-danger, .btn.btn-danger:hover {
    color: #fff!important;
}

.btn.btn-success, .btn.btn-success:hover {
    color: #fff !important;
}

.supersplitter main.body-content .form-row.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 10px 5px;
}

@media(max-width: 769px) {
    .container > .navbar-header {
        float: right;
    }

    .supersplitter main.body-content .form-row.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 10px 10px;
    }
}

@media(max-width: 720px) {
    .re-mobile-navbar li {
        padding-left: 15px;
    }

    .re-mobile-navbar .careernav p {
        padding-left: 15px;
    }
}

@media(max-width: 993px) {
    aside.sidebar {
        display: block !important;
    }
}

.re-mobile-navbar a:hover, .re-mobile-navbar a:focus {
    text-decoration: none;
}

ul {
    padding-left: 15px;
}

@media(max-width: 991px){
    main.body-content .row aside.sidebar.col-md-3 {
        width: 100%;
    }
}