body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #333;
    /*overflow-x: hidden;*/
    padding: 0;
}


header {
    background: #fff;
    width: 100%;
    background-position: center bottom;
    height: 7rem;
    background-size: 100% auto;
    border-bottom: 1px solid #eee;
}

@media (max-width: 992px) {
    .navbar-brand {
        padding-top: 13px;
        padding-left: 16px
    }
}

header .logo {
    height: 6em;
}

.site-content {
    width: 100%;
    padding: 0 0 170px 0;
}

.messagebar {
    padding: 15px;
    background-color: #455560;
    color: #fff;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #fff;
}
    .messagebar .message-holder {
        width: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

        .messagebar .message-holder .message-icon {
            padding-right: 0.5rem;
        }

        .messagebar .message-holder .message-content {
            text-align: left;
            margin-bottom: -1rem;
        }

    .messagebar a:link {
        color: #fff;
    }

    .messagebar a:visited {
        color: #fff;
    }

    .messagebar a:hover {
        color: #e73e97;
    }

    .messagebar a:active {
        color: #fff;
    }

    .messagebar i {
        color: #e73e97;
    }

@media (max-width: 992px) {
    .navbar {
        padding: initial;
    }
}

@media (max-width: 992px) {
    .site-content {
        padding: 0 0 70px 0;
    }
}

@media (max-width: 768px) {
    .site-content {
        padding: 0 0 70px 0;
    }
}

.carousel-item {
    height: 24.5em;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (max-width: 992px) {
    .carousel-item {
        background-size: auto;
    }
}


.carousel-item .carousel-caption {
    background-color: rgba(69, 84, 95, 0.9);
    color: #fff;
}

.carousel-caption h2 {
    color: #fff;
    padding-bottom: 0;
}

.carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 2rem;
}

.carousel-indicators .active {
    background-color: #7ac142;
}
@media (max-width: 768px) {
    .carousel-item {
        background-color: rgba(69, 84, 95, 1);
        background-image: none !important
    }
}
@media (max-width: 576px) {
    .carousel-item {
        height: 10rem;
    }

    .carousel-caption {
       padding:0.5rem;
       margin-bottom:0.5rem;
    }

        .carousel-caption h2 {
            font-size: 1rem;
        }

        .carousel-caption p {
            font-size: 0.8rem;
            padding-bottom:0.25rem;
        }
    .carousel-control-prev, .carousel-control-next {
    display:none;}
}

/* Home Page */

.call-to-action-wrapper {
    margin-top: 2rem;
}


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

    .call-to-action a {
        margin-top: 1rem;
        display: block;
        padding: 2rem;
        border-radius: 8px;
        font-family: 'Varela Round', Verdana, Geneva, sans-serif;
        font-size: 1.1rem;
        font-weight: normal;
        transition: transform .2s;
    }

        .call-to-action a:hover {
            text-decoration: none;
            color: #fff;
            -ms-transform: scale(1.2); /* IE 9 */
            -webkit-transform: scale(1.2); /* Safari 3-8 */
            transform: scale(1.2);
        }

        .call-to-action a i {
            width: 100%;
            font-size: 4rem;
            margin-bottom: 15px;
        }

        .call-to-action a span {
            display: inline-block;
            height: 3rem;
        }


@media (max-width: 1200px) {
    .call-to-action a {
        font-size: 1rem;
    }

        .call-to-action a i {
            font-size: 4rem;
        }
}

@media (max-width: 1195px) {
    .call-to-action a {
        font-size: 0.8rem;
    }

        .call-to-action a i {
            font-size: 3rem;
        }
}

@media (max-width: 992px) {
    .call-to-action-wrapper {
        top: 30%;
    }

    .call-to-action a {
        font-size: 1rem;
    }

        .call-to-action a i {
            font-size: 3rem;
        }

    .call-to-action a {
        padding-top: 2rem;
        padding-bottom: 1rem;
    }
}

@media (max-width:767px) {
    .call-to-action-wrapper {
        top: 28%;
    }
    .call-to-action a {
        padding:1rem;
    }

    .call-to-action a span {
       height:auto;
    }
}

@media (max-width:576px) {
    .call-to-action-wrapper {
        margin-top: 0;
    }

    .call-to-action a:hover {
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari 3-8 */
        transform: scale(1);
    }


}

.news-panel .link-all-news {
    width: 100%;
    text-align: center;
}

    .news-panel .link-all-news a {
        color: #e73e97;
    }

.news-panel h2 {
    margin-top: 3rem;
    text-align: center;
    font-family: 'Varela Round', Verdana, Geneva, sans-serif;
    color: #455560;
}



.news-item {
    border: 1rem solid #fff;
    padding: 0;
}

.news-item-inner {
    border-radius: 8px;
    border: 0.14rem solid #455560;
    background: #fff;
    padding: 1rem;
    margin: 0;
    font-size: 0.9rem;
    height: 100%;
}

    .news-item-inner img {
        width: 100%;
        border-radius: 5px;
    }

.news-item .news-item-inner a {
    margin: 1rem 0 0.5rem 0;
    display: block;
    font-family: 'Varela Round', Verdana, Geneva, sans-serif;
    font-weight: 700;
    color: #e73e97;
    font-size: 1.2rem;
}



    .news-item .news-item-inner div {
        margin: 0.5rem 0 0rem 0;
        display: block;
    }

    .news-item .news-item-inner .date {
        font-size: 0.8rem;
        font-style: italic;
    }



    .signpost {
        margin-top: 3rem;
        border-radius: 8px;
        border: 0.125rem solid;
        background: #3b7cca;
        padding: 1rem;
        color: #fff;
    }

        .signpost h4 {
            font-family: 'Varela Round', Verdana, Geneva, sans-serif;
            margin: 0;
        }

@media (max-width: 768px) {
    .news-item .news-item-inner a {
        margin: 0 0 0.5rem 0;
    }

    .news-item {
        border-width: 0.5rem;
    }
    .signpost {
        border: 0.125rem solid;
        margin-top: 1rem !important;
        padding: 0.5rem !important;
    }
        .signpost h4 {
            font-size:1.2rem;
        }
}
    /* End Home Page */

    /* Content Pages */
    .content-area {
        padding: 2rem 0 0 0 !important;
        min-height: 400px;
    }

        .content-area h1, .content-area h2, .content-area h3 {
            line-height: 1.1em;
            margin: 0px 0px 15px 0px;
            font-family: 'Varela Round', Verdana, Geneva, sans-serif;
        }

        .content-area h1 {
            font-size: 2.5rem;
            color: #32b457;
        }


        .content-area h2 {
            font-size: 1.5rem;
        }

        .content-area h3 {
            font-size: 1.3rem;
            /* color: #32b457; */
        }

        .content-area .text h1 {
            font-size: 2rem;
        }

    @media (max-width:768px) {

        .content-area {
            padding: 0 0 0 0 !important;
           
        }

        .content-area h1, .content-area .text h1 {
            font-size: 1.6rem;
        }
    }

    .content-area img {
        max-width: 100%;
    }

.modal-body img {
    max-width: 100% !important;
    border-style: solid;
    border-top-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;

}

    .modal-header img {
        max-width: 25% !important;
    }

    .content-area .caption {
        margin-top: 0.5rem;
        border-radius: 8px;
        border: 1px solid #42c3dc;
        background: #42c3dc;
        color: #fff;
        padding: 0.5rem;
        font-size: 0.9rem;
        font-style: italic;
    }

    .content-area .text blockquote {
        background: #f9f9f9;
        border-left: 10px solid #ccc;
        line-height: 2rem;
        margin: 1.5em 0;
        padding: 0.5em 10px;
        quotes: "\201C""\201D""\2018""\2019";
    }

        .content-area .text blockquote:before {
            color: #ccc;
            content: open-quote;
            font-size: 4em;
            line-height: 0.1em;
            margin-right: 0.25em;
            vertical-align: -0.4em;
        }

        .content-area .text blockquote:after {
            color: #ccc;
            content: close-quote;
            font-size: 4em;
            line-height: 0.1em;
            margin-left: 0.25em;
            vertical-align: -0.4em;
        }

    .content-area-content {
        padding-top: 2rem;
    }

    @media (max-width:768px) {

        .content-area-content {
            font-size:0.9rem;
            padding-top: 0.5rem !important;
        }
    }

    .content-area-content a.btn {
        color: #FFF;
        text-decoration: none;
    }

.content-area-content table, .news-area-content table {
    border: 0px;
    margin: 0 0 1rem 0;
}

    .content-area-content table tr, .news-area-content table tr {
        border: 0px;
    }

        .content-area-content table tr:nth-child(odd), .news-area-content table tr:nth-child(odd) {
            background: #f9f9f9;
        }

        .content-area-content table tr td, .news-area-content table tr td {
            border: 0px;
            padding: 0.5rem;
            border-bottom: 1px solid #eee;
        }

            .content-area-content table tr td img, .news-area-content table tr td img {
                max-width: 100%;
                height: auto;
            }

.content-area-content iframe, .news-area-content iframe{
    max-width: 100%;
}

.content-area-content .grid-block {
    margin-bottom:2rem;

}
.content-area-content .grid-block .umb-block-grid__layout-container {
    border-radius: 8px;
    border: 0.125rem solid #eee;
    height: 100%;
    padding: 1rem 0.75rem 0.75rem 0.75rem;
}

    @media (max-width:768px) {
        .grid-section .column {
            margin-bottom: 1rem;
        }
    }

    .area-menu-item {
        margin: 1rem 0 0 0;
        padding: 1rem;
        border-radius: 8px;
        border: 0.125rem solid #eee;
    }

        .area-menu-item a {
            font-size: 1.3rem;
            font-family: 'Varela Round', Verdana, Geneva, sans-serif;
        }

        .area-menu-item img {
            float: left;
            padding-right: 1rem;
        }

        .area-menu-item .text {
            float: left;
            clear: right;
        }


    .area-menu-sub-item {
        margin: 0.125rem 0 0.125rem 0;
        padding: 0.5rem;
        border-radius: 8px;
        border: 0.125rem solid #eee;
        display: inline-block;
    }

        .area-menu-sub-item:hover {
            text-decoration: none;
        }



    .area-view-grid {
        padding-bottom: 2.5rem;
    }

        .area-view-grid.top {
            padding-top: 2rem;
            padding-bottom: 2rem;
            border-bottom: 1px solid #eee !important;
        }


@media (max-width:768px) {
    .area-view-grid {
        padding-bottom: 0.5rem;
    }

        .area-view-grid.top {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }

    .area-menu-item a {
        font-size: 1.1rem;
    }

    .area-menu-sub-item {
        font-size: 0.8rem;
        padding: 0.25rem;
    }
}
    /* End Content Pages */
    /* Related files*/
    .content-area-files, .content-area-links {
        margin-top: 2rem;
        border-top: 0.025rem solid #eee;
        padding: 1rem 1rem 0 1rem;
    }

        .content-area-files h4, .content-area-links h4 {
            font-family: 'Varela Round', Verdana, Geneva, sans-serif;
            font-size: 1.4rem;
            font-weight: 700;
            color: #064da0;
            padding: 1rem 0 1rem 0;
        }

        .content-area-files .fa-file-alt {
            font-size: 1.5rem;
            color: #32b457;
        }

        .content-area-links .fa-link {
            font-size: 1.5rem;
            color: #32b457;
        }

        .content-area-files a, .content-area-links a {
            font-weight: bold;
            color: #32b457;
        }

        .content-area-files .item, .content-area-links .item {
            padding-bottom: 1rem;
        }
    /* End Related files*/



    /* Feature blocks */
    .feature-block {
        border: 0.125rem solid #efefef;
        border-radius: 8px;
        padding: 1rem;
        margin-bottom: 1rem;
    }

        .feature-block h4 {
            font-family: 'Varela Round', Verdana, Geneva, sans-serif;
            font-size: 1.3rem;
            font-weight: 700;
            color: #064da0;
            padding: 0 0 0.5rem 0;
            border-bottom: 0.1rem solid #efefef;
        }

        .feature-block a {
            color: #32b457;
        }

        .feature-block .btn {
            font-family: 'Varela Round', Verdana, Geneva, sans-serif;
        }
    /* End Feature blocks */


    /* In page feature area */
    .in-page-feature {
        border: 0.125rem solid #32b457;
        border-radius: 8px;
        margin: 1rem 0 1rem 0;
    }

        .in-page-feature h4 {
            color: #32b457;
            font-family: 'Varela Round', Verdana, Geneva, sans-serif;
        }

        .in-page-feature .in-page-feature-text {
            padding: 0.75rem;
        }

        .in-page-feature .in-page-feature-image {
            padding: 0.75rem;
        }
    /* End In page feature area */


    /* In page expanding content */
    .in-page-accordion {
        padding: 0;
        border: 0.125rem solid #32b457;
        border-radius: 8px;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

        .in-page-accordion .card-header {
            background: #fff;
            border: 0;
        }

            .in-page-accordion .card-header button {
                color: #32b457;
                font-size: 1.2rem;
                font-family: 'Varela Round', Verdana, Geneva, sans-serif;
                padding: 0;
            }

            .in-page-accordion .card-header .btn:focus, .in-page-accordion .card-header .btn:active, .in-page-accordion .card-header .btn:hover {
                outline: none !important;
                box-shadow: none !important;
                text-decoration: none;
            }


        .in-page-accordion .card {
            border: 0;
        }

            .in-page-accordion .card > div .card-body a:any-link {
                color: #32b457 !important;
                font-weight: bold;
            }
    /* End In page expanding content */

    /* Staff Grid*/
    #employeeModal .modal-title {
        font-family: 'Varela Round', Verdana, Geneva, sans-serif !important;
        font-size: 1.8rem !important;
        color: #32b457 !important;
    }

    #employeeModal .modal-header {
        border: 0px;
        padding-bottom: 0;
    }

    #employeeModal .modal-body {
        padding-top: 0;
        padding-bottom: 2.5rem;
    }


    #employeeModal h6 {
        font-size: 1.4rem !important;
        font-family: 'Varela Round', Verdana, Geneva, sans-serif !important;
        color: #32b457 !important;
    }

    .staff-item {
        position: relative;
        margin-top: 1rem;
    }

    .staff-caption {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 9;
        background: #064da0;
        color: #fff;
        padding: 0.5rem;
    }

    .staff-caption-name {
        font-family: 'Varela Round', Verdana, Geneva, sans-serif;
    }

    .staff-caption-position {
        font-size: 0.8rem;
    }
    /* End Staff Grid */

    /* FAQ */
    .faq .mobile {
        display: none;
    }

        .faq .mobile p {
            padding: 5px;
            border-radius: 8px;
        }

        .faq .mobile .link {
            cursor: pointer;
        }

        .faq .mobile [class*="col-"] {
            padding-top: 5px;
            background-color: #455560;
            color: #fff;
        }

    @media (max-width:768px) {
        .faq .mobile {
            display: block;
        }

        .faq #colFaqTopic,
        .faq #colFaqCategories,
        .faq #colFaqAnswers {
            display: none;
        }
    }

    .faq .wrapper {
        position: relative;
    }

    .faq #colFaqTopic,
    .faq #colFaqCategories,
    .faq #colFaqAnswers,
    .faq #colFaqImage {
        margin: 0;
        padding: 0;
    }

        .faq #colFaqImage img {
            max-width: 85%;
        }

    .faq #faqHeaderAnswers, .faq #faqMobileHeader {
        margin-right: -1px; /* Corrects the 1px margin on some scfreen sizes */
    }

    .faq #colFaqImage {
        position: absolute;
        top: 78px;
        right: 0;
    }

    @media (max-width:992px) {
        .faq #colFaqImage {
            top: 110px;
        }
    }

    @media (max-width:768px) {
        .faq #colFaqImage {
            display: none;
        }
    }

    @media (max-width: 576px) {
        .faq .mobile p {
            font-size: 0.8rem;
        }
    }

    .faq {
        border: 0.14rem solid #455560;
        border-top: 10px solid #455560;
        border-radius: 8px;
        min-height: 500px;
        height: auto !important;
        /*  height: 500px;*/
    }

    .faq-header {
        padding: 1rem;
        font-size: 1.2rem;
        background: #455560 !important;
        color: #fff;
        min-height: 70px;
    }

    @media (max-width: 992px) {
        .faq-header {
            min-height: 100px;
        }
    }

    @media (max-width:768px) {
        .faq-header {
            min-height: auto;
        }
    }


    .faq-header.active:after {
        font-family: "Font Awesome 5 Free";
        content: "\f078";
        display: inline-block;
        padding-left: 5px;
        vertical-align: middle;
        color: #fff;
        font-weight: 900;
    }

    .faq-section {
        padding: 0.5rem;
        font-size: 1.1rem;
        font-family: 'Varela Round', Verdana, Geneva, sans-serif;
        height: 100%;
    }

        .faq-section .nav-link {
            margin-bottom: 0.5rem;
            border-radius: 8px;
        }

        .faq-section a.nav-link {
            color: #455560;
            border: 1px solid #455560;
        }

        .faq-section > .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .nav-pills .nav-link.active, .faq-section > .nav-pills .show > .nav-link {
            background-color: #455560;
        }

    .faq-answer {
        border-radius: 8px;
        border: 1px solid #455560;
        padding: 1rem;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 1rem;
    }

        .faq-answer a {
            color: #455560;
        }

        .faq-answer .fas {
            color: #455560;
            padding: 0 0 1rem 0;
        }

        .faq-answer .answer-heading {
            color: #455560;
            font-size: 1.6rem;
            font-family: 'Varela Round', Verdana, Geneva, sans-serif;
        }
    /* End help section */



    /* Property Areas*/
    .property-area-selection {
        padding-top: 1rem;
    }

        .property-area-selection h5 {
            font-size: 1.6rem;
            font-family: 'Varela Round', Verdana, Geneva, sans-serif;
            font-weight: bold;
        }

    .homes-for-rent {
        background-color: #455560 !important;
        color: #fff;
        padding: 1rem;
    }

    .property-area-details {
        padding: 1rem;
    }

    .area-overview-text {
        padding: 0 0 1rem 0;
    }

    .property-area-details h5 {
        font-size: 1.6rem;
        font-family: 'Varela Round', Verdana, Geneva, sans-serif;
    }


    .fah-accordion .card-header {
        background: #fff;
        border: 0;
    }

        .fah-accordion .card-header button {
            font-size: 1.4rem;
            font-family: 'Varela Round', Verdana, Geneva, sans-serif;
            padding: 0;
        }

        .fah-accordion .card-header .btn:focus, .fah-accordion .card-header .btn:active, .fah-accordion .card-header .btn:hover {
            outline: none !important;
            box-shadow: none !important;
            text-decoration: none;
        }

    .fah-accordion .card {
        border: 0;
    }

        .fah-accordion .card > div .card-body a:any-link {
            font-weight: bold;
        }
    /* End fah */


    /* News Section */
    .article-list .container {
        border-top: 1px solid #eee;
        padding: 1rem 0 0 0;
    }

    .article-list .news-article-item h3 {
        padding: 1rem 0 0 0;
    }

        .article-list .news-article-item h3 a {
            color: #32b457;
        }

    .article-list .news-article-item .date {
        font-size: 0.8rem;
        padding: 0 0 1rem 0;
    }

    .news-area-content {
        padding-top: 2rem;
    }

        .news-area-content .intro {
            border-bottom: 1px solid #eee;
        }

        .news-area-content .text {
            padding-top: 2rem;
            padding-bottom: 1rem;
        }

    .pagination .page-item.active .page-link {
        background: #455560;
        border-color: #eee;
    }

    @media (max-width:768px) {
        .article-list .news-article-item .date {
            border-bottom: 1px solid #455560;
        }
    }

    /* End News Section */
    /* Breadcrumb */
    .breadcrumb-container {
        border-bottom: 0.025rem solid #eee;
    }

    .breadcrumb {
        background: #fff;
        padding: 0;
    }

        .breadcrumb a {
            color: #32b457;
        }

    @media (max-width:768px) {
        .breadcrumb-container {
            display: none !important;
        }
    }

    /* End Breadcrumb */


    @media (max-width: 768px) {


        .news-item-inner img {
            display: none;
        }

        .call-to-action img {
            display: none;
        }

        .call-to-action {
            padding: 0 0.5rem 0 0.5rem;
            margin-top: 0rem;
            text-align: center;
        }

        .signpost {
            margin-top: 3rem;
            border-radius: 8px;
            border: 0.125rem solid #42c3dc;
            background: #42c3dc;
            padding: 2rem;
            color: #fff;
        }
    }

    /* Forms */
    .field-validation-error {
        color: red;
    }

    .invalid-feedback {
        font-weight: normal;
    }

    .umbraco-forms-label {
        font-weight: bold;
    }

