@import url(https://fonts.googleapis.com/css?family=Special+Elite);

:root {
    /* Colour definitions */
    --default-bg-colour: #f9f9f9;
    --colour-dark-cyan: #00708F;
    --very-dark-grayish-yellow: #575755;
    --conservative-party-colour: #0087dc;
    --libdem-party-colour: #faa61a;
    --ukip-party-colour: #70147a;
    --green-party-colour: #78b943;
    --labour-party-colour: #dc241f;
    --reformuk-party-colour: #18b9d1;
    --other-party-colour: #789;
    /* Colour assignments */
    --primary-accent-colour: var(--colour-dark-cyan);
}

body {
    overflow-x: hidden;
    background: var(--default-bg-colour);
    font-family: Roboto,Helvetica,Arial,sans-serif;
}

strong {
    font-weight: 700;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}

hr {
    max-width: initial;
}

p {
    margin-bottom: 20px;
}

ul {
    margin-bottom: 20px;
}

a[href]:after {
    content: initial;
}

a[href$=".csv"]::after, a[href$=".xls"]::after, a[href$=".xlsx"]::after {
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    padding-left: 6px;
    font-weight: 100;
    content: "\f6dd";
}

a[href$=".xls"]::after, a[href$=".xlsx"]::after {
    content: "\f1c3";
}

a[href$=".doc"]::after, a[href$=".docx"]::after, a[href$=".pdf"]::after, a[href$=".ppt"]::after {
    font-family: "Font Awesome 5 Pro";
    font-size: 1em;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 100;
    content: "\f1c4";
}

a[href$=".doc"]::after, a[href$=".docx"]::after, a[href$=".pdf"]::after {
    content: "\f1c1";
}

a[href$=".doc"]::after, a[href$=".docx"]::after {
    content: "\f1c2";
}

a.button {
    background-color: var(--primary-accent-colour);
    text-decoration: none;
}

.button:hover, button:focus {
    background-color: #007899;
    color: #fff;
}

button {
    background-color: var(--primary-accent-colour);
    padding: 12px;
    color: #fff;
    margin: 8px;
}

button:hover, button:focus {
    background-color: #007899;
    color: #fff;
    cursor: pointer;
}

blockquote {
    border-left: 2px solid #b1b4b6;
    margin: 1em 0
}

blockquote, blockquote p {
    font-style: italic;
    color: #000;
}

blockquote::after {
    content: ""
}

blockquote a {
    text-decoration: none;
    background: #eee;
    cursor: pointer;
    padding: 0 3px
}

blockquote em {
    font-style: italic
}

.sys_razor-error {
    display: none;
}

.fade {
    background-color: var(--primary-accent-colour);
    transition: 0.3s
}

.fade:hover {
    background-color: #003d4e;
}

.header {
    background-color: var(--very-dark-grayish-yellow);
    color: #fff;
    padding: 6px;
}

.login {
    text-align: right;
    font-size: 1.5rem;
    padding-right: 1rem;
}

.login a {
    color: #fff;
}

.login a:hover, .login a:focus, .social-media-icons a:hover {
    text-decoration: none;
    color: #999;
}

.container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

/*TABLES*/
th {
    text-align: left;
}

/* table caption { */
    /* display: none; */
/* } */

/* table { */
    /* border-collapse: collapse; */
    /* border-spacing: 0; */
/* } */

/* table,td,th,tr { */
    /* border: none; */
/* } */

/* tbody,thead { */
    /* border-bottom: 1px solid #333; */
/* } */

/* th { */
    /* font-weight: 700; */
/* } */

/* tbody td { */
    /* font-weight: 500; */
/* } */

/* tbody tr:last-child { */
    /* border-bottom: 0; */
/* } */

/* Form style overrides */
.sys_cms-form-body label, .sys_cms-form-body .sys_instructions {
    font-size: inherit;
}

/* End form style overrides */
/*SUBNAV*/
.ContentPageColumn {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 0px 30px 25px 30px;
}

.sys_accordianMenu li {
    list-style: none!important;
}

.sys_accordianMenu li ul li {
    font-weight: normal;
    padding: 0 0 0 6px;
}

.sys_accordianMenu {
    padding-bottom: 12px;
}

.sys_accordianitem sys_open {
    padding-bottom: 12px;
}

.subnav li {
    list-style: none;
    padding: 0 0 0 6px;
}

.subnav .sys_selected {
    text-decoration: underline;
}

.subnav li a {
    color: var(--primary-accent-colour)!important;
}

.subnav li a:hover {
    text-decoration: underline!important;
}

.InThisSection {
    border-top: 2px solid var(--primary-accent-colour);
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 19px;
    line-height: 1.3157894737;
}

/*SEARCH BOX STYLES INC CONTENSIS OVERRIDES */
.search-wrapper {
    padding-top: 0px;
    box-shadow: 2px 2px 5px #000;
}

.sys_search-query-control {
    background-color: #fff;
}

.search label,.sys_search-label {
    position: absolute;
    left: -10000px;
}

.sys_news-search-control sys_search-button {
    width: 80px;
    text-indent: 0;
    background-color: #fff;
}

.sys_searchbox {
    float: left;
    background-color: #fff;
    border: 0;
    color: #333;
    height: 58px;
    width: 93%;
    box-sizing: border-box;
    border-radius: 3px 0 0 3px;
    padding: 0 7px;
    font-size: 1.5rem;
}

.search input {
    line-height: 1;
    font-size: 1rem;
    float: left;
    margin: 0;
    display: block
}

.search input,.sys_comments-control .sys_addcomments-row,.sys_comments-control .sys_addcomments-row * {
    box-sizing: border-box
}

.sys_search-button,.sys_searchbutton {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVxJREFUeNrsWO0NgjAQVSboCGwgI+AEMgJu4AhswAh1A90AnUCcADdAJ9AzORLStLXeXdUYLnk/SOjxcvfuo8xmP2bzgHdSQAFY4XMOuCBawBGw/wTZDNAA7gHoAGVMMlUgERMngJImo4lkBvQYXRGrPR/RmJYcUWFEXClkRyp3OK9fOC+QsHluxyXUWZyGClU5opVTyRQWZxWhKnupKGmLBqSqU0mka0MkpLhpS0bdeGwtkdDVcpZEyLQDoziunMpKfm24Jp6eRLWUE7HEoZkVg4yIHmvLqFAC7aPnrBpmuWqB0aM5emoYDjPHPEu5C5ltuDYekSvP7kSKjrnClh5HLfanGz4vkKhPa2vAltsKSuaCRt0YXk7/nrgtRiM16COE2KCzjEtq/kbEMtSNGmnqjLq6WG4rKpamqBUbNX0TqYnUROofSDXf2qmfDXXJvQzEjlQn+cdE1B4CDABmuh0CliknhgAAAABJRU5ErkJggg==') no-repeat center;
    border: 0;
    padding: 0;
    text-indent: -9999px;
    width: 7%;
    height: 58px;
    border-radius: 0 3px 3px 0
}

.sys_theme-simple .sys_blogs-control .sys_subitem {
    padding: 0;
}

.sys_theme-simple .sys_datarepeatercontrol .sys_itemslist {
    padding: 0;
}

.sys_first {
    margin-bottom: 0!important;
}

.sys_theme-simple .sys_blogs-control .sys_subitem .sys_subitem-heading {
    font-size: 1.1em;
}

.sys_theme-simple .sys_eventslistwithcalendaricon-themed {
    padding: 12px;
}

.sys_theme-simple .sys_datarepeatercontrol .sys_subitem {
    border: 0;
}

.sys_theme-simple .sys_blogs-control .sys_subitem .sys_subitem-heading {
    margin: 0;
    padding: 0;
}

.search-wrapper-generic {
    margin-top: 10px;
}

.search-wrapper-generic .sys_search-query-control {
    max-height: 50px;
}

.search-wrapper-generic .sys_searchbox {
    height: 50px;
    width: 90%;
}

.search-wrapper-generic .sys_search-button, .search-wrapper-generic .sys_searchbutton {
    width: 10%;
    height: 50px;
}

/*HOMEPAGE STYLES*/
.homepage-hero-bar {
    min-height: 200px;
    color: #fff;
    background-image: url(/SiteElements/Images/FoundationHomePage/Sign-01.JPG);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 80px;
}

.homepage-logo img {
    width: 200px;
}

.homepage-popular-topic {
    background-color: var(--primary-accent-colour);
    transition: 0.3s;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
}

.homepage-popular-topic a {
    color: #fff;
}

.homepage-popular-topic a:hover {
    background-color: #003d4e;
    color: #fff;
}

.homepage-popular-topic {
    text-align: center;
    padding: 25px;
    font-size: 1rem;
    line-height: 1.3em;
    color: #fff;
}

.homepage-show-more-link {
    text-align: center;
    font-size: 1.2rem;
    color: var(--primary-accent-colour);
    padding: 10px 0 0px 0;
}

.sys_atoz-control {
    color: #000;
    text-transform: uppercase;
}

.sys_atoz-control ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.sys_atoz-control li {
    text-align: center;
    color: #fff;
    background-color: var(--primary-accent-colour);
    font-size: 0.8rem;
    line-height: 2rem;
    width: 26px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px #fff solid;
    margin-bottom: 3px;
}

.sys_atoz-control a {
    color: #fff;
}

.sys_atoz-control li:hover {
    background-color: #000;
    text-decoration: underline;
}

.atoz {
    color: #fff;
    text-transform: uppercase;
    background-color: #000;
    padding: 6px 12px 6px 12px;
}

.atoz, .atoz ul {
    margin-left: 0;
    margin-bottom: 0;
    text-align: center;
    padding-left: 0;
    list-style: none;
}

.atoz li {
    font-size: 1rem;
    line-height: 2rem;
    width: 32px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #fff;
    margin-bottom: 3px;
}

.atoz a {
    color: #fff;
}

.atoz li:hover {
    background-color: var(--primary-accent-colour);
    text-decoration: underline;
}

.atoz p {
    text-transform: none;
    margin: 0 0 0px 0;
}

.home-page-view-more-container,.homepage-popular-topics-container {
    margin-top: 12px;
}

.homepage-view-more {
    background-color: #fff;
    min-height: 130px;
    padding: 2%;
    margin-top: 6px;
}

.homepage-view-more h3 {
    color: var(--primary-accent-colour);
    margin-top: 12px;
    text-align: center;
    font-size: 18px;
    line-height: 1em;
    font-weight: 600;
}

.homepage-view-more h2 {
    color: var(--primary-accent-colour);
    margin-top: 12px;
    text-align: center;
    line-height: 1em;
}

.homepage-view-more p {
    text-align: center;
    line-height: 1.3;
}

.homepage-view-more-dropdown-link {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.4rem
}

.homepage-button {
    background-color: var(--primary-accent-colour);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 1.125em;
    letter-spacing: 0;
    line-height: 20px;
    min-width: 300px;
    padding: 15px 25px 15px 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.homepage-button a {
    color: #fff;
}

.homepage-blog-post, .homepage-news-item, .homepage-whats-on {
    min-height: 300px;
}

.homepage-blog-post-para {
    float: left;
}

.homepage-blog-post h2, .homepage-news-item h2, .homepage-whats-on h2 {
    background-color: var(--primary-accent-colour);
    color: #fff;
    text-align: center;
    padding: 12px;
    font-size: 1rem;
}

.homepage-news-item p, .homepage-whats-on p {
    padding: 0 1.25rem 0 1.25rem;
}

.homepage-blog-post h3, .homepage-news-item h3, .homepage-whats-on h3 {
    color: var(--primary-accent-colour);
    font-size: 1.2rem;
    padding: 0 1.25rem 0 1.25rem;
}

.homepage-blog-post li, .homepage-news-item li, .homepage-whats-on li {
    list-style-type: none;
    border-bottom: 1px solid #e3e3e3;
}

.homepage-blog-post ul, .homepage-news-item ul, .homepage-whats-on ul {
    padding: 0 1.25rem 0 1.25rem;
    margin-left: 0;
}

.homepage-blog-post dl, .homepage-news-item dl, .homepage-whats-on dl {
    padding: 0 1.25rem 0 1.25rem;
    margin-left: 0;
}

.homepage-blog-post dt,dd .homepage-news-item img, .homepage-whats-on img {
    padding: 0 1.25rem 0 1.25rem;
    margin-left: 0;
}

.homepage-blog-post, .homepage-news-item, .homepage-whats-on {
    background-color: #f2f2f2;
    padding-bottom: 0;
    margin-bottom: 0;
    min-height: 280px;
}

.homepage-read-more {
    font-size: 1rem;
    font-weight: bold;
    background-color: var(--primary-accent-colour);
    color: #fff;
    padding: 12px;
    text-align: center;
    margin: 0 0 1.2rem 0;
    border-top: solid 1px #000;
}

.homepage-read-more a {
    color: #fff;
}

.homepage-read-more a:hover {
    text-decoration: underline;
}

.footer {
    background-color: var(--very-dark-grayish-yellow);
    color: #fff;
    padding-bottom: 80px;
}

.footer a {
    color: #fff;
}

.footer-links a:hover {
    text-decoration: underline;
}

.footer p {
    text-align: center;
    margin: 0;
}

.social-media-icons {
    display: flex;
    justify-content: center;
    margin: 0;
}

.social-media-icons li {
    flex: 0 1 36px;
}

.social-media-icons img {
    padding: 20px;
    text-align: center;
}

.footer-links, .footer-address {
    text-align: center;
    padding: 0;
    margin: 0;
}

.footer-links > li {
    display: inline;
}

.footer-links > li + li:before {
    content: " | ";
}

.social-media-icons a {
    font-size: 1.5rem;
    color: #fff;
}

.inline-bullet {
    list-style: none;
    margin-left: initial;
    display: flex;
    flex-wrap: wrap;
}

.inline-bullet > li {
    display: table;
}

.inline-bullet li + li:before {
    content: "|";
    color: #888;
    margin: 0 .5em 0 .5em;
}

.topic {
    background-color: var(--primary-accent-colour);
    transition: 0.3s;
    color: #fff;
    margin: 12px 0px 0 0px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
    max-height: 120px;
}

.topic h2 {
    padding: 25px;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.3em;
}

.topic h3 {
    font-size: 1rem;
    text-align: center;
    margin-top: -30px;
}

/*HORIZONTAL BULLETS*/
.list-horizontal li {
    display: inline-block;
}

.list-horizontal li:before {
    content: '\00a0\2022\00a0\00a0';
    color: rgba(0,0,0,0.5);
    font-size: 11px;
}

.list-horizontal li:first-child:before {
    content: '';
}

/*LOCAL STUDIES*/
.ls-homepage-hero-bar {
    min-height: 200px;
    color: #fff;
    background-image: url(/SiteElements/Images/FoundationHomePage/LS-homepage-image.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 80px;
}

/*FOSTERING HOME PAGE*/
.image-box-fostering p {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 400;
}

/* Health & wellbeing five priorities */
.five-priorities {
    width: 20%;
    min-height: 190px;
    float: left;
    text-align: center;
    color: #fff;
}

.five-priorities_one {
    background-color: #8e154c;
}

.five-priorities_two {
    background-color: #1fb7a4;
}

.five-priorities_three {
    background-color: #ffbe00;
}

.five-priorities_four {
    background-color: #8cbd48;
}

.five-priorities_five {
    background-color: #b5222a;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    .five-priorities {
        width:100%;
        height: auto;
    }
}

i.fas.fa-check.status-ok {
    background-color: #008000;
    color: #fff;
    padding: .5em;
    border-radius: 50%;
    margin: 0 .5em 0 0;
}

/*FOUNDATION OVERRIDES*/
@media screen and (max-width: 1023px) {
    .search-wrapper-generic .sys_searchbox {
        width:80%;
    }

    .search-wrapper-generic .sys_search-button, .search-wrapper-generic .sys_searchbutton {
        width: 20%;
    }
}

@media screen and (max-width: 1140px) {
}

@media screen and (max-width: 767px) {
    .header .social-media-icons {
        display:none;
    }

    .main-content-white {
        border: 12px #fff solid;
    }

    .homepage-popular-topic {
        font-size: 1.4rem;
    }

    .search {
        margin: 0 auto;
        padding: 14px
    }

    .sys_search-button,.sys_searchbutton {
        width: 15%;
    }

    .sys_searchbox {
        width: 85%;
    }

    .homepage-view-more p, .homepage-view-more h3 {
        font-size: 95%;
    }

    .grid-container {
        padding-left: 0.62rem;
        padding-right: 0.62rem;
    }

    .search-wrapper {
        margin: auto;
        width: 100%;
        float: none
    }

    .social-media-icon-text {
        display: none;
    }

    .social-media-icons {
        width: 190px;
    }

    .login {
        padding: 24px 0 ;
    }

    .login-generic {
        margin-top: -150px;
    }
}

@media screen and (min-width: 801px) {
    .footer {
        padding-bottom: 1.25rem;
    }
}

/*NEWS ARTICLE IMAGES*/
.full-width {
    width: 100%!important;
    height: auto!important;
    float: right!important;
}

.half-width {
    width: 50%!important;
    height: auto!important;
}

@media screen and (max-width: 767px) {
    .half-width {
        width:100%!important;
        height: auto!important;
        float: right!important;
    }
}

/* SLICK SLIDER */
.slick-slider {
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.slick-slide>div {
    height: 0;
    padding-bottom: 100%;
    position: relative;
}

.square {
    height: 0;
    padding-bottom: 100%;
    position: relative;
}

.square>* {
    position: absolute;
    width: 100%;
    height: 100%;
}

.mipim-slider>div {
    height: 0;
    padding-bottom: 50%;
    position: relative;
}

/*toggles and accordians*/
.hts-toggle {
    position: relative;
    margin-bottom: 0px;
}

.hts-toggle.hts-toggle--active .hts-toggle__title:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    content: "\f062";
    margin-right: .5em;
    padding: 0 0 0 .5em;
    border-radius: 100%;
    position: absolute;
    line-height: 1;
    left: 0;
}

.hts-toggle.hts-toggle--active .hts-toggle__content {
    max-height: 6299px;
    opacity: 1;
}

.hts-toggle .hts-toggle__title {
    background: #f0f2f5;
    padding: 15px 15px 15px 35px;
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
    color: #333;
    position: relative;
    border-radius: 5px;
    margin-bottom: 12px;
}

.hts-toggle .hts-toggle__title::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    content: "\f063";
    margin-right: .5em;
    padding: 0 0 0 .5em;
    border-radius: 100%;
    position: absolute;
    line-height: 1;
    left: 0;
}

.home-page-view-more-container .hts-toggle .hts-toggle__title {
    background: var(--body-bg-colour);
    padding: 15px 15px 15px 35px;
    font-size: 1rem;
    line-height: 1;
    color: var(--primary-accent-colour);
    position: relative;
    border-radius: 5px;
    margin-bottom: 12px;
    text-align: center;
}

.home-page-view-more-container .hts-toggle .hts-toggle__title {
    border-radius: 0;
}

.home-page-view-more-container .hts-toggle .hts-toggle__title::before {
    color: #00708f;
    position: relative;
    margin-right: .2em;
    padding: 0;
}

.home-page-view-more-container .hts-toggle .hts-toggle__title::after {
    color: #00708f;
    position: relative;
    margin-right: .2em;
    padding: 0;
}

.hts-toggle .hts-toggle__title:hover {
    cursor: pointer;
}

.hts-toggle .hts-toggle__content {
    border: 1px solid #f0f2f5;
    border-top: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease;
}

.hts-toggle .hts-toggle__content .hts-toggle__contentwrap {
    padding: 20px;
}

.hts-toggle .hts-toggle__content .hts-toggle__contentwrap p:last-child {
    margin: 0;
}

.exemptions.hts-toggle {
    margin-bottom: 0;
}

.hts-accordion {
    position: relative;
    margin-bottom: 20px;
}

.hts-accordion .hts-accordion__section.hts-accordion__section--active .hts-accordion__title::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    content: "\f062";
    margin-right: .5em;
    padding: 0 0 0 .5em;
    border-radius: 100%;
    position: absolute;
    line-height: 1;
    left: 0;
}

