body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    padding-top: 129px;
    background: #f3f3f5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

strong {
    font-weight: 600;
}

em {
    font-style: italic;
}

blockquote {
    /*color: #139dd4;*/
    color: #005092;
    padding: 30px;
}

img {
    max-width: 100%;
}

.objectfit {
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

h1 {
    font-size: 32px;
    font-weight: 600;
}

h2 {
    font-size: 28px;
    font-weight: 600;
}

h3 {
    font-size: 18px;
    font-weight: 600;
}

h1.highlight {
    background-color: #139dd4;
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    padding: 20px 15px 20px 50px;
    position: relative;
}

h1 img {
    max-width: 20px;
    position: absolute;
    left: 15px;
    top: auto;
    margin-top: 5px;
    height: auto;
    width: 20px;
}

h2 img,
h3 img {
    max-width: 21px;
    margin-right: 10px;
    margin-top: -5px;
    height: auto;
    width: 21px;
}

h2.page-header {
    background: #000c24;
    /*	background: #0b2559;*/
    color: #fff;
    padding: 5px 15px;
}

a {
    color: #005092;
    word-wrap: break-word;
    font-weight: bold;
}

    a.video-tooltip {
        margin-left: 0px;
    }

        a.video-tooltip img {
            max-width: 15px;
            height: auto;
            margin-top: -3px;
            width: 15px
        }

.modal-open {
    overflow-y: scroll;
    padding-right: 0 !important;
}

.modal iframe {
    border: 0;
}

.modal-open .navbar {
    padding-right: 16px !important;
}

.modal-open .search-bar {
    padding-right: 0 !important;
}

.modal-dialog {
    top: 50%;
    margin-top: -250px;
    margin-bottom: 0;
}

/*buttons*/

.btn {
    overflow: hidden;
    height: 46px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    border: 0;
    border-radius: 4px;
    font-weight: 600;
    padding: .575rem .75rem;
}

.btn-primary {
    background: white;
    border-radius: 4px;
    border: solid 2px #00488d;
    font-size: 16px;
    font-weight: 600;
    color: #00488d;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background: #00488d !important;
        color: white;
        font-weight: 600;
        border-color: #00488d;
    }

.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

.img-btn {
    padding-right: 35px;
}

    .img-btn img {
        max-width: 20px;
        display: inline;
        margin-left: 8px;
    }

.show > .btn-primary.dropdown-toggle {
    box-shadow: none;
}

input[type="submit"] {
    cursor: pointer;
}

/*button animation ripple effect */

/* Ripple magic */
.btn {
    position: relative;
    overflow: hidden;
}

    #services-panel a.btn::after,
    .slick-arrow::after,
    .btn:not(.dropdown-toggle)::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 5px;
        height: 5px;
        background: rgba(255, 255, 255, .25);
        opacity: 0;
        border-radius: 100%;
        transform: scale(1, 1) translate(-50%);
        transform-origin: 50% 50%;
    }

.dropdown-toggle:after {
    border-radius: 0;
    transform: none;
    transform-origin: unset;
}

@keyframes ripple {
    0% {
        transform: scale(0, 0);
        opacity: 1;
    }

    20% {
        transform: scale(25, 25);
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(40, 40);
    }
}

#services-panel .btn:focus:not(:active)::after,
.slick-arrow:focus:not(:active)::after,
.btn:not(.dropdown-toggle):focus:not(:active)::after {
    animation: ripple 1s ease-out;
}

.one-col-block, .two-col-block {
    position: relative;
    z-index: 2;
}

/*navbar*/

nav.navbar {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

    nav.navbar .myaccount {
        font-weight: 600;
        font-size: 16px;
    }

.navbar-brand {
    padding: 0;
}

.navbar .row {
    width: calc(100% + 30px);
}

.header-logo {
    position: absolute;
    top: 50%;
    transform: translateY(-6.25%);
}

.navbar {
    padding-bottom: 0;
}

.navbar-nav {
    text-align: right;
}

.myaccount {
    padding: 5px 5px;
    background: transparent;
    border-radius: 100px;
    transition: 0.3s ease all;
    border: 2px solid transparent;
    margin-right: 10px;
}

    .myaccount:hover,
    .myaccount:focus,
    .myaccount:active {
        border-color: #00488d;
        text-decoration: none;
    }

#services-panel {
    position: absolute;
    top: 100%;
    left: 0;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.2);
    background-color: #f3f3f5;
}

    #services-panel::before {
        content: '';
        height: 4px;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(to bottom, rgba(0,0,0,0.2), transparent);
        width: 100%;
    }

    #services-panel .container {
        padding: 32px 38px;
    }

    #services-panel strong {
        display: block;
        padding-bottom: 15px;
        border-bottom: 1px solid #666;
        margin-bottom: 10px;
    }

    #services-panel a {
        display: block;
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        color: #04255e;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #d5d5d5;
        transition: 0.3s ease all;
        position: relative;
    }

        #services-panel a::before {
            color: #04255e;
            content: '\e918';
            font-family: 'icomoon';
            font-size: 12px;
            margin-right: 20px;
            transition: 0.3s ease all;
        }

        #services-panel a:not(.btn)::after {
            content: '';
            width: 100%;
            height: 0;
            position: absolute;
            bottom: -1px;
            left: 0;
            background: #00488d;
            transition: 0.3s ease all;
        }

        #services-panel a:hover,
        #services-panel a:focus,
        #services-panel a:active {
            text-decoration: none;
            background: #dbdbe7;
        }

            #services-panel a:hover::before,
            #services-panel a:focus::before,
            #services-panel a:active::before {
                margin-left: 10px;
            }

        #services-panel a:not(.btn):hover::after,
        #services-panel a:not(.btn):focus::after,
        #services-panel a:not(.btn):active::after {
            height: 2px;
        }

        #services-panel a.btn {
            width: auto;
            display: inline-block;
            background-color: #00488d;
            color: #fff;
            margin-top: 30px;
            padding-left: 25px;
            padding-right: 25px;
            height: auto;
        }

            #services-panel a.btn:hover,
            #services-panel a.btn:focus,
            #services-panel a.btn:active {
                background: #04255e;
                color: white;
            }

            #services-panel a.btn::before {
                content: none;
            }

.navbar-light .navbar-nav .nav-link {
    color: #04255e;
    position: relative;
}

    .navbar-light .navbar-nav .nav-link::before {
        content: '';
        width: calc(100% - 1rem);
        height: 0;
        position: absolute;
        bottom: 24px;
        left: .5rem;
        background: #00488d;
        transition: 0.3s ease bottom, 0.3s ease opacity;
        opacity: 0;
    }

    .navbar-light .navbar-nav .nav-link.active::before {
        color: #04255e;
        height: 2px;
        opacity: 1;
    }

    .navbar-light .navbar-nav .nav-link:hover::before,
    .navbar-light .navbar-nav .nav-link:focus::before,
    .navbar-light .navbar-nav .nav-link:active::before {
        color: #04255e;
        height: 2px;
        bottom: 16px;
        opacity: 1;
    }

.navbar-light .navbar-nav a.nav-link:hover,
.navbar-light .navbar-nav a.nav-link:focus,
.navbar-light .navbar-nav a.nav-link:active {
    color: #04255e;
}

.nav-item {
    margin-left: 20px;
}

    .nav-item .nav-link {
        padding: 8px 0 33px 0;
        font-size: 16px;
        font-weight: 600;
    }

        .nav-item .nav-link[aria-expanded] i {
            transition: 0.3s ease all;
        }

        .nav-item .nav-link[aria-expanded="true"] i {
            transform: rotate(-180deg);
        }

        .nav-item .nav-link[aria-expanded="true"]::before {
            height: 2px;
            opacity: 1;
            bottom: 16px;
        }

    .nav-item.nav-item-has-icon img {
        max-width: 21px;
        display: inline;
        margin-right: 10px;
        height: auto;
        width: 21px;
    }

    .nav-item:last-child a.nav-link {
        color: #0b2559;
    }

.search-bar {
    top: 69px;
    background: #fff;
    padding: 8px 0;
    z-index: 1025;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.35);
}

    .search-bar a {
        color: #000;
        font-weight: 600;
        width: 140px;
    }

    .search-bar img {
        max-width: 20px;
        float: left;
        margin-right: 10px;
        height: auto;
        width: 20px;
    }

    .search-bar .input-group {
        margin-right: 15px;
    }

    .search-bar input[type=text] {
        border: 2px solid #005092;
        width: 450px !important;
        font-size: 14px;
        padding: 10px;
        border-radius: 2px 0 0 2px !important;
        color: #000000;
    }

    .search-bar .input-group .btn {
        height: auto;
    }

        .search-bar .input-group .btn:focus:not(:active)::after {
            animation: none;
        }

    .search-bar .input-group img {
        position: absolute;
        left: 15px;
        top: 15px;
        z-index: 20;
        max-width: 15px;
    }

    .search-bar .input-group {
        position: relative;
    }

        .search-bar .input-group input.form-control {
            padding-left: 40px;
        }

    .search-bar .dropdown-item {
        color: #005092;
        font-weight: 600;
        width: 140px;
    }

.sidebar-service-list-mobile .dropdown-item {
    white-space: unset;
}

