/*
Theme Name:   Somerset County Council
Theme URI:    https://www.somerset.gov.uk
Description:  SCC frame - Somerset County Council
Template:     scc-frame
Author:       Somerset County Council
Author URI:   https://www.somerset.gov.uk
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  scc-frame
Version:      1.1

This is the child theme stylesheet for the scc-frame template pack. All changes specific to
somerset.gov.uk should be made here ONLY. All changes to default page builder blocks must
be made in the 'PAGE BUILDER TEMPLATE - DEFAULT ONLY CHANGES' block.

If creating page builder microsites with an overarching section ID, all style additions must
be made in the 'SECTION SPECIFIC STYLING - CONTROL WITH CUSTOM CLASSES OR PRESETS' and a new
menu ID added.

All additional css changes must be made in the 'ADDITIONAL CSS - EXTERNAL SYSTEMS etc.' block
at the bottom of the sheet.

*/

/* --- ONE SOMERSET PROMO --- */

.directory-table .key-link {
display: none;
}

.promo-block {
padding: 0 !important;
}

.promo-block .promo-space {
display: flex;
height: 100%;
align-items: center;
padding: 60px;
}

.promo-block .promo-space .promo-title {
display: none;
}

	.promo-block .emotive-link {
	border-radius: 40px;
	padding: 15px 40px !important;
	text-align: left;
	font-size: 22px !important;
	font-weight: bold;
	background: #18a5c7 !important;
	color: #fff !important;
	}

		.promo-block .emotive-link:after {
		content: '\f061';
		font-family: "Font Awesome 5 Free";
		font-weight: 600;
		padding-left: 20px;
		}


/**********/


.new-content-block .tab-content {
padding: 30px;
}

.new-content-block .long-content {
padding: 30px 0 0;
}

.new-content-block .long-content:first-of-type {
padding: 0;
}

.page-id-66793 #primary input[type="text"], 
.page-id-66793 #primary input[type="search"], 
.page-id-66793 #primary input[type="email"], 
.page-id-66793 #primary input[type="tel"], 
.page-id-66793 #primary input[type="date"], 
.page-id-66793 #primary textarea,
.page-id-66793 #primary select {
border: solid 1px #afafaf;
font-family: inherit;
background-color: #fff;
font-size: 1rem;
line-height: 1.6;
margin: 0 ;
min-height: 57px;
border-radius: 2px;
}

	.page-id-66793 #primary .error input[type="text"], 
	.page-id-66793 #primary .error input[type="search"], 
	.page-id-66793 #primary .error input[type="email"], 
	.page-id-66793 #primary .error input[type="tel"], 
	.page-id-66793 #primary .error input[type="date"], 
	.page-id-66793 #primary .error textarea {
	border: solid 2px #d4351c;
	}

.page-id-66793 #primary label {
color: #000 !important;
font-family: 'Roboto', sans-serif !important;
margin: 0 0 10px;
font-weight: bold;
font-size: 19px;
letter-spacing: -0.5px;
}

code {
color: #000;
display: block;
border: 1px solid #e5e5e5;
padding: 20px;
}

	pre {
	background: #f1f1f1;
	}

.page-id-66793 #primary .error {
display: block;
border-left: 5px solid #d4351c;
padding: 0 0 0 15px;
}

.page-id-66793 #primary .error-message {
display: block;
margin: 0 0 10px;
font-size: 16px;
font-weight: bold;
color: #d4351c;
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.page-id-66793 #primary .info-message {
display: block;
margin: 10px 0 0;
padding: 10px;
background: #f5f5f5;
border-left: 5px solid #009ca6;
color: #000;
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.page-id-66793 #primary .info-message:before {
content: "\f059";
display: inline-block;
margin: -2px 5px 0 0;
vertical-align: middle;
font-size: 20px;
font-weight: 600;
font-family: "Font Awesome 5 Free";
}

.page-id-66793 #primary h4.section-title span {
font-size: 18px;
font-weight: 400 !important;
line-height: 28px;
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
display: block;
margin: 0 0 20px;
letter-spacing: 0;
}

.govuk-panel {
margin-bottom: 15px;
padding: 35px;
border: 5px solid transparent;
text-align: center;
}

.govuk-panel--confirmation {
color: #fff;
background: #00703c;
}

.govuk-checkboxes__item,
.govuk-radios__item {
margin-right: 20px;
float: left;
clear: none;
font-weight: 400;
 font-size: 16px;
font-size: 1rem;
line-height: 1.25;
display: block;
position: relative;
min-height: 40px;
margin-bottom: 10px;
padding-left: 40px;
}

.govuk-checkboxes__label,
.govuk-radios__label {
display: inline-block;
margin-bottom: 0;
padding: 8px 15px 5px;
cursor: pointer;
font-weight: 400 !important;
font-size: 18px !important;
}

.govuk-checkboxes__input,
.govuk-radios__input {
 cursor: pointer;
position: absolute;
z-index: 1;
top: -2px;
left: -2px;
width: 44px;
height: 44px;
margin: 0;
}

.stacked.govuk-checkboxes__item,
.stacked.govuk-radios__item {
width: 100%;
}

.page-id-66745 #key-blocks,
.page-id-102421 #key-blocks,
.page-id-775305 #key-blocks {
padding: 60px 0;
background: #fff;
border-top: 1px solid #e5e5e5;
}
	
.page-id-66745 #support,
.page-id-102421 #support,
.page-id-775305 #support {
padding: 60px 0;
}

	.page-id-66745 #support,
	.page-id-102421 #support,
	.page-id-775305 #support {
	border-top: 1px solid #e5e5e5;
	}

	.page-id-66745 #support p:last-of-type,
	.page-id-66745 #support ul,
	.page-id-102421 #support p:last-of-type,
	.page-id-102421 #support ul,
	.page-id-775305 #support p:last-of-type,
	.page-id-775305 #support ul {
	margin-bottom: 0;
	}

	.page-id-66745 #support a,
	.page-id-102421 #support a,
	.page-id-775305 #support a  {
	font-weight: bold !important;
	}

.page-id-66745 h2.section-title,
.page-id-102421 h2.section-title,
.page-id-775305 h2.section-title {
display: none;
}

.page-id-66745 .news-title h4,
.page-id-102421 .news-title h4,
.page-id-775305 .news-title h4 {
margin: 0 0 15px;
font-size: 36px;
line-height: normal;
}

.page-id-66745 #support h2,
.page-id-102421 #support h2,
.page-id-775305 #support h2 {
margin: 0 0 15px;
font-size: 36px;
line-height: normal;
font-weight: bold !important;
}

.page-id-66745 .news-content,
.page-id-102421 .news-content,
.page-id-775305 .news-content  {
padding: 0;
}

	.page-id-66745 .news-content p > a,
	.page-id-102421 .news-content p > a,
	.page-id-775305 .news-content p > a {
	margin: 20px 0 0;
	display: block;
	text-decoration: underline;
	font-weight: bold !important;
	}

.page-id-66745 .news-box-border,
.page-id-102421 .news-box-border,
.page-id-775305 .news-box-border {
background: transparent;
border: 0;
}

#Colours h5 {
display: inline-block;
font-weight: normal;
letter-spacing: normal;
}

.colour-sample {
display: inline-block;
margin-top: 6px;
margin-right: 10px;
margin-bottom: 7px;
vertical-align: middle;
width: 40px;
height: 40px;
border: 1px solid #000 !important;
border-radius: 50%;
}
	
	.colour-sample.site-body {
	background: #f5f5f5;
	}
	
	.colour-sample.header {
	background: #000;
	}
	
	.colour-sample.main-footer {
	background: #3d4959;
	}
	
	.colour-sample.supporting-footer {
	background: #2b3642;
	}
	
	.colour-sample.content-body {
	background: #fff;
	}
	
	.colour-sample.black {
	background: #000;
	}
	
	.colour-sample.corporate-maroon {
	background: #c92e6f;
	}
	
	.colour-sample.corporate-teal {
	background: #009ca6;
	}
	
	.colour-sample.corporate-grey {
	background: #727478;
	}
	
	.colour-sample.focus-yellow {
	background: #ffdd00;
	}
	
	.colour-sample.border {
	background: #e5e5e5;
	}


