/*
Theme Name: Bevan Foundation
Author: Glass Mountains Digital
Version: 2.0
*/

* {
vertical-align: baseline;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}
body {
font-family: "museo-sans", Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: 400;
color: #000;
background: #fff;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
body.noscroll {
overflow-y: hidden;
}


/* Canvas Layout
....................................................................... */
#site-wrapper {
position: relative;
overflow: hidden;
width: 100%;
}
#site-canvas {
float: left;
width: 100%;
height: 100%;
position: relative;
-webkit-transform: translateX(0);
transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transition: 0.2s ease all;
-o-transition: 0.2s ease all;
transition: 0.2s ease all;
-ms-transition: 0.2s ease all;
}
#site-left {
float: left;
width: 250px;
height: 100%;
position: absolute;
top: 0;
left: -251px;
border-right: 1px solid #000;
background: #000;
overflow: hidden;
}
#site-right {
float: left;
width: 250px;
height: 100%;
position: absolute;
top: 0;
right: -251px;
border-left: 1px solid #000;
background: #000;
overflow: hidden;
}
#site-wrapper.show-left #site-canvas {
-webkit-transform: translateX(250px);
transform: translateX(250px);
-o-transform: translateX(250px);
-ms-transform: translateX(-250px);
}
#site-wrapper.show-right #site-canvas {
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
-o-transform: translateX(-250px);
-ms-transform: translateX(-250px);
}
@media screen and (min-width: 1024px) {
	#site-wrapper #site-canvas,
	#site-wrapper.show-left #site-canvas,
	#site-wrapper.show-right #site-canvas {
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	}
}


/* Page Layout
....................................................................... */
.page-wrap_top {
position: relative;
float: left;
width: 100%;
}
.page-wrap_heading {
clear: both;
float: left;
width: 100%;
}
.page-wrap_content {
position: relative;
clear: both;
float: left;
width: 100%;
padding: 40px 0 60px 0;
}
.page-wrap_homepage {
clear: both;
float: left;
width: 100%;
}
.page-wrap_banners {
clear: both;
float: left;
width: 100%;
margin: 0 0 10px 0;
}
.page-wrap_footer {
clear: both;
float: left;
width: 100%;
}
.center {
clear: both;
width: 980px;
margin: 0 auto;
}
.row:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.row {
display: inline-block;
}
html[xmlns] .row {
display: block;
}
* html .row {
height: 1%;
}
@media screen and (min-width: 1131px) {
	.center {
	max-width: 1300px !important;
	width: 90%;
	}
}
@media screen and (max-width: 1023px) {
	.center {
	width: 94%;
	padding: 0;
	margin: 0 0 0 3%;
	}
	.sidebar {
	padding-top: 30px;
	}
}
@media screen and (max-width: 767px) {
	.page-wrap_top {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
	}
	#page-wrap_services {
	padding: 20px 0;
	}
	.page-wrap_blog {
	text-align: center;
	}
	.page-wrap_content {
	padding: 20px 0 10px 0;
	}
}


/* Grid
....................................................................... */
.span1 {
float: left;
width: 5.125%;
margin: 0 3.5% 0.75em 0;
}
.span2 {
float: left;
width: 13.75%;
margin: 0 3.5% 0.75em 0;
}
.span3 {
float: left;
width: 22.375%;
margin: 0 3.5% 0.75em 0;
}
.span4 {
float: left;
width: 31%;
margin: 0 3.5% 0.75em 0;
}
.span5 {
float: left;
width: 39.625%;
margin: 0 3.5% 0.75em 0;
}
.span6 {
float: left;
width: 48.25%;
margin: 0 3.5% 0.75em 0;
}
.span7 {
float: left;
width: 56.875%;
margin: 0 3.5% 0.75em 0;
}
.span8 {
float: left;
width: 65.5%;
margin: 0 3.5% 0.75em 0;
}
.span9 {
float: left;
width: 74.125%;
margin: 0 3.5% 0.75em 0;
}
.span10 {
float: left;
width: 82.75%;
margin: 0 3.5% 0.75em 0;
}
.span11 {
float: left;
width: 91.375%;
margin: 0 3.5% 0.75em 0;
}
.span12 {
float: left;
width: 100%;
margin: 0 0 0.75em 0;
}
.span1.last,
.span2.last,
.span3.last,
.span4.last,
.span5.last,
.span6.last,
.span7.last,
.span8.last,
.span9.last,
.span10.last,
.span11.last {
margin: 0;
}
@media screen and (max-width: 1023px) {
	.span1,
	.span2,
	.span3,
	.span4,
	.span5,
	.span6,
	.span7,
	.span8,
	.span9,
	.span10,
	.span11,
	.span12 {
	float: none;
	clear: both;
	width: 100%;
	margin-right: 0;
	}
}


/* Globals
....................................................................... */
p {
line-height: 1.6em;
margin: 0 0 1.1em 0;
word-wrap: break-word;
}
p:empty {
display: none;
}
.post_detail_content > p:first-child:first-letter,
p.dropcap:first-letter {
float: left;
font-size: 5.5em;
line-height: 0.5;
margin: 0.1em 0.075em 0 0;
}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
line-height: 1.5em;
padding: 0.5em 0 0 0;
margin: 0 0 1.5em 0;
overflow-x: auto;
}
a {
color: #6a0c69;
text-decoration: underline;
transition: all 0.2s;
}
a:hover {
color: #f57e20;
}
.noline a {
text-decoration: none;
}
h1 {
color: #6a0c69;
font-size: 2.25em;
font-weight: 700;
line-height: 1.1em;
letter-spacing: -0.025em;
margin: 0 0 0.5em 0;
}
h2 {
color: #6a0c69;
font-size: 1.75em;
font-weight: 700;
line-height: 1.1em;
letter-spacing: -0.025em;
margin: 0 0 0.65em 0;
}
h2.oversize {
color: #6a0c69;
font-size: 2.5em;
font-weight: 300;
line-height: 1.1em;
letter-spacing: -0.025em;
margin: 0 0 0.33em 0;
}
h2.title {
font-size: 1.5em;
letter-spacing: -0.01em;
border-bottom: 1px solid #ddd;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
h3 {
color: #f57e20;
font-size: 1.4em;
font-weight: 700;
line-height: 1.25em;
margin: 0 0 0.5em 0;
}
h4 {
color: #6a0c69;
font-size: 1.2em;
font-weight: 700;
line-height: 1.35em;
margin: 0 0 0.75em 0;
}
h4 a {
text-decoration: none;
}
h5 {
color: #f57e20;
font-size: 1.1em;
line-height: 1.5em;
font-weight: 700;
margin: 0 0 0.75em 0;
}
h1.strike,
h2.strike,
h3.strike,
h4.strike,
h5.strike {
position: relative;
}
h1.strike:after,
h2.strike:after,
h3.strike,
h4.strike:after,
h5.strike:after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background: #ddd;
z-index: -1;
}
h1.strike span,
h2.strike span,
h3.strike span,
h4.strike span,
h5.strike span {
background: #fff;
padding-right: 15px;
}
strong {
font-weight: 700;
}
img {
max-width: 100%;
height: auto;
}
img,
img a {
border: 0;
text-decoration: none;
}
ol {
margin: 0 0 0.75em 25px;
}
ol li {
margin: auto;
line-height: 1.6em;
padding: 0 0 0.75em 5px;
margin-left: 0;
}
ul {
padding: 0;
margin: 0 0 0.75em 10px;
list-style: none;
}
ul li {
position: relative;
margin: auto;
list-style: none;
line-height: 1.6em;
padding: 0 0 0.5em 15px;
margin: 0 0 0 0;
}
ul li:before {
position: absolute;
top: 0.25em;
left: 0;
font-family: "Font Awesome 5 Free";
content: '\f111';
font-weight: 900;
font-size: 6px;
color: #6a0c69;
}
li ul {
margin: 0.75em 0 0 0;
}
li ul li:last-child {
padding-bottom: 0.25em;	
}
hr {
clear: both;
border: 0;
border-bottom: 1px solid #ddd;
background: transparent;
height: 1px;
padding: 5px 0 0 0;
margin: 0 0 25px 0;
}
blockquote {
background: #f8f8f8;
border: 1px solid #ddd;
border-left: 5px solid #f57e20;
border-radius: 4px;
padding: 40px 5%;
margin: 0 0 25px 0;
}
blockquote + blockquote {
border-top: 0;
padding-top: 0;
}
blockquote p:last-of-type {
margin: 0;
}
blockquote cite {
display: inline-block;
text-transform: uppercase;
font-style: normal;
font-size: 0.75em;
padding-top: 20px;
}
.box {
clear: both;
background: #f8f8f8;
border-radius: 5px;
padding: 20px 20px 5px 20px;
margin: 0 0 30px 0;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.clear {
clear: both;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.alignleft {
float: left;
margin: 0 15px 5px 0;
}
.alignright {
float: right;
margin: 0 0 5px 15px;
}
.textcenter,
.aligncenter {
text-align: center;
}
img.aligncenter {
display: block;
margin: 0 auto 15px auto;
}
.wp-caption {
margin-bottom: 1.5em;
text-align: center;
padding-top: 5px;
}
.wp-caption.aligncenter {
width: 100% !important;
}
.wp-caption.alignleft,
.wp-caption.alignright {
}
.wp-caption img {
border: 0 none;
padding: 0;
margin: 0;
}
.wp-caption p.wp-caption-text {
line-height: 1.5;
font-size: 0.8em;
font-style: italic;
color: #666;
margin: 0;
}
.textright {
text-align: right;
}
a.cta {
display: inline-block;
text-decoration: none;
font-size: 1.1em;
font-weight: 700;
line-height: 1.25em;
color: #fff;
background: #f57e20;
padding: 10px 20px;
margin: 10px 0 10px 0;
border-radius: 5px;
border: none;
box-shadow: none;
}
a.cta:hover {
color: #fff;
background: #6a0c69;
text-decoration: none;
}
a.cta.cta_big {
font-size: 1.3em;
padding: 15px 20px;
}
a.cta.cta_block {
display: block;
text-align: center;
}
a.cta i {
font-size: 0.8em;
}
.spacer {
padding: 10px 0;
}
.viewall_link {
position: relative;
padding: 10px 0;
margin: 0 0 10px 0;
}
.viewall_link:after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #ddd;
z-index: -1;
}
.viewall_link h1,
.viewall_link h2,
.viewall_link h3,
.viewall_link h4 {
/* Approx max-width of a 'view all' link */
padding-right: 90px;
margin: 0;
}
.viewall_link h1 span,
.viewall_link h2 span,
.viewall_link h3 span,
.viewall_link h4 span {
background: #fff;
padding: 0 10px 0 0;
}
p.viewall {
position: absolute;
right: 0;
top: 55%;
background: #fff;
font-size: 0.9em;
font-weight: 700;
padding: 0 0 0 10px;
margin: -0.85em 0 0 0;
}
p.viewall a {
color: #f57e20;
text-decoration: none;
}
p.viewall a:hover {
color: #6a0c69;
}
p.viewall a i {
font-size: 0.8em;
}
p.viewall img {
max-width: 120px;
}
@media screen and (max-width: 1023px) {
	h1 {
	font-size: 2.5em;
	}
}
@media screen and (max-width: 767px) {
	p,
	.page-wrap_content li {
	font-size: 0.9em;
	}
	.page-wrap_content li p,
	.page-wrap_content li ul li {
	font-size: 1em;
	}
	h1 {
	font-size: 1.75em;
	letter-spacing: -0.01em;
	}
	h2 {
	font-size: 1.4em;
	letter-spacing: -0.01em;
	}
	h2.title {
	font-size: 1.4em;
	letter-spacing: -0.01em;
	}
	h2.oversize {
	font-size: 1.75em;
	}
	h3 {
	font-size: 1.2em;
	letter-spacing: -0.01em;
	}
	h4 {
	font-size: 1em;
	}
	h5 {
	font-size: 1em;
	}
	a.cta {
	font-size: 0.85em;
	}
	a.cta.cta_big {
	font-size: 1.1em;
	}
	.page-wrap_content img.alignleft,
	.page-wrap_content img.alignright {
	max-width: 150px;
	}
	.wp-caption.alignleft,
	.wp-caption.alignright {
	width: 100% !important;
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
}


/* Forms
....................................................................... */
form {
margin: 0 0 20px 0;
padding: 0;
}
fieldset {
border: 0;
padding: 0;
margin: 0;
}
legend {
color: #6a0c69;
font-size: 1.8em;
font-weight: 700;
padding: 0 10px 0 10px;
margin: 0 0 0 -10px;
}
label {
display: block;
color: #000;
font-size: 0.9em;
font-weight: 700;
padding: 0 0 5px 0;
}
input,
textarea,
select,
.StripeElement {
display: block;
color: #000;
width: 100%;
max-width: 624px;
font-size: 0.9em;
font-weight: 400;
font-family: "museo-sans", Arial, Helvetica, sans-serif;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.05);
padding: 10px 15px;
margin: 0 5px 20px 0;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input:focus,
textarea:focus {
color: #000;
border: 1px solid #888;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
::-webkit-input-placeholder {
color: #888;
opacity: 1;
}
:-moz-placeholder {
/* Firefox 18- */
color: #888;
opacity: 1;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #888;
opacity: 1;
}
:-ms-input-placeholder {
color: #888;
opacity: 1;
}
select {
line-height: 2.25em;
}
select option {
padding: 0 15px;
}
textarea {
overflow: auto;
overflow-x: hidden;
resize: none;
}
.radio,
.checkbox {
display: inline-block;
padding: 5px 15px 10px 0;
}
input[type="radio"],
input[type="checkbox"] {
display: inline-block;
width: auto !important;
padding: 0;
border: 0;
}
button,
input.submit,
input[type="submit"] {
width: auto;
font-family: "museo-sans", Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: 700;
line-height: 1.25em;
color: #fff;
background: #f57e20;
border: 0;
padding: 10px 20px;
margin: 10px 0 10px 0;
transition: all 0.2s;
-webkit-appearance: none;
cursor: pointer;
}
button:hover,
input.submit:hover,
input[type="submit"]:hover {
background-color: #6a0c69;
}
p.false_label {
font-size: 0.9em;
padding: 0 0 5px 0;
margin: 0;
}
.ninja-forms-all-fields-wrap {
border-top: 1px solid #ddd;
padding-top: 20px;
}
.ninja-forms-required-items {
padding-bottom: 20px;
}


/* Social Links
....................................................................... */
.socnet a {
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
color: #222c42;
background: #eee;
border-radius: 50%;
margin: 4px 2px;
transition: all 0.1s;
}
.socnet a:hover {
transform: scale(1.1);
}
.socnet a i {
position: relative;
font-size: 1.1em;
line-height: 35px;
z-index: 10;
}
.socnet a .text {
position: absolute;
left: -9999px;
top: -9999px;
}
.socnet a.tw {
color: #fff;
background: #56bee5 !important;
}
.socnet a.fb {
color: #fff;
background: #084b8f !important;
}
.socnet a.li {
color: #fff;
background: #127db5 !important;
}
.socnet a.yt {
color: #fff;
background: #ff0000 !important;
}
.socnet a.pn {
color: #fff;
background: #e60023 !important;
}
.socnet a.ig {
position: relative;
color: #fff;
}
.socnet a.ig:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 35px;
height: 35px;
border-radius: 50%;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important;
z-index: 9;
transition: opacity 0.2s;
}


/* Global alert banner
....................................................................... */
.alert_banner {
background: #fde5d2;
font-size: 0.8em;
font-weight: 700;
text-align: center;
transition: background 0.2s;
}
.alert_banner:hover {
background: #f7dac4;
}
.alert_banner a {
display: block;
text-decoration: none;
padding: 15px 0;
}


/* Header
....................................................................... */
header {
position: relative;
width: 100%;
padding: 25px 0;
}
#logo {
display: inline-block;
vertical-align: middle;
width: 30%;
}
#logo a {
display: block;
width: 100%;
height: 79px;
}
#logo img {
width: 100%;
height: auto;
max-width: 198px;
}
#logo .text {
position: absolute;
top: -9999px;
left: -9999px;
}

