@charset "utf-8";
@import url('../fonts/stylesheet.css');

/*--- start common syle ---*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    word-wrap: break-word; /* Word break */
    overflow-wrap: anywhere; /* Word break */
}

body {
    float: left;
    position: relative;
    min-height: 100%;
    width: 100%;
    font-family: 'Arial';
    font-size: 16px;
}

html {
    height: 100%;
}

a {
    text-decoration: none;
    outline: none;
    color: #002664; /* Updating the colour from #00ABE6; to #002664 as per email from Dennis on 16-Oct-2020*/
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

    a:hover,
    a:focus,
    a div:hover,
    a div:focus {
        text-decoration: underline;
    }

    a:visited {
        color: #752F8A;
    }

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
p,
span {
    margin: 0px;
    padding: 0px;
}

h1 {
    font-family: Arial;
    font-size: 40px;
    line-height: 48px !important;
    color: #353C42 !important;
    font-weight: bold;
}

h2 {
    font-family: Arial;
    font-size: 32px;
    line-height: 40px !important;
    color: #353C42 !important;
    font-weight: bold;
}

h3 {
    font-family: Arial;
    font-size: 27px;
    line-height: 32px !important;
    color: #353C42 !important;
    font-weight: bold;
}

h4 {
    font-family: Arial;
    font-size: 20px;
    line-height: 24px !important;
    color: #353C42 !important;
    font-weight: bold;
}

p {
    font-family: Arial;
    font-size: 20px;
    line-height: 32px !important;
    color: #353C42;
}

.boldl {
    font-family: Arial;
    font-size: 16px;
    line-height: 24px;
    color: #353C42;
}

.boldm {
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    color: #353C42;
}

.bolds {
    font-family: Arial;
    font-size: 11px;
    line-height: 16px;
    color: #353C42;
}

.regularl {
    font-family: Arial;
    font-size: 16px;
    line-height: 24px;
    color: #353C42;
}

.regularm {
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    color: #353C42;
}

.regulars {
    font-family: Arial;
    font-size: 11px;
    line-height: 16px;
    color: #353C42;
}

ul .customul {
    list-style: disc;
    padding-left: 2%;
    font-family: Arial;
    font-size: 20px;
    line-height: 32px;
    color: #353C42;
}

ul.circle {
    list-style-type: circle;
}

ul.square {
    list-style-type: square;
}

.textDisplayView > ul {
    font-family: Arial;
    font-size: 20px;
    line-height: 32px;
    /*32px*/
    color: #353C42;
    margin-left: 20px;
}

.tab-accordian-container ul {
    font-family: Arial;
    font-size: 20px;
    line-height: 32px;
    /*32px*/
    color: #353C42;
    margin-left: 20px;
}

/* .inner_container .ms-rtestate-field ul, .inner_container .ms-rtestate-field ul li, .inner_container .ms-rtestate-field ol, .inner_container .ms-rtestate-field ol li, .newsArticle ol, .newsArticle li {
 */
.inner_container .ms-rtestate-field ul, .inner_container .ms-rtestate-field ol, .newsArticle ol, .newsArticle li {
    font-family: Arial;
    font-size: 20px;
    line-height: 32px;
    /*24px; Matching with ms-rtestate-field class of SP - Bug # 1449*/
    color: #353C42;
    margin: 5px 5px 10px 5px;
    _list-style-position: inside;
    padding-inline-start: 5px;
    padding-left: 13px;
}

/*.standardContent ol, .servicesContent ol, .standardContentWide ol, .standardNavOnHero ol, .standardNavHero ol, .hospitalContent ol, .rootContent ol, .standardFullWidth ol, .inner_container .ms-rtestate-field ol, .newsArticle ol {
*/
.standardContent ol, .servicesContent ol, .standardContentWide ol, .standardNavOnHero ol, .standardNavHero ol, .hospitalContent ol, .rootContent ol, .standardFullWidth ol, .inner_container .ms-rtestate-field ol, .newsArticle ol {
    padding-left: 17px;
}

/* Setting style for Fonts without any HTML tag for different page layouts*/
.standardContent, .standardFullWidth, .standardNavOnHero, .standardContentWide, .hospitalFullWidth, .cyfhContent, .cyfhFullWidth, .newsArticle {
    font-family: Arial;
    font-size: 20px;
    line-height: 32px;
    color: #353C42;
}

/* Style for the standard Rounded Button*/
.roundedButton {
    background-color: #002664;
    color: #fff;
    min-width: 80px;
    font-weight: normal;
    transition: .5s;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001), 0px 1px 4px rgba(0, 0, 0, 0.2);
    border-radius: 40px;
    padding: 6px 16px;
    border: 0;
    margin-left: 15px;
    line-height: 30px;
    height: 45px;
}

/* Style for the Donate Rounded Button*/
.donateButton {
    color: #fff; /* In slowness, a white line appears */
    min-width: 80px;
    font-weight: normal;
    transition: .5s;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001), 0px 1px 4px rgba(0, 0, 0, 0.2);
    border-radius: 40px;
    padding: 6px 16px;
    margin-left: 15px;
    line-height: 30px;
    background-color: #002664;
}

.inner_container .dfwp-column ul {
    margin: 2%;
}

ol .customol {
    list-style: decimal;
    padding-left: 40px;
}

#DeltaTopNavigation ul, #DeltaTopNavigation_Custom ul {
    width: auto;
    padding-left: 0;
    display: inline-flex;
}

#DeltaTopNavigation li ul, #DeltaTopNavigation_Custom li ul {
    display: inline-flex !important;
}

#DeltaTopNavigation li, #DeltaTopNavigation_Custom li {
    display: inline-flex;
}

.nslhd-loader {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: none;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.nslhd-global-loader {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: none;
}

    .nslhd-global-loader::after {
        content: '';
        display: block;
        position: absolute;
        left: 48%;
        top: 40%;
        width: 40px;
        height: 40px;
        border-style: solid;
        border-color: #3498db;
        border-top-color: transparent;
        border-width: 4px;
        border-radius: 50%;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
    }

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.inner_container {
    float: left;
    width: 100%;
    display: inline-block;
    padding: 0px calc((100% - 96%) / 2);
}

.overley-box {
    z-index: 1;
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 0;
    -moz-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81);
    -o-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81);
    transition: all 0.2s cubic-bezier(0.5, 0.3, 0.47, 0.81);
}


/*--- end common syle ---*/


/*--- start header style ---*/

header,
.header,
section,
.section,
footer,
.footer {
    width: 100%;
    float: left;
    position: relative;
}

header,
.header {
    background: #FFFFFF;
    padding: 18px 20px 3px 20px;
    display: inline-block;
}

.head_logo {
    float: left;
    display: inline-block;
    width: auto;
}

.printpage_logo {
    display: none;
}

.head_nav {
    float: right;
    display: inline-block;
    margin: 15px 0px 0px 0px;
    width: calc(100% - 535px);
    text-align: right;
}

    .head_nav .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
        float: left;
        font-size: 16px;
        line-height: 24px;
        color: #353C42;
        margin-right: 60px;
        padding: 0px 10px;
        position: relative;
        margin-bottom: 20px;
        box-shadow: 0px 0px 0px;
        font-family: Arial;
        text-align: left;
        font-weight: 600;
    }

        .head_nav .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:after {
            color: #5D6368;
            background-color: #D7153A;
            border-radius: 5px;
            position: absolute;
            content: "";
            width: 0%;
            height: 5px;
            left: 2px;
            bottom: -10px;
            visibility: hidden;
            -o-transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            transition: .5s;
        }

    .head_nav .ms-core-listMenu-horizontalBox li.static.selected > .ms-core-listMenu-item:after {
        color: #5D6368;
        background-color: #D7153A;
        border-radius: 5px;
        position: absolute;
        content: "";
        width: 100%;
        height: 5px;
        left: 2px;
        bottom: -10px;
        visibility: visible;
    }

    .head_nav .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover {
        color: #5D6368;
        box-shadow: 0px 0px 0px 0px;
    }

        .head_nav .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover:after {
            visibility: visible;
            width: 100%;
            bottom: -10px;
        }

    .head_nav .ms-core-listMenu-horizontalBox li.static.selected > .ms-core-listMenu-item:hover:after {
        visibility: visible;
        width: 100%;
        bottom: -10px;
    }

.mobile_nav .head_nav .ms-core-listMenu-horizontalBox li.static > .reduce_padding:hover:after {
    visibility: hidden;
    width: 100%;
    bottom: -10px;
}

.mobile_nav .head_nav .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover {
    border-radius: unset;
}

.mobile_nav .head_nav .ms-core-listMenu-horizontalBox li.current > a {
    background-color: #752F8A;
    width: 123%;
    left: -28px;
    padding-left: 56px;
}

    .mobile_nav .head_nav .ms-core-listMenu-horizontalBox li.current > a:after {
        left: 54px;
    }

.mobile_nav .head_nav .ms-core-listMenu-horizontalBox .folder li.current > a {
    background-color: #752F8A;
    width: 136%;
    left: -57px;
    padding-left: 85px;
}

    .mobile_nav .head_nav .ms-core-listMenu-horizontalBox .folder li.current > a:after {
        left: 84px;
    }

.mobile_nav .head_nav .ms-core-listMenu-horizontalBox li.selected > a {
    background-color: inherit;
    width: 90%;
    left: 27px;
    padding-left: 0px;
}

.mobile_nav .head_nav .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    line-height: 30px;
}

.head_srchbox {
    float: right;
    display: inline-block;
    margin-top: 35px;
    width: 225px;
    margin-right: -10px;
    margin-top: 4px;
}

    .head_srchbox .ms-srch-sb-border {
        border-bottom: 1px solid #333;
    }

    .head_srchbox #SearchBox > div {
        border: 0px;
    }

        .head_srchbox #SearchBox > div > input {
            height: 36px;
            border-bottom: 1px solid #777;
            height: 30px;
            width: 200px;
            font-size: 16px;
        }

.head_logo img {
    max-width: 220px;
    margin-top: 2px;
}