/*****************************************************************
/*----------------------------------------------------------------
COVID-19 CHANGES - DELETE WHEN NOT NEEDED
----------------------------------------------------------------/*
*****************************************************************/

#family-solutions-block > .container {
display: none;
}

#jobs-and-careers .quick-bar.coronavirus {
display: none;
}

#coronavirus-latest-advice .button-holder {
display: none;
}

.quick-bar.coronavirus {
background: #ffdd00;
color: #000;
}

.coronavirus-tab .core-box-title {
background: #ffdd00 !important;
}

.coronavirus-tab .core-box-title h4 {
font-weight: bold !important;
}

.page-id-84937 {
background-color: #000 !important;
}

#mailpoet_form_3 .mailpoet_text,
#mailpoet_form_3 .mailpoet_textarea {
width: 100% !important;
margin: 0;
}

#mailpoet_form_3 .mailpoet_paragraph {
margin: 0 !important;
}

#newsletter-signup .section-title {
margin: 0;
}

#newsletter-signup .primary p {
margin: 0;
padding-left: 10px;
}

.mailpoet_validate_success {
padding: 10px 0 0;
font-weight: bold !important;
}

.overlay .promo-block {
background: #000;
color: #fff;
}

    .overlay .promo-block .promo-title {
    font-weight: bold;
    margin: 0 0 10px;
    }

    .overlay .promo-block .emotive-link {
    background: #ffdd00;
    border: 0 !important;
    padding: 10px;
    margin-top: 40px;
    font-weight: bold;
    position: relative;
    }

    .overlay .promo-block .emotive-link:after {
    background-image: url('/wp-content/themes/scc-frame/inc/img/chevron-right-solid.svg');
    background-position: center 50%;
    background-repeat: no-repeat;
    background-size: 40%;
    border-radius: 0 30px 30px 0;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    }

#covid-page-navigation {
padding: 60px 0 120px;
border-bottom: 1px solid #e5e5e5;
}

#covid-page-navigation .core-box-title {
background: #fff;
}

#coronavirus-latest-updates {
background: #fff;
padding: 60px 0;
}

#coronavirus-latest-updates .news-box-border {
height: auto;
border: 0;
}
#coronavirus-latest-updates .news-box-image {
background-size: auto;
background-repeat: no-repeat;
background-position: center;
background-color: #eeeeee;
}

#coronavirus-latest-updates .blog-link {
display: none;
}

.page-id-77895 .simple-page-title,
.page-id-78427 .simple-page-title,
.page-id-79513 .simple-page-title {
padding-bottom: 0;
}

.page-id-77895 .vanilla-content-block,
.page-id-78427 .vanilla-content-block,
.page-id-79513 .vanilla-content-block {
background: #272828;
border-bottom: 8px solid #ffdd00;
}

.page-id-77895 #newsletter-signup, 
.page-id-78427 #newsletter-signup {
padding: 30px 0;
background: #f5f5f5;
border-bottom: 1px solid #e5e5e5;
}

	.page-id-77895 .vanilla-content-block h3,
	.page-id-79513 .vanilla-content-block h2 {
	font-weight: bold;
	}

	.page-id-77895 .vanilla-content-block a ,
	.page-id-79513 .vanilla-content-block a,
	.page-id-78427 .vanilla-content-block a {
	text-decoration: underline;
	}

.page-id-77895 .page-list {
margin: 0;
list-style: none;
}

.page-id-77895 .page-list .page-entry h4 {
margin: 0 0 5px;
font-size: 20px;
color: #0043af;
text-decoration: underline;
font-weight: bold;
letter-spacing: normal;
}

.page-id-78219 #response .directory-table a,
.page-id-102895 #response .directory-table a {
text-decoration: underline;
}

#coronavirus-latest-advice {
padding: 60px 0;
background: #fff;
border-bottom: 1px solid #e5e5e5;
}

#coronavirus-latest-advice .section-title {
display: none;
}

#coronavirus-latest-advice .news-content,
#coronavirus-latest-updates .news-content {
color: #000;
padding: 20px;
border: 1px solid #e5e5e5;
border-left: 5px solid #c92e6f;
background: #f5f5f5 !important;
width: 100%;
min-height: 170px;
}

@media only screen and (max-width: 991px) {
	#coronavirus-latest-advice .news-content,
	#coronavirus-latest-updates .news-content {
	min-height: initial;
	margin-bottom: 20px;
	}
}

#coronavirus-latest-advice .news-box-border {
border: 0;
}

#coronavirus-latest-advice .news-title h4,
#coronavirus-latest-updates .news-title h4{
font-size: 24px;
font-weight: 600;
text-decoration: underline;
color: #c92e6f;
line-height: normal;
}

.page-id-78219 .directory-title,
.page-id-102895 .directory-title {
margin: 0 0 20px;
font-size: 28px;
line-height: normal;
}

.page-id-78219 #directory .event-featured,
.page-id-102895 #directory .event-featured {
background-position: 50% 30%;
background-size: auto;
background-repeat: no-repeat;
}

	.page-id-78219 .blog-tag.health-and-wellbeing,
	.page-id-102895 .blog-tag.health-and-wellbeing {
	background: #10667c;
	}

	.page-id-78219 .blog-tag.information,
	.page-id-102895 .blog-tag.information {
	background: #901f48;
	}

	.page-id-78219 .blog-tag.community,
	.page-id-102895 .blog-tag.community {
	background: #146353;
	}

	.page-id-78219 .blog-tag.schools,
    .page-id-102895 .blog-tag.schools {
	background: #8a571b;
	}

	.page-id-78219 .blog-tag.travel,
	.page-id-102895 .blog-tag.travel {
	background: #362d9d;
	}

	.page-id-78219 .blog-tag.business,
	.page-id-102895 .blog-tag.business {
	background: #3d4958;
	}

	.page-id-78219 .blog-tag.preparing,
	.page-id-102895 .blog-tag.preparing {
	background: #2b3641;
	}


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

/*****************************************************************
/*----------------------------------------------------------------
PAGE BUILDER TEMPLATE - .GOV ONLY CHANGES
----------------------------------------------------------------/*
*****************************************************************/

.home #slides {
height: 750px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

.home #main-content {
margin-top: -220px;
}

.page-id-78219 .search-results-block,
.page-id-102895 .search-results-block {
margin-top: 0 !important;
}

.simple-page-title {
background: linear-gradient(135deg,#009dac 0%,#007cb7 100%);
background-size: cover !important;
width: 100%;
top: 0;
padding-top: 110px;
}

.simple-page-title .container {
height: 100%;
min-height: 180px;
display: flex;
align-items: center;
}


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

/*****************************************************************
/*----------------------------------------------------------------
SECTION SPECIFIC STYLING - CONTROL WITH CUSTOM CLASSES OR PRESETS
----------------------------------------------------------------/*
*****************************************************************

# - Jobs and careers
# - Libraries
# - Route1
# - Travel Somerset
# - Local Offer


/**
/*--------------------------------------------------------------
JOBS AND CAREERS
--------------------------------------------------------------*/


/*--------------------------------------------------------------
--  GLOBAL COMMANDS -- */

#jobs-and-careers .vanilla-content-block {
padding: 60px 0;
}

#jobs-and-careers .vanilla-content-block p:last-of-type {
margin: 0;
}

.gallery-item-title {
display: none !important;
}

		/* --- Titles --- */

		#jobs-and-careers .section-title {
		font-size: 48px;
		margin: 0 0 30px;
		}

		#jobs-and-careers .section-title:after {
		display: none;
		}

		    #jobs-and-careers .align-centre .custom-font {
		    margin: 0 0 60px;
		    }

		    #jobs-and-careers .section-title span {
		    display: block;
		    font-size: 28px;
		    }

		    #jobs-and-careers .section-title .counted {
		    display: inline;
		    font-size: inherit;
		    }


		/* --- Colour backgrounds --- */

		#jobs-and-careers .dark-background {
		background-color: #3d4958;
		}

		#jobs-and-careers .light-background {
		background: #4e3cd3;
		}

		#jobs-and-careers .green-background {
		background-color: #1f967e;
		}


    /* --- Low opacity Sparky BG --- */

    #jobs-and-careers .soft-sparky-right {
    background-image: url(/wp-content/uploads/2020/04/softBG.png);
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: bottom right;
    }

    #jobs-and-careers .soft-sparky-left {
    background-image: url(/wp-content/uploads/2020/04/softBGLeft.png);
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: bottom left;
    }

    #jobs-and-careers .soft-sparky-right-dark {
    background-image: url(/wp-content/uploads/2020/04/softBG-dark.png);
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: bottom right;
    }

    #jobs-and-careers .soft-sparky-left-dark {
    background-image: url(/wp-content/uploads/2020/04/softBGLeft-dark.png);
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: bottom left;
    }