.navbar .header-search-toggler {
    font-size: 0;
    padding: 5px 10px;
    background: white;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    border: 2px solid #fff;
    transition: 0.3s ease all;
    cursor: pointer;
}

    .navbar .header-search-toggler:hover,
    .navbar .header-search-toggler:focus,
    .navbar .header-search-toggler:active,
    .navbar .header-search-toggler[aria-expanded="true"] {
        border: 2px solid #00488d;
    }

    .navbar .header-search-toggler::before {
        content: '\e90c';
        font-size: 16px;
        color: #005092;
        font-family: 'icomoon';
        font-weight: 400;
        z-index: 1;
        pointer-events: none;
    }

.navbar .header-search {
    width: 300px;
    max-width: 70%;
}

    .navbar .header-search .form-inline .input-group {
        width: 100%;
    }

    .navbar .header-search input.form-control {
        width: 100%;
        border-radius: 100px;
        border: 2px solid #00488d;
        font-size: 16px;
        font-weight: 500;
        color: #04255e;
        padding: 6px 38px 6px 22px;
        line-height: 1.5;
        background: #ebf1fb;
        height: 40px;
    }

    .navbar .header-search.result input.form-control {
        border-radius: 20px 20px 0 0;
    }

.typeahead__list {
    margin: 0;
}

.typeahead__dropdown, .typeahead__list {
    border: 2px solid #00488d;
    border-top: 0;
    padding: 0;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}

.typeahead__dropdown, .typeahead__list,
.navbar .header-search input.form-control:focus {
    outline: 0;
    box-shadow: 0 0 3px 0 #00488d;
}

    .typeahead__list > li {
        border-top: 0 solid #00488d;
    }

    .typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active > a, .typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:focus, .typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:hover, .typeahead__list .typeahead__item:not([disabled]).active > a, .typeahead__list .typeahead__item:not([disabled]) > a:focus, .typeahead__list .typeahead__item:not([disabled]) > a:hover,
    .typeahead__dropdown .typeahead__dropdown-item > a, .typeahead__list .typeahead__item > a {
        color: #00488d;
    }

    .typeahead__dropdown .typeahead__dropdown-item > a, .typeahead__list .typeahead__item > a,
    .typeahead__list > li > a {
        font-family: "Montserrat", sans-serif;
        font-weight: 400;
        padding: 8px 22px;
    }

        .typeahead__list > li > a strong {
            font-family: "Montserrat", sans-serif;
            font-weight: 400;
            color: #00488d;
        }

    .typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active > a,
    .typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:focus,
    .typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:hover,
    .typeahead__list .typeahead__item:not([disabled]).active > a,
    .typeahead__list .typeahead__item:not([disabled]) > a:focus,
    .typeahead__list .typeahead__item:not([disabled]) > a:hover,
    .typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active > a strong,
    .typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:focus strong,
    .typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:hover strong,
    .typeahead__list .typeahead__item:not([disabled]).active > a strong,
    .typeahead__list .typeahead__item:not([disabled]) > a:focus strong,
    .typeahead__list .typeahead__item:not([disabled]) > a:hover strong {
        background: #00488d;
        color: #fff;
    }

.navbar .header-search input.form-control:active,
.navbar .header-search input.form-control:focus,
.navbar .header-search input.form-control:hover {
    z-index: 1;
}

.header-search .form-inline {
    position: relative;
}

.submit-wrap {
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 2;
}

    .submit-wrap input {
        font-size: 0;
        width: 32px;
        height: 32px;
        min-height: 32px;
        padding: 0;
        border-radius: 100px;
        border: 0;
        background: #00488d;
    }

        .submit-wrap input:hover,
        .submit-wrap input:focus,
        .submit-wrap input:active {
            background: #04255e;
        }

    .submit-wrap::before {
        content: '\e90c';
        font-size: 16px;
        color: white;
        font-family: 'icomoon';
        font-weight: 400;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        pointer-events: none;
    }

.alert.header-alert {
    position: relative;
    border-radius: 0;
    background: #ffc107;
    border: 0;
    color: #000;
    font-weight: 600;
    margin: 0;
}

    .alert.header-alert h2 {
        font-size: 32px;
        font-weight: bold;
        color: #000000;
        position: relative;
        padding: 0 26px 0 0;
        margin: 0 24px 0 0;
    }

        .alert.header-alert h2::before {
            width: 2px;
            height: 64px;
            position: absolute;
            right: 0;
            top: -13px;
            content: '';
            background: #d49f00;
        }

/*breadcrumb*/
.breadcrumb {
    background: transparent;
    margin-bottom: 5px;
    padding-left: 0;
}

.breadcrumb-item a {
    color: #005092;
}

.breadcrumb-item.active {
    color: #139dd4;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: '\203A';
    font-size: 26px;
    line-height: 14px;
    top: 1px;
    position: relative;
    color: #aaa;
}

.content-left .mobile-breadcrumb {
    display: none;
}

/*jumbotron*/

.jumbotron {
    background-position: center;
    background-size: cover;
    background-attachment: scroll;
    height: 325px;
    padding: 0;
    border-bottom: 10px solid #005092;
    margin-bottom: 20px;
}

    .jumbotron .container {
        height: 100%;
    }

.alert.header-alert .carousel {
    max-width: 900px;
    width: 100%;
    margin-right: 26px;
}

.alert.header-alert .carousel-inner {
    margin: 0 75px;
    width: auto;
}

.alert.header-alert .carousel-control-next,
.alert.header-alert .carousel-control-prev {
    background: #00488d;
    border-radius: 4px;
    border: 2px solid #00488d;
    color: #000;
    cursor: pointer;
    height: 45px;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
}

    .alert.header-alert .carousel-control-next:focus,
    .alert.header-alert .carousel-control-next:active,
    .alert.header-alert .carousel-control-prev:focus,
    .alert.header-alert .carousel-control-prev:active {
        border: 2px solid #fff;
    }

.alert.header-alert .carousel-item a {
    color: #000;
    font-size: 18px;
}

.alert.header-alert .carousel-control-prev-icon {
    background-image: none;
    transform: scaleX(-1);
}

.alert.header-alert .carousel-control-next-icon {
    background-image: none;
}

    .alert.header-alert .carousel-control-prev-icon::before,
    .alert.header-alert .carousel-control-next-icon::before {
        content: '\e918';
        color: white;
        font-family: 'icomoon';
    }

.alert.header-alert .btn {
    min-width: 165px;
    flex: 0 0 auto;
}

/*AZ NEW */

.atoz-buttons li a {
    background: #ffffff;
    color: #000000;
}

/***********/

.atoz {
    background: #04255e;
    padding: 52px 0 63px 0;
}

    .atoz h2 {
        font-size: 32px;
        font-weight: bold;
        color: #ffffff;
    }

    .atoz p {
        font-size: 18px;
        font-weight: 500;
        color: #ffffff;
    }

