ul {
	margin: 0;
}

/*	Style.css ~ line 2782	*/
body:not(.custom-background-image):before, body:not(.custom-background-image):after {
	height: 0px;
}

body.mgmt {
	padding-top: 0px !important;
}

.container {
	padding: 0;
}

.site-content {
	max-width: 1175px;
	width: 100%;
}

.attachment-post-thumbnail {
	height: auto;
}

.image-wrapper {
	position: relative;
}

.home iframe {
	margin-bottom: 0px;
}

time {
	display: block;
}


/*
overlay grayscale
*/
/*! Gray v1.5.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
  /* Firefox 10-34 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(1);

  /* Firefox 35+ */
  filter: grayscale(1);

  /* IE 6-9 */
  filter: gray;
}

.grayscale.grayscale-fade {
  transition: filter .3s;
}

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grayscale.grayscale-fade {
    -webkit-transition: -webkit-filter .3s;
    transition:         -webkit-filter .3s;
  }
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0);
  filter:         grayscale(0);
}

/* Background element */
.grayscale.grayscale-replaced {
  -webkit-filter: none;
  filter:         none;
}

.grayscale.grayscale-replaced > svg {
  -webkit-transition: opacity .3s ease;
  transition:         opacity .3s ease;
  opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
  opacity: 0;
}

.hover-color {
	position: relative;
}

.hover-color:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;	
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;	
}

.hover-color:hover:after {
	opacity: .2;
}

.hover-gold:after{
	background: rgba(183,155,80, .4);
}

.hover-blue:after{
	background: rgba(11, 48, 70, .4);
}

.hover-red:after{
	background: rgba(181, 59, 39, .4);
}

.hover-gold:hover .grayscale.grayscale-fade, .hover-red:hover .grayscale.grayscale-fade, .hover-blue:hover .grayscale.grayscale-fade{
	-webkit-filter: grayscale(0);
	filter:         grayscale(0);
	-webkit-filter: none;
	filter:         none;
}



/***************************************************
	- Header
***************************************************/

#masthead {
	height: 220px;
	overflow-x: hidden;
	top:-50px;
}

#masthead .site-inner {
	max-width: 1175px;
}

.site-branding {
	overflow: visible;
}

.site-branding .logo {
	background: none;
	min-width: 200px;
	max-width: 425px;
	width: 100%;
}


#masthead.shrink {
  position:fixed;
  top: 0px;
  clear:both!important;
  width:100%;
  height:50px!important;
  max-height:50px!important;
  min-height:50px!important;
  z-index:999999999;  
  transition: top .5s ease-in-out;
  -moz-transition: top .5s ease-in-out;
  -webkit-transition: top .5s ease-in-out;
  -o-transition: top .5s ease-in-out;
  
  background: #1a1a1a;
  padding: 0 20px;
}

#masthead.shrink .site-branding .logo {
	height: 30px;
	width: auto;

}

.home #masthead.shrink {
	position:relative;
}

#masthead.shrink .ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target {
	color: #b79b50;
}

#masthead.shrink #div-gpt-ad-1479585004692-5 {
	display: none;
}

#masthead.shrink #header_right {
	margin: 0 0 0 20px;
}




.main-navigation a:hover {
	color: #b79b50 !important;
}

.gb-pose {
    z-index: 10;
    position: absolute;
}

.hero {
	background-image: url('./img/navy-dust-tile.jpg');
	background-position: top center;
	background-repeat: repeat-x;
	background-size: contain;
}

.hero .slider {
	float: right;
	width: 800px;
    position: relative;
	z-index: 1;
}

.hero .site-content,
#sticky-nav .site-content {
	padding: 0px;
}

#sticky-nav svg {
	width: 90px;
	margin-right: 30px;
}

#sticky-nav span.ubermenu-target-text span {
	display: none;
}

#sticky-nav li.ubermenu-item-level-0 span.ubermenu-target {
	padding: 5px 20px 10px 0 !important
}

.ub-listen .ubermenu-image:before {
	content: '\f130';
	color: #ffffff;
	font-family: FontAwesome;
	position: absolute;
	left: 50%;
	top: 50%;
}

#sticky-nav .right-content {
	color: #b79b50;
	font-size: 24px;
	float: right;
	margin: 5px 0 0 0;
	font-family: 'utopia-std';
}

#sticky-nav .right-content a {
	color: #b79b50;
	font-size: 20px;
	margin: 0 0 10px 20px;
}


@media screen and (min-width: 56.875em){
	.main-navigation a {
		padding: 0px .75em;
	}

	.main-navigation {
		margin: 0px 0px;
	}
}


.ubermenu ul.ubermenu-nav span.ubermenu-target > span.ubermenu-target-title,
.ubermenu > ul.ubermenu-nav > .ubermenu-item > a.ubermenu-target > span.ubermenu-target-title {
	text-transform: lowercase;
	font-size:30px;
	font-family:texgyreherosregular;
	letter-spacing:-1px;
}

.site-header {
	padding: 20px;
}

.site-header-main {
	display: flex;
	flex-wrap: nowrap;
}

#site-header-menu { 
	margin: 0;
}

.ubermenu-submenu-id-108867 > .ubermenu-tab:hover > a, 
.ubermenu-submenu-id-108867 > .ubermenu-tab:focus > a,
.ub-media-sub:hover > a > span, 
.ub-media-sub:focus > a > span {
	background-color: #1e1e1e;
	color: #f6f4f0 !important;
}

.site-branding {
	margin: -7px 0;
	flex-grow: 1;
}

.shrink .site-branding {
	flex-grow: 0;
	margin: 10px 0;
}

#header_right {
	margin: 0 0 0 20px;
	position: relative;
}

#site-header-menu {
	max-width: 728px;
}

#site-navigation {
	width: 728px;
}

#site-navigation a {
	font-family: texgyreherosregular;
}

#sticky-nav {
	height: 53px;
	background: #141414;
	width: 100%;
	border-top: 1px solid #ffffff;
}

#sticky-nav .main-navigation a {
	color: #b79b50;
}

#sticky-nav .main-navigation a:hover {
	color: #f6f4f0;
}

#sticky-nav.fix-menu {
	position: fixed;
	top: 0;
	z-index: 200;
	border-top: 0px solid;
}

.menu-toggle {
	color: #b79b50;
	border: 0px solid;
	font-size: 20px;
	margin: 0;
	float: right;
}

.menu-toggle:hover {
	color: #f6f4f0;
}

.sub-menu {
	padding: 10px;
	border: 0px solid;
}