/*--------------------------------------------------------------
--  MENU -- */

		/* --- Overlay block --- */

		#jobs-and-careers .overlay {
		background: #362d9d;
		background-image: url(/wp-content/uploads/2020/04/softBG.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: bottom right;
		}

		#jobs-and-careers .overlay .promo-block {
		display: none !important;
		}

		    #jobs-and-careers .base-menu-block {
		    background-color: transparent;
		    }

		    #jobs-and-careers .overlay .overlay {
		    background: #fff !important;
		    }


		/* --- Menu items --- */

		#jobs-and-careers #overlay-menu .new-menu > li  {
		border-bottom: 1px solid #534cac;
		}

		#jobs-and-careers .overlay .closebtn {
		color: #fff !important;
		}

		#jobs-and-careers #overlay-menu .new-menu > li > a {
		position: relative;
		font-size: 42px;
		font-weight: bold !important;
		padding: 30px 0;
		color: #fff;
		}

		#jobs-and-careers .base-menu-block ul > li > a {
		color: #fff;
		}

		    #jobs-and-careers .base-menu-block ul > li {
		    border-right: 1px solid #534cac;
		    }


		/* --- Footer menu items --- */

    #nav-footer-block .menu-item-97227,
    #nav-footer-block .menu-item-97235,
    #nav-footer-block .menu-item-97237 {
    display: none;
    }


