/*
Theme Name: DALC II
Author: Paul Barrett
Theme URI: http://oxygenagency.co.uk
Author URI: http://oxygenagency.co.uk
Description: Updated Template for Devon Association of Local Councils
Version: 1.0
*/
body, html {
	font-size: 16px;
}
body{
	background-color: #f1f2f2;
	font-family: 'Lato', sans-serif;
}

a{ font-family: 'Lato', sans-serif;	}

h1, h2, h3 {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.1em;
}

[class^="heading-"]:before {
	margin-right: 12px;
}

body>.row{}

.full-width-white{ background-color: white; }

.full-width-white>div{}

/*Font Colours*/
.fpfeed.news h2 a,
.fpfeed.news h2,
.blue-grey {
	color: #a4b9c5;
}
.fpfeed.events h2,
.fpfeed.events h2 a,
.orange{
	color: #d59632;
}
.fpfeed.vacancies h2,
.fpfeed.vacancies h2 a,
.purple{
	color: #AF5FA2;
}
.menu li { cursor: pointer; }
/* title bar colours */
.coloured-heading {
	margin: 0 15px;
	color: #fff;
	padding: 20px;
	background: #A4B9C6;
	/* background:#4b90b0; */
}
.coloured-heading h1 {
	color: #fff;
}

.single-news-title.coloured-heading {
	background:#4b90b0;
}

.single-news-date {
	font-size: 1.5rem;
	font-style: oblique;
	color: lightblue;
	padding-left: 1rem;
}

.post-type-archive-news .coloured-heading,
.single-news .coloured_heading,
li.icon-News:hover,
li.icon-News.current-menu-item  {
  background: #a4b9c6;
}
.post-type-archive-kb_item .coloured-heading,
.single-kb_item .coloured-heading,
li.icon-Knowledge-bank:hover,
li.icon-Knowledge-bank.current-menu-item  {
  background: #accb49;
}

/* .coloured-heading.about-us,
li.icon-About:hover,
li.icon-About.current-menu-item {
  background: #224e64;
} */

.coloured-heading.contact,
li.icon-Contact:hover,
li.icon-Contact.current-menu-item {
	background: #224e64;
}

.coloured-heading.events,
li.icon-Events:hover,
li.icon-Events.current-menu-item {
	background: #D59632;
}

.coloured-heading.Search_Council,
li.icon-Search_Council:hover,
li.icon-Search_Council.current-menu-item,
li.icon-Search_Council.active,
li.icon-Search_Council.active a
{
  background: #4b90b0;
}

.Awards {
  color: #d8c804;
}
.Contact {
  color: #224e64;
}
.Events {
	color: #D59632;
}
.Home{
  color: #af5fa2;
}
.Login{
  color: #bc2928;
}
.Publications {
  color: #a4b9c6;
}
.
.Vancancies {
  color: #af5fa2;
}


#masthead .row.header .whitebg {
	background-color: white;
	padding: 10px 20px 0 20px;
	overflow: auto;
	margin:0 15px;
}

.top-editable {
	margin: 0 15px;
}

