html { overflow-x: hidden }
body {
    font-family: Arial, Helvetica, sans-seif;
}

div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
td,
th,
li,
button,
input,
select,
.govuk-heading-xl,
.govuk-heading-l,
.govuk-heading-m,
.govuk-heading-s,
.govuk-header__navigation-item a,
.govuk-header__menu-button,
.govuk-tag,
.govuk-phase-banner__content,
.govuk-breadcrumbs__link,
.govuk-body, 
.govuk-body-m,
.js-enabled .govuk-accordion__open-all,
.js-enabled .govuk-accordion__section-button,
.govuk-label,
.govuk-button,
.govuk-input,
.govuk-select,
.govuk-link,
.govuk-list,
.govuk-footer {
    font-family: Arial, Helvetica, sans-serif;
}
.no-margin {
    margin: 0;
}
.align-center img {
    margin: 0 auto;
}
.govuk-table__header.text-align-center,
.govuk-table__cell.text-align-center,
.govuk-table__header.text-align-right,
.govuk-table__cell.text-align-right {
    text-align: right;
}

/* Header */
.govuk-skip-link:hover,
.govuk-skip-link:active,
.govuk-skip-link:focus { 
    margin-bottom: 10px !important;
}
.govuk-header {
    border-bottom: none;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000; /* To compensate for cookie banner which is 99999 */
    overflow: auto;
}
.govuk-header.scrolled {
    position: fixed;
}
.govuk-header.admin-on {
    top: 80px;
}
.govuk-header.zoom {
    position: static;
    max-height: 3000px;
}
.govuk-header__link--homepage:focus {
    margin-bottom: -1px;
    border-bottom: 1px #ffffff solid;
}
.govuk-header.scrolled .govuk-header__content p  {
    display: none;
}
.govuk-header p.govuk-body {
    color: white;
    font-size: 90%; 
}
.govuk-header__logo {
    padding-right: 0;
    text-align: center;
}
@media (min-width: 1024px) {
    .govuk-header__logo {
        padding-right: 50px;
        text-align: left;
    }
    .govuk-header__logo,
    .govuk-header__content {
        width: 50%;
    }
}
.govuk-header__container {
    border-bottom: none;
    margin-bottom: 0;
}
.govuk-header__logotype div {
    float: left;
}
.govuk-header__logotype img {
    max-height: 95px;
    float: left;
    margin-right: 10px;
}
.govuk-header.scrolled .govuk-header__logo {
    margin-bottom: 0;
}
.govuk-header.scrolled .govuk-header__logotype img {
    max-height: 35px;
}
.govuk-header__logotype-text {
    float: left;
    margin-top: 20px;
    font-size: 20px;
}
.govuk-header.scrolled .govuk-header__logotype-text {
    font-size: 14px;
    margin-top: 5px;
}
@media (min-width: 1024px) {
    .govuk-header__logotype-text {
        font-size: 30px;
    }    
}
.govuk-header__content p {
    text-align: center;
    margin-bottom: 0;
}
@media (min-width: 1024px) {
    .govuk-header__content p { 
        text-align: right;
        float: right;
        margin-left: 10px;
        margin-bottom: 20px;
    }    
}
.smpc-nav {
    background: #1d70b8;
}
.govuk-header__menu-button {
    position: static;
    padding: 5px 3px;
    margin: 3px 0;
    border-top: 2px solid #1d70b8;
    border-bottom: 2px solid #1d70b8;
}
.govuk-header__menu-button:focus {
    box-shadow: none;
    border-top: 2px solid #fd0;
    border-bottom: 2px solid #002d18;
}
.govuk-header__navigation-item {
    margin-right: 0;
    padding: 10px 0;
}
@media (min-width: 1024px) {
    .govuk-header__navigation-item:after {
        content: '|';
        margin-left: 15px;
        margin-right: 15px;
    }
}
.govuk-header__navigation-item--active a:hover, .govuk-header__navigation-item--active a:link, .govuk-header__navigation-item--active a:visited {
    color: #ffffff;
}
.govuk-header__link:focus {
    background-color: transparent;
    box-shadow: none;
    outline: none;
    text-decoration: underline;
    color: #ffffff;
}
.govuk-header.scrolled .govuk-header__navigation-item {
    padding: 5px 0;
}
.govuk-header.scrolled .govuk-header__navigation-item a {
    font-size: 0.8rem;
}
.govuk-cookie-banner {
    padding-top: 20px;
    border-bottom: 10px solid transparent;
    background-color: #f4f8fb;    
}
.govuk-cookie-banner.no-margin,
.govuk-cookie-banner.zoom {
    margin: 0;
}
@media (min-width: 40.0625em) {
    .govuk-button-group .govuk-button, .govuk-button-group .govuk-link {
        margin-right: 15px;
    }
}
.govuk-skip-link {
    position: absolute;
    left: -9999em;
}
.govuk-skip-link:active, .govuk-skip-link:focus, .govuk-skip-link:hover, .govuk-skip-link:link, .govuk-skip-link:visited {
    color: #ffffff;
}
/* Main*/
.govuk-main-wrapper {
    padding-top: 0;
    margin-top: 0;
    position: relative;
}
.govuk-breadcrumbs {
    padding-top: 25px;
}
.govuk-heading-xl {
    margin-top: 15px;
}
.govuk-link.small-link {
    font-size: 1rem;
}
.govuk-link span,
.new-window-link span,
.new-window-pdf-link span {
    font-size: 80%;
}