/*--------------------------------------------------------------
--  PAGE INTRO SILDER -- */

    #jobs-and-careers #slides {
    height: 500px;
		padding-top: 0 !important;
		z-index: 2;
    }

		#jobs-and-careers #slides .content-container,
		#jobs-and-careers .emotive-grid .emotive-content-block {
		background: radial-gradient(circle at center left,#000,rgba(255,255,255,0) 80%);
		}

        .page-intro:after {
        content: url('/wp-content/themes/scc-frame/inc/img/svg-icons/indicator.svg');
        position: absolute;
        bottom: 15px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        }


    /*--------------------------------------------------------------
    --  FEATURED AND LATEST JOBS - jobs-featured-and-latest.php -- */

    #featured-and-latest-jobs {
    padding: 90px 0;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    }

    #featured-and-latest-jobs .section-title {
    margin: 0 0 30px !important;
    }

        #featured-and-latest-jobs .section-title:after {
        content: "";
        background: #4e3cd3;
        width: 50px;
        height: 4px;
        display: block;
        margin-top: 10px;
        }

    #featured-and-latest-jobs .col-lg:first-of-type {
    padding-right: 60px;
    }

    #featured-and-latest-jobs .col-lg:last-of-type {
    padding-left: 60px;
    border-left: 1px solid #e5e5e5
    }

        #featured-and-latest-jobs .job-title {
        margin: 0 0 10px;
        font-weight: bold;
        font-size: 28px;
        color: #4e3cd3;
        line-height: normal;
        }

        #featured-and-latest-jobs .job-location {
        font-size: 18px;
        font-weight: bold !important;
        border-bottom: 1px solid #e5e5e5;
        padding: 0 0 10px;
        margin: 0 0 20px;
        }

    .latest-job-block {
    overflow: hidden;
    position: relative;
    background: #00a0c4;
    border-radius: 4px;
    padding: 20px;
    margin: 0 0 20px;
    transition: all 0.3s ease;
    }

        .latest-job-block:after,
        #category-navigation .grid-image .key-link:after {
        content: '';
        position: absolute;
        width: 20%;
        height: 200%;
        background: rgba(255,255,255,0.1);
        z-index: 1;
        right: 0;
        top: 0;
        margin: -5px 0 0 -5px;
        -webkit-transform-origin: 0 0;
        -webkit-transform: rotate(-20deg);
        -moz-transform-origin: 0 0;
        -moz-transform: rotate(-20deg);
        -ms-transform-origin: 0 0;
        -ms-transform: rotate(-20deg);
        transform-origin: 0 0;
        transform: rotate(-20deg);
        }

        .latest-job-block p {
        margin: 0;
        color: #fff;
        font-weight: bold !important;
        text-align: left;
        }

        .latest-job-block p:after,
        #category-navigation .grid-image .key-link p:after {
        background-image: url(/wp-content/themes/scc-frame/inc/img/chevron-right-solid.svg);
        background-position: center 50%;
        background-repeat: no-repeat;
        background-size: 40%;
        border-radius: 0 30px 30px 0;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 32px;
        }

        .latest-job-block:hover,
        #category-navigation .grid-image:hover p {
        background: #00667d;
        }

        .latest-job-block:hover p:after,
        #category-navigation .grid-image:hover p:after  {
        right: 15px;
        }


    /*--------------------------------------------------------------
    --  JOB CATEGORY NAVIGATION - Front Page -- */

    #category-navigation {
    padding: 120px 0;
    background-color: #3d4958;
    }

        #category-navigation .grid-image {
        padding: 5px;
        }


        #category-navigation .grid-image {
        transition: all 0.2s ease-in-out;
        }

        #category-navigation .grid-image > div {
        min-height: 250px;
        position: relative;
        background-size: cover;
        }

        #category-navigation .grid-image p,
        #category-navigation .grid-image a {
        margin: 0;
        transition: all 0.2s ease-in-out;
        width: 100%;
        background: #1c9fc0;
        padding: 0;
        font-size: 16px;
		line-height: normal;
        text-align: left;
        border-radius: 0;
        overflow: hidden;
        }


    /*--------------------------------------------------------------
    --  JOB SEARCH - Search jobs page
		Currently deactivited -- */

    #job-search {
    padding: 0;
    border-top: 1px solid #e5e5e5;
    }

    #job-search #search-job-block {
    padding: 30px 0;
    background: #4736b9;
    }

        .job-search-title {
        margin: 40px 0 20px;
        font-weight: bold;
        font-size: 26px;
        }

        .category-selection {
        padding: 15px;
        background: #4e3cd3;
        color: #fff;
        margin: 0 0 10px;
        border-radius: 4px;
        }

            #job-search #navigation-job-block .location .category-selection {
            background: #4738bb;
            }

            #navigation-job-block .location a,
            #navigation-job-block .department a,
            #navigation-job-block a:active {
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
            }

            .category-selection.active {
            color: #0b0c0c;
            background-color: #ffdd00 !important;
            }

        .category-selection p {
        margin: 0;
        font-size: 16px;
        display: inline-block;
        }

        .category-selection .job-count {
        margin: 0;
        background: #3c2e9b;
        padding: 5px 15px;
        float: right;
        font-weight: bold !important;
        font-size: 20px;
        margin-top: -5px;
        }

            #job-search #navigation-job-block .location .category-selection span {
            background: #5946e4;
            }

            .category-selection.active .job-count {
            background: #ffcd00 !important;
            }


    /*--------------------------------------------------------------
    --  INSIDE THE COUNCIL BLOG WIDGET -- */

    #inside-the-council {
    padding: 60px 0;
    }

        #inside-the-council .news-box-image {
        background-size: cover;
        height: 200px;
        }

        #inside-the-council .news-box-border {
        display: block;
        height: auto;
        }


    /*--------------------------------------------------------------
    --  JOB ALERTS WIDGET -- */

	#talentSearchAgentFormLegend .btn {
	margin-top: 30px;
	}

	.email-alerts-signup,
    #email-alerts-signup {
    background: #eee;
    }

        .email-alerts-signup .emotive-link,
    	#email-alerts-signup .emotive-link {
        width: 100%;
        }

        .email-alerts-signup p,
    	#email-alerts-signup p {
        color: #000;
        }


    /*--------------------------------------------------------------
    --  CUSTOM DEPARTMENT SCROLLING ELEMENT - #service-scroller ID -- */

    #jobs-and-careers .slick-dots .slick-active button {
    background: #fff;
    }

        #jobs-and-careers .slick-dots li button {
        background: rgba(255, 255, 255, 0.25);
        }

    #service-scroller {
    padding: 80px 0 0;
    }

    #service-scroller .content-sliding-nav {
    padding: 0 0 40px;
    }

    #service-scroller .section-title {
    text-align: center;
    margin: 0 0 30px;
    }

    #service-scroller .abs {
    display: none;
    }

    #service-scroller .sliding-divider {
    background: url('/wp-content/uploads/2020/02/shadowBG.png');
    opacity: 1;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    position: absolute;
    }

    #service-scroller .content-column {
    padding: 80px 15px;
    flex: 0 0 100%;
    max-width: 100%;
    }

        #service-scroller .slick-current .nav-title {
        background: #fff;
        }

        #service-scroller .slick-current .nav-title p {
        color: #000 !important;
        }


        /* --- Investing in your development --- */

        #investing-in-development .section-title {
        display: none;
        }

        #investing-in-development .content-column .title {
        font-size: 48px;
        }


        /* --- Meet the team --- */

        #meet-the-team .content-column {
        padding-left: 40px;
        padding-right: 40px;
        }


        #meet-the-team .section-title {
        display: none;
        }

            #meet-the-team h4 {
            font-size: 28px;
            }

            #meet-the-team .content-column {
            border-left: 3px solid #fff;
            }

            #meet-the-team .right-align .content-column {
            border-right: 3px solid #fff;
            border-left: 0;
            }

            #meet-the-team .content-column:before {
            content: "";
            position: absolute;
            top: 50%;
            left: -4px;
            height: 4em;
            background-color: #4e3cd3;
            width: 5px;
            margin-top: -1em;
            }

                #meet-the-team .right-align .content-column:before {
                right: -4px;
                left: auto;
                }

            #meet-the-team .content-column:after {
            content: "\f10e";
            position: absolute;
            top: 50%;
            left: -0.5em;
            color: #fff;
            font-family: "Font Awesome 5 Free";
            margin-top: -0.2em;
            transition: .2s all ease-in-out, .4s transform ease-in-out;
            font-weight: 600;
            font-size: 24px;
            }

                #meet-the-team .right-align .content-column:after {
                right: -0.5em;
                left: auto;
                }

        #meet-the-team .content-column .title {
        font-size: 48px;
        }


        /* --- Roles --- */

        .tabbed-roles-list {
        padding: 60px 0;
        }

            .tabbed-roles-list #secondary {
            flex: 0 0 40%;
            max-width: 40%;
            padding: 0 15px;
            }

            .tabbed-roles-list #primary {
            flex: 0 0 60%;
            max-width: 60%;
            padding: 0 15px;
            }

            .tabbed-roles-list .tab-content {
            background: transparent;
            border: 0;
            padding: 0;
            }


                /* --- NAVIGATION --- */

                .tabbed-roles-list .page-anchors .nav-link {
                background: #00a0c4;
                margin: 0 0 20px;
                border-radius: 4px;
                border: 0 !important;
                }

                    .tabbed-roles-list .page-anchors li:last-of-type .nav-link {
                    margin: 0;
                    }

                .tabbed-roles-list .page-anchors .anchor {
                color: #fff;
                }

                .tabbed-roles-list .page-anchors .anchor:after {
                opacity: 1;
                }


                /* --- CONTENT --- */


                .tabbed-roles-list #primary .tab-content {
                border-radius: 4px;
                }

                .tabbed-roles-list .long-content {
                display: none;
                padding: 0;
                margin: 0;
                border-bottom: 0;
                }

                    .tabbed-roles-list .long-content.active {
                    display: block;
                    }

                .tabbed-roles-list .long-content .section-title {
                font-size: 26px !important;
                margin: 0 0 15px !important;
                }


    /*--------------------------------------------------------------
    --  BLOG WIDGETS - #blog  -- */

    #jobs-and-careers .search-results-block {
    margin: 0;
    border-top: 1px solid #e5e5e5;
    }

    #blog {
    padding: 60px 0;
    border-bottom: 1px solid #e5e5e5;
    }

    #latest-blog-widget {
    padding: 30px 0 60px;
    }

        .blog-link {
        position: relative;
        display: block;
        padding: 10px 15px;
        text-align: left !important;
        color: #fff !important;

        display: none;
        }

        #jobs-and-careers .search-results-block button {
        background: #4e3cd3;
        }

            .blog-link:after {
            background-image: url(/wp-content/themes/scc-frame/inc/img/chevron-right-solid.svg);
            background-position: center 50%;
            background-repeat: no-repeat;
            background-size: 40%;
            content: '';
            display: block;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 32px;
            color: #fff;
            }

        #blog .news-box-border {
        border: 0;
        }

		#blog .news-box .news-content {
		width: 100%;
		}

        #blog .news-box:nth-child(1) .news-content,
        #blog .news-box:nth-child(1) .blog-date {
        background: #f59c32;
        }

        #blog .news-box:nth-child(2) .news-content,
        #blog .news-box:nth-child(2) .blog-date {
        background: #1c9fc0;
        }

        #blog .news-box:nth-child(3) .news-content,
        #blog .news-box:nth-child(3) .blog-date {
        background: #1f967e;
        }

        #blog .news-title h4 {
        font-size: 24px;
        text-decoration: underline;
        }

        #blog .news-content h4,
        #blog .news-content p {
        text-align: left !important;
        color: #fff;
        }

    #jobs-and-careers #directory {
    background: #e9e9e9;
    }

    #jobs-and-careers #directory.blog .section-title,
    #jobs-and-careers #directory.blog .blog-tag {
    display: none;
    }

        #jobs-and-careers #directory.blog .tab-content .key-link {
        background: #4e3cd3;
        }

        #jobs-and-careers #directory.blog .tab-content > a {
        color: #000 !important
        }


		/*--------------------------------------------------------------
		--  JOB ALERTS  -- */

    #job-alerts {
    padding: 60px 0;
    }

        #job-alerts .key-link {
        margin: 20px 0 0;
        }


    /* --- Job vacancies - 3 buttons --- */

    #job-vacancies {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    }


		/*--------------------------------------------------------------
		--  JOB MAPS  -- */

    #jobs-and-careers #map {
    height: 100vh;
    }

    #jobs-and-careers #map #default-map {
    height: 100% !important;
    }

    #jobs-and-careers #map .custom-popup .tab-content {
    background: #3d4959;
    color: #fff;
    border: 0;
    }


		/*--------------------------------------------------------------
		--  JOB ICON GRID - used on location pages  -- */

    #icon-grid {
    background: #3d4959;
    padding: 60px 0;
    }

    #icon-grid .custom-font {
    margin: 0 0 30px !important;
    }

    #icon-grid .grid-image {
    margin-top: 30px;
    padding: 0 15px;
    }

        #icon-grid .grid-image > div {
        background-size: auto;
        background-position: 50% 20%;
        background-repeat: no-repeat;
        padding: 80px;
        background-color: rgba(0,0,0,0.1);
        border-radius: 10px;
        }

        #icon-grid .grid-image p {
        margin: 0;
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        color: #000;
        font-weight: bold !important;
        }

    #council-history,
    #council-in-numbers {
    padding: 100px 0;
    }

    #council-history .grid-image > div {
		display: flex;
		height: 100%;
    padding: 0;
    }

    #council-history .grid-content {
    padding: 30px;
    background: #5f4afc;
    }

        #council-history .grid-content h4,
        #council-history .grid-content p {
        color: #fff !important;
        }

    #council-in-numbers .grid-image > div {
    background: #4e3cd3;
    border-radius: 4px;
    }


		/*--------------------------------------------------------------
		--  FEEDBACK FOOTER - #reviews  -- */

    .glassdoor .slick-arrow,
    .indeed .slick-arrow {
    display: none !important;
    }

    #reviews .slick-dots {
    margin-top: 20px;
    }

    .glassdoor,
    .indeed {
    padding: 60px;
    }

        .glassdoor {
        background: #01893E;
        }

            .glassdoor .review-logo {
            margin-top: 5px;
            }

        .indeed {
        background: #3260a9;
        }


    .review-svg {
    max-height: 40px;
    max-width: 200px;
    }

        .review-logo {
        float: right;
        }

        .review-quote {
        margin: 50px 0 0;
        color: #fff;
        line-height: 24px;
        }


		/*--------------------------------------------------------------
		--  JOBS API FEED - jobs-feed.php  -- */

    .all-jobs-title {
    font-weight: bold;
    margin: 10px 0 20px;
    font-size: 32px;
    }

        .all-jobs-title:after {
        content: "";
        background: #4e3cd3;
        width: 50px;
        height: 4px;
        display: block;
        margin-top: 10px;
        }


        /* --- Filters --- */

        .filter-terms {
        margin: 0 0 10px;
        }

        .clear-filters {
        display: block;
        text-align: right;
        margin: 0 0 10px;
        font-size: 16px;
        color: #000 !important;
        text-decoration: underline;
        float: right;
        }

            .clear-filters .filter-clear {
            float: none;
            }

        .job-filter-block .categories {
        height: 260px;
        overflow: hidden;
        transition: all 0.3s ease;
        }

            .job-filter-block .more {
            display: block;
            font-size: 15px;
            color: #797979;
            text-decoration: underline;
            font-weight: bold !important;
            }

            .job-filter-block input[type=submit] {
            width: 100%;
            background: #4e3cd3 ;
            margin: 20px 0 0;
            }


        /* --- Data block --- */

        .data-block {
        margin: 0 0 30px;
        }

        .data-block .tab-content {
        padding: 20px;
        border-radius: 4px;
        }

            /* --- Data meta --- */

            .data-block .data-meta-list {
            margin: 0;
            list-style: none;
            background: #f5f5f5;
            border: 1px solid #e5e5e5;
            }

            .data-block .directory-title {
            color: #4e3cd3;
            margin: 0 0 15px;
            }

            .data-block .data-meta-list li {
            border-right: 1px solid #e5e5e5;
            display: inline-block;
            padding: 5px 20px;
            font-weight: bold !important;
            font-size: 16px;
            }

                .data-block .data-meta-list li:last-of-type {
                border-right: 0;
                }

            /* --- Data CTA --- */

            .data-cta {
            display: flex;
            justify-content: flex-end;
            align-items: flex-end;
            margin-left: 15px;
            padding-left: 30px;
            border-left: 1px solid #e5e5e5;
            }

            .data-cta .key-link {
            border: 0 !important;
            width: 100%;
            }

            .data-cta .closing-date {
            position: absolute;
            top: 0;
            width: 100%;
            text-align: right;
            }

            .data-cta .closing-date p {
            font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
            font-size: 15px;
            margin: 0;
            }

            .data-cta .closing-date h5 {
            font-weight: bold !important;
            margin: 0;
            font-size: 18px;
            }

        /* --- Latest vacancies widget --- */

        #latest-vacancies-widget {
        background: #fff;
        border-top: 1px solid #e5e5e5;
        }


		/*--------------------------------------------------------------
		--  SINGLE JOBS TEMPLATE  -- */

		.more-detail {
		padding: 60px 0;
		}

    #single-job-template {
    padding: 0;
    }

    #single-job-template .first-content-block {
    background-image: url(/wp-content/themes/scc-frame/inc/img/bgReverse.svg);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: right top;
    padding-bottom: 92px;
    }

    #single-job-template .single-meta {
    background: #3f30a8;
    }

        #single-job-template .search-again {
        margin-top: -92px;
        }

        #single-job-template .description h4 {
        font-weight: bold;
        border-top: 1px solid #e5e5e5;
        padding-top: 24px;
        margin: 0 0 15px;
        }

            #single-job-template h4:after {
            content: "";
            background: #c92e6f;
            width: 50px;
            height: 4px;
            border-radius: 2px;
            display: block;
            margin-top: 6px;
            }

        #single-job-template .description h4:first-of-type {
        padding: 0;
        border: 0;
        }

    #single-job-template .single-sidebar .tab-content {
    padding: 20px;
    height: auto;
    margin: 0 0 30px;
    }

        .single-sidebar .tab-content h4 {
        font-weight: bold;
        }

        .single-sidebar .tab-content .file-download {
        font-weight: bold !important;
        text-decoration: underline;
        }

        .single-sidebar .tab-content .file-size {
        display: block;
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        margin-top: 5px;
        }

    .single-sidebar .detailed-information p {
    margin: 0 0 10px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 10px;
    font-weight: bold !important;
    }

        .single-sidebar .detailed-information .meta-block a {
        font-size: 14px;
        font-weight: bold !important;
        text-decoration: underline;
        }

        .single-sidebar .detailed-information .meta-block:last-of-type p {
        border: 0;
        margin: 0;
        padding: 0;
        }


