/*
Theme Name: Coastal Community Foundation
Version: 1.0
Author: Fuzzco
Author URI: http://www.fuzzco.com
*/

/* $Typography & Colors
------------------------------------------------

"futura-pt" -- Book (400), Bold (700)
"leitura-news" -- Roman 1 (300), Roman 2 (Italic)(400), Roman 4 (700)

Light Grey	#EEECE7
Mid Grey	#C4C1BC
Dark Grey	#74746F
Darker Grey #51514E
Blue		#135C86
Red			#A85849

*/

@import url("-/css/foundation.css");

/*=============================================================

	GLOBAL

=============================================================*/

#wpadminbar { position: absolute !important; top: -32px !important; }

body {
	background: #EEECE7;
	color: #74746F;
	font-family: "leitura-news", Georgia, Times, serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;

	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.container {
	background: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	position: relative;
	z-index: 100;

	transition: transform 0.2s ease-out;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out;
	-o-transition: -o-transform 0.2s ease-out;
	-ms-transition: -ms-transform 0.2s ease-out;
}

.row {
	max-width: 1200px;
	width: 95%;
}

.half-row {
	max-width: 600px;
	padding: 0 20px;
}

/* LINKS */

a {
	color: #A85849;
	outline: none;
	border-bottom: 1px #A85849 solid;
	text-decoration: none;

	transition: all 0.2s ease-in-out;
	-webkit-backface-visibility: hidden;
}

	a.gray {
		color: #74746F;
		border-color: #74746F;
	}

	a:hover {
		color: #135C86;
		border-color: #135C86;
	}

/* TYPOGRAPHY */

h1,h2,h3,h4,h5,h6 { line-height: 1em; margin: 0; }

h1,h2,h3,h4 { font-family: "leitura-news", Georgia, Times, serif; }

h5, h6 {
	font-family: "futura-pt", Futura, sans-serif;
	letter-spacing: 0.5px;
	line-height: 1.2em;
	text-transform: uppercase;
}

h1 {
	font-size: 3.25em;
	font-weight: 400;
}

h2 {
	font-size: 2.25em;
	font-weight: 700;
}
	h2.subtitle {
		background: url(-/img/subtitle-accent.png) no-repeat center top;
		padding: 20px 0 75px;
		text-align: center;
	}

h3 {
	font-size: 1.75em;
	font-weight: 400;
	font-style: italic;
	line-height: 1.3em;
}

h4 {
	font-size: 1.6em;
	font-weight: 700;
}

h5 {
	font-size: 1em;
	font-weight: 500;
}

h6 {
	color: #51514E;
	font-size: 1em;
	font-weight: 700;
}
	h5 em, h6 em {
		font-family: "leitura-news", Georgia, Times, serif;
		text-transform: lowercase;
		letter-spacing: -1px;
		margin-right: 1px;
	}

p {
	font-size: 1.35em;
	line-height: 1.55em;
	margin: 0 0 1em;
}

	p.small {
		font-size: 1.1em;
		line-height: 1.5em;
	}

ul {
	font-size: 1.35em;
	line-height: 1.55em;
	margin: 2em 0;
}

em { font-style: italic }
strong { font-weight: 700 }


select {
	background: url(-/img/select-arrow.png) no-repeat right center;
	border: 1px #C4C1BC solid;
	border-radius: 0;
	color: #74746F;
	cursor: pointer;
	display: inline-block;
	font-family: "futura-pt", Futura, sans-serif;
	font-size: 1em;
	letter-spacing: 1px;
	padding: 8px 30px 8px 15px;
	-webkit-appearance: none;
	-moz-appearance:window;
}


/* MISC */

::selection { background: #A85849; color: #E5E5E5; }
::-moz-selection { background: #A85849; color: #E5E5E5; }

::-webkit-input-placeholder {}
:-moz-placeholder {}


.button {
	border: none;
	border-radius: 4px;
	font-family: "futura-pt", Futura, sans-serif;
	letter-spacing: 1px;
	padding: 5px 11px;
	text-transform: uppercase;
}

.centered-row {
	text-align: center;
}

#page .content {
	padding: 75px 0;
}
#page .donor-stories .content {
	padding: 0 0 75px 0;
}
@media (min-width: 768px) and (max-width: 1000px) {
	body { font-size: 13px }
	p { font-size: 1.2em }
}

/*** MOBILE ***/
@media (max-width: 767px) {
	h1 { font-size: 2em }
	h2 { font-size: 1.8em }
	h3 { font-size: 1.2em }
	h4 { font-size: 1.2em }

  body .button {
    padding: 5px 11px;
  }
}

/*=============================================================

	HEADER

=============================================================*/

header {
	background: #FFF;
	font-family: "futura-pt", Futura, sans-serif;
	padding: 10px 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 100;
}

	header .row {
		width: 100%;
		position: relative;
	}

	header .logo {

	}
		header .logo img {
			width: 184px;
		}

		header .logo:hover {
			opacity: 0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		}

	header nav {
		padding: 20px;
		width: 40%;
	}
		header nav a {
			border: none;
			color: #135C86;
			font-size: 1.1em;
			letter-spacing: 0.5px;

			text-transform: uppercase;

			transition: color 0.2s ease-out;
		}

		header nav a:hover {
			color: #A85849;
		}

		header nav.left { text-align: right; }
		header nav.left a { margin-right: 35px }

		header nav.right { text-align: left; }
		header nav.right a { margin-left: 35px }

		header nav a.button {
			background: rgba(19,92,128,0.15);
		}

			header nav a.button:hover {
				background: #135C86;
				color: #FFF;
			}

	header .donate {
		background: #135C86;
		border-radius: 4em;
		border: none;
		color: #FFF;
		opacity: 0.8;
		padding-top: 23px;
		padding-left: 1px;
		position: absolute;
		bottom: -43px; right: 0;
		text-align: center;
		text-transform: uppercase;
		width: 70px; height: 70px;

		-webkit-backface-visibility: hidden;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

		header .donate:hover {
			opacity: 1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		}

	#mobile-nav {
		display: none;
		position: fixed;
		width: 73%;
		right: 0;
		z-index: 0;
	}

		#mobile-nav a {
			border-bottom: 1px #AAA solid;
			font-family: "futura-pt", Futura, sans-serif;
			font-size: 1.1em;
			display: block;
			padding: 24px;
			text-transform: uppercase;
		}

	header .mobile-buttons {
		display: none;
		margin-right: 10px;
		margin-top: 13px;
		float: right;
	}

		header .mobile-buttons .menu {
			border: 1px #135C86 solid;
			color: #135C86;
		}

