/*
Theme Name: Dance Fund
Theme URI: n/a
Author: Raffaele Malanga / Els van Bloois
Author URI: https://farstudios.com/
Description: Theme for DanceFund.org.uk
Version: 1.0
License: no license, use a theme from https://wordpress.org/themes/ instead.
License URI: n/a
Tags: n/a
Text Domain: dancefund
*/

/* colours:

dark purple: #571a47 : links in main content and sidebar, footer background

wine-red   : #B15874 : home (ID 2)
dark purple: #571a47 : who we help (ID 6) + support us (ID 14)
yellow     : #e9b435 : grants (ID 8) + contact us (ID 16) + personal stories
green      : #5FB890 : about (ID 12) + advice (ID 10) + bios

light yellow : #F1D14C : arrow backgrounds on link blocks

2 colour buttons: #571a47 + #B15874

greys:

#C9C9C9 - hr divider lines
#E3E3E3 - sidebar background
#EFEFEF - content background
#646464 - text colour in sidebar

*/

a{
	color:#571a47;
}
a:focus,
a:hover,
a:active{
	text-decoration:none;
	color:#646464;
}

/* .colour1 ul.blogposts li a span.read-on, */
.colour1 #main{
	border-color:#b15874;
}
.colour1 .page-title{
	color:#b15874;
}
/*
.colour1 .tags-links a{
	background:#b15874;
}
*/
/* .colour2 ul.blogposts li a span.read-on, */
.colour2 #main{
	border-color:#571a47;
}
.colour2 .page-title{
	color:#571a47;
}
/*
.colour2 .tags-links a{
	background:#571a47;
}
*/
/* .colour3 ul.blogposts li a span.read-on, */
.colour3 #main{
	border-color:#e9b435;
}
.colour3 .page-title{
	color:#e9b435;
}
/*
.colour3 .tags-links a{
	background:#e9b435;
}
*/
/* .colour4 ul.blogposts li a span.read-on, */
.colour4 #main{
	border-color:#5fb890;
}
.colour4 .page-title{
	color:#5fb890;
}
/*
.colour4 .tags-links a{
	background:#5fb890;
}
*/


html,body,h1,h2,h3,h4,h5,h6,p,ul,li,form{
	padding:0;
	margin:0;
}
.screen-reader-text{
	position:absolute;
	top:-40000px;
	left:-40000px;
}
.skip-link:focus{
	top:40px;
	left:40px;
	background:white;
	color:black;
	padding:10px 20px;
	border:2px solid black;
	text-decoration:none;
	text-transform:uppercase;
	font-size:100%;
}
.menu-toggle{
	display:none;
}
a{}
img,
iframe{
	max-width:100%;
}
.innerwide{
	max-width:1304px;
	padding:0 20px;
	margin:0 auto;
}
.inner{
	max-width:1140px;
	margin:0 auto;
}

body{
	font-family:'Roboto', sans-serif;
	font-size:100%;
	line-height:1;
}
h1.page-title,
h2.page-title,
.sliderwrap *,
.quote,
.thespotlight h3{
	font-family:'EB Garamond', serif;
}


.fixedbar{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:12px 0;
	background:rgba(0,0,0,.5);
	color:#fff;
	z-index:10000; /* to go in front of 9999 slider controls */
}
.admin-bar .fixedbar{
	top:32px;
}
@media(max-width:782px){
	.admin-bar .fixedbar{
		top:46px;
	}
}
.site-title-small{
	float:left;
	height:32px;
	margin-bottom:0;
	display:none;
}
.scrolled .site-title-small{
	display:block;
}
.site-title-small img{
	max-height:100%;
}
.fixedbar .social{
	float:right;
	margin-left:10px;
}
/*.site-nav{
	margin-left:65px;
}*/
.site-nav ul{
	text-align:right;
	font-size:15px;
	font-weight:700;
	line-height:30px;
	margin-bottom:0;
}
.site-nav ul li{
	list-style:none;
	display:inline;
}
.site-nav ul.social li{
	margin-left:5px;
}
.site-nav ul li a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	padding:0 14px;
}
.site-nav .social li a{
	padding:0;
}
li#menu-item-1090 {
	display:none;
}

.site-nav ul li.donate a{
	border:1px solid rgba(255,255,255,.5);
}
.single-staff_bio .site-nav ul li.menu-item-24 a,
.single-trustees_bio .site-nav ul li.menu-item-24 a,
.single-personal_story .site-nav ul li.menu-item-22 a,
.site-nav ul li.current_page_item a,
.site-nav ul li.current-page-ancestor a,
.site-nav ul li a:focus,
.site-nav ul li a:hover,
.site-nav ul li a:active{
	color:#F1D14C;
}
.site-nav ul li.donate a:focus,
.site-nav ul li.donate a:hover,
.site-nav ul li.donate a:active{
	background:#fff;
	color:#000;
}