#header_tools {
display: inline-block;
vertical-align: middle;
width: 70%;
text-align: right;
}
header .contact {
margin: 0 0 15px 0;
}
header .contact .email,
header .contact .tel {
display: inline-block;
font-size: 0.85em;
padding: 0 5px;
}
header .contact .email a,
header .contact .tel a {
font-weight: 700;
text-decoration: none;
}
header .contact .socnet {
padding: 0 0 0 5px;
}
header .members {
display: block;
font-size: 0.85em;
font-weight: 700;
}
header .members ul {
padding: 0;
margin: 0;
}
header .members li {
display: inline-block;
background-image: none;
padding: 0;
margin: 0 2px;
}
header .members li:before {
display: none;
}
header .members li a {
display: block;
background: transparent;
text-decoration: none;
border-radius: 3px;
padding: 8px 16px;
}
header .members li.loginout a {
color: #fff;
background: #f57e20;
}
header .members li.loginout a:hover {
background: #6a0c69;	
}
header .members li.loginout a i {
margin: 0 0 0 3px;
}
@media screen and (max-width: 1023px) {
	header {
	padding: 15px 0;
	}
	header .contact {
	display: none;
	}
	header .members {
	display: none;
	}
}
@media screen and (max-width: 767px) {
	header {
	padding: 10px 0;
	}
	#logo {
	width: 140px;
	}
	#logo a {
	width: 140px;
	height: 56px;
	}
	#header_tools {
	width: calc(100% - 140px);
	}
	header .members {
	display: none;
	}
}


/* Header togglers
....................................................................... */
.toggle {
display: none;
margin: 0 0 0 px;
}
.toggle a {
display: block;
vertical-align: middle;
text-decoration: none;
font-size: 0.9em;
font-weight: 700;
text-transform: uppercase;
}
.toggle a em {
position: absolute;
left: -9999px;
top: -9999px;
}
.toggle a:after {
display: inline-block;
vertical-align: middle;
font-family: "Font Awesome 5 Free";
font-weight: 700;
line-height: 1;
font-size: 2em;
padding: 0 0 0 5px;
}
.toggle_search,
.toggle_navi {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 10px;
}
.toggle .toggle_search a:after {
content: "\f002";
}
.toggle .toggle_navi a:after {
content: "\f0c9";
}
.toggle .toggle_navi a.opened:after {
content: "\f00d";
}
@media screen and (min-width: 1024px) {
	.toggle {
	display: none;
	}
}
@media screen and (max-width: 1023px) {
	.toggle {
	display: block;
	}
}


/* Top Navigation
....................................................................... */
#navi {
clear: both;
background: #6a0c69;
padding: 8px 0;
}
#stickynavi {
position: fixed;
top: -60px;
width: 100%;
background: #6a0c69;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
z-index: 999;
opacity: 0;
padding: 5px 0;
margin: 0 auto;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#stickynavi.visible {
top: 0;
opacity: 1;
}
body.logged-in.admin-bar #stickynavi.visible {
top: 32px;
}
#navi ul {
margin: 0;
padding: 0 10px;
}
#stickynavi ul {
margin: 0;
padding: 0;
}
#navi li,
#stickynavi li {
position: relative;
display: inline-block;
vertical-align: middle;
list-style: none;
background-image: none;
padding: 0;
margin: 0 -3px 0 0;
}
#navi li:before,
#stickynavi li:before {
display: none;
}
#navi li a,
#stickynavi li a {
display: block;
color: #fff;
font-size: 0.85em;
font-weight: 500;
text-decoration: none;
border-left: 1px solid rgba(255,255,255,0.33);
padding: 5px 10px;
margin: 0;
}
#stickynavi li a {
text-shadow: none;
}
#navi li:first-child a,
#stickynavi li:first-child a {
border: 0;
}
#navi li a:hover,
#stickynavi li a:hover {
color: #f57e20;
}
#stickynavi li.home {
padding-right: 5px;
}
#stickynavi li.home a {

}
#stickynavi li.home a img {
display: block;
max-height: 30px;
margin: 3px 0 0 0;
}
#navi li.menu_lang,
#stickynavi li.menu_lang {
float: right;
}
#navi li.menu_search,
#stickynavi li.menu_search {
float: right;
margin: 0;
}
#navi li.menu_search a,
#stickynavi li.menu_search a {
border: 0;
}
#navi li.menu_search a i,
#stickynavi li.menu_search a i {
margin: 0 0 0 3px;
}
#navi li ul,
#stickynavi li ul {
opacity: 0;
position: absolute;
left: -9999px;
top: 36px;
width: 200px;
background: #6a0c69;
border-radius: 3px;
padding: 5px 0 5px 0;
margin: 0 0 0 -100px;
z-index: 99;
-webkit-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#navi li ul:after,
#stickynavi li ul:after {
content: " ";
height: 0;
width: 0;
position: absolute;
left: 50%;
top: -12px;
margin-left: -6px;
border: 6px solid transparent;
border-bottom-color: #6a0c69;
}
#navi li ul li,
#navi li.current-menu-item ul li,
#stickynavi li ul li,
#stickynavi li.current-menu-item ul li {
clear: both;
background-image: none;
padding: 0;
margin: 0;
}
#navi li ul li a,
#navi li.current-menu-item ul li a,
#stickynavi li ul li a,
#stickynavi li.current-menu-item ul li a {
float: none;
display: block;
width: 180px;
color: #fff;
background: transparent;
font-weight: 400;
font-size: 0.75em;
line-height: 1.3em;
text-transform: none;
text-decoration: none;
border: 0;
border-top: 1px solid rgba(255,255,255,0.15);
text-align: center;
background-image: none;
box-sizing: border-box;
padding: 8px 0 8px 0;
margin: 0 10px 0 10px;
border-radius: 0;
}
#navi li ul li a:hover,
#navi li.current-menu-item ul li a:hover,
#stickynavi li ul li a:hover,
#stickynavi li.current-menu-item ul li a:hover {
color: #f57e20;
}
#navi li ul li.current-menu-item a,
#stickynavi li ul li.current-menu-item a {
text-decoration: underline;
}
#navi li ul li:first-child > a,
#navi li.current-menu-item ul li:first-child > a,
#stickynavi li ul li:first-child > a,
#stickynavi li.current-menu-item ul li:first-child > a {
border-top: 0;
}
#navi li ul li:last-child a,
#navi li.current-menu-item ul li:last-child a,
#stickynavi li ul li:last-child a,
#stickynavi li.current-menu-item ul li:last-child a {
border-bottom: 0;
}
#navi li ul li a span,
#navi li.current-menu-item ul li a span,
#navi li ul li.current-menu-item a span,
#stickynavi li ul li a span,
#stickynavi li.current-menu-item ul li a span,
#stickynavi li ul li.current-menu-item a span {
border: 0;
padding: 0;
}
#navi ul li:hover > ul,
#stickynavi ul li:hover > ul {
opacity: 1;
left: 50%;
}
@media screen and (min-width: 1279px) {
	/*#navi li a,
	#stickynavi li a {
	font-size: 1em;
	}*/
}
@media screen and (min-width: 1024px) {
	#navi {
	display: block !important;
	}
}
@media screen and (max-width: 1023px) {
	#navi,
	#stickynavi {
	display: none !important;
	}
}

