/* STYLE FOR HOTWASH PODCAST*/

h1 { 
    font-size:1.8em; 
    font-weight:900; 
    font-family:"Helvetica Neue", sans-serif; 
    line-height:1.1em; 
    margin-bottom:10px; 
}
h1 a:hover { 
    text-decoration:none; 
}
h2 { 
    color:#000000; 
    font-size:2em; 
    font-weight:900; 
    font-family:"Helvetica Neue", sans-serif; 
}
h2.sponsor { 
    text-align:left; 
    margin:0; 
}
.alpha .sponsor {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-height: 60px;
    position: relative;
    top: 35px;
    text-align: end;
}
.alpha h2.section-title {
    color: #485228;
}
.alpha h2.section-title {
    border-bottom: 7px solid #485228;
}
.podcast .top-banner {
    text-align:center;
    border-bottom:1px solid #EBEBEB;} 
.podcast .top-banner .RC-AD-TOP-BANNER {
    margin:10px auto; 
}
.podcast .top-banner .RC-AD-MOBILE-BANNER {
    display:none; 
    margin:auto; 
    width:320px; 
    height:auto;
}
.podcast .alpha .bottom-banner {
    margin:0 0 10px 0; 
    border-top:1px solid #ebebeb; 
    padding-top:10px;
}
.podcast .alpha .bottom-banner .RC-AD-BOTTOM-BANNER {
    margin:0 auto;
}
.alpha .RC-AD-BOX-TOP, 
.alpha .RC-AD-BOX-BOTTOM, 
.alpha .RC-AD-BOX-MOBILE_1, 
.alpha .RC-AD-BOX-MOBILE_2,
.alpha .RC-AD-BOX-MIDDLE { 	
	margin:10px auto;
} 
.center_crop_image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
body.podcast-landing .alpha-container { 
    float:left; 
    width:100%;
}
body.podcast-landing .alpha {
    border-right:1px solid #EBEBEB; 
    margin:0 335px 0 0; 
    padding:20px 35px 50px 0; 
} 
body.podcast-landing .beta { 
    margin:20px auto; 
    width:300px; 
}
.landing-header { 
    width:100%; 
    text-align:right; 
    padding:0 0 10px; 
}
.landing-header .label { 
    padding-top:12px; 
    display:inline-block; 
    color:#919191; 
    font-size:0.75em; 
}
.landing-header img { 
    vertical-align:middle; 
}			
.section-border {
    border-bottom: 2px solid #ebebeb; 
    display: block; 
    height: 2px; 
    padding-top: 20px; 
    position: relative; 
    top: 17px; 
    width: 100%; 
}
body.podcast .byline { 
    font-size:0.75em;
    color:#919191;
}			
.footer-wrapper { 
    display:inherit; 
}
.RC-AD.RC-AD-BOX-TOP.MOBILE-ONLY {
    display:none; 
    width:300px; 
    margin:auto;
}
.latest-podcasts .podcast.hidden {
    display: none;
}
#load_more_wrapper {
    display: table;
    font-size: 0.9em;
    font-weight: bold;
    cursor: pointer;
    border-radius: 7px;
    width: 180px;
    margin: 0px auto 20px;
    color: white;
    text-align: center;
    vertical-align: text-top;
    height: 38px;
    padding: 3px 10px 0px;
    padding-top: 20px;
}
#load_more_wrapper #load_more {
    display: table-cell;
    font-size: 20px;
    width: 300px;
    font-weight: bold;
    color: #fff;
    padding: 20px;
    cursor: pointer;
    text-align: center;
    display: block;
    border: none;
}
.load-gif{
    display: inline-block;
}
.load-gif.hidden{
    display: none;
}

/********************************************************** RESPONSIVE STYLES **************************************************************/

@media only screen and ( max-width:1179px ){
	body.podcast .top-banner .RC-AD-TOP-BANNER {
        display:block;
    }
	body.podcast .alpha .bottom-banner {
        display:none;
    }
}

/*NO ROOM FOR LEFT MENU */
@media only screen and (max-width:1050px) {
    .alpha .sponsor {
        top: 0px;
    }
}
@media only screen and ( min-width:768px ) and ( max-width:919px ){
    body.podcast-landing .top-banner .RC-AD-TOP-BANNER {
        margin-left:auto;
    }
	body.podcast-landing .alpha { 
        margin:0 310px 0 0; 
        padding:10px 10px 50px;
    } 
	body.podcast .top-banner {
        margin-left:0;
    }
	body.podcast-landing .beta-container {
        margin-left:-301px;
    } 
}
/* SMARTPHONE STYLES */
@media only screen and ( max-width : 767px ){
    body.podcast-landing .alpha {
        margin:10px 0; 
        padding:0 10px; 
        border:none;
    }
    body.podcast-landing .beta-container {
        display:none;
    }	
    .alpha .RC-AD-BOX-TOP, 
    .alpha .RC-AD-BOX-MIDDLE, 
    .alpha .RC-AD-BOX-BOTTOM, 
    .alpha .RC-AD-BOX-MOBILE_1, 
    .alpha .RC-AD-BOX-MOBILE_2 {
        display:block !important;
    }
    body.podcast .top-banner .RC-AD-TOP-BANNER {
        display:none;
    }  
    body.podcast .top-banner .RC-AD-MOBILE-BANNER {
        display:block;
    }
    .top-banner {
        border:none; 
        margin-left:0; 
        padding:10px 0;
    }
}
@media only screen and ( max-width : 380px ){
    .alpha .sponsor {
        font-size: 0.6em;
    }
}
@media only screen and ( max-width : 320px ){
	body.podcast .RC-AD-MOBILE-BANNER {
        margin-left:-10px;
    }
}
/*PODCAST CSS FOR MOBILE ADS*/
.podcast .top-banner .RC-AD-BOX-TOP,
.podcast .alpha-container .RC-AD-BOX-MIDDLE,
.podcast .alpha-container .RC-AD-BOX-BOTTOM,
.podcast .alpha-container .RC-AD-BOX-BOTTOM-600,
.podcast .alpha-container .RC-AD-BOX-MOBILE_1,
.podcast .alpha-container .RC-AD-BOX-MOBILE_2 {
	margin: 5px auto;
}

@media only screen and ( min-width : 768px ) {
	.podcast .top-banner .RC-AD-BOX-TOP,
	.podcast .alpha-container .RC-AD-BOX-BOTTOM-600,
	.inline-rc-ad-middle{
		display: none;
	}
}
@media only screen and ( max-width : 767px ) {
	.podcast-landing .alpha .RC-AD-BOX-MIDDLE,
	.podcast-landing .alpha .RC-AD-BOX-BOTTOM{
		margin-bottom: 20px;
	}
}