/*
Theme Name: Othona
Theme URI: https://dorset.tech
Description: Othona theme based on a select theme
Author: Dorset Tech
Author URI: https://dorset.tech
Text Domain: iver
Tags: translation-ready
Version: 1.5
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6{
	text-transform: none!important;
}

h5{

}

p a{
	color:#338B98;
}


/* HEADER */

.qodef-page-header .qodef-vertical-align-containers{
	display: flex;
}

.qodef-page-header .qodef-vertical-align-containers .qodef-position-center{
	position: relative;
}

.qodef-header-standard .qodef-menu-area.qodef-menu-center .qodef-vertical-align-containers .qodef-position-center-inner{
	width:100%;
}

.qodef-page-header .qodef-menu-area .qodef-logo-wrapper a{
	min-height:86px;
}

.qodef-main-menu>ul {
    display: flex;
    justify-content: space-evenly;
}

#mega-menu-wrap-main-navigation #mega-menu-main-navigation, #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu, #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu{
    display: flex;
    justify-content: space-evenly;
}

body .qodef-main-menu {
    width: 95%;
margin-right: -5%;
}

body .qodef-main-menu > ul > li > a {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: none;
    padding: 0 15px;
}

body .qodef-main-menu ul li a:hover{
	color: #7E0D6E;
}

body .qodef-main-menu > ul > li:nth-of-type(1) > a{
	padding-left: 0px;
}

.qodef-side-menu-button-opener .qodef-sm-lines:before{
	content: "";
	width: 20px;
	height: 15px;
	background: url(assets/img/Menu.svg);
	background-repeat: no-repeat;
	display: block;
}

.qodef-side-menu-button-opener .qodef-sm-lines .qodef-sm-line{
	display: none;
}

.qodef-search-opener .qodef-search-opener-wrapper>:before{
	content: "";
	width: 20px;
	height: 20px;
	background: url(assets/img/search.svg);
	background-repeat: no-repeat;
	display: block;
}

li.widerO.mega-menu-item, li.wider1.mega-menu-item, li.donate.mega-menu-item, li.myAcct.mega-menu-item{
	padding: 0px 10px;
	float: right;
	margin-top: 34px!important;
}

.qodef-main-menu > ul > li.cnt.mega-menu-item > a{
	margin-right: 60px;
}

#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-widerO.mega-menu-item > a, #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-widerO.mega-menu-item > a, #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-widerO.mega-menu-item > a{
    background: #7E0D6E;
    height: 42px;
	line-height: 42px;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
	padding: 0px 20px;
	min-width: auto;
	text-align: center;
}

#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-widerO.mega-menu-item > a:hover, #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-widerO.mega-menu-item > a:hover, #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-widerO.mega-menu-item > a:hover{
	background: #338B98;
	 border-radius: 5px;
    color: #ffffff;
	font-weight: 600;
}

#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-widerO.mega-menu-item > a:before, #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-widerO.mega-menu-item > a:before, #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-widerO.mega-menu-item > a:before{
	content: "";
	width: 20px;
	height: 20px;
	background: url(assets/img/Group-882.svg);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
    margin-right: 10px;
	margin-top: -3px;
}

#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.donate.mega-menu-item > a, #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.donate.mega-menu-item > a, #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.donate.mega-menu-item > a{
    background: #338B98;
    height: 42px;
	line-height: 42px;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
	padding: 0px 20px;
	min-width: auto;
	text-align: center;
}

#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.donate.mega-menu-item > a:hover, #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.donate.mega-menu-item > a:hover, #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.donate.mega-menu-item > a:hover{
	background: #59AEB7;
	 border-radius: 5px;
    color: #ffffff;
	font-weight: 600;
}

#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.donate.mega-menu-item > a:before, #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.donate.mega-menu-item > a:before, #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.donate.mega-menu-item > a:before{
	content: "";
	width: 20px;
	height: 20px;
	background: url(assets/img/heart.svg);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
    margin-right: 10px;
	margin-top: -3px;
}

#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.myAcct.mega-menu-item > a, #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.myAcct.mega-menu-item > a, #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.myAcct.mega-menu-item > a{
    background: #59AEB7;
    height: 42px;
	line-height: 42px;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
	padding: 0px 20px;
	min-width: auto;
	text-align: center;

}

#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.myAcct.mega-menu-item > a:hover, #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.myAcct.mega-menu-item > a:hover,  #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.myAcct.mega-menu-item > a:hover{
	background: #7E0D6E;
	 border-radius: 5px;
    color: #ffffff;
	font-weight: 600;
}

#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.myAcct.mega-menu-item > a:before, #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.myAcct.mega-menu-item > a:before, #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.myAcct.mega-menu-item > a:before{
	content: "";
	width: 20px;
	height: 20px;
	background: url(assets/img/my-account-2.svg);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
    margin-right: 10px;
	margin-top: 3px;
}

.qodef-main-menu{
	width:100%;
}

.qodef-main-menu>ul>li:hover>a>span.item_outer .item_text:after{
	display: none;
}

.qodef-main-menu>ul>li.qodef-active-item>a>span.item_outer .item_text:after{
	display: none;
}
/* FOOTER */


.qodef-page-footer .qodef-social-icons-group-widget .qodef-social-icon-widget-holder{
	font-size: 26px!important;
	margin: 0 0px 0 30px!important;
}

.qodef-page-footer .widget .qodef-widget-title {
    color: #fff;
    margin: 0 0 27px;
    text-transform: none;
    font-weight: 600;
    margin-bottom: 10px;
}

.widget.widget_archive ul li:not(:last-child), .widget.widget_categories ul li:not(:last-child), .widget.widget_meta ul li:not(:last-child), .widget.widget_nav_menu ul li:not(:last-child), .widget.widget_pages ul li:not(:last-child), .widget.widget_recent_comments ul li:not(:last-child) {
    margin: 0;
    padding: 0 0 5px;
}

.qodef-footer-bottom-column-1 p{
	font-size: 13px;
	line-height: 1.4;
}

.qodef-footer-bottom-holder{
	border-top: 1px solid #ffffff;
}

footer .qodef-icon-widget-holder.qodef-icon-has-hover{
    display: inline-block;
    float: left;
    text-align: left;
	margin: 0px;
}

.qodef-page-footer .widget.qodef-social-icons-group-widget {
    display: inline-block;
    margin: 0px!important;
    width: 20%;
    text-align: right;
}

#nav_menu-2, #nav_menu-3, #nav_menu-4, #nav_menu-5, #nav_menu-6 ,#nav_menu-19 ,#nav_menu-29 ,#nav_menu-30 ,#nav_menu-31 ,#nav_menu-32, #nav_menu-33{
	display: inline-block;
    width: 16%;
    vertical-align: top;
    margin: 0px!important;
	text-align: left;
}