/*.umbraco-forms-container.reset-padding{
        padding-right:0 !important;
        padding-left:0 !important;
    }*/

    /* End Forms */

    /* Footer */
    footer {
        clear: both;
        padding: 4rem 1rem 1rem 1rem;
        color: #fff;
        background-color: #32b457;
        font-size: 1rem;
    }


    

    footer h4 {
        font-family: 'Varela Round', Verdana, Geneva, sans-serif;
        font-weight: 700;
    }

    footer .footer-links li a {
        color: #fff;
    }

    footer .copyright a {
        color: #fff;
    }

    .footer-feature {
        background: #fff !important;
        margin-bottom: 10px;
        font-size: 0.9em;
        border: solid white;
        border-radius: 8px;
    }

        .footer-feature .feature-text {
            width: 75%;
            float: left;
            color: #333;
        }

            .footer-feature .feature-text a {
                color: #333;
            }

        .footer-feature .feature-img {
            width: 25%;
            float: left;
        }

@media (max-width:768px) {
    footer {
        padding: 1rem 0rem 3rem 0rem;
        font-size: 0.8rem;
    }

    .footer-links {
        font-size: 0.8rem;
    }

    footer .copyright {
        font-size: 0.8rem;
    }
    .footer-feature .feature-text  {
        color: #333;
    }
}
 
    /* End Footer */


    /* custom */

    .btn-pink {
        color: #ffffff;
        background-color: #E73E97;
        border-color: #E73E97;
    }

        .btn-pink:hover,
        .btn-pink:focus,
        .btn-pink:active,
        .btn-pink.active,
        .open .dropdown-toggle.btn-pink {
            color: #ffffff;
            background-color: #455560;
            border-color: #E73E97;
        }

        .btn-pink:active,
        .btn-pink.active,
        .open .dropdown-toggle.btn-pink {
            background-image: none;
        }

        .btn-pink.disabled,
        .btn-pink[disabled],
        fieldset[disabled] .btn-pink,
        .btn-pink.disabled:hover,
        .btn-pink[disabled]:hover,
        fieldset[disabled] .btn-pink:hover,
        .btn-pink.disabled:focus,
        .btn-pink[disabled]:focus,
        fieldset[disabled] .btn-pink:focus,
        .btn-pink.disabled:active,
        .btn-pink[disabled]:active,
        fieldset[disabled] .btn-pink:active,
        .btn-pink.disabled.active,
        .btn-pink[disabled].active,
        fieldset[disabled] .btn-pink.active {
            background-color: #E73E97;
            border-color: #E73E97;
        }

        .btn-pink .badge {
            color: #E73E97;
            background-color: #ffffff;
        }

    .btn-general {
        color: #ffffff;
        background-color: #455560;
        border-color: #455560;
    }

        .btn-general:hover,
        .btn-general:focus,
        .btn-general:active,
        .btn-general.active,
        .open .dropdown-toggle.btn-general {
            color: #ffffff;
            background-color: #E73E97;
            border-color: #455560;
        }

        .btn-general:active,
        .btn-general.active,
        .open .dropdown-toggle.btn-general {
            background-image: none;
        }

        .btn-general.disabled,
        .btn-general[disabled],
        fieldset[disabled] .btn-general,
        .btn-general.disabled:hover,
        .btn-general[disabled]:hover,
        fieldset[disabled] .btn-general:hover,
        .btn-general.disabled:focus,
        .btn-general[disabled]:focus,
        fieldset[disabled] .btn-general:focus,
        .btn-general.disabled:active,
        .btn-general[disabled]:active,
        fieldset[disabled] .btn-general:active,
        .btn-general.disabled.active,
        .btn-general[disabled].active,
        fieldset[disabled] .btn-general.active {
            background-color: #455560;
            border-color: #455560;
        }

        .btn-general .badge {
            color: #455560;
            background-color: #ffffff;
        }

    /* ------ */

    /* Offices */
    .officesMap {
        width: 100%;
        height: 400px;
        margin-bottom: 20px;
    }

    .office .card {
        border-radius: 8px;
        height: 95%;
    }

    .office h3 {
        font-weight: bold;
        padding-bottom: 10px;
    }
    /* ------- */

    /* Your Neighbourhood Details */
    .your-neighbourhood-details h3 {
        margin-top: -10px;
        font-size: 1rem;
    }

    .your-neighbourhood-details h4 {
        font-size: 1.4rem;
        font-weight: bold;
    }

    .your-neighbourhood-details a {
        color: #455560;
    }
    /* -------------------------- */

    .hr {
        background-color: #455560;
        height: 1px;
        overflow: hidden;
        margin-top: 8px;
        margin-bottom: 20px;
    }

    /* Button Grey Default */
    .btn-grey-default {
        color: #ffffff !important;
        background-color: #455560;
        border-color: #455560;
    }

        .btn-grey-default:hover,
        .btn-grey-default:focus,
        .btn-grey-default:active,
        .btn-grey-default.active,
        .open .dropdown-toggle.btn-grey-default {
            color: #ffffff;
            background-color: #5D6870;
            border-color: #455560;
        }

        .btn-grey-default:active,
        .btn-grey-default.active,
        .open .dropdown-toggle.btn-grey-default {
            background-image: none;
        }

        .btn-grey-default.disabled,
        .btn-grey-default[disabled],
        fieldset[disabled] .btn-grey-default,
        .btn-grey-default.disabled:hover,
        .btn-grey-default[disabled]:hover,
        fieldset[disabled] .btn-grey-default:hover,
        .btn-grey-default.disabled:focus,
        .btn-grey-default[disabled]:focus,
        fieldset[disabled] .btn-grey-default:focus,
        .btn-grey-default.disabled:active,
        .btn-grey-default[disabled]:active,
        fieldset[disabled] .btn-grey-default:active,
        .btn-grey-default.disabled.active,
        .btn-grey-default[disabled].active,
        fieldset[disabled] .btn-grey-default.active {
            background-color: #455560;
            border-color: #455560;
        }

        .btn-grey-default .badge {
            color: #455560;
            background-color: #ffffff;
        }

    /* Search */

    .search-results {
        padding-top: 2rem;
    }

        .search-results a {
            color: #455560;
            text-decoration: none !important;
        }

        .search-results li {
            padding: 0.5rem;
        }
    /* -------------------------- */

    /* Vacancies */
    .xml-vacancy-item {
        padding: 1rem;
    }

    .vacancies-feed {
        background-color: #eeeeee;
        margin-bottom: 15px;
        border-radius: 8px;
    }

        .vacancies-feed.internal .btn {
            font-size: 1.1rem;
            font-family: 'Varela Round', Verdana, Geneva, sans-serif;
            font-weight: lighter;
            padding: 13px 20px 13px 20px;
        }

        .vacancies-feed.internal .textBody {
            background-color: #fff;
            border-radius: 8px;
            padding-top: 15px;
            padding-bottom: 15px;
            margin-bottom: 15px;
        }

    .vacancies-accordion {
        margin-bottom: 20px;
        border-radius: 8px;
    }

        .vacancies-accordion .card-header {
            background-color: #455560;
        }

            .vacancies-accordion .card-header button {
                color: #ffffff;
                font-size: 1.1rem;
                font-family: 'Varela Round', Verdana, Geneva, sans-serif;
                padding: 0;
            }

            .vacancies-accordion .card-header .btn:focus, .in-page-accordion .card-header .btn:active, .in-page-accordion .card-header .btn:hover {
                outline: none !important;
                box-shadow: none !important;
                text-decoration: none;
            }

        .vacancies-accordion .card-body {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }

        .vacancies-accordion .card {
            border: 0;
        }

    /* Events */
    .events img {
        border-radius: 0 !important;
        border-top-right-radius: 8px !important;
        border-top-left-radius: 8px !important;
    }

    .events .card {
        border-radius: 8px;
        background-color: #eeeeee;
    }

    .events .card-date {
        font-style: italic;
        font-weight: bolder;
        font-size: 0.9rem;
        margin-top: 0;
        margin-bottom: 2px;
    }

    .events .card-body {
        background-color: #eeeeee;
    }

    .events .card-text {
        margin-bottom: 10px;
    }

    .events .card-location {
        font-size: 0.9rem;
        margin-top: 0;
        margin-bottom: 10px;
    }

    /* Event */
    .event {
        background-color: #eeeeee;
        margin-bottom: 15px;
        border-radius: 8px;
        padding-bottom: 0.25rem;
    }

        .event .textBody {
            background-color: #fff;
            border-radius: 8px;
            padding-top: 15px;
            padding-bottom: 15px;
            margin-bottom: 15px;
        }

        .event .eventDetails {
            padding: 1rem;
        }

            .event .eventDetails i {
                color: #E73E97;
            }

        .event .map {
            width: 100%;
            height: 400px;
            margin: 0;
            border-radius: 8px;
        }

    /*---------*/


    /* KPIs */

    .centered-row {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .kpi {
        text-align: center;
        margin-bottom: 1rem;
    }

        .kpi .kpi-main-content {
            padding: 1rem;
            border: 1px solid #eee;
            height: 100%;
        }

        .kpi .kpi-bold {
            font-weight: bold;
        }

        .kpi .kpi-icon {
            padding: 0 0 1rem 0;
        }

        .kpi .smiley {
            padding: 0 0 1rem 0;
            max-width: 50px;
        }

        .kpi .kpi-text {
            padding-top: 1rem;
        }

    .kpi-areas-of-complaints {
        width: 80%;
        text-align: center;
    }

    .kpi-outcomes-of-complaints {
        width: 60%;
        text-align: center;
    }

        .kpi-areas-of-complaints h2, .kpi-outcomes-of-complaints h2 {
            text-align: center;
            margin: 1rem 0 2rem 0;
        }
    /* End KPIs */
    /* In page map */
    .inpageMap {
        width: 100%;
        height: 400px;
        margin: 0;
        margin-bottom: 20px;
        display: none;
        border-radius: 8px;
    }

    /*-----------*/

    /* Cube Portfolio custom styles */
    .cbp-l-inline {
        border: solid white;
        border-radius: 8px;
    }

    .cbp-l-inline-desc {
        font-size: 1rem !important;
    }

    .cbp-l-caption-body {
        height: 30px !important;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .cbp-caption-activeWrap {
        border-left: 0.14rem solid #5a6e7b;
        border-right: 0.14rem solid #5a6e7b;
        border-bottom: 0.14rem solid #5a6e7b;
        height: 80px !important;
    }

    .cbp-item {
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        border-top: 0.14rem solid #5a6e7b;
    }

    .cbp-caption-defaultWrap img {
        border: 0px;
        width: 100% !important;
    }

    .cbp img {
        border-left: 0.14rem solid #5a6e7b;
        border-right: 0.14rem solid #5a6e7b;
        border-bottom: 0.14rem solid #5a6e7b;
    }

    .cbp-l-caption-desc {
        color: #fff;
    }

    .cbp-popup-content img {
        border: 0;
        border-radius: 8px;
    }

@media (max-width: 576px) {
    .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
        ​​​​-webkit-transform: translateY(-100%) !important;
        transform: translateY(-100%) !important;
    }    ​​​​
}

​​​​
/* ---------------------------- */
/* Misc */
.site-content iframe {
    margin: 1rem 0 1rem 0;
}



    .grecaptcha-badge iframe {
        margin: 0 0 0 0 !important;
    }


    .video-wrapper {
        /* position: relative;
    display: block;
    width: 100% !important;
    padding: 0;
    overflow: hidden;*/
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 60px;
        overflow: hidden;
        margin-bottom: 0.75rem;
    }

        .video-wrapper iframe {
            /*position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        border: 0;*/
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }



.quickExit {
    position: fixed;
    top: 40%;
    left: 0;
    border: 0;
    z-index: 9999
}

/*Added by Darren H 12-03-2024*/
/*
    Up
    Same
    Down
*/
/*@media (max-width: 992px) {
    .fa-arrow-circle-up {
        padding-left: 10px;
    }

    .fa-arrow-circle-down {
        padding-left: 10px;
    }

    .fa-arrow-circle-same {
        padding-left: 10px;
    }

    .fa-arrows-alt-h {
        padding-left: 10px;
    }
}

@media (max-width: 768px) {
    .fa-arrow-circle-up {
        padding-left: 10px;
    }

    .fa-arrow-circle-down {
        padding-left: 10px;
    }

    .fa-arrow-circle-same {
        padding-left: 10px;
    }

    .fa-arrows-alt-h {
        padding-left: 10px;
    }
}
    */

/*
    New Button Colours
*/

.btn-theme1, .btn-primary1 {
    color: #ffffff;
    background-color: #676c73;
    border-color: #676c73;
}

.btn-theme2, .btn-primary2 {
    color: #ffffff;
    background-color: #7ac142;
    border-color: #7ac142;
}

.btn-theme3, .btn-primary3 {
    color: #ffffff;
    background-color: #3b7cca;
    border-color: #3b7cca;
}

.btn-theme3, .btn-primary3 {
    color: #ffffff;
    background-color: #3b7cca;
    border-color: #3b7cca;
}

.btn-theme4, .btn-primary4 {
    color: #ffffff;
    background-color: #fa4c06;
    border-color: #fa4c06;
}

.btn-theme5, .btn-primary5 {
    color: #ffffff;
    background-color: #e73e97;
    border-color: #e73e97;
}

.btn-theme6, .btn-primary6 {
    color: #ffffff;
    background-color: #35bfae;
    border-color: #35bfae;
}

.btn-theme7, .btn-primary7 {
    color: #ffffff;
    background-color: #e5a415;
    border-color: #e5a415;
}


.MObileMenu {
    background-color: #e5a415;
}

.InpageGallery .carousel-indicators > li {
    width: 70px;
    height: 45px;
}

.InpageGallery .carousel-indicators {
    position: static;
    margin-top: 10px;
}

    .InpageGallery .carousel-indicators li img {
        display: block;
        opacity: 0.5;
    }

    .InpageGallery .carousel-indicators .active {
        background-color: transparent;
    }

.InpageGallery .carousel-item {
    height:unset;
}