.iconBoxDisplayView .tile_Collection {
    display: table;
    width: 100%;
}

.iconBoxDisplayView a {
    cursor: default;
}

.visitDescription {
    margin: 2em;
}

.hteg_btn {
    position: absolute;
    right: 46px;
    top: 10px;
    background-color: #d7153a;
    font-size: 14px;
    padding: 2px 15px;
    border-radius: 50px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Arial-BoldMT';
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

    .hteg_btn:hover {
        text-decoration: none;
        color: #0f3a81;
    }

#zz10_RootAspMenu,
#zz11_RootAspMenu {
    position: relative;
}

    /*#zz10_RootAspMenu > li > a, #zz11_RootAspMenu > li > a{	position:absolute;	left:0px;}*/

    #zz10_RootAspMenu > li > ul,
    #zz11_RootAspMenu > li > ul {
        float: left;
        display: inline-block;
        padding-left: inherit;
    }


/*--- end header style ---*/


/*--- mobile nav ---*/

.menubtn_box {
    display: none;
    position: absolute;
    right: 30px;
    bottom: calc((100% - 30px) / 2);
}

.menubtn_icon {
    width: 40px;
    cursor: pointer;
    position: relative;
    float: left;
    height: 30px;
    z-index: 1;
}

    .menubtn_icon span {
        margin-bottom: 10px;
        display: block;
        float: left;
        position: absolute;
        clear: both;
        border-radius: 20px;
        height: 3px;
        width: 100%;
        background-color: #353C42;
        overflow: hidden;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        .menubtn_icon span:nth-child(1) {
            margin-top: 0;
            z-index: 9;
        }

        .menubtn_icon span:nth-child(2) {
            top: 13px;
        }

        .menubtn_icon span:nth-child(3) {
            top: 26px;
        }

.mobnav_topbox {
    width: 90%;
    height: auto;
    font-size: 24px;
    text-align: right;
    padding: 8px 8px;
    color: #ccc;
    color: #fff;
    cursor: pointer;
    display: none;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 5%;
}

    .mobnav_topbox > a {
        float: right;
        padding-top: 3px;
        cursor: pointer;
        color: #ffffff;
        font-weight: bold;
    }

        .mobnav_topbox > a:hover,
        .mobnav_topbox > a:visited {
            cursor: pointer;
            font-weight: bolder;
        }

.emer_contbox {
    float: right;
    display: inline-block;
    width: 118px;
    margin: 10px 12px 0px 0px;
}

    .emer_contbox > a {
        width: 100%;
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        border: 2px solid #D7153A;
        color: #D7153A;
        padding: 6px 8px;
        border-radius: 45px;
        display: inline-block;
        -o-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
        font-family: Arial;
    }

        .emer_contbox > a:hover {
            background-color: #D7153A;
            text-decoration: none;
            color: #fff;
        }

.mobnav_topbox .mobnav_home {
    float: left;
    width: 30%;
    text-align: left;
}

/*--- end mobile nav ---*/


/*--- start page layout style ---*/

.section,
section {
    width: 100%;
    float: left;
}

.herobanner_box {
    float: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

    .herobanner_box .ms-webpartzone-cell {
        margin-bottom: 0px;
    }

.breadcrub_sec {
    margin-top: 20px;
}

    .breadcrub_sec a {
        color: #002664;
    }

.breadcrumb {
    background-color: #ffffff;
    padding: 0px;
}

    .breadcrumb > li {
        display: inline-block;
        font-size: 18px;
    }

        .breadcrumb > li + li:before {
            content: "\f104";
            font-family: FontAwesome;
            margin-right: 6px;
            color: #353C42;
        }

        .breadcrumb > li > a {
            display: inline-block;
            font-family: Arial;
            font-size: 18px;
            line-height: 32px;
            color: #353C42;
            transition: .5s;
            -o-transition: .5s;
            -ms-transition: .5s;
            -moz-transition: .5s;
        }

            .breadcrumb > li > a:hover {
                color: #1581E0;
            }

    .breadcrumb > .active {
        color: #1581E0;
    }

.fullwid_content {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 0px 50px;
    z-index: 1;
    margin-top: -136px;
    background-color: #ffffff;
    position: relative;
}

    .fullwid_content:before {
        content: '';
        position: absolute;
        top: 0px;
        width: 100%;
        height: 400px;
        background-color: #fff;
        z-index: -1;
        left: 0px;
    }

.nomtop {
    margin-top: 0px !important;
}

.fullwid_content.nomtop:before {
    display: none;
}

.leftside_nav {
    width: 238px;
    float: left;
    display: inline-block;
    margin-bottom: 20px;
}

    .leftside_nav > #navBarContainer {
        float: left;
        display: inline-block;
        background: #FFFFFF;
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
        /*border: 1px solid #e8e8e8;  SPG Commented*/
        _margin-left: -3px;
        width: 100%;
    }

.herobaner_box .leftside_nav > #navBarContainer {
    float: left;
    display: inline-block;
    width: 30em;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    /*border: 1px solid #e8e8e8;  SPG Commented*/
}

.leftside_nav #sideNavBox {
    width: 100%;
    display: inline-block;
    margin: 0px;
    padding: 10px;
}

    .leftside_nav #sideNavBox ul li {
        display: inline-block;
        font-size: 14px;
        line-height: 16px;
        padding: 8px 0px;
        width: 100%;
        font-family: 'Arial-BoldMT';
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
    }

        .leftside_nav #sideNavBox ul li .menu-item-text {
            margin-bottom: 0px;
            font-size: 15px;
            line-height: 20px;
            font-family: Arial;
            font-style: normal;
            font-weight: bold;
        }

.leftside_nav .ms-core-listMenu-item {
    font-family: Arial !important;
    font-size: 14px !important;
    line-height: 16px;
    color: #353C42;
    padding: 8px !important;
    cursor: pointer;
}

    .leftside_nav .ms-core-listMenu-item + ul {
        display: none;
        padding-left: 20px;
    }

.leftside_nav .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {
    padding: 8px 8px 8px 16px !important;
}

.leftside_nav li.selected > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
li > a.ms-core-listMenu-item:hover,
li > a.ms-core-listMenu-item:active,
li > .ms-core-listMenu-item:hover {
    background: #752F8A;
    color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001), 0px 1px 4px rgba(0, 0, 0, 0.2);
    _border-radius: 4px;
    font-weight: 400;
}

.leftside_nav ul > li.selected > a {
    background: #752F8A;
    color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001), 0px 1px 4px rgba(0, 0, 0, 0.2);
    _border-radius: 4px;
    font-weight: 400;
}

.leftside_nav .ms-core-listMenu-selected:link,
.ms-core-listMenu-selected:visited,
.ms-core-listMenu-selected {
    background: #752F8A;
    color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001), 0px 1px 4px rgba(0, 0, 0, 0.2);
    _border-radius: 4px;
    font-weight: 400;
}

.leftside_nav .hbacc_part {
    position: inherit;
    top: 4em;
    left: 12em;
}

.leftside_nav .hbacc_box {
    font-family: Arial;
    width: 18em;
    -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}

.rightside_content {
    float: left;
    display: inline-block;
    width: calc(100% - 278px);
    margin-left: 40px;
}

.wpbox {
    float: left;
    display: inline-block;
    width: 100%;
}

.wp_ttl {
    float: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px; /* Defect #1618 */
}

    .wp_ttl > div {
        font-family: Arial;
        font-size: 40px;
        line-height: 47px;
        color: #353C42;
        font-weight: bold;
    }

.wp_pagecont {
    float: left;
    display: inline-block;
    width: 100%;
}

.wp_zone {
    float: left;
    display: inline-block;
    width: 100%;
}