.sub-menu,
.sub-menu .menu-item {
	background: #e2dfd8;
	border: 0px solid;
	border-bottom: 1px solid  #b79b50;
	font-size: 18px;
}

.sub-menu .menu-item a:hover {
	text-decoration: none;
}

.sub-menu.all-topics {
	width: 500px;
	text-align: center;
}

.sub-menu.all-topics li {
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	text-transform: uppercase;
	width: 30%;
	font-size: 14px;
	color: #b79b50;
	margin: 5px;
	background: none;
	border: 2px solid #b79b50;
}

.site-branding .svg {
	fill: #000000;
	overflow: visible;
}

.shrink .site-branding .logo {
	min-width: 90px;
}

.shrink .site-branding .svg {
	fill: #ffffff;
	height: 30px;
}

.shrink .site-branding .svg {
	overflow: hidden;
}

@media screen and (max-width: 1200px) {
	.site-branding .svg {
		overflow: hidden;
	}
}





/*
	Load More
*/

div.load_more {
	background: #e1dfd7;
	text-align: center;
	height: auto;
    max-width: 100%;
    margin: 0 10px;
	padding: 15px 0;
	display: none;
}

div.load_more p {
	font-size: 20px;
	color: #b7b4aa;
	cursor: pointer;
	text-transform: lowercase;
}






/*
	Email Sub
*/


#email_sub .site-content {
	display: flex;
}

#email_sub #want-more-glenn {
	color: #f6f4f0;
	margin: 50px 100px 0 20px;
	flex-shrink: 1;
}

#email_sub #want-more-glenn h2 {
	font-size: 45px;
}

#email_sub #want-more-glenn p {
	font-size: 13px;
	font-family: 'Arimo', sans-serif;
	font-weight: 400;
}



@media screen and (min-width: 61.5625em){
	body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
		width: 100%;
		margin: 0 auto;
	}
}





/************************************************

	Footer

************************************************/


#email_sub {
	background-image: url('./img/rivet-bg.jpg');
	background-size: 1270px; 
	background-position: top center;
	background-repeat: repeat-x;
}

.footlogo svg {
	width: 100px;
}





/************************************************

	Misc Template

************************************************/

#content-general {
	background: url('./img/halftone.png');;
}







/************************************************

	Archive/Category section

************************************************/



.category a.more-link {
	float: right;
	position: relative;
	
	display: inline-block;
	padding: 3px 20px;
	color: #b79b50;
	text-transform: uppercase;
	font-weight: 700;
	margin: 8px 0px;
	letter-spacing: 2px;
	font-family: utopia-std;
	
	border: 2px solid #b79b50;
	font-size: 16px;
}

.category a.more-link:after,
.category button.btn:after {
	content: '\f101';
    font-family: FontAwesome;
	padding-left: 1em;
}

.category a.more-link:hover {
	text-decoration: none;
	color: #ffffff;
    background: #b79b50;
}

/* GENERAL BUTTON STYLING */
 a.more-link,
.btn,
.btn::after {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.btn {
  background: none;
  border: 3px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  margin: 1em auto;
  padding: 2em 6em;
  position: relative;
  text-transform: uppercase;
}

.btn::before,
.btn::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}

.btn::hover {
  color: #2ecc71;
}

.ad-transcript {
	text-align: center;
}

#archive-selection {
	background: url('./img/navy-dust-tile.jpg');
	background-position: top center;
	padding: 16px 0 12px 0;
	background-repeat: repeat-x;
    background-size: contain;
}

#archive-selection .border-bottom {
	padding: 0 0 10px 0;
	margin: 0 auto 20px auto;
	border-bottom: 7px solid #f6f4f0;
}

#category-name {
	font-family: texgyreherosregular;
	clear: none;
	text-transform: lowercase;
}

#archive-selection ul {
	float: right;
	margin-top: 15px;
	font-size: 22px;
	font-weight: 900;
	font-family: texgyreherosregular;
}

#archive-selection ul,
#archive-selection ul li {
	display: inline-block;
}

#archive-selection ul li {
	margin: 0 10px;
}

#archive-selection a {
	color: #b79b50;
}

#archive-selection a:hover {
	text-decoration: none;
}

#archive-selection li.active a {
	color: #f6f4f0;
	border-bottom: 4px solid #f6f4f0;
}

.category #archive-selection .the_article {
	display: flex;
}

.category #archive-selection .meta_content {
	margin: auto 0;
}

.category #featured_article .more-link {
	float: none;
	margin-top: 2em;
}

.archive .page-header {
	border-top: 0px solid;
	border-bottom: 0px solid;
	margin-left: 0px;
	margin-right: 0px;
}

.archive .page-title {
	font-size: 30px;
}


.article-type {
	display: flex;
	padding: 20px 0;
}

.article-type .site-inner .header {
	width: 100%;
	clear: both;
	margin: 0 10px 20px;
}

.article-type .site-inner .articles {
	display: flex;
	justify-content: space-between;
}

.article-type .site-inner .articles img {
	width: 100%;
}

.article-type article {
	max-width: 350px;
	display: inline-block;
	vertical-align: top;
}

.article-type h2.article-type-title {
	font-family: 'Arimo', sans-serif;
	font-weight: 400;
	color: #0b304b;
	font-size: 35px;
	display: inline-block;
}

.recent-video .video-title {
	font-size: 20px;
	line-height: 24px;
	margin: 10px 0 7px 0;
    display: inline;
	background: linear-gradient(180deg, transparent 15px, transparent 7px);
}

.podcast .title,
.home .latest-from-glenn-content p,
.article-type .title {
	font-family: 'Lora', serif;
	clear: both;
	font-size: 20px;
	color: #3a3a38;
	line-height: 24px;
	margin: 10px 0 7px 0;
    display: inline;
	background: linear-gradient(180deg, transparent 15px, transparent 7px);
}

.recent-video:hover .video-title,
#watch_category .the_article a:hover .title {
    display: inline;
	background: linear-gradient(180deg, transparent 15px, #60686f 7px);
}

.recent-video a:hover,
.podcast a:hover,
.home .latest-from-glenn-content a:hover,
.the_article a:hover {
	text-decoration: none;
}

.podcast:hover .title,
.home .latest-from-glenn-content:hover p,
.the_article a:hover .title {
	margin: 10px 0 -7px 0;
    display: inline;
	background: linear-gradient(180deg, transparent 15px, #d4bb79 7px);
}

#read_category {
	background: url('./img/halftone.png');
}

#watch_category {
	background: url('./img/noisy_net.png');
}

.archive #category-name {
	font-size: 50px;
}

.archive #site-outer .site-inner,
#site-outer .site-inner {
	max-width: 1100px !important;
}

