/*
Theme Name: Politics
Theme URI: https://rescuethemes.com/wordpress-themes/politics
Author: rescuethemes
Author URI: https://rescuethemes.com
Description: Politics is a free WordPress theme optimized for politicians, political causes, campaigns, and government agencies.
Version: 1.6
Tested up to: 6.6.2
Requires PHP: 5.6.20
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: politics
Tags: theme-options, right-sidebar, custom-colors, custom-menu, featured-images, full-width-template,  sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Politics is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 Defaults
1.0 Mini Header
2.0 Header
	2.1 Main Navigation
	2.2 Post/Page Navigation
3.0 Accessibility
4.0 Home Template
	4.1 Hero Section
	4.2 Hero Widget Area
	4.3 Blog Posts
	4.4 Paralax Content
	4.5 Secondary Content
5.0 Alignments
6.0 Widgets
7.0 Content
  7.1 Posts and pages
	7.2 Blog
	7.3 Comments
	7.4 Contact
	7.5 Donation
8.0 Infinite scroll
9.0 Media
	9.1 Captions
	9.2 Galleries
10.0 Footer

--------------------------------------------------------------*/

@import "mixins/mixins-master";
@import "settings";

/*--------------------------------------------------------------
0.0 Defaults
--------------------------------------------------------------*/
a {
	@include anchorhover(0.2s);
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	background-color: $ghost;
	padding: 2em;
}
code {
	word-wrap: break-word;
}
blockquote {
	border-left: none;
	margin-left: 1em;
	padding: 0;
	font-weight: 100;
	font-sie: 14px;
	line-height: 1.9;
	p {
		font-weight: 100;
    line-height: 1.9;
		font-size: 14px;
	}
	cite {
		color: #78909c;
    display: block;
    font-size: 12px;
		margin-top: 10px;
	}
}
cite {
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
}

/* Material Design Click Effect */
svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
circle {
  fill: rgba(255,255,255,0.2);
}
.rescue-button {
	display: block;
	position: relative;
}

input[type="search"] {
	background-color: $smoke;
	border-color: $white-smoke;
	box-shadow: none;
	color: $accent-color-dark;
}

input[type="submit"] {
    background-color: $accent-color-dark;
    border: none;
    color: white;
    display: block;
    padding: 5px 20px;
    position: relative;
  	@include ease-all(0.2s);
}

/*--------------------------------------------------------------
1.0 Mini Header
--------------------------------------------------------------*/
.mini-header-wrap {
	background-color: white;
	height: 37px;
	@media only screen and (max-width: 64.063em) {
		height: 100%;
	} // Mobile
}
.mini-header {
	background-color: $accent-color-dark;
	height: 30px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.26);
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
  -moz-box-shadow: 	0 2px 5px rgba(0,0,0,0.26);

	@media only screen and (max-width: 64.063em) {
		padding: 0.75em 0;
		height: 100%;
	} // Mobile

	.social-navigation {
		ul {
			list-style: none;
			margin: 0;
		  	padding-top: 5px;
		  	padding-bottom: 5px;
			@media only screen and (max-width: 40em) {
				margin: 0 auto;
				display: table;
			} // Small
			@media only screen and (min-width: 40.063em) and (max-width: 64em) {
				margin: 0 auto;
				display: table;
			} // Mediums
			li {
				display: inline;
				list-style-type: none;
				float: left;
			}
		}

		a {
			display: block;
			height: 1.45em;
			position: relative;
			width: 1.45em;
			color: $white;
			&:hover {
				color: $accent-color;
			}
			&:before {
				font-family: FontAwesome;
				content: "\25AE";
				font-size: 14px;
				position: absolute;
				top: 0;
				left: 0;
			}
			&[href$="/feed/"]:before {
				content: "\f09e";
			}
			&[href*="codepen.io"]:before {
				content: "\f1cb";
			}
			&[href*="digg.com"]:before {
				content: "\f1a6";
			}
			&[href*="dribbble.com"]:before {
				content: "\f17d";
			}
			&[href*="dropbox.com"]:before {
				content: "\f16b";
			}
			&[href*="facebook.com"]:before {
				content: "\f09a";
			}
			&[href*="flickr.com"]:before {
				content: "\f16e";
			}
			&[href*="foursquare.com"]:before {
				content: "\f180";
			}
			&[href*="plus.google.com"]:before {
				content: "\f0d5";
			}
			&[href*="github.com"]:before {
				content: "\f092";
			}
			&[href*="instagram.com"]:before {
				content: "\f16d";
			}
			&[href*="linkedin.com"]:before {
				content: "\f0e1";
			}
			&[href*="pinterest.com"]:before {
				content: "\f231";
			}
			&[href*="reddit.com"]:before {
				content: "\f1a1";
			}
			&[href*="stumbleupon.com"]:before {
				content: "\f1a4";
			}
			&[href*="tumblr.com"]:before {
				content: "\f173";
			}
			&[href*="twitter.com"]:before {
				content: "\f099";
			}
			&[href*="vimeo.com"]:before {
				content: "\f194";
			}
			&[href*="wordpress.com"]:before, &[href*="wordpress.org"]:before {
				content: "\f19a";
			}
			&[href*="youtube.com"]:before {
				content: "\f16a";
			}
			&[href*="mailto:"]:before {
				content: "\f0e0";
			}
			&[href*="spotify.com"]:before {
				content: "\f1bc";
			}
			&[href*="twitch.tv"]:before {
				content: "\f1e8";
			}
		}
	}

	.header-contact {
		text-align: right;
		@media only screen and (max-width: 40em) {
			text-align: center;
			padding-bottom: 5px;
		} // Small
		@media only screen and (min-width: 40.063em) and (max-width: 64em) {
			text-align: center;
			padding-bottom: 5px;
		} // Mediums
		a {
			color: $accent-color;
			i {
				font-size: 1.2em;
				&.fa-phone {
				    position: relative;
				    top: 2px;
				}
			}
			span {
				color: white;
				font-family: "Open Sans";
				font-weight: 400;
				font-size: 14px;
				padding-left: 0.5em;
			}
			&:hover span {
				color: scale-color($white, $lightness: -10%);
			}
		}
		.header-phone, .header-address {
			display: inline-block;
		}
		.header-phone {
			margin-right: 1.5em;
		}
	}

}