ul#desktop.menu {
}
ul#desktop.menu li {
	padding: 20px;
	text-align: center;
}
ul#desktop.menu li:before {
	font-size: 2.25em;
}
ul#desktop.menu li a {
	font-family: 'Barlow Semi Condensed', sans-serif;
	text-transform: uppercase;
	font-size: .8em;
}
/* menu colours */
li.icon-About a { color: #224e64 }
li.icon-Contact a { color: #bc2928; }
li.icon-Home a { color: #af5fa2; }
li.icon-Knowledge-bank a { color: #accb49; }
li.icon-News a { color: #a4b9c6; }
li.icon-Search_Council a { color: #4b90b0; }
li.icon-Events a { color: #d28e22; }
li.icon-locum a { color: #214e64; }

li.current-menu-item:not(.icon-Home) a,
li.current-menu-item:not(.icon-Home),
li.current-menu-item:not(.icon-Home):before,
li:not(.icon-Home).icon a:hover,
li:not(.icon-Home).icon:hover a,
li:not(.icon-Home).icon:hover:before,
li:not(.icon-Home).icon.active:before,
{
	color: #fff;
}

#menu-main-sidebar-menu li.icon:before,
#menu-main-sidebar-menu li a {
	display: inline-block;
	vertical-align: middle;	
}

#sidebar.menu li {
	display: block;
}

.footer {
	padding:12px 0;
	background: #214e64;
	color: #fff;
	margin:0 0 0 0;
}

ul#footer { float: right; }

.footer a {
	color: #fff;
}

li.add_council {
	cursor: pointer;
}

.top-editable .row.container>.columns .column-inner{
	background-color: white;
	padding: 0.5em;
}

/*Sidebar Menus*/
#menu-main-sidebar-menu li.icon {
    display: flex;
    align-items: center;
    margin: 0 0 10px 0;
    background: #fff;
    padding: 1em 0.5em;
    font-size: 1.2em;
}

#menu-main-sidebar-menu li.icon:before {
	font-size: 1.4em;
	margin-right:10px;
}

#menu-main-sidebar-menu li.icon a {
	padding:0;
}

body.post-type-archive-events .coloured-heading,
body.single-events .coloured-heading,
body.single-events #menu-main-sidebar-menu li.icon-Events,
#menu-main-sidebar-menu li.icon-Events:hover,
#menu-main-sidebar-menu li.icon-Events.current-menu-item,
#menu-main-sidebar-menu li.icon-Events {
 	background: #d59632;
}

li.icon-Events:before,
body.single-events #menu-main-sidebar-menu li.icon-Events:before,
#menu-main-sidebar-menu li.icon-Events:hover a,
#menu-main-sidebar-menu li.icon-Events:hover:before  {
	color: #d59632
}

.coloured-heading.Publications,
#menu-main-sidebar-menu li.icon-Publications:hover,
#menu-main-sidebar-menu li.icon-Publications {
	background: #a4b9c6;
}

#menu-main-sidebar-menu li.icon-Publications:hover a,
#menu-main-sidebar-menu li.icon-Publications:hover:before {
	color: #a4b9c6;
}

.coloured-heading.Awards,
#menu-main-sidebar-menu li.icon-Awards:hover,
#menu-main-sidebar-menu li.icon-Awards {
	background: #d8c804;
}

#menu-main-sidebar-menu li.icon-Awards:hover a,
#menu-main-sidebar-menu li.icon-Awards:hover:before {
	color: #d8c804;
}

#menu-main-sidebar-menu li.icon-Search_Council:hover a,
#menu-main-sidebar-menu li.icon-Search_Council:hover:before {
	color: #4b90b0;
}

.coloured-heading.Search_Council,
.post-type-archive-councils #menu-main-sidebar-menu li.icon-Search_Council,
#menu-main-sidebar-menu li.icon-Search_Council {
	background: #4b90b0;
}

.coloured-heading.Vacancies,
.post-type-archive-vacancy #menu-main-sidebar-menu li.icon-Vacancies,
#menu-main-sidebar-menu li.icon-Vacancies {
	background: #af5fa2;
}

#menu-main-sidebar-menu li.icon-Vacancies:hover a,
#menu-main-sidebar-menu li.icon-Vacancies:hover:before {
	color:#af5fa2;
}

.coloured-heading.locum,
.post-type-archive-vacancy #menu-main-sidebar-menu li.icon-locum,
#menu-main-sidebar-menu li.icon-locum {
	background: #214e64;
}
#menu-main-sidebar-menu li.icon-locum:before {
	content: url(img/locum-norm.png);
	position: relative;
	top:6px;
}

#menu-main-sidebar-menu li.icon-locum:hover:before {
	content: url(img/locum-over.png);
	position: relative;
	top:6px;
}

#menu-main-sidebar-menu li.icon-locum:hover a,
#menu-main-sidebar-menu li.icon-locum:hover:before {
	color:#214e64;
}

.coloured-heading.newsletter,
#menu-main-sidebar-menu li.icon-newsletter {
	background: #bc2928;
}

#menu-main-sidebar-menu li.icon-newsletter:hover a,
#menu-main-sidebar-menu li.icon-newsletter:hover:before {
	color:#bc2928;
}

#desktop li:not(.icon-Home):hover a,
#desktop li:not(.icon-Home):hover:before,
#desktop li.current-menu-item:not(.icon-Home):before,
#desktop li.current-menu-item:not(.icon-Home) a,
#menu-main-sidebar-menu li a,
#menu-main-sidebar-menu li:before  {
	color: #fff;
}