#category-name,
#watch_category h2.article-type-title,
#watch_category .title {
	color: #f6f4f0;
}

#listen_category {
	background: url('./img/halftone.png');
	flex-flow: center;
	justify-content: space-around;
}

#listen_category article {
	max-width: 19.5%;
	flex-shrink: 1;
}

.archive article {
	max-width: 33%;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 10px;
}


#archive_ad_space {
	text-align: center;
	background-color: #e0dfd6;
	padding: 30px 0;
}

#archive_ad_space iframe {
	margin-bottom: 0px;
}



#listen_category.audio-wrapper,
#read_category.read-wrapper,
#watch_category.watch-wrapper {
	display: block;
}

.audio-wrapper .articles,
.read-wrapper .articles,
.watch-wrapper .articles {
	flex-flow: row wrap;
	justify-content: flex-start;
}

.audio-wrapper article{
	display: inline-block;
	flex-shrink: 0;
	width: 20%;
	margin: 20px 0;
}


.read-wrapper article,
.watch-wrapper article {
	display: inline-block;
	flex-shrink: 0;
	width: 32.5%;
	margin: 20px 0;
}

.audio-wrapper .row,
.read-wrapper .row,
.watch-wrapper .row {
	width: 100%;
	clear: both;
	min-height: 40px;
}



@media screen and (min-width:1024px){
	#site-outer.shrink {
		margin-top: 220px;
	}
}



@media screen and (max-width:1023px){
	
	.category > .site > #site-outer {
		padding: 0px;
	}
	
	.category #site-outer #archive-selection {
		background: url(./img/navy-dust-tile.jpg);
		background-position: top center;
		background-repeat: repeat-x;
		background-size: 130px;
		padding: 16px 0 29px 0;
	}
	
	.category #archive-selection .site-inner.border-bottom {
		background: none;
	}
	
	.article-type div.header > h2.article-type-title {
		display: block;
		font-family: texgyreherosbold, sans-serif;
		font-weight: 900;
		font-size: 45px;
	}
	
	#read_category .header .more-link,
	#watch_category .header .more-link,
	#listen_category .header .more-link {
		display: none;
	}
	
	#read_category .articles,
	#watch_category .articles {
		flex-wrap: wrap;
	}
	
	#read_category .site-inner .articles article,
	#watch_category .site-inner .articles article {
		width: 49%;
		max-width: 49%;
		justify-content: space-between;
		padding: 0 10px;
	}
	
	#read_category .site-inner .articles article .image-wrapper,
	#watch_category .site-inner .articles article .image-wrapper {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	
	#read_category .site-inner .articles article:first-of-type,
	#watch_category .site-inner .articles article:first-of-type {
		width: 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
	
	#read_category .site-inner .articles article:first-of-type .image-wrapper,
	#watch_category .site-inner .articles article:first-of-type .image-wrapper {
		width: 100%;
		height: auto;
		float: none;
	}
	
	.category #site-outer #watch_category {
		background: url(./img/noisy_net.png);
		padding: 30px 0;
	}
	
	.category #site-outer #watch_category .site-inner .articles article .the_article .title {
		color: #f6f4f0;
	}
	
	
	/*.archive #site-outer .site-inner, */
	.home #site-outer .site-inner {
		width: 768px;
	}
	
}



@media screen and (max-width:767px){
	.category #listen_category .site-inner .articles article {
		width: 49% !important;
		max-width: 49% !important;
		justify-content: space-between;
	}
	
	.category #listen_category .site-inner .articles article:last-of-type {
		display: none;
	}
	
	#listen_category .articles {
		flex-wrap: wrap;
	}
	
	.home #site-outer .site-inner {
		width: 100%;
	}
	
	.category #featured_article article {
		width: 100%;
	}
	
	.category #featured_article .more-link {
		display: none;
	}
}



@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
	.article-type h2.article-type-title {
		font-weight: 700;
	}
}





/************************************************

	Article - Sponsored Section

************************************************/

.sponsored-bottom {
	text-align: center;
}

.sponsored-bottom a:hover {
	text-decoration: none;
}

.sponsored-bottom img {
	max-height: 100px;
	height: auto;
	width: auto;
}

p.sponsored {
	color: #9c9990;
	font-style: italic;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 20px;
	font-family: 'texgyreherositalic';
}

.sponsored-top img {
	max-height: 1em;
	width: auto;
}

.sponsor-name {
	font-family: 'texgyreherosbold';
}

.sponsored-tag {
   font-size: 8px;
   letter-spacing: 0px;
   font-family: tex bold;
   font-weight: 400;
   color: #fff;
   margin: 0px;
   background-color: #b52734 ;
   padding: 1px 4px;
}

.sponsored-tag-light {
    font-size: 8px;
    letter-spacing: 0px;
    font-family: tex bold;
    font-weight: 400;
    color: #f5f2ea;
    margin: 0px;
    background-color: #bbc6c6;
    padding: 1px 4px;
}



@media screen and (max-width: 1023px) {
	p.sponsored {
		display: block;
	}
}





/************************************************

	Homepage

************************************************/

/***************************************************
	- Home: Slideshow
***************************************************/

.sp-arrows {
	right: 50px;
	left: auto !important;
}

.sp-next-arrow {
	bottom: 150px !important;
}

.sp-next-arrow:after, 
.sp-next-arrow:before, 
.sp-previous-arrow:after, 
.sp-previous-arrow:before {
	width: 30%;
}

.slider-pro h3.sp-layer {
	font-size: 37px;
	display: flex;
	height: auto !important;
}

.sp-black {
	background: #b79b50;
}

.sp-black:after {
	content: "\f101";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #1f1f29;
	font-size: 37px;
	padding-right: 0.5em;
	right: 0px;
	text-align: right;
	width: 30px;
	height: 100%; 
	margin: auto 0 auto auto;
}



/***************************************************
	- Home: Latest + Show prep
***************************************************/

.latest-heading,
.prep-heading {
	font-weight: 600;
}

.latest-heading {
	border-bottom: 7px solid #0b304b;
	font-size: 50px;
	font-family: texgyreherosregular;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	color: #0b304b;
}

.menu-logo {
	float: left;
	height: 40px;
	margin: 6px 0 0 0;
	color: #ffffff;
	fill: #ffffff;
}

.prep-heading {
	font-family: texgyreherosregular;
	padding: 0 0 5px 0;
	border-bottom: 7px solid #0b304b;
}

li.prep-text {
	font-size: 16px;
	line-height: 20px;
	border-bottom: 1px solid #6b8391;
	list-style: none;
	padding: 1em 0;
	font-family: 'Lora', serif;
}

