/*  
Theme Name: SimpleFolio
Theme URI: http://www.slimmity.com/
Description: Portfolio Theme based off SimpleBlog Theme
Version: 1.5
Author: Omar Corrales
Author URI: http://www.omarcorrales.com
*/

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Main CSS */

body {background:#0B0A08; font-weight:300; color: #0B0A08; font-size:19px; line-height:25px; z-index:0; margin:0px; font-family: 'Exo 2', sans-serif;}	

a:link {color:#648592; text-decoration:underline;}
a:visited {color:#648592; text-decoration:underline;}
a:hover {color:#AAAAAA; text-decoration:underline;}
a:active {color:#648592; text-decoration:underline;}
.blogContent a:link {color:#648592; text-decoration:underline;}
.blogContent a:visited {color:#648592; text-decoration:underline;}
.blogContent a:hover {color:#AAAAAA; text-decoration:underline;}
.blogContent a:active {color:#648592; text-decoration:underline;}
.webIcon {float:left; margin-top:-2000px; width:80%; max-width:700px;}
.webIcon img {width:100%; max-width:700px;}

img.alignright {float:right; margin:0 0 15px 15px!important; padding:0px!important;}
img.alignleft {float:left; margin:0 15px 15px 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 15px 15px;}
a img.alignleft {float:left; margin:0 15px 15px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
figcaption {
    text-align: center;
	font-size:13px!important;
	line-height:15px!important;
	padding:20px 3% 10px 3%!important;
	width:94%!important;
}

ul.columns-1 li {width:100%; display:inline-block; margin-left:0px;}
ul.columns-2 li {width:48%; display:inline-block; margin:0px 1% 0px 1%; padding:0px;}
ul.columns-3 li {width:31.33%; display:inline-block; margin:0px 1% 0px 1%; padding:0px;}
ul.columns-4 li {width:23%; display:inline-block; margin:0px 1% 0px 1%; padding:0px;}

.wp-block-column {width:45%; margin-right:5%; float:left; margin-bottom:40px;}
.wp-block-column img {width:100%!important; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.podcastBtn a {background-color:#333333; color:#ffffff; padding:10px 25px 10px 25px; float:left; font-size:15px; line-height:19px; text-transform:uppercase; text-decoration:none; margin-right:20px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:10px;}
.podcastBtn a:link {color:#ffffff; text-decoration:none;}
.podcastBtn a:visited {color:#ffffff; text-decoration:none;}
.podcastBtn a:hover {color:#ffffff; text-decoration:none; background-color:#648592;}
.podcastBtn a:active {color:#ffffff; text-decoration:none;}

ul.columns-1 li figure img {width:100%!important; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; object-fit: cover;}
ul.columns-2 li figure img {width:100%!important; height:270px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; object-fit: cover;}
ul.columns-3 li figure img {width:100%!important; height:220px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; object-fit: cover;}
ul.columns-4 li figure img {width:100%!important; height:170px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; object-fit: cover;}
.wp-block-separator {width:30%; margin:60px 35% 60px 35%; border:1px dashed #aaaaaa;}
pre {white-space: pre-wrap!important;}

img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;}
img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
figure {max-width: 100%; height: auto!important; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}

sup { 
    vertical-align: super;
    font-size: smaller;
}

ul {}
ul li {list-style:disc; padding:1px 0px 1px 0px; margin-left:20px;}

.clear {clear: both;}
strong { font-weight:700;}
.underline {text-decoration:underline; font-weight:700;}
input {width:90%; padding:10px 4.5% 10px 4.5%; margin-bottom:15px; font-size:20px; -moz-border-radius: 5px; border-radius: 5px; background:#EFE6D0; border:0px; -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.2);}
.submitBtn input {width:300px; color:#ffffff; padding:10px 30px 10px 30px; margin-bottom:15px; font-size:24px; -moz-border-radius: 5px; border-radius: 5px; background:#5D8592; border:0px; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0); float:right; cursor:pointer; -webkit-appearance: none;}
textarea {width:92%; margin-bottom:15px; font-size:18px; padding:10px 3.5% 10px 3.5%; height:110px; -moz-border-radius: 5px; border-radius: 5px; background:#EFE6D0; border:0px; -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.2); box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.2);}
input[type=submit] {border:4px solid #ffffff; background:transparent; cursor:pointer; width:99%; color:#ffffff; font-size:30px; margin-top:0px; font-weight:bold; text-transform:uppercase; height:130px; letter-spacing:1px; -webkit-appearance: none;}
input[type=submit]:hover {background-color:#4A4A57;}
.contactFormWrapper {width:100%; max-width:700px; margin:0px auto; padding-top:40px;}

.message {width:65.5%; float:left; margin-right:2%;}
.submitBtn {width:32.5%; float:right;}

.space {width:100%; clear:both;}

.wrapper {width:92%; max-width:1120px; margin:0px auto;}
.leftCol {width:49%; float:left; margin-right:2%;}
.rightCol {width:49%; float:right;}

h1 {font-size:48px; line-height:50px; font-weight:300; margin-bottom:20px;}
h2 {font-size:48px; line-height:50px; font-weight:300; margin-bottom:20px;}
h3 {font-size:44px; line-height:48px; font-weight:300; margin-bottom:20px;}
h4 {font-size:38px; line-height:38px; font-weight:300; margin-bottom:20px;}
h5 {font-size:35px; line-height:35px; font-weight:300; margin-bottom:15px;}
h6 {font-size:25px; line-height:28px; font-weight:700; margin-bottom:15px;}

.alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
    max-width: 1000%;
  }

  .alignwide {
    margin-left: calc(25% - 25vw);
    margin-right: calc(25% - 25vw);
    width: auto;
    max-width: 1000%;
  }

  .alignwide img,
  .alignfull img {
    display: block;
    margin: 0 auto;
  }


/* Header */

			.sf-menu, .sf-menu * {z-index: 9999999 !important;}
			.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
			.sf-menu { margin-top:0px;}
			.sf-menu ul {position:absolute;top:-999em;width:10em;}
			.sf-menu ul li {width:100%;}
			.sf-menu li:hover {visibility:inherit;}
			.sf-menu li {float:left;position:relative;}
			.sf-menu a {display:block;position:relative;}
			.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:30px; z-index:99;}
			ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
			ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:12.8em; top:0;}
			ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
			ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; top:0;}
			.sf-menu {float:left;margin-bottom:1em;}
			.sf-menu a {margin: 0px 15px 0px 15px; padding:0px 0px 5px 0px; text-decoration:none;}
			.sf-menu a, .sf-menu a:visited,.sf-menu a, .sf-menu a:link  { color: #F3F2E4; }
			.sf-menu li {font-size:18px;}
			.sf-menu li a:hover {border-bottom:2px solid #5C8592; outline:0;}
			.sf-menu li ul {background:#5C8592;}
			.sf-menu li ul li {font-size:16px;}
			.sf-menu li ul li a {margin: 0px 0px 0px 0px; padding:8px 8px 8px 15px;}
			.sf-menu li ul li a:link,.sf-menu li ul li a:visited { color:#F3F2E4;}
			.sf-menu li ul li a:hover {border:0;background:#246075;}
			.sf-menu .current_page_item a {border-bottom:2px solid #5C8592;}

/* header large */
header.large {
	float:left;
	width:100%;
	height:0px;
	background-color:#0B0A08;
	z-index:9999;
	position:fixed;
	top:0px;
	right:0px;
}

/* header small */

header.small {
	float:left;
	width:100%;
	height:87px;
	background-color:#0B0A08;
	z-index:9999;
	position:fixed;
	top:0px;
	right:0px;
}

header,
input[type=submit],
.footerBtn,
.moreBtn,
.twitter,
.facebook,
.rss,
.instagram,
.navigation a,
.btn
{
	transition: .4s all;
	-moz-transition: .4s all;
	-webkit-transition: .4s all;
	-o-transition: .4s all;
}
ul,
li  {
	transition: 0s all;
	-moz-transition: 0s all;
	-webkit-transition: 0s all;
	-o-transition: 0s all;
}
.navBar {
	padding:0px 0% 0px 0%;
	width:100%;
	position:absolute;
	z-index:999;
}

.navBar a:link {color:#F3F2E4; text-decoration:none;}
.navBar a:visited {color:#F3F2E4; text-decoration:none;}
.navBar a:hover {color:#F3F2E4; text-decoration:none;}
.navBar a:active {color:#F3F2E4; text-decoration:none;}

.navLeft {font-size:18px; float:left; width:70%; margin:30px 0px 0px 25px; text-transform:uppercase; color:#F3F2E4;}
.navLeftMobile {display:none;}
.logo {
	width:30%;
	max-width:260px;
	position:absolute;
	top:80px;
	left:50%;
	margin-left:-130px;
	z-index:999;
}
.logo img {
	width:100%;
}
.logoMobile {
	display:none;
}
.navRight {float:right; margin:25px 35px 0px 0px;}
.twitter {width:38px; height:38px; background-image:url(images/twitter_icon.png); background-size:38px 38px; background-repeat:no-repeat; float:right; margin-left:12px;}
.twitter:hover {background-image:url(images/twitter_icon_rollover.png); cursor:pointer;}
.facebook {width:38px; height:38px; background-image:url(images/facebook_icon.png); background-size:38px 38px; background-repeat:no-repeat; float:right; margin-left:12px;}
.facebook:hover {background-image:url(images/facebook_icon_rollover.png); cursor:pointer;}
.instagram {width:38px; height:38px; background-image:url(images/instagram_icon.png); background-size:38px 38px; background-repeat:no-repeat; float:right; margin-left:12px;}
.instagram:hover {background-image:url(images/instagram_icon_rollover.png); cursor:pointer;}
.rss {width:38px; height:38px; background-image:url(../../uploads/2019/03/rss_icon.png); background-size:38px 38px; background-repeat:no-repeat; float:right;}
.rss:hover {background-image:url(../../uploads/2019/03/rss_icon_rollover.png); cursor:pointer;}
.backgroundImage {width:100%; max-width:1500px; margin:0px auto; position:relative; z-index:0;}
.backgroundImage img {width:100%; height:auto;}

/* Bounce In */
#hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#hvr-bounce-in:hover, #hvr-bounce-in:focus, #hvr-bounce-in:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	cursor:pointer;
}

/* Home */

.contentTopShadow {height:400px; width:100%; max-width:1110px; position:absolute; left:50%; margin-left:-555px; top:190px; z-index:9; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+64 */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 64%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 64%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 64%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.content {width:100%; max-width:1110px; position:absolute; left:50%; margin-left:-555px; top:330px; z-index:99;}

.banner {width:100%; text-align:center; background-image:url(../../uploads/2019/01/banner.jpg); background-size:cover; height:150px; padding-top:380px; background-position:center top;}

#bannerText {width:100%; color:#F3F2E4; font-size:52px; font-weight:300; line-height:57px; z-index:9; visibility:hidden; font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; letter-spacing:-2px;}


.bannerSpace {display:none;}

.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	
	animation-duration: 0.7s;	
	-webkit-animation-duration: 0.7s;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;	
    	-webkit-animation-fill-mode: forwards;
    	animation-fill-mode: forwards;
	visibility:visible !important;
}
@keyframes fadeIn {
	0% {
		opacity: 0.0;		
	}	
	80% {
		opacity: 0.0;		
	}	
	100% {
		opacity: 1;	
	}		
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0.0;		
	}	
	80% {
		opacity: 0.0;		
	}
	100% {
		opacity: 1;	
	}		
}
 /* code for animated blinking cursor */
.typed-cursor{opacity: 1; font-weight: 100; -webkit-animation: blink 0.7s infinite;-moz-animation: blink 0.7s infinite;-ms-animation: blink 0.7s infinite;-o-animation: blink 0.7s infinite; animation: blink 0.7s infinite;}
@keyframes blink{0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; }}
@-webkit-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}
@-moz-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}
@-o-keyframes blink{0% { opacity:1; }50% { opacity:0; }100% { opacity:1; }}
.typed-fade-out{opacity: 0;animation: 0;transition: opacity .25s;}

/* Content */

.homeWhiteContent {background-color:#F5F2E5; padding:50px 40px 130px 40px; font-size:19px; line-height:24px;}

.introSentence {font-size:27px; font-weight:600;}

.whiteContent {background-color:#F5F2E5; margin-bottom:65px; padding:50px;}
.whiteContent img {width:100%;}

.listenHeading {width:105px; float:left; padding-top:3px;}

.listenBtn {width:190px; float:left; margin:0px 15px 0px 15px;}
.listenBtn img {width:100%; height:auto;}
.listenBtn2 {width:170px; float:left; margin:0px 15px 0px 15px;}
.listenBtn2 img {width:100%; height:auto;}
.listenBtn3 {width:170px; float:left; margin:0px 15px 0px 15px;}
.listenBtn3 img {width:100%; height:auto;}

.listenWrapper {width:100%; max-width:620px; margin:0px auto; padding:35px 0px 35px 0px; font-size:26px; color:#F4F2E4;}

/* Home Blog */

.homeBlogMobile {display:none;}
.homeBlog {width:96%; margin:-70px 2% 0px 2%; position:relative; background-image:url(images/gray_gradient.png); background-size:cover; background-position:center 70px;}
.homeBlog img {width:100%; height:auto; position:absolute; top:-30px; z-index:999;}
.homeBlogBox {width:29.33%; float:left; margin:0px 2% 65px 2%; position:relative;}
.homeBlogBox img {width:100%; height:auto; position:relative; top:0px; margin:0px 0px 0px 0px;}
.homeBlogBoxPadding {padding:0px 0px 0px 0px; color:#F2F2E4; text-align:left; font-size:15px; line-height:20px;}

.homeBlogBoxPadding h4 {font-size:24px; line-height:26px; font-weight:300; margin-bottom:15px; margin-top:5px;}
.episodeNumber {position:absolute; top:-8px; color:#201F1F; z-index:9999; width:100%; text-align:center; font-family: 'Permanent Marker', cursive; font-size:20px;}

.moreBtn {background-color:#333333; font-size:15px; padding:8px 0px 6px 0px; width:175px; float:right; text-align:center; color:#F2F2E4;}

.moreBtn:hover {background-color:#648592; cursor:pointer;}

.accordionButton {color:#FFA833; font-weight:700; font-size:16px; text-decoration:underline; cursor:pointer; padding:10px 0px 0px 0px;}
.on {visibility:hidden;}


/* About */

.paulLeft {width:30%; margin-right:5%; float:left; padding-bottom:35px;}
.paulLeft img {width:100%; height:auto;}
.paulRight {width:65%; float:left; font-size:19px; line-height:23px; padding-bottom:35px;}
.paulRight img {display:none;}
.billyLeft {width:65%; margin-right:5%; float:left; font-size:19px; line-height:23px;}
.billyLeft img {display:none;}
.billyRight img {width:100%; height:auto;}
.billyRight {width:30%; float:left;}

.paulRight h3 img {width:40px; margin:-5px 0px 0px 10px;}
.billyLeft h3 img {width:40px; margin:-5px 0px 0px 10px;}

.aboutBlog {width:100%; padding:60px 0px 60px 0px; margin:-65px 0px 0px 0px; position:relative; background-image:url(images/gray_gradient.png); background-size:cover; background-position:center top; color:#F4F2E4; font-size:15px; line-height:19px;}
.aboutBlog h4 {font-size:28px; line-height:30px; font-weight:300; margin-bottom:10px; margin-top:0px;}

.aboutBlogBox {width:46%; margin:0px 2% 0px 2%; float:left;}
.aboutBlogLeft {width:35%; float:left; margin-right:5%;}
.aboutBlogLeft img {width:100%; height:auto; margin:0px 0px 0px 0px;}
.aboutBlogRight {width:60%; float:left;}

.aboutBlogSpace {display:none;}


/* Blog */

.listenPost {width:100%; max-width:450px; height:60px;}

.listenPost .listenBtn {width:30.6%; float:left; margin:0px 3% 0px 0px;}
.listenPost .listenBtn img {width:100%; height:auto;}
.listenPost .listenBtn2 {width:27.4%; float:left; margin:0px 3% 0px 0px;}
.listenPost .listenBtn2 img {width:100%; height:auto;}
.listenPost .listenBtn3 {width:27.4%; float:left; margin:0px 0px 0px 0px;}
.listenPost .listenBtn3 img {width:100%; height:auto;}

.blogReadBtn {padding:7px 20px 7px 20px; float:left; margin:0px 0px 0px 0px; color:#ffffff; background-color:#648592; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;}

.blogReadBtn a:link {color:#ffffff; text-decoration:none;}
.blogReadBtn a:visited {color:#ffffff; text-decoration:none;}
.blogReadBtn a:hover {color:#ffffff; text-decoration:none;}
.blogReadBtn a:active {color:#ffffff; text-decoration:none;}

.blogWhiteContent {background-color:#F5F2E5; margin-bottom:35px; padding:45px 35px 40px 45px; font-size:18px; line-height:22px;}

.episodeNumber2 {position:absolute; top:-21px; color:#201F1F; z-index:9999; width:100%; text-align:center; font-family: 'Permanent Marker', cursive; font-size:20px; background-image:url(images/blog_tape.png); height:46px; width:100%; background-repeat:no-repeat; background-position:center center; padding-top:20px; line-height:20px;}
.episodeNumber3 {position:absolute; top:-21px; color:#201F1F; z-index:9999; width:100%; text-align:center; font-family: 'Permanent Marker', cursive; font-size:20px; background-image:url(images/blog_tape.png); height:46px; width:100%; background-repeat:no-repeat; background-position:center center; padding-top:20px; line-height:20px;}

.facts {width:80%; background-color:#333333; font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; background:url(images/paper.png) #FCFBF8; background-size:cover; padding:50px 10% 50px 10%; font-size:17px; line-height:21px; margin:30px 0px 30px 0px; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.15);}
.facts strong {font-size:28px;}

.blogImage {float:right; width:33%; margin:0px 0px 30px 30px; position:relative; -ms-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg); padding-top:5px;}
.blogImage img {width:100%; height:auto; margin:0px 0px 0px 0px;}

.blogPostLeft {width:30%; margin:0px 5% 0px 0px; float:left; position:relative; -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); padding-top:5px;}
.blogPostLeft img {width:100%; height:auto; margin:0px 0px 0px 0px;}
.blogPostRight {width:65%; float:left; margin:0px 0% 0px 0px; padding-top:0px; font-size:17px; line-height:21px;}
.blogPostRight h3 {font-size:37px; line-height:41px; font-weight:300; margin-bottom:20px;}

.blogContent {width:100%; text-align:left; margin-top:0px;}
.blogContent h3 {font-size:37px; line-height:41px; font-weight:300; margin-bottom:20px;}
.sidebar {width:90%; position:relative; margin-top:-65px; color:#F2F2E4; background-image:url(images/gray_gradient.png); background-size:cover; background-position:center top; padding:50px 5% 50px 5%;}
.sidebar img {width:100%; height:auto;}
.widgetsSidebar {width:30.33%; padding:0px 1.5% 0px 1.5%; text-align:left; font-size:17px; line-height:21px; float:left;}
.blogContent p {padding:10px 0px 10px 0px;}

.blogContent h4 {font-size:38px; line-height:38px; font-weight:300; margin-bottom:15px;}
.blogContent h6 {font-size:23px; line-height:26px; font-weight:700; margin-bottom:20px;}

.widget h3 {font-size:24px; line-height:29px; font-weight:300; font-style:normal; margin-bottom:10px;}
.widget {padding:10px 0px 10px;}

.meta {font-size:15px; line-height:20px; letter-spacing:1px; text-transform:uppercase; margin-bottom:17px; margin-top:5px; font-weight:600;}

.blogPostRight a:link {color: #0B0A08; text-decoration:none;}
.blogPostRight a:visited {color: #0B0A08; text-decoration:none;}
.blogPostRight a:hover {color:#648592; text-decoration:none;}
.blogPostRight a:active {color: #0B0A08; text-decoration:none;}

.meta a:link {color: #648592; text-decoration:underline;}
.meta a:visited {color: #648592; text-decoration:underline;}
.meta a:hover {color:#AAAAAA; text-decoration:underline;}
.meta a:active {color:#648592; text-decoration:underline;}

.navigation {font-size:15px; padding:40px 0px 6px 0px; text-align:center; text-transform:uppercase; width:96%; margin:0px 2% 0px 2%;}

.navigation a:link {color:#F2F2E4; text-decoration:none; background-color:#333333; padding:10px 30px 10px 30px;}
.navigation a:visited {color:#F2F2E4; text-decoration:none; background-color:#333333; padding:10px 30px 10px 30px;}
.navigation a:hover {color:#F2F2E4; text-decoration:none; background-color:#648592; padding:10px 30px 10px 30px;}
.navigation a:active {color:#F2F2E4; text-decoration:none; background-color:#333333; padding:10px 30px 10px 30px;}

.alignleft {width:40%; float:left; text-align:left;}
.alignright {width:40%; float:right; text-align:right;}



/* Footer */

.footer {
	width:96%;
	margin:0px 2% 0px 2%;
	border-top:1px solid #333333;
	padding:35px 0px 60px 0px;
	text-align:center;
	font-size:15px;
	line-height:18px;
	color:#F2F2E4;
}
.footerLeft {
	width:25%;
	float:left;
	text-align:left;
	padding-top:8px;
}

.footerBtn a:link {color:#ffffff; text-decoration:none;}
.footerBtn a:visited {color:#ffffff; text-decoration:none;}
.footerBtn a:hover {color:#ffffff; text-decoration:none;}
.footerBtn a:active {color:#ffffff; text-decoration:none;}

.footerBtn {border:1px solid #648592; padding:7px 20px 7px 20px; -moz-border-radius: 5px; border-radius: 5px; margin-right:10px; font-weight:600; color:#ffffff;}
.footerBtn:hover {background-color:#648592; cursor:pointer; color:#ffffff;}
.footerCenter {
	width:50%;
	float:left;
	text-align:center;
	color:#999999;
	padding-top:8px;
}
.footerCenter2 {display:none;}
.footerRight {
	width:25%;
	float:right;
	text-align:right;
}
.footer li {display:inline-block; padding-right:10px; padding-left:10px; text-transform:uppercase;}

.footer a:link {color:#F2F2E4; text-decoration:none;}
.footer a:visited {color:#F2F2E4; text-decoration:none;}
.footer a:hover {color:#648592; text-decoration:none;}
.footer a:active {color:#F2F2E4; text-decoration:none;}




/* RESPONSIVE */

@media screen and (max-width: 1200px) {
	
h3 {font-size:38px; line-height:42px; margin-bottom:15px;}

.navLeft {font-size:16px; width:70%; margin:20px 0px 0px 15px;}
.logo {width:50%; max-width:200px; top:65px; left:50%; margin-left:-100px;}
.navRight {float:right; margin:17px 25px 0px 0px;}
.twitter {width:28px; height:28px; background-size:28px 28px; margin-left:3px;}
.facebook {width:28px; height:28px; background-size:28px 28px; margin-left:3px;}
.instagram {width:28px; height:28px; background-size:28px 28px; margin-left:3px;}
.rss {width:28px; height:28px; background-size:28px 28px;}
.backgroundImage {width:100%; max-width:1500px; margin:0px auto; position:relative; z-index:0;}
	
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:28px; z-index:99;}
.sf-menu a {margin: 0px 10px 0px 10px; padding:0px 0px 3px 0px; text-decoration:none;}
.sf-menu li {font-size:16px;}
.sf-menu li a:hover {border-bottom:2px solid #5C8592; outline:0;}
.sf-menu li ul li {font-size:14px;}
.sf-menu li ul li a {margin: 0px 0px 0px 0px; padding:6px 6px 6px 12px;}
.sf-menu .current_page_item a {border-bottom:2px solid #5C8592;}

header.small {
	height:67px;
}
	
/* Home */

.contentTopShadow {height:330px; max-width:800px; margin-left:-400px; top:150px;}
.content {width:90%; margin-left:5%; margin-right:5%; max-width:1200px; top:260px; left:0%;}

.bannerBreak {display:block;}
.banner {height:130px; padding-top:260px;}
#bannerText {font-size:45px; line-height:45px; letter-spacing:-2px;}
	
.bannerSpace {display:block;}
	
/* Content */

.homeWhiteContent {padding:30px 30px 90px 30px; font-size:17px; line-height:22px;}
.introSentence {font-size:23px;}
.whiteContent {margin-bottom:50px; padding:40px;}
	
/* Home Blog */

.homeBlog {width:96%; margin:-40px 2% 0px 2%; background-position:center 40px;}
.homeBlog img {top:-28px;}
.homeBlogBox {width:29.33%; margin:0px 2% 35px 2%;}
.homeBlogBox img {position:relative; top:0px;}
.homeBlogBoxPadding {font-size:14px; line-height:17px;}

.homeBlogBoxPadding h4 {font-size:19px; line-height:22px; margin-bottom:10px; margin-top:0px;}
.episodeNumber {position:absolute; top:-8px; font-size:16px;}

.moreBtn {font-size:14px; padding:7px 0px 5px 0px; width:165px;}
	
/* About */

.paulLeft {width:25%; margin-right:5%; padding-bottom:30px;}
.paulRight {width:70%; font-size:17px; line-height:21px; padding-bottom:30px;}
.billyLeft {width:70%; margin-right:5%; font-size:17px; line-height:21px;}
.billyRight {width:25%;}

.paulRight h3 img {width:32px; margin:-5px 0px 0px 10px;}
.billyLeft h3 img {width:32px; margin:-5px 0px 0px 10px;}

.aboutBlog {width:100%; padding:40px 0px 40px 0px; margin:-50px 0px 0px 0px; font-size:14px; line-height:17px;}
.aboutBlog h4 {font-size:24px; line-height:26px; margin-bottom:10px; margin-top:0px;}

/* Blog */
	
.sidebar {margin-top:-50px; padding:50px 5% 50px 5%;}

.podcastBtn a {padding:8px 20px 8px 20px; font-size:13px; line-height:17px; margin-right:15px; }
	
.navigation {font-size:14px; padding:20px 0px 6px 0px;}

.navigation a:link {padding:7px 20px 7px 20px;}
.navigation a:visited {padding:7px 20px 7px 20px;}
.navigation a:hover {padding:7px 20px 7px 20px;}
.navigation a:active {padding:7px 20px 7px 20px;}
	
/* Footer */

.footer {padding:25px 0px 50px 0px; font-size:14px; line-height:17px;}
.footerLeft {width:28%; padding-top:8px;}
.footerBtn {padding:5px 15px 5px 15px; margin-right:7px;}
.footerCenter {width:44%; padding-top:6px;}
.footerRight {width:28%;}
.footer li {padding-right:6px; padding-left:6px;}

}


@media screen and (max-width: 1000px) {
	
h3 {font-size:32px; line-height:36px; margin-bottom:10px;}

figcaption {font-size:12px; line-height:15px; font-weight:400;}

ul.columns-1 li {width:100%; display:inline-block; margin-left:0px;}
ul.columns-2 li {width:48%; display:inline-block; margin:0px 1% 0px 1%; padding:0px;}
ul.columns-3 li {width:31.33%; display:inline-block; margin:0px 1% 0px 1%; padding:0px;}
ul.columns-4 li {width:31.33%; display:inline-block; margin:0px 1% 0px 1%; padding:0px;}

ul.columns-1 li figure img {width:100%!important; height:auto;}
ul.columns-2 li figure img {width:100%!important; height:250px;}
ul.columns-3 li figure img {width:100%!important; height:200px;}
ul.columns-4 li figure img {width:100%!important; height:200px;}
.wp-block-separator {width:40%; margin:40px 30% 40px 30%; border:1px dashed #aaaaaa;}
	
.homeBlog img {top:-23px;}
.homeBlogBox img {position:relative; top:0px;}
.episodeNumber {position:absolute; top:-8px; font-size:15px;}

/* About */

.paulLeft {width:30%; margin-right:5%; padding-bottom:25px;}
.paulRight {width:65%; font-size:15px; line-height:19px; padding-bottom:25px;}
.billyLeft {width:65%; margin-right:5%; font-size:15px; line-height:19px;}
.billyRight {width:30%;}
.paulRight h3 img {width:28px; margin:-5px 0px 0px 8px;}
.billyLeft h3 img {width:28px; margin:-5px 0px 0px 8px;}
.aboutBlog h4 {font-size:22px; line-height:24px;}
	
/* Blog */
	
.blogWhiteContent {margin-bottom:25px; padding:35px 25px 30px 30px; font-size:16px; line-height:20px;}

.episodeNumber2 {top:-25px; width:100%; font-size:18px; height:42px; width:100%; padding-top:20px; line-height:20px; background-size:161px 49px;}
.blogPostLeft {width:30%; margin:0px 4% 0px 0px; float:left; position:relative; -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); padding-top:5px;}
.blogPostLeft img {width:100%; height:auto; margin:0px 0px 0px 0px;}
.blogPostRight {width:66%; float:left; margin:0px 0% 0px 0px; padding-top:0px; font-size:15px; line-height:19px;}
.blogPostRight h3 {font-size:28px; line-height:32px; margin-bottom:15px;}

.meta {font-size:13px; line-height:18px; letter-spacing:1px; margin-bottom:15px; margin-top:3px;}

.blogContent {font-size:16px; line-height:20px;}
.facts {width:84%; padding:40px 8% 40px 8%; font-size:16px; line-height:20px; margin:25px 0px 25px 0px;}
.facts strong {font-size:23px;}

.blogImage {float:none; width:300px; margin:0px 0px 20px -150px; position:relative; left:50%;}

.blogContent h3 {font-size:33px; line-height:37px; margin-bottom:20px;}
.widgetsSidebar {font-size:15px; line-height:19px;}

.blogContent h4 {font-size:30px; line-height:30px; margin-bottom:15px;}
.blogContent h6 {font-size:19px; line-height:22px; margin-bottom:20px;}

.widget h3 {font-size:20px; line-height:25px;}
.widget {padding:10px 0px 10px;}
	
}

@media screen and (max-width: 820px) {
	
h3 {font-size:26px; line-height:30px; margin-bottom:10px;}
	
	
figcaption {
    text-align: center;
	font-size:9px!important;
	line-height:10px!important;
	padding:15px 2% 5px 2%!important;
	width:96%!important;
}

ul.columns-1 li {width:100%; display:inline-block; margin-left:0px;}
ul.columns-2 li {width:48%; display:inline-block; margin:0px 1% 0px 1%; padding:0px;}
ul.columns-3 li {width:48%; display:inline-block; margin:0px 1% 0px 1%; padding:0px;}
ul.columns-4 li {width:48%; display:inline-block; margin:0px 1% 0px 1%; padding:0px;}

ul.columns-1 li figure img {width:100%!important; height:auto;}
ul.columns-2 li figure img {width:100%!important; height:180px;}
ul.columns-3 li figure img {width:100%!important; height:180px;}
ul.columns-4 li figure img {width:100%!important; height:180px;}
	
.navLeftMobile {display:block; font-size:18px; float:left; width:40%; margin:30px 0px 0px 25px; text-transform:uppercase; color:#F3F2E4;}
.navLeft {display:none;}	
.logo {width:50%; max-width:150px; top:55px; left:50%; margin-left:-75px;}
.navRight {float:right; margin:17px 25px 0px 0px;}
	
.homeBlog {display:none;}
.homeBlogMobile {display:block; width:96%; margin:-70px 2% 0px 2%; position:relative; background-image:url(images/gray_gradient.png); background-size:cover; background-position:center 70px;}
	
/* Home */

.contentTopShadow {height:330px; max-width:800px; margin-left:-400px; top:100px;}
.content {width:90%; margin-left:5%; margin-right:5%; max-width:1200px; top:200px; left:0%;}

.banner {height:100px; padding-top:200px;}
#bannerText {font-size:35px; line-height:35px; letter-spacing:-2px;}
	
/* Content */

.homeWhiteContent {padding:25px 25px 90px 25px; font-size:15px; line-height:20px;}
.introSentence {font-size:20px;}
.whiteContent {margin-bottom:50px; padding:25px 20px 25px 20px;}


.listenBtn {width:110px; float:left; margin:0px 7px 0px 7px;}
.listenBtn img {width:100%; height:auto;}
.listenBtn2 {width:95px; float:left; margin:0px 7px 0px 7px;}
.listenBtn2 img {width:100%; height:auto;}
.listenBtn3 {width:95px; float:left; margin:0px 7px 0px 7px;}
.listenBtn3 img {width:100%; height:auto;}

.listenWrapper {width:100%; max-width:342px; margin:0px auto; padding:35px 0px 35px 0px; font-size:26px; color:#F4F2E4;}
	
/* Home Blog */

.homeBlog {width:96%; margin:-30px 2% 0px 2%; background-position:center 40px;}
.homeBlog img {top:-28px;}
.homeBlogBox {width:96%; margin:20px 0% 35px -140px; left:50%; max-width:280px;}
.homeBlogBox img {position:relative; top:0px;}
.homeBlogBoxPadding {font-size:14px; line-height:17px;}

.homeBlogBoxPadding h4 {font-size:19px; line-height:22px; margin-bottom:10px; margin-top:0px;}
.episodeNumber {position:absolute; top:-8px; font-size:16px;}

.moreBtn {font-size:14px; padding:7px 0px 5px 0px; width:165px;}
	
/* About */

.paulLeft {width:40%; margin-right:5%; padding-bottom:25px;}
.paulRight {width:55%; font-size:14px; line-height:18px; padding-bottom:25px;}
.billyLeft {width:55%; margin-right:5%; font-size:14px; line-height:18px;}
.billyRight {width:40%;}
.paulRight h3 img {width:25px; margin:-5px 0px 0px 6px;}
.billyLeft h3 img {width:25px; margin:-5px 0px 0px 6px;}
.aboutBlog h4 {font-size:22px; line-height:24px;}
	
/* Blog */
	
.blogWhiteContent {margin-bottom:25px; padding:35px 20px 20px 20px; font-size:15px; line-height:19px;}
.blogPostLeft {width:100%; margin:0px 0% 40px 0%; float:none; max-width:165px; padding-top:5px;}
.blogPostLeft img {display:none;}
.blogPostRight {width:100%; float:none; margin:0px 0% 0px 0px; padding-top:0px; font-size:15px; line-height:19px;}
.blogPostRight h3 {font-size:24px; line-height:28px; margin-bottom:10px;}
	
.navigation {font-size:14px; padding:10px 0px 6px 0px;}


/* Footer */

.footer {padding:20px 0px 40px 0px; font-size:13px; line-height:16px;}
.footerLeft {width:60%; padding-top:8px;}
.footerBtn {padding:5px 12px 5px 12px; margin-right:7px;}
.footerCenter {width:44%; padding-top:6px; display:none;}
.footerCenter2 {width:100%; padding-top:18px; display:block; text-align:center; color:#999999;}
.footerRight {width:40%;}
.footer li {padding-right:6px; padding-left:6px;}
	
}


@media screen and (max-width: 680px) {
	
/* About */

.paulLeft {display:none;}
.paulRight {width:100%; font-size:14px; line-height:18px; padding-bottom:20px;}
.paulRightContent img {display:block; width:30%; height:auto; margin:0px 20px 5px 0px; float:left;}
.billyLeft {width:100%; margin-right:5%; font-size:14px; line-height:18px;}
.billyLeftContent img {display:block; width:30%; height:auto; margin:0px 20px 5px 0px; float:left;}
.billyRight {display:none;}
.aboutBlog h4 {font-size:22px; line-height:24px;}
	
.aboutBlog {padding-bottom:20px;}
.aboutBlogBox {width:100%; margin:0px 0% 0px 0%; float:none;}
.aboutBlogLeft {width:35%; float:left; margin-right:5%;}
.aboutBlogLeft img {width:100%; height:auto; margin:0px 0px 0px 0px;}
.aboutBlogRight {width:60%; float:left;}
	
.aboutBlogSpace {width:100%; clear:both; height:20px; display:block;}
	
/* Blog */
	
.podcastBtn a {padding:8px 5% 8px 5%; font-size:12px; line-height:16px; margin-right:0px; width:90%; text-align:center; margin-bottom:0px;}
.blogContent {font-size:15px; line-height:18px;}
.facts {width:90%; padding:30px 5% 30px 5%; font-size:15px; line-height:18px; margin:20px 0px 20px 0px; background-size:1000px 50px; background-position:center;}
.facts strong {font-size:21px;}

.blogImage {float:none; width:240px; margin:0px 0px 20px -120px; position:relative; left:50%;}

.blogContent h3 {font-size:28px; line-height:32px; margin-bottom:15px;}
.widgetsSidebar {font-size:15px; line-height:19px;}

.blogContent h4 {font-size:26px; line-height:26px; margin-bottom:15px;}
.blogContent h6 {font-size:18px; line-height:21px; margin-bottom:20px;}

.widget h3 {font-size:18px; line-height:22px;}
.widget {padding:10px 0px 10px;}

}	


@media screen and (max-width: 600px) {

figcaption {font-size:13px; line-height:17px; padding:5px;}

ul.columns-1 li {width:100%; display:inline-block; margin-left:0px;}
ul.columns-2 li {width:100%; display:inline-block; margin-left:0px;}
ul.columns-3 li {width:100%; display:inline-block; margin-left:0px;}
ul.columns-4 li {width:100%; display:inline-block; margin-left:0px;}

ul.columns-1 li figure img {width:100%!important; height:auto;}
ul.columns-2 li figure img {width:100%!important; height:auto;}
ul.columns-3 li figure img {width:100%!important; height:auto;}
ul.columns-4 li figure img {width:100%!important; height:auto;}
	
.banner {height:70px; padding-top:150px;}
#bannerText {font-size:30px; line-height:30px; letter-spacing:-2px;}
	
.listenBtn {width:90px; float:left; margin:0px 5px 0px 5px;}
.listenBtn2 {width:80px; float:left; margin:0px 5px 0px 5px;}
.listenBtn3 {width:80px; float:left; margin:0px 5px 0px 5px;}

.listenWrapper {width:100%; max-width:280px; padding:30px 0px 30px 0px;}
	

/* Blog */
	
.navigation {font-size:13px; padding:0px 0px 4px 0px;}

.navigation a:link {padding:5px 10px 5px 10px;}
.navigation a:visited {padding:5px 10px 5px 10px;}
.navigation a:hover {padding:5px 10px 5px 10px;}
.navigation a:active {padding:5px 10px 5px 10px;}
	
.widgetsSidebar {width:100%; padding:0px 0% 0px 0%; float:none; margin-bottom:15px;}
	
}	

@media screen and (max-width: 500px) {

.paulRightContent img {width:40%; margin:0px 20px 5px 0px;}
.billyLeftContent img {width:40%; margin:0px 20px 5px 0px;}
}