.hts-accordion .hts-accordion__section.hts-accordion__section--active .hts-accordion__content {
    max-height: 999px;
    opacity: 1;
}

.hts-accordion .hts-accordion__section:first-of-type .hts-accordion__title {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.hts-accordion .hts-accordion__section:last-of-type .hts-accordion__content {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #f0f2f5;
}

.hts-accordion .hts-accordion__title {
    background: #f0f2f5;
    padding: 15px 15px 15px 35px;
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
    color: #333;
    position: relative;
}

.hts-accordion .hts-accordion__title:hover {
    cursor: pointer;
}

.hts-accordion .hts-accordion__title::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    content: "\f063";
    margin-right: .5em;
    padding: 0 0 0 .5em;
    border-radius: 100%;
    position: absolute;
    line-height: 1;
    left: 0;
}

.hts-accordion .hts-accordion__content {
    border-left: 1px solid #f0f2f5;
    border-right: 1px solid #f0f2f5;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease;
}

.hts-accordion .hts-accordion__content .hts-accordion__contentwrap {
    padding: 20px;
}

.hts-accordion .hts-accordion__content .hts-accordion__contentwrap p:last-child {
    margin-bottom: 0;
}

/*responsive tables */
.responsive-card-table {
    border-collapse: collapse;
}