li.prep-text:last-of-type {
	border-bottom: 0px solid;
}

.showprep-right ul {
	margin: 0;
}

.prep-text a {
	color: #3a3a38;
}

.prep-text a:hover {
	color: #60605c;
	text-decoration: none;
	cursor: pointer;
}

#latest_from_glenn {
	width: 66.5%;
}

#latest_from_glenn,
#podcasts {
	background-image: url('./img/halftone.png');
	overflow: visible;
	padding-right: 15px;	/*	Take this out and let bootstrap set the width	*/
}

.latest-from-glenn-content {
	padding: 0px;
	margin: 0px 0px -20px 0;
	width: 49.5%;
	padding: 0 10px;
	
	float: none;
	display: inline-block;
	vertical-align: top;
}

.latest-from-glenn-content p {
	margin: 0 0 0 0;
}

.latest-left {
	padding-left: 0px;
    min-width: 320px;
    max-width: 840px;
    width: 100%;
}

#show_prep.col-sm-12 {
	padding: 0;
}

.showprep-right {
	max-width: 340px;
	text-align: center;
}

.prep-heading,
.showprep-right ul {
	text-align: left;
	margin: 0 15px;
}





@media screen and (max-width: 1023px){
	.latest-left {
		padding: 0px 15px;
		max-width: 100%;
	    width: 100%;
	}
}






@media screen and (min-width: 1024px){
	#latest_wrapper {
		display: -webkit-box;	/* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;	/* TWEENER - IE 10 */
		display: -webkit-flex;	/* NEW - Chrome */
		display: flex;			/* NEW, Spec - Opera 12.1, Firefox 20+ */
	}
}

#latest_wrapper {
	overflow: visible;
}

#show_prep {
	align-items: stretch;
	width: 34%;
}

.showprep-right ul {
	max-width: 320px;
}

.showprep-right li a{
    font-size:16px;
    line-height: 20px;
    max-width:296px;
	width: 100%;
    display:flex;
    align-items:center;
}

.prep-text:hover {
    color:#696965 ;
    text-decoration: none;
}

.prep-link {
	width: 296px;
}

.sidebar-latest-headline-entry > a {
    width:296px;
    min-height:30px;
}

.sidebar-latest-soc-ico{
    float:right;
    margin-right:0px;
    display:none;
}

.sidebar-soc-ico{
    font-size:15px;
    color:#99805c ;
    display:block;
}
.sidebar-soc-ico:hover{
    color:#be9a59 ;
}

.sidebar-latest-headline-entry:hover .sidebar-latest-soc-ico, 
.prep-text:hover .sidebar-latest-soc-ico {
    display:inline;
}



/***************************************************
	- Home: Video of the Day
***************************************************/

#video_of_the_day { 
	position: relative;
	height: 690px;
	background-image: url('./img/vod-blurred-bg-PARALLAX.jpg');
}

.vod-text {
	font-weight: 700;
	font-family: 'utopia-std';
}

.desktop-1-3 {
	width: 33.33333333%;
	position: relative;
	float: left;
}

.desktop-2-3 {
	width: 66.66666667%;
	position: relative;
	float: left;
}

#vod-thumb {
	position: absolute;
	z-index: 1;
	left: 45px;
	top: 50px;
}

#vod-thumb .playbtn {
	left: 40%;
}

.test-tv {
	position: absolute;
	left: 0px;
	z-index: 100;
	height: 450px;
	width: auto;
}

#tv .site-content {
	overflow: hidden;
}

#tv {
	background-image: none;
}

#video_of_the_day .video-title {
	font-size: 25px;
}

#video_of_the_day .video-info {
	margin: 25px 0 0 0;
}

#vod_desk {
	background-image: url('./img/desktop-min.png');
	background-position: bottom center;
	background-repeat: repeat-x;
	background-size: 1810px;
	height: 100px;
	width: 100%;
	position: absolute;
	bottom: 0;
}



/***************************************************
	- Home: Latest Videos
***************************************************/

#latest_ad {
	height: auto;
	padding: 30px 0;
}

#latest_videos {
	border-bottom: 10px solid transparent;
	-webkit-border-image: url(img/wood_border.png) 30 round; /* Safari 3.1-5 */
	-o-border-image: url(img/wood_border.png) 30 round; /* Opera 11-12.1 */
	border-image: url(img/wood_border.png) 30 round;
	height: auto;
	background-size: contain; 
	background-position: top center; 
	background-color:#020202;
	background-image: url('./img/chalkboard-bg-optimized.jpg');
}

#latest_videos .site-inner {
	padding: 20px 0;
}

#chalk_piece {
	position: absolute;
	bottom: 0px;
	right: 0px;
	max-height: 10px;
}

#latest_videos_title {
	max-width: 350px;
}

#video_wrapper {
	max-width: 1280px;
	margin: auto;
	padding: 30px 0 0 0;
	min-height: 250px;
	
	border-top: 20px solid #ffffff;
	border-image: url('./img/chalk_line.png') 40 round;
}

#video_wrapper ul {
	margin: 0 auto;
	display: flex;
}

.recent-video {
	display: inline-block;
    vertical-align: top;
	box-sizing: border-box;
	padding: 0 30px 15px 0px;
	justify-content: space-between;
}

.recent-video:last-of-type {
	padding: 0 0 15px 0;
}

.recent_video_thumb {
	position: relative;
}

.recent-video img {
	width: 100%;
	height: auto;
}

h3.video-title {
	color: #ffffff;
}



/***************************************************
	- Home: Podcasts
***************************************************/

#podcasts {
	padding: 40px 0;
}

#podcasts .section-title {
	color: #1b1e29;
	font-family: 'Arimo', sans-serif;
	font-weight: 700;
	font-size: 30px;
	margin-bottom: 15px;
}

#podcasts ul {
	margin: 0 auto;
	display: flex;
}

li.podcast {
	display: inline-block;
	margin: 10px auto 10px 0;
	width: 18.5%;
	justify-content: space-between;
}

li.podcast:last-of-type {
	margin: 10px 0;
}

li.podcast .title {
	font-size: 18px;
	color: #3a3a38;
	font-weight: 700;
	width: 100%;
}





/**************************

	Home Tablet/Small Desktop

*******************/

@media screen and (min-width:1024px) and (max-width:1279){
	
	#email_sub > .site-content > #want-more-glenn{
		margin: 50px 40px 0 20px;
	}
	
	#email_sub > .site-content > #want-more-glenn > .newsletter-block{
		width: 475px;
	}
	
}