.atoz-buttons {
    padding: 0;
    margin: 0 -7px;
    list-style: none outside none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .atoz-buttons li {
        margin: 7px;
    }

    .atoz-buttons .btn {
        border: 2px solid #04255e;
        padding: 0;
        border-radius: 4px;
        width: 50px;
        height: 50px;
        background-color: #ffffff;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        color: #00488d;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 9px;
        margin-bottom: 7.5px;
    }

        .atoz-buttons .btn:hover,
        .atoz-buttons .btn:focus,
        .atoz-buttons .btn:active {
            background: #04255e;
            border-color: white;
            color: white;
        }

.footer-lower {
    background: #000c26;
    padding: 35px 0 0;
}

.footer-partners {
    padding-right: 30px;
}

    .footer-partners h3 {
        width: 100%;
        flex: 0 0 auto;
    }

.footer-partners-logos {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

    .footer-partners-logos img {
        max-width: none;
        height: 46px;
        margin-right: 18px;
    }

.footer-menu {
    padding: 0 20px;
}

.footer-social {
    padding-left: 30px;
}

    .footer-social img {
        max-width: 34px;
        height: 34px;
    }

    .footer-social .row:last-child .col-2 {
        padding-right: 0;
    }

.footer-lower h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.footer-lower p {
    color: #999;
}

.footer-lower img {
    margin-bottom: 15px;
}

.footer-lower .footer-logo {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: solid 1px #31353f;
    display: block;
}

.footer-menu a {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #cfcfcf;
}

    .footer-menu a:hover,
    .footer-menu a:focus,
    .footer-menu a:active {
        color: #fff;
        text-decoration: underline;
        font-weight: 500;
    }

.footer-social .input-group {
    width: 100%;
    margin-bottom: 40px;
}

.footer-social input[type="text"] {
    border: 2px solid #005092;
}

.copyright {
    margin-top: 84px;
    padding: 0;
    border-top: 1px solid #31353f;
}

    .copyright p {
        margin: 0;
    }

        .copyright p a {
            margin: 0;
            font-size: 16px;
            font-weight: 500;
            color: #cfcfcf;
            padding: 30px 0;
            display: block;
        }

/*homepage location selector*/

.location-selector > .col {
    padding: 0;
}

.location-selector h2 {
    font-weight: 600;
    margin-bottom: 5px;
    margin-left: 15px;
}

.location-selector .accordion-btn {
    display: none;
    float: right;
    width: 21px;
    height: 21px;
    background: url('../img/icons/circle-minus-dark.svg') center center transparent no-repeat;
    background-size: 21px 21px;
}

    .location-selector .accordion-btn.closed {
        background: url('../img/icons/circle-plus-dark.svg') center center transparent no-repeat;
    }

.location-selector p {
    /*color: #139dd4;*/
    color: #005092;
    margin-top: 0;
    margin-left: 15px;
}

.region-panel ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    .region-panel ul li {
        margin-bottom: 10px;
    }

        .region-panel ul li a {
            display: flex;
            align-items: stretch;
            justify-content: flex-start;
            background: #fff;
            color: #333;
            overflow: hidden;
            position: relative;
            border-radius: 2px;
        }

.region-label {
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.region-thumbnail.col-3 {
    padding: 0;
}

.region-thumbnail img {
    border-left: 15px solid #f3f3f5;
}

/*region panel hovers*/

.region-panel ul li a.current::after {
    content: '';
    width: 50px;
    height: 50px;
    background: #e2e2e5;
    transform: rotate(45deg);
    position: absolute;
    right: -40px;
    top: 50%;
    margin-top: -25px;
}

.region-panel ul li a:hover,
.region-panel ul li a.current {
    box-shadow: 0 0 4px 0px rgba(0,0,0,0.3);
}

.region-panel ul li a[data-location="all"]:hover,
.region-panel ul li a[data-location="all"].current,
.region-panel ul li a[data-location="all"]:hover .region-label,
.region-panel ul li a[data-location="all"].current .region-label {
    /*background: #139dd4; */
    background: #0b2559;
    color: #fff;
}

    .region-panel ul li a[data-location="all"]:hover img,
    .region-panel ul li a[data-location="all"].current img {
        /*border-left: 15px solid #139dd4;*/
        border-left: 15px solid #0b2559;
    }

.region-panel ul li a[data-location="tynedale"]:hover,
.region-panel ul li a[data-location="tynedale"].current,
.region-panel ul li a[data-location="tynedale"]:hover .region-label,
.region-panel ul li a[data-location="tynedale"].current .region-label {
    background: #657678;
    color: #fff;
}

    .region-panel ul li a[data-location="tynedale"]:hover img,
    .region-panel ul li a[data-location="tynedale"].current img {
        border-left: 15px solid #657678;
    }

.region-panel ul li a[data-location="north"]:hover,
.region-panel ul li a[data-location="north"].current,
.region-panel ul li a[data-location="north"]:hover .region-label,
.region-panel ul li a[data-location="north"].current .region-label {
    background: #007b5f;
    color: #fff;
}

    .region-panel ul li a[data-location="north"]:hover img,
    .region-panel ul li a[data-location="north"].current img {
        border-left: 15px solid #007b5f;
    }

.region-panel ul li a[data-location="ash-bly"]:hover,
.region-panel ul li a[data-location="ash-bly"].current,
.region-panel ul li a[data-location="ash-bly"]:hover .region-label,
.region-panel ul li a[data-location="ash-bly"].current .region-label {
    background: #006e7f;
    color: #fff;
}

    .region-panel ul li a[data-location="ash-bly"]:hover img,
    .region-panel ul li a[data-location="ash-bly"].current img {
        border-left: 15px solid #006e7f;
    }

.region-panel ul li a[data-location="morpeth"]:hover,
.region-panel ul li a[data-location="morpeth"].current,
.region-panel ul li a[data-location="morpeth"]:hover .region-label,
.region-panel ul li a[data-location="morpeth"].current .region-label {
    background: #4f2571;
    color: #fff;
}

    .region-panel ul li a[data-location="morpeth"]:hover img,
    .region-panel ul li a[data-location="morpeth"].current img {
        border-left: 15px solid #4f2571;
    }

.region-panel ul li a[data-location="cbsv"]:hover,
.region-panel ul li a[data-location="cbsv"].current,
.region-panel ul li a[data-location="cbsv"]:hover .region-label,
.region-panel ul li a[data-location="cbsv"].current .region-label {
    background: #37455b;
    color: #fff;
}

    .region-panel ul li a[data-location="cbsv"]:hover img,
    .region-panel ul li a[data-location="cbsv"].current img {
        border-left: 15px solid #37455b;
    }

body.hover-region-all .jumbotron {
    border-bottom-color: #0b2559 !important;
}

body.hover-region-tynedale .jumbotron {
    border-bottom-color: #657678 !important;
}

body.hover-region-north .jumbotron {
    border-bottom-color: #007b5f !important;
}

body.hover-region-ash-bly .jumbotron {
    border-bottom-color: #006e7f !important;
}

body.hover-region-morpeth .jumbotron {
    border-bottom-color: #452571 !important;
}

body.hover-region-cbsv .jumbotron {
    border-bottom-color: #37455b !important;
}

/*body.hover-region-all .jumbotron h1.highlight { background-color: #139dd4!important; }
body.hover-region-tynedale .jumbotron h1.highlight { background-color: #24ba9b!important; }
body.hover-region-north .jumbotron h1.highlight { background-color: #faa436!important; }
body.hover-region-ash-bly .jumbotron h1.highlight { background-color: #8e1258!important; }
body.hover-region-morpeth .jumbotron h1.highlight { background-color: #e36938!important; }
body.hover-region-cbsv .jumbotron h1.highlight { background-color: #8a4daa!important; }*/

/*my place*/

.my-place {
    background: #fff;
    margin: 10px -15px 40px 0;
    padding: 15px 0;
}

    .my-place h2 {
        color: #000;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .my-place p {
        color: #000;
        margin-top: 0;
    }

    .my-place label {
        color: #005092;
        margin: 10px 0 0;
    }

    .my-place input.form-control {
        border: 2px solid #005092;
        font-size: 13px;
        padding: 9px 15px;
    }

    .my-place input.btn {
        padding: 10px 20px;
    }

/*whats new*/

.whats-new {
    position: relative;
    padding-left: 50px;
}

    .whats-new > .col > .btn.btn-lg { /*NCC CHANGE*/
        position: absolute;
        top: 10px;
        right: 15px;
    }

    .whats-new h2 {
        font-weight: 600;
        margin-bottom: 5px;
    }

    .whats-new p {
        color: #005092;
        margin-top: 0;
    }

/*whats new cards*/

.card.hero-card {
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    border: 0 none;
    border-radius: 2px;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
}

.card-info {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    padding: 0;
}

    .card-info .col {
        padding: 0;
    }

    .card-info .row {
        margin: 0;
    }

.card-image {
    padding: 0;
}

.col.card-details {
    padding: 30px;
}

.card-label {
    /*background: linear-gradient(#2dc1fa,#1a94f6);*/
    background: linear-gradient(#0b2559,#005092);
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 2px;
}

.card-info h3 {
    font-size: 24px;
    margin: 20px 0 10px;
    line-height: 1;
}

    .card-info h3 a {
        color: #005092;
    }

        .card-info h3 a:hover {
            /*color: #139dd4; */
            color: #005092;
            text-decoration: underline;
        }

.card p.card-summary {
    color: #333;
    margin: 0;
}

.card-footer.col {
    /*background: #139dd4;*/
    background: #0b2559;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    flex-wrap: nowrap;
    border: 0 none;
    border-radius: 0 !important;
    padding: 12px 15px;
}

.card-author {
    display: flex;
    align-items: center;
}

.author-img {
    background: #000;
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

    .author-img img {
        max-width: 28px;
    }

/*custom slider dots*/

.slick-dots {
    list-style: none outside none;
    margin: 15px 0;
    padding: 0 2px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    overflow: hidden;
}

    .slick-dots li {
        background: #fff;
        display: flex;
        width: 49%;
        margin-bottom: 15px;
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,0);
        transition: all 0.2s cubic-bezier(.25,.8,.25,1);
    }

    .slick-dots img {
        max-width: 85px;
    }

    .slick-dots li > div:first-child {
        border-left: 10px solid #005092;
    }

    .slick-dots li div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .slick-dots li h3 {
        font-size: 16px;
        color: #333;
        max-width: 100%;
        flex: 0 0 auto;
    }

        .slick-dots li h3 a {
            color: #005092;
            flex: 0 0 100%;
        }

    .slick-dots .card-label {
        font-size: 11px;
        padding: 3px 5px;
    }

    .slick-dots li div:last-child {
        padding: 5px 15px;
        max-width: calc(100% - 85px);
    }

    .slick-dots li.slick-active,
    .slick-dots li:hover {
        box-shadow: 0 0 4px 0px rgba(0,0,0,0.3);
    }

/*slider adjustments*/
.flickity-enabled,
.flickity-viewport,
.flickity-slider,
.whatsnew-panel {
    width: 100%;
}

.flickity-prev-next-button:hover {
    background: transparent;
}

.flickity-prev-next-button:focus {
    outline: none;
    box-shadow: none;
}

.slick-initialized .slick-slide {
    display: flex;
}

/*flickity custom dot counters*/

/* position dots up a bit */
.flickity-page-dots {
    bottom: -30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    /* dots are lines */
    .flickity-page-dots .dot {
        height: 30px;
        width: 30px;
        margin: 2px;
        border-radius: 2px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        opacity: 1;
        font-weight: 600;
    }

        .flickity-page-dots .dot.is-selected {
            background-color: #005092;
            color: #fff;
        }

.flickity-page-dots {
    counter-reset: my-awesome-counter;
}

    .flickity-page-dots .dot {
        counter-increment: my-awesome-counter;
    }

        .flickity-page-dots .dot:before {
            content: counter(my-awesome-counter);
        }

/*arrows*/
.flickity-prev-next-button {
    background: transparent;
    top: 75%;
    margin-top: -10px;
}

    .flickity-prev-next-button.previous {
        left: -45px;
    }

    .flickity-prev-next-button.next {
        right: -45px;
    }

/*my place dropdown*/

.my-place-dropdown {
    padding: 50px 15px;
    background: #e2e2e5;
    z-index: 1;
}

    .my-place-dropdown .container {
        position: relative;
    }

        .my-place-dropdown .container:before {
            content: '';
            width: 50px;
            height: 50px;
            position: absolute;
            left: 15%;
            top: -80px;
            transform: rotate(45deg);
            background: #f3f3f5;
        }

    .my-place-dropdown h2 {
        border-bottom: 2px solid #adaeb5;
        padding-bottom: 35px;
        margin-bottom: 30px;
    }

.row.address-select {
    position: absolute;
    z-index: 5;
    background: #e2e2e5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.row.my-place-info {
    position: relative;
    top: 0;
    z-index: 4;
    background: #e2e2e5;
}

ul.address-list {
    padding: 0;
    margin: 0;
    list-style: none outside none;
    height: 460px;
    overflow: auto;
}

.address-list li {
    padding: 20px;
    cursor: pointer;
    background: #e2e2e5;
    position: relative;
    z-index: 2;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0);
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

    .address-list li:nth-of-type(even) {
        background: #d3d4d9;
    }

    .address-list li:after {
        content: 'Click to select';
        float: right;
    }

    .address-list li:hover {
        font-weight: 600;
        z-index: 3;
        text-decoration: underline;
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
    }

.my-place-dropdown {
    display: none;
}

    .my-place-dropdown .close-button {
        position: absolute;
        top: 0;
        right: 15px;
        width: 30px;
        height: 30px;
        background: transparent;
        border-radius: 50px;
        cursor: pointer;
    }

.my-place-info h2 span {
    font-weight: 400;
    color: #139dd4;
    display: block;
}

.my-place-remember-me {
    position: absolute;
    top: 5px;
    right: 60px;
}

    .my-place-remember-me label {
        color: #139dd4;
    }

.my-services, .my-bins,
.top-services, .top-tasks {
    padding: 0px 15px 50px;
}

.my-services {
    padding-right: 25px;
    border-right: 2px solid #adaeb5;
}

.top-services {
    padding-right: 25px;
}

.my-bins,
.top-tasks {
    padding-left: 25px;
}

    .whats-new .btn.btn-lg, /*NCC CHANGE */
    .my-services .btn,
    .top-services .btn,
    .top-tasks .btn {
        position: absolute;
        top: 0px;
        right: 25px;
    }

    .my-services h2, .my-bins h2,
    .top-services h2, .top-tasks h2 {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 5px;
        margin-top: 0;
    }

    .my-services p, .my-bins p,
    .top-services p {
        color: #000;
        /*color: #139dd4;*/
        margin-top: 0;
    }

    .top-tasks p {
        color: #000;
        /*color: #139dd4;*/
        margin-top: 0;
    }

.services-carousel .carousel-item,
.top-services-carousel .carousel-item,
.top-tasks-carousel .carousel-item,
.single-service-carousel .carousel-item {
    padding: 0 50px;
    text-align: center;
}

    .services-carousel .carousel-item .col,
    .top-services-carousel .carousel-item .col,
    .top-tasks-carousel .carousel-item .col,
    .single-service-carousel .carousel-item .col {
        padding: 20px;
    }

    .services-carousel .carousel-item a,
    .top-services-carousel .carousel-item a,
    .top-tasks-carousel .carousel-item a,
    .single-service-carousel .carousel-item a {
        text-decoration: none;
    }

    .services-carousel .carousel-item h3,
    .top-services-carousel .carousel-item h3,
    .top-tasks-carousel .carousel-item h3,
    .single-service-carousel .carousel-item h3 {
        margin-top: 10px;
        color: #333;
    }

.services-carousel .carousel-indicators,
.top-services-carousel .carousel-indicators,
.top-tasks-carousel .carousel-indicators,
.single-service-carousel .carousel-indicators {
    margin: 0;
    display: inline-flex;
    bottom: -50px;
}

    .services-carousel .carousel-indicators li,
    .top-services-carousel .carousel-indicators li,
    .top-tasks-carousel .carousel-indicators li,
    .single-service-carousel .carousel-indicators li {
        height: 30px;
        text-indent: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-color: #fff;
        font-weight: 600;
    }

        .services-carousel .carousel-indicators li.active,
        .top-services-carousel .carousel-indicators li.active,
        .top-tasks-carousel .carousel-indicators li.active,
        .single-service-carousel .carousel-indicators li.active {
            background-color: #005092;
            color: #fff;
        }

.services-carousel .carousel-control-next, .services-carousel .carousel-control-prev,
.top-services-carousel .carousel-control-next, .top-services-carousel .carousel-control-prev,
.top-tasks-carousel .carousel-control-next, .top-tasks-carousel .carousel-control-prev,
.single-service-carousel .carousel-control-next, .single-service-carousel .carousel-control-prev {
    width: auto;
    color: #000;
}

.services-carousel .carousel-control-prev-icon,
.top-services-carousel .carousel-control-prev-icon,
.single-service-carousel .carousel-control-prev-icon,
.top-tasks-carousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.services-carousel .carousel-control-next-icon,
.top-services-carousel .carousel-control-next-icon,
.single-service-carousel .carousel-control-next-icon,
.top-tasks-carousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.services-slide a > span {
    font-size: 64px;
    color: #005092;
}

.top-tasks-carousel .services-slide a > span {
    font-size: 64px;
    color: #005092;
}

.single-service-carousel .services-slide a > span {
    font-size: 64px;
    color: #999;
}

    .single-service-carousel .services-slide a > span:hover {
        font-size: 64px;
        color: #000;
    }

.services-slide .col {
    min-height: 190px;
}

.my-bins .btn {
    margin: 0 auto;
}

.bin-calendar {
    padding: 40px 0;
}

.bin-date {
    padding: 10px;
    margin: 20px 0 0;
    text-align: center;
}

    .bin-date.recycling {
        background: #005092;
    }

    .bin-date.garden {
        background: #4c3f3a;
    }

    .bin-date.rubbish {
        background: #24ba9b;
    }

.bin-date-footer {
    text-align: center;
    padding: 5px;
}

    .bin-date-footer span {
        color: #fff;
    }

.bin-date.recycling + .bin-date-footer {
    background: #4b6386;
}

.bin-date.garden + .bin-date-footer {
    background: #6a605c;
}

.bin-date.rubbish + .bin-date-footer {
    background: #66c8c9;
}

.bin-date span {
    display: block;
    color: #fff;
}

.day {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}

.date {
    font-size: 56px;
    font-weight: 600;
}

.mo-yr {
    font-size: 14px;
}

.bin-date-footer span {
    font-weight: 600;
    font-size: 16px;
}

.bin-calendar .col-3 {
    padding: 10px;
}

.top-services-tasks {
    background: #fff;
    position: relative;
}

    .top-services-tasks:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 50%;
        bottom: 0;
        background: #fff;
        z-index: 1;
    }

    .top-services-tasks > div {
        z-index: 2;
        position: relative;
    }

.top-services {
    padding: 50px 0 0 0;
    background: #fff;
}

.top-tasks {
    padding: 50px 0;
    background: #fff;
}

/*service dropdown*/

.top-services-dropdown {
    padding: 50px 15px;
    background: #e2e2e5;
    display: none;
    z-index: 1;
}

    .top-services-dropdown .container {
        position: relative;
    }

        .top-services-dropdown .container:before {
            content: '';
            width: 50px;
            height: 50px;
            position: absolute;
            left: 25%;
            top: -80px;
            transform: rotate(45deg);
            background: #fff;
            margin-left: -26px;
        }

    .top-services-dropdown .close-button {
        position: absolute;
        top: 0;
        right: 15px;
        width: 30px;
        height: 30px;
        background: transparent;
        border-radius: 50px;
        cursor: pointer;
    }

    .top-services-dropdown h2 {
        text-align: center;
    }

.single-service-carousel {
    margin-bottom: 50px;
    margin-top: 20px;
}

/*map panel*/

.map-panel {
    height: calc(100vh - 129px);
    position: relative;
    padding: 0;
    background: #000c24;
    border-top: 2px solid #005092;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.35);
    overflow: hidden;
    z-index: 3;
}

.map-header {
    padding: 10px 0;
    background: #000c24;
}

    .map-header h2 {
        color: #fff;
    }

#viewDiv {
    height: calc(100% - 61px);
    width: 100%;
    margin: 0;
    padding: 0;
}

.map-info-panel {
    position: absolute;
    top: 100px;
    width: 25%;
    max-width: 305px;
}

    .map-info-panel > .row {
        margin-bottom: 20px;
        background: #fff;
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.35);
    }

    .map-info-panel h3 {
        padding: 15px 0;
        font-weight: 400;
    }

    .map-info-panel a.list-group-item {
        border-radius: 0 !important;
        border: 0;
        font-weight: 600;
        border-bottom: 2px solid #d1d3d8;
        padding: 15px 0;
        margin-bottom: 0;
    }

        .map-info-panel a.list-group-item:last-child {
            border-bottom: 0;
        }

        .map-info-panel a.list-group-item.active {
            background: #faa436;
            box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);
            margin-left: -15px;
            margin-right: -15px;
            width: calc(100% + 30px);
            padding-left: 15px;
            border-bottom: 0;
        }

.services-map-panel .map-info-panel a.list-group-item.active {
    background: #139dd4;
}

.map-info-panel .did-you-know .row {
    margin: 0;
}

.map-info-panel .did-you-know .col {
    padding: 0;
}

.map-info-panel .did-you-know .row:last-child .col {
    font-weight: 600;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .map-info-panel .did-you-know .row:last-child .col:first-child {
        background: #faa436;
        text-align: center;
    }

.services-map-panel .map-info-panel .did-you-know .row:last-child .col:first-child {
    background: #139dd4;
}

.map-info-panel .did-you-know h2 {
    color: #fff;
    width: 100%;
    padding: 10px 15px;
    margin: 0;
    background: #000c24;
}

    .map-info-panel .did-you-know h2 img {
        max-width: 20px;
        margin-top: -5px;
    }

.map-info-panel .did-you-know span.number {
    background: #faa436;
    font-size: 60px;
    font-weight: 700;
    color: #fff;
}

.services-map-panel .map-info-panel .did-you-know span.number {
    background: #139dd4;
}

.map-info-panel .did-you-know p {
    margin: 0;
}

.map-panel .close-button {
    display: none;
}

/*fullscreen map*/

.map-panel.fullscreen-map {
    z-index: 2000;
}

.fullscreen-map #viewDiv {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 500;
}

.fullscreen-map .close-button {
    position: fixed;
    top: 30px;
    right: 30px;
    display: block;
    z-index: 550;
}

/*whats new lists*/

.whats-new-lists {
    background: #fff;
    padding: 50px 15px;
    z-index: 4;
    position: relative;
}

    .whats-new-lists h2 {
        font-weight: 600;
        margin-bottom: 5px;
    }

    .whats-new-lists p {
        color: #005092;
        margin-top: 0;
        margin-bottom: 40px;
    }

.whats-new-list {
    position: relative;
}

    .whats-new-list h2 {
        background: #f9f9fa;
        color: #000;
        padding: 10px 15px;
        font-size: 24px;
        margin-bottom: 0;
    }

    .whats-new-list .accordion-btn {
        display: none;
        width: 21px;
        height: 21px;
        background: url('../img/icons/circle-minus-dark.svg') center center transparent no-repeat;
        background-size: 21px 21px;
    }

        .whats-new-list .accordion-btn.closed {
            background: url('../img/icons/circle-plus-dark.svg') center center transparent no-repeat;
        }

    .whats-new-list .btn {
        position: absolute;
        top: 5px;
        right: 20px;
        font-size: 12px;
        line-height: 24px;
    }

    .whats-new-list ul {
        max-height: 475px;
        overflow: auto;
        margin: 0;
        padding: 0;
        list-style: none outside none;
        border-bottom: 1px solid #e2e2e5;
        background: #f9f9fa;
    }

    .whats-new-list li {
        padding: 15px 15px 0;
        display: block;
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0);
        transition: all 0.2s cubic-bezier(.25,.8,.25,1);
    }

        .whats-new-list li:hover {
            font-weight: 600;
            /* background: #005092;*/
            background: #657678;
            box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
        }

    .whats-new-list.alert-list li:hover {
        background: #e42313;
    }

    .whats-new-list li:hover a {
        border-bottom-color: transparent;
        color: #ffffff;
    }
    /* new */
    .whats-new-list.alert-list li:hover a {
        /*color:#ffdd00;*/
        color: #ffffff;
    }
    /* end new */

    .whats-new-list li a {
        /*color: #333;*/
        color: #000;
        display: block;
        border-bottom: 1px solid #ccc;
        padding-bottom: 15px;
    }