.wp_headzone {
    float: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.wp_tileszone {
    float: left;
    display: inline-block;
    width: 100%;
}

    .wp_tileszone .wp_tileitem:last-child {
        margin-right: 0px;
    }

.wp_tileitem {
    float: left;
    display: inline-block;
    width: calc(33.33% - 20px);
    margin: 0px 30px 30px 0px;
}

    .wp_tileitem:nth-child(3n) {
        margin-right: 0px;
    }

.wp_acczone,
.wp_tabzone {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 10px;
}

.wp_tabzone {
}

.hline {
    float: left;
    display: block;
    width: 100%;
    background-color: #dddddd;
    height: 1px;
}
/*--- End page layout style ---*/

/*--- start Back Button style ---*/
.back_btn {
    float: left;
    width: 100%;
    display: inline-block;
    padding: 0px calc((100% - 96%) / 2);
}

    .back_btn a {
        font-family: Arial;
        font-size: 18px;
        line-height: 32px;
        color: #1581E0;
        text-decoration: none;
        padding: 6px;
    }

        .back_btn a img {
            margin-right: 3px;
            vertical-align: middle;
            width: 18px;
        }
/*--- End Back Button style ---*/

/*--- start hero banner webpart box ---*/
.herobanner_part {
    float: left;
    display: inline-block;
    width: 100%;
}

.content_herobanner_part .herobaner_box {
    float: left;
    display: inline-block;
    width: 100%;
    height: 30VW;
    position: relative;
}

.herobaner_box {
    float: left;
    display: inline-block;
    width: 100%;
    /*height: 880px;*/
    padding-bottom: 43%;
    position: relative;
}

@supports (-ms-ime-align:auto) {
    .hb_img {
        left: 0% !important;
        transform: translate(0%, -50%) !important;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .hb_img {
        left: 0% !important;
        transform: translate(0%, -50%) !important;
    }

    .typeahead__cancel-button {
        display: none;
    }
}

.hb_img {
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation-duration: 0.367s;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
    animation-fill-mode: both;
}

/* News Category Colors 
    Royal Blue - #002664 - dblue_bg 
    Waratah Red - #D7153A - red_bg
    Wallaby Yellow - #FFBF2F - yellow_bg
    Limestone Green - #63CE63 - lgreen_bg (updated - #0F8A0F)
    Brilliant Blue - #00ABE6 - bblue_bg
    Vibrant Purple - #752F8A - purple_bg 
    Bright Orange -  #FF7F2F
    Black - #000000 - black_bg
    Mineral Grey - #353C42 - gray_bg
    Space Grey - #CCCED0 - spacegray_bg
    Silverstone - #DEE3E5 - silvergray_bg 
*/
/* Start - Primary Colours */
.royalBlueBG {
    background-color: #002664;
}

.warathRedBG {
    background-color: #D7153A;
}

.wallabyYellowBG {
    background-color: #FFBF2F;
}

.limestoneGreenBG {
    background-color: #63CE63;
}

.brilliantBlueBG {
    background-color: #00ABE6;
}

.vibrantPurpleBG {
    background-color: #752F8A;
}

.brightOrangeBG {
    background-color: #FF7F2F;
}
/* End - Primary Colours */

/* Start - Other Colours */
.purple_bg {
    background-color: #752F8A;
}

.green_bg {
    background-color: #119811;
}

.dblue_bg {
    background-color: #002664;
}

.lblue_bg {
    background-color: #008FD9;
}

.orange_bg {
    background-color: #FF6200;
}

.red_bg {
    background-color: #D7153A !important;
}

/* Notification Bar color*/
.yellow_bg {
    background-color: #FFBF2F !important;
}

.lgreen_bg {
    background-color: #0F8A0F !important;
}

.bblue_bg {
    background-color: #00ABE6 !important;
}

.borange_bg {
    background-color: #CC4E00 !important;
}

/* Other Colors */
.black_bg {
    background-color: #000000 !important;
}

.gray_bg {
    background-color: #353C42 !important;
}

.spacegray_bg {
    background-color: #CCCED0 !important;
}

.silvergray_bg {
    background-color: #DEE3E5 !important;
}

/* Other Colors */
.blackBG {
    background-color: #000000;
}

.mineralGreyBG {
    background-color: #353C42;
}

.spaceGreyBG {
    background-color: #CCCED0;
}

.silverGreyBG {
    background-color: #DEE3E5;
}

.whiteBG {
    background-color: #fff;
}

/* Text Colours */
.white_bg {
    color: #fff !important;
}

.txt_white {
    color: #fff;
}

.txt_black {
    color: #000000;
}

.txt_rblue {
    color: #002664;
}

.txt_default {
    color: #353C42;
}

.hbacc_part {
    position: absolute;
    top: 100px;
    left: 30px;
}

.hbacc_box {
    float: left;
    display: inline-block;
    width: 260px;
    background-color: #ffffff;
    padding: 26px 24px;
}

.hbacc_item {
    float: left;
    display: inline-block;
    width: 100%;
}

    .hbacc_item:not(:last-child) {
        margin-bottom: 15px;
    }

.hbacc_head {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #353C42;
    padding: 8px 10px;
    width: 100%;
    font-family: 'Arial-BoldMT';
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

    .hbacc_head > p {
        margin-bottom: 0px;
        font-size: 15px;
        line-height: 20px;
    }

    .hbacc_head.active,
    .hbacc_head:hover {
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        line-height: 16px;
        color: #FEFFFF;
        background: #752F8A;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001), 0px 1px 4px rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        padding: 8px 10px;
        width: 100%;
        font-family: 'Arial-BoldMT';
    }

        .hbacc_head.active > p,
        .hbacc_head:hover > p {
            color: #fff
        }

        .hbacc_head.active > a > p,
        .hbacc_head:hover > a > p {
            color: #fff
        }

.notif_container_ p {
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    _color: #002664;
}

.notif_container_ img {
    padding-right: 1em;
}

.news_wpstatus p {
    display: inline-block;
    font-size: 1em;
    letter-spacing: 0;
}

.hbacc_body {
    float: left;
    display: inline-block;
    width: 100%;
    display: none;
}

    .hbacc_body > ul {
        padding-left: 10px;
        float: left;
        list-style: none;
    }

        .hbacc_body > ul > li {
            width: 100%;
            font-size: 14px;
            line-height: 16px;
            padding: 8px 10px;
            list-style-image: url(data:0);
            position: relative;
        }

            .hbacc_body > ul > li > a {
                text-decoration: none;
                display: inline-block;
                color: #002664;
            }

.hbalert_box {
    position: absolute;
    align-items: center;
    top: 0px;
    padding: 16px;
    font-size: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 4px;
    z-index: 2;
}

    .hbalert_box > em {
        float: left;
        margin-right: 10px;
    }

    .hbalert_box > p {
        float: left;
        margin-right: 20px;
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 24px !important;
        letter-spacing: -0.5px !important;
        /*display: inline-table;*/ /* In IE if the text is bigger, it does not wrap, hence this property added*/
        width: 95%;
    }

    .hbalert_box > img {
        height: 20px;
        padding-left: 5px;
    }

.hbalert_close {
    display: inline-block;
    color: #002664;
    position: absolute;
    right: 6px;
    top: 3px;
}

    .hbalert_close em {
        color: #002664;
    }

    .hbalert_close:hover {
        color: #000;
    }

.hb_bquotebox {
    position: absolute;
    bottom: 350px;
    right: 42px;
    display: inline-block;
    background: #F9F9FB;
    padding: 30px 45px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001);
    width: 700px;
    font-family: Arial;
}

    .hb_bquotebox > h3 {
        font-family: Arial;
        font-size: 27px;
        line-height: 41px;
        color: #312F2F;
    }

    .hb_bquotebox > p {
        font-size: 16px;
        line-height: 24px;
        color: #353C42;
    }

.hbc_ribonbox {
    display: inline-block;
    position: absolute;
    width: 100%;
    background: #D7153A;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001), 0px 1px 4px rgba(0, 0, 0, 0.2);
    padding: 45px 0px;
    bottom: 140px;
}

.hbc_selbox {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.hospital_Contact .hbc_selitem em {
    vertical-align: middle;
}

.hospital_Contact .hbc_selbox {
    justify-content: left;
}

    .hospital_Contact .hbc_selbox em {
        font-size: 22px;
    }

    .hospital_Contact .hbc_selbox .mapaddress {
        min-width: 12em;
    }

.hbc_selitem {
    display: inline-block;
    position: relative;
    font-family: Arial;
    font-size: 27px;
    /*27px*/
    line-height: 46px;
    color: #FFFFFF;
}

    .hbc_selitem > .sel {
        border-bottom: 1px solid #ffffff;
        z-index: 3;
    }

    .hbc_selitem:last-child:after {
        display: none;
    }

    .hbc_selitem:not(:last-child) {
        margin-right: 30px;
    }

    .hbc_selitem > label {
        float: left;
        margin-right: 15px;
        font-weight: normal;
    }

    .hbc_selitem > select {
        border-bottom: 1px solid #fff;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: relative;
        background-color: #d7153a;
        padding: 10px 50px 8px 0px;
        color: #fff;
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        font-family: 'Arial-BoldMT';
    }

        .hbc_selitem > select::-ms-expand {
            display: none;
        }
/*.hbc_selitem:after{position:absolute;right:0px;top:10px;display:inline-block;content:"\f107";font-family:FontAwesome;font-size:27px;pointer-events:none;}*/

.hbc_gobtn {
    display: inline-block;
    width: 84px;
    height: 40px;
    background-color: #ffffff;
    font-size: 0.6em;
    text-align: center;
    color: #002664 !important;
    border-radius: 50px;
    line-height: 40px;
    font-family: 'Arial-BoldMT';
}

    .hbc_gobtn:hover {
        background-color: #002664;
        text-decoration: none;
        color: #fff !important;
    }

    .hbc_gobtn:hover {
        background-color: #002664;
        text-decoration: none;
        color: #fff !important;
    }

/*--- start hb custom dropdown ---*/

.hbc_selitem .sel__placeholder {
    font-size: 27px;
    /*27px*/
    line-height: 46px;
    color: #ffffff;
}

/*.hbc_selitem .sel__box {
    background-color: rgba(215,21,58,0.7);
}
*/

.hbc_selitem > .sel > .sel__box {
    background-color: transparent;
    width: auto;
    white-space: nowrap;
}

.hbc_selitem .sel__box__options {
    font-size: 22px;
    color: #fff;
    background-color: rgba(215, 21, 58, 0.7);
}

    .hbc_selitem .sel__box__options:hover {
        background-color: #D7153A;
    }

.hbc_selitem > .sel::before {
    top: 0px;
}
/*--- end hb custom dropdown ---*/
/*--- end hero banner webpart box ---*/

/*--- start accesibility icons section(blue bg)---*/
.accblity_box {
    display: flex;
    width: 100%;
    background-color: #002664;
    padding: 35px 35px 35px 28px; /*36px;*/
    color: #ffffff;
    justify-content: space-between;
    position: relative;
}

    .accblity_box:after {
        display: none;
    }

.accblity_box_donate {
    _display: flex;
    display: block;
    width: 100%;
    _background-color: #002664;
    _padding: 35px 35px 35px 28px; /*36px;*/
    color: #ffffff;
    justify-content: space-between;
    position: relative;
}

    .accblity_box_donate:after {
        display: none;
    }

.accblity_ttl_donate {
    font-family: Arial;
    _font-style: normal;
    font-weight: normal;
    font-size: 2.357142857142857em;
    line-height: 38px;
    color: #FFFFFF;
    background-color: #002664;
    display: inline-table;
    width: 100%;
    padding: 35px 35px 35px 28px;
}

.accblity_ttl {
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 2.357142857142857em;
    line-height: 38px;
    color: #FFFFFF;
    order: 1;
    display: flex;
}

.accblity_icons {
    display: flex;
    order: 2;
}

.accblity_icons_donate {
    _display: flex;
    order: 2;
    display: inline-block;
    float: right;
    padding: 15px 35px 15px 30px;
}

.print_logo {
    display: none;
}

.acc_icolist {
    display: flex;
    list-style-type: none;
}

    .acc_icolist > li {
        position: relative;
    }

        .acc_icolist > li:not(:last-child) {
            margin-right: 20px;
        }

.accblity_icons .acc_icolist > li > a {
    font-size: 20px;
}

.accwithnav_box .acc_icolist > li > a {
    font-size: 20px;
    color: #353C42;
}

    .accwithnav_box .acc_icolist > li > a:hover {
        opacity: 0.5;
        color: #353C42 !important;
    }

.acc_sharebox {
    position: absolute;
    background-color: #f2f2f2;
    padding: 2px 10px;
    border-radius: 5px;
    top: 28px;
    left: -18px;
    width: 60px;
    display: none;
    z-index: 2;
}

.acc_sharetxt {
    display: inline-block;
    color: #868383;
    font-size: 10px;
}

.sh_closeico {
    display: inline-block;
}

.acc_sharelist {
    display: inline-block;
    list-style: none;
}

    .acc_sharelist > li {
        float: left;
        width: 100%;
        text-align: center;
        list-style-image: url(data:0);
    }

        .acc_sharelist > li > a {
            font-size: 24px;
            color: #868383;
            transition: .5s;
            -o-transition: .5s;
            -ms-transition: .5s;
            -webkit-transition: .5s;
            -moz-transition: .5s;
        }

        .acc_sharelist > li:nth-child(1) > a:hover {
            color: #26425b;
        }

        .acc_sharelist > li:nth-child(2) > a:hover {
            color: #00a6e8;
        }

        .acc_sharelist > li:nth-child(3) > a:hover {
            color: #f83b2a;
        }

        .acc_sharelist > li:nth-child(4) > a:hover {
            color: #a91215;
        }

        .acc_sharelist > li:nth-child(3) > a,
        .acc_sharelist > li:nth-child(4) > a {
            font-size: 22px;
        }

#google_translate_element {
    padding-top: 3px;
}
/*--- end accesibility icons section(blue bg)---*/

/*--- start accesibility icons section(white bg)---*/
.accwithnav_box {
    display: flex;
    width: 100%;
    background-color: #ffffff;
    padding: 15px 36px 15px 30px;
    color: #000;
    justify-content: space-between;
}

.accblity_bcrumb {
    display: flex;
}

    .accblity_bcrumb > .breadcrub_sec {
        margin-top: 0px;
        _margin-left: 15px;
    }

        .accblity_bcrumb > .breadcrub_sec > .breadcrumb {
            margin-bottom: 0px;
        }
/*--- end accesibility icons section(white bg)---*/

/*--- start feature news webpart box ---*/
.webpart_ttl {
    display: block;
    width: auto;
    text-align: center;
    margin-bottom: 1.5em;
    margin-top: 2em;
}

    .webpart_ttl > em {
        color: #D7153A;
        font-size: 32px;
    }

    .webpart_ttl img {
        margin-top: 50px;
    }

    .webpart_ttl > p {
        display: block;
        font-family: Arial;
        font-size: 32px;
        /*32px;*/
        line-height: 40px;
        color: #353C42;
        margin-top: 1em;
    }

.webpart_box {
    float: left;
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 0 4px 40px rgba(25, 39, 52, .06), 0 0 1px rgba(25, 39, 52, .1);
    box-shadow: 0 4px 40px rgba(25, 39, 52, .06), 0 0 1px rgba(25, 39, 52, .1);
}

.feture_wparea {
    float: left;
    display: inline-block;
    width: 100%;
}

.feture_wpbox {
    float: left;
    display: inline-block;
    width: 100%;
}

.fet_wpimg {
    float: left;
    display: inline-block;
    width: 100%;
    padding-bottom: 43%;
    position: relative;
    overflow: hidden;
}

    .fet_wpimg > img {
        display: block;
        opacity: 1;
        width: 100%;
        object-fit: cover;
        background-size: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        animation-duration: 0.367s;
        animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
        animation-fill-mode: both;
    }

.fet_descbox {
    float: left;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0px;
    background-color: #002664;
    margin-bottom: 25px;
    padding: 25px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001), 0px 1px 4px rgba(0, 0, 0, 0.2);
}

.fet_wphead {
    font-family: Arial;
    font-size: 27px;
    /*27px;*/
    line-height: 32px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 24px;
}

.fet_wptxt {
    font-family: Arial;
    font-size: 16px;
    /*16px;*/
    line-height: 24px;
    color: #ffffff;
    padding: 0 5px;
}

.fet_selbox {
    float: left;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.fet_selitem {
    display: inline-block;
    position: relative;
}

    .fet_selitem:not(:last-child) {
        margin-right: 28px;
    }

    .fet_selitem > label {
        float: left;
        margin-right: 8px;
        font-family: Arial;
        font-weight: normal;
        font-size: 16px;
        /*16px;*/
        line-height: 24px;
        color: #353C42;
    }

    .fet_selitem > select {
        border: 0px;
        font-family: Arial;
        font-size: 16px;
        line-height: 24px;
        color: #002664;
        font-weight: 600;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: relative;
        padding-right: 25px;
    }

        .fet_selitem > select::-ms-expand {
            display: none;
        }

    .fet_selitem > .sel::before {
        top: -8px;
    }


/*.fet_selitem:after{position:absolute;right:0px;top:-2px;display:inline-block;content:"\f107";font-family:FontAwesome;font-size:27px;pointer-events:none;}*/

.fet_artarea {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 0px 10%;
    margin-top: 24px;
}

.fet_artlist {
    float: left;
    display: inline-block;
    width: 100%;
    border-bottom: 0.5px solid #f3f1f1;
    animation: fadeInUp ease-in 800ms;
    /*SPG Added*/
    transition: all 0.4s;
}

    .fet_artlist:hover {
        transition: all 0.4s;
    }

.fet_artitem {
    float: left;
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 20px 10px;
    border-bottom: 0.5px solid #f3f1f1;
    transition: all 0.4s;
}

    .fet_artitem:hover {
        transition: all 0.4s;
    }

.fet_artimg {
    float: left;
    display: inline-block;
    width: 230px;
    height: 8em;
    position: relative;
    overflow: hidden;
}

    .fet_artimg img {
        display: block;
        opacity: 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        animation-duration: 0.367s;
        animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
        animation-fill-mode: both;
        filter: saturate(1);
        -webkit-filter: saturate(1);
        -moz-filter: saturate(1);
        -o-filter: saturate(1);
        -ms-filter: saturate(1);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
        transition: all 2.0s;
    }

    .fet_artimg.serviceWizardthumbnail {
        width: 12em;
        height: 12em;
    }

        .fet_artimg.serviceWizardthumbnail a {
            cursor: default;
        }

        .fet_artimg.serviceWizardthumbnail img {
            display: block;
            opacity: 1;
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            animation-duration: 0.367s;
            animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
            animation-fill-mode: both;
            filter: saturate(1);
            -webkit-filter: saturate(1);
            -moz-filter: saturate(1);
            -o-filter: saturate(1);
            -ms-filter: saturate(1);
            box-shadow: none;
            transition: all 2.0s;
        }

    .fet_artimg img:hover {
        filter: saturate(0.2);
        -webkit-filter: saturate(0.2);
        -moz-filter: saturate(0.2);
        -o-filter: saturate(0.2);
        -ms-filter: saturate(0.2);
        transition: all 2.0s;
    }

    .fet_artimg.serviceWizardthumbnail img:hover {
        display: block;
        opacity: 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        animation-duration: 0.367s;
        animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
        animation-fill-mode: both;
        filter: saturate(1);
        -webkit-filter: saturate(1);
        -moz-filter: saturate(1);
        -o-filter: saturate(1);
        -ms-filter: saturate(1);
        box-shadow: none;
        transition: all 2.0s;
    }

.fet_artdesc {
    float: left;
    display: inline-block;
    width: calc(100% - 300px);
    padding: 0 0 10px 18px;
}

.fet_artttl {
    float: left;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-family: Arial;
    font-size: 22px;
    line-height: 32px;
    color: #353C42;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 10px;
}

    .fet_artttl a {
        color: #353C42;
    }

.fet_subttl {
    display: inline-block;
    font-size: 16px;
    /*16px;*/
    color: #353C42;
    line-height: 24px;
    margin-bottom: 15px;
    min-height: 50px;
}

.fet_status {
    display: block;
    font-size: 16px;
    /*16px;*/
    line-height: 20px;
    color: #353C42;
}

    .fet_status > em {
        color: #002664;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001);
        margin-right: 8px;
        font-size: 19px;
    }

.fet_artarrow {
    position: absolute;
    right: 50px;
    top: calc((100% - 92px) / 2);
    padding-right: 10px;
}

    .fet_artarrow > a {
        font-size: 65px;
        color: #CCCED0;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001);
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
    }

        .fet_artarrow > a:hover {
            color: #002664;
        }


/*--- end feature news webpart box ---*/


/*--- Start Get Involved css ---*/

.med_img_txt_btm_item {
    width: calc(33.33% - 0px);
    float: left;
    padding: 25px;
}

    .med_img_txt_btm_item img {
        filter: saturate(1);
        -webkit-filter: saturate(1);
        -moz-filter: saturate(1);
        -o-filter: saturate(1);
        -ms-filter: saturate(1);
        transition: all 2.0s;
    }

    .med_img_txt_btm_item:hover {
        filter: saturate(0.2);
        -webkit-filter: saturate(0.2);
        -moz-filter: saturate(0.2);
        -o-filter: saturate(0.2);
        -ms-filter: saturate(0.2);
        transition: all 2.0s;
    }

    .med_img_txt_btm_item:last-child {
        margin-right: 0px;
    }

.med_img_txt_btm img {
    width: 100%;
}

.med_img_txt_btm_title_single {
    margin: 28px 0 20px;
    float: left;
    width: 100%;
}

    .med_img_txt_btm_title_single.withoutAnchor {
        font-family: Arial;
        font-size: 27px;
        font-weight: bold;
        line-height: 40px;
        color: #353C42;
        letter-spacing: -0.5px;
    }

    .med_img_txt_btm_title_single a {
        font-family: Arial;
        font-size: 27px;
        font-weight: bold;
        line-height: 40px;
        color: #353C42;
        letter-spacing: -0.5px;
        cursor: pointer;
        text-decoration: none;
    }

        .med_img_txt_btm_title_single a:hover,
        .med_img_txt_btm_title_single a:focus {
            text-decoration: underline;
        }

.med_img_txt_btm_single_description p,
.med_img_txt_btm_single_description div {
    font-family: Arial;
    font-size: 20px;
    line-height: 30px !important;
    letter-spacing: -0.45px;
    color: #353C42;
}

.med_img_txt_btm_single_description ul {
    font-family: Arial;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.45px;
    color: #353C42;
    padding-left: 17px;
    list-style-type: disc;
    margin: 5px 5px 10px 5px !important;
}

.med_img_txt_btm_single_description ol {
    font-family: Arial;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.45px;
    color: #353C42;
    padding-left: 17px;
    margin: 5px 5px 10px 5px !important;
}

.med_img_txt_btm_title_multiple {
    margin: 28px 0 16px;
    /* float: left;  Disabled as it was creating issue in print view.*/
    width: 100%;
}

    .med_img_txt_btm_title_multiple.withoutAnchor {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
        line-height: 32px;
        color: #353C42;
        letter-spacing: -0.5px;
    }

    .med_img_txt_btm_title_multiple a {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
        line-height: 32px;
        color: #353C42;
        letter-spacing: -0.5px;
        cursor: pointer;
        text-decoration: none;
    }

        .med_img_txt_btm_title_multiple a:hover,
        .med_img_txt_btm_title_multiple a:focus {
            text-decoration: underline;
        }

.med_img_txt_btm_multiple_description p,
.med_img_txt_btm_multiple_description div {
    font-family: Arial;
    font-size: 16px;
    line-height: 24px !important;
    letter-spacing: -0.45px;
    color: #353C42;
}

.med_img_txt_btm_multiple_description ul {
    font-family: Arial;
    font-size: 16px;
    line-height: 24px !important;
    letter-spacing: -0.45px;
    color: #353C42;
    padding-left: 13px;
    list-style-type: disc;
    margin: 5px 5px 10px 5px !important;
}

.medimage_textbottom_3X3ingroups.full_width {
    width: 96%;
}

.medimage_textbottom_3X3ingroups_title,
.medimage_textbottom_3X3ingroups_title_withoutAnchor {
    margin: 28px 0 16px;
    float: left;
    width: 100%;
}

    .medimage_textbottom_3X3ingroups_title a {
        font-family: Arial;
        font-size: 22px;
        font-weight: bold;
        line-height: 32px;
        color: #353C42;
        cursor: pointer;
        text-decoration: none;
        letter-spacing: -0.5px;
    }

        .medimage_textbottom_3X3ingroups_title a:hover,
        .medimage_textbottom_3X3ingroups_title a:focus {
            text-decoration: underline;
        }

.small_img_text_right_item {
    float: left;
    width: 100%;
}

.wp_ftzone .ms-webpart-zone,
.wp_ftzone div.ms-webpart-cell-vertical-inline-table,
.wp_ftzone .ms-webpart-chrome-vertical {
    display: block;
}

.wp_ftzone {
    float: left;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

/*--- End Get Involved css ---*/


/*--- Start Getting here css ---*/

.small_img_txt_btm_item {
    width: calc(25% - 140px);
    float: left;
    margin: 20px 25px;
}

.small_img_txt_btm_icons_item {
    width: calc(25% - 80px);
}

.small_img_txt_btm_item.cross4 {
    width: calc(30% - 140px);
}

.small_img_txt_btm_item.cross3 {
    width: calc(38% - 140px);
}

.small_img_txt_btm_item.cross2 {
    width: calc(54% - 140px);
}

@supports (-ms-ime-align:auto) {
    .small_img_txt_btm_item {
        margin: 0 69px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .small_img_txt_btm_item {
        margin: 20px 25px;
    }
}


.link-item-smallImg-title, .link-item-smallImg-title a {
    font-family: Arial;
    font-size: 22px;
    font-weight: bold;
    line-height: 32px;
    color: #353C42;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
}

.link-item-smallImg-textRight .description, .link-item-smallImg-textRight .description p {
    font-family: Arial;
    font-size: 16px;
    line-height: 24px !important;
    letter-spacing: -0.45px;
    color: #353C42;
}

    .link-item-smallImg-textRight .description ul {
        font-family: Arial;
        font-size: 16px;
        line-height: 24px !important;
        letter-spacing: -0.45px;
        color: #353C42;
        padding-left: 13px;
        list-style-type: disc;
        margin: 5px 5px 10px 5px !important;
    }

    .link-item-smallImg-textRight .description ol {
        font-family: Arial;
        font-size: 16px;
        line-height: 24px !important;
        letter-spacing: -0.45px;
        color: #353C42;
        padding-left: 13px;
        margin: 5px 5px 10px 5px !important;
    }

.small_img_txt_btm_icon {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

    .small_img_txt_btm_icon a {
        width: 55px;
        height: 55px;
        display: inline-block;
        text-decoration: none;
        color: #353C42;
    }

        .small_img_txt_btm_icon a em {
            font-size: 46px;
        }

        .small_img_txt_btm_icon a img {
            width: 100%;
        }

.small_img_txt_btm_content {
    display: block;
    text-align: center;
}

.small_img_txt_btm_description {
    display: inline-block;
}

    .small_img_txt_btm_description p,
    .small_img_txt_btm_description div {
        font-family: Arial;
        font-style: normal;
        font-weight: normal;
        _font-size: 18px;
        _line-height: 32px;
        color: #353C42
    }

.gettingHere p {
    font-family: Arial;
    font-size: 18px;
    letter-spacing: -0.45px !important;
}

.ourAmenities p {
    font-family: Arial;
    font-size: 22px;
    letter-spacing: -0.407407px !important;
}

.small_img_txt_btm_descriptionSL p,
.small_img_txt_btm_descriptionSL div {
    font-family: Arial;
    font-size: 16px;
    line-height: 24px !important;
    letter-spacing: -0.45px;
    color: #353C42
}

.full_width {
    width: 100%;
    margin: 0;
}

.small_img_txt_btm_item.full_width {
    margin: 0 70px;
    width: calc(100% - 140px);
}

.display_flex {
    /* float: none; Disabled as it was affecting 
    Get Involved on the Hospitals and Services Page */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .display_flex .wp_tileitem {
        width: auto;
        margin: 0;
    }

    .display_flex .addjust_width {
        width: 100%;
        margin-right: 20px;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

.addjust_width .ms-webpartzone-cell {
    margin-bottom: 0px;
}

.addjust_width .inner_container {
    padding: 0;
}

.small_img_txt_btm_item.full_width .small_img_txt_btm_description {
    text-align: center;
}


/*--- End Getting here css ---*/


/*--- Start large img Involved css ---*/

.large_img_txt_btm_items {
    width: 100%;
    margin: 0;
}

.large_img_summ {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 0px 36px;
}

    .large_img_summ img {
        width: 100%;
    }

.large_img_txt_btm_title {
    float: left;
    width: 100%;
    background-color: #3c3a32;
    color: #fff;
    text-align: center;
    padding: 20px;
    font-size: 18px;
}

.large_img_txt_btm_description {
    width: 100%;
    padding: 24px 0px;
    flex-flow: row;
    justify-content: space-between;
    font-size: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.large_img_leftdesc {
    display: block;
}

.large_img_rightact {
    display: inline-block;
}

    .large_img_rightact > a {
        text-decoration: none;
        background-color: #fff;
        color: #104cad;
        font-weight: 600;
        box-shadow: 0px 1px 4px #ddd;
        padding: 7px 10px;
        border-radius: 24px;
        font-size: 12px;
    }

        .large_img_rightact > a > em {
            margin-right: 5px;
            color: #353C42;
        }

        .large_img_rightact > a:hover {
            color: #fff;
            background-color: #002664;
        }

            .large_img_rightact > a:hover > em {
                color: #fff;
            }

.fullwid_limg_desc {
    float: left;
    display: block;
    text-align: center;
    padding: 20px 0px;
}

    .fullwid_limg_desc > .large_img_leftdesc {
        margin-bottom: 10px;
    }


/*--- End large img Involved css ---*/


/*--- start search page style ---*/

.search_page {
    float: left;
    display: inline-block;
    width: 100%;
    margin-top: 24px;
}

.left_search_content {
    float: left;
    display: inline-block;
    width: 250px;
}

    .left_search_content .ms-ref-uparrow {
        display: block;
    }

.right_search_content {
    float: left;
    display: inline-block;
    width: calc(100% - 300px);
    margin-left: 50px;
}

    .right_search_content .ms-srch-sbLarge > .ms-srch-sb-searchLink {
        right: 5px;
        top: 5px;
    }

.ms-srch-sbLarge-searchImg:hover {
    left: -35px;
    top: -57px;
    position: absolute;
}

.ms-srch-sbLarge > .ms-srch-sb-searchLink {
    width: 20px;
    height: 20px;
}

.ms-srch-sbLarge-searchImg {
    left: -35px;
    top: -57px;
    position: absolute;
}

.ms-ref-refiner {
    padding: 0px;
}

    .ms-ref-refiner > div > a,
    .ms-ref-refinername:hover {
        width: 100% !important;
        background: #002664;
        padding: 8px 8px !important;
        color: #fff !important;
    }

.jumbotron {
    background-color: #752F8A;
    min-height: 32em;
    padding: 20px;
    margin: 0;
    height: auto;
}

    .jumbotron .container {
        width: 100%;
        padding: 25px;
        padding-left: 20px;
    }

.image-cropper {
    width: 26em;
    height: 26em;
    overflow: hidden;
    border-radius: 50%;
    float: right;
    margin-left: 20%;
    position: absolute;
}

    .image-cropper img {
        object-fit: cover;
    }


#UnselectedSection {
    padding: 6px 10px;
}

.ms-ref-refiner #Value,
.ms-ref-unsel-toggle,
#OtherValue,
#SubmitValue {
    width: 100%;
}

.histogram_container,
.slider_extent_label_section,
.slideronly_container,
.handle_label_section {
    width: 100%;
}

#Paging > li {
    display: inline-block !important;
    line-height: 40px;
    padding: 0px !important;
    margin: 0px;
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
}

    #Paging > li:not(:last-child) {
        margin-right: -5px;
    }

    #Paging > li > a {
        border: 0px;
        height: 32px;
        line-height: 34px;
        padding: 0px !important;
        top: 0px !important;
        background-color: transparent;
        cursor: pointer;
        color: #353C42;
    }

    #Paging > li:hover {
        background-color: #002664;
        cursor: pointer;
    }

        #Paging > li:hover a {
            color: #fff !important;
        }

#PagingSelf {
    background-color: #002664;
}

    #PagingSelf > a {
        color: #fff !important;
    }