/* - - - - - - - - - - - - - - - - - - - - - - - - - -
	HEADER - RESPONSIVE
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*** TABLET ***/
@media (min-width: 1010px) and (max-width: 1170px) {
	header nav.left a { margin-right: 14px }
	header nav.right a { margin-left: 14px }
}
@media (min-width: 960px) and (max-width: 1010px) {
	header nav { width: 38% }
	header nav.left a { margin-right: 7px }
	header nav.right a { margin-left: 7px }
}
@media (min-width: 850px) and (max-width: 960px) {
	header nav { width: 38% }
	header nav a { font-size: 0.9em }
	header nav.left a { margin-right: 8px }
	header nav.right a { margin-left: 8px }

	header .logo img {
		margin-top: 5px;
		width: 160px;
	}

	header nav a.button {
		margin-left: 10px;
	}
}
@media (min-width: 850px) and (max-width: 1000px) {
	header .donate {
		bottom: -90px;
		right: 15px;
	}
}

/*** MOBILE ***/
@media (max-width: 850px) {

	header { text-align: left; }
	header nav { display: none; }

	header .mobile-buttons {
		display: block;
	}

	header .logo img {
		width: 150px;
	}

	header .donate {
		display: none;
	}

	.container.open {
		transform: translate3d(-73%,0,0);
		-webkit-transform: translate3d(-73%,0,0);
		-moz-transform: translate3d(-73%,0,0);
		-o-transform: translate3d(-73%,0,0);
		-ms-transform: translate3d(-73%,0,0);
	}

	#mobile-nav.ready {
		display: block;
	}
}


/*=============================================================

	FOOTER

=============================================================*/