#text-22, #text-24 {
    width: 27%;
    display: inline-block;
    float: left;
    text-align: left;
    margin-bottom: 0px;
}

body footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(1), body.essex footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(1), body.community footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(3) {
    width: 18%;
    font-size: 18px!important;
    font-weight: 600;
    text-align: left;
    margin-left: 3%;
}

body footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(2), body.essex footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(2), body.community footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(4) {
    width: 32%;
    font-size: 18px!important;
    font-weight: 600;
    text-align: left;
    margin-left: 0%;
}


body footer #media_image-6 img, body footer #media_image-7 img, body footer #media_image-8 img{
	max-width:280px!important;
}

.qodef-page-footer .qodef-footer-top-holder .qodef-footer-top-inner.qodef-full-width {
    padding: 60px!important;
}

.dripicons-bell:before {
    content: ""!important;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(assets/img/Group-873.svg);
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
	padding-right: 20px;
}

.dripicons-phone:before{
	content: ""!important;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(assets/img/Group-870.svg);
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
	padding-right: 20px;
}

#text-22:before, #text-24:before{
	content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(assets/img/Group-874.svg);
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
	float: left;
	margin-bottom: 30px;
	padding-right: 20px;
}

#text-22 .textwidget, #text-24 .textwidget{
	margin-top: -10px;
}


/* BANNERS */

.qodef-content .qodef-content-inner>.qodef-container>.qodef-container-inner, .qodef-content .qodef-content-inner>.qodef-full-width>.qodef-full-width-inner{
	padding-top: 0px!important;
	padding-bottom: 0px;
}


/* BUTTONS */

body .vc_btn3.vc_btn3-size-md {
    font-size: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 40px;
    padding-right: 40px;
    font-family: Roboto;
    font-weight: 700;
    text-transform: uppercase;
}

/* Event Details */

.event-container {
    display: flex;
    flex-wrap: wrap;
}

.event-content {
    flex: 1;
    min-width: 300px;
}

.event-sidebar {
    width: 300px;
    padding: 20px;
    background-color: #f1f1f1;
    border-left: 1px solid #ccc;
}


body .vc_btn3.vc_btn3-color-success, body .vc_btn3.vc_btn3-color-success.vc_btn3-style-flat {
    color: #fff !important;
    background-color: #338B98 !important;
	/*margin: 15px 15px 0px 0px;*/
}

body .vc_btn3.vc_btn3-color-success.vc_btn3-style-flat:focus, body .vc_btn3.vc_btn3-color-success.vc_btn3-style-flat:hover, body .vc_btn3.vc_btn3-color-success:focus, body .vc_btn3.vc_btn3-color-success:hover {
    color: #ffffff !important;
    background-color: #59AEB7 !important;
}

body .vc_btn3.vc_btn3-color-info, body .vc_btn3.vc_btn3-color-info.vc_btn3-style-flat {
    color: #fff !important;
    background-color: #59AEB7 !important;
}

body .vc_btn3.vc_btn3-color-info.vc_btn3-style-flat:focus, body .vc_btn3.vc_btn3-color-info.vc_btn3-style-flat:hover, body .vc_btn3.vc_btn3-color-info:focus, body .vc_btn3.vc_btn3-color-info:hover {
    color: #ffffff !important;
    background-color: #338B98 !important;
}

.vc_btn3-shape-rounded { border-radius: 5px; }


/* COLOURED ROWS */

.purple{
	background-color: #831774;
	color:#ffffff;
}

.purple h1, .purple h2, .purple h3, .purple h4, .purple h5 {
	color:#ffffff;
}