span.job-type, span.event-date, span.meeting-date {
    display: block;
    padding: 10px 0 0;
    font-size: 12px;
    font-weight: 600;
}

    span.meeting-date .status-c {
        color: #007b5f;
    }

    span.meeting-date .status-p {
        color: #D42111;
    }

    /* new */
    span.meeting-date .status-c a:hover {
        color: #ffffff;
    }

    span.meeting-date .status-p a:hover {
        color: #ffffff;
    }

.whats-new-list li:hover .status-c {
    color: #ffffff;
}

.whats-new-list li:hover .status-p {
    color: #ffffff;
}
/* end new */

/*listing pages*/

.three-col-block {
    background: #fff;
}

.content-left, .content-right {
    padding-top: 50px;
}

.content-main {
    padding: 0;
}

.date-archive,
.linkbox.image-linkbox,
.filters,
.sidebar-service-list {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 2px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
}

.linkbox {
    margin-bottom: 40px;
}

    .linkbox:hover {
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.35);
    }

    .linkbox .card-details {
        padding: 15px 30px;
    }

        .linkbox .card-details h3 {
            margin-top: 10px;
        }

            .linkbox .card-details h3 a {
                color: #333;
            }

                .linkbox .card-details h3 a:hover,
                .linkbox .card-details h3 a:focus {
                    color: #139dd4;
                }

    .linkbox img {
        margin-bottom: 15px;
    }