/*
.new-window-link:after {
    content: ' (opens in new window)';
    display: inline;
    font-size: 80%;
}
*/
/*
.new-window-pdf-link:after {
    content: ' (pdf opens in new window)';
    display: inline;
    font-size: 80%;
}
*/
/* End main */

/* Images */
img {
    display: block;
    max-width: 100%;
    height: auto;
}
.paragraph--type--banner-image {
    margin: 0 calc(50% - 50vw);
}
.paragraph--type--banner-image img {
    margin: 0 auto;
    object-fit: cover;
    width: 100%;
}
/* End images */

/* Footer */
.govuk-footer__meta-custom .govuk-body {
    font-size: 1rem;
}
.govuk-footer__meta-item img {
    max-width: 220px;
}
.clearfix:after {
    content: '';
    clear: both;
    display: block;
}
.footer-logo img.align-right {
    float: none;
    margin: 0 auto;
}
@media (min-width 768px) {
    .footer-logo img.align-right {
        float: right;
        margin: 0;
    }
}

/* Sidebar */
.sidebar h3 {
    border-top: 15px  solid#1d70b8;
    padding-top: 30px;
}

/* cookie banner */
.paragraph--type--popup-banner .cookie-name,
#cboxLoadedContent .cookie-name {
  display: none;
}

/* Views */
.viewsreference--view-title {
    font-weight: bold;
    font-size: 1.5rem;
}

.meeting-attendees div {
    display: inline-block;
}

.councillors-list {
    margin-top: 20px;
    margin-bottom: 20px;
}
.more-link {
    margin-bottom: 30px;
}

