@charset "utf-8";
/*
Theme Name: The Hugh Hewitt Show
Theme URI: https://hughhewitt.com
Description: The Hugh Hewitt Show website
Version: 3.0.1
Author: Salem Media Group
Author URI: https://salemmedia.com
*/

@import url('assets/css/normalize.v8.0.1.min.css');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

:root {
    /* Fonts */
    --mainFont: 'Source Sans 3', Arial, Helvetica, sans-serif;
    /* Colors */
	--hewittRed:#9a0a01;
    --hewittRed-RGB:154,10,1;
	--hewittRedHover:#c3150a;
    --hewittDarkRed: #740700;
    --hewittDarkRedHover: #8c1811;
    --hewittBlue:#0d7be6;
    --hewittBlueHover:#0774fa;
    --SNCBlue:#1a3dae;
    --SNCBlueHover:#1c48d8;
    /* navigation */
    --mainNavColor: #efefef;
    --mainNavColorHover: #ffffff;
    /* sections */
    --sectionHeadingColor: #000000;
    --pageHeadingColor: #000000;
    --headingLineHeight: 1.2;
    --underlineThickness: from-font;
    --underlineOffset: 0.15em;
    --letterSpacingCondensed: -.03rem; 
    --sectionBorderColor: #e5e5e5;
    --articleTitleColor: #000000;
    --articleInfoColor: #777;
    /* Transitions */
    --transitionAll: all 0.2s ease 0s;
    --transitionTransform: transform 0.2s ease 0s;
    /* Social */
    --twitterXColor: #000000;
    --facebookColor: #1563e1;
    --youtubeColor: #e62117;
    --instagramColor: radial-gradient(circle at 0% 200%, #fdf497 0%, #fd5949 25%, #d6249f 65%, #285AEB 100%);
    /* Misc */
    --textShadow: 1px 1px 1px rgba(0,0,0,0.3);
    --svgFilterShadow: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
}

html{scroll-behavior: smooth;}

body{
font-size:16px;
font-size: 1rem;
line-height: normal;
color:#333333;
font-family: var(--mainFont);
background:#ffffff;
height: 100%;
min-height: 100%;
}

body::after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
background: rgba(0, 0, 0, 0.8);
z-index: 390;
display:none;
}
body.menuON::after{
display: block;
}


input, textarea, select, button{font-family: var(--mainFont);}

h1, h2, h3, h4, h5, h6{
line-height: var(--headingLineHeight);
letter-spacing: var(--letterSpacingCondensed);
}

img:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{outline:2px solid #000; outline-offset: 2px;}
img:focus:not(:focus-visible),
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible){outline:none;}


/*================================================
	Header
==================================================*/
.header{
width: 100%;
background: #fff;
position: relative;
z-index: 400;
}
@media (max-width: 1100px) {
    .header{
    border-bottom:1px solid var(--sectionBorderColor);
    position: sticky;
    top:0;
    left:0;
    }
    .menuON .header{
    position: relative;
    }
}





/* ==================================================
    Masthead
===================================================*/
.masthead_wrap{
position: relative;
z-index: 500;
width: 100%;
}


/* Main Masthead ========================================*/
.main_masthead{
display: flex;
width: 100%;
justify-content: space-between;
align-items: stretch;
position: relative;
height:130px;
}

/* 	Logo */
.main_masthead_logo_wrap {
position: relative;
display: flex;
height: 100%;
align-items: center;
padding-left: 72px;
overflow: hidden;
width: 422px;
}
.main_masthead_logo_wrap .hewitt_img{
display: block;
height: 127px;
width: auto;
left: 0;
bottom: -2px;
z-index: 2;
position: absolute;
}
.main_masthead_logo_wrap .main_logo{
display: block;
height: auto;
width: 278px;
position: relative;
top: 5px;
z-index: 1;
}
.main_masthead_logo_wrap .duane_img {
display: block;
height: 114px;
width: auto;
right: 0px;
bottom: 0px;
z-index: 2;
position: absolute;
}
.main_masthead_logo_wrap .duane_name {
display: block;
height: auto;
width: 110px;
right: 156px;
bottom: 10px;
z-index: 2;
position: absolute;
opacity: 0.8;
}

@media (max-width: 1100px) {
    .main_masthead{
    display:none;
    }
}

/* 	Hughniverse ==============================*/
.masthead_hughniverse_wrap{
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
padding:0 1em;
column-gap:1em;
}
.masthead_hughniverse_info{
font-size: 0.875em;
text-align: center;
line-height: 1.1;
position: relative;
}
.masthead_hughniverse_logo{
display: block;
width:190px;
margin: 0 auto 10px;
position: relative;
text-decoration: none;
color:#000;
}
.masthead_hughniverse_logo img{
display: block;
max-width: 100%;
height: auto;
}
.masthead_hughniverse_btns_wrap{
display: flex;
flex-direction: column;
row-gap: 7px;
}
.masthead_hughniverse_btn{
font-size: 1em;
border-radius: 3px;
color: #000;
text-align: center;
padding: 6px 0;
text-decoration: none;
line-height: 1;
border:1px solid;
width:80px;
}
.masthead_hughniverse_btn-join{
background: var(--hewittBlue);
color: #fff;
text-shadow: var(--textShadow);
border-color:var(--hewittBlue);
padding: 10px 0;
font-weight: 500;
}
.masthead_hughniverse_btn-join:hover{
background: var(--hewittBlueHover);
}
.masthead_hughniverse_btn-login{
color: #000;
border-color:#333;
transition: var(--transitionAll);
}
.masthead_hughniverse_btn-login:hover{
color: #fff;
border-color:var(--hewittRed);
background-color: var(--hewittRed);
text-shadow: var(--textShadow);
}

/* Mobile Masthead ========================================*/
.mobile_masthead{
display:none;
justify-content: space-between;
align-items: center;
height: 70px;
width: 100%;
}
.mobile_masthead_logo_wrap{
display: flex;
align-items: center;
}
.mobile_masthead_logo{
display: block;
position: relative;
top: 3px;
}
.mobile_logo{
display: block;
height: 40px;
width:auto;
position: relative;
}
.mobile_duane_name {
display: block;
width: 100px;
height: auto;
position: absolute;
right: -18px;
bottom: -3px;
}

/* Menu Btn */
.mobile_nav_menu_btn{
display: inline-flex;
width: 30px;
height: 40px;
border: none;
background: #fff;
margin-right: 7px;
text-align: left;
justify-content: center;
flex-direction: column;
row-gap: 5px;
}
.mobile_nav_menu_btn::after,
.mobile_nav_menu_btn::before {
content: '';
}
.mobile_nav_menu_btn .menu_icon,
.mobile_nav_menu_btn::after,
.mobile_nav_menu_btn::before {
position: relative;
height: 3px;
background: #222;
display: block;
width: 24px;
transition: var(--transitionAll);
}
/* transform to close btn */
.mobile_nav_menu_btn.on .menu_icon{
opacity:0;
}
.mobile_nav_menu_btn.on::after{
position: absolute;
transform: rotate(45deg);
}
.mobile_nav_menu_btn.on::before{
position: absolute;
transform: rotate(-45deg);
}

/* Search btn */
.nav_search_btn.nav_search_btn-masthead{
padding-right:0;
}
.nav_search_btn.nav_search_btn-masthead .svgFill,
.nav_search_btn.nav_search_btn-masthead:hover .svgFill,
.nav_search_btn.nav_search_btn-masthead:focus .svgFill{
fill:#222;
}

@media (max-width: 1100px) {
    .mobile_masthead{
    display: flex;
    }
}
@media (max-width: 700px) {
    .mobile_masthead{
    height: 54px;
    }
    .mobile_logo{
    height: 30px;
    }
    .mobile_duane_name{
    width: 80px;
    }
    .mobile_nav_menu_btn{
    height: 30px;
    width: 26px;
    row-gap: 4px;
    }
    .mobile_nav_menu_btn .menu_icon,
    .mobile_nav_menu_btn::after,
    .mobile_nav_menu_btn::before{
    height: 2px;
    width: 20px;
    }
}


/* ==================================================
    Main Navigation
===================================================*/
.main_nav_wrap{
background: #000;
display: flex;
justify-content: center;
align-items: center;
}

/*  Main Nav =====================================*/
.main_nav{
display: flex;
justify-content: center;
align-items: center;
list-style: none;
}
.main_nav > li{
position: relative;
}
.main_nav > li > a{
display: flex;
justify-content: center;
align-items: center;
height:54px;
color:var(--mainNavColor);
text-align: center;
font-weight:500;
font-size: 1.125em;
padding: 0 1.5em;
position:relative;
text-decoration: none;
column-gap: 5px;
}
.main_nav > li > a:hover,
.main_nav > li > a:focus{
text-decoration: underline;
color:var(--mainNavColorHover);
}
.main_nav > li.menu-item-has-children > a::after{
content: '';
width: 8px;
height: 8px;
display: block;
border-left: 2px solid;
border-bottom: 2px solid;
border-color: var(--mainNavColor);
transform: rotate(-0.125turn);
position: relative;
top: -1px;
border-radius: 0 0 0 1px;
}
.main_nav > li:hover > a{
color:var(--mainNavColorHover);
}
.main_nav > li.menu-item-has-children:hover > a::after{
border-color: var(--mainNavColorHover);
top: 3px;
transform: rotate(0.375turn);
}

@media (max-width: 1250px) {
    .main_nav > li > a{
    padding: 0 1.25em;
    }
}


/* Sub Nav */
.main_sub_nav{
width:250px;
box-shadow:0 5px 10px rgba(0,0,0,0.15);
position: absolute;
top:95%;
left:0;
border-radius: 5px;
list-style: none;
visibility:hidden;
z-index: -1;
background: #333;
padding:5px 0;
}
.main_sub_nav > li{}
.main_sub_nav > li > a{
color:var(--mainNavColor);
text-decoration: none;
font-size:1em;
font-weight: 500;
padding:0.5em 1em;
display: block;
}
.main_sub_nav > li > a:hover{
color:var(--mainNavColorHover);
text-decoration: underline;
}

.main_sub_nav::before {
background: #333;
border-left: 1px solid;
border-top: 1px solid;
content: '';
z-index: 3;
position: absolute;
width: 14px;
height: 14px;
transform: rotate(0.125turn);
top: -7px;
left: 2.5em;
}

.main_nav > li.menu-item-has-children:hover .main_sub_nav{
visibility: visible;
z-index:5;
}

/* more tab */
.main_nav > li:last-child .main_sub_nav{
left:auto;
right:0;
}
.main_nav > li:last-child .main_sub_nav::before {
left: auto;
right:2.5em;
}

/* Search Btns */
.nav_search_btn{
border:none;
background: none;
position: relative;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
height: 54px;
padding: 0 1.125em;
}
.nav_search_btn .svgFill{
fill:var(--mainNavColor);
}
.nav_search_btn:hover .svgFill,
.nav_search_btn:focus .svgFill{
fill:var(--mainNavColorHover);
}

@media (max-width: 1100px) {
    .main_nav_wrap{
    display: none;
    }
}


/* ==================================================
    Mobile Navigation
===================================================*/
.mobile_nav_wrap {
width: 100%;
position: absolute;
left: 0;
height: 100%;
z-index: 500;
background-color: #fff;
display: none;
padding-bottom: 200px;
top: 100%;
border-top: 1px solid var(--sectionBorderColor);
}

.mobile_nav_container{
background: #fff;
box-shadow: 0 3px 3px rgb(0 0 0 / 10%);
padding-bottom: 40px;
}