footer {
	background: #FFF;
	padding: 50px 0;
}

	footer .seal {

	}

	footer p {
		margin-bottom: 5px;
	}

	footer a {
		color: #74746F;
		border-color: #74746F;
	}
	
	.footer-seal-link {
		border: none;
	}
  footer .light {
    color: #aaaaaa;
    border-color: #aaaaaa;
  }

	footer h6 {
		margin-left: 2px;
		margin-top: 20px;
	}

	footer a.social {
		border: none;
		color: #135C86;
		margin-right: 5px;
	}

		footer a.social:hover { color: #A85849 }

		footer a.social span {
			background: url(-/img/footer/social-icons.png) no-repeat;
			display: inline-block;
			position: relative;
			top: -2.5px;
			margin-left: 5px;
			margin-right: 10px;
			vertical-align: middle;
			width: 16px; height: 16px;
		}

		footer a.social.facebook:hover span { background-position: 0 -16px }

		footer a.social.twitter span { background-position: -16px 0 }
		footer a.social.twitter:hover span { background-position: -16px -16px }

		footer a.social.instagram span { background-position: -48px 0 }
		footer a.social.instagram:hover span { background-position: -48px -16px }

		footer a.social.linkedin span { background-position: -32px 0 }
		footer a.social.linkedin:hover span { background-position: -32px -16px }


	footer .cf-national-standards {
		margin-top: 20px;
	}
		footer .cf-national-standards img {
			float: left;
			margin-top: 5px;
		}

		footer .cf-national-standards p {
			color: #AAA;
			line-height: 1.2em;
			margin-left: 85px;
			margin-top: -8px;
			padding-top: 20px;
			font-size: 0.8em;
		}

/* - - - - - - - - - - - - - - - - - - - - - - - - - -
	FOOTER - RESPONSIVE
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*** TABLET ***/
@media (min-width: 768px) and (max-width: 950px) {
	footer p {
		font-size: 0.8em !important;
	}

	footer .cf-national-standards {
		margin-top: 28px;
	}
}

/*** MOBILE ***/
@media (max-width: 767px) {

	footer {
		padding: 15px 0;
	}

	footer .seal {
		display: none;
	}

	footer .columns {
		margin-bottom: 25px;
	}

	footer br {
		display: none;
	}
}

/*=============================================================

	GLOBAL ELEMENTS

=============================================================*/

.tan-bg {
	background: #EEECE7;
}

.meeting-notes-intro {
  padding: 50px 0 30px;
}
.meeting-notes-resources {
  padding: 50px 0;
}

.meeting-notes-resources h3 {
  margin-top: 45px;
}
.meeting-notes-resources h3:first-child {
  margin-top: 0;
}

.inner-page {
	overflow: hidden;
}
	.inner-page .page-title {
		background-color: #333 !important;
		color: #FFF;
		padding: 100px 0;
		text-align: center;
	}

		.inner-page .page-title h1 {
			display: inline;
			display: inline-block;
			border: 1px #FFF solid;
			padding: 20px 25px;
		}

			.inner-page .page-title h1 a {
				border: none;
				color: #FFF;
			}

		.inner-page .backstretch img {
			opacity: 0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

			filter: blur(5px);
			-webkit-filter: blur(5px);
			-moz-filter: blur(5px);
			-o-filter: blur(5px);
			-ms-filter: blur(5px);
			filter: url(-/img/blur.svg#blur);
			filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
		}

	.inner-page .intro {
		margin: 50px 0 30px;
	}

		.inner-page .intro .columns:first-child p:first-child:first-letter {
			color: #A85849;
			float: left;
			font-size: 2.9em;
			line-height: 0.95em;
			padding: 5px 5px 0 0;
		}

/*** POST LISTS ***/
.posts {
	background: #EEECE7;
	padding: 75px 0 50px;
}

	/* FEATURED POST */
	.posts .featured-post {
		border-bottom: 1px #C4C1BC solid;
		margin-bottom: 50px;
		padding-bottom: 50px;
		overflow: hidden;
	}
		.posts .featured-post .image-container {
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			color: #FFF;
			display: block;
			border: none;
			overflow: hidden;
			position: relative;
			width: 90%;
		}

			.posts .featured-post .image-container .overlay {
				background: #A85849;
				opacity: 0.7;
				position: absolute;
				top: 0; left: 0;
				width: 100%; height: 100%;

				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			}

			.posts .featured-post .image-container .content {
				padding: 75px 50px;
				position: relative;
				text-align: center;
			}

				.posts .featured-post .image-container .content h2 {
					font-size: 3em;
					line-height: 1.2em;
					letter-spacing: 0.5px;
					margin-bottom: 35px;

				}
					.posts .featured-post .image-container .content h2 a {
						border: none;
						color: #FFF;
					}
						.posts .featured-post .image-container .content h2 a:hover { color: #000; }

				.posts .featured-post .image-container .content .meta a {
					border-color: #FFF;
					color: #FFF;
				}
					.posts .featured-post .image-container .content .meta a:hover {
						border-color: #000;
						color: #000;
					}

		.posts .featured-post p {
			margin-top: 40px;
		}

	/* POST LIST */
	.posts .post {
		margin-bottom: 50px;
		padding: 0 25px;
    min-height: 95px;
	}

		.posts .post .image-container {
			border: 2px #C4C1BC solid;
			display: block;
			float: left;
			overflow: hidden;
			padding: 5px;
		}
			.posts .post .image-container .image {
				background-position: center;
				background-size: cover;
				background-repeat: none;
				overflow: hidden;
				position: relative;
				width: 100px; height: 100px;
			}
				.posts .post .image-container .image .overlay {
					background: #135C86;
					opacity: 0;
					position: absolute;
					top: 0; left: 0;
					width: 100%; height: 100%;

					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				}
					.posts .post .image-container:hover .image .overlay {
						opacity: 0.5;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					}

		.posts .post .content {
			margin-left: 150px;
		}
			.posts .post .content h4 {
				padding-top: 5px;
				margin-bottom: 0.5em;
			}
				.posts .post .content h4 a {
					border: none;
				}

			.posts .post .content p {
				margin-bottom: 12px;
			}

			.posts .post .content .meta {
				font-size: 0.9em;
			}
				.posts .post .content .meta a {
					border-color: #74746F;
					color: inherit;
				}
					.posts .post .content .meta a:hover {
						border-color: #135C86;
						color: #135C86;
					}

				.posts .post .content .meta em {
					margin: 0 5px;
				}

.bar {
	background: #51514E;
	clear: both;
	text-align: center;
}

	.bar h3 {
		display: inline-block;
		color: #FFF;
		font-style: normal;
		padding: 30px 0;
		margin: 0 auto;
	}
		.bar h3 a {
			color: #FFF;
			border-bottom: 1px #FFF solid;
			padding-bottom: 2px;
		}

		.bar h3 a:hover {
			color: #A85849;
			border-color: #A85849;
		}

#not-found {
	padding: 150px 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - -
	GLOBAL ELEMENTS - RESPONSIVE
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*** TABLET ***/
@media (min-width: 768px) and (max-width: 1000px) {
	.posts .post .image-container .image {
		width: 75px; height: 75px;
	}

	.posts .featured-post .image-container {
		width: 100%;
	}

		.posts .featured-post .image-container .content {
			padding: 75px 25px;
		}

	.posts .post .content {
		margin-left: 100px;
	}
		.posts .post .content p {
			font-size: 1em;
		}

		.posts .post .content h5.meta {
			font-size: 0.8em;
		}

	.inner-page .page-title {
		padding: 75px 0;
	}
}

/*** MOBILE ***/
@media (max-width: 767px) {
	.bar h3 {
		font-size: 1.1em;
		line-height: 1.8em;
	}

	.inner-page .page-title {
		padding: 55px 0;
	}

		.inner-page .page-title h1 {
			font-size: 1.8em;
		}

		.inner-page .intro {
			margin: 40px 0 30px;
		}

	.posts {
		padding: 50px 0 25px;
	}

		.posts h2 {
			padding-bottom: 35px;
		}

		.posts .featured-post p {
			font-size: 1em;
		}

		.posts .featured-post .image-container {
			width: 100%;
		}

		.posts .featured-post .image-container .content {
			font-size: 0.8em;
			padding: 30px 10px;
		}
			.posts .featured-post .image-container .content h2 {
				font-size: 2em;
				margin-bottom: 0;
			}

		.posts .post {
			margin-bottom: 20px;
			padding: 0 20px;
		}
			.posts .post .image-container {
				display: block;
				padding: 3px;
			}
				.posts .post .image-container .image {
					width: 40px; height: 40px;
				}

			.posts .post .content {
				font-size: 0.7em;
				margin-left: 60px;
			}
}



/*=============================================================

	HOME

=============================================================*/

#home {
	overflow: hidden;
}

	#home .hero {
		background: #AAA;
		text-align: center;
		padding: 100px 0;
	}

		#home .hero h1 {
			color: #222;
			font-size: 3em;
			line-height: 1.5em;
			margin: 0 auto;
			max-width: 950px;
		}

		#home .hero .backstretch img {
			opacity: 0.6;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

			filter: blur(5px);
			-webkit-filter: blur(5px);
			-moz-filter: blur(5px);
			-o-filter: blur(5px);
			-ms-filter: blur(5px);
			filter: url(-/img/blur.svg#blur);
			filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
		}

	#home .anniversary {
	}

		#home .anniversary h3 {
			background: url(-/img/home/40th-anniversary.png) no-repeat left center;
			padding: 30px 0 30px 130px;
			position: relative;
			left: -30px;
		}

	#home .make-a-difference {
		padding: 75px 0;
		text-align: center;
	}

		#home .make-a-difference h3 {
			margin-bottom: 50px;
		}

		#home .make-a-difference a {
			border: none;
			color: #74746F;
			display: block;
		}
			#home .make-a-difference a:hover { color: #A85849 }

			#home .make-a-difference a .illustration {
				background: url(-/img/home/illustration-sprite.png) no-repeat;
				background-size: 300% auto;
				margin: 0 auto;
				overflow: hidden;
				position: relative;
				width: 270px; height: 150px;
			}
				#home .make-a-difference a .illustration .color {
					background: url(-/img/home/illustration-sprite.png) no-repeat;
					background-size: 300% auto;
					opacity: 0;
					position: absolute;
					top: 0; left: 0;
					width: 100%; height: 100%;
					z-index: 2;
				}

				#home .make-a-difference a.give .illustration { background-position: 0 0 }
				#home .make-a-difference a.give .illustration .color { background-position: 0 100% }

				#home .make-a-difference a.fund .illustration { background-position: 50% 0 }
				#home .make-a-difference a.fund .illustration .color { background-position: 50% 100% }

				#home .make-a-difference a.worthy-causes .illustration { background-position: 100% 0 }
				#home .make-a-difference a.worthy-causes .illustration .color { background-position: 100% 100% }

			#home .make-a-difference a h6 {
				border-top: 1px #C4C1BC solid;
				color: inherit;
				padding-top: 30px;
				margin-top: 20px;
			}