.purpletop{
	background: url(assets/img/purpletop.svg);
	width: 100%;
	height: 110px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.purplebottom{
	background: url(assets/img/purpletop.svg);
	width: 100%;
	height: 110px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
    transform: rotate(180deg);
}

.greentop{
	background: url(assets/img/greentop.svg);
	width: 100%;
	height: 110px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.greenbottom{
	background: url(assets/img/greentop.svg);
	width: 100%;
	height: 110px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
    transform: rotate(180deg);
}

/* BLOG POSTS */

.homepageBlogGrid img{
    object-position: center top;
    max-height: 300px;
    object-fit: cover;
}

.homepageBlogGrid h4, .homepageBlogGrid h4 a{
    color: #338B98;
    font-weight: 300;
    font-size: 23px;
    margin-bottom: 0px;
    line-height: 1;
    margin-top: 45px;
}

.homepageBlogGrid .vc_gitem-post-data-source-post_author {
    display: inline-block;
    width: auto;
    padding-right: 10px;
    border-right: 1px solid #7E116E;
    font-size: 14px;
    font-weight: 600;
    color: #7E116E;
    line-height: 1;
}

.homepageBlogGrid  .vc_gitem-post-data-source-post_date {
    display: inline-block;
    width: auto;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #7E116E;
    line-height: 1;
}

.homepageBlogGrid .vc_gitem-post-data-source-post_excerpt{
    text-align: left;
    font-size: 14px;
    color: #000000;
    line-height: 1.6;
}


/* NEWSLETTER */

.newsletter {
	background-color: #59aeb7!important;
	color: #ffffff;
	padding: 3% 60px 6%;
	margin-top: 90px;
}
.newsletter h2, .newsletter h5, .newsletter .wpcf7-form-control.wpcf7-text, .newsletter .wpcf7-form-control.wpcf7-text:focus::placeholder {
	color: #ffffff;
}
.newsletter h2 { margin-bottom: 0; }
.newsletter h5 { margin-top: 0; margin-bottom: 60px; }

.newsletter .newsletter-fields,
.newsletter .newsletter-bottom {
	display: flex;
	flex-wrap: wrap;
	gap: 3%;
}
.newsletter .newsletter-bottom {
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}
.newsletter .newsletter-fields p {
	flex: 1 1 20%;
}
.newsletter .newsletter-submit {
	position: relative;
}
.newsletter .wpcf7-form-control.wpcf7-text {
	border-bottom: 1px solid white;
	padding-left: 34px;
	padding-bottom: 15px;
	vertical-align: middle;
}
.newsletter .wpcf7-form-control.wpcf7-text::placeholder {
	font-weight: normal;
	text-transform: none;
}

.newsletter .newsletter-fields p:nth-of-type(1) span:before, .newsletter .newsletter-fields p:nth-of-type(2) span:before{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(assets/img/my-account-2.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.newsletter .newsletter-fields p:nth-of-type(3) span:before{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(assets/img/Group-873.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.newsletter .newsletter-fields p:nth-of-type(4) span:before{
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(assets/img/Group-874.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.newsletter span.newsletter-submit:before{
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	background: url(assets/img/send.svg);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
	top: -3px;
	left: 30px;
}


.newsletter .wpcf7-not-valid-tip {
	position: relative;
	top: -20px;
	color: #cd0000;
}
.newsletter .wpcf7 form.invalid .wpcf7-response-output {
	color: #cd0000;
	border-color: #cd0000;
}
.newsletter div.wpcf7 .wpcf7-spinner {
	left: -30px;
	margin: 0;
}
.newsletter input.wpcf7-form-control.wpcf7-submit {
	border-radius: 5px;
	background-color: #7E0D6E;
	border: none!important;
	transition: none;
	padding: 14px 60px 14px 80px;
	margin-top: 0px!important;
}
.newsletter input.wpcf7-form-control.wpcf7-submit:hover {
	background-color: #971d87;
	color: white;
}

.civicrm-ux-event-popup {
    font-family: Roboto!important;
	background-color: #fff!important;
	width: auto!important;
}

/* SIDEBARS */

.qodef-sidebar-holder{
	margin-top: 30px!important;
	height: 100vw;
}

body .qodef-sidebar-holder{
    padding-left: 30px;
    border-left: 1px solid #A3A3A3;
	width:23%;
}

body .qodef-page-content-holder{
	padding-right: 30px;
	width:77%;
}

body .qodef-page-content-holder.qodef-grid-col-12{
	width:100%;
	padding-left: 15px;
	padding-right: 15px;
}

.qodef-sidebar-holder .widget .qodef-widget-title {
    color: #354462;
    margin: 0 0 15px;
    font-size: 22px;
    font-weight: 400;
    border-bottom: 1px solid #A3A3A3;
    padding-bottom: 15px;
}

.qodef-sidebar a:before{
	content: url(assets/img/navrightarrow.svg);
	width: 5px;
	height: 9px;
	display: inline-block;
	margin-right: 20px;
}

.qodef-sidebar .qodef-recent-posts a:before{
	display: none;
}

.qodef-sidebar .qodef-recent-posts .qodef-rp-image{
	display: inline-block;
}

.qodef-sidebar .qodef-recent-posts .qodef-rp-title{
	display: inline-block;
	width: 70%;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.qodef-sidebar a:hover{
	color: #338B98;
}

.widget.widget_nav_menu ul li:not(:last-child){
	padding: 0px 0px 10px;
}

.qodef-grid-col-10 {
    padding-right: 45px;

}

/* Mobile Logo */
.page-template-west-dorset-page-template .qodef-mobile-header .qodef-mobile-logo-wrapper img, .community .qodef-mobile-header .qodef-mobile-logo-wrapper img, .essex .qodef-mobile-header .qodef-mobile-logo-wrapper img {
	height: 11%;
	margin-top: 10px;
}

/* PAGE TITLES */

.qodef-title-holder{
	background-size: cover;
}

.qodef-title-wrapper{
	display: none!important;
}

/* BREADCRUMBS */

#breadcrumb{
    padding: 30px 0px 10px;
}

#breadcrumb, #breadcrumb a {
    color: #568EA4;
    font-size: 14px;
}

#breadcrumb a:hover{
	color:#7E116E;
}

#breadcrumb span.breadcrumb_last{
	color:#7E116E;
}


/* MESSAGE BOXES */

body .vc_message_box{
	font-size: 0.8em;
    line-height: 1.4;
}


.vc_message_box p{
	margin-top: 0px;
}

/* CiviCRM EVENTS GRID (HOME PAGE) */

#upcoming-events {
	display: flex;
	flex-wrap: wrap;
	gap: 1.33%;
	margin-top: 30px;
}
#upcoming-events .event {
	width: 24%;
}
#upcoming-events .event .thumbnail  {
	display: block;
	width: 100%;
}
#upcoming-events .event .title  {
	line-height: 1.2em;
	color: #5aaeb8;
}
#upcoming-events .event .categories,
#event-header .categories {
    display: flex;
	flex-wrap: wrap;
    gap: 0.5em;
	margin: 10px 0;
	list-style: none;
}
#upcoming-events .event .categories .category,
#event-header .categories .category {
	display: inline-block;
	min-width: 5em;
	padding: 0.1em 0.8em;
	line-height: 1.5em;
	border-radius: 0.4em;
	text-align: center;
	font-size: 0.7em;
    color: white;
	margin-bottom: 0px;
	margin-left: 0px;
}
#event-header .categories .category {
	padding: 0.2em 0.8em;
}
#upcoming-events .event .date  {
	margin: 0.5em 0;
	font-weight: bold;
	color: #7E0D6E;
}

/* EVENT INFO PAGE */

#event-header {
	/* display: flex;
	justify-content: space-between;
	flex-wrap: wrap; */
	position: relative;
}
#event-header #categories-and-socials {
	display: flex;
	justify-content: space-between;
}
#event-header #categories-and-socials #socials {

}
#event-header .featured-image {
	position: relative;
	/* width: 46%;
	padding-top: 2em; */
	margin-bottom: 1em;
	overflow: hidden;
}
/*@media only screen and (min-width: 1025px) {
	#event-header .details {
		width: 52%;
	}
	#event-header .featured-image {
		position: absolute;
		top: 0;
		right: 0;
		width: 46%;
		margin-top: 1em;
	}
}*/
#event-header.spaces .featured-image::before,
#event-header.full .featured-image::before,
#event-header.closed .featured-image::before {
	content: 'Spaces Available';
	display: block;
	position: absolute;
	top: 2.5em;
	right: -5em;
	width: 18em;
	transform: rotate(45deg);
	padding: 0.5em 0;
	text-align: center;
	color: white;
	background-color: orange;
}
#event-header.full .featured-image::before {
	content: 'Fully Booked';
	background-color: red;
}
#event-header.closed .featured-image::before {
	content: 'Booking Closed';
	background-color: red;
}
#event-header .details .event_summary-section {
	margin-bottom: 0.5em;
	font-size: 1.2em;
	line-height: 1.3em;
}
#event-header .details .date {
	padding-left: 0;
	background: none;
	font-size: 1.5em;
	font-family: Roboto;
	font-style: normal;
	font-weight: 300;
	color: #338B98;
}
#event-header .details .register_link-top {
	float: none;
	height: auto;
	margin-left: 0;
}
#event-header .details .register_link-top .crm-register-button {
	display: inline-block;
}
.event-info { margin-top: 2em; }
#other-events { margin-top: 4em; }