#masthead{
	width:100%;
	height:0;
	padding-top:380px;
	background-color:#000;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url(img/banner-default.jpg);
	position:relative;
}
.home #masthead{
	background:transparent;
	padding-top:788px;
}
@media(min-width:1440px){
	#masthead{
		padding-top:26.38%;
	}
	.home #masthead{
		padding-top:54.72%;
	}
}
@media(max-width:1100px){
	.home #masthead{
		padding-top:72%;
	}
}
@media(max-width:820px){
	#masthead{
		padding-top:46.4%;
	}
}

.topbanner,
.sliderwrap{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.sliderwrap{
	overflow:hidden;
}
.sliderwrap ul li{
	position:relative;
}
.sliderwrap ul li .overlay{
	position:absolute;
	left:0;
	bottom:53.5%;
	width:100%;
	box-sizing:border-box;
	padding:0 20px;
}
.sliderwrap ul li p{
	color:#fff;
	font-size:42px;
	line-height:1.2;
}
@media(max-width:1190px){
	.sliderwrap ul li .overlay{
		bottom:40%;
	}
	.sliderwrap ul li p{
		font-size:36px;
	}
}
@media(max-width:820px){
	.sliderwrap ul li .overlay{
		bottom:calc(40% - 30px);
	}
}
@media(max-width:780px){
	.sliderwrap ul li .overlay{
		bottom:85px;
	}
	.sliderwrap ul li p{
		font-size:30px;
		padding-right:90px;
	}
}
@media(max-width:630px){
	.sliderwrap ul li .overlay{
		bottom:70px;
	}
	.sliderwrap ul li p{
		font-size:26px;
	}
}
@media(max-width:460px){
	.sliderwrap ul li .overlay{
		bottom:15px;
	}
	.sliderwrap ul li p{
		font-size:24px;
	}
}
@media(max-width:420px){
	.sliderwrap ul li p{
		font-size:20px;
	}
}
.site-title{
	padding-top:75px;
	width:155px;
	/* for IE: */
	position:relative;
	z-index:100;
}
.site-title a{
	color:#fff;
	text-decoration:none;
}

#content{
	background:#efefef;
	padding-bottom:1px; /* to keep any margins from child elements inside */
}
.quotesection{
	background:#efefef;
}
.spotlightsection{
	background:#efefef;
}
.spotlightsection.reverse{
	background:#ffffff;
}
#main{
	max-width:1140px;
	background:#e3e3e3; /* to fake sidebar height */
	border-top:8px solid #B15874;
	margin-left:auto;
	margin-right:auto;
	margin-top:-99px;
	margin-bottom:50px;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	/* for IE: */
	position:relative;
	z-index:100;
}
.slideinner,
.thequote,
.thespotlight{
	max-width:1140px;
	margin:0 auto;
}
#primary,
#secondary,
.thequote,
.thespotlight{
	box-sizing:border-box;
}
#primary{
	float:left;
	width:calc(100% - 284px);
	min-height:600px;
	background:#ffffff;
	color:#000;
	padding-top:56px;
	padding-left:58px;
	padding-right:40px;
	padding-bottom:50px;
	overflow:hidden;
}
#secondary{
	float:right;
	width:284px;
	background:#e3e3e3;
	color:#646464;
	padding:40px 30px;
}
.thequote{
	padding-top:68px;
	padding-left:58px;
	padding-right:40px;
	padding-bottom:58px;
	background:url(img/quote.png) transparent no-repeat left top / auto 50px;
}
#primary .thequote{
	margin-top:50px;
}
.thequote p{
	max-width:770px;
}
.thespotlight{
	padding-top:66px;
	padding-bottom:26px;
}

h2,
h1.subpage-title{
	display:inline-block; /* to limit the width for the bottom border */
	font-size:14px;
	font-weight:500;
	line-height:1.4;
	text-transform:uppercase;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:2px solid #000;
	margin-bottom:2.2em;
}

h1.page-title,
h2.page-title{
	display:block;
	font-size:38px;
	font-weight:500;
	line-height:1;
	text-transform:none;
	padding-bottom:0;
	border-bottom-width:0;
	margin-bottom:0.8em;
}
h3{
	font-size:22px;
	font-weight:500;
	line-height:1.2;
	margin-bottom:0.8em;
}
h4{
	font-size:16px;
	font-weight:500;
	line-height:1.7;
	margin-bottom:1.7em;
}
p strong{
	font-weight:500;
}
.textimage{
	overflow:hidden;
}
.textside{
	width:calc(100% - 230px);
	width:calc(100% - 246px);
	min-width:60%;
}