.responsive-card-table.unstriped tbody {
    background-color: transparent;
}

.responsive-card-table th {
    background-color: var(--primary-accent-colour);
}

.responsive-card-table tr, .responsive-card-table th, .responsive-card-table td {
    border: 0px solid #0a0a0a;
}

#SearchQueryControl_SearchTextBox {
    text-align: center;
}

@media screen and (max-width: 640px) {
    .responsive-card-table thead tr {
        position: absolute;
        top: -9999em;
        left: -9999em;
    }

    .responsive-card-table tr {
        border: 0px solid #0a0a0a;
        display: block;
    }

    .responsive-card-table tr + tr {
        margin-top: 1.5rem;
    }

    .responsive-card-table td {
        border: none;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 0px solid #0a0a0a;
        padding-left: 50%;
        position: relative;
    }

    .responsive-card-table td:before {
        content: attr(data-label);
        display: inline-block;
        font-weight: bold;
        line-height: 1.5;
        margin-left: -100%;
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .responsive-card-table td:after {
        content: '';
        position: absolute;
        background: #e6e6e6;
        width: 45%;
        height: 95%;
        left: 1px;
        top: 1px;
        z-index: 0;
    }
}

html {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

body, html {
    height: 100%;
}

/* AMJ */
/* body { */
    /* overflow-x: hidden; */
    /* background: #f9f9f9; */
    /* display: flex; */
    /* flex-direction: column; */
/* } */

html {
    box-sizing: border-box;
}

a, .breadcrumbs a {
    color: #00708f;
}

a {
    text-decoration: underline;
}

.main-article {
    margin-bottom: 1em;
}

.tabs-title > a {
    font-size: inherit;
}

/* Sticky footer */
html, body, #form1, .sticky-footer-container {
    height: 100%;
}

/* Stop double-scrollbar bug */
body {
    margin: 0;
}

.sticky-footer-container {
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

.scrollable {
    flex: 1 0 auto;
}

.sticky {
    flex-shrink: 0;
}

/* End of sticky footer */
b {
    font-weight: inherit;
}

dt {
    font-weight: 700;
}

dd + dt {
    margin-top: 2em;
}

.accordion-title {
    font-size: inherit;
}

.alert-banner, .alert-banner a {
    padding: 0.25em 0;
    background-color: #fff;
    color: #000;
}

.alert-banner.information, .alert-banner.information a {
    background-color: #d7ecfa;
}

.alert-banner.warning, .alert-banner.warning a {
    background-color: #ff7f00;
}

.alert-banner.critical, .alert-banner.critical a {
    background-color: #9b0000;
    color: #fff;
}

.h1, h1 {
    line-height: 1.1;
}

.h2, .sys_atoz_heading, h2 {
    line-height: 1.2;
}

.callout.info {
    display: table;
    padding-left: 3.5em;
    position: relative;
    min-height: 3em;
}

.callout.info:before {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    top: 0;
    left: 10px;
    content: "\f071";
    font-size: 2em;
    color: var(--colour-dark-cyan);
}

.media-object-section > i {
    min-width: 1em;
}

.fa-pound-sign.colour, .fa-house.colour, .fa-parking.colour, .fa-users.colour, .fa-money-check-edit.colour, .fa-bags-shopping.colour {
    color: #082f9e;
}

.fa-trash-alt.colour, .fa-heartbeat.colour, .fa-trees.colour, .fa-vial.colour, .fa-industry-alt.colour {
    color: #089e6c;
}

.fa-child.colour, .fa-comments.colour, .fa-rings-wedding.colour, .fa-swimmer.colour, .fa-user-hard-hat.colour {
    color: var(--colour-dark-cyan);
}

.fa-house-user.colour, .fa-city.colour, .fa-backpack.colour, .fa-viruses.colour {
    color: #9e2c10;
}

.fa-books.colour, .fa-cars.colour, .fa-burger-soda.colour {
    color: #9e7610;
}

.postcode {
    text-transform: uppercase;
}

.no-underline {
    text-decoration: none;
}

.homepage-popular-topic {
    margin-top: 1em;
}

/* Multilevel numbering */
.multiLevelNumbering, .multiLevelNumbering ol, .multiLevelNumbering ul {
    margin: 0;
    padding: 0;
    counter-reset: item;
}

.multiLevelNumbering li {
    display: table;
    margin: 0.3em 0;
    counter-increment: item;
}

.multiLevelNumbering li:before {
    display: table-cell;
    padding-right: 0.5em;
    content: counters(item, ".") ".";
}

.multiLevelNumbering li li:before {
    content: counters(item, ".");
}

/* bullet symbol for unordered list items */
.multiLevelNumbering ul li:before {
    content: "\2022";
}

/* Remove margins normally present on headings when they are within the .multiLevelNumbering list */
.multiLevelNumbering h1, .multiLevelNumbering h2, .multiLevelNumbering h3, .multiLevelNumbering h4, .multiLevelNumbering h5, .multiLevelNumbering h6 {
    margin: 0;
}

/* If a list item contains a heading, match the styling of the custom list item number to the heading */
li.h1Item:before, li.h2Item:before, li.h3Item:before, li.h4Item:before, li.h5Item:before, li.h6Item:before {
    font-weight: bold;
}

li.h1Item:before, li.h1Item h1 {
    font-size: 2rem;
}

li.h2Item:before, li.h2Item h2 {
    font-size: 1.5rem;
}

li.h3Item:before, li.h3Item h3 {
    font-size: 1.17em;
}

li.h4Item:before, li.h4Item h4 {
    font-size: 1rem;
}

li.h5Item:before, li.h5Item h5 {
    font-size: 0.83rem;
}

li.h6Item:before, li.h6Item h6 {
    font-size: 0.67rem;
}

/* End of mutlilevel numbering */
#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: #bf1722;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
}

#skiptocontent a:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    outline-color: transparent;
    -webkit-transition: top 0.1s ease-in;
    transition: top 0.1s ease-in;
    color: #f9f9f9;
}