#focus_navi ul {
display: flex;
padding: 0;
margin: 0;
}
#focus_navi li {
flex: 1;
border-left: 1px solid #ddd;
border-bottom: 7px solid #ddd;
padding: 0;
margin: 0;
}
#focus_navi li:first-child {
border-left: 0;
}
#focus_navi li:before {
display: none;
}
#focus_navi li.democracy {
border-bottom-color: #69528c;
}
#focus_navi li.economy {
border-bottom-color: #d55f5c;
}
#focus_navi li.environment {
border-bottom-color: #ad7ac4;
}
#focus_navi li.poverty {
border-bottom-color: #00006a;
}
#focus_navi li.people {
border-bottom-color: #f57e20;
}
#focus_navi li a {
display: block;
color: #000;
text-align: center;
font-size: 0.8em;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
padding: 8px 0;
}
#focus_navi li a:hover {
}
#focus_navi li.democracy a:hover {
color: #69528c;
}
#focus_navi li.economy a:hover {
color: #d55f5c;
}
#focus_navi li.environment a:hover {
color: #ad7ac4;
}
#focus_navi li.poverty a:hover {
color: #00006a;
}
#focus_navi li.people a:hover {
color: #f57e20;
}
@media screen and (max-width: 1023px) {
	#focus_navi {
	border-top: 1px solid #ddd;
	}
}
@media screen and (max-width: 767px) {
	#focus_navi {
	display: none;
	}
}


/* Side Navigation
....................................................................... */
#sidenavi ul {
text-align: left;
border-top: 1px solid #333;
padding: 0;
margin: 0 0 10px 0;
}
#sidenavi li {
list-style: none;
background-image: none;
border-bottom: 1px solid #333;
padding: 0;
margin: 0;
}
#sidenavi li:before {
display: none;
}
#sidenavi li a {
position: relative;
display: block;
font-size: 0.8em;
font-weight: 700;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);
text-decoration: none;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
padding: 10px 15px 10px 15px;
margin: 0;
}
#sidenavi li.current-menu-item a {
}
#sidenavi li a:hover {
background: #222;
}
#sidenavi li ul {
border: 0;
margin: 0;
}
#sidenavi li ul li,
#sidenavi li.current-menu-item ul li {
clear: both;
float: none;
width: auto;
display: block;
border-bottom: 0;
border-top: 1px solid #333;
}
#sidenavi li ul li a,
#sidenavi li.current-menu-item ul li a {
width: auto;
text-align: left;
font-weight: 300;
font-size: 0.8em;
color: #fff;
border: 0;
padding: 8px 3% 8px 3%;
margin: 0;
}
#sidenavi li ul li.current-menu-item a {
}
#sidenavi li ul li a:before,
#sidenavi li.current-menu-item ul li a:before {
content: "- ";
display: inline-block;
padding: 0 5px 0 10px;
}
#sidenavi li.democracy {
border-left: 5px solid #69528c;
}
#sidenavi li.economy {
border-left: 5px solid #d55f5c;
}
#sidenavi li.environment {
border-left: 5px solid #ad7ac4;
}
#sidenavi li.poverty {
border-left: 5px solid #00006a;
}
#sidenavi li.people {
border-left: 5px solid #f57e20;
}
#sidenavi li.democracy {
border-left: 5px solid #69528c;
}
#site-right h3 {
color: #fff;
font-weight: 300;
}
#site-right li h3 {
color: #fff;
font-weight: 300;
padding: 30px 10px 10px 15px;
}
#site-right .contact {
color: #fff;
padding: 15px;
}
#site-right .email,
#site-right .tel {
display: block;
font-size: 0.8em;
line-height: 1.5em;
padding: 5px 0;
}
#site-right .socnet {
display: block;
padding: 20px 0 0 0;
margin: 0 0 20px 0;
}
#site-right .socnet a {
color: #fff;
background: transparent;
}
#site-right .contact p strong,
#site-right .contact p a {
color: #fff;
}


/* Page heading
....................................................................... */
.page_heading {
display: flex;
align-items: center;
border-bottom: 1px solid #ddd;
padding: 50px 0;
}
.page_heading h1 {
max-width: 1000px;
margin: 0;
}
.page_heading.focus_heading {
border-bottom-width: 7px;
}
.page_heading.focus_heading.democracy {
border-color: #69528c;
}
.page_heading.focus_heading.economy {
border-color: #d55f5c;
}
.page_heading.focus_heading.environment {
border-color: #ad7ac4;
}
.page_heading.focus_heading.poverty {
border-color: #00006a;
}
.page_heading.focus_heading.people {
border-color: #f57e20;
}
ul.language {
min-width: 330px;
text-align: right;
box-sizing: border-box;
padding: 0 15px 0 0;
margin: 0 0 0 auto;
}
ul.language li {
display: inline-block;
vertical-align: middle;
list-style: none;
background-image: none;
padding: 0;
margin: 0 0 0 0;
}
ul.language li:before {
display: none;
}
ul.language li a {
display: block;
color: #000;
font-size: 0.75em;
font-weight: 500;
text-decoration: none;
border-left: 1px solid #ddd;
padding: 0 8px;
margin: 0;
}
ul.language li:first-of-type a {
padding-left: 0;
border: 0;
}
ul.language li a:hover {
text-decoration: underline;
}
ul.language li img {
width: 30px;
height: 30px;
display: block;
}
@media screen and (max-width: 1023px) {
	.page_heading {
	display: block;
	}
	ul.language {
	text-align: left;
	padding: 20px 0 0 0;
	margin-left: 0;
	}
}
@media screen and (max-width: 767px) {
	.page_heading {
	padding: 30px 0;
	}
	ul.language {
	padding: 10px 0 0 0;
	}
}


/* Search form
....................................................................... */
.widget.widget_search form,
.searchmodal form {
position: relative;
max-width: 600px;
margin: 0 auto 20px auto;
}
.widget.widget_search .searchandfilter label,
.searchmodal .searchandfilter label {
display: block;
}
.widget.widget_search .searchandfilter ul,
.searchmodal .searchandfilter ul {
padding: 0;
margin: 0;
}
.widget.widget_search .searchandfilter li,
.searchmodal .searchandfilter li {
display: inline-block;
vertical-align: top;
width: 50%;
box-sizing: border-box;
padding: 0 5px;
margin: 0;
}
.widget.widget_search .searchandfilter li:before,
.searchmodal .searchandfilter li:before {
display: none;
}
.widget.widget_search .searchandfilter h4,
.searchmodal .searchandfilter h4 {
color: #fff;
padding: 0;
margin: 0 0 5px 0;
}
.widget.widget_search input,
.widget.widget_search select,
.searchmodal input,
.searchmodal select {
}
.widget.widget_search #searchsubmit,
.searchmodal #searchsubmit {
position: absolute;
top: 23px;
right: 0;
width: 40px;
height: 40px;
border: 0;
font-size: 1.25em;
line-height: 1px;
background: #f57e20;
padding: 0 !important;
margin: 0;
border-radius: 0 4px 4px 0;
cursor: pointer;
}
.widget.widget_search #searchsubmit:hover,
.searchmodal #searchsubmit:hover {
background-color: #6a0c69;
}
.widget.widget_search #searchsubmit span,
.searchmodal #searchsubmit span {
display: none;
}
@media screen and (max-width: 479px) {
	.widget.widget_search .searchandfilter li,
	.searchmodal .searchandfilter li {
	display: block;
	width: 100%;
	padding: 0;
	}
	.widget.widget_search input,
	.widget.widget_search select,
	.searchmodal input,
	.searchmodal select {
	margin: 0 0 10px 0;
	}
}


/* Swiper controls
....................................................................... */
.swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background: transparent;
border: 3px solid #f57e20;
margin: 0 5px;
opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active {
background: #f57e20;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
width: 33px;
height: 45px;
z-index: 999;
cursor: pointer;
background-image: none;
opacity: 1 !important;
}
.swiper-button-prev {
left: 15px;
}
.swiper-button-next {
right: 15px;
text-align: right;
}
.swiper-button-prev:before,
.swiper-button-next:before {
font-family: "Font Awesome 5 Free";
font-size: 2.25em;
font-weight: 700;
line-height: 40px;
color: #f57e20;
}
.swiper-button-prev.swiper-button-disabled:before,
.swiper-button-next.swiper-button-disabled:before {
opacity: 0.33;
}
.swiper-button-prev:before {
content: '\f053';
}
.swiper-button-next:before {
content: '\f054';
}


/* Shared listing elements
....................................................................... */
p .more {
display: inline-block;
margin: 0 5px 0 0;
}
.meta {
font-size: 0.65em;
font-weight: 500;
color: #888;
padding: 0 0 10px 0;
}
.meta .cats,
.meta .tags {
display: block;
text-transform: uppercase;
}
.meta .cats strong,
.meta .tags strong {
font-weight: 500;
color: #000;
margin: 0 5px 0 0;
}
.meta .cats a,
.meta .tags a {
display: inline-block;
text-decoration: none;
border-radius: 3px;
border: 2px solid #000;
padding: 3px 8px;
margin: 5px 5px 5px 0;
transition: all 0.2s;
}
.meta .cats a {
color: #fff;
border-color: #b8b8b8;
background: #b8b8b8;
}
.meta .tags a {
color: #888;
border-color: #ddd;
background: #fff;
}
.meta .cats a:hover,
.meta .tags a:hover {
color: #fff;
border-color: #6a0c69;
background: #6a0c69;
}
.postmeta {
font-size: 0.65em;
font-weight: 500;
text-transform: uppercase;
color: #666;
padding: 5px 0 8px 0;
}
.postmeta a {
color: #666;
}
.postmeta a:hover {
color: #f57e20;
}
h4 a .title_post_link,
h5 a .title_post_link {
display: inline-block;
font-size: 0.75em;
font-weight: 400;
color: #6a0c69;
padding: 0 0 0 5px;
}
h4 a .title_post_link i,
h5 a .title_post_link i {
font-size: 0.8em;
}
a.post_link {
display: block;
text-decoration: none;
white-space: nowrap;
margin: -5px 0 0 0;
}
a.post_link.inline {
display: inline-block;
}
a.post_link i {
display: inline-block;
vertical-align: middle;
font-size: 0.7em;
}
.focus_link {
/*display: inline-block;*/
}
.focus_link .focus:hover {
text-decoration: underline;
}
.focus {
display: inline-block;
background: #fff;
font-size: 0.8em;
font-weight: 700;
text-transform: uppercase;
}
.focus.democracy {
border-color: #69528c;
color: #69528c;
}
.focus.economy {
border-color: #d55f5c;
color: #d55f5c;
}
.focus.environment {
border-color: #ad7ac4;
color: #ad7ac4;
}
.focus.poverty {
border-color: #00006a;
color: #00006a;
}
.focus.people {
border-color: #f57e20;
color: #f57e20;
}
.type {
display: block;
font-size: 0.8em;
color: #888;
}
.type a {
display: inline-block;
vertical-align: middle;
text-decoration: none;
font-size: 0.85em;
font-weight: 700;
line-height: 1em;
text-transform: uppercase;
color: #fff;
background: #f57e20;
border-radius: 3px;
padding: 4px 8px;
margin: 5px 5px 5px 0;
transition: all 0.2s;
}
.type a:hover {
background: #6a0c69;
}
.type .event_date {
display: inline-block;
color: #000;
}
.type .event_date strong {
display: inline-block;
color: #f57e20;
margin: 0 10px 0 0;
}


/* Post listings
....................................................................... */
.post {
vertical-align: top;
box-sizing: border-box;
padding: 0 0.75% 0 0.75%;
margin: 0 -4px 35px 0;
}
.span10 .post,
.span11 .post,
.span12 .post {
display: inline-block;
width: 33.333%;
}
.span8 .post,
.span9 .post {
display: inline-block;
width: 50%;
}
.post .pic {
position: relative;
display: block;
overflow: hidden;
width: 100%;
padding-top: 62.5%;
}
.post .pic a.pic_link:after { /* Add semi-opaque border */
content: '';
position: absolute; /* Relative to div tag, not the 'a' tag */
top: 0;
bottom: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
z-index: 10;
}
.post .pic a {
display: block;
}
.post .pic .focus_link {
position: absolute;
left: 0;
bottom: 0;
z-index: 11;
}
.post .pic .focus {
border-right-width: 5px;
border-right-style: solid;
padding: 10px;
}
.post .pic img {
position: absolute;
width: 100%;
height: auto;
left: 0;
top: 0;
display: block;
max-width: none;
transition: all 0.2s ease-in-out;
z-index: 0;
}
.post .pic a:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.post h4 {
color: #6a0c69;
padding: 10px 0;
margin: 0;
}
.post h4 a {
display: block;
color: #6a0c69;
}
.post h4 a:hover {
color: #f57e20;
}
.post h4 i {
font-size: 0.7em;
}
.post p {
font-size: 0.95em;
padding-right: 5px;
margin: 0 0 10px 0;
}
.post p:last-child {
margin: 0;
}

