/* ------------------------------------------------------------ *\
Base
\* ------------------------------------------------------------ */

html {
    height: 100%;
}

body {
    min-width: 320px;
    background: #fff;
    font-family: 'Calluna Sans', Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.3;
    color: #000;
}

img {
    max-width: 100%;
    height: auto;
}

/* ------------------------------------------------------------ *\
WHA Links
\* ------------------------------------------------------------ */
/*# WHALinks #*/

/* unvisited link */
a:link, a:visited { /* JMW 09-16-19 */
    color: inherit;
}

a {
    color: inherit;
    text-decoration: none !important;
}

    a:hover,
    a[href^="tel"] {
        text-decoration: none;
        color: #2F85A3;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.65em;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 34px;
}

h3 {
    font-size: 29px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 13px;
}

p,
ul,
ol,
dl,
hr,
table,
blockquote {
    margin-bottom: 1.3em;
}

    h1[class],
    h2[class],
    h3[class],
    h4[class],
    h5[class],
    h6[class],
    h1:last-child,
    h2:last-child,
    h3:last-child,
    h4:last-child,
    h5:last-child,
    h6:last-child,
    p:last-child,
    ul:last-child,
    ol:last-child,
    dl:last-child,
    table:last-child,
    blockquote:last-child {
        margin-bottom: 0;
    }

ul {
    padding-left: 30px;
}
/* Mobile */

@media (max-width: 767px) {

    h1 {
        font-size: 34px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 20px;
    }
}

input[type=text], input[type=email], select.form-select, textarea {
    width: 100%;
    padding: 8px 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type=submit] {
    background-color: #04AA6D;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    input[type=submit]:hover {
        background-color: #45a049;
    }

figcaption {
    display: block;
}

.WHALinkBlue a {
    color: #0563c1;
}


.WHA-primary {
    color: #002E5D !important;
}

.bg-WHA-primary {
    background-color: #002E5D !important;
    color: #fff
}

.WHA-secondary {
    color: #4298B5 !important;
}

.bg-WHA-secondary {
    background-color: #4298B5 !important;
}

.bg-WHA-red {
    background-color: #ac1c13 !important;
}

.WHA-red {
    color: #ac1c13 !important;
}

.bg-image {
    width: 100%;
    height: 500px;
    background: url("/WisconsinHospitalAssociation/media/Images/Feature%20Blocks/OnDemandLearning.png") no-repeat center;
    background-size: 500px;
    /* opacity: .5; must be done on image */
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

    .bg-image hgroup {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        transform: translate(-50%,-50%);
    }


.bg-WHA-green {
    background-color: #00806E !important;
}

.WHA-green {
    color: #00806E !important;
}
    /*  .carousel-control-next-icon {
            background-image: url(your-next-icon.png);
        }

        .carousel-control-prev-icon {
            background-image: url(your-prev-icon.png);
        }*/
    /* ------------------------------------------------------------ *\
   Navigation
\* ------------------------------------------------------------ */
    .dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 10%;
        left: 100%;
        margin-top: -1px;
    }

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


.mainnav li.nav-link {
    font-size: 22px;
    color: #ffffff !important;
}

.dropdown-toggle {
    color: #4298B5 !important;
}


@media only screen and (min-width: 1000px) {
    .navbar-nav > li > ul.dropdown-menu > li ul.dropdown-menu {
        left: 100%;
        top: -10px;
        border-left: none;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .navbar-nav > li > ul.dropdown-menu li {
        position: relative;
    }
}

.mobile-search {
    display: flex;
    align-items: center;
    background: white;
    margin-top: 15px;
    padding: 10px 15px;
    border-radius: 25px;
}

    .mobile-search > input {
        flex: 1;
        border-bottom: 0px;
    }
        .mobile-search > input:-internal-autofill-selected {
            background-color: white;
        }

    .mobile-search > button {
        padding: 10px;
        margin: -10px;
    }
}

.news-search {
    display: flex;
    align-items: center;
    background: white;
    margin-top: 15px;
    padding: 10px 15px;
    border-radius: 25px;
    border-color: red;
}

    .news-search > input {
        flex: 1;
        border-bottom: 0px;
    }

        .news-search > input:-internal-autofill-selected {
            background-color: white;
        }

    .news-search > button {
        padding: 10px;
        margin: -10px;
    }

}


/* ------------------------------------------------------------ *\
  Cards
\* ------------------------------------------------------------ */
.card {
    --bs-card-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
}

.HighPriority .card-title {
    font-size: 1.8em;
}

    .MediumPriority1 .card-title {
        font-size: 1.8em;
    }


    .MediumPriority .card-title {
        font-size: 1.25em;
    }

    .LowPriority .card-title {
        font-size: 1.1em;
    }



.sidebar .card-title {
    font-weight: bold;
}