/* - - - - - - - - - - - - - - - - - - - - - - - - - -
	HOME - RESPONSIVE
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*** TABLET ***/
@media (min-width: 768px) and (max-width: 1000px) {
	#home .hero h1 {
		font-size: 2.5em;
		max-width: 700px;
	}

	#home .make-a-difference a .illustration {
		width: 200px; height: 111px;
	}
}

/*** MOBILE ***/
@media (max-width: 767px) {

	#home .hero {
		padding: 50px 0;
	}
		#home .hero h1 {
			font-size: 1.2em;
			max-width: 300px;
		}

	#home .anniversary h3 {
		background-size: auto 140%;
		display: block;
		padding: 20px 0;
		position: static;
	}

	#home .make-a-difference {
		padding: 50px 0;
	}

		#home .make-a-difference h3 {
			margin: 0 0 25px; padding: 0;
		}

		#home .make-a-difference .columns {
			padding-bottom: 50px;
		}

		#home .make-a-difference .columns br {
			display: none;
		}

		#home .make-a-difference a .illustration {
			width: 180px; height: 100px;
		}

		#home .make-a-difference a h6 {
			border: none;
			padding-top: 10px;
			margin-top: 0px;
		}
}

/*=============================================================

	ABOUT US

=============================================================*/

#about-us {

}

	#about-us h1 {
		font-weight: 700;
	}

	#about-us .sub-nav-container {
		height: 60px;
	}

	#about-us .sub-nav {
		background: #777;
		font-family: "futura-pt", Futura, sans-serif;
		text-align: center;
	}

		#about-us .sticky .sub-nav {
			position: fixed;
			top: 0; left: 0;
			width: 100%;
			z-index: 9999;
		}

		#about-us .sub-nav a {
			border: none;
			color: #FFF;
			display: inline-block;
			font-size: 1.2em;
			letter-spacing: 1px;
			margin: 0 20px;
			padding: 22px 0 24px;
			text-transform: uppercase;

			transition: none;
		}

			#about-us .sub-nav a:hover {
				color: #C4C1BC;
			}

			#about-us .sub-nav a.active {
				background: url(-/img/sub-nav-arrows.png) no-repeat center center;
				color: #C4C1BC !important
			}



	/*** CONTACT US ***/
	#about-us #contact-us {

	}

		#about-us #contact-us .row {
			position: relative;
			padding: 50px 0 35px;
		}
			#about-us #contact-us .columns {
				padding-top: 15px;
			}

			#about-us #contact-us .columns:first-child {
				border-right: 1px #AAA solid;
			}

		#about-us #contact-us h1 {
			letter-spacing: -1.5px;
			margin-left: 17px;
			margin-bottom: -25px;
		}

		#about-us #contact-us h6 {
			opacity: 0.7;
			margin-bottom: 5px;

			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		}

			#about-us #contact-us h6 .arr {
				opacity: 0.5;
				margin-left: 5px;

				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			}

		#about-us #contact-us p {
			margin-bottom: 30px;
			font-size: 1.2em;
		}

		#about-us #contact-us .image-container {
			height: 100%;
			position: absolute;
			top: 0; right: 0;
		}

			#about-us #contact-us .image {
				box-sizing: content-box;
				background-position: center center;
				background-size: cover;
				overflow: hidden;
				position: absolute;
				text-align: center;

				height: 110%;
				top: -5.5%;
			}
				#about-us #contact-us .image img {
					display: block;
					max-width: none;
					min-height: 100%;
				}

	/*** AFFILIATES ***/
	#about-us #affiliates {
		padding: 60px 0;

	}
		#about-us #affiliates h1 {
			padding: 0 20px 40px;
		}

		#about-us #affiliates p {
			padding-right: 15px;
		}

		#about-us #affiliates h3 {
			margin-bottom: 25px;
		}

		#about-us #affiliates .affiliate {
			margin-bottom: 15px;
		}
			#about-us #affiliates .affiliate h4 {
				border-bottom: 1px #A85849 dotted;
				color: #A85849;
				font-size: 1.4em;
				padding-bottom: 10px;
			}

				#about-us #affiliates .affiliate h4 a {
					border-color: #74746F;
					color: #74746F;
					float: right;
					font: normal 0.6em "futura-pt", Futura, sans-serif;
					text-transform: uppercase;
				}
					#about-us #affiliates .affiliate h4 a:hover {
						color: #A85849;
						border-color: #A85849;
					}

					#about-us #affiliates .affiliate h4 a .open { display: none }
					#about-us #affiliates .affiliate h4 a .close { display: inline }

					#about-us #affiliates .affiliate.opened h4 a .open { display: inline }
					#about-us #affiliates .affiliate.opened h4 a .close { display: none }


			#about-us #affiliates .affiliate .mission {
				display: none;
				overflow: hidden;
				padding-top: 15px;
			}
				#about-us #affiliates .affiliate .mission a {
					float: right;
					margin-top: 5px;
				}

				#about-us #affiliates .affiliate .mission p {
					padding: 0 60px 0 0;
				}

	/*** STAFF MEMBERS ***/
	#about-us #staff {
		padding: 60px 0;
	}
		#about-us #staff .row {
			padding: 0 20px;
		}

		#about-us #staff h1 {
			margin-bottom: 25px;
		}

		#about-us #staff h3 {
			border-top: 1px #74746F solid;
			padding: 25px 0;
		}

		/* STAFF MEMBER BLOCK */
		#about-us #staff .staff-member {
			cursor: pointer;
			margin-bottom: 25px;
			text-align: center;
		}

			#about-us #staff .staff-member .image {
				position: relative;
			}
				#about-us #staff .staff-member .image img {
					width: 100%; height: auto;
				}

				#about-us #staff .staff-member .image .overlay {
					background: #A85849;
					background: rgba(168,88,73,0.6);
					opacity: 0;
					position: absolute;
					top: 0; left: 0;
					width: 100%; height: 100%;
					transition: all 0.3s ease-out;

					-webkit-backface-visibility: hidden;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				}
					#about-us #staff .staff-member .image .overlay h2 {
						color: #FFF;
						font-weight: 700;
						top: 65px;
						position: relative;

						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					}

				#about-us #staff .staff-member .image img {
					border-radius: 4px;
					display: block;
					margin-bottom: 20px;
				}

			#about-us #staff .staff-member h5 {
				color: #A85849;
				font-weight: 500;
				font-size: 1.2em;
				margin-bottom: 5px;
			}

			#about-us #staff .staff-member h6 {
				color: #74746F;
				font-weight: 700;
				font-size: 0.9em;
			}

			#about-us #staff .staff-member .ellip {
				display: block;
				font-size: 2em;
			}

			#about-us #staff .staff-member .learn-more {
				color: #AAA;
				display: none;
				font-size: 0.9em;
				position: relative;
				top: 6px;
			}

			@media (min-width: 768px) {
				#about-us #staff .staff-member:hover .image .overlay { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
				#about-us #staff .staff-member:hover .image .overlay h2 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
				#about-us #staff .staff-member:hover .ellip { display: none }
				#about-us #staff .staff-member:hover .learn-more { display: block }
			}


		/* OVERLAY AND MODAL POPUP */
		#about-us #staff #staff-overlay {
			background: #A85849;
			display: none;
			opacity: 0.7;
			position: fixed;
			top: 0; left: 0;
			width: 100%; height: 100%;
			z-index: 99998;

			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		}

		#about-us #staff .staff-member-modal {
			display: none;
			position: fixed;
			top: 50%;
			left: 0;
			width: 100%;
			z-index: 99999;
		}
			#about-us #staff .staff-member-modal .content {
				background: #FFF;
				border-radius: 4px;
				margin: 0 auto;
				max-width: 800px;
				overflow: hidden;
				padding: 40px 25px;
				position: relative;
				margin-top: -200px;

				-webkit-backface-visibility: hidden;
			}
				#about-us #staff .staff-member-modal .content h4.mobile {
					display: none;
					text-align: left;
					padding: 10px 0 20px;
				}

				/* LEFT INFO COLUMN */
				#about-us #staff .staff-member-modal .info {
					text-align: center;
				}

					#about-us #staff .staff-member-modal .info img {
						margin-bottom: 20px;
					}

					#about-us #staff .staff-member-modal .info h6 {
						font-weight: 500;
						margin-top: 10px;
					}

					#about-us #staff .staff-member-modal .info p {
						font-size: 1.3em !important;
					}

					#about-us #staff .staff-member-modal .info a {
						border: none;
						line-height: 1em;
					}

					#about-us #staff .staff-member-modal .info a span {
						display: block;
						font-size: 0.75em
					}

				/* RIGHT COPY COLUMN */
				#about-us #staff .staff-member-modal .content .copy {
					text-align: left;
				}
					#about-us #staff .staff-member-modal .content .copy h4 {
						margin: 5px 0 20px;
					}

					#about-us #staff .staff-member-modal .content .copy p {
						font-size: 1.1em;
						margin-bottom: 10px;
					}
						#about-us #staff .staff-member-modal .content .copy p:last-child {
							font-weight: 700;
						}

							#about-us #staff .staff-member-modal .content .copy p:last-child:before {
								background: #C4C1BC;
								border: none;
								display: block;
								margin: 25px 0 15px;
								overflow: hidden;
								content: "\007C";
								width: 40px; height: 5px;
							}

						#about-us #staff .staff-member-modal .content .copy p:first-of-type { font-weight: 400 !important }
						#about-us #staff .staff-member-modal .content .copy p:first-of-type:before { display: none }

			/* MODAL CLOSE BUTTON */
			#about-us #staff .staff-member-modal .content .close {
				cursor: pointer;
				font-size: 2.5em;
				position: absolute;
				top: 20px; right: 20px;
				z-index: 99999;
			}
				#about-us #staff .staff-member-modal .content .close:hover { color: #A85849 }


	/*** BOARD MEMBERS ***/
	#about-us #board {
		padding: 60px 0;
	}
		#about-us #board .row {
			padding: 0 20px;
		}

		#about-us #board h1 {
			margin-bottom: 25px;
		}

		#about-us #board h3 {
			border-top: 1px #74746F solid;
			padding: 25px 0 35px;
		}

		#about-us #board li {
			padding-bottom: 20px;
		}

			#about-us #board li h6 {
				font-size: 1.1em;
				margin: 0;
			}

			#about-us #board li p {
				font-size: 1em;
				margin: 0;
			}


	/*** FINANCIALS AND ANNUAL REPORTS ***/
	#about-us #financials {
		padding: 60px 0 75px;
	}

		#about-us #financials > .row {
			padding: 0 20px;
		}

		#about-us #financials h1 {
			margin-bottom: 35px;
		}

		#about-us #financials table {
			background: #FFF;
			border-collapse: collapse;
			font-size: 1.2em;
			text-align: right;
			min-width: 600px;
			width: 100%;
		}

			#about-us #financials table tr {
				border-top: 1px #C4C1BC dotted;
			}

			#about-us #financials table tr.label {
				border-top: 1px #C4C1BC solid;
			}

			#about-us #financials table th,
			#about-us #financials table td {
				padding: 18px 15px;
				width: 25%;
			}

			#about-us #financials table th {
				background: #C4C1BC;
				font-family: "futura-pt", Futura, sans-serif;
				font-weight: 500;
				font-size: 0.9em;
				text-transform: uppercase;
			}

			#about-us #financials table td {
				border-left: 1px #C4C1BC solid;
			}

			#about-us #financials table td:first-child {
				border: none;
				color: #74746F;
				font-weight: 700;
				text-align: left;
			}

			#about-us #financials table .label td:first-child {
				color: #51514E;
				font-family: "futura-pt", Futura, sans-serif;
				font-size: 0.95em;
				font-weight: 500;
				line-height: 1.3em;
				letter-spacing: 1px;
				text-transform: uppercase;
			}

			#about-us #financials table .supporting td:first-child {
				font-size: 0.9em;
				font-weight: 500;
				padding-left: 30px;
			}

		#about-us #financials .info {
			margin-top: 50px;
		}

			#about-us #financials .info h3 {
				margin-bottom: 0.5em;
			}

			#about-us #financials .info p {
				margin-bottom: 1.5em;
			}

			#about-us #financials .info .button {
				background: #A85849;
				color: #FFF;
				margin-right: 5px;
			}
				#about-us #financials .info .button:hover {
					background: #135C86;
				}

			#about-us #financials .info .form-blocks {
        display: block;
        height: 225px;
      }

			#about-us #financials .info .form-blocks.two {
        margin-top: 45px;
      }


			#about-us #financials .info .report {
				background: url(-/img/about-us/financial-icon.png) no-repeat;
				background-size: 100% auto;
				border: none;
				display: block;
				float: left;
				margin-top: 10px;
				margin-right: 45px;
				position: relative;
				text-align: center;
				width: 114px; height: 148px;
			}

				#about-us #financials .info .report:hover {
					background-position: 0 100%;
				}

				#about-us #financials .info .report h6 {
					padding-top: 11%;
				}

				#about-us #financials .info .report h5 {
					font-weight: 700;
					position: absolute;
					bottom: -30px;
					width: 100%;
				}