/*******************************************

	Some Home Mobile

*********************************************/

@media screen and (max-width:767px){
	
	.home > #site-outer {
		margin-top: 57px;
	}
	
	.hero .slider,
	.mobile-hidden {
		display: none;
	}
	
	.latest-left {
		float: none;
	}
	
	.latest-from-glenn-content.col-xs-12 {
		width: 100%;
	}
	
	#show_prep {
		width: 100%;
	}
	
	.showprep-right {
		width: 100%;
		max-width: 100%;
	}
	
	.showprep-right ul {
		width: 100%;
		max-width: 100%;
		margin:0px;
		padding:0 15px;
	}
	
	li.prep-text {
		margin-right: 0px;
	}
	
	.showprep-right li a {
		max-width: 98%;
	}
	
	#video_of_the_day{
		background-image: url("img/noisy_net.png");
		background-repeat: repeat;
		background-size: initial;
		padding-left:15px;
		padding-right:15px;
		height: auto;
		min-height: 520px;
	}
	
	.vod-text {
	/*	color: #0b304b;*/
		border-bottom: 7px solid #ffffff;
		font-size: 50px;
		font-weight: 600;
		font-family: texgyreherosregular;
	}
	
	#tv {
		height: auto;
		float: none;
	}
	
	#vod-thumb {
		position: relative;
		text-align: center;
		left: auto;
	}
	
	
	
	/*
		Latest Videos
	*/
	
	#latest_videos {
		border: 0px solid;
	}
	
	#chalk_piece {
		display: none;
	}
	
	#video_wrapper ul {
		display: block;
	}
	
	.recent-video {
		display: inline-block;
		width: 100%;
		padding:0 0 30px 0;
	}
	
	
	
	/***************************************************
		- Home Mobile: Podcasts
	***************************************************/
	
	#podcasts .site-inner {
		max-width: 740px !important;
	}
	
	#podcasts ul {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	
	#podcasts li.podcast {
		width: 49.5%;
		max-width: 250px;
		margin: 10px auto;
	}
	
	#podcasts .podcast:last-of-type {
		display: none;
	}
	
}


@media screen and (max-width:1023px){
	.desktop-1-3 {
		width: 100%;
	}

	.desktop-2-3 {
		width: 100%;
	}
	
	#site-header-menu {
		max-width: 100%;
	}
	
	#masthead {
		display: none;
	}
	
	.test-tv {
		display: none;
	}
	
	.gb-pose {
		display: none;
	}
	
	.latestAd-mobile {
		display: block;
	}
	
	#vod_desk{
		display: none;
	}
	
	#latest_videos {
		background-image: url("img/noisy_net.png");
		background-repeat: repeat-x;
	}
	

	/*
		Latest video ads
	*/
	
	.latestAd, 
	#latest_ad,
	.vodAd {
		display: none;
	}
	
	/*
		Home - Footer
	*/
	
	#email_sub {
		background-size: cover;
	}
}
#content-wrap a.media_btn {
	color: #5e686e;
	border: 2px solid #5e686e;
	text-transform: uppercase;
    padding: 10px 40px;
    font-size: 24px;
    font-weight: bold;
}

@media screen and (min-width:768px) and (max-width:1023px){
	
	.prep-ad {
		background-color: #4B4C4D;
		padding: 20px 0;
		margin: 0 auto 20px;
		text-align: center;
	}

	#video_of_the_day {
		background-image: none;
		background-color: #e2dfd8;
	}
	
	.vod-text {
		color: #0b304b;
		border-bottom: 7px solid #ffffff;
		font-size: 50px;
		font-weight: 600;
		font-family: texgyreherosregular;
	}

	#masthead {
	  position:fixed;
	  top: 0px;
	  clear:both!important;
	  width:100%;
	  height:50px!important;
	  max-height:50px!important;
	  min-height:50px!important;
	  z-index:999999999;  
	  transition: all 1s ease-in-out;
	  -moz-transition: all 1s ease-in-out;
	  -webkit-transition: all 1s ease-in-out;
	  -o-transition: all 1s ease-in-out;
  
	  background: #1a1a1a;
	  padding: 0 20px;
	}

	#masthead .site-branding .logo {
		height: 30px;
		width: auto;
		transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
	}

	.home #masthead {
		position:relative;
	}
	
	.home .hero {
		margin: 53px auto 0;
	    background-image: url(./img/navy-dust-tile.jpg) !important;
	    background-position: top center;
	    background-repeat: repeat-x;
	    background-size: contain;
	}
	
	#sticky-nav {
		position: fixed;
		top: 0;
		border: 0px solid;
		z-index: 250;
	}
	
	li.prep-text {
		margin-right: 35px;
	}
	
	#latest_videos {
		min-height: 450px;
		height: auto;
/*		background-image: url('img/halftone.png');*/
		background-repeat: repeat;
   	 	background-size: inherit;
		border-bottom: 0px;
	}
	
	.recent-video {
		display: inline-block;
		width: 49.4%;
		padding:0 0 0 0;
	}
	
	.most-recent-video {
		width: 100%;
	}
	
	h3.video-title {
		color: #242524;
	}
	
	
	
	/***************************************************
		Homepage Tablet - Heading
	***************************************************/
	
	
	.home-topAd {
		display: none; /* Make sure the sizing is not serving an ad for these sizes */ 
	}
	
	#slider-pro-3.slider-pro.sp-vertical{