/* Nav */
.mobile_nav {
list-style: none;
background: #fff;
}
.mobile_nav > li {
border-bottom: 1px solid var(--sectionBorderColor);
}
.mobile_nav > li > a {
display: flex;
align-items: center;
width: 100%;
color: #222;
text-decoration: none;
padding: 10px 20px;
font-size: 1em;
font-weight: 500;
position: relative;
line-height: 1.3;
}
.mobile_nav > li.menu-item-has-children > a{
column-gap: 6px;
}
.mobile_nav > li.menu-item-has-children > a::after{
content: '';
width: 7px;
height: 7px;
display: block;
border-left: 2px solid;
border-bottom: 2px solid;
border-color: #222;
transform: rotate(-0.125turn);
position: relative;
top: -2px;
border-radius: 0 0 0 1px;
}
.mobile_nav > li.menu-item-has-children.on > a::after{
top: 2px;
transform: rotate(0.375turn);
}

/* Sub Nav */
.mobile_sub_nav_wrap{
display: none;
}
.mobile_sub_nav{
width: 100%;
display: flex;
flex-direction: column;
box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.05);
background: #f5f5f5;
}
.mobile_sub_nav > li{
border-bottom: 1px solid var(--sectionBorderColor);
}
.mobile_sub_nav > li:last-child{
border:0;
}
.mobile_sub_nav > li > a{
display: block;
color: #222;
text-decoration: none;
padding: 10px 20px 10px 25px;
font-size: 1em;
font-weight: 500;
line-height: 1.3;
}

@media (max-width: 700px) {
    .mobile_nav{
    font-size: 87.5%;
    }
    .mobile_nav > li > a{
    padding: 10px 14px;
    }
    .mobile_sub_nav > li > a{
    padding: 10px 14px 10px 19px;
    }
}

/* Hughniverse login ============================*/
.mobile_nav_hughniverse_wrap{
margin-top: 2em;
}
.mobile_nav_hughniverse_info{
font-size: 12px;
text-align: center;
line-height: 1.1;
position: relative;
margin-bottom: 10px;
}
.mobile_nav_hughniverse_logo{
display: block;
width: 140px;
margin: 0 auto 6px;
position: relative;
text-decoration: none;
color:#000;
}
.mobile_nav_hughniverse_logo img{
display: block;
max-width: 100%;
height: auto;
}
.mobile_nav_hughniverse_btns_wrap{
display: flex;
justify-content: center;
column-gap: 10px;
}
.mobile_nav_hughniverse_btn{
font-size: 1em;
border-radius: 3px;
color: #000;
text-align: center;
padding: 6px 0;
text-decoration: none;
line-height: 1;
border: 1px solid;
width: 80px;
}
.mobile_nav_hughniverse_btn-join{
background: var(--hewittBlue);
color: #fff;
text-shadow: var(--textShadow);
border-color:var(--hewittBlue);
}
.mobile_nav_hughniverse_btn-join:hover{
background: var(--hewittBlueHover);
}
.mobile_nav_hughniverse_btn-login{
color: #000;
border-color:#333;
transition: var(--transitionAll);
}
.mobile_nav_hughniverse_btn-login:hover{
color: #fff;
border-color:var(--hewittRed);
background-color: var(--hewittRed);
text-shadow: var(--textShadow);
}


/*================================================
	Listen, watch, subscribe btns
==================================================*/
.show_action_btns_wrap{
background: #fff;
padding: 1em 0;
z-index: 5;
position: relative;
width: 100%;
}
.show_action_btns_wrap.sticky{
position: fixed;
bottom: 0;
z-index: 300;
box-shadow: 0 -2px 5px rgb(0 0 0 / 15%);
width: 100%;
padding: 1em 0;
}
/*
.page-template-listen-live .show_action_btns_wrap{
display: none !important;
}
*/
.show_action_btns_container{
display: flex;
justify-content: center;
column-gap:1em;
}
.show_action_btn{
display: flex;
justify-content: center;
padding: 0 1.25em;
font-size: 1.25em;
font-weight: 500;
color: #fff;
background: #222;
text-decoration: none;
border-radius: 3px;
align-items: center;
text-shadow: var(--textShadow);
height: 46px;
}
.show_action_btn img{
display: block;
width: auto;
}
.show_action_btn-listen{}
.show_action_btn-listen img{
height:16px;
margin-right:7px;
filter: invert(1) drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
}
.show_action_btn-listen:hover{
background: #444;
}
.show_action_btn-watch{
background: var(--SNCBlue);
}
.show_action_btn-watch:hover{
background: var(--SNCBlueHover)
}
.show_action_btn-watch img{
height: 24px;
width: 60px;
margin-left: 8px;
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
}
.show_action_btn-podcast{
background: var(--hewittRed);
}
.show_action_btn-podcast img{
height:20px;
margin-right: 3px;
filter:invert(1) drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
}
.show_action_btn-podcast:hover{
background: var(--hewittRedHover);
}
.show_action_btn-newsletter{
background: #696969;
}
.show_action_btn-newsletter img{
height:18px;
margin-right: 6px;
filter:invert(1) drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
}
.show_action_btn-newsletter:hover{
background: #888;
}

@media (max-width: 1100px) {
	.show_action_btns_wrap{
	position: fixed;
    bottom: 0;
    z-index: 300;
    padding: 10px;
    box-shadow: 0 -2px 5px rgb(0 0 0 / 15%);
    background: #fff;
	}
	.show_action_btn{
	padding: 0 1.5em;
	height: 46px;
    width: 49%;
	}
    .show_action_btns_container{
	flex-wrap: wrap;
    column-gap:2%;
    row-gap:10px;
	}
}
@media (max-width: 750px){
	.show_action_btns_wrap{
	font-size: 87.5%;
	}
	.show_action_btn{
	height: 40px;
    padding: 0;
	}
    .show_action_btn-listen img{
    height:14px;
    }
    .show_action_btn-watch img{
    height: 20px;
    margin-left: 6px;
    }
    .show_action_btn-podcast img{
    height:18px;
    }
    .show_action_btn-newsletter img{
    height:16px;
    }
}
@media (max-width: 480px){
    .show_action_btns_container{
    row-gap:7px;
	}
}


/*================================================
	Universal Elements
==================================================*/
.site_width{
padding:0 30px;
max-width: 1470px;
margin: 0 auto;
width: 100%;
}
@media (max-width: 1100px) {
    .site_width{
    padding:0 20px;
    }
}
@media (max-width: 700px) {
    .site_width{
    padding:0 16px;
    }
}

.main{
position: relative;
}
@media (max-width: 1100px) {
    .main{
    font-size:87.5%;
    }
}



/* Site Buttons ===================================*/
.site_btn{
display: inline-flex;
font-size: 1em;
border-radius: 3px;
color: #fff;
background: #000;
text-align: center;
padding: 0.375em 1em;
text-decoration: none;
text-shadow: var(--textShadow);
align-items: center;
justify-content: center;
line-height: normal;
}
.site_btn:hover,
.site_btn:focus{
background: #222;
}
.site_btn.blue_btn{
background: var(--hewittBlue);
}
.site_btn.blue_btn:hover,
.site_btn.blue_btn:focus{
background: var(--hewittBlueHover);
}
.site_btn.red_btn{
background: var(--hewittRed);
}
.site_btn.red_btn:hover,
.site_btn.red_btn:focus{
background: var(--hewittRedHover);
}


/* Page Sections and Grids ===================================*/
.section_wrap{
padding:3em 0;
border-bottom:1px solid var(--sectionBorderColor);
}
.section_container{
position: relative;
}
.section_heading{
font-weight: 900;
text-align: left;
color: var(--sectionHeadingColor);
display: block;
font-size:2em;
text-transform: uppercase;
margin-bottom: 1.5em;
}
@media (max-width: 750px) {
    .section_heading{
    text-align: center;
    font-size:1.5em;
    }
}

.section_content{
position: relative;
min-width: 0; /* fix for video responsiveness not working properly in the parent grid element */
}

/* Section More Btn */
.section_more_btn_wrap{
text-align: center;
}
.site_btn.section_more_btn{
background: none;
color:#000;
width: 300px;
border:1px solid #000;
margin:0 auto;
display: flex;
text-shadow: none;
text-transform: uppercase;
font-size: 0.8125em;
font-weight: 600;
transition: var(--transitionAll);
}
.site_btn.section_more_btn:hover,
.site_btn.section_more_btn:focus{
background: #000;
color:#fff;
}
@media (max-width: 750px) {
    .site_btn.section_more_btn{
    font-size: 11px;
    padding: 0.5em 1em;
    width: 220px;
    }
}

.section_container > .section_more_btn{
margin-top:30px;
}


/* Grids ==================================================*/
.content_grid_wrap{
display: grid;
position: relative;
gap:30px 30px;
grid-template-rows: auto;
grid-auto-flow: row;
}

/* Featured content */
.content_grid_wrap-featured_wrap{
grid-template-columns: 1fr 300px;
}
@media (max-width: 1100px) {
    .content_grid_wrap{
    gap:30px 20px;
    }
}
@media (max-width: 750px) {
    .content_grid_wrap{
    gap:20px 20px;
    }
    .content_grid_wrap-featured_wrap{
    grid-template-columns: 1fr;
    }
}