/* - - - - - - - - - - - - - - - - - - - - - - - - - -
	ABOUT US - RESPONSIVE
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*** TABLET ***/
@media (min-width: 768px) and (max-width: 1000px) {

	/*** CONTACT US ***/
	#about-us #contact-us .row {
		padding: 50px 0 30px;
	}

	#about-us #contact-us p {
		font-size: 1em;
		word-break: break-word;
	}

	#about-us #contact-us .image {
		top: 0;
		height: 100%;
	}

	#about-us #contact-us .image img {
		height: 400px;
		min-height: 0;
		position: relative;
		margin-top: -200px;
		top: 50%;
	}

	/*** STAFF MEMBER ***/
	#about-us #staff .staff-member .image .overlay h2 {
		font-size: 1.8em;
		top: 40px;
	}

	#about-us #financials .info .report {
		margin-right: 25px;
		width: 80px; height: 103px;
	}
}

/*** MOBILE ***/
@media (max-width: 767px) {

	#about-us .sub-nav-container, #about-us .sub-nav { display: none }
	#about-us #contact-us .image-container { display: none }

	#about-us #contact-us .columns {
		border: none;
		float: none;
		width: 100%;
	}
		#about-us #staff .staff-member-modal {
			top: 0;
			padding: 15px;
			height: 100%;
		}

			#about-us #staff .staff-member-modal .content {
				margin-top: 0;
				padding: 20px 5px;
				max-height: 100%;
				overflow: auto;
			}

			#about-us #staff .staff-member-modal .content .close {
				top: 10px; right: 10px;
			}

			#about-us #staff .staff-member-modal .content h4.mobile { display: block }
			#about-us #staff .staff-member-modal .content h4.desktop { display: none }

	#about-us #financials .table-container {
		overflow: scroll;
		margin: 0 -20px;
		padding-left: 20px;
	}

	#about-us #financials table {
		font-size: 1em;
	}

	#about-us #financials .columns {
		padding-bottom: 50px;
	}

	#about-us #financials .info .report {
		font-size: 0.8em;
		margin-right: 28px;
		width: 65px; height: 84px;
	}
}

