/*
Theme Name: Knox
Theme URI: http://underscores.me/
Author: SolaSites
Author URI: http://solasites.com
Description: A design by SolaSites. To see all designs visit http://solasites.com/designs
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: knox
Tags: custom-background, custom-logo, custom-menu, featured-images, 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.

Knox is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*===============================
	1.0.0 Solo Normalize CSS
	===============================*/
@import url('//fonts.googleapis.com/css?family=Crimson+Text:400i');
@import url('//fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('//fonts.googleapis.com/css?family=Montserrat:400,700');

/* From Bootstrap v3.3.7 */

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}

button,
[role="button"] {
	cursor: pointer;
}

button {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	background-color: transparent;
	padding: 0;
	border-width: 0;
	border-style: 0;
	border-color: transparent;
}

button:focus {
	outline: 0;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.background-image-wrapper {
	/*The element containing this class also needs a height set. You can target the element or add a sibling class. Height can be set by padding, min-height, or height, depending upon specific case. The element containing this class needs an <img> with the class .background-image.*/
  position: relative;
  overflow: hidden;
}

img.background-image {
	/*The parent of the <img> needs to have the .background-image-wrapper class as well as a height set (can be set by padding, min-height, or height, depending upon specific case*/
	-webkit-transform: scale(1);
	        transform: scale(1);
  -webkit-transition: -webkit-transform 1.5s;
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.background-image-wrapper.scale:hover>img.background-image {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/* UL and OL (Added by SolaSites)
   ========================================================================== */

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	overflow-x: hidden;
}

a {
	color: inherit;
	text-decoration: none;
}

/* Form */

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}



/*===============================
	2.0.0 Bootstrap Grid
	===============================*/

/*! Grid by Bootstrap */

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}

.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
	float: left;
}

.col-xs-12 {
	width: 100%;
}

.col-xs-11 {
	width: 91.66666667%;
}

.col-xs-10 {
	width: 83.33333333%;
}

.col-xs-9 {
	width: 75%;
}

.col-xs-8 {
	width: 66.66666667%;
}

.col-xs-7 {
	width: 58.33333333%;
}

.col-xs-6 {
	width: 50%;
}

.col-xs-5 {
	width: 41.66666667%;
}

.col-xs-4 {
	width: 33.33333333%;
}

.col-xs-3 {
	width: 25%;
}

.col-xs-2 {
	width: 16.66666667%;
}

.col-xs-1 {
	width: 8.33333333%;
}

.col-xs-pull-12 {
	right: 100%;
}

.col-xs-pull-11 {
	right: 91.66666667%;
}

.col-xs-pull-10 {
	right: 83.33333333%;
}

.col-xs-pull-9 {
	right: 75%;
}

.col-xs-pull-8 {
	right: 66.66666667%;
}

.col-xs-pull-7 {
	right: 58.33333333%;
}

.col-xs-pull-6 {
	right: 50%;
}

.col-xs-pull-5 {
	right: 41.66666667%;
}

.col-xs-pull-4 {
	right: 33.33333333%;
}

.col-xs-pull-3 {
	right: 25%;
}

.col-xs-pull-2 {
	right: 16.66666667%;
}

.col-xs-pull-1 {
	right: 8.33333333%;
}

.col-xs-pull-0 {
	right: auto;
}

.col-xs-push-12 {
	left: 100%;
}

.col-xs-push-11 {
	left: 91.66666667%;
}

.col-xs-push-10 {
	left: 83.33333333%;
}

.col-xs-push-9 {
	left: 75%;
}

.col-xs-push-8 {
	left: 66.66666667%;
}

.col-xs-push-7 {
	left: 58.33333333%;
}

.col-xs-push-6 {
	left: 50%;
}

.col-xs-push-5 {
	left: 41.66666667%;
}

.col-xs-push-4 {
	left: 33.33333333%;
}

.col-xs-push-3 {
	left: 25%;
}

.col-xs-push-2 {
	left: 16.66666667%;
}

.col-xs-push-1 {
	left: 8.33333333%;
}

.col-xs-push-0 {
	left: auto;
}

.col-xs-offset-12 {
	margin-left: 100%;
}

.col-xs-offset-11 {
	margin-left: 91.66666667%;
}

.col-xs-offset-10 {
	margin-left: 83.33333333%;
}

.col-xs-offset-9 {
	margin-left: 75%;
}

.col-xs-offset-8 {
	margin-left: 66.66666667%;
}

.col-xs-offset-7 {
	margin-left: 58.33333333%;
}

.col-xs-offset-6 {
	margin-left: 50%;
}

.col-xs-offset-5 {
	margin-left: 41.66666667%;
}

.col-xs-offset-4 {
	margin-left: 33.33333333%;
}

.col-xs-offset-3 {
	margin-left: 25%;
}

.col-xs-offset-2 {
	margin-left: 16.66666667%;
}

.col-xs-offset-1 {
	margin-left: 8.33333333%;
}

.col-xs-offset-0 {
	margin-left: 0%;
}

@media (min-width: 768px) {

	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		float: left;
	}

	.col-sm-12 {
		width: 100%;
	}

	.col-sm-11 {
		width: 91.66666667%;
	}

	.col-sm-10 {
		width: 83.33333333%;
	}

	.col-sm-9 {
		width: 75%;
	}

	.col-sm-8 {
		width: 66.66666667%;
	}

	.col-sm-7 {
		width: 58.33333333%;
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-5 {
		width: 41.66666667%;
	}

	.col-sm-4 {
		width: 33.33333333%;
	}

	.col-sm-3 {
		width: 25%;
	}

	.col-sm-2 {
		width: 16.66666667%;
	}

	.col-sm-1 {
		width: 8.33333333%;
	}

	.col-sm-pull-12 {
		right: 100%;
	}

	.col-sm-pull-11 {
		right: 91.66666667%;
	}

	.col-sm-pull-10 {
		right: 83.33333333%;
	}

	.col-sm-pull-9 {
		right: 75%;
	}

	.col-sm-pull-8 {
		right: 66.66666667%;
	}

	.col-sm-pull-7 {
		right: 58.33333333%;
	}

	.col-sm-pull-6 {
		right: 50%;
	}

	.col-sm-pull-5 {
		right: 41.66666667%;
	}

	.col-sm-pull-4 {
		right: 33.33333333%;
	}

	.col-sm-pull-3 {
		right: 25%;
	}

	.col-sm-pull-2 {
		right: 16.66666667%;
	}

	.col-sm-pull-1 {
		right: 8.33333333%;
	}

	.col-sm-pull-0 {
		right: auto;
	}

	.col-sm-push-12 {
		left: 100%;
	}

	.col-sm-push-11 {
		left: 91.66666667%;
	}

	.col-sm-push-10 {
		left: 83.33333333%;
	}

	.col-sm-push-9 {
		left: 75%;
	}

	.col-sm-push-8 {
		left: 66.66666667%;
	}

	.col-sm-push-7 {
		left: 58.33333333%;
	}

	.col-sm-push-6 {
		left: 50%;
	}

	.col-sm-push-5 {
		left: 41.66666667%;
	}

	.col-sm-push-4 {
		left: 33.33333333%;
	}

	.col-sm-push-3 {
		left: 25%;
	}

	.col-sm-push-2 {
		left: 16.66666667%;
	}

	.col-sm-push-1 {
		left: 8.33333333%;
	}

	.col-sm-push-0 {
		left: auto;
	}

	.col-sm-offset-12 {
		margin-left: 100%;
	}

	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-sm-offset-9 {
		margin-left: 75%;
	}

	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-sm-offset-6 {
		margin-left: 50%;
	}

	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-sm-offset-3 {
		margin-left: 25%;
	}

	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-sm-offset-0 {
		margin-left: 0%;
	}
}

@media (min-width: 992px) {

	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left;
	}

	.col-md-12 {
		width: 100%;
	}

	.col-md-11 {
		width: 91.66666667%;
	}

	.col-md-10 {
		width: 83.33333333%;
	}

	.col-md-9 {
		width: 75%;
	}

	.col-md-8 {
		width: 66.66666667%;
	}

	.col-md-7 {
		width: 58.33333333%;
	}

	.col-md-6 {
		width: 50%;
	}

	.col-md-5 {
		width: 41.66666667%;
	}

	.col-md-4 {
		width: 33.33333333%;
	}

	.col-md-3 {
		width: 25%;
	}

	.col-md-2 {
		width: 16.66666667%;
	}

	.col-md-1 {
		width: 8.33333333%;
	}

	.col-md-pull-12 {
		right: 100%;
	}

	.col-md-pull-11 {
		right: 91.66666667%;
	}

	.col-md-pull-10 {
		right: 83.33333333%;
	}

	.col-md-pull-9 {
		right: 75%;
	}

	.col-md-pull-8 {
		right: 66.66666667%;
	}

	.col-md-pull-7 {
		right: 58.33333333%;
	}

	.col-md-pull-6 {
		right: 50%;
	}

	.col-md-pull-5 {
		right: 41.66666667%;
	}

	.col-md-pull-4 {
		right: 33.33333333%;
	}

	.col-md-pull-3 {
		right: 25%;
	}

	.col-md-pull-2 {
		right: 16.66666667%;
	}

	.col-md-pull-1 {
		right: 8.33333333%;
	}

	.col-md-pull-0 {
		right: auto;
	}

	.col-md-push-12 {
		left: 100%;
	}

	.col-md-push-11 {
		left: 91.66666667%;
	}

	.col-md-push-10 {
		left: 83.33333333%;
	}

	.col-md-push-9 {
		left: 75%;
	}

	.col-md-push-8 {
		left: 66.66666667%;
	}

	.col-md-push-7 {
		left: 58.33333333%;
	}

	.col-md-push-6 {
		left: 50%;
	}

	.col-md-push-5 {
		left: 41.66666667%;
	}

	.col-md-push-4 {
		left: 33.33333333%;
	}

	.col-md-push-3 {
		left: 25%;
	}

	.col-md-push-2 {
		left: 16.66666667%;
	}

	.col-md-push-1 {
		left: 8.33333333%;
	}

	.col-md-push-0 {
		left: auto;
	}

	.col-md-offset-12 {
		margin-left: 100%;
	}

	.col-md-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-md-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-md-offset-9 {
		margin-left: 75%;
	}

	.col-md-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-md-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-md-offset-6 {
		margin-left: 50%;
	}

	.col-md-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-md-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-md-offset-3 {
		margin-left: 25%;
	}

	.col-md-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-md-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-md-offset-0 {
		margin-left: 0%;
	}
}

@media (min-width: 1200px) {

	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12 {
		float: left;
	}

	.col-lg-12 {
		width: 100%;
	}

	.col-lg-11 {
		width: 91.66666667%;
	}

	.col-lg-10 {
		width: 83.33333333%;
	}

	.col-lg-9 {
		width: 75%;
	}

	.col-lg-8 {
		width: 66.66666667%;
	}

	.col-lg-7 {
		width: 58.33333333%;
	}

	.col-lg-6 {
		width: 50%;
	}

	.col-lg-5 {
		width: 41.66666667%;
	}

	.col-lg-4 {
		width: 33.33333333%;
	}

	.col-lg-3 {
		width: 25%;
	}

	.col-lg-2 {
		width: 16.66666667%;
	}

	.col-lg-1 {
		width: 8.33333333%;
	}

	.col-lg-pull-12 {
		right: 100%;
	}

	.col-lg-pull-11 {
		right: 91.66666667%;
	}

	.col-lg-pull-10 {
		right: 83.33333333%;
	}

	.col-lg-pull-9 {
		right: 75%;
	}

	.col-lg-pull-8 {
		right: 66.66666667%;
	}

	.col-lg-pull-7 {
		right: 58.33333333%;
	}

	.col-lg-pull-6 {
		right: 50%;
	}

	.col-lg-pull-5 {
		right: 41.66666667%;
	}

	.col-lg-pull-4 {
		right: 33.33333333%;
	}

	.col-lg-pull-3 {
		right: 25%;
	}

	.col-lg-pull-2 {
		right: 16.66666667%;
	}

	.col-lg-pull-1 {
		right: 8.33333333%;
	}

	.col-lg-pull-0 {
		right: auto;
	}

	.col-lg-push-12 {
		left: 100%;
	}

	.col-lg-push-11 {
		left: 91.66666667%;
	}

	.col-lg-push-10 {
		left: 83.33333333%;
	}

	.col-lg-push-9 {
		left: 75%;
	}

	.col-lg-push-8 {
		left: 66.66666667%;
	}

	.col-lg-push-7 {
		left: 58.33333333%;
	}

	.col-lg-push-6 {
		left: 50%;
	}

	.col-lg-push-5 {
		left: 41.66666667%;
	}

	.col-lg-push-4 {
		left: 33.33333333%;
	}

	.col-lg-push-3 {
		left: 25%;
	}

	.col-lg-push-2 {
		left: 16.66666667%;
	}

	.col-lg-push-1 {
		left: 8.33333333%;
	}

	.col-lg-push-0 {
		left: auto;
	}

	.col-lg-offset-12 {
		margin-left: 100%;
	}

	.col-lg-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-lg-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-lg-offset-9 {
		margin-left: 75%;
	}

	.col-lg-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-lg-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-lg-offset-6 {
		margin-left: 50%;
	}

	.col-lg-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-lg-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-lg-offset-3 {
		margin-left: 25%;
	}

	.col-lg-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-lg-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-lg-offset-0 {
		margin-left: 0%;
	}
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
	content: " ";
	display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
	clear: both;
}

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

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.invisible {
	visibility: hidden;
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.hidden {
	display: none !important;
}

.affix {
	position: fixed;
}

.display-flex-mobile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/*===============================
	3.0.0 Browse Page CSS
	===============================*/

/* Browse Results Header */

.browse-results-page>header {
	padding: 50px 80px;
	background: #222;
	/*Flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
}

.browse-results-page .page-title {
	margin: 0;
	font-family: 'Monserrat', Helvetica, sans-serif;
	font-size: 23px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-align: center;
	color: #fff;
}

@media (min-width: 768px) {

	.browse-results-page>header {
		padding: 90px 100px;
	}

	.browse-results-page .page-title {
		font-size: 40px;
	}

}

@media (min-width: 992px) {

	.browse-results-page>header {
		padding: 100px;
	}

	.browse-results-page .page-title {
		font-size: 45px;
	}

}

@media (min-width: 1200px) {}

/* Browse Navbar */

.browse-navbar {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #757575;
	margin-bottom: 40px;
}

.resource-type-nav {
	height: 65px;
	width: 210px;
	position: relative;
	z-index: 10;
	margin: 0 auto;
	/*Setup for child to be absolute*/
	/*Flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
}

.dropdown-title {
	padding: 0 20px;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #3B3B3B;
	letter-spacing: 0.03125rem;
	cursor: pointer;
	/*Flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.dropdown-title:hover {
	background: #F6F6F4;
}

.dropdown-title i {
	font-size: 10px;
}

.dropdown-title .icon-chevron-bottom {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition-duration: .25s;
	        transition-duration: .25s;
	padding: 0;
	display: inline-block;
}

.active>.icon-chevron-bottom {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	margin-bottom: 3px;
}

.dropdown-title.active {
	background: #F6F6F4;
	overflow: visible;
}

.dropdown-title.active::after {
	border-bottom: #EAEAEA 1px solid;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	z-index: 500;
	margin-bottom: -1px;
}

.resource-type-nav ul {
	position: absolute;
	background: #F6F6F4;
	list-style: none;
	margin: 0;
	padding: 20px;
	line-height: 1.8;
	z-index: 100;
	left: 0;
	display: none;
	/*Toggled by JS*/
}

.resource-type-nav>ul>li {
	/*Flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.resource-type-nav>ul>li>a {
	-ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	/*Making whole LI clickable*/
}

.resource-type-nav>ul>li:hover>a {
	color: #3B3B3B;
}

.index-nav>ul>li.current {
	color: #3B3B3B;
}

.browse-navbar .dropdown-title {
	font-weight: 500;
	text-transform: uppercase;
}

.browse-results-page .relative-flex {
	position: relative;
}

.nav-shadow

/*This element exists for dropshadow only. Height, width ad toggle handled by JS */
	{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 174px;
	opacity: .5;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
	display: none;
}

/* Index Nav */

.index-nav {
	/*Scrollbar function*/
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch !important;
	-ms-overflow-style: -ms-autohiding-scrollbar !important;
	border-bottom: #EAEAEA 1px solid;
	border-top: #EAEAEA 1px solid;
	position: relative;
}

.index-nav::-webkit-scrollbar

/*Hide scrollbar function*/
	{
	height: 0px;
	background: transparent;
	/* make scrollbar transparent */
	display: none;
}

.index-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 60px;
	width: 125%;
	/*Flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-around;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.index-nav ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.index-nav ul li.current,
.index-nav ul li:hover {
	border-bottom: 4px solid #6A6A6A;
}

.index-nav ul li.current a,
.index-nav ul li:hover a {
	margin-bottom: -4px;
}

.index-nav ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 5px;
}

.index-nav ul li:hover a {
	color: #6A6A6A;
}

@media (min-width: 520px) {
	.index-nav ul {
		width: 100%;
	}

}

@media (min-width: 768px) {

	.relative-container {
		padding: 0 15px;
	}

	.browse-navbar {

		border-bottom: #EAEAEA 1px solid;
		margin-bottom: 80px;

	}

	.resource-type-nav ul {
		line-height: 2.25;
	}

	.browse-results-page .relative-flex {
		max-width: 840px;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		width: 100%;
	}

	.nav-shadow {
		height: 209px;
	}

	.resource-type-nav {
		-ms-flex-item-align: start;
		    align-self: flex-start;
		margin: 0px;
		height: 82px;
	}

	.index-nav {
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		border: 0px;
	}

	.index-nav ul {
		height: 82px;
		/*		margin-left: 10%; */
		/*Turned off until advanced filtering enabled */
	}

	.index-nav ul li a {
		padding: 0 10px;
	}

	.browse-results {
		max-width: 840px;
		margin: 0 auto;
		padding: 20px;
	}

}

@media (min-width: 992px) {

	.resource-type-nav,
	.index-nav ul {
		height: 94px;
	}

	.nav-shadow {
		height: 221px;
	}

}

@media (min-width: 1200px) {}



/*===============================
	4.0.0 Mobile Styles (default - mobile first)
	===============================*/

/* General
  ===============================*/

/* ======= Icon Fonts ======= */