/*****************************************************************
/**
/*--------------------------------------------------------------
LIBRARIES
--------------------------------------------------------------*/

#libraries .menu-block,
#libraries .base-menu-block {
background: #5357d7;
}

    #libraries #overlay-menu > ul li {
    border-bottom: 1px solid #7679e9;
    }

    #libraries #overlay-menu .new-menu > li > a,
    #libraries .overlay .sub-menu a,
    #libraries .overlay .closebtn {
    color: #fff;
    }

    #libraries .base-menu-block ul > li > a {
    color: #fff;
    }

    #libraries #page-menu .section-title:after {
    content: "";
    background: #5357d7;
    width: 50px;
    height: 4px;
    display: block;
    margin-top: 10px;
    }

#libraries #slides {
clip-path: none;
-webkit-clip-path: none;
background: url('/wp-content/uploads/2019/04/bgBanner.png');
background-size: cover;
background-position: center;
background-color: #5357d7;
padding-top: 0 !important;
}

#libraries .image-slide:after {
background: #5357d7;
}

    #libraries #slides .slider-content {
    padding-top: 100px;
    }

    #libraries .dark-background .page {
    background: #4b4fcd;
    }

    #libraries .dark-background .page:nth-child(odd) {
    background: #5357d7;
    }

    #libraries .page:nth-child(odd) .emotive-content-block {
    text-align: right;
    }

    #libraries .page:nth-child(odd) .content-column {
    float: right;
    justify-content: flex-end;
    }

#libraries .section-title:after {
display: none;
}

#libraries .key-link {
background: #5357d7;
border: 2px solid #fff;
}

.course-meta {
background: #3d2fa8;
}

.key-link.emotive-link.tour {
display: block !important;
}

.page-id-1234 .bold-alert {
    display: none;
}


/*****************************************************************
/**
/*--------------------------------------------------------------
ROUTE1
--------------------------------------------------------------*/

#route1 .menu-block,
#route1 .base-menu-block {
background: #eb5932;
}

		#route1 #overlay-menu > ul li {
		border-bottom: 1px solid #c24726;
		}

		#route1 #overlay-menu .new-menu > li > a,
		#route1 .overlay .sub-menu a {
		color: #fff;
		}

		#route1 .base-menu-block ul > li > a {
		color: #fff;
		}

#route1 #slides {
padding-top: 0 !important;
}

	  #route1 #slides .slider-content {
	  padding-top: 100px;
	  }

#route1 .emotive-grid .emotive-content-block,
#route1 #slides .content-container {
background: linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgb(247, 202, 24, 1) 100%);
}


#route1 .section-title {
font-size: 48px;
margin: 0 0 20px;
}

#route1 .section-title:after {
display: none;
}


    /*****************************************************************
    /**
    /*--------------------------------------------------------------
    ROUTE1 - KEIR
    --------------------------------------------------------------*/

    #route1 .section-title {
    line-height:55px;
}

    #gallery-block-one .section-title span, #gallery-block-two .section-title span {
    font-family: 'Etelka Ligh Prot' !important;   
    font-size: 55px;
    font-weight:bold;
    }

    #gallery-block-one .section-title:after, #gallery-block-two .section-title:after {
    background: #f6ba00;
    display: block;
    width: 100%;
    }

    .yellow-title {
    color:#f44336 !important;   
    }


    .yellow-background {
    background-color: rgb(33, 54, 133) !important;
    background: linear-gradient(0deg, rgba(255, 246, 143, 1) 0%, rgba(247, 202, 24, 1) 100%);
    }

		#route1 .key-link,
		#route1 .emotive-link {
		background: #eb5932;
		}

    .blue-background {
    background-color: rgb(33, 54, 133) !important;
    background: linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgb(238, 238, 0, 1) 100%);
    }

    #gallery-block-two .section-title span, #about-content .section-title span  {
    color:#213686;
    }

    .content-gallery:nth-child(odd) .abs .row {justify-content: flex-start !important;}

    .content-gallery:nth-child(odd) .container:last-of-type .row {
    justify-content: flex-end;
    }

    #route1 .custom-font {
    font-size: 60px;
    font-weight:bold !important;
    }

    #route1 .gallery-item-title {
    display:none;
    }

    #about-content {
    padding: 30px 0;}

    #about-content .container  {
    background-size: 15%!important;
    background-repeat: no-repeat;
    background-position: top right;
    }

    #route1 .page-intro:after {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    }