.mapblock,
.formblock{
	margin-bottom:40px;
}
.mapside,
.formside{
	float:left;
	width:65%;
	max-width:492px;
	margin-bottom:40px;
}
.formblock,
.formside{
	background:#E3E3E3;
	min-height:400px;
}
.detailside{
	float:right;
	width:30%;
	max-width:226px;
}
.imageside{
	width:226px;
	max-width:47%;
	max-width:35%;
}
.contactblock,
.imageontheright,
.imageontheleft{
	overflow:hidden;
}
.imageontheright .imageside,
.imageontheleft .textside{
	float:right;
}
.imageontheleft .imageside,
.imageontheright .textside{
	float:left;
}
.imgwrap{
	margin-bottom:30px;
}
.imgwrap img{
	display:block;
	margin-bottom:7px;
}
.imgwrap span{
	display:block;
	font-size:13px;
	line-height:1.4;
}
.imgwrap span.caption{
	font-weight:700;
}
.psphoto{
	float:right;
	max-width:226px;
}
.psstory{
	margin-right:266px;
}
.thespotlight h3{
	font-size:24px;
	margin-bottom:.65em;
}
hr{
	background:transparent;
	height:1px;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#C9C9C9;
	padding-top:15px;
	margin-bottom:18px;
}
p,ul,ol{
	font-size:16px;
	font-weight:400;
	line-height:1.7;
	margin-bottom:1.7em;
}
p.introline{
	font-weight:700;
	margin-bottom:1em;
}
ul.linkslist,
ul.linkblocks,
ul.linkimageblocks,
ul.storyblocks,
ul.bioblocks,
ul.blogposts{
	font-size:14px;
	font-weight:500;
	line-height:1.4;
	text-transform:uppercase;
	padding-top:20px;
	overflow:hidden;
}
ul.storyblocks,
ul.bioblocks,
ul.blogposts{
	font-weight:400;
	text-transform:none;
	padding-top:5px;
	margin-right:-5.27%;
}
#primary ul.blogposts{
	display:flex;
	flex-wrap:wrap;
	justify-content:stretch;
	list-style:none;
}
#primary ul li{
	list-style:none;
	padding-left:15px;
	background:url(img/ul-bullet.png) transparent no-repeat 5px .7em / 4px auto;
}
#primary ul.linkslist li{
	padding-left:28px;
	background:url(img/ul-links-bullet.png) transparent no-repeat 0 0.4em / 18px auto;
	line-height:1.8;
	margin-bottom:1.8em;
}
ul.linkslist li a{
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:2px solid #571a47;
}

#primary ul.linkimageblocks li{
	float:left;
	position:relative;
	width:47.3%;
	padding-left:0;
	margin-bottom:40px;
}
#primary ul.linkblocks li{
	float:left;
	position:relative;
	width:47.3%;
	padding:0;
	margin-bottom:40px;
}
#primary ul.linkblocks li.even,
#primary ul.linkimageblocks li.even{
	float:right;
}
ul.linkblocks li a,
ul.linkimageblocks li a{
	color:#fff;
}
ul.linkblocks li a{
	box-sizing:border-box;
	padding:20px 27px 20px 20px;
	overflow:hidden;
}
ul.linkblocks li a img.icon{
	float:right;
	width:76px;
	max-width:30%;
}
ul.linkblocks li a img.linked{
	max-width:6px;
}
#primary ul.storyblocks li,
#primary ul.bioblocks li,
#primary ul.blogposts li{
	/* float:left; */
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:28.3%;
	padding-left:0;
	margin-right:5.01%;
	margin-bottom:40px;
}
ul.storyblocks li a{
	color:#fff;
}
ul.linkblocks li a,
ul.linkimageblocks li a,
ul.storyblocks li a,
ul.bioblocks li a,
ul.blogposts li a,
ul.bioblocks li a span,
ul.blogposts li a span,
ul.linkblocks li a img.icon,
ul.linkimageblocks li a img,
ul.storyblocks li a img,
ul.bioblocks li a img,
ul.blogposts li a img{
	display:block;
	text-decoration:none;
}
#primary ul.blogposts li{
	background:#efefef;
}
ul.blogposts li .type-post.hentry{
	height:100%;
}
ul.blogposts li a{
	height:100%;
	box-sizing:border-box;
	padding-bottom:80px;
	position:relative;
}
ul.blogposts li a span.read-on{
	position:absolute;
	bottom:30px;
	left:16px;
	text-transform:uppercase;
	font-weight:700;
	padding-right:28px;
	background:url(img/ul-links-bullet.png) transparent no-repeat 100% 0.4em / 18px auto;
	line-height:1.8;
}
ul.blogposts li a span.read-on span{
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:2px solid #571a47;
}
ul.blogposts li a span.info{
	padding:10px;
}
ul.linkimageblocks li a span,
ul.storyblocks li a span{
	position:absolute;
}
ul.linkimageblocks li a span.shade,
ul.storyblocks li a span.shade{
	bottom:0;
	left:0;
	width:100%;
	height:40%;
	background:linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);
}
ul.linkblocks li a span.title,
ul.linkimageblocks li a span.title,
ul.storyblocks li a span.title{
	bottom:12px;
	left:27px;
	padding-bottom:2px;
	border-bottom:2px solid #fff;
}
ul.linkimageblocks li a span.title,
ul.storyblocks li a span.title{
	bottom:12px;
	left:27px;
	padding-bottom:2px;
	border-bottom:2px solid #fff;
}
ul.storyblocks li a span.title{
	padding-bottom:0;
	border-bottom-width:0;
}
ul.linkblocks li a span.read-on,
ul.linkimageblocks li a span.read-on,
ul.storyblocks li a span.read-on{
	bottom:0;
	right:0;
	width:45px;
	height:45px;
	background:url(img/read-on.png) #F1D14C no-repeat 18px center / 12px auto;
}
ul.bioblocks li a,
ul.blogposts li a{
	text-decoration:none;
}
ul.bioblocks li a span.name{
	padding-top:5px;
	font-weight:700;
	text-decoration:underline;
}
ul.blogposts li a span.name{
	padding-top:5px;
	font-size:16px;
}
ul.blogposts li a span.date{
	font-size:12px;
	padding-top:1em;
}
ul.bioblocks li a:focus span.name,
ul.bioblocks li a:hover span.name,
ul.bioblocks li a:active span.name{
	text-decoration:none;
}
ul.bioblocks li a span.role{
	color:#000;
}
ul.blogposts li a span.date{
	color:#646464;
}