.inline-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.inline-buttons li {
    list-style: none;
    margin-right: 0.5em;
}

/* Multi-column layout (newspaper style) */
.newspaper-col-2, .newspaper-col-3 {
    column-width: 300px;
}

.newspaper-col-2 > *, .newspaper-col-3 > * {
    margin-right: 1em;
}

.newspaper-col-2 {
    column-count: 2;
}

.newspaper-col-3 {
    column-count: 3;
}

/* Fix list item wrapping 'bug' */
.newspaper-col-2 > li> *, .newspaper-col-3 > li> * {
    display: inline-table;
}

/* End of multi-column layout (newspaper style) */
figure {
    display: inline-block;
    margin: 0 1em 1em 0;
}

.contact-details p, .other-links p {
    color: #fff;
}

figcaption {
    color: #888;
}

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

.no-hover:hover, .sys_page > a:hover {
    text-decoration: none;
}

.lead {
    font-size: 1.25em;
}

.clearfix:after, .clearfix:before, .sys_atoz-control ul:after, .sys_atoz-control ul:before {
    content: "\0020";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.add-icon-before:before {
    content: "\271A";
}

.edit-icon-before:before {
    content: "\270E";
}

.delete-icon-before:before {
    content: "\2718";
}

.save-icon-before:before {
    content: "\2714";
}

.email-icon-before:before {
    content: "\2709";
}

.cross-icon-before:before {
    content: "\2716";
}

.search-icon:before {
    content: "\1f50d";
}

.sys_navigationprevious.sys_disabled, .sys_theme-simple .sys_flickrpager .sys_navigation .sys_disabled {
    color: #757575;
}

.sys_page > a {
    border: 1px solid #ccc;
    padding: 0.2em 0.5em;
}

.sys_addcomments-title, .sys_page > a:hover {
    background-color: var(--colour-dark-cyan);
    color: #fff;
}

.sys_first.sys_0to9 {
    width: 2em;
}

.sys_theme-simple .sys_imageslideshowgallery-control .sys_imageslideshowgallery-caption, .sys_theme-simple a.sys_imagegallery-next, .sys_theme-simple a.sys_imagegallery-prev {
    display: none;
}

.sys_theme-simple .sys_imageslideshowgallery-control {
    width: auto;
}

.sys_theme-simple .sys_imageslideshowgallery-control .sys_imageslideshowgallery-container {
    background: #fff;
}

.sys_theme-simple .sys_imageslideshowgallery-control .sys_imageslideshowgallery-title, .sys_theme-simple .sys_imageslideshowgallery-control .sys_imageslideshownav-control, dt.sys_blogs-datepublished, dt.sys_blogs-description, dt.sys_generic_list-description {
    display: none;
}

.sys_theme-simple .sys_datarepeatercontrol .sys_subitem dl dt {
    color: #333;
    float: left;
    min-height: 1.2em;
    position: relative;
    width: 100px !important;
    margin: 0;
    padding: 0;
}

.sys_cms-form-control ul.sys_cms-form-body, .sys_cms-form-control ul.sys_cms-form-body li.sys_cms-form-item {
    margin: 0 0 5px;
    padding: 0;
}

.sys_form-submit {
    background-color: var(--colour-dark-cyan);
    padding: 12px;
}

.sys_form-submit:hover {
    background-color: #003d4e;
}

.sys_addcomments-title {
    font-weight: 400;
    margin: -9px -9px 10px;
    padding: 6pt 0;
}

.blog-article .sys_addcomments-title {
    color: #333;
}

.sys_paginginfo {
    float: right;
}

.sys_addcomments-row textarea {
    width: 95%;
}

.sys_cms-form-validationsummary {
    color: #a33f49;
}

ul.landingpage-list li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    width: 30%;
}