@font-face {
	font-family: 'design-07-icon-font';
	src: url('fonts/design-07-icon-font_6fwxmc.eot');
	src: url('fonts/design-07-icon-font_6fwxmc.eot#iefix') format('embedded-opentype'),
		url('fonts/design-07-icon-font_6fwxmc.ttf') format('truetype'),
		url('fonts/design-07-icon-font_6fwxmc.woff') format('woff'),
		url('fonts/design-07-icon-font_6fwxmc-design-07-icon-font.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'design-07-icon-font' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-bottom:before {
	content: "\e900";
}

.icon-arrow-left:before {
	content: "\e901";
}

.icon-arrow-right:before {
	content: "\e902";
}

.icon-arrow-top:before {
	content: "\e903";
}

.icon-caret-bottom:before {
	content: "\e904";
}

.icon-caret-left:before {
	content: "\e905";
}

.icon-caret-right:before {
	content: "\e906";
}

.icon-caret-top:before {
	content: "\e907";
}

.icon-check:before {
	content: "\e908";
}

.icon-chevron-bottom:before {
	content: "\e909";
}

.icon-chevron-left:before {
	content: "\e90a";
}

.icon-chevron-right:before {
	content: "\e90b";
}

.icon-chevron-top:before {
	content: "\e90c";
}

.icon-data-transfer-download:before {
	content: "\e90d";
}

.icon-double-chevron:before {
	content: "\e90e";
}

.icon-double-quote-sans-left:before {
	content: "\e90f";
}

.icon-double-quote-sans-right:before {
	content: "\e910";
}

.icon-envelope-closed:before {
	content: "\e911";
}

.icon-facebook:before {
	content: "\e912";
}

.icon-filter:before {
	content: "\e913";
}

.icon-headphones:before {
	content: "\e914";
}

.icon-map:before {
	content: "\e915";
}

.icon-media-pause:before {
	content: "\e916";
}

.icon-media-play:before {
	content: "\e917";
}

.icon-twitter:before {
	content: "\e918";
}

.icon-volume-high:before {
	content: "\e919";
}

.icon-volume-low:before {
	content: "\e91a";
}

.icon-volume-off:before {
	content: "\e91b";
}

/* ======= End Icon Fonts ======= */

body {
	width: 100%;
	background: #FFFFFF;
	font-family: 'Roboto', Helvetica, sans-serif;
}

:root {
	--primary-regular: #cc252f;
	--primary-light: #e30e20;
}

.relative {
	position: relative;
	top: 0px;
}

.navigation .active,
.sidebar-navigation li.active>a {
	color: #cc252f;
	color: var(--primary-regular);
	font-weight: 500;
}


/* HOMEPAGE - PHONE
===============================*/

/* ======= Banner Area ======= */

/* ======= Banner Image ======= */

.home-banner {
	height: 250px;
	z-index: 0;
	background-color: #222222;
}

.banner-video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.overlay {
	background-color: rgba(0, 0, 0, .01);
	top: 0;
	left: 0;
	width: 100%;
	height: 306px;
	position: absolute;
	z-index: 1;
}

.banner-content {
	position: relative;
	height: 100%;
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.banner-content h1 {
	color: #fff;
	margin: 0;
	text-align: center;
	font-size: 23px;
	font-weight: 700;
	margin: 10px 0;
	letter-spacing: 1.2px;
	line-height: 1.3;
	/* text-transform: uppercase; */
	font-family: 'Monserrat', Helvetica, sans-serif;
}

.banner-date {
	font-size: 11px;
	color: #fff;
	text-align: center;
	position: relative;
	text-transform: capitalize;
}

.banner-date::before {
	content: ' ';
	width: 68px;
	height: 8px;
	background: #cc252f;
	background: var(--primary-regular);
	display: block;
	margin-bottom: 10px
}

.banner-tag {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.banner-tag .play-icon {
	position: relative;
	top: initial;
	right: initial;
	bottom: initial;
	width: 25px;
	height: 25px;
}

.banner-tag .play-icon::before {
	left: 10px;
	top: 8px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid white;
}

.banner-tag .label {
	position: relative;
	top: initial;
	right: initial;
	margin: 0 8px;
}

.banner-author {
	font-size: 11px;
	color: #fff;
}

.service {
	padding-right: 0;
	padding-left: 0;
	position: relative;
	z-index: 2;
}

.service-times-box {
	position: relative;
	color: #fff;
	z-index: 1;
	width: 100%;
	background-color: #222;
	padding-top: 40px;
	padding-right: 13%;
	padding-left: 13%;
	padding-bottom: 40px;
}

.service-times-box p {
	margin: 0;
	font-family: 'Crimson Text', serif;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.8px;
	line-height: 1.6;
}

.service-times-box .get-direction-btn {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #cc252f;
	background: var(--primary-regular);
	padding: 10px 14px;
	border-radius: 5px;
	margin: 15px auto 0;
  display: table;
}

.service-times-box .get-direction-btn:hover {
	background: #e30e20;
	background: var(--primary-light);
}

.service-times-box .get-direction-btn:active {
	background: #e30e20;
	background: var(--primary-light);
}

/* ======= End Banner Image ======= */

.container-phone {
	padding-left: 0px;
	padding-right: 0px;
}


/* Main Content - phone
===============================*/

#main-home {
	/* margin-top: 150px; */
}

.page-feeds {
	background-color: #F6F6F4;
	padding: 15px;
}

.black-overlay {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	content: '';
	position: absolute;
}

.page-feeds .section-title,
.sermons .section-title,
.articles .section-title {
	margin: 0;
	padding: 0;
	font-family: 'Crimson Text', serif;
	font-size: 15px;
	font-weight: 500;
	font-style: italic;
	color: #95989A;
	text-align: center;
	letter-spacing: 1px;
}

.page-feeds .section-title {
	padding-top: 32px;
	padding-bottom: 32px;
}

.page-feed-1,
.page-feed-2 {
	height: 115px;
	margin-bottom: 15px;
	background-color: #cc252f !important;
	background-color: var(--primary-regular) !important;
	/* -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 1.5s;
	transition: -webkit-transform 1.5s;
	transition: transform 1.5s;
	transition: transform 1.5s, -webkit-transform 1.5s; */
}

/* .page-feed-1:hover {
	transform: scale(1.05);
} */

.page-feeds .row > div:last-child .page-feed-1 {
	margin-bottom: 0;
}

.rectangle {
	width: 100%;
	height: 115px;
	background-color: rgba(0, 0, 0, .4);
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
}

.rectangle .page-title {
	margin: 0 8px;
	font-family: 'Crimson Text', serif;
	font-size: 25px;
	color: #fff;
	opacity: 1;
	z-index: 1;
	line-height: 1.6;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	position: relative;
	font-weight: 400;
	font-style: italic;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	    align-self: center;
	text-align: center;
	letter-spacing: 1px;
}

/* ======= Sermons and Articles Common Styling - Phone ======= */

.sermon-card,
.blog-card {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

/* .img-container {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 1.5s;
	transition: -webkit-transform 1.5s;
	transition: transform 1.5s;
	transition: transform 1.5s, -webkit-transform 1.5s;
}

.sermon-card:hover .img-container,
.blog-card:hover .img-container {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
} */

.sermons .row > div:last-child .sermon-card {
	margin-bottom: 0;
}

.sermon-card-overlay,
.article-card-overlay {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	width: 100%;
	top: 0;
}

p.date,
.article-date {
	font-size: 11px;
	font-weight: 400;
	text-transform: capitalize;
}

.speaker-and-avatar .speaker,
.author-and-avatar .author {
	font-size: 11px;
	font-weight: 400;
	text-transform: capitalize;
}

.avatar img,
.author-avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50px;
}


/* ======= Sermon Feed - Phone ======= */

.date-and-title p,
.date-and-title h2,
.speaker-and-avatar p {
	margin: 0;
}

.sermons {
	margin: 22px 0;
	padding: 15px;
}

.sermons .section-title {
	/*Section Title Margin*/
	margin-bottom: 37px;
}

.sermon-card .img-container {
	height: 160px;
}

.sermon-card-overlay {
	height: 160px;
}

.play-icon {
	color: #fff;
  font-size: 10px;
	position: absolute;  
	top: 18px;
  right: 15px;
  width: 37px;
  height: 37px;
	background-color: #cc252f;
	background-color: var(--primary-regular);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}


.play-icon::before {
	content: '';
	position: absolute;
	left: 14px;
	top: 9px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid white;
}

.sermon-info {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 15px;
	z-index: 10;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-direction: column;
	-webkit-box-orient: vertical;
	-ms-flexbox-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-around;
}

.label {
	font-size: 10px;
	background: rgba(0, 0, 0, 0.5);
	color: rgba(233, 233, 233, 0.6);
	text-transform: uppercase;
	padding: 6px 8px;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	    align-self: flex-start;
}

p.date,
.title {
	padding-right: 20%;
}

p.date {
	opacity: 0.9;
}

.title {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
	padding-top: 5px;
}

.speaker-and-avatar {
	width: 100%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.speaker-and-avatar .speaker {
	-ms-order: 1;
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}

.speaker-and-avatar .speaker:only-child {
	margin: 0;
}

.speaker-and-avatar .avatar {
	width: 19px;
	height: 19px;
	-ms-order: 2;
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}

.sermon-card:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}


/* ======= End Sermon Feed - Phone ======= */


/* ======= Articles - Phone ======= */

.articles {
	margin: 22px 0;
  padding: 15px;
}

.articles .section-title {
	/*Section Title Margin*/
	margin-bottom: 48px;
}

.blog-card .img-container {
	height: 220px;
}

.article-card-overlay {
	height: 300px;
}

.blog-card .label {
	position: absolute;
	top: 10px;
	left: 10px;
}

.article-date-and-title p,
.article-date-and-title h2,
.author-and-avatar p {
	margin: 0;
}

.article-info {
	position: absolute;
	padding: 15px;
	color: #fff;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-direction: column;
	-webkit-box-orient: vertical;
	-ms-flexbox-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
}

.date-title-container {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	    align-self: center;
	text-align: center;
}

.article-date {
	opacity: 0.7;
}

.article-title {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.6;
	padding-top: 6px;
}

.author-and-avatar {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0px 15px 15px;
	color: #fff;
	width: 100%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.author-and-avatar .author-avatar {
	width: 19px;
	height: 19px;
	-ms-order: 2;
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}

.author-and-avatar .author {
	opacity: 0.7;
	-ms-order: 1;
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}

/* =======End Articles - Phone ======= */


/* ======= Tweet - Phone ======= */

.tweet {
	margin-top: 1px;
	margin-bottom: 50px;
}

.tweet .bg-img-or-color {
	height: 297px;
	background: no-repeat center;
	background-color: #cc252f;
	background-color: var(--primary-regular);
	background-size: cover;
}

.tweet-containerva {
	position: relative;
	width: 290px;
	height: 0px;
	margin: 0 auto;
	color: #fff;
}

.trapezium-tweet {
	width: 75px;
	height: 75px;
	border-bottom: 120px solid #222222;
	border-left: 290px solid transparent;
	border-right: 0px solid transparent;
}

.rectangle-tweet {
	width: 290px;
	height: 160px;
	background: #222222;
}

.shape-container {
	position: absolute;
	top: 38px;
}

.avatar-tweet {
	width: 89px;
	height: 89px;
	z-index: 2;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 50px;
}

.avatar-tweet img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: block;
	object-fit: cover;
}

.twitter-snippet-container {
	height: 130px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 6%;
	margin-right: 6%;
}

.tweet-snippet {
	margin: 0;
	font-family: 'Crimson Text', sans-serif;
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.6;
	padding-left: 40px;
}

.tweet-snippet a {
	color: #fff;
	opacity: 0.75;
	text-decoration: underline;
}

.icon-double-quote-sans-right {
	position: absolute;
	font-size: 22px;
}

.twitter-handle {
	font-size: 11px;
	font-weight: 400;
	display: inline-block;
	float: right;
	margin-right: 19px;
}

/* END HOMEPAGE - PHONE 
  ===============================*/



/*===============================
	1.1.0 Large Mobiles (min-width: 400px)
	===============================*/

@media (min-width: 400px) {
	/* ======= Tweet - Phone ======= */

	.tweet-containerva {
		width: 370px;
	}

	.trapezium-tweet {
		border-left: 370px solid transparent;
	}

	.rectangle-tweet {
		width: 370px;
		height: 160px;
	}

	.shape-container {
		top: 50px;
	}

	.avatar-tweet {
		width: 89px;
		height: 89px;
		top: 65px;
	}
}



/*===============================
	1.2.0 Large Mobiles (min-width: 480px)
	===============================*/

@media (min-width: 480px) {
	/* ======= Tweet - Phone ======= */

	.tweet-containerva {
		width: 450px;
	}

	.trapezium-tweet {
		border-left: 450px solid transparent;
	}

	.rectangle-tweet {
		width: 450px;
	}

	.avatar-tweet {
		width: 95px;
		height: 95px;
		top: 63px;
	}
}



/*===============================
	1.3.0 Large Mobiles (min-width: 600px)
	===============================*/

@media (min-width: 600px) {
	/* ======= Tweet - Phone ======= */

	.tweet-containerva {
		width: 570px;
	}

	.trapezium-tweet {
		border-left: 570px solid transparent;
	}

	.rectangle-tweet {
		width: 570px;
	}

	.avatar-tweet {
		width: 100px;
		height: 100px;
	}
}



/*===============================
	1.4.0 Large Mobiles (min-width: 720px)
	===============================*/

@media (min-width: 720px) {
	/* ======= Tweet - Phone ======= */

	.tweet {
		margin-bottom: 235px;
	}

	.tweet-containerva {
		width: 690px;
	}

	.trapezium-tweet {
		border-left: 690px solid transparent;
	}

	.rectangle-tweet {
		width: 690px;
	}

	.avatar-tweet {
		width: 115px;
		height: 115px;
	}

	.tweet-snippet {
		font-size: 16px;
	}
}

/*===============================
	1.0.0 End Mobiles (min-width: 320px),
	(min-width: 400px),(min-width: 480px),
	(min-width: 600px),(min-width: 720px)
	===============================*/


/* GENERAL CONTENT - PHONE 
  ===============================*/

.page-image {
	height: 334px;
}

.general-page-content .general-page-title {
	background: #222;
	padding: 54px 32px;
	position: relative;
	top: -68px
}

.general-page-content .general-page-title h1 {
	margin: 0;
	font-family: 'Montserrat', Helvelica, sans-serif;
	font-size: 23px;
	font-style: normal;
	font-weight: 700;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
	line-height: 28px;
}

.general-page-content .main-content {
	position: relative;
	top: -50px
}

/*========= Sidebar - phone =========*/

.sidebar-container {
	display: none;
}

/* END GENERAL CONTENT - PHONE 
  ===============================*/



/* ELEMENTS - PHONE 
  ===============================*/

.elements-page-title {
	background: #222222;
	color: #fff;
	text-align: center;
	padding: 60px 104px;
}

.elements-page-title h1 {
	margin: 0;
	font-family: 'Monserrat', Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 23px;
	line-height: 28px;
	letter-spacing: 2px;
}

.elements-page-container {
	padding-top: 60px;
}


.entry-content > * {
  max-width: 100%;
  margin: 20px 0;
}

.entry-content > *:first-child {
  margin-top: 0;
}

.entry-content > *:last-child {
  margin-bottom: 0;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  color: #3b3b3b;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 0;
	font-family: 'Montserrat', Helvetica, sans-serif;
}

.entry-content h2 {
	font-size: 28px;
}

.entry-content h3 {
	font-size: 20px;
}

.entry-content h4 {
	font-size: 18px;
}

.entry-content h5 {
	font-size: 16px;
}

.entry-content h6 {
	font-size: 16px;
}

.entry-content p {
	font-size: 16px;
	line-height: 1.8;
	color: #3B3B3B;
  margin-top: 10px;
}

.entry-content p.has-drop-cap:not(:focus)::first-letter {
  float: left;
  font-size: 55px;
  line-height: .68;
  font-weight: 700;
  margin: .25em .15em 0 0;
  text-transform: uppercase;
}

.entry-content ul,
.entry-content ol {
  padding-left: 20px;
}

.entry-content ol {
  list-style: decimal;
}

.entry-content ol > li > ol {
  list-style-type: upper-alpha;
}

.entry-content ul > li,
.entry-content ol > li {
  font-size: 14px;
  line-height: 1.8;
  margin: 10px 0;
  color: #2C2C2C;
  position: relative;
}

.entry-content ul > li {
  padding-left: 18px;
}

.entry-content ol > li {
  padding-left: 10px;
}

.entry-content ul > li::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  left: 0;
  top: 9px;
  background-color: #3b3b3b;
  position: absolute;
}

.entry-content figure > img {
  height: auto;
  display: block;
  position: relative;
}

.entry-content img,
.entry-content figure {
	max-width: 100%;
	height: auto;
	margin: 0 0 1rem;
}

.entry-content img.alignright,
.entry-content a img.alignright,
.entry-content figure.alignright {
	/* float: right;  */
	margin: 1rem 1.5rem;
}

.entry-content img.alignleft,
.entry-content a img.alignleft,
.entry-content figure.alignleft {
		/* float: left;  */
		margin: 1rem 1.5rem;
}

.entry-content img.aligncenter,
.entry-content a img.aligncenter,
.entry-content figure.aligncenter,
.entry-content figure.aligncenter > img {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

.entry-content figcaption {
  margin-top: .5em;
  margin-bottom: 1em;
  color: #959595;
	line-height: 1.5;
	letter-spacing: 0.5px;
	font-size: 11px;
	text-align: center;
  font-style: italic;
}

.entry-content .aligncenter>figcaption,
.entry-content .alignleft>figcaption,
.entry-content .alignright>figcaption,
.entry-content .is-resized>figcaption {
  display: table-caption;
  caption-side: bottom;
}

.entry-content strong {
  font-weight: bold;
}

.entry-content em {
  font-style: italic;
}

.entry-content figcaption em {
  font-style: normal;
}

.entry-content a {
  position: relative;
  transition: color .25s;
  line-height: 1.6;
  padding-bottom: 2px;
  border-bottom: 2px solid #cc252f;
  border-bottom: 2px solid var(--primary-regular);
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-content a:active {
	color: #e30e20;
	color: var(--primary-light);
}

.entry-content blockquote > p {
  font-size: 16px;
  font-style: italic;
	line-height: 1.8;
	margin: 10px 0;
	font-family: 'Crimson Text', Helvetica, sans-serif;
}

.entry-content cite {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.8;
  font-style: normal;
  color: rgba(59, 59, 59, .6);
}

.entry-content .wp-block-pullquote {
  position: relative;
	padding: 30px 0;
	max-width: 100%;
  border-top: 3px solid #cc252f;
  border-top: 3px solid var(--primary-regular);
  border-bottom: 3px solid #cc252f;
  border-bottom: 3px solid var(--primary-regular);
}

.entry-content .wp-block-pullquote > blockquote {
  margin: 0 10px;
  text-align: center;
}

.entry-content .wp-block-pullquote > blockquote > p {
  font-size: 22px;
  line-height: 1.5;
  margin: 0 0 10px;
}

.entry-content .wp-block-pullquote > blockquote > p:only-child {
  margin: 0;
}

.entry-content .wp-block-quote {
  position: relative;
  padding-left: 20px;
  display: table;
}

.entry-content .wp-block-quote::before {
  content: "";
  width: 5px;
  height: 100%;
  left: 0;
  top: 0px;
	background-color: #cc252f;
	background-color: var(--primary-regular);
  position: absolute;
}

.entry-content audio,
.entry-content video {
  width: 100%;
}

.entry-content .wp-block-file {
  color: rgba(44, 44, 44, .8);
  font-size: 14px;
  line-height: 2;
}

.entry-content a.wp-block-file__button,
.entry-content .wp-block-button > a,
.entry-content .button {
  color: #fff;
  font-size: 13px !important;
  font-weight: 600;
  border: 0px;
  border-bottom: 0;
  cursor: pointer;
  padding: 12px 20px 9px;
  border-radius: 5px;
  margin-top: 20px;
  height: 40px;
  letter-spacing: 1px;
  background-color: #2c2c2c;
  text-transform: uppercase;
  transition: background-color .25s;
  display: table !important;
  -webkit-transition: background-color .25s;
  -moz-transition: background-color .25s;
  -ms-transition: background-color .25s;
  -o-transition: background-color .25s;
}

.entry-content a.wp-block-file__button:hover,
.entry-content .wp-block-button > a:hover,
.entry-content .button:hover {
	background-color: #e30e20;
	background-color: var(--primary-light);
}

.entry-content .wp-block-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.entry-content .wp-block-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 1em;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word;
}

.entry-content .wp-block-column figure {
  margin: 0;
}

.entry-content .wp-block-separator,
.entry-content .wp-block-separator.is-style-wide,
.entry-content .wp-block-separator.is-style-wide.is-style-dots {
  max-width: 100px;
  border: 0px;
  height: 2px;
  margin: 30px auto;
  background-color: rgba(44, 44, 44, 0.4);
}

.entry-content > div.wp-block-image:first-child {
  display: initial;
}

.entry-content > div.wp-block-image:first-child ~ p {
  margin-top: 0;
}

.entry-content .two-columns {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 20px;
          column-gap: 20px;
}

.entry-content iframe {
  border: unset;
}

.entry-content .c-accordion__title:focus {
  outline: none;
}

.entry-content .c-accordion__title::after {
  right: 8px;
  color: #2C2C2C;
  font-weight: 400;
}

/* Tables */

.entry-content table {
  display: block;
  overflow-x: auto;
  border-spacing: 0;
  line-height: 1.4;
  font-size: 13px;
  margin-bottom: 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 1px 3px 6px 0px rgba(0,0,0,0.16);
}

.entry-content table:last-child {
  margin-bottom: 0px;
}

.entry-content table thead,
.entry-content table tbody {
  display: table;
  width: 100%;
}

.entry-content table thead tr {
  color: #fff;
  background-color: #3b3b3b;
}

.entry-content table tbody tr {
  color: #2c2c2c;
}

.entry-content table tbody tr:nth-child(odd) {
  background-color: #f0f0f0;
}

.entry-content table tbody tr:nth-child(even) {
  background-color: #fff;
}

.entry-content table thead th,
.entry-content table tbody td {
  padding: 10px 5px;
  word-break: unset;
}

.entry-content table tbody td:first-child {
  padding-left: 10px;
}

.entry-content table tbody td:last-child {
  padding-right: 10px;
}

.entry-content .has-white-color:hover {
	color: #fff;
}

/* End-Tables */


/* Buttons ============== */

.buttons h1,
.buttons h2 {
	font-style: normal;
	font-weight: 700;
	padding-bottom: 24px;
}

.buttons h1 {
	font-size: 18px;
}

.buttons h2 {
	font-size: 16px;
}

/* ======= Buttons Types - General======= */

.button-type1 .button,
.button-type2 .button,
.button-type3 .button {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}

/* Button Labels */
.button-type1 .button-label,
.button-type2 .button-label,
.button-type3 .button-label {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: #545454;
	text-transform: capitalize;
}

/* Button Size, Text, Hover & Active */
.button-type1 .button-background,
.button-type2 .button-background,
.button-type3 .button-background {
	padding: 13px 32px;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	background-color: #cc252f;
	background-color: var(--primary-regular);
	color: #fff;
	border-radius: 5px;
	letter-spacing: 2px;
	margin-left: auto;
}

.button-type1 .button-background:hover,
.button-type2 .button-hollow:hover,
.button-type3 .button-background:hover {
	background-color: #e30e20;
	background-color: var(--primary-light);
}

.button-type1 .button-background:active,
.button-type2 .button-hollow:active {
	background-color: #e30e20;
	background-color: var(--primary-light);
}

/* ======= Buttons Type 2 ======= */

.button-type2,
.button-type3 {
	padding-top: 22px;
}

.button-type2 .button-hollow {
	background-color: transparent;
	color: rgba(40, 40, 40, 0.7);
	border: 1px solid rgba(59, 59, 59, 0.7);
}

.button-type2 .button-hollow:hover {
	border: none;
	padding: 14px 33px;
	color: #fff;
}

/* ======= Buttons Type 3 ======= */

.button-type3 .button-background {
	background-color: rgba(0, 0, 0, .02);
	color: rgba(40, 40, 40, 0.7);
}

/* btn hover */
.button-type3 .button-background:hover {
	background-color: rgba(0, 0, 0, .03);
	color: #e30e20;
	color: var(--primary-light);
}

/* ======= Primary Button Group ======= */

.button-group {
	padding-bottom: 22px;
}

.button-group h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	padding-bottom: 18px;
	padding-top: 8px;
}

/*  Button */

.btn-flex {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.btn {
	border-radius: 50px;
	padding: 15px 30px;
	background: #cc252f;
	background: var(--primary-regular);
	color: #fff;
	text-transform: uppercase;
	margin-top: 20px;
}

.btn:hover {
	opacity: .75;
}

.btn-text {
	padding-left: 10px;
	font-size: 11px;
	color: #95989A;
	font-weight: 400;
}

/* Btns Hovers */
.btn-flex:hover .btn {
	background: #e30e20;
	background: var(--primary-light);
}

.btn-flex:hover .btn-text {
	color: #e30e20;
	color: var(--primary-light);
}

/* Play Button */
.btn .icon-media-play {
	font-size: 17px;
	color: #fff;
}


/* Listen Button  & Download Button */
.btn .icon-headphones,
.btn .icon-data-transfer-download {
	font-size: 13px;
	color: #fff;
}

/* ======= Secondary Button ======= */

.secondary-button-container {
	padding-bottom: 30px;
}

.secondary-button-container h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	padding-bottom: 27px;
}

.secondary-button-container .button-label {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: #545454;
	text-transform: capitalize;
	display: inline-block;
}

.secondary-button-container .button-link {
	margin-left: 30px;
	font-size: 12px;
	font-weight: 700;
	color: rgba(40, 40, 40, 0.7);
	text-transform: capitalize;
	font-style: normal;
}

.secondary-button-container .button-link:hover {
	color: #e30e20;
	color: var(--primary-light);
}


/* Forms ============== */

.form-container {
	padding-top: 36px;
}

.form-container h1 {
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
}

.form-container hr {
	margin: 0;
	border: 1px solid #000;
	opacity: 0.09;
	margin-top: 18px;
}

/*=========Post a Form=========*/

.form-content label {
	display: block;
	margin: 14px 0px 10px;
	float: left;
	color: #8C8C8C;
	font-size: 12px;
	font-weight: 300;
	opacity: 0.8;
}

.form-content input[type="text"],
.form-content input[type="email"],
.form-content input[type="website"],
.form-content textarea {
	width: 100%;
	height: 35px;
	background: #F6F6F4;
	color: #8C8C8C;
	opacity: 0.9;
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	padding: 0px 0px 0px 10px;
	margin-top: 2px;
	border: none;
	border-radius: 5px;
	outline: 0;
}

input:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus:-moz-placeholder {
	color: transparent;
}

/* FF 4-18 */

input:focus::-moz-placeholder {
	color: transparent;
}

/* FF 19+ */

input:focus:-ms-input-placeholder {
	color: transparent;
}

/* IE 10+ */

.form-content textarea {
	height: 130px;
	padding-top: 10px;
}

.form-content .button {
	background-color: #cc252f;
	background-color: var(--primary-regular);
	padding: 13px 32px;
	color: #FFF;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 100%;
	margin-top: 21px;
	border-radius: 5px;
}

.form-content .button:hover {
	background-color: #e30e20;
	background-color: var(--primary-light);
}

/*=========Checkbox & Radio Button=========*/

.checkbox-radio-container {
	padding-top: 40px;
}

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"]+label {
	color: rgba(40, 40, 40, 0.7);
	font-style: italic;
	font-size: 15px;
}

input[type="checkbox"]+label span {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: -2px 10px 0 0;
	vertical-align: middle;
	background: url(assets/svg/checkbox-default.png) center top no-repeat;
	background-size: 26px 26px;
	cursor: pointer;
}

input[type="checkbox"]:checked+label span {
	background: url(assets/svg/checkbox-checked.png) center no-repeat;
}

/*Radio Button*/

input[type="radio"] {
	display: none;
}

input[type="radio"]+label {
	font-style: italic;
	font-size: 15px;
}

input[type="radio"]+label span {
	display: inline-block;
	width: 23px;
	height: 23px;
	margin: -2px 10px 0 0;
	vertical-align: middle;
	background: url(assets/svg/radio-button-default.png) center no-repeat;
	background-size: 23px 23px;
	cursor: pointer;
}

input[type="radio"]:checked+label span {
	background: url(assets/svg/radio-button-checked.png) center no-repeat;
	background-size: 23px 23px;
}

/*=========End Checkbox & Radio Button=========*/

/* END ELEMENTS - PHONE 
  ===============================*/



/*===============================
  SERMONS & BLOG - PHONE
  ===============================*/

.sermon-archive-title,
.blog-title {
	background-color: #222222;
	/*	padding: 30px 40px;*/
	padding-top: 30px;
	padding-bottom: 90px;
	padding-left: 30px;
	padding-right: 30px;
}

.sermon-archive-title .page-title,
.blog-title .page-title {
	margin: 0;
	font-family: 'Monserrat', Helvetica, sans-serif;
	font-size: 23px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-align: center;
	color: #fff;
}

/*========= Sermons Cards =========*/

/*===============================
  BLOG SINGLE - PHONE
  ===============================*/

.page-image-single {
	height: 334px;
}

.single-page-content .single-page-title p {
	margin: 0;
}

.single-page-title {
	text-align: center;
}

.single-page-content .single-page-title {
	background: #222;
	padding: 27px 32px 36px;
	margin-top: -74px;
}

.single-page-content .single-page-title span,
.single-page-content .single-page-title time {
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	line-height: 2;
}

.single-page-content .single-page-title span a {
	color: rgba(255, 255, 255, 1);
}

.single-page-title>span:after {
	content: '|';
	padding-left: 8px;
	padding-right: 4px;
}

.single-page-title>span:last-child:after {
	content: none;
}

.single-page-content .single-page-title h1 {
	margin: 15px 0 10px 0;
	color: #fff;
	font-family: 'Montserrat', Helvelica, sans-serif;
	font-size: 23px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.6;
}

.single-page-content .main-content-single {
	margin-top: 9px;
}

.single-page-content .autor-bio {
	margin: 0;
	margin-top: 40px;
	font-size: 13px;
	font-style: italic;
	font-weight: 300;
	color: rgba(34, 34, 34, 0.7);
	line-height: 24px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 16px;
	padding-bottom: 16px;
}

.single-page-content .autor-bio a {
	font-style: normal;
	font-weight: 400;
	color: rgba(34, 34, 34, 1);
}

/* ======= Tags - phone ======= */

.tag-container {
	font-family: 'Crimson Text', Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: 500;
	color: rgba(197, 197, 197, 0.7);
	padding-top: 40px;
	padding-bottom: 52px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
}

.tag-container a {
	border: 3px solid rgba(197, 197, 197, 0.7);
	padding: 17px 15px;
	margin-right: 11px;
	margin-top: 11px;
}

.tag-container a:last-child {
	margin-right: 0;
}

.tag-container a:hover {
	border: none;
	background: #cc252f;
	background: var(--primary-regular);
	color: rgba(255, 255, 255, 1);
	padding: 20px 18px;
}

/* ======= Single Social Share - Phone ======= */

.single-social-share {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-ms-flexbox-direction: column;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #F6F6F4;
	color: rgba(34, 34, 34, 0.3);
	padding: 36px 80px 42px;
}

.single-social-share h1 {
	margin: 0;
	font-family: 'Montseraat', Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
}

.single-social-share ul {
	margin: 0;
	padding: 0;
	padding-top: 22px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.single-social-share ul li {
	list-style: none;
	width: 40px;
	height: 40px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	color: #fff;
	margin-right: 10px;
}

.single-social-share ul li:last-child {
	margin-right: 0px;
}

.single-social-share ul li a {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	-ms-flex-item-align: stretch;
	    align-self: stretch;
	-ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
}

.single-social-share ul .facebook {
	background: #527AC3;
}

.single-social-share ul .twitter {
	background: #6BCCF5;
}

.single-social-share ul .mail {
	background: #cc252f;
	background: var(--primary-regular);
}

.single-social-share .facebook .icon-facebook {
	font-size: 14px;
}

.single-social-share .twitter .icon-twitter {
	font-size: 13px;
}

.single-social-share .mail .icon-envelope-closed {
	font-size: 15px;
}

/* ======= End Single Social Share - Phone ======= */


/*SolaSites Frequent Use Classes*/

.bg-img-wrapper {
	padding-bottom: 250px;
	width: 100%;
	/*Set for Background Image Effect*/
	position: relative;
	overflow: hidden;
}

/*===============================
  END BLOG SINGLE - PHONE
  ===============================*/



/*===============================
  SERMON SINGLE - PHONE
  ===============================*/

.sermon-player {
	background: #222;
}

.sermon-player-flex-sm {
	padding: 40px 0px;
}

.sermon-single-header time,
.sermon-single-header .sermon-meta {
	color: rgba(255, 255, 255, 0.6);
	font-style: normal;
	text-align: center;
	font-size: 12px;
	line-height: 2;
}

.sermon-single-header {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-ms-flexbox-direction: column;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sermon-single-header h1 {
	color: #fff;
	margin: 15px 0 10px 0;
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 1.2px;
	line-height: 1.6;
	font-family: 'Monserrat', Helvetica, sans-serif;
}

.sermon-single-header .sermon-meta a {
	color: rgba(255, 255, 255, 0.8);
}

.sermon-single-header .sermon-meta>span:after {
	content: '|';
	padding-left: 6px;
	padding-right: 6px;
}

.sermon-single-header .sermon-meta>span:last-child:after {
	content: none;
}

#tab-content {
	padding-top: 30px;
}

.tabs {
	padding-top: 40px;
}

.tabs>ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-around;
}

.tabs ul li {
	list-style: none;
	color: #fff;
	font-size: 12px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.download-tab>ul {
	margin: 0;
	padding: 0;
	padding: 15px;
	font-size: 13px;
	font-weight: 500;
	font-size: normal;
	line-height: 1.8;
	background: #F6F6F4;
	position: absolute;
	width: 100%;
	left: 0;
	top: 55px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}

.download-tab>ul>li {
	color: #3B3B3B;
}

.download-tab>ul>li:hover {
	color: #cc252f;
	color: var(--primary-regular);
}

.watch-tab .icon-media-play,
.listen-tab .icon-headphones,
.download-tab .icon-data-transfer-download {
	margin-right: 8px;
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	font-size: 15px;
}

.watch-tab .icon-media-play::before {
	padding-left: 4px;
}

.watch-tab:hover .icon-media-play,
.listen-tab:hover .icon-headphones,
.download-tab:hover .icon-data-transfer-download {
	background: #e30e20;
	background: var(--primary-light);
}

.watch-tab:hover,
.listen-tab:hover,
.download-tab:hover {
	color: #e30e20;
	color: var(--primary-light);
}

.tabs .active {
	color: #cc252f;
	color: var(--primary-regular);
}

.active .icon-media-play,
.active .icon-headphones,
.active .icon-data-transfer-download {
	background: #cc252f;
	background: var(--primary-regular);
}

/*===============================
  END SERMON SINGLE - PHONE
  ===============================*/



/*===============================
  TAXONOMY CONTAINER
  ===============================*/

.relative-container {
	max-width: 840px;
	margin: 0 auto;
	width: 100%;
}

.taxonomy-container {
	padding: 0px 0px 52px;
}



/*===============================
  TAXONOMY SCRIPTURE & DATE - PHONE
  ===============================*/

.scripture-page h2,
.date-page h2 {
	margin: 0;
	font-family: 'Monserrat', Helvetica, sans-serif;
	color: #6A6A6A;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1.3px;
	margin-top: 56px;
	padding-bottom: 10px;
	border-bottom: 5px solid #cc252f;
	border-bottom: 5px solid var(--primary-regular);
}

.scripture-page ul,
.date-page ul {
	margin: 0;
	padding: 0;
	color: #686261;
	list-style: none;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	padding-top: 25px;
}

.scripture-page ul a,
.date-page ul a {
	color: #000000;
	/*Flex*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	transition: color .25s;
	-webkit-transition: color .25s;
	-moz-transition: color .25s;
	-ms-transition: color .25s;
	-o-transition: color .25s;
}

.scripture-page ul a:hover,
.scripture-page ul a:focus,
.scripture-page ul a:hover .badge,
.scripture-page ul a:focus .badge,
.date-page ul a:hover,
.date-page ul a:focus {
	color: #cc252f;
	color: var(--primary-regular);
}

.scripture-page ul a:active,
.scripture-page ul a:active .badge,
.date-page ul a:active,
	{
	color: #e30e20;
	color: var(--primary-light);
}

.scripture-page li,
.date-page li {
	padding-bottom: 0.25rem;
	line-height: 2;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	page-break-inside: avoid;
}

.badge {
	color: #3b3b3b;
	background-color: #ececec;
	padding: 5px 7px;
	border-radius: 5px;
	font-size: 11px;
	white-space: nowrap;
	margin-left: 10px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: color .25s;
	-webkit-transition: color .25s;
	-moz-transition: color .25s;
	-ms-transition: color .25s;
	-o-transition: color .25s;
}

/*===============================
  END TAXONOMY SCRIPTURE - PHONE
  ===============================*/



/*===============================
  TAXONOMY AUTHORS/PREACHERS - PHONE
  ===============================*/

.contributors-section {
	padding: 40px 17px 0px;
	position: relative;
	top: 0px;
}

.img-box-contributor {
	width: 49px;
	height: 49px;
	border-radius: 50px;
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.img-box-contributor img {
	width: 100%;
	height: 100%;
	-webkit-transition: all .9s ease;
	transition: all .9s ease;
}

.contributor {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	text-align: center;
}

.contributor h1 {
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	color: #282828;
	opacity: 0.7;
	-ms-flex-item-align: center;
	    align-self: center;
	margin-left: 20px;
}

.contributor-container {
	padding-bottom: 30px;
}


.img-container {
	width: 100%;
	height: 100%;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.contributor-container a:hover img,
.contributor-container a:hover h1,
.img-box:focus .img-container {
	-webkit-transform: scale(1.2);
	        transform: scale(1.2);
	color: #e30e20;
	color: var(--primary-light);
}

.contributor-container a:hover h1 {
	-webkit-transform: none;
	        transform: none;
}

/*===============================
 	END TAXONOMY AUTHORS/PREACHERS - PHONE
  ===============================*/



/*===============================
  TAXONOMY TOPICS - PHONE
  ===============================*/

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.topics-page {
	padding: 0px 20px 0px;
}

.topics-page li {
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	page-break-inside: avoid;
}

.topics-page a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 16px;
	line-height: 1.5;
	padding: 10px 0;
	color: #3B3B3B;
	transition: color .25s;
	-webkit-transition: color .25s;
	-moz-transition: color .25s;
	-ms-transition: color .25s;
	-o-transition: color .25s;
}

.term > a {
	font-weight: 700;
}

.topics-page a:hover,
.topics-page a:focus,
.topics-page a:hover > span,
.topics-page a:focus > span {
	color: #cc252f;
	color: var(--primary-regular);
}

.topics-page a:active,
.topics-page a:active > span {
	color: #e30e20;
	color: var(--primary-light);
}

.child-term-list {
	padding-left: 15px;
	margin-bottom: 15px;
}

.child-term-list a {
	padding: 8px 0;
	font-size: 14px;
	font-weight: 400;
	color: #222222;
}

.term > a .badge {
	font-weight: 400;
}

/*===============================
  END TAXONOMY TOPICS - PHONE
  ===============================*/



/*===============================
  TAXONOMY SERIES - PHONE
  ===============================*/

.series-container {
	position: relative;
	top: 1px;
	padding: 60px 19px 0px 19px;
}

.img-box-series img {
	width: 100%;
	height: 100%;
}

.img-box-series a:hover p {
	color: #e30e20;
	color: var(--primary-light);
}

.img-box-series {
	padding-bottom: 48px;
}

.series-container p {
	margin: 0;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	color: #3B3B3B;
	text-align: center;
	padding-top: 23px;
}

/*===============================
  END TAXONOMY SERIES - PHONE
  ===============================*/



/*===============================
  SEARCH RESULT PAGES - PHONE
  ===============================*/

.series-preview-container {
	background: #F6F6F4;
	margin-left: -15px;
	margin-right: -15px;
	padding: 16px;
}

.series-preview-container .flex-xs {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
}

.series-preview-container h1 {
	margin: 0;
	font-family: 'Monserrat', Helvetica, sans-serif;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	padding-left: 16px;
	color: rgba(40, 40, 40, 0.9);
}

.series-preview-container .img-container {
	width: 70px;
}

.series-preview-container .img-container img {
	width: 70px;
}

.series-preview-container p {
	margin: 0;
	font-size: 13px;
	font-style: italic;
	font-weight: 400;
	line-height: 1.8;
	padding-top: 9px;
}

.result-container {
	margin: 10px 0 50px; 
}
.result-card {
	/*CardStyles-Changetofitneeds*/min-height: 160px;
	padding: 15px;
	color: #fff;
	margin-bottom: 15px;
	/*Flex*/display: -webkit-box;
	/*OLD-iOS6-,Safari3.1-6*//*OLD-Firefox19-(buggybutmostlyworks)*/display: -ms-flexbox;
	/*TWEENER-IE10*/display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/*SetforBackgroundImageEffect*/position: relative;
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.result-card:last-child {
	margin-bottom: 0;
}

.result-card .meta-data .date-scripture {
	margin: 0;
	font-size: 12px;
	padding-top: 10px;
	line-height: 2;
	padding-right: 70px;
}

.result-card .meta-data .date-scripture>span:before {
	content: '|';
	padding-left: 6px;
	padding-right: 6px;
}

.result-card h1 {
	width: 100%;
	font-size: 18px;
	line-height: 1.3;
	position: relative;
	/*Strip Margins for Flex Positioning */
	margin: 0px;
	margin-top: 80px;
}

.result-card .date-scripture,
.result-card .author {
	color: rgba(255, 255, 255, 0.9);
}

.result-card .author {
	-ms-flex-item-align: end;
	    align-self: flex-end;
	font-size: 12px;
	/*Strip Margins for Flex Positioning */
	margin: 0px;
}

.result-card .avatar {
	-ms-flex-item-align: end;
	    align-self: flex-end;
	width: 22px;
	height: 22px;
	border-radius: 100px;
}

.background-img

/*In order to work properly, the parent element needs to be set to position: relative*/
	{
	/* IE 9 */
	-webkit-transform: scale(1);
	/* Chrome, Safari, Opera */
	transform: scale(1);
	-webkit-transition-duration: 1.5s;
	        transition-duration: 1.5s;
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
}

.result-card:hover .background-img {
	/* IE 9 */
	-webkit-transform: scale(1.1);
	/* Chrome, Safari, Opera */
	transform: scale(1.1);
	opacity: .8;
	/*Optional*/
}

.hover-color-effect::after

/*Optional card background color behind image - HTML can be structured differently depending upon need*/
	{
	background: #222222;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
	position: absolute;
	z-index: -3;
}

.dark-overlay

/*Required if text over background-img*/
	{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.35);
	content: '';
	position: absolute;
	z-index: -1;
}

.cover-link

/**/
	{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	position: absolute;
	z-index: 1;
}

/*===============================
  END SEARCH RESULT PAGES - PHONE
  ===============================*/



/*===============================
  404 ERROR - PHONE
  ===============================*/

.error-page {
	height: 300px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-ms-flexbox-direction: column;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	        flex-direction: column;
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 37px;
	padding-bottom: 37px;
}

.error-page .number {
	margin: 0;
	-ms-flex-item-align: center;
	    align-self: center;
	font-family: 'Montserat', Helvetica, sans-serif;
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 1.5px;
}

.error-page .error-discription {
	margin: 0;
	/*    width: 65%;*/
	-ms-flex-item-align: center;
	    align-self: center;
	color: #fff;
	font-family: 'Montserat', Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	line-height: 25px;
	letter-spacing: 1.5px;
	padding-top: 13px;
}

.error-page .go-back-home-btn {
	font-size: 14px;
	color: #fff;
	background-color: #cc252f;
	background-color: var(--primary-regular);
	padding: 8px 36px;
	-ms-flex-item-align: center;
	    align-self: center;
	font-style: normal;
	font-weight: 400;
	border: 1px solid #cc252f;
	border: 1px solid var(--primary-regular);
	margin-top: 48px;
	letter-spacing: 1px;
	border-radius: 50px;
}

.error-page .go-back-home-btn:hover {
	/* Btn Hover */
	border: none;
	background-color: #e30e20;
	background-color: var(--primary-light);
	color: #fff;
	padding: 9px 37px;
}

/*===============================
  END 404 ERROR - PHONE
	===============================*/
/* =======Scripture - Mobile+ ======= */
@media (min-width: 480px) {

	.scripture-page ul {
		-webkit-column-count: 2;
		        column-count: 2;
	}
}

/* =======Scripture - Mobile+ ======= */
@media (min-width: 580px) {

	.topics-page > ul {
		grid-gap: 50px;
		-webkit-column-count: 2;
		        column-count: 2;
	}
}

/* ======= Entry-Content - Large Mobile+ ======= */
@media (min-width: 600px) {

  .entry-content .wp-block-pullquote {
    padding: 40px 0;
    float: left;
    margin-top: 1.5em;
    margin-right: 1.5em;
    margin-bottom: 2em;
    max-width: 290px;
  }

  .entry-content img.alignright,
  .entry-content a img.alignright,
  .entry-content figure.alignright {
    float: right; 
  }
  
  .entry-content img.alignleft,
  .entry-content a img.alignleft,
  .entry-content figure.alignleft {
      float: left; 
  }

}

/*===============================
	3.0.0 Tablet (min-width: 768px)
	===============================*/

@media (min-width: 768px) {


	/* Main Content - Tablet
	===============================*/

	/* ======= Banner Area - tablet ======= */

	.container-phone {
		padding-left: 15px;
		padding-right: 15px;
	}

	.home-banner {
		height: 352px;
	}

	.overlay {
		height: 352px;
	}

	.banner-content {
		padding: 40px;
	}
	
	.banner-content h1 {
		font-size: 40px;
	}

	.banner-date {
		font-size: 13px;
	}
	
	.banner-date::before {
		width: 80px;
	}

	.banner-author {
		font-size: 13px;
	}

	.service {
		position: relative;
		margin-top: -40px;
	}

	.service::after {
		content: "";
		top: 40px;    
		width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
		position: absolute;
		height: calc(100% - 40px);
		background-color: #F6F6F4;
	}

	.service-times-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 40px;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

	.service-times-box p {
		margin: 0;
		/* text-align: left; */
	}

	.service-times-box .get-direction-btn {
		margin-top: 0px;
		margin-left: 10px;
		font-size: 13px;
		letter-spacing: 1px;
		padding: 10px 14px;
		margin-right: initial;
	}

	/* ======= End Banner Area ======= */


	/* ======= Page Feeds ======= */

	#main-home {
		margin-top: 0px;
	}

	.page-feeds {
		padding: 50px 0 100px;
	}

	.page-feeds .section-title {
		padding-top: 0;
    padding-bottom: 50px;
	}

	.page-feed-1,
	.page-feed-2 {
		height: 158px;
		margin-bottom: 0;
	}

	.trapezium {
		width: 300px;
		height: 75px;
		border-bottom: 75px solid #222222;
		border-left: 300px solid transparent;
		border-right: 0px solid transparent;
	}

	.rectangle {
		width: 300px;
		height: 60px;
		background: #222222;
	}

	.rectangle .page-title {
		font-size: 20px;
		margin: 0 20px;
    padding-top: 0;

	}

	.trapezium,
	.rectangle {
		margin: 0 auto;
		position: relative;
		top: 45px;
	}

	.page-title {
		font-size: 25px;
		opacity: 1;
		z-index: 1;
		letter-spacing: 1px;
		padding-top: 6px;
	}

	/* ======= End Page Feeds ======= */


	/* ======= Sermon and Article Common Styling - Tablet ======= */

	.page-feeds .section-title,
	.sermons .section-title,
	.articles .section-title {
		font-size: 26px;
		letter-spacing: 1.2px;
	}

	.sermon-card .img-container,
	.blog-card .img-container {
		height: 185px;
		border-radius: 5px;
	}

	p.date::before,
	.article-date::before {
		content: ' ';
		width: 68px;
		height: 8px;
		background: #cc252f;
		background: var(--primary-regular);
		display: block;
		margin-bottom: 10px;
	}

	/* ======= End Sermon and Article Common Styling - Tablet ======= */


	/* ======= Sermon Feed - Tablet ======= */

	.sermons {
		margin: 50px 0;
		padding: 0;
	}

	.sermons .section-title {
		/*Section Title Margin*/
		margin: 20px;
	}

	.sermon-card {
		margin-top: 30px;
		margin-bottom: 0;
	}

	.sermon-card-overlay {
		background: rgba(0, 0, 0, .4);
		height: 185px;
		border-radius: 5px;
	}

	/* .sermon-card-overlay::before {
		height: 28px;
		width: 28px;
		top: 91%;
		left: 100%;
		margin-left: -43px;
		margin-top: -30px;
		background-size: 28px;
	} */

	.play-icon { 
		top: initial;
		right: 15px;
		width: 28px;
		height: 28px;
		bottom: 18px;
	}
	
	.play-icon::before {
    left: 11px;
    top: 7px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid white;
	}

	.sermon-info {
		padding: 17px;
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: flex;
		-webkit-box-direction: column;
		-webkit-box-orient: vertical;
		-ms-flexbox-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-around;
	}

	.label {
		font-size: 10px;
		padding: 6px 8px;
		position: absolute;
		top: 17px;
		right: 17px;
	}

	p.date,
	.title {
		padding-right: 30%;
	}

	.date-and-title {
		position: relative;
		height: 100%;
	}

	.title {
		font-size: 21px;
		line-height: 27px;
	}

	.speaker-and-avatar {
		width: 100%;
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: flex-start;
		position: relative;
		top: -6px;
	}

	.speaker-and-avatar .speaker {
		font-size: 11px;
		-ms-order: 2;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		margin-left: 10px;
	}

	.speaker-and-avatar .avatar {
		width: 28px;
		height: 28px;
		-ms-order: 1;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}

	/* ======= End Sermon Feed - Tablet ======= */


	/* ======= Articles - Tablet ======= */

	.articles {
		margin: 50px 0;
		padding: 0;
	}

	.blog-card {
		margin-bottom: 90px;
		overflow: initial;
	}

	.articles .section-title {
		/*Section Title Margin*/
		margin: 50px;
	}

	.article-card-overlay {
		display: none;
	}

	.blog-card .label {
		top: 17px;
		left: initial;
	}

	.article-info {
		position: relative;
		top: 40%;
		margin: 0 auto;
		padding: 16px 16px 0px 16px;
		border-radius: 5px;
		background-color: #222222;
		width: 85%;
		height: 160px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: flex-start;
	}

	.date-title-container {
		-webkit-align-self: flex-start;
		-ms-flex-item-align: start;
		    align-self: flex-start;
		text-align: left;
	}

	.article-date-and-title {
		padding-right: 38px;
	}

	.article-date {
		opacity: 0.9;
	}

	.article-title {
		font-size: 17px;
		font-weight: 400;
		padding-top: 6px;
	}

	.author-and-avatar {
		padding: 0px 55px 16px 16px;
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: flex-start;
	}

	.author-and-avatar .author-avatar {
		-ms-order: 0;
		-webkit-box-ordinal-group: 1;
		    -ms-flex-order: 0;
		        order: 0;
	}


	.author-and-avatar .author {
		opacity: 1;
		-ms-order: 0;
		-webkit-box-ordinal-group: 1;
		    -ms-flex-order: 0;
		        order: 0;
		margin-left: 6px;
	}

	/* ======= End Articles - Tablet ======= */


	/* ======= Tweet - Tablet ======= */

	.tweet {
		margin-bottom: 100px;
	}

	.tweet .bg-img-or-color {
		height: 213px;
	}

	.trapezium-tweet {
		border-bottom: 100px solid #222222;
		border-left: 720px solid transparent;
	}

	.rectangle-tweet {
		width: 100%;
		height: 117px;
	}

	.shape-container {
		top: 45px;
	}

	.tweet-containerva {
		width: 100%;
	}

	.avatar-tweet {
		width: 116px;
		height: 116px;
	}

	.avatar-tweet {
		top: 30px;
	}

	.twitter-snippet-container {
		height: 90px;
		margin-left: 10%;
		margin-right: 10%;
	}

	.tweet-snippet {
		font-size: 19px;
	}

	.icon-double-quote-sans-right {
		font-size: 26px;
	}

	.twitter-handle {
		position: relative;
		bottom: 10px;
		font-size: 14px;
		margin-right: 10%;
	}

	/* =======End  Tweet - Tablet ======= */



	/* GENERAL CONTENT - TABLET 
  ===============================*/

	.page-image {
		height: 300px;
	}

	.general-page-content .general-page-title {
		padding: 57px 32px;
		position: relative;
		top: -96px
	}

	.general-page-content .general-page-title h1 {
		font-size: 40px;
		letter-spacing: 1px;
		line-height: 28px;
	}

	.general-page-content .main-content {
		top: -60px;
		padding-left: 15px;
		padding-right: 15px;
	}

	/*===============================
  ELEMENTS - TABLET
  ===============================*/

	.elements-page-title {
		padding: 105px 104px;
	}

	.elements-page-title h1 {
		font-size: 40px;
		line-height: 49px;
	}

	.elements-page-container {
		padding-top: 53px;
	}

	.entry-content > * {
    margin: 25px 0;
  }

	.entry-content h2 {
		font-size: 40px;
	}

	.entry-content h3 {
		font-size: 30px;
	}

	.entry-content h4 {
		font-size: 28px;
	}

	.entry-content h5 {
		font-size: 20px;
	}

	.entry-content h6 {
		font-size: 16px;
	}

	.entry-content p {
		font-size: 16px;
	}

	.entry-content p {
    font-size: 16px;
  }
  
  .entry-content figcaption {
    font-size: 13px;
  }
  
  .entry-content blockquote > p {
    font-size: 17px;
  }
  
  .entry-content cite {
    font-size: 14px;
  }

	.entry-content .alignright,
	.entry-content figure.alignright {
    margin-right: -100px;
  }

	.entry-content .alignleft,
	.entry-content figure.alignleft {
    margin-left: -100px;
  }

  .entry-content .alignwide {
    position: relative;
    max-width: 970px;
    margin-left: -100px;
    margin-right: -100px;
	}
	
	.entry-content .wp-block-pullquote {
    padding: 35px 0;
	}
	
	.entry-content .wp-block-pullquote.alignleft {
    margin-left: -100px;
	}

	.entry-content .wp-block-pullquote.alignright {
    margin-right: -100px;
	}

  .entry-content .wp-block-pullquote > blockquote {
    margin: 0 15px;
    text-align: center;
  }
  
  .entry-content .wp-block-pullquote > blockquote > p {
    font-size: 25px;
    margin-bottom: 25px;
  }
  
  .entry-content ul,
  .entry-content ol {
    padding-left: 40px;
  }

  .entry-content ul > li,
  .entry-content ol > li {
    font-size: 16px;
    margin: 15px 0;
  }
  
  .entry-content ul > li::before {
    top: 11px;
  }
  
  .entry-content .wp-block-file {
    font-size: 16px;
  }
  
  .entry-content a.wp-block-file__button {
    margin-top: 25px;
  }

  .entry-content .wp-block-columns {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .entry-content .wp-block-column:not(:last-child) {
    margin-right: 32px;
  }

  .entry-content .wp-block-column:nth-child(odd) {
    margin-right: 32px;
  }

  .entry-content .wp-block-column:last-child {
    margin-right: 0;
  }

  .entry-content .wp-block-column {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  
  .entry-content .wp-block-columns[class*='has-'] > * {
    margin-right: 2rem;
  }

  .entry-content .wp-block-columns .wp-block-column > *:first-child {
    margin-top: 0;
  }

  .entry-content .wp-block-columns[class*='has-'] > *:last-child {
    margin-right: 0;
  }

  /* Tables */

  .entry-content table {
    font-size: 15px;
  }

  .entry-content table th,
  .entry-content table td {
    padding: 20px 10px;
  }

  .entry-content table tbody td:first-child {
    padding-left: 20px;
  }

  .entry-content table tbody td:last-child {
    padding-right: 20px;
  }

  /* End-Tables */

	/* Buttons
  ===============================*/

	.buttons {
		padding-top: 0px;
	}

	.buttons h1 {
		font-size: 28px;
		padding-bottom: 24px;
	}

	.buttons h2 {
		font-size: 19px;
		padding-bottom: 36px;
	}

	/* ======= Buttons Types - General======= */


	.button-type1 .button,
	.button-type2 .button,
	.button-type3 .button {
		margin-bottom: 23px
	}

	/* Button Labels */
	.button-type1 .button-label {
		font-size: 15px;
	}

	/* ======= Buttons Type 2 ======= */

	.button-type2,
	.button-type3 {
		padding-top: 0px;
	}


	/* ======= Buttons Type 3 ======= */

	.button-type3 .button-background {
		padding: 14px 20px;
	}

	/* ======= Primary Button Group ======= */

	.button-group h1 {
		font-size: 19px;
	}

	/* Play Button */
	.sermon-entry-content .btn {
		width: 33px;
		height: 33px;
	}

	.sermon-entry-content .play-btn img {
		width: 15px;
		height: 15px;
	}

	/* Download Button */
	.sermon-entry-content .download-btn img {
		width: 14px;
		height: 14px;
	}

	/* ======= Secondary Button ======= */

	.secondary-button-container {
		padding-bottom: 0px;
	}

	.secondary-button-container h1 {
		font-size: 19px;
		padding-bottom: 27px;
	}

	/* End Buttons
  ===============================*/


	/* Forms
  ===============================*/

	.form-container {
		padding-top: 51px;
	}

	.form-container h1 {
		font-size: 28px;
	}

	.form-container hr {
		margin-top: 13px;
	}

	.form-content .button {
		width: 123px;
	}

	/*===============================
 	END ELEMENTS - TABLET	
  ===============================*/



	/*===============================
 	SERMONS & BLOG - TABLET	
  ===============================*/

	/*========= Page title & Background =========*/

	.sermon-archive-title,
	.blog-title {
		padding: 80px 300px 90px;
	}

	.sermon-archive-title .page-title,
	.blog-title .page-title {
		font-size: 40px;
		letter-spacing: 1.2px;
	}



	/*===============================
	BLOG - TABLET	
  ===============================*/
	.blog-archive-card-container {
		padding-top: 18px;
	}



	/*===============================
  BLOG SINGLE - TABLET
  ===============================*/

	.page-image-single {
		height: 414px;
	}

	.single-page-content .single-page-title {
		padding: 57px 32px;
		margin-top: -114px;
	}

	.single-page-content .single-page-title span,
	.single-page-content .single-page-title time {
		font-size: 15px;
	}

	.single-page-content .single-page-title h1 {
		font-size: 40px;
		letter-spacing: 1.2px;
	}

	.single-page-content .main-content-single {
		width: 532px;
		margin: 0 auto;
		margin-top: 29px;
	}

	.single-page-content .autor-bio {
		font-size: 15px;
		line-height: 26px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	/* ======= Tags - Tablet ======= */

	.tag-container {
		font-size: 16px;
		padding-top: 40px;
		padding-bottom: 52px;
	}

	.tag-container a {
		padding: 17px 23px;
	}

	.tag-container a:hover {
		padding: 20px 26px;
	}

	/* ======= Single Social Share - Tablet ======= */

	.single-social-share {
		padding: 52px 120px 59px;
	}

	.single-social-share h1 {
		font-size: 20px;
	}

	.single-social-share ul {
		padding-top: 22px;
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.single-social-share ul li {
		width: 50px;
		height: 50px;
		margin-right: 15px;
	}

	/*
	.single-social-share .facebook,
	.single-social-share .twitter {
		margin-right: 15px;
	}
	
*/
	.single-social-share .facebook .icon-facebook {
		font-size: 15px;
	}

	.single-social-share .twitter .icon-twitter {
		font-size: 14px;
	}

	.single-social-share .mail .icon-envelope-closed {
		font-size: 16px;
	}

	/* ======= End Single Social Share - Tablet ======= */

	/*===============================
  END BLOG SINGLE - TABLET
  ===============================*/



	/*===============================
  SERMON SINGLE - TABLET
  ===============================*/

	.sermon-player-flex-sm {
		padding: 70px;
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: flex;
		-ms-flexbox-direction: column;
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
	}

	#tab-content {
		-webkit-box-ordinal-group: 1;
		    -ms-flex-order: 0;
		        order: 0;
	}

	.tabs {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		padding: 60px 0;
	}

	.tabs>ul {
		width: 70%;
		margin: 0 auto;
	}

	.tabs ul li {
		font-size: 13px;
	}

	.download-tab>ul {
		top: 65px;
	}

	.watch-tab .icon-media-play,
	.listen-tab .icon-headphones,
	.download-tab .icon-data-transfer-download {
		margin-right: 10px;
		width: 50px;
		height: 50px;
		font-size: 17px;
	}

	.sermon-single-header {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}

	.sermon-single-header time {
		font-size: 15px;
	}

	.sermon-single-header h1 {
		font-size: 36px;
	}

	.sermon-single-header .sermon-meta {
		font-size: 15px;
	}

	/*===============================
  END SERMON SINGLE - TABLET
  ===============================*/


	/*===============================
  TAXONOMY SCRIPTURE & DATE - TABLET
  ===============================*/

	.taxonomy-container {
		padding: 0px 0px 80px;
	}

	.scripture-page h2,
	.date-page h2 {
		font-size: 26px;
		margin-top: 76px;
	}

	.scripture-page ul,
	.date-page ul {
		-webkit-column-count: 3;
		-ms-column-count: 3;
		-o-column-count: 3;
		column-count: 3;
		line-height: 30px;
		padding-top: 40px;
	}

	/*===============================
  END TAXONOMY SCRIPTURE - TABLET
  ===============================*/


	/*===============================
  TAXONOMY TOPICS - TABLET
  ===============================*/

	/*===============================
		END TAXONOMY TOPICS - TABLET
	===============================*/


	/*===============================
  SEARCH RESULT PAGES - TABLET
  ===============================*/

	/* ======= Series Preview Container ======= */

	.series-preview-container {
		margin: 0px 0px 30px;
		padding: 21px;
		border-radius: 5px;
	}

	.series-preview-container .flex-xs {
		display: block;
	}

	.series-preview-container h1 {
		font-size: 27px;
		padding-left: 0px;
	}

	.series-preview-container p {
		font-size: 14px;
		padding-right: 30px;
	}

	.series-preview-container .img-container {
		width: 30%;
		float: left;
	}

	.series-preview-container .img-container img {
		width: 100%;
	}

	.series-preview-container h1,
	.series-preview-container p {
		width: 67%;
		float: right;
	}

	/* ======= End Series Preview Container ======= */

	/* ======= Cards ======= */
	.result-card {
		/*Card Styles - Change to fit needs*/
		min-height: 200px;
		margin-bottom: 30px;
	}

	.meta-data .date-scripture {
		font-size: 13px;
		padding-top: 15px;
	}

	.result-card h1 {
		font-size: 27px;
	}


	.result-card .author {
		font-size: 13px;
	}

	.result-card .avatar {
		-ms-flex-item-align: end;
		    align-self: flex-end;
		width: 35px;
		height: 35px;
	}

	.result-container

	/* Temporary Margin should be removed once we add pagination */
		{
		margin-bottom: 80px;
	}

	/*===============================
		END SEARCH RESULT PAGES - TABLET
		===============================*/



	/*===============================
		404 ERROR PAGES - TABLET
		===============================*/

	.error-page {
		height: 730px;
		position: relative;
		top: 0;
		bottom: 0;
		padding-left: 10%;
		padding-right: 10%;
		padding-top: 150px;
		padding-bottom: 150px;
	}

	.error-page .number {
		font-size: 120px;
		letter-spacing: 2px;
	}

	.error-page .error-discription {
		font-size: 18px;
		line-height: 28px;
		letter-spacing: 2.5px;
		padding-top: 29px;
	}

	.error-page .go-back-home-btn {
		font-size: 20px;
		padding: 18px 132px;
		margin-top: 96px;
		letter-spacing: 1.5px;
	}

	.error-page .go-back-home-btn:hover {
		/* Btn Hover */
		padding: 19px 133px;
	}

	/*===============================
		END 404 ERROR PAGES - TABLET
		===============================*/

}

/*===============================
	5.0.0 Desktop (min-width: 992px)
	===============================*/

@media (min-width: 992px) {


	/* Main Content - Desktop
	===============================*/

	/* ======= Banner Area ======= */

	.home-banner {
		height: 480px;
	}

	.overlay {
		height: 480px;
	}

	.banner-content {
		padding: 50px 50px 110px;
	}
	
	.banner-content h1 {
		font-size: 45px;
	}

	.banner-date {
		font-size: 16px;
	}
	
	.banner-date::before {
		width: 100px;
	}

	.banner-author {
		font-size: 16px;
	}

	.service {
		margin-top: -60px;
	}

	.service::after {
		top: 60px;    
		height: calc(100% - 60px);
	}

	.service-times-box p {
		font-size: 24px;
	}

	.service-times-box .get-direction-btn {
		margin-top: 0px;
		font-size: 16px;
		padding: 14px 32px 12px 32px;
	}

	/* ======= End Banner Area ======= */


	/* ======= Page Feeds ======= */

	.page-feeds {
		padding-top: 60px;
		padding-bottom: 110px;
	}

	.page-feeds .section-title {
		padding-bottom: 60px;
	}

	.page-feed-1,
	.page-feed-2 {
		height: 260px;
	}

	.trapezium {
		width: 400px;
		height: 90px;
		border-bottom: 90px solid #222222;
		border-left: 400px solid transparent;
	}

	.rectangle {
		width: 400px;
		height: 80px;
	}

	.trapezium,
	.rectangle {
		top: 120px;
	}

	.page-title {
		font-size: 31px;
		letter-spacing: 1.2px;
	}

	/* ======= End Page Feeds ======= */


	/* ======= Sermon and Article Common Styling - Desktop ======= */

	.page-feeds .section-title,
	.sermons .section-title,
	.articles .section-title {
		font-size: 36px;
		letter-spacing: 1.3px;
	}

	.sermon-card .img-container,
	.blog-card .img-container {
		height: 280px;
	}

	.speaker-and-avatar .speaker,
	.author-and-avatar .author {
		font-size: 13px;
	}

	p.date,
	.article-date {
		font-size: 13px;
	}

	p.date::before,
	.article-date::before {
		width: 78px;
		margin-bottom: 12px;
	}

	/* ======= End Sermon and Article Common Styling -Desktop ======= */


	/* ======= Sermon Feed - Desktop ======= */

	.sermons {
		margin-bottom: 70px;
	}

	.sermons .section-title {
		/*Section Title Margin*/
		margin-top: 70px;
		margin-bottom: 40px;
	}

	.sermon-card-overlay {
		height: 312px;
	}

	/* .sermon-card-overlay::before {
		height: 36px;
		width: 36px;
		margin-left: -60px;
		margin-top: -34px;
		background-size: 36px;
	} */

	.play-icon { 
		right: 24px;
		width: 36px;
		height: 36px;
		bottom: 26px;
	}
	
	.play-icon::before {
		left: 14px;
    top: 9px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 13px solid white;
	}

	.sermon-info {
		padding: 25px;
	}

	.label {
		font-size: 11px;
		padding: 7px 13px;
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		    align-self: flex-end;
	}

	/* p.date,
	.title {
		padding-right: 50%;
	} */

	.title {
		font-size: 30px;
		line-height: 1.6;
		padding-top: 8px;
	}

	.speaker-and-avatar {
		top: -5px;
	}

	.speaker-and-avatar .speaker {
		margin-left: 11px;
	}

	.speaker-and-avatar .avatar {
		width: 36px;
		height: 36px;
	}

	/* ======= End Sermon Feed - Desktop ======= */


	/* ======= Articles - Desktop ======= */

	.articles {
		margin-bottom: 70px;
		margin-top: 70px;
	}

	.blog-card {
		margin-bottom: 140px;
	}

	.articles .section-title {
		/*Section Title Margin*/
		margin-bottom: 73px;
	}

	.article-info {
		top: 53%;
		padding: 30px 30px 0px 30px;
		width: 84%;
		height: 200px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: flex-start;
	}

	.date-title-container {
		-webkit-align-self: flex-start;
		-ms-flex-item-align: start;
		    align-self: flex-start;
		text-align: left;
	}

	.article-title {
		font-size: 23px;
	}

	.article-date-and-title {
    padding-right: 50px;
	}

	.author-and-avatar {
		padding: 0px 50px 30px 30px;
	}

	.author-and-avatar .author-avatar {
		width: 22px;
		height: 22px;
	}

	.author-and-avatar .author {
		margin-left: 10px;
	}

	/* ======= End Articles - Desktop ======= */


	/* ======= Tweet - Desktop ======= */

	.tweet .bg-img-or-color {
		height: 246px;
	}

	.trapezium-tweet {
		border-bottom: 100px solid #222222;
		border-left: 940px solid transparent;
	}

	.rectangle-tweet {
		height: 147px;
	}

	.avatar-tweet {
		width: 126px;
		height: 126px;
	}

	.shape-container {
		top: 55px;
	}

	.avatar-tweet {
		top: 34px;
	}

	.twitter-snippet-container {
		height: 120px;
		margin-left: 20%;
		margin-right: 20%;
	}

	.tweet-snippet {
		font-size: 20px;
		padding-left: 60px;
	}

	.icon-double-quote-sans-right {
		font-size: 29px;
	}

	.twitter-handle {
		position: absolute;
		right: 0;
		bottom: 18px;
		font-size: 15px;
	}

	/* =======End  Tweet - Desktop ======= */



	/* GENERAL CONTENT - DESKTOP
		===============================*/

	.page-image {
		height: 400px;
	}

	.general-page-content .general-page-title {
		padding: 70px 100px;
		top: -120px
	}

	.general-page-content .general-page-title h1 {
		font-size: 45px;
		letter-spacing: 1.2px;
		line-height: 55px;
	}

	.general-page-content .main-content {
		top: -80px;
	}

	/*========= Sidebar - Desktop =========*/

	.sidebar-container {
		display: block;
		margin-top: 29px;
	}

	.sidebar-navigation {
		border-top: 8px solid #cc252f;
		border-top: 8px solid var(--primary-regular);
		margin-bottom: 20px;
		position: relative;
	}

	.sidebar-navigation::before {
		border-top: 8px solid #ffffff2e;
		display: block;
		content: "";
		position: absolute;
		top: -8px;
		width: 100%;
	}

	.sidebar-navigation ul,
	.sidebar-navigation ul ul {
		margin: 0;
		padding: 0;
	}

	.sidebar-navigation .sidebar {
		line-height: 3.8;
		font-family: 'Montserrat', Helvetica, sans-serif;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		color: rgba(34, 34, 34, 0.5);
		padding: 0 15px;
	}

	.sidebar li {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}

	.sidebar li:first-of-type {
		border-top: none;
	}

	.sidebar li {
		list-style: none;
	}

	.sidebar li a {
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.sidebar li .icon-caret-bottom {
		font-size: 16px;
	}

	.sidebar li ul li {
		border-top: none;
		font-size: 15px;
		margin-left: 26px;
		line-height: 2.4;
	}

	.sidebar li ul {
		margin-bottom: 32px;
	}


	/*===============================
		ELEMENTS - DESKTOP
		===============================*/
	.elements-page-title {
		padding: 122px 120px;
	}

	.elements-page-title h1 {
		font-size: 45px;
		line-height: 55px;
	}

	.elements-page-container {
		padding-top: 61px;
		width: 769px;
	}

	.entry-content > * {
    margin: 35px 0;
	}

	.entry-content h2 {
		font-size: 45px;
	}

	.entry-content h3 {
		font-size: 36px;
	}

	.entry-content h4 {
		font-size: 30px;
	}

	.entry-content h5 {
		font-size: 23px;
	}

	.entry-content h6 {
		font-size: 20px;
	}

	.entry-content p {
    font-size: 18px;
  }

  .entry-content blockquote > p {
    font-size: 19px;
  }

  .entry-content .wp-block-pullquote > blockquote > p {
    font-size: 26px;
  }

  .entry-content ul > li,
  .entry-content ol > li {
    font-size: 18px;
    margin: 20px 0;
  }
  
  .entry-content ul > li::before {
    top: 13px;
  }
  
  .entry-content .wp-block-file {
    font-size: 16px;
  }

  .entry-content .wp-block-column:not(:last-child) {
    margin-right: 40px;
  }

  .entry-content .wp-block-column:nth-child(odd) {
    margin-right: 40px;
  }

  .entry-content .wp-block-column:last-child {
    margin-right: 0;
  }

  .entry-content a.wp-block-file__button {
    margin-top: 35px;
  }

  .entry-content .wp-block-separator,
  .entry-content .wp-block-separator.is-style-wide,
  .entry-content .wp-block-separator.is-style-wide.is-style-dots {
    margin: 40px auto;
  }

  /* Tables */

  .entry-content table {
    font-size: 16px;
  }

  /* End-Tables */

	/* Buttons
		===============================*/

	.buttons {
		padding-top: 0px;
	}

	.buttons h1 {
		font-size: 36px;
	}

	/* ======= Buttons Types - General======= */

	.button-type1 .button,
	.button-type2 .button,
	.button-type3 .button {
		margin-bottom: 23px
	}

	/* Button Labels */
	.button-type1 .button-label {
		font-size: 15px;
	}

	/* ======= Buttons Type 2 ======= */

	.button-type2,
	.button-type3 {
		padding-top: 0px;
	}

	/* ======= Primary Button Group ======= */

	.button-group h1 {
		font-size: 19px;
	}

	/* ======= Secondary Button ======= */

	.secondary-button-container {
		padding-bottom: 0px;
	}

	.secondary-button-container h1 {
		font-size: 19px;
		padding-bottom: 27px;
	}

	/* End Buttons
			===============================*/


	/* Forms
		===============================*/

	.form-container {
		padding-top: 61px;
	}

	.form-container h1 {
		font-size: 36px;
	}

	.form-container hr {
		margin-top: 10px;
	}

	/* Table
		===============================*/

	.tableva-container {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.tableva-container table {
		width: 715px;
	}

	/*===============================
	End ELEMENTS - DESKTOP
	===============================*/

	/*===============================
	SERMONS & BLOG - DESKTOP
	===============================*/

	/*========= Page title & Background =========*/

	.sermon-archive-title,
	.blog-title {
		padding: 102px 300px 115px;
		;
	}

	.sermon-archive-title .page-title,
	.blog-title .page-title {
		font-size: 45px;
		letter-spacing: 2px;
	}



	/*===============================
		BLOG - DESKTOP
		===============================*/
	.blog-archive-card-container {
		padding-top: 27px;
	}

	/*===============================
		BLOG SINGLE - DESKTOP
		===============================*/

	.page-image-single {
		height: 450px;
	}

	.single-page-content .single-page-title {
		padding: 70px 100px;
		margin-top: -126px;
	}

	.single-page-content .single-page-title h1 {
		font-size: 45px;
	}

	.single-page-content .main-content-single {
		width: 700px;
		margin-top: 39px;
	}

	.single-page-content .autor-bio {
		font-size: 17px;
		line-height: 32px;
	}

	/* ======= Tags - Desktop ======= */

	.tag-container {
		font-size: 16px;
	}

	.tag-container a {
		padding: 17px 23px;
	}

	.tag-container a:hover {
		padding: 20px 26px;
	}

	/* ======= Single Social Share - Desktop ======= */

	.single-social-share {
		padding: 52px 120px 60px;
	}

	.single-social-share h1 {
		font-size: 24px;
	}

	.single-social-share ul {
		padding-top: 22px;
	}

	.single-social-share ul li {
		width: 60px;
		height: 60px;
		margin-right: 20px;
	}

	/*
		.single-social-share .facebook,
		.single-social-share .twitter {
			margin-right: 20px;
		}
*/

	.single-social-share .facebook .icon-facebook {
		font-size: 18px;
	}

	.single-social-share .twitter .icon-twitter {
		font-size: 16px;
	}

	.single-social-share .mail .icon-envelope-closed {
		font-size: 18px;
	}

	/* ======= End Single Social Share - Desktop ======= */

	/*===============================
		END BLOG SINGLE - DESKTOP
		===============================*/



	/*===============================
		SERMON SINGLE - DESKTOP
		===============================*/
	#tab-content {
		padding: 0 80px;
	}

	.tabs {
		padding: 65px 0;
	}

	.tabs>ul {
		width: 45%;
	}

	.sermon-player-flex-sm {
		padding: 80px;
	}

	.sermon-single-header h1 {
		font-size: 45px;
	}

	/*===============================
		END SERMON SINGLE - DESKTOP
  	===============================*/



	/*===============================
		TAXONOMY SCRIPTURE & DATE - DESKTOP
		===============================*/

	.taxonomy-container {
		padding: 0px 0px 88px;
	}

	.scripture-page h2,
	.date-page h2 {
		margin-top: 0px;
		margin-right: 30px;
	}

	.scripture-page hr,
	.date-page hr {
		width: 80%;
	}

	.scripture-page ul,
	.date-page ul {
		-webkit-column-count: 1;
		        column-count: 1;
		padding-left: 0px;
		margin-right: 30px;
	}

	/*===============================
		TAXONOMY SCRIPTURE - DESKTOP
		===============================*/

	/*===============================
		TAXONOMY AUTHORS/PREACHERS - DESKTOP
		===============================*/

	.contributors-section {
		padding: 0px;
	}

	/*===============================
		END TAXONOMY AUTHORS/PREACHERS - DESKTOP
		===============================*/

	/*===============================
		TAXONOMY TOPICS - DESKTOP
		===============================*/

	.topics-page {
		padding: 0px;
	}

	.topics-page > ul {
		-webkit-column-count: 3;
		        column-count: 3;
	}

	/*===============================
		END TAXONOMY TOPICS - DESKTOP
		===============================*/

	/*===============================
		
		TAXONOMY SERIES - DESKTOP
		===============================*/

	.series-container {
		padding: 0px;
	}

	/*===============================
		END TAXONOMY SERIES - DESKTOP
		===============================*/

}



/*===============================
	REPEATED ELEMENTS FOR MOBILE TABLET & DESKTOP
	===============================*/

/*===============================
	2.0.0 Mobile (min-width: 768px)
	===============================*/

/* Navbar - Phone
  ===============================*/
.primary-header {
	border-top: 6px solid #cc252f;
	border-top: 6px solid var(--primary-regular);
	position: relative;
	top: 0;
	z-index: 100;
	background-color: #F6F6F4;
	height: 65px;
}

.primary-nav-container {
	padding: 5px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

/* ======= Hamburger ======= */
.overflow-hidden {
	overflow: hidden;
}

.menu-icon {
	cursor: pointer;
	width: 48px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 15px;
}

.icon-bar-1,
.icon-bar-2 {
	background-color: #3F3F3F;
	display: block;
	opacity: 0.86;
	height: 3px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: transform, width;
	-webkit-transition-property: width, -webkit-transform;
	transition-property: width, -webkit-transform;
	transition-property: transform, width;
	transition-property: transform, width, -webkit-transform;
}

.icon-bar-1 {
	width: 20px;
}

.icon-bar-2 {
	width: 20px;
	margin-top: 0.3125rem;
}

.active .icon-bar-1 {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.active .icon-bar-2 {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 20px;
	margin-top: -3px;
}

/* Logo - Phone
  ===============================*/

.logo {
	line-height: 0;
	margin-left: 7px;
}

.logo img {
	max-width: 120px;
	max-height: 36px;
	object-fit: contain;
}

.logo a {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	color: #222;
}

/* End Logo - Phone
	===============================*/
	
/* menu-social-icon */

.menu-social-icon {
	display: none;
}

/* menu-social-icon */

/* ======= Nav Search Button ======= */

.nav-search {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	    align-self: stretch;
	min-height: 49px;
	width: 14px;
	content: ' ';
	background: #F6F6F4 url(assets/svg/search-icon-default.svg) no-repeat;
	background-size: 14px;
	background-position: right 50%;
	-webkit-transition: background-position 0.3s ease-out 0.2s,;
		-webkit-transition: background-position 0.3s ease-out 0.2s,
		background-color 0.2s ease-out,
		width 0.2s ease-out,
		background-image 0.2s,
		background-position 0.2s;
		transition: background-position 0.3s ease-out 0.2s,
		background-color 0.2s ease-out,
		width 0.2s ease-out,
		background-image 0.2s,
		background-position 0.2s
}

.nav-search.active {
	width: 100%;
	margin-left: -100%;
	background: #F6F6F4 url(assets/svg/search-icon-default.svg) no-repeat;
	z-index: 5;
	background-size: 13px;
	background-position: left 50%;
	-webkit-transition: background-position 0.3s ease-out 0.2s,
		background-color 0.3s ease-out 0.2s;
	transition: background-position 0.3s ease-out 0.2s,
		background-color 0.3s ease-out 0.2s;
}

.search-form

/*Hide search input form when not active*/
	{
	opacity: 0;
	-webkit-transition: 0.3s ease-in 0.5s;
	-webkit-transition: opacity 0.3s ease-in 0.5s;
	transition: opacity 0.3s ease-in 0.5s;
}

.search-btn

/*Full size clickable area with magnifying glass*/
	{
	cursor: pointer;
	width: 48px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.close-btn

/*Setup close button for transition in*/
	{
	cursor: pointer;
	background-size: 0px;
	background-position: right 50%;
}

.active .close-btn

/*Active - Smaller size clickable area with close icon*/
	{
	background: url(assets/svg/close.svg) no-repeat;
	background-size: 13px;
	width: 1.25rem;
	height: 100%;
	background-position: right 50%;
	float: right;
	-webkit-transition: background 0.3s ease-out 0.3s;
	transition: background 0.3s ease-out 0.3s;
}

.active .search-form

/*Hide search input form when not active*/
	{
	margin-left: 0;
	opacity: 1;
	display: inline-block;
	width: 90%;
	-webkit-transition: opacity 0.3s ease-in 0.5s;
	transition: opacity 0.3s ease-in 0.5s;
	height: 100%;
	/*Flex*/
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
}

.search-form input {
	/* Normalize input */
	-webkit-appearance: textfield;
	background-color: transparent;
	border-width: 0px;
	border-style: none;
	border-color: transparent;
	text-rendering: auto;
	/* entry-content */
	color: #95989A !important;
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: 400;
	font-size: 0.8125rem;
	letter-spacing: 1px;
	padding-left: 1.75rem;
	-webkit-transition-duration: 3s;
	        transition-duration: 3s;
	height: 1.5rem;
	width: 100%;
	-ms-flex-item-align: center;
	    align-self: center;
	/*Put off page*/
	margin-left: -1000px;
}

.search-form input[placeholder="Search Resources"] {
	color: #B6B6B5;
}

input:focus::-webkit-input-placeholder {
	color: #B6B6B5;
}

input:focus:-moz-placeholder {
	color: #B6B6B5;
}

/* FF 4-18 */

input:focus::-moz-placeholder {
	color: #B6B6B5;
}

/* FF 19+ */

input:focus:-ms-input-placeholder {
	color: #B6B6B5;
}

/* IE 10+ */

.active .search-form input {
	/*Bring on page*/
	margin-left: 0;
}

.nav-search input:focus

/*Remove blue focusing*/
	{
	outline: none;
	float: left;
}

/* ======= Navigation - phone ======= */

.navigation {
	display: block;
	padding: 20px;
	margin: 0;
	text-transform: uppercase;
	background-color: #222;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	transition-property: transform, -webkit-transform;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px);
}

.open .navigation {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}

.navigation li {
	list-style: none;
	position: relative;
}

.navigation li > a {
	line-height: 1.3;
	font-size: 14px;
	padding: 10px 0;
	font-weight: 400;
	color: #fff;
	display: block;
	letter-spacing: 0.09375rem;
	transition: color .25s;
	-webkit-transition: color .25s;
	-moz-transition: color .25s;
	-ms-transition: color .25s;
	-o-transition: color .25s;
}

.navigation a:hover,
.navigation a:focus,
.navigation a:active {
	color: #cc252f;
	color: var(--primary-regular);
}

.more {
	height: 24px;
	width: 24px;
	font-size: 10px;
	color: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 8px;
	right: 0;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
}

.more.flip

/*Flip chevron upsidedown*/
	{
	transform: rotate(-180deg);
	-ms-transform: translateX(-180px);
	-webkit-transform: rotate(-180deg);
}

.nav-area ul ul {
	text-transform: capitalize;
	background-color: #2c2c2c;
	margin-left: -20px;
	margin-right: -20px;
	padding-right: 20px;
	padding-left: 40px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	transition-property: transform, -webkit-transform, height;
	transform: translateX(-2000px);
	height: 0px;
	display: block;
	-moz-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	-o-transform: translateX(-2000px);
	-webkit-transform: translateX(-2000px);
}


.nav-area ul ul li {
	font-size: 13px;
}

.nav-area ul ul li:first-child {
	padding-top: 5px;
}

.nav-area ul ul li:last-child {
	padding-bottom: 5px;
}

.nav-area ul ul.testm {
	height: 100%;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	transition-property: transform, -webkit-transform, height;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}

/* End Navbar - Phone
  ===============================*/


/* Browse By - Phone
  ===============================*/

/* Browse Button */
.browse {
	width: 115px;
	margin: 0 auto;
	padding: 10px;
	background: #343434;
	color: rgba(255, 255, 255, 0.4);
	border-radius: 2px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	top: -70px;
	cursor: pointer;
	-webkit-user-select: none;
	/* Chrome/Safari */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* IE10+ */
	/* Not implemented yet */
	-o-user-select: none;
	user-select: none;
}

.browse span {
	font-size: 11px;
	text-transform: uppercase;
}

.browse .icon-filter {
	font-size: 13px;
}

.browse .icon-chevron-bottom {
	font-size: 11px;
}

.browse-container {
	background: #F6F6F4;
	height: 0px;
}

/* Browse Content */
.browse-content ul,
.browse-content ul li,
.browse-content h1 {
	margin: 0;
	padding: 0;
}

.browse-content li {
	list-style: none;
}

.browse-content

/* Accordian styling */
	{
	padding: 10px 20px 30px;
}

.browse-content h1 {
	line-height: 1;
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	color: #222222;
	opacity: 0.9;
	text-transform: uppercase;
	padding-bottom: 16px;
}

.browse-content li {
	font-size: 14px;
	color: rgba(34, 34, 34, 0.7),
}

.resource-types {
	line-height: 2.1;
	margin-bottom: 34px;
}

.index ul li {
	line-height: 2.1;
}

.index ul li ul li {
	display: none;
}

.browse-container.active {
	height: 100%;
}

.browse-content.active {
	display: block;
}

.browse-content {
	display: none;
}

.browse-container .active .icon-chevron-bottom {
	/* IE 9 */
	-webkit-transform: rotate(180deg);
	/* Chrome, Safari, Opera */
	transform: rotate(180deg);
}

/* End Browse By - Phone
  ===============================*/


/* Pagination - Phone
  ===============================*/

.pagination {
	margin: 0;
	padding: 0;
	color: #95989A;
	font-weight: 400;
	font-size: 11px;
	list-style: none;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	margin-top: 45px;
	margin-bottom: 45px
}

.pagination .icon-chevron-left,
.pagination .icon-chevron-right {
	font-size: 11px;
}

.pagination>li,
.pagination>.ellipses {
	margin-right: 10px;
}


.pagination>li>a,
.pagination>.ellipses {
	border: 3px solid rgba(197, 197, 197, 0.7);
	width: 36px;
	height: 36px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.pagination li>span.page-numbers.dots {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	border: 3px solid rgba(197, 197, 197, 0.7);
	width: 52px;
	height: 52px;
	-ms-flex-pack: center;
	    justify-content: center;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	    align-items: center;
}

.pagination>.current>a {
	background: #222;
	color: #fff;
	border: 0px !important;
}

.pagination>.current>a:hover {
	opacity: .75;
}

.pagination a:hover {
	background: #222222;
	color: #fff;
	border: none;
}

.pagination>li,
.pagination>.ellipses {
	display: none;
}

.pagination>.current,
.pagination>.display-flex-mobile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* End Pagination - Phone
  ===============================*/


/* Footer - Phone
  ===============================*/

.primary-footer {
	background-color: #EBEBEB;
	color: #5B534E;
	padding-top: 15px;
	border-top: 4px solid #222;
}

.footer-nav a {
	font-size: 13px;
	text-transform: capitalize;
	font-weight: 500;
	line-height: 1.6;
	padding: 8px 0;
}

.footer-nav ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
	-webkit-column-count: 2;
	-ms-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
}

.footer-nav ul ul {
	display: none;
}

.footer-nav ul > li {
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	page-break-inside: avoid;
}

.footer-nav ul li a:hover,
.footer-nav ul li a:active {
	color: #e30e20;
	color: var(--primary-light);
}

/* ======= Copy and Social Share ======= */

/* Copy  */

.copy-and-social-share {
	padding: 17px 0px 21px 0px;
}

.copy-credit {
	font-size: 10px;
	font-weight: 300;
	line-height: 16px;
	letter-spacing: 1px;
	margin: 0;
	color: #969595;
}

.copy-credit a {
	font-weight: 500;
}

.credit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
}

.credit > a {
	color: #000;
	-webkit-transition: .25s;
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
	padding-top: 6px;
	margin-left: 6px;
	opacity: .5;
}

.credit > a:hover .logo-icon-top,
.credit > a:hover .logo-icon-bottom {
	fill: #000;
	-webkit-transition: fill .25s;
	transition: fill .25s;
}

.credit > a:hover {
	opacity: 1;
}

svg.solasites-logo {
	width: 110px;
}

.logo-sola, 
.logo-sites {
  fill: #000;
}

.logo-icon-top, 
.logo-icon-bottom {
  fill: #000;
}

.logo-sites, 
.logo-icon-bottom {
	opacity: .6;
}	

/* End Copy  */

/* Footer Address  */

.footer-address {
	font-size: 13px;
	text-transform: capitalize;
	font-weight: 400;
	opacity: 0.7;
	line-height: 23px;
	margin: 0;
	padding-top: 13px;
	padding-bottom: 33px;
}

/*  Social Share  */

.social-share {
	border-top: 1px solid rgba(0, 0, 0, 0.09);
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
	padding-top: 30px;
	padding-bottom: 30px;
}

.social-share > h1 {
	font-style: italic;
	font-weight: 300;
	font-size: 12px;
	margin: 0;
}

.social-icons {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 10px;
}

.social-share .social-icons {
	margin-left: -5px;
}

.share-icon a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	color: #424242;
	width: 30px;
	height: 20px;
	padding: 0 6px;
	-webkit-transition: color .25s;
	transition: color .25s;
}

.share-icon a svg {
	height: 20px;
}

.share-icon a path {
	fill: #424242;
	transition: fill .25s;
	-webkit-transition: fill .25s;
	-moz-transition: fill .25s;
	-ms-transition: fill .25s;
	-o-transition: fill .25s;
}

.share-icon a:hover path,
.share-icon a:focus path,
.share-icon a:active path  {
	fill: #42424299;
}


/* End Social Share */

/* End Footer - Phone
  ===============================*/



/*===============================
	3.0.0 Tablet (min-width: 768px)
	===============================*/
@media (min-width: 768px) {

	/* Navbar - Tablet
  ===============================*/
	.primary-header .container {
		width: 100%;
		height: 100%;
	}

	.primary-header {
		height: 85px;
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.primary-nav-container {
		padding: 15px 0;
		height: 100%;
	}

	/* ======= Hamburger - Tablet ======= */

	.menu-icon {
		width: 60px;
	}

	.icon-bar-1 {
		width: 25px;
	}

	.icon-bar-2 {
		width: 25px;
	}

	.active .icon-bar-2 {
		width: 25px;
	}

	/* ======= Logo - Tablet ======= */

	.logo img {
		max-width: 150px;
		max-height: 60px;
	}

	/* ======= End Logo - Tablet ======= */

	/* ======= Nav Search - Tablet======= */

	.search-btn {
		width: 60px;
	}

	/* ======= End Nav Search - Tablet ======= */

	/* ======= Navigation - Tablet ======= */

	.navigation {
		width: 293px;
		padding: 15px 30px 19px 30px;
		background-color: #fff;
		-webkit-box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.1);
		box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.1);
	}

	.navigation li > a {
		color: rgba(0, 0, 16, 0.7);
		font-size: 18px;
		padding: 12px 0;
	}

	.more {
		color: rgba(0, 0, 16, 0.7);
		font-size: 12px;
		height: 30px;
    width: 30px;
		top: 10px;
	}

	.nav-area ul ul {
		background-color: transparent;
		margin-left: -20px;
		margin-right: -20px;
		padding-right: 20px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.nav-area ul ul li:last-child,
	.nav-area ul ul li:first-child  {
		padding-bottom: 0;
		padding-top: 0;
	}
	/* End Navbar - Tablet
		===============================*/


	/* Browse By - Tablet
		===============================*/

	/* Browse Container */
	.browse-container {
		background: transparent;
		height: 100%;
		padding-top: 18px;
		/*		padding-bottom: 18px;*/
	}

	/* Browse Button */
	.browse {
		width: 137px;
		margin: 0;
		margin-left: auto;
		padding: 20px;
		background: #F6F6F4;
		color: rgba(59, 59, 59, 0.8);
		border-radius: 0px;
		top: 0px;
	}

	.browse span {
		font-size: 14px;
		font-weight: 500;
	}

	.browse .icon-filter {
		font-size: 13px;
		display: none;
	}

	.browse .icon-chevron-bottom {
		font-size: 12px;
	}

	/* End Browse Button */

	/* Browse Content */
	.browse-content {
		background: #F6F6F4;
		padding: 41px 43px 34px;
	}

	.browse-content h1 {
		padding-bottom: 16px;
	}

	.browse-content li {
		font-size: 15px;
	}

	.resource-types {
		line-height: 2.1;
		margin-bottom: 34px;
	}

	.index ul li {
		line-height: 2.1;
	}

	.index ul li ul li {
		display: none;
	}

	.flex-container {
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.index {
		width: 60%;
	}

	/* End Browse Content */

	/* End Browse By - Tablet
		===============================*/


	/* Pagination - Tablet
		===============================*/

	.pagination {
		font-size: 14px;
		margin-top: 52px;
		margin-bottom: 52px
	}

	.pagination .icon-chevron-left,
	.pagination .icon-chevron-right {
		font-size: 13px;
	}

	.pagination>li {
		display: block;
	}

	.pagination>li>a,
	.pagination>.ellipses {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border: 3px solid rgba(197, 197, 197, 0.7);
		width: 52px;
		height: 52px;
	}

	/* End Pagination - Tablet
		===============================*/


	/* Footer - Tablet
  ===============================*/

	.primary-footer {
		padding: 25px 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.footer-nav {
		font-size: 15px;
	}

	.footer-flex {
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: flex;
	}

	.footer-nav ul {
		-webkit-column-count: 3;
		-ms-column-count: 3;
		-o-column-count: 3;
		column-count: 3;
	}

	.footer-address {
		padding-top: 36px;
		padding-bottom: 22px;
	}

	/* copy */
	.credit::before {
		display: inline-block;
		content: '|';
		padding: 0 0.5rem;
	}

	.copy-and-social-share {
		width: 100%;
		padding: 24px 0px;
	}

	.copy-credit {
		font-size: 13px;    
		display: -webkit-box;    
		display: -ms-flexbox;    
		display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	}

	/* End  copy */

	.social-share {
		border: none;
		width: 220px;
		margin-left: auto;
	}

	.social-share > h1 {
		font-size: 18px;
	}

	.social-icons {
		margin-top: 20px;
	}

	/* End Footer - Tablet
  ===============================*/
}



/*===============================
	5.0.0 Desktop (min-width: 992px)
	===============================*/

@media (min-width: 992px) {

	/* Navbar - Desktop
		===============================*/

	.primary-header .container {
		width: 100%;
	}

	.primary-nav-container {
		padding: 0px;
		justify-content: initial;
	}

	.menu-icon {
		display: none;
	}

	.logo {
		padding: 20px 0;
		margin: 0;
	}

	.nav-area {
		margin-left: auto;
		-ms-order: 1;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		-ms-flex-preferred-size: 60%;
		    flex-basis: 60%;
	}

	.nav-search {
		width: 30px;
		margin-left: 15px;
		order: 3;
	}

	/* ======= Search - Desktop ======= */

	.menu-social-icon {
		order: 2;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
				-ms-flex-align: center;
						align-items: center;
		padding-right: 6px;
		margin-left: 20px;
		margin-left: auto;
		-webkit-box-pack: end;
				-ms-flex-pack: end;
						justify-content: flex-end;
	}

	.menu-social-icon.share-icon a path {
		fill: rgba(34, 34, 34, .5);
	}

	.menu-social-icon.share-icon a:hover path,
	.menu-social-icon.share-icon a:focus path,
	.menu-social-icon.share-icon a:active path {
		fill: #cc252f;
		fill: var(--primary-regular);
	}


	.nav-search.active {
		width: 100%;
		margin-left: -100%;
	}

	.search-btn

	/*Full size clickable area with magnifying glass*/
		{
		position: relative;
	}

	.close-btn

	/*Setup close button for transition in*/
		{
		cursor: pointer;
		background-size: 0px;
		background-position: right 50%;
	}

	.active .close-btn

	/*Active - Smaller size clickable area with close icon*/
		{
		background: url(assets/svg/close.svg) no-repeat;
		background-size: 14px;
		width: 1.25rem;
		height: 100%;
		background-position: right 50%;
		float: right;
		-webkit-transition: background 0.3s ease-out 0.3s;
		transition: background 0.3s ease-out 0.3s;
	}

	.active .search-form

	/*Hide search input form when not active*/
		{
		margin-left: 0;
		opacity: 1;
		display: inline-block;
		width: 90%;
		-webkit-transition: opacity 0.3s ease-in 0.5s;
		transition: opacity 0.3s ease-in 0.5s;
		/*Flex*/
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: flex;
	}

	/* ======= Navigation - Desktop ======= */

	.navigation {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: initial;
		display: flex;
		justify-content: flex-end;
		text-transform: capitalize;
		background-color: transparent;
		-webkit-transition: none;
		transition: none;
		/* IE 9 */
		-webkit-transform: none;
		/* Chrome, Safari, Opera */
		transform: none;
		position: inherit;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		    align-self: stretch;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.nav-area {
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		    align-self: stretch;
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: flex;
	}	

	.nav-area ul > li ul {
		display: none;
	}

	.nav-area ul > li:hover > ul {
		display: block;
	}

	.nav-area ul ul {
		top: 100%;
		left: 0px;
		background-color: #343434;
		color: rgba(255, 255, 255, 0.4);
		margin: 0;
		padding: 10px 0px;
		-webkit-transform: none;
		transform: none;
		height: inherit;
		position: absolute;
		min-width: 210px;
	}

	.nav-area ul ul ul {
    left: 200px;
    top: -10px;
	}

	.nav-area ul ul ul ul {
    left: initial;
    right: 200px;
	}

	.nav-area > ul > li:last-child ul,
	.nav-area > ul > li:nth-last-child(2) ul {
		right: 0;
		left: initial;
	}

	.nav-area > ul > li:last-child ul ul,
	.nav-area > ul > li:nth-last-child(2) ul ul {
		right: 200px;
		left: initial;
	}

	.nav-area ul li > a {
		font-size: 16px;
		font-weight: 400;
		color: rgba(255, 255, 255, 0.4);
		padding: 10px 15px;
		position: relative;
	}

	.nav-area > ul > li > a {
		height: 100%;
		padding: 0 14px;
		color: rgba(0, 0, 0, 0.6);
    white-space: nowrap;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		    align-self: stretch;
	}

	.nav-area .desktop-grandchild-chevron > a::after {
		content: '';
		background: url(assets/svg/chevron-white.svg) no-repeat;
		width: 9px;
		height: 5px;
		position: absolute;
		top: 18px;
		right: 18px;
		/* IE 9 */
		-webkit-transform: rotate(-90deg);
		/* Chrome, Safari, Opera */
		transform: rotate(-90deg);
	}

	.more {
		display: none;
	}


	/* End Navbar - Desktop
		===============================*/


	/* Browse By - Desktop
		===============================*/

	/* Browse Container */
	.browse-container {
		padding-top: 27px;
	}

	/* Browse Button */
	.browse {
		width: 147px;
		padding: 24px;
	}

	/* Browse Content */
	.browse-content {
		padding: 41px 43px 34px;
	}

	.browse-content h1 {
		padding-bottom: 16px;
	}

	.resource-types {
		line-height: 2.1;
		margin-bottom: 34px;
	}

	.index ul li {
		font-weight: 500;
		line-height: 2.1;
	}

	.index ul li ul li {
		font-weight: 300;
		display: block;
	}

	.browse-content .index .all {
		/* display: none; */
		font-size: 12px;
		font-style: italic;
		opacity: .75;
	}

	.index {
		width: 75%;
	}

	/*Secondary Flex Container*/
	.flex-container-secondary {
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	/* End Browse By - Desktop
		===============================*/


	/* Pagination - Desktop
		===============================*/

	.pagination {
		font-size: 15px;
		margin-top: 90px;
		margin-bottom: 90px
	}

	.pagination .icon-chevron-left,
	.pagination .icon-chevron-right {
		font-size: 14px;
	}

	.pagination a {
		width: 62px;
		height: 62px;
	}

	/* End Pagination - Desktop
		===============================*/
}



/*===============================
	6.0.0 Larger Desktop (min-width: 1200px)
	===============================*/

@media (min-width: 1200px) {

	.primary-header .container {
		width: 1170px;
	}

	.logo img {
		max-width: 180px;
	}

	.trapezium {
		width: 500px;
		height: 100px;
		border-bottom: 150px solid #222222;
		border-left: 500px solid transparent;
	}

	.rectangle {
		width: 500px;
		height: 80px;
	}

	.trapezium,
	.rectangle {
		top: 60px;
	}

	/* ======= Tweet - Large Desktop ======= */

	.tweet {
		margin-bottom: 150px;
	}

	.trapezium-tweet {
		border-left: 1140px solid transparent;
	}

	.rectangle-tweet {
		height: 170px;
	}

	.avatar-tweet {
		top: 34px;
	}

	.twitter-snippet-container {
		height: 150px;
		margin-left: 25%;
		margin-right: 25%;
	}

	.icon-double-quote-sans-right {
		font-size: 30px;
	}

	.twitter-handle {
		bottom: 30px;
		margin-right: 25%;
	}

	/* ======= End Tweet - Large Desktop ======= */
}

/*Temp Fixes*/

/* Hiding Filtering until solution found */

.resource-type-nav,
.browse-content .resource-types,
.index>h1 {
	display: none;
}

.index {
	width: 100%;
}

/* Entry Content Image Styling */

.entry-content img {
	max-width: 100%;
	height: auto;
	margin: 0 0 1rem;
}

.entry-content img.alignright,
.entry-content a img.alignright {
	float: right;
	margin: 0 0 1rem 1rem
}

.entry-content img.alignleft,
.entry-content a img.alignleft {
	float: left;
	margin: 0 1rem 1rem 0
}

.entry-content img.aligncenter,
.entry-content a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.entry-content iframe {
	max-width: 100%;
	margin: 0 0 1rem;
}


@media (min-width: 768px) {

	.entry-content img.alignright,
	.entry-content a img.alignright {
		margin: 0 0 1rem 1.5rem
	}

	.entry-content img.alignleft,
	.entry-content a img.alignleft {
		float: left;
		margin: 0 1.5rem 1rem 0
	}

}

/*===============================
  ===============================
        Event-Archive
  ===============================
  ===============================*/

/*===============================
      Event-Archive
  ===============================*/

/* ===Event-Archive - Mobile+ === */

.timely {
	font-family: 'Roboto', Helvetica, sans-serif;
}

.ai1ec-calendar-view>.ai1ec-clearfix {
	padding: 8px 0 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: 1px solid #EAEAEA;
}

.ai1ec-views-dropdown,
.ai1ec-fa-calendar-o {
	display: none;
}

.ai1ec-calendar-title,
.ai1ec-calendar-title-short {
	font-size: 12px;
}

.ai1ec-btn-toolbar {
	width: 180px;
}

.ai1ec-title-buttons .ai1ec-btn-group {
	margin-left: 0px;
}

.ai1ec-btn-toolbar .ai1ec-btn-group {
	margin-bottom: 0px;
}

.ai1ec-pagination {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.timely {
	line-height: initial;
}

.timely i {
	font-style: normal;
}

.timely .ai1ec-btn-default {
	color: #222 !important;
	background-color: initial;
	border-color: initial;
}

.entry-content .timely a:hover {
	color: rgba(59, 59, 59, 0.6) !important;
}

.timely .ai1ec-btn {
	border: 0px solid transparent;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	letter-spacing: 1px;
}

.timely .ai1ec-btn-default:hover,
.timely .ai1ec-btn-default:focus,
.timely .ai1ec-btn-default:active,
.timely .ai1ec-btn-default.ai1ec-active {
	background-color: initial;
	color: #3b3b3b !important;
}

.timely .ai1ec-prev-page.ai1ec-btn-default,
.timely .ai1ec-next-page.ai1ec-btn-default {
	color: rgba(59, 59, 59, 0.6) !important;
}

.timely .ai1ec-prev-page.ai1ec-btn-default:hover,
.timely .ai1ec-next-page.ai1ec-btn-default:hover {
	color: #222 !important;
}

.timely .ai1ec-pagination a.ai1ec-prev-page i,
.timely .ai1ec-pagination a.ai1ec-next-page i,
#ai1ec-container .ai1ec-pagination a.ai1ec-prev-page i,
#ai1ec-container .ai1ec-pagination a.ai1ec-next-page i {
	font-size: 14px;
	font-style: normal;
}

.event-list {
	padding: 20px 0;
}

.agenda-day {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 16px;
	margin-bottom: 15px;
	border-radius: 5px;
	position: relative;
	z-index: 0;
	background-color: #F6F6F4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	transition: all .25s;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
}

.agenda-day:last-child {
	margin-bottom: 0px;
}

.agenda-day:hover {
	-webkit-box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.16);
}

.agenda-date {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 52px;
	height: 40px;
	margin-top: 8px;
	position: relative;
}

.agenda-date::before {
	content: "";
	height: 6px;
	width: 100%;
	opacity: .86;
	position: absolute;
	top: -8px;
	background-color: #cc252f;
	background-color: var(--primary-regular);
}

.agenda-date>div {
	font-size: 14px;
	font-weight: 700;
	height: 16px;
	text-transform: uppercase;
	color: rgba(59, 59, 59, .9);
}

.agenda-event {
	margin-top: 5px;
	margin-bottom: 25px;
}

.event-month {
	margin-right: 5px;
}

.agenda-event-list {
	padding-left: 20px;
	width: calc(100% - 52px);
}

.timely h1,
.timely h2,
.timely h3 {
	margin-top: 5px;
	margin-bottom: 0;
}

.timely h1 {
	font-size: 16px;
	line-height: 1.3;
}

.timely .event-time {
	font-size: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.3;
	color: rgba(128, 128, 128, 0.8);
}

.event-group {
	font-size: 18px;
	color: #545454;
	margin: 0 0 5px;
	font-weight: 500 !important;
	text-transform: capitalize;
}

.ai1ec-allday-badge {
	background: initial;
	border-radius: initial;
	color: #cc252f;
	color: var(--primary-regular);
	opacity: .8 !important;
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 400;
	margin: -5px 10px 3px 0;
	opacity: 1;
	letter-spacing: 1px;
	text-align: center;
	height: 22px;
	filter: initial;
	padding: 3px 14px;
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
	text-transform: capitalize;
	-webkit-border-radius: initial;
	-moz-border-radius: initial;
	-ms-border-radius: initial;
	-o-border-radius: initial;
	-webkit-filter: initial;
}

.ai1ec-allday-badge::before {
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #cc252f;
	background-color: var(--primary-regular);
	opacity: .15;
	z-index: -1;
}

/* Calender */

.entry-content .timely .ai1ec-prev-month,
.entry-content .timely .ai1ec-next-month,
.entry-content .timely .ai1ec-next-year,
.entry-content .timely .ai1ec-prev-year {
	font-size: 13px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: rgba(34, 34, 34, .6) !important;
}

.entry-content .timely .ai1ec-prev-month,
.entry-content .timely .ai1ec-next-month {
	font-size: 0px;
}


.entry-content .timely a.ai1ec-prev-month:hover,
.entry-content .timely a.ai1ec-next-month:hover,
.entry-content .timely a.ai1ec-next-year:hover,
.entry-content .timely a.ai1ec-prev-year:hover {
	color: #cc252f !important;
	color: var(--primary-regular) !important;
}

.entry-content .timely .ai1ec-prev-month>i,
.entry-content .timely .ai1ec-next-month>i,
.entry-content .timely .ai1ec-next-year>i,
.entry-content .timely .ai1ec-prev-year>i {
	font-size: 17px;
}

.entry-content .timely .ai1ec-prev-year>i {
	margin-right: 25px;
}

.entry-content .timely .ai1ec-next-year>i {
	margin-left: 25px;
}

.timely .ai1ec-month-view th,
.timely .ai1ec-week-view th,
.timely .ai1ec-oneday-view th {
	color: #222;
	font-size: 11px;
	font-weight: 600;
	background: #fff !important;
	height: 34px;
}

.timely .ai1ec-month-view th {
	font-family: 'Montserrat', Helvelica, sans-serif;
}

.timely .ai1ec-month-view th,
.timely .ai1ec-week-view th,
.timely .ai1ec-week-view .ai1ec-hour-marker div,
.timely .ai1ec-week-view .ai1ec-allday-label,
.timely .ai1ec-oneday-view th,
.timely .ai1ec-oneday-view .ai1ec-hour-marker div,
.timely .ai1ec-oneday-view .ai1ec-allday-label {
	color: #222 !important;
	text-shadow: 0px 0px 0 #fff !important;
}

table.ai1ec-month-view,
.ai1ec-week-view table,
.ai1ec-oneday-view table {
	margin-top: 35px !important;
	border: 1px solid #D5D4D2 !important;
}

.timely .ai1ec-month-view .ai1ec-date {
	background-color: #fff;
	line-height: 14px;
	height: 14px;
	font-size: 10px;
}

.timely .ai1ec-month-view .ai1ec-date>a {
	color: #999999 !important;
	font-size: 10px;
	text-shadow: initial;
}

.timely .ai1ec-month-view .ai1ec-event {
	height: 14px;
	line-height: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 5px;
}

.timely .ai1ec-event-title,
.timely .ai1ec-event-time {
	font-size: 9px;
	color: #222;
	padding: 0 2px;
	font-weight: 600;
	text-shadow: initial;
	text-transform: capitalize;
	font-family: 'Montserrat', Helvetica, sans-serif;
}

.timely .ai1ec-event-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.timely .ai1ec-month-view .ai1ec-allday .ai1ec-event,
.timely .ai1ec-month-view .ai1ec-multiday .ai1ec-event,
.timely .ai1ec-week-view .ai1ec-allday-events .ai1ec-allday .ai1ec-event,
.timely .ai1ec-week-view .ai1ec-allday-events .ai1ec-multiday .ai1ec-event,
.timely .ai1ec-oneday-view .ai1ec-allday-events .ai1ec-allday .ai1ec-event,
.timely .ai1ec-oneday-view .ai1ec-allday-events .ai1ec-multiday .ai1ec-event {
	border-radius: 0px;
	color: #222;
	background-color: initial;
	margin-bottom: 4px;
	text-shadow: initial;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}

.entry-content .timely a {
	border-bottom: 0px;
}

.timely a.ai1ec-multiday .ai1ec-event {
	position: relative;
	background-color: initial;
}

.timely a.ai1ec-multiday .ai1ec-event::before,
.timely a.ai1ec-allday .ai1ec-event::before {
	content: "";
	position: absolute;
	width: 97.5%;
	height: 100%;
	background-color: #cc252f;
	background-color: var(--primary-regular);
	opacity: .2;
	z-index: -1;
}

.timely a.ai1ec-multiday .ai1ec-event::after,
.timely a.ai1ec-allday .ai1ec-event::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -2;
	background-color: #fff;
}

.timely .ai1ec-today a.ai1ec-multiday .ai1ec-event::after,
.timely .ai1ec-today a.ai1ec-allday .ai1ec-event::after {
	background-color: #F6F6F4;
}

.timely tr,
.timely td {
	background: #fff !important;
}

.ai1ec-month-view td.ai1ec-empty {
	background: #fff !important;
}

.ai1ec-month-view a.ai1ec-multiday {
	opacity: 1;
	filter: alpha(opacity=1);
	-webkit-filter: alpha(opacity=100);
}

.timely .ai1ec-month-view .ai1ec-multiday-arrow1 {
	display: none;
}

.ai1ec-month-view .ai1ec-today,
.ai1ec-week-view .ai1ec-today {
	background: #F6F6F4 !important;
}

.ai1ec-month-view .ai1ec-today>.ai1ec-day>.ai1ec-date,
.ai1ec-week-view .ai1ec-today>.ai1ec-day>.ai1ec-date {
	background: initial !important;
}

.timely .ai1ec-month-view .ai1ec-multiday-bar {
	background: transparent;
	border-radius: 0px;
	height: 14px;
	line-height: 14px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}

.timely .ai1ec-month-view .ai1ec-multiday-arrow2 {
	display: none;
}

.ai1ec-popover.ai1ec-popup {
	width: 240px;
}

.ai1ec-popover {
	max-width: 300px;
	padding: 20px 15px;
	border: 0px solid #fff;
	border: 0px solid rgba(255, 255, 255);
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.ai1ec-popup-title {
	font-size: 16px;
	font-weight: 700;
}

.ai1ec-popup-title>a {
	color: #222;
}

.ai1ec-popup-title>a:hover,
.ai1ec-popup-title>a:active,
.ai1ec-popup-title>a:visited {
	color: #222 !important;
	opacity: .6;
}

.ai1ec-popover.ai1ec-popup .ai1ec-event-time {
	background: initial;
}

.ai1ec-event-avatar {
	-webkit-box-shadow: initial;
	box-shadow: initial;
}

.ai1ec-popover.ai1ec-popup .ai1ec-event-time {
	font-size: 13px;
	font-weight: 400;
	padding: 0;
	margin: 10px 0;
	color: rgba(34, 34, 34, .6);
}

.ai1ec-popover.ai1ec-popup .ai1ec-event-time .ai1ec-allday-badge {
	margin-left: 5px;
	display: inline;
}

.ai1ec-popover.ai1ec-popup .ai1ec-event-avatar {
	margin: 10px auto;
	position: relative;
	width: 100%;
}

.ai1ec-event-avatar img {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.ai1ec-popup .ai1ec-sas-actions .ai1ec-clearfix {
	border-bottom: 0px !important;
}

.ai1ec-popup-excerpt {
	font-size: 14px;
	margin-top: 0px;
	font-weight: 400;
	color: #8C8C8C;
	line-height: 1.5;
}

.ai1ec-datepicker {
	padding: 15px;
}

.ai1ec-datepicker.ai1ec-dropdown-menu {
	width: 260px;
	background-color: #fff;
	border: 0px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.16);
	background-clip: padding-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}

.ai1ec-datepicker-dropdown::before {
	content: initial;
}

.timely .ai1ec-table-condensed {
	width: 100%;
	border: 0px;
}

.timely .ai1ec-table-condensed th,
.timely .ai1ec-table-condensed td {
	background-color: #fff !important;
}

.ai1ec-datepicker table tr td.ai1ec-today:hover:hover {
	color: #fff;
}

.timely .ai1ec-table-condensed .ai1ec-day,
.timely .ai1ec-table-condensed .ai1ec-dow,
.timely .ai1ec-table-condensed .ai1ec-active.ai1ec-day {
	color: #222;
}

.ai1ec-datepicker table tr td.ai1ec-today {
	background: #F2F2F2 !important;
}

.ai1ec-datepicker table tr td.ai1ec-day:hover,
.ai1ec-datepicker table tr td.ai1ec-old.ai1ec-day:hover,
.ai1ec-datepicker table tr td.ai1ec-new.ai1ec-day:hover {
	background: #cc252f !important;
	background: var(--primary-regular) !important;
	color: #fff;
}

.timely .ai1ec-table-condensed .ai1ec-old.ai1ec-day,
.timely .ai1ec-table-condensed .ai1ec-new.ai1ec-day,
.ai1ec-table-condensed .ai1ec-datepicker-switch,
.ai1ec-table-condensed .ai1ec-prev,
.ai1ec-table-condensed .ai1ec-next {
	color: rgba(59, 59, 59, .56);
}

.ai1ec-prev .ai1ec-fa-arrow-left,
.ai1ec-next .ai1ec-fa-arrow-right {
	font-size: 16px;
}

.ai1ec-prev .ai1ec-fa-arrow-left::before,
.ai1ec-next .ai1ec-fa-arrow-right::before {
	display: none;
}

.ai1ec-next .ai1ec-fa-arrow-right::after {
	content: "\f105";
}

.ai1ec-prev .ai1ec-fa-arrow-left::after {
	content: "\f104";
}

.ai1ec-popover.ai1ec-left .ai1ec-arrow {
	/* border-left-color: #fff !important; */
	border-left-color: rgba(255, 255, 255, 1) !important;
}

/* ===Event-Archive - Tablet+ === */

@media (max-width: 767px) {

	.ai1ec-datepicker-dropdown {
		left: 50% !important;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}

	.ai1ec-datepicker-dropdown::after {
		left: 50% !important;
		transform: translateX(-50%) !important;
		-webkit-transform: translateX(-50%) !important;
		-moz-transform: translateX(-50%) !important;
		-ms-transform: translateX(-50%) !important;
		-o-transform: translateX(-50%) !important;
	}

}

/* ===Event-Archive - Tablet+ === */

@media (min-width: 768px) {

	.main-content .row>div:only-child {
		width: 100%;
		padding: 0;
	}

	.ai1ec-views-dropdown {
		display: block;
		margin-right: -18px;
	}

	.ai1ec-calendar-view>.ai1ec-clearfix {
		padding: 0 0 34px;
		display: block;
	}

	.ai1ec-btn-toolbar {
		margin-left: -9px;
		width: 100%;
	}

	.ai1ec-views-dropdown>a>span {
		font-size: 13px;
		font-weight: 700;
		color: #222222;
		margin-right: 10px;
		margin-top: -2px;
		text-transform: uppercase;
	}

	.ai1ec-views-dropdown>a>span.ai1ec-caret {
		color: rgba(34, 34, 34, .6);
		transition: all .25s;
		-webkit-transition: all .25s;
		-moz-transition: all .25s;
		-ms-transition: all .25s;
		-o-transition: all .25s;
	}

	.ai1ec-views-dropdown>a:hover>span.ai1ec-caret {
		color: #222222 !important;
	}

	.ai1ec-open .ai1ec-caret {
		color: #222222 !important;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}

	.ai1ec-pagination {
		width: initial;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.event-list {
		padding: 40px 0;
	}

	.agenda-event {
		margin-bottom: 30px;
	}

	.agenda-day {
		padding: 28px;
		margin-bottom: 25px;
	}

	.agenda-date {
		width: 65px;
	}

	.agenda-event>a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.agenda-event-list {
		padding-left: 80px;
		width: calc(100% - 65px);
	}

	.timely h1,
	.timely h2,
	.timely h3 {
		margin-top: 0px;
	}

	.timely h1 {
		font-size: 18px;
	}

	.timely .event-time {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 45%;
		font-size: 16px;
		font-weight: 400;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		color: #545454;
		text-align: right;
	}

	.event-group {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
		margin: 0;
		width: 45%;
	}

	.agenda-date>div {
		font-size: 16px;
	}

	.ai1ec-allday-badge {
		font-size: 13px;
		margin-top: 0;
		min-width: 82px;
	}

	.timely .ai1ec-icon-agenda,
	.timely .ai1ec-icon-month {
		display: none;
	}

	span.ai1ec-hidden-xs {
		display: inline !important;
	}

	.ai1ec-hidden-sm {
		display: block !important;
	}

	.ai1ec-hidden-xs {
		display: block !important;
	}

	.ai1ec-views-dropdown .ai1ec-dropdown-menu {
		z-index: 10000;
		width: 160px;
		padding: 10px 15px;
		font-size: 14px;
		background-color: #222222;
		border: 0px;
		border-radius: 5px;
		-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
		box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
		background-clip: padding-box;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}

	.entry-content .timely .ai1ec-dropdown-menu>div>a {
		color: #fff !important;
		padding: 5px 18px;
		margin: 5px 0;
		font-size: 14px;
		text-transform: initial;
		transition: all .25s;
		-webkit-transition: all .25s;
		-moz-transition: all .25s;
		-ms-transition: all .25s;
		-o-transition: all .25s;
	}

	.entry-content .timely .ai1ec-dropdown-menu>div>a {
		background-color: #222;
	}

	.entry-content .timely .ai1ec-dropdown-menu>div>a:visited {
		color: #fff !important;
	}

	.entry-content .timely .ai1ec-dropdown-menu>div>a:hover>span,
	.entry-content .timely .ai1ec-dropdown-menu>div>a:focus>span {
		color: #E30E20 !important;
		color: var(--primary-light) !important;
		background-color: initial;
	}

}

@media (max-width: 991px) and (min-width: 768px) {

	.ai1ec-hidden-xs.ai1ec-hidden-sm,
	tr.ai1ec-hidden-xs.ai1ec-hidden-sm,
	th.ai1ec-hidden-xs.ai1ec-hidden-sm,
	td.ai1ec-hidden-xs.ai1ec-hidden-sm {
		display: inline-block !important;
	}
}

/* ===Event-Archive- Desktop+ ==== */

@media (min-width: 992px) {


	.main-content .row>div:only-child {
		width: 100%;
	}

	.agenda-event-list {
		padding-left: 160px;
		width: calc(100% - 65px);
	}

	.agenda-event {
		margin-bottom: 35px;
	}

	.agenda-day {
		padding: 35px;
	}

	.timely .event-time {
		font-size: 18px;
	}

	.timely h1 {
		font-size: 24px;
	}

	.entry-content .timely .ai1ec-dropdown-menu>div>a {
		padding: 7px 18px;
		font-size: 14px;
	}

	/* Calender */

	table.ai1ec-month-view,
	.ai1ec-week-view table,
	.ai1ec-oneday-view table {
		margin-top: 50px !important;
	}

	.timely .ai1ec-month-view th,
	.timely .ai1ec-week-view th,
	.timely .ai1ec-oneday-view th {
		font-size: 14px;
		height: 46px;
	}

	.timely .ai1ec-event-title,
	.timely .ai1ec-event-time {
		padding: 0 5px;
		font-size: 10px;
	}

	.timely .ai1ec-month-view .ai1ec-date>a {
		font-size: 14px;
	}

	.timely .ai1ec-month-view .ai1ec-date {
		line-height: 26px;
		height: 26px;
		padding: 0 10px;
	}

	.ai1ec-multiday-clone {
		top: 28px !important;
	}

}

/*===============================
  ===============================
        Event-Single
  ===============================
  ===============================*/

/*===============================
      Event-Single
  ===============================*/

/* ===Event-Single - Mobile+ === */

/* Event-feed-detail */

.event-detail {
	padding: 20px;
	margin: 20px 0;
	position: relative;
	z-index: 0;
	background-color: #fff;
	border: 3px solid #C5C5C5;
}

.event-feed-detail>section {
	margin-bottom: 30px;
}

.event-feed-detail>section>h3 {
	font-size: 16px;
	font-weight: 700;
	color: #cc252f;
	padding-top: 0;
	color: var(--primary-regular);
	margin: 0 0 10px;
	opacity: .65;
	text-transform: uppercase;
	font-family: 'Montserrat', Helvetica, sans-serif;
}

.event-feed-detail>section>p {
	color: rgba(40, 40, 40, .65);
	font-size: 16px;
	line-height: 2;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	font-family: 'Roboto', Helvetica, sans-serif;
}

.event-feed-detail>section.date-time {
	margin-bottom: 38px;
}

.event-feed-detail>section .ai1ec-allday-badge {
	margin: 0 10px 0 0;
	-webkit-box-ordinal-group: inherit;
	-ms-flex-order: inherit;
	order: inherit;
	height: 26px;
	padding: 6px 10px;
	font-family: 'Roboto', Helvetica, sans-serif;
}

.event-feed-detail>section .ai1ec-allday-badge::before {
	opacity: .15;
}

.event-time-badge {
	color: #cc252f;
	color: var(--primary-regular);
	opacity: .8 !important;
	position: relative;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 400;
	padding: 6px 10px;
	display: inline-block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 10px 10px 0 0;
	background: initial;
}

.event-time-badge::before {
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: .15;
	background-color: #cc252f;
	background-color: var(--primary-regular);
}

.event-time-badge .ai1ec-recurrence .ai1ec-btn-default {
	color: #cc252f !important;
	color: var(--primary-regular) !important;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 400;
	padding: 0;
	line-height: initial;
	background: initial;
	font-family: 'Roboto', Helvetica, sans-serif;
}

.event-time-badge .ai1ec-recurrence.ai1ec-btn-group>.ai1ec-btn:after {
	margin-right: 0em;
}


.event-time-badge .ai1ec-recurrence .ai1ec-btn-default:hover,
.event-time-badge .ai1ec-recurrence .ai1ec-btn-default:active {
	color: #cc252f !important;
	color: var(--primary-regular) !important;
	background: initial;
}

.event-time-badge .ai1ec-recurrence .ai1ec-btn-default .ai1ec-fa-repeat {
	display: none;
}

.date-time .ai1ec-hidden {
	display: none;
}

.ai1ec-single-event .ai1ec-recurrence,
.ai1ec-multi-event .ai1ec-recurrence {
	vertical-align: middle;
}

.h-card>div {
	color: rgba(40, 40, 40, .65);
	font-size: 16px;
	line-height: 2;
}

.h-card>div>a {
	color: rgba(40, 40, 40, .65) !important;
	border-bottom: 1px solid rgba(40, 40, 40, .65);
	;
}

.h-card>div i {
	display: none;
}

.event-single-map {
	width: 100%;
}

.ai1ec-single-event .ai1ec-gmap-container,
.ai1ec-multi-event .ai1ec-gmap-container {
	border: 0px solid #ddd;
	margin-top: 40px;
}

.event-single-map #ai1ec-gmap-canvas,
.event-single-map #ai1ec-gmap-canvas {
	height: 114px;
}

.ai1ec-single-event .ai1ec-gmap-link,
.ai1ec-multi-event .ai1ec-gmap-link {
	display: none;
	width: 90px;
	right: 10px;
	bottom: 10px;
	height: 30px;
	background-color: #222;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	transition: all .25s;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-ms-transition: all .25s;
	-o-transition: all .25s;
}

.ai1ec-single-event .ai1ec-gmap-link.ai1ec-btn-primary:hover,
.ai1ec-multi-event .ai1ec-gmap-link.ai1ec-btn-primary:hover,
.ai1ec-single-event .ai1ec-gmap-link.ai1ec-btn-primary:visited,
.ai1ec-multi-event .ai1ec-gmap-link.ai1ec-btn-primary:visited,
.ai1ec-single-event .ai1ec-gmap-link.ai1ec-btn-primary:focus,
.ai1ec-multi-event .ai1ec-gmap-link.ai1ec-btn-primary:focus {
	background-color: #222;
}

.ai1ec-single-event .ai1ec-gmap-link::after,
.ai1ec-multi-event .ai1ec-gmap-link::after {
	content: "Full Map";
	position: absolute;
	font-size: 14px;
	color: #fff;
	left: 50%;
	top: 50%;
	margin-top: -1px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-transform: uppercase;
}

.ai1ec-single-event .ai1ec-gmap-link.ai1ec-btn-primary:hover::after,
.ai1ec-multi-event .ai1ec-gmap-link.ai1ec-btn-primary:hover::after,
.ai1ec-single-event .ai1ec-gmap-link.ai1ec-btn-primary:visited::after,
.ai1ec-multi-event .ai1ec-gmap-link.ai1ec-btn-primary:visited::after,
.ai1ec-single-event .ai1ec-gmap-link.ai1ec-btn-primary:focus::after,
.ai1ec-multi-event .ai1ec-gmap-link.ai1ec-btn-primary:focus::after {
	color: #F6F0E7;
}

.ai1ec-single-event .ai1ec-gmap-link .ai1ec-fa,
.ai1ec-multi-event .ai1ec-gmap-link .ai1ec-fa {
	display: none;
}

.ai1ec-fa-lg {
	vertical-align: 0%;
}

/* End-Event-feed-detail */

/* =======Event-Single  - Tablet+ ======= */

@media (min-width: 768px) {

	/* Event-feed-detail */

	.event-detail {
		padding: 40px;
	}

	.event-feed-detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.event-feed-detail>section {
		margin-bottom: 0;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		padding-right: 30px;
	}

	.event-feed-detail>section:last-child {
		padding-right: 0;
	}

	.event-feed-detail>section>h3 {
		font-size: 20px;
	}

	.event-feed-detail>section.date-time {
		margin-bottom: 0;
	}

	.event-feed-detail>section.date-time>p {
		margin-bottom: 5px;
	}

	.event-feed-detail>section .ai1ec-allday-badge {
		min-width: inherit;
		height: 27px;
		margin-top: -1px;
	}

	.event-time-badge {
		font-size: 13px;
		padding: 6px 10px;
	}

	.event-time-badge .ai1ec-recurrence .ai1ec-btn-default {
		font-size: 13px;
	}

	.event-single-map #ai1ec-gmap-canvas,
	.event-single-map #ai1ec-gmap-canvas {
		height: 210px;
	}

	.ai1ec-single-event .ai1ec-gmap-link,
	.ai1ec-multi-event .ai1ec-gmap-link {
		width: 135px;
		right: 15px;
		bottom: 15px;
		height: 40px;
	}

	.ai1ec-single-event .ai1ec-gmap-link::after,
	.ai1ec-multi-event .ai1ec-gmap-link::after {
		font-size: 18px;
	}

	/* End-Event-feed-detail */

}

/* =======Event-Single- Desktop+ ======= */

@media (min-width: 992px) {

	/* Event-feed-detail */

	.event-single-map #ai1ec-gmap-canvas,
	.event-single-map #ai1ec-gmap-canvas {
		height: 220px;
	}

	.event-feed-detail>section>h3 {
		font-size: 22px;
	}

	/* End-Event-feed-detail */

}

/* Gravity Form Styling */

.gform_wrapper form {
	background-color: rgba(0, 0, 0, .05);
	padding: 15px;
	border-radius: 5px;
}


/*===============================
      Announcement-Bar
  ===============================*/

/* ======= Announcement-Bar - Mobile+ ======= */

.announcement-bar {
  line-height: 1.6;
  font-size: 16px;
  padding: 15px;
  z-index: 1111;
  color: #ffffff;
  color: var(--announcement_bar_text_color);
  background-color: #2C2C2C;
  background-color: var(--announcement_bar_background_color);
}

.announcement-bar p {
  text-align: center;
  color: #ffffff;
  color: var(--announcement_bar_text_color);
}

.announcement-bar a {
  text-decoration: underline;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.announcement-bar a:hover,
.announcement-bar a:focus {
  opacity: .75;
}

/* Entry Content Additions */

.entry-content .blocks-gallery-grid img {
	margin:  0;
}

.entry-content a {
	text-transform: none;
	color: #cc252f;
	color: var(--primary-regular);
}

.entry-content .wp-block-button__link {
	color: #fff;
	margin: 30px 0;
}

.entry-content .wp-block-media-text__content .wp-block-quote {
	margin: 0;
}

.entry-content .wp-block-media-text__media img {
	margin: 0;
}