/*
Theme Name: Virginia Community Foundation
Theme URI: http://virginiafoundation.com/
Description: This is the theme for VCF.
Author: Kimberly Holmes
Author URI: http://wafisherinteractive.com/
License: 
License URI: 
Template: wafish
Version: 0.1
*/
@import url("../wafish/style.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,500);
@import url(https://fonts.googleapis.com/css?family=Khand:500);
@import url("//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css");

body {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size: 18px;
	background: #797979;
	color: #26282a;
	 -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Khand', sans-serif;	
	text-transform: uppercase;
	color: #37698c;
}
h1 {
	font-size: 2.222em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;	
}
p, ul, ol {
	margin-bottom: 10px;
	line-height: 1.25em;
}
ul, ol {
	margin-left: 30px;	
}
ul {
	list-style: disc;	
}
ol {
	list-style: decimal;	
}
ul[class*="block-grid-"] {
	margin-left: -.625rem;
	list-style: none;
}
dl {
	line-height:1.25em;	
	margin-top: 20px;
}
dl dt {
	font-weight: 500;	
}
dl.newsletters dt {
	font-weight: 400;	
	margin-bottom: 10px;
	font-family: 'Khand', sans-serif;	
	text-transform: uppercase;
	color: #37698c;
	font-size: 1.444em;
}

dl dd {
	margin-left: 20px;	
}
dl.newsletters dd .button {
	margin-top: 10px;	
}
dl.newsletters dd {
	margin-left: 0px;	
}
b, strong {
	font-weight: 500;	
}
a {
	color: inherit;
	text-decoration: underline;
}
a:hover {
	color: inherit;
	opacity: .8;
	transition: all .3s linear;
}
button, .button { 
	font-family: 'Khand', sans-serif;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	font-size: 1em;
	padding: 0 40px;
	background: #37698c;
	text-decoration: none;
}
button.inline, .button.inline {
	display: inline-block;
	margin: 5px;	
}
button.orange, .button.orange {
	background: #e68a2e;
}
button.orange:hover, .button.orange:hover, button.orange:focus, .button.orange:focus {
	background: #37698c;
}
button.full-width, .button.full-width { 
	width: 100%;	
}
.container { 
	max-width:1200px;	
	margin: 0 auto;
	background: #fff url(images/background.png) repeat top left;
}
.row {
	max-width:1200px;	
}

header {
	background-color: #374046;
	height: 110px;
}
.top-bar {
	background: none;
}
.top-bar .name {
	height: 110px;
	background-color: #37698c;
	padding: 10px;
}
.top-bar .name a img {
	max-height:90px;	
}
.top-bar .top-menu {
	width:100%;
	text-align: right;
	background-color: #37698c;	
	height: 50px
}
.top-bar .top-menu ul li {
	display: inline-block;	
	
}
.top-bar .top-menu ul li a {
	color: #fff;	
	display: block;
	line-height: 50px;
	padding: 0 10px;
	font-family: 'Khand', sans-serif;	
	text-transform: uppercase;
	text-decoration: none;
}
.top-bar .top-bar-section {
	background-color: #374046;
	float: right;
	height: 60px;
}

.top-bar-section li a:not(.button) {
	font-size: 18px;
	background: none;
	line-height: 60px;
	text-transform: uppercase;
	font-family: 'Khand', sans-serif;	
	text-decoration: none;
}
#menu-item-60 {
	padding: 12px 10px 12px 20px;
}
.top-bar-section ul li > a.button {
	background-color:#e68a2e;
	font-family: inherit;
	font-size: 18px;
	line-height: 36px;
	height: 36px;
	text-transform: uppercase;
	font-family: 'Khand', sans-serif;	
	padding: 0 30px;
	text-decoration: none;
}
.top-bar-section ul li > a.button:hover {
	background: #37698c;
}
.top-bar input, .top-bar .button {
	top: auto;	
}
.top-bar-section li:hover > a:not(.button), .top-bar-section ul li.current_page_item > a, .top-bar .top-menu li:hover > a:not(.button), .top-bar .top-menu li.current_page_item > a{
	background: rgba(255,255,255,.1);
}
.top-bar-section .has-dropdown > a:after {
	border: none;	
} 
.top-bar-section .has-dropdown > a {
	padding-right: 15px!important;	
	text-decoration: none;
}
.top-bar-section .has-dropdown:hover > a {
	background: rgba(255,255,255,.1);	
}
.top-bar-section .has-dropdown:hover > ul {
	display: block;
	background: #374046;
	
}
.top-bar-section .has-dropdown:hover > ul li a {
	line-height: 50px;
	padding: 0 10px;	
	text-decoration: none;
}
.orbit-timer {
	margin-top: -999999em;	
}
.skinny-content {
	max-width:670px; 
	padding: 90px 0;
	margin: 0 auto;
	text-align: center;	
}
.skinny-content h1 {
	padding-bottom: 0;
	margin-bottom:0;	
	line-height:1em;
}
.skinny-content hr {
	border: solid #5b5c5d;
	border-width:1px 0 0;
	max-width:50%;
	height:0;
	margin: 20px auto;
}
.row.funding {
	background: url(images/band-mural.jpg) no-repeat center center;
	padding: 100px 80px;	
	text-transform: uppercase;
	font-family: 'Khand', sans-serif;	
	color: #bbbbbb;
	font-weight: 500;
	font-size: 2em;
}
span.white, .row.funding a {
	color: #fff;
	text-decoration: none;	
}
.slick-arrow {
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	z-index: 300;
	border-radius: 300em;
	height: 50px;
	width: 50px;
	line-height: 50px;
	padding: 0;
	text-align: center;
	background-color: #e68a2e;
}	
.slick-arrow.slick-prev {
	left: 0;	
}
.slick-arrow.slick-next {
	right: 0;	
}
.row.grants {
	padding: 90px 50px;
	text-align: center;
}
.row.grants.full {
	padding: 20px 0;	
}
.row.grants h2 {
	padding-bottom: 90px;	
	font-size: 2.22222em;
}
.row.grants .grant-list {
	margin: 0 auto 50px;

}
.row.grants .grant-list .grant {
	max-width:33%;	
}
.row.grants .grant-list .grant .content {
	position: relative;
	padding: 1.2rem;
}
.row.grants.full ul {
	max-width:100%;	
	margin: 0 -.625rem;
}
.row.grants.full.interior {
	text-align: left;
}
.row.grants.full.interior h2 {
	padding-bottom: 20px;
	font-size: 1.8em;	
	text-align: left;
}
.row.grants ul li {
	text-align: center;	
}
.row.grants .button {
	margin-bottom: 0;	
}
.row.grants .photo-holder {
	height: 0;
	background-size:cover;
	background-position: center center;
	padding-bottom: 100%;
	width: 100%;
}
.row.grants span.grant-amount {
	position: relative;
    display: block;
    height: 60px;
    line-height: 60px;
    background: #37698c;
    color: #fff;
    font-family: 'Khand',sans-serif;
    font-size: 1.6666em;
}
.row.grants span.grant-fund {
	font-size: 1.5555em;
	margin: 15px 0 10px;
	font-family: 'Khand',sans-serif;
	text-transform: uppercase;
	display: block;
	color: #37698c;
}
.board-members {
	margin-top: 20px;	
}
.member {
	text-align: center;	
}
.member div {
	background: #E8E8E8;
	padding: 25px 10px 10px 10px;	
}
.member img {
	margin-bottom: 0px;
}
.member span {
	display: block;	
	margin-bottom: 5px;
}
.member .name {
	font-family: 'Khand',sans-serif;
	text-transform: uppercase;
	font-size: 1.44444em;
	color: #37698c;	
}
.member .position {
	font-weight: 500;	
}
.member .button:last-of-type{ 
	margin-bottom: 0;	
}
.staff-member {
	
}
.staff-member .name {
	font-weight: 500;	
	color: #37698c;	
}
.staff-member .position {	
}
.current_funds .grid-sizer {
	width:31.33%;
	margin: 10px 1%;
}
.fund {
	width:31.33%;
	margin: 10px 1%;
	padding: 20px;
	background: rgba(255,255,255,.5);	
}
.fund_name {
	text-transform: uppercase;
	font-family: 'Khand', sans-serif;	
	color: #37698c;
	font-size: 1.7em;
	margin-bottom: 10px;
}
.fund .button {
	width: 100%;	
	margin-bottom: 0;
}
.murals .grid-sizer {
	width: 48%;
	margin: 10px 1%;
}
.murals .mural {
	width:	48%;
	margin: 10px 1%;
	padding: 20px;
	background: rgba(255,255,255,.5);	
}
.mural_name { 
	text-transform: uppercase;
	font-family: 'Khand', sans-serif;	
	color: #37698c;
	font-size: 1.7em;
	display: block;
	margin-bottom: 10px;	
}
.completion {
	display: block;
	font-weight: 500;
	margin-bottom: 10px;
	font-size: .875em;	
}
.mural img {
	margin-bottom: 10px;	
}
.mural .button {
	width: 100%;	
	margin-bottom: 0;	
}
.fund-title {
	display: block;
	font-family: 'Khand', sans-serif;	
	color: #e68a2e;
	margin-top: 10px;
	margin-bottom: 20px;
}

.sidebar { 
	list-style: none;	
	margin-left: 0;
}
.sidebar > li, .contact-sidebar {
	padding: 20px;
	background: rgba(255,255,255,.5);	
	margin-bottom: 10px;
}
.sidebar li ul {
	font-size: 1em;	
}
.contact-sidebar .name { 
	text-transform: uppercase;
	font-family: 'Khand', sans-serif;	
	font-size: 1.4em;
	color: #37698c;
	margin-bottom: 10px;
}
.row.newsletter {
	background: url(images/car-mural.jpg) no-repeat center center;
	padding: 100px 80px;	
	text-transform: uppercase;
	font-family: 'Khand', sans-serif;	
	color: #fff;
	text-align: center;
}
.row.newsletter label {
	font-size: 1.6666em;	
	display: inline-block;
	color: #fff;
	margin-right: 20px;
	line-height: 40px;
}
.row.newsletter input[type='email'] {
	display: inline-block;
	max-width:400px;
	height: 40px;
	line-height:40px;
	margin-bottom: 0!important;
	border: none;
	color:#fff;
	padding-left: 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300!important;
	font-size: 1em;
	background:rgba(255,255,255,.33);
}
.row.newsletter input[type='submit'].button {
	display: inline-block;
	background-color: #37698c;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300!important;
	text-transform: lowercase;
	margin-bottom: 0;
	
}
.row.newsletter input::-webkit-input-placeholder {
	color: #fff;
}
.row.newsletter input::-moz-placeholder {
	color: #fff;
}
.row.newsletter input:-moz-placeholder {   /* Older versions of Firefox */
	color: #fff;
}
.row.newsletter input:-ms-input-placeholder { 
	color: #fff;
}
.main-content {
	padding: 50px;	
}
footer {
	background: #374046;
	padding: 20px;
}
footer .logo {
	text-align: right;	
}
footer .text {
	text-align: left;
	color: #fff;
	font-size: 16px;
	padding-top: 30px;	
}
footer .name {
	font-size: 1.875em;
	text-transform: uppercase;
	font-family: 'Khand', sans-serif;
}
footer a:not(.button) {
	color: #fff;
	text-decoration: underline;	
}
.copyright {
	width: 100%;
	font-size: .8em;
	text-align: center;
	margin-top: 20px;
	color: #fff;
	

}


/*** BLOG ***/
.blog-entry {
	border-bottom: 1px solid #dadada;	
	margin: 20px 0;
	padding-top: 20px;
	padding-bottom: 20px;
}
.blog-entry .button {
	margin-bottom: 0;
}

@media screen and (max-width:1024px) and (min-width:641px) { 
	header {
		background-color: #37698C;
    	height: 170px;	
	}
	.top-bar .top-bar-section { 
		clear: both;
		width:100%;	
	}
	.top-bar-section ul {
		width:100%;
		display: block;
		text-align: center;	
		background: none;
	}
	.top-bar-section ul li {
		float: none;
		display: inline-block;	
	}
	.current_funds .grid-sizer {
		width:48%;
		margin: 10px 1%;
	}
	.fund {
		width:48%;
		margin: 10px 1%;
		padding: 20px;
		background: rgba(255,255,255,.5);	
	}

}
@media screen and (max-width:640px) {
	#wpadminbar {
		position: fixed!important;	
	}	
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.1em;
		margin-bottom: 10px;	
	}
	.top-bar, .top-bar.expanded {
		height: 110px;
	}
	.top-bar .toggle-topbar.menu-icon {
	    right: 0px;
	    top: 0px;
	    margin-top:0px;
	    background: #374046;
	  	padding:10px 20px;
	  	height:110px;
	}
	
	.top-bar .toggle-topbar.menu-icon a {
		text-indent: 0;
		width:auto;
		height: auto;
		line-height: 90px;	
		font-size: 1em;
		text-decoration: none;
	}
	.top-bar .toggle-topbar a {	
		font-size: 1em;
		text-decoration: none;
	}
	ul.off-canvas-list li a {
		border: none;	
	}
	.left-off-canvas-menu, .right-off-canvas-menu {
		background: #374046;
		border-left:1px solid #fff;
		padding: 10px;
	}
	.social {
		width:100%;
		margin-bottom:5px;
		padding-bottom:10px;
		text-align: center;	
		border-bottom: 1px solid #4c565c;
	}
	.menu {
		list-style: none;
	}	
	.menu li a {
		width: 100%;
		display: block;	
		border-bottom: 1px solid #4c565c;
		line-height:1.5em;
		padding: 0 5px;
		font-size: 18px;
		color: #fff;
		font-family: 'Khand', sans-serif;
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	.menu li.has-dropdown > a:after {
		content: '\002B';
    	position: absolute;
    	right: 30px;
    	line-height: 1.4em;
    	color: #fff;
	}
	.menu li.has-dropdown > a.open:after {
		content: '\002D';
	}
	.off-canvas-submenu {
		display: none;	
		margin-left: 10px;
	}
	.top-bar-section {
		display: none;	
	}
	.skinny-content {
		padding: 50px 0;	
	}
	.main-content {
		padding: 20px 10px;	
	}
	.row.funding {
		padding: 50px 20px;
		text-align: center;	
	}
	.row.newsletter, .row.grants {
		padding: 50px 20px;
	}	
	.row.grants h2 {
		padding-bottom: 50px;	
	}
	.row.grants ul {
		margin-bottom: 30px;	
	}
	.row.newsletter label {
		line-height: 1.1em;	
	}
	.row.newsletter input[type='email'], .row.newsletter input.button {
		width: 100%;	
		text-align: center;
	}
	footer, footer .logo, footer .text {
		text-align: center;	
	}
	.current_funds .grid-sizer {
		width:100%;
		margin: 10px 0;
	}
	.fund {
		width:100%;
		margin: 10px 0;
		padding: 20px;
		background: rgba(255,255,255,.5);	
	}
	.murals .grid-sizer {
		width: 100%;
		margin: 10px 0;
	}
	.murals .mural {
		width:	100%;
		margin: 10px 0;
		padding: 20px;
		background: rgba(255,255,255,.5);	
	}
}


