/*
Theme Name:  Sri Chinmoy Media 2018
Theme URI:   http://www.radiosrichinmoy.org
Version:     2.0
Description: Updated theme for Radio Sri Chinmoy, based on original design by Sumangali.
Author:      Radio Sri Chinmoy
Author URI:  http://www.radiosrichinmoy.org
Template:    Divi
*/

hr{height: 1px;border: none;background: #ddd;clear: both;margin: 1em 0}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-spacing:0;border-collapse:collapse}
article,aside,footer,header,hgroup,nav,section{display:block}
body.page-template-page-template-blank-php #page-container{padding-top:0!important}
a:hover,.linkclass:hover{color:#000;text-decoration:underline}
p.et_normal_padding{padding-bottom:1em}
strong{font-weight:700}
cite,em,i{font-style:italic}
pre,code{margin-bottom:10px;font-family:Courier New,monospace}
ins{text-decoration:none}
sup,sub{position:relative;height:0;line-height:1;vertical-align:baseline}
sup{bottom:.8em}
sub{top:.3em}
dl{margin:0 0 1.5em}
dl dt{font-weight:700}
dd{margin-left:1.5em}
blockquote{font-size:16px;border-left:2px solid #b60000;margin:15px 0 0 0;padding:15px 20px 10px;border-radius:10px;background:#fffef2;margin-bottom:1.5em}
.radio blockquote{border-color: #4796a5;background-color: #dbfaff}
blockquote p, blockquote div, blockquote ul{padding-bottom:0.5em; font-size: 15px; line-height: 1.5;}
button.disabled{opacity:.4;cursor:default}
embed,iframe,object,video{max-width:100%}
h1,h2,h3,h4,h5,h6{padding-bottom:10px;color:#333;font-weight:500;line-height:1em}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
input[type=checkbox]{-webkit-appearance:checkbox}
input[type=radio]{-webkit-appearance:radio}
input[type=text],input[type=password],input[type=tel],input[type=email],input.text,input.title,textarea,select{padding:2px;border:1px solid #dedede;color:#4e4e4e;background-color:#fff}
input[type=text]:focus,input.text:focus,input.title:focus,textarea:focus,select:focus{border-color:#2d3940;color:#3e3e3e}
input[type=text],input.text,input.title,textarea,select{margin:0}
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
a.small-button:hover,a.big-button:hover,a.smallblue:hover,a.bigblue:hover,button.big-button:hover,input[type="submit"]:hover {opacity:.85;text-decoration:none}
textarea{padding:4px}
.screen-reader-text{position:absolute;left:-9000px}
#wpadminbar a.ab-item{color:#fffef2!important}
body.admin-bar.et_non_fixed_nav.et_transparent_nav #main-header,body.admin-bar.et_non_fixed_nav.et_transparent_nav #top-header,body.admin-bar.et_fixed_nav #main-header,body.admin-bar.et_fixed_nav #top-header{top:32px}

#ie8 img{width:auto}

.clear{clear:both}
br.clear{margin:0;padding:0}
.et_vertical_nav #page-container:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:" "}
#et-secondary-menu li,#top-menu li{word-wrap:break-word}

#top-menu li ul {margin-top:0px;padding:15px 0;z-index:98;width:240px;border-top:none;background:#fdfbdf;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.1);box-shadow:0 2px 5px rgba(0,0,0,0.1);text-align:left;}
#top-menu li:hover ul{visibility:visible;opacity:1;}
#top-menu li li{margin:0;padding:0 20px}
#top-menu li li a{ font-size:14px;padding:8px 0}
.radio #top-menu li ul { background: #b8f4ff; }
.my-playlist-link a { color: #b60000 !important;}

.container.et_pb_menu_hidden{z-index:-1}
.container.et_pb_menu_hidden #top-menu, .container.et_pb_menu_hidden #et_top_search, .container.et_pb_menu_hidden #et_mobile_nav_menu { opacity: 0}
#et_search_icon:hover{cursor:pointer}
#et_top_search.et_search_opened{position:absolute;width:100%}
.et-search-form{background:rgba(0,0,0,0)!important;position:absolute;z-index:1000;top:0;right:0;bottom:0;width:100%}
.et-search-form input{position:absolute;top:0;right:30px;bottom:0;width:90%;margin:auto;background:#fffef2;color:#333;font-size:18px!important;border-left:1px #dedede solid; border-right:1px #dedede solid;border-radius:10px;border-bottom:none;border-top:none;z-index:1000;}
.radio .et-search-form input{background:#dbfaff}
.et-search-form .et-search-field::-ms-clear{display:none;width:0;height:0}
.et_search_form_container{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none;float:right;margin-right:4%;}
.container.et_search_form_container.et_pb_search_visible{z-index:999;}
.container.et_search_form_container.et_pb_search_form_hidden{z-index:1!important}
.et_pb_search_visible.et_pb_no_animation{opacity:1}
span.et_close_search_field{display:block;position:absolute;z-index:99999;top:0;right:0;bottom:0;width:30px;height:30px;margin:auto;cursor:pointer}
span.et_close_search_field:after{display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"ic";font-size:32px;font-weight:400;font-variant:normal;-webkit-font-smoothing:antialiased;line-height:1;text-transform:none;content:"\e807";speak:none}
.et_search_outer{overflow:hidden;position:absolute;top:0;width:100%}

#main-footer{background-color:#b60000;}

#footer-widgets{padding:6% 0 0}
.footer-widget{float:left;color:#fff;width:22.75%;margin:0 3% 3% 0}
.last{margin-right:0}
#footer-widgets .footer-widget h4 {color:#fef0a5} 
.footer-widget .fwidget:last-child{margin-bottom:0!important}
#footer-widgets .footer-widget li{position:relative;padding-left:14px;color:#fef0a5}
#footer-widgets .footer-widget li:before{position:absolute;top:9px;left:0;border-width:3px;border-style:solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;content:""}
#footer-widgets .footer-widget li a{color:#fdfbdf;text-decoration:none}
#footer-widgets .footer-widget li a:hover{color:rgba(255,255,255,0.7)}
#footer-bottom{padding:15px 0 5px;background-color:rgba(0,0,0,0.32)}
#footer-bottom a{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#footer-info{float:left;padding-bottom:10px;color:#ccc;text-align:left}
#footer-info a{color:#fdfbdf;font-weight:700}
#footer-info a:hover{opacity:.7}
.back-to-top{display:none;position:fixed;bottom:10%;right:0;padding-right:1%;z-index:50;cursor:pointer;}
.back-to-top:after{content: "\f139";font-family:'ic';font-size:4em;color:rgba(0,0,0,0.2);}

.radio #main-footer {background-color:#4796a5;}
.radio #footer-widgets .footer-widget h4 {color: #b8f4ff;}
.radio #footer-widgets .footer-widget li{color: #b8f4ff;}
.radio #footer-widgets .footer-widget li a{color:#dbfaff;}
.radio #footer-info a{color:#fff;}

.et_pb_column {margin-right:3%}
.et_pb_column_4_4{width:100%}
.et_pb_column_3_4{width:74.25%}
.et_pb_column_2_3{width:65.666%}
.et_pb_column_1_2{width:48.5%}
.et_pb_column_1_3{width:31.333%}
.et_pb_column_1_4{width:22.75%}
.et_pb_column_4_4 .et_pb_module {margin-bottom:1.5%}
.et_pb_column_3_4 .et_pb_module {margin-bottom:2.02%}
.et_pb_column_2_3 .et_pb_module {margin-bottom:2.284%}
.et_pb_column_1_2 .et_pb_module {margin-bottom:3.093%}
.et_pb_column_1_3 .et_pb_module {margin-bottom:4.787%}
.et_pb_column_1_3 .et_pb_module {margin-bottom:6.593%}

.et_pb_gallery{overflow:hidden;}
.et_pb_gallery img {width: 100%;}
.et_pb_gallery_item { position: absolute;}

.pf-player-image {line-height: 0}
.pf-player-image img{width: 100%;height: 100% !important; /* this overrides some js which is not working */}

.playerclickedwrapper { background: #000; position:relative;}
.playerclickedwrapper iframe, .iframe-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.vs-player { position: relative; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: pointer;}
.iframe-wrapper iframe{height: 100%; width: 100%; position: absolute;top: 0;left: 0;background: #000}

.postmetadata{padding:15px 30px;margin-bottom:20px;font-size:.95em;line-height:1.5em;background-color:#fdfbdf;border:1px solid #ededed;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;behavior:url(/wp-content/themes/ckg-media/PIE/PIE.php)}
.readmore{font-weight:200;font-family:"Sorts Mill Goudy",Georgia,serif}

.radio .postmetadata{background-color: #dbfaff;}
.tv .datetime{margin-top:0;padding-top:0;color:#777;font-size:.9em;line-height:1.5em}
.tv h1.single-post-title{padding-bottom:3px}
.tv #single-post .entry{width:100%;float:left;font-size:1.1em}
.tv .entry p,.tv .entry ul,.tv .entry blockquote{max-width:550px;font-size:14px;line-height:1.5em;margin-bottom:1.5em}

.entry p{padding:0}
.entry ul{list-style:disc;margin-left:0;padding:0 0 0 10px}
.entry li{margin:4px 0 4px 10px}
.entry ol{margin-left:0;padding:0 0 0 10px}
.content-after { margin-top: 1.5em;}
.post .embed-wrapper{margin-bottom:25px}
.clear{clear:both}

.alignleft { display: inline; float: right; margin-right: 25px; }
.alignright { display: inline; float: right; margin-left: 25px; }
.wp-caption { background: #eef6f7; color: #333; border-radius: 5px; padding: 10px; border: 1px #dedede solid; width: 100% !important; margin-bottom:1em;}
.wp-caption.alignleft, .wp-caption.alignright {width:auto !important;}
.wp-caption img { border: 1px #dedede solid; width: 100%; }
p.wp-caption-text { line-height: 1.3em; font-size: .92em; margin: 5px 0 0 0; color: #555;}
.post-content .alignleft, .post-content .alignright { max-width: 50%;}


#commentform { margin-top: 20px; }
#commentform input[type="text"],#commentform input[type="email"],#commentform input[type="url"]{width:70%}
#commentform textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}
#commentform textarea,#commentform input[type="text"],#commentform input[type="email"],#commentform input[type="url"]{padding:12px;border:none;color:#999;background-color:#eee;font-size:18px}
.antispam-group { display: none;}
.comment-respond { margin-top: 1em;}
#comment-wrap { margin-top: 20px; clear:both; border: 1px #dedede solid; padding: 15px 30px !important; background-color: transparent; border-radius: 10px;}
.comment-body { padding: 20px 0; border-bottom: 1px #dedede solid; }
.comment-reply-link { font-size: 1.2em; margin-top:.5em;display:inline-block;background-color: #f0f0f0; border: 1px #dedede solid; padding: 3px 5px; border-radius: 3px;}

#video-actions{width:110px;float:right;margin-top:4px;margin-left:15px;font-size:.9em;list-style:none;padding:5px 0 0 0;background-color:#fdfbdf;border:1px solid #dedede;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;text-align:left;font-size:1.15em;position:relative}
#video-actions li{padding: 7px 15px 7px !important;margin-left:0;display:block;color:#222;text-align:left;border-bottom:1px solid #dedede;cursor:pointer}
#video-actions li:last-child{border-bottom: 0;}
.tooltip-download,.tooltip-embed{padding:10px 10px 10px 20px;width:294px;font-size:12px;color:#777;position:absolute;left:108px;top:-20px;z-index:80;background-color:#fffef2;border:1px solid #dedede;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;text-align:left;font-family:Helvetica,Arial,sans-serif}
#embed-link div:first-child,#download-link div:first-child{color:#000;cursor:pointer}
.tooltip-embed h4{padding:10px 0 5px;font-size:1.3em}
.tooltip-embed strong{color:#222;margin:10px 0 5px;font-size:1.1em}
.tooltip-download > a{font-size:1.1em}
.tooltip-download p{font-size:.9em}
.tooltip-embed-close,.tooltip-download-close{color:red!important;font-size:1.6em;text-align:right;cursor:pointer;font-family:SortsMillGoudyItalic,Georgia,serif;margin-bottom:5px}
.video-actions-current{background-color:#fffef2}
#audio-message { border: 1px #dedede solid; padding:5px 10px; margin-bottom: 20px;}

.search-item{border-bottom:1px solid #ededed;padding-bottom:5px;margin-bottom:12px}
.search-navigation{margin:10px 0 20px;padding:10px 20px;font-size:.9em;line-height:1.5em;background-color:#fdfbdf;border:1px solid #ededed;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;behavior:url(/wp-content/themes/ckg-media/PIE/PIE.php)}
.radio .search-navigation{background-color:#dbfaff;}

.search #left-area { max-width: 650px; width:100%; }
.search .slide-tabs-wrapper { border-radius: 10px 10px 0 0;}
.search .slide-tabs li { width: 150px !important; display: table-cell;}
.search .slide-tabs li.active {border-radius: 10px 10px 0 0 !important; border-bottom:none;}
.search .slide-content { display:none; border: 1px #dedede solid; padding: 20px;}
.search .slide-content.active { display:block; }
.search .slide-tabs-wrapper > ul > li a { display: block; font-size: 1.2em; padding: 10px 20px !important; }

/* Music player */
.wp-playlist, .wp-playlist-dark, .wp-playlist-light { background: #eef6f7; color: #333; border-radius: 5px; padding: 10px; border: 1px #dedede solid;position:relative;}
.wp-playlist > img { display: none; } /* Some silly thing happening here - this is workaround */

.wp-playlist-current-item { height: 180px !important; max-width: 100% !important; position: relative; }
.wp-playlist-current-item img { max-width: 175px !important; max-height: 175px !important; width: 175px !important; border: 1px #dedede solid; }
.wp-playlist-current-item .wp-playlist-caption { position: absolute; left: 185px; top: 10px; margin-right: 10px; }

.wp-playlist-current-item .wp-playlist-item-title, 
.wp-playlist-current-item .wp-playlist-item-album, 
.wp-playlist-current-item .wp-playlist-item-artist, 
.wp-playlist-current-item .wp-playlist-item-composer { display:block;overflow: visible !important; white-space: normal !important; line-height: 1.2 !important; margin-bottom: 3px; }
.wp-playlist-current-item .wp-playlist-item-title { font-size: 16px; }
.wp-playlist-current-item .wp-playlist-item-composer { font-size: 10px !important; margin-top: 20px; }

.wp-playlist-tracks.playlist-overflowing { padding-right:8px; margin-right:-8px;padding-bottom:25px;}
.wp-playlist-item-wrapper { position: relative;  margin: 0 30px 0 0;}
.wp-playlist-item { padding: 7px 12px !important; position: relative; border-bottom: 1px #ddd solid;}
a.wp-playlist-caption{color: #1a5864;line-height:1.4em;margin-bottom:2px;}
.wp-playlist-playing { font-weight:bold;}
.wp-playlist-item-title { font-size: 13px; }
.wp-playlist-item-artist { text-transform: none !important; font-size: 10px !important; line-height: 1.1em; }
.wp-playlist-item-album { text-transform: none !important; font-size: 10px !important; line-height: 1em; font-style: italic;}
.wp-playlist-item-length { position: absolute; bottom: 3px; right: 0px; font-size: 10px;}
.wp-playlist-item img { width: 36px; height: 36px; position: absolute; left: 0; top:4px;}
.wp-playlist-more { position: absolute; bottom: 0;right: 0;background-color:#c8e2e5; height:26px; width:100%;z-index:30; text-align:center;cursor:pointer;padding:2px 25px 4px 0;border-left: 1px #dedede solid;border-top: 1px #dedede solid;color:#777;font-style:italic;}
.wp-playlist-more:after {content: "\f13a";font-family:'ic';font-size:1.5em;color:rgba(0,0,0,.3);position:absolute;top:2px;margin-left:4px;font-style:normal;}
.wp-playlist-more.reachedend:after { color: rgba(0,0,0,.1); }


.wp-playlist-scrolling .wp-playlist-current-item { height: 125px !important;  }
.wp-playlist-scrolling .wp-playlist-current-item img { max-width: 125px !important; max-height: 125px !important; width: 125px !important;  }
.wp-playlist-scrolling .wp-playlist-current-item .wp-playlist-caption { left: 135px; }
.wp-playlist-scrolling .wp-playlist-tracks {max-height:149px; overflow: scroll;}

.audioactionicon { font-size: 1.5em; color: #4796a5; font-family: "ic" !important; position: absolute; right: -30px; top: 3px; display: inline-block; padding: 3px; cursor: pointer; z-index: 10;}
.audioactionicon:before { content: "\e803"; }
.audiocancel { font-size: 1.7em; margin-right: -3px; }
.audiocancel:before { content: "\e807"; }
.audioactions { display: none; padding: 6px 12px; background-color: #c8e2e5; position: absolute; top: 0; left: 0; width: 100%; z-index: 30;}
.audiolink { display: inline !important; margin-right: 12px; font-size: .9em; }
.audiolink:last-child { margin-right: 0; }

.wp-playlist-withimage .wp-playlist-caption { display:block;padding-left:36px;min-height: 27px}
.wp-playlist-withimage .audioactionicon { top: 6px; right: -30px; }
.wp-playlist-withimage .audioactions { padding: 12px; }

/* use modernizr to display different links depending on if supports HTML5 download attr */
.vsno-adownload .downloadattr, .vsadownload .nodownloadattr { display: none !important; }

/* Single track */
.single-player { padding: 15px; background: #eef6f7; margin: 0 0 10px 30px; }
.post .single-player { width:45%; float:right;}
.post .single-player .mejs-container{ width: 100% !important;}
.single-track-image { margin-bottom: -5px; width: 100%;}

/* Wide playlist */
.wp-playlist-horizontal {  position:relative; }
.wp-playlist-horizontal .mejs-container{ width: 50% !important; position: static; height:55px!important;}
.wp-playlist-horizontal .wp-playlist-current-item { width: 50% !important; position:relative;}
.wp-playlist-horizontal .wp-playlist-tracks { width: 45%; left: 55%; top: 0; position:absolute; height:255px; overflow: scroll;}
.wp-playlist-horizontal .wp-playlist-tracks.playlist-overflowing { margin-right:-8px;}
.wp-playlist-horizontal .wp-playlist-more { width:45%;}

/* The actual player */
.mejs-container {font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0;width: 100% !important;min-width: 0 !important;border-radius:5px;height:65px !important;}
.mejs-controls { display:flex;position:relative;}
.mejs-button button{padding:0;color: #4796a5;cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;background:transparent;height:70px;padding:10px 1px 0 0;border:none;font-style:normal;}
.mejs-button button:before{content:"\e801";font-family:'ic';font-size:50px;margin-left:-3px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
.mejs-pause button:before{content:"\e806";font-size:47px;margin-left:0;}
.mejs-replay button:before{content:"\e809";font-size:47px;margin-left:0;}

.mejs-time-rail { width: 100%; margin: 31px 20px 0 10px; direction: ltr; }
.mejs-time-rail .mejs-time-total { position:relative; width: 100%; display:block; height:6px; background: linear-gradient(rgba(130, 130, 130, 0.8), rgba(200, 200, 200, 0.8)); border-radius: 3px;}
.mejs-time-rail .mejs-time-total > span { display:block; width: 100%; height:6px; position:absolute; border-radius: 3px;}
.mejs-time-rail .mejs-time-current, .mejs-time-rail .mejs-time-loaded { transform: scaleX(0); transform-origin:left top; border-radius: 3px; }
.mejs-time-rail .mejs-time-current { background: linear-gradient(rgba(150, 150, 150, 0.8), rgba(210, 210, 210, 0.8)); }
.mejs-time-rail .mejs-time-loaded { background: linear-gradient(rgba(200, 200, 200, 0.8), rgba(230, 230, 230, 0.8)); }
.mejs-time-rail .mejs-time-buffering {
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
	-o-animation: buffering-stripes 2s linear infinite;
	animation: buffering-stripes 2s linear infinite;
}
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
.mejs-time-rail .mejs-time-buffering:after { content: 'Loading...'; position:absolute; bottom:-18px; right: 0; font-style:italic; font-size:.8em;}

.mejs-time-rail .mejs-time-handle {display: none !important; position: absolute; margin: 0;width: 10px;background: transparent;cursor: crosshair;top: -2px;text-align: center;}
.mejs-time-rail .mejs-time-total .mejs-time-float {position: absolute;display: none;width: 36px;height: 17px;top: 6px;margin-left: -14px;text-align: center;color: #111;cursor: crosshair;}
.mejs-time-rail .mejs-time-float-current {display: none;margin: 2px;width: 32px;display: block;text-align: center;left: 0;}
.mejs-time-rail .mejs-time-float-corner {position: absolute;display: block;width: 0;height: 0;line-height: 0;border: solid 4px #eee;border-color: #999 transparent transparent transparent;border-radius: 0;top: -10px;left: 13px;}

.mejs-currenttime-container{position:absolute;color: #4796a5;top:11px;left:58px;}
.mejs-duration-container {position:absolute;top:11px;right:99px;color:#777;}

a.mejs-horizontal-volume-slider {width:100px;margin-top:21px;height:26px;position:relative;display: block;float: left;vertical-align: middle}
.mejs-horizontal-volume-total {position:absolute;left:0;top:11px;width:100%;height: 3px;margin: 0;padding: 0;border-radius: 2px;
	background: rgba(50,50,50,0.8);
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}
.mejs-horizontal-volume-current {position: absolute;left: 0;top: 0;width: 100%;height: 3px;margin: 0;padding: 0;font-size: 1px;	border-radius: 2px;background: rgba(255,255,255,0.8);
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
}
.mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {display: none;}

.mejs-button.mejs-volume-button button { margin-top:17px;height:30px;padding-right:3px;}
.mejs-button.mejs-volume-button button:before{content:"\e805";font-size:18px;margin-left:0;text-shadow:none;}
.mejs-button.mejs-unmute button:before{content:"\e804";}

.mejs-offscreen{position:absolute!important;top:-10000px;left:-10000px;overflow:hidden;width:1px;height:1px}
.me-cannotplay a{color:#fff;font-weight:700}
.me-cannotplay span{padding:15px;display:block}

/* livestream */
img.streamingbanner { border: 1px #dedede solid; width: 100%; height: auto; }
.playerwrapper { display: table; margin-top: -30px; border: 1px #dedede solid; padding: 20px 20px 10px 20px; margin-bottom: 2em; border-radius: 0 0 20px 5px;}  
.playerwrapper > div { display: table-cell; vertical-align: top; }
.playerwrapper > div:first-child p { line-height: 1.3em; }
.playerwrapper button { width: 110px; margin-left: 20px; font-size: 20px; cursor: pointer; color: #4796a5; border: 1px #4796a5 solid; background: #fff !important; padding: 10px 15px; border-radius: 21px; }
.playerwrapper button:before { content:"\e801";font-family:'ic'; padding-right: 4px; font-style: normal;}
.playerwrapper button.livestreamplaying:before { content:"\e806"; }

/* Artist info at bottom of post */
#musicians-info {clear:both;border: 1px #dedede solid;padding: 15px 30px !important;margin: 20px 0;background-color: transparent;border-radius: 10px;}
#musicians-info img { float: left; margin-right: 10px; max-height: 150px; width: auto; }
#musicians-info  h4 { margin-top: 20px; }

/* Track list at bottom of post */
#tracklist {clear:both;border: 1px #dedede solid;padding: 15px 30px !important;background-color: transparent;border-radius: 10px;}
#tracklist h4 { font-size: 1.6em; margin-bottom: 10px;}
#tracklist ul#download-links { margin-bottom: 10px; }
#tracklist ul#download-links li { font-size: 1.1em; border-bottom: 1px #dedede solid; padding: 5px 0; }
#tracklist ul#download-links li .filesize { font-size: .7em; margin-right: 30px; }

.embedcode { display: none; width: 92%; padding: 15px 4%; background-color: #dbfaff; border-top: 1px #dedede solid; }

.audioname { width: 45%; display: inline-block; } 
.audioname .filesize span { margin-right: 5px; font-style: italic;}
.audioactionlinks { width: 50%; text-align: right; display: inline-block; }
.audioactionlinks span { margin-left: 20px; color: #000; cursor: pointer;}

.userplaylistslideshow .slide-tabs-wrapper { width:40%;}
.userplaylistslideshow .slide-tabs-wrapper li{padding:13px}
.userplaylistslideshow .slide-tabs-wrapper h6{ display:block;padding: 0 0 3px 0; height:auto;}
.userplaylistslideshow .slide-tabs-wrapper img{display:none;}
.userplaylistslideshow .slide-content {width:60%; padding: 0 15px;}
.userplaylistslideshow .slide-text { display:none;}
.userplaylistslideshow .slide-media { width:100%;}

/* Playlist page */
#playlist{display:flex}
#playlist-left-withtracks, #playlist-left-notracks { min-width: 52%; padding-right: 30px; } 

#save { border: 1px #dedede solid; padding: 20px; border-radius: 20px; background-color: #dbfaff; }
#save h4 { border-top: 1px #dedede solid; margin-top: 30px; padding-top: 30px;  }
#share { padding: 40px 20px; }

#reload-reminder, #firsttime { position: fixed; bottom: 0; left: 0; padding: 10px 5%; width: 100%; font-size: 1.15em; background-color: #b8f4ff; z-index: 40; border-top: 2px #29717f solid;  }
.invisible-reminder { display: none; }

#playlist-left-withtracks .wp-playlist-item-wrapper { margin: 0 30px; }
#playlist-left-withtracks .wp-playlist-sorticon { font-size: 1.25em; color: #4796a5; position: absolute; left: -40px; top: 0; display: inline-block; padding: 8px; cursor: pointer; z-index: 10; }
#playlist-left-withtracks .wp-playlist-sorticon:before { content: "\e808"; font-family: "ic" !important; }

/* Playlist save and share forms */
#field_1_4 { position: relative;}
#field_1_4 div.charleft { position: absolute; left: -20px; bottom: -8px; font-size: .9em; width: auto !important; }

.gforms_confirmation_message {
  font-size: 1.2em;
  border: 1px #dedede solid; 
  padding: 20px;
  border-radius: 10px;
  background: #f0f0f0;
  margin-top: 20px;
}

/* Playlist archive page */
.playlist-archive-description { text-align: center; padding: 0 10% 10px 10%;}
.playlist-archive { column-count:3; column-gap: 30px;}
.playlist-archive-item { display:inline-block;background-color: #dbfaff; border: 1px #dedede solid; padding: 10px 3%; margin-bottom:30px; border-radius: 10px; box-sizing: border-box; width:100%; }
.playlist-archive-item .wp-playlist { margin-top: 1em; }
.playlist-archive-item .wp-playlist-tracks {max-height:149px; overflow: scroll;}
.playlist-archive-navigation { padding: 0 20% 25px 20%;}

/*  Artist taxonomy */
#category-media { margin: 0 5% 10px 15px; width: 45%; float:right;}
#category-list-media { margin: 0 5% 5px 1%; float: right;}
#category-list-media .wp-playlist { margin-top: 0; }
.category-image { margin: 0 -15% 10px 15px; width: 55%; background: #eef6f7; padding: 10px; float: right; height: auto; box-shadow: none;  }

/*** Legacy plone CSS **/
.blue-header h6 { background-color: #b8f4ff; }

@media all and (max-width:980px) {

	.tooltip-download,.tooltip-embed{width:200px;left:-100px;top:70px;}

	.mobile_menu_bar.mobile-open:before { content:"\e807" }
	#top-menu.mobile-open li { display:block; width: 100%;}
	#top-menu.mobile-open { width: 108%; margin-left: -4%; padding: 20px 3%; background-color:#fdfbdf; position:absolute; top: 0; border: 2px #b60000 solid; box-shadow: 1px 1px 5px #222;}
	#top-menu.mobile-open li { line-height: 1; font-size: 1.2em; }
	#top-menu.mobile-open>li:last-child {padding-right:3%;}
	#top-menu.mobile-open li a { padding: 10px 0;}
	#top-menu.mobile-open li a:before { content: '• ';}
	#top-menu.mobile-open >li > a:after {content:"\f13";color:rgba(0,0,0,.2);margin-left:7px;font-size:14px}
	#top-menu.mobile-open .menu-item-has-children>a:first-child:after{position:static;content:"\f13a";color:rgba(0,0,0,.2);text-shadow:none;font-size:14px;margin-left:7px}
	#top-menu.mobile-open > li.current-menu-item > a:after { color:rgba(90,0,0,.5) !important;}

	#top-menu.mobile-open li ul.sub-menu { border: 1px #dedede solid;position:static;visibility:visible;opacity:1;margin-top:0px;padding:15px 0;z-index:98;width:100%;background:#fffef2;text-align:left;}
	#top-menu.mobile-open li li{display: inline; width: auto; padding: 0;}
	#top-menu.mobile-open li li a { padding: 10px 20px; display: inline-block}

	.radio #top-menu.mobile-open {background-color:#b8f4ff; border-color: #4796a5}
	.radio #top-menu.mobile-open li ul.sub-menu {background:#dbfaff}

	.et_pb_gallery{margin: 1em 0;}

	.playlist-archive { column-count:2;}
}

@media all and (max-width:767px) {
	.userplaylistslideshow .slide-tabs-wrapper { width: 100%;}
	.userplaylistslideshow .slide-tabs-wrapper h6 { font-weight: bold;}
	.userplaylistslideshow .slide-tabs-wrapper .submitted-by { font-size:12px; line-height:1.2;}
	.userplaylistslideshow .slide-content { padding: 0;}


}

@media all and (max-width:650px) {
	.playlist-archive { column-count:1;}

	.wp-playlist-horizontal {  position:relative; }
	.wp-playlist-horizontal .mejs-container{ width: 100% !important; position: static; height:65px!important;}
	.wp-playlist-horizontal .wp-playlist-current-item { width: 100% !important; position:static;}
	.wp-playlist-horizontal .wp-playlist-tracks { width: 100%; position:static; max-height:205px; height:auto;}
	.wp-playlist-horizontal .wp-playlist-tracks.playlist-overflowing { margin-right:-8px;}
	.wp-playlist-horizontal .wp-playlist-more { width:100%;}

	#playlist{display:block}
    #playlist-left-withtracks, #playlist-left-notracks { width: 100%; padding-right: 0; margin-bottom: 20px;} 
}

@media all and (max-width:550px) {

   	#footer-widgets{column-count:2;column-gap:30px;margin:0 3%;}
   	.footer-widget{float:none;width:100%;margin:0 0 20px 0;display:inline-block;}

   	#top-menu.mobile-open { width: 100%; margin-left: -4%; }
   	.home #top-menu.mobile-open { margin-left: -2%; }
   	#top-menu.mobile-open > li:first-child { width: 50%; margin-top:-18px;}
   	#top-menu.mobile-open li ul.sub-menu {padding: 5px 0;}
   	#top-menu.mobile-open li ul.sub-menu:after { content: " ";  visibility: hidden; display: block; height: 0; clear: both; }
   	#top-menu.mobile-open li li a { width: 49%; line-height: 1.1; float:left; padding: 10px; height:37px; overflow:hidden; text-overflow: ellipsis;}
   	#top-menu.mobile-open>li:last-child {padding-right:6%;}
   	#top-menu.mobile-open>li:last-child li a {width:32%;}
   	#top-menu.mobile-open li li a:before { content: '';}

	.wp-playlist-current-item { height: 125px !important;  }
	.wp-playlist-current-item img { max-width: 125px !important; max-height: 125px !important; width: 125px !important;  }
	.wp-playlist-current-item .wp-playlist-caption { left: 145px; }
	.mejs-duration-container {right: 19px;}
	#category-list-media { width: 90%; margin: 0 5% 20px 5%; float: none;}

	.userplaylistslideshow .slide-tabs-wrapper .submitted-by { font-size:10px; }
	.post .single-player { width:100%; float:none; margin: 20px 0;}
	.back-to-top{bottom:1%}

} 

@media all and (max-width:360px) {
  .wp-playlist-tracks {max-height:149px; overflow: scroll;}
  #footer-widgets{column-count:1;}
  #top-menu.mobile-open li li a { font-size: .75em; padding: 7px;}

}