/*--------------------------------------------------------------
2.0 Header
--------------------------------------------------------------*/
/* Sticky nav effect */

header#masthead{
		background: white;
		z-index: 100;
		@include ease-all(0.3s);
		&.stick {
			position: fixed;
			min-height: 0;
			width: 100%;
			background: white;
			border-bottom: 1px solid #efefef;
			top: 0;
			padding-bottom: 25px;
			box-shadow: 0 2px 5px 0 rgba(69, 90, 100, 0.16);

			@media only screen and (max-width: 40em) {
				position: relative;
			} // Small
			@media only screen and (min-width: 40.063em) and (max-width: 64em) {
				position: relative;
			} // Medium
			hr {
				display: none;
			}
			.site-branding {
				padding: 25px 0 0 0;
			}
		}
}

.site-header {
	min-height: 90px;
	@media only screen and (max-width: 64.063em) {
		padding: 0.75em 0;
	} // Mobile

	.site-branding {
		display: inline-block;
		padding: 25px 0;
		@media only screen and (max-width: 64.063em) {
			text-align: center;
			margin: 0 auto;
			display: table;
		} // Mobile
		h1.site-title {
			font-size: 1.5rem;
			margin-bottom: 0;
			font-family: $font-family-serif;
		}
		p.site-description {
			font-size: 0.85rem;
			font-style: italic;
			font-family: $font-family-sans-serif;
		}
	}
	hr {
		margin: 0;
	}

}