/* Forms */
input,
select,
textarea {
    max-width: 100%;
}
input[type="submit"] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.1875;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 0;
    margin-bottom: 22px;
    padding: 8px 10px 7px;
    border: 2px solid rgba(0,0,0,0);
    border-radius: 0;
    color: #fff;
    background-color: #00703c;
    box-shadow: 0 2px 0 #002d18;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    -webkit-appearance: none;
}
input[type="submit"]:hover {
    background-color: #005a30;
}
input[type="submit"]:active,
input[type="submit"]:hover,
input[type="submit"]:link,
input[type="submit"]:visited {
    color: #fff;
    text-decoration: none;
}
input[type="submit"]:focus {
    border-color: #fd0;
    outline: 3px solid rgba(0,0,0,0);
    box-shadow: inset 0 0 0 1px #fd0;
}
@media (min-width: 40.0525rem) {
    a.button,
    input[type="submit"] {
        margin-bottom: 32px;
        width: auto;
        font-size: 1.1875rem;
        line-height: 1;
    }
}
form[id^="views-exposed-form"] {
    padding-bottom: 20px;
    border-bottom: 1px solid #b1b4b6;
    margin-bottom: 20px;
    margin-top: 20px;
}
form[id^="views-exposed-form"] div,
form[id^="views-exposed-form"] label,
form[id^="views-exposed-form"] select,
form[id^="views-exposed-form"] input {
    display: inline-block;
    margin-right: 10px;
    width: auto;
}
float: right;
}
form[id^="views-exposed-form"] input[type="text"] {
    max-width: 130px;
}
@media (min-width: 768px) {
    form[id^="views-exposed-form"] input[type="text"] {
        max-width: 300px;
    }
}    
form[id^="views-exposed-form"] div {
    margin-right: 0;
}
@media (min-width: 768px) {
    form[id^="views-exposed-form"] label,
    form[id^="views-exposed-form"] select,
    form[id^="views-exposed-form"] input {
        margin-right: 20px;
    }
    form[id^="views-exposed-form"] input[type="submit"] {
        margin-right: 0;
    }
}
form[id^="views-exposed-form"] input[type="submit"] {
    margin-bottom: 0;
    vertical-align: baseline;
}
form[id^="views-exposed-form-external-documents-block-1"] {
    display: none;
}
.pager {
    text-align: center;
}
.pager ul {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.pager li {
    display: inline;
    margin-left: 3px;
    margin-right: 3px;
}


/* Cookie banner */
#sliding-popup {
    pointer-events: none;
}
#sliding-popup.closed {
    display: none;
}
.eu-cookie-compliance-banner,
#sliding-popup,
.govuk-cookie-banner,
.eu-cookie-compliance-content {
    width: 100%;
    max-width: 100%;
}
#popup-text {
    max-width: 100%;
    float: none;
    pointer-events: all;
}
.sliding-popup-top .eu-cookie-withdraw-tab {
    display: none;
}

/* Search bar */
header #views-exposed-form-search-page-1 label {
    color: #ffffff;
}
header form[id^="views-exposed-form"] {
    margin: 20px auto 0;
    border-bottom: none;
    width: 290px;
}
.govuk-header.scrolled form[id^="views-exposed-form"] {
    margin-top: 5px;
    padding-bottom: 0;
}
header form[id^="views-exposed-form"] input[type="text"] {
    width: 130px;
}
header form[id^="views-exposed-form"] #edit-actions {
    float: right;
}
@media (min-width: 768px) {
    header form[id^="views-exposed-form"] {
        width: 420px;
    }    
    header form[id^="views-exposed-form"] input[type="text"] {
        width: 220px;
    }
}
@media (min-width: 1024px) {
    header form[id^="views-exposed-form"] {
        float: right;
        width: auto;
        margin: 0;
    }
}
.search-api-autocomplete-search {
   z-index: 1000001;
}
.govuk-header.scrolled label,
.govuk-header.scrolled .govuk-input {
    font-size: 0.8rem;
    height: 2rem;
}
 
/* Black background */
.paragraph.black-bg {
    background-color: #000000;
    margin: 0 calc(50% - 50vw);
    padding-top: 30px;
}
.paragraph.black-bg h1,
.paragraph.black-bg h2,
.paragraph.black-bg h3,
.paragraph.black-bg h4,
.paragraph.black-bg h5,
.paragraph.black-bg h6,
.paragraph.black-bg p,
.paragraph.black-bg a,
.paragraph.black-bg li {
    color: #ffffff;
}
.paragraph.black-bg img {
    object-fit: cover;
    max-width: 5000px;
}

/* Minutes filters */
form[id^="views-exposed-form"] fieldset,
form[id^="views-exposed-form"] div.form-item-field-meeting-date-time-value-1-min,
form[id^="views-exposed-form"] div.form-item-field-meeting-date-time-value-1-max {
    display: none;
}

/* Iframes */
.map {
    margin-bottom: -60px;
}
.screen-width {
    margin: 0 calc(50% - 50vw);
}
.iframe-responsive{
    overflow:hidden;
    padding-bottom: 80%;
    position:relative;
    height:0;
}
.iframe-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    border: 1px solid #cccccc;
}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
 
   body {
     background-color: yellow;
   }
}

#main-content {
    opacity: 0;
    transition: opacity 0.2s ease;
}
#main-content.active {
    opacity: 1;
    transition: opacity 0.2s ease;
}