/*
Theme Name: Fatima Center
Author: Future Access
Author URI: http://www.futureaccess.ca
Description: Custom theme for Fatima Center
Version: 1.0
*/

/* General Styles
----------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- */
body {
	margin:0;
	padding:0;
	color:#1f1f1f;
	background-color: #fff;
	font-family: 'Helvetica', sans-serif;
}

@font-face {
    font-family: 'helvetica-lightregular';
    src: url('fonts/helvetica_light-webfont.woff2') format('woff2'),
         url('fonts/helvetica_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.float-left			{ float:left; }
.float-right		{ float:right; }
.left 				{ float: left; text-align: left; }
.right 				{ float: right; text-align: right; }


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


.hide 				{ display: none; }
.clear				{ clear:both; }
.help				{ cursor:help; }
.spacing			{ padding:12px 0; }

.single .post-meta-date,
.post-archive-link a,
.featured-post-type{
	font-family: 'helvetica-lightregular';
}

body,
input,
textarea {
	font-size:16px;
	color: #1f1f1f;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding: 0;
	line-height: 1em;
	color: #1f1f1f;
	font-family: 'helvetica-lightregular';
}
h1 { font-size:52px; }
h2 {
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #208bae;
	font-size: 32px;
	line-height: 1.2em;


}
	h2 a{
		color: #1F1F1F;
	}
	h2 a:hover{
		text-decoration: none;
	}
h3 {
	padding: 30px 0 10px 0;
	font-size:30px;
}
h4 {
	font-size:20px;
	text-transform: uppercase;
}
h5 { font-size:24px; }
h6 { font-size:20px; }

p {
	margin:0;
	padding:12px 0;
	line-height: 1.6em;
	font-size: 16px;
	font-weight:400;
	color: #1f1f1f;
}

a {
	text-decoration:none;
	color: #208bae;
}
a:hover,
a:active {
	text-decoration:underline;
	color: #208bae
}

strong { font-weight:600; }
ol, ul {
    margin-left: 1.25rem;
}
li {
	margin:5px 0;
	font-size:16px;
	line-height:1.6em;
}

.row{
	max-width: 73.1rem !important;
}
.pb-40{padding-bottom: 40px;}

a img { border: none; }

hr {
	position: relative;
	width: 100%;
	height: 0;
	margin: 24px 0;
	padding: 0;
	border: none;
	border-top: 2px solid #f5f5f5;
}

.alignleft,
.align-left {
	float: left;
	margin: 5px 20px 15px 0;
}

.alignright,
.align-right {
	float: right;
	margin: 5px 0 15px 20px;
}
.inline-list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 1.0625rem;
  margin-left: -1.375rem;
  margin-right: 0;
  overflow: hidden;
  padding: 0; }
  .inline-list > li {
    display: block;
    float: left;
    list-style: none;
    margin-left: 1.375rem; }
    .inline-list > li > * {
      display: block; }

address{
	font-style: normal;
}

.flex-video.widescreen{
	margin-bottom: 0;
}

/** hidden search field **/
.top-header .medium-12{
	position: relative;
}
#searchbar {
	position: absolute;
	display: none;
	width: 250px;
	height: 60px;
	right: 0;
	margin-right: 0.9375rem;
	z-index: 9999;
	border-top: 1px solid #d8d8d8;
	background: #fff;
	-webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
	box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
}

	#s {
		display: block;
		padding: 0 10px;
		margin-bottom: 0;
		height: 60px;
		line-height: 60px;
		border: 0;
		outline: none;
		color: #777;
	}

	#searchsubmit {
		display: block;
		float: right;
		background: none;
		color: #717171;
		cursor: pointer;
		line-height: 60px !important;
		background-color: #fff;
	}

/* Tables
--------------------------------------------- */
table.hover{
	margin-top: 30px;
	width: 100%;
}

/* Buttons
--------------------------------------------- */
.button,
.gform_button,
input[type="submit"] {
	margin:0;
	padding:0 20px;
	height: 40px !important;
	line-height:32px;
	font-size:16px;
	cursor:pointer;
	float: none;
	position: relative;
	display: inline-block;
	border: none !important;
	width: initial !important;
	background-color: #208bae !important;
	text-transform: uppercase;
}

.button:hover,
input[type="submit"]:hover {
	background-color: #124364;
}

.button:active,
input[type="submit"]:active {

}

.hollow.button{
	border-color: #208bae;
	color: #208bae;
	font-size: 1.1em;
	font-weight: 600;
	background-color: transparent !important;
}
	.hollow.button:hover{
		text-decoration: none !important;
		color: #9d0000;
		border-color: #9d0000;
	}
	.hollow.button.secondary{
		color: #fff;
		border-color: #fff;
	}
		.hollow.button.secondary:hover{
			color: #999;
			border-color: #999;
		}