.aside-block ul, .localtoyou ul, .mainnav ul, .news ul, .sys_comments-control ul, .whats-on ul {
    margin-left: 0;
    padding-left: 0;
}

.aside-block ol, .localtoyou ol, .news ol, .sys_comments-control ol, .whats-on ol {
    padding-left: 0;
    margin: 0;
}

.aside-block li, .localtoyou li, .news li, .sys_comments-control li, .whats-on li {
    list-style: none;
    margin: 14px 0;
    margin: 1rem 0;
}

.aside-block, .localtoyou, .news, .sys_comments-control, .whats-on {
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 17.5px;
    padding: 7px;
}

.footerlogos {
    padding-top: 12px;
}

.aside-block h2, .aside-block h3, .aside-block__header, .localtoyou h2, .localtoyou h3, .news h2, .news h3, .sys_comments-control h2, .sys_comments-control h3, .whats-on h2, .whats-on h3 {
    margin: -7px -7px 0;
}

.sys_events-contact, .sys_events-date, .sys_events-time, .sys_events-location, .sys_events-registration.url {
    float: left;
    margin-top: 0;
    padding: 0.5em 1em 0.5em 0;
}

.sys_events-category, dt.sys_events-description {
    display: none;
}

dt.sys_events-contact, dt.sys_events-date, dt.sys_events-time, dt.sys_events-location, dt.sys_events-registration.url {
    /*min-width: 8.5em;
    margin-right: 1em;*/
}

dd.sys_events-description {
    clear: both;
}

.feedback {
    padding: 0;
}

.search input, .sys_comments-control .sys_addcomments-row, .sys_comments-control .sys_addcomments-row * {
    box-sizing: border-box;
}

.sys_comments-control .sys_addcomments-title {
    margin: -7px -7px 0;
}

.sys_search-button :hover, .sys_searchbutton {
    cursor: pointer;
}

sys_news-search-control sys_search-button {
    width: 120px;
    text-indent: 0;
}

/* 
.sys_searchbox {
    float: left;
    background-color: #fff;
    border: 0;
    color: #333;
    height: 28px;
    width: 80%;
    box-sizing: border-box;
    border-radius: 3px 0 0 3px;
    padding: 0 7px
} */
.main-search {
    background-color: var(--colour-dark-cyan);
    margin-top: 60px;
}

.search label, .sys_search-label {
    position: absolute;
    left: -10000px;
}

.search input {
    font-size: 14px;
    line-height: 14px;
    font-size: 1rem;
    line-height: 1rem;
    float: left;
    margin: 0;
    display: block;
}

.image {
    position: relative;
    margin: 20px 0 10px;
}

.image img {
    height: auto;
    width: 100%;
}

.image .caption {
    vertical-align: bottom;
    position: absolute;
    text-align: right;
    bottom: 2px;
    right: 0;
    left: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 6px;
    height: 18px;
}

.link-more {
    color: var(--colour-dark-cyan);
    font-weight: 400;
}

.intersitenav a, .navbar {
    background-color: #000;
}

.intersitenav a {
    text-align: center;
    box-sizing: border-box;
    padding: 8px 0;
    color: #fff;
    font-weight: 400;
    display: block;
    width: 100%;
    height: 100%;
}

.intersitenav a:before {
    font-weight: 400;
    visibility: hidden;
}

.intersitenav .council a:hover:before, .intersitenav a:hover:after, .intersitenav a:hover:before {
    visibility: visible;
}

.intersitenav a:after {
    content: "\2193";
}

.intersitenav .council a:before, .intersitenav a:after {
    font-weight: 400;
    visibility: hidden;
}

.footer .footer__links a:hover, .footer .links a:hover, .mainnav a:hover, .mainnav h3 a:hover, .shareprintpdf a:hover, .socialmedia a:hover {
    text-decoration: underline;
}

.breadcrumbs li {
    font-size: 1em;
}