/*****************************************************************
/**
/*--------------------------------------------------------------
TRAVEL SOMERSET
--------------------------------------------------------------*/


		/*--------------------------------------------------------------
		--  GLOBAL COMMANDS -- */

		#travel-somerset .simple-page-title {
		background-position: center !important;
		}

		#travel-somerset .key-link,
		#travel-somerset .emotive-link {
		background: #3c78d3;
		}

		#travel-somerset #slides {
		padding-top: 0 !important;
		}

		#travel-somerset #slides .slider-content {
		padding-top: 100px;
		}

		#travel-somerset #slides .key-schemes {
		color: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
		border-right: 1px solid #fff;
		}

		#travel-somerset #slides .key-schemes h4,
		#travel-somerset #slides .key-schemes p {
		margin: 0;
		}

		#travel-somerset #slides .key-schemes:last-of-type {
		border-right: 0;
		}

		#travel-somerset #slides hr {
		margin: 10px 0;
		}

		#travel-somerset #slides .content-container {
		background: radial-gradient(circle at center left,#000,rgba(255,255,255,0) 80%);
		}

		#travel-somerset .simple-page-title:after {
		background: radial-gradient(circle at center left,#000,rgba(255,255,255,0) 80%);
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: ' ';
		position: absolute;
		}

		#travel-somerset .simple-page-title .page-header {
		z-index: 1;
		position: relative;
		}


		/*--------------------------------------------------------------
		--  TWITTER FEEDS -- */

		#travel-somerset .twitter-feed {
		background: #3d4959;
		}

		#travel-somerset .twitter-feed .container {
		display: flex;
		}

		#travel-somerset .twitter-feed .aptf-tweets-wrapper {
		padding-right: 30px;
		}

		#travel-somerset .twitter-feed .aptf-template-1 .aptf-tweet-content {
		background: #fff;
		border-radius: 4px;
		font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		}

		#travel-somerset .aptf-single-tweet-wrapper {
		position: relative;
		margin: 0;
		}

		#travel-somerset .aptf-single-tweet-wrapper p,
		#travel-somerset .aptf-single-tweet-wrapper a,
		#travel-somerset .aptf-follow-btn {
		color: #fff;
		}

		#travel-somerset .aptf-template-1 .aptf-tweet-date {
		float: left;
		}

		#travel-somerset .aptf-timestamp {
		position: absolute;
		right: 15px;
		bottom: 5px;
		}

		#travel-somerset .aptf-timestamp > a {
		font-size: 14px;
		color: #000;
		}

		#travel-somerset .aptf-template-1 .aptf-tweet-content:before,
		#travel-somerset .aptf-template-1 .aptf-tweet-content:after {
		display: none;
		}

		#travel-somerset .aptf-follow-btn {
		height: auto;
		padding: 5px 10px;
		background-image: none;
		background-color: #3c78d3;
		font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-shadow: none;
		font-size: 16px;
		border: 2px solid #fff;
		}

		#travel-somerset .aptf-follow-btn i {
		display: none;
		}

		#travel-somerset .aptf-follow-btn .label {
		padding: 0;
		}


		/*--------------------------------------------------------------
		--  INRIX FEED -- */

		#travel-somerset .custom-deck .slick-list {
		overflow: visible;
		}

		#travel-somerset .shading {
		width: 20%;
		height: 100%;
		top: 0;
		position: absolute;
		z-index: 2;
		background: linear-gradient(to right, rgba(237,237,237,0) 0%, rgba(237,237,237,0.5) 24%, rgba(237,237,237,0.8) 50%, rgba(237,237,237,1) 75%);
		right: 0;
		}

		.live-alert{
		border-radius: 4px;
		padding: 10px;
		margin: 8px 0px;
		background: #fff;
		position: relative;
		}

		.live-alert h4 {
		font-size: 22px;
		font-weight: 600;
		margin: 0 0 10px;
		padding: 0 0 5px;
		color: black;
		border-bottom: 1px solid #e5e5e5;
		}

		.live-alert p {
		margin: 0 0 15px;
		}

		.time-stamp {
		text-align: left;
		font-size: 15px;
		margin: 0 -10px -10px !important;
		padding: 10px;
		background: #f0f0f0;
		border: 1px solid #e4e4e4;
		}

		.live-alert span {
		position: absolute;
		right: 10px;
		bottom: 10px;
		padding: 3px 10px;
		border-radius: 4px;
		}

		.live-alert-1 {
		border: 1px solid #2c8aff;
		border-left-width: 5px;
		}

				.live-alert-1 h4:before {
				content: '\f06a';
				font-family: 'Font Awesome 5 Free';
				color: #3d3d3d;
				padding: 8px;
				font-size: 18px;
				}

				.alert-1 {
				background: #2c8aff;
				color: #fff;
				}

						.alert-1:before {
						content: 'Minor';
						}

		.live-alert-2 {
		border: 1px solid #2c8aff;
		border-left-width: 5px;
		}

				.live-alert-2 h4:before {
				content: '\f06a';
				font-family: 'Font Awesome 5 Free';
				color: #3d3d3d;
				padding: 8px;
				font-size: 18px;
				}

				.alert-2 {
				background: #2c8aff;
				color: #fff;
				}

						.alert-2:before {
						content: 'Minor';
						}

		.live-alert-3 {
		border: 1px solid #f3b803;
		border-left-width: 5px;
		}

				.live-alert-3 h4:before {
				content: '\f06a';
				font-family: 'Font Awesome 5 Free';
				color: #3d3d3d;
				padding: 8px;
				font-size: 18px;
				}

				.alert-3 {
				background: #f3b803;
				color: #fff;
				}

						.alert-3:before {
						content: 'Moderate';
						}

		.live-alert-4 {
		border: 1px solid #d70000;
		border-left-width: 5px;
		}

				.live-alert-4 h4:before {
				content: '\f071';
				font-family: 'Font Awesome 5 Free';
				color: #3d3d3d;
				padding: 8px;
				font-size: 18px;
				}

				.alert-4 {
				background: #d70000;
				color: #fff;
				}

						.alert-4:before {
						content: 'Severe';
						}

		.live-alert-5 {
		border: 1px solid #d70000;
		border-left-width: 5px;
		}

				.live-alert-5 h4:before {
				content: '\f071';
				font-family: 'Font Awesome 5 Free';
				color: #3d3d3d;
				padding: 8px;
				font-size: 18px;
				}

				.alert-5 {
				background: #d70000;
				color: #fff;
				}

						.alert-5:before {
						content: 'Severe';
						}

		[cleared="True"] {
		border-color: #4CAF50 !important;
		opacity: 0.6 !important;
		}

		[cleared="True"] h4:before {
		content: '\f00c';
		font-family: 'Font Awesome 5 Free';
		color: #3d3d3d;
		padding: 8px;
		font-size: 18px;
		}


		/*--------------------------------------------------------------
		--  LATEST ROADWORKS -- */

		#travel-somerset #latest-roadworks {
		background: #fff;
		border-top: 1px solid #e5e5e5 !important;
		}

		#travel-somerset #latest-roadworks .col-lg-5 {
		border-left: 1px solid #e5e5e5;
		}

		#travel-somerset #latest-roadworks .custom-font {
		display: block;
		font-size: 22px;
		}

		#travel-somerset #latest-roadworks .key-link:last-of-type {
		margin-left: 15px;
		}


		/*--------------------------------------------------------------
		--  KEY ROADWORKS FEED -- */

		#travel-somerset #latest-news {
		border-top: 1px solid #e5e5e5 !important;
		}

				/* --- KEY ROADWORKS --- */

				#travel-somerset .directory-title {
				border-bottom: 1px solid #e5e5e5;
				padding: 0 0 10px;
				font-weight: bold;
				color: #000;
				}

				/* Custom directory table style */

				#travel-somerset .directory-table > div:first-of-type label {
				display: none;
				}

				#travel-somerset .directory-table > div:first-of-type strong {
				font-weight: 400;
				}

				#travel-somerset .directory-table .key-link {
				width: 100%;
				}

				#travel-somerset .directory-table .value:nth-child(4),
				#travel-somerset .directory-table .value:nth-child(5) {
				flex: 0 0 50%;
				}

					/*--------------------------------------------------------------
				--  ESOL -- */
				.page-id-65365 .search-results-block {
    			margin-top: -82px;
				}