#primary ul.linkblocks li,
#primary ul.linkimageblocks li,
#primary ul.storyblocks li,
#primary ul.bioblocks li span.bioimgwrap,
#primary ul.blogposts li span.blogimgwrap{
	background:#571a47;
}
ul.linkblocks li a:focus,
ul.linkblocks li a:hover,
ul.linkblocks li a:active{
	background:#B15874;
}

ul.linkimageblocks li a:focus img,
ul.linkimageblocks li a:hover img,
ul.linkimageblocks li a:active img,
ul.storyblocks li a:focus img,
ul.storyblocks li a:hover img,
ul.storyblocks li a:active img,
ul.bioblocks li a:focus img,
ul.bioblocks li a:hover img,
ul.bioblocks li a:active img,
ul.blogposts li a:focus img,
ul.blogposts li a:hover img,
ul.blogposts li a:active img{
	opacity:0.7;
}



.videowrapper{
	max-width:100%;
	margin:0 auto 50px auto;
}
.videobox{
	position:relative;
	width:100%;
	height:0;
	padding-top:56.25%
}
.videobox iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
p.quote{
	font-size:22px;
	font-style:italic;
	line-height:1.5;
	margin-bottom:1em;
}
p.byline{
	font-size:14px;
}
.inthespotlight{
	overflow:hidden;
}
.inthespotlight h3{

}
.slbox{
	width:48.3%;
	max-width:550px;
	background:#ffffff;
	overflow:hidden;
	margin-bottom:40px;
}
.reverse .slbox{
	background:#efefef;
}
.slbox1{
	float:left;
}
.slbox2{
	float:right;
}
.slimg{
	float:left;
	width:calc(100% - 213px);
	height:293px;
	background:#571A47;
}
.slimgin{
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.slinfo{
	float:right;
	width:213px;
	box-sizing:border-box;
	padding:20px 17px 10px 17px;
}
.slinfo h2{
	margin-bottom:1.4em;
}
.slinfo p{
	font-size:13px;
	line-height:1.45;
	margin-bottom:0.65em;
}

/* 2 colour buttons: #571a47 + #B15874 */

.button{
	padding-top:22px;
	margin-bottom:50px;
}
.button a{
	display:inline-block;
	background:#571a47;
	color:#fff;
	text-decoration:none;
	/* text-transform:uppercase; */
	border-radius:5px;
	overflow:hidden;
	height:44px;
}
.button a span{
	float:left;
	display:block;
	box-sizing:border-box;
	height:100%;
	transition:all .3s ease-in-out;
}
.button a span.buttontext{
	background:#571a47;
	font-size:14px;
	line-height:20px;
	padding:12px 25px 12px 25px;
}
.button a span.raquo{
	width:45px;
	background:url(img/raquo.png) #b15874 no-repeat 15px center / auto 14px;
	font-size:14px;
	line-height:20px;
	padding:12px 25px 12px 0;
	text-indent:-2000px;
	position:relative;
}
.button a span.arrow{
	position:absolute;
	right:35px;
	top:0;
	width:20px;
	padding:0;
	border:22px solid #b15874;
	border-left:11px solid #571a47;
	border-right-width:0;
}
.button a:hover span.arrow{
	width:0px;
}
.backlink{
	padding-top:50px;
}
.backlink a{
	display:inline-block;
	padding-left:30px;
	background:url(img/back.png) transparent no-repeat 0 0 / 18px auto;
	font-size:14px;
	font-weight:500;
	line-height:1.4;
	height:18px;
	text-decoration:none;
	text-transform:uppercase;
}
.backlink a span{
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:2px solid #571a47;
}


/* accordion */

.showhidesection{
	padding:10px 0;
/*	border-top:1px solid #C9C9C9; */
	border-bottom:1px solid #C9C9C9;
/*	margin-top:-1px; */
}
.showhidesection h3.showhide{
	font-size:16px;
	padding:10px 0;
	margin-bottom:0;
	cursor:pointer;
}
.showhidesection .shinside{
	padding-top:.5em;
}
.showhidesection h3.showhide span{
	background:url(img/close.png) transparent no-repeat right .4em / 13px auto;
	padding-right:25px;
}
.showhidesection.boxclosed h3.showhide span{
	background:url(img/open.png) transparent no-repeat right .2em / auto 13px;
}
/*
.showhidesection h2.showhide span.search-everything-highlight{
	padding-right:0;
	background:none;
}
*/
.showhidesection.boxclosed .shinside{
	display:none;
}



#secondary .connect{
	text-align:center;
}
#secondary h2{
	display:block;
	font-size:15px;
	font-weight:700;
	padding-bottom:.7em;
	border-bottom:1px solid #C6C6C6;
	margin-bottom:.8em;
}
#secondary h3{
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	line-height:1;
}
ul.social li{
	list-style:none;
	display:inline;
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
}
ul.social li a{
	display:inline-block;
	height:31px;
	min-width:31px;
	line-height:30px; /* centers the image better */
	color:#646464;
	text-decoration:none;
	border:1px solid #646464;
	border-radius:30px;
}
#secondary ul.social li:last-child a{
	padding:0 15px;
}
ul.social li a img{
	vertical-align:middle;
	max-width:17px;
	max-height:17px;
}
ul.social li a:hover{
	background:#fff;
}
.sbbox{
	margin-bottom:30px;
}
.sbbox p,
.sbbox ul{
	font-size:13px;
}
.sbbox p{
	margin-bottom:.6em;
}
.sbbox ul{
	margin-bottom:2.8em;
}
.sbbox li{
	list-style:none;
	margin-bottom:.5em;
}
.sbbox a{
	text-decoration:none;
	font-weight:700;
}
.sbbox li a,
.sbbox li span{
	display:block;
	padding-left:10px;
}
.sbbox li a{
	background:url(img/sbbullet.png) transparent no-repeat 0 .65em / auto 6px;
}
.sbbox li.current-menu-item a,
.sbbox li a:focus,
.sbbox li a:hover,
.sbbox li a:active{
	background-image:url(img/sbbullet-current.png);
	color:#646464;
}
.sbbox.submenu li{
	margin-bottom:.7em;
}
.sbbox.submenu li a{
	text-transform:uppercase;
}
.sbbox.submenu.nouc li a{
	text-transform:none;
}
.sbbox.details{
	text-align:center;
}