.gfield{clear: both;}
.gform_validation_container{display: none;}
.name_first,.gf_left_half,.ginput_left{float: left;}
.name_last, .gf_right_half,.ginput_right{float: right; clear: right;}
.gform_body ul,.gform_body ul li{margin: 0;	list-style: none;}
.gform_body textarea{height: 125px;}
.name_first, .name_last, .gf_left_half,.gf_right_half,.ginput_left,.ginput_right{width: 49.5%;}
.gf_left_third,.gf_middle_third,.gf_right_third{float: left; width: 33.3%; display: inline-block;	clear: none;}
.gf_right_third{float: right;}
.gf_middle_third{padding: 0 1%;}
.ginput_complex input,.ginput_complex select{margin-bottom: 0 !important;}
.ginput_complex span{margin-bottom: 16px;display: block;}
.gsection {width: 100%; clear: both;}
.gsection_title{margin: 24px 0; padding-bottom: 8px; border-bottom: 4px double #bbb;}
.validation_error{color: red;}
.validation_error, .gfield_error{margin-bottom: 20px;}
.gfield_error input, .gfield_error textarea{margin-bottom: 0;}
.validation_message {font-size: 14px; color: red; margin-bottom: 20px;}
.widget-form .ginput_complex input,.widget-form .ginput_complex select{margin-bottom: 0 !important;}

.nav-toggle{
	display: none;
	z-index: 9999;
	top: 0;
	right: 20px;
	padding: 14px 10px 0px 9px;
	width: 50px;
	height: 50px;
	transition: all 300ms ease 0s;
}
.nav-toggle:hover{
	width: 70px;
}
	.nav-toggle span {
		float: left;
		margin-bottom: 7px;
		width: 100%;
		height: 3px;
		background: #fff none repeat scroll 0 0;
	}

.page-title{
	padding-bottom: 40px;
}
.reveal-overlay{
	z-index: 50;
}
/* Flex Content
--------------------------------------------- */
.flex-content{
	padding: 2em 0;
}
	.flex-content h2{
		margin-bottom: 8px;
	}
	.content-with-image p:first-of-type{
		padding-top: 0;
	}

/* Panels
--------------------------------------------- */
.panel {
	position: relative;
	padding: 15px;
	background:#fff;
	color:#1f1f1f;
	border: 2px solid #208bae;
	overflow: hidden;
}
	.panel .panel-desc{
		padding-top: 6px;
		padding-bottom: 20px;
		color: #78797b;
		font-style: italic;
		font-size: 18px;
		font-family: serif;
		letter-spacing: .025em;
		line-height: 1.4em;
		text-transform: initial;
	}

	.panel h4{
		padding: 15px 0 0 0;
		font-family: 'Helvetica', sans-serif;
		color: #1f1f1f;
		font-weight: 600;
		text-transform: initial;
	}
	.panel h4 a{
		color: #1F1F1F;
	}
	.grid-layout .panel{
		position: relative;
	}
	.grid-layout .panel h4{
		padding-top: 15px;
		line-height: 1.2em;
		font-size: 18px;
	}
	.grid-layout .panel .post-image{
		margin-bottom: 20px;
		bottom: 0;
	}
	.grid-layout .panel footer{
		text-align: center;
	}
		.grid-layout .panel .button{
			line-height: 38px;
			text-align: center;

		}

	.grid-layout .panel .button:hover{
		text-decoration: none;
		background-color: #124364 !important;
	}

.grid-layout .column{
	margin-bottom: 30px;
}

.relative{
	position: relative;
}

.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* Layout
----------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- */

/* Header
--------------------------------------------- */

#header{
	position: relative;
	background-color: #fff;
}
	.header-flex{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.header-flex > div:first-of-type{
		display: flex;
		align-items: flex-end;
	}
		#logo h1{
			font-family: 'Helvetica', sans-serif;
			font-size: 28px;
			font-weight: 800;
			letter-spacing: 0.025em;
			color: #124364;
		}
		#logo a:hover{
			text-decoration: none;
		}
		#logo span{
			font-size: 13px;
			text-transform: uppercase;
			letter-spacing: 0.025em;
			color: #208BAE;
		}

	.fatima{
		margin-bottom: -60px;
	}
		.fatima img{
			width: 120px;
		}

	#nav{
		width: 100%;
		background-color: #124364;
		line-height: 50px;
		height: 60px;
	}
		.menu{
			padding-left: 0;
		}
			#nav li:first-of-type{
				border-left: 1px solid #1A547A;
			}
			#nav li{
				position: relative;
				border-right: 1px solid #1A547A;
			}
			#nav li a{
				display: block;
				padding: 0 15px;
				color: #fff;
				font-weight: 600;
				font-size: 20px;
				line-height: 60px;
			}
			#nav li:last-of-type a{
				margin-right: 0;
			}
				.mobile-nav li a:hover,
				#nav li a:hover{
					text-decoration: none;
					background-color: #1A547A;
				}

			#nav .sub-menu{
				position: absolute;
				margin-left: 0;
				min-width: 225px;
				background-color: #124364;
				white-space: nowrap;
				z-index: 200;
				display: none;
			}
				#nav .sub-menu li{
					float: none;
					display: block;
					margin: 0;
					border-top: 1px solid #1a547a;
					text-align: left;
				}
				#nav .sub-menu li a{
					position: relative;
					display: block;
					padding: 8px 15px;
					color: #fff;
					font-size: 16px;
					line-height: 30px;
				}
				.sub-menu li.current-menu-item > a,
				#nav .sub-menu li a:hover{
					color: #fff;
					background-color: #1A547A;
					text-decoration: none;
				}
				.sub-menu li.current-menu-item > a{
					border-top-color: transparent !important;
				}
				.sub-menu li.current-menu-item > a:before{
					display: none;
				}
			#nav li:hover .sub-menu{
				display: block;
			}