/*--- end search page style ---*/


/*--- Start of A to Z Listing webpart---*/

.webpart_ttl_normal {
    margin-bottom: 40px;
}

    .webpart_ttl_normal p {
        font-family: Arial;
        font-size: 40px;
        line-height: 47px;
        color: #353C42;
    }

.atoz_filter {
    /*margin-right: 50px;
    width: 60%;*/
}

.divOR {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: Arial;
    font-size: 16px;
    color: #353C42;
    font-weight: bold;
    _margin-left: 30%;
    margin-right: 30%;
}

.filter_box {
    position: relative;
    display: inline-block;
    padding-left: 33px;
    width: 100%;
}

    .filter_box > label {
        float: left;
        font-family: Arial;
        font-weight: normal;
        font-size: 16px;
        line-height: 36px;
        color: #353C42;
        margin-right: 9px;
    }


    /*.filter_box > select{border: 0px; width: 348px; border-bottom: 1px solid #979797; padding-bottom: 9px; font-family: Arial; font-size: 16px; color: #353C42; font-weight: 600; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; padding-right: 25px; line-height: 24px; letter-spacing: -0.5px;}*/

    .filter_box > select:focus {
        outline: 0;
    }

    .filter_box > select::-ms-expand {
        display: none;
    }


/*.filter_box:after{position:absolute;right:0px;top:-2px;display:inline-block;content:"\f107";font-family:FontAwesome;font-size:27px;pointer-events:none;}*/