.sidebar .card img {
    border-top-right-radius: 0;
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.sidebar .card ul {
    list-style: none;
}

    .sidebar .card ul a {
        text-decoration: none;
        color: #000;
    }

    .sidebar .card ul li::before {
        content: "\2022";
        color: #4298B5;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }

.paragraph-linesec {
    width: 95%;
    position: relative;
    padding-left: 15px;
    font-family: Verdana;
}

    .paragraph-linesec::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 10px;
        width: 5px;
        height: 100%;
        background-color: #4298B5;
    }

/* ------------------------------------------------------------ *\
   Flip Card
\* ------------------------------------------------------------ */
.flipcardwrapper {
    width: 90%;
    margin: 0 auto;
    max-width: 70rem;
}

.flipcardwrapper .fcols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flipcardwrapper .fcol {
        width: calc(50% - 2rem);
        margin: 1rem;
        cursor: pointer;
    }

    .flipcardwrapper .fcontainer {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .flipcardwrapper .fcontainer .front,
        .flipcardwrapper .fcontainer .back {
            background-size: cover;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
            border-radius: 10px;
            background-position: center;
            -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
            transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
            -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
            transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
            transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            text-align: center;
            min-height: 280px;
            height: auto;
            border-radius: 10px;
            color: #fff;
            font-size: 1.4rem;
        }

        .flipcardwrapper .fcontainer .back {
            background: #4298B5;
            background: -webkit-linear-gradient(45deg, #4298B5 0%,#002E5D 100%);
            background: -o-linear-gradient(45deg, #4298B5 0%,#002E5D 100%);
            background: linear-gradient(45deg, #4298B5 0%,#002E5D 100%);
        }

        .flipcardwrapper .fcontainer .front:after {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            content: '';
            display: block;
            opacity: .8;
            background-color: #4298B5;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            border-radius: 10px;
        }

    .flipcardwrapper .fcontainer:hover .front,
    .flipcardwrapper .fcontainer:hover .back {
        -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
        transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
        -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
        transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
        transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    }

        .flipcardwrapper .fcontainer .back {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .flipcardwrapper .fcontainer .inner {
            -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
            top: 50%;
            position: absolute;
            left: 0;
            width: 100%;
            padding: 2rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            outline: 1px solid transparent;
            -webkit-perspective: inherit;
            perspective: inherit;
            z-index: 2;
        }

    .flipcardwrapper .fcontainer .back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .flipcardwrapper .fcontainer .front {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .flipcardwrapper .fcontainer:hover .back {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .flipcardwrapper .fcontainer:hover .front {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

        .flipcardwrapper .fcontainer .front .inner p {
            font-size: 1.5rem;
            margin-bottom: 2rem;
            position: relative;
        }

            .flipcardwrapper .fcontainer .front .inner p:after {
                content: '';
                width: 4rem;
                height: 2px;
                position: absolute;
                background: #C6D4DF;
                display: block;
                left: 0;
                right: 0;
                margin: 0 auto;
                bottom: -.75rem;
            }

        .flipcardwrapper .fcontainer .front .inner span {
            color: rgba(255,255,255,0.7);
            background-color: #002E5D;
            font-family: 'Montserrat';
            font-weight: 300;
        }

@media screen and (max-width: 64rem) {
    .flipcardwrapper .fcontainer .fcol {
        width: calc(33.333333% - 2rem);
    }
}

@media screen and (max-width: 48rem) {
    .flipcardwrapper .fcontainer .fcol {
        width: calc(50% - 2rem);
    }
}

@media screen and (max-width: 32rem) {
    .flipcardwrapper .fcontainer .fcol {
        width: 100%;
        margin: 0 0 2rem 0;
    }
}

@media screen and (max-width: 32rem) {
    .flipcardwrapper .fcontainer .front,
    .flipcardwrapper .fcontainer .back {
        font-size: 1.2rem;
    }
}


/* ------------------------------------------------------------ *\
   Floater
\* ------------------------------------------------------------ */

    .dirFloater {
        position: fixed;
        right: 5px;
        bottom: 15px;
    }

        .dirFloater img {
            border-radius: 10%;
        }

    .dirFloater {
        opacity: .8;
        -webkit-transition: opacity ease-out .4s;
        -moz-transition: opacity ease-out .4s;
        -o-transition: opacity ease-out .4s;
        transition: opacity ease-out .4s;
    }


        .dirFloater:hover {
            opacity: 1;
            -webkit-transition: opacity ease-in .1s;
            -moz-transition: opacity ease-in .1s;
            -o-transition: opacity ease-in .1s;
            transition: opacity ease-in .1s;
        }

    /* ------------------------------------------------------------ *\
   Landing Page Banner Images
\* ------------------------------------------------------------ */

.pageBanner, .keyissues-sec, 
.advocacypage-sec, .advocacydaypage-sec,
.datapage-sec, .educationpage-sec, 
.newsletter-sec, .pressrelease-sec, 
.cbreport-sec, .qreport-sec, 
.qualityadvisor-sec, .wreport-sec,
.qualitypage-sec, .searchpage-sec,
.plcpage-sec, .ruralpage-sec, .contactus-sec,
.hospital-sec, .corporate-sec {
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 50px;
    padding-top: 90px;
    position: relative;
    background-size: cover;
    min-height: 212px;
}

    .keyissues-sec {
        background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/Key-Issues.png");
    }

    .advocacydaypage-sec {
        background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/AdvocacyDay.png");
    }

    .plcpage-sec {
         background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/pldc_banner.png");
    }

    .ruralpage-sec {
        background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/rural_banner.png");
    }

    .datapage-sec {
        background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/DataandPublications.png");
    }

    .educationpage-sec {
        background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/Education.png");
    }

    .newsletter-sec {
        background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/Newsletters.png");
    }

    .pressrelease-sec {
        background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/Press-Releases.png");
    }

.qualityadvisor-sec {
    background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/Quality-Advisor.png");
}


.cbreport-sec {
    background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/Community-Benefits.png");
}

.qreport-sec {
    background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/Quality-Report.png");
}

.wreport-sec {
    background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/Workforce-Report.png");
}

    .qualitypage-sec {
        background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/Quality.png");
    }


    .searchpage-sec {
        background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/Search.png");
    }

.contactus-sec {
    background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/Contact-Us.png");
}

.hospital-sec {
    background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/Hospital-Member-Directory.png");
}

.corporate-sec {
    background-image: url("/WisconsinHospitalAssociation/media/Images/Banners/Corporate-Directory.png");
}


    .page-heading h1 {
        font-size: 60px;
        text-align: left;
        text-transform: capitalize;
        /*font-weight: bold;*/
        color: white;
        position: relative;
    }

    .breadcrumb-list {
        text-align: left;
    }

        .breadcrumb-list li {
            display: inline-block;
            position: relative;
            padding: 0px 14px;
        }

            .breadcrumb-list li:first-child {
                padding-left: 0px;
            }

            .breadcrumb-list li a {
                font-weight: 600;
                text-transform: capitalize;
                color: #fff;
            }

            .breadcrumb-list li:last-child a {
                color: #f1c40f;
            }

            .breadcrumb-list li::before {
                content: "";
                position: absolute;
                right: -4px;
                font-size: 16px;
                font-weight: 600;
                background: #f4f4f4;
                height: 10px;
                width: 2px;
                top: 10px;
            }

            .breadcrumb-list li:last-child::before {
                display: none
            }

            .breadcrumb-list li:last-child::before {
                display: none;
            }

    /* ------------------------------------------------------------ *\
News Article
\* ------------------------------------------------------------ */
    .newsArticleLI li {
        margin-top: 10px;
        text-decoration: none;
    }

        .newsArticleLI li:first-child {
            margin-top: 0;
        }


    /* ------------------------------------------------------------ *\
Years
\* ------------------------------------------------------------ */
    .years-list {
        list-style: none;
        font-size: 24px;
    }

        .years-list ul {
            border-left: none;
        }

        .years-list li {
            display: inline;
            padding: 0 10px;
            border-left: solid 1px black;
        }


    .years a {
        list-style: none;
        font-size: 24px;
    }


        .years a:hover {
            color: #003263;
        }

    .years > ul {
        column-count: 2;
        column-gap: 40px;
    }

        .years > ul > li + li {
            margin-top: 11px;
        }

    .years .sub-menu a {
        font-size: 15px;
        font-weight: 400;
        color: #212121;
        text-transform: none;
    }

    .years .sub-menu {
        padding: 5px 18px;
        border-top: 1px solid #5b616b;
    }

        .years .sub-menu a:hover {
            color: #5795ac;
        }

        .years .sub-menu li + li {
            margin-top: 12px;
        }


    .vertical-line {
        display: inline-block;
        border-left: 1px solid #ccc;
        margin: 0 10px;
        height: 125px;
    }

    .inp {
        border: none;
        border-bottom: 3px solid #002E5D;
        padding: 5px 10px;
        outline: none;
    }

    [placeholder]:focus::-webkit-input-placeholder {
        transition: text-indent 0.4s 0.4s ease;
        text-indent: -100%;
        opacity: 1;
    }

    .root_class {
        display: flex;
        height: 100px;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto;
    }

    .text {
        font-size: 22px;
        margin-right: 15px;
        text-align: right;
    }

    .percentile-card {
        transition: 0.3s;
        margin: 1rem;
        padding: 5px;
        font-size: 22px;
    }

    .vl {
        border-left: 6px solid white;
        height: 100px;
        left: 50%;
        /*margin-left: -3px;*/
        top: 0;
    }

    .percentile-card p:first-child {
        color: #fff;
    }

    .rate {
        margin-left: 60px;
    }

    .better {
        margin-top: 50px;
    }

    @media only screen and (max-width: 1000px) {
        #hidebanner,
        #hideffdesktop,
        #hidelandingimg,
        #hidearticle,
        .hideJumboTitle,
        .dirFloater {
            display: none;
        }

        .hideJumboMobileTitle {
            display:block !important;
        }
    }

    @media only screen and (min-width: 1000px) {
        #hidelogosm,
        #hidesearch,
        #hideffmobile,
        #hidelandingheader,
        .hideJumboMobileTitle,
        #hidemobilearticle,
        #prevpressprint,
        .mobile-search {
            display: none;
        }
    }

    @media print {
        #hidebanner .header-right-container,
        #hideHeader nav,
        .newsletter-sec,
        .pressrelease-sec,
        .qualityadvisor-sec,
        #prevpress,
        .hideprint,
        #hidearticle,
        #hidearticlebuttons,
        .dirFloater,
        #hidehospitallist,
        #hidefooter,
        .footer {
            display: none;
        }

        .wha-section-header {
            /* font-size: 1.75rem; */
            color: #4298B5 !important;
            font-size: 1.75rem;
            margin-bottom: .5rem !important;
            font-weight: 500;
            line-height: 1.2;
        }

        @page {
            margin-left: 0.5in;
            margin-right: 0.5in;
            margin-top: 0;
            margin-bottom: 0;
        }

        .container, .container-fluid {
            margin: 0;
            min-width: 992px;
        }

        .table .bg-WHA-primary th, .table .bg-WHA-primary td, .table td.bg-WHA-primary, .table th.bg-WHA-primary {
            background-color: #002e5d !important
        }

        .table td.bg-WHA-secondary, .table th.bg-WHA-secondary {
            background-color: #4298b5 !important
        }

        .table td.bg-WHA-lightgray {
            background-color: #aeb0b5 !important
        }

        .table-striped tbody tr:nth-of-type(odd) {
            background-color: rgba(0,0,0,.05) !important
        }

        .table-striped tbody td {
            background-color: rgba(0,0,0,0) !important
        }


        .PageBreak {
            page-break-after: always
        }

        body {
            font-family: 'Calluna Sans',Helvetica,sans-serif;
            font-size: 18px;
            min-width: 992px;
        }

/*        @page {
            margin: 0;
        }
        * {
            line-break: anywhere;
        }*/


    }

    /********************************/
    /*          Hero Headers        */
    /********************************/
    .hero {
        position: absolute;
        top: 50%;
        left: 25%;
        z-index: 3;
        color: #fff;
        text-align: left;
        /*text-transform: uppercase;*/
        text-shadow: 1px 1px 0 rgba(0,0,0,.75);
        -webkit-transform: translate3d(-50%,-50%,0);
        -moz-transform: translate3d(-50%,-50%,0);
        -ms-transform: translate3d(-50%,-50%,0);
        -o-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }

        .hero h1 {
            font-size: 3em;
            /*font-weight: bold;*/
            margin: 0;
            padding: 0;
        }


    /* ------------------------------------------------------------ *\
    Buttons
\* ------------------------------------------------------------ */

    .btn-primary {
        color: white !important;
        background-color: #F37D47 !important;
    }

        .btn-primary a {
            color: white !important;
        }

        .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
            background-color: #45a049 !important;
        }

        .btn-primary:active, .btn-primary.active {
            background: #007299 !important;
            box-shadow: none;
        }

    .btn-primary-white {
        color: white !important;
        background-color: #002E5D !important;
        text-align: center;
        opacity: 0.8;
    }

        .btn-primary-white a {
            color: white !important;
        }

        .btn-primary-white:hover, .btn-primary-white:focus, .btn-primary-white:active, .btn-primary-white.active, .open > .dropdown-toggle.btn-primary-white {
            background-color: #45a049 !important;
        }

        .btn-primary-white:active, .btn-primary-white.active {
            background: #007299 !important;
            box-shadow: none;
        }


    .btn-WHA-primary {
        color: white !important;
        background-color: #002E5D !important;
        min-width: 250px;
        font-weight: 500 !important;
    }

        .btn-WHA-primary a {
            color: white !important;
        }

        .btn-WHA-primary:hover, .btn-WHA-primary:focus, .btn-WHA-primary:active, .btn-WHA-primary.active, .open > .dropdown-toggle.btn-WHA-primary {
            background-color: #45a049 !important;
        }

        .btn-WHA-primary:active, .btn-WHA-primary.active {
            background: #007299 !important;
            box-shadow: none;
        }

.btn-WHA-red {
    color: #ac1c13 !important;
    background-color: white !important;
    min-width: 250px;
    font-weight: 500 !important;
}

    .btn-WHA-red a {
        color: white !important;
    }

    .btn-WHA-red:hover, .btn-WHA-red:focus, .btn-WHA-red:active, .btn-WHA-red.active, .open > .dropdown-toggle.btn-WHA-red {
        background-color: #45a049 !important;
    }

    .btn-WHA-red:active, .btn-WHA-red.active {
        background: #007299 !important;
        box-shadow: none;
    }


.btn-WHA-orange {
    color: #002E5D !important;
    background-color: #FF7F32 !important;
    min-width: 250px;
    font-weight: 500 !important;
}

    .btn-WHA-orange a {
        color: white !important;
    }

    .btn-WHA-orange:hover, .btn-WHA-orange:focus, .btn-WHA-orange:active, .btn-WHA-orange.active, .open > .dropdown-toggle.btn-WHA-orange {
        background-color: #45a049 !important;
    }

    .btn-WHA-orange:active, .btn-WHA-orange.active {
        background: #007299 !important;
        box-shadow: none;
    }


.btn-WHA-purple {
    color: white !important;
    background-color: #653165 !important;
    min-width: 250px;
    font-weight: 500 !important;
}

    .btn-WHA-purple a {
        color: white !important;
    }

    .btn-WHA-purple:hover, .btn-WHA-purple:focus, .btn-WHA-purple:active, .btn-WHA-purple.active, .open > .dropdown-toggle.btn-WHA-purple {
        background-color: #45a049 !important;
    }

    .btn-WHA-purple:active, .btn-WHA-purple.active {
        background: #007299 !important;
        box-shadow: none;
    }






    .btn-WHA-secondary {
        color: white !important;
        background-color: #4298B5 !important;
        min-width: 250px;
        font-weight: 500 !important;
    }

        .btn-WHA-secondary a {
            color: white !important;
        }

        .btn-WHA-secondary:hover, .btn-WHA-secondary:focus, .btn-WHA-secondary:active, .btn-WHA-secondary.active, .open > .dropdown-toggle.btn-WHA-secondary {
            background-color: #45a049 !important;
        }

        .btn-WHA-secondary:active, .btn-WHA-secondary.active {
            background: #007299 !important;
            box-shadow: none;
        }

    /* ------------------------------------------------------------ *\
    Glossary
\* ------------------------------------------------------------ */
    .alphaglossary a {
        list-style: none;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.24;
        color: #5795ac;
        text-transform: uppercase;
        text-decoration: none;
        transition: color .3s;
    }


        .alphaglossary a:hover {
            color: #003263;
        }

    .alphaglossary > ul {
        column-count: 2;
        column-gap: 40px;
        list-style-type: none;
    }

        .alphaglossary > ul > li {
            color: #4298B5;
            -webkit-column-break-inside: avoid;
            -moz-column-break-inside: avoid;
            -o-column-break-inside: avoid;
            -ms-column-break-inside: avoid;
            column-break-inside: avoid;
        }


            .alphaglossary > ul > li + li {
                margin-top: 11px;
                list-style-type: none;
            }

    .alphaglossary .sub-menu a {
        font-size: 15px;
        font-weight: 400;
        color: #212121;
        text-transform: none;
    }

    .alphaglossary .sub-menu {
        padding: 5px 18px;
        border-top: 1px solid #5b616b;
        list-style-type: none;
    }

        .alphaglossary .sub-menu a:hover {
            color: #5795ac;
        }

        .alphaglossary .sub-menu li + li {
            margin-top: 12px;
        }
    /* ------------------------------------------------------------ *\
    Lists
\* ------------------------------------------------------------ */

    ul.footerMenu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        color: #002E5D !important;
        font-weight: 700;
        font-size: 20px;
    }

    ul.footerIcons li {
        list-style-type: none;
        display: inline-block;
        padding: 0px 15px 0px 0px;
    }



    /* ------------------------------------------------------------ *\
    icons
\* ------------------------------------------------------------ */
    .footerIcons i {
        color: #002E5D;
        font-size: 40px;
    }

    /* ------------------------------------------------------------ *\
Contact List
\* ------------------------------------------------------------ */

    .contact-list {
        font-size: 18px;
        line-height: 1.4;
    }

        .contact-list h4 {
            color: #4298B5;
        }

        .contact-list h5 {
            color: #002E5D;
        }

        .contact-list h2 {
            color: #002E5D;
        }

        .contact-list ul {
            list-style: none;
            padding-left: 30px
        }



    /* ------------------------------------------------------------ *\
    Features
\* ------------------------------------------------------------ */
    .whaFeature h2 {
        font-size: 30pt;
        font-weight: 700;
        
        }

    .whaFeature hr {
        width: 45%;
        border: 4px solid #4298B5;
        opacity: 1 !important;
    }

    /* ------------------------------------------------------------ *\
    Service Block
\* ------------------------------------------------------------ */

    .service-block {
        position: relative;
        margin-bottom: 30px;
        z-index: 1;
    }

        .service-block .inner-box {
            position: relative;
            background-color: #ffffff;
            border: 1px solid #e2e2e2;
            padding: 45px 25px 50px 50px;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
            border-radius: 10px;
            overflow: hidden;
        }

            .service-block .inner-box::before {
                position: absolute;
                width: 124px;
                height: 121px;
                left: 0;
                top: 0;
                background-image: url(../images/icons/dots.png);
                content: "";
            }

            .service-block .inner-box:hover {
                -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
                box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
                -webkit-transform: translateY(-15px);
                transform: translateY(-15px);
            }

                .service-block .inner-box:hover .icon-box {
                    background-color: var(--bg-theme-color2);
                }

                    .service-block .inner-box:hover .icon-box .icon {
                        color: #ffffff;
                    }

                .service-block .inner-box:hover .read-more i {
                    color: #ffffff;
                    background-color: var(--bg-theme-color2);
                }

        .service-block .icon-box {
            position: absolute;
            right: -52px;
            bottom: -52px;
            height: 210px;
            width: 210px;
            background: #f3f3f3;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
            padding: 40px 50px;
            border-radius: 50%;
        }

            .service-block .icon-box .icon {
                color: var(--theme-color2);
                font-size: 72px;
                -webkit-transition: all 300ms ease;
                transition: all 300ms ease;
            }

        .service-block .title {
            font-weight: 800;
            margin-bottom: 14px;
        }

            .service-block .title:hover {
                color: var(--theme-color2);
            }

        .service-block .text {
            position: relative;
            margin-bottom: 60px;
        }

        .service-block .read-more {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 10px;
            color: #6a6a6a;
            -webkit-transition: all 100ms linear;
            transition: all 100ms linear;
        }

            .service-block .read-more i {
                margin-right: 20px;
                height: 52px;
                width: 52px;
                font-size: 16px;
                color: var(--theme-color1);
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                border-radius: 50%;
                -webkit-transition: all 100ms linear;
                transition: all 100ms linear;
                -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            }


    /* ------------------------------------------------------------ *\
   Headers
\* ------------------------------------------------------------ */

    .wha-page-header {
        font-size: 2rem;
        color: #002E5D !important;
        font-weight: bold;
    }

    .wha-section-header {
        color: #4298B5 !important;
        font-size: 1.75rem;
        margin-bottom: .5rem !important;
        font-weight: 500;
        line-height: 1.2;
    }


    .wha-subsection-header {
        font-size: 1.5rem;
    }

    .wha-paragraph-header {
        font-size: 1.25rem;
        color: #002E5D !important;
    }

    .wha-image-caption {
        font-size: .75rem;
        color: #002E5D !important;
        text-align: left;
    }

    .fr-view .fr-img-caption .fr-img-wrap > span {
        width: 80%;
        text-align: left;
    }

    .wha-article-header {
        font-size: 1.75rem;
        color: #002E5D !important;
    }


    .wha-article-section {
        font-size: 1.5rem;
        color: #4298B5 !important;
        font-weight: 500;
    }


    .wha-article-subsection {
        font-size: 1.25rem;
        color: #ffffff !important;
        font-weight: 500;
    }

    /* ------------------------------------------------------------ *\
   Nav Link Menu
\* ------------------------------------------------------------ */
    .nav-list {
        list-style: none;
        font-size: 18px;
        padding-left: 0;
    }

        .nav-list ul {
            border-left: none;
        }

        .nav-list li {
            display: inline;
            color: #4298B5;
            padding: 0 10px;
            border-right: solid 1px black;
        }

            .nav-list li:last-child {
                border: none;
            }


    .nav-link {
        display: block;
        padding: .5rem 1rem;
        color: #4298B5;
        text-decoration: none;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    }

    /*tabs.tabs-folder .tab-content {
    margin-top: -1px;
    border: 1px solid #e4e6ef;
    bottom: 10px;
    padding: 30px;
    border-radius: 0 6px 6px 6px;
}
*/
    /* ------------------------------------------------------------ *\
   Roster
\* ------------------------------------------------------------ */

    .roster-member {
        background: #fff none repeat scroll 0 0;
        text-align: left;
        margin-bottom: 30px;
        position: relative;
        overflow: hidden;
        transition: all 0.4s ease-in-out 0s;
        z-index: 2;
    }

        .roster-member::after {
            content: "";
            background: #fff;
            position: absolute;
            top: 0;
            width: 100%;
            height: 35%;
            left: 0;
            z-index: -1;
        }

    .roster-member-thumb {
        position: relative;
        overflow: hidden;
        transition: all 0.4s ease-in-out 0s;
    }

    .roster-member:hover .instructor-overlay ul {
        visibility: visible;
        bottom: 0px;
        transition: all 0.4s ease-in-out 0s;
    }

    .roster-member img {
        width: 100%;
    }

    .roster-member h2 {
        font-size: 20px;
        /*font-weight: bold;*/
        margin-top: 20px;
        text-transform: uppercase;
        transition: all 0.4s ease-in-out 0s;
        color: #011e40;
    }

    .roster-member h3 {
        font-size: 16px;
        text-transform: capitalize;
        color: #4298B5;
        /*font-weight: 700;*/
        transition: all 0.4s ease-in-out 0s;
    }

    /* ------------------------------------------------------------ *\
   Bio Page
\* ------------------------------------------------------------ */

    .about-desc img {
        margin-bottom: 30px;
    }

    .about-desc h1 {
        font-weight: bold;
        text-transform: capitalize;
        position: relative;
        margin-bottom: 30px;
    }

        .about-desc h1::before {
            content: "";
            position: absolute;
            bottom: -10px;
            width: 80px;
            height: 2px;
            background: #4298B5;
        }

    .about-desc a.about-btn {
        background: #f1c40f;
        padding: 10px 26px;
        display: inline-block;
        font-weight: 600;
        text-transform: capitalize;
        color: #002E5D;
        position: relative;
    }

        .about-desc a.about-btn::before {
            content: "\f178";
            font-family: fontawesome;
            float: right;
            top: 0px;
            position: relative;
            color: #002E5D;
            padding-left: 10px;
            transition: all 0.4s ease 0s;
            margin-left: 10px;
        }

    .about-sec {
        background: #fafafa;
    }

    .single-img-inner {
        margin-top: 60px;
    }

    /* ------------------------------------------------------------ *\
   Blockquote
\* ------------------------------------------------------------ */

    .sidebar-blockquote-light, .sidebar-blockquote-dark {
        font-size: 1.4em;
        width: 100%;
        margin: 25px auto;
        /* font-family: Open Sans;
            font-style: italic;*/
        font-family: 'Calluna Sans', Helvetica, sans-serif;
        padding: .3em 30px .5em 75px;
        line-height: 1.6;
        position: relative;
        /*background: #EDEDED;*/
    }

        .sidebar-blockquote-light::after, .sidebar-blockquote-dark::after {
            content: '';
        }

        .sidebar-blockquote-light span, .sidebar-blockquote-dark span {
            display: block;
            color: #333333;
            font-style: normal;
            font-weight: bold;
            margin-top: 1em;
        }

    .sidebar-blockquote-light {
        border-left: 8px solid #4298B5;
    }

        .sidebar-blockquote-light h3 {
            color: #002E5D;
            font-weight: 700;
        }

    .sidebar-blockquote-dark {
        border-left: 8px solid #002E5D;
    }

        .sidebar-blockquote-dark h3 {
            color: #4298B5;
            font-weight: 700;
        }

    /* ------------------------------------------------------------ *\
            Jumbo Carousel
\* ------------------------------------------------------------ */


    .whaJumboCarousel {
        position: absolute;
        z-index: 3;
        color: #002E5D;
        text-align: left;
        /*text-transform: uppercase;
            text-shadow: 1px 1px 0 rgba(0,0,0,.75);*/
        -webkit-transform: translate3d(-50%,-50%,0);
        -moz-transform: translate3d(-50%,-50%,0);
        -ms-transform: translate3d(-50%,-50%,0);
        -o-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
    }

        .whaJumboCarousel h1 {
            font-size: 3em;
            /*font-weight: bold;*/
            margin: 0;
            padding: 0;
        }

        .whaJumboCarousel hr {
            width: 40%;
        }

    .whaJumboCarouselCenter hr {
        width: 100%;
    }

    .whaJumboCarousel h3 {
        font-size: 1.75em;
        font-weight: 700;
        margin: 0;
        padding: 0;
    }

    .whaJumboCarousel p {
        font-size: 1em;
        /*font-weight: bold;*/
        margin: 0;
        padding: 0;
    }

    .whaJumboCarouselLeft {
        top: 50%;
        left: 25%;
    }

    .whaJumboCarouselRight {
        top: 50%;
        right: -5%;
    }

    .whaJumboCarouselCenter {
        top: 50%;
        left: 50%;
        text-align: center;
    }

    .whaJumboCarouselLine {
        border: 3px solid #002E5D;
        opacity: 1 !important;
    }

    .whaJumboCarouselCenterLine {
        display: block;
        width: 40%;
        position: absolute;
        position: center;
        left: 50%;
        text-align: center;
        transform: translateX(-50%);
    }


    .carousel-control-next-icon {
        background-color: #002E5D !important;
    }

    .carousel-control-prev-icon {
        background-color: #002E5D !important;
    }

    .carousel-indicators button {
        height: 15px !important;
        width: 15px !important;
        margin: 0 10px !important;
        border-radius: 100%;
        background-color: #002E5D !important;
    }


    @media only screen and (max-width: 1000px) {
        .whaJumboCarouselLeft,
        .whaJumboCarouselRight,
        .whaJumboCarouselCenter {
            top: 30%;
            left: 50%;
            text-align: center;
        }

        .whaJumboCarousel h1, .whaJumboCarousel h3 {
            font-size: 18px;
        }

        .whaJumboCarousel p, .whaJumboCarousel hr {
            display: none;
        }


    }

    /* ------------------------------------------------------------ *\
            Card Carousel
\* ------------------------------------------------------------ */

#categoryCardCarousel {
    margin-top: 50px;
}


    #categoryCardCarousel .card-body {
        padding: 0 !important;
    }

    #categoryCardCarousel .carousel-item {
        transition: none !important;
    }

    .carousel-inner .carousel-item .card {
        border: none;
    }

    @media (max-width: 768px) {
        .carousel-inner .carousel-item > div {
            display: none;
        }

        .carousel-inner .carousel-item > div:first-child {
            display: block;
        }
    }

    .carousel-inner .carousel-item.active,
    .carousel-inner .carousel-item-start,
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        display: flex;
    }

    @media (min-width: 768px) {

        .carousel-inner .carousel-item-right.active,
        .carousel-inner .carousel-item-next,
        .carousel-item-next:not(.carousel-item-start) {
            transform: translateX(25%) !important;
        }

        .carousel-inner .carousel-item-left.active,
        .carousel-item-prev:not(.carousel-item-end),
        .active.carousel-item-start,
        .carousel-item-prev:not(.carousel-item-end) {
            transform: translateX(-25%) !important;
        }

        .carousel-item-next.carousel-item-start,
        .active.carousel-item-end {
            transform: translateX(0) !important;
        }

        .carousel-inner .carousel-item-prev,
        .carousel-item-prev:not(.carousel-item-end) {
            transform: translateX(25%) !important;
        }
    }

    /* ------------------------------------------------------------ *\
            Fast Facts
\* ------------------------------------------------------------ */

    .root_class {
        display: flex;
        height: 100px;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto;
    }

    .text {
        font-size: 22px;
        margin-right: 15px;
        text-align: right;
    }

    .percentile-card {
        transition: 0.3s;
        margin: .5rem;
        padding: 0px 5px 10px 5px;
        font-size: 22px;
    }

    .vl {
        border-left: 6px solid white;
        height: 100px;
        left: 50%;
        /*margin-left: -3px;*/
        top: 0;
    }

    .percentile-card p:first-child {
        color: #fff;
    }

    .rate {
        margin-left: 60px;
    }

    .better {
        margin-top: 50px;
    }

    /* ----------------------------------------------------------------------
            call-to-action (call to action)
        -------------------------------------------------------------------------*/
    .call-to-action {
        position: relative;
        overflow: hidden;
        padding: 46px 50px 34px;
        margin-bottom: 40px;
    }

        .call-to-action .container {
            position: relative;
        }

        .call-to-action h3 {
            margin-top: 0px;
            font-weight: 600;
            margin-bottom: 0px;
        }

        .call-to-action p {
            margin-top: 0;
        }

        .call-to-action a.btn {
            margin-top: 20px;
        }

        .call-to-action.call-to-action-border {
            background: #fff;
            border: 1px solid #eee;
        }

        .call-to-action.call-to-action-colored {
            background-color: #4298B5;
        }

            .call-to-action.call-to-action-colored h3, .call-to-action.call-to-action-colored p {
                color: #fff;
            }

                .call-to-action.call-to-action-colored h3 span {
                    color: #fff !important;
                }

        .call-to-action.call-to-action-red {
            background-color: #ac1c13;
        }


            .call-to-action.call-to-action-red h3, .call-to-action.call-to-action-red p {
                color: #fff;
            }


                .call-to-action.call-to-action-red h3 span {
                    color: #fff !important;
                }

        .call-to-action.call-to-action-dark {
            background-color: #1e2022;
        }

            .call-to-action.call-to-action-dark h3, .call-to-action.call-to-action-dark p {
                color: #fff;
            }

        .call-to-action.cta-center {
            text-align: center;
        }

            .call-to-action.cta-center [class*="col-"] {
                width: 100%;
                max-width: 100%;
                -webkit-box-flex: 0;
                -webkit-flex: none;
                -ms-flex: none;
                flex: none;
                clear: both;
                display: block;
            }

        .call-to-action.cta-right {
            text-align: right;
        }

            .call-to-action.cta-right [class*="col-"]:first-child {
                float: right;
            }

    @media (max-width: 991.98px) {
        .call-to-action {
            padding: 26px 12px 18px;
        }

        [class*="col-"] > .call-to-action {
            padding: 26px 26px 18px;
        }
    }



    /* ------------------------------------------------------------ *\
            Testimonials
\* ------------------------------------------------------------ */

    .section-testimonial {
        padding-top: 10px;
        padding-bottom: 10px;
        /* background-image: url('../images/Capitol Carousel Image.png');*/
    }

    .section-testimonial-overlay {
        background-color: rgba(15,35,45,0.7);
    }

    .section-testimonial-info {
        padding-top: 50;
    }

    /**
                * 2.2 Noo Title
                * -----------------------------------------------------------------------------
                */
    .noo-title {
        padding: 0;
        margin: 0;
        text-align: right;
    }

        .noo-title span {
            font-weight: 700;
            font-size: 60px;
            line-height: 72px;
            margin: 0;
            padding: 0;
            /*color: #000000;*/
            position: relative;
            display: inline-block;
            width: auto;
        }

        .noo-title .title-bolg {
            color: #ffffff;
        }

        .noo-title span i {
            position: absolute;
            top: 0;
            left: -35%;
            display: block;
            font-size: 150px;
            line-height: 135px;
            color: rgba(0, 0, 0, 0.1);
            font-style: normal;
        }

        .noo-title span strong {
            position: relative;
            z-index: 99;
        }

        .noo-title span.title-base {
            font-size: 30px;
        }

    .title-center {
        padding: 18px 0;
        text-align: center;
    }

        .title-center span i {
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            line-height: 70px;
        }

    .title-left {
        text-align: left;
    }

        .title-left span i {
            right: -100%;
            left: auto;
        }

    /*
                       * 2.6 Noo Testimonial
                       * -----------------------------------------------------------------------------
                       */
    .noo_testimonial {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .noo_testimonial li {
            text-align: center;
            cursor: e-resize;
        }

            .noo_testimonial li .noo_testimonial_avata {
                display: inline-block;
                width: 150px;
                height: 150px;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                margin-bottom: 22px;
            }

            .noo_testimonial li .noo_testimonial_name {
                color: #000000;
                font-size: 1.7142857142857142em;
                margin: 0;
                padding: 0 0 2px;
                font-weight: 400;
            }

            .noo_testimonial li .noo_testimonial_position {
                display: block;
                color: #000;
                font-style: italic;
            }

            .noo_testimonial li p {
                font-size: 1.2857142857142858em;
                line-height: 27px;
                color: #000;
                text-align: center;
                padding: 34px 13% 0;
            }

                .noo_testimonial li p .fa,
                .noo_testimonial li p .noo-vc-accordion .panel-title a:before {
                    font-size: 10px;
                    -webkit-transform: translate(0, -8px);
                    -ms-transform: translate(0, -8px);
                    -o-transform: translate(0, -8px);
                    transform: translate(0, -8px);
                }

        .noo_testimonial .owl-controls {
            margin-top: 50px;
        }

            .noo_testimonial .owl-controls .owl-page span {
                width: 7px;
                height: 7px;
                background: #555e63;
                margin: 5px 4px;
                opacity: 1;
            }

            .noo_testimonial .owl-controls .owl-page.active span,
            .noo_testimonial .owl-controls.clickable .owl-page:hover span {
                background: #ffffff;
            }

        .noo_testimonial li p {
            padding: 30px 5% 0;
        }

        .noo_testimonial li p {
            font-size: 16px;
            line-height: 24px;
            padding: 20px 2% 0;
        }

            .noo_testimonial li p:before {
                content: ' \2015 '
            }

    @media (min-width: 1300px) {
        .container {
            max-width: 1200px;
            width: 100%;
        }
    }

    .img-circle75 {
        border-radius: 75px;
        padding: 20px;
    }

    .sidekick {
        position: relative;
        padding-left: 1em;
        border-left: 0.2em solid #002E5D;
        font-family: 'Roboto', serif;
        font-size: 2.4em;
        line-height: 1.5em;
        font-weight: 100;
    }

        .sidekick:before, .sidekick:after {
            font-family: Calibri;
            color: #002E5D;
            font-size: 34px;
        }

        .sidekick:before {
            content: '\201e'
        }

        .sidekick:after {
            content: '\201c';
        }

        .sidekick cite {
            font-size: 50%;
            text-align: center;
            top: 50%
        }

            .sidekick cite:before {
                content: ' \2015 '
            }

    .search-mobile-pane {
        display: block !important;
    }

    @media all and (max-width: 767px) {
        #search-mobile-open {
            display: block !important;
        }

        .search-mobile-pane {
            display: none !important;
            flex-direction: column;
            position: fixed !important;
            top: 0px;
            left: 0px;
            z-index: 99999;
            width: 100%;
            height: 100vh;
            max-width: 350px;
            position: relative;
            background: white;
            padding: 10px;
        }

        .search-mobile-content {
            display: flex;
            flex-direction: column;
        }

        .search-mobile-header {
            display: flex !important;
            flex: 0 0;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
        }

        .search-mobile-button-container {
            flex: 0 0;
        }

        .search-mobile-content {
            flex: 1;
            overflow: auto;
        }

            .search-mobile-content ul {
                padding-left: 0px;
            }

        .search-topics {
            max-height: none !important
        }
    }


iframe.wharesponsive {
    position: absolute;
    top: 0;
    /* right: 0; */
    left: 0;
    /* bottom: 0; */
    width: 100%;
    height: 100%;
}

.WHAaccordion .card .fa-angle-down {
    float: right;
    color: #002E5D;
    font-weight: 700;
}

.search-filter {
    box-shadow: -0px 5px 4px #eee;
    padding: 5px 0px;
}


.searchBox, input.nice-control, select.nice-control, textarea.nice-control {
    border: 2px solid #002E5D;
    box-shadow: 2px 2px 5px #aaa;
    border-radius: 8px;
    overflow: hidden;
    color: #4298B5 !important;
    padding: 5px 10px;
    width: 100%;
}

.searchBox .inp {
    padding: 0px;
}

.nice-control.limit-width, .searchBox.limit-width {
    max-width: 300px;
}

    .searchBox button, .nice-control button {
        background: unset;
        border: unset;
        color: #4298B5;
    }

.searchBox input {
    color: #4298B5;
}

div.dt-container div.dt-length select {
    padding-right: 30px;
}



/*
* Linesl
* -----------------------------------------------------------------------------
*/

.WHASecondaryBold hr {
    border: 5px solid #4298B5;
    opacity: 1;
}

/* Large rounded green border */
.WHAPrimarySemiBold hr {
    border: 3px solid #002E5D;
    opacity: 1;
}

/* Large rounded green border */
.WHASecondaryThin hr {
    border: 1px solid #4298B5;
    opacity: 1;
}

/* Large rounded green border */
.WHAPrimaryThin hr {
    border: 1px solid #002E5D;
    opacity: 1;
}

/*
* Calendar List
* -----------------------------------------------------------------------------
*/

.calendar-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

ol.calendar {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 2em;
    gap: 0.5em;
    flex-grow: 1;
    min-width: 324px;
    max-width: 100%;
}

    ol.calendar li {
        flex: 0 0 7em;
        display: block;
        text-align: center;
        background: #f1f1f1
    }

        ol.calendar li div {
            padding-left: 0.25em;
            padding-right: 0.25em;
        }

        ol.calendar li .month {
            background-color: #002E5D !important;
            color: #fff;
            padding-bottom: 0.15em;
        }

        ol.calendar li div:nth-child(1) {
            padding-top: 0.25em;
        }

        ol.calendar li div:nth-child(2) {
            font-size: 2em;
            font-weight: 800;
        }

        ol.calendar li div:last-child {
            padding-bottom: 0.25em;
        }

.img-circle75 {
    border-radius: 75px;
    padding: 20px;
}

.img-cta {
    position: relative;
    width: 324px;
    display: flex;
}

.img-cta-image {
    margin-top: -20px;
    width: 100%;
}

.img-cta-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    bottom: 0px;
}

.img-cta-body {
    padding: 5px 9px;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0px 0px 3px rgba(255,255,255,0.9);
    border-radius: 5px;
    text-align: center;
}

/* ------------------------------------------------------------ *\
   More Than Healthcare
\* ------------------------------------------------------------ */
.layout-mthc {
    height: 100%;
}

    .layout-mthc > .wrapper {
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }

        .layout-mthc > .wrapper > .body-wrapper {
            flex-grow: 1;
        }

    .background-purple {
        background-color: #b582ff !important;
    }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

section.mthc {
    position: relative;
    width: 100%;
    background-color: #fff;
}

.background-grey {
    background-color: #F1F1F1 !important;
}

.content {
    padding-right: 25px;
    margin-bottom: 26px;
}

.btn-WHA-orange {
    color: black !important;
    background-color: #F37D47 !important;
    min-width: 200px;
    font-weight: 500;
    border-radius: 15px;
}

    .btn-WHA-orange a {
        color: white !important;
    }

    .btn-WHA-orange:hover, .btn-WHA-orange:focus, .btn-WHA-orange:active, .btn-WHA-orange.active, .open > .dropdown-toggle.btn-WHA-orange {
        background-color: #45a049 !important;
    }

    .btn-WHA-orange:active, .btn-WHA-orange.active {
        background: #007299 !important;
        box-shadow: none;
    }

.WHAOrangeSemiBold hr {
    border: 10px solid #f37d47;
    opacity: 1;
}


.pagehding-sec {
    background-image: url("../images/Community-Health-Needs.png");
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 50px;
    padding-top: 90px;
    position: relative;
    background-size: cover;
    min-height: 212px
}

.page-heading h1 {
    font-size: 60px;
    text-align: left;
    text-transform: capitalize;
    /*font-weight: bold;*/
    color: white;
    position: relative;
}

.card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .card .card-body {
        display: flex;
        flex-direction: column;
    }

        .card .card-body, .card .card-body p {
            flex-grow: 1;
        }


/* ------------------------------------------------------------ *\
WHA Bloack Quotes
\* ------------------------------------------------------------ */
.sidekick {
    position: relative;
    padding-left: 1em;
    border-left: 0.2em solid #002E5D;
    font-family: 'Roboto', serif;
    font-size: 2.4em;
    line-height: 1.5em;
    font-weight: 100;
}

    .sidekick:before, .sidekick:after {
        font-family: Calibri;
        color: #002E5D;
        font-size: 34px;
    }

    .sidekick:before {
        content: '\201e'
    }

    .sidekick:after {
        content: '\201c';
    }

    .sidekick cite {
        font-size: 50%;
        text-align: center;
        top: 50%
    }

        .sidekick cite:before {
            content: ' \2015 '
        }

.otro-blockquote blockquote {
    padding: 60px 80px 40px;
    position: relative;
}

.otro-blockquote blockquote p {
    font-family: "Utopia-italic";
    font-size: 35px;
    font-weight: 700;
    text-align: center;
}



.otro-blockquote blockquote:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 0;
    content: "\f10d";
    font-size: 200px;
    color: rgba(0,0,0,0.1);
}

.otro-blockquote blockquote::after {
    content: "";
    top: 20px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    border-bottom: 3px solid #bf0024;
    height: 3px;
    width: 200px;
}

.otro-blockquote {
    font-size: 1.4em;
    width: 100%;
    margin: 50px auto;
    font-family: Open Sans;
    font-style: italic;
    color: #555555;
    padding: 1.2em 30px 1.2em 75px;
    border-left: 8px solid #4298B5;
    line-height: 1.6;
    position: relative;
    background: #EDEDED;
}

    .otro-blockquote::before {
        font-family: Arial;
        content: "\201C";
        color: #4298B5;
        font-size: 4em;
        position: absolute;
        left: 10px;
        top: -10px;
    }

    .otro-blockquote::after {
        content: '';
    }

    .otro-blockquote span {
        display: block;
        color: #333333;
        font-style: normal;
        font-weight: bold;
        margin-top: 1em;
    }

.twoline {
    position: relative;
    font-family: 'Verdana', serif;
    font-size: 2.4em;
    line-height: 1.5em;
}

    .twoline cite {
        font-family: 'Verdana', sans-serif;
        font-size: 0.6em;
        font-weight: 700;
        color: #bdbec0;
        float: right;
    }

        .twoline cite:before {
            content: '\2015'' ';
        }

    .twoline:after {
        content: '\201d';
        position: absolute;
        top: 0.28em;
        right: 0px;
        font-size: 6em;
        font-style: italic;
        color: #bdbec0;
        z-index: -1;
    }

.alert-light-blue {
    color: #002E5D !important;
    background-color: #4298B5 !important;
    /*border-color: green !important;
    text-align: center !important;*/
}