/* *** ADDITIONAL CSS v3 *** */

/* SMALLPRINT */
.smallprint {font-size:1.3rem;line-height:1.4;}

/* ROUNDED GREY BOX FIX */
@media (min-width: 1200px){
.paragraph--type--container .paragraph--type--column.padded-grey {
margin: 0;
}}


/*OPEN MEDIA QUERY*/
@media (min-width: 992px) {


/* HEADINGS*/

h1 { font-size: 50px; line-height: 70px;}

h2 {font-size: 40px; line-height: 70px;}

h3 {font-size: 30px; line-height: 44px;}

/* GENERAL TYPOGRAPHY */
p.summary {font-size: 22px; line-height: 30px;}

li a {font-weight: 700;}

.page-region-content ol li, .page-region-content ul li {opacity: .9;}



/*ACCORDIONS */
.field--name-field-accordion>div.field--item .ui-accordion .ui-accordion-header .field--name-field-accordion-title {font-size: 22px;}



/* BUTTONS */
.btn.btn-wbc-green {font-size: 1.8em;}

.btn.btn-wbc-purple {font-size: 1.25em;}

.btn.btn-wbc-orange {font-size: 1em; font-weight:600;}

#block-navigationblock .btn div span {color: rgba(30,30,30,.8);}

.navbar-header-jobs {font-size: 0.7em; font-weight:800;}



/* HOMEPAGE PANELS IN IE AND EDGE */
#block-views-block-top-tasks-home .views-row .views-field-nothing 
.field-content .featured-service-container h2 {word-break:normal;}

.toolbar-container nav .toolbar-menu li a {color:rgba(255,255,255,.9);}



/*ACCESSIBILITY CHANGES*/
#block-navigationblock .btn div span {color: rgba(30,30,30,.8);}

.toolbar-container nav .toolbar-menu li a, #block-feedback a 
{color:rgba(255,255,255,.9);}

.breadcrumb-container .breadcrumb>.active {color:#666666;}

.btn-wbc-default {color:#444444;}

#block-toolbar>ul.toolbar-menu>li.menu-item a {color: #FFFFFF;}

.nav.menu--sub-navigation-left li .nav.menu--sub-navigation-right li 
{font-weight:600; color:#444444;}

}

/*CLOSE MEDIA QUERY*/



/*OPEN MEDIA QUERY*/

@media (min-width: 768px) {

/* HOMEPAGE PANELS IN IE AND EDGE */

#block-views-block-top-tasks-home {
    padding: 50px 80px 30px 80px !important;
}

#block-views-block-top-tasks-home .views-row .views-field-nothing 
.field-content .featured-service-container h2 {word-break:normal;}

.toolbar-container nav .toolbar-menu li a, #block-feedback a 
{color:rgba(255,255,255,.9);}

.breadcrumb-container .breadcrumb>.active {color:#666666;}

.btn-wbc-default {color:#444444;}

#block-toolbar>ul.toolbar-menu>li.menu-item a {color: #FFFFFF;}

#block-navigationblock .btn div span {color: rgba(30,30,30,.8);}

.nav.menu--sub-navigation-left li, .nav.menu--sub-navigation-right li 
{font-weight:600;}

}



/*OPEN MEDIA QUERY*/

@media (min-width: 200px) {



/* HOMEPAGE PANELS IN IE AND EDGE */

#block-views-block-top-tasks-home .views-row .views-field-nothing 
.field-content .featured-service-container h2 {word-break:normal;}

.toolbar-container nav .toolbar-menu li a {color:rgba(255,255,255,.9);}

}





/* ALL MEDIA QUERY SIZES */

.az-row-title { padding: 5px 5px 5px 7px; background-color: #DDDDDD;  
font-weight: 800; }

a:focus name.navbar-brand:focus {outline: 5px auto 
-webkit-focus-ring-color; outline-offset: -2px;}

.top-tasks {display:none;}

.firmstep-site-alert .site-alert {border:7px solid #F59D13;}

.service-container {padding-right:15px;}

.view-job-vacancies .view-content .views-row .views-field-field-closing-date .field-content, .view-job-vacancies .view-content .views-row .views-field-field-salary .field-content, .view-job-vacancies .view-content .views-row .views-field-field-location .field-content {
font-weight: 700;
}


/*ACCESSIBILITY CHANGES*/

#block-navigationblock .btn div span {color: rgba(30,30,30,.8);}

.toolbar-container nav .toolbar-menu li a, #block-feedback a 
{color:rgba(255,255,255,.9);}

.breadcrumb-container .breadcrumb>.active {color:#666666;}

.btn-wbc-default {color:#444444;}

#block-toolbar>ul.toolbar-menu>li.menu-item a {color: #FFFFFF;}

#block-navigationblock .btn div span {color: rgba(30,30,30,.8);}

.nav.menu--main li .btn-wbc-default, .nav.menu--sub-navigation-left li .btn-wbc-default, .nav.menu--sub-navigation-right li .btn-wbc-default {
    color: #333333;
    font-weight: 600;
}
btn-wbc-green {color:#eeeeee;}

.block-bin-jobs .address-info-postcode label {color:#FFFFFF;}

.block-views-blockservices-services-block .view-footer .btn span {opacity:0.9;}

.views-exposed-form .form-inline .form-control {height:auto; margin:10px 0;}

.field--item time {font-weight:700;}

.btn.btn-wbc-orange {color:#000000;}



/*SITE ALERT BOXES */
.site-alert .site-alert-danger {
	 color: #7764A0;
	 border-color: #7764A0;
}
 .firmstep-site-alert .site-alert {
	 border:4px solid;
	 border-radius: 10px;
}
 .firmstep-site-alert .site-alert .warrington-ico-info-v2 {
	 font-size: 2em;
}
 .firmstep-site-alert .site-alert .close-btn {
	 
}
.firmstep-site-alert .site-alert-emergency .warrington-ico-info-v2 {
	display: none;
}
.firmstep-site-alert .alert.site-alert-emergency .text {
	padding: 0;
}

#main-content {color:#FFFFFF;}

a.visually-hidden.focusable.skip-link {color: #000000; background-color: #FFFFFF;}




/* HOMEPAGE PANELS IN IE AND EDGE */

#block-views-block-top-tasks-home .views-row .views-field-nothing 
.field-content .featured-service-container h2 {word-break:normal;}



/* FEEDBACK FORM */
.ui-widget-overlay {
    background: #000/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
    opacity: 0.7/*{opacityOverlay}*/;
    filter: Alpha(Opacity=70)/*{opacityFilterOverlay}*/;
}







/* CORONAVIRUS SITE ALERT BACKGROUND */
.alert.alert-warning.col.col-sm-12.site-alert.site-alert-warning {
    background-color: #faead2;
 /*background-color:#FFDB3B;*/
border: 3px solid #f59d13;
}


/* INFO PANELS*/
.paragraph--type--info-panel {color:#333333;}
.paragraph--type--info-panel:before {color:#333;}


/* CORONAVIRUS LEAD IMAGE BANNER */
#coronavirus-banner {
height:100px;
width:100%;
background-color:#373737;
background-position: left;
background-repeat: no-repeat;
background-image: url("https://www.warrington.gov.uk/sites/default/files/2020-03/Coronavirus%20COVID-19%20-%20Wide%20v2%20web.jpg");
border-radius:10px;
}

/* *** FORM LAYOUT CSS *** */
/*form {
padding: 30px 30px 10px 30px;
    border-radius: 20px;
    background-color: #E6E4EA;
}
label {
font-weight:normal;
color: #555555;
font-size: 14px;
margin-left:10px;
}
.form-group {
    margin-bottom: 20px;
}
.form-control {
color: #333;
    border: 1px solid #D6D4DA;
border-radius: 10px;
    box-shadow: none;
font-weight:600;
    height: 45px;
    padding: 10px 12px;
}
.panel-body {
    background-color: #F5F5F5;
border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
button#edit-actions-submit {
    background-color: #799A2A;
    border-color: #678325;
font-size:18px;
padding: 10px 20px;
}*/
form.form-horizontal.homepage-banner__form {
    background-color: transparent;
}
form#views-exposed-form-solr-search-content-page-search-results {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}
form#views-exposed-form-solr-search-content-page-search {
    background-color: transparent;
}

form#firmstep-bins-addr-postcode-form  {
    padding: 10px;
    background-color: transparent;
}

/* *** END FORM LAYOUT CSS *** */


/* *** FLOWCHART FORM STYLING *** */

form.flowChart label.control-label {
    font-size: 22px;
    color: #333333;
    /* text-align: center; */
    width: 100%;
}

form.flowChart .select-wrapper select {
    /* text-align: center; */
}

form.flowChart {
    padding-bottom: 30px;
}

/* *** END FLOWCHART FORM STYLING *** */


/* *** HIDE JOBS RSS FEED SUBSCRIBE *** */
a.feed-icon { display: none; }
/* *** END HIDE JOBS RSS FEED SUBSCRIBE *** */

/* *** UPDATE GREY BUTTON IN ACCORDION *** */
a.btn.btn-wbc-default.btn-wbc-grey { color: #333; }
/* *** END UPDATE GREY BUTTON IN ACCORDION *** */


/* *** RESTYLE DEFAULT BUTTONS IN ACCORDIONS *** */
div.ui-accordion-content .btn.btn-wbc-default {color:#333333;}


/* *** EMERGENCY PANEL *** */
.emergencyPanel {
width:100%;
border-radius:10px;
background-color:#ffe682;
border:5px dashed #333;
padding:5px 30px 30px 30px;
margin-top:20px;
margin-bottom:20px;
}

.firmstep-site-alert .alert-danger {
	color:#A60000;
	border:8px solid;
}

/* BUTTON COLOURS IN ACCORDION*/
a.btn.btn-wbc-green.btn-wbc-default span.button-text {
    color: #FFFFFF;
}


/* *** WEBFORMS *** */
.form-actions {
    display: flex;
    justify-content: space-between;
}

.webform-button--next,
.webform-button--previous,
.webform-button--submit {
    flex: 1 0 auto;
}

.flex-space-between {
    justify-content: space-between;
    flex: 0 1 auto;
}
.right-pad {
    margin-right: 20px;
}
.form-wrapper .flex-form-panel .panel-body {
    display: flex;
    flex-wrap: wrap;
}
.form-item {
    margin-bottom: 15px;
}
.panel.plain {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}

.panel.plain .panel-heading {
    background-color: transparent;
    border: 0;
}

.panel.plain .panel-title {
    font-size: 1em;
    font-weight: bold;
    background-color: transparent;
    padding-left: 0;
}

.panel.plain .panel-body {
    background-color: transparent;
    padding-left: 0;
    padding-bottom: 0;
}

.panel.bold-labels .panel-body label,
.bold-labels label {
    font-weight: bold;
}

.webform-submission-form .textarea-auto-height textarea.form-control {
    height: auto;
}
.text-count-message {
    font-size: 12px;
    padding-left: 10px;
}
.control-group .help-inline,
.help-block {
    font-size: 0.9em;
    color: #333333;
    padding-left: 5px;
}

.webform-button--next {
    padding: 15px;
    color: #333;
    background-color: #f59e14;
    border-radius: 9px;
    font-size: 18px;
    font-weight: bold;
}

.webform-button--next:hover {
    background-color: #f9ce88;
}

.webform-button--previous {
    font-weight: bold;
}

.webform-submission-form #edit-actions-submit,
.webform-button--submit {
    padding: 15px;
    color: #fff;
    background-color: #648023;
    border-radius: 9px;
    font-size: 18px;
    font-weight: bold;
}

.webform-submission-form #edit-actions-submit:hover,
.webform-button--submit:hover {
    background-color: #F5F2F8;
    color: #7764a0;
}

.webform-confirmation__message {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 30px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.5);
}

.webform-options-display-buttons-title {
font-weight: bold;
font-size: 1.1em;
color:#333333;
}

.webform-options-display-buttons-description.description {
    font-weight: normal;
    font-size:0.9em;
}
.compact .panel-body {
     padding-top: 0;
}
.compact .panel-title {
    padding-bottom: 5px;
}

.webform-progress-tracker .progress-step.is-active .progress-marker, .webform-progress-tracker .progress-step.is-active:hover .progress-marker {
    background-color: #7764a0;
}


form.wbc-form textarea.form-textarea {
    height: 10em;
}

.select-wrapper select {
    line-height: 1.5;
}

.webform-submission-form .form-control {
    min-height: 45px;
}


.webform-submission-form a {
	color:#6E558B;
	font-weight:700;
}

/* *** ACCESSIBILITY FIXES *** */

#block-feedback {background-color:#645487;}

.block-bin-councillors .address-info label, .block-bin-jobs .address-info label {opacity:1;}

.webform-progress-tracker .progress-step .progress-marker, .webform-progress-tracker .progress-step:hover .progress-marker {background-color:transparent;}

.webform-progress-tracker .progress-step.is-active .progress-marker, .webform-progress-tracker .progress-step.is-active:hover .progress-marker {background-color:#645487;}

.progress-step .progress-marker {font-weight:700;}

.padded-grey a, .paragraph ul li a, .paragraph ol li a {color:#645487; font-weight:700;}

.block-bin-councillors .address-info .address-info-postcode, .block-bin-jobs .address-info .address-info-postcode {background-color:#648022;}

.webform-progress-tracker .progress-step .progress-text {color:#555;}

#block-views-block-top-tasks-home .views-row .views-field-nothing .field-content .featured-service-container span {color:#444444;}

.banner-container .homepage-banner__header {font-weight:400;}

/*.banner-container {background-color:#333;}*/

.homepage-banner .homepage-banner__header, .banner-container .homepage-banner {background-color:transparent;}

/*.homepage-banner__header {background:transparent;}*/

/*h2.homepage-banner__header {background-color:rgba(0,0,0,0.3); padding:20px 10px; border-radius:15px;}*/


.paragraph--type--info-panel a {color: #6C5388}

.wbc-form a {color:#645487;}

.block-bin-councillors .address-info-postcode label {
    color: #ffffff;
}


.block-bin-councillors .address-info .address-info-postcode, .block-bin-jobs .address-info .address-info-postcode {
    background-color: #516521;
}





/* *** TABLE HEADER FIX *** */
.table>tbody>tr>th {text-align:left;}

.center {text-align:center;}

/* *** JOBS PAGE ADDITIONAL STYLING ORIGINAL *** */
.views-field-field-job-category,
a.job-filter-button {
    margin: 10px 15px 15px 0;
    float: left;
}

.views-field.views-field-field-vacancy-type {
    margin: 10px 0 0 0;
}

.views-field-field-job-category a,
.views-field.views-field-field-vacancy-type a,
a.job-filter-button {
    font-weight: 600;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #e6e4ea;
    color: #333333;
    text-decoration: none;
}

.views-field-field-job-category a:hover,
.views-field.views-field-field-vacancy-type a:hover,
a.job-filter-button:hover,
a.job-filter-button:active {
    background-color: #f59e14;
}

.views-field.views-field-created.job-post-date {
    font-size: 13px;
    color: #444444;
}

.views-label .views-label-created {color: #444444;}

.views-field.views-field-created.job-post-date span.field-content {
    font-weight: 700;
}

div.date-range-wrapper .control-label {
    padding: 10px 0 0 0;
}

.type-filter .fieldset-legend {
    font-size: 1em;
    color: #333333;
    font-weight: 500;
}

a.job-filter-button.job-filter-button-last {
    clear: right;
    float: none;
}

.job-filter-buttons-panel {
    border-bottom: 2px solid #e6e4ea;
}

.centered {text-align:center;}
.noSpace {padding-top:0; padding-bottom:0;margin-top:0; margin-bottom:0;}
.jobFilter {padding:0 0 10px 0; display:block; clear:both;}
.field--name-field-gallery-image .slick .slick-dots {
  bottom: -100px;
}

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

/* *** COMMERCIAL WASTE *** */
.cwred {color:#BA1A20;}
.rounded {border-radius:10px;}
.waste-icon{width:50%;}
.waste-icon-frame {border:10px solid #efefef; padding:20px; border-radius:10px; background-color:#ffffff;}





/* *** TEST CSS *** */
/* *** WEBFORMS *** */
.form-actions {
    display: flex;
    justify-content: space-between;
}

.webform-button--next,
.webform-button--previous,
.webform-button--submit {
    flex: 1 0 auto;
}

.flex-space-between {
    justify-content: space-between;
    flex: 0 1 auto;
}
.right-pad {
    margin-right: 20px;
}
.form-wrapper .flex-form-panel .panel-body {
    display: flex;
    flex-wrap: wrap;
}
.form-item {
    margin-bottom: 15px;
}
.panel.plain {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}

.panel.plain .panel-heading {
    background-color: transparent;
    border: 0;
}

.panel.plain .panel-title {
    font-size: 1em;
    font-weight: bold;
    background-color: transparent;
    padding-left: 0;
}

.panel.plain .panel-body {
    background-color: transparent;
    padding-left: 0;
    padding-bottom: 0;
}

.panel.bold-labels .panel-body label,
.bold-labels label {
    font-weight: bold;
}

.webform-submission-form .textarea-auto-height textarea.form-control {
    height: auto;
}
.text-count-message {
    font-size: 12px;
    padding-left: 10px;
}
.control-group .help-inline,
.help-block {
    font-size: 0.9em;
    color: #333333;
    padding-left: 5px;
}

.webform-button--next {
    padding: 15px;
    color: #333;
    background-color: #f59e14;
    border-radius: 9px;
    font-size: 18px;
    font-weight: bold;
}

.webform-button--next:hover {
    background-color: #f9ce88;
}

.webform-button--previous {
    font-weight: bold;
}

.webform-submission-form #edit-actions-submit,
.webform-button--submit {
    padding: 15px 0;
    color: #fff;
    /*background-color: #7764a0;*/
    background-color: #648023;
    border-radius: 9px;
    font-size: 18px;
    font-weight: bold;
    width:100%;
}

.webform-submission-form #edit-actions-submit:hover,
.webform-button--submit:hover {
    background-color: #F5F2F8;
    color: #7764a0;
}

.webform-confirmation__message {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 30px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.5);
}

.webform-options-display-buttons-title {
font-weight: bold;
font-size: 1.1em;
color:#333333;
}

.webform-options-display-buttons-description.description {
    font-weight: normal;
    font-size:0.9em;
}
.compact .panel-body {
     padding-top: 0;
}
.compact .panel-title {
    padding-bottom: 5px;
}

.webform-progress-tracker .progress-step.is-active .progress-marker, .webform-progress-tracker .progress-step.is-active:hover .progress-marker {
    background-color: #7764a0;
}


/* *** LOCAL PLAN RESPONDENT RESULTS PAGE CSS v3) *** */

.local-plan-reps .views-row {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e5e4;
    display: flex;
}

.local-plan-reps .field-content {
    font-size: 20px;
    font-weight: 500;
}

.local-plan-reps .views-field-field-reference-number {
    margin-right: 10px;
}

.field--name-field-respondent-name .field--item,
.field--name-field-online-reference .field--item {
    font-size: 40px;
    line-height: 44px;
    font-weight: 200;
}

.node--type-local-plan .field--label {
    font-weight: normal;
    color: #555555;
}

.node--type-local-plan .field--name-field-respondent-name {
    margin-right: 40px;
}

.node--type-local-plan .col-sm-12 {
    /* adapt to new classes*/
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.node--type-local-plan .field--name-field-documents {
    width: 100%;
    margin-top: 20px;
}

.field--type-file .file span {
    font-weight: 600;
}

.field--type-file .file a {
    color: #7764a0;
}

.field--type-file .file a:hover {
    color: #544672;
    text-decoration: underline;
}

span.file-title:hover {
    text-decoration: underline;
}


/* *** FEES AND CHARGES ALIGNMENT *** */
#fees-table th, #fees-table td {
    text-align: right;
}
#fees-table th:nth-child(1), #fees-table td:nth-child(1) {
    text-align: left;
}


/* *** LOCAL PLAN CSS *** */

.paragraph--type--local-plan-response div.field--item {
    color: #333;
    font-size: 18px;
    font-weight: 500;
}

.paragraph--type--local-plan-response div.field--item a {
    font-weight: 600;
}

.paragraph--type--local-plan-response div.field--item a:hover {
}

.paragraph--type--local-plan-response div.field--label {
    color: #555;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    margin-top: 5px;
    font-size: 13px;
}

.paragraph--type--local-plan-response {
    /*padding-bottom: 20px;
    margin-bottom: 20px;*/
    display: flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    /*border-bottom: 1px solid #e6e9ea;*/
}

.paragraph--type--local-plan-response > div {
    padding: 7px 15px 7px 7px;
}

.field--name-field-why-not-legally-compliant,
.field--name-field-why-you-support-the-legal,
.field--name-field-modification-if-applicable,
.field--name-field-summary-of-comments {
    width: 100%;
}

.field--name-field-responses {
    margin-top: 20px;
    }


div.field--name-field-responses div.field--items > div.field--item {
    padding: 20px;
    border-bottom:2px solid #e6e9ea
}


div.field--name-field-responses div.field--items > div.field--item:hover {
    background-color: #F5F9FA;
}

.field--items {
    counter-reset: paragraph;
}

div.field--name-field-responses div.field--items > div.field--item:before {
    position: absolute;
    color:#7764a0;
    color:#555;
    font-weight: 700;
    width: 100%;
    margin-top: 0px;
    font-size: 16px;
    margin: 10px 0 0 -30px;
    padding: 0 4px 0 4px;
    content: counter(paragraph);
    counter-increment: paragraph;
    width:auto;
}

div.field--name-field-responses div.field--items > div.field--item {
    padding: 20px 20px 20px 40px;
}

/* *** MOBILE STYLES *** */
.field--name-field-responses > .field--label {
    margin-left: 10px;
}

.node--type-local-plan .field--name-field-respondent-name {
    margin-right: 0px;
    margin-left: 10px;
}

/* *** END LOCAL PLAN CSS *** */

/* *** MLW Form *** */
.resetStyle.form-composite legend {
	font-weight: 400;
}
/* *** END MLW Form *** */


/* ********************** */
/* *** COST OF LIVING *** */
/* ********************** */

/* ******************* */
/* *** V4 CODEBASE *** */
/* ******************* */

div.cost-of-living-filter .bef-exposed-form ul li {
    list-style-type: none;
}

div.cost-of-living-filter .bef-exposed-form ul {
    padding-left: 0em;
}

div.cost-of-living-filter .bef-exposed-form .form--inline > .form-item {
    width: 100%;
}

div.views-field-field-col-postcode,
div.views-field-field-col-delivery,
.views-field.views-field-field-col-days,
.views-field.views-field-field-col-hours {
    display: flex;
}

div.cost-of-living-filter h2.field-content {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 3px;
}

div.cost-of-living-filter div.views-field.views-field-body.summary p {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 5px;
}

.cost-of-living-filter .views-field-field-col-category,
.cost-of-living-filter .views-field-field-col-hours,
.cost-of-living-filter .views-field-field-col-days,
.cost-of-living-filter .views-field-field-col-postcode,
.cost-of-living-filter .views-field-field-col-phone-number,
.cost-of-living-filter .views-field-field-col-delivery {
    margin-bottom: 5px;
}

.views-field.views-field-field-col-category {
    display: inline-block;
}

.views-field.views-field-field-col-other-info,
.views-field.views-field-field-col-group {
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    margin-top: -23px;
}

.views-field.views-field-field-col-other-info:before,
.views-field.views-field-field-col-group:before {
    content: "|";
    position: relative;
    left: -14px;
    top: 23px;
    display: inline-block;
}
.views-field.views-field-field-col-days div.field-content,
.views-field.views-field-field-col-hours div.field-content {
    padding-left: 3px;
}

.wbc-with-sidebar-filter.cost-of-living-filter span.fieldset-legend {
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.42857;
    color: #333;
    font-weight: 400;
}

/* *** PROVIDER LISTING PAGE */

div.field.field--name-field-col-category,
div.field.field--name-field-col-category div.field--item,
div.field.field--name-field-col-group,
div.field.field--name-field-col-group div.field--item,
div.field.field--name-field-col-other-info,
div.field.field--name-field-col-other-info div.field--item div.field--name-field-col-other-info div.field--item p {
    display: inline-block;
}

div.field.field--name-field-col-category div.field--item:before,
div.field--name-field-col-group div.field--item:before
/*div.field--name-field-col-other-info:before*/
/*div.field--name-field-col-other-info div.field--item p:before*/ {
    content: "|";
    position: relative;
    left: -2px;
    top: -2px;
}

div.field--name-field-col-other-info div.field--item p {
    font-weight: 400;
    line-height: inherit;
}

div.field.field--name-field-col-group,
div.field.field--name-field-col-other-info {
    display: inline-block;
}

div.field.field--name-field-col-category div.field--item:first-child:before {
    content: "";
    padding: 0;
    margin: 0;
}

div.field--name-field-col-days div.field--items {
    display: flex;
}
div.field--name-field-col-days div.field--items div.field--item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

div.field--name-field-col-days div.field--items div.field--item:after {
    content: ",";
    padding-right: 5px;
}

div.field--name-field-col-days div.field--items div.field--item:last-child:after {
    content: "";
}

div.field--name-field-col-days div.field--label,
div.field--name-field-col-hours div.field--label,
div.field--name-field-col-postcode div.field--label,
div.field--name-field-col-phone-number div.field--label,
div.field--name-field-col-email div.field--label,
div.field--name-field-col-website div.field--label {
    margin-top: 15px;
}
div.field--name-field-col-website,
div.field--name-field-col-postcode {
    margin-bottom: 15px;
}

div.field--name-field-col-phone-number,
div.field--name-field-col-email {
    display: inline-flex;
    flex-direction: column;
}

div.field--name-field-col-phone-number {
    margin-right: 20px;
}

div.cost-of-living-filter div.views-row {
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

div.cost-of-living-filter div.wbc-with-sidebar-filter .view-content h2 a {
    color: #7764a0;
}

.views-field-field-col-category .field-content,
.views-field-field-col-group .field-content,
.views-field-field-col-other-info .field-content,
.views-field-field-col-days .field-content,
.views-field-field-col-hours .field-content,
.views-field-field-col-postcode .field-content,
.views-field-field-col-phone-number .field-content,
.views-field-field-col-email .field-content,
.views-field-field-col-website .field-content,
.views-field-field-col-delivery .field-content {
    font-weight: 700;
}

.wbc-with-sidebar-filter.cost-of-living-filter .form-actions .form-submit {
    margin-top: 20px;
}

.page-node-type-col-provider div.col-left-content .field--name-field-col-group,
.page-node-type-col-provider div.col-left-content .field--name-field-col-other-info {
    margin: 10px 0;
}

.page-node-type-col-provider div.col-left-content .field--name-field-col-other-info {
    display: block;
}

.page-node-type-col-provider div.col-left-content .field--name-field-col-group {
    display: flex;
}

.page-node-type-col-provider div.col-left-content .field--name-field-col-other-info {
}

.page-node-type-col-provider div.col-left-content .field--name-field-col-other-info div.field--item p:before,
.page-node-type-col-provider div.col-left-content div.field--name-field-col-group div.field--item:first-child:before,
.page-node-type-col-provider
    div.col-left-content
    div.field--name-field-col-other-info
    div.field--item:first-child:before,
.page-node-type-col-provider div.col-left-content .field--name-field-col-other-info div.field--item p:last-child:after {
    content: "";
}

.page-node-type-col-provider div.col-left-content .field--name-field-col-other-info div.field--item p:after {
    content: "|";
    position: relative;
    left: -2px;
    top: -2px;
}

.page-node-type-col-provider div.col-left-content .field--name-field-col-other-delivery {
    margin-top: 10px;
}

.page-node-type-col-provider div.col-left-content .field--name-field-col-delivery {
    margin-top: 10px;
    font-weight: 700;
}

.page-node-type-col-provider div.col-left-content div.field--name-field-col-other-info {
	    clear: both;
}
.page-node-type-col-provider div.col-left-content.field.field--name-field-col-days {
    clear: both !important;
}
.page-node-type-col-provider div.field.field--name-field-col-group, .page-node-type-col-provider div.field.field--name-field-col-other-info, .page-node-type-col-provider div.col-left-content.field.field--name-field-col-days {
    display: block;
}


button#edit-submit-col-search {
    width: 100%;
    margin: 15px 0 -20px 0;
    padding: 12px;
}

div.cost-of-living-filter div.views-row:last-child {
    border-bottom: 0;
}
.wbc-with-sidebar-filter.cost-of-living-filter .view-content h2 a {
     color: #7764a0;
     font-weight:300;
}
.wbc-with-sidebar-filter.cost-of-living-filter .view-content h2 a:hover {
     color: #799a2a;
}
div.cost-of-living-filter div.views-field.views-field-body.summary .field-content {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 5px;
}
div.field--name-field-col-email div.field--item a, div.field--name-field-col-phone-number div.field--item a {font-weight:700;}

#block-homepagesectionbreak {display:none;}

/* *** REQUIRED FIELDS TEXT *** */
.form-required:after {
	  background: none;
    display: inline-block;
    margin-left: 5px;
    line-height: 1;
    height: auto;
    width: auto;
    content: " (required)";
    color: #BD0000;
    font-size: 0.8em;
    font-weight: 400;
}

#mc_embed_signup .asterisk {
    color: #BD0000 !important;
    font-weight: 600 !important;
}


/* *** GRANT BID FORM *** */
form.grant-bid label {margin-top:10px;}
form.grant-bid {padding-top:20px;}
form.grant-bid textarea.form-textarea {height: 10em;}


/* *** FORM BUTTONS UPDATE *** */
.webform-options-display-buttons label.webform-options-display-buttons-label {
    color: #707070;
    border: 3px solid #707070;
    border-radius: 10px;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.3rem;
}


.webform-options-display-buttons input:hover + label.webform-options-display-buttons-label {
    color: #FFF;
    background-color:#7764a0;
    border-color: #7764a0;
}


.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
    color: #fff;
    background-color: #79992a;
    border-radius: 15px;
    border-color: #79992a;
}


/* *** CORONERS *** */
.inquest-hearings .views-row {
    padding: 20px;
    /*border-bottom: 1px dotted #aaaaaa;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: flex-end;
}

span.views-label.views-label-field-inquest-hearing-date,
span.views-label.views-label-field-inquest-closing-date,
span.views-label.views-label-field-inquest-time,
span.views-label.views-label-field-inquest-venue,
span.views-label.views-label-title,
span.views-label.views-label-field-inquest-age,
span.views-label.views-label-field-inquest-find-date,
span.views-label.views-label-field-inquest-find-location,
span.views-label.views-label-field-inquest-coroner,
span.views-label.views-label-field-inquest-hearing-type,
span.views-label.views-label-field-inquest-jury-case,
span.views-label.views-label-field-inquest-death-date,
span.views-label.views-label-field-inquest-death-location {
    font-weight: 400;
    font-size: 11px;
}

.views-field.views-field-field-inquest-hearing-date,
.views-field.views-field-field-inquest-closing-date,
.views-field.views-field-field-inquest-time,
.views-field.views-field-field-inquest-venue,
.views-field.views-field-field-inquest-middle-name,
.views-field.views-field-field-inquest-surname,
.views-field.views-field-field-inquest-age,
.views-field.views-field-field-inquest-find-date,
.views-field.views-field-field-inquest-find-location,
.views-field.views-field-field-inquest-coroner,
.views-field.views-field-field-inquest-hearing-type,
.views-field.views-field-field-inquest-jury-case,
.views-field.views-field-field-inquest-death-date,
.views-field.views-field-field-inquest-death-location {
    display: inline-block;
    padding-right: 30px;
}

div.inquest-hearings .field-content,
.span.views-label-field-inquest-hearing-date,
.views-field-field-inquest-hearing-date .field-content time,
.views-field-field-inquest-find-date .field-content time {
    font-weight: 700;
    font-size: 18px;
}

.inquest-hearings .views-field.views-field-title,
.inquest-hearings .views-field.views-field-field-inquest-middle-name {
    display: flex;
    padding-right: 30px;
    flex-direction: column;
}

.views-field.views-field-field-inquest-surname {
    /*text-transform: uppercase;*/
}

.inquest-hearings div.views-row:nth-child(odd) {
    background-color: #f0f0f0;
}


/* *** FORM STYLING *** */
.wbc-form .help-block {
    padding-left: 0;
    margin: 0 0 -15px 0;
}

.wbc-form .description {
    font-size: 14px;
}

.wbc-form .input-group-addon {
    padding: 0;
    text-align: left;
    background-color: transparent;
    border: 0;
}


.wbc-form .webform-options-display-buttons label.webform-options-display-buttons-label {
    color: #555;
    border: 1px solid #fff;
    border-radius: 10px;
    font-weight: 400;
    padding: 0px 20px;
}

.wbc-form .webform-options-display-buttons input:hover+label.webform-options-display-buttons-label {
    color: #79992a;
    border-color: #79992a;
}

.wbc-form .webform-options-display-buttons input:checked+label.webform-options-display-buttons-label {
    color: #fff;
    background-color: #79992a;
    border-radius: 10px;
    border-color: #658022;
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-color: #79992a;
    outline-offset: -2px;
}

p.form-warning {
    padding: 15px 25px;
    border-radius: 10px;
    background-color: #CCC;
    font-weight: 600;
}

.wbc-form .webform-progress-tracker .progress-step.is-active .progress-marker, .webform-progress-tracker .progress-step.is-active:hover .progress-marker {
    background-color: transparent;
}

.wbc-form .progress-step.is-active .progress-marker::before {
    background-color: #7764a0;
}

.wbc-form .progress-marker::before {
    width: 35px;
    height: 35px;
    padding-bottom: 1px;
}

.wbc-form .progress-marker::after {
    z-index: -10;
    top: 15px;
    right: -12px;
    height: 0px;
}

.wbc-form .progress-marker {
    font-size: 20px;
}

.wbc-form .progress-tracker {
    margin: 30px auto 10px auto;
    padding: 0 0 35px 0;
    border-bottom: 1px solid #c9c9c9;
}

@media (min-width: 400px) {

    .wbc-form .webform-options-display-three-columns,
    .wbc-form .webform-options-display-two-columns,
    .wbc-form .webform-options-display-buttons,
    .wbc-form .webform-options-display-buttons-horizontal {
        margin-top: -5px;
    }
}

div.ui-accordion-content .btn.btn-wbc-purple {color:#fff; }

/* *** FEB 2023 UPDATE *** */

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    margin-bottom: 5px;
    line-height: 1.4;
}

body h1 {
    font-size: 4.4rem;
    line-height: 1.2;
}

body h2 {
    font-size: 3.4rem;
}

body h3 {
    font-size: 2.8rem;
    font-weight:400;
}

body h4 {
    font-size: 2.0rem;
        font-weight: 400;
        margin-bottom:0;

}

body h5,
body h6 {
    font-size: 2.0rem;
    font-weight: 400;
    color: #555;
}

body p {
    font-size: 1.6rem;
    line-height: 1.6;
    margin: 0 0 10px 0;
}

body p.summary {
    font-size: 1.8rem;
    line-height: 1.6;
    font-weight: 600;
}

body ol li,
body ul li {
    font-weight: 500;
    font-size: 1.6rem;
    /*opacity: 0.9;*/
}

.field--name-field-content>.field--item,
.field--name-field-secondary-content>.field--item {
    margin: 0;
}

.paragraph--type--blockquote .field--name-field-text {
    font-size: 2.6rem;
    line-height: 1.3
}

.page-header {
    margin: 10px 0 0 0
}

a.btn.btn-wbc-green {
    font-size: 2.6rem;
}

a.btn.btn-wbc-purple,
a.btn.btn-wbc-info {
    font-size: 2.0rem;
}

a.btn.btn-wbc-orange {
    font-size: 1.6rem;
    color: #333333;
    font-weight: 600;
}

.btn.btn-wbc-default {
    font-size: 1.6rem;
}

.field--name-field-accordion>div.field--item .ui-accordion .ui-accordion-header .field--name-field-accordion-title {
    font-size: 1.8rem;
    line-height: 1.6;
}



option {
    background: #ffffff;
    color: #333;
}


/* *** EMERGENCY PANEL *** */
.emergencyPanel {
    width: 100%;
    border-radius: 10px;
    background-color: #ffe682;
    border: 10px dashed #333;
    padding: 15px 30px 30px 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.emergencyPanel h2 {
        margin: 0;
    }

/* *** GOOGLE TRANSLATE ACC FIX *** */

select#gtranslate_selector {
    background-color: white;
}

/* *** ACC FIXES *** */
.btn.btn-wbc-green {background-color:#648023;}

.az-row-letter ul li a {color:#7764A0;}
.az-row-letter ul {
    list-style-type: none;
}
.az-row-letter ul li {
    opacity:1;
}

.emergencyPanel a {color:#6F5B95;}

html {
        scroll-behavior: smooth;
	
}
    
.page-region-content ol li, .page-region-content ul li {opacity:1;}

p + h2 {
    margin-top: 40px;
}

.large-bold {
    font-size: 2.3rem;
    font-weight: 700;
}

/* *** COUNCILLOR DIRECTORY *** */

.councillor-directory-filter .view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.councillor-directory-filter .view-content .views-row {
    width: 25%;
    text-align: center;
}

.councillor-directory-filter .views-field.views-field-field-media-image {
    display: flex;
    justify-content: center;
}

.councillor-directory-filter .view-content .views-row:last-child {
    border-bottom: 1px solid #ccc;
}

.views-field.views-field-field-ward {
    font-weight: 700;
}

.field-content.councillor-thumbnail img.img-responsive {
    border-radius: 10px;
}

.page-node-type-councillor .ward h2, .page-node-type-councillor .party h2, .page-node-type-councillor .contact-details h3 {
margin-bottom: 5px;
font-size: 1.8rem;
font-weight: 700;
}

.page-node-type-councillor .party div, .page-node-type-councillor .ward div {
    font-size: 2.4rem;
    font-weight: 400;
}

.councillor-directory-filter .view-filters.form-group.col-lg-3 {
    order: 1;
}

.councillor-directory-filter .col-lg-9 {
    order: 2;
}

.councillor-directory-filter {
    display: flex;
}

#edit-submit-councillors-v3 {
    width: 100%;
    margin-top: 10px;
    padding: 14px 0;
}

.pull-left.cllr-img img.img-responsive {
    border-radius: 10px;
}

div.councillor-directory-filter h2.field-content {
    font-size: 3rem;
margin: 5px 0px 0 0;
line-height: 1.2;
}

/* *** FORM INFO PANEL *** */
.form-info-panel {margin: 0 20px; border-radius:10px; padding: 10px 20px; background-color: #FFFFFFDD; border: 5px solid #7764A0;}
.form-info-panel h3 {margin-top:0;}


div.ui-accordion-content .btn.btn-wbc-default.btn-wbc-purple, div.ui-accordion-content .btn.btn-wbc-default.btn-wbc-green {
    color: #fff;
}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 300;
    line-height: 70px;
    color: #333;
    font-weight: 600 !important;
}


.pseudo-h1 {font-size: 4rem;}




@media (max-width: 768px){
.paragraph--type--container .paragraph--type--column.padded-grey {
    margin-bottom: 10px;
}}

h4.fagreen {
    color: #648023;
}

h4.fared {
    color: #c10808;
}

.warning-text {
    color: #C20000;
}


/* *** EMERGENCY SITE ALERT *** */
.firmstep-site-alert .alert-emergency.site-alert, .emergency-block {
    width: 100%;
    border-radius: 10px;
    background-color: #ffe682;
    border: 10px dashed #333;
    padding: 15px 30px 30px 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.firmstep-site-alert .alert-emergency h2, .emergency-block h2 {
        margin: 0;
    }

.firmstep-site-alert .alert-emergency.site-alert p a, .emergency-block p a {
	color:#64578E;
}