/*
Theme Name: TruthVine Base Theme
Theme URI: http://www.truthvine.com/
Author: Cloud 10
Author URI: http://www.truthvine.com/
Developers: TruthVine Team
Version: 1.0
*/

/* CSS RESET
---------------------------------------------------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #222; -webkit-font-smoothing: antialiased; }
body { margin: 0;}
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0;color:#e84828; }
abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="submit"] { -webkit-transition: 0.2s; transition: 0.2s; }
input, textarea { -webkit-appearance: none; border-radius: 0; outline: none; }
select option[disabled] { display: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: 0; -webkit-transition: 0.3s; transistion: 0.3s; }
a:focus { outline: none; }



/* GLOBAL
---------------------------------------------------------------------------------- */

body { font-family: 'Lato', sans-serif; letter-spacing: 0.02em;background: #e8f0f2;}
body#tinymce {  padding: 3% !important; width: 94%; background: #fff !important;}
body#tinymce p { margin-bottom: 25px;}
body#tinymce ul { margin-left: 20px;} 
.clear { clear: both;}
.left, .alignleft { float: left;}
.right, .alignright { float: right;}
.alignleft { margin: 0 30px 30px 0;}
.alignright { margin: 0 0 30px 30px;}
.aligncenter { display: block; margin: 0 auto;}
p, li { margin: 0; padding: 0; font-size: 15px; line-height: 1.7; color: #000;}
p {margin:0 0 10px 0;}
ul { margin: 20px 40px; padding: 0;}
li { }
ol { margin: 20px 40px; padding: 0;}
a, textarea, li { color: #000; outline: none;}
input { color: #554D4F; border: 1px solid transparent; outline: none; font-size: 15px;line-height: 18px;}
input.ErrorField, textarea.ErrorField, select.ErrorField { border: 1px solid #B22026 !important;}
label { font-size: 15px;line-height: 18px;}
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; padding: 0; font-weight: 300; color: #000; font-family: 'Lato', sans-serif; line-height: 1.4em; letter-spacing: 0.05em;}
h1 { font-size: 32px;font-weight:bold;} 
h2 {font-size: 26px;font-weight:bold;}
h3 { font-size: 22px;font-weight:bold;}
h4 { font-size: 20px;}
h5 { font-size: 18px;}
h6 { font-size: 16px;}

.text-container .primary p {
	margin:20px 0;
}

.text-container .primary p:first-of-type {
	margin-top: 0;
}

.text-container .primary p:last-of-type {
	margin-bottom: 0;
}

strong { font-weight: 800;}
strong.caps { text-transform: capitalize;}
em { font-style: italic; }
blockquote { background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 70px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";}

 blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

::-moz-selection { background-color: #A3D4F9; color: #fff; }
::selection { background-color: #A3D4F9; color: #fff; }


/* General Styles */
.container {background:#e8f0f2;}
.text-container {overflow: hidden;padding: 50px 0;}
.wrapper { width: 95%; max-width: 1300px; margin: 0 auto;}
.wrong { margin: 50px;text-align: center;}
.overlay:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(51,51,51,0.5);}
img.bg { position: absolute; left: 0 !important; top: 0; width: 100%; height: auto; z-index: 0;}
.primary {background:#fff;padding:50px;width:66%;float:left;box-sizing: border-box;}
body.page-template-template_full-width .primary {width:100%;}
.sidebar {float:right;width: 30%;}
.sidebar .pages {background: #fff;}
.sidebar .side-sermons {background: #fff;margin-top: 0px;margin-bottom:50px;}
.contact-box {display: flex;}
.grey-box {padding: 30px;background:#e8f0f2;float: left;width: 48%;box-sizing: border-box;}
.grey-box:first-of-type {margin-right: 2%;}
.grey-box:last-of-type {margin-left: 2%;}


/* Wordpress Styles */
.wp-caption { border: 1px solid #000; text-align: center; padding: 10px; margin: 0 0 20px; overflow: hidden; }
.wp-caption a { border: none; }
.wp-caption img { margin: 0 0 10px 0; padding: 0; border: 0 none; display: block; width: 100%; height: auto; -webkit-transition: 0.2s; transition: 0.2s; }
.wp-caption a:hover img { opacity: 0.9; }
.wp-caption p.wp-caption-text { font-size: 12px; margin: 0; padding: 0; }
.alignleft, img.alignleft { float: left; margin: 0 30px 20px 0; }
.alignright, img.alignright { float: right; margin: 0 0 20px 30px; }
.aligncenter, img.aligncenter { display: block; margin: 0 auto 20px; }
.advert {background: #e84828;padding: 80px 50px;margin-bottom: 50px;}
.advert .text {text-align: center;}
.advert .text h4 {color:#fff;font-weight: bold;}
.advert .text p {color:#fff;margin:20px 0 40px 0;}
.advert .text a {font-size: 14px;
    text-transform: uppercase;
    background: #28373e;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 12px;
display: inline-block;}

.advert .text a:hover {
    background: #425963;
}


/* Clearfix */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }


/* Buttons */
a { -webkit-transition: 0.3s; transition: 0.3s;}

/* HEADER
---------------------------------------------------------------------------------- */
.top-bar {
    background:#28373e;
    color:#fff;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.top-bar p {
    color:#fff;
    float:left;
    margin-left:5%;
    text-transform: uppercase;
    margin-top: 13px;
    font-size:14px;
}

.top-bar p span {
    font-weight: bold;
}

.top-bar .buttons {
    float:right;
}

.top-bar .buttons .social {
    float:left;
    margin-top: 13px;
    margin-right: 20px;
}

.top-bar .social .facebook, .top-bar .social .twitter, .top-bar .social .instagram, .top-bar .social .youtube {
    width:22px;
    display: block;
    float: left;
    margin: 0 6px;
}

.top-bar .social .facebook img, .top-bar .social .twitter img, .top-bar .social .instagram img, .top-bar .social .youtube img {
    width:100%;
}

.top-bar .buttons .button {
    background:#e84828 url(images/speechbubble.png) no-repeat;
    padding: 15px 25px 15px 60px;
    display: inline-block;
    float: right;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background-size: 13%;
    background-position: 15% 55%;
    font-size:14px;
}

.top-bar .buttons .button:hover {
    background-color: #e03918;
}

.top-bar-mobile {
    display:none;
}

.logo-menu{
    float: left;
    width: 100%;
    height: 110px;
    background: #fff;
    box-shadow: 0 0 10px #666;
    position: relative;
    z-index: 30;
}

.logo {
    max-width:340px;
    margin-left: 4%;
    margin-top: 25px;
}

.logo img {
    width:100%;
}

#menu-main-menu {
    float:right;
    margin-right:4%;
    margin-top: 45px;
}

#menu-main-menu li {
    display:inline-block;
    position: relative;
    margin: 0 12px;
}

#menu-main-menu li:last-child {
    margin:0 0 0 12px;
}

#menu-main-menu li a {
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 40px;
    display: inline-block;
    font-size: 14px;
}

#menu-main-menu li.mobile-contact a {
	display: none;
}

#menu-main-menu li.current-menu-item a {
	color: #e84828;
}

#menu-main-menu li.current-menu-parent a {
	color: #e84828;
}

#menu-main-menu li .sub-menu {
    display:none;
    float: left;
    position: absolute;
    background: #28373e;
    left: 0;
    z-index: 2;
    text-align: left;
    white-space: nowrap;
    margin: 0;
}

#menu-main-menu li .sub-menu li {
    float: left;
    width: 100%;
    margin: 0;
}

#menu-main-menu li .sub-menu li a {
    float: left;
    width: 100%;
    border-top: 1px solid #425963;
    padding: 15px;
    text-transform: none;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    box-sizing: border-box;
}

#menu-main-menu li .sub-menu li a:hover {
    background:#425963;
}

.responsiveNav {
    display: none;
}

.responsiveNavDropdown {
    display:none;
}

#responsiveNavToggle {
    float:right;
    margin: 40px 40px 0 0;
}

#responsiveNavToggle img {
    cursor: pointer;
}

.responsiveNavDropdown {
    float: left;
    width: 100% !important;
    padding: 0;
    background: #28373e;
}

.responsiveNavDropdown ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}

.responsiveNavDropdown ul li {
    text-align: left;
    border-bottom: 1px solid #435862;
    margin: 0;
    width: 100%;
    float: left;
}

.responsiveNavDropdown ul li a {
    width: 98%;
    float: left;
    padding: 15px 0 15px 2%;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
}

.responsiveNavDropdown ul li a:hover {
    background:#425963;
}

.responsiveNavDropdown ul li ul.sub-menu {
    display:none;
}

.featured {
    height: 400px;
    overflow: hidden;
}

.featured h1 {
    position: absolute;
    z-index: 2;
    color: #fff;
    left: 0%;
    transform: translateY(-50%);
    top: 50%;
    font-size: 32px;
    width: 100%;
    text-align: center;
    font-weight: normal;
}

.post-date {
    position: absolute;
    z-index: 2;
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    top: 30%;
    font-size: 18px;
    width: 100%;
    text-align: center;
}

.post-date-content {
    text-transform: uppercase;
    color:#41bbc6;
    margin-bottom: 20px;
}

/* HOME PAGE
---------------------------------------------------------------------------------- */
.hero {}

.hero .slider {height: 400px;position: relative;}

.hero .slider .flex-direction-nav {position: absolute;top: 50%;z-index: 3;width: 100%;margin: 0;}

.hero .slider .flex-direction-nav .flex-nav-prev {
	float: left;
	margin-left: 20px;
	list-style-type: none;
}

.hero .slider .flex-direction-nav .flex-nav-prev a {
	background:url(images/slider-left-arrow.png) no-repeat;
	height: 45px;
	width:45px;
	display: block;
	text-indent: -9999px;
	background-size: 45px;
}

.hero .slider .flex-direction-nav .flex-nav-next {
	float: right;
	margin-right: 20px;
	list-style-type: none;
}

.hero .slider .flex-direction-nav .flex-nav-next a {
	background:url(images/slider-right-arrow.png) no-repeat;
	height: 45px;
	width:45px;
	display: block;
	text-indent: -9999px;
	background-size: 45px;
}


.hero .slider .slides {margin:0;}

.hero .slider .slides li {
	height:400px;
	align-items: center;
    justify-content: center;
    text-align: center;
    display: flex !important;
}

.hero .slider .slides li img {
}

.hero .slider .slides li .inner {
	z-index: 2;
    position: relative;
    width: 50%;
}

.hero .slider .slides li .inner h5 {color: #fff;font-size: 28px;}

.hero .slider .slides li .inner p {color: #fff;margin:20px 0 40px 0;}

.hero .slider .slides li .inner a {
	font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 12px;
    border: 1px solid #fff;
    display: inline-block;
}

.hero .slider .slides li .inner a:hover {
	background: #e84828;
	border: 1px solid #e84828;
}

.hero .slider .flex-control-paging {
	display: none;
}

body.home .text-container h2 {font-size: 32px;font-weight:normal;}

body.home .text-container .wp-block-media-text {margin-bottom:20px;}

.red-button {    font-size: 14px;
    text-transform: uppercase;
    background: #e84828;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 12px;
    border: 0;
    margin: 0 0 0px 20px;
display: inline-block;
}

.red-button:hover {
	background: #cb3e21;
	color: #fff;
}

.green-button {
	    font-size: 14px;
    text-transform: uppercase;
    background: #41bbc6;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 12px;
    border: 0;
    display: inline-block;
}

.green-button:hover {
	background: #1c909f;
	color: #fff;
}

.wp-block-button .wp-block-button__link {
	 font-size: 14px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding: 15px 30px !important;
    border-radius: 12px !important;
    border: 1px solid transparent !important;
    display: inline-block !important;
	font-weight: 600;
}

.wp-block-button__link:hover {
}

.is-style-outline .wp-block-button__link {
	font-size: 14px !important;
    text-transform: uppercase !important;
    background: transparent !important;
    color: #41bbc6 !important;
    text-decoration: none !important;
    padding: 15px 30px !important;
    border-radius: 12px !important;
    border: 1px solid #41bbc6 !important;
    display: inline-block !important;
}

.is-style-outline .wp-block-button__link:hover {
	 font-size: 14px !important;
    text-transform: uppercase !important;
    background: #41bbc6 !important;
    color: #fff !important;
    text-decoration: none !important;
    padding: 15px 30px !important;
    border-radius: 12px !important;
    border: 1px solid transparent !important;
    display: inline-block !important;
}

.front-columns {
	display: flex;
	justify-content: space-between;
}

body.home .primary {
	border-top:3px solid #28373e;
}

body.home .sidebar {
	background: #fff;
	padding: 50px;
	box-sizing: border-box;
	border-top:3px solid #28373e;
}

.home-events {}

.home-events h4 {
	font-size: 15px;
	color: #e84828;
	font-weight: 600;
	margin-top: 20px;
}

.home-events ul {
	margin:0;
}

.home-events ul li {
	list-style-type: none;
	margin: 10px 0;
}

.home-events ul li strong {
	font-weight: 600;
}

.home-intro .wp-block-media-text__content {
    	padding: 0 0 0 8%;
    }

.home-events h3 {
	font-size: 22px;
}

.home-events .simcal-default-calendar-list .simcal-event-details p {line-height:1.3;}

body.home .simcal-default-calendar-list ul.simcal-events {
	margin:0;
}

body.home .simcal-default-calendar-list ul.simcal-events a {
	text-decoration: none;
}

.home-sermons {
	text-align: center;
}

.home-sermons .title {
	text-align: center;
    font-size: 28px;
    margin: 50px 0 30px 0;
}

.home-sermons .holder {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

.home-sermons #tvWidgetRecentSermons {
	width: 60%;
	margin-right: 4%;
	text-align: left;
}

.home-sermons #tvWidgetRecentSermons ul {
	margin: 0;
}

.home-sermons #tvWidgetRecentSermons ul li {
	padding: 10px 15px;
	overflow: hidden;
}

.home-sermons #tvWidgetRecentSermons ul li:nth-child(odd) {
	background: #fff;
}

.home-sermons #tvWidgetRecentSermons ul li .tv-sermon {
	width: 90%;
    float: left;
}

.home-sermons #tvWidgetRecentSermons ul li .tv-sermon a {
	text-decoration: none;
    padding-right: 10px;
    border-right: 1px solid #28373e;
}

.home-sermons #tvWidgetRecentSermons ul li .tv-sermon .tv-sermon-reference {
	margin-left: 10px;
}

.home-sermons #tvWidgetRecentSermons ul li .tv-sermon .tv-sermon-speaker {
	margin-left: 20px;
    font-weight: bold;
}

.home-sermons #tvWidgetRecentSermons ul li .tv-sermon-play {
	float: right;
    height: 25px;
    width: 25px;
	background-image: url(images/play-icon.png);
    background-size: 25px;
}

.home-sermons #tvWidgetRecentSermons ul li .tv-sermon-play span {
	display: none;
}

.home-sermons .featured-series {
	width: 20%;
	background:url(images/bible.jpg) no-repeat;
	text-align: center;
    color: white;
    background-size: cover;
    background-position: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.home-sermons .featured-series span {
	height: 55px;
	width: 55px;
	display: inline-block;
	background-size: 55px;
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    top:0;
    z-index:5;
}

.home-sermons .featured-series span img {
    width: 100%;
}

.home-sermons .featured-series p {
	color: #fff;
	margin-top: 15px;
	font-size: 20px;
	line-height: 1.2;
	z-index:5;
}

.home-sermons .featured-series .overlay {
position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.home-sermons .featured-series:hover .overlay {
	background-color: rgba(0,0,0,0.2);
}

/* STANDARD PAGE
---------------------------------------------------------------------------------- */
.primary h1 {
    font-weight:700;
    margin-bottom: 30px;
}

.sidebar {}

.sidebar .pages {
	display:none;
}

.sidebar .pages {
	display:none;
}

body.page-parent .sidebar .pages {
	display:block;
}

body.page-child .sidebar .pages {
	display:block;
}

.sidebar .pages ul {
}

.sidebar .pages .title {
    background:#e84828;
    padding:20px 30px;
    color: #fff;
    font-size: 16px;
    margin: 0;
}

.sidebar .pages h2 {
	margin:0;
}

.sidebar .pages h2 a {
    padding:20px 30px;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px solid #e9e9e9;
    display: block;
    line-height: 22px;
}

.sidebar .pages h2 a:hover {
    color: #e84828;
}

.sidebar .pages ul {
	margin:0 0 50px 0;
}

.sidebar .pages ul li {
	list-style-type: none;
}

.sidebar .pages ul li a {
    padding:20px 30px;
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #e9e9e9;
    text-decoration: none;
    display: block;
    line-height: 22px;
}

.sidebar .pages ul li a:hover {
    color: #e84828;
}

.side-sermons .title {
    background:#1c909f;
    padding:20px 30px;
    color: #fff;
    font-size: 18px;
}

.side-sermons #tvWidgetRecentSermons {}

.side-sermons #tvWidgetRecentSermons ul {
    line-height: 0;
    margin:0;
}

.side-sermons #tvWidgetRecentSermons ul li {
    padding:20px 30px;
    border-bottom: 1px solid #e9e9e9;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.2;
	display: flex;
    align-items: center;
}

.side-sermons #tvWidgetRecentSermons .tv-sermon {
    float: left;
    width: 85%;
}

.side-sermons #tvWidgetRecentSermons .tv-sermon .tv-sermon-title {
    text-decoration: none;
}

.side-sermons #tvWidgetRecentSermons .tv-sermon .tv-sermon-reference {display:none;}

.side-sermons #tvWidgetRecentSermons .tv-sermon .tv-sermon-speaker {display: none;}

.side-sermons #tvWidgetRecentSermons .tv-sermon-play {
    background:url(images/sermon-arrow.png) no-repeat;
    display: block;
    height: 25px;
    width: 25px;
    background-size: contain;
    float: right;
}

.side-sermons #tvWidgetRecentSermons .tv-sermon-play span {
    display: none;
}

/* POSTS PAGE
---------------------------------------------------------------------------------- */
.posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 30px;
    grid-template-rows: min-content 1fr;
}

.post-card {
    background: #fff;
    grid-column: span 1;
}

.post-card .image {
    height: 150px;
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
}

.post-card .image a {
    position: relative;
    width: 100%;
    height: 150px;
    display: block;
    opacity: 0;
}

.post-card .image a:hover {
    opacity: 1;
}

.post-card .inner {
    padding: 30px;
    min-height: 180px;
    position: relative;
}

.post-card .inner h5 {
    font-weight: 300;
    color: #41bbc6;
    text-transform: uppercase;
    font-size: 14px;
}

.post-card .inner h3 {
    margin: 15px 0;
    font-size: 18px;
    font-weight: 300;
}

.post-card .inner a {
    font-size: 14px;
    text-transform: uppercase;
    background: #28373e;
    color: #fff;
    text-decoration: none;
    padding: 12px 30px;
    border-radius: 12px;
    position: absolute;
    bottom: 30px;
}

.post-card .inner a:hover {
    background: #425963;
}

.wp-pagenavi {
    grid-area: 4 / 2 / 4 / 3;
    text-align: center;
}

.wp-pagenavi .pages {
    display: none;
}

.posts .wp-pagenavi a, .posts .wp-pagenavi span {
    border: none;
    margin: 5px;
    font-weight: bold;
    font-size: 13px;
}

.posts .wp-pagenavi span.current {
    background: #41bbc6;
    border-radius: 15px;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 28px;
    color:#fff;
}

.blog-content {
    overflow: hidden;
}

.refine .wrapper {
    display: inline-block;
    text-align: center;
    margin: 50px 0;
    width: 100%;
}

.refine .field {
    display: inline-block;
    border: 1px solid #aabac5;
    position: relative;
    width: 280px;
    text-align: left;
    cursor: pointer;
    margin: 0 10px;
}

.styled_dropdown .text {
    padding: 10px 20px;
        text-transform: uppercase;
    font-size: 14px;
    background:	#fff;
}

.styled_dropdown ul {
    display: none;
    position: absolute;
    z-index: 2;
    width: calc(100% + 2px);
    left: -1px;
    padding: 0;
    margin: 0;
}

.styled_dropdown ul li {
    background: #fff;
    float: left;
    width: 100%;
    color: #1A3254;
    list-style-type: none;
}

.styled_dropdown ul li a {
    padding: 11px 20px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ABBBC6;
    font-family: 'Montserrat',sans-serif;
    text-decoration: none;
}

.styled_dropdown ul li a:hover {
    background: #28373e;
    color: #fff;
}

.styled_dropdown .text .arrow {
    background: url(images/icon-select.png) no-repeat;
    width: 12px;
    position: absolute;
    right: 15px;
    top: 18px;
    height: 7px;
}

.news h2 {
    text-align: center;
    margin-bottom: 30px;
}

.share {
    background: #28373e;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.single .primary {
     padding:0;
}

body.single .primary .content {
    padding: 50px;
}

body.single .primary .share a {
    color: #fff;
}

.share-text {
    text-transform: uppercase;
    color: #fff;
}

.sharing li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.sharing li a {
    background: url(images/social-icons.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    background-size: 110px;
    border: none;
}

.sharing li.twitter a {
    background-position: -40px;
}

.sharing li.linkedin a {
    background-position: -80px;
}

/* SERMONS PAGE
---------------------------------------------------------------------------------- */
body.page-template-template_sermons-page .primary {
    width: 100%;
}

body.page-template-template_sermons-page #truthvine-content {
    margin:0;
}

body.page-template-template_sermons-page #truthvine-content h2 {
    display: none;
}

body.page-template-template_sermons-page #truthvine-content #tv-searchForm {
    overflow: hidden;
    margin-bottom: 20px;
}

body.page-template-template_sermons-page #truthvine-content #tv-search {
    border:1px solid #e6e6e6;
    padding: 10px;
    float: left;
    width: 250px;
}

body.page-template-template_sermons-page #truthvine-content input[type=submit] {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background: #1c909f;
    float: left;
    padding: 11px;
    font-size: 12px;
    border: none;
}

body.page-template-template_sermons-page #truthvine-content input[type=submit]:hover {
	background: #167e8b;
}

body.page-template-template_sermons-page #truthvine-content .tv-sermon-list {
    width: 100%;
    font-size: 15px;
}

#truthvine-content .tv-sermon-list .tv-sermon-title a {
    text-decoration: none;
    font-size: 16px;
}

#truthvine-content .tv-sermon-list .tv-sermon-title {
    padding: 30px 20px;
}

#truthvine-content .tv-sermon-list .tv-sermon-title .tv-sermon-title-serieslink a {
    font-size: 16px;
}

#truthvine-content .tv-sermon-list .tv-sermon-speaker {
    width: 200px;
    font-style: normal;
}

#truthvine-content .tv-sermon-list .tv-sermon-downloads {
    width: 130px;
}

#truthvine-content .tv-sermon-list .tv-play-button {
    background-image: url(images/play-icon.png);
    background-size: 35px;
    width: 100%;
}

#truthvine-content .tv-sermon-list .tv-play-button:hover {
    background-color: transparent;
}

#truthvine-content .tv-sermon-list .tv-download-button {
    border:none;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    margin-top: 5px;
    text-align: center;
}

#truthvine-content .tv-sermon-list .tv-download-button:hover {
    background-color: transparent;
}

body.page-template-template_sermons-page  #truthvine-content tr {
    background: #f8faf9;
}

body.page-template-template_sermons-page  #truthvine-content tr:nth-child(even) {
    background: #fff;
}

body.page-template-template_sermons-page #truthvine-content .tv-pagination ul > li > a {
    font-size: 14px;
    text-transform: uppercase;
    background: #1c909f;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 12px;
    font-weight: bold;
    border:0 !important;
}

body.page-template-template_sermons-page #truthvine-content .tv-pagination ul > li > a:hover {
	background: #167e8b !important;
}

body.page-template-template_sermons-page #truthvine-content .tv-pagination ul > li > span {
    font-size: 14px;
    text-transform: uppercase;
    background: #0e636e !important;
    color: #fff !important;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 12px;
    font-weight: bold;
    border:0 !important;
}

body.page-template-template_sermons-page #truthvine-content h2:nth-of-type(2) {
    display: inline-block;
    font-size: 22px;
    margin-bottom: 20px;
}

body.page-template-template_sermons-page #truthvine-content .tv-series-title a {
    text-decoration: none;
    font-weight: normal;
}

body.page-template-template_sermons-page #truthvine-content .tv-pagination {
    margin-top: 30px;
}

.bible-study-page h2 {
    display: none;
}

.bible-study-page #truthvine-content {
    margin: 0;
}

.bible-study-page #truthvine-content #tv-searchForm {
    overflow: hidden;
    margin-bottom: 20px;
}

.bible-study-page #truthvine-content #tv-search {
    border: 1px solid #e6e6e6;
    padding: 10px;
    float: left;
    width: 250px;
}

.bible-study-page input[type=submit] {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background: #1c909f;
    float: left;
    padding: 11px;
    font-size: 12px;
    border: none;
}

.bible-study-page #truthvine-content tr {
    background: #f8faf9;
}

.bible-study-page #truthvine-content tr:nth-child(even) {
    background: #fff;
}

.bible-study-page #truthvine-content .tv-sermon-list {
    width: 100%;
    font-size: 15px;
}

.bible-study-page #truthvine-content .tv-pagination {
    margin-top: 30px;
}

.bible-study-page #truthvine-content .tv-pagination ul > li > a {
    font-size: 14px;
    text-transform: uppercase;
    background: #1c909f;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 12px;
    font-weight: bold;
    border: 0 !important;
}

.bible-study-page #truthvine-content .tv-pagination ul > li > a:hover {
    background: #167e8b !important;
}

.bible-study-page #truthvine-content h2:nth-of-type(2) {
    display: inline-block;
    font-size: 22px;
    margin-bottom: 20px;
}

.bible-study-page #truthvine-content .tv-series-title a {
    text-decoration: none;
    font-weight: normal;
}

/* CONTACT PAGE
---------------------------------------------------------------------------------- */
form.contact input[type=text], form.contact input[type=email], form.contact input[type=tel] {
    width: 70%;
    float: left;
    border: 1px solid #b6c3cc;
    padding: 15px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

form.contact textarea {
    width: 70%;
    float: left;
    border: 1px solid #b6c3cc;
    padding: 15px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

body.page-template-template_contact-page h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0px 0 30px 0;
}

form.contact {
    margin-top:30px;
}

.contact .button {
    font-size: 14px !important;
    text-transform: uppercase !important;
    background: #e84828;
    color: #fff !important;
    text-decoration: none !important;
    padding: 15px 30px !important;
    border-radius: 12px !important;
    border:0  !important;
    margin-bottom: 60px;
}

.contact .button:hover {
	background: #cb3e21;
}

.leave-message {background: #fff;margin-bottom: 50px;}

.leave-message h4 {
    background: #28373e;
    padding: 20px 30px;
    color: #fff;
    font-size: 18px;}

.leave-message p {padding: 0 30px;}

.leave-message p:nth-of-type(1) {
    padding-top:30px;
}

.leave-message p:nth-of-type(2) {
    padding-bottom:30px;
}

/* LOCATION PAGE
---------------------------------------------------------------------------------- */
#map {
    width: 100%;
    height: 450px;
    margin:50px 0;
}


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

 /* Circle Links*/
  .circle-links {
    display: flex;
    justify-content: space-between;
    padding: 100px 0;
 }

 .circle-links a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
 }

 .circle-links a.listen {
 	display: none;
 }

 .circle-links a:hover {
    text-decoration: none;
 }

 .circle-links a .circle {
    height: 385px;
    width: 385px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    margin: 0 5px;
    -webkit-transition: 0.3s; transition: 0.3s;
    display:flex;
    justify-content:center;
    align-items:center;
 }

 .circle-links a .circle .content {
    position: relative;
    z-index: 2;
 }

  .circle-links a:hover .circle .overlay {
    background-color: rgba(0,0,0,0.5);
 }

  .circle-links a .circle .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0);
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-transition: 0.3s; transition: 0.3s;
  }

  .circle-links a .circle .overlay:after {
  	background: rgba(51,51,51,0);
  }

 .circle-links a .circle img {
 }

 .circle-links a .circle h4 {
    color: #fff;
    font-size: 32px;
    padding: 0 38px;
    margin-top: 10px;
 }

.footer-questions {
    background:#41bbc6;
    height: 120px;
    display: flex;
    justify-content: center;
}

.footer-questions .inner {
    display: flex;
    align-items: center;
}

.footer-questions .inner img {}

.footer-questions .inner p {
    font-size: 22px;
    color: #28373e;
    margin: 0 28px;
}

.footer-questions .inner a {
    font-size: 14px;
    text-transform: uppercase;
    background:#28373e;
    color:#fff;
    text-decoration:none;
    padding: 15px 30px;
    border-radius: 12px;
}

.footer-questions .inner a:hover {
    background:#425963;
}

.useful-links {
    float: left;
    padding-top: 60px;
}

.useful-links p {
    font-size: 22px;
    margin-bottom: 35px;
}

.useful-links ul {
    -webkit-column-count: 3;  /* Chrome/Opera, Safari */
    -moz-column-count: 3; /* Mozilla Firefox */
    column-count: 3;
    margin: 0;
}

.useful-links ul li {
    margin-bottom: 8px;
    list-style-type: none;
}

.useful-links ul li a {
    text-decoration: none;
}

.verse {
    float: right;
    max-width: 470px;
    position: relative;
}

.verse-inner {
    float: right;
    border:12px solid #9d9d9b;
    padding: 28px;
    margin:30px 0;
    position: relative;
    background:#fff;
}

.verse-inner h5 {
    font-size: 22px;
    margin-bottom: 25px;
}

.verse-inner p {}

.verse-inner p.reference {
    text-transform: uppercase;
    font-size: 13px;
    margin-top: 25px;
}

.verse .triangle {
    transform: rotate(45deg);
    width: 70px;
    height: 70px;
    border: 2px solid #28373e;
    position: absolute;
    left: 42%;
    top: 15px;
}

.social-footer {
    display: none;
}

.bottom-bar {
    overflow: hidden;
    background: #28373e;
    padding: 25px 0;
}

.bottom-bar p {
    color: #fff;
    font-size: 14px;
}

.bottom-bar p.left {
    margin-left: 4%;
}

.bottom-bar p.right {
    margin-right: 4%;
}

.bottom-bar a {
    color: #fff;
    text-decoration: none;
}

.bottom-bar p.left span {
    border-left: 1px solid #fff;
    padding-left: 10px;
    margin-left: 5px;
    }

.bottom-bar p.left a:hover {
	color:#e84828;
}

.simcal-default-calendar-list {
	display: none;
}


/**
 * Media Queries
 ---------------------------------------------------------------------------------
 */

  /* up tp 1260px*/
@media screen and (max-width: 1260px) {
    .logo {
        max-width:240px;
        margin-top: 32px;
    }

 .circle-links a .circle {
    height: 28vw;
    width: 28vw;
 }
}

 /* up tp 1150px*/
@media screen and (max-width: 1150px) {
    #menu-main-menu li {
        margin:0 8px;
    }

    #menu-main-menu li {
        font-size: 14px;
    }
}

@media screen and (max-width: 1060px) {
        #menu-main-menu {
            display:none;
        }

    .responsiveNav {
        display:block;
        margin-bottom: 30px;
    }

    #menu-main-menu li.mobile-contact a {
	display: block;
}

    .circle-links a .circle h4 {
        font-size: 22px;
    }

    .verse {
        max-width: 400px;
    }
}

 /* up tp 875px*/
@media screen and (max-width: 875px) {


    .top-bar {
        display:none;
    }

    .top-bar-mobile {
        display:block;
        text-align: center;
    }

    .top-bar-mobile p {
        float:none;
        margin: 15px 0;
    }

    body.home .text-container h2 {font-size: 26px}

    .home-sermons .holder {
    	flex-direction: column;
    }

    .home-sermons #tvWidgetRecentSermons {
 		width: 95%;
    	margin: 0 auto;
    }

    .home-sermons .featured-series {
    	width: 95%;
    	margin:20px auto;
    	padding: 50px;
    	box-sizing: border-box;
    }

    footer .wrapper {
        text-align: center;
    }

    .useful-links {
        display: none;
    }

    .verse {
        max-width: 100%;
    }

    .verse-inner {
        border: none;
        margin: 0;
    }

    .verse .triangle {
        display: none;
    }

    .social-footer {
        display: block;
        clear: both;
        margin: 30px 0 10px 0;
    }

    .social-footer a {
        margin:0 5px;
    }
}

 /* up tp 750px*/
@media screen and (max-width: 750px) {
    .logo-menu {
        height:100px;
    }

    .primary {
        width: 100%;
    }

    .sidebar {
        width: 100%;
        margin-top: 30px;
    }

    .front-columns {
    	flex-direction: column;
    }

    body.home .sidebar {
    	background:transparent;
    	border: none;
    }

    .side-sermons {
        display: none;
    }

    .posts {
        display: block;
    }

    .post-card {
        margin: 20px 0;
        text-align: center;
    }

    .post-card .image {
        height: 100px;
    }

    .post-card .inner {
        min-height: auto;
    }

    .post-card .inner a {
        display: inline-block;
        position: initial;
    }

    body.page-template-template_sermons-page #truthvine-content .tv-sermon-reference {
        display: none;
    }

    .bible-study-page #truthvine-content .tv-sermon-reference {
    display: none;
}

    form.contact input[type=text], form.contact input[type=email], form.contact input[type=tel] {
        width: 100%;
    }

    .contact-box {
        display: block;
    }

    .grey-box {
        width: 100%;
    }

    .grey-box:first-of-type {
        margin:0 0 20px 0;
    }

    .grey-box:last-of-type {
        margin: 0;
    }

    .wrapper-circles {
        width: 100%;
    }

    .circle-links {
        display: inline-block;
        width: 100%;
        padding:0;
    }

    .circle-links a {
        width: 100%;
    }

     .circle-links a.listen {
 	display: block;
 }

    .circle-links a .circle {
        height: auto;
        width: 100%;
        border-radius: 0;
        margin:0;
    }

    .circle-links a .circle .content {
        padding: 50px 0;
    }

    .circle-links a .circle h4 {
        padding: 0 15px;
        margin-top: 2px;
    }

    .footer-questions {
        margin:0;
    }

    .mobile-wrapper {
    	width: 100%;
    }
}

/* up tp 650px*/
@media screen and (max-width: 650px) {
    .logo {
		width: 210px;
		margin-left: 20px;
    }

    #responsiveNavToggle {
        margin: 37px 15px 0 0;
    }

    .hero .slider {
	    height: 300px;
	}

    .hero .slider .slides li {
	    height: 300px;
	}

    .hero .slider .flex-direction-nav .flex-nav-prev {
		display: none
	}

	.hero .slider .flex-direction-nav .flex-nav-next {
		display: none
	}

	.hero .slider .slides li .inner {
	    width: 65%;
	}

	.hero .slider .slides li .inner h5 {
	    font-size: 20px;
	}

	.hero .slider .slides li .inner p {
	    margin: 10px 0 30px 0;
	}

	.hero .slider .slides li .inner a {
		padding:10px 15px;
	}

	body.home .primary {
    border: none;
}

    .text-container {
        padding: 20px 0;
    }

    .front-columns {
    	width: 100%;
    }

    body.home .sidebar {
    	padding:30px;
    }

    body.home .text-container {
    	padding:0;
    }

    .home-intro {
    	display: inline-block !important;
    }

    .home-intro img {
    	display: none;
    }

    .home-intro .wp-block-media-text__content {
    	padding: 0 !important;
    }

    .primary {padding:30px;}

    .green-button, .red-button {
    	padding:10px 12px;
    	font-size: 12px;
    }

    .red-button {
    	margin:20px 0 0 8px;
		font-weight: 600;
    }

    .share {
        display: inline-block;
        text-align: center;
    }

    .sharing {
        margin-top: 15px;
    }

    body.home .home-sermons {
    	display: none;
    }

    .featured {
    	height:180px;
    }

    .simcal-default-calendar-grid {
    	display: none;
    }

    .simcal-default-calendar-list {
	display: block;
	}

	body.page-template-template_sermons-page #truthvine-content #tv-search {
		width: 60%;
	}

	body.page-template-template_sermons-page #truthvine-content input[type=submit] {
		width: 30%;
	}

	#truthvine-content .tv-sermon-list .tv-sermon-speaker {
		display: none;
	}

	.tv-pagination ul {
		margin:0;
	}

    .footer-questions {
        height:auto;
        padding: 35px 0;
        margin:0;
    }

    .footer-questions .inner {
        display: inline-block;
        text-align: center;
    }

    .footer-questions .inner p {
        margin-top: 25px;
    }

    .footer-questions .inner a {
        display: inline-block;
        margin-top: 25px;
    }

    .bottom-bar p {
        width: 100%;
        text-align: center;
    }

    .bottom-bar p.left {
        margin: 0;
    }

    .bottom-bar p.right {
        margin: 0;
    }

    .bottom-bar p.left span {
        display: block;
        border-left: 0;
        margin:0;
        padding:0;
    }

    .bottom-bar p.right:before {
        display: block;
        content: '';
        height: 1px;
        width: 70px;
        background: #fff;
        margin: 25px auto;
    }
}

.wp-block-media-text__media img {
	height:auto;
}