#menu-main-sidebar-menu li {
	/*padding: 10px 0;*/
}

#menu-main-sidebar-menu li.icon:hover {
	background: #fff!important;
}

.single-events #menu-main-sidebar-menu li.icon-Events:before,
#menu-main-sidebar-menu li:not(:hover).current-menu-item:before,
#menu-main-sidebar-menu li:not(:hover).current-menu-item a,
.single-events #menu-main-sidebar-menu li.icon-Events:before,
.single-events #menu-main-sidebar-menu li.icon-Events a,
.single-news #menu-main-sidebar-menu li.icon-newsletter a,
.single-news #menu-main-sidebar-menu li.icon-newsletter:before
{
	color: #fff!important;
}

/*
body.single-events #menu-main-sidebar-menu li.icon-Search_Council a,
body.single-events #menu-main-sidebar-menu li.icon-Search_Council a:before,
body.single-events #menu-main-sidebar-menu li.icon-Awards a,
body.single-events #menu-main-sidebar-menu li.icon-Awards a:before,
body.single-events #menu-main-sidebar-menu li.icon-Publications a,
body.single-events #menu-main-sidebar-menu li.icon-Publications a:before,*/

.top-editable,
.main-content {
	margin-top:20px;
}

.top-editable .row.container>.columns .column-inner {
	padding: 0;
}
.featured_surround {
	background: #fff;
	padding: 20px;
}
.featured_background {
	background-size: cover;
	background-position: center center;
	padding: 30px;
}

.featured_text {
	padding: 20px;
	background:rgba(255,255,255,0.5);
}

.featured_tags {
	padding: 12px 0 0 0;
}

.featured_tag {
    border: 1px solid #4b4a4a;
    padding: 0 8px;
    display: inline-block;
    margin-right: 0.7em;
    margin-bottom: 0.5em;
}

.filter_tag {
	cursor: pointer;
    opacity: 0.5;
}

.filter_tag.active {
	background: #d59632;
	color: #fff;
	opacity: 1;
}

.featured_surround h2 {
	font-size: 1.5em;
}

.white-inner .column-inner {
	background: #fff;
	padding: 20px;
}

.white-inner .column-inner {
	background: #fff;
	padding: 20px;
}
.white-inner .column-inner>.row{
	margin-bottom: 1em;
}
.fpfeed h2 {
	font-size:1em;
	font-weight: bold;
	margin-bottom: 0;
}

.fpfeed h2 span {
	display: block;
	color: #000;
}

[class*='latest_surround_'] {
	border-bottom: 1px solid #d59632;
	padding-bottom: 6px;
	margin-bottom: 6px;
	display: flex;
	align-items: flex-start;
}

[class*='latest_surround_'] .feed-image {
	flex-shrink: 0;
	height: 40px;
	width: 40px;
	background-size: cover;
	background-position: center center;
	margin-right:10px;
}

[class*='latest_surround_']:hover {
	opacity: 0.9;
}

.latest_surround_news {
	border-bottom: 1px solid #a4b9c5;
}

.latest_surround_vacancy {
	border-bottom: 1px solid #af5fa2;
}

.latest_surround_vacancy h2,
.latest_surround_vacancy a {
	color: #af5fa2!important;
}

.query-latest-news-wrapper h2,
.query-latest-news-wrapper h2 a {
	color: #a4b9c5;
}

.query-latest-events-wrapper h2,
.query-latest-events-wrapper h2 a {
	color: #d59632;
}

/*-- For the search box --*/
#dalc_search {
	background:#4b90b0 url('img/search-bg-1.png') 0 0 no-repeat;
	overflow: auto;
}
#form_bg2 {
	background:transparent url('img/search-bg-2.png') right 0 no-repeat;
	padding: 20px;
	overflow: auto;
}
#top-search-form {
	margin: 0 15px;
	padding: 0 15px;
}

#top-search-form input,
#top-search-form select {
	margin: 0;
}

.dalc_button {
	background:transparent;
	border: 2px solid #fff;
	border-radius: 0px;
	text-transform: uppercase;
	color: #fff;
	padding: 8px 12px;
}

.button-primary {
	background:#214e64;
	color: #fff;
	border: 2px solid #214e64;
	border-radius: 0px;
	text-transform: uppercase;
	padding: 8px 12px;
	transition-duration: .4s
}