.atoz_filter_search {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    padding: 25px;
}

.search_box input {
    padding: 9px 16px;
    border: 1px solid #ECECEE;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001);
    border-radius: 4px;
    margin-right: 20px;
    width: calc(70% - 104px);
    font-family: Arial;
    font-size: 16px;
    line-height: 24px;
    color: #353C42;
    mix-blend-mode: normal;
    opacity: 0.8;
}

    .search_box input:focus {
        outline: 0;
    }

.button {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001), 0px 1px 4px rgba(0, 0, 0, 0.2);
    border-radius: 40px;
    padding: 6px 16px;
    border: 0;
}

    .button:focus {
        outline: 0;
    }

.primary_btn {
    background: #002664;
    color: #fff;
    min-width: 80px;
    font-weight: 600;
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

    .primary_btn:hover {
        background-color: #ffffff;
        color: #002664;
    }

.atoz_search {
    flex: 50%;
    width: 65em;
    display: inline-block;
}

    .atoz_search label {
        float: left;
        text-align: right;
        clear: both;
        margin-right: 10px;
        width: 146px;
        font-family: Arial;
        font-weight: normal;
        font-size: 16px;
        line-height: 36px;
        color: #353C42;
    }

.atoz_char span {
    opacity: 0.4;
    cursor: default;
    font-family: Arial;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 8.2px;
    color: #353C42;
    font-weight: 400;
}

    .atoz_char span.active_char {
        opacity: 1;
        cursor: pointer;
    }

    .atoz_char span.selected {
        background-color: #002664;
        padding: 5px 2px 2px 10px;
        display: block;
        position: relative;
        margin: -3px 0 0;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        height: 35px;
        width: 35px;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        text-align: center;
        color: #ffffff;
    }

.atoz_char {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
    padding: 0 25px
}

.selected_char span {
    font-family: Arial;
    font-size: 59px;
    line-height: 40px;
    letter-spacing: -1.09259px;
    color: #353C42;
    font-weight: 600;
}

.selected_char {
    margin-top: 140px;
    margin-bottom: 100px;
    padding-left: 25px;
}

.char_title {
    font-family: Arial;
    font-weight: bold;
}

.char_links ul {
    list-style: none;
    padding-left: 10px;
    margin: 0;
}

.char_links a {
    display: inline-block;
    margin-bottom: 25px;
    font-family: Arial;
    font-size: 21px;
    line-height: 24px;
    color: #353C42;
    text-decoration: none;
}

    .char_links a:hover,
    .char_links a:active {
        text-decoration: underline;
    }

.atoz_container {
    margin: 2%;
}

.atoz_links {
    /*column-count: 3;*/
    display: table;
    min-width: 100%;
}

.char_links {
    break-inside: avoid;
    float: left;
    width: 30%;
    margin-bottom: 1%;
    margin-top: 1%;
    margin-left: 2%;
    white-space: inherit;
    margin-right: 1%;
}

@media screen and (-ms-high-contrast:active), all and (-ms-high-contrast:none) {
    .char_links {
        display: inline-block;
        /*width: 100%;*/
    }

    .sel.active .sel__placeholder {
        visibility: visible !important;
    }
}

@supports (-ms-ime-align:auto) {
    .sel.active .sel__placeholder {
        visibility: visible !important;
    }
}


/*--- End of A to Z Listing webpart---*/


/* ===== Select Box ===== */

.sel::before {
    position: absolute;
    right: 0;
    top: 2px;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 27px;
    cursor: pointer;
    transition: all 0.4s;
}

.sel.active::before {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.sel__placeholder {
    display: block;
    visibility: visible;
    text-align: left;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0px;
    padding-bottom: 9px;
    font-family: Arial;
    font-size: 16px;
    color: #353C43;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    padding-right: 25px;
    line-height: 24px;
    letter-spacing: -0.5px;
}

.fet_selbox .sel__placeholder {
    font-weight: bold;
    color: #002664;
}

.sel.active .sel__placeholder {
    visibility: hidden;
}

.sel__placeholder::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: attr(data-placeholder);
    visibility: hidden;
}

.sel.active .sel__placeholder::before {
    visibility: visible;
}

.sel__box {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    display: none;
    list-style-type: none;
    text-align: left;
    background-color: #F9F9FB;
    width: auto;
    min-width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
}

.sel.active .sel__box {
    display: block;
    -webkit-animation: fadeInUp 200ms;
    animation: fadeInUp 800ms;
    /*SPG Chnaged value from 200 to 800*/
}

.sel__box__options {
    display: list-item;
    padding: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Arial;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.5px;
    color: #002664;
    cursor: pointer;
}

.news_selitem > .sel > .sel__box > .sel__box__options:hover,
.fet_selitem > .sel > .sel__box > .sel__box__options:hover,
.atoz_sel__box__options:hover {
    background-color: #002664;
    color: #fff;
}

.sel__box__options.selected::after {
    display: inline;
}

.sel {
    border-bottom: 1px solid #979797;
    z-index: 2;
    float: left;
    position: relative;
}

.filter_box .sel {
    width: 348px;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


/*--- end select box ---*/


/* =====atoz Select Box ===== */

.atoz_sel::before {
    position: absolute;
    right: 0;
    top: 1px;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 27px;
    pointer-events: none;
}

.atoz_sel.active::before {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.atoz_sel__placeholder {
    display: block;
    visibility: visible;
    text-align: left;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0px;
    font-family: Arial;
    font-size: 16px;
    color: #353C42;
    font-weight: 600;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    padding-right: 25px;
    line-height: 36px;
    letter-spacing: -0.5px;
}

.atoz_sel.active .atoz_sel__placeholder {
    visibility: hidden;
}

.atoz_sel__placeholder::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: attr(data-placeholder);
    visibility: hidden;
}

.atoz_sel.active .atoz_sel__placeholder::before {
    visibility: visible;
}

.atoz_sel__box {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    display: none;
    list-style-type: none;
    text-align: left;
    background-color: #F9F9FB;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
}

.atoz_sel.active .atoz_sel__box {
    display: block;
    -webkit-animation: fadeInUp 200ms;
    animation: fadeInUp 200ms;
}

.atoz_sel__box__options {
    display: list-item;
    padding: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Arial;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.5px;
    color: #002664;
    cursor: pointer;
}

    .atoz_sel__box__options.selected::after {
        display: inline;
    }

.atoz_sel {
    border-bottom: 1px solid #979797;
    _z-index: 2;
    float: left;
    position: relative;
}

.filter_box .atoz_sel {
    width: calc(60% - 100px);
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


/*---atoz end select box ---*/

.no_padding_margin {
    padding: 0px;
    margin: 0px;
}


/*--- start footer style ---*/

.footer {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 45px 0px;
    background-color: #002664;
}

    .footer > .inner_container {
        padding: 0px calc((100% - 80%) / 2);
    }

.footer_desc {
    font-size: 20px;
    text-align: left;
    color: #fff;
}

.footer_content {
    float: left;
    display: inline-block;
    width: 100%;
}

.footer_contitem {
    float: left;
    display: inline-block;
    width: calc(25% - 22.5px);
    margin-right: 30px;
}

    .footer_contitem:last-child {
        margin-right: 0px;
    }

    .footer_contitem > h5,
    .footer_contitem > h1 {
        color: #fff !important;
        font-size: 18px;
        letter-spacing: 1px !important;
        display: inline-block;
        margin: 0;
        margin-bottom: 22px;
    }

ul.ft_soclinks,
ul.ft_socico_box {
    float: left;
    list-style-type: none;
    display: inline-block;
    letter-spacing: 1px;
    width: 100%;
}

    ul.ft_soclinks > li {
        float: left;
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
    }

    ul.ft_socico_box > li {
        float: left;
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

    ul.ft_soclinks > li > a {
        cursor: pointer;
        -o-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
        font-size: 16px;
        color: #fff;
        text-decoration: none;
    }

        ul.ft_soclinks > li > a:hover {
            text-decoration: underline;
            -o-transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            transition: .5s;
        }

    ul.ft_socico_box > li > a {
        float: left;
        display: inline-block;
        line-height: 24px;
        color: #ffffff;
        font-size: 16px;
    }

        ul.ft_socico_box > li > a > em {
            width: 36px;
            height: 36px;
            background-color: #ffffff;
            display: inline-block;
            text-align: center;
            color: #002664;
            font-size: 20px;
            border-radius: 50px;
            line-height: 36px;
            margin-right: 20px;
            -o-transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            transition: .5s;
        }

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

            ul.ft_socico_box > li > a:hover > em {
                background-color: #e51840;
                color: #fff;
            }

.ft_fitem {
    display: inline-block;
    padding: 16px 0px 16px 20px;
    border-left: 2px solid #fff;
    color: #fff;
    margin-top: 36px;
    margin-left: 80px;
}

.fi_btmttl {
    display: block;
    font-size: 27px;
}

.fi_btndesc {
    display: inline-block;
    font-size: 16px;
}


/*--- end footer style ---*/

.noContentBodyContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 0 !important;
}

.noContentPlaceHolderMain {
    height: 100%;
}

.atoz_char span {
    display: -ms-flexbox;
}


/*--- start news webpart area ---*/

.news_wparea,
.tiles_wparea {
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
}

.news_selbox {
    display: flex;
    width: 95%;
    justify-content: center;
    margin: 30px 0px 30px 30px;
}

.news_selitem {
    display: inline-block;
}

    .news_selitem > .sel:before {
        top: -6px;
    }

    .news_selitem:not(:last-child) {
        margin-right: 40px;
    }

.news_listbox,
.tiles_listbox {
    display: inline-block;
    width: 100%;
    padding: 20px;
}

#tiles_listbox {
    padding-top: 25px;
}

.news_listitem {
    float: left;
    width: calc(33.33% - 36px);
    margin: 0 54px 15px 0px;
    color: #353C42;
    height: 35em /*Previous 38em*/;
}

.tiles_listitem {
    float: left;
    width: calc(33.33% - 40px);
    margin: 0px 20px;
    color: #353C42;
    height: 26em;
}

#news_listbox {
    padding: 25px;
    min-height: 600px;
}

#news_listbox_hospital_featured {
    width: 100%;
    padding: 50px;
    position: relative;
    justify-content: center;
    margin: 30px 0px 70px 0px;
}