.post .badge {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
width: 90px;
height: 90px;
text-align: center;
text-transform: uppercase;
color: #fff;
background: rgba(0,0,0,0.5);
border: 3px solid #fff;
box-shadow: 0 0 8px rgba(0,0,0,0.25);
border-radius: 50%;
box-sizing: border-box;
margin: -45px 0 0 -45px;
}

.post .badge.restricted {
background: #fff;
}
.post .badge.restricted i {
display: block;
color: #f57e20;
font-size: 1.25em;
margin: 15px 0 5px 0;
}
.post .badge.restricted em {
display: inline-block;
font-style: normal;
font-size: 0.65em;
line-height: 1.2em;
font-weight: 700;
color: #6a0c69;
}

.post .badge.replay i {
font-size: 2.25em;
line-height: 85px;
margin: 0 0 0 5px;
}

.post .badge.countdown {
padding-top: 7px;
}
.post .badge.countdown em {
display: block;
font-style: normal;
font-size: 0.75em;
line-height: 1em;
font-weight: 700;
}
.post .badge.countdown strong {
font-size: 2.25em;
line-height: 1em;
font-weight: 700;
}
.post .badge.countdown.today {
line-height: 85px;
padding-top: 0;
font-weight: 700;
}

@media screen and (max-width: 1023px) {
	.span8 .post,
	.span9 .post,
	.span10 .post,
	.span11 .post,
	.span12 .post {
	display: inline-block;
	width: 50%;
	}
}
@media screen and (max-width: 767px) {
	.span8 .post,
	.span9 .post,
	.span10 .post,
	.span11 .post,
	.span12 .post {
	display: inline-block;
	width: 50%;
	}
  .post h4 {
   font-size: 1.1em;
  }
  .post p {
   font-size: 0.9em;
  }
}
@media screen and (max-width: 600px) {
	.span8 .post,
	.span9 .post,
	.span10 .post,
	.span11 .post,
	.span12 .post {
	display: block;
	width: 100%;
	}
}


/* Post listings (compact)
....................................................................... */
.post.post_compact {
display: block;
border-bottom: 1px solid #ddd;
padding: 15px 0 15px 0;
margin: 0;
}
.post.post_compact h4 {
padding: 5px 0 10px 0;
margin: 0;
}
.post.post_compact .badge {
display: block;
position: relative;
top: auto;
left: auto;
width: auto;
height: auto;
text-align: left;
line-height: auto;
box-shadow: none;
border-radius: 0;
border: 0;
padding: 5px 0 0 0;
margin: 0;
}
.post.post_compact .badge.restricted i {
display: inline-block;
vertical-align: middle;
font-size: 0.75em;
margin: 0 5px 0 0;
}


/* Post detail
....................................................................... */
.post_detail .post_image {
position: relative;
margin: 0 0 20px 0;
}
.post_detail .post_image:after { /* Add semi-opaque border */
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
z-index: 10;
}
.post_detail .post_image.post_video:after {
display: none;
}
.post_detail .post_image img {
display: block;
width: 100%;
height: auto;
}
.post_detail .post_image .focus {
position: absolute;
left: 0;
bottom: 0;
font-size: 1.1em;
border-right-width: 5px;
border-right-style: solid;
padding: 10px;
z-index: 11;
}
.post_detail figcaption {
color: #888;
text-align: right;
font-size: 0.75em;
margin: 0 0 10px 0;
}
.post_detail .focuses-below-video {
font-size: 1.3em;
margin: 0 0 10px 0;
}
.post_detail .after_post_detail {
}
.post_detail .type {
font-size: 0.9em;
padding: 5px 0;
margin: 0 0 15px 0;
}
.post_detail .meta {
font-size: 0.8em;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 30px 0;
margin: 0 0 70px 0;
}
.post_banner + .meta {
border-top: 0;
}
.post_detail .meta .cats,
.post_detail .meta .tags {
padding: 5px 0;
}
.post_detail .postmeta {
margin: 0 0 20px 0;
}
.commentlist li {
list-style: none;
background-image: none;
border-top: 1px solid #ddd;
padding: 15px 0 5px 50px;
margin: 0 0 20px 0;
}
.commentlist .avatar {
float: left;
margin-left: -50px;
}
.comment-meta {
padding: 10px 0 10px 0;
}
#respond {
clear: both;
background: #eee;
padding: 30px;
}
#respond textarea {
width: 96%;
}
.restricted_fade {
position: relative;
}
.restricted_fade:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0) 100%);
}
@media screen and (max-width: 767px) {
	.post_detail .meta .cats strong,
	.post_detail .meta .tags strong {
	display: block;
	}
}


/* Post navigation
....................................................................... */
.navigation {
clear: both;
margin: 20px 0 30px 0;
}
.prev-posts,
.next-posts {
display: inline-block;
width: 50%;
margin: 0 -4px 0 0;
}
.prev-posts {
text-align: right;
}
.prev-posts a,
.next-posts a {
color: #6a0c69;
font-weight: 700;
text-decoration: none;
}
.prev-posts a:hover,
.next-posts a:hover {
color: #f57e20;
}
.wp-pagenavi-container {
clear: both;
padding: 20px 0 20px 0;
}
.wp-pagenavi {
padding: 20px 0 0 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
color: #666 !important;
border-color: #ddd !important;
border-radius: 3px;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
color: #333 !important;
background-color: #eee !important;
}


/* Testimonials listing
....................................................................... */
.testimonial {
clear: both;
position: relative;
border-top: 1px solid #ddd;
padding: 30px 0 0 40px;
margin: 0 0 30px 0;
}
.testimonial .icon {
position: absolute;
top: 36px;
left: 0;
display: block;
width: 30px;
height: 30px;
background: url(img/quote.svg) 50% 50% no-repeat;
background-size: contain;
}
.testimonial p {
font-family: 'PT Serif', serif;
font-style: italic;
color: #666;
font-size: 1.1em;
line-height: 1.75em;
margin-bottom: 0.75em;
}
.testimonial-meta {
padding: 0 0 0 80px;
}
.testimonial .avatar {
display: inline-block;
vertical-align: middle;
width: 70px;
height: 70px;
background: #eee url(img/blank_avatar.png) 50% 50%;
border-radius: 50%;
margin: 0 0 0 -80px;
}
.testimonial .avatar a {
display: block;
width: 100%;
height: 100%;
}
.testimonial .avatar img {
max-width: 70px;
min-height: 70px;
width: auto;
height: auto;
border-radius: 50%;
}
.testimonial .name {
display: inline-block;
vertical-align: middle;
font-size: 0.9em;
line-height: 1.33em;
padding: 0 0 0 15px;
}
.testimonial .name strong {
display: block;
}
.swiper-pagination.swiper-pagination-testimonials {
padding-left: 40px;
}
.swiper_testimonials .testimonial {
border: 0;
padding-top: 0;
}
.swiper_testimonials .testimonial .icon {
top: 6px;
}
@media screen and (max-width: 767px) {
	.testimonial p {
	font-size: 1em;
	}
}


/* Outcome listings
....................................................................... */
.outcome {
vertical-align: top;
box-sizing: border-box;
padding: 0 0.75% 0 0.75%;
margin: 0 -4px 20px 0;
}
.span10 .outcome,
.span11 .outcome,
.span12 .outcome {
display: inline-block;
width: 33.333%;
}
.span8 .outcome,
.span9 .outcome {
display: inline-block;
width: 50%;
}
.outcome a {
position: relative;
display: block;
}
.outcome a:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.outcome .pic {
position: relative;
display: block;
overflow: hidden;
padding-top: 110%;
margin: 0;
}
.outcome .focus {
position: absolute;
left: 0;
bottom: 0;
border-right-width: 5px;
border-right-style: solid;
padding: 10px;
z-index: 2;
}
.outcome .pic img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: block;
max-width: none;
transition: all 0.2s ease-in-out;
z-index: 0;
}
.outcome .text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
padding: 20px;
z-index: 1;
}
.outcome .overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.75) 25%, rgba(0,0,0,0.1) 85%);
box-sizing: border-box;
z-index: 0;
}
.outcome a h4 {
color: #fff;
}
.outcome a h4 {
color: #fff;
font-size: 1.4em;
transition: color 0.2s;
margin: 0 0 35px 0;
}
.outcome a h4 i {
font-size: 0.75em;
}
.outcome a:hover h4 {
color: #f57e20;
}
@media screen and (max-width: 1023px) {
	.span8 .outcome,
	.span9 .outcome,
	.span10 .outcome,
	.span11 .outcome,
	.span12 .outcome {
	display: inline-block;
	width: 50%;
	}
}
@media screen and (max-width: 767px) {
	.span8 .outcome,
	.span9 .outcome,
	.span10 .outcome,
	.span11 .outcome,
	.span12 .outcome {
	display: inline-block;
	width: 50%;
	}
  .outcome h4 {
   font-size: 1.1em;
  }
}
@media screen and (max-width: 600px) {
	.span8 .outcome,
	.span9 .outcome,
	.span10 .outcome,
	.span11 .outcome,
	.span12 .outcome {
	display: block;
	width: 100%;
	}
}


/* Feature listings (member dashboard)
....................................................................... */
.feature {
vertical-align: top;
box-sizing: border-box;
padding: 0 0.75% 0 0.75%;
margin: 15px -4px 15px 0;
}
.span10 .feature,
.span11 .feature,
.span12 .feature {
display: inline-block;
width: 33.333%;
}
.span8 .feature,
.span9 .feature {
display: inline-block;
width: 50%;
}
.feature a {
position: relative;
display: block;
}
.feature a:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.feature .pic {
position: relative;
display: block;
overflow: hidden;
padding-top: 110%;
}
.feature .pic img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: block;
max-width: none;
transition: all 0.2s ease-in-out;
z-index: 0;
}
.feature .overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.75) 25%, rgba(0,0,0,0.1) 85%);
box-sizing: border-box;
z-index: 0;
}
.feature .text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
padding: 30px 20px;
z-index: 1;
}
.feature h4 {
color: #fff;
font-size: 1.4em;
transition: color 0.2s;
margin: 0 0 5px 0;
}
.feature h4 i {
font-size: 0.75em;
}
.feature a:hover h4 {
color: #f57e20;
}
.feature p {
color: #fff;
margin: 0 0 10px 0;
}
.feature p.cta {
display: inline-block;
background: #f57e20;
font-size: 0.9em;
font-weight: 700;
border-radius: 5px;
padding: 5px 10px;
margin: 0;
transition: all 0.2s ease-in-out;
}
.feature a:hover p.cta {
color: #f57e20;
background: #fff;
}
@media screen and (max-width: 1023px) {
	.span8 .feature,
	.span9 .feature,
	.span10 .feature,
	.span11 .feature,
	.span12 .feature {
	display: inline-block;
	width: 50%;
	}
}
@media screen and (max-width: 767px) {
	.span8 .feature,
	.span9 .feature,
	.span10 .feature,
	.span11 .feature,
	.span12 .feature {
	display: inline-block;
	width: 50%;
	}
  .feature h4 {
   font-size: 1.1em;
  }
}
@media screen and (max-width: 600px) {
	.span8 .feature,
	.span9 .feature,
	.span10 .feature,
	.span11 .feature,
	.span12 .feature {
	display: block;
	width: 100%;
	}
}