.crm-container .event-info .crm-accordion-header {
	position: relative;
    padding: 20px 25px;
    background-color: white;
    color: #7e0d6e;
    border-radius: 0;
	border: 1px solid #999;
}
.crm-container .event-info .crm-accordion-header:hover { background-color: white; }
.crm-container .event-info .collapsed .crm-accordion-header {
    border-radius: 0;
    color: #338B98;
}
.crm-container .event-info .crm-accordion-header::before {
	box-sizing: border-box;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	padding: 4px 0 0 2px;
	text-align: center;
	font-size: 25px;
    border-radius: 50%;
    color: #7e0d6e;
	border: 1px solid #7e0d6e;
}
.crm-container .event-info .collapsed .crm-accordion-header::before {
	padding-left: 4px;
    color: #338B98;
	border-color: #338B98;
}
.crm-container .event-info .crm-accordion-body {
	padding: 2em 0;
	border: none;
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title>a {
    padding-right: 42px;
    font-family: Roboto;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 700;
}

.vc_tta-color-turquoise.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
    border-color: #59AEB7;
    background-color: #59AEB7;
	background-image: none;
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title>a {
    padding-right: 42px;
}

.vc_tta-color-turquoise.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #fff;
	background: #7E0D6E;
}
.vc_tta-color-turquoise.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: #7E0D6E;
    background-color: #7E0D6E;
}

.vc_tta-color-turquoise.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #fff!important;
}

.vc_tta-color-turquoise.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-turquoise.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: #fff;
}

.vc_tta-color-turquoise.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-turquoise.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {
    border-color: #fff!important;
}

.wpb_text_column ol, .wpb_text_column ul{
	list-style-position: outside;
}

.wpb_text_column ol li, .wpb_text_column ul li {
	margin-bottom: 10px;
	margin-left: 45px;
}

.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body{
	padding: 30px;
}

.inpageGal img{
	max-height: 450px;
	min-height: 450px;
	object-fit: cover;
}

.donate{

}

.donateHeading{
    font-size: 110px;
    text-align: center;
    font-weight: 600;
    letter-spacing: -3px;
}

.qodef-team-image, .qodef-team-image img {
	/* max-height: 320px;
	min-height: 320px; */
	max-width: 100%;
	height: auto;
}
.qodef-team.info-bellow .qodef-team-name:hover {
	color: #354462;
}
.othona-team-email {
	overflow-wrap: break-word;
}

body .maw_portfolioGallery_ul li {
    float: none;
    background-color: #7E0D6E;
    color: #fff;
    cursor: pointer;
    padding: 5px 25px!important;
    border-radius: 5px;
    font-size: 16px!important;
    text-transform: none;
    display: inline-block;
    text-align: center;
    margin-bottom: 6px !important;
    font-family: Kalam;
}

body .maw_portfolioGallery_ul .mixitup-control-active {
    background-color: #338B98;
    color: #fff;
}


/* VACANCIES */

.job_filters .search_jobs{
	display: none;
}

.rp4wp-related-job_listing>ul li.job_listing.job_position_filled a, .rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_filled a, ul.job_listings li.job_listing.job_position_filled a, ul.job_listings li.no_job_listings_found.job_position_filled a{
	opacity: 1;
}

.rp4wp-related-job_listing>ul li.job_listing a div.position h3, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position h3, ul.job_listings li.job_listing a div.position h3, ul.job_listings li.no_job_listings_found a div.position h3{
	font-size: 20px;
	line-height: 1.4;
	font-weight: 500;
}

.rp4wp-related-job_listing>ul li.job_listing a div.position .company, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position .company, ul.job_listings li.job_listing a div.position .company, ul.job_listings li.no_job_listings_found a div.position .company{
	color: #464646;
	font-size: 14px;
}

span.tagline{
	display: none;
}

.rp4wp-related-job_listing>ul li.job_listing a div.location, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.location, ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location{
	color: #464646;
	font-size: 14px;
}

li.date{
	color: #464646!important;
	font-size: 10px;
}

.date-posted{
	color: #464646!important;
	font-size: 14px;
}

li.job-type.long-term-core-members{
	background: #59AEB7;
	text-align: center;
	color: #fff;
	font-size: 12px;
	border-radius: 20px;
}

li.job-type.short-term-core-members{
	background: #7E0D6E;
	text-align: center;
	color: #fff;
	font-size: 12px;
	border-radius: 20px;
}

.job_listing.type-job_listing.status-publish.has-post-thumbnail .qodef-post-image{
	display: none;
}

.single_job_listing .company, .qodef-blog-share{
	display: none;
}


.job-manager-application-wrapper .application .application_button,.single_job_listing .application .application_button, input[type=submit] {
    display: inline-block;
    margin: 0 .5em 0 0;
    outline: 0;
    background: #7E0D6E!important;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    padding: 15px 30px;
    min-width: auto;
    text-align: center;
    border: none;
}

.job-manager-application-wrapper .application .application_button,.single_job_listing .application .application_button:hover, input[type=submit]:hover{
	background: #338B98!important;
}

.job-manager-application-wrapper .application .application_details,.single_job_listing .application .application_details {
    border: none;
    box-shadow: none;
    clear: both;
    display: block;
    line-height: 1.5em;
    margin: 50px 0px 0px 0px;
    padding: 0px;
    position: relative
}

.job-manager-form fieldset{
	border-bottom: none;
}

.job-manager-form fieldset textarea{
	position: relative;
	width: 100%;
	margin: 0 0 24px;
	padding: 5px 0;
	font-family: Roboto,sans-serif;
	font-weight: inherit;
	font-size: 17px;
	line-height: 20px;
	color: #000;
	background-color: transparent;
	border: 0;
	border-bottom: 2px solid #000;
	border-radius: 0;
	outline: 0;
	-webkit-appearance: none;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border-color .2s ease-in-out;
	-o-transition: border-color .2s ease-in-out;
	transition: border-color .2s ease-in-out;
}


/* ESSEX STYLING START /////////////////////////////////////////////////////////// */

.essex #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-widerO.mega-menu-item > a, .essex #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-widerO.mega-menu-item > a, .essex #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-widerO.mega-menu-item > a{
    background: #131370;
    color: #ffffff!important;
	font-weight: 600!important;
}

.essex #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-widerO.mega-menu-item > a:hover, .essex #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-widerO.mega-menu-item > a:hover, .essex #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-widerO.mega-menu-item > a:hover{
	background: #c2dfe1;
    color: #131370!important;
}


.essex #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.donate.mega-menu-item > a, .essex #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.donate.mega-menu-item > a, .essex #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.donate.mega-menu-item > a{
    background: #2F588B;
    color: #ffffff!important;
	font-weight: 600!important;
}

.essex #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.donate.mega-menu-item > a:hover, .essex #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.donate.mega-menu-item > a:hover, .essex #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.donate.mega-menu-item > a:hover{
	background: #c2dfe1;
    color: #131370!important;
}


.essex #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.myAcct.mega-menu-item > a, .essex #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.myAcct.mega-menu-item > a, .essex #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.myAcct.mega-menu-item > a{
    background: #50598a;
    color: #ffffff!important;
    font-weight: 600!important;

}

.essex #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.myAcct.mega-menu-item > a:hover, .essex #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.myAcct.mega-menu-item > a:hover, .essex  #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.myAcct.mega-menu-item > a:hover{
	background: #c2dfe1;
    color: #131370!important;
}