.placeholder_custom {
    color: #999999 !important;
}

::placeholder {
    color: #999999;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999999 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #999999;
}

#news_listbox_hospital_featured .news_listitem {
    width: calc(33% - 34px);
    height: 27em;
}

    #news_listbox_hospital_featured .news_listitem:first-child {
        width: calc(33% - 34px);
    }

    #news_listbox_hospital_featured .news_listitem:last-child {
        width: calc(33% - 34px);
    }

    #news_listbox_hospital_featured .news_listitem .news_lbl {
        bottom: 2em;
    }

.news_selitem > label {
    float: left;
    margin-right: 12px;
}

.news_selitem > .sel {
    width: 195px;
    z-index: 3;
    white-space: nowrap;
    padding-bottom: 0.5em;
}

#sel_location_l {
    padding-right: 16em;
}

.news_listitem:nth-child(3n),
.tiles_listitem:nth-child(3n) {
    margin-right: 0px;
}

.news_wpimg {
    float: left;
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.tiles_wpimg {
    float: left;
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    filter: saturate(1);
    -webkit-filter: saturate(1);
    -moz-filter: saturate(1);
    -o-filter: saturate(1);
    -ms-filter: saturate(1);
    transition: all 2.0s;
}

    .tiles_wpimg:hover {
        filter: saturate(0.2);
        -webkit-filter: saturate(0.2);
        -moz-filter: saturate(0.2);
        -o-filter: saturate(0.2);
        -ms-filter: saturate(0.2);
        transition: all 2.0s;
    }

    .news_wpimg > img,
    .tiles_wpimg > img {
        display: block;
        opacity: 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        filter: saturate(1);
        -webkit-filter: saturate(1);
        -moz-filter: saturate(1);
        -o-filter: saturate(1);
        -ms-filter: saturate(1);
        transition: all 2.0s;
    }

.news_wpimg img:hover {
    filter: saturate(0.2);
    -webkit-filter: saturate(0.2);
    -moz-filter: saturate(0.2);
    -o-filter: saturate(0.2);
    -ms-filter: saturate(0.2);
    transition: all 2.0s;
}

.news_lbl {
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    min-width: 10em;
    position: absolute;
    z-index: 2;
    left: 15px;
    bottom: 2em;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001), 0px 1px 4px rgba(0, 0, 0, 0.2);
    border-radius: 100px;
    text-align: center;
    padding: 8px 14px;
    white-space: nowrap;
    text-decoration: none;
}

