@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');

/* colors */
:root {
    --default-blue: #214E9B;
    --shade-blue: #3a5d9a;
    --header-blue: #D5DEEC;
    --default-purple: #4C238F;
    --default-green: 10800E;
    /*var(--default-blue)*/
}

a:visited {
    color: #fff;
}

body {
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
}

h1, h2, h3, h4, h5, p, button, input, optgroup, select, textarea {
    font-family: 'Source Sans Pro', sans-serif;
}

h1, h2 {
    font-weight: 300;
    font-size: 45px;
    line-height: normal;
    margin-bottom: 20px;
    position: relative;
    color: var(--default-blue);
    text-transform: uppercase;
}

h3, h4 {
    font-weight: 300;
    color: var(--default-blue);
    font-size: 35px;
    line-height: normal;
    margin-bottom: 20px;
    position: relative;
}

h5 {
    font-size: 16px;
}

blockquote {
    font-weight: 300;
    font-size: 28px;
    line-height: 42px;
}

img {
    max-width: 100%;
}

p {
    font-weight: normal;
    font-size: 20px;
    line-height: 1.4;
    color: #222222;
    margin-bottom: 20px;
}

ul, ol {
    margin-bottom: 20px;
    padding-left: 25px;
    font-size: 20px;
    overflow: inherit;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
    line-height: 1.5;
    margin-bottom: 5px;
}

ul li {
    list-style: disc;
}

ol li {
    list-style: decimal;
}

a {
    color: var(--default-blue);
    text-decoration: underline;
    font-size: inherit;
}

    a:hover {
        color: var(--default-blue);
    }

    a:hover, .portfolio-cat a:hover, .footer-menu li a:hover {
        color: var(--default-blue);
    }
    a:visited {
        color: var(--default-blue)
    }