/* blog */

#main .entry-intro p{
	font-weight:700;
}
.entry-image{
	float:left;
	width:calc(100% - 268px);
	width:calc(95% - 228px);
	width:66%;
	max-width:491px;
	margin-bottom:40px;
}
.entry-info{
	float:right;
	width:228px;
	width:30%;
	margin-bottom:40px;
}
.entry-info p{
	color:#646464;
	font-size:14px;
}
.single-post .entry-content{
	clear:both;
}
p.posted-on{
	margin-bottom:.5em;
}
p.posted-by{
	margin-bottom:2em;
}
p.tags-links{
	margin-bottom:2em;
	overflow:hidden;
}
p.tags-links a{
	float:left;
	background:#B15874;
	color:#fff;
	min-width:4em;
	text-decoration:none;
	text-align:center;
	padding:5px 10px;
	margin:0 8px 8px 0;
}
p.tags-links a:focus,
p.tags-links a:hover,
p.tags-links a:active{
	background:#646464;
}

p.share{
	margin-bottom:0;
}

.pagination{
	clear:both;
	text-align:center;
}
.pagination .nav-links .page-numbers{
	display:inline-block;
	min-width:28px;
	height:28px;
	font-size:14px;
	line-height:14px;
	text-decoration:none;
	vertical-align:middle;
	border-radius:14px;
	box-sizing:border-box;
	padding-top:6px;
	margin:0 5px;
}
.pagination .nav-links .prev,
.pagination .nav-links .next{
	font-size:22px;
	padding-top:4px;

}
.pagination .nav-links a.page-numbers:focus,
.pagination .nav-links a.page-numbers:hover,
.pagination .nav-links a.page-numbers:active,
.pagination .nav-links .current{
	background:#571A47;
	color:white;
}



