/*
Theme Name: Index Theme
Theme URI: http://anfieldindex.com
Description: Index Theme for AnfieldIndex.com and EPLindex.com
Author: @pwillia_ms
Author URI: http://kokuroku.com
Version: 1.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/* CSS RESET */
            
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea, button, select, option,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
    color: inherit;
    text-decoration: none;   
}
img,
video,
audio,
iframe {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
* {
    box-sizing: border-box;
}


/* BASE STYLES */

.primary-color {
    color: #a11;
}

.primary-color-transparent {
    color: rgba(170,17,17,0.8);
}

.primary-bg {
    background-color: #a11;
}

.primary-bg-transparent {
    background-color: rgba(170,17,17,0.8);
}

.secondary-color {
    color: #fd0;
}

.secondary-bg {
    background-color: #fd0;
}

            
/* UTILITY */

.text-left {
    text-align: left;
}

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

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.left {
    float:left;
}

.right {
    float: right;
}

.center {
    float: none;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.horizontal-scroll {
    overflow-y: auto;
}

/* Icons */

body .material-icons {
    position: relative;
    top: 2px;
    font-size: 1rem;
}


/* Labels */

.label {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background: #fd0;
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 0.5rem;
}

@media only screen and (min-width: 45rem) {
    
    .label {
        padding: 0.5rem 1rem;
        font-size: 1rem;
        margin-bottom: 1rem;
    }
}


/* CSS GRID */

.container {
    margin: 0 0.5rem;
    box-sizing: border-box;
}

.row {
    position: relative;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    overflow: hidden;
}

.padding {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.column {
    float: left;
    margin: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    min-height: 1rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    width: 100%;
}

.col-1-sm {
    width: 8.33%;
}

.col-2-sm {
    width: 16.66%;
}

.col-3-sm {
    width: 25%;
}

.col-4-sm {
    width: 33.33%;
}

.col-5-sm {
    width: 41.66%;
}

.col-6-sm {
    width: 50%;
}

.col-7-sm {
    width: 58.33%;
}

.col-8-sm {
    width: 66.66%;
}

.col-9-sm {
    width: 75%;
}

.col-10-sm {
    width: 83.33%;
}

.col-11-sm {
    width: 91.66%;
}

.col-12-sm {
    width: 100%;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

.hidden-sm {
    display: none;
}

/* 480px */
@media only screen and (min-width: 30rem) {  

    .container {
        margin: 0 1rem;
    }
    
    .row {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    
    .padding {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    
    .column {
        padding-left: 1rem;
        padding-right: 1rem;
    }
  
}

/* 720px */
@media only screen and (min-width: 45rem) {  
  
    .container {
        margin: 0 1.5rem;
    }
  
    .container.narrow {
        max-width: 30rem;
    }
    
    .padding {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    
    .narrow .column {
        width: 100%;
    }
    
    .col-1-md {
        width: 8.33%;
    }
    
    .col-2-md {
        width: 16.66%;
    }
    
    .col-3-md {
        width: 25%;
    }
    
    .col-4-md {
        width: 33.33%;
    }
    
    .col-5-md {
        width: 41.66%;
    }
    
    .col-6-md {
        width: 50%;
    }
    
    .col-7-md {
        width: 58.33%;
    }
    
    .col-8-md {
        width: 66.66%;
    }
    
    .col-9-md {
        width: 75%;
    }
    
    .col-10-md {
        width: 83.33%;
    }
    
    .col-11-md {
        width: 91.66%;
    }
    
    .col-12-md {
        width: 100%;
    }
    
    .hidden-sm {
        display: block;
    }
    
    .hidden-md {
        display: none;
    }

}

/* 1024px */
@media only screen and (min-width: 64rem) { 
    
    .container {
        margin: 0 auto;
        width: 60rem;
    }
    
    .col-1 {
        width: 8.33%;
    }
    
    .col-2 {
        width: 16.66%;
    }
    
    .col-3 {
        width: 25%;
    }
    
    .col-4 {
        width: 33.33%;
    }
    
    .col-5 {
        width: 41.66%;
    }
    
    .col-6 {
        width: 50%;
    }
    
    .col-7 {
        width: 58.33%;
    }
    
    .col-8 {
        width: 66.66%;
    }
    
    .col-9 {
        width: 75%;
    }
    
    .col-10 {
        width: 83.33%;
    }
    
    .col-11 {
        width: 91.66%;
    }
    
    .col-12 {
        width: 100%;
    }
    
    .hidden-md {
        display: block;
    }
    
    .hidden-lg {
        display: none;
    }
    
}

/* 1280px */
@media only screen and (min-width: 80rem) { 
    
    .container {
        margin: 0 auto;
        width: 75rem;
    }
    
    .col-1-xl {
        width: 8.33%;
    }
    
    .col-2-xl {
        width: 16.66%;
    }
    
    .col-3-xl {
        width: 25%;
    }
    
    .col-4-xl {
        width: 33.33%;
    }
    
    .col-5-xl {
        width: 41.66%;
    }
    
    .col-6-xl {
        width: 50%;
    }
    
    .col-7-xl {
        width: 58.33%;
    }
    
    .col-8-xl {
        width: 66.66%;
    }
    
    .col-9-xl {
        width: 75%;
    }
    
    .col-10xlg {
        width: 83.33%;
    }
    
    .col-11xlg {
        width: 91.66%;
    }
    
    .col-12xlg {
        width: 100%;
    }
    
    .hidden-lg {
        display: block;
    }
    
    .hidden-xl {
        display: none;
    }
    
}    


/* STYLES */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

body {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: rgba(0,0,0,0.8);
    background: #a11;
}

small,
.small {
    font-size: small;
    line-height: inherit;
}

strong,
.strong,
b {
    font-weight: bold;
}


/* Forms */

.input-field {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.input-field label {
    font-size: 1rem;
    text-transform: uppercase;
}

input,
button,
textarea {
    padding: 0.25rem;
    background: none;
    border: none;
    outline: none;
}

textarea {
    height: 10rem;
}

input::-webkit-input-placeholder{
    color:rgba(0,0,0,0.32);
}

input:placeholder {
    color:rgba(0,0,0,0.32);
}

button {
    vertical-align: middle;
}

.input-field input,
.input-field textarea {
    display: block;
    width: 100%;
    padding: 0.25rem;
    background: rgba(0,0,0,0.08);
}

.input-field input,
.input-field textarea {
    border-bottom: 2px solid rgba(0,0,0,0.32);
}

.input-field input:focus,
.input-field textarea:focus {
    background: rgba(0,0,0,0.04);
    border-bottom: 2px solid rgba(170,17,17,0.8);
}

.input-field input[type="submit"],
.input-field button {
    float: right;
    width: auto;
    padding: 0.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    background: rgba(170,17,17,0.8);
    color: #fff;
    text-transform: uppercase;
}

.input-field input[type="submit"]:focus,
.input-field button:focus,
.input-field input[type="submit"]:hover,
.input-field button:hover {
    background: rgba(170,17,17,1);
}


/* Page Header */

.page-header {
    position: relative;
    padding: 5rem 0 2rem 0;
    background: #a11 url(/wp-content/themes/index-theme/img/anfield2.jpg) 50% 50% repeat;
    background-size: cover;
    color: rgba(255,255,255,0.8);
}

.page-header:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    background: rgba(170,17,17, 0.8);
    background: -webkit-linear-gradient(rgba(170,17,17, 0.8) 50%, rgba(170,17,17, 1) 100%);
    background: linear-gradient(rgba(170,17,17, 0.8) 50%, rgba(170,17,17, 1) 100%);
}

.page-header.featured {
    background-color: #000;
    padding-top: 6rem;
}

.page-header.featured:before {
    background: rgba(0,0,0, 0.8);
    background: -webkit-linear-gradient(rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.96) 100%);
    background: linear-gradient(rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.96) 100%);
}

.page-header .page-title,
.page-header .meta {
    position: relative;
}

.page-title {
    padding: 1rem 0 1rem 0;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: uppercase;
    text-align: center;
}

.page-header .meta {
    display: none;
    color: rgba(255,255,255,0.64);
}

.page-header .breadcrumbs,
.page-header .pages {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.page-header .breadcrumbs {
    margin-left: -0.25rem;
}

.page-header .breadcrumbs b {
    padding: 0.25rem;
    font-weight: normal;
    color: rgba(255,255,255,0.8);
}

.page-header .breadcrumbs {
    margin-right: -0.25rem;
}

.page-header .pages .current {
    padding: 0.25rem;
    color: rgba(255,255,255,0.8);
}

.page-header .meta a {
    padding: 0.25rem;
}

.page-header .card {
    position: relative;
}

.page-header .card {
    color: rgba(0,0,0,0.8);
}

@media only screen and (min-width: 45rem) {
    
    .page-header {
        padding: 7rem 0 4rem 0;
    }

    .page-header.featured {
        padding-top: 8rem;
        padding-bottom: 2rem;
    }

    .page-title {
        margin-bottom: 2rem;
        padding: 2rem 0 2rem 0;
        font-size: 2rem;
        line-height: 3rem;
    }
    
    .page-header .meta {
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        padding: 1rem 0 1rem 0;
    }
    
}

@media only screen and (min-width: 64rem) {
    
    .page-header {
        padding: 7rem 0 6rem 0;
    }
    
    .page-header .card {
       margin-top: 1rem;
    }
    
    .page-title {
        padding: 4rem 0 4rem 0;
        font-size: 3rem;
        line-height: 4rem;
    }
    
}

@media only screen and (min-width: 80rem) {
    
    .page-header {
        padding: 8rem 0 6rem 0;
    }
    
    .page-header.featured {
        padding-top: 10rem;
        padding-bottom: 4rem;    
    }
    
    
}


/* Podcasts Page Header */

.podcast-details {
    padding: 1rem;
    text-align: center;
}

.podcast-details .media {
    display: none;
}

.podcast-details .podcast-artwork {
    width: 100%;
    margin: 0;
    margin-bottom: 1rem;
}

.podcast-details .podcast-title {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
}

.podcast-details .lede {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    color: rgba(0,0,0,0.64);
}

.podcast-details .subscribe .title {
    margin-bottom: 0.5rem;
}

.podcast-details .subscribe a {
    display: inline-block;
    padding: 0.5rem 1rem 0.5rem 0;
}

.podcast-details .subscribe img {
    height: 2rem;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: middle;
}

.podcast-header .hosts {
    text-align: center;
}

.podcast-header .hosts .title {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
}

.podcast-header .host {
    margin-bottom: 1rem;
}

.podcast-header .host .name {
    margin-bottom: 0.5rem;
}

.podcast-header .host .avatar {
    margin: 0 auto;
    margin-bottom: 0.5rem;
    border-radius: 100%;
}

.podcast-header .host .twitter-follow-button {
    margin: 0.5rem auto 0 auto;
}


@media only screen and (min-width: 45rem) {
    
    .podcast-details {
        display: -webkit-flex;
        display: flex;
        text-align: left;
    }
    
    .podcast-details .media {
        display: block;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3%;
        margin: 0 1rem 0 0;
    }
    
    .podcast-details .contents {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        align-items: flex-start;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    
    .podcast-details .podcast-title {
        font-size: 2rem;
        line-height: 3rem;
    }
    
    .podcast-details .lede {
        font-size: 1.25rem;
        line-height: 2rem;
    }
    
    .podcast-details .contents .podcast-artwork {
        display: none;
    }
    
    .podcast-details .subscribe {
        margin-top: auto;
    }
    
    .podcast-header .hosts {
        text-align: left;
    }
    
    .podcast-header .hosts .title {
        margin-bottom: 1rem;
    }
    
    .podcast-header .host {
        display: -webkit-flex;
        display: flex;
    }
    
    .podcast-header .host .media {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 1rem;
    }
    
    .podcast-header .host .contents {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    
    .podcast-header .host .twitter-follow-button {
        margin: 0.5rem 0 0 auto;
    }
    
}

@media only screen and (min-width: 64rem) {
    
    .podcast-header .hosts > .contents {
        display: -webkit-flex;
        display: flex;
        flex-flow: wrap;
    }
    
    .podcast-header .hosts .title {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    
    .podcast-header .host {
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        width: 50%;
    }
    
    .podcast-header .host:nth-of-type(n+3) {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    
    .podcast-header .host .twitter-follow-button {
        margin: 1rem 0 0 auto;
    }
    
}

@media only screen and (min-width: 80rem) {
    
    .podcast-details .podcast-title {
        font-size: 3rem;
        line-height: 4rem;
    }
    
    .podcast-details .lede {
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    
}


/* Page Contents */

main {
    position: relative;
    overflow: hidden;
}

.page-header + main {
    margin-top: -2rem;
}

.featured + main {
    margin-top: 0.5rem;
}

@media only screen and (min-width: 45rem) {
    
    main {
        display: -webkit-flex;
        display: flex;
    }
    
    main.blocks {
        display: block;
    }
    
    .page-header + main {
        margin-top: -4rem;
    }
    
    .featured + main {
        margin-top: 1rem;
    }
    
    .page-contents {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    
}

@media only screen and (min-width: 64rem) {
    
    .page-header + main {
        margin-top: -6rem;
    }
    
    .featured + main {
        margin-top: 1.5rem;
    }
    
}


/* Sidebar */

.sidebar {
    position: relative;
}

.sidebar-title {
    display: none;
}

.sidebar .contents {
    overflow: auto;
}

@media only screen and (min-width: 45rem) {
    
    .sidebar {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 17rem;
        margin-left: 1rem;
    }
    
}

@media only screen and (min-width: 64rem) {
    
    .sidebar {
        width: 17rem;
    }
    
}

@media only screen and (min-width: 80rem) {
    
    .sidebar {
        width: 22rem;
    }
    
}


/* Cards */
            
.card {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 4px 0 rgba(0,0,0,0.16);
    margin-bottom: 1rem;
}

.card .contents {
    padding: 0.5rem;
}

@media only screen and (min-width:45rem) {
    
    .card > .contents {
        padding: 1rem;
    }
    
}


/* Article Typography */

article {
    overflow: hidden;
}

.article-media img,
.article-media video,
.article-media audio,
.article-media iframe {
    width: 100%;
}

.article-media .title {
    display: none;
}

.article-contents h1,
.article-contents h2,
.article-contents h3,
.article-contents h4,
.article-contents h5,
.article-contents h6,
.article-contents p,
.article-contents li,
.article-contents table,
.article-contents img {
    height: auto;
    margin: 0;
    margin-bottom: 0.5rem;
    line-height: 1.5rem;
}

.article-contents i,
.article-contents em {
    font-style: italic;
}

.article-contents blockquote {
    margin: 0;
    margin-bottom: 0.5rem;
    padding: 1rem;
    line-height: 1.5rem;
    border-left: 2px solid #a11;
    background: rgba(170,17,17,0.08);
}

.article-contents blockquote > p:last-child {
    margin-bottom: 0;
}

.article-contents img,
.article-contents video,
.article-contents audio,
.article-contents iframe {
    margin-left: auto;
    margin-right: auto;
    line-height: 1rem;
}

.article-contents ul,
.article-contents ol {
    padding-left: 1rem;
    counter-reset: list-items;
}

.article-contents ol li {
    counter-increment: list-items;
}

.article-contents ul li:before,
.article-contents ol li:before {
    content: '\2022';
    display: inline-block;
    width: 1rem;
    margin-left: -1rem;
    color: rgba(170,17,17,0.8);
}

.article-contents ol li:before {
    content: counter(list-items);
}

.article-contents li > * {
    margin-bottom: 0;
}

.article-contents h1 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.article-contents h2 {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.article-contents h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.article-contents h4,
.article-contents h5,
.article-contents h6 {
    font-size: 1rem;
    line-height: 1.5rem;
}

.article-contents table {
    display: block;
    overflow-x: auto;
    font-size: 1rem;
    line-height: 1rem;
}

.article-contents tr:nth-child(odd) {
    background-color:rgba(0,0,0,0.08);
}

.article-contents td {
    padding: 0.5rem;
}

.article-contents a {
    color: rgba(170,17,17,0.8);
}

.article-contents a:hover,
.article-contents a:focus {
    color: rgba(170,17,17,1);
}

@media only screen and (min-width: 30rem) {
    
    .article-contents h1,
    .article-contents h2,
    .article-contents h3,
    .article-contents h4,
    .article-contents h5,
    .article-contents h6,
    .article-contents p,
    .article-contents blockquote,
    .article-contents li,
    .article-contents table,
    .article-contents img {
        margin-bottom: 1rem;
    }

}

@media only screen and (min-width: 45rem) {

    .full-article {
        margin-bottom: 2rem;
    }

	.article-contents img.alignright,
	.article-contents img.alignleft {
		float: right;
	    max-width: 50%;
	    margin-right: 0;
	    margin-left: 1rem;
	}
	
	.article-contents img.alignleft {
		float: left;
	    margin-right: 1rem;
	    margin-left: 0;
	}

}

@media only screen and (min-width: 64rem) { 
    
    .article-contents h1,
    .article-contents h2,
    .article-contents h3,
    .article-contents h4,
    .article-contents h5,
    .article-contents h6,
    .article-contents p,
    .article-contents blockquote,
    .article-contents li,
    .article-contents table  {
        font-size: 1.25rem;
        line-height: 2rem;
        margin-bottom: 2rem;
    }
    
    .article-contents img {
        margin-bottom: 2rem;
    }
    
    .article-contents img.alignright {
	    margin-left: 2rem;
	}
	
	.article-contents img.alignleft {
	    margin-right: 2rem;
	}
    
    .article-contents h1 {
        font-size: 3rem;
        line-height: 4rem;
    }
    
    .article-contents h2 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    
    .article-contents h3 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    
    .article-contents h4,
    .article-contents h5,
    .article-contents h6 {
        font-size: 1.25rem;
        line-height: 2rem;
    }
    
}


/* Article Footer */

.article-footer .title {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
}


/* Author */

.author-profile {
    display: -webkit-flex;
    display: flex;
}

.archive .author-profile {
    color: #fff;
    margin-bottom: 2rem;
}

.author-profile .media {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 4rem;
    height: 4rem;
    margin-right: 0.5rem;
}

.author-profile .media img {
    border-radius: 2px;
}

.author-profile .contents {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 12rem;
}

.author-profile .title {
    margin-bottom: 0.5rem;
}

.archive .author-profile .title {
    color: #fc0;
}

.author-profile .lede {
    line-height: 1.5rem;
}

.author-profile .lede p {
    margin-bottom: 0.5rem;
}

.author-profile .lede a {
    font-size: 0.75rem;
    color: #a11;
}

.archive .author-profile .lede a {
    color: #fc0;
}


@media only screen and (min-width: 45rem) {
    
    .author-profile .title {
        font-size: 1.25rem;
    }
    
    .author-profile .media {
        width: 6rem;
        height: 6rem;
        margin-right: 1rem;
    }
    
}

@media only screen and (min-width: 64rem) {
    
    .author-profile .title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    
    .author-profile .media {
        width: 8rem;
        height: 8rem;
    }
    
}


/* Captions */

.wp-caption {
	display: block;
	margin: 0 auto 1rem auto;
	width: auto;
	max-width: 100%;
	overflow: auto;
}

.wp-caption img {
	max-width: 100%;
	margin: 0 auto;
}

.wp-caption .wp-caption-text {
	font-size: 0.75rem;
	line-height: 2rem;
	margin: 0;
	text-align: center;
	color: rgba(0,0,0,0.48);
}

@media only screen and (min-width: 45rem) {

	.wp-caption {
		max-width: 25rem;
	}

}

@media only screen and (min-width: 64rem) {

	.wp-caption {
		max-width: 35rem;
		margin-bottom: 2rem;
	}

	.wp-caption.alignleft {
		float: left;
		width: 50%;
		margin: 0 1rem 1rem 0;
	}
	
	.wp-caption.alignright {
		float: right;
		width: 50%;
		margin: 0 0 1rem 1rem;
	}

}

@media only screen and (min-width: 80rem) {

	.wp-caption {
		max-width: 50rem;
	}

}


/* Podcasts Archive Grids */

main.podcasts {
    display: block !important;
}

main.podcasts > .card > .contents {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
}

main.podcasts .title {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin: 0.5rem auto;
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-align: center;
}

.podcasts .pod {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 33%;
    padding: 0.25rem;
}

.podcasts .pod:nth-of-type(n+3) {
    -webkit-flex-grow: 0;
    flex-grow: 0;
}

.podcasts .pod.show {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

.podcasts .tabs {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}

.podcasts .tabs a {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-family: 'Oswald',sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #a11;
}

.podcasts .tabs a.active {
    color: rgba(0,0,0,0.8);
    background: #fc0;
}

.podcasts.tabbed .pod {
    display: none;
}

.podcasts.tabbed .pod.show {
    display: block;
}

@media only screen and (min-width: 45rem) {
    
    main.podcasts .title {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1rem;
    }
    
    .podcasts .pod {
        width: 16.66%;
        max-width: 33%;
    }
    
    .podcasts .pod:nth-of-type(n+3) {
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }
    
    .podcasts .pod:nth-of-type(n+6) {
        -webkit-flex-grow: 0;
        flex-grow: 0;
    }
    
    .podcasts .pod.show {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }
    
}

@media only screen and (min-width: 64rem) {
    
    main.podcasts .title {
        font-size: 2rem;
        line-height: 3rem;
    }
    
    .podcasts .pod {
        width: 12.5%;
    }
    
    .podcasts .pod:nth-of-type(n+6) {
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }
    
    .podcasts .pod:nth-of-type(n+8) {
        -webkit-flex-grow: 0;
        flex-grow: 0;
    }
    
    .podcasts .tabs a {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }
    
    .podcasts .pod.show {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66%;
    }
    
}

@media only screen and (min-width: 80rem) {
    
    .podcasts .pod {
        width: 10%;
    }
    
    .podcasts .pod:nth-of-type(n+8) {
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }
    
    .podcasts .pod:nth-of-type(n+10) {
        -webkit-flex-grow: 0;
        flex-grow: 0;
    }
    
    .podcasts .pod.show {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
    }
    
}


/* Share Buttons */

.share-buttons {
    padding: 0.5rem 0;
}

.share-buttons:after {
    content: "";
    display: table;
    clear: both;
}

.share-buttons iframe,
.share-buttons a {
    display: block;
    float: left;
    margin: 0.5rem 0;
    margin-right: 0.5rem;
}

.whatsapp-button {
    padding: 6px 0.5rem 6px 2rem;
    font-size: 0.75rem;
    line-height: 1rem;
    background: #25D366 url(/wp-content/themes/index-theme/img/whatsapp.png) 0.25rem 45% no-repeat;
    border-radius: 4px;
    color: #fff;
}

@media only screen and (min-width: 45rem) {
    
    .share-buttons {
        padding: 1rem 0;
    }
    
    .whatsapp-button {
        display: none;
    }
    
}


/* Comments */

.comments h3 {
    display: none;
}

.comment-body {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.5rem 0;
    font-size: 1rem;
    line-height: 1.5rem;
}

.comment-author,
.comment-meta {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66%;
    height: 2rem;
    margin-bottom: 1rem;
    overflow: hidden;
}

.comment-author {
    line-height: 2rem;
}

.comment-author img {
    float: left;
    margin-right: 0.5rem;
}

.comment-author .says {
    font-size: 0.75rem;
}

.comment-meta {
    width: 33.33%;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: right;
}

.comment-body p {
    max-width: 100%;
    overflow: auto;
}

.comment-body br {
    display: block;
    content: " ";
    margin-bottom: 0.5rem;
}

.comment-body a,
.comment-form a {
    color: rgba(170,17,17,0.8);
}

.comment-meta a {
    color: rgba(0,0,0,0.48);
}

.comment-body .reply {
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    padding: 0 0 0.5rem 0;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: right;
}

.comment .children {
    padding-left: 1rem;
}

.oneall_social_login {
    padding: 0.5rem 0;
}

.comment-form {
    padding: 0.5rem 0;
    line-height: 1.5rem;
}

.comment-form p {
    margin-bottom: 0.5rem;
}

.comment-form .logged-in-as a:nth-child(n+2) {
    font-size: 0.75rem;
    color: rgba(0,0,0,0.48);
}

.comment-form label {
    font-size: 0.75rem;
    text-transform: uppercase;
}

.comment-form input,
.comment-form textarea {
    display: block;
    width: 100%;
    padding: 0.25rem;
    background: rgba(0,0,0,0.08);
}

.comment-form input[type="submit"] {
	padding: 0.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
    background: rgba(170,17,17,0.8);
    color: #fff;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(0,0,0,0.64);
}

.comment-form input[type="checkbox"] {
    display: inline-block;
    margin-right: 0.25rem;
}

.comment-form .subscribe-label {
    font-size: 0.5rem;
    line-height: 1rem;
}

@media only screen and (min-width: 45rem) {

    .comments h2 {
        font-size: 1.5rem;
        line-height: 2rem;
    }

}

@media only screen and (min-width: 64rem) {}


/*
.comment {
    margin-bottom: 0.5rem;
}

.comment .meta {
    line-height: 1rem;
}

.comment .avatar {
    float: left;
    width: 3rem;
    border-radius: 2px;
}

.comment .name {
    float: left;
    padding: 0.5rem;
}

.comment .date {
    color: rgba(170,17,17,0.8); 
}

.comments .replies {
    margin-left: 1rem;
}

@media only screen and (min-width: 30rem) {
    
    .comment .name {
        padding-left: 1rem;
    }
    
}

@media only screen and (min-width: 45rem) {
    
    .comment {
        margin-bottom: 1rem;
    }
    
}

@media only screen and (min-width: 64rem) {
    
    .comment .meta {
        line-height: 1.5rem;
    }
    
    .comment .avatar {
        width: 4rem;
    }
    
}
*/


/* Tags */

.tags {
    line-height: 1.5rem;
}

.tags a {
    color: rgba(170,17,17,0.8);
}

.tags a:hover {
    color: rgba(170,17,17,1);
}

@media only screen and (min-width: 45rem) {
    
    .tags .title {
        font-size: 1.25rem;
        line-height: 2rem;
    }
    
}


/* Related */

.related-title {
    display: table;
    margin: 0 auto;
    margin-bottom: 1rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
    background: #fc0;
}

@media only screen and (min-width:64rem) {
    
    .related-title {
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }
    
}


/* Archives */

.archives a {
    display: block;
}

.archives img {
    width: 100%;
    height: auto;
    object-fit: cover;
}


/* Pages */

main .pages {
    margin-bottom: 1rem;
    text-align: center;
    color: rgba(255,255,255,0.64);
}

main .pages a,
main .pages .current {
    padding: 0.25rem;
}

main .pages .current {
    color: rgba(255,255,255,0.8);
}



/* List */

.list article {
    display: -webkit-flex;
    display: flex;
}

.list .media {
    -webkit-flex: 0 0 6rem;
    flex: 0 0 6rem;
}

.list .media img {
    height: 6rem;
}

.list .square img {
    width: 6rem;
    object-fit: cover;
    object-position: 50% 50%;
}

.list .contents {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    align-self: center;
}

.list .podcast .contents {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.list .title {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.25rem;
}

.list .podcast .title {
    -webkit-line-clamp: 2;
}

.list .expanded .title {
    -webkit-line-clamp: initial;
}

.list .lede {
    display: none;
    font-size: 0.8rem;
    line-height: 1rem;
}

.list .expanded .lede {
    display: block;
    margin-top: 0.5rem;
}

.podcast .actions {
    font-size: 0.8rem;
    line-height: 1rem;
    text-align: right;
}

.list .podcast .actions {
    align-self: flex-end;
    margin-top: auto;
}

.podcast .actions a {
    display: inline-block;
    padding: 4px;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
}

.list .app-store-links {
    margin-top: 1rem;
}

.list .app-store-links img {
    display: inline-block;
}

.list .app-store-links .app-store-link,
.list .app-store-links .play-store-link {
    display: inline-block;
    width: 48%;
}

.list .category-ai-tv .media {
    position: relative;
}

.list .category-ai-tv .media:after {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 4px 8px;
    margin: -12px 0 0 -16px;
    content: 'play_arrow';
    font-family: 'Material Icons';
    font-size: 16px;
    color: #fff;
    background: rgba(0,0,0,0.64);
    border-radius: 6px;
}

.list .category-ai-tv .media:hover:after {
    background: #cd201f;
}


@media only screen and (min-width:45rem) {
    
    .list .media {
        -webkit-flex: 0 0 10rem;
        flex: 0 0 10rem;
        padding: 1rem 0 1rem 1rem;
    }
    
    .list .media img {
        height: 10rem;
    }
    
    .list .square img {
        width: 10rem;
    }
    
    .list .contents {
        align-self: flex-start;
    }
    
    .list .title {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 0.5rem;
        -webkit-line-clamp: 3;
    }
    
    .list .expanded .title {
        -webkit-line-clamp: initial;
    }
    
    .list .lede {
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 1rem;
        line-height: 1.5rem;
        max-height: 3rem;
    }
    
    .list .expanded .lede {
        -webkit-line-clamp: initial;
        max-height: none;
        margin: 0;
    }
    
    .podcast .actions {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    
    .primary .actions {
        text-align: center;
    }
        
    .secondary .actions {
        font-size: 0.8rem;
        line-height: 1rem;
    }
    
}

@media only screen and (min-width:64rem) {
    
    .archives img {
        width: auto;
    }
    
    .list .media {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    
    .list .media img {
        height: 12rem;
    }
    
    .list .square img {
        width: 12rem;
    }
    
    .list .app-store-links .app-store-link,
    .list .app-store-links .play-store-link {
        max-width: 10rem;
    }
    
}


@media only screen and (min-width:80rem) {
    
    .list .category-ai-tv .media {
        align-self: flex-start;
    }
    
    .list .title {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    
    .list .lede {
        -webkit-line-clamp: initial;
        max-height: none;
    }
    
    .podcast .actions {
        font-size: 1.25rem;
        line-height: 2rem;
    }
    
    .primary .actions {
        text-align: right;
    }
    
    .secondary .actions {
        font-size: 0.8rem;
        line-height: 1rem;
    }
    
    .podcast .actions .material-icons {
        font-size: 1.5rem;
        line-height: 2rem;
        top: -2px;
        vertical-align: middle;
    }
    
    .secondary .actions .material-icons {
        font-size: 0.8rem;
        line-height: 1rem;
    }
    
}


/* Grid */

/*
.grid {

}
*/


@media only screen and (min-width:30rem) {
    
    .grid {
    
    }
    
}

/* BLOCK STYLES */
            
.block {
    position: relative;
    z-index: 200;
}

.block:after,
.block .headlines:after {
    content: '';
    display: table;
    clear: both;
    height: 0;
}

.block > .title {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    z-index: 300;
    color: #000;
}

.block .tag-podcast .media {
    position: relative;
}

.block .tag-podcast .media:before {
    content: 'play_circle_outline';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 3rem;
    height: 3rem;
    transform: translate(-1.5rem, -1.5rem);
    font-family: 'Material Icons';
    font-size: 3rem;
    line-height: 3rem;
    text-align: center;
    color: #fff;
}

.block .tag-podcast.primary .media:before {
    width: 6rem;
    height: 6rem;
    transform: translate(-3rem, -3rem);
    font-size: 6rem;
    line-height: 6rem;
}

.block img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.block .primary,
.block .secondary {
    display: block;
}

.block .primary {
    margin-bottom: 0.5rem;
}

.block .primary .title,
.block .primary .lede,
.block .secondary .title,
.block .secondary .lede {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.block .primary .details {
    padding: 0.5rem 0;
    text-align: center;
}

.block .primary .title {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 0.25rem;
    -webkit-line-clamp: 3;
}

.block .primary .lede {
    font-size: 1rem;
    line-height: 1.25rem;
    -webkit-line-clamp: 3;
}

.block .secondary {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding: 0.5rem 0;
}

.block .secondary .title {
    font-size: 0.8rem;
    line-height: 1rem;
}

.block .secondary .media {
    -webkit-flex: 0 0 4rem;
    flex: 0 0 4rem;
    height: 4rem;
    margin-right: 0.5rem;
}

.block .secondary img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block .secondary .details {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    align-self: center;
}

.block .secondary .title {
    max-height: 3rem;
}

.block .secondary .lede {
    font-size: 0.75rem;
    line-height: 1rem;
    max-height: 2rem;
}

.block .headlines {
    margin-bottom: -0.5rem;
}

@media only screen and (min-width:64rem) {
    
    .block > .title {
        padding: 0.5rem 1rem;
        font-size: 1rem;
    }
    
}


/* Block 1 */

@media only screen and (min-width: 45rem) {

    .block-type-1 .primary {
        display: -webkit-flex;
        display: flex;
        align-items: flex-start;
        margin-bottom: 1rem;
    }
    
    .block-type-1 .primary .details,
    .block-type-1 .primary .media {
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
    }
    
    .block-type-1 .primary img {
        width: auto;
        height: 16rem;
        max-width: 32rem;
        object-fit: contain;
        object-position: 50% 50%;
    }
    
    .block-type-1 .primary .details {
        align-self: flex-start;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: left;
        margin-left: 1rem;
    }
    
    .block-type-1 .primary .title,
    .block-type-1 .primary .lede {
        -webkit-line-clamp: 4;
    }
    
    .block-type-1 .primary .title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    
    .block-type-1 .primary .lede {
        line-height: 1.5rem;
    }
    
    .block-type-1 .headlines {
        margin-bottom: -1rem;
    }
    
    .block-type-1 .secondary {
        float: left;
        width: 50%;
    }
    
    .block-type-1 .secondary:nth-of-type(even) {
        padding-left: 1rem;
    }

}

@media only screen and (min-width: 64rem) {
    
    .block-type-1 .primary .title {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    
    .block-type-1 .headlines {
        margin-bottom: -2rem;
    }
    
    .block-type-1 .secondary {
        margin-bottom: 0.5rem;
    }
    
    .block-type-1 .secondary .media {
        -webkit-flex: 0 0 6rem;
        flex: 0 0 6rem;
        height: 6rem;
        margin-right: 1rem;
    }
    
    .block-type-1 .secondary .title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        max-height: 3rem;
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    
    .block-type-1 .secondary .lede {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        font-size: 1rem;
        line-height: 1.5rem;
        max-height: 3rem;
    }
    
}

@media only screen and (min-width: 80rem) {
    
    .block-type-1 {
        display: -webkit-flex;
        display: flex;
    }
    
    .block-type-1 .primary {
        -webkit-flex: 0 0 66.65;
        flex: 0 0 66.6%;
        margin-bottom: 0;
    }
    
    .block-type-1 .primary .details {
        padding: 0;
    }
    
    .block-type-1 .headlines {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        padding-left: 1rem;
    }
    
    .block-type-1 .secondary {
        float: none;
        width: 100%;
        padding: 0;
        padding-bottom: 1.25rem;
        margin-bottom: 0;
    }
    
    .block-type-1 .secondary:nth-of-type(even) {
        padding-left: 0;
    }
    
    .block-type-1 .secondary:last-child {
        padding-bottom: 0;
    }
    
    .block-type-1 .secondary:nth-of-type(4) {
        display: none;
    }
    
    .block-type-1 .secondary .media {
        -webkit-flex: 0 0 4.5rem;
        flex: 0 0 4.5rem;
        height: 4.5rem;
    }
    
    .block-type-1 .secondary .title {
        max-height: 2rem;
        font-size: 0.8rem;
        line-height: 1rem;
    }
    
    .block-type-1 .secondary .lede {
        font-size: 0.75rem;
        line-height: 1rem;
        max-height: 2rem;
    }
    
}


/* Block Type 2 */

@media only screen and (min-width:45rem) {
    
    .block-type-2 {
        display: -webkit-flex;
        display: flex;
    }
    
    .block-type-2 .primary {
        -webkit-flex: 0 0 50%;
        flex: 1 0 50%;
        margin: 0;
    }
    
    .block-type-2 .primary img {
        object-fit: cover;
        max-height: 12rem;
    }
    
    .block-type-2 .primary .title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    
    .block-type-2 .primary .lede {
        line-height: 1.5rem;
    }
    
    .block-type-2 .headlines {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        justify-content: space-between;
        -webkit-flex: 1 0 50%;
        flex: 1 0 50%;
        margin-bottom: -1rem;
        padding-left: 1rem;
    }
    
    .block-type-2 .secondary {
        padding: 0;
        margin-bottom: 1rem;
    }
    
    .block-type-2 .secondary .details {
        align-self: flex-start;
    }
    
}

@media only screen and (min-width:64rem) {
    
    
    .block-type-2 .primary img {
        max-height: 16rem;
    }
    
    .block-type-2 .primary .details {
        padding: 0;
    }
    
    .block-type-2 .primary .title {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-top: 0.5rem;
    }
    
    .block-type-2 .primary .lede {
        -webkit-line-clamp: initial;
    }
    
    .block-type-2 .secondary .media {
        -webkit-flex: 0 0 6rem;
        flex: 0 0 6rem;
        height: 6rem;
        margin-right: 1rem;
    }
    
    .block-type-2 .secondary .title {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    
    .block-type-2 .secondary .lede {
        font-size: 1rem;
        line-height: 1.5rem;
        max-height: 3rem;
    }
    
}

@media only screen and (min-width:80rem) {
    
    .block-type-2 .primary img {
        max-height: 24rem;
    }
    
    .block-type-2 .headlines {
        flex-flow: wrap;
        padding: 0;
    }
    
    .block-type-2 .secondary {
        display: block;
        -webkit-flex: 1 1 50%;
        flex: 1 1 50%;
        padding-left: 1rem;
        text-align: center;
    }
    
    .block-type-2 .secondary .media {
        height: 9.5rem;
        margin: 0;
        margin-bottom: 0.5rem;
    }
    
    .block-type-2 .secondary .title {
        max-height: 3rem;
        margin-bottom: 0.25rem;
        -webkit-line-clamp: 3;
    }

    .block-type-2 .secondary .lede {
        max-height: 3rem;
        font-size: 0.75rem;
        line-height: 1rem;
        -webkit-line-clamp: 3;
    }

}


/* Block Type 3 */

.block-type-3 {
    margin-bottom: 1rem;
}

.block-type-3:last-of-type {
    margin: 0;
    margin-bottom: -0.5rem;
}

.block-type-3 .headlines {
    margin: 0;
}
    
.block-type-3 .secondary:nth-of-type(n+4) {
    display: none;
}

@media only screen and (min-width:45rem) {
    
    .block-type-3 {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 2rem;
    }
    
    .block-type-3:last-of-type {
        margin: 0;
    }
    
    .block-type-3 .primary {
        -webkit-flex: 0 0 20rem;
        flex: 0 0 20rem;
        margin: 0;
    }
    
    .block-type-3 .primary .details {
        padding: 0;
    }
    
    .block-type-3 .primary img {
        height: 20rem;
        object-fit: cover;
        margin-bottom: 0.5rem;
    }
    
    .block-type-3 .primary .title {
        font-size: 1.5rem;
        line-height: 2rem;
        -webkit-line-clamp: 3;
    }
    
    .block-type-3 .primary .lede {
        line-height: 1.5rem;
    }
    
    .block-type-3 .headlines {
        -webkit-flex: 1 0 50%;
        flex: 1 0 50%;
    }
    
    .block-type-3 .secondary {
        padding: 0 0 1rem 1rem;
    }
    
    .block-type-3 .secondary:nth-of-type(n+3) {
        padding-bottom: 0;
    }
    
    .block-type-3 .secondary .media {
        -webkit-flex: 0 0 9.5rem;
        flex: 0 0 9.5rem;
        height: 9.5rem;
        margin: 0 0.5rem 0 0;
    }
    
    .block-type-3 .secondary .title {
        max-height: 6rem;
        -webkit-line-clamp: 4;
        margin-bottom: 0.25rem;
    }

    .block-type-3 .secondary .lede {
        max-height: 4rem;
        -webkit-line-clamp: 4;
    }
    
}

@media only screen and (min-width:64rem) {
    
    .block-type-3 .primary {
        -webkit-flex: 0 0 24rem;
        flex: 0 0 24rem;
    }
    
    .block-type-3 .primary img {
        height: 24rem;
    }
    
    .block-type-3 .primary .title {
        font-size: 2rem;
        line-height: 2.5rem;
        margin-top: 0.5rem;
        -webkit-line-clamp: 3;
    }
    
    .block-type-3 .secondary .media {
        -webkit-flex: 0 0 11.5rem;
        flex: 0 0 11.5rem;
        height: 11.5rem;
        margin-right: 1rem;
    }
    
    .block-type-3 .secondary .title {
        font-size: 1.25rem;
        line-height: 1.5rem;
        max-height: 4.5rem;
        -webkit-line-clamp: 3;
    }
    
    .block-type-3 .secondary .lede {
        font-size: 1rem;
        line-height: 1.5rem;
        max-height: 6rem;
    }
       
}

@media only screen and (min-width:80rem) {
    
    .block-type-3 .primary {
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 1 0 66.6%;
        flex: 1 0 66.6%;
    }
    
    .block-type-3 .primary .media {
        -webkit-flex: 0 0 18.5%;
        flex: 0 0 18.5rem;
        height: auto;
        margin-right: 1rem;
    }
    
    .block-type-3 .primary .details {
        text-align: left;
    }
    
    .block-type-3 .primary img {
        height: 18.5rem;
        margin: 0;
    }
    
    .block-type-3 .headlines {
        -webkit-flex: 1 0 33.3%;
        flex: 1 0 33.3%;
    }
    
    .block-type-3 .secondary .media {
        -webkit-flex: 0 0 5.5rem;
        flex: 0 0 5.5rem;
        height: 5.5rem;
        margin-right: 1rem;
    }
    
    .block-type-3 .secondary .title {
        font-size: 0.8rem;
        line-height: 1rem;
        max-height: 3rem;
        -webkit-line-clamp: 3;
    }
    
    .block-type-3 .secondary .lede {
        font-size: 0.75rem;
        line-height: 1rem;
        max-height: 2rem;
        -webkit-line-clamp: 2;
    }
    
}

/*  Block Type 4  */

.block.block-type-4 .news-items {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    overflow: hidden;
    overflow-x: scroll;
}

.block.block-type-4 .card {
    flex: 0 0 auto;
    width: 80%;
    margin-right: 1rem;
}

.block.block-type-4 .details {
    padding: 1rem;
}

@media only screen and (min-width: 45rem) {
    
    .block.block-type-4 .card {
        width: 40%;
    }
    
}

@media only screen and (min-width: 64rem) {
    
    .block.block-type-4 .card {
        width: 28%;
    }
    
}

@media only screen and (min-width: 80rem) {
    
    .block.block-type-4 .card {
        width: 24%;
    }
    
}


/* Widgets */

.widget {
    display: block;
    position: relative;
    width: auto;
    max-width: 100%;
    margin: 0;
    margin-bottom: 1rem;
    overflow: hidden;
}

.widget .title {
    position: relative;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5rem;
    padding: 0.25rem 0.5rem;
    background: #fc0;
    font-size: 0.75rem;
    text-align: center;
    text-transform: uppercase;
    z-index: 200;
}

.widget a {
    text-decoration: none;
    text-transform: uppercase;
    color: rgba(170,17,17,0.8);
}

.widget a:hover {
    color: rgba(170,17,17,1);
}

.widget img,
.widget video,
.widget audio,
.widget iframe {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

.acast-embed {
    position: relative;
    width: 100%;
    height:100px;
    margin-bottom: 0.5rem;
   /* padding-bottom: 100%; */
}

.acast-embed iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
.acast-html5-player audio::-webkit-media-controls-timeline,
.acast-html5-player audio::-webkit-media-controls-volume-slider-container,
.acast-html5-player audio::-webkit-media-controls-volume-slider,
.acast-html5-player audio::-webkit-media-controls-seek-back-button,
.acast-html5-player audio::-webkit-media-controls-seek-forward-button,
.acast-html5-player audio::-webkit-media-controls-fullscreen-button {
    background: #a11;
}
*/

.acast-links a {
    font-size: 0.8rem; 
    font-family: Oswald, sans-serif;
    color: rgba(0,0,0,0.8);
}

.acast-links .material-icons {
    color: #a11;
}

.acast-links:after {
    content: '';
    display: table;
    clear: both;
}

.acast-item-primary {
    margin-bottom: 1rem;
}

.acast-item-secondary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.acast-item-secondary img {
    width: 3rem;
}

.widget_nav_menu li a {
    line-height: 1.5rem;
}

@media only screen and (min-width: 45rem) {
    
    .widget {
        margin-bottom: 2rem;
    }
    
}

@media only screen and (min-width: 64rem) {
    
    .widget .title {
        font-size: 1rem;
        padding: 0.5rem 1rem;
        margin-bottom: 1rem;
    }
    
}

#moodthingy-widget { 
/*     display: none; */
    font-family: Roboto, sans-serif !important;
    border: none !important;
    background: none !important;
    margin-bottom: 1rem;
}

#moodthingy-widget #hdr {
    background: none !important;
    color: rgba(0,0,0,0.8) !important;
    padding: 0 !important;
}

#moodthingy-widget #hdr #s {
    margin: 0 0 0.5rem 0 !important;
    font-family: 'Oswald', sans-serif;
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-transform: uppercase;
}

#moodthingy-widget .sparkbar {
    border: none !important;
}

#moodthingy-widget #bd,
#moodthingy-widget #loading {
    background-color: #fff !important;
    border: none !important;
}

#moodthingy-widget #bd #loading {
    height: 100% !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

#moodthingy-widget ul {
    display: block !important;
}

#moodthingy-widget ul li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    text-align: center !important;
}

#moodthingy-widget ul li .cell {
    margin: 0 !important;
    height: auto !important;
    border: none !important;
    border-radius: 4px !important;
}

#moodthingy-widget ul li .cell div {
    height: auto !important;
}

@media only screen and (min-width:45rem) {
    
    #moodthingy-widget ul {
        display: -webkit-flex !important;
        display: flex !important;
    }
    
    #moodthingy-widget ul li {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 20% !important;
    }
    
}


/* Navbar */

.navbar {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    padding: 1rem 0;
    background: rgba(170,17,17,1);
    background: -webkit-linear-gradient(rgba(170,17,17,1) 0%, rgba(170,17,17,1) 100%);
    background: linear-gradient(rgba(170,17,17,1) 0%, rgba(170,17,17,1) 100%);
    color: rgba(255,255,255,0.8);
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    z-index: 500;
}

.navbar.transparent {
    background: rgba(170,17,17,0.8);
    background: -webkit-linear-gradient(rgba(127,12,12,1) 16%, rgba(170,17,17,0) 100%);
    background: linear-gradient(rgba(127,12,12,1) 16%, rgba(170,17,17,0) 100%);
}

.navbar .logo {
    display: block;
    height: 1rem;
    background: url(/wp-content/themes/index-theme/img/anfield-index-logo-large.png) 0% 50% no-repeat;
    background-size: contain;
    color: rgba(0,0,0,0);
    -webkit-filter: grayscale(1) brightness(100);
}

.navbar.transparent .logo {
    height: 3rem;
    background-image: url(/wp-content/themes/index-theme/img/anfield-index-logo-white.png);
}

.navbar-menu {
    display: none;
    font-size: 1rem;
    transition: padding 0.2s;
}

.navbar-menu .menu-container {
    display: inline-block;
}

.navbar-menu li {
    position: relative;
    display: inline-block;
    overflow: visible;
}

.navbar-menu li a {
    padding: 1rem 0.5rem;
    text-decoration: none;
    transition: color 0.2s;
}

.navbar-menu li a:hover {
    color: rgba(255,255,255,1);
}

.navbar-menu li.current-menu-item {
    color: #fd0;
}

.navbar-menu .sub-menu {
    display: none;
    position: fixed;
    pointer-events: none;
    opacity: 0;
    width: auto;
    padding-top: 1rem;
    text-align: left;
    transition: opacity 0.3s;
}

.navbar-menu .sub-menu:before {
    content: '';
    display: block;
    position: relative;
    right: -32px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 16px 16px 16px;
    border-color: transparent transparent #eee transparent;
}

.navbar-menu li:hover .sub-menu {
    display: block;
    opacity: 1;
    pointer-events: auto;
}

.navbar-menu .sub-menu li {
    display:block;
}

.navbar-menu .sub-menu li a {
    display:inline-block;
    width: 100%;
    padding: 1rem;
    background: #eee;
    color: rgba(170,17,17,0.8);
}

.navbar-menu .sub-menu li a:hover {
    background: #fff;
    color: rgba(170,17,17,1);
}

.navbar-search {
    display: inline-block;
    padding-left: 1rem;
}

.navbar .navbar-search input::-webkit-input-placeholder {
    text-transform: uppercase;
    color:rgba(255,255,255,0.64);
}

.navbar .navbar-search input::placeholder {
    text-transform: uppercase;
    color:rgba(255,255,255,0.64);
}

.navbar-search input {
    width: 8rem;
    border: 0;
    color: rgba(255,255,255,0.8);
}

.navbar-search button {
    color: #fff;   
}

.navbar-search button .material-icons {
    font-size: 1.5rem;
    vertical-align: middle;
    top: 0;
}

.navbar-menu .drop-down-icon {
    font-size: 1rem;
    line-height: 1.5rem;
}

.navbar .menu-button .material-icons {
    font-size: 1.5rem;
    line-height: 1rem;
    top: 0px;
}

@media only screen and (min-width: 45rem) {
    
    .navbar .logo {
        height: 1.5rem;
    }
    
    .navbar.transparent .logo {
        height: 5rem;
    }
    
}

@media only screen and (min-width: 64rem) {
    
    .navbar-menu {
        display: block;
    }
    
    .navbar.transparent .navbar-menu {
        padding-top: 1.5rem;
    }
    
    .navbar .menu-button {
        display: none;
    }
    
}

@media only screen and (min-width: 80rem) {
    
    .navbar.transparent .logo {
        height: 6rem;
    }
    
    .navbar.transparent .navbar-menu {
        padding-top: 2rem;
    }
    
    .navbar li a {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .navbar-search input {
        width: 10rem;
        border: 0;
    }

}


/* Side Nav */

.sidenav-active {
    overflow: hidden;    
}

.sidenav-container {
    position: relative;    
}

.sidenav-container:before {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: rgba(0,0,0,0.64);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    z-index: 700;
}

.sidenav-active .sidenav-container:before {
    opacity: 1;
    pointer-events: auto;
}

.sidenav {
    position: fixed;
    top: 0;
    right: 0;
    width: 16rem;
    height: 100vh;
    padding-top: 0;
    background: #eee;
    overflow-x: auto;
    z-index: 800;
    opacity: 0;
    transform: translateX(21rem);
    pointer-events: none;
    transition: transform 0.2s, opacity 0.3s;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
}

.sidenav-active .sidenav {
    opacity: 1;
    transform: none;
    pointer-events: auto;
}

.sidenav .sidenav-search {
    padding: 1rem;
}

.sidenav .sidenav-search input {
    width: 12rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(0,0,0,0.32);
    text-transform: uppercase;
}

.sidenav .sidenav-search input:focus {
    border-bottom: 1px solid rgba(170,17,17,0.8);
}

.sidenav .sidenav-search button {
    padding-right: 0;
}

.sidenav .sidenav-search .material-icons {
    font-size: 1.5rem;
    line-height: 1rem;
}

.sidenav a {
    display: block;
    width: 100%;
    padding: 1rem;
    color: rgba(170,17,17,0.8);
}

.sidenav .menu-item-has-children > a {
    display: none;
}

.sidenav a:hover {
    background: #fff;
    color: rgba(170,17,17,1);
}

@media only screen and (min-width: 45rem) {
    
    .sidenav {
        width: 20rem;
    }
    
    .sidenav .sidenav-search input {
        width: 16rem;
    }
    
}


/* Page Footer */

.page-footer,
.copyright {
    background: rgba(0,0,0,0.08);
    color: rgba(255,255,255,0.64);
}

.page-footer {
    font-family: Oswald, sans-serif;
}

.page-footer .title {
    color: #222;
}

.page-footer .footer-ads {
    padding: 1rem 0;
    background: rgba(0,0,0,0.04);
}

.page-footer .widget {
    margin-bottom: 0.5rem;
}

.page-footer .widget ul {
    margin-top: 0.5rem;
}

.page-footer .widget li {
    list-style: none;
}

.page-footer .widget li a {
    display: block;
    padding: 0.5rem 0;
    color: rgba(255,255,255,0.64);
}

.page-footer .widget li a:hover {
    color: rgba(255,255,255,1);
}

@media only screen and (min-width: 80rem) {
    
    .page-footer .widget li a {
        padding: 1rem 0;
    }
    
}


/* WP Stats */

img#wpstats{
    height: 0;
    opacity: 0;
}


/* Cookie Notice */

#cookie-notice {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 1rem 0.5rem;
    background: rgba(0,0,0,0.8) !important;
    text-align: center;
    z-index: 400;
}

.cookie-notice-container {
    margin: 0 auto;
    max-width: 80rem;
}

#cn-accept-cookie {
    font-family: 'Oswald', sans-serif;
    color: #fc0;
    text-transform: uppercase;
    padding: 0 0.5rem;
}

/* Wordpress Admin Bar */

#wpadminbar {
	display: none !important;
}

.logged-in.admin-bar,
.logged-in.admin-bar .navbar,
.logged-in.admin-bar .sidenav {
    margin-top: 0;
}

@media only screen and (min-width: 64rem) {
    
    .logged-in.admin-bar,
    .logged-in.admin-bar .navbar,
    .logged-in.admin-bar .sidenav {
        margin-top: 0;
    }
    
}


/* MemberPress */

.mepr-form {
	padding: 2rem;
    background: #f0f0f0;
    border: 1px solid #eee;
}

.mepr-form .mp-form-label {
	margin-bottom: 0.5rem;
}

.mepr-form input,
.mepr-form textarea {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
    padding: 0.25rem !important;
    background: #fff;
    border: none !important;
    border-bottom: 2px solid rgba(0,0,0,0.16) !important;
}

.mepr-form input[type="text"],
.mepr-form input[type="password"] {
	background: #fff;
}

.mepr-form input[type="checkbox"] {
	display: inline-block;
	width: auto;
	margin-right: 0.5rem;
}

.mepr-form input[type="submit"],
.mepr-form button {
    width: auto;
    margin: 0 0 0 auto;
    padding: 0.5rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    background: rgba(170,17,17,0.8);
    color: #fff;
    text-transform: uppercase;
}

.mepr-form input[type="submit"]:focus,
.mepr-form button:focus,
.mepr-form input[type="submit"]:hover,
.mepr-form button:hover {
    background: rgba(170,17,17,1);
}

#mepr_loginform:before,
.mepr-signup-form:before {
	content: "Login";
	display: block;
	margin-bottom: 1rem;
	font-size: 1.25rem;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #a11;
}

.mepr-signup-form:before {
	content: "Join AI:PRO";
}

.sidebar #mepr_loginform:before,
.sidebar .mepr-signup-form:before {
	display: none;
}

.mepr-account-table,
.mp_wrapper table.mepr-account-table {
	display: table !important;
    background: #f0f0f0 !important;
    border: 1px solid #eee !important;
}

.mp-table tr,
.mepr-account-table tr {
	background: none !important;
	border: none !important;
	font-size: 1rem !important;
	text-align: left !important;
}

.mepr-account-subscr-id,
.mepr-account-terms {
	display: none;
}

.mepr-account-rebill {
	font-weight: normal !important;
	font-style: normal !important;
	color: #888 !important; 
}

.mepr-account-table th:nth-of-type(6),
.mepr-account-table td:nth-of-type(6) {
	display: none;
}

.mepr-account-product  {
	font-weight: bold;
}

.mepr-active {
	color: #444 !important;
	font-weight: normal !important;
}

.mepr_price {
    margin-bottom: 2rem !important;
	font-size: 1rem;
	text-align: center;
}

.mepr_price label,
.mp_wrapper .mp-form-row.mepr_price label,
.mp_invoice .mp_price_str {
	display: none !important;
}

.mp_wrapper .mepr-signup-form .mp-form-row.mepr_payment_method {
	display: none;
}

.mepr-product-access-url {
	font-size: 1rem;
    padding: 1rem;
    text-align: center;
}

.mp_wrapper .mepr_error, 
.mp_wrapper .mepr_updated {
	padding: 1rem !important;
	font-size: 1rem !important;
}

.mp_wrapper .mepr_error ul {
	padding: 0 !important;
}

.mp_wrapper .mepr_error li {
	list-style: none !important;
	font-size: 1rem !important;
}

.mp_wrapper .mepr_error li:before {
	content: '';
	display: none;
}

.mp_wrapper .mepr-form-input.card-number {
	background: #fff right 50% no-repeat !important;
	background-image: url('/wp-content/themes/index-theme/img/credit-card-logos.png') !important;
	background-position-x: 95% !important;
	background-size: auto 16px !important;
}

.mp_wrapper .mepr-form-input.card-number.visa {
	background-image: url('/wp-content/themes/index-theme/img/visa.png') !important;
}

.mp_wrapper .mepr-form-input.card-number.mastercard {
	background-image: url('/wp-content/themes/index-theme/img/mastercard.png') !important;
}

.mp_wrapper .mepr-form-input.card-number.amex {
	background-image: url('/wp-content/themes/index-theme/img/amex.png') !important;
}

.mp_wrapper .mepr-form-input.card-number.discover {
	background-image: url('/wp-content/themes/index-theme/img/discover.png') !important;
}

.mp_wrapper .mepr-form-input.card-number.dinersclub {
	background-image: url('/wp-content/themes/index-theme/img/dinersclub.png') !important;
}

.page-id-30470 .widget_mepr_login_widget {
	display: none;
}

.mepr-unauthorized-message {
	background: #f0f0f0;
	border: 1px solid #eee;
    padding: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

.mepr-unauthorized-message > *:last-child {
	margin-bottom: 0;
}

.mepr-unauthorized-message:before {
	content: "AI:PRO Member's Only Content";
	display: block;
	margin-bottom: 1rem;
	font-size: 1.25rem;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #a11;
}

.mepr-login-form-wrap {
	display: none;
}

@media only screen and (min-width: 64rem) {
	
	#mepr_loginform:before,
	.mepr-signup-form:before,
	.mepr-unauthorized-message:before {
		font-size: 2rem;
		margin-bottom: 2rem;
	}
	
	.mepr_price {
		font-size: 1.5rem;
	}
	
	.mepr-product-access-url {
		font-size: 1.25rem;
	}
	
	.mp_wrapper .mepr_error, 
	.mp_wrapper .mepr_updated {
		padding: 2rem !important;
	}
	
}


/* User Menus */

.navbar-menu .menu-item-30558,
.sidenav .menu-item-30566,
.sidenav .menu-item-30577 {
	display: none;
}

.logged-in .navbar-menu .menu-item-30558,
.logged-in .sidenav .menu-item-30566,
.logged-in .sidenav .menu-item-30577 {
	display: inline-block;
}

.logged-in .navbar-menu .menu-item-30559,
.logged-in .sidenav .menu-item-30565,
.logged-in .sidenav .menu-item-30564 {
	display: none;
}


/* Podcast Player */

.podcast-player {
	margin-bottom: 1rem;
}

.podcast-player .artwork {
	position: relative;
	height: 12rem;
	padding: 1rem;
	background: #eee url('/wp-content/themes/index-theme/img/anfield2.jpg') 50% 50% no-repeat;
	background-size: cover;
}

.podcast-player .artwork:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #222;
	opacity: 0.75;
}

.podcast-player .artwork .podcast-image {
	display: block;
	position: relative;
	width: 10rem;
	height: 10rem;
	margin: 0 auto;
	object-fit: cover;
}

.podcast-player .artwork .podcast-image img {
	
}

.podcast-player .artwork .podcast-meta {
	display: none;
}

.podcast-player .mejs-container,
.podcast-player .mejs-controls {
	position: relative !important;
	height: 3rem !important;
}

.podcast-player .mejs-container .mejs-controls {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
}

.podcast-player .mejs-container .mejs-controls div {
	float: none !important;
}

.podcast-player .mejs-container .mejs-controls .mejs-button {
	flex: 0 0 auto;
	width: 3rem !important;
	height: 3rem !important;
}

.podcast-player .mejs-container .mejs-controls .mejs-button button {
	width: 3rem !important;
	height: 3rem !important;
	margin: 0 !important;
	background: none !important;
}

.podcast-player .mejs-container .mejs-controls .mejs-play button:before,
.podcast-player .mejs-container .mejs-controls .mejs-pause button:before {
	content: 'play_arrow';
	font-family: 'Material Icons';
	font-size: 2rem;
	line-height: 3rem;
	color: #fff;
}

.podcast-player .mejs-container .mejs-controls .mejs-pause button:before {
	content: 'pause';
}

.podcast-player .mejs-container .mejs-controls .mejs-time {
    position: absolute !important;
    top: 0 !important;
    left: 3.5rem !important;
    width: 3rem !important;
    height: 3rem !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0.75rem !important;
    line-height: 3rem !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.podcast-player .mejs-container .mejs-controls .mejs-currenttime,
.podcast-player .mejs-container .mejs-controls .mejs-duration,
.podcast-player .mejs-container .mejs-controls .mejs-time-float {
    font-family: 'Oswald', sans-serif !important;
}

.podcast-player .mejs-container .mejs-controls .mejs-duration-container {
	left: auto !important;
	right: 0.5rem !important;
}

.podcast-player .mejs-container .mejs-controls .mejs-time-rail {
    height: 3rem !important;
    margin: 0 !important;
    padding: 0 !important;
}

.podcast-player .mejs-container .mejs-controls .mejs-time-rail span {
    height: 3rem !important;
    margin: 0 !important;
}

.podcast-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
    width: 100% !important;
    background: rgba(255,255,255,0.125) !important;
}

.podcast-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #fff !important;
    opacity: 0.25 !important;
}

.podcast-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #a11 !important;
}

.podcast-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float {
    background: #eee !important;
    top: -2rem !important;
    width: 3rem !important;
    height: 1.5rem !important;
    padding: 0rem !important;
    margin-left: -1.5rem !important;
    border: none !important;
    font-size: 0.75rem;
    line-height: 1.5rem;
}

.podcast-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-current {
    width: 3rem !important;
}

.podcast-player .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-corner {
    top: 1.5rem !important;
    left: 1rem !important;
    border-width: 0.5rem !important;
}

.podcast-player .mejs-container .mejs-controls .mejs-volume-button,
.podcast-player .mejs-container .mejs-controls .mejs-horizontal-volume-slider {
    display: none !important;
}

.podcast-upgrade-message {
    display: block;
    padding: 1.5rem;
    background: #222;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: 'Oswald',sans-serif;
    color: #fff;
    text-align: center;
}

.podcast-upgrade-message a {
    color: #fc0;
}

@media screen and (min-width:45rem) {
    
    .podcast-player .artwork {
        display: flex;
        align-items: center;
        justify-content: flex-start;
	}
	
	.podcast-player .artwork .podcast-image {
    	flex: 0 0 auto;
    	margin: 0;
	}
    
	.podcast-player .artwork .podcast-meta {
    	position: relative;
    	display: block;
    	margin-left: 1rem;
	}
	
	.podcast-player .artwork .podcast-title {
    	font-size: 1.25rem;
    	line-height: 1.75rem;	
    }

}

@media screen and (min-width:64rem) {
    
    .podcast-player .artwork {
    	height: 16rem;
    	padding: 2rem;
	}
	
	.podcast-player .artwork .podcast-image {
    	width: 12rem;
    	height: 12rem;
	}
	
	.podcast-player .artwork .podcast-meta {
    	margin-left: 2rem;
	}
	
	.podcast-player .artwork .podcast-title {
    	font-size: 1.5rem;
    	line-height: 2.25rem;	
    }
    
    .podcast-upgrade-message {
	    font-size: 1.25rem;
    }
    
}

@media screen and (min-width:80rem) {
    
    .podcast-player .artwork {
    	height: 20rem;
	}
	
	.podcast-player .artwork .podcast-image {
    	width: 16rem;
    	height: 16rem;
	}
	
	.podcast-player .artwork .podcast-title {
    	font-size: 2rem;
    	line-height: 3rem;	
    }
    
}


#hwp-30780 span a {
	color: #fd0 !important;
}

.hwp-powered-by {
	display: none !important;
}

.holler-box img {
	display: none !important;
}

@media screen and (min-width:45rem) {
	
	.holler-box img {
		display: block !important;s
	}
	
}