/* Article Box ===================================*/
.article_box{
display: flex;
flex-direction: column;
row-gap:0.5em;
}
.article_box_img_wrap {
position: relative;
overflow: hidden;
}
.article_box_img_link {
display: block;
text-decoration: none;
position: relative;
overflow: hidden;
aspect-ratio: 16 / 9;
background: #333;
border-radius: 5px;
}
.article_box_img {
display: block;
transition: opacity 0.35s, transform 0.35s;
transform: scale3d(1.01,1.01,1);
position: absolute;
object-fit: cover;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 100%;
}
.article_box_img_link:hover .article_box_img {
transform: scale3d(1.04,1.04,1);
}
.article_box_img_link-video::after {
content: '';
display: flex;
width: 56px;
height: 56px;
background-color: rgba(0,0,0,0.6);
border-radius: 100px;
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
justify-content: center;
align-items: center;
background-image: url(assets/images/icons/play-rnd.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: calc(100% * .5);
opacity: 0.6;
}
.article_box_img_link-video:hover::after {
background-color: rgba(0,0,0,0.8);
opacity: 1;
}
.article_box_text_wrap{}
.article_box_heading {
font-size: 1.375em;
font-weight: 700;
margin-bottom: 0.188em;
color: var(--articleTitleColor);
display: block;
}
.article_box_heading a {
text-decoration: none;
color: var(--articleTitleColor);
display: block;
}
.article_box_img_wrap:hover + .article_box_text_wrap .article_box_heading a,
.article_box_img_wrap:focus + .article_box_text_wrap .article_box_heading a,
.article_box_heading a:hover,
.article_box_heading a:focus{
text-decoration: underline;
text-decoration-thickness: var(--underlineThickness);
text-underline-offset: var(--underlineOffset);
}
.article_box_info{
font-size:13px;
color:var(--articleInfoColor);
}
.article_box_info a{
color:var(--articleInfoColor);
text-decoration: none;
}
.article_box_info a:hover,
.article_box_info a:focus{
text-decoration: underline;
text-decoration-thickness: var(--underlineThickness);
text-underline-offset: var(--underlineOffset);
}
.article_box_text{
margin-top:0.25em;
}
.article_box-main .article_box_text{
margin-top:0.5em;
}
.article_box_text p{
margin-bottom:1.25em;
font-size: 1.125em;
line-height: 1.4;
}
.article_box_text p a{
color:var(--hewittRedHover);
text-decoration: underline;
}
.article_box_text_wrap p:last-of-type{
margin-bottom:0;
}
.article_box_text_wrap .read_more_link_wrap{
margin-top:0.5em;
}

/* Featured Article Boxes */
.article_box-featured{}
.article_box-featured.article_box-has_image{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
grid-template-rows: auto;
}
.article_box-featured.article_box-has_image .article_box_img_wrap{
grid-column: 1 / span 2;
}
.article_box-featured.article_box-has_image .article_box_img_link-video::after{
width:86px;
height:86px;
}
.article_box-featured.article_box-has_image .article_box_text_wrap {
/* align-self: center;*/ 
}
.article_box-featured .article_box_heading{
font-size: clamp(1.375rem, 3vw, 2rem);
}

@media (max-width: 1100px) {
    .article_box-featured.article_box-has_image{
    grid-template-columns: 1fr;
    gap: 8px;
    }
    .article_box-featured.article_box-has_image .article_box_img_wrap{
    grid-column: 1;
    }
}
@media (max-width: 750px) {
    .article_box-featured.article_box-has_image{
    padding-bottom: 0;
    }
}

/* Read More Link */
.read_more_link{
background: none;
color:#000;
display: inline-flex;
text-shadow: none;
text-transform: uppercase;
font-size: 0.8125em;
font-weight: 600;
text-decoration: none;
align-items: center;
line-height: normal;
text-decoration: underline;
text-decoration-thickness: var(--underlineThickness);
text-underline-offset: var(--underlineOffset);
}
.read_more_link:focus{
outline:2px solid #000;
outline-offset: 3px;
}
.article_box_text ~ .read_more_link{
margin-top:0.5em;
}
@media (max-width: 700px) {
    .read_more_link{
    font-size: 11px;
    }
}


/* Pages / Article List Pages ===============*/
.page{}
.page_template{}

/* Page Heading */
.page_header_wrap{
padding:2em 0;
}
.page_header{
font-weight: 900;
text-align: left;
color: var(--pageHeadingColor);
display: block;
font-size: clamp(1.375rem, 4vw, 2.5rem);
text-transform: uppercase;
}

.page_wrap{
padding-bottom:3em;
border-bottom: 1px solid var(--sectionBorderColor);
}

@media (max-width: 750px) {
    .page_header_wrap{
    padding:1.5em 0;
    }
    .page_header{
    text-align: center;
    }
}

/* Featured Article */
.featured_article_section{
border:none;
padding-top:0;
}

/* More Articles */
.more_articles_section{}
.page_header_wrap ~ .more_articles_section{
padding-top:0;
}


/* Icons ========================================*/
/* Play Icon */
.play_icon{
position: relative;
display: flex;
width: 20px;
height: 20px;
border: 1px solid #000;
border-radius: 50%;
justify-content: center;
align-items: center;
}
.play_icon::before {
content: "";
display: block;
width: 0;
height: 10px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 7px solid;
position: relative;
left: 1px;
} 

/* Right Chevron */
.chev_right {
position: relative;
display: flex;
width: 20px;
height: 20px;
border-radius: 100px;
justify-content: center;
align-items: center;
}
.chev_right::after {
content: "";
display: block;
width: 7px;
height: 7px;
border-bottom: 2px solid;
border-right: 2px solid;
transform: rotate(-45deg);
left: -1px;
position: relative;
} 
@media (max-width: 750px) {
    .chev_right {
    width: 16px;
    }
    .chev_right::after{
    width: 6px;
    height: 6px;
    }
}
/* Double Right Chevron */
.chev_dbl_right {
position: relative;
display: block;
width: 20px;
height: 20px;
}
.chev_dbl_right::after,
.chev_dbl_right::before {
content: "";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-right: 2px solid;
border-top: 2px solid;
transform: rotate(45deg);
top: 7px;
right: 6px
}
.chev_dbl_right::after {
right: 12px
} 
/* Left Chevron */
.chev_left {
position: relative;
display: flex;
width: 20px;
height: 20px;
border: 2px solid transparent;
border-radius: 100px;
justify-content: center;
align-items: center;
}
.chev_left::after {
content: "";
display: block;
width: 7px;
height: 7px;
border-bottom: 2px solid;
border-left: 2px solid;
transform: rotate(45deg);
right: -1px;
position: relative;
} 
/* Double Right Chevron */
.chev_dbl_left {
position: relative;
display: block;
width: 20px;
height: 20px;
}
.chev_dbl_left::after,
.chev_dbl_left::before {
content: "";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-left: 2px solid;
border-bottom: 2px solid;
transform: rotate(45deg);
top: 7px;
right: 6px
}
.chev_dbl_left::after {
left: 12px
} 


/*================================================
	Home Page - Featured Section
==================================================*/
.home_featured_section{
padding-top: 2em;
}

/* Featured Article ======================*/
.home_featured_section .article_box-featured .article_box_heading {
font-size: clamp(1.375rem, 3vw, 2.5rem);
}

/* More Articles ======================*/
.content_grid_wrap-home_top_more{
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1100px) {
    .content_grid_wrap-home_top_more{
    grid-column: 1 / span 2;
    }
}
@media (max-width: 900px) {
    .content_grid_wrap-home_top_more{
    grid-template-columns: 1fr 1fr;
    }
    .content_grid_wrap-home_top_more .article_box{
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-template-rows: auto;
    gap:0 12px;
    }
    .content_grid_wrap-home_top_more .article_box .article_box_img_link-video::after{
    width:36px;
    height:36px;
    }
}
@media (max-width: 750px) {
    .content_grid_wrap-home_top_more{
    grid-template-columns: 1fr;
    grid-column: 1;
    }
}

/* Aside and Ads =========================*/
.home_top_aside{
display: flex;
flex-direction: column;
row-gap:40px;
flex-wrap: wrap;
}

.aside_container{
width: 300px;
margin: 0 auto;
}
.aside_container_heading{
font-weight: 900;
text-align: left;
color: var(--sectionHeadingColor);
display: block;
font-size: 1.125em;
text-transform: uppercase;
margin-bottom: 0.5em;
}

/* Follow Buttons */
.aside_follow_btns_wrap {
display: flex;
column-gap: 10px;
justify-content: space-between;
}
.aside_follow_btns_wrap:first-of-type {
margin-bottom: 24px;
}
.aside_follow_btns_wrap .follow_btn {
width: 25%;
height: 50px;
}
.aside_follow_btns_wrap .follow_btn img {
height: 24px;
}

/* Ads */
.content_grid_wrap-home_top_more .home_top_more_ad_wrap{
display:none;
}

@media (max-width: 1100px) {
    .home_top_aside{
    grid-column: 1 / span 2;
    flex-direction: row;
    justify-content: space-evenly;
    }
}
@media (max-width: 750px) {
    .home_top_aside{
    grid-column: 1;
    flex-direction: column;
    padding-top: 1em;
    }
    .content_grid_wrap-home_top .home_top_ad_wrap{
    display: none;
    }
    .content_grid_wrap-home_top_more .home_top_more_ad_wrap{
    display:block;
    }
}


/*================================================
	Home Page - Schroeders Corner
==================================================*/
.home_schroeder_section{}

.home_schroeder_section .article_box-featured.article_box-has_image{}
.home_schroeder_section .article_box-featured.article_box-has_image .article_box_img_wrap{grid-column: 1;}
.home_schroeder_section .article_box-featured.article_box-has_image .article_box_text_wrap{grid-column: 2 / span 2;}


.content_grid_wrap-home_more_schroeder{
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
gap: 30px 30px;
grid-column: 1 / span 2;
}
.content_grid_wrap-home_more_schroeder .section_more_btn_wrap {
grid-column: 1 / span 4;
}

@media (max-width: 1100px) {
    .home_schroeder_section .article_box-featured.article_box-has_image{
    grid-template-columns: 1fr;
    }
    .home_schroeder_section .article_box-featured.article_box-has_image .article_box_text_wrap{
    grid-column: 1;
    }
}
@media (max-width: 900px) {
    .content_grid_wrap-home_more_schroeder{
    grid-template-columns: 1fr 1fr;
    }
    .content_grid_wrap-home_more_schroeder .section_more_btn_wrap {
    grid-column: 1 / span 2;
    }
}
@media (max-width: 750px) {
    .content_grid_wrap-home_more_schroeder{
    grid-template-columns: 1fr;
    gap: 2rem;
    order:2;
    margin-top: 10px;
    grid-column: 1;
    }
    .content_grid_wrap-home_more_schroeder .section_more_btn_wrap {
    grid-column: 1;
    }
    .home_schroeder_section .ad_wrap {
    order: 3;
    margin-top: 10px;
    }
}



/*================================================
	Home Page - Transcripts
==================================================*/
.home_transcripts_section{}

.content_grid_wrap-home_transcripts{
grid-template-columns: 1fr 1fr 1fr 300px;
gap: 30px 30px;
grid-auto-flow: column;
grid-template-rows: auto auto;
}
@media (max-width: 1100px) {
    .content_grid_wrap-home_transcripts{
    grid-template-columns: 1fr 300px;
    }
}
@media (max-width: 750px) {
    .content_grid_wrap-home_transcripts{
    grid-template-columns: 1fr;
    gap: 20px 20px;
    }
}

/* Featured Transcripts ==========================*/
.home_featured_transcripts{
display: flex;
flex-direction: column;
row-gap: 30px;
grid-column: 1 / span 2;
}

@media (max-width: 1100px) {
    .home_featured_transcripts{
    grid-column: 1;
    }
}
@media (max-width: 750px) {

}
@media (max-width: 560px) {
    .article_box-featured_transcript:last-child .article_box_heading{
    font-size: 1.25em;
    }
    .article_box-featured_transcript:last-child .article_box_text,
    .article_box-featured_transcript:last-child .read_more_link{
    display: none;
    }
}

/* More Transcripts ======================*/
.home_more_transcripts{
display: flex;
flex-direction: column;
row-gap: 20px;
grid-column: 3 / 4;
}
@media (max-width: 1100px) {
    .home_more_transcripts{
    grid-column: 1 / span 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 20px;
    }
}
@media (max-width: 750px) {
    .home_more_transcripts{
    grid-column: 1;
    grid-template-columns: 1fr;
    }
}

/* Ads =============================================*/
.content_grid_wrap-home_transcripts .ad_wrap{
grid-column: 4 / 5;
}
@media (max-width: 1100px) {
    .content_grid_wrap-home_transcripts .ad_wrap{
    grid-column: 2 / 3;
    }
}
@media (max-width: 750px) {
    .content_grid_wrap-home_transcripts .ad_wrap{
    grid-column: 1;
    order: 4;
    margin-top: 10px;
    }
}

/* Section More Btn ===================================*/
.content_grid_wrap-home_transcripts .section_more_btn_wrap{
grid-column: 1 / span 4;
}
@media (max-width: 1100px) {
    .content_grid_wrap-home_transcripts .section_more_btn_wrap{
    grid-column: 1 / span 2;
    }
}
@media (max-width: 750px) {
    .content_grid_wrap-home_transcripts .section_more_btn_wrap{
    grid-column: 1;
    order: 3;
    }
}


/*================================================
	Home Page - Videos
==================================================*/
.home_videos_section{}

.home_videos_section .article_box-featured{
padding-bottom:10px;
}

.content_grid_wrap-home_more_videos{
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
gap:30px 30px;
grid-column: 1 / span 2;
}
.content_grid_wrap-home_more_videos .section_more_btn_wrap{
grid-column: 1 / span 4;
}

@media (max-width: 1100px) {
    .content_grid_wrap-home_more_videos{
    gap:30px 20px;
    }
}
@media (max-width: 900px) {
    .content_grid_wrap-home_more_videos{
    grid-template-columns: 1fr 1fr;
    }
    .content_grid_wrap-home_more_videos .article_box{
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-template-rows: auto;
    gap:0 12px;
    }
    .content_grid_wrap-home_more_videos .article_box .article_box_img_link-video::after{
    width:36px;
    height:36px;
    }
    .content_grid_wrap-home_more_videos .section_more_btn_wrap{
    grid-column: 1 / span 2;
    }
}
@media (max-width: 750px) {
    .content_grid_wrap-home_more_videos{
    grid-template-columns: 1fr;
    grid-column: 1;
    order: 2;
    }
    .content_grid_wrap-home_more_videos .section_more_btn_wrap{
    grid-column: 1;
    }
    .home_videos_section .ad_wrap {
    order: 3;
    margin-top: 10px;
    }
}



/*================================================
	Home Page - Hughniverse Podcast
==================================================*/
.home_hughniverse_podcast_section{}
.home_hughniverse_podcast_section .section_heading{
display: flex;
align-items: center;
column-gap: 20px;
}
.section_heading .hughniverse_heading_img{
display: block;
height:30px;
width: auto;
}
.hughniverse_heading_tagline{
font-size: 16px;
font-weight: 600;
text-align: right;
text-transform: none;
}

.content_grid_wrap-home_hughniverse_podcast{
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}

@media (max-width: 750px) {
    .home_hughniverse_podcast_section .section_heading{
    justify-content: center;
    flex-direction: column;
    row-gap:7px;
    }
    .section_heading .hughniverse_heading_img{
    height:24px;
    }
    .hughniverse_heading_tagline{
    font-size: 12px;
    }
    .content_grid_wrap-home_hughniverse_podcast{
    grid-template-columns: 1fr;
    gap:2rem;
    }
}

/* Podcast Audio Articles ===================================*/
.article_box.article_box-podcast_audio{
display: flex;
flex-direction: row;
justify-content: space-between;
position: relative;
align-items: flex-start;
}

.article_box_podcast_thumb{
width:80px;
display: block;
position: relative;
}
.article_box_podcast_thumb::before{
content:'';
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
background: var(--hewittDarkRed);
transition: var(--transitionAll);
opacity: 0;
display: block;
}
.article_box_podcast_thumb img{
max-width:100%;
height:auto;
display: block;
}
.article_box_podcast_thumb .play_icon{
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%) scale(3);
z-index: 2;
transition: var(--transitionAll);
color:#fff;
border-color:#fff;
opacity: 0;
}
.article_box_podcast_thumb:hover::before,
.article_box_podcast_thumb:focus::before{
opacity: 0.8;
}
.article_box_podcast_thumb:hover .play_icon,
.article_box_podcast_thumb:focus .play_icon{
opacity: 1;
}
.article_box_podcast_thumb:hover + .article_box_text_wrap .article_box_heading a:hover,
.article_box_podcast_thumb:focus + .article_box_text_wrap .article_box_heading a:focus{
text-decoration: underline;
text-decoration-thickness: var(--underlineThickness);
text-underline-offset: var(--underlineOffset);
}