#colophon{
	background:#571a47;
	color:#fff;
	padding-top:50px;
	padding-bottom:60px;
}
#colophon .site-info{
	max-width:1140px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
}
.fcol1{
	float:left;
	width:24.92%;
	max-width:284px;
	margin-right:3.5%;
	padding-top:5px; /* to line up with fcol2+3 */
	padding-bottom:7px; /* to line up while hdk logo sticks out */
}
.fcol2{
	float:left;
	width:43.15%;
	max-width:492px;
	max-width:calc(71.58% - 284px - 3.5%);
}
.fcol3{
	float:right;
	width:284px;
}
.fcol4{
	position:absolute;
	bottom:0;
	right:0;
	width:816px;
	width:calc(100% - 28.42%);
	overflow:hidden;
	padding-top:16px;
	border-top:1px solid #fff;
}
.fcol4 p.copy{
	padding-bottom: 22px;
	float:left;
	line-height:14px;
}
.fcol4 p.hdk{
	float:right;
	width:73px;
	line-height:14px;
	padding-top:2px;
}

#colophon p,
#colophon ul{
	padding-top: 4px;
	font-size:11px;
	margin-bottom:0;
}
#colophon .logo{
	width:95px;
	margin-bottom:14px;
}
#colophon .fcol1 ul.social{
	margin-bottom:20px;
}
#colophon .fcol2 p.phone{
	font-size:18px;
}
#colophon .fcol2 p,
#colophon .fcol3 p{
	font-size:13px;
	margin-bottom:9px;
}
#colophon .fcol3 p img{
	width:250px;
	max-width:100%;
}
#colophon a{
	color:inherit;
}
#colophon .logo a,
#colophon li a,
#colophon p.hdk a{
	text-decoration:none;
}
.fixedbar ul.social li,
#colophon ul.social li,
#colophon .phone span.img{
	text-align:center;
}
#colophon .phone span.img{
	border-radius:30px;
}
.fixedbar ul.social li a,
#colophon ul.social li a,
#colophon .phone span.img{
	display:inline-block;
	height:26px;
	min-width:26px;
	line-height:25px; /* centers the image better */
	border:1px solid #fff;
}
.fixedbar ul.social li a.social-blog {
	padding: 0 12px;
	color: #FFF;
}
.fixedbar ul.social li a img,
#colophon ul.social li a img{
	vertical-align:middle;
	max-width:14px;
	max-height:14px;
}
.fixedbar ul.social li a:hover,
#colophon ul.social li a:hover{
	background:#f1d14c;
	background:#B15874;
}

#colophon .phone img{
	vertical-align:middle;
	max-width:17px;
	max-height:17px;
}



/* contact form */
form.wpcf7-form{
	padding:20px;
	box-sizing:border-box;
}
form.wpcf7-form input,
form.wpcf7-form textarea{
	width:98%;
	line-height:1.5em;
	box-sizing:border-box;
	padding:6px;
}
form.wpcf7-form input#agree{
	width:auto;
}
form.wpcf7-form input.wpcf7-submit{
	width:auto;
	background:#571a47;
	color:#fff;
	font-size:14px;
	line-height:20px;
	padding:12px 25px 12px 25px;
	border-radius:5px;
	border-width:0;
	transition:all .3s ease-in-out;
}
form.wpcf7-form input.wpcf7-submit:focus,
form.wpcf7-form input.wpcf7-submit:hover,
form.wpcf7-form input.wpcf7-submit:active{
	background:#b15874;
}



*{
	-webkit-text-size-adjust:100%;
}

@media (max-width:1140px){
	iframe#bencalc{
		height:5100px !important;
	}
}