/* Sidebar
....................................................................... */
.widget {
clear: both;
position: relative;
padding: 0;
margin: 0 0 40px 0;
}
.widget h2 {
font-size: 1.5em;
margin: 0 0 10px 0;
}
.widget p {
font-size: 0.9em;
margin: 0 0 10px 0;
}
.widget ul {
padding: 0;
margin: -10px 0 0 0;
}
.widget li {
position: relative;
border-bottom: 1px solid #ddd;
background-image: none;
padding: 15px 0;
margin: 0;
}
.widget li:last-child {
border: 0;
}
.widget li:before {
display: none;
}
.widget li a {
position: relative;
display: block;
line-height: 1.5em;
font-weight: 700;
text-decoration: none;
padding: 0 15px 0 0;
}
.widget li a:after {
content: "\f054";
position: absolute;
right: 0;
top: 5px;
display: inline-block;
font-family: "Font Awesome 5 Free";
line-height: 1;
font-size: 15px;
color: #f57e20;
}
.widget li .upw-image a:after {
display: none !important;
}
.widget a.cta {
padding: 10px 15px;
}

.widget.widget_boxed {
clear: both;
background: #eee;
border-radius: 4px;
padding: 30px;
}
.widget.widget_boxed h2.title {
border: 0;
padding: 0 0 5px 0;
}
.widget.widget_boxed p:last-of-type {
margin: 0;
}
.widget.widget_boxed.widget_cream {
background: #fef6f0;
border: 1px solid #eee;
}
.widget.widget_boxed.widget_purple {
color: #fff;
background: #6a0c69;
}
.widget.widget_boxed.widget_purple h2.title,
.widget.widget_boxed.widget_purple a {
color: #fff;
}
.widget.widget_boxed.widget_purple a.cta:hover {
color: #222c42;
background: #eee;
}

.widget.widget_join-us {
color: #fff;
background: #202020;
border-radius: 4px;
padding: 200px 30px 30px 30px;
}
.widget.widget_join-us h2.title {
display: none;
}
.widget_join_content {
position: relative;
z-index: 10;
}
.widget_join_content h2,
.widget_join_content a {
color: #fff;
}
.widget_join_content p:last-of-type {
margin: 0;
}
.widget_join_content a.cta:hover {
color: #222c42;
background: #eee;
}
.widget_join_prefix {
display: block; /* Fallback */
display: flex;
align-items: flex-end;
margin: 0 0 20px 0;
}
.widget_join_prefix .icon {
width: 45px;
height: 45px;
}
.widget_join_prefix .icon img {
max-width: 45px;
max-height: 45px;
}
.widget_join_prefix .text {
flex: 1;
text-transform: uppercase;
border-bottom: 3px solid #f57e20;
padding: 0 0 8px 0;
margin: 0 0 0 15px;
}
.widget.widget_join-us:before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 250px;
border-radius: 4px;
background: url(img/banner_join.jpg) 50% 50% no-repeat;
background-size: cover;
z-index: 0;
}
.widget.widget_join-us:after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 250px;
background: rgb(32,32,32);
background: linear-gradient(0deg, rgba(32,32,32,1) 0%, rgba(32,32,32,0) 33%);
z-index: 1;
}

.widget.widget_search h2.title {
display: none;
}

.widget.widget_testimonial {
border: 0;
padding: 0;
margin: 0 0 40px 0;
}
.widget.widget_testimonial h2.title {
padding: 0;
border: 0;
}


/* Homepage hero
....................................................................... */
.hero {
position: relative;
clear: both;
border-top: 10px solid #fff;
}
.hero .swiper-slide {
position: relative;
}
.hero_text {
position: relative;
width: 100%;
box-sizing: border-box;
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.75) 30%, rgba(0,0,0,0.25) 70%);
padding: 90px 50% 90px 70px;
z-index: 1;
}
.hero_text h1 {
font-size: 3em;
color: #fff;
}
.hero_text p {
font-size: 1.2em;
color: #fff;
margin-bottom: 1em;
}
.hero_text p:last-child {
margin: 0;
}
.hero_text a {
color: #fff;
}
.hero_text a:hover {
color: #f57e20;
}
.hero_pic {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;
}
.swiper-pagination-hero .swiper-pagination-bullet {
border-color: #fff;
}
.swiper-pagination-hero .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-button-prev-hero:before,
.swiper-button-next-hero:before {
color: #fff;
}
.hero_cta {
display: flex;
align-items: center;
background: #f3ebf3;
padding: 20px 70px;
}
.hero_cta h2 {
display: inline-block;
vertical-align: middle;
font-size: 2em;
font-weight: 300;
margin: 0 20px 0 0;
}
.hero_cta p {
display: inline-block;
vertical-align: middle;
min-width: 180px;
margin: 0 0 0 auto;
}
@media screen and (max-width: 1023px) {
	.hero_text {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0.75) 30%, rgba(0,0,0,0.25) 70%);
	padding: 200px 70px 70px 70px;
	z-index: 1;
	}
}
@media screen and (max-width: 767px) {
	.hero {
	text-align: center;
	}
	.hero_text {
	width: 100%;
	max-width: none;
	background: #202020;
	padding: 30px 30px 80px 30px;
	}
	.hero_text h1 {
	font-size: 2em;
	}
	.hero_text p {
	font-size: 1em;
	}
	.hero_pic {
	position: relative;
	width: 100%;
	height: 300px;
	}
	.swiper-pagination-hero {
	margin-bottom: 15px;
	}
	.swiper-button-prev-hero,
	.swiper-button-next-hero {
	display: none;
	}
	.hero_cta {
	display: block;
	padding: 20px 30px;
	}
	.hero_cta h2 {
	font-size: 1.75em;
	margin: 0 0 5px 0;
	}
}


/* Homepage content
....................................................................... */
.homepage_posts {
padding: 40px 0 20px 0;
}
.homepage_posts > h2 {
margin-bottom: 25px;
}
.homepage_posts .intro {
max-width: 850px;
padding: 0 0 15px 0;
}
.homepage_posts .viewall_link h4 {
color: #000;
}
@media screen and (max-width: 1023px) {
	.homepage_posts .post:nth-child(3) {
	display: none;
	}
}

.homepage_outcomes {
padding: 0 0 40px 0;
}
.homepage_outcomes > h2 {
margin-bottom: 25px;
}
.homepage_outcomes .intro {
max-width: 850px;
padding: 0 0 15px 0;
}
.homepage_outcomes .outcome {
width: 100%;
}
.swiper_outcomes {
position: relative;
padding: 0 30px;
}
.swiper_outcomes .swiper-container {
padding: 0 0 30px 0;
}
.swiper_outcomes .swiper-pagination {
bottom: 0;
}
.swiper_outcomes .swiper-button-prev {
left: 0;
}
.swiper_outcomes .swiper-button-next {
right: 0;
}


/* Archive taxonomy description
....................................................................... */
.taxonomy-description {
margin: 0 0 40px 0;
}


/* Events page
....................................................................... */
.tab_container {
clear: both;
}
ul.tab_list {
display: none;
float: left;
width: 100%;
border-bottom: 1px solid #ddd;
padding: 0;
margin: 0 0 25px 0;
}
ul.tab_list li {
position: relative;
float: left;
list-style: none;
background-image: none;
padding: 0;
margin: 0 0 -1px 10px;
}
ul.tab_list li:before {
display: none;
}
ul.tab_list li span {
display: block;
float: left;
font-weight: 700;
font-size: 1.1em;
text-align: center;
color: #888;
background: #eee;
border: 1px solid #ddd;
padding: 10px 15px;
margin: 0;
cursor: pointer;
}
ul.tab_list li.tab_on span {
color: #000;
background: #fff;
border-bottom: 1px solid #fff;
}

.panel-container {
clear: both;
}
.panel {
position: relative;
clear: both;
width: 100%;
}
.panel h2 {
margin-bottom: 30px;
}

.webinar_presenters {
padding: 15px 0 30px 0;
}
.webinar_presenter {
position: relative;
background: #f8f8f8;
border: 1px solid #ddd;
box-sizing: border-box;
padding: 25px 25px 25px 110px;
margin: 15px 0 15px 0;
border-radius: 5px;
}
.webinar_presenter .avatar {
position: absolute;
top: 28px;
left: 25px;
width: 60px;
height: 60px;
background: #fff;
border: 1px solid #ddd;
margin: 0 10px 0 0;
border-radius: 3px;
}
.webinar_presenter .avatar img {
max-width: 60px;
min-height: 60px;
border-radius: 3px;
}
.webinar_presenter h3 {
font-weight: 400;
}
.webinar_presenter p:last-child {
margin: 0;
}

.posts_search {
color: #f57e20;
font-weight: 700;
cursor: pointer;
transition: 0.2s ease all;
text-align: right;
margin: 0 0 30px 0;
}
.posts_search.absolute {
position: absolute;
top: 10px;
right: 0;
margin: 0;
}
.posts_search:hover {
color: #6a0c69;
}
.posts_filter {
position: relative;
background: #f2f2f2;
padding: 30px;
margin: 0 0 30px 0;
}
.posts_filter p {
color: #888;
padding: 0 75px 0 0;
margin: 0 10px 10px 10px;
}
.posts_filter p.posts_filter_close {
position: absolute;
top: 30px;
right: 40px;
cursor: pointer;
padding: 0;
margin: 0;
transition: 0.2s ease all;
}
.posts_filter p.posts_filter_close:hover {
color: #666;
}
.posts_filter form {
padding: 0;
margin: 0;
}
.posts_filter .searchandfilter ul {
padding: 0;
margin: 0;
}
.posts_filter .searchandfilter li {
display: inline-block;
vertical-align: middle;
width: 33.333%;
box-sizing: border-box;
padding: 0 10px;
margin: 0;
}
body.archive .posts_filter .searchandfilter li,
body.search-results .posts_filter .searchandfilter li {
width: 25%;
}
.posts_filter .searchandfilter li:before {
display: none;
}
.posts_filter .searchandfilter li label {
display: block;
}
.posts_filter .searchandfilter li h4 {
color: #000;
margin: 0;
}
.posts_filter .searchandfilter li input,
.posts_filter .searchandfilter li select {
margin: 0 0 10px 0;
}
@media screen and (max-width: 1023px) {
	body.archive .posts_filter .searchandfilter li,
	body.search-results .posts_filter .searchandfilter li {
	width: 50%;
	}
}
@media screen and (max-width: 767px) {
	.posts_filter .searchandfilter li,
	body.archive .posts_filter .searchandfilter li,
	body.search-results .posts_filter .searchandfilter li {
	display: block;
	width: auto;
	}
}
@media screen and (max-width: 600px) {
	.posts_search {
	position: relative;
	top: auto;
	right: auto;
	margin: 0 0 20px 0;
	}
}



/* Focus page
....................................................................... */
.focus_intro {
margin: 0 0 30px 0;
}
.focus_description {
display: inline-block;
vertical-align: top;
width: 100%;
box-sizing: border-box;
padding-right: calc(290px + 5%);
}
.focus_contacts {
display: inline-block;
vertical-align: top;
width: 290px;
margin: 0 0 0 -290px;
}
.focus_contact {
padding: 0 0 0 80px;
margin: 0 0 20px 0;
}
.focus_contact .avatar {
display: inline-block;
vertical-align: middle;
width: 70px;
height: 70px;
background: #eee url(img/blank_avatar.png) 50% 50%;
border-radius: 50%;
margin: 0 0 0 -80px;
}
.focus_contact .avatar a {
display: block;
width: 100%;
height: 100%;
}
.focus_contact .avatar img {
max-width: 70px;
min-height: 70px;
width: auto;
height: auto;
border-radius: 50%;
}
.focus_contact .name {
display: inline-block;
vertical-align: middle;
font-size: 0.9em;
line-height: 1.33em;
padding: 0 0 0 15px;
}
.focus_contact .name strong {
display: block;
color: #f57e20;
font-size: 1.1em;
}
@media screen and (max-width: 767px) {
	.focus_description,
	.focus_contacts {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	}
}

