/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 25 October 2024 07:59:27
*/


/*++++++++++++++++++++++++++++++++ FONT +++++++++++++++++++++++++++++*/

body {
    background-color: black;
    color: #00FFEA;
}

a {
    color: white;
    /*text-decoration: underline;*/
}

a:hover, a:active {
    color: #808080;
}

p {
    color: #00FFEA;
}

h1, h2, h3, h4 {
    color: #00FFEA;
}


/*++++++++++++++++++++++++++++++++ FONT END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ ALL SITE +++++++++++++++++++++++++++++*/

.bc-divider {
    color: #00FFEA;
}

/*++++++++++++++++++++++++++++++++ ALL SITE END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ NAV +++++++++++++++++++++++++++++*/

.cd-overlay {
    background-color: rgba(255, 255, 255, 0.8);
}

.cd-main-header {
    background-color: black;
}

.navbar-inverse .navbar-nav>li>a{
    color: black;
}

.navbar-brand {
    color: #00FFEA;
    text-decoration: none;
}
.navbar-brand:hover {
    color: blue;
}

.cd-nav-item img {
    filter: grayscale(100%);
}

/* Nav trigger */
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  background-color: #00FFEA;
}
.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(46, 50, 51, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #00FFEA;
}
/* End nav trigger */

@media only screen and (min-width: 1170px) {
    .cd-primary-nav > li > a {
        color: #00FFEA;
    }
    .cd-primary-nav > li > a:hover {
        color: #BABABA;
    }
    .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
        background: black;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item {
        text-decoration: none;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
        color: #00FFEA;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item p {
        color: #00FFEA;
        text-decoration: none;
    }
    .cd-primary-nav > li > a.selected {
        color: #343434;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
        background-color: #BABABA;
    }
}

.cd-primary-nav, .cd-primary-nav ul {
    background-color: black;
}
.cd-primary-nav a, .cd-primary-nav ul a {
    border-bottom: none;
    color: #00FFEA;
}

.cd-primary-nav h3 {
    color: #00FFEA;
}

/*++++++++++++++++++++++++++++++++ NAV END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ ALPHA / BETA BANNER END +++++++++++++++++++++++++++++*/
.beta span {
    color: #00FFEA;
}

.beta-tag {
    background-color: white;
}

.beta-tag h3 {
    color: black;
}
.beta {
    border-top: 2px solid white;
}


/*++++++++++++++++++++++++++++++++ BETA BANNER END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ MBC ALERT +++++++++++++++++++++++++++++*/



/*++++++++++++++++++++++++++++++++ MBC ALERT +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ BANNER +++++++++++++++++++++++++++++*/

.carousel-inner {
    /*filter: grayscale(100%);*/
    background-image: url(https://maidstone.gov.uk/__data/assets/image/0010/151030/hero_banner-highcontrast.jpg);
}
header.carousel .fill.off-home {
    /*filter: grayscale(100%);*/
}
header.carousel h1 {
    color: #00FFEA;
}

.mbc-logo {
    filter: sepia(100%) saturate(1000%) hue-rotate(100deg);
}

/*++++++++++++++++++++++++++++++++ BANNER END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ SERVICE ALERT START +++++++++++++++++++++++++++++*/

.blue-service-alert {
    background-color: black;
    border: 2px solid #00FFEA;
}

/*++++++++++++++++++++++++++++++++ SERVICE ALERT END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ SERVICES SECTION +++++++++++++++++++++++++++++*/

.panel-default {
    background-color: black;
}

.panel-heading a {
    color: white;
}
.panel-heading a:hover {
    color: #808080;
}

.panel-heading h4 {
    color: #00FFEA;
}

.panel-body p {
    color: #00FFEA;
}

.panel-default>.panel-heading {
    background-color: black;
}

/*++++++++++++++++++++++++++++++++ SERVICES SECTION END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ SERVICES TIER 1 SECTION +++++++++++++++++++++++++++++*/

h1.page-title {
    color: #00FFEA;
}

#additional-areas h3 {
    color: #00FFEA;
}