.essex header.qodef-page-header .qodef-position-left-inner img{
	max-width: 192px;
}

.essex .qodef-sidebar a:before{
	content: url(/wp-content/uploads/es-navrightarrow.svg)
}

.essex h1{
	font-size:38px;
	color:#131370;
}

.essex h2{
	color:#131370;
}

.essex h3{
	color: #2f588a;
}

.essex h4{
	color: #2f588a;
}

.essex h5 {
	color: #2f588a;
}

#mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-wider1.mega-menu-item > a{
    background: rgba(12,29,126,1);
    height: 42px;
	line-height: 42px;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
	padding: 0px 20px;
	text-align: center;
}

#mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-wider1.mega-menu-item > a:hover{
	background: rgb(197,228,229);
	 border-radius: 5px;
    color: #000000;
	font-weight: 600;
}

#mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-wider1.mega-menu-item > a:before{
	content: "";
	width: 23px;
	height: 23px;
	background: url(assets/img/essex-ident.svg);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
    margin-right: 10px;
	margin-top: -3px;
}

.essex header.qodef-page-header .qodef-position-left-inner img{
	min-width: 192px;
	height:auto;
	margin-top: 10px;
}

.essex h2.specTitle {
    color: #131370;
    font-family: Kalam;
    font-size: 66px;
    font-style: normal;
	font-weight: 600;
	letter-spacing: -2px;
}


.essex .vc_btn3.vc_btn3-color-danger, .essex .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat{
	background-color: #131370;
	color:#ffffff;
	border:none;
}

.essex .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:focus, .essex .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:hover, .essex .vc_btn3.vc_btn3-color-danger:focus, .essex .vc_btn3.vc_btn3-color-danger:hover{
	background-color: #2f588a;
	color:#ffffff;
	border:none;
}

.essex .vc_btn3.vc_btn3-color-orange, .essex .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat{
	background-color: #2f588a;
	color:#ffffff;
	border:none;
}

.essex .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat:focus, .essex .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat:hover, .essex .vc_btn3.vc_btn3-color-orange:focus, .essex .vc_btn3.vc_btn3-color-orange:hover{
	background-color: #131370;
	color:#ffffff;
	border:none;
}

.ocBut{
	margin-top: -40%;
	margin-bottom: 40%!important;
}


.essex .qodef-page-footer .qodef-footer-top-holder, .essex .qodef-page-footer .qodef-footer-bottom-holder, .essex .qodef-separator-holder.qodef-separator-full-width .qodef-separator{
	background-color: #131370;
}

.essex .qodef-page-footer  .qodef-separator-holder.qodef-separator-full-width .qodef-separator{
	border-color: #131370!important;
}

.essex .banblocks .wpb_single_image figure{
	min-width: 100%;
}

.essex .banblocks .wpb_single_image a, .essex .banblocks .wpb_single_image a img{
	min-width: 100%;
	object-fit: cover;
}

.essex li.job-type.long-term-core-members{
	background: #2f588a;
}

.essex li.job-type.short-term-core-members{
	background: #131370;
}

.essex .position h3{
	color: #131370;
}


.essex .homepageBlogGrid h4, .essex .homepageBlogGrid h4 a{
    color: #131370;
}

.essex .homepageBlogGrid .vc_gitem-post-data-source-post_author {
    border-right: 1px solid #2f588a;
    color: #2f588a;
}

.essex .homepageBlogGrid  .vc_gitem-post-data-source-post_date {
    color: #2f588a;
    line-height: 1;
}

.essex .qodef-sidebar a:hover{
	color: #2f588a;
}

.essex .qodef-sidebar a:before{
	content: url(/wp-content/uploads/oc-navrightarrow.svg)
}

.essex .qodef-sidebar-holder .widget .qodef-widget-title{
	color: #131370;
}

.essex #breadcrumb, .essex #breadcrumb a{
	color: #131370;
}

.essex #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-menu-flyout ul.mega-sub-menu{
	background:#131370;
}

#mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
	background:#131370;
}

.essex #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, .essex #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus{
	background: #2f588a;
}

.essex .vc_tta-color-turquoise.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading{
	border-color:#131370;
	background-color:#131370 ;
}

.essex .vc_tta-color-turquoise.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading:focus, .essex .vc_tta-color-turquoise.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading:hover{
	background-color: #2f588a;
}

.essex .vc_tta-color-turquoise.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a{
	background-color: #2f588a;
}

.essex #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-menu-item > a.mega-menu-link:hover, .essex #mega-menu-wrap-othona-essex-main-menu #mega-menu-othona-essex-main-menu > li.mega-menu-item > a.mega-menu-link:focus{
	color: #2f588a;
}

/* COLOURED ROWS */

.essex .purple{
	background-color: #131370;
	color:#ffffff;
}

.essex .purple h1, .essex .purple h2, .essex .purple h3, .essex .purple h4, .essex .purple h5 {
	color:#ffffff;
}

.essex .purpletop{
	background: url(assets/img/bluetop.svg);
	width: 100%;
	height: 110px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.essex .purplebottom{
	background: url(assets/img/bluetop.svg);
	width: 100%;
	height: 110px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
    transform: rotate(180deg);
}

.essex .greentop{
	background: url(assets/img/esgreentop.svg);
	width: 100%;
	height: 110px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.essex .greenbottom{
	background: url(assets/img/esgreentop.svg);
	width: 100%;
	height: 110px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
    transform: rotate(180deg);
}

.essex #upcoming-events .event .title  {
	color: #131370;
}

.essex #upcoming-events .event .date  {
	color: #2F588B;
}

body.essex .vc_btn3.vc_btn3-color-success, body.essex .vc_btn3.vc_btn3-color-success.vc_btn3-style-flat {
    color: #fff !important;
    background-color: #2F588B !important;
}

body.essex .vc_btn3.vc_btn3-color-success.vc_btn3-style-flat:focus, body.essex .vc_btn3.vc_btn3-color-success.vc_btn3-style-flat:hover, body.essex .vc_btn3.vc_btn3-color-success:focus, body.essex .vc_btn3.vc_btn3-color-success:hover {
    background: #c2dfe1!important;
    color: #131370!important;
}

body.essex .vc_btn3.vc_btn3-color-info, body.essex .vc_btn3.vc_btn3-color-info.vc_btn3-style-flat {
    color: #fff !important;
    background-color: #50598a !important;
}

body.essex .vc_btn3.vc_btn3-color-info.vc_btn3-style-flat:focus, body.essex .vc_btn3.vc_btn3-color-info.vc_btn3-style-flat:hover, body.essex .vc_btn3.vc_btn3-color-info:focus, body.essex .vc_btn3.vc_btn3-color-info:hover {
    background: #c2dfe1!important;
    color: #131370!important;
}

ul.categories li{
	margin-left: 0px;
}