.focus_featured {
background: #f3ebf3;
padding: 30px 30px 0 30px;
margin: 0 0 60px 0;
}
.focus_featured .post .pic .focus {
background: #f3ebf3;
}
@media screen and (max-width: 1023px) {
	.focus_featured .post:nth-child(3) {
	display: none;
	}
}
@media screen and (max-width: 767px) {
	.focus_featured {
	padding: 30px 20px 5px 20px;
	}
}

.filter_head {
display: flex;
align-items: center;
margin: 0 0 30px 0;
}
.filter_head .heading {
padding: 0 20px 0 0;
}
.filter_head .heading h2 {
margin: 0;
}
.filter_head .filters {
min-width: 465px;
margin-left: auto;
}
.filter_head .filters ul {
padding: 5px 0;
margin: 0;
}
.filter_head .filters li {
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0 0 0 15px;
}
.filter_head .filters li:before {
display: none;
}
.filter_head .filters li h4 {
display: inline-block;
font-weight: 400;
color: #000;
margin: 0;
}
.filter_head .filters form,
.filter_head .filters li input,
.filter_head .filters li select {
margin: 5px 0;
}

@media screen and (max-width: 1023px) {
	.filter_head {
	display: block;
	}
	.filter_head .heading {
	padding: 0;
	}
	.filter_head .filters {
	min-width: 0;
	margin-left: 0;
	}
	.filter_head .filters li:first-of-type {
	margin-left: 0;
	}
}


/* Team listings
....................................................................... */
.profiles {
padding: 30px 0 15px 0;
}
.profiles > h2 {
font-size: 1.75em;
margin-bottom: 1em;
}
.profile {
overflow: hidden;
border-bottom: 1px solid #ddd;
padding: 5px 0 10px 0;
margin: 0 0 15px 0;
}
.profile h2 {
margin-bottom: 5px;
}
.profile .pic {
width: 100px;
margin: 5px 0 ;
}
.profile .pic img {
float: left;
max-width: 100px;
margin: 0 10px 15px 0;
}
@media (min-width: 768px) {
	.profiles > h2 {
	font-size: 2.25em;
	}
	.profile {
	padding: 5px 0 10px 120px;
	}
	.profile .pic {
	float: left;
	width: 100px;
	margin: 5px 0 0 -120px ;
	}
}


/* Key articles list
....................................................................... */
.key_articles {
padding: 15px 0 15px 0;
margin: 0 0 20px 0;
}
.key_articles_container {
display: flex;
flex-wrap: wrap;
}
.key_article {
display: inline-block;
vertical-align: top;
width: 31.833%;
background: #f8f8f8;
border: 1px solid #ddd;
border-left: 5px solid #f57e20;
border-radius: 4px;
box-sizing: border-box;
padding: 30px;
margin: 10px 0.75%;
}
.key_article h3 a {
text-decoration: none;
}
.key_article p:last-child {
margin: 0;
}
@media (max-width: 1023px) {
	.key_articles_container {
	display: block;
	}
	.key_article {
	display: block;
	width: auto;
	}
}


/* Related updates list
....................................................................... */
#related_updates {
clear: both;
float: left;
width: 100%;
}
#related_updates ul {
padding: 0 0 15px 0;
margin: 0;
}
#related_updates li {
display: inline-block;
vertical-align: top;
width: 48.25%;
background-image: none;
border-top: 1px solid #ddd;
padding: 15px 0 15px 0;
margin: 0 -4px 0 0;
}
#related_updates li:before {
display: none;
}
#related_updates li:nth-child(2n) {
margin-left: 3.5%;
}
#related_updates li h3 {
margin-bottom: 0.25em;
}
#related_updates li h3 a {
color: #f57e20;
text-decoration: none;
}
#related_updates li h3 a:hover {
color: #6a0c69;
}
#related_updates li p {
margin: 0;
}
#related_updates li p a {
font-weight: 700;
text-decoration: none;
}
#related_updates li p a:hover {
color: #6a0c69;
text-decoration: underline;
}
@media (max-width: 1023px) {
	#related_updates li {
	display: block;
	width: 100%;
	margin: 0 !important;
	}
}


/* Topic focus list (What We Do page)
....................................................................... */
#topic_focus {
clear: both;
float: left;
width: 100%;
padding: 15px 0 0 0 ;
}
#topic_focus ul {
padding: 0 0 15px 0;
margin: 0;
}
#topic_focus li {
display: inline-block;
vertical-align: middle;
width: 31%;
background-image: none;
padding: 0;
margin: 0 -4px 15px 0;
}
#topic_focus li:nth-child(3n+2),
#topic_focus li:nth-child(3n) {
margin-left: 3.5%;
}
#topic_focus li a {
display: block;
font-size: 1.1em;
font-weight: 700;
color: #000;
background: #e6d6e6;
text-decoration: none;
padding: 10px 15px 10px 15px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
#topic_focus li a:hover {
color: #fff;
background: #6a0c69;
}
#topic_focus li a .icon {
display: inline-block;
vertical-align: middle;
float: right;
width: 17px;
height: 21px;
background: url(../img/sprite.png) 0 -140px no-repeat;
}
#topic_focus li a:hover .icon {
background-position: -17px -140px;
}
@media (max-width: 1023px) {
	#topic_focus li a {
	font-size: 1em;
	padding-left: 10px;
	padding-right: 10px;
	}
}
@media (max-width: 767px) {
	#topic_focus li {
	display: block;
	width: 100%;
	margin: 0 0 5px 0 !important;
	}
}


/* Donate page
....................................................................... */
.donate_hero {
position: relative;
margin: 0 0 10px 0;
overflow: hidden;
}
.donate_hero img {
width: 100%;
height: auto;
display: block;
}
.donate_hero .text {
width: 100%;
text-align: center;
background: #282828;
box-sizing: border-box;
padding: 20px 30px;
}
.donate_hero .text h2 {
color: #fff;
font-size: 2em;
margin: 0;
}
@media (min-width: 1023px) {
	.donate_hero .text {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 130px 30px 0 30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50&0+0,0.65+50 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}
	.donate_hero .text h2 {
	font-size: 2.25em;
	text-shadow: 0 0 3px rgba(0,0,0,0.33);
	margin-bottom: 30px;
	}
}
@media (max-width: 479px) {
	.donate_hero .text h2 {
	font-size: 1.25em;
	}
}

.donate_featured {
background: #f3ebf3;
padding: 30px 30px 0 30px;
margin: 40px 0;
}
.donate_featured h2 {
text-align: center;
margin-bottom: 30px;
}
.donate_featured .post .pic .focus {
background: #f3ebf3;
}
@media screen and (max-width: 1023px) {
	.donate_featured .post:nth-child(3) {
	display: none;
	}
}
@media screen and (max-width: 767px) {
	.donate_featured {
	padding: 30px 20px 5px 20px;
	}
}

.donate_intro {
max-width: 1200px;
text-align: center;
padding: 20px 0 0 0;
margin: 0 auto;
}
.donate_intro h2 {
color: #f57e20;
}
.donate_choose {
text-align: center;
padding: 15px 0 0 0;
margin: 0 0 30px 0;
}
.donate_choose a.cta {
display: block;
font-size: 1.25em;
background: rgba(245,126,32,0.85);
padding: 20px 30px;
margin: 0 0 20px 0;
}
.donate_choose a.cta:hover {
background: #f57e20;
box-shadow: 0 0 5px #f57e20;
}
.donate_choose a.cta.cta_alt {
background: rgba(106,12,105,0.85);
}
.donate_choose a.cta.cta_alt:hover {
background: #6a0c69;
box-shadow: 0 0 5px #6a0c69;
}
@media (min-width: 768px) {
	.donate_choose a.cta {
	display: inline-block;
	padding: 20px 30px;
	margin-left: 10px;
	margin-right: 10px;
	}
}
@media (min-width: 1024px) {
	.donate_choose a.cta {
	font-size: 1.75em;
	}
}

.donate_option {
float: right;
position: relative;
z-index: 1;
text-align: center;
background: #f0e6f0;
box-sizing: border-box;
padding: 0 15px 20px 15px;
margin: 0 0 30px 3.5%;
}
.donate_option.individual {
width: 40.75%;
}
.donate_option.organisation {
width: 400px;
}
@media (max-width: 1023px) {
	.donate_option.individual,
	.donate_option.organisation {
	float: none;
	width: 100%;
	margin-left: 0;
	}
}
h2.donate_option_heading {
position: relative;
color: #fff;
background: #6a0c69;
font-size: 2.25em;
padding: 25px 2%;
margin: 0 -15px 5px -15px;
}
h2.donate_option_heading:after {
content: '';
height: 0;
width: 0;
position: absolute;
left: 50%;
bottom: -50px;
margin-left: -30px;
border: 30px solid transparent;
border-top-color: transparent;
border-top-color: #6a0c69;
}

.donate_payment {
padding: 30px 0 0 0;
}
.donate_payment h2 {
margin-bottom: 10px;
}
.donate_payment h3 {
color: #000;
font-size: 1.1em;
line-height: 1.5em;
font-weight: 400;
margin-bottom: 1em;
}
.donate_payment ul {
display: inline-block;
padding: 15px 0 0 0;
margin: 0 auto 15px auto;
}
.donate_payment li {
padding-bottom: 0;
}
.donate_payment p {
font-size: 0.85em;
}
.donate_payment strong {
color: #6a0c69;
}
.donate_payment a.cta {
font-size: 2em;
background: rgba(245,126,32,0.85);
padding: 20px 30px;
}
.donate_payment a.cta:hover {
background: #f57e20;
box-shadow: 0 0 5px #f57e20;
}
@media (max-width: 479px) {
	.donate_payment a.cta {
	font-size: 1.5em;
	}
}

.donate_buttons {
padding: 10px 0 10px 0;
margin: 0 -4px 0 0;
}
.donate_buttons a.btn_submit {
display: inline-block;
width: 3.5em;
text-decoration: none;
font-size: 1.1em;
font-weight: 700;
color: #fff;
background: rgba(245,126,32,0.55);
text-shadow: 0 0 3px rgba(0,0,0,0.2);
text-align: center;
box-sizing: border-box;
padding: 15px 5px;
margin: 0 1px 0 1px;
border-radius: 5px;
transition: all 0.2s;
}
.donate_buttons a.btn_submit.popular {
background: rgba(245,126,32,0.85);
}
.donate_buttons a.btn_submit:hover {
background: #f57e20;
box-shadow: 0 0 5px #f57e20;
}

.donate_buttons.single {
display: inline-block;
position: relative;
width: auto;
border: 0 !important;
padding-top: 0;
}
.donate_buttons.single a.btn_submit {
background: rgba(106,12,105,0.55);
}
.donate_buttons.single a.btn_submit.popular {
background: rgba(106,12,105,0.85);
}
.donate_buttons.single a.btn_submit:hover {
background: #6a0c69;
box-shadow: 0 0 5px #6a0c69;
}

@media (min-width: 480px) and (max-width: 1024px) {
	.donate_buttons {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 10px 0 10px 0;
	margin: 0 -4px 0 0;
	}
	.donate_buttons:first-of-type {
	border-right: 1px solid #ccc4cc;
	}
}

@media screen and (max-width: 479px) {
	.donate_option {
	padding-left: 4%;
	padding-right: 4%;
	}
	h2.donate_option_heading {
	font-size: 1.5em;
	padding-left: 4%;
	padding-right: 4%;
	margin: 0 -4%;
	}
	.donate_buttons {
	display: block;
	width: 100%;
	padding: 5px 0;
	margin: 0 0 0 0;
	}
	.donate_buttons:first-of-type {
	border-right: 0;
	}
	.donate_buttons a.btn_submit {
	width: 3.5em;
	font-size: 1em;
	}
	.donate_option input {
	font-size: 1em;
	}
	.donate_difference li {
	text-align: center;
	padding-left: 0;
	}
	.donate_difference li .pic {
	width: 130px;
	margin: 0 auto;
	}
}