#additional-areas h4 {
    border-bottom: 1px solid white;
}

#additional-areas h4 a, #additional-areas h4 a:hover {
    color: white;
}
.service-panel-additional-areas:hover {
    border-left: 5px solid #00ffea;
    transition: border-color 0.2s;
    margin-bottom: 30px;
}

.service-listing-t1 .service-icon img {
    filter: grayscale(100%);
}

a.service-link:after {
    filter: grayscale(100%);
}

.service-panel-single {
    background: #242424;
}

/*++++++++++++++++++++++++++++++++ SERVICES TIER 1 SECTION END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ ARTICLES SECTION +++++++++++++++++++++++++++++*/

.first-article {
    background-color: #242424;
}

.second-article {
    background-color: #242424;
}

.third-article {
    background-color: #242424;
}

button.animated-button.mbc {
    color: #333 !important;
    background-color: white;
}

button.animated-button.mbc:hover {
    background-color: #BABABA;
}

button.animated-button.mbc:after {
    color: #333 !important;
}

button.animated-button.mbc a {
    color: #333;
}

.article-panel-heading h4 a {
    color: #00FFEA;
}
.article-panel-body p {
    color: #00FFEA !important;
}

/*++++++++++++++++++++++++++++++++ ARTICLES SECTION END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ A-Z SECTION +++++++++++++++++++++++++++++*/

.a-z, .a-z-section p {
    color: #00FFEA !important;
}
.a-z-section {
    background: #242424;
}
.a-z-title {
    background-color: black;
    border: 2px solid #00FFEA;
}

.mbc-icon-effect-a-z .mbc-icon:hover:after {
    opacity: 1.0;
}
.mbc-icon-effect-a-z .mbc-icon:hover {
    box-shadow: 0 0 0 5px rgba(255,255,255,1);
    color: #00FFEA;
}
.a-z-title h2 {
    color: white;
}
#scrollBtn {
    background-color: #00FFEA;
}
#scrollBtn:before {
    border-top: 5px solid black;
    border-right: 5px solid black;
}

/*++++++++++++++++++++++++++++++++ A-Z SECTION END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ SERVICE LISTING +++++++++++++++++++++++++++++*/

#service-listing {
    background-color: #333;
}

#service-listing ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

/*++++++++++++++++++++++++++++++++ SERVICE LISTING SECTION END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ MAIN CONTENT AREA +++++++++++++++++++++++++++++*/

.main-content-area {
    /*background: #242424;*/
}
.main-content-area p {
    color: #00FFEA;
}

.main-content-area li {
    color: #00FFEA;
}

address {
    color:#00FFEA;
    border-left: 5px solid #00FFEA;
}

th {
    background-color: #DEDEDE;
    color: black;
}

td {
    color: #00FFEA;
    border-right: 1px solid white;
}

tr:nth-child(even) {
    background-color: rgba(255,255,255, 0.1);
}

ul.main-content li:before {
    filter: grayscale(100%);
}

/*++++++++++++++++++++++++++++++++ MAIN CONTENT AREA END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ SIDE-BAR AREA +++++++++++++++++++++++++++++*/



/*++++++++++++++++++++++++++++++++ SIDE-BAR AREA END +++++++++++++++++++++++++++++*/



/*++++++++++++++++++++++++++++++++ FOOTER SECTION +++++++++++++++++++++++++++++*/

.footer-start {
    filter: grayscale(100%);
}

.sign-up-submit {
    color: black;
    background-color: white;
}
.sign-up-submit:hover {
    background-color: #DEDEDE;
}
.sign-up input {
    color: black;
    background-color: white;
}
.sign-up input:hover {
    background-color: #DEDEDE;
    color: black;
}