/* Breadcrumbs as ordered list */
.breadcrumb-list {
    list-style: none;
    margin: 0.5em 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

/* End of breadcrumbs as ordered list */
.mainnav h3 {
    font-weight: 600;
    color: #000;
    padding: 16px 0 0;
}

.mainnav ul li {
    list-style: none outside none;
    display: inline;
    margin-bottom: 10px;
    padding: 2px 0 0;
}

.mainnav li + li:before {
    content: " | ";
    color: #bbb;
}

.sys_flickrpager {
    margin: 17.5px 0;
}

.bodycontent table caption, .sys_search-title, .sys_search-url, dt.sys_search-description {
    display: none;
}

.bodycontent table {
    border: 0;
}

.bodycontent table th {
    background-color: #e6e6e6;
    border: 3px #f9f9f9 solid;
    font-weight: 700;
    text-align: left;
    vertical-align: middle;
    padding: 8px;
    line-height: 1.4rem;
    font-size: 1em;
}

.bodycontent table td {
    background: 0 0 #fff;
    vertical-align: top;
    border: 3px #f9f9f9 solid;
}

.schoolscontent table td {
    border: #fff solid 0.5px;
    background: #fff 0 0;
    padding: 4px 4px 4px 12px;
}

.glossary dt, .schoolscontent p b {
    font-weight: 400;
}

/* Election results styles */
@media screen and (max-width: 63.99875em) {
    table.stack tfoot {
        display: initial;
    }
}

.ward-results > tfoot {
    background-color: transparent;
    border: none;
}

.summary-results {
    width: auto;
}

.summary-results > tbody > tr > :nth-child(2) {
    text-transform: uppercase;
    min-width: 10em;
    text-align: left;
}

.ward-results > tbody > tr > :nth-child(1) {
    border-left: 8px solid;
    width: 15em;
}

.ward-results > tbody > tr > :nth-child(2) {
    width: 15em;
}

.ward-results .win td {
    font-weight: 700;
}

.ward-results .candidate-surname {
    text-transform: uppercase;
}

.win > :nth-child(2):after {
    content: "\00a0\273D";
}

.incumbent.win > :nth-child(2)::after {
    content: "\00a0[INC]\00a0\273D";
}

.ward-results .party-cons > :nth-child(1) {
    border-left-color: var(--conservative-party-colour);
}

td.party-cons {
    background-color: var(--conservative-party-colour) !important;
}

.ward-results .party-libdem > :nth-child(1) {
    border-left-color: var(--libdem-party-colour);
}

td.party-libdem {
    background-color: var(--libdem-party-colour) !important;
}

.ward-results .party-ukip > :nth-child(1) {
    border-left-color: var(--ukip-party-colour);
}

td.party-ukip {
    background-color: var(--ukip-party-colour) !important;
}

.ward-results .party-green > :nth-child(1) {
    border-left-color: var(--green-party-colour);
}

td.party-green {
    background-color: var(--green-party-colour) !important;
}

.ward-results .party-lab > :nth-child(1) {
    border-left-color: var(--labour-party-colour);
}

td.party-lab {
    background-color: var(--labour-party-colour) !important;
}

.ward-results .party-other > :nth-child(1) {
    border-left-color: var(--other-party-colour);
}

td.party-other {
    background-color: var(--other-party-colour) !important;
}

/* End of election results */
.header .logo {
    vertical-align: middle;
    height: 132px;
}

.header-overlay {
    display: block;
    position: absolute;
    z-index: 999;
    right: 0;
    top: 106px;
}

.aside-block h2, .aside-block h3, .aside-block__header, .inverted-header, .localtoyou h2, .localtoyou h3, .news h2, .news h3, .sys_comments-control .sys_addcomments-title, .sys_comments-control h2, .sys_comments-control h3, .whats-on h2, .whats-on h3 {
    box-sizing: border-box;
    background-color: var(--colour-dark-cyan);
    color: #fff;
    padding: 3.5px 7px;
    font-weight: 400;
    font-size: 1.3rem;
}

.do-it > div h1, .do-it__item h1 {
    box-sizing: border-box;
    background-color: var(--colour-dark-cyan);
    color: #fff;
    padding: 3.5px 7px;
    margin: 70px 0 0;
    font-weight: 400;
}

.brand {
    max-height: 30px;
    overflow: hidden;
    margin-top: 60px;
}

.brand:hover img {
    margin-top: -66px;
    overflow: hidden;
}

.footer .contact-details p, .footer .footer__links ul, .footer .links ul, .footer .other-links p {
    margin: 0;
}

.glossary dt {
    border-top: 1px dashed #999;
    float: left;
    clear: left;
    width: 250px;
    padding: 0.5em 0 0;
}

.glossary dt:after {
    content: ":";
}

.glossary dd {
    border-top: 1px dashed #999;
    margin: 0 0 0 250px;
    padding: 0.5em 0 2em;
}

.transactional-text {
    font-size: 14px;
    line-height: 11.9px;
    font-size: 1rem;
    line-height: 0.85rem;
    margin: 7px 0;
}

.socialmedia {
    font-size: 0.55em;
    text-align: center;
    color: #fff;
    padding: 20px 5px 5px;
}

.shareprintpdf a, .socialmedia a {
    text-decoration: none;
}

.socialmedia a {
    color: #fff;
}

.socialmedia ul li {
    display: inline;
}

.socialmedia li + li:before {
    content: "\00a0";
}

.shareprintpdf {
    margin-bottom: 6px;
    text-align: right;
}

.shareprintpdf a {
    color: var(--colour-dark-cyan);
}

.do-it > div {
    float: left;
    width: 19%;
    margin-left: 1.25%;
}

.do-it > :first-child {
    overflow: hidden;
    margin-left: 0;
}

.do-it > div, .do-it__item {
    box-sizing: border-box;
    background-color: var(--very-dark-grayish-yellow);
    color: #fff;
    background-position: 10px top;
    background-repeat: no-repeat;
}

.do-it > div p, .do-it__item p {
    font-size: 14px;
    line-height: 17.5px;
    font-size: 0.9rem;
    line-height: 1.25rem;
    margin: 0;
    background: #000;
    min-height: 70px;
    padding: 7px;
}

.do-it > div a, .do-it__item a {
    color: #fff;
    text-decoration: none;
}

.do-it > div:hover, .do-it__item:hover {
    background-color: var(--colour-dark-cyan);
}

.apply {
    background-image: url(/SiteElements/images/apply.png);
}

.book {
    background-image: url(/SiteElements/images/book.png);
}

.pay {
    background-image: url(/SiteElements/images/pay.png);
}

.report {
    background-image: url(/SiteElements/images/report.png);
}

.say {
    background-image: url(/SiteElements/images/say.png);
}

.strongtext {
    font-weight: 700;
}

.site-map {
    margin: 10px;
}

.watermark {
    color: gray;
}

.afclogo {
    position: absolute;
    z-index: 0;
    white-space: normal;
    margin: 120px 0 0 620px;
}

.hide, .sys_selfservice-reg-control .sys_options legend, .sys_theme-simple .sys_rating-control .sys_rating-label {
    display: none;
}

.contact-us__list li {
    list-style: none;
}

.browsealoud > * {
    float: right;
    margin-right: 10px;
}

.media-box {
    box-shadow: 2px 2px 10px 0 #bbb;
    margin: 8.75px 0;
    padding: 5px;
}

.media-box .img, .slick-slide img {
    display: block;
}

.media-box .imgExt {
    float: right;
    margin-left: 10px;
}

.bd, .media-box {
    overflow: hidden;
}

.headerinner {
    background-color: var(--colour-dark-cyan);
    height: 132px;
}

.footer {
    background-color: var(--very-dark-grayish-yellow);
}

.footer .footer__links, .footer .links {
    background-color: var(--colour-dark-cyan);
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    font-size: 1rem;
    line-height: 2rem;
    margin: 0;
}

.footer .footer__links ul :first-child:before, .footer .links ul :first-child:before {
    content: "";
}

.links a {
    color: #fff;
}

.footer .footer__links li, .footer .links li {
    display: inline-block;
    margin: 0;
}

.footer .footer__links li + li:before, .footer .links li + li:before {
    content: " | ";
}

.footer .other-links {
    margin-top: 12px;
}

.footer .other-links img {
    display: inline;
    float: right;
    height: auto;
    width: auto;
    padding-right: 6px;
    margin: 6px;
}

.footer .contact-details {
    font-size: 11.9px;
    line-height: 19.278px;
    font-size: 0.85rem;
    line-height: 1.377rem;
    margin: 5.95px 0;
    padding-left: 12px;
    padding-top: 12px;
}

.footer .link ul {
    width: 80%;
    display: block;
    margin: auto;
}

.footer-message {
    text-align: center;
}

.businesshome, .councilhome, .residents, blockquote {
    position: relative;
}

.businesshome .business a, .councilhome .council a, .residenthome .residents a, .visitorshome .visitors a {
    background-color: #fff;
    color: var(--very-dark-grayish-yellow);
}

.feedback, .feedback *, .sys_theme-simple .sys_rating-control .sys_rating-caption {
    display: none !important;
}

.sys_theme-simple .sys_rating-control {
    margin-top: 4px !important;
    min-height: 12px !important;
}

.sys_theme-simple .sys_comments-control .sys_add-your-comment .sys_comments-rating-and-button input.sys_button {
    padding: 0 !important;
}

.sys_comments-control .sys_comments-rating-and-button {
    padding: 10px 0 0;
}

.sys_logon-control, .sys_selfservice-reg-control, blockquote {
    line-height: 1.4;
}

.sys_selfservice-reg-control input, .sys_selfservice-reg-control label {
    margin-bottom: 1em;
    width: 10em;
    float: left;
}

.sys_selfservice-reg-control input:after {
    content: ".";
    display: table;
    clear: both;
}

.sys_selfservice-reg-control fieldset {
    margin: 1em 0;
    border: 1px solid var(--colour-dark-cyan);
    padding: 3em 1em 0 10px;
}

.sys_selfservice-reg-control legend {
    position: relative;
    width: 100%;
}

.sys_selfservice-reg-control legend span {
    padding: 5px 10px;
    position: absolute;
    top: -1px;
    left: -11px;
    right: -17px;
    background-color: var(--colour-dark-cyan);
    color: #fff;
}

.sys_selfservice-reg-control legend:after {
    padding-bottom: 1em;
}

.sys_selfservice-reg-control fieldset.sys_options {
    border: 0;
    padding: 0;
    margin: 0;
}

.sys_validationsummary h2 {
    font-size: 1em;
}

.sys_form-set:after, .sys_logon-control input:after {
    content: "";
    display: table;
    clear: both;
}

.sys_logon-control .sys_username-label {
    float: left;
}

.sys_logon-control input, .sys_logon-control label {
    margin-bottom: 1em;
    width: 10em;
}

.sys_logon-control label {
    clear: both;
    float: left;
}

.sys_savepasswordpanel input {
    width: auto;
}

.sys_loginerror {
    color: #d00;
}

.sys_login-button {
    clear: both;
    display: table;
    margin-left: 12em;
}

.sys_forgotpassword-control input, .sys_forgotpassword-control label {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.roman-list--lower {
    list-style-type: lower-roman;
}

.sys_login, .sys_logout {
    padding: 0.25em 1em;
    background-color: var(--colour-dark-cyan);
    color: #fff;
    text-decoration: none;
}

.sys_cms-form-body .sys_legend, .sys_cms-form-body .sys_sectionbreak-header {
    padding: 6px 0;
    margin: 0 !important;
}

.sys_sectionbreak-text {
    font-size: 1rem !IMPORTANT;
}

.sys_sectionbreak.hr {
    border-bottom: 1px solid #cacaca;
}

.sys_cms-form-body li::after, ul.sys_cms-form-body::after {
    padding: 3px 0;
}

.slick-slide.slick-loading img, .sys_addcomments-email, .sys_addcomments-name, .sys_addcomments-url {
    display: none;
}

.drop-shadow {
    -webkit-box-shadow: 0 3px 15px 0 rgba(136, 136, 136, 0.3);
    -moz-box-shadow: 0 3px 15px 0 rgba(136, 136, 136, 0.3);
    box-shadow: 0 3px 15px 0 rgba(136, 136, 136, 0.3);
}

.button__budget-follow, .button__budget-join, .button__budget-spend {
    padding: 8px;
    text-align: center;
    color: #fff;
    background-image: url(www.trafford.gov.uk/SiteElements/Images/WeddingsAndEvents/invisigif.gif);
    background-repeat: no-repeat;
    background-size: 100%;
}

.button__budget-spend {
    background-color: #00adc8;
}

.button__budget-join {
    background-color: #b74d64;
}

.button__budget-follow {
    background-color: #fdc428;
}

.button__budget-follow:hover, .button__budget-join:hover, .button__budget-spend:hover {
    background-color: #686868;
}

.numbered-collection {
    counter-reset: numbered-collection-counter;
}

.numbered-collection ol {
    list-style: none;
    padding: initial;
}

.numbered-collection__item {
    position: relative;
    margin-left: 40px;
}

.numbered-collection__item::before {
    counter-increment: numbered-collection-counter;
    content: counter(numbered-collection-counter) ".";
    position: absolute;
    left: -40px;
    width: 32px;
    text-align: right;
}

.responsiveCal {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.responsiveCal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.news-card__title {
    font-size: 1em;
    color: #fff;
    display: block;
    padding: 1em 0.5em;
    line-height: 1.3;
    font-weight: 700;
    min-height: 4em;
}

.news-card__description {
    padding: 0.5em;
    display: none;
    color: #000;
}

.news-card__link {
    text-decoration: none;
    display: block;
    background-color: var(--colour-dark-cyan);
}

.more-less2 {
    margin-bottom: 1em;
}

.adjust {
    color: var(--very-dark-grayish-yellow);
    margin: 0;
    font-size: 90%;
    font-weight: 700;
}

.news-card__link:hover {
    background-color: var(--very-dark-grayish-yellow);
}

.eventsSlider {
    margin-bottom: 1em;
}

.butterfly-poem {
    background: #662d91;
    color: #fff;
    font-family: "Special Elite", "Courier New", cursive;
    text-align: center;
    padding: 2em;
}

.butterfly-poem p {
    font-size: 1.2em;
}

.slick-list, .slick-slider {
    position: relative;
    display: block;
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-dots li button:focus, .slick-dots li button:hover, .slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:after, .slick-track:before {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url(./ajax-loader.gif) center center no-repeat;
}

@font-face {
    font-family: "slick";
    font-weight: 400;
    font-style: normal;
    src: url(./fonts/slick.eot);
    src: url(./fonts/slick.eot?#iefix) format("embedded-opentype"), url(./fonts/slick.woff) format("woff"), url(./fonts/slick.ttf) format("truetype"), url(./fonts/slick.svg#slick) format("svg");
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0;
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before, .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1;
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: 0.25;
}

.slick-dots li button:before, .slick-next:before, .slick-prev:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: "←";
}

.slick-next:before, [dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
}

.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: #000;
}

.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: #000;
}

a.control_next, a.control_prev {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 4% 3%;
    width: auto;
    height: auto;
    background: #2a2a2a;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
}

a.control_next:hover, a.control_prev:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}

a.control_prev {
    border-radius: 0 2px 2px 0;
}

a.control_next {
    right: 0;
    border-radius: 2px 0 0 2px;
}

dt {
    clear: both;
    width: 50%;
}

dl.flex {
    display: flex;
    flex-wrap: wrap;
}

.flex dt, .flex dd {
    margin-bottom: 1em;
}

.flex dd {
    flex: 3 3 80%;
}

.flex dt {
    flex: 1 1 18%;
    margin: 0 1em 0.5em 0;
    min-width: 9em;
}

.flex ul {
    margin-left: 0;
}

dd.inline, dt.inline {
    float: left;
    padding-right: 0;
    margin: 0 0 1em;
}

dt.inline {
    margin-right: 1em;
}

.inline:after {
    clear: both;
    content: "";
    display: table;
}

dl.inline {
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
}

dl.inline dt {
    /*flex: 1 0 5em;*/
    flex: auto;
}

dl.inline dd {
    flex: 1 1 90%;
}

dl.inline dd + dt {
    margin-top: 0;
}

.status-ok {
    padding-left: 3em;
    position: relative;
}

.status-ok:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    content: "\f00c";
    margin-right: 0.5em;
    color: #fff;
    background-color: #477224;
    padding: 0.5em;
    border-radius: 100%;
    position: absolute;
    line-height: 1;
    left: 0;
}