.donate_custom {
min-width: 270px;
background: #f0e6f0;
display: none;
margin: 0 0 0 0;
}
.donate_custom form {
position: relative;
padding: 0;
margin: 0 0 5px 0;
}
.donate_custom label {
display: none;
}
.donate_custom input {
width: 100%;
font-size: 1.1em;
border-width: 2px;
box-sizing: border-box;
padding: 13px 0 13px 35px;
margin: 0;
}
.donate_custom form .currency {
position: absolute;
left: 13px;
top: 50%;
width: 1em;
height: 1em;
line-height: 1em;
color: #000;
font-size: 1.3em;
font-weight: 700;
margin-top: -0.5em;
}
.donate_custom button,
.donate_custom input.submit,
.donate_custom input[type=submit] {
position: absolute;
top: 0;
right: 0;
width: auto;
height: 100%;
background: rgba(106,12,105,0.85);
border-radius: 0 5px 5px 0;
padding: 0 15px;
margin: 0;
cursor: pointer;
}
.donate_custom button:hover,
.donate_custom input.submit:hover,
.donate_custom input[type=submit]:hover {
background: #6a0c69;
box-shadow: 0 0 5px #6a0c69;
}
.donate_custom a { /* Back button */
text-decoration: none;
}
.donate_custom a i {
font-size: 0.8em;
}
.donate_custom a:hover span {
text-decoration: underline;
}
@media (max-width: 479px) {
	.donate_custom {
	min-width: 250px;
	}
}

ul.donate_other_ways {
padding: 0;
margin: 0 0 30px 0;
}
.donate_other_ways li {
list-style: none;
background-image: none;
display: inline-block;
vertical-align: top;
width: 33.333%;
text-align: center;
border-left: 1px solid #d2d2d2;
box-sizing: border-box;
padding: 5px 0;
margin: 0 -4px 0 0;
}
.donate_other_ways li:before {
display: none;
}
.donate_other_ways li:first-child {
border: 0;
}
.donate_other_ways li a {
display: block;
text-decoration: none;
font-weight: 700;
line-height: 1.25em;
padding: 0 5px;
}
.donate_other_ways li a i {
display: block;
font-size: 4em;
color: #d3d3d3;
transition: all 0.2s;
padding: 15px 0;
}
.donate_other_ways li a:hover i {
color: #6a0c69;
}
@media (max-width: 479px) {
	.donate_other_ways li a {
	font-size: 0.9em;
	}
	.donate_other_ways li a i {
	font-size: 3em;
	}
}

.donate_promises {
padding: 0;
margin: 0 0 30px 0;
}
.donate_promise {
list-style: none;
background-image: none;
box-sizing: border-box;
padding: 15px 0 0 0;
margin: 0 0 15px 0;
}
.donate_promise li {
background-image: none;
position: relative;
padding-left: 25px;
padding-bottom: 0.75em;
}
.donate_promise li:before {
content: '\f00c';
position: absolute;
left: 0;
top: 0.5em;
color: #f57e20;
display: inline-block;
font-family: "Font Awesome 5 Free";
line-height: 1;
font-size: 0.8em;
}

@media (min-width: 768px) {
	.donate_promise {
	display: inline-block;
	vertical-align: top;
	width: 48.25%;
	margin-right: -4px;
	}
	.donate_promise:nth-child(even) {
	margin-left: 3.5%;
	}
}

ul.donate_logos {
padding: 0;
margin: 0 0 30px 0;
}
.donate_logos li {
display: inline-block;
vertical-align: middle;
width: 50%;
list-style: none;
background-image: none;
text-align: center;
box-sizing: border-box;
padding: 15px 10px 0 10px;
margin: 0 -4px 15px 0;
}
.donate_logos li:before {
display: none;
}
.donate_logos li img {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
margin: 0 0 15px 0;
}
@media (min-width: 600px) {
	.donate_logos li {
	width: 33.333%;
	}
}
@media (min-width: 768px) {
	.donate_logos li {
	width: 25%;
	}
}
@media (min-width: 1024px) {
	.donate_logos li {
	width: 20%;
	}
}

.appeal {
background: #fef3e8;
border: 1px solid #ede3d9;
padding: 30px;
margin: 0;
overflow: hidden;
}
.appeal p:last-of-type {
margin: 0;
}

@media (max-width: 1023px) {
	.donate_intro {
	margin-bottom: 20px;
	}
	.donate_intro_cols {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
	margin: 0 0 10px 0;
	}
	ul.donate_difference {
	padding-top: 5px;
	}
	.donate_difference li {
	display: block;
	width: 100%;
	margin: 15px 0;
	}
	.donate_difference li:nth-child(2n+2) {
	margin-left: 0;
	}
}



/* Payment page
....................................................................... */
blockquote.payment_confirmation {
background: #fef3e8;
border: 0;
padding: 40px 40px;
margin: 0 0 40px 0;
}
blockquote.payment_confirmation p:last-child {
margin: 0;
}

.payment_section fieldset {
border: 1px solid #e0e0e0;
border-radius: 10px;
box-sizing: border-box;
padding: 25px 40px;
margin: 5px 0 40px 0;
}
.payment_section table {
display: block;
width: 100%;
box-sizing: border-box;
padding: 15px 15% 0;
}
.payment_section tbody,
.payment_section tr,
.payment_section td {
display: block;
width: 100%;
}
.payment_section td {
margin: 0 0 30px 0;
}
.payment_section label {
display: inline-block;
vertical-align: middle;
width: 25%;
box-sizing: border-box;
padding: 0 10px 0 0;
margin: 0 -4px 0 0;
}
.payment_section .checkboxes label {
width: 33.333%;
}
.payment_section label.error {
display: block;
width: 75%;
box-shadow: none;
margin: 3px 0 0 25%;
}
.payment_section .terms_label {
width: 90%;
padding: 0 0 0 5px;
margin: 0 0 15px 0;
}
.payment_section #AmountPrefix {
color: #6a0c69;
font-weight: 700;
background: transparent;
border: 0;
padding: 0;
}
.payment_section td input,
.payment_section td select,
.payment_section td textarea,
.payment_section td .StripeElement {
display: inline-block;
vertical-align: middle;
width: 72.5%;
margin: 0 -4px 0 0;
}
.payment_section td input[disabled],
.payment_section td select[disabled],
.payment_section td textarea[disabled] {
font-weight: 700;
color: #6a0c69;
background: #f5f5f5;
}
.payment_section td input#Address2 {
margin-left: 25%;
margin-top: -15px;
}
.payment_section td select#ExpiryMonth,
.payment_section td select#ExpiryYear {
display: inline-block;
vertical-align: middle;
width: 80px;
margin-right: 5px;
}
.payment_section td input.sortcode {
display: inline-block;
vertical-align: middle;
width: 60px;
text-align: center;
margin-right: 5px;
margin-left: 5px;
}
.payment_section td input.sortcode:first-of-type {
margin-left: 0;
}
.payment_section td select#ExpiryMonth:last-of-type,
.payment_section td select#ExpiryYear:last-of-type {
margin-left: 5px;
}

.payment_section#gift_aid .gift_aid_left {
display: inline-block;
vertical-align: middle;
width: 80%;
margin: 0 -4px 0 0;
}
.payment_section#gift_aid .gift_aid_right {
display: inline-block;
vertical-align: middle;
width: 20%;
margin: 0 -4px 0 0;
}
.payment_section#gift_aid .gift_aid_right img {
width: 100%;
max-width: 200px;
}
.payment_section#gift_aid label {
width: 80%;
color: #6a0c69;
font-size: 1.25em;
padding: 0 0 0 5px;
}
.payment_section#gift_aid p:first-of-type {
margin-top: 20px;
}

.payment_section#keep_updated .radio_group {
position: relative;
display: inline-block;
width: 25%;
padding: 0 0 15px 0;
margin: 0 -4px 0 0;
}
.payment_section#keep_updated label {
display: block;
width: auto;
margin-right: 15px;

}
.payment_section#keep_updated label.error {
display: block;
position: absolute;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
}
@media screen and (max-width: 767px) {
	.payment_section#keep_updated .radio_group {
	width: 50%;
	padding: 5px 0 15px 0;
	margin-bottom: 25px;
	}
}
@media screen and (max-width: 479px) {
	.payment_section#keep_updated .radio_group {
	padding: 5px 0 25px 0;
	margin-bottom: 25px;
	}
}

.payment_section#upgrade label {
width: auto;
margin-right: 25px;
}
.payment_section#upgrade p:last-of-type {
margin: 0;
}
.payment_section#upgrade a.cta {
margin-right: 10px;
}

.payment_section td input.terms_check {
margin: 0 5px 15px 0;
}

.payment_button button,
.payment_button input.submit,
.payment_button input[type=submit] {
font-size: 1.75em;
padding: 20px 30px;
margin: 0 0 40px 0;
}

blockquote.direct_debit_guarantee {
padding: 40px 40px;
margin: 0 0 40px 0;
}
blockquote.direct_debit_guarantee ul {
margin-bottom: 0;
}
blockquote.direct_debit_guarantee img {
max-width: 150px;
}
blockquote.direct_debit_guarantee .head {
}
blockquote.direct_debit_guarantee .head_left {
display: inline-block;
vertical-align: middle;
width: 75%;
margin: 0 -4px 30px 0;
}
blockquote.direct_debit_guarantee .head_right {
display: inline-block;
vertical-align: middle;
text-align: right;
width: 25%;
margin: 0 -4px 30px 0;
}
blockquote.direct_debit_guarantee .head_left h2 {
margin: 0;
}

.payment_provider {
border-top: 1px solid #e0e0e0;
padding: 30px 0 30px 0;
}
.payment_provider .text,
.payment_provider .pic {
display: inline-block;
vertical-align: middle;
width: 50%;
box-sizing: border-box;
margin: 0 -4px 0 0;
}
.payment_provider .text {
color: #8e8c8c;
padding-right: 20px;
}
.payment_provider .text p:last-child {
margin: 0;
}
.payment_provider .pic {
text-align: right;
}
.payment_provider .pic img {
max-width: 150px;
max-height: 100px;
margin: 10px 0;
}

@media (max-width: 1023px) {
	.payment_section .checkboxes label {
	width: 50%;
	}
}

@media (max-width: 767px) {
	.wpsc_registration_form fieldset,
	.wpsc_registration_form fieldset.wpsc_right_registration {
	padding-left: 5%;
	padding-right: 5%;
	}

	table.wpsc_checkout_table.table-1,
	table.wpsc_checkout_table.table-2 {
	float: none;
	clear: both;
	width: 100%;
	margin-left: 0;
	}

	.payment_section table {
	padding: 0;
	}
	blockquote.direct_debit_guarantee .head_left,
	blockquote.direct_debit_guarantee .head_right {
	display: block;
	text-align: center;
	width: 100%;
	margin: 0 0 20px 0;
	}
	.payment_provider .text,
	.payment_provider .pic {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	}

	.donate_difference li {
	padding-left: 100px;
	}
	.donate_difference li .pic {
	width: 80px;
	margin-left: -100px;
	}

	.payment_section#gift_aid .gift_aid_left,
	.payment_section#gift_aid .gift_aid_right {
	display: block;
	width: 100%;
	margin: 0;
	}
	.payment_section#gift_aid .gift_aid_right {
	text-align: center;
	padding: 20px 0 0 0;
	}
	.payment_section#gift_aid .gift_aid_right img {
	max-width: 150px;
	}
	#gift_aid.payment_section label {
	width: 90%;
	}
}
@media (max-width: 600px) {
	#checkout_page_container table.checkout_cart,
	#checkout_page_container table.checkout_cart thead,
	#checkout_page_container table.checkout_cart tbody,
	#checkout_page_container table.checkout_cart tr,
	#checkout_page_container table.checkout_cart tr th,
	#checkout_page_container table.checkout_cart tr td {
	display: block;
	}
	#checkout_page_container table.checkout_cart tr.header {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}
	#checkout_page_container table.checkout_cart tr {
	border-bottom: 1px solid #e0e0e0;
	padding: 0.5em 0 0.5em 0 !important;
	}
	#checkout_page_container table.checkout_cart tr td {
	text-align: left !important;
	width: 100%;
	padding: 0.5em 0 0.5em 0 !important;
	}
	table.wpsc_checkout_table td {
	display: block;
	}

	.payment_section#upgrade a.cta {
	display: block;
	text-align: center;
	margin-right: 0;
	}
	.payment_button button,
	.payment_button input.submit,
	.payment_button input[type=submit] {
	display: block;
	width: 100%;
	text-align: center;
	}

}