/*++++++++++++++++++++++++++++++++ FOOTER SECTION END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ ACCORDION +++++++++++++++++++++++++++++*/
/* Mark with !important because accordion css is not in header so will override otherwise */
.tmp_accordion .tmp_accordions-title {
    background: #333 !important;
    color: #00FFEA !important;
}
.tmp_accordion h2:before {
    color: #00FFEA !important;
}
.tmp_accordions-title:hover, tmp_accordion.active, tmp_accordions-title:hover:before {
    background: white !important;
    color: black !important;
}
.tmp_accordion.active .tmp_accordions-title {
    background: white !important;
    color: black !important;
}
button.expand-all {
    color: black !important;
}
.acc-title-outter {
    background: #333 !important;
}
.active .acc-title-outter {
    background: white !important;
}
.open-close {
    color: #00FFEA !important;
}
.acc-title-outter:hover .open-close, .acc-title-outter:hover .tmp_accordions-title {
    color: black !important;
    background: white !important;
}
.active > .acc-title-outter > .open-close {
    color: black !important;
    background: white !important;
}
.acc-title-outter:hover {
    background: white !important;
}

/*++++++++++++++++++++++++++++++++ ACCORDION END+++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ FORMS AREA +++++++++++++++++++++++++++++*/

.form-label {
    color: #00FFEA;
}
.form-control-button, input.form-control[type=submit] {
    background-color: white;
    color: black;
    border: 1px solid #00FFEA;
}
.form-control-button:hover, input[type=submit]:hover {
    color: black;
    background-color: #BABABA;
}
.multiple-choice label {
    color: #00FFEA;
}
legend {
    color: #00FFEA;
}
.multiple-choice [type=radio] + label::before {
    border: 2px solid #00FFEA;
    box-shadow: 0 0 1px 2px rgb(186,186,186);
}
.multiple-choice input:checked + label::before {
    box-shadow: 0 0 1px 2px rgb(186,186,186);
}

/*++++++++++++++++++++++++++++++++ FORMS AREA END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ COMMS AREA +++++++++++++++++++++++++++++*/

/* Landing page */
.article-content-one, .article-content-two, .article-content-three {
    background-color: #242424;
}
.article-content-two {
    border-right: 1px solid white;
}
.all-articles-container h1, .article-publish-date, p.article-tag, .article-description p {
    color: #00FFEA !important;
}
.publish-date, a.article-link, a.article-link:after {
    color: #00FFEA !important;
}
.comms-paginator-prev, .comms-paginator-next, .comms-paginator-inactive {
    background: white;
    color: black;
    border: 1px solid black;
}
.comms-paginator-active {
    background: black;
    color: #00FFEA;
    border: 1px solid white;
}
h3.tag-cloud-title {
    color: #00FFEA;
}
p.tag-cloud-item {
    border: 1px solid white;
}
p.tag-cloud-item a {
    color: #00FFEA;
}
span.tag-cloud-item-count {
    background-color: black;
}
a.social.twitter {
    background: #606060;
}
a.social.facebook {
    background: #454545;
}

/* Article pages */
.comms-body-article p, .main-content li {
    color: #00FFEA;
}
.fa.article-like, p#num-likes {
    color: #00FFEA;
}
.article-share .fa-twitter:before, .article-share .fa-facebook {
    color: black;
    text-decoration: none;
}
.article-share .fa-twitter, .article-share .fa-facebook {
    border: 1px solid #BABABA;
}

/*++++++++++++++++++++++++++++++++ COMMS AREA END +++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++ COOKIES NOTICE +++++++++++++++++++++++++++++*/

.cookie-notification {
    background-color: transparent;
    border-top: 2px solid white;
}
.cookie-notification p {
    color: #00FFEA;
}

.cookie-notification-button {
    background-color: white;
    border: 1px solid white;
    color: black;
}

/*++++++++++++++++++++++++++++++++ COOKIES NOTICE END +++++++++++++++++++++++++++++*/