.button-secondary {
	background:#4b90b0;
	color: #fff;
	border: 2px solid #4b90b0;
	border-radius: 0px;
	text-transform: uppercase;
	padding: 8px 12px;
	transition-duration: .4s
}

.button-primary:hover {
	background:	transparent;
	border: 2px solid #214e64;
	color: #214e64;
}

.button-secondary:hover {
	background: transparent;
	border: 2px solid #4b90b0;
	color: #4b90b0;
}

#working-overlay,
#messages_holder {
	position: fixed;
	top:0;
	text-align: center;
	height: 100%;
	width: 100%;
	z-index: 999;
	background: rgba(255,255,255,.80);
}
.overlay-content {
	position: absolute;
	left: -50%;
	right: -50%;
	top: 45%;
}

#messages {
    color: #fff;
    font-weight: 2em;
    font-weight: bold;
}
.message_content {
	position: relative;
	margin: 0 auto;
    width: 20%;
    padding: 20px;
    background: #accb49;
}
.message_content span {
	position: absolute;
	top:-19px;
	right: -19px;
}
.message_content span i {
	cursor: pointer;
}

ul#desktop.menu li.user_info {
	padding: 0;
	margin: 0;
}

ul#desktop.menu li.user_info.current-menu-item a  {
	color:#4b90b0;
}
ul#desktop.menu li.user_info:hover a  {
	color:#d59632;
}
ul#desktop.menu li.user_login {
	white-space: nowrap;
}

li.add_council i {
	margin-left: 8px;
	color: #accb49;
}

li.add_council i.fa-minus-square {
	color: #bc2928;
}

a.readmore {
	display: block;
	text-align: right;
}

/* Konwledge bank archive page */
.kb-item-inner {
	background-repeat: no-repeat;
	background-position: 40px center;
	padding: 30px 20px 30px 130px;
	margin-bottom: 20px;
	display: table;
	width: 100%;
}

.kb-item-inner h2 {
	color:#fff;
	font-size: 25px;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.kb-item-inner h2:after {
	font-family: FontAwesome;
	content: '\f054';
	position: absolute;
	right:0;
	bottom: -10px;
	font-weight: normal;
}

.row.news-item {
	margin-bottom:20px;
}

/*-- Events archive --*/
.event_date_holder {
	float: right;
	background: #efefef;
	font-size: 0.8em;
	width: 50px;
	height: 50px;
	border: 1px solid grey;
	border-radius: 5px;
}

.event_date_holder .month {
	font-size: 0.8em;
	text-align: center;
	background: #e93939;
	width: 100%;
	display: block;
	color: white;
}

.event_date_holder .day {
	font-size: 1.2em;
	text-align: center;
	width: 100%;
	display: block;
	font-weight: bold;
}

.event_date_holder .year {
	text-align: center;
	display: block;
	font-size: 0.8em;
	line-height: 5px;
}

.featured_tag.news {
	background: #a4b9c6;
	color:#fff;
}

.featured_tag.kb_item {
	background: #accb49;
	color: #fff;
}

.featured_tag.events {
	background: #d59632;
	color: #fff;
}

.featured_tag.vacancy {
	background: #af5fa2;
	color: #fff;
}

.featured_tag.councils {
	background: #4b90b0;
	color: #fff;
}

.featured_tag.locum {
	background: #214e64;
	color: #fff;
}

.featured_tag.clerk {
	background: #4b90b0;
	color: #fff;
}

.featured_tag.publication {
	background: #a4b9c6;
	color: #fff;
}

.district-filter{
	margin-bottom: 1em;
}

.district-filter ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.district-filter li {
	display: inline-block;
	font-size: 0.7em;
}

.district-filter li a
{
	color: white;
	padding: 0.5em;
	background: #4b90b0;
}

.twoxPostGrid ul li .query-field-meta_personal_file
{
    float: left;
    height: 100px;
    font-size: 3em;
    padding: 0;
    margin: 0;
    width: 1.2em;
}

.twoxPostGrid ul{
	list-style: none;
}

.twoxPostGrid ul li{
    display: inline-block;
    width: 48%;
    margin: 1.5em 0;
}

.twoxPostGrid ul li .query-field-post_title{
	font-weight: bold;
}

.twoxPostGrid ul li .query-field-meta_documents
{
	float: left;
	height: 100px;
}

.twoxPostGrid ul li .query-field-meta_documents a i {
	font-size: 3em;
	padding: 0.2em;
}

.publication_actions a {
	color: rgba(164, 185, 198, 1);
	margin:20px 0 40px 0;
	display: block;
	text-align: center;
}

.publication_actions a:hover {
	color: rgba(164, 185, 198, .75);
}

.publication-item {}

.order-summary * {
	text-align: left;
}

.featured_surround .ux-slider {
	margin-bottom: 0;
	padding-bottom: 0;
}

.featured_surround .ux-slider .featured_text {
	max-height: 350px;
	overflow: hidden;
}

.breadcrumbs {
	margin-bottom: 20px;
}

p#breadcrumbs {
	margin-bottom: 0;
}