@media (max-width:1130px){
	.site-nav ul li a{
		padding:0 10px;
	}
}
@media (max-width:1020px){
	/* addthis overrides */
	.at-resp-share-element.at-mobile .at-share-btn{
		margin-right:1px !important;
	}
	a .at-icon-wrapper{
		line-height:16px !important;
		width:16px !important;
		height:16px !important;
	}
	a .at-icon-wrapper svg{
		width:16px !important;
		height:16px !important;
	}
}
@media (max-width:1010px){
	.fcol1{
		width:21%;
		margin-bottom:20px;
	}
	.fcol2{
		width:calc(69% - 284px);
	}
	.fcol4{
		position:relative;
		clear:both;
		width:100%;
	}
	#colophon .fcol4 p.copy{
		margin-bottom:14px;
	}
}
@media (max-width:1070px){
	.site-nav ul li a{
		padding:0 5px;
	}
}
@media (max-width:1000px){
	.psphoto{
		margin-left:20px;
		margin-bottom:10px;
		max-width:39%;
	}
	.psstory{
		margin-right:auto;
	}
}
@media (max-width:985px){
	.fixedbar .social{
		display:none;
	}
	li#menu-item-1090 {
		display:inline;
	}
}
@media (max-width:980px){
	.slimg{
		width:58%;
	}
	.slinfo{
		width:42%;
		padding:10px 13px;
	}
	.slinfo h2{
		margin-bottom:1em;
	}
}
@media (max-width:960px){
	#primary{
		width:calc(100% - 234px);
	}
	#secondary{
		width:234px;
		padding:40px 18px;
	}
	#secondary ul.social li:last-child a{
		padding:0 8px;
	}
}
@media (max-width:935px){
	.fcol1{
		width:auto;
	}
	.fcol2,
	.fcol3{
		clear:right;
		float:right;
		width:50%;
		min-width:340px;
		max-width:100%;
		margin-bottom:20px;
	}
}
@media (max-width:930px){
	ul.linkblocks li a{
		padding:15px;
	}
	ul.storyblocks,
	ul.bioblocks,
	ul.blogposts{
		margin-right:-8%;
	}
	#primary ul.storyblocks li,
	#primary ul.bioblocks li,
	#primary ul.blogposts li{
		width:42.48%;
		margin-right:7.5%;
	}
}
@media (max-width:920px){
	iframe#bencalc{
		height:5250px !important;
	}
}
@media (max-width:920px){
	#primary ul.storyblocks{
		margin-right:-4.1%;
	}
	#primary ul.storyblocks li{
		width:45.9%;
		margin-right:4.1%;
	}
}
@media (max-width:880px){
	.entry-image,
	.entry-info{
		float:none;
		width:100%;
		margin-bottom:40px;
	}
	/* addthis overrides */
	.at-resp-share-element.at-mobile .at-share-btn{
		margin-right:5px !important;
	}
	a .at-icon-wrapper{
		line-height:20px !important;
		width:20px !important;
		height:20px !important;
	}
	a .at-icon-wrapper svg{
		width:20px !important;
		height:20px !important;
	}

}
@media (max-width:880px){
/* add back in if social needs to stay on bar */

	.mapside,
	.formside{
		float:none;
		width:100%;
		max-width:100%;
	}
	.detailside{
		float:none;
		width:100%;
		max-width:100%;
	}
}
@media (max-width:860px){
	iframe#bencalc{
		height:5400px !important;
	}
}
@media (max-width:860px){
	h1.page-title, h2.page-title{
		font-size:36px;
	}
	h2, h1.subpage-title{
		font-size:14px; /* as is */
	}
	h3{
		font-size:20px;
	}
	p, ul, ol{
		font-size:15px;
	}
}
@media (max-width:840px){
	ul.linkblocks li a{
		padding:10px;
		font-size:12px;
	}
	.slbox{
		float:none;
		width:100%;
		max-width:100%;
	}
	.slimg{
		width:60%;
	}
	.slinfo{
		width:40%;
		padding:20px 17px 10px 17px;
	}
	.slinfo h2{
		margin-bottom:1.4em;
	}
}
@media (max-width:830px){
	.menu-toggle{
		float:right;
		display:block;
		height:32px;
		width:50px;
		background:url(img/menu.png) transparent no-repeat right center;
		padding:0;
		border-width:0;
		margin-bottom:0;
		cursor:pointer;
	}
	.menu-toggle span{
		position:absolute;
		left:-4000px;
	}

	li#menu-item-1090 {
		display:none;
	}

	#site-navigation .nav-menu,
	#site-navigation .social{
		clear:right;
		padding:10px 0;
		display:none;
		/* if social buttons need to show on mobile widths, extra styles are needed for positioning */
	}
	.menu-top-nav-container{
		padding-right:55px;
	}
	.site-nav ul {
	    font-size: 24px;
	    font-weight: 400;
	    line-height: 1.7em;
	}
	.site-nav ul li{
		display:block;
	}
	.site-nav ul.social li{
		display:inline-block;
	}
	.site-nav ul li a{
		display:block;
		padding:0;
	}
	.site-nav ul li.donate{
		padding-top:10px;
	}
	.site-nav ul li.donate a{
		padding:0 14px;
		display:inline-block;
	}
	#site-navigation{
		position:relative;
	}
	#site-navigation.toggled-on .nav-menu,
	#site-navigation.toggled-on .social{
		display:block;
	}
	#site-navigation.toggled-on .social{
		position:absolute;
		bottom:0;
		right:55px;
	}
	#site-navigation.toggled-on .menu-top-nav-container{
		padding-bottom:50px;
	}
	.fixedbar.toggled-on{
		height:100%;
		background:rgba(0,0,0,.7);
	}
}
@media (max-width:820px){
	#main{
		margin-top:-69px;
	}
	#primary{
		padding-top:26px;
		padding-bottom:50px;
		padding-left:40px;

	}
}
@media (max-width:780px){
	iframe#bencalc{
		height:5580px !important;
	}
}
@media (max-width:720px){
	iframe#bencalc{
		height:5100px !important;
	}
}
@media (max-width:720px){
	#primary,
	#secondary{
		float:none;
		width:100%;
		min-height:0;
		padding-left:58px;
		padding-right:58px;
	}
}
@media (max-width:630px){
	.topbanner .innerwide{
		height:100%;
	}
	.site-title{
		width:auto;
		height:35%;
	}
	.site-title a,
	.site-title a img{
		display:block;
		height:100%;
	}
	#main{
		margin-top:-63px;
	}
	#primary{
		padding-top:20px;
		padding-bottom:50px;
	}
	#primary,
	#secondary{
		padding-left:40px;
		padding-right:40px;
	}
}
@media (max-width:580px){
	.slimg{
		width:calc(100% - 213px);
	}
	.slinfo{
		width:213px;
	}
}
@media (max-width:560px){
	#main{
		margin-top:-12%;
	}
	.home #main{
		margin-top:-63px;
	}
	#primary{
		padding-top:3.1%;
		padding-bottom:50px;
	}
	.home #primary{
		padding-top:20px;
	}
	#primary,
	#secondary{
		padding-left:30px;
		padding-right:30px;
	}
	.thequote{
		padding-top:48px;
		padding-left:30px;
		padding-right:30px;
		padding-bottom:40px;
		background:url(img/quote.png) transparent no-repeat left top / auto 30px;
	}
}
@media (max-width:550px){
	.fcol2,
	.fcol3{
		min-width:234px;
		min-width:240px; /* to make sure the time doesn't break */
	}
}
@media (max-width:520px){
	.imageontheleft .imageside{
		margin-right:20px;
	}
	.imageontheright .imageside{
		margin-left:20px;
	}
	.imageontheleft .textside,
	.imageontheright .textside{
		float:none;
		width:auto;
		max-width:100%;
		min-width:0;
	}
}
@media (max-width:500px){
	.slimg{
		width:58%;
	}
	.slinfo{
		width:42%;
		padding:10px 13px;
	}
	.slinfo h2{
		margin-bottom:1em;
	}
}
@media (max-width:496px){
	#primary ul.linkblocks li,
	#primary ul.linkblocks li.odd,
	#primary ul.linkblocks li.even,
	#primary ul.linkimageblocks li,
	#primary ul.linkimageblocks li.odd,
	#primary ul.linkimageblocks li.even{
		float:none;
		width:100%;
	}
	#primary ul.linkblocks li a{
		font-size:14px;
	}

}
@media (max-width:460px){
	#content .innerwide{
		padding:0;
	}
	#main{
		margin-top:0 !important;
		margin-bottom:0;
	}
	.home .thequote{
		margin-top:50px;
		margin-left:20px;
		margin-right:20px;
	}
	.spotlightsection{
		margin-top:50px;
	}
	#primary,
	#secondary,
	.spotlightsection{
		padding-left:20px;
		padding-right:20px;
	}
}
@media (max-width:445px){
	.fcol1,
	.fcol2,
	.fcol3{
		float:none;
		width:100%;
		min-width:0;
		max-width:100%;
		margin-right:0;
	}
}
@media (max-width:440px){
	.slimg{
		float:none;
		width:100%;
		height:0;
		padding-top:86%;
		position:relative;
	}
	.slimgin{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.slinfo{
		float:none;
		width:100%;
		padding:20px 17px 10px 17px;
	}
	.slinfo h2{
		margin-bottom:1.4em;
	}
}
@media (max-width:420px){
	.menu-top-nav-container{
		padding-right:0;
	}
	#site-navigation.toggled-on .social{
		right:0;
	}
	h1.page-title, h2.page-title{
		font-size:32px;
	}
	h2, h1.subpage-title{
		font-size:14px; /* as is */
	}
	h3{
		font-size:18px;
	}
	p, ul, ol{
		font-size:14px;
	}
}
@media (max-width:360px){
	#primary ul.storyblocks,
	#primary ul.bioblocks,
	#primary ul.blogposts{
		margin-right:auto;
	}
	#primary ul.storyblocks li,
	#primary ul.bioblocks li,
	#primary ul.blogposts li{
		float:none;
		width:100%;
		margin-right:auto;
	}
	h1.page-title, h2.page-title{
		font-size:28px;
	}
	h2, h1.subpage-title{
		font-size:14px; /* as is */
	}
	h3{
		font-size:16px;
	}
	p, ul, ol{
		font-size:13px;
	}
}
@media (max-height:400px){
	.site-nav ul {
	    font-size:18px;
	}
}
@media (max-height:360px){
	.site-nav ul {
	    font-size:16px;
	}
}
@media (max-height:320px){
	.site-nav ul {
	    font-size:14px;
	}
	.site-nav ul li.donate{
		padding-top:0;
	}
}
@media (max-height:260px){
	.fixedbar{
		position:absolute;
		top:0 !important;
		height:auto !important;
	}
}

/* Newsletter Archive custom styling - Ben HdK May 2021 */

div.display_archive .campaign {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 1.7em;
}