.article_box-podcast_audio .article_box_text_wrap{
width: calc(100% - 94px);
}
.section_heading .key_icon{
display: block;
height:24px;
width: auto;
}

/* Hughniverse Ad ===================================*/
.home_hughniverse_podcast_section .ad_wrap-hughniverse{
display:none;
}
@media (max-width: 750px) {
    .home_hughniverse_podcast_section .ad_wrap-hughniverse{
    display:block;
    }
}

/* Section More Btn ===================================*/
.content_grid_wrap-home_hughniverse_podcast .section_more_btn_wrap{
grid-column: 1 / span 2;
text-align: center;
width: 100%;
}
@media (max-width: 750px) {
    .content_grid_wrap-home_hughniverse_podcast .section_more_btn_wrap{
    grid-column:auto;
    }
}






/*================================================
	Archive Pages
==================================================*/
.page_wrap-archive{}

.content_grid_wrap-archive{}

/* General Archives (no except with sidebar */
.page_wrap-general .content_grid_wrap-archive{
grid-template-columns: 1fr 300px;
}

.archive_wrap{
display: flex;
flex-direction: column;
row-gap:2em;
}

.page_wrap-general .site_sidebar{
display: flex;
flex-wrap: wrap;
row-gap:40px;
flex-direction: column;
}

@media (max-width: 1000px) {
    .page_wrap-general .content_grid_wrap-archive{
    grid-template-columns: 1fr;
    }
    .page_wrap-general .site_sidebar{
    flex-direction: row;
    justify-content: center;
    }
    .page_wrap-general .site_sidebar .ad_wrap{
    width:50%;
    }
}
@media (max-width: 750px) {
    .page_wrap-general .site_sidebar .ad_wrap{
    width:100%;
    }
}

/* Article Archives (has excerpt) with sidebar ads (wraps both) */
.content_grid_wrap-archive_article{
grid-template-columns: 1fr 300px;
}
.content_grid_wrap-archive_article .article_box{
border-bottom: 1px solid var(--sectionBorderColor);
padding-bottom: 3em;
}
.content_grid_wrap-archive_article:last-child .article_box{
border-bottom:none;
padding-bottom: 0;
}
.content_grid_wrap-archive_article .article_box .article_box_heading{
font-size: clamp(1.375rem, 3vw, 2rem);
}
.content_grid_wrap-archive_article .article_box_info{
padding: 4px 0;
}
.content_grid_wrap-archive_article .article_box .read_more_link{
margin-top:1em;
}


@media (max-width: 900px) {
    .content_grid_wrap-archive_article{
    grid-template-columns: 1fr;
    border-bottom: 1px solid var(--sectionBorderColor);
    padding-bottom: 3em;
    }
    .content_grid_wrap-archive_article:last-child{
    border-bottom: none;
    padding-bottom: 0;
    }
    .content_grid_wrap-archive_article .article_box{
    border:none;
    padding-bottom:0;
    }
}

/* Videos ================================*/
.page_wrap-videos{}

.page_wrap-videos .content_grid_wrap-featured_wrap{
margin-bottom:3em;
}