.mobile-header{
	display: none;
}
	.mobile-nav li{
		display: block;
		margin: 0;
	}
		.mobile-nav li a{
			display: block;
			color: #fff;
		}
		.mobile-nav .sub-menu{
			margin-left: 0;
		}
			.mobile-nav .sub-menu li a{
				padding: 0.7rem 1rem
			}

#top-nav li{
	margin: 0;
	float: right;
}
	#top-nav li a{
		padding: 0 10px;
		line-height: 30px;
		font-size: 15px;
	}
	#top-nav li:last-of-type{
		float: left;
	}

	#top-nav .sub-menu{
		position: absolute;
		margin-left: 0;
		min-width: 156px;
		background-color: #fff;
		white-space: nowrap;
		z-index: 200;
		display: none;
		list-style: none;
	}
	#top-nav .sub-menu li{
		padding-left: 24px;
		float: none;
	}
	#top-nav li:hover .sub-menu{
		display: block;
	}

.off-canvas-wrapper{
	background-color: #124364;
}
	.off-canvas{
		background-color: #124364;
	}
	.off-canvas hr{
		border-color: rgba(255,255,255,.1);
	}
		.off-canvas #menu-primary-menu li{
			margin: 0;
			display: block;
			transition: all 50ms ease 0s;
		}
		.off-canvas #menu-primary-menu > li a:hover{
			background-color: #208bae;
		}
			.off-canvas #menu-primary-menu .sub-menu{
				margin: 0;
			}
				.off-canvas #menu-primary-menu .sub-menu li{
					margin: 0;
					display: block;
				}

				.off-canvas #menu-primary-menu .sub-menu li a{
					padding: 11px 16px 11px 30px;
				}
				.off-canvas #menu-primary-menu li a{
					display: block;
					color: #fff;
				}

				.off-canvas #menu-primary-menu li a:hover{
					text-decoration: none;
					color: #fff;
				}

.sub-header h1{
	padding-bottom: 12px;
	margin-bottom: 20px;
	font-size: 32px;
	color: #208bae;
	text-transform: uppercase;
}

.header-cta{
	display: block;
	padding: 30px 0;
	width: 100%;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	background: url(img/header-bg-2.png) no-repeat top center / cover;
}
	.header-cta a{
		color: #fff;
		text-transform: uppercase;
	}
	.header-cta a:hover{
		text-decoration: underline !important;
	}


.loop-header{
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
}
	.loop-header .right{
		margin-top: 4px;
	}
	.loop-header span a{
		padding-left: 8px;
		color: #78797b;
		font-style: italic;
		font-size: 18px;
		font-family: serif;
		letter-spacing: .025em;
		position: relative;
		z-index: 10;
		background-color: #fff;
	}
	.loop-header h2{
		position: relative;
		margin-bottom: 0;
	}

	.loop-header h2:after{
		content: '';
		position: absolute;
		margin-left: 10px;
		top: 17px;
		width: 800px;
		height: 1px;
		background-color: #d3a23f;
		z-index: 0;
	}

/* Footer
--------------------------------------------- */
.footer-flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	.footer-flex span{
		margin-left: 20px;
	}

	.footer-nav{
		padding: 20px 0;
		width: 100%;
		background-color: #124364;
		color: #fff;
		font-weight: 600;
		letter-spacing: .025em;
	}
		.footer-nav nav{
			margin-top: 13px;
			float: right;
		}
			.footer-nav a{
				color: #fff;
			}