/**FORMS**/
.gform_wrapper form {
	padding: 0 20px;
	background: rgba(255,255,255,.5);		
}
.gfield_label {
	font-weight: 500!important;
	margin-bottom: 0!important;	
	line-height:1em!important;
	margin-top: 1.2em!important;
}
.gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_year label, .gform_wrapper .gfield_time_ampm label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .ginput_complex label, .gform_wrapper .instruction {
	letter-spacing: 0!important;
	margin-bottom: 0!important;	
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	margin-bottom: .2em;	
}

.ln-letter-count {
	top: 45px!important;
    background: #fff;
    width: auto!important;
    padding: 5px;		
}
.ln-letters {
	margin: 20px 0;	
}
.ln-letters a {
	display: inline-block;
	margin: 2px;
	padding: 5px 10px;
	border: 1px solid #ccc;		
	background-color: #fff;
	text-decoration: none;
}
.ln-letters a:hover, .ln-letters a.ln-selected {
	background-color: #37698c;
	color: #fff;
}
.gform_wrapper .top_label .gfield_description {
	padding-top: 0!important;	
}
.gform_wrapper .gsection {
	margin-bottom: 0px!important;	
}
.gform_wrapper ul.gform_fields li.gfield input[type=radio] {
	margin-left: .65em!important;	
}
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
	margin-bottom: 0!important;	
}