.essex .newsletter {
	background-color: #50598a!important;
	color: #ffffff;
	padding: 3% 60px 6%;
	margin-top: 90px;
}
.essex .newsletter h2, .essex .newsletter h5, .essex .newsletter .wpcf7-form-control.wpcf7-text, .essex .newsletter .wpcf7-form-control.wpcf7-text:focus::placeholder {
	color: #ffffff;
}

.essex .newsletter input.wpcf7-form-control.wpcf7-submit {
	background-color: #131370;
}
.essex .newsletter input.wpcf7-form-control.wpcf7-submit:hover {
	background-color: #c2dfe1;
	border:none;
	color: #131370;
}

.essex .job-manager-application-wrapper .application .application_button,.essex .single_job_listing .application .application_button, .essex input[type=submit] {
    background: #131370!important;
    color: #ffffff!important;
	border:none!important;

}

.essex .job-manager-application-wrapper .application .application_button,.essex .single_job_listing .application .application_button:hover, .essex input[type=submit]:hover{
	background: #c2dfe1!important;
	color: #131370!important;
}

#eventCategoryFilter input[type=submit], .wpcf7 input[type=submit]{
	width: 100%;
	margin-top: 30px!important;
	font-size:14px;
}

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel]{
	min-height: 40px;
	margin-bottom: 15px;
}

/* ESSEX STYLING END /////////////////////////////////////////////////////////// */


/* COMMUNITY STYLING START /////////////////////////////////////////////////////////// */
.community h1{
	font-size:38px;
	color:#801920;
}

.community h2{
	color:#801920;
}

.community h3{
	color: #B13B43;
}

.community h4{
	color: #B13B43;
}

.community h5 {
	color: #B13B43;
}

#mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-wider1.mega-menu-item > a{
    background: rgba(12,29,126,1);
    height: 42px;
	line-height: 42px;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
	padding: 0px 20px;
	text-align: center;
}

#mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-wider1.mega-menu-item > a:hover{
	background: rgb(197,228,229);
	 border-radius: 5px;
    color: #000000;
	font-weight: 600;
}

#mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-wider1.mega-menu-item > a:before{
	content: "";
	width: 23px;
	height: 23px;
	background: url(assets/img/essex-ident.svg);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
    margin-right: 10px;
	margin-top: -3px;
}

.community header.qodef-page-header .qodef-position-left-inner img{
	min-width: 192px;
	height:auto;
	margin-top: 10px;
}

.community header.qodef-page-header .qodef-position-right{
	display: none;
}

.community #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-menu-item.mega-myAcct{
	display: none;
}

#mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu{
    display: flex;
    justify-content: space-evenly;
}


.community .newsletter{
	display:none;
}

body.community h2.specTitle {
    color: #801920!important;
    font-family: Kalam;
    font-size: 66px;
    font-style: normal;
	font-weight: 600;
	letter-spacing: -2px;
}


.community .vc_btn3.vc_btn3-color-danger, .community .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat{
	background-color: #801920;
	color:#ffffff;
	border:none;
}

.community .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:focus, .community .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat:hover, .community .vc_btn3.vc_btn3-color-danger:focus, .community .vc_btn3.vc_btn3-color-danger:hover{
	background-color: #B13B43;
	color:#ffffff;
	border:none;
}

.community .vc_btn3.vc_btn3-color-orange, .community .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat{
	background-color: #B13B43;
	color:#ffffff;
	border:none;
}

.community .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat:focus, .community .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat:hover, .community .vc_btn3.vc_btn3-color-orange:focus, .community .vc_btn3.vc_btn3-color-orange:hover{
	background-color: #801920;
	color:#ffffff;
	border:none;
}

.ocBut{
	margin-top: -40%;
	margin-bottom: 40%!important;
}


.community .qodef-page-footer .qodef-footer-top-holder, .community .qodef-page-footer .qodef-footer-bottom-holder, .community .qodef-separator-holder.qodef-separator-full-width .qodef-separator{
	background-color: #801920;
}

.community .qodef-page-footer  .qodef-separator-holder.qodef-separator-full-width .qodef-separator{
	border-color: #801920!important;
}

.community .banblocks .wpb_single_image figure{
	min-width: 100%;
}

.community .banblocks .wpb_single_image a, .community .banblocks .wpb_single_image a img{
	min-width: 100%;
	object-fit: cover;
}

.community li.job-type.long-term-core-members{
	background: #B13B43;
}

.community li.job-type.short-term-core-members{
	background: #801920;
}

.community .position h3{
	color: #801920;
}


.community .homepageBlogGrid h4, .community .homepageBlogGrid h4 a{
    color: #801920;
}

.community .homepageBlogGrid .vc_gitem-post-data-source-post_author {
    border-right: 1px solid #B13B43;
    color: #B13B43;
}

.community .homepageBlogGrid  .vc_gitem-post-data-source-post_date {
    color: #B13B43;
    line-height: 1;
}

.community .qodef-sidebar a:hover{
	color: #B13B43;
}

.community .qodef-sidebar a:before{
	content: url(/wp-content/uploads/oc-navrightarrow.svg)
}

.community .qodef-sidebar-holder .widget .qodef-widget-title{
	color: #801920;
}

.community #breadcrumb, .community #breadcrumb a{
	color: #801920;
}

.community #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-menu-flyout ul.mega-sub-menu{
	background:#801920;
}

#mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
	background:#801920;
}

.community #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, .community #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus{
	background: #B13B43;
}

.community .vc_tta-color-turquoise.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading{
	border-color:#801920;
	background-color:#801920 ;
}

.community .vc_tta-color-turquoise.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading:focus, .community .vc_tta-color-turquoise.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading:hover{
	background-color: #B13B43;
}

.community .vc_tta-color-turquoise.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a{
	background-color: #B13B43;
}

.community #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-menu-item > a.mega-menu-link:hover, .community #mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu > li.mega-menu-item > a.mega-menu-link:focus{
	color: #B13B43;
}

#mega-menu-wrap-othona-community-main-menu #mega-menu-othona-community-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
	display:none;
}

.qodef-vertical-align-containers .qodef-position-right{
	display:none;
}

body .qodef-container-inner {
    width: 93%;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
	.community .banblocks .vc_column_container.vc_col-sm-6{
		width: 50%!important;
	}
}

/* COMMUNITY STYLING END /////////////////////////////////////////////////////////// */


.page-template-west-dorset-page-template #upcoming-events .event .categories .category, .page-template-west-dorset-page-template #event-header .categories .category {
    display: inline-block;
    min-width: 5em;
    padding: 1px 5px;
    line-height: 1.5em;
    border-radius: 0.4em;
    text-align: center;
    font-size: 0.7em;
    color: #338B98;
    margin-bottom: 0px;
    margin-left: 0px;
    border: 1px solid #338B98;
}