#copyright{
	padding: 5px 0 10px 0;
	background-color: #fff;
	color: #1f1f1f;
	font-size: 10px;
	font-weight: 600;
}
	#copyright p{
		padding: 0;
		font-size: 10px;
		line-height: 1.4em;
		font-weight: 600;
	}
	#copyright a{
		color: #1f1f1f;
	}

.copyright *{
	color: #fff;
	font-size: 14px;
}
.copyright p{
	padding-top: 0;
}

/* Pages
----------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- */

/* Global
--------------------------------------------- */
.full-width {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

#content{
	padding: 40px 0;
}

.pagination{
	text-align: center;
}
	.pagination a:hover{
		color: #208bae;
		text-decoration: none;
	}
	.pagination span.current{
		background-color: #208bae;
	}

/* Home
--------------------------------------------- */
.hero{
	min-height: 400px;
	width: 100%;
	background-repeat: no-repeat;
	background-color: #1f1f1f;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

/* Article Styles
--------------------------------------------- */
.daily-mass.topic-cat{ background-color: #39c5ee !important; }
.saint-of-the-day.topic-cat{ background-color: #e6cb80 !important; }
.daily-meditations.topic-cat{ background-color: #208bae !important; }
.online-rosary.topic-cat{ background-color: #d3a23f !important; }

.article-featured a{
	position: relative;
	display: block;
	margin-bottom: 10px;
}
	.article-featured img{
		width: 100%;
	}
		.article-featured .featured-post-type{
			position: absolute;
			left: 0;
			bottom: 0;
			padding: 18px 20px 12px 20px;
			background-color: #39c5ee;
			color: #fff;
			font-size: 42px;
			text-transform: uppercase;
			line-height: 1em;
		}
		.featured-title {
			font-size: 30px;
			font-weight: 600;
			color: #414142;
		}

.article-carousel {
	padding: 30px 0;
}
	.article-carousel h2{
		margin-bottom: 0;
		text-align: center;
	}
	.carousel-nav{
		padding-bottom: 10px;
		overflow: hidden;
	}
		.carousel-nav a{
			color: #78797b;
			font-style: italic;
			font-size: 20px;
			font-family: serif;
			letter-spacing: .025em;
			white-space: wrap;
		}
		.article-carousel .loop-header {
			margin-bottom: 15px;
		}
		.article-carousel a:hover{
			text-decoration: none;
			opacity: .8;
		}
		.article-carousel .right a:hover{
			text-decoration: underline;
			opacity: 1;
		}
		.carousel-slide{
			position: relative;
		}
		.carousel-slide span{
			display: block;
			color: #424243;
			line-height: 1.2em;
			margin-top: 12px;
		}
		.slide-group > .columns{
			padding-left: 0.238rem;
			padding-right: 0.238rem;
		}
		.slide-group > .columns:first-of-type{
			padding-left: 0.9375rem;
		}
		.slide-group > .columns:last-of-type{
			padding-right: 0.9375rem;
		}
		.carousel-slide .image{
			position: relative;
			height: 120px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
		}
		.article-carousel .topic-cat{
			position: absolute;
			display: block;
			padding: 5px 10px;
			left: 0;
			bottom: 0;
			font-weight: 300;
			font-size: 13px;
			color: #fff;
			text-transform: uppercase;
		}

/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.carousel-cell{
	width: 100%;
}
	.carousel-cell h3{
		padding-top: 15px;
		font-family: 'Helvetica', sans-serif;
		font-weight: 700;
	}

.article-video-post article,
.article-title-post article{
	margin-bottom: 20px;
	overflow: hidden;
}
	.article-video-post article .post-image,
	.article-standard-loop article .post-image{
		float: left;
		width: 40%;
		padding-right: 12px;
	}
	.article-video-post article .post-content,
	.article-standard-loop article .post-content{
		overflow: hidden;
	}
		.article-video-post .entry-title,
		.article-title-post .entry-title,
		.article-standard-loop .entry-title{
			font-size: 16px;
			text-transform: none;
			color: #424243;
			margin-bottom: 0;
		}
			.article-video-post .entry-title a,
			.article-title-post .entry-title a,
			.article-standard-loop .entry-title a{
				color: #424243;
				font-family: 'Helvetica', sans-serif;
				font-weight: 400;
				line-height: 1.4em;
			}

			.article-title-post .post-meta-data,
			.article-standard-loop .blog-post .post-meta-data{
				padding: 0;
				margin: 0 !important;
			}

				.post-meta-author,
				.post-meta-author a,
				.post-meta-data .post-meta-date{
					color: #78797b;
					font-style: italic;
					font-size: 16px;
					font-family: serif;
					letter-spacing: .025em;
				}


.news-loop .blog-post{
	margin-bottom: 30px;
	overflow: hidden;
}
	.news-loop img{
		float: left;
		width: 40%;
		padding-right: 12px;
	}

	.news-loop .post-details{
		overflow: hidden;
	}
		.news-loop .post-details p{
			font-size: 14px;
		}
		.news-loop .post-details  .post-meta-data{
			margin: 0 !important;
		}

		.news-loop h2{
			margin-bottom: 0;
			font-size: 19px;
			line-height: 1.2em;
		}
			.news-loop .post-details h2 a{
				font-weight: 600;
			}

.events.news-loop h2 a{
	font-weight: 400;
    line-height: 1.4em;
    font-size: 16px;
}
	.events.news-loop h2 a:hover{
		color: #424243;
		text-decoration: underline;
	}


.author-avatar{
	margin-right: 12px;
	display: block;
	text-align: center;
}
	.author-avatar img{
		width: 120px;
	}

.article-featured-video-post .post-video{
	margin-bottom: 15px;
}

.article-featured-video-post .entry-title{
	margin-top: 10px;
}
	.article-featured-video-post .entry-title a{
		font-family: 'Helvetica';
		font-size: 20px;
		font-weight: 400;
		text-transform: none;
		color: #424243;
		line-height: 1em;
	}


/* Link Section
--------------------------------------------- */
.link-section{
	margin-bottom: 40px;
}
	.link-section h2{
		margin-bottom: 8px;
		color: #1f1f1f;
		text-transform: initial;
		font-family: 'Helvetica', sans-serif;
		font-size: 32px;
		font-weight: 600;
	}
	.link-section ul li,
	.link-section ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}


/* Blog
--------------------------------------------- */
.post-video a:hover,
.post-image a:hover{
	opacity: .8;
}

.blog .post-image img{
	width: 100%;
}


.blog-post {
	margin-bottom: 60px;
}
	.blog-post .attachment-blog-featured{
		margin-bottom: 20px;
	}
	.blog-post .post-meta-data{
		margin: 10px 0 !important;
		padding: 0 !important;
		font-size: 14px;
	}
		.post-meta-cats{
			position: relative;
			margin-right: 10px;
		}
		.post-meta-cats:after{
			content: '•';
			position: absolute;
			width: 10px;
			height: 10px;
			color: #a0a0a0;
		}
		.post-meta-date{
			color: #a0a0a0;
			font-size: 13px;
		}

	.entry-title{
		font-weight: 600;
		font-size: 30px;
		line-height: 1em;
		font-family: 'Helvetica', sans-serif;
		text-transform: initial;
	}

.single .blog-post{
	margin-bottom: 0;
}

.archive .post-meta-date,
.page .post-meta-date,
.single .post-meta-date{
	font-size: 16px;
}
	.single-video .video{
		margin-bottom: 20px;
	}

.post-archive-link{
	margin-right: 6px;
}
	.post-archive-link a{
		text-transform: uppercase;
		font-size: 16px;
	}
	.post-archive-link.capitalize a{
		text-transform: capitalize;
	}


.single-petition .post-image{
	padding-bottom: 20px;
}
	.single-petition .entry-title{
		margin-bottom: 20px;
	}
.post-meta-data{
	margin: 0;
	padding: 20px 0;
}

.single .post-image img{
	width: 100%;
	margin-bottom: 0;
}
.single-news-views .post-meta-author{
	font-size: 20px;
	line-height: 1.2em;
}
	.single-news-views .post-meta-author a{
		font-size: 20px;
	}

.disclaimer p{
	font-size: 16px;
	color: #78797b;
	font-family: serif;
	font-style: italic;
	line-height: 1.2em;
}

/*.page-parent{
	text-transform: uppercase;
}*/

/* Archives / Search Results
--------------------------------------------- */
/* .search-results .blog h2.entry-title,
.archive .blog h2.entry-title{
	margin-top: 15px;
	margin-bottom: 0;
}
	.search-results  .blog .post-meta-data,
	.archive  .blog .post-meta-data{
		padding: 5px 0;
	}
.search-results .blog-post .post-image img,
.archive .blog-post .post-image img{
	width: 100%;
}
.search-results .article-standard-loop article,
.archive .article-standard-loop article {
	margin-bottom: 30px;
}
	.search-results .article-standard-loop article .post-image,
	.archive .article-standard-loop article .post-image{
		width: 30%;
	}
	.search-results .article-standard-loop h4 a,
	.archive .article-standard-loop h4 a{
		font-size: 20px;
		font-weight: 600;
		font-family: 'Helvetica', sans-serif;
	}
	.search-results .article-standard-loop .post-meta-author,
	.search-results .article-standard-loop .post-meta-author a
	.archive .article-standard-loop .post-meta-author,
	.archive .article-standard-loop .post-meta-author a{
		font-size: 18px;
	} */

.post-type-archive-inspiration h3{
	padding: 0 0 15px;
}
	.post-type-archive-inspiration h3 a{
		color: #1f1f1f;
		text-transform: uppercase;
		font-size: 20px;
	}

.article-standard-loop .blog-post{
	margin-bottom: 30px;
	overflow: hidden;
}

.list-post{
	margin-bottom: 10px;
}
	.list-post .post-meta-data {
		margin-top: 0 !important;
	}
	.list-post .post-meta-date {
		font-size: 14px;
	}

/* Widgets
----------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- */
.widget.adrotate_widgets,
.widget-no-bg,
.widget{
	margin-bottom: 15px;
}

	.widget-header{
		background-color: #2E5E91;
	}
		.widget.cta a,
		.widget header h4{
			padding: 16px 18px 14px 18px;
			font-size: 1.6em;
			color: #fff;
			background-color: #124364;
			text-transform: uppercase;
			font-weight: 300;
			line-height: 1.6em;
		}
		.widget.cta a{
			padding: 16px 18px 14px 18px;
			font-size: 1.6em;
			background-color: #39C5EE !important;
		}

	.widget-content{
		padding: 20px;
		background-color: #208bae;
	}
	.widget.no-padding .widget-content{
		padding: 0;
	}
		.widget-content abbr,
		.widget-content li,
		.widget-content li:before,
		.widget-content li a,
		.widget-content p,
		.widget-content a{
			color: #fff;
		}
	.widget-content ul{
		margin: 0 0 0 6px;
		list-style: none;
	}
		.widget-content ul li{
			position: relative;
			padding-left: 1.25em;
			margin-bottom: .5em;
			line-height: 1.4em;
		}
		.widget-content ul li:before{
			content: "▶";
			position: absolute;
			top: -1px;
			left: 0;
			font-size: 70%;
		}
.widget.adrotate_widgets img,
.widget-no-bg img{
	width: 100%;
}
#searchform{
	overflow: hidden;
}
	#searchform label{
		display: none;
	}
		#searchform input,
		#searchform button{
			float: left;
		}
		#searchform input{
			width: 90%;
		}
		#searchform button{
			width: 10%;
			line-height: 38px;
		}