/*=============================================================

	40th Anniversary

=============================================================*/

#anniversary {

}

	#anniversary .page-title h1 { position: relative }

	#anniversary .page-title h1:before {
		border: none;
		content: " ";
		background: url(-/img/anniversary/40th-anniversary-white.png) no-repeat left center;
		position: absolute;
		opacity: 0.5;
		top: -55px; left: -75px;
		width: 115px; height: 115px;
		z-index: -1;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}



/*=============================================================

	START / GIVE TO A FUND

=============================================================*/

#start-give {

}

	#start-give .content {
		overflow: hidden;
	}

		#start-give .content .start,
		#start-give .content .give {
			box-sizing: content-box;
			width: 45%; min-height: 100%;
			padding: 75px 0;
		}

		#start-give .content .start { background: #FFF; padding-left: 5% !important; }
		#start-give .content .give { padding-right: 5% !important }

			#start-give .content .start .half-row { padding-right: 8.33333% }
			#start-give .content .give .half-row { padding-left: 8.33333% }

	#start-give .content h2 {
		display: inline-block;
		margin-bottom: 35px;
		position: relative;
	}

		#start-give .content h2 span {
			position: relative;
			z-index: 1;
		}

		#start-give .content h2 img {
			position: absolute;
			z-index: 0;
		}

		#start-give .content .start h2 img {
			top: -13px; left: -25px;
		}

		#start-give .content .give h2 img {
			top: -3px;
			right: -30px;
		}

/* - - - - - - - - - - - - - - - - - - - - - - - - - -
	START / GIVE TO A FUND - RESPONSIVE
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*** TABLET ***/
@media (min-width: 768px) and (max-width: 1000px) {
	#start-give .content .start,
	#start-give .content .give {
		padding: 50px 0;
	}
}

