ul {
margin: 0;
}
body{
overflow-x:hidden;
}
/* 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;
}
#watch_category .image-wrapper,
#desktop_video_wrapper .image-wrapper {
margin-bottom:15px;
}
.home-topAd iframe {
margin-bottom: 0px;
}
time {
display: block;
}
.footertos a {
color: #706e6c;
text-decoration: none;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
/*
overlay grayscale
*/
/*! Gray v1.5.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale{
/* Firefox 10-34 */
filter: url("data:image/svg+xml;utf8,#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,.podcast .hover-gold:hover:after{
background: rgba(183,155,80, .4);
}
.hover-blue:after{
background: rgba(11, 48, 70, .4);
}
.hover-red:after,.podcast .hover-red:hover: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;
}
/*
- Podcast hover
*/
.podcast .hover-blue:after, .podcast .hover-gold:after, .podcast .hover-red:after {
background: none;
}
.podcast .grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
opacity: 1;
}
.podcast .grayscale.grayscale-replaced > svg {
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
opacity: 1;
}
.podcast .grayscale{
/* Firefox 10-34 */
filter: url("data:image/svg+xml;utf8,#grayscale");
/*
Chrome 19+,
Safari 6+,
Safari 6+ iOS,
Opera 15+
*/
-webkit-filter: grayscale(0);
/* Firefox 35+ */
filter: grayscale(0);
/* IE 6-9 */
/* filter: gray;*/
}
.podcast .hover-color:hover .grayscale {
/* Firefox 10-34 */
filter: url("data:image/svg+xml;utf8,#grayscale");
/*
Chrome 19+,
Safari 6+,
Safari 6+ iOS,
Opera 15+
*/
-webkit-filter: grayscale(1);
/* Firefox 35+ */
filter: grayscale(1);
/* IE 6-9 */
filter: gray;
}
.podcast .hover-blue:hover:after{
-webkit-transition: all .3s ease;
transition: all .3s ease;
background: rgba(11, 48, 70, .6);
opacity: 1 !important;
}
.podcast .playbtn {
display: none;
}
.podcast .hover-color:hover .playbtn {
-webkit-transition: all .3s ease;
transition: all .3s ease;
display: block;
}
/***************************************************
- Header
***************************************************/
#masthead {
height: 206px;
overflow:visible;
top:-76px;
padding:0px;
border-bottom: 1px solid #3d3d3d;
}
#masthead .site-inner {
max-width: none;
background: #18191a;
height:76px;
position:relative;
border-bottom: 1px solid #3d3d3d;
}
#masthead .home-topAd{
padding:20px 0px;
}
.site-branding {
overflow: visible;
}
.site-branding .logo {
background: none;
min-width: 100px;
max-width: 100px;
width: 100%;
}
#masthead.shrink {
position:fixed;
top: 0px;
clear:both!important;
width:100%;
height:76px!important;
max-height:76px!important;
min-height:76px!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 .site-branding .logo {
height: 30px;
width: auto;
}
.home #masthead.shrink {
}
#masthead .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: 70px;
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: 2px 0 0 0;
font-family: 'utopia-std';
}
#sticky-nav .right-content a {
color: #b79b50;
font-size: 15px;
margin: 0 0 10px 20px;
}
#sticky-nav .right-content i{
font-size:15px;
}
.mobile-thumb-credits {
display: none !important;
}
@media screen and (max-width: 1023px){
#masthead {
height: 76px;
}
.thumb-credits {
display: block !important;
margin:0 0 -20px 20px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.mobile-thumb-credits {
display: none !important;
}
}
@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:23px;
font-family:texgyreherosbold;
letter-spacing:-1px;
transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
}
#sticky-nav .ubermenu ul.ubermenu-nav span.ubermenu-target > span.ubermenu-target-title,
#sticky-nav .ubermenu > ul.ubermenu-nav > .ubermenu-item > a.ubermenu-target > span.ubermenu-target-title,
.shrink .ubermenu ul.ubermenu-nav span.ubermenu-target > span.ubermenu-target-title,
.shrink .ubermenu > ul.ubermenu-nav > .ubermenu-item > a.ubermenu-target > span.ubermenu-target-title {
font-size:23px;
}
#sticky-nav .ubermenu ul.ubermenu-nav span.ubermenu-target > span.ubermenu-target-title:hover,
#sticky-nav .ubermenu > ul.ubermenu-nav > .ubermenu-item > a.ubermenu-target > span.ubermenu-target-title:hover,
.shrink .ubermenu ul.ubermenu-nav span.ubermenu-target > span.ubermenu-target-title:hover,
.ubermenu > ul.ubermenu-nav > .ubermenu-item > a.ubermenu-target > span.ubermenu-target-title:hover,
#header-resize .ubermenu > ul.ubermenu-nav > .ubermenu-item > a.ubermenu-target > span.ubermenu-target-title:hover {
color:#fff;
}
.site-header {
padding: 20px;
}
.site-header-main {
display: flex;
flex-wrap: nowrap;
max-width:1175px;
margin-right:auto;
margin-left:auto;
position:relative;
height:76px;
}
#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: 0px 0;
flex-grow: 1;
position:absolute;
top:15px;
z-index:20;
}
.shrink .site-branding {
flex-grow: 0;
margin: 0px 0;
position:absolute;
top:15px;
}
#header_right {
margin: 0 0 0 20px;
position: absolute;
right:0;
top:15px;
}
#site-header-menu {
max-width: 728px;
}
/*
#site-navigation {
width: 728px;
padding-right:265px;
}
*/
#site-navigation {
width: 588px;
padding-right: 220px;
}
#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: 11000;
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: #ffffff;
overflow: hidden;
height:42px;
}
.shrink .site-branding .logo {
min-width: 100px;
}
.shrink .site-branding .svg {
fill: #ffffff;
height: 42px;
}
.shrink .site-branding .svg {
overflow: hidden;
}
@media screen and (max-width: 727px) {
#masthead .site-inner{
padding:0 20px;
}
#masthead.shrink .site-inner{
padding:0px;
}
}
@media screen and (max-width: 1200px) {
.site-branding .svg {
overflow: hidden;
}
#masthead .site-inner{
padding:0 20px;
}
}
@media screen and (max-width: 1023px){
.shrink .site-branding {
top:20px;
}
}
/*
Load More
*/
div.load_more {
background: #e1dfd7;
text-align: center;
height: auto;
max-width: 100%;
margin: 0 10px;
padding: 15px 0;
margin-top:24px;
}
#vav_wrapper div.load_more,
#load_more_video_wrapper.load_more {
background:#2b3238;
}
div.load_more p {
font-size: 20px;
color: #b7b4aa;
cursor: pointer;
font-weight: 400;
font-family: 'texgyreherosbold';
text-transform: lowercase;
margin-bottom:0px;
}
#load_more_latest_wrapper p{
margin:0px;
}
#vav_wrapper div.load_more p,
#load_more_video_wrapper.load_more p{
color:#535a60;
}
.post-type-archive-gb_videos #site-outer {
background: url('./img/noisy_net.png');
}
/*
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-family: texgyreherosregular;
font-size:16px;
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
************************************************/
.blog a.more-link,
.category a.more-link, .post-type-archive-gb_videos a.more-link, .group-blog a.more-link {
float: right;
position: relative;
display: inline-block;
padding: 0px 30px;
color: #b79b50;
text-transform: uppercase;
font-weight: 700;
margin: 3px 20px 8px 0px;
letter-spacing: 2px;
font-family: 'utopia-std';
border: 2px solid #b79b50;
font-size: 18px;
}
.category a.more-link:after,
.category button.btn:after,
.post-type-archive-gb_videos a.more-link:after,
.group-blog a.more-link:after {
content: '\f101';
font-family: FontAwesome;
padding-left:0.5em;
}
.blog a.more-link:hover,
.category a.more-link:hover,
.post-type-archive-gb_videos 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-color: #112433;
background-image: url('./img/navy-dust-tile.jpg');
background-position: top center;
padding: 25px 0 16px 0;
background-repeat: repeat-x;
background-size: 600px;
}
.disclaimer {
font-size: 16px;
}
/*
Blog
*/
.blog #archive-selection {
background-size: contain;
}
.blog #page > #site-outer {
background: url('./img/halftone.png');
}
.blog #page > #site-outer > #read_category {
background: none;
}
/*
End Blog
*/
#archive-selection .border-bottom {
padding: 0 0 10px 0;
margin: 0 auto 20px auto;
border-bottom: 7px solid #f6f4f0;
width:1080px;
}
#category-name {
font-family:texgyreherosbold;
clear: none;
text-transform: lowercase;
}
#archive-selection ul {
float: right;
margin-top: 15px;
font-size: 22px;
font-weight: 900;
font-family:texgyreherosbold;
}
#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;
color:#fff;
-moz-transition:color .2s ease-in;
-o-transition:color .2s ease-in;
-webkit-transition:color .2s ease-in;
}
#archive-selection li.active a {
color: #f6f4f0;
border-bottom: 4px solid #f6f4f0;
}
.the_article {
position: relative;
}
.the_article:hover .type-overlay {
opacity: 0;
}
.category #archive-selection .the_article {
display: flex;
}
.category #archive-selection .meta_content {
margin: auto 0;
}
.category #featured_article .more-link,
.blog #featured_article .more-link, .post-type-archive-gb_videos #featured_video .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;
padding-top:30px;
padding-bottom:40px;
}
.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:texgyreherosbold;
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: 'utopia-std', sans-serif !important;
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);
background: none;
}
.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,
.blog #read_category article:hover h4 {
margin: 10px 0 -7px 0;
display: inline;
background: linear-gradient(180deg, transparent 15px, #d4bb79 7px);
}
.podcast:hover .title, .the_article a:hover .title {
background:none;
}
#read_category {
background: url('./img/halftone.png');
}
#vav_wrapper {
background: url('./img/noisy_net.png');
}
#vav_wrapper .the_article .sidebar-latest-soc-ico {
text-align: left;
left: 0px;
}
#vav_wrapper .sidebar-soc-ico {
margin-left: 0px;
margin-right: 7px;
}
#vav_wrapper .the_article .video-meta .sidebar-latest-soc-ico {
right: 0px;
left: auto;
}
#vav_wrapper .video-meta .sidebar-soc-ico {
margin-left: 7px;
margin-right: 0px;
}
.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,
#related-videos .title {
color: #f6f4f0;
}
#related-videos a:hover .title {
display: block;
margin: 0;
}
#listen_category {
background: url('./img/halftone.png');
flex-flow: center;
justify-content: space-around;
margin-bottom:-20px;
}
#listen_category article {
max-width: 19.5%;
flex-shrink: 1;
}
.archive article,
.page-template-affiliates-page article {
max-width: 33%;
display: inline-block;
box-sizing: border-box;
padding: 0 10px;
}
#archive_ad_space {
text-align: center;
background-color:#2b3238;
padding: 30px 0;
margin: 0 0 30px;
}
#archive_ad_space iframe {
margin-bottom: 0px;
}
#listen_category.audio-wrapper,
#read_category.read-wrapper,
#watch_category.watch-wrapper {
display: block;
}
#watch_category.watch-wrapper,
#watch_category {
background: url('./img/noisy_net.png');
}
.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,
#related-videos article {
position:relative;
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;
}
#vav_wrapper .row {
margin-top:52px;
margin-bottom:52px;
margin-left:0px;
}
@media screen and (min-width:1024px){
#site-outer.shrink {
margin-top: 206px;
}
}
@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: 400;
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: 100%;
max-width: 100%;
justify-content: space-between;
padding: 0px;
}
#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: 6px;
}
.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;
}
#vav_wrapper .row {
margin-top:21px;
margin-bottom:21px;
}
/*.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;
}
.archive #category-name {
font-size: 25px;
}
}
@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: 'texgyreherosbold';
font-weight: 400;
color: #fff;
margin: 0px;
background-color: #b52734 ;
padding: 3px 4px 2px;
line-height: 1em;
text-transform: uppercase;
position: absolute;
bottom: 0;
left: 0;
z-index: 1000;
}
.sponsored-tag-light {
font-size: 8px;
letter-spacing: 0px;
font-family: 'texgyreherosbold';
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;
padding-left:18px;
line-height:1.1;
}
.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;
line-height:1.0em;
}
/***************************************************
- Home: Latest + Show prep
***************************************************/
.prep-heading {
font-weight: 400;
}
.latest-heading {
border-bottom: 7px solid #0b304b;
font-size: 50px;
font-family: 'texgyreherosbold';
font-weight: 400;
margin: 0 15px 30px 10px;
padding: 0 0 10px 0;
color: #0b304b;
letter-spacing:-2px;
}
.menu-logo {
float: left;
height: 40px;
margin: 6px 0 0 0;
color: #ffffff;
fill: #ffffff;
}
.latest-left a:hover {
text-decoration: none;
}
.prep-heading {
font-family: texgyreherosbold;
padding: 0 0 5px 0;
border-bottom: 7px solid #0b304b;
margin-top:25px;
}
li.prep-text {
font-size: 16px;
line-height: 20px;
border-bottom: 1px solid #b2babb;
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,
#podcasts {
background-image: url('./img/halftone.png');
overflow: visible;
padding-right: 15px; /* Take this out and let bootstrap set the width */
}
#latest_from_glenn{
float:left;
padding-bottom:0px;
width:65.5%;
}
.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-vid-text{
padding-top:8px;
font-weight:700;
}
.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: 332px;
text-align: center;
margin:50px auto;
margin-left:38px;
}
.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%;
}
#latest_from_glenn{
width:100% !important;
}
}
@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: 35%;
float:right;
}
.showprep-right ul {
max-width: 320px;
}
.showprep-right li a{
font-size:16px;
line-height: 20px;
max-width:288px;
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;
transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
}
.sidebar-soc-ico{
font-size:15px;
color:#ada085;
display:block;
transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
}
.sidebar-soc-ico:hover{
color:#be9a59 ;
}
.sidebar-latest-headline-entry:hover .sidebar-latest-soc-ico,
.prep-text:hover .sidebar-latest-soc-ico,
#video_of_the_day .video-info:hover .sidebar-latest-soc-ico,
#video_of_the_day .desktop-2-3:hover .sidebar-latest-soc-ico{
display:inline;
}
.#video_of_the_day .desktop-2-3:hover .sidebar-latest-soc-ico{
}
/***************************************************
- Home: Video of the Day
***************************************************/
#video_of_the_day {
position: relative;
overflow: hidden;
height: 700px;
background-image: url('./img/vod-blurred-bg-PARALLAX.jpg');
}
.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: 25px;
top: 54px;
}
#vod-thumb .playbtn {
left: 37%;
}
.test-tv {
position: absolute;
left: -32px;
z-index: 100;
height: 500px;
width: auto;
}
#vod_lines {
overflow: visible;
position: absolute;
top: 100px;
left: -50px;
display: block !important;
}
#vod_lines rect:first-of-type {
y: -2500px;
height: 4476px;
}
#vod_lines rect:last-of-type {
height: 950px;
y: -300;
}
#video_of_the_day a {
text-decoration: none;
}
#tv .site-content {
overflow: hidden;
}
#tv {
background-image: none;
}
#video_of_the_day .video-title {
font-size: 27px;
}
#video_of_the_day .video-info {
margin: 140px 0 0 0;
padding-top:8px;
}
#video_of_the_day .video-info .sidebar-latest-soc-ico{
float:none;
}
#video_of_the_day .video-info .sidebar-latest-soc-ico i,
#video_of_the_day .desktop-2-3 .sidebar-latest-soc-ico i{
display:inline;
}
#video_of_the_day .video-info .sidebar-latest-soc-ico a,
#video_of_the_day .desktop-2-3 .sidebar-latest-soc-ico a{
text-decoration:none;
}
#video_of_the_day .desktop-2-3 .sidebar-latest-soc-ico{
font-family: texgyreherosbold !important;
font-size: 28px !important;
position:absolute;
right:-34px;
bottom:184px;
float:none;
}
.vodAd{
margin-top:-120px;
margin-left:41px;
}
#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;
}
@media screen and (min-width: 1024px) {
#vod-thumb {
width: 540px;
height: 330px;
overflow-x: hidden;
overflow-y: auto;
}
#vod-thumb img {
height: 100%;
max-width: 125%;
}
}
@media screen and (max-width: 1023px) {
#vod-thumb .playbtn {
left: 49%;
}
}
@media screen and (max-width: 767px){
#vod-thumb .playbtn {
left: 47%;
}
#vod_lines {
display: none;
}
}
/***************************************************
- 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;
position:relative;
}
.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 #latest_videos .video-meta .tagline {
margin-bottom: 0px;
}
.video-social {
display: none;
position: absolute;
right: 0px;
top: 10px;
}
.recent-video:hover .video-social {
display: block;
}
.video-social i {
margin: 0 7px 0 0;
}
.home #latest_videos .recent-video .tagline {
font-size: 14px;
}
/***************************************************
- Home: Podcasts
***************************************************/
#podcasts {
padding: 40px 0;
}
#podcasts .section-title {
color: #0b304b;
font-family: 'texgyreherosbold';
font-weight: 400;
font-size: 25px;
margin-bottom: 15px;
letter-spacing:-1px;
}
.home #podcasts .section-title {
font-size: 30px;
}
#podcasts ul {
margin: 0 auto;
display: flex;
}
li.podcast {
display: inline-block;
margin: 10px auto 10px 0;
width: 18.5%;
justify-content: space-between;
position:relative;
}
li.podcast:nth-of-type(5n) {
margin: 10px 0;
}
li.podcast .title {
font-size: 18px;
color: #3a3a38;
font-weight: 700;
width: 100%;
line-height:20px;
padding-top:8px;
}
.audio_tagline {
color: #b79b50;
font-size: 11px;
font-family: 'texgyreherosbold';
}
/**************************
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 {
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%;
}
.test-tv,
.gb-pose,
#vod_desk {
display: none;
}
/*
Latest video ads
*/
.latestAd,
#latest_ad,
.vodAd {
display: none;
}
.latestAd-mobile {
display: block;
}
#latest_videos {
background-image: url("img/noisy_net.png");
background-repeat: repeat;
background-size: 400px !important;
}
/*
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 (max-width:727px){
#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;
}
}
@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;
}
.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-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;
}
.home h3.video-title{
color: #ffffff;
}
/***************************************************
Homepage Tablet - Heading
***************************************************/
.home-topAd {
display: none; /* Make sure the sizing is not serving an ad for these sizes */
}
.mobile-ad .home-topAd {
display:block; /*this one will be displayed instead */
}
.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;
}
.home 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;
}
}
/************************************************
Show Prep Page
************************************************/
.page-template-template-showprep-page #site-outer {
background: url('./img/halftone.png');
}
#showprep_wrapper {
width: 66%;
display: inline-block;
padding: 38px 0 0 0;
}
#show_date {
float: right;
color: #FFFFFF;
font-size: 23px;
margin: 20px 0 0 0;
text-transform: lowercase;
font-family: 'texgyreherosbold';
}
.showprep-more {
border: 0px;
margin: 18px 0 0 15px;
float: right;
position: relative;
display: inline-block;
color: #b79b50;
text-transform: lowercase;
font-weight: 700;
font-family: 'texgyreherosbold';
font-size: 20px;
}
.showprep-more:after {
content: '\f101';
font-family: FontAwesome;
padding-left: 0.5em;
}
#showprep_content {
margin-top: 40px;
}
#showprep_content h2 {
color: #b79b50;
font-size: 40px;
}
#showprep_wrapper li {
list-style: none;
font-size: 20px;
font-weight: 600;
padding: 10px 0;
line-height: 1.2em;
display: flex;
border-bottom: 1px solid #cecece;
}
#showprep_wrapper a {
text-decoration: none;
color: #1a1a1a;
}
#showprep_content a:hover {
text-decoration: none;
color: #c22837;
}
.vote,
.story-link {
display: inline-block;
margin: auto 0;
}
.vote .button {
display: block;
clear: both;
font-size: 18px;
font-weight: 400;
}
.vote .button:hover,
.vote .selected {
color: #c22837;
}
.vote .button.selected {
color: #c22837;
}
.vote .vote-up:after {
content: '\f077';
font-family: FontAwesome;
padding-right: 0.5em;
}
.vote .vote-down:after {
content: '\f078';
font-family: FontAwesome;
padding-right: 0.5em;
}
.vote-totals {
margin-right: 20px;
}
#showprep-list ul {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
width: 100%;
z-index: 1;
}
#showprep-list:hover ul {
display: block;
}
#showprep-list {
display: none;
}
#showprep_content p,
#showprep_wrapper .thank-you {
font-size: 13px;
line-height: 1.5em;
color: #696965;
font-family: 'texgyreherosregular';
}
#showprep_wrapper #submit_selections {
width: 100%;
}
.score {
display: flex;
}
.score p {
margin: auto 0 auto 15px;
font-family: 'texgyreherosbold';
}
.score .positive {
color: #57ae35;
}
.score .negative {
color: #c22837;
}
/*
Show Prep sidebar
*/
.showprep-sidebar {
width: 33%;
height: 100%;
padding: 38px 0 0 20px;
float: right;
}
#more_from_glenn h2 {
color: #013149;
font-size: 35px;
font-family: 'texgyreherosbold';
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 5px solid #013149;
}
.showprep-ad {
text-align: center;
padding: 18px 0;
}
/*
Pagination
*/
#pagination {
display: flex;
}
#pagination .button:first-of-type:before {
content: '\f100';
font-family: FontAwesome;
padding-right: 0.5em;
}
#pagination .button:last-of-type:after {
content: '\f101';
font-family: FontAwesome;
padding-left: 0.5em;
}
#pagination .button {
width: 50%;
margin: 20px 10px 20px 0;
}
#pagination .button:last-of-type {
margin: 20px 0 20px 10px;
}
@media screen and (min-width: 1024px){
.showprep-ad {
display: none;
}
}
@media screen and (max-width: 1023px){
#showprep_wrapper,
.showprep-sidebar {
width: 100%;
}
.showprep-sidebar {
background: #cecece;
padding: 20px 0;
}
}
@media screen and (max-width: 767px){
.contact-section {
margin: 0 15px;
}
#footer-contact-glenn .gb-head {
display: none;
}
#footer-contact-glenn {
padding: 25px 0;
}
.contact-text .contact-section:last-of-type {
border-bottom: 0px solid #c5bda7;
}
}
/***************************************************
- Showprep: Glenn's Dashboard
***************************************************/
.page-template-template-glenn-showprep-dashboard-php {
background: url('./img/halftone.png');
}
.page-template-template-glenn-showprep-dashboard-php .home-topAd,
.page-template-template-glenn-showprep-dashboard-php #masthead,
.page-template-template-glenn-showprep-dashboard-php #audio_player,
.page-template-template-glenn-showprep-dashboard-php #colophon,
.page-template-template-glenn-showprep-dashboard-php .article-ad-320,
.page-template-template-glenn-showprep-dashboard-php #site-header-menu.mobile-header-menu {
display: none !important;
}
.page-template-template-glenn-showprep-dashboard-php #showprep_wrapper {
width: 100%;
}
.page-template-template-glenn-showprep-dashboard-php article {
background: url('./img/halftone.png');
}
.page-template-template-glenn-showprep-dashboard-php #showprep_wrapper li {
padding: 10px 0;
}
.page-template-template-glenn-showprep-dashboard-php .vote-totals p {
margin: 0;
color: #b79b50;
}
@media screen and (max-width: 768px){
.page-template-template-glenn-showprep-dashboard-php #show_date {
font-size: 32px !important;
}
.page-template-template-glenn-showprep-dashboard-php #category-name {
display: none !important;
}
}
/************************************************
Contact Page
************************************************/
.page-template-template-contact-page #site-outer {
background: url('./img/halftone.png');
}
.contact-text {
width: 66%;
}
.contact-text:first-of-type {
float: left;
}
.contact-sidebar {
width: 33%;
float: right;
padding: 38px 0 0 0;
text-align: right;
}
.contact-section {
border-bottom: 2px solid #c5bda7;
padding: 30px 0;
}
.contact-text:last-of-type .contact-section:last-of-type {
border-bottom: 0px solid #c5bda7;
}
h2.section-title {
color: #013149;
font-size: 35px;
font-family: 'texgyreherosbold';
margin-bottom: 15px;
}
.button.gold {
color: #b79b50;
border: 2px solid #b79b50;
text-align: center;
display: inline-block;
background: transparent;
letter-spacing: 2px;
margin: 7px 0px;
padding: 0px 30px;
transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
font-size: 18px;
font-weight: 700;
line-height: 1.75;
font-family: utopia-std, sans-serif;
}
.button.gold:hover {
color: #ffffff;
background: #b79b50;
text-decoration: none;
}
.contact-section .button:after {
content: '\f101';
font-family: FontAwesome;
padding-left:0.5em;
}
#call_the_show p,
#theblaze_help p,
#email_glenn p {
margin: 0px;
line-height: 1em;
font-family: 'texgyreherosregular';
}
#call_the_show p.phone-number {
color: #b52734;
font-size: 50px;
font-family: 'texgyreherosbold';
}
#personality_wrapper {
display: flex;
}
.personality {
display: inline-block;
padding-right: 20px;
}
.personality:last-of-type {
padding-right: 0px;
}
.personality .name {
color: #1a1a1a;
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
}
.personality .show-name {
color: #b89c4a;
font-size: 11px;
font-family: 'texgyreherosbold';
margin-bottom: 0;
}
.personality .social a {
color: #b89c4a;
font-size: 14px;
margin-right: 10px;
}
.personality .social a:hover {
color: #be9a59;
text-decoration: none;
}
.blaze-logo {
float:left;
max-width: 75px;
height: auto;
padding: 0 20px 0 0;
}
#footer-contact-glenn {
background: url('./img/rivet-bg.jpg');
background-repeat: repeat-x;
background-size: auto 100%;
padding: 25px 0 0 0;
}
#footer-contact-glenn #want-more-glenn {
margin: 50px auto 0px;
}
@media screen and (max-width: 1023px){
.contact-text,
.contact-sidebar {
width: 100%;
}
.contact-text:first-of-type {
float: none;
}
.contact-sidebar {
float: none;
background: #cecece;
text-align: center;
padding: 20px 0;
}
}
@media screen and (max-width: 767px){
.contact-section {
margin: 0 15px;
}
#footer-contact-glenn .gb-head {
display: none;
}
#footer-contact-glenn {
padding: 25px 0;
}
.contact-text .contact-section:last-of-type {
border-bottom: 0px solid #c5bda7;
}
}
.rc-anchor-normal-footer,
.grecaptcha-badge {
display: none;
}
/*
- Contact Form
*/
#contact_form {
margin: 15px 0;
}
#contact_form input[type="text"],
#contact_form textarea {
padding: 7px;
margin: 0 0 10px 0;
background: #6a6461;
color: #a7a49f;
font-size: 14px;
font-family: 'texgyreherosregular', sans-serif !important;
}
#contact_form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #a7a49f;
}
#contact_form input[type="text"]::-moz-placeholder { /* Firefox 19+ */
color: #a7a49f;
}
#contact_form input[type="text"]:-ms-input-placeholder { /* IE 10+ */
color: #a7a49f;
}
#contact_form input[type="text"]:-moz-placeholder { /* Firefox 18- */
color: #a7a49f;
}
/************************************************
Videos Pages
************************************************/
/***************************************************
- Videos: Single
***************************************************/
.single-gb_videos #site-outer,
.single-audio #site-outer,
.page-template-template-live-player #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;
line-height:52px;
}
#video_description,
.video_title,
#audio_description,
.audio_title {
color: #f0ede7;
}
#video_description,
#audio_description {
font-size: 14px;
font-weight: 300;
line-height: 1.5em;
font-family:texgyreherosregular;
padding-right:30px;
}
.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);
}
.playbtn-lg{
background-image:none;
background-color: rgba(0,0,0,.4);
display: inline-block;
border-radius: 100px;
border: 6px solid;
border-color: #fff;
height: 80px;
width: 80px;
color: #fff;
transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
left:38%;
}
#archive-selection .playbtn-lg{
left:48%;
right:48%;
}
.playbtn-lg .icon-large{
z-index:2;
font-size: 38px !important;
margin-top: 15px;
padding-left:24px;
text-align: center;
}
.playbtn-sm{
background-image:none;
background-color: rgba(0,0,0,.4);
display: inline-block;
border-radius: 100px;
border: 4px solid;
border-color: #fff;
height: 60px;
width: 60px;
color: #fff;
transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
}
#podcasts .playbtn-sm{
top:50%;
}
.playbtn-sm .icon-small{
z-index:2;
font-size: 28px !important;
margin-top: 12px;
padding-left:19px;
text-align: center;
}
#podcasts .icon-small,
.playbtn .fa-microphone.icon-small {
position: absolute;
left: calc(52% - 1rem);
padding-left: 0;
}
.test-tv:hover .playbtn-lg, #tv:hover .playbtn-lg, .playbtn-sm:hover, .playbtn-lg:hover{
border-color: #b79b50 !important;
color: #b79b50 !important;
}
#related-videos {
width: 100%;
padding: 30px 0 0 0;
background-color: rgba(224, 223, 214, 0.1);
}
#related-videos .articles {
width: 100%;
display: flex;
justify-content: space-between;
}
#related-videos article {
max-width: 30%;
}
.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,
.page-template-template-live-player #content {
display: block;
}
.playbtn-sm .icon-small{
margin-top: 22%;
padding-left: 33%;
}
#podcasts .icon-small,
.playbtn .fa-microphone.icon-small {
position: absolute;
left: calc(52% - 1rem);
padding-left: 0;
}
#watch_category .playbtn-sm .icon-small{
margin-top:20%;
}
}
@media screen and (max-width: 767px){
.playbtn-lg .icon-large{
margin-top: 23%;
padding-left: 15%;
}
.playbtn-sm .icon-small {
margin-top: 15px;
padding-left: 20px;
}
#podcasts .icon-small,
.playbtn .fa-microphone.icon-small {
position: absolute;
left: calc(50% - 7px);
padding-left: 0;
}
#watch_category .playbtn-sm .icon-small {
margin-top: 5px;
padding-left: 29%;
}
#related-videos .playbtn-sm .icon-small {
padding-left: calc(50% - 1em);
margin-top: calc(50% - .5em);
}
#related-videos .articles {
display: block;
}
#related-videos article {
width: 300px;
max-width: 100%;
margin: auto;
display: block;
}
#related-videos article .image-wrapper {
height: auto;
width: 100%;
}
}
/***************************************************
- 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%;
vertical-align:middle;
}
#featured_video .title,
#featured_article .title {
color: #f0ede7;
}
#featured_video .tagline {
margin-bottom: 0px;
font-size: 14px;
}
#vav_wrapper #featured_video .sidebar-latest-soc-ico {
margin-top: 5px;
position: relative;
float: right;
top: 0px;
right: 0px;
display: none;
}
#watch_category #series {
margin: 0 10px 40px 10px;
}
#watch_category #series a {
display: inline-block;
max-width: 47% !important;
}
#watch_category #series a:last-of-type {
float: right;
}
#watch_category .tagline,
#related-videos .tagline {
font-size: 14px;
-webkit-padding-after: 0px;
}
#watch_category a .tagline,
#watch_category .tagline a {
color: #b79b50 !important;
}
.post-type-archive-gb_videos #watch_category .site-inner header {
margin-bottom: 5px;
}
.post-type-archive-gb_videos #watch_category #archive_ad_space {
margin-top: 0px;
}
#vav_wrapper .video-meta .sidebar-latest-soc-ico,
.video-meta .sidebar-latest-soc-ico {
bottom: 0px;
}
#vav_wrapper .video-meta,
.video-meta {
position: relative;
}
/***************************************************
- Videos: Series
***************************************************/
#series_heading {
position: relative;
}
#series_heading h1 {
color: #ffffff;
font-size: 65px;
}
#series_heading p {
color: #b79b50;
font-size: 20px;
font-family: 'texgyreherosregular';
}
#series_meta {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
#series_meta a:hover {
text-decoration: none;
}
#series_heading .site-inner {
width: 100%;
}
@media screen and (max-width: 767px){
#watch_category .title {
color: #3a3a38;
}
#category-name{
margin-left:12px;
}
#watch_category #series{
margin-bottom:20px;
}
#watch_category .header{
margin-left:0px;
margin-bottom:20px;
}
#category-name, #watch_category h2.article-type-title {
color: #ffffff;
}
#watch_category #series a {
max-width: 100% !important;
display: block;
margin: 0 0 20px 0;
}
#watch_category #series a:last-of-type {
float: none;
}
#series_heading h1 {
font-size: 30px;
}
#series_heading p {
font-size: 10px;
}
}
/***************************************************
- Videos: Single Series
***************************************************/
/************************************************
Audio Pages
************************************************/
/***************************************************
- Audio: Single
***************************************************/
#audio_main {
position: relative;
}
.media_btns {
margin-bottom: 20px;
}
.single-audio #content-wrap,
.page-template-template-live-player #content-wrap {
margin-top: 30px;
}
.single-audio #content-wrap .tagline,
.page-template-template-live-player h3.live-time {
font-size: 20px;
}
.page-template-template-live-player h3.tagline {
font-size: 24px;
font-family: 'utopia-std', sans-serif;
}
.single-audio #content-wrap .tagline {
margin-bottom: 20px;
}
#content-wrap a.media_btn {
color: #60686f;
border: 2px solid #60686f;
text-transform: uppercase;
padding: 5px 30px;
font-size: 18px;
font-weight: 700;
line-height:1.75;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#content-wrap a.media_btn:hover{
background-color:#60686f;
color:#fff;
text-decoration:none;
}
#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_meta .playbtn-lg {
margin: 0;
height: 60px;
width: 60px;
position: relative;
top: 0;
left: 0;
}
#audio_meta .playbtn-lg .icon-large {
font-size: 30px !important;
margin-top: 10px;
padding-left: 0px;
width: 50px;
}
#audio_main #audio_meta .audio_info {
margin: auto auto auto 0;
}
.tagline {
color: #b79b50;
font-family: 'texgyreherosbold';
font-size: 20px;
font-weight: 400;
}
.clip_title {
color: #f0ede7;
font-size: 24px;
font-weight: 300;
font-family:texgyreherosbold;
}
.clip-selector {
/* display: inline-block;*/
list-style: none;
font-size: 18px;
text-align: center;
/* padding: 0px 30px;
margin: 2px 5px 0 0; */
color: #b79b50 !important;
border: 2px solid #b79b50;
border-top: 0px;
}
.clip-selector:hover,
.clip-selector.active {
color: #f4f2e9 !important;
background: #b79b50 !important;
cursor: pointer;
}
.audio-wrapper {
display: none;
}
.audio-wrapper.display {
display: block;
}
.play-now {
color: #b79b50;
font-size: 18px;
display: none;
float: right;
margin: 0 0 0 1em;
}
.play-now span {
padding-right: 5px;
}
#clip_options {
clear: both;
display: inline-block;
}
#track_select {
position: relative;
display: inline-block;
float: left;
color: #b79b50 !important;
}
#track_select #clip_select,
#showprep-list #clip_select {
list-style: none;
font-size: 18px;
padding: 5px 30px;
margin: 2px 0 0 0;
color: #b79b50 !important;
border: 2px solid #b79b50 !important;
}
#clip_select:after {
content: '\f103';
padding: 0 0 0 10px;
font-family: FontAwesome;
}
.hour-select,
#showprep-list ul {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
width: 100%;
z-index: 1;
}
#track_select:hover .hour-select,
#showprep-list:hover ul {
display: block;
}
.hour-select,
#showprep-list ul {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
width: 100%;
z-index: 1;
}
#track_select:hover .hour-select,
#showprep-list:hover ul {
display: block;
}
.show-toggle {
font-family: 'utopia-std';
font-weight: bold;
font-size: 16px;
cursor: pointer;
text-transform: uppercase;
}
#related_audio {
width: 100%;
padding: 30px 0 0 0;
background-color: rgba(224, 223, 214, 0.1);
}
#related_audio ul {
display: flex;
margin: 0 auto;
}
#related_audio .title {
color: #f0ede7;
}
.podcast:hover .sidebar-latest-soc-ico {
display: inline;
}
.podcast .sidebar-latest-soc-ico {
left: 0;
bottom: 0;
position: absolute;
float: none;
z-index: 2;
}
.podcast .sidebar-soc-ico {
margin-left: 0px;
margin-right: 7px;
font-size: 15px;
}
.podcast .sidebar-latest-soc-ico .fa {
display: inline-block;
}
.podcast .hover-color {
margin-bottom: 10px;
}
.podcast a:hover {
cursor: pointer;
}
.post-type-archive-audio div.load_more {
margin: 0px auto;
}
.post-type-archive-audio #site-outer {
background: url('./img/halftone.png');
}
.post-type-archive-audio #listen_category {
background: none;
}
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: -5px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
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 - Live player page
*/
.page-template-template-live-player .live-time {
color: #b79b50;
font-family: 'texgyreherosbold';
}
.page-template-template-live-player .tagline {
color: #f0ede7;
font-family: 'utopia-std', sans-serif;
}
.page-template-template-live-player .feed-comments {
background: url('./img/halftone.png');
padding: 25px 0;
}
.page-template-template-live-player .site-inner .content {
display: flex;
}
.page-template-template-live-player .feed-comments h3 {
width: 100%;
color: #0f212e;
font-size: 36px;
font-family: 'texgyreherosbold';
border-bottom: 7px solid #0f212e;
padding-bottom: 4px;
margin-bottom: 20px;
}
.page-template-template-live-player #video_description {
margin-top: 20px;
}
.flex {
display: flex;
}
.inline {
display: inline-block;
}
.flex .inline {
margin: auto 10px auto 0;
}
.page-template-template-live-player #content-wrap .live {
width: 50px;
padding: 0;
line-height: 1.5em;
}
/*
Audio - Custom player
*/
#audio_player audio {
display: none;
}
#audio_player {
position: fixed;
z-index: 100;
bottom: 0px;
width: 100%;
min-height: 33px;
background: #000000;
}
#audio_player a.live_tab_link {
color: #ffffff;
line-height: 1em;
margin: 13px 0 12px 0;
float: right;
}
#audio_player .fa-external-link {
font-size: 15px;
height: 15px;
width: 15px;
}
#rngVolume {
left: 60px;
transform: rotate(270deg);
position: absolute;
bottom: 85px;
display: none;
}
.live-player #rngVolume {
left: 57px;
}
.live-player #live_player_meta,
.live-player #live_player_meta p,
.player_meta.audio,
.player_meta.audio p {
display: inline-block;
}
.live-player #live_player_meta p,
.player_meta.audio p {
-webkit-margin-after: 0px;
-webkit-margin-end: 0px;
-webkit-padding-after: 0px;
-webkit-padding-end: 0px;
font-family: 'utopia-std';
white-space: nowrap;
font-size: 15px;
}
.live-player #live_player_meta,
.player_meta.audio {
width: calc(100% - 225px);
max-height: 20px;
margin: 8px 0;
}
.live-player #live_player_meta p.tagline {
color: #ffffff;
margin-right: 40px;
-webkit-margin-after: 40px;
-webkit-margin-end: 40px;
/*min-width: 250px;*/
font-weight: bold;
float: left;
}
.live-player .marquee {
color: #b79b50;
}
.player_meta .audio-title {
color: #ffffff;
min-width: 250px;
float: left;
}
.desktop-marquee {
height: 25px;
min-width: 320px;
width: calc(100% - 250px);
display: inline-block;
overflow: hidden;
position: relative;
}
.desktop-marquee div {
display: block;
width: 100%;
height: 30px;
position: absolute;
overflow: hidden;
/* animation: marquee 20s linear infinite; */
}
#live_player_meta .desktop-marquee p,
.player_meta.audio .desktop-marquee p {
float: left;
/* width: 100%; */
}
/*
@keyframes marquee {
0% { left: 110%; }
100% { left: -175%; }
}
*/
.live-player #volume_control {
width: 30px;
}
.audio-bar-flag {
float: left;
width: 60px;
padding: 4px 0;
margin:0 10px 0 0;
font-size: 18px;
line-height: 2em;
text-align: center;
font-family: 'texgyreheroscnbold', sans-serif;
-webkit-padding-after: 0;
-webkit-padding-end: 0;
-webkit-margin-after: 0;
-webkit-margin-end: 0;
}
.live {
color: #ffffff;
background: #b52734;
}
.audio-bar-flag.on-demand {
background: #252422;
color: #3F3D3B;
}
.single-audio #audio_player {
display: none;
}
.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;
margin-left: 10px;
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;
display: none;
}
#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;
width: 30px;
}
#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;
}
.live-player #live_player_meta,
.player_meta.audio {
max-width: 260px;
}
.post-type-archive-audio #site-outer {
background: url('./img/halftone.png');
}
li.podcast,
.audio-wrapper article {
margin: 0 auto;
width: 47.833%;
vertical-align: top;
text-align: left;
}
#desktop_audio_wrapper ul {
display: block;
text-align: center;
}
#desktop_audio_wrapper li.podcast:nth-of-type(5n) {
display: none;
}
#desktop_audio_wrapper li.podcast:nth-of-type(even) {
margin-left: 10px;
}
#desktop_audio_wrapper li.podcast:nth-of-type(odd) {
margin-right: 10px;
}
.page-template-template-live-player .feed-comments .comments,
.page-template-template-live-player .feed-comments .feed-ad {
width: 100%;
flex-shrink: 0;
}
.page-template-template-live-player .feed-comments .feed-ad {
text-align: center;
padding-bottom: 20px;
}
.page-template-template-live-player .feed-comments .feed-ad div {
margin: auto;
}
.page-template-template-live-player .feed-comments .site-inner .content {
display: block;
}
.live-player #live_player_meta .desktop-marquee {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.post-type-archive-audio > .site > #site-outer {
background: url('./img/halftone.png');
}
li.podcast {
margin: 0 auto;
width: 47.833%;
}
}
@media screen and (max-width: 1100px) {
.page-template-template-live-player .feed-comments,
.page-template-template-live-player #related_audio {
padding: 0 20px;
}
}
/* 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;
flex-wrap: wrap;
justify-content: space-around;
}
.serial_content {
display: none;
width: 100%;
background: #dfdfd5;
padding: 30px 20px;
}
.serial_content.display {
display: flex;
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;
max-width: 402px;
width: 100%;
height: 100%;
float: left;
}
.serial-list {
width: 100%;
text-align: left;
}
.article-button-wrapper {
margin: 0 15px;
}
.articles ol {
counter-reset: item;
list-style-type: none;
}
.articles ol li { display: block; }
.articles ol li:before {
content: counter(item) " ";
counter-increment: item
}
.articles ol {
list-style-type: decimal;
width: 100%;
margin-left: 0px;
font-family: 'texgyreherosregular';
}
.articles ol li {
width: 100%;
position: relative;
padding: 10px 0px 10px 25px;
}
.articles ol li:before {
margin: 3px 16px auto -20px;
position: absolute;
line-height: 21px;
font-size: 10px;
width: 25px; /* same as padding-left set on li */
}
.articles ol li:hover {
list-style-type: none;
}
.articles ol li a:hover {
text-decoration: none;
}
.articles ol li:hover::before {
content: "\f144"; /* FontAwesome Unicode */
font-family: FontAwesome;
color: #b79b51;
font-size: 20px;
}
.serial_content h3.title,
.serial_content h4.title {
color: #003149;
}
.serial_content h3.title {
font-size: 40px;
line-height: 42px;
}
.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;
}
.post-type-archive-audio .row {
margin: 0px auto;
}
.mobile-expandable,
.expandable {
display: none;
}
.expandable.display {
display: block;
}
article.expanded .hover-color:after {
background: rgba(11, 48, 70, .6);
opacity: 1 !important;
}
article.expanded .hover-color .playbtn {
display: inline-block;
}
@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;
}
.post-type-archive-audio #listen_category article {
max-width: 49%;
flex-shrink: 0;
}
.single-audio #content {
display: block;
}
.mobile-expandable.display {
display: block;
}
.expandable.display {
display: none;
}
.serial-thumb {
display: none;
}
.serial_content {
margin: 20px auto 30px;
}
}
@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 (min-width: 1024px) {
.single-audio .attachment-post-thumbnail,
.page-template-template-live-player .attachment-post-thumbnail {
width: 100%;
}
}
/***************************************************
- Audio: How to Listen
***************************************************/
#listen_options {
background-color: #e0dfd6;
}
#listen_options ul {
display: flex;
}
#listen_options li {
display: inline-block;
position: relative;
max-width: 24%;
width: 24%;
text-align: center;
justify-content: space-between;
}
#listen_options .listen-link {
max-height: 150px;
max-width: 275px;
height: auto;
width: 100%;
display: inline-block;
}
#listen_options .color {
opacity: 0;
}
#listen_options li:hover .color {
opacity: 1;
-webkit-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
#listen_options .flat {
position: absolute;
top: 0;
left: 0;
}
#listen_options .flat:hover {
opacity: 0;
-webkit-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.listen-link:hover {
-webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.4s ease-in-out;
cursor: pointer;
}
#find_your_station {
min-height: 500px;
background: url(./img/noisy_net.png);
}
#find_your_station .section_title {
color: #b79b50;
font-size: 35px;
font-family: 'texgyreherosbold', sans-serif;
padding: 30px 0 20px 0;
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
#site-outer #archive-selection {
background: url(./img/navy-dust-tile.jpg);
}
#site-outer #archive-selection .site-inner {
max-width: 1100px !important;
}
}
@media screen and (max-width: 767px) {
#listen_options ul {
display: block;
}
#listen_options li {
display: inline-block;
max-width: 49%;
width: 49%;
text-align: center;
}
.page-template-affiliates-page #listen_category article {
display: none;
}
.page-template-affiliates-page #listen_category article:nth-of-type(-n+2){
display: inline-block;
max-width: 49%;
width: 49%;
}
}
/************************************************
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;
}
/* IE 10+ media query */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.home-lightbox--close-desktop{
top:100px;
right:100px;
}
}
/* 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, #header-resize .fa-search {
/*position: absolute;
bottom: 0px;
right: 0px;*/
z-index: 110;
font-size: 24px;
margin: 10px 0 14px 0;
transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
}
#header_right .fa-search, #header-resize .fa-search {
color: #b79b50;
font-size:22px;
}
.menu-button.button-404{
margin-top:0;
margin-left:20px;
padding:0px 30px;
}
#header_right .right-content{
position:absolute;
right:0;
bottom:0;
}
#header_right .fa-search:hover{
cursor:pointer;
color:#b79b50;
}
#header_right .fa-search:hover, #header_right .fa-search:hover:after, #header-resize .fa-search:hover{
color:#fff;
}
#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-submit {
background: none;
}
.search-submit {
color: #000000;
}
#search .search-submit {
color: #ffffff;
}
.search-no-results .site-footer {
position: absolute;
bottom: 0px;
width: 100%;
}
.search .site-footer {
margin-bottom: 40px;
}
html,
body,
.search #page {
height: 100%;
}
.search #page > #site-outer {
min-height: -moz-calc(100% - 220px);
min-height: -webkit-calc(100% - 220px);
min-height: calc(100% - 220px);
height: auto;
}
.search #page > #site-outer {
background: url('./img/halftone.png');
}
.search-no-results .page-title {
font-size: 32px;
font-family: 'utopia-std';
}
.search-no-results .page-title {
padding-top: 1.75em;
}
.search-no-results .search-form label {
width: 100%;
}
.search-no-results .search-form input {
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: block;
}
.search-results .image-wrapper {
max-width: 20%;
float: left;
}
.search-results #watch_category .image-wrapper, .search-results #read_category .image-wrapper{
max-width:none;
}
.search-results h1.page-title {
font-size: 32px;
font-family: 'utopia-std';
}
.search-results .page-header {
border-top: 0px;
}
#header-resize{
display:none;
background:#141414;
height:53px;
margin: 0 -23px;
padding:0 23px;
}
#header-resize .ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target{
color:#b79b50;
}
@media screen and (max-width:930px){
.menu-button.button-404 {
display:none;
}
#site-navigation{
width:500px;
padding-right:30px;
}
}
@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;
}
#want-more-glenn .alert {
padding: 7px;
margin-top: 10px;
text-align: left;
border-radius: 0px;
}
#email_sub #want-more-glenn p.alert {
font-size: 14px;
}
#want-more-glenn .warning,
.page-template-signup #want-more-glenn .warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
#want-more-glenn .warning a,
.page-template-signup #want-more-glenn .warning a {
color: #8a6d3b;
font-weight: bold;
}
#want-more-glenn .error,
.page-template-signup #want-more-glenn .error {
color: #e0907d;
background-color: #883131;
}
#want-more-glenn .alert.error:before {
content: '\f00d';
padding-right: 5px;
font-family: FontAwesome;
}
#want-more-glenn .success,
.page-template-signup #want-more-glenn .success {
color: #a8cb8e;
background-color: #57763e;
}
#want-more-glenn .success a,
.page-template-signup #want-more-glenn .success a {
color: #a8cb8e;
font-weight: bold;
}
#want-more-glenn .alert.success:before {
content: '\f00c';
padding-right: 5px;
font-family: FontAwesome;
}
.newsletter-form-body div {
display: inline-block;
}
.newsletter-form-fields-wrapper,
.newsletter-form-field-wrapper {
max-width: 400px;
width: 100%;
padding-right:10px;
}
.thank-you h3 {
font-family: 'texgyreherosregular', "Helvetica Neue", sans-serif;
}
.thank-you a:hover {
text-decoration: none;
}
#want-more-glenn .thank-you p {
color: #706e6c;
}
.thank-you .gold,
.thank-you .gold a {
color: #b79b50;
font-size: 18px;
font-weight: bold;
text-decoration: underline;
}
#want-more-glenn #message {
max-width: 560px;
}
.single-post #want-more-glenn #message {
max-width: 475px;
}
.page-template-signup-php #want-more-glenn {
max-width: 700px;
margin: -25px auto 0;
}
.page-template-signup-php #want-more-glenn #message {
margin: auto;
}
.single-post #want-more-glenn.message .gb-head {
bottom: 0;
top: auto;
}
/* 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;
cursor: pointer;
letter-spacing:2px !important;
border: 2px solid #b79b50;
padding: 0px 30px;
text-transform: uppercase;
font-weight: 700;
margin: 7px 0px;
font-size: 18px;
line-height:1.75;
}
@media screen and (min-width:768px) and (max-width:1023px){
#signup_content {
height: 970px;
}
.page-template-signup-php #want-more-glenn {
max-width: 600px;
}
#want-more-glenn #message {
max-width: 470px;
}
.single-post #want-more-glenn #message {
max-width: 450px;
}
}
@media screen and (max-width:767px) {
.single-post #want-more-glenn #message {
width: 100%;
margin: auto;
margin-left: -5px;
}
}
/* ----- 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');
/*
Nick's old css
*/
.article-recommends-ad{
padding-top:30px;
}
#featured_video .meta_content, #featured_article .meta_content{
padding-left:20px;
}
.video-info time{
color:#b79b50;
}
.podcast time{
color:#b79b50;
}
#latest_videos{
background-size:cover;
}
.sponsored-bottom{
padding-bottom:30px !important;
}
.sponsored-top{
padding-bottom:15px !important;
}
/*ADDED 2/21*/
#featured_video .title, #featured_article .title{
font-size:35px;
line-height:40px;
}
#featured_video .playbtn {
height: 60px;
width: 58px;
position: absolute;
z-index: 1;
top: 46%;
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;
}
#featured_video .playbtn-lg {
background-image: none;
background-color: rgba(0,0,0,.4);
display: inline-block;
border-radius: 100px;
border: 6px solid;
border-color: #fff;
height: 100px;
width: 100px;
color: #fff;
transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-webkit-transition: .25s ease-in-out;
left: 50%;
}
#featured_video .playbtn-lg .icon-large {
z-index: 2;
font-size: 42px !important;
margin-top: 25px;
padding-left: 32px;
text-align: center;
}
#watch_category #series img{
border:1px !important;
border-color:#464d54 !important;
}
@media screen and (max-width: 767px) and (min-width: 320px){
#vod-thumb .playbtn{
top:31% !important;
}
}
@media screen and (max-width: 767px) and (min-width: 320px){
#featured_article > article > .the_article > .image-wrapper {
float: left;
padding-left: 15px;
width: 162px;
height: 83px;
margin-right: 13px;
max-width: 50%;
}
}
@media screen and (max-width: 767px) and (min-width: 320px){
#featured_article > article > .the_article > .meta_content {
width: 50%;
padding-left: 0px;
}
}
@media screen and (max-width: 767px) and (min-width: 320px){
#featured_video > article > .the_article > .meta_content h3.title {
font-size: 17px;
line-height: 20px;
display: inline;
}
}
#video_of_the_day .video-title {
line-height:32px;
}
@media screen and (max-width: 767px) and (min-width: 320px){
#watch_category.watch-wrapper, #watch_category {
background: url('http://www.glennbeck.com/publish/themes/gb4/img/noisy_net.png') !important;
}
}
@media screen and (max-width: 767px) and (min-width: 320px){
.articles article .the_article > a > .image-wrapper, div.site-inner article .the_article a div.image-wrapper {
height: 56px;
}
}
@media screen and (max-width: 1023px){
#podcasts .icon-small, .playbtn-sm .icon-small {
}
}
@media screen and (max-width: 767px) and (min-width: 320px){
.playbtn-sm .icon-small {
z-index: 2;
font-size: 21px !important;
text-align: center;
}
}
@media screen and (max-width: 767px) and (min-width: 320px){
#archive-selection #featured_video .playbtn-lg .icon-large {
font-size: 21px !important;
margin-top: 14%;
padding-left: 29%;
}
}
@media screen and (max-width: 767px) and (min-width: 320px){
#watch_category .site-inner .articles > article > .the_article > a > div.image-wrapper > div.playbtn, #archive-selection .site-inner article > .the_article > a > div.image-wrapper > div.playbtn, #archive-selection #featured_video .playbtn-lg {
height: 38px;
width: 38px;
top: 62%;
left: 60%;
}
}
@media screen and (max-width: 767px) and (min-width: 320px){
#featured_video .playbtn-lg{
border: 4px solid;
}
}