.widget.sanc header h4{
	padding: 16px 18px 14px 18px;
	font-size: 1.6em;
	background-color: #d3a23f;
}
	.widget.sanc header h4 a{
		color: #fff;
	}
	.widget.sanc .widget-content{
		background-color: #e6cb80;
	}
	.widget.sanc .sanc-posts ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
		.widget.sanc .sanc-posts li{
			padding-left: 0;
			margin: 16px 0;
		}
		.widget.sanc .sanc-posts li:before{
			display: none;
		}
		.widget.sanc .sanc-posts li:first-of-type{
			margin-top: 0;
		}
		.widget.sanc .sanc-posts li:last-of-type{
			margin-top: 0;
		}

	.widget.sanc .sanc-posts span{
		display: block;
		font-size: 16px;
		color: #000;
		font-weight: 400;
		line-height: 1.2em;
	}
	.widget.sanc .sanc-posts a{
		font-style: italic;
		color: #606060;
		font-size: 16px;
		font-family: serif;
	}

.widget.cta a{
	font-family: "helvetica-lightregular";
	background-color: #124364;
	width: 100%;
	display: block;
}

.sidebar-video{
	padding: 15px;
	background-color: #208bae;
}

.social-media .widget-content{
	padding: 18px 0;
	background-color: #208bae;
}
.social-media footer{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
	.social-media footer a{
		width: 33.3%;
		text-align: center;
	}
		.social-media footer a:hover{
			opacity: .8;
		}

	.widget.about .entry-title{
		text-transform: none;
		font-size: 18px;
		font-weight: 500;
		font-family: 'Helvetica', sans-serif;
		color: #fff;
	}
	.widget.about .recent-posts ul{
		background-color: #208bae;
		margin: 0;
	}

		.widget.about .recent-posts ul li{
			margin: 0;
			padding: 0;
			font-size: 15px;
		}
		.widget.about .recent-posts ul li:last-of-type a{
			padding-bottom: 20px;
		}
		.widget.about .recent-posts ul li:before{
			display: none;
		}
			.widget.about .recent-posts a{
				padding: 10px 20px;
				line-height: 1em;
			}
				.widget.about .recent-posts .caption{
					line-height: 1.2em;
					margin-top: 10px;
					display: block;
				}
			.widget.about .recent-posts h4{
				font-size: 17px;
			}
		.widget.about footer a{
			text-transform: uppercase;
			font-weight: 600;
			font-family: 'Helvetica', sans-serif;
		}
		.sidebar-link:hover{
			background-color: #124364 !important;
		}

.widget.no-padding a{
	padding: 20px;
	display: block;
	background-color: #208bae;
}
	.widget.no-padding a:hover{
		text-decoration: none;
	}

.widget-form{
	border: 2px solid #208bae;
	padding: 25px 15px;
}
	.widget-author .author-title,
	.widget-form .form-title{
		margin-bottom: 12px;
		color: #208bae;
		line-height: 1.2em;
	}
	.widget-form .form-desc p,
	.widget-form .form-desc{
		font-family: serif;
		font-size: 18px;
		color: #78797b;
		font-style: italic;
		line-height: 1.2em;
	}
	.widget-form .form-desc:first-of-type{
		padding-bottom: 0;
	}
	.widget-form .form-desc:last-of-type{
		padding: 0 0 30px 0;
	}

	.widget-form li.gfield {
		margin-bottom: 14px !important;
	}
		.widget-form input{
			margin-bottom: 8px !important;
			width: 100% !important;
			border: 2px solid #208bae;
			padding: 10px 15px !important;
			height: 45px !important;
		}
		.widget-form select,
		.widget-form .ginput_container_select{
			height: 45px !important;
			border: 2px solid #208bae !important;
			color: #777 !important;
		}
		.widget-form textarea{
			border: 2px solid #208bae !important;
			height: 90px !important;
		}
			.widget-form .ginput_container_select select.gfield_select{
				height: 45px;
				margin-bottom: 0;
				border: none !important;
			}

		.widget-form .gform_footer{
			margin-top:30px !important;
			padding: 0 !important;
			text-align: center;
		}
			.panel .button,
			#gform_submit_button_3,
			.widget-form .gform_button {
				float: none;
				position: relative;
				display: inline-block;
				padding: 0 20px !important;
				margin: 0 auto !important;
				height: 40px !important;
				border: none !important;
				width: initial !important;
				min-width: 30% !important;
				background-color: #208bae !important;
				text-transform: uppercase;
			}
			#gform_submit_button_3:hover,
			.widget-form .gform_button:hover{
				background-color: #124364 !important;
			}
			#gform_submit_button_3 i{
				margin-right: 6px;
			}
			.widget-form .ginput_container_checkbox {
				display: block;
				margin-top: 15px;
			}
				.widget-form .ginput_container_checkbox input{
					height: 10px !important;
					max-width: 6% !important;
				}
				.widget-form .ginput_container_checkbox label{
					width: 92%;
					margin: 0;
					line-height: 1.4em;
					color: #777;
				}