.related_news_Item .news_lbl {
    bottom: 2em;
}

a.news_lbl:hover {
    text-decoration: none;
}

a.news_wpimg:hover {
    text-decoration: none;
}

.service_linktext {
    padding: 20px 0;
}

.red_nbg {
    background: #D7153A;
}

.blue_nbg {
    background: #002664;
}

.purple_nbg {
    background: #752F8A;
}

.green_nbg {
    background: #0F8A0F;
}

.news_wpttl {
    display: inline-block;
    width: 100%;
    font-family: Arial;
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 10px;
    font-weight: bold;
    word-break: break-word;
    min-height: 65px;
}

a.news_wpttl {
    font-family: Arial;
    font-size: 22px;
    line-height: 32px;
    color: #353C42;
    cursor: pointer;
    text-decoration: none;
    margin-top: 22px;
}

    a.news_wpttl:hover {
        text-decoration: underline;
    }

.tiles_wpttl {
    display: inline-block;
    width: 100%;
    font-family: Arial;
    font-size: 27px;
    line-height: 32px;
    font-weight: bold;
    word-break: break-word;
    min-height: 60px;
    padding-top: 15px;
}

a.tiles_wpttl {
    color: #353C42;
}

.news_wpstatus {
    display: inline-block;
    margin-bottom: 20px;
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
}

    .news_wpstatus > em {
        display: inline-block;
        font-size: 18px;
        margin-right: 8px;
    }

.news_wpdesc,
.tiles_wpdesc {
    font-family: Arial;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    width: 100%;
}

    .news_wpdesc p {
        font-size: 16px;
        letter-spacing: 0;
    }

.news_lmoresec {
    display: flex;
    justify-content: center;
    padding-bottom: 25px;
}