/*--------------------------------------------------------------
2.1 Main Navigation
--------------------------------------------------------------*/
#site-navigation {
	display: inline-block;
	float: right;
	padding-top: 25px;
	ul {
		list-style: none;
		margin: 0;
		padding-left: 0;
		li ul.sub-menu {
			background: scale-color($accent-color-dark, $lightness: 10%);
			visibility: hidden;
			float: left;
		  min-width: 190px;
			position: absolute;
		  margin-top: 5px;
			left: 0;
			z-index: 999;
			ul li ul.sub-menu {
				margin-top: 0px;
			}
		}
	}
	li {
		color: #455a64;
		float: left;
		padding: 5px 15px;
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
		background-color: white;
		letter-spacing: 0.05em;
		a {
			font-family: $font-family-sans-serif;
			color: #455a64;
		  text-decoration: none;
			font-size: 14px;
			transition: none;
		}
		&:hover {
			background-color: scale-color($accent-color-dark, $lightness: 10%);
			cursor: pointer;
			> a {
				color: $silver;
				transition: none;
			}
		}

		/* Green */
		&.green {
			background-color: #4caf50;
			@include ease-all(0.2s);
			a {
				color: white;
			}
			&:hover {
				background-color: scale-color(#43a047, $lightness: 20%);
			}
		}

		/* Red */
		&.red {
			background-color: #ef5350;
			@include ease-all(0.2s);
			a {
				color: white;
			}
			&:hover {
				background-color: scale-color(#ef5350, $lightness: 20%);
			}
		}

		/* Black */
		&.black {
			background-color: #212121;
			@include ease-all(0.2s);
			a {
				color: white;
			}
			&:hover {
				background-color: scale-color(#212121, $lightness: 20%);
			}
		}

		/* Blue */
		&.blue {
			background-color: $accent-color-blue;
			@include ease-all(0.2s);
			a {
				color: white;
			}
			&:hover {
				background-color: scale-color($accent-color-blue, $lightness: 20%);
			}
		}

		/* Orange */
		&.orange {
			background-color: #ff6e40;
			@include ease-all(0.2s);
			a {
				color: white;
			}
			&:hover {
				background-color: scale-color(#ff6e40, $lightness: 20%);
			}
		}

		/* Grey */
		&.grey {
			background-color: #757575;
			@include ease-all(0.2s);
			a {
				color: white;
			}
			&:hover {
				background-color: scale-color(#757575, $lightness: 20%);
			}
		}

		/* Purple */
		&.purple {
			background-color: #5c6bc0;
			@include ease-all(0.2s);
			a {
				color: white;
			}
			&:hover {
				background-color: scale-color(#5c6bc0, $lightness: 20%);
			}
		}

		/* Yellow */
		&.yellow {
			background-color: #ffeb3b;
			@include ease-all(0.2s);
			a {
				color: white;
			}
			&:hover {
				background-color: scale-color(#ffeb3b, $lightness: -20%);
			}
		}

		/* Brown */
		&.brown {
			background-color: #795548;
			@include ease-all(0.2s);
			a {
				color: white;
			}
			&:hover {
				background-color: scale-color(#795548, $lightness: 20%);
			}
		}

		&.current-menu-item > a:first-of-type {
			border-bottom: 1px dashed $smoke;
			ul.sub-menu li a {
				border-bottom: none;
			}
		}
	}
	ul li:hover > ul.sub-menu, ul li ul.sub-menu:hover, ul li[aria-expanded="true"] > ul.sub-menu {
		visibility: visible;
	}
	ul li ul.sub-menu {
		padding: 10px 0;
		li {
			clear: both;
			padding: 10px 0 10px 15px;
		  width: 100%;
			background-color: scale-color($accent-color-dark, $lightness: 10%);
			a {
				color: white;
				transition: none;
				&:hover {
					color: $silver;
				}
			}
			/* 2nd level dropdown */
			ul.sub-menu {
				left: 100%;
		    top: 0;
				padding: 0;
				li {
					padding-top: 5px;
				}
				/* Reposition sub-nav that are too close to window edge */
				&.nav-shift {
					left: 0;
					top: 100%;
				}
			}
		}
	}

}

/* Mobile menu display styles */
.slicknav_menu {
    display:none;
}
@media screen and (max-width: 64.063em) {
    .js #site-navigation {
        display:none;
    }
    .js .slicknav_menu {
        display:block;
    }
}

.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer;
	.slicknav_icon-bar + .slicknav_icon-bar {
		margin-top: 0.188em;
	}
}

.slicknav_menu {
  *zoom: 1;
	border-bottom: 1px solid #455a64;
	.slicknav_menutxt {
		display: block;
    line-height: 1.188em;
    float: left;
	}
	.slicknav_icon {
		float: left;
		margin: 0.188em 0 0 0.438em;
	}
	.slicknav_no-text {
		margin: 0;
		padding: 0.2em 0;
	}
	.slicknav_icon-bar {
		display: block;
		width: 1.125em;
		height: 0.125em;
	}
	&:before {
		content: " ";
    display: table;
	}
	&:after {
		content: " ";
    display: table;
    clear: both;
	}

}

.slicknav_nav {
  clear: both;

	ul {
		display: block;
		li {
			display: block;
		}
	}
	.slicknav_arrow {
		font-size: 0.7em;
    margin: 0 0 0 0.4em;
	}
	.slicknav_item {
		cursor: pointer;
		a {
			display: inline;
		}
	}
	.slicknav_row {
		display: block;
	}
	a {
		display: block;
		text-transform: uppercase;
	}
	.slicknav_parent-link a {
		display: inline;
	}

}

.slicknav_brand {
  float: left;
}

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: $accent-color-dark;
  padding: 5px;

	* {
		box-sizing: border-box;
	}
	.slicknav_menutxt {
		color: white;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
	}
	.slicknav_icon-bar {
		background-color: white;
	}

}

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  background-color: #263238;
}

.slicknav_nav {
  color: white;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;

	ul {
		list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px;
		font-size: 14px;
	}
	.slicknav_row {
		padding: 5px 10px;
    margin: 2px 5px;
		&:hover {
			background: #263238;
      color: white;
		}
	}
	a {
		padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: white;
		&:hover {
			background: #263238;
      color: white;
		}
	}
	.slicknav_txtnode {
		margin-left: 15px;
	}
	.slicknav_item a {
		padding: 0;
		margin: 0;
	}
	.slicknav_parent-link a {
		padding: 0;
		margin: 0;
	}
	.slicknav_brand {
		color: #fff;
	  font-size: 18px;
	  line-height: 30px;
	  padding: 7px 12px;
	  height: 44px;
	}

}

/*--------------------------------------------------------------
2.2 Post/Page Navigation
--------------------------------------------------------------*/
.comment-navigation,
.posts-navigation,
.post-navigation {
	font-size: 14px;
	a {
		color: $paragraph;
		&:hover {
			color: $paragraph-alt;
		}
	}
	.site-main & {
		overflow: hidden;
	}

	.nav-previous, .nav-next {
		display: block;
		padding-bottom: 0.3em;
		&:hover {

		}
	}
}

.entry-footer {
	background-color: $ghost;
	padding: 1em;
	margin-bottom: 1em;
	h2 {
		color: $paragraph-alt;
    font-family: $font-family-sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 1em 0;
    text-transform: uppercase;
	}

}

/*--------------------------------------------------------------
3.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
4.0 Home Template
--------------------------------------------------------------*/
body.home .site-content {
	//margin-top: 4em;
}
.featured-posts, .home_secondary_content_header, .home_paralax {
	//margin: 4em 0;
}

/*--------------------------------------------------------------
4.1 Hero Section
--------------------------------------------------------------*/
.home_hero {
	background-color: $accent-color-dark;
}
.home-header-bg {
	min-height: 650px;
	/* Vertically center content */
	display: flex;
  flex-direction: column;
  justify-content: center;
	transform: translateZ(0);
	img {
		/* Hardware Acceleration */
		/* Ref: http://davidwalsh.name/translate3d */
		-webkit-transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
	}
}


/* Image Overlay Color */
.color-overlay {
	position: relative;
	overflow: hidden;
}
.color-overlay:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: $primary-color;
	opacity: 0.5;
}

/*--------------------------------------------------------------
4.2 Hero Widget Area
--------------------------------------------------------------*/
.hero-widgets-wrap, .hero-widgets-wrap h2 {
	color: white;
}

.mailbag-wrap {
	.mailbag-input {
		display: inline-block;
		margin: 0;
		@media only screen and (max-width: 40em) {
			display: block;
		} // Small
		@media only screen and (min-width: 40.063em) and (max-width: 64em) {
			display: block;
		} // Medium
	}
	fieldset {
		border: none;
		margin: 0;
		padding: 0;
	}

	input[type="text"], input[type="email"] {
		display: inline-block;
		border-radius: 0;
		background-color: white;
		height: 3.5em;
		opacity: 0.8;
		margin: 0;
		width: 400px;
		@media only screen and (max-width: 40em) {
			width: 250px;
			@include center-block;
		} // Small
		@media only screen and (min-width: 40.063em) and (max-width: 64em) {
			width: 250px;
			@include center-block;
		} // Medium
	}

	input[type="submit"] {
		display: inline-block;
		height: 3.05em;
		border-radius: 0;
		background-color: $accent-color-blue;
		opacity: 0.9;
		width: 150px;
		@media only screen and (max-width: 40em) {
			width: 250px;
			@include center-block;
			margin-top: 10px;
		} // Small
		@media only screen and (min-width: 40.063em) and (max-width: 64em) {
			width: 250px;
			@include center-block;
			margin-top: 10px;
		} // Medium
		@include ease-all(0.2s);
		&:hover {
			background-color: scale-color($accent-color-blue, $lightness: 10%);
		}
	}

	label[for=mailbag_mailchimp_email] {
		opacity: 0;
	}

	label.error, label.valid {
		opacity: 1;
	}

	label.valid {
		color: #4caf50;
	}

	::-webkit-input-placeholder {
	  color: $charcoal;
		@media only screen and (max-width: 40em) {
			text-align: center;
		} // Small
	}

	:-moz-placeholder { /* Firefox 18- */
	  color: $charcoal;
		@media only screen and (max-width: 40em) {
			text-align: center;
		} // Small
	}

	::-moz-placeholder {  /* Firefox 19+ */
	  color: $charcoal;
		@media only screen and (max-width: 40em) {
			text-align: center;
		} // Small
	}

	:-ms-input-placeholder {
	  color: $charcoal;
		@media only screen and (max-width: 40em) {
			text-align: center;
		} // Small
	}

}

.inner-sidebar, .site-footer {
	/* Mailbag Email Subscription */
	.mailbag-input {
		width: 100%;
	}
	.mailbag-wrap input[type="text"], .mailbag-wrap input[type="email"] {
		background: #eff1f5;
		text-align: center;
		width: 100%;
	}
	.mailbag-wrap input[type="submit"] {
		width: 100%;
		margin-top: 1em;
		height: 2em;
		padding: 0;
	}
}

/** Mailchimp for WP **/
.hero-widgets-wrap .mc4wp-form-fields, .inner-sidebar .mc4wp-form-fields {
	input[type="email"] {
		font-weight: normal;
	  color: #8A949B;
	  border: none;
	  background: #EFF1F5;
	  padding: 10px;
	  display: inline-block;
	  border-radius: 0;
	  background-color: white;
	  height: 3.5em;
	  opacity: 0.8;
	  margin: 0;
	  width: 400px;
	  -webkit-appearance: none;
	  -webkit-transition: .07s ease-in;
	  -moz-transition: .07s ease-in;
	  transition: .07s ease-in;
		@media only screen and (max-width: 40em) {
			width: 100%;
		} // Small
	}
	::-webkit-input-placeholder {
	  color: #5D6061;
		@media only screen and (max-width: 40em) {
			text-align: center;
		} // Small
	}
	:-moz-placeholder { /* Firefox 18- */
	  color: #5D6061;
		@media only screen and (max-width: 40em) {
			text-align: center;
		} // Small
	}
	::-moz-placeholder {  /* Firefox 19+ */
	  color: #5D6061;
		@media only screen and (max-width: 40em) {
			text-align: center;
		} // Small
	}
	:-ms-input-placeholder {
	  color: #5D6061;
		@media only screen and (max-width: 40em) {
			text-align: center;
		} // Small
	}
	input[type="submit"] {
	  display: inline-block;
	  height: 3.05em;
	  border-radius: 0;
	  background-color: #2196f3;
	  opacity: 0.9;
	  width: 150px;
		padding: 10px;
		margin: 0;
		font-size: 16px;
	  box-shadow: 0 1px 4px 0 rgba(69, 90, 100, 0.16);
	  transition: all 0.2s ease;
	  -webkit-transition: all 0.2s ease;
	  -moz-transition: all 0.2s ease;
	  -o-transition: all 0.2s ease;
	  -ms-transition: all 0.2s ease;
		@media only screen and (max-width: 40em) {
			margin-top: 1em;
			width: 100%;
		} // Small
		&:hover  {
			background-color: #37a1f4;
		}
	}
}
.inner-sidebar .mc4wp-form-fields {
	input[type="email"], input[type="submit"] {
    text-align: center;
    width: 100%;
	}
	input[type="email"]{
		background: #eff1f5;
	}
	input[type="submit"] {
    font-size: 12px;
    font-weight: 100;
    height: 2.5em;
    letter-spacing: 0.05em;
    margin-top: 1em;
    padding: 0;
    text-transform: uppercase;
	}
}

/*--------------------------------------------------------------
4.3 Blog Posts
--------------------------------------------------------------*/
.home_posts_titles, .home_secondary_content_header {
	//margin-bottom: 1em;
	h2 {
		//font-style: italic;
		font-size: 30px;
		margin-bottom: 0;
	}
	p {
		font-family: $font-family-serif;
		color: $paragraph;
		font-size: 14px;
	}
}
.home .featured-posts-content .post-featured {
	@media only screen and (max-width: 40em) {
		margin-bottom: 1em;
	} // Small
	@media only screen and (min-width: 40.063em) and (max-width: 64em) {
		margin-bottom: 1em;
	} // Medium
}

	.masonry-post .post-featured img {
		min-height: 360px;
	}

/*--------------------------------------------------------------
4.4 Paralax Content
--------------------------------------------------------------*/
.home .content-area {
	background-color: white;
}

.home .home_paralax {
  border-top: 10px solid rgba(255, 255, 255, .46);
  border-bottom: 10px solid rgba(255, 255, 255, .46);
  color: $white;
  padding-bottom: 4em;
  overflow: hidden; // added for pseudo-element
  position: relative; // added for pseudo-element

  // Fixed-position background image
  &::before {
    content: ' ';
    position: fixed; // instead of background-attachment
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    will-change: transform; // creates a new paint layer
    z-index: -1;
  }

	&.content-area {
		background-color: transparent;
	}
}

.home_paralax_content {
	min-height: 400px;
	color: white;

	/* Vertically center content */
	display: flex;
  flex-direction: column;
  justify-content: center;

	h1, h2, h3, h4, h5, h6, p, blockquote {
		color: white;
	}
	.row {
		background-color:rgba(255,255,255, 0)!important;
	}

}

/*--------------------------------------------------------------
4.5 Secondary Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
5.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*--------------------------------------------------------------
6.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	select {
		max-width: 100%;
	}
}

.inner-sidebar {
	margin-top: 2em;
	color: $paragraph;
	font-family: $font-family-serif;
	a {
		color: $paragraph;
		&:hover {
			color: $accent-color;
		}
	}
	h2.widget-title {
		font-family: $font-family-sans-serif;
		font-size: 14px;
		font-weight: bold;
	}
}

/* Archive & Categories List */
.widget_archive, .widget_categories {

	ul {
		list-style: none;
		margin: 0;
		li {
			padding-bottom: 0.2em;
		}
	}
	span {
		float: right;
		background-color: $ghost;
		color: $paragraph;
		padding: 0 10px;
		@include ease-all(0.2s);
	}
	a:hover span {
		background-color: scale-color($ghost, $lightness: -5%);
		color: scale-color($paragraph, $lightness: -40%);
	}

	select {
		background-color: $ghost;
		border-color: $smoke;
		color: $paragraph-alt;
		option {
			padding: 0.5em;
		}
	}

}

/* Calendar */
.widget_calendar {
	float: left;
}

#wp-calendar {
	border: none;
	table-layout:fixed;
	width: 100%;
	caption {
		text-align: left;
		color: $oil;
		font-size: 14px;
    font-weight: bold;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	thead {
		font-size: 10px;
		th {
			padding: 10px;
			line-height: 1;
			color: $accent-color-dark;
		}
	}

	tbody {
		color: $accent-color-dark;
		td {
			background: #f5f5f5;
			color: #ccc;
			border: 1px solid white;
			text-align: center;
			padding: 8px;
			line-height: 1;
			a {
				color: $paragraph-alt;
			}
			&:hover a {
				color: $accent-color;
			}
		}
		.pad {
			background: none;
		}
	}
	tfoot td {
		padding: 5px 10px;
	}
	tfoot #next {
		font-size: 10px;
		text-transform: uppercase;
		text-align: right;
	}
	tfoot #prev {
		font-size: 10px;
		text-transform: uppercase;
		//padding-top: 10px;
	}

}