.widget-form .ginput_container_select,
.widget-form select,
.widget-form option.gf_placeholder{
	color: #555 !important;
}

::-webkit-input-placeholder { color:#555 !important; }
:-moz-placeholder { opacity: 1 !important; color:#555 !important; } /* Firefox 18- */
::-moz-placeholder { opacity: 1 !important; color:#555 !important; } /* firefox 19+ */
:-ms-input-placeholder { color:#555 !important; } /* ie */
input:-moz-placeholder { color:#555 !important; }

.widget-author{
	border: 2px solid #208bae;
	padding: 25px 15px;
}
	.widget-author .author-title{
		text-transform: capitalize;
	}
	.widget-author .author-avatar{
		margin: 18px 0;
	}
	.widget-author .post-meta-author a{
		display: block;
		margin-top: 0;
		font-size: 20px;
	}
	.widget-author .author-desc{
		color: #1f1f1f;
		font-size: 14px;
	}

.widget-author-loop article{
	margin-top: 20px;
}
	.widget-author-loop .post-meta-data{
		padding: 0;
	}
		.widget-author-loop .post-meta-author a{
			font-size: 20px;
		}
			.widget-author-loop .entry-title{
				font-size: 1em;
			}
				.widget-author-loop .entry-title a{
					font-size: 15px;
					text-transform: initial;
					color: #1f1f1f;
					font-weight: 400;
				}

.page-id-195 .form-desc{
	padding-bottom: 0;
}
	.page-id-195 #gform_wrapper_4 .gfield_checkbox input{
		margin-top: 10px;
	}
	.page-id-195 #gform_wrapper_4 .gfield_checkbox label{
		font-size: 18px;
		color: #78797b;
		line-height: 1.8em;
	}
	#choice_4_7_1 {
		margin: 0 !important;
		height: 40px !important;
	}
	.page-id-195 #gform_wrapper_4 .gfield_checkbox:last-of-type label{
		line-height: 1.2em;
		font-size: 14px !important;
	}

.ginput_container_checkbox{
	display: block;
}
.gfield_checkbox li{
	display: block !important;
}

.reveal h4{
	padding: 15px 0;
}
	.reveal h4 a{
		color: #1f1f1f;
		text-transform: initial;
	}

.about-section{
	margin-bottom: 30px;
}
.about-section:last-of-type{
	margin-bottom: 0;
}
	.about-section .entry-title{
		font-size: 24px;
	}

.donate-container{
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.donate-symbol{
		display: inline;
	    padding: 0 12px;
	    height: 45px;
	    color: #333;
	    font-size: 16px;
	    line-height: 45px;
	    font-weight: normal;
	    text-align: center;
		background-color: #f1f1f1;
	    vertical-align: middle;
	    white-space: nowrap;
	    border: 1px solid #ccc;
	}
	#donate-amount{
		margin-bottom: 0;
		font-size: 22px;
		height: 45px;
		text-align: center;
	}
	.donate-panel input[type="submit"]:hover{
		text-decoration: underline;
	}
	#credit-card{
		margin-top: 30px;
		overflow: hidden;
	}
		#credit-card .button.small{
			display: inline-block !important;
			width: auto !important;
			font-size: 16px !important;
			margin: 20px 0 !important;
			float: right;
		}