.content_grid_wrap-videos_archive{
grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (max-width: 1360px) {
    .content_grid_wrap-videos_archive{
    grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 1000px) {
    .content_grid_wrap-videos_archive{
    grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 750px) {
    .content_grid_wrap-videos_archive{
    grid-template-columns: 1fr;
    }
}


/* Transcripts ==================================================*/
.page_wrap-transcripts{}

.page_wrap-transcripts .content_grid_wrap-archive{
grid-template-columns: 1fr;
gap:3em;
}

/* Schroeders Corner ==================================================*/
.page_wrap-schroeder{}

.page_wrap-schroeder .content_grid_wrap-archive{
grid-template-columns: 1fr;
gap:3em;
}

.page_wrap-schroeder .page_navigation_wrap{
padding-top:2em;
}

/* Book Club and Bookshelf ==================================================*/
.page_wrap-books{}


.page_wrap-books .content_grid_wrap-archive{
grid-template-columns: repeat(5, 1fr);
gap:60px 30px;
}

.article_box-book{
align-items: center;
text-align: center;
}
.article_box-book .article_box_img_wrap{}
.article_box-book .article_box_img_link{
aspect-ratio: auto;
}
.article_box-book .article_box_img_link:hover .article_box_img {
transform: scale3d(0.95,0.95,1);
}
.article_box-book .article_box_img {
width: auto;
height: 240px;
transform:none;
position:relative;
object-fit: contain;
}
.article_box_books_btn_wrap .site_btn{
font-weight: 600;
text-transform: uppercase;
width: 120px;
}
.about_book_link{
color:var(--hewittRed);
text-decoration: none;
font-weight: 500;
}
.about_book_link:hover,
.about_book_link:focus{
text-decoration: underline;
}

/* Bookshelf */
.bookshelf_wrap{
margin-bottom: 5em;
}
.bookshelf_title{
display: block;
line-height: 1.3;
font-size: clamp(1.25rem, 4vw, 2rem);
color:var(--articleTitleColor);
margin-bottom:0.5em;
}
.bookshelf_description{
font-size: 1.25em;
line-height: 1.4;
}
.bookshelf_wrap .content_grid_wrap{
margin-top: 1.5em;
}

@media (max-width: 1100px) {
    .page_wrap-books .content_grid_wrap-archive{
    grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 900px) {
    .page_wrap-books .content_grid_wrap-archive{
    grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 750px) {
    .page_wrap-books .content_grid_wrap-archive{
    grid-template-columns: repeat(2, 1fr);
    gap:50px 30px;
    }
    .article_box-book .article_box_img {
    height: 180px;
    }
    .article_box_books_btn_wrap .site_btn{
    width: 100px;
    }
}


/*================================================
    Watch the Show
==================================================*/
.watch_show_wrap{
max-width:1000px;
margin:0 auto;
padding-top: 2em;
}
.watch_show_heading{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 14px 0;
font-size: 1.75em;
font-weight: 600;
line-height: 1.3em;
text-transform: uppercase;
background-color: var(--SNCBlue);
color: #fff;
}
.watch_show_heading img{
display: inline-block;
height: 32px;
margin-left: 12px;
}
.watch_show_embed_wrap{
width:100%;
position:relative;
}
@media (max-width: 750px) {
    .watch_show_wrap{
    padding-top: 1.5em;
    }
	.watch_show_heading{
	font-size:1.25em;
	}
	.watch_show_heading img{
    height: 18px;
    margin-left: 6px;
	}
}


/*================================================
	Listen Live
==================================================*/
.listen_live_wrap{
margin-bottom: 2em;
}
.listen_live_container {
background: #222;
display: grid;
align-items: center;
border-radius: 10px;
height: 250px;
overflow: hidden;
grid-template-columns: 250px 1fr;
}
.listen_live_img_wrap{}
.listen_live_img {
display: block;
width: 100%;
height: auto;
}
.listen_live_content{
display: flex;
width: 100%;
flex-direction: column;
row-gap: 20px;
padding: 0 30px;
}
.listen_live_title {
font-size: clamp(1.25rem, 3.5vw, 2rem);
color: #fff;
display: block;
line-height: 1.4;
}
.listen_live_player{
border: 1px solid #555;
padding: 0 20px 0 30px;
background: #000;
border-radius: 8px;
}

.listen_live_footer_btns{
margin-bottom: 4em;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 20px;
}
.listen_live_footer_btn{
display: flex;
justify-content: center;
padding: 16px 1.75em;
font-size: 1.25em;
font-weight: 700;
color: #fff;
background: #222;
text-decoration: none;
border-radius: 4px;
align-items: center;
text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
height: 50px;
}
.listen_live_footer_btn:focus{	
outline-color: crimson;
outline-offset: 1px;
}
.listen_live_footer_btn-watch{
background: #0064a8;
}
.listen_live_footer_btn-watch:hover{
background: #027ed2;
}
.listen_live_footer_btn-watch img{
display: inline-block;
width: 67px;
height: 19px;
margin-left: 8px;
}
.listen_live_footer_btn-subscribe{
background: var(--hewittred);
}
.listen_live_footer_btn-subscribe:hover{
background: var(--redrollover);
}
.listen_live_footer_btn-subscribe span{
margin-right: 3px;
font-size: 1.125em;
}

@media (max-width: 750px){
    .listen_live_container{
    height:200px;
    grid-template-columns: 200px 1fr;
    }
    
}
@media (max-width: 560px){
    .listen_live_container{
    grid-template-columns: 1fr;
    height: auto;
    gap: 20px;
    padding: 20px 0;
    }
    .listen_live_img_wrap{
    width: 200px;
    height: auto;
    margin: 0 auto;
    border-radius: 6px;
    overflow: hidden;
    }
    .listen_live_content{
    padding: 0 20px;
    }
}

/* Player customizations */
.listen_live_player .td-player-bar,
.listen_live_player .td-player-mini  {
display: flex;
height: 110px;
justify-content: space-between;
}
.listen_live_player .td-player-mini__media-controls button {
font-size: 42px !important;
color: #ffd200 !important;
border: 1px solid #555;
width: 80px;
height: 80px;
border-radius: 40px;
background: #222;
text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
position: relative;
margin-top: 15px !important;;
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.6);
}
.listen_live_player .fa-play:before {
left: 3px;
position: relative;
}
.listen_live_player .td-player-mini__volume-controls {
margin: 10px 20px 0px !important;
}
.listen_live_player .td-player-mini__volume-controls__volume--up{
font-size: 30px !important;
position: relative !important;
top: 4px !important;
}
.listen_live_player .noUi-handle{
border-radius: 12px !important;
height: 12px !important;
width: 12px !important;
margin-top: -6px !important;
}


/* Full width aside (mainly for Listen Live page) */
.full_width_aside{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
column-gap: 30px;
row-gap: 40px;
margin-top: 2em;
}


/*================================================
    Cartoons
==================================================*/
.page_wrap.page_wrap-cartoons{
padding-top: 2em;
}

.page_wrap-cartoons .archive_wrap{
row-gap:0;
}

#cartoon-host-bio,
#cartoon-clip-list {}
#cartoon-clip-list {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 2em;
}
#cartoon-header-image{
margin-bottom:1.5em;
}
#cartoon-header-image img {
display: block;
width: 100%;
height: auto;
margin:0 auto;
}
.cartoon_box{
width: 48%;
margin-bottom: 2em;
}
.cartoon_box_image_wrap img{
display: block;
width:100%;
height:auto;
margin:0 auto;
}
.link-cursor {
cursor: pointer;
}
.cartoon_heading{
font-size: 1.5em;
line-height: 1.4;
padding-top: 5px;
text-align: center;
color: var(--articleTitleColor);
font-weight: 700;
}
.cartoon_heading a{
color: var(--articleTitleColor);
text-decoration: none;
}
.cartoon_heading a:hover,
.cartoon_heading a:focus{
text-decoration: underline;
}
.cartoon_info{
color: #727272;
font-size: 1em;
margin-bottom: 20px;
font-style: italic;
}

@media (max-width: 750px) {
    .page_wrap.page_wrap-cartoons{
    padding-top: 1.5em;
    }
}
@media (max-width: 500px) {
	.cartoon_box{
	width:100%;
	}
}

/* Cartoons - Single ==================================================*/
.cartoon_article{
margin: 2em 0;
}
.cartoon_article_heading{
font-size: 2.824em;
margin-bottom: 0.5em;
font-weight: 700;
line-height: 1.4;
color: var(--articleTitleColor);
}
.cartoon_article_img_wrap{
}
.cartoon_article_img_wrap img{
display:block;
max-width:100%;
height:auto;
margin:0 auto;
}

.cartoon_article_footer{
text-align: center;
margin-bottom: 3em;
}
.cartoon_article_footer a{
color: var(--hewittred);
text-decoration: none;
}
.cartoon_article_footer a:hover,
.cartoon_article_footer a:focus{
text-decoration: underline;
}
.cartoon_more_header{
font-size: 1.25em;
line-height: 1.4em;
margin-bottom: 1em;
}
.cartoon_more_link_wrap{
margin-bottom: 15px;
}
.cartoon_more_link_wrap a{
color: var(--hewittred);
text-decoration: none;
}
.cartoon_more_link_wrap a:hover,
.cartoon_more_link_wrap a:focus{
text-decoration: underline;
}

/*===================================================
	Archive Pages / Article List Pages - Navigation
=====================================================*/
.page_navigation_wrap{
display: flex;
justify-content: center;
align-items: center;
font-size:1em;
padding-top: 1em;
flex-wrap: wrap;
text-align:center;
}
.page_navigation_wrap .pagenum{
display: inline-block;
padding-right:20px;
}
.page_links_wrap{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.page_navigation_wrap .current,
.page_navigation_wrap a{
display: inline-flex;
margin: 0 0.5em 0 0;
padding: 10px 17px;
text-decoration: none;
width: auto;
color: #000;
border-radius: 3px;
text-align: center;
border: 1px solid #e0e0e0;
justify-content: center;
}
.page_navigation_wrap a:hover{
color:#fff;
text-decoration:none;
background: #000;
border-color:#000;
}
.page_navigation_wrap .current{
background: #000;
border: 1px solid #000;
color: #fff;
}
@media (max-width: 750px) {
    .page_navigation_wrap{
    flex-direction:column-reverse;
    }
    .page_navigation_wrap .pagenum{
	text-align:center;
	padding-right:0;
	width:100%;
	margin-top: 10px;
	}
    .page_links_wrap{
    width:100%;
    }
	.page_navigation_wrap .current,
	.page_navigation_wrap a{
	margin: 0 1% 0 0;
	padding: 10px 0;
	width: 9%;
	} 
}


/*================================================
	Single Article Pages
==================================================*/
.page_wrap.single_article_section{
padding-top:2em;
}

/* Header =====================================*/
.single_article_header{
margin-bottom:1.5em;
padding-right: 330px;
}
.single_article_header_title{
font-size: clamp(2rem, 4vw, 2.5rem);
color:#000;
}
.single_article_header_info{
display: flex;
justify-content: space-between;
padding: 1em;
border-radius: 8px;
align-items: center;
line-height: normal;
border: 1px solid var(--sectionBorderColor);
margin: 1rem 0;
font-size: 0.875em;
color:var(--articleInfoColor);
}
.single_article_header_info .author{
font-weight:600;
margin-bottom:0.5em;
}
.single_article_header_info .date_cat{}
.single_article_header_info .date_cat > a{
color:var(--articleInfoColor);
text-decoration: none;
}
.single_article_header_info .date_cat > a:hover,
.single_article_header_info .date_cat > a:focus{
text-decoration: underline;
}

/* Sharing Links */
.article_share_links_wrap{
display: flex;
justify-content: flex-end;
align-items: center;
column-gap: 20px;
}
.single_article_body .article_share_links_wrap { /* bottom of transcript articles */
justify-content: flex-start;
}
.share_link{
display: inline-flex;
justify-content: center;
align-items: center;
height: 20px;
width: 20px;
text-decoration: none;
color:#000;
position: relative;
}
.share_link svg{
display: block;
height: 20px;
width: auto;
}
.share_link.share_link-x svg{
height: 18px;
}
.share_link:hover,
.share_link:focus{
color:#222;
}

/* Copied Link */
.share_link-copy .copied{
display: none;
width: 120px;
color: #fff;
font-size: 14px;
padding: 5px 4px 4px 0;
background: #3bae41;
position: absolute;
top: 30px;
right: -5px;
z-index: 100;
border-radius: 3px;
text-align: center;
line-height: 1;
font-weight: 400;
text-shadow: var(--textShadow);
}
.share_link-copy .copied::before {
background: inherit;
content: '';
z-index: 3;
position: absolute;
width: 10px;
height: 10px;
transform: rotate(0.125turn);
top: -4px;
right: 10px;
}
.share_link-copy .copied > div {
display: flex;
justify-content: center;
align-items: center;
column-gap: 2px;
position: relative;
z-index: 20;
}
.share_link-copy .copied .check_icon{
top: -2px;
position: relative;
}

@media (max-width: 1100px) {
    .single_article_header{
    padding:0;
    }
}
@media (max-width: 750px) {
    .single_article_section{
    padding-top:1.5em;
    }
}


/* Increase/Decrease font size (mobile only) =====================================*/
.fontsize_wrap {
display: flex;
padding: 1rem 0;
border-bottom: 1px solid var(--sectionBorderColor);
justify-content: center;
align-items: center;
column-gap: 5px;
font-size: 1.125em;
}
.fontsize_btn {
border: none;
font-size: 1.5em;
width: 50px;
color: #fff;
background: #000;
height: 34px;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.fontsize_btn-reset {
background: #fff;
width: 40px;
}
.fontsize_btn-reset svg {
width: 20px;
height: 20px;
}
@media (min-width: 1101px) {
    .fontsize_wrap {
    display: none;
    }
}

/* Content =====================================*/
.single_article_content_wrap{}

.single_article_body{
display: grid;
grid-template-columns: 1fr 300px;
grid-template-rows: auto;
grid-auto-flow: row;
gap:30px 30px;
}

.single_article_body_content{}

.article_video_wrap{
position: relative;
aspect-ratio:16 / 9;
width: 100%;
}
.article_video_wrap iframe {
width: 100%;
height: 100%;
}
.article_entry{}

.single_article_aside{
display: flex;
flex-direction: column;
row-gap:40px;
}

.single-post .ad_wrap-300x250_2{
position: sticky;
top: 20px;
}


.single_article_footer_info{
display: flex;
justify-content: space-between;
padding: 1em;
border-radius: 8px;
align-items: center;
line-height: normal;
border: 1px solid var(--sectionBorderColor);
font-size: 0.875em;
color:var(--articleInfoColor);
}

@media (max-width: 1100px) {
    .single-post .ad_wrap-300x250_2{
    position: sticky;
    top: 80px;
    }
}
@media (max-width: 900px) {
    .single_article_body{
    grid-template-columns: 1fr;
    }
    .single_article_aside{
    flex-direction: row;
    justify-content: space-around;
    }
}
@media (max-width: 750px) {
    .single_article_aside{
    flex-direction: column;
    row-gap:30px;
    }
}


/*================================================
	Single Book Club Page
==================================================*/
.single_article_wrap-book{
display: grid;
grid-template-columns:  300px 1fr;
grid-template-rows: min-content;
gap: 30px 30px;
}
.single_article_wrap-book .single_article_img{
grid-row: 1 / span 2;
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.single_article_wrap-book .single_article_header{
margin:0;
padding:0;
}
.single_article_wrap-book .single_article_header_info{
font-size: 1.25em;
margin-bottom: 0;
justify-content: flex-start;
column-gap: 5px;
}


.single_article_wrap-book .single_article_body{
display: block;
}
.single_article_book_btn_wrap{
margin-bottom: 1.5em;
}
.single_article_book_btn_wrap .site_btn{
font-size: 1.5em;
font-weight: 700;
padding:0.375em 1.5em;
text-transform: uppercase;
}
.single_article_about_book_heading{
font-weight: 900;
color: #000;
text-transform: uppercase;
}

@media (max-width: 1000px) {
    .single_article_wrap-book{
    grid-template-columns:  200px 1fr;
    gap: 20px 20px;
    }
}
@media (max-width: 750px) {
    .single_article_wrap-book{
    grid-template-columns: 1fr;
    }
    .single_article_wrap-book .single_article_img{
    grid-row: 1;
    max-width: 200px;
    width:40%;
    }
    .single_article_book_btn_wrap .site_btn{
    font-size: 1.125em;
    }
}


/* More Articles =====================================*/
.more_content_wrap{
display: grid;
grid-template-columns: 1fr 300px;
grid-template-rows: auto;
grid-auto-flow: row;
gap:30px 30px;
margin-top: 5em;
}

.more_content_heading{
font-weight: 900;
text-align: left;
color: #000;
display: block;
font-size:1.5em;
text-transform: uppercase;
padding-bottom: 0.5em;
}
.more_content_wrap .more_content_heading{
grid-column: 1 / span 2;
}

@media (max-width: 1100px) {
    .more_content_wrap{
    gap:30px 20px;
    }
}
@media (max-width: 900px) {
    .more_content_wrap{
    grid-template-columns: 1fr;
    margin-top: 5em;
    }
    .more_content_wrap .more_content_heading{
    grid-column: 1;
    }
}
@media (max-width: 750px) {
    .more_content_wrap{
    gap:20px 20px;
    }
    .more_content_heading{
    text-align: center;
    }
}

/* More articles =======================================*/
.more_content_wrap-articles{}

.more_content_grid{
display: grid;
}

.more_content{}

/* Videos */
.more_content_grid-videos{
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
grid-auto-flow: row;
gap:30px 30px;
}
@media (max-width: 560px) {
    .more_content_grid-videos{
    grid-template-columns: 1fr 1fr;
    }
}

/* List of titles only - Transcripts, Schroeders Corner, etc */
.more_content-list{
display: flex;
flex-direction:column;
row-gap:30px;
}

/* Book Club */
.more_content_wrap-books{
display: block;
}
.more_content_wrap-books .content_grid_wrap-archive{
grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1100px) {
    .more_content_wrap-books .content_grid_wrap-archive{
    grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 900px) {
    .more_content_wrap-books .content_grid_wrap-archive{
    grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 750px) {
    .more_content_wrap-books .content_grid_wrap-archive{
    grid-template-columns: repeat(2, 1fr);
    }
}


/* Content from SNC =======================================*/
.more_content_wrap-SNC{}




/* Single Full Article Post =====================================*/
.article_entry {
font-size: 1.25em;
}

.article_entry h1,
.article_entry h2,
.article_entry h3,
.article_entry h4,
.article_entry h5,
.article_entry h6{
display:block;
margin-bottom:1em;
line-height:1.3;
padding-top:10px;
}
.article_entry h1{
font-size:clamp(1.5rem, 3.5vw, 2rem);
}
.article_entry h2{
font-size:clamp(1.375rem, 3.5vw, 1.75rem);
}
.article_entry h3{
font-size:clamp(1.25rem, 3.5vw, 1.5rem);
}
.article_entry h4,
.article_entry h5,
.article_entry h6{
font-size:1.125em;
}
.article_entry p,
.article_entry ul,
.article_entry ol,
.article_entry blockquote{
line-height: 1.5;
}
.article_entry p{
padding-bottom:1.5em;
}
.article_entry blockquote{
padding:0 2em;
font-style:italic;
color:#888888;
margin-bottom:1.5em;
}
.article_entry a{
color: var(--hewittRedHover);
text-decoration: underline;
}
.article_entry ul{
list-style-type:square;
padding-left:2em;
}
.article_entry ul > li > ul{
list-style-type:circle;
padding-bottom:10px;
padding-top:10px;
}
.article_entry ol{
list-style-type:decimal;
padding-left:2em;
}
.article_entry ol > li > ol{
list-style-type:lower-alpha;
padding-left:2em;
padding-bottom:10px;
padding-top:10px;
}
.article_entry ul li, .entry ol li{
padding-bottom:1.5em;
}
/* Images */
.article_entry img{
margin:0 auto;
display:block;
height:auto;
}
.article_entry img.aligncenter,
.article_entry img.alignnone{
margin:1em auto;
display:block;
max-width:100%;
height:auto;
}
.article_entry p:first-child > img.aligncenter,
.article_entry p:first-child > img.alignnone{
margin:0 auto 1em;
}
.article_entry img.alignleft{
float:left;
margin-right:30px;
margin-bottom:10px;
margin-top:5px;
display:block;
max-width:50%;
height:auto;
}
.article_entry img.alignright{
float:right;
margin-left:23px;
margin-bottom:10px;
margin-top:5px;
display:block;
max-width:50%;
height:auto;
}
/* Images with captions */
.article_entry div img{
margin:0 auto 1.5em;
display:block;
width:auto;
height:auto;
}
.article_entry div.alignleft{
float:left;
margin-right:20px;
margin-bottom:10px;
margin-top:5px;
max-width:50% !important;
}
.article_entry div.alignright{
float:right;
margin-left:20px;
margin-bottom:10px;
margin-top:5px;
max-width:50% !important;
}
.article_entry div.aligncenter,
.article_entry div.alignnone{
margin:0 auto 1.5em;
height:auto;
width:auto !important;
}
.article_entry div.alignleft img,
.article_entry div.alignright img{
display:block;
width:100%;
height:auto;
margin-bottom:10px;
}
.article_entry div.aligncenter img,
.article_entry div.alignnone img{
margin:0 auto 10px;
display:block;
width:100%;
max-width:640px;
height:auto;
}
.article_entry .wp-caption-text{
font-size:12px;
color:#727272;
display:block;
width:100%;
max-width:500px;
margin:0 auto;
text-align:center;
line-height:1;
padding-bottom:0;
}

.video_player_wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.video_player_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media (max-width: 700px) {
	.article_entry img.alignleft,
	.article_entry img.alignright{
	float:none;
	margin:0 auto 1.5em;
	max-width:100%;
	}
	.article_entry div.alignleft,
	.article_entry div.alignright{
	float:none;
	margin:0 auto 1.5em;
	max-width:100% !important;
	}
}



/*================================================
	Contact - Page and Forms
==================================================*/
.contact_info_wrap{
display: flex;
justify-content: space-evenly;
margin-bottom: 3em;
}
.contact_info_box{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
line-height: 1.4;
font-size: 1.25em;
}
.contact_info_box_title {
font-weight: 500;
}
.contact_info_box > a{
color:var(--hewittRed);
text-decoration: none;
font-weight: 700;
font-size: 1.125em;
}
.contact_info_box_btns{
display: flex;
justify-content: center;
column-gap: 20px;
margin-top: 5px;
}
.contact_info_btn{
display: flex;
width: 46px;
height: 36px;
justify-content: center;
align-items: center;
color: #fff;
text-decoration: none;
text-decoration: none;
background: #000;
border-radius: 3px;
font-size: 1em;
text-shadow: var(--textShadow);
column-gap: 5px;
font-weight: 500;
}
.contact_info_btn img {
display: block;
height: 20px;
width: auto;
filter: var(--svgFilterShadow);
}
.contact_info_btn-x {
background: var(--twitterXColor);
}
.contact_info_btn-fb {
background: var(--facebookColor);
}

@media (max-width: 750px) {
    .contact_info_wrap{
    flex-direction: column;
    row-gap: 20px;
    }
}

.contact_description {
font-size: 1.125em;
text-align: center;
font-weight: 600;
margin-bottom: 2em;
}


/* Contact Page Form Wrap (slide down boxes) =============================*/
.form_box_wrap{
font-size: 1.125em;
}
.form_box{padding-bottom:2em; border-bottom:4px solid #bfbfbf; margin-bottom:2em;}
.form_box_title{font-size:1.5em; font-weight:700; line-height:1.3em; margin-bottom:0.5em; display:block; color:var(--hewittRed); cursor: pointer; text-decoration: none;}
.form_box_title:hover,
.form_box_title:focus{text-decoration:underline;}
.form_box > p{margin-bottom:1.5em; line-height:1.5em; font-size:1.125em;}
.form_box > p:last-of-type{margin:0;}
.contact_form_container{display:none; margin-top:1em;}
.red{color:red;}


/* Contact Forms =============================*/
.contact_form_wrap{}
.contact_field_wrap p{padding:0;}
.contact_field_wrap{margin-bottom:1em; position:relative;}
.contact_field_wrap label{display:block; color:#727272; padding-bottom:2px; font-size:1em; font-weight:700;}
.contact_field_wrap label span{font-weight:400; color:#B03F41; font-size:0.875em; margin-left:10px;}
.contact_field_wrap input[type="text"],
.contact_field_wrap input[type="email"],
.contact_field_wrap input[type="tel"],
.contact_field_wrap textarea{font-size:1em; color:#333333; padding:10px; border-radius:2px; border:1px solid #d9d9d9; background:#eee;}
.contact_field_wrap input[type="text"],
.contact_field_wrap input[type="email"],
.contact_field_wrap input[type="tel"]{width:60%;}
.contact_field_wrap textarea{width:100%; height: 100px;}
.contact_field_wrap select{font-size:1em; color:#333333; background:#eee; background:rgba(0,0,0,0); height:50px; cursor:pointer; border:none; padding:0 10px; width: 110%;}
.contact_field_wrap span.state,
.contact_field_wrap span.service,
.contact_field_wrap span.position{overflow:hidden; position:relative; z-index:100; display:block; width: 60%;}
.select_fake_field{border-radius:2px; border:1px solid #d9d9d9; background:#eee; height: 50px; position: absolute; width: 60%; z-index: 5;}
.select_fake_field img{position:absolute; top: 21px; right:10px; display:block;}
.contact_field_wrap .wpcf7-submit{font-size:1.125em; margin-top: 10px; text-decoration:none; display:inline-block; color:#fff; padding:0.75em 1.125em; line-height:1; border-radius:3px; text-align:center; position:relative; font-weight:700; cursor:pointer; text-transform:uppercase; border:0; background: var(--hewittRed);}
.contact_field_wrap .wpcf7-submit:hover,
.contact_field_wrap .wpcf7-submit:focus,
.contact_field_wrap .wpcf7-submit:active{background:#EE1F12;}
.contact_field_wrap .captcha input[type="text"]{width:100px; position: relative;}
.contact_field_wrap .wpcf7-captchac{margin-left:10px; outline:1px solid #000; border:5px solid #fff; height:40px; width:auto;position: relative; top: 13px;}

.contact_field_wrap .wpcf7-radio{padding-top:10px; display:block;}
.contact_field_wrap .wpcf7-radio .wpcf7-list-item{display:block; margin-bottom:0.5em; font-size:1em;}
.contact_field_wrap .wpcf7-radio .wpcf7-list-item label span{color:inherit; font-size:inherit; cursor:pointer;}

.contact_field_wrap input[type="text"].wpcf7-not-valid,
.contact_field_wrap input[type="email"].wpcf7-not-valid,
.contact_field_wrap input[type="tel"].wpcf7-not-valid,
.contact_field_wrap textarea.wpcf7-not-valid{border-color:red; background-color:#F5D8D8;}

@media (max-width: 750px) {
.contact_field_wrap input[type="text"],
.contact_field_wrap input[type="email"],
.contact_field_wrap input[type="tel"],
.contact_field_wrap span.state,
.contact_field_wrap span.service,
.select_fake_field{width:100%;}
}


/*================================================
	Ads
==================================================*/
.ad_wrap{
margin:0 auto;
text-align: center;
}
.ad_container,
.ad_container > div{
margin: 0 auto;
position: relative;
}

/* 300x250s */
.ad_wrap-300x250{}
.ad_wrap-300x250_1{}
.ad_wrap-300x250_2{}
.ad_wrap-300x250_3{}

.ad_wrap-300x250 .ad_container{
width: 300px;
height:250px;
}

/* 728x90s */
.ad_wrap-728x90{}
.ad_wrap-below_nav{
margin-top:1rem;
}
.ad_wrap-header{
padding: 10px 0;
background: #f4f5f6;
}

@media (max-width: 750px) {
    .ad_wrap-below_nav{
    padding-top:1em;
    }
    .ad_wrap-header{
    padding:10px 0;
    }
}



/*================================================
	Hughniverse Ad
==================================================*/
.hughniverse_aside_ad_wrap {
display: block;
text-decoration: none;
color: #fff;
overflow: hidden;
position: relative;
width:300px;
margin:0 auto;
}
.hughniverse_aside_ad_wrap img {
display: block;
max-width: 100%;
height: auto;
}
.hughniverse_aside_ad_text {
background: linear-gradient(to right, #141414 0%, #2b2b2b 50%, #141414 100%);
color: #fff;
text-align: center;
padding: 8px 0 4px;
}
.hughniverse_aside_ad_text strong {
font-size: 17px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 6px;
display: inline-block;
}
.hughniverse_aside_ad_text p {
font-size: 14px;
line-height: 1.3;
margin-bottom: 4px;
}
.hughniverse_aside_ad_btn {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
background: var(--hewittBlue);
color: #fff;
text-shadow: var(--textShadow);
font-weight: 600;
font-size: 18px;
height: 40px;
}
.hughniverse_aside_ad_btn::after {
content: '';
display: block;
width: 8px;
height: 8px;
border-bottom: 2px solid;
border-color: currentColor;
border-right: 2px solid;
transform: rotate(-45deg);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
margin-left: 5px;
}

.hughniverse_aside_ad_wrap::before{
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,252,241,0.2) 10%,rgba(255,239,183,1) 50%,rgba(255,252,241,0.2) 90%,rgba(255,255,255,0) 100%);
content: "";
height: 400px;
left: -231px;
opacity: 0.4;
position: absolute;
top: -78px;
transform: rotate(35deg);
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
width: 130px;
z-index: 2;
}
.hughniverse_aside_ad_wrap:hover::before{
left: 135%;
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}


/*================================================
	Trump Interviews Ad
==================================================*/
.aside_container.trump_interviews_container{}
.trump_interviews_ad_wrap{
margin: 0 auto;
text-align: center;
}
.trump_interviews_ad_wrap a{}
.trump_interviews_ad_wrap img{
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.trump_interviews_ad_wrap .ad300{}
.trump_interviews_ad_wrap .ad728{
display: none;
}
@media (max-width: 1100px) {
    .aside_container.trump_interviews_container{
    width: 100%;
    }
    .trump_interviews_ad_wrap .ad300{
    display: none;
    }
    .trump_interviews_ad_wrap .ad728{
    display: block;
    }
}
@media (max-width: 750px) {
    .aside_container.trump_interviews_container{
    width: 300px;
    }
    .trump_interviews_ad_wrap .ad300{
    display: block;
    }
    .trump_interviews_ad_wrap .ad728{
    display: none;
    }
}

/*================================================
	Search
==================================================*/
/*  Main Search Form - Popup/Overlay =============*/
.search_overlay{
background: #fff;
height: 100vh;
left: 0;
padding: 30px;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
display: none;
}
.search_overlay_logo{
display: block;
height:40px;
width: auto;
position: absolute;
top:1em;
left:1em;
}
.search_container{
width:100%;
max-width:900px;
margin:0 auto;
padding-top: 4em;
}
.search_container_heading{
font-size: 1.75em;
font-weight: 600;
display: block;
margin-bottom: 1em;
position: relative;
color: #000;
text-align: center;
line-height: 1.3em;
}

.search_box{
position:relative;
}
.search_form{
padding: 1em;
background-color: #fff;
border-radius: 5px;
border: 1px solid #ddd;
display: flex;
justify-content: space-between;
width: 100%;
column-gap: 1em;
align-items: center;
}
.search_form input[type="text"]{
font-size: 1.125em;
padding: 1em 0;
width: 100%;
border: 0;
background: #fff;
font-weight: 400;
color: #000;
border-bottom: 3px solid #ccc;
}
.search_form input[type="text"]:focus{
border-bottom-color:rgba(0,0,0,1);
outline:none;
}
.search_form .search_btn{
order: 0;
z-index: 10;
cursor: pointer;
font-size: 1em;
color: #fff;
font-weight: 600;
text-transform: uppercase;
background-color: var(--hewittRed);
border-radius: 3px;
padding: 1em;
text-decoration: none;
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 10px;
border:none;
}
.search_form .search_btn .search_icon{
display: block;
height: 18px;
width: auto;
fill:#fff;
}
.search_form .search_btn:hover{
background-color: var(--hewittRedHover);
}

.search_wrap_close_btn{
display: block;
width:40px;
height:40px;
position: absolute;
top:1%;
right:1%;
cursor: pointer;
}
.search_wrap_close_btn span{
background: #333;
height: 2px;
width: 30px;
position: absolute;
top: 20px;
left: 5px;
transform: rotate(45deg);
}
.search_wrap_close_btn span:after {
background: #333;
content: "";
height: 2px;
position: absolute;
width: 30px;
top:0;
left:0;
transform: rotate(-90deg);
}
.search_wrap_close_btn:hover span,
.search_wrap_close_btn:hover span:after{
background: #000;
}

@media (max-width: 700px){
    .search_overlay{
    font-size:87.5%;
    }
    .search_overlay_logo{
    height:30px;
    }
    .search_wrap_close_btn {
    width: 24px;
    height: 24px;
    }
    .search_wrap_close_btn span {
    width: 20px;
    top: 11px;
    left: 2px;
    }
    .search_wrap_close_btn span:after {
    width: 20px;
    }
    .search_container{
    padding-top:2em;
    }
    .search_form{
    padding: 10px 1em;
    }
    .search_form input[type="text"]{
    padding: 8px 0;
    }
    .search_form .search_btn{
    padding: 10px 1em;
    }
}
@media (max-width: 480px){
	.search_overlay{
	padding: 30px 15px;
	}
	.search_form .search_btn .text{
	display:none;
	}
}

/* Live Search WP Results (customizations) */
.searchwp-live-search-results{
max-height: 400px;
}
.searchwp-live-search-results .searchwp-live-search-result{
flex-wrap: nowrap;
}
.searchwp-live-search-result:hover{
background: rgba(30, 30, 30,0.05);
}
.searchwp-live-search-result .searchwp-live-search-result--title a {
text-decoration: none;
}
.search_result_info {
font-size: 12px;
color: var(--articleInfoColor);
}
.searchwp-live-search-result--info .searchwp-live-search-result--desc{
font-size: 14px;
}
.live_search_result_message {
padding: 6px 12px;
text-align: center;
background: rgba(30, 30, 30, 1);
color: #fff;
display: flex;
justify-content:center;
align-items: center;
}
.live_search_result_message_title{
font-size: 1.125em;
text-transform: uppercase;
font-weight: 500;
}
.live_search_result_message_text{
background: rgba(30, 30, 30, 1);
color: #fff;
padding:10px 0;
text-align: center;
}
.live_search_result_message_text .search_icon {
display: inline-block;
position: relative;
margin:0 2px;
top:2px;
height: 14px;
width: auto;
fill: #fff;
}
@media (max-width: 750px){
    .live_search_result_message {
    justify-content:center;
    flex-direction: column;
    }
    .live_search_result_message_text{
    font-size:14px;
    }
    .searchwp-live-search-results-container .searchwp-live-search-result .searchwp-live-search-result--title a{
    font-size: 16px;
    }
}

/*================================================
    Promotions
==================================================*/
.promotion_list{
list-style: none;
margin-top: 2em;
border-top: 1px solid #ccc;
padding-top: 2em;
}
.promotion_list > li{
margin-bottom: 1em;
font-size:clamp(1.5rem, 3.5vw, 2rem);
line-height: 1.5;
font-weight: 700;
}
.promotion_list > li a{
color:var(--hewittRed);
text-decoration: none;
}
.promotion_list > li a:hover,
.promotion_list > li a:focus{
text-decoration: underline;
}


/*================================================
	Newsletter Signup Ads
==================================================*/
.footer_newsletter_ad_wrap{}
.footer_newsletter_ad{
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
column-gap: 4%;
max-width: 1000px;
margin: 0 auto;
position: relative;
}
.footer_newsletter_ad_img{
width:auto;
position: absolute;
bottom: 0;
left: 0;
display: block;
}
.footer_newsletter_ad_info{
width: 75%;
}
.footer_newsletter_ad_info .heading{
color: var(--hewittRed);
font-weight: 900;
text-transform: uppercase;
font-size: 2em;
margin-bottom: 10px;
display: block;
line-height: var(--headingLineHeight);
letter-spacing:var(--condensed);
}
.footer_newsletter_ad_info .heading a{
color:var(--hewittRed);
text-decoration: none;
}
.footer_newsletter_ad_info p{
font-size: 1.25em;
}
.footer_newsletter_ad_btn{
font-size:1.125em;
width: 21%;
min-width:150px;
}

@media (max-width: 750px){
    .footer_newsletter_ad{
    flex-direction: column;
    row-gap:1em;
    }
    .footer_newsletter_ad_info{
    text-align: center;
    }
    .footer_newsletter_ad_info .heading{
    font-size: 1.5em;
    }
}

/* Slide in ===================================*/
.newsletter_ad_slider_wrap{
display: none;
position: fixed;
z-index: 500;
left: -400px;
bottom: 100px;
width:400px;
}
.newsletter_ad_slider{
display: block;
width: 100%;
height: 200px;
background-color: #efefef;
background-image: url(assets/images/main-header-pic.png);
background-position: 236px bottom;
background-repeat: no-repeat;
padding: 20px 134px 0 20px;
text-decoration: none;
box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
background-size: 228px;
}
.newsletter_ad_slider .heading{
color: #9a0a01;
font-weight: 700;
font-size: 1.75em;
margin-bottom: 13px;
line-height: var(--headingLineHeight);
letter-spacing:var(--condensed);
}
.newsletter_ad_slider .text{
color: #333;
line-height: 1.4em;
font-size: 14px;
margin-bottom: 16px;
}
.newsletter_ad_slider .btn{
width: 200px;
border-radius: 4px;
height: 36px;
line-height: 36px;
text-align: center;
color: #fff;
font-weight: 700;
font-size: 1em;
background-color: #9a0a01;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.newsletter_ad_slider:hover .btn{
background-color:#EE1F12;
}

.newsletter_ad_slider_close_link{
position: absolute;
top: -12px;
right: -12px;
color: #000;
font-size: 0;
z-index: 10;
display: inline-block;
width: 24px;
height: 24px;
text-align: center;
text-decoration: none;
cursor: pointer;
font-weight: 700;
background: #000;
border-radius: 20px;
border: 2px solid #fff;
}
.newsletter_ad_slider_close_link::before,
.newsletter_ad_slider_close_link::after{
content: '';
display: block;
width: 10px;
height: 2px;
background: #fff;
top: 9px;
left: 5px;
position: absolute;
}
.newsletter_ad_slider_close_link::before{transform: rotate(-45deg);}
.newsletter_ad_slider_close_link::after{transform: rotate(45deg);}


/* Special banner ads for this Slide-in (400x200 image) */
.slider_ad_special{}
.slider_ad_special img{
display: block;
max-width: 100%;
height: auto;
box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
}

@media (max-width: 1040px){
	.newsletter_ad_slider_wrap{
	bottom:150px;
	}
}
@media (max-width: 700px){
	.newsletter_ad_slider_wrap{
	width:350px;
	left: -350px;
	}
	.newsletter_ad_slider{
	background-position: 185px bottom;
	}
	.newsletter_ad_slider .heading{
	font-size: 1.5em;
	}
	.newsletter_ad_slider .text{
	font-size: 13px;
    margin-bottom: 13px;
	}
}





/*================================================
	Podcast Landing Page
==================================================*/
/* Header ========================*/
.plp_header{
background: #fff;
}
.plp_header_content{
padding:0 30px;
width:100%;
max-width:1800px;
margin:0 auto;
display: flex;
justify-content: space-between;
align-items: center;
height: 100px;
}
.plp_header_logo_wrap{
display: flex;
justify-content: center;
align-items: center;
}
.plp_header_logo{
display: block;
width: auto;
height:50px;
}
.plp_header_logo_wrap span{
font-size: 27px;
color:#000;
line-height: 50px;
display: block;
height: 50px;
padding-left:10px;
margin-left:10px;
border-left:1px solid #bbbbbb;
font-weight:700;
text-transform: uppercase;
letter-spacing: -1px;
}
.plp_header_nav{
}
.plp_header_nav a{
color:#333;
font-size: 1em;
text-align: right;
text-decoration: none;
position: relative;
display:flex;
align-items: center;
column-gap: 3px;
}
.plp_header_nav a:hover{
text-decoration: underline;
color:#000;
}
.plp_header_nav a .arrow_left_icon{
position: relative;
transition: var(--transitionTransform);
display: inline-block;
width: 18px;
height: 18px;
}
.arrow_left_icon::after,
.arrow_left_icon::before {
content: "";
display: block;
position: absolute;
left: 3px;
}
.arrow_left_icon::after {
width: 8px;
height: 8px;
border-bottom: 2px solid;
border-left: 2px solid;
transform: rotate(45deg);
bottom: 5px;
}
.arrow_left_icon::before {
width: 14px;
height: 2px;
bottom: 8px;
background: currentColor;
}
.plp_header_nav a:hover .arrow_left_icon{
transform: translate(-5px);
}

@media (max-width: 700px) {
    .plp_header_content{
    height:60px;
    padding: 0 20px;
    }
    .plp_header_logo{
    width: 106px;
    height: 30px;
    }
    .plp_header_logo_wrap span{
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    padding-left: 7px;
    margin-left: 7px;
    }
    .plp_header_nav{
    font-size: 87.5%;
    }
}

/* Main Content ========================*/
.plp_main{
background: #fff;
}
@media (max-width: 900px) {
    .plp_main{
    font-size:87.5%;
    }
}

/* Banner */
.plp_banner_wrap{
background-color: #000;
position: relative;
padding:0 20px;
}
.plp_banner_wrap::before{
content:'';
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background-image: url("assets/images/podcast-landing-bg.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.plp_banner_container{
display: flex;
justify-content:flex-end;
align-items: center;
position: relative;
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding:4em 0;
}
.plp_banner_title{
position: relative;
width: 100%;
max-width:470px;
text-align: center;
}
.plp_banner_title_logo{
width:100%;
height: auto;
display: block;
}
.plp_banner_subtitle{
display: block;
font-size: 2.750em;
letter-spacing: 0.25em;
color:#fff;
padding-top:0.75rem;
margin-top:1rem;
position: relative;
text-align: center;
text-transform: uppercase;
line-height: 1;
font-weight: 700;
}
.plp_banner_subtitle::before{
content:'';
display: block;
height: 1px;
width:75%;
background: #fff;
opacity: 0.3;
position: relative;
top:-0.75rem;
margin:0 auto;
}
.plp_btn{
display: inline-flex;
padding:0.5em 1.75em;
color:#fff;
background: #9A0A01;
border-radius: 4px;
text-align: center;
font-size: 1.25em;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
text-decoration: none;
position: relative;
justify-content: center;
align-items: center;
transition: var(--transitionAll);
font-weight: 600;
}
.plp_btn:hover{
background:#EE1F12;
}
.plp_banner_title .plp_btn{
margin-top:2em;
}
/* chevrons */
.plp_chevron-double_down {
box-sizing: border-box;
position: relative;
display: block;
width: 14px;
height: 22px;
}
.plp_chevron-double_down::after,
.plp_chevron-double_down::before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 8px;
height: 8px;
border-bottom: 2px solid;
border-right: 2px solid;
transform: rotate(45deg);
left: 3px;
top: 3px;
box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.plp_chevron-double_down::after {
top: 8px
} 
.plp_chevron-double_right {
box-sizing: border-box;
position: relative;
display: block;
width: 22px;
width: 14px;
}
.plp_chevron-double_right::after,
.plp_chevron-double_right::before {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 8px;
height: 8px;
border-right: 2px solid;
border-top: 2px solid;
transform: rotate(45deg);
left: 3px;
right: 6px;
box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.plp_chevron-double_right::after {
right: 11px
} 

.plp_btn-subscribe .plp_chevron-double_down{
opacity: 0;
transition: var(--transitionAll);
margin-left: -1em;
}
.plp_btn-subscribe:hover .plp_chevron-double_down{
opacity: 1;
margin-left: 0.3em;
}

@media (max-width: 1110px) {
    .plp_banner_title {
    font-size: 87.5%;
    }
}
@media (max-width: 900px) {
    .plp_banner_wrap::before{
    opacity: 0.5;
    }
    .plp_banner_container{
    justify-content: center;
    }
}
@media (max-width: 700px) {
    .plp_banner_title{
    width:85%;
    }
    .plp_banner_subtitle{
    font-size:7vw;
    }
    .plp_btn-subscribe{
    display: none;
    }
}
/* Content Sections */
.plp_section{
padding:5em 0;
background: #fff;
}
.plp_container{
width:100%;
max-width:1440px;
padding:0 30px;
margin:0 auto;
}
.plp_section_heading{
font-size: 2.250em;
color:var(--sectionHeadingColor);
display: block;
line-height: 1.3;
text-align: center;
margin-bottom:1em;
position: relative;
font-weight: 800;
text-transform: uppercase;
letter-spacing: var(--letterSpacingCondensed);
}

.plp_section_heading .icon_wrap{
display: inline-flex;
width: 42px;
height: 42px;
text-align: center;
background: #9A0A01;
position: relative;
margin-right: 3px;
border-radius: 27px;
justify-content: center;
align-items: center;
}

.plp_section_heading .icon_wrap svg{
display: block;
height: 23px;
width: auto;
position: relative;
}
.plp_section_heading .icon_wrap svg path{
fill:#fff;
}
.plp_section_heading .icon_wrap .headphone_icon{}
.plp_section_heading .icon_wrap .mic_icon{}
.plp_columns_wrap{
display: flex;
justify-content:space-around;
column-gap: 6%;
flex-wrap: wrap;
}
.plp_column{
width:47%;
max-width: 640px;
text-align: center
}
.plp_column_heading{
font-size: 1.750em;
color:#333;
display: block;
line-height: 1.3;
text-align: center;
margin-bottom:1em;
position: relative;
font-weight: 700;
text-transform: uppercase;
letter-spacing: var(--letterSpacingCondensed);
}
.plp_column p{
line-height: 1.3;
font-size: 1.25em;
margin-bottom:1.5em;
}

.plp_column-hughniverse ul{
list-style: none;
text-align: left;
display: flex;
justify-content: center;
column-gap: 4%;
flex-wrap: wrap;
}
.plp_column-hughniverse ul li{
line-height: 1.3;
font-size: 1.25em;
margin-bottom:1.25em;
width:48%;
padding-left:0.875em;
position: relative;
}
.plp_column-hughniverse ul li:before{
content:'';
display: block;
width:0.325em;
height:0.325em;
position: absolute;
top:0.4em;
left:0;
background: #9A0A01;
}

.plp_subscribe_btns_wrap{
display: flex;
justify-content: center;
align-items: center;
column-gap: 10px;
flex-wrap: wrap;
row-gap:10px;
}
.plp_subscribe_btn{
width:230px;
height:60px;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
color:#fff;
font-weight: 600;
font-size:1.125em;
background: #222;
background: linear-gradient(to bottom,  #333333 0%,#000000 100%);
text-decoration: none;
column-gap: 8px;
}
.plp_subscribe_btn img{
width:32px;
height: auto;
display: block;
}

.plp_section-latest{
background:#e1e1e1;
}
.plp_player_wrap{
width: 100%;
max-width: 660px;
margin:0 auto;
padding:1em;
border-radius: 10px;
background: #fff;
}

@media (max-width: 1100px) {
    .plp_column{
    width:100%;
    margin-bottom:4em;
    }
    .plp_column:last-of-type{
    margin:0;
    }
}
@media (max-width: 900px) {
    .plp_section{
    padding:3em 0;
    }
    .plp_container{
    padding:0 20px;
    }
    .plp_subscribe_btn{
    height:46px;
    }
    .plp_subscribe_btn img{
    width:24px;
    }
}
@media (max-width: 750px) {
    .plp_section_heading{
    transform: scale(0.75);
    }
    .plp_column_heading{
    transform: scale(0.85);
    }
    .plp_column-hughniverse ul li{
    width:100%;
    }
}



/*================================================
	Follow Links
==================================================*/
.follow_section{border:none;}
.follow_btns_wrap{
display: flex;
justify-content: center;
align-items: center;
column-gap: 2%;
row-gap:15px;
width:100%;
flex-wrap: wrap;
}
.follow_btn{
display: flex;
width:15%;
justify-content: center;
align-items: center;
color:#fff;
padding: 10px 0;
text-decoration: none;
background: #000;
border-radius: 3px;
font-size: 1em;
text-shadow: var(--textShadow);
column-gap:5px;
font-weight: 500;
}
.follow_btn img{
display: block;
height:18px;
width:auto;
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.3));
}
.follow_btn-x{background: var(--twitterXColor);}
.follow_btn-fb{background: var(--facebookColor);}
.follow_btn-yt{background: var(--youtubeColor);}
.follow_btn-ig{background: var(--instagramColor);}

@media (max-width: 1100px) {
    .follow_btn{
    width:30%;
    }
}
@media (max-width: 750px) {
    .follow_btns_wrap{
    row-gap:10px;
    }
    .follow_btn{
    width:48%;
    }
}


/*================================================
	Footer
==================================================*/
.footer{}

/* Main Footer and Links ===============================*/
.main_footer_wrap{
background-color:#000;
padding:4em 2em;
}
.footer_logo_wrap{
text-align:center;
}
.footer_logo{
height: 50px;
margin-bottom: 10px;
width: auto;
display:inline-block;
}
/*
.footer_social_links{
display: flex;
justify-content: center;
column-gap: 1em;
}
.footer_social_links > a{
color: #ffffff;
display: inline-block;
opacity: 0.8;
padding: 5px;
position: relative;
text-align: center;
text-decoration: none;
}
.footer_social_links > a:hover{opacity:1.0;}
.footer_social_links > a > svg{
height:16px;
width: auto;
display: inline-block;
position: relative;
fill:#fff;
}
*/
.footer_links{
max-width: 900px;
margin: 1em auto 0;
}
.footer_nav{
display: flex;
justify-content:center;
list-style: none;
flex-wrap: wrap;
row-gap: 1em;
column-gap: 2em;
}
.footer_nav > li{}
.footer_nav > li > a{
color:#fff;
text-decoration: none;
opacity: 0.8;
font-size: 1em;
display: inline-block;
line-height: 1.4em;
text-align: center;
}
.footer_nav > li > a:hover{
opacity: 1;
text-decoration: underline;
}

/* Copyright Footer and Links ===============================*/
.copyright_wrap{
background-color:#111;
padding:3em 2em 9em 2em;
font-size:0.875em;
text-align:center;
color:#ffffff;
}
.copyright_content{
opacity:0.7;
}
.copyright_content p{
margin-bottom:10px;
line-height:1.5em;
}
.footer_salem_links {
margin-bottom: 1em;
}
.footer_salem_links,
.footer_privacy_links{
display: flex;
justify-content:center;
list-style: none;
flex-wrap: wrap;
row-gap: 5px;
column-gap:10px;
}
.footer_salem_links > li,
.footer_privacy_links > li{
text-align: center;
}
.footer_salem_links > li > a,
.footer_privacy_links > li > a{
color:#fff;
text-decoration: none;
font-size: 1em;
display: inline-block;
}
.footer_salem_links > li > a:hover,
.footer_privacy_links > li > a:hover{
opacity: 1;
text-decoration: underline;
}

@media (max-width: 1100px) {
	.copyright_wrap{
    padding-bottom: 8em;
    }
}
@media (max-width: 700px) {
	.footer{
    font-size:87.5%;
    }
	.footer_wrap{
    padding:3em 1em;
    }
    .footer_logo{
    height: 34px;
    }
    .footer_nav{
    flex-direction: column;
    align-items: center;
    row-gap:10px;
    }
	.copyright_wrap{
    font-size: 87.5%;
    padding-bottom: 11em;
    }
}

/*================================================
	404
==================================================*/
.four_0_four_heading{
display: block;
text-align: center;
font-size: clamp(1.5rem, 11vw, 6rem);
color: var(--articleTitleColor);
margin-bottom: 1rem;
}
.four_0_four_text{
text-align: center;
}


/*================================================
	Special styling
==================================================*/
img[src*="intentiq"]{display: block;}

/*================================================
	Print
==================================================*/
@media print {
    /*Reset*/
    body{
    margin:0;
    padding:0;
    line-height: 1.4em;
    word-spacing:1px;
    letter-spacing:0.2px;
    font-size: 11pt !important;
    font-family:Arial, Helvetica,"Lucida Grande", serif !important;
    color: #000;
    }
    /*Remove Elements*/
    .header,
    .footer,
    .show_action_btns_wrap,
    .footer_newsletter_ad_wrap,
    .follow_section,
    .newsletter_ad_slider_wrap,
    .search_overlay,
    .article_share_links_wrap,
    .single_article_aside,
    .more_content_wrap,
    .ad_wrap{
    display:none !important;
    }
    /*Styled Elements*/
    element{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    }
    posttitle{
    font-size: 14pt !important;
    font-family:Arial, Helvetica,"Lucida Grande", serif !important;
    color: #000 !important;
    }
    ul{
    list-style:none;
    margin:0;
    padding:0 0 10px 0;
    }
}