/* ------------------------------------------------------------ *\
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;
    }

}

/* ------------------------------------------------------------ *\
   Accordion
\* ------------------------------------------------------------ */
.accordion-button {
    font-weight: 500;
    color: #002E5d;
}

    /* Remove Bootstrap’s default accordion chevron */
    .accordion-button::after {
        font-family: "Font Awesome 6 Free"; /* Font Awesome font */
        font-weight: 900; /* solid style */
        content: "\f107"; /* Unicode for fa-angle-down */
        font-size: 1rem;
        color: #002E5D !important;
        margin-left: auto; /* push to the right */
        transition: transform 0.2s ease-in-out;
        background: none !important; /* kill Bootstrap background */
        border-radius: 0; /* no dot */
    }

    /* Rotate when accordion is open */
    .accordion-button:not(.collapsed)::after {
        transform: rotate(180deg);
    }


/* ------------------------------------------------------------ *\
  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,
.contactus-sec, .fastfacts-sec {
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 50px;
    padding-top: 90px;
    position: relative;
    background-size: cover;
    min-height: 212px;
}


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

.fastfacts-sec {
    background-image: url("/WHAIC/media/Images/Banners/Fast-Facts.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;*/
}


h1, #homeMain h2 {
    font-family: 'Calluna Sans', Helvetica, sans-serif;
    font-weight: normal;
}

#homeMain a, #dsMainC2 a {
    font-weight: bold;
}

#container {
    text-align: left;
}

body {
    text-align: center;
}

a {
    text-decoration: none;
}

#homeMainSlides a:hover, #dsMainC2 a:hover {
    text-decoration: underline;
}


#homeMain {
    padding: 5px 0 20px 0;
}

#homeMainSlides, .homeMainSlide {
    height: 360px;
    overflow: hidden;
    width: 1200px;
}

#homeMainSlides {
    display: block;
    position: relative;
}

.homeMainSlide {
    display: none;
    left: 0;
    color: #fff;
    position: absolute;
    top: 0;
    z-index: 0;
}

.homeMainFirstSlide {
    display: block;
    z-index: 1;
}

.homeMainSlideText {
    position: absolute;
}

    .homeMainSlideText h1, .homeMainSlideText h2 {
        border-bottom: 1px solid #FFF;
        margin: 0 48px 0 0;
        padding: 25px 0 10px 20px;
    }

    .homeMainSlideText p {
        margin: 0;
        padding: 20px 20px 25px 20px;
    }