@media (max-width: 479px) {
	.payment_section fieldset {
	padding: 25px;
	}
	.payment_section label {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 0 3px 0;
	}
	.payment_section label.error {
	width: 100%;
	margin-left: 0;
	}
	.payment_section td input,
	.payment_section td select,
	.payment_section td textarea {
	display: block;
	width: 100%;
	margin: 0;
	}
	.payment_section td input#Address2 {
	margin-left: 0;
	}
	blockquote.payment_confirmation,
	blockquote.direct_debit_guarantee {
	padding: 25px;
	}
	.payment_button button,
	.payment_button input.submit,
	.payment_button input[type=submit] {
	font-size: 1.25em;
	padding: 20px;
	}
	#gift_aid.payment_section label,
	.payment_section td input.terms_check,
	.payment_section .terms_label {
	display: inline-block;
	}

}


/* Members area dashboard
....................................................................... */
.members-overview {
display: flex;
background: #f2f2f2;
padding: 15px 0;
margin: 0 0 40px 0;
}
.members-overview-col {
display: inline-block;
vertical-align: top;
width: 33.333%;
border-left: 1px solid #bbb;
box-sizing: border-box;
padding: 15px 30px;
}
.members-overview-col:first-child {
border: 0;
}
.members-overview-col p {
font-size: 0.95em;
margin: 0 0 10px 0;
}
.members-overview-col p:last-child {
margin: 0;
}
.members-overview-col p em {
font-style: normal;
font-weight: 700;
color: #f57e20;
}
.members-overview-col p em a {
color: #f57e20;
text-decoration: none;
}
.members-overview-col p em a:hover {
color: #6a0c69;
}
@media (max-width: 767px) {
	.members-overview {
	display: block;
	}
	.members-overview-col {
	display: block;
	width: 100%;
	border: 0;
	}
}


/* Bottom page banners
....................................................................... */
.banner {
position: relative;
background: #fef6f0;
box-sizing: border-box;
border: 1px solid #eee;
padding: 50px;
margin: 0 0 30px 0;
}
.banner_content {
position: relative;
display: inline-block;
vertical-align: middle;
width: 50%;
z-index: 10;
}
.banner_content p:last-child {
margin: 0;
}
.banner_prefix {
display: block; /* Fallback */
display: flex;
align-items: flex-end;
margin: 0 0 20px 0;
}
.banner_prefix .icon {
width: 45px;
height: 45px;
}
.banner_prefix .icon img {
max-width: 45px;
max-height: 45px;
}
.banner_prefix .text {
flex: 1;
text-transform: uppercase;
border-bottom: 3px solid #f57e20;
padding: 0 0 8px 0;
margin: 0 0 0 15px;
}
.banner.banner_join {
color: #fff;
background: #202020;
border: 0;
}
.banner.banner_join:before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 60%;
height: 100%;
background: url(img/banner_join.jpg) 50% 50% no-repeat;
background-size: cover;
z-index: 0;
}
.banner.banner_join:after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 60%;
height: 100%;
background: rgb(32,32,32);
background: linear-gradient(270deg, rgba(32,32,32,1) 0%, rgba(32,32,32,0) 33%);
z-index: 1;
}
.banner.banner_join h2,
.banner.banner_join h3,
.banner.banner_join h4,
.banner.banner_join h5,
.banner.banner_join a {
color: #fff;
}
.banner.banner_join a.cta:hover {
color: #222c42;
background-color: #eee;
}
@media screen and (max-width: 767px) {
	.banner {
	padding: 25px;
	}
	.banner_content {
	display: block;
	width: 100%;
	padding: 5px 0;
	}
	.banner_content .textright {
	text-align: left;
	}
	
	.banner.banner_join {
	padding-top: 200px;
	}
	.banner.banner_join:before {
	width: 100%;
	height: 300px;
	}
	.banner.banner_join:after {
	width: 100%;
	height: 300px;
	background: linear-gradient(0deg, rgba(32,32,32,1) 0%, rgba(32,32,32,0) 33%);
	}

}


/* Footer
....................................................................... */
footer {
padding: 30px 0;
}
footer .socnet {
display: block;
text-align: right;
padding: 3px 0 0 0;
margin: 0;
}
footer ul {
padding: 0;
margin: 0;
}
footer li {
display: inline-block;
position: relative;
list-style: none;
background-image: none;
padding: 10px 0;
margin: 0;
}
footer li:before {
display: none;
}
footer li a {
display: inline-block;
font-size: 0.9em;
color: #000;
text-decoration: none;
padding: 2px 10px;
margin: 0 -3px 0 0;
}
footer li:first-child a {
border: 0;
padding-left: 0;
}
footer li:last-child a {
padding-right: 0;
}
footer li a:hover {
color: #6a0c69;
}
footer li ul li {
display: none;
}

footer #copyright {
font-size: 0.75em;
border-top: 1px solid #ddd;
padding: 20px 0 0 0;
}
footer #copyright ul {
margin: 0 0 15px 0;
}
footer #copyright li {
border-left: 1px solid #ddd;
margin: 5px 0;
padding: 0 8px 0 0;
}
footer #copyright li span,
footer #copyright li a {
display: inline-block;
padding: 0 0 0 8px;
}
footer #copyright li:first-child {
border-left: 0;
}
footer #copyright li:first-child span,
footer #copyright li:first-child a {
padding-left: 0;
}
footer #copyright p.linky,
footer #copyright p.linky a {
color: #888;
}
footer #accreditation {
float: right;
padding: 20px 0 0 0;
}
footer #accreditation a {
display: inline-block;
margin: 0 0 0 10px;
}
@media screen and (max-width: 1023px) {
	#footer_nav {
	display: none;
	}
	footer .socnet {
	text-align: center;
	padding: 0 0 20px 0;
	}
	footer #copyright {
	text-align: center;
	}
	footer #accreditation {
	float: none;
	}
	footer #accreditation a {
	margin: 0 5px 0 5px;
	}
}


/* Search Modal
....................................................................... */
.searchmodal {
background: rgba(0, 0, 0, 0.9);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 9999999999;
display: flex;
justify-content: center;
align-items: center;
display: none;
}
.searchmodal_content {
position: relative;
width: 90%;
max-width: 550px;
box-sizing: border-box;
padding: 10px;
margin: 0 auto;
z-index: 99999999999;
}
.searchmodal_content h2 {
color: #fff;
}
.searchmodal_content p {
font-size: 0.9em;
color: #fff;
}
.searchmodal_close {
position: absolute;
top: 30px;
right: 0;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-size: 1.5em;
cursor: pointer;
z-index: 999999999999;
}
.searchmodal_close:hover {
color: #fff;
}
.searchmodal_close .text {
display: none;
}
@media screen and (max-width: 767px) {
	.searchmodal_close {
	top: 20px;
	font-size: 1.25em;
	}
}
@media screen and (max-width: 479px) {
	.searchmodal_content p {
	display: none;
	}
}


/* Gutenberg wide layout
....................................................................... */
.alignfull {
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
width: 100vw !important;
max-width: 100vw !important;
}
.alignwide {
margin-left: calc(50% - 47.5vw) !important;
margin-right: calc(50% - 47.5vw) !important;
width: 95vw !important;
max-width: 95vw !important;
}
@media screen and (min-width: 1500px) {
	.alignwide {
	margin-left: calc(50% - 45vw) !important;
	margin-right: calc(50% - 45vw) !important;
	width: 90vw !important;
	max-width: 90vw !important;
	}
}


/* Gutenberg color theme 
....................................................................... */
.has-accent-color,
.wp-block-button__link.has-accent-color {
color: #f57e20;
}
.has-accent-background-color,
.wp-block-button__link.has-accent-background-color {
background-color: #f57e20;
}
.has-accent-two-color,
.wp-block-button__link.has-accent-two-color {
color: #6a0c69;
}
.has-accent-two-background-color,
.wp-block-button__link.has-accent-two-background-color {
background-color: #6a0c69;
}
.has-black-color,
.wp-block-button__link.has-black-color {
color: #000;
}
.has-black-background-color,
.wp-block-button__link.has-black-background-color {
background-color: #000;
}
.has-dark-color,
.wp-block-button__link.has-dark-color {
color: #333;
}
.has-dark-background-color,
.wp-block-button__link.has-dark-background-color {
background-color: #333;
}
.has-medium-color,
.wp-block-button__link.has-medium-color {
color: #888;
}
.has-medium-background-color,
.wp-block-button__link.has-medium-background-color {
background-color: #888;
}
.has-light-color,
.wp-block-button__link.has-light-color {
color: #bbb;
}
.has-light-background-color,
.wp-block-button__link.has-light-background-color {
background-color: #bbb;
}
.has-very-light-color,
.wp-block-button__link.has-very-light-color {
color: #eee;
}
.has-very-light-background-color,
.wp-block-button__link.has-very-light-background-color {
background-color: #eee;
}
.has-white-color,
.wp-block-button__link.has-white-color {
color: #fff;
}
.has-white-background-color,
.wp-block-button__link.has-white-background-color {
background-color: #fff;
}


/* Gutenberg Pullquote
....................................................................... */
.wp-block-pullquote {
border-top: 3px;
border-bottom: 3px;
border-style: solid;
margin-bottom: 25px;
}
.wp-block-pullquote blockquote {
background: transparent;
border: 0;
padding: 0 5%;
margin: 0;
}
.wp-block-pullquote blockquote p {
font-family: 'PT Serif', serif;
}


/* Gutenberg Table
....................................................................... */
.wp-block-table {
margin: 0 0 1.5em 0;
}
.wp-block-table table th {
text-align: left;
font-weight: 700;
padding: 10px;
}
.wp-block-table table td {
padding: 10px;
}
.wp-block-table.is-style-regular table {
border-collapse: collapse;
border: 1px solid #f2f2f2;
}
.wp-block-table.is-style-regular table tr th,
.wp-block-table.is-style-regular table tr td {
border-bottom: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
}
.wp-block-table.is-style-regular table tr th:last-of-type,
.wp-block-table.is-style-regular table tr td:last-of-type {
border-right: 0;
}
.wp-block-table.is-style-regular table tbody tr:last-of-type td {
border-bottom: 0;
}
.wp-block-table.is-style-regular table tfoot tr td {
border-top: 1px solid #f2f2f2;
}


/* Gutenberg Cover
....................................................................... */
.wp-block-cover {
overflow: hidden !important;
margin-bottom: 25px;
}
.wp-block-cover p:last-child {
margin: 0;
}


/* Gutenberg Gallery
....................................................................... */
.wp-block-gallery li:before {
display: none;
}
.wp-block-gallery li.blocks-gallery-item {
overflow: hidden;
padding: 0;
}


/* Advanced Gutenberg Login Form
....................................................................... */
.advgb-lores-form-wrapper .advgb-lores-form .advgb-form-inner {
box-sizing: border-box;
}


/* Gutenberg Video embed fix
....................................................................... */
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 0 !important;
}