/*		height: 275px !important;	*/
	}
	
	.home-topAd-mobile{
		display:block;
		margin-top:53px;
		margin-bottom:-53px;
	}
	
	.hero .slider {
		float: none;
		margin: 53px auto 0;
	}
		
	#latest_from_glenn{
		padding-bottom:0px;
		width: 100%;
	}
	
	#show_prep {
		width: 100%;
	}
		
	.latest-left{
		padding:0;
		float: none;
	}
	
	.latest-heading{
		margin: 0 15px 30px 15px;
	}
	
	.latest-from-glenn-content{
		padding: 0 15px;
	}
	
	#load_more_latest_wrapper{
		height:55px;
		padding:10px 0;
		margin:0px;
	}
	
	h3.sp-layer.sp-static.sp-black{
		padding-left:45px;
	}
	
	.showprep-right{
		max-width:768px;
		width:768px;
		margin-top:0px;
	}
	
	.showprep-right > ul {
		max-width:768px;
		width:724px;
		margin-top:0px;
	}
	
	.home .showprep-right{
		max-width:100%;
		width:100%;
		margin-top:0px;
	}
	
	.home .showprep-right > ul {
		max-width:100%;
		width:100%;
		margin-top:0px;
	}
	
	.showprep-right ul .prep-text .prep-link{
		max-width:720px;
		width:700px;
	}
	
	
	
	/***************************************************
		Homepage Tablet - Video of the Day
	***************************************************/
	
	.vodAd-mobile {
		display:block;
		margin-bottom:0px;
	}
	
	#video_of_the_day{
		background-image: url("img/noisy_net.png");
		background-repeat: repeat;
		background-size: initial;
		padding-left:15px;
		padding-right:15px;
		height: auto;
		min-height: 620px;
	}

	#tv{
		height:410px;
	}
	
	.vod-text{
		color:#ffffff;
		margin-top: 0px;
	}
	

	
	#vod-thumb {
		right: 0px;
		left:0;
		top:20px;
	}
	
	#vod-thumb > img {
		width:768px;
	}
	
	.video-info > .video-title {
		color:#ffffff;
	}
	
	
	
	/***************************************************
		Homepage Tablet - Latest Videos
	***************************************************/
	
	#video_wrapper{
		padding-left:15px;
		padding-right:15px;
		background-image: url("img/noisy_net.png");			
	}
	
	#video_wrapper > ul{
		display:block;
	}
	
	.recent-video > a > .recent_video_thumb > img{
		width:360px;
		height:204px;
	}
	
	.recent-video:last-of-type{
		padding: 0 0 15px 15px;
		margin: 0 0 15px 6px;
	}
	
	.most-recent-video{
		padding:0px;
		width:740px;
		height:420px;
		margin-bottom:55px;
	}
	
	.most-recent-video > a > div.recent_video_thumb > img{
		max-width:none;
		width:738px;
		height:420px;
	}
	
	#chalk_piece{
		display:none;
	}
	
	
	
	/***************************************************
		Homepage Tablet - Podcasts
	***************************************************/
	
	#podcasts > div > ul{
		display:block;
	}	
	
	#podcasts > div > h2 {
		border-bottom: 7px solid #1b1e29;
		margin: 0 15px 0 15px;
		padding-bottom: 5px;
	}
	
	.podcast > a > div > img {
		height:358px;
		width:358px;
	}
	
	
	li.podcast{
		margin: 10px auto 10px 15px;
		padding: 0 2px 0 0;
		width: 46%;
		vertical-align: top;
	}
	
	li.podcast:last-of-type{
		display: none;
	}
	
	
	
	/***************************************************
		Homepage Tablet - Email Sub
	***************************************************/
	
	#email_sub .glenn-head {
		display: none;
	}
	
	#email_sub div.gb-head {
		display: block !important;
	}
	
	#email_sub > div > #want-more-glenn{
		width: 525px;
		z-index: 2;
		position: relative;

		width: 100%;
	    height: 254px;
	    margin: 45px 0px 0 0px;
	    padding: 50px 15px 0;
	}
	
	#email_sub >div > .glenn-head{
		z-index: 1;
		position: absolute;
		margin-left: -160px;
	}
	
	#email_sub .newsletter-form-body {
		display: inline;
	}
	
	#email_sub .newsletter-form-fields-wrapper.form-fields{
		width: 245px;
	}
	
	#email_sub .submit-wrapper{
		margin-left: 0px;
	}
	
	#want-more-glenn button {
		padding: 12px 0px 11px 9px;
	}
	
	#email_sub .site-content #want-more-glenn .newsletter-block {
		max-width: 460px;
	}
	
	
}





/************************************************

	Videos Pages

************************************************/



/***************************************************
	- Videos: Single
***************************************************/

.single-gb_videos #site-outer,
.single-audio #site-outer {
	background: url('./img/noisy_net.png');
}

#desktop_video_wrapper,
#desktop_audio_wrapper {
	min-height: 250px;
	display: flex;
	justify-content: space-between;
}

#mobile_video_wrapper,
.mobile-back {
	display: none;
}

.single_video_title,
.single_audio_title {
	font-size: 50px;
	color: #f0ede7;
}

#video_description,
.video_title,
#audio_description,
.audio_title {
	color: #f0ede7;
}

#video_description,
#audio_description {
	font-size: 14px;
	font-family: 'Arimo', sans-serif;
	font-weight: 300;
	line-height: 1.5em;
}

.video_title,
.audio_title {
	font-size: 20px;
}

.playbtn {
	height: 60px;
	width: 58px;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	background-color: rgba(0,0,0,.2);
	border-radius: 50%;
	background-image: url('./img/playbtn.png');
	background-size: contain;
	background-repeat: none;
	background-position: center center;
} 

.playbtn:hover{
	background-color: rgba(0,0,0,.4);
}

#related-videos {
	width: 100%;
	padding: 30px 0 0 0;
	background-color: rgba(224, 223, 214, 0.1);
}

.related_video {
	width: 350px;
	position: relative;
}

.video_thumb {
	position: relative;
}

.video_ad-bottom {
	text-align: center;
	background: #e0dfd6;
	padding: 28px 0 18px 0;
}

@media screen and (max-width: 1023px) {
	.single-gb_videos #content {
		display: block;
	}
}



/***************************************************
	- Videos: All
***************************************************/

#featured_video article,
#featured_article article {
	max-width: 100%;
}

#featured_video .image-wrapper,
#featured_article .image-wrapper {
	max-width: 65%;
}

#featured_video .image-wrapper,
#featured_video .meta_content,
#featured_article .image-wrapper,
#featured_article .meta_content {
	display: inline-block;
}

#featured_video .meta_content,
#featured_article .meta_content {
	width: 30%;
}

#featured_video .title,
#featured_article .title {
	color: #f0ede7;
}







/***************************************************
	- Videos: Single Series
***************************************************/





/************************************************

	Audio Pages

************************************************/

/***************************************************
	- Audio: Single
***************************************************/

#audio_main {
	position: relative;
}

.media_btns {
	margin-bottom: 20px;
}

#content-wrap a.media_btn {
	color: #5e686e;
	border: 2px solid #5e686e;
	text-transform: uppercase;
    padding: 10px 40px;
    font-size: 24px;
    font-weight: bold;
}

#audio_meta {
	position: absolute;
	display: flex;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px;
	background: rgba(20, 20, 20, .8);
	border-top: 7px solid #b79b50;
}

#audio_main #audio_meta .controls {
	margin: 0 20px 0 0;
	width: 70px;
}

#audio_main #audio_meta .audio_info {
	margin: auto auto auto 0;
}

.tagline {
	color: #b79b50;
    font-family: 'Arimo', sans-serif;
	font-size: 20px;
	font-weight: 400;
}