.sys_generic_list-subheading {
    font-size: 2rem;
}

.cctv_form li input, .sys_medium {
    margin: 0 !important;
}

.sys_cms-form-body li input {
    margin: 4px 4px 0 0 !important;
}

.sys_theme-simple .sys_standardlist-title, .sys_theme-simple h1.sys_standardlist-title, .sys_theme-simple h2.sys_standardlist-title, .sys_theme-simple h3.sys_standardlist-title, .sys_theme-simple h4.sys_standardlist-title, .sys_theme-simple h5.sys_standardlist-title {
    margin: -6px;
    padding: 3.5px 7px;
}

.sys_theme-simple .sys_datarepeatercontrol li.sys_subitem {
    padding: 0.4em 10px 0.4em 0;
}

.sys_theme-simple .sys_datarepeatercontrol li.sys_subitem a {
    background: 0 0;
    padding: 5px 12px;
}

.sys_theme-simple .sys_datarepeatercontrol .sys_subitem dl dd {
    padding: 0 6px 0 0;
}

.food-menu__dates {
    font-size: 2em;
    margin-bottom: 1em;
}

.food-menu-list {
    display: table;
    width: 100%;
    background-color: #fff;
    border-collapse: collapse;
}

.food-menu-item {
    display: table-row;
}