.panel.donate-panel{
	padding: 50px 40px;
}
	.panel.donate-panel p{
		color: #208BAE;
	}
	.panel.donate-panel .accordion-title,
	.panel.donate-panel .button{
		width: 100% !important;
		text-align: center;
		background-color: #124364 !important;
		line-height: 46px !important;
		height: 50px !important;
		font-size: 1.4em !important;
	}
	.accordion-item{
		border: 2px solid #124364 !important;
	}
	.panel.donate-panel .accordion-title{
		padding: 0;
		color: #124364 !important;
		text-transform: uppercase;
		background-color: transparent !important;
		font-weight: initial;
		margin-bottom: 0 !important;
	}
	.panel.donate-panel .accordion-title:hover{
		text-decoration: underline !important;
	}
	.panel.donate-panel .accordion-title:before{
		display: none !important;
	}
	.panel.donate-panel .accordion-content p{
		color: #1f1f1f;
	}
.inspiration-block span{
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news-loop h2,
.news-loop h2 a{
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/* Media Queries
----------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------- */
/* Medium Grid (Foundation) */
@media only screen and (max-width: 1024px) {

	.nav-primary{
		display: none;
	}
	.nav-toggle{
		display: block;
	}
	#nav{
		height: 50px;
	}
	.header-cta{
		padding: 16px 0;
		text-align: center;
	}
		.header-cta .flex{
			justify-content: center;
		}
		.header-cta .flex a{
			margin-left: 15px;
			font-size: 18px;
		}
		.header-cta span{
			text-align: center;
			font-size: 20px;
		}
	.fatima{
		margin-bottom: -50px;
	}
	#footer{
		display: none;
	}
	#copyright{
		padding-top: 15px;
		border-top: 1px solid #dedede
	}
		#copyright .left,
		#copyright .right{
			float: none;
			text-align: center;
		}

	.article-standard-loop{
		margin-bottom: 60px;
	}
	.inspiration-block{
		margin-bottom: 15px;
	}
	.cta.button-widget,
	.widget-title{
		font-size: 1.2em !important;
	}
	.article-featured-video-post{
		margin-bottom: 20px;
	}
}
/* < 768px */
@media only screen and (max-width: 856px) {
	#top-nav,
	.search-toggle{
		display: none !important;
	}
}
/* < 768px */
@media only screen and (max-width: 768px) {
	#top-nav,
	.search-toggle{
		display: none !important;
	}
	.header-cta span,
	.header-cta a{
		font-size: 16px;
	}
	.loop-header h2:after{
		display: none;
	}


}
/* Small Grid (Foundation) */
@media only screen and (max-width: 640px) {
	.header-cta {
		padding: 10px 0;
	}
	.header-cta .flex{
		flex-direction: column;
	}
	.fatima{
		margin-bottom: -50px;
	}
	.fatima img{
		width: 80px;
	}
	.loop-header h2{
		font-size: 28px;
	}
	.loop-header .right,
	.loop-header h2:after{
		display: none;
	}
	.loop-header h2{
		width: 100%;
		text-align: center;
		float: none;
	}
	#sidebar{
		margin-top: 30px;
	}
	h3{
		font-size: 25px;
		line-height: 1.2em;
	}
}

/* < 480px) */
@media only screen and (max-width: 480px) {
	.header-flex > div:first-of-type{
		align-items: center;
	}
	#logo {
		line-height: 1em;
	}
		#logo h1{
			font-size: 22px;
		}
		#logo span{
			font-size: 12px;
			line-height: 1em;
		}
	.fatima{
		margin-bottom: 0;
	}
}

/* Change Color of Donate Button */
#nav #menu-item-962 a {
	background-color:#E6CB80;
}
.book-heading h3 a{
	color:black !important;
	font-size:14px !important;
}