/*** MOBILE ***/
@media (max-width: 767px) {

	#start-give .content .start,
	#start-give .content .give {
		padding: 40px 0 !important;
		float: none;
		width: 100%;
	}

	#start-give .content h2 {
		margin-bottom: 15px;
	}

	#start-give .content .half-row {
		margin: 0;
		padding: 0 20px;
		word-break: break-word;
		max-width: none;
		width: 100%;
	}
}

.see-more-link {
	color: #A85849;
    outline: none;
    border-bottom: 1px #A85849 solid;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    font-size: 1em;
    font-weight: 500;
    font-family: "futura-pt", Futura, sans-serif;
    letter-spacing: 0.5px;
    line-height: 1.2em;
    text-transform: uppercase;
}

/*=============================================================

	APPLY FOR GRANTS / SCHOLARSHIPS

=============================================================*/

#grants {

}

	#grants .row, #grants h2 {
		padding: 0 20px;
	}

	#grants h2 {
		margin-bottom: 30px;
	}

	#grants .grants,
	#grants .scholarships {
		padding: 60px 0;
	}

	#grants .steps {
		margin-top: 35px;
	}

	#grants .step {
		color: #51514E;
		overflow: hidden;
		margin: 0 0 15px -2px;
	}

		#grants .step .circle {
			border: 2px #51514E solid;
			padding: 3px;
			float: left;
		}

			#grants .step .circle,
			#grants .step .circle * {
				border-radius: 4em;
			}

			#grants .step .circle .dashed {
				border: 2px #51514E dotted;
				padding: 3px;
			}

			#grants .step .circle h4 {
				box-sizing: content-box;
				-moz-box-sizing: content-box;
				border: 2px #51514E solid;
				padding: 3px;
				font-size: 1.6em;
				text-align: center;
				width: 22px; height: 22px;
			}

		#grants .step h6 {
			border: 2px #51514E solid;
			border-left: none;
			float: left;
			font-size: 1.3em;
			margin: 6px 0 0 -10px;
			padding: 8px 15px 8px 20px;
		}

/* - - - - - - - - - - - - - - - - - - - - - - - - - -
	START / GIVE TO A FUND - RESPONSIVE
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*** TABLET ***/
@media (min-width: 768px) and (max-width: 1000px) {

}

/*** MOBILE ***/
@media (max-width: 767px) {

	#grants .grants {
		padding: 40px 0;
	}

	#grants .columns, #grants h2 {
		padding: 0;
	}

	#grants h2 {
		margin-bottom: 15px;
	}

	#grants p {
		margin-bottom: 0;
	}

	#grants .columns {
		padding-bottom: 20px;
	}
}

/*=============================================================

	Donate

=============================================================*/

#donate {

}

	#donate .copy {
		padding-top: 60px;
	}
		#donate .copy h2 {
			margin-bottom: 30px;
		}

	#donate .tan-bg {
		margin-top: 30px;
		padding: 60px 0;
	}

	#donate form {

	}

		#donate form .BBFormRadioLabelGivingLevel {
			background: none;
			border-radius: 0;
			padding: 20px 25px 16px;
		}
			#donate form .BBFormRadioLabelGivingLevel:hover {
				background: #A85849;
				color: #FFF;
			}

			#donate form .BBFormRadioLabelGivingLevelSelected {
				background: #135C86 !important;
				color: #FFF !important;
			}

		#donate form label {
			font-family: "leitura-news", Georgia, Times, serif;
			font-size: 1.2em;
			margin-bottom: 2px;
		}

		#donate form input[type=text], #donate form select, #donate form textarea {
			font-family: "leitura-news", Georgia, Times, serif;
			font-size: 1.4em;
			letter-spacing: 0;
			padding: 10px;
			width: 100%;
		}

		#donate form #mongodonation_payment_cboMonth, #donate form #mongodonation_payment_cboYear {
			width: 125px !important;
		}

		#donate input[type=submit] {
			background: #135C86;
			box-shadow: none;
			font-family: "leitura-news", Georgia, Times, serif;
			margin-top: 20px;
			padding: 15px;
			width: 100%;
		}
			#donate input[type=submit]:hover {
				background: #A85849;
			}

#bbox-msg-wrapper {
	text-align: center;
	opacity: 0.5;
}

.BBFormContainer {max-width:700px;}
.BBFormRadioAmount, .BBFormRadioDescriptionOther, .BBFormSubmitbutton {font-size: 1.8em;}

#donate .hasTooltip {
	display: none;
}

/******** BEGIN - CSS suggested by Blackbaud for field consistency ********/
#BBFormCCDetails #DCCreditSecurityCode { clear: both; }
#BBFormCCDetails #DCCreditSecurityCode label#bboxdonation_payment_lblSecCode { width: 160px; margin-left: 10px; margin-right: -10px; padding-right: 20px; }
#BBFormCCDetails #DC_ValidOther { width: 100%; margin-top: 30px; margin-bottom: 10px; }
#BBFormCCDetails #DC_ValidOther select.BBFormSelectList { width: 25%; min-width: 110px; }
// #DCCreditType .BBCardImageContainer { position: absolute; margin-left: 146px; }
#bbox-root input.BBFormTextbox { font-family: "leitura-news",Georgia,Times,serif; font-size: 1.4em; letter-spacing: 0; padding: 10px; width: 100%; color: #74746f; height: 50px; }
#bbox-root textarea.BBFormTextArea { color: #74746f; height: 75px; }
#bbox-root .BBFormSelectList { height: 50px; }
#bboxdonation_billing_chkOrgGift,
#bboxdonation_recurrence_chkMonthlyGift { width: auto; }

@media (max-width: 600px) {
   #DCCreditType .BBCardImageContainer { margin-left: -15px; position: static; }
   #BBFormCCDetails #DC_ValidOther { margin-top: 20px; }
   #bbox-root #bboxdonation_payment_txtCSC { clear: both; display: block; }
   #bbox-root .BBFormSelectList { max-width: 100%; }
}
/******** END - CSS suggested by Blackbaud for field consistency ********/


