@charset "utf-8";
/* Reset */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote, a {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
font-family: arial, sans-serif;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td, th, caption {
font-weight: normal;
text-align: left;
}

img, fieldset {
border: 0;
}

ol {
list-style: decimal;
}

ul {
list-style: disc;
}

q:before, q:after {
content:'';
}

*	{
box-sizing: border-box;
    
}


/* Display Directives */

.desktop   {
    display: none;
}

.tablet   {
    display: none;
}

.mobile   {
    display: block;
}

/* Site Navigation */

nav   {
    margin: -28px auto 40px;
    width: 90%;
    text-align: center;
}

nav a   {
    display: inline-block;
    width: 48%;
    text-decoration: none;
    padding: 14px 0;
    font-size: 20px;
    font-weight: bold;
    color: #366E9A;
    margin: 0 -2px;
    
    background-color: rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.15);
    
}

nav a:hover   {
    background-color: rgba(17,25,44,0.78);
    color: #5492C3;
}

nav a:first-of-type   {
    border-radius: 21px 0 0 0;
}

nav a:nth-of-type(2)   {
    border-radius: 0 21px 0 0;
}

nav a:nth-of-type(3)   {
    border-radius: 0 0 0 21px;
}

nav a:nth-of-type(4)   {
    border-radius: 0 0 21px 0;
}

/* Site Frameworks */

body   {
    background-image: url("../img/bg_tartan.jpg");
    background-repeat: repeat-y;
    background-size: contain;
}

.header div img   {
    width: 100%;
    height: auto;
}

.footer div img   {
    width: 100%;
    height: auto;
}

section.content   {
    color: rgba(255,255,255,1);
    width: 85%;
    margin: auto;
}

.content p   {
    line-height: 1.8em;
    font-size: 22px;
    margin-bottom: 28px;
    color: rgba(255,255,255,0.5)
}

.content p img   {
    width: 30vw;
    height: auto;
    display: inline-block;
    float: right;
    margin: 24px 0 24px 24px;
    box-shadow: 0px 3px 21px rgba(0,0,0,1);
	transform: rotate(4deg);
    border-radius: 21px;
}

.content p a   {
    text-decoration: none;
    font-weight: bold;
    color: #5C97C6;
}

.content p a:hover   {
    text-decoration: underline;
    color: white;
}

.content li a   {
    text-decoration: none;
    font-weight: bold;
    color: #5C97C6;
}

.content li a:hover   {
    text-decoration: underline;
    color: white;
}

.content h1   {
    font-size: 40px;
    display: block;
}

.content h2   {
    font-size: 32px;
    margin-top: 28px;
    display: block;
}

.content ul, .content ol   {
    margin: 28px 0px 28px 50px;
}

.content li   {
    margin: 1em 0;
    font-size: 22px;
    color: rgba(255,255,255,0.5)
}

strong   {
    font-weight: bold;
    color: white;
}

.centered   {
    text-align: center;
}

.cleared   {
    clear: both;
}

div.spotlight   {
    width: 85%;
    margin: 21px auto;
    display: block;
    overflow: hidden;
    border-radius: 12px;
}

div.spotlight_bundle   {
    text-align: center;
}

div.spotlight img   {
    width: 100%;
    height: auto
}

div.spotlight iframe {
	margin-top: -5px;
}

div.apple_podcasts   {
    width: 40%;
    margin: 2%;
    display: inline-block;
    overflow: hidden;
    border-radius: 12px;
	background-color: rgba(255,255,255,1.00);
	vertical-align: top;
	transition-duration: 0.3s;
	filter:sepia(100) hue-rotate(150deg);
}

div.apple_podcasts img   {
    width: 100%;
    height: auto;
	padding: 5% 4% 3% 4%;
}

div.apple_podcasts:hover   {
    transform: scale(1.1);
    transition-duration: 0.3s;
}

div.spotify_podcasts   {
    width: 40%;
    margin: 2%;
    display: inline-block;
    overflow: hidden;
    border-radius: 12px;
	background-color: rgba(255,255,255,1.00);
	vertical-align: top;
	transition-duration: 0.3s;
	filter:sepia(100) hue-rotate(150deg);
}

div.spotify_podcasts img   {
    width: 100%;
    height: auto;
	padding: 2% 2% 1% 2%;
}

div.spotify_podcasts:hover   {
    transform: scale(1.1);
    transition-duration: 0.3s;
}

div.amazon_podcasts   {
    width: 40%;
    margin: 2%;
    display: inline-block;
    overflow: hidden;
    border-radius: 12px;
	background-color: rgba(255,255,255,1.00);
	vertical-align: top;
	transition-duration: 0.3s;
	filter:sepia(100) hue-rotate(150deg);
}

div.amazon_podcasts img   {
    width: 90%;
    height: auto;
	padding: 2% 2% 1% 2%;
}

div.amazon_podcasts:hover   {
    transform: scale(1.1);
    transition-duration: 0.3s;
}

div.iheart_podcasts   {
    width: 40%;
    margin: 2%;
    display: inline-block;
    overflow: hidden;
    border-radius: 12px;
	vertical-align: top;
	transition-duration: 0.3s;
	filter:sepia(100) hue-rotate(150deg);
}

div.iheart_podcasts img   {
    width: 100%;
    height: auto;
}

div.iheart_podcasts:hover   {
    transform: scale(1.1);
    transition-duration: 0.3s;
}

div.goodpods_podcasts   {
    width: 40%;
    margin: 2%;
    display: inline-block;
    overflow: hidden;
    border-radius: 12px;
	transition-duration: 0.3s;
	filter:sepia(100) hue-rotate(150deg);
}

div.goodpods_podcasts img   {
    width: 100%;
    height: auto;
}

div.goodpods_podcasts:hover   {
    transform: scale(1.1);
    transition-duration: 0.3s;
}

a.buy_now   {
    background-color: rgba(24,111,104,1.00);
    padding: 21px;
    color: rgba(255,255,255,0.70);
    text-decoration: none;
    font-weight: bold;
    font-size: 22px;
    border-radius: 12px;
    margin-bottom: 40px;
    display: inline-block;
}

a.buy_now:hover   {
    background-color: rgba(31,146,137,1.00);
    color: white;
}

a.insp_link   {
    background-color: rgba(24,72,111,1.00);
    padding: 14px;
    color: rgba(255,255,255,0.70);
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    border-radius: 12px;
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

a.insp_link:hover   {
    background-color: rgba(32,96,149,1.00);
    color: white;
}

a.sermon_link   {
    background-image: url("../img/bg_card.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    padding: 14px;
    color: rgba(72,38,7,1.00);
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
	line-height: 1.4em;
    border-radius: 12px;
    margin-bottom: 20px;
    display: inline-block;
    width: 80vw;
    vertical-align: middle;
	transition-duration: 0.3s;
}

a.sermon_link:hover   {
    transform: scale(1.1);
    transition-duration: 0.3s;
}

div.article_list   {
    margin-top: 24px;
}

div.container   {
	width: 100%;
	text-align: center;
}

span.title	{
	font-size: 22px;
	font-weight: bold;
}

span.series	{
	font-size: 14px;
	font-weight: normal;
	background-color: rgba(72,38,7,0.4);
	border-radius: 40px;
	padding: 4px 12px;
	line-height: 1.2em;
	color: rgba(221,224,223,1.00);
}

span.author	{
	display: block;
	font-weight: normal;
	font-style: italic;
}