/*
Theme Name: Penns Sunday School 2020
Theme URI: http: //
Description: This is a custom child theme
Author: Salient
Author URI: http: //
Template: salient
Version: 0.1
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');
#header-outer[data-format="centered-menu-bottom-bar"] #top .span_9 nav > ul > li:not(#social-in-menu):not(#nectar-user-account):not(#search-btn):not(.slide-out-widget-area-toggle) > a {
    padding-bottom: 14px !important;
    text-transform: uppercase !important;
}
#header-outer[data-lhe="animated_underline"] #top nav > ul > li:not([class*="button_"]) > a::after, #header-secondary-outer[data-lhe="animated_underline"] nav > .sf-menu > li:not([class*="button_"]) > a::after {
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
    transition: transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
    bottom: -13px !important;
}
#header-outer[data-lhe="animated_underline"] #top nav > ul > li{
	padding: 0 50px;
}
body{
	line-height: 135% !important;
}
h2{
	font-size: 60px;
	color: #a91111;
}
h3{
	font-size: 30px;
	font-weight:800;
	color: #a91111;
}
h2:after{
	content: '';
	display: block;
	width: 100px;
	border-bottom: 3px solid #a91111;
	position: relative;
	margin-top: 40px;
	margin-bottom: 40px;
}
.l_center:after{
	margin: 40px auto;
	text-align: center;
}
.sec_ab h2:after{
	border-bottom: 2px solid #fff;
}
.sec_ab h2, .sec_ab,  .sec_ab p{
	font-weight: 300;
	font-family: 'Montserrat';
}
a.episode_download_link{
	display:none !important;
}
body .nectar-button[data-color-override="false"].regular-button,
body .nectar-button.regular,
.post .more-link span, .blog-recent .more-link span{
	background-color: #a91111 !important;
	color: #fff !important;
	font-size: 21px !important;
	font-family: 'Montserrat';
	font-weight: 500 !important;
	padding: 15px 30px;
}
body .post .more-link span, .blog-recent .more-link span{
	display:inline-block;
	padding: 10px 25px;
	opacity:.8;
	border-radius:100px !important;
}
#header-outer.scrolled-down  #logo img{
	height: 45px;
}
.sec_host .wpb_text_column{
background: #a91111;
color: #fff !important;
padding: 15px;
font-weight: 700;
font-size: 19px;
}
.sec_host .span_12{
	padding: 0 6%;
}
.sec_host .hover-wrap{
	margin-bottom: 0;
}
.sec_special h2{
	background: #a91111 !important;
	color: #fff !important;
	line-height: 120%;
	padding: 10px;
	position: relative;
	margin-bottom: 20px
}
.sec_special h2:before{
	content: "";
	position: absolute;
	right: 100%;
	left: auto;
	width: 100px;
	background: #a91111;
	top: 0;
	display: block;
height: 100%;
}
.sec_special h2:after{
	display: none;
	}
.sec_special p{
	font-size: 21px;
	line-height: 150%;
}
.sec_special p strong{
color: #a91111;
	}
	h2.l_grey:after{
		border-bottom: 8px solid #d2d2d2;
	}
	body .nectar_icon_wrap[data-style="border-basic"][data-color="accent-color"] .nectar_icon{
		border-color: #000 !important;
		margin-left: 10px;
		margin-right: 10px;
	}
		body .nectar_icon_wrap[data-style="border-basic"][data-color="accent-color"] .nectar_icon:hover{
		border-color: #a91111  !important;
		background:#a91111 !important; 
	}
	body .nectar_icon_wrap[data-style="border-basic"][data-color="accent-color"] .nectar_icon:hover i{
		color: #fff !important;
	}
#footer-outer .row {
    padding: 25px 0 !important;
}
#footer-outer img{
	margin-top: 0;
	margin-bottom: -5px;
}
#slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen), #slide-out-widget-area-bg.fullscreen, #slide-out-widget-area-bg.fullscreen-alt .bg-inner, body.material #slide-out-widget-area-bg.slide-out-from-right {
    background-color: #a91111 !important;
}
.only_mobile{
	display:none !important
}
.w_30{
	width:32.37%;
	margin-right:1%;
	display:inline-block;
	margin-bottom:4px;
}
.w_30.last{
	margin-right:0
}
.wpcf7 input:not(.wpcf7-submit),
.wpcf7 textarea{
	background:#fff !important;
}
#author-bio{
display:none	
}
.fancybox-iframe {
    position: relative;
}
.episode_link {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-right: 0%;
	padding:10px;
	border: 2px solid #a91111 !important;
	margin-bottom:25px;
}
.episode_link_expand{
	margin-top:10px;
}
.episode_stream_link{
	display:inline-block;
	background:#a91111;
	color:#fff;
	padding:15px 25px;
	width: auto;
border-radius: 100px;
margin-top: 20px;
	margin-right:15px;
	vertical-align:top;
}
.episode_link_general h3 {
    background: #a91111;
    color: #fff;
    padding: 10px;
    font-size: 17px;
    line-height: 100%;
}
.episode_download_link{
	vertical-align:top;
	display:inline-block;
	background:#000;
	color:#fff;
	padding:15px 25px;
	width: auto;
border-radius: 100px;
margin-top: 20px;
}
.mejs-controls {
  display: none !important;
  visibility: hidden !important;
  }
.download_ct a{
	background:#a91111 !important;
	color:#fff !important;
	padding:10px 20px !important;
	display:inline-block !important;
	border-radius:0px !important;
	width:100%;
	height:200px;
	line-height:170px;
}
.download_ct a:before{
	content:"";
	display:block;
	top:10px;left:10px;right:10px;bottom:10px;
	position:absolute;
	border:1px solid #fff !important
}
.download_ct a:hover{
	background:#000 !important;
}
body[data-ext-responsive="true"].single-post .heading-title[data-header-style="default_minimal"] .entry-title,
.single-post h1.heading-title{
	color:#a91111 !important;
}
/* responsive */
@media screen and (max-width: 1200px){
	#header-outer[data-lhe="animated_underline"] #top nav > ul > li {
    padding: 0 30px;
}
	.w_30 {
    width: 32%;
	}
}

@media screen and (max-width: 1000px){
		.w_30 {
    width: 100%;
			margin-bottom:20px
	}
	.only_mobile{
	display:block !important
}
.sec_special h2 {
    text-align: center !important;
}
.sec_special h2:after {
    display: :none;
}
.sec_special img{
margin: 0 auto;
float: none;
text-align: center;
display: block;
}
.nectar_icon_wrap[data-style="border-basic"] .nectar_icon i {
   font-size: 30px !important;
line-height: 55px !important;
height: 55px !important;
width: 55px !important;
}
}
@media screen and (max-width: 680px){
	
	.container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap {
    max-width: 340px;
}
}