/* Pages */
.widget_pages {
	ul {
		list-style: none;
		margin: 0;
		&.children {
			margin-left: 1.25rem;
		}
	}
}

/* Meta */
.widget_meta {
	ul {
		list-style: none;
		margin: 0;
	}
}

/* Recent Comments */
.widget_recent_comments {
	ul {
		list-style: none;
		margin: 0;
		li {
			padding-bottom: 0.75em;
		}
	}
}

/* Recent Posts */
.widget_recent_entries {
	ul {
		list-style: none;
		margin: 0;
		li {
			padding-bottom: 0.75em;
		}
	}
}

/* RSS Feed */
.widget_rss {
	h2.widget-title {
		position: relative;
		padding-left: 1.25em;
		color: $accent-color-dark;
		a {
			color: $accent-color-dark;
		}
		img {
			display: none;
		}
		&:before {
			font-family: 'FontAwesome';
			content: '\f09e';
	    position: absolute;
	    top: 0.1em;
	    left: 0;
		}
	}
	ul {
		list-style: none;
		margin: 0;
		li {
			padding-bottom: 0.75em;
			a.rsswidget {
				color: $paragraph-alt;
			}
			.rss-date {
				display: block;
		    font-size: 12px;
		    font-style: italic;
		    padding-top: 0.5em;
			}
			.rssSummary {
				padding: 0.5em 0;
				border-bottom: 1px solid $silver ;
			}
		}
	}
}