.news_lmorebtn {
    display: inline-block;
    padding: 12px 24px;
    background: #D7153A;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001), 0px 1px 4px rgba(0, 0, 0, 0.2);
    border-radius: 41px;
    font-family: Arial;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    -o-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

    .news_lmorebtn:hover {
        background: #002664;
        color: #ffffff;
        text-decoration: none;
    }

    .news_lmorebtn:visited {
        color: #ffffff;
    }

    .news_lmorebtn > em {
        margin-left: 10px;
    }


/*--- end news webpart area ---*/


/*--- start news article webpart area ---*/

.newsart_wparea {
    display: inline-block;
    width: 100%;
    padding-bottom: 50px;
    -webkit-box-shadow: 0 4px 40px rgba(25, 39, 52, .06), 0 0 1px rgba(25, 39, 52, .1);
    box-shadow: 0 4px 40px rgba(25, 39, 52, .06), 0 0 1px rgba(25, 39, 52, .1);
}

.newsart_topimg {
    width: 90%;
    padding-top: 43%;
    position: relative;
    overflow: hidden;
    margin: 0px;
}

    .newsart_topimg > img {
        display: block;
        opacity: 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        animation-duration: 0.367s;
        animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
        animation-fill-mode: both;
    }

.newsart_heading {
    display: inline-block;
    width: 100%;
    padding: 20px;
    text-align: center;
}

    .newsart_heading > h2 {
        font-family: Arial;
        font-size: 32px;
        line-height: 32px;
        color: #353C42;
        font-weight: 600;
    }

.newsart_tactlist {
    display: flex;
    width: 100%;
    list-style-type: none;
    margin-top: 24px;
    justify-content: center;
}

    .newsart_tactlist > li {
        float: left;
        display: inline-block;
    }

        .newsart_tactlist > li:not(:last-child) {
            margin-right: 35px;
        }

        .newsart_tactlist > li > a {
            display: inline-block;
            font-family: Arial;
            font-size: 16px;
            line-height: 30px;
            color: #707575;
            text-decoration: none;
            cursor: default;
        }

            .newsart_tactlist > li > a > em {
                margin-right: 6px;
            }

        .newsart_tactlist > li:last-child > a {
            width: 77px;
            height: 35px;
            border: 2px solid #002664;
            box-sizing: border-box;
            border-radius: 17.5px;
            cursor: pointer;
            -o-transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            transition: .5s;
        }

            .newsart_tactlist > li:last-child > a:hover {
                background-color: #002664;
                color: #fff;
            }

.newsart_descbox,
.newsart_relatedLinks {
    display: block;
    padding: 0 50px;
}

    .newsart_descbox > p {
        _display: inline-block;
        font-family: Arial;
        font-size: 20px;
        line-height: 32px;
        color: #353C42;
        margin-bottom: 24px;
    }

    .newsart_relatedLinks > p {
        display: block;
        font-family: Arial;
        font-size: 16px;
        line-height: 24px;
        color: #353C42;
        margin-bottom: 24px;
    }

.newsart_slogan {
    display: block;
    padding: 50px 45px;
}

blockquote {
    border-left: 0px;
    padding: 0px;
    display: grid;
    margin: 0;
}

    blockquote > q {
        display: inline-block;
        font-family: Arial;
        font-size: 1.7142857142857142em;
        /*30px*/
        line-height: 46px;
        position: relative;
    }

.newsart_slogan blockquote > q {
    display: inline-block;
    font-family: Arial;
    font-size: 30px;
    line-height: 46px;
    position: relative;
    margin: 0 80px 0px;
    /*Fix for bug # 1297*/
}

blockquote > q:before {
    position: absolute;
    font-size: 70px;
    left: -32px;
    line-height: 89px;
}

blockquote > q:after {
    position: absolute;
    font-size: 70px;
    line-height: 90px;
    padding-left: 7px;
}

blockquote > footer {
    float: right;
    width: auto;
    font-size: 0.9142857142857143em;
    /*16px*/
    line-height: 40px;
    text-align: center;
    color: #353C42;
}

.newsart_slogan blockquote > footer {
    float: right;
    width: auto;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #353C42;
    margin-right: 8%;
    /*Fix for bug # 1297*/
    margin-bottom: 2%;
    /*Fix for bug #1331*/
}

.newsart_slogan blockquote footer:before {
    content: '';
}

.newsart_slogan blockquote footer:after {
    content: '\2014 \00A0';
    float: right
}

.newsart_slogan blockquote > footer > span {
    float: right;
}


/*SPG Added*/

.herobaner_box blockquote > q:before {
    position: absolute;
    font-size: 50px;
    left: -12px;
    line-height: 64px;
    content: '\2018';
}

.herobaner_box blockquote > q:after {
    position: absolute;
    font-size: 50px;
    line-height: 64px;
    content: '\2019';
}

.herobaner_box footer {
    float: left;
    width: auto;
    text-align: center;
    color: #353C42;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 0.9142857142857143em;
    line-height: 24px;
}

    .herobaner_box footer:before {
        content: '';
    }

.newsart_ofundsec {
    display: inline-block;
    width: 100%;
    padding: 30px 0px;
}

.newsart_ofundttl {
    font-family: Arial;
    font-size: 32px;
    line-height: 40px;
    color: #353C42;
    font-weight: bold;
    margin-bottom: 60px;
}

.newsart_time {
    font-size: 14px;
    line-height: 16px;
    color: #353C42;
    font-style: italic;
    margin-top: 20px;
}


/*--- end news article webpart area ---*/


/*--- start district hospital webpart area ---*/

.disthos_sec {
    display: inline-block;
    width: 100%;
    _margin-top: 2em; /* Trying to reduce the space between the First heading in Services landing page */
}

.disthos_listbox {
    display: inline-block;
    width: 100%;
    margin-top: 60px;
    padding: 0px 150px;
}

.disthos_item {
    display: inline-block;
    width: 100%;
    padding: 25px 0;
    border-bottom: 0.5px solid #f3f1f1;
}

    .disthos_item:last-child {
        border-bottom: none;
    }

.disthos_img {
    float: left;
    width: 16em;
    height: 9em;
    position: relative;
}

    .disthos_img > img {
        display: block;
        opacity: 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        filter: saturate(1);
        -webkit-filter: saturate(1);
        -moz-filter: saturate(1);
        -o-filter: saturate(1);
        -ms-filter: saturate(1);
        transition: all 2.0s;
    }

        .disthos_img > img:hover {
            filter: saturate(0.2);
            -webkit-filter: saurate(0.2);
            -moz-filter: saturate(0.2);
            -o-filter: saturate(0.2);
            -ms-filter: saturate(0.2);
            transition: all 2.0s;
        }

.disthos-desc {
    float: left;
    width: calc(100% - 300px);
    margin-left: 34px;
    position: relative;
    padding-top: 10px;
}

.disthos_abt {
    float: left;
    width: calc(100% - 178px);
    margin-right: 10px;
}

.disthost_ttl {
    display: inline-block;
    text-align: left;
    font-size: 27px;
    line-height: 32px;
    color: #353C42;
    font-weight: bold;
    margin-bottom: 36px;
}

.disthost_loc {
    display: inline-block;
    width: 100%;
    font-family: Arial;
    font-size: 16px;
    line-height: 24px;
    color: #002664;
}

    .disthost_loc > em {
        margin-right: 5px;
    }

.disthos_phone {
    float: left;
    width: 168px;
    height: 40px;
    background: #0F8A0F;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.0001), 0px 2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 40px;
    cursor: pointer;
    font-size: 16px;
    line-height: 40px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    -o-transition: .5s;
    -moz-transition: .5s -webkit-transition: .5s;
    transition: .5s;
}

    .disthos_phone:hover,
    .disthos_phone:focus,
    .disthos_phone:active {
        background-color: #002664;
        color: #fff;
        text-decoration: none;
    }

    .disthos_phone:visited {
        background: #0F8A0F;
        color: #ffffff;
    }

    .disthos_phone > em {
        color: #fff;
        margin-right: 6px;
    }

.squareBoxDisplayContent {
    word-break: break-word;
}

.notif_container_ .hbalert_box {
    min-width: 25%;
    z-index: 99;
}

/*Left navigation styling*/
#sideNavBox .root li {
    position: relative;
}

.leftside_nav li.selected > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active, li > a.ms-core-listMenu-item:hover + a {
    color: #fff;
}

.ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > a.ms-core-listMenu-item {
    display: block;
    width: 90%;
    border-radius: 10px
}

.leftside_nav li.selected > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active, li > a.ms-core-listMenu-item:hover {
    color: #fff;
    box-shadow: none;
}

.ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > span.ms-core-listMenu-item {
    display: block;
    padding: 5px 20px;
    width: 90%;
    border-radius: 10px;
}

li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active {
    display: block;
    padding: 5px 20px;
    /*width: 90%;*/
    border-radius: 10px;
    background: #752F8A;
}

    .leftside_nav li.selected > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active, li > a.ms-core-listMenu-item:hover + a {
        color: #fff;
    }


.leftside_nav #sideNavBox ul li ul li .menu-item-text {
    font-weight: normal;
}

.leftside_nav #sideNavBox ul li ul li a {
    color: #002664;
}

.leftside_nav #sideNavBox ul li ul li.selected a {
    color: #fff;
}

.leftside_nav #sideNavBox ul li ul li a:hover {
    color: #fff;
}

.herobanner_part .leftside_nav #sideNavBox ul li ul {
    margin-left: 18px;
}

.leftside_nav li.selected > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active, li > a.ms-core-listMenu-item:hover + a {
    color: white;
}


/*--- end district hospital webpart area ---*/

/* Styles for Text without any HTML DIV - Going with the default style */
.wp_pagecont {
    font-family: Arial;
    font-size: 20px;
    line-height: 32px !important;
    color: #353C42;
    margin-top: 2em;
}

a.accordionControl {
    text-decoration: none;
    position: absolute;
    right: 0px;
    z-index: 1;
    font-weight: 600;
    font-size: 16px;
    color: black;
    top: 16px;
}

.herobanner_part a.accordionControl {
    text-decoration: none;
    position: absolute;
    right: 28px;
    z-index: 1;
    font-weight: 600;
    font-size: 16px;
    color: black;
    top: 16px;
}

.herobanner_part a.accordionControl {
    right: 22px;
}

a.accordionControl:hover,
a.accordionControl:active,
a.accordionControl:focus {
    text-decoration: none;
    color: black;
    font-weight: bolder;
}

/** Siteimprove fix - start **/
.hidden_element {
    display: none;
}
/** Siteimprove fix - end **/

/* Defect #1652 fix 
.typeahead__field .typeahead__query {
    margin-bottom: 0px !important;
    width: 96%;
}*/

.fa-clock-o:before, .fa-link:before, .fa-phone:before, .fa-map-marker:before {
    margin-right: 10px;
}

/* Seperating the CYFH Centre Details Page Email icon from Accessibility Share Icons */
.showHealthCentreDetails .mainDetails .fa-envelope:before {
    margin-right: 10px;
}

.cam-taxpicker-suggestion-item {
    font-size: 16px !important;
}

    .cam-taxpicker-suggestion-item.selected, .cam-taxpicker-suggestion-item:hover {
        font-size: 16px !important;
    }

.mob_menuBack {
    width: 90%;
    margin-left: 6%;
    margin-bottom: 3em;
}

    .mob_menuBack a {
        float: left;
        color: white;
    }

        .mob_menuBack a em {
            margin-right: 5px;
            font-size: 13px;
        }

.head_nav #DeltaTopNavigation > div > ul.level2, .head_nav #DeltaTopNavigation_Custom > div > ul.level2 {
    width: 90%;
    margin-left: 5%;
}

    .head_nav #DeltaTopNavigation > div > ul.level2 > li.static > ul.folder, .head_nav #DeltaTopNavigation > div > ul.subWeb > li.static > ul.folder,
    .head_nav #DeltaTopNavigation_Custom > div > ul.level2 > li.static > ul.folder, .head_nav #DeltaTopNavigation_Custom > div > ul.subWeb > li.static > ul.folder {
        float: left;
        margin-left: 8%;
        width: 90%;
    }


.pageStatusNotification {
    display: flex;
    width: 100%;
}

    .pageStatusNotification .notificationArea {
        display: inline-block;
        width: 100%;
    }

.mobile_nav {
    /*display:none;*/
}

.res_navigation_mob {
    display: block;
}

.chevron_float {
    float: left;
    line-height: 40px;
}

.subWeb .chevron_float {
    margin-left: 1.8em;
}

.reduce_padding {
    padding-left: 15px !important;
    cursor: default;
}

.homeIcon_Opacity {
    opacity: 0;
}

.menu_blur, .pageload_animation {
    -webkit-filter: blur(8px);
    filter: blur(8px);
    -webkit-transition: -webkit-filter 1s;
    transition: -webkit-filter 1s;
    -webkit-transition: filter 1s;
    transition: filter 1s;
}

.ms-dlgCloseBtn span:first-child {
    padding: 0px !important;
}

#RefinableString00_ChkGroup_All Locations {
    display: none;
}

a.contentlink {
    text-decoration: underline;
}

    a.contentlink:visited, a.contentlink:active, a.contentlink:hover, a.contentlink:visited {
        text-decoration: underline;
    }

a.highcontrast {
    text-decoration: underline;
    color: #002664;
}

    a.highcontrast:visited, a.highcontrast:active, a.highcontrast:hover, a.highcontrast:visited {
        text-decoration: underline;
        color: #002664;
    }


.video-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .video-container::after {
        padding-top: 56.25%;
        display: block;
        content: '';
    }

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }