/*######################## Ajax Loader Start ######################################*/

#loading {
    position: fixed;
    z-index: 999;
    height: 200px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    #loading > img {
        /*zoom: 50%;*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 10%;
    }

    /* Transparent Overlay */
    #loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

    #loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

/*######################## Ajax Loader End ######################################*/

/* banner links */
.textOverlay .container a {
    color: #fff;
    text-decoration-line: none;
}

.redFill a.rounded {
    color: #FFFFFF;
}

.two-panel-block img, .three-panel-block img {
    max-width: 100%;
    height: auto;
}

a.arrowRed {
    font-weight: 400;
    padding: 10px 15px 10px 40px;
    color: #fff;
    border-radius: 0;
    border: none;
    color: #fff;
    background-image: url(../images/icon-arrow-white.svg);
    background-size: 2em 2em;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    margin: 0;
    color: #ed1c29;
    background-image: url(../images/icon-arrow-red.svg);
    display: inline-block;
}

/* EPiServer Forms changes */

div.ValidationFail input,
div.ValidationFail input[type="number"],
div.ValidationFail input[type="url"],
div.ValidationFail select,
div.ValidationFail textarea {
    border-color: red;
}

.ValidationFail .formErrorMessage {
    color: red;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

.main div:nth-of-type(even) div.sharedcontentblock {
    background-color: rgba(0,0,0,0.03);
}

/* Article Page PDF(and others) page type icons*/

.row a.btn.btn-download {
    background-image: none;
    padding-left: 1em
}

a.btn.btn-download.pdf {
    background-image: url(../images/pdf.svg);
    background-size: 1.4em;
    padding-left: 2.4em;
}

a.btn.btn-download.docx {
    background-image: url(../images/w.svg);
    background-size: 1.4em;
    padding-left: 2.4em;
}

/* search page */

.searchInfo button.searchSubmitButton {
    background: url(../images/icon-magnifier-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    border: none;
    cursor: pointer;
}

.search-result-list .description em {
    font-style: unset;
    font-weight: bold;
}

.color0 .lgreyGrad h1 {
    color: #3d4d5a;
}

.color0 .lgreyGrad h2 {
    color: #3d4d5a;
}

.color3 .lgreyGrad h1 {
    color: #3d4d5a;
}

.color3 .lgreyGrad h2 {
    color: #3d4d5a;
}

.article-list img.img-fluid {
    max-width: 50%;
}

.icon-alternate.article-list img.img-fluid {
    max-width: 100%;
}

/*color4 color over rides*/
.color4 h1, .color4 h2, .color4 h3, .color4 h4, .color4 .arrowRed, .color4 header .crumbtrail li.current-page, .color4 .blog-article a, .color4 .article-list .date, .color4 .pagination .page-item .page-link, .color4 .vvlgreyFill a {
    color: #2caeaa;
}

.color4 .redFill, .color4 ul.slick-dots li.slick-active, .color4 .icon.filled {
    background-color: #2caeaa;
}

.color4 .slider-inner {
    background-color: #2caeaa;
}

.color4 .icon, .color4 .cookieMessage .btn-primary, .color4 .pagination .page-item.active a, .color4 span.share-icons ul li a {
    background-color: #2caeaa;
    border-color: #2caeaa;
}

.color4 .arrowRed {
    background-image: url(../images/icon-arrow-green.svg);
}

.color4 .pagination .page-item.active a {
    color: #fff;
}

.article-list .outer.color4, .article-list .outer.color4:first-child {
    border-top: 10px solid #2caeaa;
}


/*color5 color over rides*/
.color5 h1, .color5 h2, .color5 h3, .color5 h4, .color5 .arrowRed, .color5 header .crumbtrail li.current-page, .color5 .blog-article a, .color5 .article-list .date, .color5 .pagination .page-item .page-link, .color5 .vvlgreyFill a {
    color: #732b90;
}

.color5 .redFill, .color5 ul.slick-dots li.slick-active, .color5 .icon.filled {
    background-color: #732b90;
}

.color5 .slider-inner {
    background-color: #732b90;
}

.color5 .icon, .color5 .cookieMessage .btn-primary, .color5 .pagination .page-item.active a, .color5 span.share-icons ul li a {
    background-color: #732b90;
    border-color: #732b90;
}

.color5 .arrowRed {
    background-image: url(../images/icon-arrow-purple.svg);
}

.color5 .pagination .page-item.active a {
    color: #fff;
}

.article-list .outer.color5, .article-list .outer.color5:first-child {
    border-top: 10px solid #732b90;
}

/*color6 color over rides*/
.color6 h1, .color6 h2, .color6 h3, .color6 h4, .color6 .arrowRed, .color6 header .crumbtrail li.current-page, .color6 .blog-article a, .color6 .article-list .date, .color6 .pagination .page-item .page-link, .color6 .vvlgreyFill a {
    color: #dd4b9a;
}

.color6 .redFill, .color6 ul.slick-dots li.slick-active, .color6 .icon.filled {
    background-color: #dd4b9a;
}

.color6 .slider-inner {
    background-color: #dd4b9a;
}

.color6 .icon, .color6 .cookieMessage .btn-primary, .color6 .pagination .page-item.active a, .color6 span.share-icons ul li a {
    background-color: #dd4b9a;
    border-color: #dd4b9a;
}

.color6 .arrowRed {
    background-image: url(../images/icon-arrow-pink.svg);
}

.color6 .pagination .page-item.active a {
    color: #fff;
}

.article-list .outer.color6, .article-list .outer.color6:first-child {
    border-top: 10px solid #dd4b9a;
}

/*color7 color over rides*/
.color7 h1, .color7 h2, .color7 h3, .color7 h4, .color7 .arrowRed, .color7 header .crumbtrail li.current-page, .color7 .blog-article a, .color7 .article-list .date, .color7 .pagination .page-item .page-link, .color7 .vvlgreyFill a {
    color: #bd2735;
}

.color7 .redFill, .color7 ul.slick-dots li.slick-active, .color7 .icon.filled {
    background-color: #bd2735;
}

.color7 .slider-inner {
    background-color: #bd2735);
}

.color7 .icon, .color7 .cookieMessage .btn-primary, .color7 .pagination .page-item.active a, .color7 span.share-icons ul li a {
    background-color: #bd2735;
    border-color: #bd2735;
}

.color7 .arrowRed {
    background-image: url(../images/icon-arrow-dark-red.svg);
}

.color7 .pagination .page-item.active a {
    color: #fff;
}

.article-list .outer.color7, .article-list .outer.color7:first-child {
    border-top: 10px solid #bd2735;
}

@media screen and (max-width: 414px) and (orientation:portrait), screen and (max-width:736px) and (orientation:landscape) {
    .ct-header h1 {
        line-height: 1;
        font-size: 1.5em;
    }

    .slider-inner { padding: 1em; }

    ul.slick-dots { visibility: hidden }
}

/*NEW STYLING FOR SUB NAVIGATION*/
.navbar-nav li > ul.dropdown-menu {
    display: none;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-toggle {
    border: 0;
}

.dropdown-item {
    font-weight: inherit;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: calc(100% - 1px);
    margin-top: -6px;
    margin: 0 0 0 0;
    padding: 0;
    border-radius: 0;
    border: 1px solid #dfdfdf;
    min-width: 300px;
}

    .dropdown-submenu > .dropdown-menu li a {
        background-color: #f1f1f1;
    }

    .dropdown-submenu > .dropdown-menu ul li a {
        background-color: #f8f8f8;
    }

header ul ul {
    margin: 0;
    padding: 0;
    text-align: left;
    position: relative;
}

    header ul ul:last-child {
        border-bottom: none;
    }

    header ul ul ul ul li a {
        padding-left: 1em;
    }

    header ul ul ul li a {
        padding-left: 1em;
    }

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    /*transform: rotate(-90deg);*/
}

header .navbar-collapse.collapse.show ul li.dropdown .dropdown-content.openWithClick li {
    max-height: 1000px;
}

    header .navbar-collapse.collapse.show ul li.dropdown .dropdown-content.openWithClick li:first-child {
        border-top: none;
    }

header .navbar-collapse.collapse.show ul li.dropdown .dropdown-content.openWithClick li {
    border-top: 1px solid #f1f1f1;
}

    header .navbar-collapse.collapse.show ul li.dropdown .dropdown-content.openWithClick li a {
        padding-left: 1em;
        border: none;
        background-color: #f1f1f1;
    }

    header .navbar-collapse.collapse.show ul li.dropdown .dropdown-content.openWithClick li li a {
        padding-left: 2em;
        background-color: #f8f8f8;
        font-size: 0.75em;
    }

    header .navbar-collapse.collapse.show ul li.dropdown .dropdown-content.openWithClick li li li a {
        padding-left: 3em;
        background-color: #fff;
    }

header ul ul {
    display: block;
}

header .navbar-collapse.collapse.show ul li.dropdown .dropdown-content.openWithClick li a {
    padding-left: 1em;
    opacity: 1.0;
    width: 100%;
}

header a.menu-selected {
    background-color: #ed1c29 !important;
    color: #fff !important;
}

@media (max-width: 1200px) {
    dropdown-content .dropdown-submenu > .dropdown-menu {
        display: none;
    }

    dropdown-content.hasMenuOpenWithClick .dropdown-submenu > .dropdown-menu {
        display: block;
        float: left;
        width: 100%;
    }

    .navbar-nav li > ul.dropdown-menu {
        display: block;
    }
}

.arrow.arrowRed {
    width: 100%;
}

/*///////////////////////////////////////////////////////REGIONAL STYLING///////////////////////////////////////////////////////*/
.regional h1,
.regional h2,
.regional h3,
.regional h4 {
    color: #ed1c29;
}

.regional .ct-header h1 {
    color: #fff;
}

.regional header.darkHeader {
    background-color: #fff;
}

.regional header ul li.dropdown a.hoverable, .regional header ul li a, .regional header ul li a:hover, .regional footer a, .regional footer a:hover {
    color: #3d4d5a;
}

.regional header ul li.dropdown a.hoverable {
    background-image: url(../images/icon-arrow-80-grey-down.svg);
}

.regional header #search a.searchButton {
    background-image: url(../images/icon-search-grey.svg);
}

.regional header .crumbtrail {
    /*background-color: #eceff0;*/
}

.regional header ul.navbar-nav > li:hover > a {
    background-color: #eceff0;
}

.regional header #search ul.searchSuggest li p {
    color: #fff;
}

.regional .darkRedFill {
    background-color: #b51920
}

    .regional .darkRedFill h1, .regional .darkRedFill h2, .regional .darkRedFill h3, .regional .darkRedFill p {
        color: #fff !important;
    }

    .regional .darkRedFill .icon, .regional .darkRedFill .icon-alternate .icon-alternate-item:nth-child(even) .icon {
        border-color: #fff;
    }

    .regional .darkRedFill .icon {
        background-color: #2caeaa;
    }

    .regional .darkRedFill .icon-alternate .icon-alternate-item:nth-child(even) .icon.hollow {
        background-color: #dd4b9a;
    }

.regional hr, .regional .article-list .outer {
    border-color: #f9eaeb;
}

.regional a.linkOverlay:hover {
    border: 5px solid #f9eaeb;
}

.regional .slider-inner {
    background-color: rgba(172,58,109,0.9);
}

.regional .btn-secondary {
    border: 1px solid #3d4d5a;
    color: #3d4d5a;
}
    .regional .btn-secondary:hover {
        color: #fff;
        background-color: #3d4d5a;
    }

.regional .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #3d4d5a;
}

.regional .article-list .outer:nth-child(odd) {
    background-color: #fef9fa;
}

.regional a.card-link:hover {
    background-color: #fef4f5;
}

.regional .icon-alternate .icon-alternate-item:nth-child(even) .icon.filled, .regional .icon-alternate .icon-alternate-item:nth-child(even) .icon.hollow {
    background-color: #f18e96;
}

.regional .icon-alternate .icon-alternate-item:nth-child(even) .icon {
    border-color: #f18e96;
}

.regional .social li a {
    color: #FFFFFF;
}

.regional .greyFill h2, .regional .greyFill h3, .regional .greyFill h4, .regional .greyFill h5, .regional .greyFill h1 {
    color: #FFFFFF;
}

.whiteHeader header.darkHeader {
    background-color: #FFFFFF;
}

.whiteHeader header ul li.dropdown a.hoverable, .whiteHeader header ul li a, .whiteHeader header ul li a:hover, .whiteHeader .btn-secondary, .whiteHeader footer a, .whiteHeader footer a:hover {
    color: #3d4d5a;
}

.whiteHeader footer a, .whiteHeader footer a:hover {
    color: #fff;
}

.whiteHeader header ul.navbar-nav > li:hover > a {
    background-color: #eceff0;
}

.whiteHeader header ul li.dropdown a.hoverable {
    background-image: url(../images/icon-arrow-80-grey-down.svg);
}

.whiteHeader header #search a.searchButton {
    background-image: url(../images/icon-search-grey.svg);
}