.page-template-essex-page-template #upcoming-events .event .categories .category, .page-template-essex-page-template #event-header .categories .category{
	display: inline-block;
    min-width: 5em;
    padding: 1px 5px;
    line-height: 1.5em;
    border-radius: 0.4em;
    text-align: center;
    font-size: 0.7em;
    color: #2F588B;
    margin-bottom: 0px;
    margin-left: 0px;
    border: 1px solid #2F588B;
}

.page-template-west-dorset-page-template .fc-header-toolbar .fc-toolbar-chunk:last-child, .page-template-west-dorset-page-template .fc-button, .page-template-west-dorset-page-template .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button-group button, .page-template-west-dorset-page-template .fc-header-toolbar .fc-toolbar-chunk:first-child select {
	    background-color: #7E0D6E!important;
}

.page-template-west-dorset-page-template .event-holder{
	background-color: #338B98!important;
}


.page-template-essex-page-template .fc-header-toolbar .fc-toolbar-chunk:last-child, .page-template-essex-page-template .fc-button, .page-template-essex-page-template  .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button-group button, .page-template-essex-page-template .fc-header-toolbar .fc-toolbar-chunk:first-child select{
	background-color: #131370!important;
}

.page-template-essex-page-template .event-holder{
	background-color: #2F588B!important;
}

.page-template-west-dorset-page-template .lwa-bones .pixelbones a {
    color: #7E0D6E!important;
    background-color: transparent!important;
}

.page-template-essex-page-template .lwa-bones .pixelbones a {
    color: #131370!important;
    background-color: transparent!important;
}

body .lwa-bones .pixelbones a {
    color: #464646 !important;
    background-color: transparent !important;
	text-decoration: underline;
}

body .lwa-bones .pixelbones a:hover{
	text-decoration: none;
}

#upcoming-events .event {
    width: 24%;
    margin-bottom: 20px;
}

.fc-event-title{
	line-height: 1.6!important;
}

.event-content{
	padding-right: 40px;
}

html {
  scroll-padding-top: 6rem;
}

.event-sidebar {
    padding: 20px;
    background-color: #ffffff;
    padding-left: 30px;
    border-left: 1px solid #A3A3A3;
    width: 23%;
}

.event-sidebar h3{
	color: #354462;
	margin: 0 0 15px;
	font-size: 22px;
	font-weight: 400;
	border-bottom: 1px solid #A3A3A3;
	padding-bottom: 15px;
}

.crm-event-manage-tab-actions-ribbon{
	display: none!important;
}

/*#crm-main-content-wrapper{
	overflow: scroll;
}*/

.avatar.lwa-avatar {
	display: none;
}

body .lwa-bones .lwa-logged-in .grid-container {
    text-align: left!important;
    grid-template-columns: 1fr!important;
    padding: 0!important;
}


.pixelbones input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #464646;
    background-color: #fff;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
}

.pixelbones input[type=text]::-moz-placeholder { /* Firefox 19+ */
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #464646;
    background-color: #fff;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
}
.pixelbones input[type=text]:-ms-input-placeholder { /* IE 10+ */
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #464646;
    background-color: #fff;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
}
.pixelbones input[type=text]:-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #464646;
    background-color: #fff;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
}

.pixelbones input[type=password]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #464646;
    background-color: #fff;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
}
.pixelbones input[type=password]::-moz-placeholder { /* Firefox 19+ */
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #464646;
    background-color: #fff;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
}
.pixelbones input[type=password]:-ms-input-placeholder { /* IE 10+ */
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #464646;
    background-color: #fff;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
}

.pixelbones input[type=password]:-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #464646;
    background-color: #fff;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
}

.crm-section.event_description-section.summary img{
	width: 100%!important;
	height: auto!important;
}

.crm-section.event_description-section.summary table{
	width: 100%!important;
}

.crm-container .event-info .collapsed .crm-accordion-header {
    border-radius: 0;
    border-color: #7e0d6e;
    background-color: #7e0d6e;
    background-image: none;
    padding: 14px 20px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 5px;
	border: none;
}

.crm-container .event-info .crm-accordion-header {
	border-radius: 0;
    border-color: #7e0d6e;
    background-color: #7e0d6e;
    background-image: none;
    padding: 14px 20px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 5px;
	border: none;
}

.crm-container .event-info .crm-accordion-header:hover{
	background-color:#338B98;
	border: none;
}
	
.crm-container .event-info .collapsed .crm-accordion-header::after {
    content: '+';
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border-style: none;
    color: #ffffff;
    font-weight: 400;
    text-align: end;
    font-size: 24px;
}

.crm-container .event-info .crm-accordion-header::after {
    content: '-';
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border-style: none;
    color: #ffffff;
    font-weight: 400;
    text-align: end;
    font-size: 32px;
}

.action-link.section.iCal_links-section{
	margin-bottom: 30px;
}

.crm-section .label{
    color: #464646;
    font-weight: bold;
    margin-top: 10px;
    display: block;
}

.crm-container .event-info .crm-accordion-body {
    padding: 0 0 2em 0;
    border: none;
}

.vc_tta-container {
    margin-bottom: 21.74px;
    margin-top: 22px;
}

.qodef-post-info-date.entry-date.published.updated a:before{
	display:none;
}

.widget.qodef-blog-list-widget .qodef-blog-list-holder.qodef-bl-simple .qodef-post-image{
	display:none;
}


/* RESPONSIVE */

@media only screen and (min-width: 1400px){
	.qodef-grid-1300 .qodef-container-inner, .qodef-grid-1300 .qodef-grid, .qodef-grid-1300 .qodef-row-grid-section, .civicrm-event .qodef-grid-1300 .qodef-container-inner, .qodef-grid-1300 .qodef-grid, .qodef-grid-1300 .qodef-row-grid-section{
		width: 95% !important;
	}
}

@media only screen and (max-width: 1400px) {
	.qodef-main-menu > ul > li.widerO.mega-menu-item > a, .qodef-main-menu > ul > li.donate.mega-menu-item > a, .qodef-main-menu > ul > li.myAcct.mega-menu-item > a {
		min-width: auto;
	}
	.qodef-main-menu > ul > li.cnt.mega-menu-item > a {
		margin-right: 0px;
	}
}

@media only screen and (max-width: 1320px) {
	#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-widerO.mega-menu-item > a:before, #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-donate.mega-menu-item > a:before, #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-myAcct.mega-menu-item > a:before {
		display:none;
	}
	li.widerO.mega-menu-item, li.donate.mega-menu-item, li.myAcct.mega-menu-item {
		padding: 0px 5px;
	}
}