/*archive and filters*/

.date-archive h3,
.filters h3 {
    margin-top: 0;
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
}

.date-archive a {
    color: #333;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}

    .date-archive a .archive-count {
        color: #005092;
        text-align: right;
    }

.filters .form-check {
    padding: 5px 15px;
}

.search-cap {
    text-transform: capitalize;
}

.search-count {
    float: right;
    color: #139dd4;
}

.search-filters label {
    width: 100%;
}

.listing-header .filters {
    display: none;
}

.listing-container h2 .accordion-btn {
    display: none;
    float: right;
    width: 21px;
    height: 21px;
    background: url('../img/icons/circle-minus.svg') center center transparent no-repeat;
    background-size: 21px 21px;
}

    .listing-container h2 .accordion-btn.closed {
        background: url('../img/icons/circle-plus.svg') center center transparent no-repeat;
    }

/*category filters - list group */

.filters a.list-group-item {
    border-radius: 0 !important;
    border: 0;
    font-weight: 600;
    border-bottom: 2px solid #d1d3d8;
    padding: 15px 0;
    margin-bottom: 0;
    color: #005092;
}

    .filters a.list-group-item:last-child {
        border-bottom: 0;
    }

    .filters a.list-group-item:hover {
        background: #005092;
        color: #fff;
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
    }

    .filters a.list-group-item.active {
        /*background: #139dd4;*/
        background: #f3f3f5;
        box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
        padding-left: 15px;
        border-bottom: 0;
        color: #000;
    }

/*listing*/

.listing-item {
    padding: 0;
    margin: 20px 0 0;
    position: relative;
    border-radius: 2px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0);
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

    .listing-item:hover {
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
        background: #FAFAFB;
    }

    .listing-item:after,
    .listing-item:nth-child(2):before {
        position: absolute;
        content: '';
        width: 100%;
        left: 0;
        bottom: -10px;
        right: 0;
        border-bottom: 2px solid #ccc;
    }

    .listing-item:nth-child(2):before {
        bottom: auto;
        top: -10px;
    }

.listing-image {
    padding: 0;
}

.listing-info {
    padding: 15px 10px;
}

.atoz-listing .listing-info {
    padding: 5px 10px;
}

.listing-info .date {
    font-size: 14px;
    font-weight: 400;
    /*color: #139dd4;*/
    color: #005092;
    margin-bottom: 5px;
}

.events-listing .listing-info .date:before {
    content: 'Event date: ';
    color: #333;
    margin-right: 5px;
}

.events-listing .listing-info .date span.event-status {
    font-weight: 600;
}

.alerts-listing .listing-item {
    padding: 15px;
}

    .alerts-listing .listing-item:hover,
    .alerts-listing .filters a.list-group-item.active {
        background: #e42313;
    }

    .alerts-listing .listing-item a:hover,
    .alerts-listing .listing-item a:focus {
        color: #333;
    }

    .alerts-listing .listing-item:hover,
    .alerts-listing .listing-item:hover a,
    .alerts-listing .listing-item a:hover {
        color: white;
    }

.alerts-listing .listing-footer {
    justify-content: space-between !important;
    width: 100%;
    margin: 0;
}

    .alerts-listing .listing-footer div {
        padding: 0;
    }

span.event-status.status-c {
    color: #00a980;
}

span.event-status.status-p {
    color: #a80000;
}

.listing-header {
    padding-bottom: 5px;
}

    .listing-header span span {
        color: #139dd4;
        font-weight: 600;
    }

    .listing-header .dropdown {
        margin-left: 15px;
    }

.listing-label {
    /*background: linear-gradient(#2dc1fa,#1a94f6);*/
    background: linear-gradient(#0b2559, #005092);
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 2px;
}

.listing-footer img {
    max-width: 32px;
    border-radius: 50px;
    margin-right: 10px;
}

.listing-footer span {
    margin-right: 10px;
}

.listing-footer p {
    margin: 0;
    font-size: 12px;
}

listing-item h3 a {
    color: #005092;
}

.listing-item h3 a:hover,
.listing-item h3 a:focus {
    color: #005092;
    text-decoration: underline;
}

.search-listing .listing-footer {
    color: #005092;
}

.listing-item h3 a:hover,
.listing-item h3 a:focus {
    color: #005092;
}

.search-listing .listing-footer {
    color: #005092;
}

/*pagination*/

.content-main .pagination {
    background: #e2e2e5;
    padding: 15px;
    margin-top: 40px;
    border-radius: 2px;
    margin-bottom: 40px;
}

.pagination li img {
    width: 15px;
}

.content-main .pagination li:first-child a,
.content-main .pagination li:last-child a {
    background: transparent;
}

.content-main .pagination li a {
    height: 30px;
    text-indent: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #fff;
    border: 0 none;
    margin: 2px;
    border-radius: 2px;
    color: #333;
    font-weight: 600;
}

    /*new*/
    .content-main .pagination li a:hover,
    .content-main .pagination li a:focus {
        background: #657678;
    }

/*end new*/
.content-main .pagination li.active a {
    background-color: #005092;
    color: #fff;
}

/*news article*/

.article-main-image img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.article-header {
    margin: 0 -15px 15px;
}

.category-label {
    background: linear-gradient(#2dc1fa,#1a94f6);
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 2px;
}

.page-content,
.article-extras {
    margin-bottom: 40px;
}

    .page-content img.float-left {
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .page-content img.float-right {
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .article-extras h3 {
        color: #139dd4;
    }

    .article-extras span {
        font-weight: 600;
    }

.embed-responsive {
    margin-bottom: 15px;
}

.related-articles h3 {
    margin-bottom: 15px;
}

.related-article-linkbox .card-details h3 {
    margin-top: 0;
}

.related-article-linkbox .card-details {
    padding-top: 0;
}

/*left column a to z*/

.content-left .atoz h2 {
    font-size: 22px;
    text-align: left;
}

.content-left .atoz {
    text-align: left;
    padding: 20px;
}

.content-left .atoz-buttons {
    margin: 0;
}

    .content-left .atoz-buttons li {
        margin: 5px;
    }

    .content-left .atoz-buttons .btn.active {
        box-shadow: none;
        background: #0050092;
        color: #ffffff;
        border: 2px solid #ffffff;
        line-height: 32px;
    }

    .content-left .atoz-buttons .btn {
        font-size: 24px;
        width: 36px;
        height: 36px;
        line-height: 36px;
    }

/*a to z search*/

.atoz-search-filter {
    padding: 20px;
    background: #005092; /*#2dc1fa;*/
    color: #fff;
    margin-bottom: 15px;
}

    .atoz-search-filter .form-inline img {
        max-width: 21px;
        height: auto;
        position: absolute;
        top: 20px;
        left: 20px;
        width: 20px;
    }

    .atoz-search-filter .form-inline {
        padding: 10px 30px;
    }

    .atoz-search-filter .form-group {
        position: relative;
        width: 100%;
    }

    .atoz-search-filter .form-control {
        border-radius: 2px;
        border: 0 none;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
        padding: 20px 0 20px 70px;
        width: 100%;
    }

/*services page*/

.service-left-column .top-tasks {
    padding-bottom: 40px;
    text-align: center;
}

    .service-left-column .top-tasks:before {
        content: '';
        position: absolute;
        right: 100%;
        top: 0;
        bottom: 0;
        width: 5000px;
        background: #fff;
    }

    .service-left-column .top-tasks h2,
    .service-left-column .top-tasks p {
        text-align: left;
    }

    .service-left-column .top-tasks .btn {
        position: static;
        margin: 75px auto 0;
    }

.service-right-column {
    padding-top: 15px;
}

.services-intro {
    margin-bottom: 0;
}

    .services-intro h1.highlight {
        padding-left: 20px;
        margin: 0;
    }

    .services-intro p {
        background: #fff;
        width: 100%;
        max-width: 600px;
        padding: 15px 20px;
        margin: 0;
    }

.services-list {
    background: #fff;
    border-top: 10px solid #eee;
    padding: 40px 0;
}

    .services-list h2 + p {
        /*color: #139dd4;*/
        color: #005092;
    }

.services-list-item {
    padding: 0;
    margin: 0 15px 15px 0;
    position: relative;
}

    .services-list-item:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: -9px;
        right: 0;
        height: 1px;
        border-bottom: 1px solid #aaa;
    }

    .services-list-item:after {
        content: '';
        position: absolute;
        top: 0;
        right: -9px;
        bottom: 0;
        width: 1px;
        border-right: 1px solid #aaa;
    }

    .services-list-item:hover {
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
        background: #FAFAFB;
    }

    .services-list-item > div {
        /*width: 50%;*/
        padding: 0;
    }

    /*.services-list-item > .services-list-item-image {
        width: 33%;
    }

    .services-list-item > .services-list-item-info {
        width: 66%;
    }*/

    .services-list-item > div.services-list-item-info {
        padding: 15px;
    }

.services-list h3 {
    margin-top: 15px;
}

    .services-list h3 a {
        color: #005092;
        word-wrap: break-word;
        font-weight: bold;
    }

        .services-list h3 a:focus,
        .services-list h3 a:hover {
            color: #139dd4;
        }

/*service group page*/

.sidebar-service-list a {
    display: block;
    padding: 5px 0;
    font-weight: 600;
    /*color: #333;*/
    color: #005092;
}

    .sidebar-service-list a:hover,
    .sidebar-service-list a:focus {
        /*color: #139dd4;*/
        color: #005092;
        word-wrap: break-word;
        font-weight: bold;
        text-transform: underline;
    }

.content-left .top-tasks .btn {
    position: static;
    margin: 75px auto 0;
}

.content-left .top-tasks {
    padding-bottom: 30px;
    text-align: center;
}

    .content-left .top-tasks h2 {
        text-align: left;
    }

    .content-left .top-tasks p {
        text-align: left;
    }

.sg-buttons .btn img {
    max-width: 15px;
    transform: rotate(180deg);
}

.sg-buttons .top-btn {
    padding-right: 30px;
    margin-left: auto;
}

.service-group-item h2 {
    margin-bottom: 0;
}

.service-group-item > .row {
    margin: 0 0 40px;
    border-radius: 0 0 2px 2px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
}

.sg-block {
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

    .sg-block:last-child {
        border-bottom: 0;
    }

    .sg-block > :last-child {
        margin-bottom: 0;
    }

.accordion-list {
    margin-bottom: 15px;
}

    .accordion-list .card-header {
        background: #f9f9fa;
        color: #000;
        padding: 5px 15px;
        border-radius: 0;
        cursor: pointer;
    }

        .accordion-list .card-header h5 {
            color: #000;
            font-size: 24px;
            font-weight: 600;
        }

            .accordion-list .card-header h5 a {
                color: #000;
                font-size: 16px;
            }

    .accordion-list a .accordion-btn {
        float: right;
        width: 21px;
        height: 21px;
        background: url('../img/icons/circle-minus-dark.svg') center center transparent no-repeat;
        background-size: 21px 21px;
        position: relative;
        top: 3px;
    }

    .accordion-list a.collapsed .accordion-btn {
        background: url('../img/icons/circle-plus-dark.svg') center center transparent no-repeat;
    }

.address-rows {
    padding: 30px;
}

.sg-block .carousel-indicators {
    width: 100%;
    margin: 15px 0;
    display: inline-flex;
    position: static;
}

    .sg-block .carousel-indicators li {
        height: 30px;
        text-indent: 0;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background-color: #fff;
        font-weight: 600;
    }

        .sg-block .carousel-indicators li.active {
            background-color: #005092;
            color: #fff;
        }

.sg-block.half-image-slider-block .carousel-item .col:last-child {
    text-align: right;
}

.sg-block.full-image-slider-block img {
    margin-bottom: 15px;
    width: 100%;
}

.sg-block .form h4 {
    font-size: 14px;
    font-weight: 600;
}

.sg-block .form .form-row {
    margin-bottom: 15px;
}

.sg-block .form .form-control {
    border-radius: 3px;
    border: 2px solid #005092;
    font-size: 14px;
    height: auto;
    padding: 10px 15px;
}

.sg-block.links-block ul,
.sg-block.tasks-block ul {
    list-style: none;
}

.sg-block ul li {
    padding: 5px 0;
    position: relative;
}

.sg-block.links-block li:before {
    content: '- ';
}

.sg-block.tasks-block li {
    padding: 10px 0;
}

    .sg-block.tasks-block li:before {
        content: '';
        width: 25px;
        height: 30px;
        background: url('../img/icons/tasks.svg') top left no-repeat scroll transparent;
        background-size: 25px auto;
        display: inline-block;
        position: absolute;
        left: -35px;
        top: 5px;
    }

.sg-block.single-image-link-block .col-auto,
.sg-block.double-image-link-block .row .col .row .col:first-child {
    padding-right: 0;
}

.sg-block.single-image-link-block .col:last-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .sg-block.single-image-link-block .col:last-child p {
        margin-bottom: auto;
    }

.sg-block.image-grid-block h4,
.sg-block.image-link-row-block h4 {
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    color: #333;
}

.sg-block.image-grid-block a {
    display: block;
}

    .sg-block.image-grid-block a:hover,
    .sg-block.image-grid-block a:focus,
    .sg-block.image-link-row-block .col > div:hover {
        text-decoration: none;
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);
        background: #FAFAFB;
    }

.sg-block.image-link-row-block h4 {
    padding: 0;
}

.sg-block.image-link-row-block .image-link-footer {
    padding: 10px;
}

.sg-block.image-link-row-block > .row {
    margin-bottom: 15px;
}

/*meeting page*/

.meeting-details {
    margin: 30px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

    .meeting-details p {
        margin: 0 0 10px;
    }

    .meeting-details .meeting-label {
        color: #139dd4;
        padding-right: 10px;
    }

    .meeting-details span.event-status {
        font-weight: 600;
    }

.meeting-documents,
.meeting-attendees {
    margin: 30px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

    .meeting-documents a {
        text-decoration: underline;
    }

    .meeting-documents h4, .meeting-attendees h4 {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .meeting-attendees img {
        max-width: 21px;
    }

    .meeting-attendees table td:last-child,
    .meeting-attendees table th:last-child {
        width: 100px;
        text-align: center;
    }

    .meeting-attendees thead th {
        font-weight: 300;
        font-size: 16px;
        padding: 5px 15px;
        background: #000c24 !important;
        border-color: #000c24 !important;
    }

/*sharing widget*/

.sharing img {
    max-width: 24px;
    cursor: pointer;
}

    .sharing img:last-child {
        max-width: 21px;
    }

#shareModal .modal-dialog {
    margin-top: -100px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
}

.modal-content {
    border-radius: 3px;
}

.modal h4 {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 2px solid #ccc;
}

    .modal h4 img {
        max-width: 21px;
    }

.btn.social-button {
    text-align: left;
    padding: 0;
    border-radius: 0;
    height: auto;
    margin: 20px 0;
    color: #fff;
    line-height: 26px;
    display: flex;
}

.social-button img {
    max-width: 25px;
    margin-right: 5px;
    height: 25px;
}

.facebook-button {
    background: #517cbe;
}

.twitter-button {
    background: #65cdf0;
}

.linkedin-button {
    background: #0076b2;
}

/*NCC CUSTOM*******/

/*user selected location style changes - keep at bottom of stylesheet */

/*

body[data-user-location="all"]
body[data-user-location="tynedale"]
body[data-user-location="north"]
body[data-user-location="ash-bly"]
body[data-user-location="morpeth"]
body[data-user-location="cbsv"]

*/

body[data-user-location="all"] .jumbotron {
    border-bottom-color: #0b2559;
}

body[data-user-location="tynedale"] .jumbotron {
    border-bottom-color: #657678;
}

body[data-user-location="north"] .jumbotron {
    border-bottom-color: #007b5f;
}

body[data-user-location="ash-bly"] .jumbotron {
    border-bottom-color: #006e7f;
}

body[data-user-location="morpeth"] .jumbotron {
    border-bottom-color: #4f2571;
}

body[data-user-location="cbsv"] .jumbotron {
    border-bottom-color: #37455b;
}

/*body[data-user-location="all"] .jumbotron h1.highlight { background-color: #139dd4; }*/
body[data-user-location="all"] .jumbotron h1.highlight {
    background-color: #0b2559;
}

body[data-user-location="tynedale"] .jumbotron h1.highlight {
    background-color: #657678;
}

body[data-user-location="north"] .jumbotron h1.highlight {
    background-color: #007b5f;
}

body[data-user-location="ash-bly"] .jumbotron h1.highlight {
    background-color: #006e7f;
}

body[data-user-location="morpeth"] .jumbotron h1.highlight {
    background-color: #4f2571;
}

body[data-user-location="cbsv"] .jumbotron h1.highlight {
    background-color: #37455b;
}

/*body[data-user-location="all"] .slick-dots li > div:first-child { border-left: 10px solid #139dd4; }*/
body[data-user-location="all"] .slick-dots li > div:first-child {
    border-left: 10px solid #0b2559;
}

body[data-user-location="tynedale"] .slick-dots li > div:first-child {
    border-left: 10px solid #657678;
}

body[data-user-location="north"] .slick-dots li > div:first-child {
    border-left: 10px solid #007b5f;
}

body[data-user-location="ash-bly"] .slick-dots li > div:first-child {
    border-left: 10px solid #006e7f;
}

body[data-user-location="morpeth"] .slick-dots li > div:first-child {
    border-left: 10px solid #4f2571;
}

body[data-user-location="cbsv"] .slick-dots li > div:first-child {
    border-left: 10px solid #37455b;
}

/*body[data-user-location="all"] .card-footer.col { background: #139dd4; }*/
body[data-user-location="all"] .card-footer.col {
    background: #0b2559;
}

body[data-user-location="tynedale"] .card-footer.col {
    background: #657678;
}

body[data-user-location="north"] .card-footer.col {
    background: #007b5f;
}

body[data-user-location="ash-bly"] .card-footer.col {
    background: #006e7f;
}

body[data-user-location="morpeth"] .card-footer.col {
    background: #4f2571;
}

body[data-user-location="cbsv"] .card-footer.col {
    background: #37455b;
}

#viewDiv {
    overflow: hidden;
}

/* custom*/

.article-date {
    font-weight: bold;
    font-size: 1.1em;
}

a:hover,
a:focus {
    color: #005092;
    word-wrap: break-word;
    font-weight: bold;
    text-transform: underline;
}

.navbar-light .navbar-nav .nav-link {
    color: #0b2559;
}

.atoz-search-filter a {
    color: #ffffff;
}

a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

.search-bar.jsnank {
    background: #ffffff;
}

.jsnank-links {
    list-style-type: none;
    text-align: center;
}

    .jsnank-links li {
        display: inline;
        padding: 0px 10px;
    }

.CaptchaTable img {
    width: 100%;
    height: 100%;
    max-width: none;
}

.footer-lower .ErrorMessage {
    color: #ffffff;
    background-color: darkred;
    font-weight: 600;
}

.footer-lower .InfoMessage {
    color: #ffffff;
    background-color: darkgreen;
    font-weight: 600;
}

.CaptchaTextBox.form-control {
    width: 100%;
}

.col.copyright.text-center p a {
    color: white;
}

.footer-vert {
    color: #ffffff;
}
/** end custom ***/

/**** EH additions - do not remove ***/
/* TM - this breaks slick on IE
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: none!important;
	-o-transform: translate3d(0, 0, 0);
	transform: none;
} */

.services-list-item-info > * {
    max-width: 100%;
}

/*********************/

/***** t-tasks ****/
.two-col-block .top-tasks-carousel .carousel-item h3 {
    color: #333;
    font-size: 85%;
}
/***************/

/*Accessibility fixes*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}

.nav-item.nav-item-has-icon i {
    color: #0b2559;
    display: inline;
    font-size: 23px;
}

.nav-item.nav-item-has-icon .nav-link {
    display: flex;
    align-items: center;
}

.search-bar img {
    font-size: 20px;
    float: left;
    margin-right: 10px;
    color: #fff;
}

.search-bar .input-group i {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 20;
    font-size: 15px;
    color: #000;
}

.alert .close i {
    font-size: 21px;
    color: #000;
}

h1 i {
    font-size: 20px;
    position: absolute;
    left: 15px;
    top: auto;
    margin-top: 5px;
    color: #fff;
}

h2 i, h3 i {
    font-size: 21px;
    margin-right: 10px;
    margin-top: -5px;
    color: #005092;
}

.my-place h2 i {
    color: #000;
}

h2.page-header i {
    color: #fff;
}

.filters h3 i,
.date-archive h3 i {
    color: #212529;
}

a.video-tooltip i {
    font-size: 15px;
    height: auto;
    margin-top: -3px;
    color: #005092;
}

.content-main .pagination li a i {
    font-size: 24px;
    color: #333;
}

.atoz-search-filter .form-inline i {
    font-size: 21px;
    position: absolute;
    top: 20px;
    left: 20px;
    color: #005092;
}

.footer-social i {
    font-size: 35px;
}

.alert .close {
    text-shadow: none;
}

.search-types .active {
    background-color: #f3f3f5;
    color: #000;
    border-bottom: solid 5px #005092;
}

.search-types .type {
    padding: 5px;
}

.search-types hr {
    margin-top: 0;
}

.search-types h2 {
    font-weight: normal;
    font-size: 25px;
}

/* HOMEPAGE CSS */
.sronly,
.sronly-focusable {
    position: absolute;
    left: -999999px;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    transition: none;
}

    .sronly-focusable:focus {
        border: auto;
        clip: auto;
        height: auto;
        left: auto;
        margin: auto;
        overflow: auto;
        padding: auto;
        position: relative;
        width: auto;
    }

    .sronly-focusable.skiptomain {
        background: white;
        border: 2px solid black;
        clip: auto;
        color: black;
        height: auto;
        left: 5px;
        line-height: 1;
        margin: 0;
        padding: 10px;
        position: absolute;
        top: 5px;
        width: auto;
        z-index: 1;
    }

.informationhub {
    background-color: #f3f3f5;
    padding: 34px 0;
}

    .informationhub h2 {
        margin: 0 0 30px 0;
    }

.hub h2,
.hub h2 a {
    font-size: 32px;
    font-weight: bold;
    color: #333a41;
}

.hub ul li {
    list-style: none;
    position: relative;
    padding-left: 21px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px rgba(0,0,0,0.2);
}

    .hub ul li::before {
        content: '\e918';
        font-family: icomoon;
        position: absolute;
        left: 0;
        color: #04255e;
        top: calc(50% - 5px);
        transform: translateY(-50%);
        font-size: 14px;
    }

    .hub ul li a {
        font-size: 18px;
        font-weight: 500;
        color: #04255e;
    }

        .hub ul li a:hover,
        .hub ul li a:focus {
            text-decoration: underline;
        }

.hub2 ul li {
    list-style: none;
    position: relative;
    padding-left: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px rgba(0,0,0,0.2);
}

    .hub2 ul li:last-of-type {
        border-bottom: 0;
    }

    .hub2 ul li a:hover {
        text-decoration: none;
    }

        .hub2 ul li a:hover h3 {
            text-decoration: underline;
        }

    .hub2 ul li h3 {
        margin: 0 0 10px 0;
    }

    .hub2 ul li p {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        color: #333a41;
        margin: 0;
    }

.top-services .container {
    position: relative;
}

    .top-services .container::before {
        width: calc(100% + 200px);
        height: 1px;
        background: #bcbcbc;
        content: '';
        position: absolute;
        bottom: 0;
        left: -100px;
    }

.whatsnewsliderwrapper,
.homesliderwrapper {
    overflow: hidden;
}

    .whatsnewslider h2,
    .homesliderwrapper h2 {
        font-size: 32px;
        font-weight: bold;
        color: #333a41;
    }

.whatsnewslider,
.homeslider {
    margin: 50px 0;
}

    .whatsnewslider span,
    .homeslider span {
        height: 50px;
        width: auto;
        display: flex;
        align-items: flex-start;
        margin: 0 0 12px 0;
        font-size: 50px;
        color: #00488d;
    }

        .whatsnewslider span svg,
        .homeslider span svg,
        .whatsnewslider span img,
        .homeslider span img {
            height: 100%;
            width: auto;
        }

    .whatsnewslider .slick-slide,
    .homeslider .slick-slide {
        height: auto;
    }

        .whatsnewslider .slick-slide a,
        .homeslider .slick-slide a {
            display: block;
            width: 100%;
        }

    .whatsnewslider .slick-track,
    .homeslider .slick-track {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: stretch;
    }

    .whatsnewslider .slick-list,
    .homeslider .slick-list {
        overflow: visible;
    }

    .homeslider .slide {
        border-right: 1px solid #bcbcbc;
        opacity: 0.3;
        transition: 0.3s ease all;
    }

        .homeslider .slide:hover {
            border-right: 1px solid transparent;
        }

        .homeslider .slide a {
            border: 2px solid transparent;
            border-radius: 4px;
            padding: 10px 8px;
            transition: 0.3s ease all;
        }

    .whatsnewslider .slide a {
        border: 2px solid transparent;
        transition: 0.3s ease all;
    }

        .homeslider .slide a:hover,
        .homeslider .slide a:focus,
        .homeslider .slide a:active,
        .whatsnewslider .slide a:hover,
        .whatsnewslider .slide a:focus,
        .whatsnewslider .slide a:active {
            border: 2px solid #00488d;
            text-decoration: none;
        }

    .whatsnewslider .slide {
        width: 200px;
    }

        .whatsnewslider .slide.slick-active,
        .homeslider .slide.slick-active {
            opacity: 1;
        }

        .whatsnewslider .slide a:focus svg,
        .homeslider .slide a:focus svg {
            text-decoration: none;
        }

        .whatsnewslider .slide h3,
        .homeslider .slide h3 {
            width: 90%;
            overflow-wrap: normal;
        }

    .whatsnewslider .slick-arrow,
    .homeslider .slick-arrow {
        background-color: #00488d;
        border-radius: 4px;
        border: solid 2px #00488d;
        cursor: pointer;
        font-size: 0;
        height: 66px;
        left: -112px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 66px;
        z-index: 1;
        transition: 0.3s ease all;
        overflow: hidden;
    }

        .whatsnewslider .slick-arrow:focus,
        .homeslider .slick-arrow:focus {
            background-color: #0b2559;
            border: solid 2px #0b2559;
        }

        .whatsnewslider .slick-arrow::before,
        .homeslider .slick-arrow::before {
            color: white;
            content: '\e918';
            font-family: 'icomoon';
            font-size: 20px;
        }

    .whatsnewslider .slick-prev,
    .homeslider .slick-prev {
        transform: translateY(-50%) scaleX(-1);
    }

    .whatsnewslider .slick-next,
    .homeslider .slick-next {
        left: auto;
        right: -112px;
    }

/* whats new slider */
.whatsnewwrapper {
    background: #f3f3f5;
    padding: 45px 0 42px 0;
}

    .whatsnewwrapper h2 {
        font-size: 32px;
        font-weight: bold;
        color: #333a41;
    }

    .whatsnewwrapper p {
        font-size: 18px;
        font-weight: 500;
        color: #333a41;
    }

    .whatsnewwrapper select {
        width: 100%;
        padding: 14px 28px;
    }

.whatsnew .image {
    background: #f3f3f5;
    width: 100%;
    height: 262px;
}

    .whatsnew .image img {
        background: #f3f3f5;
        width: 100%;
        height: 262px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }

.whatsnew .content {
    padding: 26px 21px;
    background: white;
    border-radius: 0 0 6px 6px;
}

.whatsnew .date {
    font-size: 16px;
    font-weight: 500;
    color: #333a41;
}

.whatsnew .title {
    font-size: 16px;
    font-weight: 600;
    color: #00488d;
}

.whatsnewslider .slide {
    margin-right: 30px;
    opacity: 0.3;
    transition: 0.3s ease all;
}

.whatsnewslider a:focus,
.whatsnewslider a:hover {
    text-decoration: none;
}
/* street specific */
.myplace {
    background: #d3d3d3;
    padding: 45px 0 65px 55px;
}

    .myplace h2 {
        font-size: 32px;
        font-weight: bold;
        color: #333a41;
        position: relative;
        margin: 0;
        padding-bottom: .5rem;
    }

        .myplace h2 i {
            font-size: 38px;
            font-weight: bold;
            color: #04255e;
            position: absolute;
            top: 50%;
            left: -76px;
            transform: translateY(-50%);
        }

    .myplace p {
        font-size: 18px;
        font-weight: 500;
        color: #333a41;
    }

.my-place-form input {
    padding: 12px 10px;
    border: solid 0.8px #333a41;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #04255e;
    border-radius: 0;
    height: 50px;
}

    .my-place-form input.form-control::placeholder,
    .my-place-form input.form-control::-ms-input-placeholder,
    .my-place-form input.form-control::-webkit-input-placeholder {
        color: #04255e !important;
        opacity: 1;
    }

.my-place-form button {
    width: 50px;
    height: 50px;
    background-color: #234682;
    border-radius: 100px;
    font-size: 0 !important;
    cursor: pointer;
}

    .my-place-form button::before {
        content: '\e90c';
        font-size: 20px;
        color: white;
        font-family: 'icomoon';
        font-weight: 400;
    }

/* home alerts */
.homealerts {
    background: #ffc000;
    padding: 63px 0 73px 0;
}

    .homealerts .btn {
        margin-bottom: 32px;
    }

/* latest jobs */
.latestjobs {
    padding: 62px 0 0 0;
}

    .latestjobs .container {
        position: relative;
        padding-bottom: 55px;
    }

    .latestjobs h2 {
        font-size: 32px;
        font-weight: bold;
        color: #333a41;
    }

    .latestjobs .btn {
        margin-bottom: 37px;
    }

    .latestjobs .container::before {
        width: calc(100% + 200px);
        height: 1px;
        background: #bcbcbc;
        content: '';
        position: absolute;
        bottom: 0;
        left: -100px;
    }

/* upcoming meetings */
.upcomingmeetings {
    padding: 75px 0;
}

    .upcomingmeetings .confirmed,
    .upcomingmeetings .postponed {
        align-items: center;
        display: flex;
        font-size: 16px;
        font-weight: 500;
        justify-content: flex-end;
        line-height: 1.5;
        width: 100%;
    }

    .upcomingmeetings h2 {
        font-size: 32px;
        font-weight: bold;
        color: #333a41;
    }

    .upcomingmeetings .btn {
        margin-bottom: 43px;
    }

    .upcomingmeetings .confirmed i,
    .upcomingmeetings .postponed i {
        margin: 0 12px 0 0;
    }

    .upcomingmeetings .postponed {
        color: #e32926;
    }

    .upcomingmeetings .confirmed {
        color: #00857a;
    }
/* select 2 */
.select2-container--default .select2-selection--single {
    border-radius: 4px;
    border: solid 1px #04255e;
    background-color: #ffffff;
    height: 46px;
    display: flex;
    align-items: center;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 100%;
        display: flex;
        align-items: center;
        width: auto;
        margin-right: 15px;
    }

.select2-selection__arrow::before {
    content: "\e914";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 23px;
    color: #234682;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    font-weight: 500;
    color: #04255e;
    padding-left: 28px;
    padding-right: 20px;
}

.select2-dropdown {
    border-color: #04255e;
}

.select2-results__option {
    padding: 10px 28px;
    font-size: 16px;
    font-weight: 500;
    color: #04255e;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #04255e;
}

.btn-toggle:focus {
    background: white!important;
    border-radius: 4px;
    border: solid 2px #00488d;
    font-size: 16px;
    font-weight: 600;
    color: #00488d;
}

.headingwrapper {
    padding: 45px 0 30px 0;
    border-bottom: 1px solid;
    background-color: #f3f3f5;
}

.headingwrapper h2 {
    font-size: 32px;
    font-weight: bold;
    color: #333a41;
}

.headingwrapper p {
    font-size: 18px;
    font-weight: 500;
    color: #333a41;
}

.col-block {
    background-color: #fff;
}

.col-block.col-grey {
    background-color: #f3f3f5;
}

.sidebar-service-list ul li::before {
    content: '\e918';
    font-family: icomoon;
    position: absolute;
    left: 0;
    color: #04255e;
    top: calc(50% - 5px);
    transform: translateY(-50%);
    font-size: 14px;
}

.sidebar-service-list ul li {
    list-style: none;
    position: relative;
    padding-left: 21px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px rgba(0,0,0,0.2);
}

.sidebar-service-list ul {
    padding:0px;
}

.elections > .myplace {
	background-color: #ffc107;
}