/* Search widget. */
.widget_search {
	input[type="search"] {
		box-shadow: none;
		border: 1px solid #d5dbe0;
	}
	.search-submit {
		display: none;
	}
}

/* Tag Cloud */
.widget_tag_cloud {
	@include clearfix();
	a {
		background-color: #e1e8ed;
		color: $paragraph-alt;
		padding: 0.35em 1.5em;
		float: left;
		margin-right: 0.35em;
		margin-bottom: 0.35em;
		font-size: 12px!important;
		font-style: italic;
		@include anchorhover(0.2s);
		&:hover {
			color: $paragraph-alt;
			background-color: scale-color(#e1e8ed, $lightness: -10%);
		}
	}
}

/*--------------------------------------------------------------
7.0 Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
7.1 Posts and pages
--------------------------------------------------------------*/
article.sticky {
	background-color: #edf9ff;
	.traditional-wrap & {
		padding: 1em;
	}
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

#page {
	.site-content {
		min-height: 800px;
		.row {
			background-color: white;
		}
	}
}

// Set for the image fadein effect
.blog .content-area img, .home .image img, .single .featured-image img {
	opacity: 0;
}
.page-header {
	text-align: center;
	margin: 2em 0 0 0;
	h1.page-header-title {
		font-style: italic;
		font-size: 30px;
	}
	h2.page-header-subtitle {
		color: $paragraph;
		font-size: 14px;
	}
}

.content-area {
	padding: 2em 0;
	.featured-image {
		padding-bottom: 1.25rem;
		position: relative;
	}
	.entry-header h1 {
		font-size: 24px;
	}
	.more-link {
		font-style: italic;
		color: $paragraph;
		&:hover {
			color: $accent-color-dark;
		}
	}
	.single & .featured-image img, .page & .featured-image img {
		border: 1px solid #d5dbe0;
		padding: 1px;
  	box-shadow: 0 2px 5px 0 rgba(69, 90, 100, 0.16);
	}

}

.entry-meta {
	margin-top: 1.8rem;
	hr {
		border-top: 1px dashed $iron;
		margin: 1rem 0 .9rem;
	}
	.posted-date, .post-author {
		h3 {
			font-family: $font-family-sans-serif;
			font-weight: bold;
			color: $paragraph-alt;
			text-transform: uppercase;
			font-size: 12px;
			margin: 0;
			padding: 0;
		}
		p {
			font-size: 12px;
			color: $paragraph;
			padding-top: 0.5em;
		}
	}
	.social-share {
		div.sharedaddy h3.sd-title::before {
			border-top: none;
		}
		div.sharedaddy h3.sd-title {
			font-family: $font-family-sans-serif;
			color: $paragraph-alt;
			text-transform: uppercase;
		}
	}
}

/* Full Width Template */
.page-template-template-full {

	.entry-header {
		text-align: center;
	}

}

/* 404 Error Page */
.error404 {

	.page-header, .page-content {
		text-align: center;
		margin-top: 5em;
	}
	.page-content {
		padding: 2em 3em ;
		border: 1px solid #d5dbe0;
		input[type="search"] {
			height: 2.75rem;
			border: 1px solid #efefef;
			text-align: center;
		}
		input[type="submit"] {
			width: 100%;
			background-color: $iron;
			&:hover {
				background-color: scale-color($iron, $lightness: -10%);
			}
		}
		i {
			color: $paragraph;
			font-size: 36px;
			margin-bottom: 1em;
		}
		p {
			margin-bottom: 3em;
		}
	}

}

/* Asides */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/* Table */
table thead tr th, table thead tr td {
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*--------------------------------------------------------------
7.2 Blog
--------------------------------------------------------------*/
.card {
    display: inline-block;
    vertical-align: top;
    position: relative;
		width: 100%;
    overflow: hidden;
    background: #FFF;
    box-shadow: 0 2px 5px 0 rgba(69, 90, 100, 0.16);
		border: 1px solid #d5dbe0;
		.title {
	    padding: 10px 20px;
			a {
				font-size: 16px;
			}
		}
		.image {
			position: relative;
			img {
				border-radius: 2px 2px 0 0;
		    position: relative;
		    left: 0;
		    right: 0;
		    top: 0;
		    bottom: 0;
		    width: 100%;
			}
			.date {
				position: absolute;
		    top: 0;
		    left: 0;
		    padding: 5px 20px;;
		    color: #FFF;
				background-color: #37474f;
				font-size: 12px;
			}
		}
		h4.title {
			display: flex;
		  justify-content: center;
		  flex-direction: column;
		  min-height: 200px;
			&.has-image {
				min-height: 50px;
			}
		}
}
.post-featured.card h4.title a {
	font-size: 20px;
}

.blog {
	.masonry-wrap {
		margin-bottom: 3em;
	}
	.masonry-post {
		width: 50%;
		float: left;
		padding: 1em;
		@media only screen and (max-width: 40em) {
			width: 100%;
		} // Small
		@media only screen and (min-width: 40.063em) and (max-width: 64em) {
			width: 100%;
		} // Medium
	}
	.posts-navigation {
		bottom: -70px;
    clear: both;
    position: absolute;
    text-align: center;
    width: 100%;
		margin-bottom: 1em;
		.nav-previous, .nav-next  {
			width: 100px;
			display: inline-block;
			background-color: $ghost;
			padding: 0.5em;
			margin-top: 1em;
		}
	}
}

.traditional-wrap article {
	margin-bottom: 4em;
}

/*--------------------------------------------------------------
7.3 Comments
--------------------------------------------------------------*/
.comment_content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#comments {

	h2.comments-title {
		font-size: 1.25em;
    margin: 2em 0;
	}

	ol.comment-list {
		padding: 0;
		margin: 0;
		list-style: none;
		.comment-content-wrap {
			padding: 2em;
			margin-bottom: 1em;
			background: white;
	    border: 1px solid #eceff1;
		}
	}

	ul.children {
		list-style: none;
	}

	.comment-header {
		position: relative;
		img.avatar {
			float: left;
			margin-bottom: 0.5em;
			box-shadow: 0 1px 4px 0 rgba(69, 90, 100, 0.16);
		}
		.comment-date {
			background-color: #fafafa;
	    color: #78909c;
	    font-size: 12px;
	    right: 0;
	    padding: 5px 20px;
	    position: absolute;
	    top: 0;
		}
		.comment-author {
			float: left;
			clear: both;
		}
	}

	.comment_content {
		margin-top: 1em;
	}

	a.comment-reply-link {
		background-color: #cfd8dc;
    color: white;
    font-size: 12px;
    padding: 2px 10px;
		float: right;
		@include ease-all(0.2s);
		&:hover {
			background-color: scale-color(#cfd8dc, $lightness: -15%);
			color: white;
		}
	}
	.moderated {
		font-size: 14px;
		font-style: italic;
	}

}

.comment-respond {
	background-color: $ghost;
	padding: 2em;
	margin-bottom: 1em;
	border: 1px solid #eceff1;

	h3#reply-title {
		font-size: 1.25em;
	}
	p.logged-in-as, .comment-notes {
		font-size: 14px;
		font-style: italic;
	}
	label {
		color: $paragraph-alt;
	}
	textarea, input[type="text"], input[type="email"], input[type="url"] {
		border-color: $white-smoke;
		box-shadow: none;
		color: $accent-color-dark;
		padding: 1em;
		background-color: white;
		&:focus {
			background-color: white;
		}
	}
	input[type="text"], input[type="email"], input[type="url"] {
		padding: 0 0 0 1em;
	}

	.form-submit input[type="submit"] {
		background-color: #546e7a;
    color: #fff;
    font-size: 12px;
		border: none;
		display: block;
		position: relative;

    letter-spacing: 0.05em;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
		box-shadow: 0 1px 4px 0 rgba(69, 90, 100, 0.16);

		@include ease-all(0.2s);
		&:hover {
			background-color: scale-color(#546e7a, $lightness: -10%);
		}
	}
	a#cancel-comment-reply-link {
		font-family: $font-family-sans-serif;
		background-color: #cfd8dc;
    color: white;
    font-size: 12px;
    padding: 12px 10px;
		float: right;
		@include ease-all(0.2s);
		&:hover {
			background-color: scale-color(#cfd8dc, $lightness: -10%);
		}
	}

}

/*--------------------------------------------------------------
7.4 Contact
--------------------------------------------------------------*/
form.contact-form {
	background-color: $ghost;
	margin-bottom: 1em;
	padding: 2em;

	input[type="text"], input[type="email"] {
		height: 3rem;
	}
	input[type="text"], input[type="email"], textarea {
		width: 100%;
		background-color: $smoke;
    border-color: $white-smoke;
    box-shadow: none;
    color: $accent-color-dark;
	}
	input[type="submit"] {
		background-color: $accent-color-dark;
    color: white;
    display: block;
    font-size: 12px;
    padding: 5px 20px;
    position: relative;
    @include ease-all(0.2s);
	}

}

/*--------------------------------------------------------------
7.5 Donation
--------------------------------------------------------------*/
.give-form-wrap {
	.give-form-title {
		font-size: 1.1em;
		font-style: italic;
		margin-bottom: 1em;
	}
	fieldset {
		padding: 0;
		&#give-payment-mode-select {
			padding: 1em 2em;
			background-color: #eceff1;
		}
		legend {
			background-color: #eceff1;
		}
	}
	#give_purchase_form_wrap {
		padding: 1em 2em;
		background-color: #eceff1;
	}
	input[type="submit"] {
    background-color: #546e7a;
    border: medium none;
    box-shadow: 0 1px 4px 0 rgba(69, 90, 100, 0.16);
    color: #fff;
    display: block;
    font-size: 12px;
    letter-spacing: 0.05em;
    padding: 10px 20px;
    text-transform: uppercase;
		transition: all 0.2s ease 0s;
	}
}