span.event-location {
	display: block;
	color: #d28e22;
	margin: -10px 0 10px 0;
}

span.event-location i {
	margin-right: 10px;
}

div.notice {
	background: #accb49;
	padding: 12px 24px;
	border: 1px solid #cacaca;
	margin: 6px 0;

}
div.notice * {
	font-size:18px;
	color: #fff;
}

div.notice input[type=checkbox] { display:none; }

div.notice input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

div.notice input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
div.notice input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

div.notice input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
div.notice input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */

button.wlaction {
	padding: 12px 24px;
	background: #accb49;
	color: #fff;
}

button.wlaction[data-wlaction="no"] {
	background: #bc2928;
	margin-left: 24px;
}

/*** custom checkboxes ***/
#profile-settings input[type=checkbox],
#user_resource_upload input[type=checkbox] {
     position: relative;
}
/* to hide the checkbox itself */
#profile-settings label>input[type=checkbox]:before,
#user_resource_upload label>input[type=checkbox]:before {
    position: absolute;
    background-color: #FFFFFF;
    height: 100%;
	width: 100%;
    font-family: FontAwesome;
    display: inline-block;
    content:"\f096";
    letter-spacing: 10px;
    font-size: 1.5em;
}

/* space between checkbox and label */
#profile-settings label>input[type=checkbox]:checked:before,
#user_resource_upload label>input[type=checkbox]:checked:before {
	font-family: FontAwesome;
    display: inline-block;
    content:"\f046";
    letter-spacing: 5px;
}
/* allow space for check mark */
#profile-settings label span,
#user_resource_upload label span{
	vertical-align: middle;
	margin-left: 0;
}

span.wpcf7-list-item {
	margin-left: 0;
}


#profile-settings input[type=radio],
#profile-settings input[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#profile-settings input[type=radio] ~ label:before,
#profile-settings input[type=checkbox] ~ label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: #535353;
    width: 1.4em;
}

#profile-settings input[type=radio]:checked ~ label:before,
#profile-settings input[type=checkbox]:checked ~ label:before {
    content: "\f00c";
    font-size: 1.2em;
    color: darkgreen;
    letter-spacing: 5px;
}

#profile-settings input[type=checkbox] ~ label:before {
    content: "\f096";
}

#profile-settings input[type=checkbox]:checked ~ label:before {
    content: "\f046";
}

#profile-settings input[type=radio]:focus ~ label:before,
#profile-settings input[type=radio]:focus ~ label {}

.accordion-title {
  background: #4b90b0;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  border: 1px solid #8a9da8;
	transition-duration: .4s;
}
.accordion-title+.accordion-inner {
	display: none;
}
.accordion-title.active+.accordion-inner {
}
.accordion-title a {
	color: #fff;
}
.accordion-title:hover,
.accordion-title:focus {
	background: #4b90b0;
	color: white;
}

.pre-footer {
	padding-top: 2rem;
	margin-top: 3rem;
}

.pre-footer h2 {
	text-transform: uppercase;
	font-size: 1.1rem;
}

.pre-footer p {
	font-size: .9rem;
	line-height: 1.5rem;
}

.pre-footer a:hover {
	font-weight: bold;
	text-decoration: underline;
}


.row.filters .column-inner {
	padding-top:0;
	padding-bottom: 0;
}

.row.filters .district-filter,
.row.filters .district-filter select,
.row.filters p  {
	margin-bottom: 0;
}

a.sp_button {
	text-align: center;
	width: 100%;
}