.clip_title {
	color: #f0ede7;
	font-size: 24px;
	font-weight: 300;
}




input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #000000;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
/*  margin-top: -14px;*/ /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  margin-top: -5px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}



input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffffff;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #ffffff;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #ffffff;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ffffff;
}
input[type=range]::-ms-fill-upper {
  background: #cecece;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]:focus::-ms-fill-upper {
  background: #cecece;
}



#volume_control:before {
	content: '\f028';
	font-family: FontAwesome;
	font-size: 20px;    
	margin: 0 10px 0 0;
	color: #b79b50;
	float: left;
}



#audio_player audio {
	display: none;
}

#audio_player {
	display: none;
	position: fixed;
	z-index: 100;
	bottom: 0px;
	width: 100%;
	min-height: 33px;
	background: #000000;
}

.play:after {
	content: "\f04b";
	font-family: FontAwesome;
	font-size: 20px;
}

.pause:after {
	content:"\f04c";
	font-family: FontAwesome;
	font-size: 20px;
}

#pButton{
	height: 30px;
	width: 30px;
	border: none;
    padding: 12px 12px 12px 0;
	font-size: 20px;
	background-size: 70% 70%;
	background-repeat: no-repeat;
	background-position: center;
	float:left;
	outline:none;
	color: #b79b50;
}

#audio_player button {
	background: #000000;
}

#timeline {
	width: 200px;
	height: 6px;
	margin-top: 18px;
	float: left;
	border-radius: 15px;
	border: black 1px solid;
	display: inline-block;
	position: relative;
}

#audio_bar {
	width: 200px;
	margin: 17px 10px 17px 0;
	display: inline-block;
}

#playhead{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-top: -3px;
	background: #b79b50;
}


#volume_control {
	display: inline-block;
	width: 130px;
	vertical-align: top;
	margin: 5px 0 0 0;
}

#rngVolume{
	margin-top: 8px;
	vertical-align:middle;
	width: 100px;
}

#rngVolume_label{
	vertical-align:middle;
}


@media screen and (max-width: 767px) {
	#audio_meta {
		position: relative;
	}
	
	.media_btns,
	#div-gpt-ad-1479585004692-14 {
		text-align: center;
	}
	
	#div-gpt-ad-1479585004692-14 {
		background: #565656;
		padding: 30px 0px 10px 0;
	}
}



/*	random	*/
nav ul.ubermenu-nav {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	
}


.related_audio {
	position: relative;
	width: 19%;
}

.podcast_thumb .playbtn {
	margin: -50px 0 0 -30px;
}



/***************************************************
	- Audio: All
***************************************************/

.post-type-archive-audio #listen_category ul {
	display: flex;
	justify-content: space-between;
}

.post-type-archive-audio .site-inner .articles {
/*	display: none;*/
}

.serial_content {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #dfdfd5;
	padding: 20px;
}

.serial_content.display {
	display: block;
	transition: all 0.5;
}

.serial_content .articles {
	margin: 20px 0 0 0;
}

.post-type-archive-audio #listen_category article {
	max-width: 19.5%;
	flex-shrink: 1;
}

.serial_thumb {
	margin: 0 20px 0 0;
	width: 465px;
	height: 100%;
	float: left;
}

.articles ol {
	list-style-type: decimal;
}

.articles ol li {
	width: 100%;
	padding: 10px 0 10px 20px;
}

.serial_content h3.title,
.serial_content h4.title {
	color: #003149;
}

.serial_content h3.title {
	font-size: 40px;
}

.serial_content h4.title {
	font-weight: 300;
	font-size: 18px;
}

.serial_content li {
	border-top: 1px solid #c2c2b7;
}

.serial_content li:last-of-type {
	border-bottom: 1px solid #c2c2b7;
}



/*

*/

.mic-btn {
	height: 60px;
	width: 60px;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	background-color: rgba(0,0,0,.2);
	border-radius: 50%;
	background-image: url('./img/mic-btn.png');
	background-size: contain;
	background-repeat: none;
	background-position: center center;
}

@media screen and (max-width: 767px){
	.single-audio #content {
		display: block;
	}
	
	#desktop_video_wrapper {
		display: block;
		text-align: center;
	}
	
	#desktop_video_wrapper .related_audio {
	    width: 47.833%;
	    margin: 0 auto;
		padding: 0 10px;
		text-align: left;
	    display: inline-block;
	    vertical-align: top;
	}
	
	#desktop_video_wrapper .related_audio:last-of-type {
		display: none;
	}
	
	#desktop_video_wrapper .related_audio .audio_title {
		font-size: 18px;
		line-height: 1.2em;
	}
}



@media screen and (min-width: 768px) and (max-width: 1023px) {
	.post-type-archive #archive-selection .site-inner.border-bottom {
		background-image: none;
	}
}



@media screen and (max-width: 1023px){
	.post-type-archive-audio #listen_category article {
		max-width: 49%;
		flex-shrink: 0;
	}
	
	.single-audio #content {
		display: block;
	}
}



@media screen and (min-width: 1024px) {
	.serial_content.display {
		min-height: 505px;
	}
	
	.post-type-archive-audio article.expanded {
		margin-bottom: 505px;
	}

	.single-audio .attachment-post-thumbnail {
		width: 100%;
	}
}



/***************************************************
	- Audio: How to Listen
***************************************************/

#listen_options {
	background-color: #e0dfd6;
	padding: 30px 0;
}

#listen_options ul {
	display: flex;
}

#listen_options li {
	display: inline-block;
	max-width: 24%;
	justify-content: space-between;
}

#listen_options img {
	height: 50px;
}




/************************************************

	Lightbox Pages

************************************************/

/***************************************************
	- Lightbox: Home Page
***************************************************/

.home-lightbox--container-desktop{
  position: fixed;
  display: block;
  padding: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 650px;
  height: inherit;
  opacity: 0;
  display: block;    
  background-color: #4694BB;
  z-index: 10000000;
  min-width: 690px;
}

.home-lightbox--container-desktop-image{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity: 0;
  display: block;    
  z-index: 10000000;
  min-width: 690px;
  width: 90%;
  max-width: 920px;
}

.home-lightbox--close-desktop{
  display: inline;
  position: fixed;
  top: 0;
  right: 0px;
  font-size: 30px;
  line-height: 24px;
  color: black;
  cursor: pointer;
}

.home-lightbox--overlay-desktop{
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #0f1419;
  opacity: 0;
  z-index: 9999999;
}

.home-lightbox--overlay-mobile{
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #ffffff;
  opacity: 0;
  z-index: 9999999;
}