.food-menu-item__description, .food-menu-item__title {
    display: table-cell;
    border: 1px solid #ddd;
    padding: 0.5em 1em;
}

.food-menu-item__title {
    width: 12em;
}

.hidden-text {
    position: absolute;
    left: -10000px;
    height: 1px;
    width: 1px;
}

#defaultCountdown, .sys_subitem h2 {
    font-weight: 400;
    margin: 3.9375px 0;
}

#defaultCountdown, .aside-block h2, .aside-block h3, .aside-block__header, .bodycontent table td p, .h3, .h4, .localtoyou h2, .localtoyou h3, .mainnav h2, .news h2, .news h3, .register-to-vote, .sys_comments-control .sys_addcomments-title, .sys_comments-control h2, .sys_comments-control h3, .sys_subitem h2, .whats-on h2, .whats-on h3, h3, h4 {
    line-height: 1.2;
}

#budget a:hover, .sys_login:hover, .sys_logout:hover {
    text-decoration: none;
}

#HomePageNews_List .sys_itemslist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#HomePageNews_List .sys_subitem {
    background-color: var(--colour-dark-cyan);
    margin: 0 0 10px;
    border-radius: 2px;
    overflow: hidden;
    width: 100%;
}

#slider {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0;
    border-radius: 4px;
}

#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none;
}

@media screen and (max-width: 958px) {
    .do-it > div h1, .do-it__item h1 {
        font-size: 15.75px;
        line-height: 15.75px;
        font-size: 1.125rem;
        line-height: 1.125rem;
        margin: 70px 0 0;
        font-weight: 400;
    }
}

@media screen and (max-width: 767px) {
    .image img {
        display: none;
    }

    .image .caption {
        font-size: 14px;
        line-height: 22.68px;
        font-size: 1rem;
        line-height: 1.62rem;
        position: relative;
        text-align: left;
        bottom: auto;
        left: auto;
        right: auto;
        margin: 14px 0;
    }

    .search {
        margin: 14px auto;
        width: 200px;
        padding: 0;
        float: none;
    }

    .intersitenav .council a:before, .intersitenav a:after, .intersitenav a:before {
        content: "";
    }

    .intersitenav a :after, .intersitenav a :before {
        content: "";
        display: none;
    }

    .mainnav h3 {
        padding-top: 0;
    }

    .header .logo {
        margin: 0 22% 0 28%;
    }

    .header-overlay {
        display: none;
    }

    .brand {
        padding-top: 7px;
        text-align: center;
    }

    .do-it > div {
        width: 100%;
        margin: 7px 0;
    }

    .do-it > div, .do-it__item {
        background-position: left center;
    }

    .do-it > div h1, .do-it__item h1 {
        font-size: 15.75px;
        line-height: 15.75px;
        font-size: 1.125rem;
        line-height: 1.125rem;
        margin: 0 0 0 70px;
    }

    .do-it > div p, .do-it__item p {
        min-height: inherit;
        margin: 0 0 0 70px;
    }

    .search {
        min-height: 35px;
    }

    .footer .other-links {
        padding: 0;
        margin: 0;
        float: none;
        text-align: center;
    }

    .footer .other-links img {
        float: none;
    }

    .footer .contact-details {
        padding: 0;
        margin: 0;
        border: 0;
    }

    .footer {
        text-align: center;
    }
}

.homepage-whats-on dl .sys_events-date {
    display: none;
}

.sys_events-date {
    display: none;
}

/* Cookie consent styling */
#functionality_label, #strictly-necessary_label, #tracking_label, #targeting_label {
    color: inherit;
}