@media (max-width: 1199px) {
    .whiteHeader header ul li.dropdown a.hoverable, .whiteHeader header ul li a, .whiteHeader header ul li a:hover, .whiteHeader .btn-secondary, .whiteHeader footer a, .whiteHeader footer a:hover {
        color: #FFFFFF;
    }

    .whiteHeader header ul li.dropdown a:hover span {
        color: #3d4d5a;
    }
    .whiteHeader header ul li.dropdown a.hoverable a  {
        color: #3d4d5a;
    }
    .whiteHeader header ul li a:hover span {
        color: #3d4d5a;
    }

    .whiteHeader header a.dropdown-item {
        color: #3d4d5a;
    }

    .whiteHeader header .navbar-dark .navbar-toggler.hamburger .navbar-toggler-icon {
        background-image: url(../images/Hamburger-grey.svg);
    }

    .regional header ul li.dropdown a.hoverable, .whiteHeader header ul li a, .whiteHeader header ul li a:hover, .whiteHeader .btn-secondary, .whiteHeader footer a, .whiteHeader footer a:hover {
        color: #FFFFFF;
    }

    .regional header ul li.dropdown a:hover span {
        color: #3d4d5a;
    }

    .regional header ul li.dropdown a.hoverable a {
        color: #3d4d5a;
    }

    .regional header ul li a:hover span {
        color: #3d4d5a;
    }

    .regional header a.dropdown-item {
        color: #3d4d5a;
    }

    .regional header .navbar-dark .navbar-toggler.hamburger .navbar-toggler-icon {
        background-image: url(../images/Hamburger-grey.svg);
    }

    .regional header ul li a {
        color: #FFFFFF;
    }

    .regional header .crumbtrail ul li a {
        color: #3d4d5a;
    }

    .whiteHeader header .crumbtrail ul li a {
        color: #3d4d5a;
    }
}

    /*///////////////////////////////////////////////////////END REGIONAL STYLING///////////////////////////////////////////////////////*/

:root {
    --hero-image: url(mobile.png);
}

@media screen and (min-width: 768px) {
    :root {
        --hero-image: url(desktop.png);
    }
}

@media screen and (min-width: 768px) {
    
    header .secondaryLogo img {
        height: 75px;
    }

    header .secondaryLogo {
        height: 90px;
    }

    header .crumbAlt {
        top: 88px;
    }
}

@media screen and (max-width: 768px) {

    header .secondaryLogo img {
        height: 58px;
    }

    header .secondaryLogo {
        height: 70px;
    }
}