.home-lightbox--container-mobile{
    position: fixed;
    display: none;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 10000000;
    font-size: 20px;
    opacity: 0;
    min-width: 320px;
}

.home-lightbox--close-mobile{    
	position: absolute;
    right: 20px;
    top: 60px;
    display: none;
    padding: 10px;
    color: #a4a4a4;
    max-width: 40px;
    cursor: pointer;
}

.home-lightbox--close-mobile-x{
	position: relative;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	font-size: 20px;
}

.home-lightbox-desktop-transition{
	transition: opacity 1.3s;
	-moz-transition: opacity 1.3s;
	-webkit-transition: opacity 1.3s;
}

.home-lightbox-mobile-transition{
	transition: opacity 1.3s;
	-moz-transition: opacity 1.3s;
	-webkit-transition: opacity 1.3s;
}

.home-lightbox--active-mobile{
	opacity: 1;
}

.home-lightbox--active-desktop{
	opacity: 1;
}

.home-lightbox--overlay-active-desktop{
	opacity: .75;
}

.home-lightbox--container-mobile--inner{
	background-color: #4694BB;
}

.home-lightbox--container-desktop-image{
	display: none;
}

.home-lightbox--active-desktop{
	display: block !important;
}

.home-lightbox--inner-text>p{
	margin-bottom: 30px !important;
	text-align: center;
	font-size: 14px;
	color: #a4a4a4;
}

.ros-ad-main {
	text-align: center;
}



/* Home lightbox media query */

@media only screen and (max-width: 767px){
	/*
	div.home-lightbox--overlay-desktop{
		display:none !important;
	}
	div.home-lightbox--container-desktop-image{
		display:none !important;
	}
	div.home-lightbox--container-desktop{
		display:none !important;
	}
	*/
	.home-lightbox--close-desktop {
		top: -30px;
	}
	
	.home-lightbox--container-desktop-image {
		min-width: 100%;
		width: 100%;
		max-width: 100%;
	}
}





/*

	Search

*/


#header_right .fa-search {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 110;
	font-size: 24px;
	margin: 10px 0 14px 0;
}

#masthead .fa-search:after {
	content: 'search';
	font-family: texgyreherosbold;
	font-size: 28px;
	margin: 0 0 0 7px;
}


#search_overlay {
	display: none;
	position: fixed;
	background-color: rgba(15, 19, 25, .95);
	z-index: 99998;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

#search {
	display: none;
	position: fixed;
	z-index: 99999;
	margin: -50px 25% 0 25%;
	height: 100px;
	width: 50%;
	top: 50%;
}

#search .search-form label {
	width: 90%;
}

#search .search-form input {
	width: 100%;
	background: none;
	color: #ffffff;
	font-size: 24px;
}

/*
	- Search: Results
*/

.search-results #site-outer {
	background: url('./img/halftone.png');;
}

.search-results .entry-header,
.search-results .entry-summary {
	max-width: 79%;
	margin: 0 0 0 20px;
	display: inline-block;
}

.search-results .image-wrapper {
	max-width: 20%;
	float: left;
}

.search-results h1.page-title {
	font-size: 32px;
	font-family: utopia-std;
}

.search-results .page-header {
	border-top: 0px;
}


@media screen and (min-width:768px) and (max-width:1023px){
	.search #site-outer #archive-selection {
		background: url(./img/navy-dust-tile.jpg);
		background-position: top center;
	}
	
	.search-results .entry-header, 
	.search-results .entry-summary {
		max-width: 69%;
	}
	
	.search #site-outer .site-inner {
		max-width: 748px !important;
		margin: auto;
	}
	
	.search .format-aside .entry-title, 
	.search .format-image .entry-title, 
	.search .format-video .entry-title, 
	.search .format-quote .entry-title, 
	.search .format-gallery .entry-title, 
	.search .format-status .entry-title, 
	.search .format-link .entry-title, 
	.search .format-audio .entry-title, 
	.search .format-chat .entry-title {
		font-size: 2.0625rem;
	}
}





/*

	Want More Glenn

*/



#want-more-glenn {
	color: #ffffff;
	padding: 30px;
	position: relative;
}

article #want-more-glenn {
	background-image: url('./img/navy-dust-tile.jpg');
}

article #want-more-glenn {
	margin: 20px 0 20px -30px;
}

#want-more-glenn h2 {
	font-size: 40px;
}

#want-more-glenn p {
	font-family: 'Arimo', sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin: 5px 0 10px 0;
}

#want-more-glenn input:-webkit-autofill,
#want-more-glenn #email-box:-webkit-autofill {
	background: #d1d1d1 !important;
    background: url(/publish/themes/gb4/img/field_bg-min.png) !important;
	-webkit-box-shadow: 0 0 0 1000px #d1d1d1 inset !important;
}

article #want-more-glenn .newsletter-block {
	max-width: 70%;
}

#email_sub .site-content #want-more-glenn .newsletter-block,
#signup_content #want-more-glenn .newsletter-block {
	max-width: 100%;
}

#want-more-glenn .gb-head {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 280px;
	background: url('./img/GB_Cuts/gb-head.png');
	background-size: cover;
	background-repeat: no-repeat;
}

#email_sub #want-more-glenn .gb-head {
	display: none;
}

#want-more-glenn .gb-head img {
	display: none;
}




.newsletter-form-body div {
	display: inline-block;
}

.newsletter-form-fields-wrapper,
.newsletter-form-field-wrapper {
	max-width: 400px;
	width: 100%;
}

/* CSS reset
--------------------------------------------------------- */

#want-more-glenn fieldset, 
#want-more-glenn form {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; 
}

/* Full width Image
--------------------------------------------------------- */

#want-more-glenn img {
  display: inline-block;
  vertical-align: middle; 
}

#want-more-glenn button {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer; 
  margin: 15px 0;
  
  border: 2px solid #b79b50;
  padding: 12px 11px 11px 20px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 15px 0px 0px; 
  font-size: 13px;
  
}


/* ----- Forms ------ */
textarea {
  height: auto;
  min-height: 50px; 
}

textarea,
input,
button {
  outline: none; 
}

input[type="submit"] {
  line-height: 1; 
}


/* Icons
--------------------------------------------------------- */

.icon, 
.single-social .social-button span.facebook, 
.single-social .social-button span.twitter {
  color: #4694BB;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 1.71429em;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}

/* Newsletter form
--------------------------------------------------------- */
form .required {
  color: #C63711;
  font-weight: bold; 
}
















@import url('https://fonts.googleapis.com/css?family=Lora:400,700');

@import url('https://fonts.googleapis.com/css?family=Arimo:400,700');