/*****************************************************************
/**
/*--------------------------------------------------------------
LOCAL OFFER
--------------------------------------------------------------*/

#local-offer .key-link {
background: #a745a3;
border: 2px solid #fff;
}

#local-offer .simple-page-title {
background-size: cover !important;
}

#local-offer #slides {
padding: 0 !important;
height: 600px;
}

#local-offer #slides .slider-content {
margin-top: -80px;
}

#local-offer .page-header {
z-index: 1;
position: relative;
}

    #local-offer .simple-page-title:after,
	#local-offer #slides .content-container:after {
    background: linear-gradient(135deg,#5028ef 0%,#966507 100%);
    opacity: 0.75;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    position: absolute;
    }

    #local-offer .event-title {
    color: #a745a3;
	padding-right: 120px;
	line-height: normal;
    }

    #local-offer .category-label {
    background: #a745a3 !important;
    }

    /* Custom directory filters - exclude categories */

    #local-offer #type_of_event,
    #local-offer label[for="type_of_event"],
    #local-offer #event_locations,
    #local-offer label[for="event_locations"] {
    display: none;
    }

.hide-fields {
    visibility: hidden;
}

/*****************************************************************
/**
/*--------------------------------------------------------------
CLIMATE CHANGE
--------------------------------------------------------------*/

#climate-change .download-link {
width: 100%;
padding: 20px 20px 20px 60px;
background: #fff;
cursor: pointer;
text-align: left;
text-decoration: none;
vertical-align: middle;
position: relative;
display: inline-block;
font-weight: 600!important;
border: 1px solid #e5e5e5;
color: #000;
}

#climate-change #slides {
height: 500px;
}

	#climate-change .download-link:before {
	content: '\f1c1';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 30px;
    opacity: 1;
    transition: all 0.2s ease-in-out;
	position: absolute;
	color: #c92e6f;
	left: 20px;
	transform: translate(0, -50%);
    top: 50%;
	}

	#climate-change .download-link:after {
	content: '\f019';
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 16px;
	opacity: 0.5;
	transition: all 0.2s ease-in-out;
	position: absolute;
	right: 20px;
	transform: translate(0, -50%);
    top: 50%;
	}

	#climate-change .download-link span {
	display: block;
    font-size: 16px;
    font-weight: 400;
	}

#climate-change .quick-bar.coronavirus {
display: none;
}

#climate-change .grey-block {
background: #fff;
padding: 60px 0 30px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}

	#climate-change .grey-block h4 {
	font-weight: bold;
    font-size: 28px;
	}

#climate-change .logo-bg {
background-image: url(/wp-content/uploads/2020/10/climate-change-bg.png);
background-size: contain !important;
background-repeat: no-repeat;
background-position: bottom right;
}

	#climate-change .logo-bg-left {
	background-image: url(/wp-content/uploads/2020/10/climate-change-bg-left.png);
	background-size: contain !important;
	background-repeat: no-repeat;
	background-position: bottom left;
	}

#climate-change .section-title {
font-size: 28px;
}

#climate-change .full-width-block .section-title {
color: #fff;
font-size: 48px;
}

	#climate-change .full-width-block .section-title:after {
	display: none;
	}

#climate-change #slides {
padding-top: 0 !important;
}

#climate-change .cta-block {
background: #009651;
}

#climate-change .full-width-block {
padding: 60px 0 30px;
}

	#climate-change .full-width-block:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 37%;
	height: 100%;
	background: #00713d;
	z-index: -1;
	}

	#climate-change .full-width-block .col-lg-4 {
	display: flex;
	align-items: center;
	}

	#climate-change .full-width-block .content {
	padding: 0 15px 0 60px;
	}

#climate-change #climate-news,
#climate-change #climate-events {
padding: 90px 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background: #fff;
}

#climate-change #climate-events span {
font-weight: bold;
color: #00713d;
display: block;
margin-bottom: 15px;
}

#climate-change #council-logos {
background: #2c3642;
padding: 60px 0 30px;
text-align: center;
}


#climate-slide .slick-dots li button {
    background: rgba(0, 0, 0, 0.2);
}


#climate-slide .slick-dots .slick-active button {
    background: rgba(0, 0, 0, 0.6);
}

#climate-slide .slick-prev:after, .slick-next:after {
    color: #fff;
}

#climate-slide .slick-next, .slick-prev {
    background-color: #000;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

#climate-slide .slick-arrow {
    opacity: 0.7;
}

#climate-slide .slick-arrow:hover, .slick-arrow:focus {
    opacity: 0.5;
    background: #000 !important;
}

#climate-slide .section-title {
    padding-top: 30px;
}



/*FAQ styling */
.faq-content {
    display: none;
}
.faq-content.active {
    display: inline !important;
}
.tab-content.faq.section-title {
    padding-top: 20px;
}
.page-anchors .anchor {
    padding-right: 20px;
}

@media only screen and (max-width: 991px) {
.faq-content {
    display: inline;
}
#secondary.faq {
        display: none !important;
}
}



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

/*****************************************************************
/*----------------------------------------------------------------
ADDITIONAL CSS - EXTERNAL SYSTEMS etc.
----------------------------------------------------------------/*
*****************************************************************/

/*--------------------------------------------------------------
--  HIGHWAYS REPORT IT -- */

.highways-report-it {
padding-bottom: 0;
}

    .highways-report-it:last-of-type {
    padding-bottom: 30px;
    }

.highways-report-it .rich-content {
padding-top: 30px;
}

.highways-report-it .rich-content-link > div {
min-height: 300px;
padding: 15px;
display: flex;
align-items: flex-end;
justify-content: center;
background-color: #fff;
border: 1px solid #e5e5e5;

background-size: 50%;
background-repeat: no-repeat;
background-position: 50% 30%;
}

.highways-report-it .rich-content-link .grid-content {
width: 100%;
}

.highways-report-it .rich-content-link h4 {
font-size: 24px !important;
margin: 0;
color: #c92e6f;
text-align: center;
text-decoration: underline;
font-weight: bold !important;
}

.highways-report-it .rich-content h4,
.highways-report-it .rich-content p,
.highways-report-it .rich-content li {
color: #000 !important;
}


/*--------------------------------------------------------------
--  CONTACT CENTRE WEBCHAT -- */

.webchat-holder {
position: fixed;
bottom: 0;
right: 30px;
z-index: 6;
}