.p-0 {
    padding: 0;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-120 {
    padding-top: 120px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-150 {
    padding-bottom: 150px;
}

.p-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.p-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.p-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.p-y-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.p-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.p-y-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.p-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.p-y-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.p-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.p-x-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.p-x-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.p-x-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.p-x-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.p-x-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.p-x-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.p-x-70 {
    padding-left: 70px;
    padding-right: 70px;
}

.p-x-80 {
    padding-left: 80px;
    padding-right: 80px;
}

.p-x-90 {
    padding-left: 90px;
    padding-right: 90px;
}

.p-x-100 {
    padding-left: 100px;
    padding-right: 100px;
}


.m-0 {
    margin: 0;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-150 {
    margin-top: 150px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-150 {
    margin-bottom: 150px;
}

.m-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.m-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.m-y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.m-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.m-y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.m-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.m-y-70 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.m-y-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.m-y-90 {
    margin-top: 90px;
    margin-bottom: 90px;
}

.m-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.m-x-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.m-x-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.m-x-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.m-x-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.m-x-50 {
    margin-left: 50px;
    margin-right: 50px;
}

.m-x-60 {
    margin-left: 60px;
    margin-right: 60px;
}

.m-x-70 {
    margin-left: 70px;
    margin-right: 70px;
}

.m-x-80 {
    margin-left: 80px;
    margin-right: 80px;
}

.m-x-90 {
    margin-left: 90px;
    margin-right: 90px;
}

.m-x-100 {
    margin-left: 100px;
    margin-right: 100px;
}


.button, input[type=submit], body .form-row .advantage-formbuilder-submit {
    color: #fff;
    font-size: inherit;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    align-items: center;
    padding: 15px 40px;
    background: var(--default-blue);
    box-shadow: 0px 11px 14px rgb(0 0 0 / 5%);
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid var(--default-blue);
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
}

    .button:hover, input[type=submit]:hover {
        background: #ffffff;
        color: var(--default-blue);
        border-color: var(--default-blue);
        text-decoration: none;
    }

.form-row span.validation, .form-row .tip, .form-row .tool-tip, .form-row input, .form-row textarea, .form-row keygen, .form-row select, .form-row button, input[type=text], input[type=password], select, textarea {
    font-size: 16px;
    border: 1px solid #DBDBDB;
    box-shadow: none;
}

body .form-row label, body .form-group label {
    display: block;
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 5px !important;
}

body .form-row .form-control, body .form-group .form-control {
    width: 100% !important;
    text-align: left !important;
}



.row-fluid {
    margin-bottom: 0;
}

.btn {
    padding: 14px 40px 14px 40px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.04em;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid var(--default-blue);
    box-sizing: border-box;
    box-shadow: 0px 11px 14px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    text-decoration: none;
    color: var(--default-blue);
}

    .btn:hover {
        background: var(--default-blue);
        border: 1px solid var(--default-blue);
        color: #fff;
        text-decoration: none;
    }

.container, .footer-area .container-fluid {
    max-width: 100% !important;
    width: 1240px;
}

.header-top {
    background: var(--header-blue);
    padding: 10px 0;
}

.header-top-inner {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.search-field input {
    height: 50px;
    padding-right: 40px;
}

.search-field {
    display: inline-block;
    position: relative;
}

    .search-field::after {
        content: "\f002";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 10px;
        top: 14px;
        color: #214E9B;
    }

.top-menu {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

    .top-menu li {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 25px;
        margin-left: 0;
        list-style: none;
        line-height: normal;
    }

        .top-menu li a {
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: 0.02em;
            text-align: center;
            text-decoration: none;
            display: block;
            color: #242424;
        }

.donate-n-lang {
    display: flex;
    align-items: center;
    margin-left: 13px;
}

    .donate-n-lang .lang {
        margin-left: 40px;
    }

        .donate-n-lang .lang a {
            font-size: 12px;
            line-height: 15px;
            text-decoration-line: underline;
            color: var(--default-blue);
            padding: 1px 6px;
            display: inline-block;
            border-radius: 5px;
        }

            .donate-n-lang .lang a.active {
                color: #fff;
                background: var(--default-blue);
            }

.main-header {
    background: #fff;
    border-bottom: 1px solid #E7E7E7;
}

.nav-wrapper {
    overflow: visible;
}

.main-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .main-menu .navbar.navbar-default {
        float: right;
        width: calc(100% - 250px);
    }

        .main-menu .navbar.navbar-default .navbar-nav > li {
            display: flex;
            padding: 0;
            position: relative;
            margin: 0 20px;
        }

            .main-menu .navbar.navbar-default .navbar-nav > li:last-child {
                margin-right: 0;
            }

        .main-menu .navbar.navbar-default .navbar-nav {
            margin-bottom: 0;
            display: flex;
        }

.header-logo {
    margin-top: 0px;
    max-width: 105px;
}

.main-menu .navbar.navbar-default .navbar-nav > li > a {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #000;
    text-decoration: none;
    padding: 25px 0;
    display: inline-flex;
    position: relative;
    text-transform: capitalize;
    max-width: 200px;
    align-items: center;
}

    .main-menu .navbar.navbar-default .navbar-nav > li > a::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 7px;
        bottom: 0px;
        background: var(--default-blue);
        border-radius: 10px 10px 0px 0px;
        left: 0;
        /*transition: all 0.4s ease;*/
        opacity: 0;
    }

.main-menu .navbar.navbar-default .navbar-nav > li:hover > a:after {
    bottom: 0;
    opacity: 1;
}

.main-menu .navbar.navbar-default .navbar-nav > li:hover .menu_btn {
    opacity: 0;
}

.main-menu .navbar.navbar-default .navbar-nav > li.has-children > a::after {
    min-width: 200px;
}

.menu_btn {
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translate(-50%, -50%);
}

nav ul.level-two {
    top: 99%;
    min-width: 200px;
    width: 100%;
    background: var(--default-blue);
    padding: 10px 0;
    border-radius: 0 0 10px 10px;
}

    nav ul.level-two li {
        float: none;
        padding: 0;
    }

        nav ul.level-two li a {
            display: block;
            padding: 10px 25px;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 1.4;
            letter-spacing: 0em;
            color: #FFFFFF;
            text-decoration: none;
        }

            nav ul.level-two li a:hover {
                color: #000;
                background: var(--header-blue);
            }

.menu_btn {
    background: transparent;
    border: 0 !important;
}

.breadcrumb_init {
    margin-bottom: 0;
}

[data-zonename="Top Area"] .span-12 {
    padding-left: 0;
    padding-right: 0;
}

.image-banner {
    background: #FAFAFA;
    padding: 50px 0;
   /* margin-bottom: 200px;*/
    margin-bottom: 50px;
}

    .image-banner::after {
        content: '';
    }

    .image-banner img {
        min-height: 300px;
        width: 100%;
        position: relative;
        border-radius: 10px;
        height: 100%;
        object-fit: cover;
    }

    .image-banner picture {
        position: relative;
    }

        .image-banner picture::after {
            content: '';
            height: 59px;
            width: 40%;
            left: 10%;
            background: var(--header-blue);
            border-radius: 10px;
            position: absolute;
            bottom: -30px;
        }

        .image-banner picture::before {
            content: '';
            position: absolute;
            background: var(--default-blue);
            height: 183px;
            width: 160px;
            top: -30px;
            border-radius: 10px;
            right: -30px;
        }

.hero-banner .span-12 {
    padding: 0;
    margin: 0;
    float: none;
    clear: both;
}

h1::after, h2::after, h3::after {
    content: '';
    border-bottom: 4px solid var(--header-blue);
    display: block;
    width: 60px;
    margin-top: 10px;
}

h2::after, h3::after {
    border-color: var(--header-blue);
}

h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {
    display: none;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.p-lr-0 {
    padding-left: 0;
    padding-right: 0;
}

.image-banner .caption {
    margin-bottom: 35px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

.main {
    margin-top: 0;
}

.banner-visual {
    position: relative;
    bottom: -115px;
    padding-right: 45px;
    margin-top: -75px;
}

.LatestItems .span-12 {
    padding: 0;
}

.event_card {
    background: var(--header-blue);
    border-radius: 10px;
    margin-top: 25px;
    padding: 30px;
}

.event_card {
    clear: both;
    overflow: hidden;
}

    .event_card .event_date {
        float: left;
        width: 110px;
    }

        .event_card .event_date p {
            color: var(--default-blue);
            font-size: 20px;
            margin-bottom: 0;
        }

.event_content {
    float: left;
    width: calc(100% - 110px);
    padding-left: 40px;
}

.category_name, .category_name a {
    color: #000000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 5px;
    text-decoration: none;
}

    .category_name a:hover {
        color: var(--default-blue);
    }

.event_title a {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
    text-decoration: none;
    margin-bottom: 10px;
}

    .event_title a:hover {
        color: var(--default-blue);
    }

.LatestItems {
    margin: 0 0 140px;
}

    .LatestItems h4 {
        margin-bottom: 40px;
    }

.content-tile {
    text-align: center;
    padding: 60px 40px 40px 40px;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    box-shadow: 0px 11px 14px rgb(0 0 0 / 5%);
    border-radius: 10px;
    margin-top: 80px;
    position: relative;
}

    .content-tile picture {
        height: 135px;
        width: 135px;
        background: #F2F9F5;
        padding: 20px;
        border-radius: 50%;
        margin: 0 auto;
        position: absolute;
        top: -70px;
        left: 50%;
        transform: translate(-50%, 0);
        display: flex;
        align-items: center;
    }

        .content-tile picture img {
            height: 50px;
            max-width: 100%;
            width: auto;
            margin: 0 auto
        }

    .content-tile h2 {
        font-weight: 400;
        margin-top: 20px;
        text-transform: none;
    }

        .content-tile h2::after {
            display: none;
        }

    .content-tile p {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        display: block;
        align-items: center;
        text-align: center;
        color: #000000;
        margin: 15px auto;
        clear: both;
        max-width: 190px;
    }

.image-with-yellow-bg-content {
    margin-bottom: 80px;
}

    .image-with-yellow-bg-content::after {
        content: '';
        width: 80%;
        height: calc(100% - 80px);
        position: absolute;
        right: 0;
        top: 0;
        background: var(--header-blue);
        border-radius: 10px;
    }

.bg-content-image {
    background: #F2F9F5;
    /*height: 520px;*/
    border-radius: 10px;
    margin-top: 80px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0px 22px 25px rgba(0, 0, 0, 0.1));
}

.stories-style-text {
    position: relative;
    z-index: 1;
    padding: 90px 30px 40px 60px;
}

    .stories-style-text h3 {
        color: #000000;
        font-weight: 600;
    }

    .stories-style-text p {
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: 0em;
        text-align: left;
    }

    .stories-style-text h3:after {
        border-color: var(--default-blue);
    }

.arrow-button::after {
    content: "\f061";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    vertical-align: 2px;
    margin-left: 10px;
}

.black-outline {
    border-color: #000;
    color: #000;
    background: transparent;
}

.white-outline {
    border-color: #fff;
    color: #fff;
    background: transparent;
}

.stories-style-text .button {
    padding: 10px 20px;
    font-size: 16px;
}

.green-bg-content::after {
    left: 0;
    right: auto;
    background: var(--default-blue);
}

.green-bg-content p, .green-bg-content h3 {
    color: #fff;
}

    .green-bg-content h3:after {
        border-color: #fff;
    }

.footer-bottom {
    clear: both;
}

.footer-top-content {
    display: inline-block;
}

.footer-menu {
    display: inline-block;
    vertical-align: top;
    margin-top: 25px;
}

.social-links {
    padding: 0;
    margin: 10px 0 0;
}

    .social-links li {
        display: inline-block;
        list-style: none;
        margin: 0;
    }

        .social-links li a {
            display: inline-block;
            margin: 0px 5px;
            font-size: 18px;
        }

.footer-logo {
    max-width: 110px;
    display: inline-block;
}

    .footer-logo img {
        max-width: 100%;
    }

.footer-menu ul {
    margin-bottom: 0;
}

.footer-menu li {
    list-style: none;
    display: inline-block;
}

    .footer-menu li:first-child {
        margin-left: 0;
    }

    .footer-menu li a {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
        color: #000000;
        text-decoration: none;
    }

.newsletter_wrap {
    position: relative;
    overflow: hidden;
    clear: both;
}

.agree-note {
    text-transform: uppercase;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.04em;
    text-align: left;
    margin-top: 10px;
}

    .agree-note input {
        vertical-align: -2px;
        margin-right: 6px;
    }

.newsletter legend {
    margin-bottom: 10px;
    font-size: 14px;
    color: #242424;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.newsletter_wrap #email {
    width: calc(100% - 135px);
}

.newsletter_wrap .button {
    position: absolute;
    right: 0;
    margin-top: 0;
    padding: 10px 20px;
    height: 44px;
    font-size: 16px;
}

.footer-top {
    padding: 30px 0;
    clear: both;
    overflow: hidden;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    margin-top: 80px;
}

.footer-bottom {
    overflow: hidden;
    clear: both;
    padding: 12px 0;
}

    .footer-bottom ul {
        margin: 0;
        padding: 0;
    }

        .footer-bottom ul li {
            display: inline-block;
            list-style: none;
            margin-left: 0;
            margin-right: 15px;
        }

            .footer-bottom ul li a {
                font-size: 14px;
                font-style: normal;
                font-weight: 300;
                letter-spacing: 0em;
                text-align: left;
                text-decoration: none;
                color: #242424;
            }

    .footer-bottom .copyright {
        margin: 10px 0;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        letter-spacing: 0em;
        text-align: right;
    }

body .ui-helper-reset.ui-widget {
    margin: 0;
    padding: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    border: 1px solid #E7E7E7;
    border-bottom: 0;
    border-radius: 10px;
    overflow: hidden;
}

body .ui-accordion .ui-accordion-header {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: normal;
    letter-spacing: 0.02em;
    padding: 17px 20px !important;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #000000 !important;
    border-bottom: 1px solid #E7E7E7;
    margin: 0;
}

    body .ui-accordion .ui-accordion-header:after {
        right: 15px;
        color: var(--default-blue) !important;
        top: 10px;
    }

    body .ui-accordion .ui-accordion-header.ui-accordion-header-active {
        background: var(--default-blue) !important;
        color: #fff !important;
    }

        body .ui-accordion .ui-accordion-header.ui-accordion-header-active::after {
            color: rgba(255,255,255,0.4) !important;
        }

body .ui-accordion .ui-accordion-content {
    margin-bottom: 0;
    padding: 23px;
    font-size: 16px;
    background: #FFFFFF;
    border-bottom: 1px solid #E7E7E7;
}

.custom_card {
    max-width: 1030px;
    margin: 0 auto 40px;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 22px 25px rgb(0 0 0 / 10%);
}

    .custom_card .card_header {
        background: var(--default-blue);
        padding: 28px 40px;
        border-radius: 10px 10px 0 0;
    }

        .custom_card .card_header span, .custom_card .card_header span a {
            font-weight: normal;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: 0.118em;
            text-transform: uppercase;
            color: #fff;
            display: block;
            margin-bottom: 10px;
            text-decoration: none;
        }

        .custom_card .card_header h3 {
            font-weight: 600;
            font-size: 35px;
            letter-spacing: 0.02em;
            text-transform: capitalize;
            color: #FFFFFF;
            margin-bottom: 0;
        }

            .custom_card .card_header h3::after {
                display: none;
            }

    .custom_card .card_body {
        padding: 40px 40px;
    }

    .custom_card .short-desc {
        font-style: normal;
        letter-spacing: 0em;
        text-align: left;
        font-weight: 400;
        margin-bottom: 30px;
        line-height: 1.4;
    }

.contact-details {
    margin-top: 25px;
}

    .contact-details h4 {
        font-style: normal;
        font-weight: 600;
        font-size: 25px;
        line-height: 29px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #000000;
        margin-bottom: 15px;
    }

.contact-tile {
    text-align: center;
    padding: 60px 40px 40px 40px;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    box-shadow: 0px 11px 14px rgb(0 0 0 / 5%);
    border-radius: 10px;
    margin-top: 80px;
    position: relative;
}

    .contact-tile picture {
        height: 135px;
        width: 135px;
        background: #E6F1FB;
        padding: 20px;
        border-radius: 50%;
        margin: 0 auto;
        position: absolute;
        top: -70px;
        left: 50%;
        transform: translate(-50%, 0);
        display: flex;
        align-items: center;
    }

        .contact-tile picture img {
            height: 50px;
            max-width: 100%;
            width: auto;
            margin: 0 auto
        }

.breadcrumb_init {
    padding-left: 0;
}

.breadcrumb ul li {
    padding-left: 0;
}

    .breadcrumb ul li a {
        padding: .4rem;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        align-items: center;
        color: rgba(0, 0, 0, 0.6);
        text-decoration: none;
    }

    .breadcrumb ul li:before {
        content: '';
    }

    .breadcrumb ul li + li:before {
        content: '/';
        vertical-align: -1px;
        font-size: 16px;
        margin-right: 6px;
    }

    .breadcrumb ul li:after {
        display: none;
    }

    .breadcrumb ul li.active a, .breadcrumb ul li a:hover {
        color: var(--default-blue);
    }

.SumoSelect {
    width: 100%;
}

.NewsContainer .event_card:first-child {
    margin-top: 0;
}

.event-calendar {
    width: 100%;
}

    .event-calendar a {
        text-decoration: none;
    }

    .event-calendar td, .event-calendar th {
        text-align: center;
        padding: 0;
        border: 1px solid #ddd;
        font-size: 16px;
    }

    .event-calendar tr td a, .event-calendar tr th a {
        display: inline-block;
        padding: 10px 6px;
    }

    .event-calendar th {
        padding: 10px 6px;
    }

.cal-title tr td {
    border: 0;
}

.filter_field {
    margin-bottom: 15px;
}

    .filter_field .lbCategory {
        width: 100% !important;
    }

.RadPicker_Bootstrap .rcCalPopup {
    margin-top: 7px;
}

.RadInput_Bootstrap .riLabel {
    color: #333;
    font-size: 16px;
}

.RadInput_Bootstrap .riLabel, .content-filter-search label {
    color: #000 !important;
    font-size: 16px !important;
}

    .RadInput_Bootstrap .riLabel b, .content-filter-search label b {
        font-weight: normal;
        font-size: 16px !important;
    }

.content-filter-search.clearBoth {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.events_filter_btns {
    margin-top: 10px;
}

    .events_filter_btns .row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .events_filter_btns .button, .events_filter_btns input[type=submit] {
        padding: 15px 20px;
        width: 100%;
        text-align: center;
    }

.RadPicker_Bootstrap .rcCalPopup, .RadPicker_Bootstrap .rcTimePopup, html body .RadInput_Bootstrap .riTextBox, html body .RadInputMgr_Bootstrap {
    border-color: #DBDBDB !important;
}

.allowScroll {
    background: var(--header-blue);
    border-radius: 0 0 10px 10px;
    padding: 15px;
    overflow: auto;
}

.filters-toggle {
    background: var(--default-blue);
    padding: 15px;
    color: #fff;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
}

    .filters-toggle i {
        float: right;
    }

.RadPicker_Bootstrap .rcCalPopup {
    background-position: -6px -4205px !important;
}

    .RadPicker_Bootstrap .rcCalPopup:hover {
        background-position: -56px -4204px !important;
    }

.RadInput_Bootstrap.riSingle .riTextBox, .RadForm_Bootstrap.RadForm.rfdTextbox input.riTextBox.rfdDecorated {
    height: 44px !important;
    padding: 10px;
}

.RadPicker_Bootstrap .rcCalPopup, .RadPicker_Bootstrap .rcTimePopup {
    width: 42px !important;
    height: 42px !important;
}

.SumoSelect > .CaptionCont {
    min-height: 44px;
}

.SumoSelect.open > .optWrapper {
    top: 44px;
}

.removePadding {
    padding: 0;
}

.options {
    padding: 0;
    list-style: none;
}

    .options li {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 16px;
    }

.postDate {
    opacity: 0.6;
    margin-bottom: 20px;
}

.postHeader, .postCategory, .postTitle, .singleContent {
    margin-bottom: 20px;
}

.sc_paddingBottom_15 {
    padding-bottom: 15px;
}

.postCategory ul {
    padding: 0;
}

.postCategory li {
    list-style: none;
    margin-left: 0;
    position: relative;
    padding-left: 25px;
}

    .postCategory li::before {
        content: '✓';
        position: absolute;
        left: 0;
    }

.contact-other-section ul {
    padding-left: 0;
}

    .contact-other-section ul li {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
    }

.other-info .fa {
    margin-right: 10px;
}

.event-calendar {
    border-radius: 10px;
    overflow: hidden;
}

[data-zonename="Main Area"] {
    padding-left: 0;
    padding-right: 0;
}

.form-row label, .form-row span.validation, .form-row .tip, .form-row .tool-tip, .form-row input, .form-row textarea, .form-row keygen, .form-row select, .form-row button {
    font-size: 16px;
}

.hamburger span, .hamburger span:before, .hamburger span:after {
    height: 3px;
    background: var(--default-blue);
}


/*==================Responsive================*/


@media (max-width: 1024px) {
    body, p, ul, ol, li {
        font-size: 16px;
    }

    h1, h2 {
        font-size: 35px;
    }

    h3, h4 {
        font-size: 30px;
    }

    .pt-60 {
        padding-top: 40px;
    }

    .pt-70 {
        padding-top: 50px;
    }

    .pt-80 {
        padding-top: 60px;
    }

    .pt-90 {
        padding-top: 70px;
    }

    .pt-100 {
        padding-top: 80px;
    }

    .pt-110 {
        padding-top: 90px;
    }

    .pt-120 {
        padding-top: 100px;
    }

    .pb-60 {
        padding-bottom: 40px;
    }

    .pb-70 {
        padding-bottom: 50px;
    }

    .pb-80 {
        padding-bottom: 60px;
    }

    .pb-90 {
        padding-bottom: 70px;
    }

    .pb-100 {
        padding-bottom: 80px;
    }

    .pb-150 {
        padding-bottom: 80px;
    }

    .p-y-60 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .p-y-70 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .p-y-80 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .p-y-90 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .p-y-100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .p-x-60 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .p-x-70 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .p-x-80 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .p-x-90 {
        padding-left: 70px;
        padding-right: 70px;
    }

    .p-x-100 {
        padding-left: 80px;
        padding-right: 80px;
    }


    .m-0 {
        margin: 0;
    }

    .mt-60 {
        margin-top: 40px;
    }

    .mt-70 {
        margin-top: 50px;
    }

    .mt-80 {
        margin-top: 60px;
    }

    .mt-90 {
        margin-top: 70px;
    }

    .mt-100 {
        margin-top: 80px;
    }

    .mt-150 {
        margin-top: 100px;
    }

    .mb-60 {
        margin-bottom: 40px;
    }

    .mb-70 {
        margin-bottom: 50px;
    }

    .mb-80 {
        margin-bottom: 60px;
    }

    .mb-90 {
        margin-bottom: 70px;
    }

    .mb-100 {
        margin-bottom: 80px;
    }

    .mb-150 {
        margin-bottom: 80px;
    }

    .m-y-60 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .m-y-70 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .m-y-80 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .m-y-90 {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .m-y-100 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .m-x-60 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .m-x-70 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .m-x-80 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .m-x-90 {
        margin-left: 70px;
        margin-right: 70px;
    }

    .m-x-100 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .stories-style-text {
        padding: 25px;
    }

    .LatestItems {
        margin: 0 0 80px;
    }

    .image-banner {
        margin-bottom: 160px;
    }

    .listing .row > .span-9, .listing .row > .span-3 {
        width: 100%;
    }

    .listing .row > .span-3 {
        margin-top: 30px;
    }

    .footer-menu ul {
        padding-left: 0;
    }

    .form-row input[type=text], .form-row input[type=password], .form-row select {
        height: 40px;
    }

    .form-row textarea {
        height: 80px;
    }
}

@media (min-width: 1024px) {
    .search_box .search-field {
        max-width: 150px;
    }
}


@media (max-width: 992px) {
    .top-menu {
        display: none;
    }

    nav .hamburger {
        top: 90px;
        right: 0;
    }

        nav .hamburger a {
            right: 15px;
        }

    .navbar-collapse {
        display: block !important;
        right: auto;
        top: 0;
        position: fixed;
        width: 80%;
        bottom: 0 !important;
        z-index: 99999;
        height: auto !important;
        left: -100%;
        padding: 20px 0 !important;
        max-width: 300px;
        transition: all 0.4s ease;
        overflow: auto;
        background: #fff;
    }

        .navbar-collapse.expand {
            left: 0;
        }

    .main-menu .navbar.navbar-default .navbar-nav {
        margin-bottom: 0;
        display: block;
        float: none;
    }

        .main-menu .navbar.navbar-default .navbar-nav li a {
            text-align: left;
            margin-left: 0;
            display: block;
            padding: 15px 0;
        }

        .main-menu .navbar.navbar-default .navbar-nav li {
            margin-left: 0;
            display: block;
        }

            .main-menu .navbar.navbar-default .navbar-nav li a::after {
                display: none;
            }

    .navbar-toggle::after {
        content: '';
        position: fixed;
        left: auto;
        right: -100%;
        top: 0;
        bottom: 0;
        background: rgb(00 00 00 / 50%);
        width: calc(100% - 300px);
        transition: all 0.4s ease;
        z-index: 999;
    }

    .navbar-toggle.active::after {
        right: 0;
    }

    .main-header {
        padding-top: 5px;
    }

    .green-bg-content p, .green-bg-content h3, .stories-style-text p {
        line-height: 1.3;
    }

    .green-bg-content p, .stories-style-text p {
        margin-bottom: 0;
    }

    .image-with-yellow-bg-content::after {
        height: calc(100% - 40px);
    }

    .image-with-yellow-bg-content {
        margin-bottom: 30px;
        position: relative;
        clear: both;
        overflow: hidden;
    }

    .menu_btn {
        position: absolute;
        right: -22px;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 30px;
        height: 30px;
    }

    .main-menu .navbar.navbar-default .navbar-nav > li > a {
        max-width: 90%;
    }

    .main-menu .navbar.navbar-default .navbar-nav > li:hover .menu_btn {
        opacity: 1;
    }

    nav ul.level-two {
        position: static;
        background: #fff;
        padding: 0px 15px;
        margin-bottom: 0;
    }

    .menu_btn {
        top: 24px;
        transform: translate(-50%, -50%) rotate(-90deg);
    }

    .main-menu .navbar.navbar-default .navbar-nav li a {
        padding: 10px 0;
        color: #000;
    }

    .menu_btn.active {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    .main-menu .navbar.navbar-default .navbar-nav li a:hover {
        background: #fff;
    }
}

@media (max-width: 768px) {
    .structuredCal {
        margin-top: 30px;
    }

    input[type=text], input[type=password], select, textarea {
        width: 100%;
    }

    .snipcart-checkout {
        right: 50px;
    }

    .snipcart-items-count {
        right: 40px;
    }
}

@media (max-width: 767px) {
    .sidebarFilter {
        margin-top: 25px;
    }

    .header-top-inner {
        justify-content: space-between;
    }

    .search-field input {
        height: 34px;
        padding: 4px 6px;
        padding-right: 40px;
        width: 100%;
    }

    .search-field::after {
        right: 8px;
        top: 9px;
    }

    .donate-n-lang {
        margin-left: 0;
        max-width: 59%;
    }

        .donate-n-lang .btn {
            padding: 6px 20px;
            font-size: 16px;
        }

        .donate-n-lang .lang {
            margin-left: 10px;
        }

    .right.top-search {
        max-width: 40%;
    }

    nav .hamburger {
        top: 74px;
    }

    .event_card .event_date {
        float: none;
        width: auto;
    }

    .event_content {
        float: none;
        width: 100%;
        padding-left: 0;
    }

    .bg-content-image {
        margin-top: 0px;
    }

    .image-with-yellow-bg-content {
        margin-bottom: 40px;
        padding: 15px;
        position: relative;
    }

        .image-with-yellow-bg-content::after {
            width: 100%;
            height: 100%;
            right: 0;
            top: 0;
        }

    .stories-style-text {
        padding: 25px 0px;
    }

    .footer-top {
        margin-top: 40px;
    }

    .custom_card .card_header h3 {
        font-size: 26px;
    }

    .custom_card .card_header {
        padding: 15px 15px;
    }

    .custom_card .card_body {
        padding: 15px;
    }

    .image-banner .caption {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 1.6;
    }

    .contact-tile {
        margin-top: 100px;
    }

    .content-tile {
        margin-top: 100px;
    }

    .news {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 575px) {
    .footer-top-content {
        display: block;
        text-align: center;
    }

    .footer-menu {
        display: block;
        margin: 15px 0;
    }

        .footer-menu ul {
            padding-left: 0;
            text-align: center;
        }

        .footer-menu li {
            line-height: 1;
            margin: 5px !important;
        }

            .footer-menu li a {
                font-size: 14px;
            }

    .footer-bottom, .footer-bottom .copyright {
        text-align: center;
    }

    .button, input[type=submit], body .form-row .advantage-formbuilder-submit {
        padding: 10px 25px;
    }

    body .ui-accordion .ui-accordion-header {
        font-size: 20px;
    }
}

/*--------Triangle----------*/

.advance-care-planning-button {
    background: url(/HPCO/Assets/Images/system/Vector.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    height: 159.4688262939453px;
    width: 575.9999389648438px;
    color: white;
    top: 15.51%;
    margin-top: 40px;
}

.goals-of-care-discussion-button {
    background: url(/HPCO/Assets/Images/system/Vectorgoals.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    Width: 67%;
    Height: 145.32px;
    color: white;
    margin-top: 1.5rem;
    position: relative;
    left: 6rem;
}

.consent-for-treatment-or-Care-button {
    background: url(/HPCO/Assets/Images/system/Vectorconsent.png);
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    Width: 39%;
    Height: 160px;
    color: white;
    position: relative;
    left: 11rem;
    margin-top: -1px;
}

.triangle-area > span {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: 40%
}

.triangle-area span span {
    position: relative;
    top: 40%;
    width: 60%;
    display: inline-block;
}

.content-span {
    top: 20% !important;
}

.triangle-content h4 {
    border-radius: 10px 10px 0px 0px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #FFFFFF;
    height: 49px;
    padding-left: 20px;
}

.triangle-content .advance-care-planning h4 {
    background: #214E9B;
}

.triangle-content .goals-of-care-discussion h4 {
    background: #4C238F;
}

.triangle-content .consent-for-treatment-or-Care h4 {
    background: #10800E;
}

.triangle-content > div {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
    border-radius: 10px 10px 10px 10px;
    margin-top: 40px;
}

    .triangle-content > div > div {
        margin: 20px;
    }

.TriangleResource .advance-care-planning-resource-button {
    color: #214E9B;
    border-radius: 10px 10px 0px 0px;
}

.TriangleResource .goals-of-care-discussion-resource-button {
    color: #4C238F;
    border-radius: 0px;
}

.TriangleResource .consent-for-treatment-or-Care-resource-button {
    color: #10800E;
    border-radius: 0px 0px 10px 10px;
}

.TriangleResource input {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
    width: 100%;
    padding: 14px;
}

.resource-active {
    color: white !important;
}

.title-area {
    color: #ffffff;
    padding: 40px 55px;
    border-radius: 10px 10px 0px 0px;
    font-size: 12px;
}

    .title-area h3 {
        color: #ffffff;
        margin-bottom: 0 !important;
    }

        .title-area h3:after {
            content: none;
        }

.triangle-resource-tab-items .title-area {
    padding: 14px !important
}

    .triangle-resource-tab-items .title-area h3 {
        font-size: 20px !important;
        font-weight: normal
    }



.advance-care-planning .title-area {
    background-color: #214E9B;
}

.goals-of-care-discussion .title-area {
    background-color: #4C238F;
}

.consent-for-treatment-or-Care .title-area {
    background-color: #10800E;
}

.triangle-resource-tab-item .span-12 {
    background: #FFFFFF;
    padding: 0;
    box-shadow: 0px 22px 25px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-top: 20px;
}

.triangle-resource-tab {
    margin-top: 20px;
}

.triangle-resource-tab-item .resource-content {
    margin: 20px 40px;
}

.triangle-resource-tab-item .button {
    margin: 20px 0;
    border-radius: 0px;
}

.triangle-resource-tab-item .span-4 {
    margin-bottom: 40px;
}

.extra-information .extra-information-items {
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    box-shadow: 0px 11px 14px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.extra-information .attention-mark {
    width: 36px;
    margin-bottom: 20px;
}

.extra-information-items > div {
    margin: 10px;
}

.algorithm-information {
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    box-shadow: 0px 11px 14px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.algorithm-graph {
    margin: 20px;
    text-align: center;
}

.vector-left {
    width: 14% !important;
    position: relative;
    left: 29%;
    top: -5px;
}

.vector-left-top {
    width: 13% !important;
    position: relative;
    left: 21%;
    top: -311px;
}

.vector-left-second-top {
    width: 13% !important;
    position: relative;
    left: 21%;
    top: -161px;
}

.algorithm-graph-yes, .algorithm-graph-no {
    background-image: url('/HPCO/Assets/Images/system/Ellipse5.png');
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    display: block;
    position: relative;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    width: 48px;
    height: 48px;
    z-index: 99;
}

.algorithm-graph-no {
    top: 6rem;
    left: 17.7rem;
}

.algorithm-graph-yes {
    top: -17rem;
    left: 21rem;
}

    .algorithm-graph-yes span, .algorithm-graph-no span {
        position: relative;
        top: 24%;
    }

.vector-right {
    width: 13% !important;
    position: relative;
    left: 50%;
    top: -369px;
}

.arrow-left-first, .arrow-left-second, .arrow-vector-left {
    width: 34px !important;
    position: relative;
    left: 12rem;
    top: -1.6rem;
    z-index: 1
}

.algorithm-graph-left-top-together {
    left: 4rem;
    top: -1rem;
    position: relative;
}

    .algorithm-graph-left-top-together .arrow-left-first {
        top: -18rem;
        position: relative;
        left: 8rem;
    }

.algorithm-graph-left-top-second-together {
    left: 4rem;
    top: -4rem;
    position: relative;
}

    .algorithm-graph-left-top-second-together .arrow-left-second {
        top: -8.7rem;
        position: relative;
        left: 8rem;
    }

.acphealth {
    position: relative;
    top: -27.3rem;
    left: -4rem;
}

.acpnothealth {
    position: relative;
    top: -18.3rem;
    left: -16rem;
}

.decisionMaking {
    position: relative;
    top: -11.3rem;
    left: -28rem;
}

.algorithm-graph-whole-left-side {
    position: relative;
    top: -3rem;
    height: 538px;
}

.goalsImage-div img, .consentImage-div img, .advanceImage-div img {
    width: 34px !important;
    position: relative;
    left: 21rem;
}

.goalsImage-div {
    position: relative;
    top: -40rem;
    left: 5.93rem;
}

.consentImage-div {
    position: relative;
    top: -39rem;
    left: 5.93rem;
}

.advanceImage-div {
    position: relative;
    top: -38rem;
    left: 5.93rem;
    z-index: 99;
}

.right-returm-vector {
    width: 38.3% !important;
    position: relative;
    top: -71rem;
    left: 22rem;
}

.algorithm-graph-whole-right-side {
    position: relative;
    top: -13.9rem;
    left: 3.3rem;
    height: 0;
}

.top-button {
    position: relative;
    z-index: 99;
}

.algorithm-information input {
    z-index: 99;
    position: relative;
}

.arrow-right-right {
    width: 34px !important;
    position: relative;
    top: -102.4rem;
    left: 26.4rem;
}

.pinkArea {
    width: 29% !important;
    position: relative;
    top: -27rem;
    left: -0.1rem;
}

    .pinkArea > span {
        background-image: url('/HPCO/Assets/Images/system/Rectangle114.png');
        background-size: 100% 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        padding: 5px;
        position: relative;
        left: 10rem;
        top: -9rem;
    }

.revisit-as-needed {
    position: relative;
    top: -103rem;
    left: 11rem;
}

h2 {
    text-transform: uppercase
}

h2, h3 {
    font-weight: bolder;
    font-size: 32px
}

h4 {
    font-size: 16px;
    font-weight: bolder;
    color: #000
}

h5 {
    font-size: 16px;
    font-weight: bolder
}



.content-tile.call-out picture {
    background: transparent !important;
    border-radius: 0 !important;
    left: 10% !important;
}

    .content-tile.call-out picture img {
        height: auto
    }

.content-tile.call-out p {
    font-size: 22px !important;
    text-align: left;
    line-height: normal;
    margin: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px
}

.content-tile.call-out picture {
    background: transparent !important;
    border-radius: 0 !important;
    left: 10% !important;
    background: var(--default-blue) !important;
    border-radius: 0 !important;
    left: 10% !important;
    box-shadow: 0px 11px 14px rgb(0 0 0 / 20%);
    border-radius: 50% !important;
    top: -89px;
}

.content-tile.call-out picture {
    background-size: cover !important;
}


    .content-tile.call-out picture img {
        height: auto
    }

.content-tile.call-out p {
    font-size: 22px !important;
    text-align: left;
    line-height: normal;
    margin: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px
}

.content-tile.call-out {
    background: var(--header-blue) !important;
}

body .ui-accordion .ui-accordion-header:hover {
    background-color: var(--default-blue) !important;
    color: #fff !important
}

    body .ui-accordion .ui-accordion-header:hover:after {
        color: #fff !important
    }

.tab-pane.fade-in.expand {
    display: flow-root !important
}

::marker {
    font-weight: normal
}

.ui-accordion h2 {
    text-transform: none
}

.tabbed-nav.nav.nav-tabs {
    padding: 0 15px
}

.tabbed .tabbed-nav li {
    background: var(--header-blue) !important;
}

nav ul.level-three {
    display: none;
    background: var(--header-blue);
    border: 1px solid var(--header-blue);
    background: #fff
}

    nav ul.level-three li {
        background: var(--header-blue);
    }

    nav ul.level-three a {
        color: #000 !important
    }

        nav ul.level-three a:hover {
            color: var(--default-blue) !important
        }

a.button:visited {
    color: #fff
}

a.button:hover:visited {
    color: var(--default-blue)
}

#snipcart-show-discount-box {
    background-color: var(--color-blue) !important;
    color: #fff !important;
    font-size: 1.1rem !important;
    text-transform: none !important;
    border: 1px solid transparent !important;
    transition: all 0.0s ease 0s !important;
    cursor: pointer;
    border-radius: 19px !important;
    width: auto !important;
    line-height: normal !important;
    height: auto;
    max-width: 40%;
    padding: 7px 25px !important;
    font-weight: bold;
}

#snipcart-show-discount-box:hover {
    background: #003360 !important;
    border-color: #003360 !important;
}
#snipcart-discounts-code{
    border: 1px solid grey;
}