/* Minification failed. Returning unminified contents.
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(721,101): run-time error CSS1039: Token not allowed after unary operator: '-red'
(777,112): run-time error CSS1039: Token not allowed after unary operator: '-red'
(777,322): run-time error CSS1039: Token not allowed after unary operator: '-red'
(778,103): run-time error CSS1039: Token not allowed after unary operator: '-red'
(845,32): run-time error CSS1039: Token not allowed after unary operator: '-red'
(853,21): run-time error CSS1039: Token not allowed after unary operator: '-red'
(883,16): run-time error CSS1030: Expected identifier, found '.'
(883,16): run-time error CSS1031: Expected selector, found '.'
(883,16): run-time error CSS1025: Expected comma or open brace, found '.'
(1081,21): run-time error CSS1039: Token not allowed after unary operator: '-red'
(1105,32): run-time error CSS1039: Token not allowed after unary operator: '-red'
 */
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
/* FONTS */

@font-face{
    font-family:"Avenir LT W01_35 Light1475496";
    src:url("/public/css/fonts/1475496/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"),url("/public/css/fonts/1475496/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff");
}

@font-face{
    font-family:"Avenir LT W01_45 Book1475508";
    src:url("/public/css/fonts/1475508/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),url("/public/css/fonts/1475508/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff");
}

@font-face{
    font-family:"Avenir LT W01_65 Medium1475532";
    src:url("/public/css/fonts/1475532/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"),url("/public/css/fonts/1475532/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff");
}

@font-face {
    font-family: "bodoni";
    src: url("/public/css/fonts/bodoni-book.otf") format("opentype"),  url('/public/css/fonts/bodoni-book.ttf') format('truetype');
}

/* Variables */

:root {
    --red: #D3103E;
}

/* TYPE */

body {color: #666; font-family: "Avenir LT W01_45 Book1475508", Verdana, Arial, Sans-Serif; font-size: 1em; line-height: 1.1em;-webkit-text-size-adjust: 100%;}


b, strong {
    font-family:"Avenir LT W01_65 Medium1475532";
    font-weight: normal;
}

h2 { font-family:"Avenir LT W01_35 Light1475496";}

/* STRUCTURE */
#container {margin: 24px auto 16px; max-width: 960px;}

header.main {border-bottom: solid 1px #bbb; position: relative; top: 0px; left: 0px; width: 100%; height: 90px;}
header.main a.logo {display:none; position: absolute; bottom: 5px;}
header.main a.logo img {display: block; height: 90px }
header.main img.pick {display: none; position: absolute; left: 652px; top:-10px; z-index: 1;}
header.main a.logo-small {display:block; position: absolute; bottom: 5px;}
header.main a.logo-small img {display:block; float: left; height: 50px; }
header.main a.logo-small img.page-title { height: 50px; }
header.main .member-group-logo-inner { position: absolute; right: 0; bottom: 14px; display: inline-block; }
header.main img.member-group-logo { max-width: 150px; max-height: 76px; display: block; }
header.main img.member-welcome { float: right; max-width: 180px; padding-top: 30px; }
header.main .sign-in-status { float: right; max-width: 180px; padding-top: 64px; }
header.main .sign-in-status .sep { margin: 0 4px; display: inline-block; }
body.home header a.logo {display: block}
body.home header img.pick {display: block}
body.home header a.logo-small {display: none}

.sign-out-form { display: inline; }
.sign-out-form input[type=submit] { background: none !important; color: #D41240; border: none; font: inherit; cursor: pointer; }

#main { overflow: hidden; }

/* POP-UP PANELS */
.hide-close #cboxClose { display: none !important; }

.pop-up-panel .intro-panel p { max-width: 580px; }
.pop-up-panel .columns { width: 600px; overflow: hidden; }
.pop-up-panel .columns .col { float: left; width: 49%; }
.pop-up-panel .columns .col1 { border-right: solid 1px #bbb; }
.pop-up-panel .columns .col .panel:last-child { border-bottom: none; }

.pop-up-panel .columns .col header.centered h2 { text-align: center; }

.pop-up-panel form div.field label {text-align: left; font-weight: bold; }
.pop-up-panel form div.field select { max-width:90% }
.pop-up-panel form input[type="submit"] { margin-left: 30%;}
.pop-up-panel .login-panel form label.checkbox { display: block; margin: 8px 0 4px 30%; font-size: 0.8em;}
.pop-up-panel .login-panel p.forgot-password {margin-left: 30%;}
.pop-up-panel .field-validation-error {margin-left: 30%; font-size: 0.8em;}

.login-panel select { width: 90%; }

/* LEFT SIDE BAR */
#nav-login-bar {float: left; width: 14.583333%; /* 140px */ }
#nav-login-bar nav ul {margin: 10px}
#nav-login-bar nav ul li {margin-bottom: 6px}
#nav-login-bar nav ul li a {font-size: 0.95em;}
#nav-login-bar nav ul.sub-nav {font-size: 0.9em;}
#nav-login-bar .quick-search input[type=text] { width: 60%; font-size: 0.9em;}
#nav-login-bar h2 { margin: 4px 0 8px 0;}
#nav-login-bar .nav-panel { padding: 10px 0 10px 0; text-transform: lowercase; }
#nav-login-bar .nav-panel h2, #nav-login-bar .login-panel h2 { font-family: "Avenir LT W01_65 Medium1475532"; color: #000; font-size: 0.9em; text-transform: lowercase; }

/* MAIN CONTENT PANEL */
#content {float: left; width: 70.625%; /* 678px */ border-left: solid 1px #bbb; border-right: solid 1px #bbb;  }
#content .no-bottom-border {border-bottom: none}

/* RIGHT SIDE BAR */
#sidebar {float: right; width: 14.583333%; /* 140px */}
#sidebar .panel { padding: 6px; }
#sidebar div.panel { font-size: 0.8em; }
#sidebar div.panel:last-child { border-bottom: none; }
#sidebar .nav-panel li { margin-bottom: 6px; }
#sidebar .nav-panel li a { }
#sidebar .panel p {font-size: 1.0em; margin-bottom: 0px;}
#sidebar .panel p.smaller {font-size: 0.8em; margin-top: 4px;}
#sidebar .panel img.head {display: block; margin-bottom: 8px}
#sidebar .panel img.text-above {margin-top: 8px}
#sidebar .panel div.follow-us {overflow: hidden; margin-bottom: 10px;}
#sidebar .panel div.follow-us p {color: #666; font-style: italic;}
#sidebar .panel div.follow-us a { margin-right: 2px; }
#sidebar .panel div.follow-us svg, #sidebar .panel div.follow-us img { width: 26px; height:26px; }
#sidebar .quick-search input[type=text] { width: 84px; font-size: 0.8em; }  
#sidebar .search-heading { color: #000; margin-bottom: 8px; color: #000; font-size: 0.9em; text-transform: lowercase; }

/* FOOTER */
footer {border-top: solid 1px #bbb;}
footer ul.utility-nav {width: 80%; margin: 8px auto; text-align: center;}
footer ul.utility-nav ul {display: inline-block;}
footer ul.utility-nav li {border-right: solid 1px #666; display: inline; font-size: 0.8em; padding-right: 6px;}
footer ul.utility-nav li:last-child {border-right: none;}

/* PAGE GENERAL */
.panel {display: block; border-bottom: solid 1px #bbb; padding: 2%;}
.panel-compact p.larger {margin-bottom: 0px;}
.panel-compact h2 {margin: 0px;}
#content div.two-column {overflow: hidden; padding: 0px; display: flex; justify-content: space-between; }
#content div.two-column div.col {padding: 1%;}
#content div.two-column div.col1 {flex: 0 0 48%}
#content div.two-column div.col2 {flex: 0 0 48%; border-left: solid 1px #bbb;}
#content div.two-column-equal div.col1 {flex: 0 0 48%; border-right: none;}
#content div.two-column-equal div.col2 {flex: 0 0 48%; border-left: solid 1px #bbb; }
#content div.three-column {overflow: hidden; padding: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; }
#content div.three-column div.col {flex: 0 0 33.18584% /* 225px */; border-right: solid 1px #bbb;}
#content div.three-column div.col3 {border-right: none;}
#content div.three-column div.col .panel {padding-bottom: 0px;}
hr {background-color: #bbb; color: #bbb; margin: 16px 0;}

.panel-heading { font-family:"Avenir LT W01_65 Medium1475532"; margin-bottom: 6px; }
.col > .panel-heading { padding: 0 2%; margin-top: 4px;  margin-bottom: 0; }
.panel-sub-heading { font-size: 1.1em; text-transform: none; margin-top: 0; margin-bottom: 10px; }
.panel-sub-heading a { color: #333; }
.panel-link { display: none !important; border: red 1px solid; }

/* IMAGES */
div.image { margin-bottom: 8px; position: relative; }
div.image img { width: 100%; height: auto; position: relative; z-index: 10; }
div.image .image-caption { position: absolute; z-index: 20; top: auto; left: 0; bottom: 0; right: 0; color: #fff; font-size: 1em; line-height: 1.3em; font-weight: normal; padding: 12px; text-align: center; background-color: rgba(0, 0, 0, 0.8); }

/* OVERLAY  */
div.image .image-overlay { position: absolute; top: 0; left: 0; right: 0; background-color: #fff; display: none; }
.image-overlay img { width: 100%; height: auto; margin-bottom: 16px; }
.image-overlay p { font-size: 20px; }
.image-overlay p em {font-style: italic; color: inherit;}
.image-overlay .episode { margin-bottom: 12px; }

/* HOME PAGE */
#content section.welcome {padding: 2%;}
#content section.welcome p {font-family: Georgia, serif; margin-bottom: 0px}
#content section.follow-us {font-size: 0.8em; font-style: italic; display: none; overflow: hidden; }
#content section.follow-us div { float: right;}
#content p.pulltext {font-family: Georgia, serif; font-size: 1em; font-style: italic; line-height: 1.2em; margin-bottom: 2px;}
#content p.pulltext em {color: inherit; font-style: normal;}
#content .quote { padding: 0 5px; }
#content .quote p:last-child {  margin-bottom: 8px; }
#content em {font-style: italic; color: inherit;}
body.home h2 {margin-top: 6px;}
body.home #content ul {margin-bottom: 12px; font-size: 0.8em; line-height: 1.5em; }
body.home #content ul li {list-style: disc; line-height: 1.5em; margin: 0px 20px;}

body.home div.new-this-week-additional-copy .small-margin { margin-bottom: 8px; }
body.home div.new-this-week-additional-copy table { width: 100% !important; border: none; border-top: solid 0px #bbb;  margin-bottom: 20px; float: none; }
body.home div.new-this-week-additional-copy table td { border: none; vertical-align: top; text-align: left; font-size: 0.8em; }
body.home div.new-this-week-additional-copy table tr td:first-child { border-right: solid 0px #bbb; padding: 5px 0 0 0; width: 34px; }
body.home div.new-this-week-additional-copy table tr td:last-child { padding: 5px 0 0 8px; }

body.home #content ul.image-list li {list-style: none; text-align: center; margin-bottom: 8px;}
.quick-search {margin-bottom: 12px}
.quick-search input[type=text] { width: 160px; font-size: 1.0em; }
.quick-search input[type=image] { vertical-align: middle; margin: 0 0 2px 4px; }
#mag-archive-pop-up { }
#mag-archive-pop-up a {display: block;}
#mag-archive-pop-up small {font-style: italic;}
#mag-archive-pop-up .pop-up img { height: 650px; }
body.home #content div.three-column div.col {}

.genres { line-height: 18px; margin-bottom: 4px; font-style: italic; }
body.home #content ul.genres-list { margin: 0 0 4px 16px;} 
body.home #content ul.genres-list-margin { margin-bottom: 10px;} 
body.home #content ul.genres-list li { line-height: 22px; list-style: none; margin: 0; padding: 0; }

/* Birthday Banner */
 
.birthday-banner {
    display: none;
    text-align: center;
    padding: 0;
    position: relative;
}

.birthday-banner .birthday-link {
    font-size: 20px;
    line-height: 28px;
    color: #666;
    display: block;
    padding: 2%;
}

.birthday-banner .birthday-hide {
    display: none;
    position: absolute;
    top: 3px;
    right: 3px;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
}

.birthday-banner .birthday-link:hover,
.birthday-banner:hover .birthday-link{
    background-color: #D41240;
    color: #fff;
}

.birthday-banner:hover .birthday-hide {
    display: inline-block;
}

img.birthday-pick {
    display: none !important;
}

/* Birthday Pick */

body.show-birthday-banner header img.pick {
    display: none;
}

@media screen and (min-width: 981px) {
    body.show-birthday-banner header img.birthday-pick {
        display: inline-block !important;
        left: 690px;
        transform: rotate(20deg);
    }
}
/* LIBRARY PAGES */
/* library home page */
#top-articles-list {}
#top-articles-list li {list-style: decimal; margin: 8px 20px; font-size: 0.8em;}
#top-articles-list li a {display: block; font-weight: bold;}
/* artists page */
#content div.four-column {overflow: hidden;}
#content div.four-column div.col {float: left; width: 25%;}
/*#content div.letter-headed-list h2 {font-weight: bold}*/
/* - artist page */
#content div.title-with-image {overflow: hidden; width: 100%;}
#content div.title-with-image h1 {float: left;}
#content div.title-with-image div.copy {float: left; width: 100%; }
#content div.title-with-image div.image {float: right; width: 38%; padding: 0 0 16px 16px;}
#content div.article-listing {margin-bottom: 12px; color: #333; }
#content div.article-listing p {margin-bottom: 1px;}
#content div.article-listing p a {font-weight: bold;}
#content div.article-listing p.excerpt {font-style: italic;}
/* - article page */
#content article.with-ident {padding: 10px 60px 10px 60px; }
#content p.article-details {font-size: 0.9em; text-align: center; color: #333;}
#content p.article-details span.writer {font-weight: bold;}
#content p.article-details span.publication {font-style: italic;}
#content div.standfirst {font-size: 1.0em; line-height: 1.4em; font-weight: normal; margin-bottom: 12px; color: #333; text-align: justify; }
#content div.standfirst p { font-size: inherit; line-height: inherit; }
#content div.standfirst em {font-style: italic;}
#content div.copy { margin-bottom: 16px; color: #333; text-align: justify; }
#content div.copy em {font-style: italic; }
#audio-frame { margin-bottom: 16px; }
#audio-frame .audio-parts { margin: 12px 0 16px 0; }
#audio-frame .audio-parts li { margin-bottom: 8px; }
#audio-frame .audio-parts li div { margin: 8px 0 16px 0; } 
#audio-frame .audio-parts li audio { width: 100%; }
#audio-frame .audio-parts-for-download { margin: 12px 0 16px 0; }
#audio-frame .audio-parts-for-download li { font-size: 0.85em; margin-bottom: 8px; }
/* - subjects page */
#content div.two-column-list h2 { margin-top: 0; }
#content div.two-column-list div.col { width: 48%; }
#content div.two-column-list div.col1 { padding-left: 0; }
/* - writers page */
#content ul.writer-list {margin-top: 8px;}
#content ul.writer-list li {margin-bottom: 16px}
#content ul.writer-list li h2 {color: #333; font-weight: bold; font-size: 0.9em; margin-bottom: 4px}
#content ul.writer-list li div.summary p {font-size: 0.8em; margin-bottom: 2px;}
#content div.pale {color: #666 !important;}
#content div.writer-aka {clear: both; margin-bottom: 8px; font-size: 0.9em; font-weight: bold; }
/* - audio page */
#content div.audio-intro { display: flex; justify-content: space-between; }
#content div.audio-intro .audio-copy { flex: 1; }
#content div.audio-intro .audio-copy table { width: 100%; margin-left: 50px; margin-bottom: 12px; border: 0; }
#content div.audio-intro .audio-copy table td { padding: 0 5px; font-size: 0.8em; line-height: 1.5em; }
#content div.audio-intro .audio-tapes { flex: 0 0 216px; margin-left: 44px; position: relative; margin-top: -15px; }
#content div.audio-intro .audio-tapes img { width: 100%; height: auto; }
#content dl.audio-quality-key {font-size: 0.8em; margin-bottom: 30px;}
#content dl.audio-quality-key dt {clear: left; float: left; width: 140px; text-align: right; padding-right: 10px;}
#content dl.audio-quality-key dl {float: left; width: 140px; }
#AudioInterview  { margin-bottom: 16px; }
/* - search pages */
#advanced-search {margin-bottom: 16px;}
#advanced-search label { float: none; display: block; margin-bottom: 2px; text-align: left; }
#advanced-search div.field { margin-top: 0px; margin-bottom: 8px; }
#advanced-search div.field span { font-size: 0.8em; }
.paging-details {text-align: right;}
.order-options { margin-top: -5px; margin-bottom: 15px;}
div.pager {margin: 8px 0px 16px 0; padding-top:4px; font-size: 0.8em;}
div.pager .disabled {border:1px solid #ddd; color:#999; margin-top:4px; padding:3px; text-align:center;}
div.pager .current {background-color:darkred; border:1px solid #C0C0C0; color:#fff; margin-top:4px; padding:3px 5px; text-align:center;}
div.pager span, .pager a { margin: 4px 3px;}
div.pager a {border:1px solid #c0c0c0;padding:3px 5px;text-align:center;text-decoration:none;} 
.highlight {background-color: yellow;}
.search-side-panel {background-color: #E0E0E0; border: solid 1px #999; clear: right; float: right; margin: 0 0 16px 10px; padding: 0 10px; width: 30%; }
ul.facet-result {margin-bottom: 8px;}
ul.facet-result li {font-size: 0.8em; margin-bottom: 4px;}
/* INFO PAGES */
#content .page-content em { font-style: normal; color: #000; }
div.page-standfirst p {font-size: 1.0em;}
/* about us page */
#content ul.about-team {}
#content div.about-footer {overflow: hidden;}
#content div.about-footer p {float: left; width: 240px; margin-right: 50px; }
/* academic subs page */
body.subscribe-academic #sidebar {display: none;}
body.subscribe-academic #content {width: 85.20833%;/*818px*/}
body.subscribe-academic-current #content div.three-column div.col {float: left; width: 30.806846%; /* 252px*/ flex: none; padding-left: 1%; padding-right: 1%; }
body.subscribe-academic .header-panel {padding: 1%;}
body.subscribe-academic .header-panel em {font-style: italic;}
#content p.testimonial {font-style: italic;}
#content p.primary {color: #000;}
#content p.testimonial em {color: #000; font-style: italic;}
#content p.testimonial span.attribute {font-style: normal; font-weight: normal; display: block; margin-top: 2px; color: #000; }
#content p.testimonial span.attribute span {font-weight: normal; color: #666;}
/* copyright page */
body.copyright header img.page-title {display: none}
/* error pages */
body.error header .logo {display: none; }
body.error header .logo-small {display: block; }
/* magazine archive */
#content ul.magarchive-publications {}
#content ul.magarchive-publications li {margin-bottom: 16px;}
#content ul.magarchive-publications div.publication-details {overflow: hidden;}
#content ul.magarchive-publications div.publication-details div.img {float: left; width: 180px;}
#content ul.magarchive-publications div.publication-details div.text {float: left; width: 400px; }
#content ul.magarchive-publications div.publication-details div.text p {font-size: 1.0em; }

/* press room */
#content div.title-with-links {overflow: hidden; width: 100%;}
#content div.title-with-links h2 {float: left; margin: 2px;}
#content div.title-with-links div.links {float: right; font-size: 0.8em; margin-top: 2px;}
#content div.press-room-brochures {overflow: hidden; width: 95%; }
#content div.press-room-brochures div.image {float: left; width: 50%; min-width: 243px; margin-right: 10px; }
#content div.press-room-brochures div.text {float: left; width: 45%; text-align: center; font-size: 1.1em; padding-top: 10px; }
#content div.press-room-brochures div.text div.downloads {overflow: hidden; }
#content div.press-room-brochures div.text div.downloads div.download { float: left; width: 50%; font-size: 0.9em; margin-bottom: 10px; }
#content div.press-room-brochures div.text div.downloads div.download div {margin-bottom: 10px; }
#content div.press-room-reviews {overflow: hidden; }
#content div.press-room-reviews div.review {float: left; width: 32%;}
#content div.press-room-reviews div.review div {font-size: 0.8em; font-style: italic; }
#content div.press-room-logos {overflow: hidden; }
#content div.press-room-logos div.logo {float: left; font-size: 0.8em; margin-right: 20px; max-width: 640px;}
#content div.press-room-logos div.logo img {max-width: 100%; height: auto; }
body.pressroom div.video-image {max-width: 500px;}

/* press room - review */
#content div.review-detail {overflow: hidden; width: 100% /*650px*/}
#content div.review-detail div.pic {float: left; width: 47.69231%; /*310px*/ margin-top: 16px;}
#content div.review-detail div.pic div.image {margin-right: 10px;}
#content div.review-detail div.text {float: left; width: 50.76923%; /*330px*/}
/* rock source page */
#facts-of-the-day {font-size: 0.8em;}
#facts-of-the-day strong {font-weight: normal;}

/* LICENSING PAGE */
#content div.licensing-sidebar {background: transparent url('/public/img/syndication/mags.jpg') no-repeat right 10px; padding-right: 180px; min-height: 320px;}

.carousel.slick-dotted.slick-slider { margin: 40px auto 40px; }
.carousel .slick-slider div { box-sizing: border-box; }
.carousel .slide-panel { margin: 0 60px; }
.carousel .slide-image { }
.carousel .slide-image img { display: block; width: 100%; height: auto; }
.slide-content { text-align: center; }
#content .carousel .slide-content p { text-align: center; }
.carousel .slide-content h2 { font-family:"Avenir LT W01_45 Book1475508"; font-size: 0.8em; color: black; font-style: italic; font-weight: 300; margin-bottom: 10px; }
.carousel .slick-dots { left: 0; right: 0; }
.carousel .slick-dots li {  margin: 0 10px 0 0; width: 10px; height: 10px; }
.carousel .slick-dots li:last-child { margin-right: 0; }
.carousel .slick-dots li button { padding: 0; }
.carousel .slick-dots li button::before { background-color: transparent; border-radius: 50%; content: ""; border: 1px solid black; height: 8px; width: 8px; opacity: 1; }
.carousel .slick-dots li.slick-active button::before, 
.carousel .slick-dots li:hover button::before { opacity: 1; background-color: black; }
.carousel .slick-arrow,
.carousel .slick-arrow:hover,
.carousel .slick-arrow:focus { z-index: 999; width: 40px; height: 45px; display: inline-block; background-position: center center; background-size: 40px 45px; width: 40px; height: 45px;  }
.carousel .slick-arrow::before { content: ""; display: inline-block; }
.carousel .slick-prev,
.carousel .slick-prev:hover,
.carousel .slick-prev:focus { left: 0px; background-image: url('/public/css/site/slick/slick-left.png'); }
.carousel .slick-next,
.carousel .slick-next:hover,
.carousel .slick-next:focus { right: 5px; background-image: url('/public/css/site/slick/slick-right.png'); }

@media only screen and (max-width: 899px) {
    .carousel .slide-image img {max-width: 200px; margin-left: auto; margin-right: auto; }
     .carousel .slide-content br { display: none; }
}

@media only screen and (min-width: 900px) {
    .carousel .slide-panel { display: flex; justify-content: space-between; margin: 0 60px; }
    .carousel .slide-image { flex: 0 0 34%; }
    .carousel .slide-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .carousel .slide-content { flex: 0 0 65%; padding-top: 20px; }
    .carousel .slide-content a { display: inline-block; }
    .carousel .slick-dots { bottom: 15px; width: 53.5%; left: auto; right: 58px; }
}

/* SUBSCRIBE PAGE */
body.subscribe #container { width: 100%; }
body.subscribe #nav-login-bar { display: none; }
body.subscribe #sidebar { display: none; }
body.subscribe #main { background: transparent; }
body.subscribe div.panel { border-bottom: none; }

/* LOGIN PAGE */
.panel-login section { padding: 0 }
.page-login form div.field label {text-align: left; width: 25%; font-weight: bold;}
.page-login form label.checkbox {font-weight: normal; font-size: 0.8em; display: block; width: auto; margin: 6px 0 0 80px;}
.page-login form input[type='text'], #page-login form input[type='password'] {float: left; width: 60%; font-size: 0.9em;}
.page-login form input[type='submit'] {margin-left: 25%; font-size: 1.0em;}
.page-login p {margin: 6px 0 0 80px;}
.page-login form p {margin-left: 0px;}
.page-login .field-validation-error {clear: both; display: block; font-size: 0.8em; margin: 2px 0 0 80px;}
.free-login {margin: 0 auto 30px auto; border-bottom: 1px solid #bbb; padding: 0 0 30px; }

.g-recaptcha { margin-bottom: 20px; }

/* YOUR ACCOUNT PAGE */
.account #sidebar {
	display: none;
}

@media screen and (min-width: 981px) {
	.account #content {
		width: calc(70.625% + 14.583333%);
	}
}

/* NEWSLETTER PAGE */
#newsletter-form {
}
#newsletter-form label {font-size: 1.0em; margin-right: 10px;}
#newsletter-form input[type="text"] { }

/* PODCAST PAGE */
.podcast .listen-on { overflow: hidden; margin: 10px auto 5px; } 
.podcast .listen-on div { float: left; width: 48%; padding: 1%} 
.podcast .episode { margin-bottom: 24px; }
.podcast .episode h2 { margin-bottom: 12px; }
.podcast .episode .release-date { margin-bottom: 20px; }
.podcast .episode .description { margin-top: 8px; }
.podcast .episode .piece-links p { display: inline; }
#PodcastDropdown { width: 100%; margin-bottom: 16px; }

/* PODCAST EPISODE PAGE */
.podcast .single-podcast .listen-on div { float: left; width: 30%; padding: 1%} 
.podcast .single-podcast .listen-on div img { width: 100%;} 
.podcast .single-podcast .episode { margin-bottom: 12px; } 
.podcast .single-podcast h1 { color:  #D41240; font-size: 1.1em; font-weight: normal; margin-bottom: 12px; } 
.podcast .single-podcast .release-date { margin-bottom: 16px; }



/* ROCKARCHIVE*/
.rock-archive { overflow: hidden; border-top: solid 1px #bbb; margin-bottom: 20px; padding: 20px 0; }
.rock-archive h2 { margin-top: 0; }
.rock-archive img { margin-bottom: 20px; max-width: 30%; height: auto; display: block; }
.rock-archive-left img { float: left; margin-right: 20px; }
.rock-archive-right img { float: right; margin-left: 20px; }
.rock-archive-article .image-caption { display: block; text-align: left;  }
.rock-archive-article .image-caption .caption { padding: 10px 0 0; margin: 0; font-weight: bold; font-size: 0.9em; }
.rock-archive-article .image-caption img { display: block; }

.rock-archive-article .image-caption[style*="float: left"],
.rock-archive-article .image-caption[style*="float:left"] {
   margin: 0 15px 8px 0;
}
.rock-archive-article .image-caption[style*="float: right"],
.rock-archive-article .image-caption[style*="float:right"] {
   margin: 0 0 8px 15px;
}

/* SALESFORCE FORM */
form.salesforce-form {
}
form.salesforce-form label {float: left; width: 46%; font-size: 0.85em; }
form.salesforce-form input[type='text'], form.salesforce-form textarea, form.salesforce-form select {float: left; width: 51%;}
form.salesforce-form br {clear: both;}
form.salesforce-form input[type='submit'] {margin-left: 46%}
form.salesforce-form p {margin: -10px 0 8px 46%;}
form.salesforce-form .required {color: #D41240;}
form.salesforce-form .validation {display: none; color: #D41240;}

/* COOKIE NOTICE */
#cookie-notice { background-color: #000; color: #ddd; margin: 0 auto; padding: 8px 0; display: none; position: fixed; top: auto !important; bottom: 0; z-index: 99999;}
#cookie-notice p {font-size: 1.1em; padding: 0px 20px 0px 20px; text-align: center;}
#cookie-notice p a {color: #ff5d2a; }
#cookie-notice p a:hover {color: #ff5d2a; text-decoration: underline; }

h1 {color: #D41240; font-size: 1.3em; line-height: 1.1em; font-weight: normal; margin: 4px 0 16px 0;}
h1.article {color: #000; font-size: 1.3em; font-weight: bold; line-height: 1.3em;}
h2 {color: #000; font-size: 1.2em; margin: 16px 0 20px 0}
h2 a {color: #D41240;}
h2.sub-heading { color: #000; margin-top: -5px;}
h3 {color: #333; font-size: 1em; margin: 4px 0 12px 0; text-transform: uppercase}
h4 {color: #333; font-size: 0.8em; margin: 4px 0 8px 0; text-transform: uppercase}
h5 {color: #000; font-size: 0.8em; margin: 0 0 12px 0; font-style: italic;}
h6 {color: #000; font-size: 0.8em; margin: 0 0 12px 0; }
 
a {color: #D41240; text-decoration: none}
a:hover {color: #340000}
a.cta {font-weight: bold}
a.em {font-style: italic;}
a em {color: #D41240 !important;}

ul.intro-list {}
ul.intro-list li {list-style: disc; line-height: 1.3em; margin: 8px 20px;}
ul.intro-list li em {color: #222;}

p {font-size: 0.8em; line-height: 1.5em; margin-bottom: 12px;}
p.larger, .larger p {font-size: 0.975em;}
p.super-emph {font-weight: bold; text-transform: uppercase; }
p.important-notice {font-weight: bold;}
p.extra-margin-bottom {margin-bottom: 30px;}
ul.content-list {font-size: 0.8em; line-height: 1.5em; margin-bottom: 16px;}
ul.content-list li {list-style: disc; line-height: 1.5em; margin: 8px 20px;}
ul.content-list-compact li {margin-top: 0px;margin-bottom: 0px;}
ul.content-list-compact-large { font-size: 1.0em;}
ul.no-bullet-list {font-size: 0.8em; line-height: 1.5em; margin-bottom: 16px;}
ul.no-bullet-list li {line-height: 1.5em; margin: 1px 0;}
table.content-table {font-size: 0.8em;}
table.content-table th, table.content-table td {padding: 4px 8px 16px 8px; vertical-align: top;}
table.content-table th {color: #000;}
table.content-table td em {font-style: normal; color: #000;}

/* FORMS */
legend {display: none}
form div.field {margin: 16px 0; overflow: hidden;}
form div.field label {float: left; width: 30%; font-size: 0.8em; text-align: right; padding-top: 2px;}
form div.field span.required {float: left; width: 10px; font-size: 0.8em; margin-right: 10px; color: #D41240; padding-top: 2px;}
form div.field div.input {float: left; width: 60%;}
form div.field div.input p.important-note {color: #000; font-weight: bold; }
form input, form select, form textarea { font-size: 0.9em; padding: 2px;}
form input[type='text'] {width: 50%; }
form div.field div.input input[type='text'], form div.field div.input input[type='email']  {width: 100%;}
form textarea {width: 100%; height: 160px;}
form div.buttons {margin-left: 30%; padding-left: 20px; }
form h2 {margin-left: 60px}

/* - validation */
.field-validation-error { color: #D41240; display: block; font-size: 0.9em; margin-top: 4px;}
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #B94A48; background-color: #FFEEEE; }
.validation-summary-errors, .captcha-summary-errors { font-weight: normal; color: #D41240;}
.validation-summary-errors ul { margin-top: 8px; }
.validation-summary-errors ul li { color: #D41240; }
.validation-summary-valid { display: none; }
.message { font-weight: normal; color: darkgreen;}
/* library */
.library-search select {display: block; margin-bottom: 12px; width: 90%; font-size: 0.95em; padding: 1px; }
.library-search p.see-all {font-size: 1.0em}

/* STANDARD STYLING */
strong, b {
    font-weight: bold
}
em {color: #000; font-style: normal}
span.em {color: #000; font-style: normal}
i {font-style: italic}
hr { border: 0; color: #bbb; background-color: #bbb; height: 1px; }

/* MISC */
.clear {clear: both;}
.hidden {display: none;}
.right {text-align: right;}

/* EDITOR TINYMCE */
/*
#tinymce em { font-style: italic; color: inherit; }
#tinymce ul {margin-bottom: 12px; font-size: 0.8em; line-height: 1.5em; }
#tinymce ul li {list-style: disc; line-height: 1.5em; margin: 0px 20px;}
*/

/* MOBILE VIEW ELEMENTS */
.mobile { display: none; }
.search-side-panel-mobile { display: none; }

/* MEDIA QUERIES */

 body {
    padding-top: 150px;
}

@media only screen and (min-width: 376px) {
    body {
        padding-top: 156px;
    }
}

@media only screen and (min-width: 768px) {
    body {
        padding-top: 0;
    }
}

@media only screen and (min-width: 769px) {
    .mobile-library-link,
    .panel-mobile-links, 
    .mobile-menu, 
    .mobile-site-menu-btn,
    .advanced-search-info { display: none !important; }
}

@media only screen and (max-width: 980px) {
    /* Remove right bar
    #sidebar  { display: none; }
    #content  { width: 85.10416667%; /* 817px *//* border-right: none; } */

    /* Show follow-us links in main content area
    #content section.follow-us {display: block; }
    */

    #sidebar  { width: 14.5% }

    /* Also add padding to logo and left navigation */
    header.main a.logo img { padding-left: 4px; }
    header.main a.logo-small img { padding-left: 4px; }
    #nav-login-bar .nav-panel h2 { padding-left: 4px; }

    /* Add some padding to sign in panel */
    .sign-in-status { margin-right: 8px }
}

@media only screen and (max-width: 900px) {
    /* More space for left-nav
    #nav-login-bar {float: left; width: 20%;}
    #content  { width: 79%; }    
    body.subscribe-academic #content {width: 79%;}
    */

    /* Remove member logo */
    header.main img.member-group-logo { display: none; }
    header.main img.member-welcome { display: none; }
}

@media only screen and (max-width: 870px) {
    /* Remove pick */
    body.home header img.pick { display: none; }
}

@media only screen and (max-width: 768px) {
    
    #sidebar  { display: none; }

    /* Flatten 2 columns to 1 */
    #content div.two-column { flex-wrap: wrap; }
    #content div.two-column div.col {float: none;}
    #content div.two-column div.col1, #content div.two-column div.col2 {width: 98%; flex: 0 0 98%; border-left: none;}
    #content div.two-column-equal div.col1, #content div.two-column-equal div.col2 {width: 100%; border-left: none;}
    #content div.two-column div.col2 {border-top: solid 1px #bbb;}
    #content div.two-column-equal div.col2 {border-top: solid 1px #bbb;}

    /* Flatten 3 columns to 2 */
    #content div.three-column div.col3 { border-right: none; border-top: solid 1px #bbb; flex: 0 0 100%; overflow: hidden;}
    #content div.three-column div.col3 section.panel {flex: 0 0 calc(50% - 1px - 2%); padding: 1%}
    #content div.three-column div.col3 section.panel:last-child { }
    #content div.three-column div.col1, #content div.three-column div.col2 {flex: 0 0 49%;}
    #content div.three-column div.col2 {border-right: none;}
    #content div.three-column div.col2 .panel {border-bottom: none;}
    body.home #content div.three-column div.col { display: flex; justify-content: space-between; flex-wrap: wrap; }

    body.subscribe-academic #content div.three-column div.col {width: 45%; }
    body.subscribe-academic #content div.three-column div.col3 {float: none; clear: left; width: 100%; }

    /* Flatten 4 column lists to 1 */
    #content div.four-column div.col {width: 100%;}

    /* Advanced search fields */
    #advanced-search div.field select, #advanced-search div.field input[type='text'] { width: 90%; }
    #advanced-search div.field span { display: block; }
}

@media only screen and (max-width: 700px) {
    /* Remove audio image */
    #content div.audio-intro { display: block; }
    #content div.audio-intro .audio-copy table { margin-left: 0; width: 100%; }
    #content div.audio-intro .audio-copy table td { font-size: 1em; line-height: 1.6em; }
    #content div.audio-intro .audio-tapes { margin: 0 0 20px; overflow: hidden; }
    #content div.audio-intro .audio-tapes img { float:left; width: 50%; }
    #content dl.audio-quality-key { margin-left: 0;}
    
    /* Stack press room intro */
    #content div.press-room-brochures div.image {width: 100%; }
    #content div.press-room-brochures div.text {width: 100%; }
}



@media(hover: hover) and (max-width: 768px) {
    .sign-in-status .link:hover, .sign-out-form input[type="submit"]:hover { background-color: var(--red); color: white; }
}

@media only screen and (max-width: 768px) {
    /*** Switch to full-tablet/mobile view ***/
    p {font-size: 1em; line-height: 1.6em;}

    /* Hide left nav, header and welcome */
    #nav-login-bar { display: none; }
    #nav-login-bar .quick-search .advanced-search-link { display: none; }

    #content  { width: 100%; border-left: none; }
    header.main { display: none; }
    section.welcome { display: none; }
    #content section.follow-us { display: none !important; }
    .home #content div.three-column { display: none !important; }
    #login-anchor { display: none !important; }

    /* Show mobile header and other elements */
    header.mobile { display: block;  position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; background-color: white; }
    #container { margin-top: 0px; }
    header.mobile .icon-bar { padding: 2px 6px 2px; overflow: hidden; position: relative; z-index: 999; }
    header.mobile .icon-bar a.mobile-search-menu-btn { left: auto; right: 6px; width: 40px; margin-left: 10px; }
    header.mobile .icon-bar > a { position: absolute; top: 10px; z-index: 999; }
    header.mobile .icon-bar a.mobile-search-menu-btn .mobile-search-menu-btn-open,
    .search-menu-open header.mobile .icon-bar a.mobile-search-menu-btn .mobile-search-menu-btn-close { display: inline-block; }
   
    header.mobile .icon-bar a.mobile-search-menu-btn .mobile-search-menu-btn-close,
    .search-menu-open header.mobile .icon-bar a.mobile-search-menu-btn .mobile-search-menu-btn-open { display: none; }
    
    header.mobile .icon-bar a.mobile-user-menu-btn { left: 6px; right: auto; width: 50px; }

    header.mobile .mobile-logo a { display: block;text-align: center; border-bottom: 1px solid #cfcfcf; }
    header.mobile .mobile-logo a img { position: relative; min-width: 100px; max-width: 98%; max-height: 80px; margin: 0 auto; }

    header.mobile .quick-search { overflow: hidden; margin: 0px; padding: 0px;  }
    header.mobile .quick-search input[type='text'] { float: left; width: 82%; font-size: 1.4em; margin-top: 5px; }
    header.mobile .quick-search input[type='image'].desktop { display: none; }
    header.mobile .quick-search input[type='image'].mobile { display: block; float: left; width: 40px; margin-left: 10px; padding: 0px; vertical-align: top; }

    .member-group-logo-inner {
        text-align: center;
        padding: 20px;
    }

    .member-group-logo {
        width: 100%;
        height: auto;
        max-width: 200px;
        margin: 0 auto;
    }
    
    /* Sign in links and panel */

    .sign-in-subscribes-hidden { display: none; }
    .sign-in-status { padding: 16px 2% 22px; overflow: hidden; text-align: center; }
    .sign-in-status .link, .sign-out-form input[type="submit"] { display: inline-block; border: 1px solid var(--red); padding: 4px 10px 5px 14px; min-width: 120px; font-size: 22px; letter-spacing: -0.31px; line-height: 22px; font-family: "Avenir LT W01_45 Book1475508", sans-serif; text-transform: lowercase; color: var(--red); }    
    .sign-in-status .link.active, .sign-out-form input[type="submit"].active { background-color: var(--red); color: white; }
    .sign-in-status .link:first-child, .sign-out-form input[type="submit"] { border-radius: 30px 0 0 30px; margin-right: 5px; }
    .sign-in-status a.link:last-child { padding-right: 14px; padding-left: 10px; border-radius: 0 30px 30px 0; margin-left: 5px;}
    .sign-in-status span { display: none; }
    .sign-in-status .sign-out-form { display: inline-block;  margin-right: 2%; }
    .sign-in-status .sign-out-form input { margin-right: 0; width: 100%; }
    .sign-in-subscribes-hidden .sign-in-status input { min-width: 0; }
    .sign-in-status .sign-out-form, .sign-in-subscribes-hidden .link { width: 130px; box-sizing: border-box; }

    .pop-up-panel { padding-top: 0px; }
    .pop-up-panel .columns { width: 100%; }
    .pop-up-panel .columns .col { float: none; width: auto; }
    .pop-up-panel .columns .col1 { border-right: none; }
    .pop-up-panel p, .pop-up-panel .intro-panel p { overflow: hidden; word-wrap: break-word; max-width: none; }
    .pop-up-panel form, .pop-up-panel form#institution-login-panel select {width: auto; }
    .pop-up-panel form div.field label { float: none; }
    .pop-up-panel form div.field input[type='text'] { width: auto; }
    .pop-up-panel form input[type="submit"], .pop-up-panel .login-panel form label.checkbox,
    .pop-up-panel .login-panel p.forgot-password { margin-left: 0; }
    .pop-up-panel .columns .col .panel:last-child { border-bottom: solid 1px #bbb; }

    .panel-mobile-link div.new-this-week-additional-copy .small-margin { font-size: 1em; }
    .pop-up-panel#subscribe-panel .columns { display: flex; justify-content: space-between; flex-wrap: wrap; }
    .pop-up-panel#subscribe-panel .columns .col { flex: 0 0 48%; }
    .pop-up-panel#subscribe-panel .columns .panel:last-child {border: none; }

    /* Birthday */
    .birthday-banner {
        margin: 12px auto;
        border: none;
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
     }
    
    .birthday-banner a.birthday-link {
        font-size: 16px;
        line-height: 20px;
    }

    .birthday-banner .birthday-hide {
        font-size: 10px;
        line-height: 10px;
    }

    /* COLOURBOX  */
    #colorbox .close { position: absolute; top: 0; right: 0; width: 42px; height: 42px; }
    #colorbox #cboxClose, #colorbox #cboxClose:hover { width: 42px; height: 42px; background: transparent url('/public/img/common/close.png') 0 0 / cover no-repeat;}
    #colorbox  #cboxLoadedContent { margin-top: 0; }
    #colorbox #cboxTopLeft, 
    #colorbox #cboxTopCenter, 
    #colorbox #cboxTopRight, 
    #colorbox #cboxBottomLeft, 
    #colorbox #cboxBottomCenter,
    #colorbox #cboxMiddleLeft,
    #colorbox #cboxMiddleRight,
    #colorbox #cboxBottomRight { background-color: #fff; background-image: none; }

    /* Home page amends */

    .mobile-library {
        text-align: center;
        margin: 10px auto 10px;
    }

    .mobile-library-link {
        display: inline-block;
        margin: 0 auto;
        border: 1px solid var(--red);
        border-radius: 30px;
        padding: 4px 14px 1px;
        color: #D41240;
        font-size: 22px;
        letter-spacing: -0.31px;
        line-height: 30px;
        font-family: "Avenir LT W01_45 Book1475508", sans-serif;
        color: var(--red);
        text-transform: lowercase;
    }

    .panel-mobile-links {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 4px 21px;
        text-align: center;
    }

    .panel-mobile-link {
        flex: 0 0 48%;
        margin-bottom: 8px;
    }

    body.home .panel-mobile-link h2 {
        font-size: 1.05em;
        margin: 0 auto 6px;
    }

    .panel-mobile-link img {
        display: block;
    }

    .panel-mobile-link.article-list {
        flex: 0 0 100%;
    }

    body.home ..panel-mobile-link.article-list h2 {
        font-family:"Avenir LT W01_65 Medium1475532";
        font-size: 1.5em;
        line-height: 3.625em;
        letter-spacing: -0.34px;
    }

    .panel-postcast-link {
        flex: 0 0 97%;
        background-color: #eee;
        padding: 10px;
        margin-bottom: 12px;
    }

    body.home .panel-postcast-link a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        text-align: left;
    }

     body.home .panel-postcast-link a img {
        max-width: 80px;
        margin-right: 20px;
        display: block;
    }

    body.home .panel-postcast-link a span {
       display: block;
    }

    body.home .panel-postcast-link a .title {
       color: #666;
       font-size: 1.1em;
       margin-bottom: 6px;
    }
     
     body.home .panel-postcast-link a .content {
        margin-bottom: 0;
        color: #D41240;
    }

     body.home .panel-postcast-link a:hover .title,
     body.home .panel-postcast-link a:hover .content { 
        color: #D41240;
     }

    body.home .panel-postcast-link .image {
        margin-bottom: 0;
    }

    #content p {
        text-align: left;
    }
    
    #content p.pulltext {
        font-size: 1.5em;
        line-height: 1.1em;
        margin-bottom: 12px;
    }

    #content .pull-quote {
       font-size: 1.1em;
       line-height: 1.1em;
       margin-bottom: 12px;
    }
    
    body.home div.new-this-week-additional-copy table tr td  {font-size: 1em; }
    body.home div.new-this-week-additional-copy table tr td:first-child { width: 50px; padding: 12px 0 0 0;}
    body.home div.new-this-week-additional-copy table tr td:last-child { padding: 12px 0 0 8px; }

    /* Library page amends */
    body.library .top-10-desktop {
        display: none;
    }

    body.library .top-10-mobile { display: block; }
    
    /* Boost text size */
    body { font-size: 1.0em; }
    h2 { font-size: 1.3em; line-height: 1.3em; }

    /* Flatten 3 columns to 1 */
    #content div.three-column div.col { display: block; border-right: none;}
    #content div.three-column div.col1, #content div.three-column div.col2, #content div.three-column div.col3 {flex: 0 0 100%;}
    #content div.three-column div.col3 section.panel { float: none; width: 95%; padding: 2%} 
    #content div.three-column div.col3 section.panel:last-child {border-left: none;}
    #content .no-bottom-border { border-bottom: solid 1px #bbb; }

    body.subscribe-academic #content div.three-column div.col {float: none; border-right: none; width: 100%;}
    body.subscribe-academic #content {width: 100%;}

    #content section.follow-us { border-bottom: none; padding-bottom: 0}

    /* Fix up subscribe layout */
    body.subscribe #content { width: 100%; }

    /* Switch footer nav to two columns */
    footer ul.utility-nav { overflow: hidden; width: 100%;}
    footer ul.utility-nav li { float: left; width: 48%; border-right: none; padding: 0 0 6px 1%; text-align: left; }

    /* Remove article text padding */
    #content article.with-ident {padding: 10px 16px 10px 16px; }

    /* Press room reviews to one column */
    #content div.review-detail div.pic {float: none; width: 100%; /*310px*/ margin-top: 16px;}
    #content div.review-detail div.pic div.image {margin-right: 0px; margin-bottom: 10px;}
    #content div.review-detail div.text {float: none; width: 100%; /*330px*/}

    /* Move search result side panels */
    .search-side-panel-desktop { display: none; }
    .search-side-panel-mobile { display: block; }
    .search-side-panel { float: none; width: 94%; margin: 8px 0 16px 0;}

    /* Hide printer friendly view */
    .printer-friendly-view-trigger { display: none; }

    .mobile-site-menu-btn {
        width: 60px;
        height: 60px;
        display: inline-block;
        position: fixed;
        z-index: 99990;
        bottom: 10px;
        right: 10px;
        background-color: #D3103E;
        border-radius: 50%;
        text-align: center;
        box-shadow: rgba(0, 0, 0, .29) 2px 3px 6px;
    }
     
    .mobile-site-menu-btn .line {
         position: relative;
         display: inline-block;
         width: 29px;
         height: 4px;
         background-color: #FFFFFF;
         border-radius: 4px;
         margin: 0;
    }

    .mobile-site-menu-btn .line-1 {
        top: 8px;
    }

    .mobile-site-menu-btn .line-3 {
        top: -8px;
    }

    .menu-open {
        overflow: hidden;
    }

    .site-menu-open .mobile-site-menu-btn .line-1 {
        top: 17px;
        transform: rotate(45deg);
    }

    .site-menu-open .mobile-site-menu-btn .line-2 {
        display: none;
    }

    .site-menu-open .mobile-site-menu-btn .line-3 {
        top: -1px;
        transform: rotate(-45deg);
    }

    .mobile-menu {
        position: fixed; 
        top: 82px;
        left: 0;
        z-index: 999;
        width: 100%;
        height: 100vh;
        text-align: left;
        padding: 0;
        margin: 0;
        display: none;
    }

    .mobile-menu-overlay {
        background-color: rgba(0, 0, 0, .75);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
    }

    .mobile-menu ul li {
        cursor: pointer
    }

    .mobile-menu .sub-menu-link {
        font-size: 1.5em;
        line-height: 1.75em;
        letter-spacing: -0.56px;
        color: var(--red);
        display: block;
        position: relative;
        text-transform: lowercase;
        height: 44px;
        padding: 0 16px;
        background-color: #F5F5F5;
    }

    .mobile-menu .sub-menu:nth-child(odd) .sub-menu-link {
        background-color: #E5E5E5;
    }
    
    .mobile-menu .sub-menu-link::after {
        content: "";
        position: absolute;
        top: 16px;
        right: 16px;
        width: 9px;
        height: 14px;
        background: transparent url('/public/img/common/chevron-right.png') 0 0 / cover no-repeat;
    }

    .mobile-menu .sub-menu.sub-menu-open .sub-menu-link {
        background-color: var(--red);
        color: #fff;
    }
    
    .mobile-menu .sub-menu.sub-menu-open ul {
        display: block;
    }

    .mobile-menu .sub-menu-open .sub-menu-link::after {
        top: 19px;
        right: 13px;
        width: 14px;
        height: 9px;
        background: transparent url('/public/img/common/chevron-down.png') 0 0 / cover no-repeat;
    }

    .mobile-menu .sub-menu {
    }

    .mobile-menu .sub-menu ul {
        display: none;
        margin-top: 10px;
    }

    .mobile-menu .sub-menu ul.sub-menu-list li {
        position: relative;
        margin: 4px 0 4px 53px;
    }

    .mobile-menu .sub-menu ul.sub-menu-list li:last-child {
       margin-bottom: 20px;
    }

    .mobile-menu .sub-menu a {
        font-size: 1.3em;
        line-height: 1.5em;
        color: #D3103E;
        display: block;
        text-transform: lowercase;
    }

    .site-menu .menu-inner {
        position: fixed;
        top: 82px;
        left: 0;
        bottom: 0;
        overflow-y: auto;
        margin: 0 80px 0 0;
        background-color: #FFFFFF;
        padding: 0;
        width: 100%;
        max-width: 295px;
        z-index: 1000;
    }

    .mobile-menu .sub-menu ul.sub-menu-column {
        display: none;
        justify-content: center;
        flex-wrap: wrap;
    }

    .mobile-menu .sub-menu.sub-menu-open ul.sub-menu-column {
        display: flex;
        gap: 7.5px;
        padding: 7.5px 5px;
    }

    .mobile-menu .sub-menu ul.sub-menu-column li {
        flex: 0 0 50%;
        text-align: center;
    }

     .mobile-menu .sub-menu ul.social-links li {
        flex: 0 0 65px;
     }

    .mobile-menu .sub-menu ul.social-links li img,
    .mobile-menu .sub-menu ul.social-links li svg {
        width: 65px;
        height: auto;
    }

    .mobile-menu .sub-menu ul.signin-links li {
        margin-bottom: 0;
    }
    
    .mobile-menu .sub-menu ul.signin-links li .sub-menu-title {
        display: block;
        margin-bottom: 16px;
    }

    .mobile-menu .sub-menu ul.signin-links li img,
    .mobile-menu .sub-menu ul.signin-links li svg {
        width: 100%;
        height: auto;
        max-width: 60px;
        display: inline-block;
    }

    .menu-inner {
        background-color: #FFFFFF;
        padding: 12px;
    }

    .search-menu .menu-inner {
       z-index: 1000;
    }

     .search-menu .quick-search {
        text-align: center;
    }
    
    .search-menu .quick-search .search-input-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
        border: 1px solid #000000;
        border-radius: 40px;
        margin-bottom: 12px;
    }

    .search-menu .quick-search .text {
        border: none;
        height: 57px;
        color: #63696C;
        background: transparent;
        width: 70%;
    }

    .search-menu .quick-search .text:focus {
        outline: none;
    }

    .search-menu .quick-search .text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      color: #63696C;
    }

    .search-menu .quick-search .text::-moz-placeholder { /* Firefox 19+ */
      color: #63696C;
    }

    .search-menu .quick-search .text:-ms-input-placeholder { /* IE 10+ */
      color: #63696C;
    }

    .search-menu .quick-search .text:-moz-placeholder { /* Firefox 18- */
      color: #63696C;
    }

    .search-menu .quick-search .search-input-wrapper .desktop {
        display: none;
    }
    
    .search-menu .quick-search .search-input-wrapper .mobile {
        display: inline-block;
    }

    .search-menu .quick-search p {
        text-align: left;
        margin-left: 25px;
        margin-right: 25px;
    }

    /*  Main Menu Open */

    .site-menu .mobile-menu-overlay {
        left: -1000px;
        transition: all 0.2s ease;
    }
    
    .site-menu .menu-inner {
        left: -1000px;
        transition: all 0.2s ease;
    }
    
    .site-menu {
       left: -1000px;
       transition: all 0.2s ease;
        display: block;
    }

    .site-menu-open .site-menu,
    .site-menu-inner-open .mobile-menu-overlay,
    .site-menu-inner-open .site-menu .menu-inner {
        left: 0;
    }

    /*  Search Menu Open */

    .search-menu  {
        top: -1000px;
        transition: all 0.5s ease;
    }

    .search-menu  .menu-inner {
        position: relative;
    }
    
    .search-menu-open .search-menu {
        overflow: hidden;
        display: block;
        top: 135px;
    }

    /*PODCAST*/
    .podcast .single-podcast .listen-on div { float: none; width: 60%; margin: 0 auto 12px; padding: 0; } 
}

@media only screen and (max-width: 767px) {
    
    .pop-up-panel p, .pop-up-panel .intro-panel p { overflow: hidden; word-wrap: break-word; max-width: 380px; }
}

@supports (-webkit-touch-callout: none) {
    .site-menu-open .mobile-site-menu-btn .line-3 {
        top: 0px;
        transform: rotate(-45deg);
    }
}

@media only screen and (max-width: 540px) {
    /* Fix for mobile search bar */
    header.mobile .quick-search input[type='text'] { width: 80%; }
}

@media only screen and (max-width: 460px) {
    /* Fix for mobile search bar */
    header.mobile .quick-search input[type='text'] { width: 75%; }
}

@media only screen and (max-width: 420px) {
    .panel-mobile-link { width: 100%; }
}

@media only screen and (max-width: 412px) {
    /* Fix for mobile search bar */
    header.mobile .quick-search input[type='text'] { width: 70%; }
}

/*@media only screen and (max-width: 390px) {
    header.mobile .sub-title { font-size: 20px; }
}

@media only screen and (max-width: 340px) {
    header.mobile .sub-title { font-size: 17px; }
}*/

@media only screen and (max-width: 352px) {
    /* Fix for mobile search bar */
    header.mobile .quick-search input[type='text'] { width: 65%; }
    .mobile-menu ul li a { background: none; }
    .search-menu .quick-search .text { height: 30px; }
}

@media only screen and (max-width: 333px) {
    .sign-in-status .link, .sign-out-form input[type="submit"] { width: auto; font-size: 20px; }
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/public/css/site/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/public/css/site/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/public/css/site/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/public/css/site/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/public/css/site/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/public/css/site/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/public/css/site/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/public/css/site/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/public/css/site/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/public/css/site/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/public/css/site/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/public/css/site/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/public/css/site/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/public/css/site/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(/public/css/site/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/public/css/site/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/public/css/site/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/public/css/site/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/public/css/site/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/public/css/site/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/public/css/site/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/public/css/site/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

/*
  Custom amends
*/
#colorbox #cboxClose {
    top: 0;
    right: 0;
}
#cboxLoadedContent {
    margin-top:28px;
    margin-bottom:0;
}

@media screen and (max-width: 640px) {
    /*#colorbox, #cboxOverlay { top: 135px !important; }*/
    #cboxTopLeft, #cboxTopRight, #cboxTopCenter { height: 10px; }
}