.envoke-webchat {
border-radius: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

.webchat {
min-height: 400px !important;
box-shadow: 0 8px 30px rgba(69,86,88,.2);
}

.webchat-close {
position: absolute;
right: 0;
top: -40px;
}

		/* --- Chat window --- */
		/* --- Genesys changes --- */
.cx-webchat .cx-form {
    background: #fff;
    color: #666
}

.cx-common-container .cx-titlebar {
    background: #c92e6f !important;
}

.cx-common-container .cx-footer {
    background: #2b36426f;
}
.cx-widget button {
    background: #c92e6f !important;
    border: none !important;
    margin-bottom: 20px !important;
}

.cx-widget.cx-theme-dark .cx-branding *, .cx-widget.cx-theme-dark .cx-footer * {
    fill: #fff;
}

.cx-widget.cx-theme-dark .cx-form-control {
    background: #e5e5e5 !important;
}
.cx-widget.cx-theme-dark .cx-form-control::placeholder {
    color: #333 !important;
}

.cx-webchat .cx-transcript {
    background: #fff !important;
}

.cx-widget.cx-theme-dark .cx-form-control {
    color: #000 !important;
}

.cx-NewTextBubble {
    background: #3d4959 !important;
    border-radius: 5px !important;
}
.cx-message-input::placeholder {
    color: #333 !important;
}
.cx-date {
    color: #000 !important;
}

/* --- original code --- */
		table:nth-child(odd) {
		padding: 15px;
		margin: 0 0 15px;
		}

		.send-message-block {
		padding: 15px;
		border-top: 1px solid #e5e5e5;
		}

		.send-message-block textarea {
		height: 85px;
		}

		.send-message-block .key-link {
		font-size: 18px;
		height: auto;
		width: 49%;
		margin: 10px 0 10px;
		}

		.send-message-block a.key-link {
		margin: 0;
		}

		@media only screen and (min-width: 560px) {
				.send-message-block .key-link {
					width: 100% !important;
				}

				.send-message-block textarea {
					height: 100% !important;
				}
		}

				@media only screen and (max-width: 767px) {
				.envoke-webchat.key-link:after {
					display: none !important;
				}
		}



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

/*****************************************************************
/*----------------------------------------------------------------
MOBILE STYLING
----------------------------------------------------------------/*
*****************************************************************/

/*--------------------------------------------------------------
--  TABLET AND BELOW -- */

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

		/*--------------------------------------------------------------
		--  GLOBALS -- */

.blog.archive .event-image {
display: none;
}

		    #background-block {
		    clip-path: none;
		    }

		    #background-block .image-slide {
		    background-position: -30%;
		    background-size: cover;
		    }

		    .simple-page-title .container {
		    min-height: 120px;
		    }

				/* --- COOKIE MESSAGE --- */

				#cookies {
				max-width: 100%;
			  	right: 0px;
			  	bottom: 0px;
				}

				/* --- CONTACT US --- */

		    .page-template-template-contact .no-gutters {
		    background: #f5f5f5;
		    }
	
			.page-template-template-contact .core-box-nav {
			padding: 0;
			}

		    .page-template-template-contact .contact-us-page-intro h4 {
		    display: none;
		    }

		/*--------------------------------------------------------------
		--  CONTENT PAGES -- */

    #primary {
    padding: 15px;
    }

    .content-titles-block .page-details label:last-of-type {
    margin: 0;
    }

    #content .download-link {
    padding: 0;
    }

        #content .downloads-wrap .file-icon,
        #content .downloads-wrap .file-description:after {
        display: none;
        }

        #content .downloads-wrap .file-description {
        width: 100%;
        padding: 15px;
        }

        #content #secondary,
        #content-c #secondary {
        display: block;
        position: relative;
        padding: 0 15px;
        }

        #content .page-anchors {
        border: 1px solid #e5e5e5;
        border-bottom: 0;
        background: #fff;
        padding: 15px;
        }

        #content .page-details {
        margin: 0 0 15px;
        }

            #content .page-anchors .nav-link {
            padding: 2px 0;
            border: 0 !important;
            background: transparent;
            }

            #content .page-anchors .anchor {
            font-size: 18px;
            text-decoration: underline;
            }

            #content .page-anchors a:before {
            content: '- ';
            }

            #content .page-anchors .anchor:after {
            display: none;
            }


		/*--------------------------------------------------------------
		--  PAGE BUILDER MICROSITES -- */

		/* --- DIRECTORIES --- */

		.directory-padding {
		padding-bottom: 30px;
		}

		.directory-padding .page-header {
		padding-top: 20px;
		}

		.search-results-block {
		margin-top: 0;
		border-bottom: 1px solid #e4e4e4;
		}

		.search-results-block button {
		margin-top: 15px !important;
		}

		#filter-block {
		margin-bottom: 30px;
		}

		#filter-block > h4,
		#results-block > h4  {
		margin: 0 0 10px;
		}

				#directory .event-image,
				#directory .event-info {
				padding: 0 15px;
				}

				.recurring-flag {
				top: -20px;
				right: 0;
				}

				.event-title {
				margin: 10px 0 15px;
				}

				.provider-address {
				margin: 0;
				}

				/*--------------------------------------------------------------
				--  JOBS AND CAREERS -- */

				#jobs-and-careers .overlay .closebtn {
				color: #000 !important;
				}

				#single-job-template .first-content-block {
				background-image: none;
				}

				.single-meta .single-data p {
				border-bottom: 1px solid rgba(245, 245, 245, 0.25);
				padding-bottom: 5px;
				}

						.single-meta .single-data:last-of-type p {
						border: 0;
						padding-bottom: 0;
						}

				.single-sidebar {
				margin-top: 20px;
				}

				.data-block .directory-title {
				font-size: 24px;
				}

				.data-block .data-meta-list li {
				display: block;
				border-right: 0;
				border-bottom: 1px solid #e5e5e5;
				}

						.data-block .data-meta-list li:last-of-type {
						border: 0;
						}

				.data-cta {
				display: block;
				margin: 0;
				padding: 0 15px;
				border: 0;
				}

						.data-cta .closing-date {
						position: relative;
						}

				#jobs-and-careers #filter-block {
				display: none;
				}

				#service-scroller {
				padding: 30px 0;
				}

				#service-scroller .content-sliding-nav {
				padding: 0;
				}

				#meet-the-team .content-column {
				padding: 30px 15px;
				margin-right: 25px;
				border-right: 3px solid #fff;
				border-left: 0;
				}

						#meet-the-team .content-column:before,
						#meet-the-team .content-column:after {
						right: -4px;
						left: auto;
						}

						#meet-the-team .content-column:after {
						right: -0.5rem;
						}

				#overlay-menu .new-menu > li a:after {
				font-size: 32px;
				}

				.page-intro .slick-dots {
				display: none !important;
				}

				#featured-and-latest-jobs {
				padding: 30px 0;
				}

				#featured-and-latest-jobs .col-lg {
				padding: 0 15px !important;
				}

				#featured-and-latest-jobs .col-lg:last-of-type {
				border-left: 0;
				border-top: 1px solid #e5e5e5;
				padding-top: 30px !important;
				margin-top: 30px !important;
				}

						#category-navigation {
						padding: 30px 0;
						}

						#category-navigation .grid-image {
						padding: 0 15px 15px;
						}

				#blog {
				padding: 30px 0;
				}

				#blog .button-holder {
				margin: 0;
				}

				#social-feed {
				padding: 30px 0;
				}

				.review-logo {
				float: none;
				}

				.glassdoor,
				.indeed {
				padding: 30px;
				}

				.navigation-footer-menu > li {
				flex: 0 0 100% !important;
				margin: 0 0 20px;
				}

						.navigation-footer-menu > li.menu-item-97229 {
						margin: 0;
						}

						.navigation-footer-menu > li.menu-item-97229 li {
						width: 100%;
						}

				#reviews .indeed .align,
				#reviews .glassdoor .align {
				text-align: center;
				}

				#reviews .indeed .col-lg-6:last-of-type .align,
				#reviews .glassdoor .col-lg-6:last-of-type .align {
				margin-top: 10px;
				}


				/*--------------------------------------------------------------
				--  LIBRARIES -- */

        #libraries .page:nth-child(odd) .emotive-content-block {
        text-align: left;
        }

        #libraries .page {
        padding: 0 !important;
        }

        #libraries .emotive-box-border,
        #libraries #slides div {
        background-image: none !important;
        }

        #libraries .page-menu-block {
        margin: 0 0 15px;
        padding-left: 5px;
        }
	

    	#local-offer .event-title { 
		padding-right: 0;
		}
	
	
	
	
	#climate-change .full-width-block:before {
	display: none;
	}
	
	#climate-change .full-width-block .section-title {
	color: #000;
	}
	
	#climate-change .full-width-block .content {
	padding: 0 15px;
	}
	
	#climate-change #climate-news, 
	#climate-change #climate-events {
	padding: 30px 0;
	}


	/*--------------------------------------------------------------
	--  HIGHWAYS - REPORT IT -- */

	.highways-report-it {
		padding: 0;
		color: #000 !important;
	}
	
	.highways-report-it .rich-content {
		padding: 30px 0;
	}

	.highways-report-it .grid-image {
		margin: 0 0 30px;
	}
	
	.highways-report-it .rich-content h4 {
		font-size: 24px !important;
	}

}

/*--------------------------------------------------------------
--  MAILPOET SIGNUP -- */
@media only screen and (min-width: 768px) {
#newsletter-signup {
    height: 450px;
}
}