@media only screen and (max-width: 1200px) {
	body .qodef-main-menu > ul > li > a{
		padding: 0px 10px;
	}
	.qodef-vertical-align-containers .qodef-position-right{
		display: none;
	}
	body .qodef-page-header .qodef-menu-area .qodef-logo-wrapper a {
		min-height: 62px;
	}
	#upcoming-events {
		gap: 2%;
	}
	#upcoming-events .event {
		width: 49%;
	}
	.newsletter .newsletter-fields {
		gap: 4%;
	}
	.newsletter .newsletter-fields p {
		flex-basis: 48%;
	}
	.qodef-page-header {
        display: none!important;
    }

    .qodef-mobile-header {
        display: block!important;
	}
	
	.qodef-mobile-header .qodef-mobile-menu-opener{
		float: right!important;
	}
	
	li.widerO.mega-menu-item, li.wider1.mega-menu-item, li.donate.mega-menu-item, li.myAcct.mega-menu-item {
		padding: 0px 10px;
		float: none;
		margin-top: 0px!important;
	}
	
	body.community h2.specTitle {
		font-size: 66px!important;
	}
	
	#text-22, #text-24 {
		width: 80%;
		display: block;
		float: none;
		text-align: center;
		margin-bottom: 0px;
		margin: auto;
	}
	
	body footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(1), body.essex footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(1), body.community footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(3) {
		width: 100%;
		text-align: center;
		margin-left: 0;
	}
	
	body footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(2), body.essex footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(2), body.community footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(4) {
		width: 100%;
		font-size: 18px!important;
		font-weight: 600;
		text-align: center;
		margin-left: 0%;
		margin: 20px 0px;
	}
	
	.qodef-page-footer .widget.qodef-social-icons-group-widget {
		display: block;
		margin: 0px!important;
		width: 100%;
		text-align: center;
	}
	
	#text-22:before, #text-24:before{
		margin-bottom: 0px;
	}
	
	#nav_menu-2, #nav_menu-3, #nav_menu-4, #nav_menu-5, #nav_menu-6, #nav_menu-19, #nav_menu-29, #nav_menu-30, #nav_menu-31, #nav_menu-32, #nav_menu-33 {
		width: 33.3%;
	}
}

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

	body .qodef-sidebar-holder, body .qodef-page-content-holder{
		padding-left: 15px;
		padding-right: 15px;
		border-left: none;
		width:100%;
	}
}

@media only screen and (max-width: 767px) {
	#upcoming-events {
		gap: 0;
	}
	#upcoming-events .event {
		width: 100%;
	}
	.newsletter h5 {
		margin-top: 20px;
	}
	.newsletter .newsletter-fields p {
		flex-basis: 100%;
	}
	.newsletter .newsletter-bottom {
		flex-direction: column;
		gap:30px;
	}
	.newsletter input.wpcf7-form-control.wpcf7-submit {
		margin-top: 1em;
	}
	
	.newsletter h2 {
		margin-bottom: 0;
		font-size: 28px;
	}
	
	body .vc_btn3.vc_btn3-size-md {
		font-size: 12px;
		padding-top: 13px;
		padding-bottom: 13px;
		padding-left: 20px;
		padding-right: 20px;
		font-family: Roboto;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	body.community h2.specTitle {
		font-size: 52px!important;
	}
	
   body .vc_custom_1692780016952{
		margin-top: 0px !important;
	}
	
	body .vc_custom_1692627365632 {
		margin-top: 30px !important;
	}
	
	body{
		font-size:14px!important;
	}
	
	.community h1 {
    	font-size: 32px;
	}
	
	.qodef-container-inner, .qodef-grid, .qodef-row-grid-section {
        width: 90%!important;
	}
	
	#text-22, #text-24 {
		width: 100%;
	}
	
	#text-22:before, #text-24:before {
        display:none;
    }
	
	body footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(1) .qodef-icon-element.dripicons-phone, body.essex footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(1) .qodef-icon-element.dripicons-phone, body.community footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(3) .qodef-icon-element.dripicons-phone{
		display:none;
	}
	
	body footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(2) .qodef-icon-element.dripicons-bell, body.essex footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(2) .qodef-icon-element.dripicons-bell, body.community footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(4) .qodef-icon-element.dripicons-bell{
		display:none;
	}
	
	.qodef-page-footer .qodef-social-icons-group-widget .qodef-social-icon-widget-holder {
		font-size: 20px!important;
		margin: 0px 10px!important;
	}
	
	.qodef-page-footer .qodef-footer-top-holder .qodef-footer-top-inner.qodef-full-width {
		padding: 30px!important;
	}
	
	body footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(1), body.essex footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(1), body.community footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(3), body footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(2), body.essex footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(2), body.community footer .qodef-icon-widget-holder.qodef-icon-has-hover:nth-of-type(4) {
		font-size: 14px!important;
	}
	
	#nav_menu-2, #nav_menu-3, #nav_menu-4, #nav_menu-5, #nav_menu-6, #nav_menu-19, #nav_menu-29, #nav_menu-30, #nav_menu-31, #nav_menu-32, #nav_menu-33 {
		width: 100%;
		text-align: center;
	}
	
	.fc-header-toolbar .fc-toolbar-chunk:last-child{
		display:block!important;
	}
	
	.fc .fc-button-group {
		position: relative;
		width: 100%!important;
		text-align: center;
	}
	
	.fc-toolbar-title {
		color: #fff !important;
		font-size: 15px !important;
		padding-top: 10px !important;
		padding-bottom: 10px;
		text-align: center;
	}
	
	.fc-direction-ltr .fc-toolbar>*>:not(:first-child) {
       margin-left: 0px!important; 
	}
	
	.event-sidebar{
		display:none;
	}
	
	
	.event-content {
		padding-right: 0px;
	}
	
}

@media only screen and (max-width: 488px) {
	
	.qodef-container-inner, .qodef-grid, .qodef-row-grid-section {
        width: 90%!important;
    }
	
    .community .banblocks .vc_column_container.vc_col-sm-6 {
        width: 100% !important;
    }
	
	.ocBut {
		margin-top: -40%;
		margin-bottom: 30%!important;
	}
	
	body.community h2.specTitle {
		font-size: 42px!important;
	}
	
}

/* Ajax Pagination CSS */

/* Make sure pagination is on its own row below floated/grid items */
#ajax-pagination {
    clear: both;              /* <-- key for float-based grids */
    margin-top: 40px;
    text-align: center;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

/* Buttons */
#ajax-pagination .ajax-page-btn {
    background: #131370;
    border: none;
    color: #fff;
    padding: 10px 18px;
    font-size: 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

#ajax-pagination .ajax-page-btn:hover:not(:disabled) {
    background: #c2dfe1;
    color: #131370;
}

/* Disabled state */
#ajax-pagination .ajax-page-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
    color: #888;
}

/* Page indicator */
#ajax-pagination #ajax-page-indicator {
    font-size: 15px;
    font-weight: 600;
    color: #444;
}

/* Smooth fade when AJAX runs (optional) */
#upcoming-events {
    transition: opacity 0.3s ease;
}