#give-recurring-form legend, form.give-form legend, form[id*="give-form"] legend {
	font-family: $font-family-serif;
	font-weight: normal;
  font-size: 1.1em;
  font-style: italic;
}

#give-recurring-form .form-row input[type="text"], #give-recurring-form .form-row input[type="email"], #give-recurring-form .form-row input[type="password"], #give-recurring-form .form-row select, #give-recurring-form .form-row textarea, form.give-form .form-row input[type="text"], form.give-form .form-row input[type="email"], form.give-form .form-row input[type="password"], form.give-form .form-row select, form.give-form .form-row textarea, form[id*="give-form"] .form-row input[type="text"], form[id*="give-form"] .form-row input[type="email"], form[id*="give-form"] .form-row input[type="password"], form[id*="give-form"] .form-row select, form[id*="give-form"] .form-row textarea {
    background-color: white;
    border-color: #f5f5f5;
    box-shadow: none;
    color: #38474d;
		height: 3rem;
}

button.give-btn {
	color: black;
}

/*--------------------------------------------------------------
8.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

#infinite-handle {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 2em;
}

/*--------------------------------------------------------------
9.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
9.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
9.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

figure.gallery-item {
	margin: 0;
	padding: 0;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
10.0 Footer
--------------------------------------------------------------*/
.footer-wrap {
	background-color: $accent-color-dark;
	//margin-top: 2em;
	padding-top: 2em;
	color:white;

	h1, h2, h3, h4, h5, h6, a, p {
		color: white;
	}
	a:hover {
		color: $accent-color;
	}
	.widget-title {
		font-family: $font-family-sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.widget {
		font-size: 12px;
		line-height: 2;
	}
	hr {
		border-color: $charcoal;
	}
	.footer-full-wrap {
		margin-bottom: 2em;
	}

	.copyright-info {
		margin-bottom: 1em;
		a:hover {
			color: $accent-color;
		}
	}
	.copyright-info, .copyright-info a {
		color: #909395;
		font-size: 12px;
		text-align: center;
	}
	ul {
		list-style: none;
		margin: 0;
		li {
			font-size: 12px;
	    line-height: 2;
		}
	}

}