/*=============================================================

	News / Press Releases

=============================================================*/

#news {

}

	#news .top {
		padding: 60px 0 10px;
	}
		#news .top .pr {
			border: none;
			display: block;
			margin-bottom: 15px;
		}

			#news .top .pr h4 {
				border-bottom: 1px #A85849 solid;
				display: inline;
				line-height: 1.6em;
				font-size: 1.2em;
			}

			#news .top .pr h5 {
				color: #74746F;
				margin-top: 10px;
			}

			#news .top  h6 {
				margin-top: 20px;
			}

		#news .top h2 {
			font-size: 1.75em;
			margin-bottom: 35px;
		}

		#news .top h6 a {
			border: none;
		}

		#news .top .icon {
			float: left;
			margin-right: 15px;
		}

		#news .top .info {
			color: #A85849;
			margin-left: 120px;
			padding-right: 20px;
		}
			#news .top .info h4 {
				margin-bottom: 8px;
			}

			#news .top .info h5 {
				margin-bottom: 20px;
			}

			#news .top .info h6 {
				color: #74746F;
				margin-bottom: 2px;
			}

	#news .pagination {
		margin-top: 25px;
		position: relative;
		text-align: center;
	}

		#news .pagination a {
			position: relative;
			z-index: 1;
		}

		#news .pagination .select {
			position: absolute;
			top: -10px;
			width: 98%;
			z-index: 0;
		}

			#news .pagination .select select {
				display: inline-block;
				width: auto;
			}

		#news .pagination .left {
			float: left;
		}

		#news .pagination .right {
			float: right;
		}

	#news .archive-title {
		padding: 50px 0 0;
		text-align: center;
	}

	#news article {
		max-width: 650px;
		margin: 0 auto;
		padding: 0 20px;
	}

		#news article .title {
			padding: 50px 0;
			text-align: center;
		}

			#news article .title h1 {
				font-weight: 700;
				margin-bottom: 20px;
			}

			#news article .title h6 {
				border: 2px #A85849 solid;
				color: #A85849;
				display: inline-block;
				margin-bottom: 30px;
				padding: 10px;
			}

			#news article .title h6 a {
				border: none;
			}

		#news article > .content {
			font-size: 1.4em;
			line-height: 1.3em;
		}

			#news article > .content p {
				font-size: 1em;
			}

			#news article > .content img {
				display: block;
				/*margin: 10px auto;*/
			}
			#news article > .content img.alignleft {
				display: inline-block;
				margin: 10px 10px 10px 0;
				float: left;
			}
			#news article > .content img.alignright {
				display: inline-block;
				margin: 10px 0 10px 10px;
				float: right;
			}
			#news article > .content img.alignright:before,
			#news article > .content img.alignright:after{
			    content: " "; /* 1 */
			    display: table; /* 2 */
			}
			#news article > .content img.alignright:after {
			    clear: both;
			}


		#news article .bottom {
			padding: 35px 0;
		}

		#news .posts {
			margin-top: 60px;
		}

.media-contact {
  margin: 60px 0;
  padding: 60px 30px;
  border: 4px double #74746F;
  text-align: center;
}
 .media-contact > p {
    margin: 0;
 }
/* - - - - - - - - - - - - - - - - - - - - - - - - - -
	NEWS - RESPONSIVE
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*** TABLET ***/
@media (min-width: 768px) and (max-width: 1000px) {
	#news .top .icon {
		display: none;
	}

	#news .top .info {
		margin-left: 0;
	}
}
/*** MOBILE ***/
@media (max-width: 767px) {

	#news .top {
		padding-bottom: 0;
	}

	#news .top .columns {
		margin-bottom: 35px;
		padding: 0 20px;
	}
	#news .pagination {
		padding: 0 20px 90px;
	}

	#news .pagination .select {
		top: 50px;
	}

	#news article > .content p {
		font-size: 0.8em;
	}
}


/*=============================================================

	List of Grants

=============================================================*/

#list-of-grants {

}

	#list-of-grants .content {
		padding: 50px 0;
	}

	#list-of-grants .content .list {
		border-top: 1px #C4C1BC solid;
		padding-top: 50px;
		margin-top: 50px;
	}
		#list-of-grants .content .list .grant {
			margin-bottom: 60px;
		}

/*=============================================================

  Download Pge

=============================================================*/
.downloads {
  float: left;
  box-sizing: content-box;
  width: 45%;
  min-height: 100%;
  padding: 75px 0 0 40px;
}

/*=============================================================

  Unity Fund Page

=============================================================*/

.main-content h2 {
  margin-bottom: 20px;
}

/* Forms */
input {
  transition: 200ms ease;
  -webkit-transition: 200ms ease;
  -moz-transition: 200ms ease;
  background: none;
  border: 1px solid #74746F;
  padding: 10px 12px;
  margin: 10px 0;
  font-size: 18px;
  width: 49%;
  margin-right: 2%;
  display: inline-block;
  float: left;
  border-radius: 2px;
}
input:last-child {
  margin-right: 0;
}
input:first-child:last-child {
  width: 100%;
}
textarea {
  background: none;
  border: 1px solid #74746F;
  padding: 10px 12px;
  margin: 10px 0;
  font-size: 18px;
  width: 100%;
  border-radius: 2px;
}
.inner-content {
  padding: 25px;
  border: 1px solid #ddd;
  background: #fcfcfc;
  border-radius: 4px;
  margin-bottom: 15px;
}
.unity-form {
  margin-bottom: 15px;
}
.unity-form .button {
  padding: 10px 15px;
  cursor: pointer;
}
.error {
  border-color: #ff0000;
}

img.alignright { float: right; margin: 10px 0 10px 1em; }
img.alignleft { float: left; margin: 10px 1em 10px 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignright, .alignleft {
  margin-top: 10px;
}

.wp-caption-text {
  font-size: 14px !important;
  padding: 15px;
  background: #EEECE7;
  margin: 10px 10px 10px 0;
}

/*=============================================================

  Clearfix

=============================================================*/

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.download-link {
  width: 100%;
  text-align: center;
}

iframe body {
  background-color: #DCDAD6 !important;
}