/*
Theme Name: Music Club Lite
Theme URI: https://gracethemes.com/themes/free-music-wordpress-theme
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Music Club Lite is an incredibly sleek and resourceful, a creative and modern, clean and fresh, minimalist and polished, feature-rich and easy to use, highly responsive music WordPress theme. This theme is a powerful framework that allows passionate and ambitious musicians to craft their own professional music websites. This theme is perfect for musical projects, bands, radio, orchestra, studios and more. This theme can also be used for nightclubs, musicians, singers, artists, DJs, music magazines, record labels and all similar music industry projects.  Demo Link: http://gracethemesdemo.com/music-club/

Version: 1.0
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: music-club-lite
Tags:blog,two-columns,right-sidebar,full-width-template,custom-colors,custom-menu,custom-header,custom-logo,featured-images,editor-style,custom-background,threaded-comments,theme-options, translation-ready

Music Club Lite WordPress Theme has been created by Grace Themes(gracethemes.com), 2019.
Music Club Lite WordPress Theme is released under the terms of GNU GPL
*/



body{ background-color:#fff; padding:0;line-height:1.3; font-size:17px; color:#333; font-family: 'Helvetica', sans-serif; background-image: url('https://archive.raydio.co.uk/wp-content/uploads/2021/10/Bg-electromusic-01-1.jpg'); }
*{ margin:0; padding:0; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
img{ border:none; margin:0; padding:0; height:auto; max-width:100%;}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0; max-width:100% !important;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#efc62c;}
a:hover{ color:#993300;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3{ font-family: 'Barlow Condensed', sans-serif;  color:#000; margin:0 0 20px; padding:0; font-weight:400; line-height:1.3; text-transform: uppercase; }
h4,h5,h6{ font-family: 'Barlow Condensed', sans-serif;  color:#333; margin:0 0 20px; padding:0; font-weight:300; line-height:1.1; }
h1.entry-title{ font-weight:600; margin-bottom:35px;}
h1{ font-size:40px;}
h2{ font-size:36px;}
h3{ font-size:30px;}
h4{ font-size:24px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
figcaption,figure{	display: block;}
figure {margin: 1em 0;}
blockquote{ background-color:#000; border-left:5px solid #7643d2; padding:15px 15px 15px 40px; color:#666; font-size:15px; line-height:1.5; margin-bottom:30px;}
blockquote p{ margin-bottom:0 !important;}
hr {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;	height: 0;	overflow: visible;}
.textwidget select{ width:100%;}
table{ width:100%}
.alignnone{ width:100%;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; }
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}

hr {
	display: block;
	line-height: 1px;
	border-top:1px solid #ccc;
	margin-top:20px;
	margin-bottom:20px;
}

/*
Lists style CSS
-------------------------------------------------------------*/
ul,ol { margin:0; padding: 0;}
ul {list-style: inside none disc;}
ol {list-style: decimal;}
ul li,ol li {margin-bottom: 0;	margin-left: 1.5em;}
dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}
audio:not([controls]) {	display: none;height: 0;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
a {	background-color: transparent;	-webkit-text-decoration-skip: objects;}
a:active, a:hover {outline-width: 0;}
b, strong {	font-weight: inherit;font-weight:bold;}
pre {background: #ddd;font-size: 14px;	font-size: 0.9375rem;line-height: 1.4;margin-bottom: 1.6em;	max-width: 100%;overflow: auto;	padding:20px;}
iframe{max-width:100%;}
#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
nav.pagination .page-numbers{ background-color:#ccc; padding:10px 15px; font-size:15px; font-weight:600; color:#444;}
nav.pagination .page-numbers.current{background-color:#efc62c;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}
p

.postmeta{margin-bottom:20px; display:inline-block; color:#999; }
.postmeta a{color:#999;}
.postmeta a:hover{color:#e74c3c;}
.breadcrumbs{padding:10px 0; margin-bottom:0;}

/*
Lists style CSS
-------------------------------------------------------------*/
#sitelayout_type{ margin:0 auto;}

.sitefixer {
    max-width: 1200px;
    width:auto;
    margin: 0 auto;
    position: relative;
 
	
  
}

/*.site-header.siteinner{ position:relative;  }*/
.site-header {
    position: fixed;
    
    display: block;
    overflow: visible;
    background-color: #fff;
    background: #000!important;
    z-index: 10;
    width:100%;
}



.navdiv {
	display: block;
	background-color: #000;
	text-align: center;
	clear: both;
}

.homelogin .site-header {
  
   height:100px;
    
}

.header_panel{ /*background-color:rgba(0,0,0,0.8);*/ position:relative; margin:0 auto; 
float:none; display: block; 
background-color: #000;
}

.hdrtop {
	display: block;
	background-image: url("https://raydio.co.uk/wp-content/uploads/2024/08/graphic-hdr.jpg");
	/*background-image: url("https://raydio.co.uk/wp-content/uploads/2024/08/gegif.gif");*/
	background-repeat: repeat-x;
	padding-top:40px;
	padding-bottom:40px;
	background-position: center bottom;
}

.site_hdrtop{ color:#fff; line-height:40px;}
.site_hdrtop .left { padding:0px 40px; padding-left:30%;}
.site_hdrtop .left i{ margin-right:8px;}
.site_hdrtop .phoneno{ margin-right:20px;}

.header-infobox{ text-align:left; line-height:45px;}
.header-infobox i{font-size:15px;margin-right:15px;position:relative; margin-top:5px;}
.logoholder {	width:90px; height:60px; display:inline-block; margin-right:20px; vertical-align: middle; }
.showhdr {display: inline-block; width:400px; vertical-align: middle;}
.showhdr .songinfo {display: inline-block; width:auto; vertical-align: middle; margin-right:20px;}
.showhdr img.cc_streaminfo {display: inline-block; vertical-align: middle;}

.logoholder img {width:90px; height:60px; }
.logo h1 { margin: 0;font-size:39px; font-weight:400; font-family: 'Kaushan Script', cursive;}
.logo a, .logo p { color: #fff;}
.tagline{ font-size:13px; color:#828181; display:block; letter-spacing:1px;}


	.header_contactinfo_area {
		
		position:absolute;
		top:0;
		right:0;
		text-align: right;
		float:none;
		}




/* = social icons css
-------------------------------------------------------------- */
.social-icons{ text-align:center;}
.social-icons a{  width:32px; height:45px; line-height:45px; margin:0 5px 0 0; padding:0; color:#000; display:inline-block;  }
.social-icons a:hover{ color:#ff6633; }
.social-icons br{ display:none;}

/*header menu css*/

.toggle a{width:100%; color:#ffffff; background: #3e3e3e; padding:8px 10px; margin-top:5px; font-size:16px; display:none; text-align:left;}
.toggle a:hover{color:#ffffff !important;}
/*main menu*/
.sitenav{ padding:0; z-index:9999; }
.sitenav ul { margin:0; padding:0; font-family: 'Barlow Condensed', sans-serif; font-size:18px; font-weight:400; text-transform: uppercase; }
.sitenav ul li{display:inline-block; position:relative; margin:0;}
.sitenav ul li:last-child{border-right:none;}
.sitenav ul li a {
  padding: 10px 15px;
  display: block;
  text-align: center;
  transition: 0.8s;
  font-size: 20px;
  color:#ff9966;
}

.sitenav ul li ul.sub-menu li a {
	color: #333;
}

.sitenav ul li ul.sub-menu li.navheader a {
	font-weight: 800;
	color:#ff6633;
}
.sitenav ul li a:hover {background-color: #000; color:#fff!important;}
.sitenav ul li ul li{ display:block; position:relative; float:none; top:1px; border-bottom:1px solid #222;}
.sitenav ul li ul li a{ display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px; text-align:left;}
.sitenav ul li ul li a:hover {background-color: #000; color:#fff;}
.sitenav ul li ul{display:none; z-index:9999999; position:relative; background-color:#fff ;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; }
.sitenav ul li:hover ul li ul{display:none; position:relative; padding:10px 0px; background-color: #ff6633; color:#000;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0; }
.sitenav ul li a:hover, 
.sitenav ul li.current-menu-item a,
.sitenav ul li.current-menu-parent a.parent,
.sitenav ul li.current-menu-parent a.parent:hover,
.sitenav ul li.current-menu-item ul.sub-menu li a:hover{color:#000;}
.sitenav ul li.current-menu-item ul.sub-menu li a {color: #000;}
.sitenav ul li.menu-item-has-children:hover > a {
	background-color: #000; color:#fff!important;
	
}

.current-menu-ancestor a {
  background-color: #000; color:#fff!important;
}


.topnav {
	display: block;
	}
	
.topnav ul {
	margin:0;
	pading:0;
	list-style: none;
	}
	
.topnav ul li {
	display: inline-block;
	margin:5px;
	}
.topnav ul li i {
	font-size: 20px;
	color:#fff;
	}








.hdr_slider{ position:relative;}
h2.sectiontitle{font-weight:600; font-size:40px; margin-bottom:50px; position:relative; text-align:center;}
.last_column{clear:right; margin-right:0 !important; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #efc62c; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}


/* = About Section
-------------------------------------- */
#aboutus_panel{ background-color:#0e0e0e; padding:70px 0 0; }
.imagebox_aboutus{ float:left; width:45%; margin:0 0 0 0;  }
.imagebox_aboutus img{ width:100%; display:block;  transition: .5s ease;}
.contentbox_aboutus{ width:50%;  float:right; margin:0; }
.contentbox_aboutus h3{ font-size:53px; font-weight:800; margin-bottom:40px; text-transform:uppercase;}
.contentbox_aboutus p{ margin-bottom:35px;}

/* = Three column box section
-------------------------------------------------------------- */
h2.section_title{ font-weight:600; font-size:48px; margin-bottom:40px; position:relative; text-align:center; color:#232323; }
#services_3col_panel{ position:relative; text-align:center; background-color:#1c1c1c; padding:60px 0; }
.pagebx_3cols{ width:26.5%; margin:0 10% 0 0; float:left; text-align:center; vertical-align:top; }
.pagebx_3cols h3{ font-size:20px; margin-bottom:20px; text-transform:uppercase;}
.pagebx_3cols h3 a{ color:#fff; }
.pagebx_3cols:hover h3 a{ color:#fff; }
.pagebx_3cols .pagebx_thumbx{ width:85px; height:85px; overflow:hidden; margin:0 auto 30px auto; transform: scale(1); transition: all 0.35s ease-in-out 0s; }
.pagebx_3cols .pagebx_thumbx img{ height:auto; min-height:85px; }
.pagebx_content_box{ padding:0; position:relative;}
.pagebx_content_box p{margin-bottom:20px; color:#959595;}
.pagebx_3cols a { display:block;}
.pagebx_3cols .pagereadmore{ font-size:14px; margin: 10px 10px 10px 0; padding:12px 40px; text-align: center; text-transform: uppercase; background-color:#303030; color: #fff; border-radius:25px; display: inline-block;  }
.pagebx_3cols:hover .pagereadmore{ color:#fff;}

/* = Page layout css
-------------------------------------------------------------- */
.design_contentarea{ width:65%; margin:0; float:left; padding:0 0 30px; }
.design_contentarea ul, .design_contentarea ol{ margin:0 0 20px 20px; }
.design_contentarea ul li, .design_contentarea ol li{ margin:0; }
.design_contentarea ul ul, .design_contentarea ol ol{ margin:0 0 0 30px; }

.fullwidth{ width:100% !important; float:none  !important;}
.reducedwidth {width:70%; float:none; display:inline-block; margin:auto;}
@media(max-width:800px){
	.reducedwidth {width:100%; float:none; display:block; margin:0;}
	}
.fullwidth p{ margin-bottom:15px;}

.boxlayout{ width:1210px; margin:0 auto; background-color:#fff; position:relative; box-shadow:0 -8px 8px #111;}
.fulllayout{ width:100% !important;}
.design_innerpage {   
	padding: 50px 0;
    padding-top: 50px;
  padding-top: 240px;
  display: block;
  max-width: 800px;
  margin: auto;
}
.home .design_innerpage{ padding:50px 0; padding-top:40px; display:block;}

.design_innerpage p{ margin-bottom:30px;}
.defaultpost_lyout {display: flex; flex-wrap: wrap;}
.blogpost_lyout{display: block; background: #fff; }
/*.archive .blogpost_lyout{ background-color:#fff; display: inline-block; width:31%; margin:1%; margin-bottom:40px; vertical-align: top; }*/
.blogpost_lyout.double{margin-bottom:40px; background-color:#fff; width:100%; display: inline-block; }
.blogpost_lyout .post-thumb{ width:100%; height:auto; overflow:hidden;}
.blogpost_lyout .post-thumb img{ width:100%; height:auto;}
.blogpost_lyout h3, h3.single-title{ margin-bottom:30px;}
.mini .blogpost_lyout h3, h3.single-title{ margin-bottom:20px; font-size:20px;}
.blogpost_lyout h3 a { color:#666;}
.blogpost-lyout a h2{ color:#000;}
.blogpost_lyout h3 a:hover,
.blogpost_lyout a:hover h2 { color:#efc62c;}
.blogpost_lyout h2 { font-size:30px; margin-bottom:10px;}
.featured .blogpost_lyout h2 { font-size:24px; margin-bottom:5px;} 
.blogpost_lyout p {
    margin-bottom: 30px;
    line-height: 1.6;
}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories, .edit-link, .broadcast_lenghth { display:inline; color:#959595; font-weight:600; text-transform:uppercase; letter-spacing:2px; font-size:13px; margin:0 10px 0 0;}
.post-date strong,
.broadcast_lenghth strong {font-weight: 700; color:#333;} 
.single_title{ margin-bottom:5px;}
body.single-post .blogpost_lyout .post-thumb{ margin-bottom:20px;}
.postcontent {padding:20px;display: block; }
.homecontainer.recent .postcontent {padding:20px;display: block; }
.homecontainer.featured .postcontent {padding:20px;display: block; }
.contentcontainer {
	padding:30px;
}


.homelogin {
	
	  display: block;
  background-color: #000;
  background-image: url('https://archive.raydio.co.uk/wp-content/uploads/2023/11/rr-record-bg.jpg');
 height: 0;
  padding: 0;
    padding-bottom: 0px;
  padding-bottom: 75%;
background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
}
	
	
.loginheader {
	padding-top:300px;
	color:#fff;
	padding-bottom:60px;
	border-bottom: 1px solid #ccc;
	margin-bottom:80px;
	}
	
	.loginheader h3
	 {
		color: #fff;
		}
		
	.loginheader p {
		color:#ccc;
		font-size: 22px;
		}
	
.loginheader h1 {
	display: block;
	font-size: 80px;
	color:#fff;
	margin-top:30px;
	margin-bottom:30px;
	}
	
.homelogin .homecontainer h3
 {
	color:#e4b059
	}
	

	
.homecontainer .leftcol p {
	font-size: 20px;
	color:#333;
}

.homelogin .homecontainer .leftcol p
 {
  color: #fff;
  font-size: 20px;
  margin-bottom:20px;
}

.homelogin .homecontainer .leftcol ul li {
	margin-bottom:20px;
	
}

.homelogin .homecontainer .leftcol .login p,
.login leftcol p {
  color: #fff;
  font-size: 22px;
  
}

.homelogin .signupsection {
	text-align: left;
	color:#fff;
	display: block;
	clear:both;
	padding:30px;
	margin-top:40px;
}

.homelogin .signupsection h3 {
	color:#fff;
	}
	
	.formbox {
		width:auto;
		margin:auto;
		border: 1px solid #ccc;
		border-radius: 10px;
		padding:30px;
		margin-top:40px;
		background: #fff;
		}
	




.addtoany_content {
    clear: both;
    margin: 40px auto;
}

input[type="text"],
input[type="password"] {
	    width: 60%;
    border: 1px solid #cccccc;
    box-shadow: inset 1px 1px 2px #ccc;
    height: 35px;
    padding: 10px 15px;
    color: #333;
    margin-bottom: 0;
    background-color: #fff;
}

input[type="button"],
input[type="submit"] {
	    background-color: #ff6633;
    width: auto;
    border: none;
    cursor: pointer;
      font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff;
    padding: 10px 40px;
    border-radius: 3px;
    border:0;
    border-radius:6px;
}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ float:right; width:28%;}
aside.widget{ padding:20px; margin-bottom:30px; box-shadow:0 0px 8px rgba(0, 0, 0, 0.08);}
aside.widget ul{ list-style:disc; margin:0; padding:0; }
h3.widget-title{ margin:0 0 20px; color:#999; font-size:24px; position:relative; text-transform:uppercase; }
#sidebar ul li{ list-style:none; margin:0;  padding:7px 0 7px 25px; background:url(images/sidebar_arrow.png) no-repeat left center; border-bottom:1px solid #202020;}
#sidebar ul li a{ color:#959595; }
#sidebar ul li a:hover{ color:#fff;}
#sidebar ul li:last-child{ border:none;}

#sidebar .search-form{ margin-bottom:20px;}
#sidebar .search-form input.search-field{ background-color:#fff; width:80%; padding: 12px 15px 12px 15px; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #efc62c; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}
.headerwidget .header-title{ display:none;}

/* = Footer css
-------------------------------------------------------------- */
.footer-wrapper{ background-color:#000; padding:0; position:relative; color:#6a6a6a; text-align:center;}
.sitefixer.footer{ padding:50px 0;}
.copyright-txt span{color:#efc62c;}
.design-by { text-align:center;}
.design-by a:hover{color:#999;}

.footer-wrapper h5{ margin:20px 0 30px 0; font-size:20px; color:#ccc; }
.footer-wrapper ul{ margin:0; padding:0; list-style:inside disc; }
.footer-wrapper ul li { padding:0; margin:0; color:#999; display:inline-block;}
.footer-wrapper ul li a { color:#999; padding:0 15px; }
.footer-wrapper ul li a:hover, .footer-wrapper ul li.current_page_item a { color:#ff8a01; }
.footer-wrapper .widget{ margin-bottom:20px; padding:20px 0 ;}

.footer-copyright{ color:#6a6a6a; position:relative; text-align:center; border-top:1px solid #111; padding:25px 0;}
.footer-copyright a:hover{ color:#fff;}

.ftr_textlogo{ position:relative; margin:35px; text-align:center;}
.ftr_textlogo img {
	max-width:500px;
	height:auto;
	display: block;
	margin:auto;
}
.ftr_textlogo h2{ color:#fff; text-align:center; text-transform:uppercase; font-size:60px; font-weight:900; margin:0 auto 35px; padding:0;}

.footer-wrapper .social-icons{ margin-top:50px;}
.footer-wrapper .social-icons a{ width:58px; height:58px; line-height:58px; margin:0 10px 5px 0; padding:0; color:#fff; display:inline-block; background-color:#7643d2; border-radius:5px; }
.footer-wrapper .social-icons a:hover{ background-color:#fff;  color:#000; }

.removed {
	display: block;
	margin-top:40px;
	margin-bottom:60px;
	padding:30px;
	background-color:#000;
	color:#fff;
}

.removed h3 {
	color:#ff6600;
	
}


/* Buttons */
.button{  background-color: #ff6600;

width: auto;

border: none;

cursor: pointer;

   font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 18px;

color: #ffffff;

padding: 10px 40px;

border-radius:6px;

border:1px solid #ff6600;
margin-top:20px;
margin-bottom:20px;

}

.hdrbutton {  
	

width: auto;
border: none;
cursor: pointer;
font-family: 'Barlow Condensed', sans-serif;
text-transform: uppercase;
font-size: 16px;
color: #333;
padding: 6px 16px;
border-radius:0px;
background-color: #fff;
border: 1px solid #fff;

}

.hdrbutton:hover {
	
	background-color: #ff6633;
	color: #fff;
	border: 1px solid #fff;
	
}

.button2{  background-color: #000;

width: auto;

border: none;

cursor: pointer;

    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 18px;

color: #ffffff;

padding: 10px 40px;

border-radius:6px;

border:1px solid #fff;

}

.button:hover{ border:1px solid #fff; color:#fff!important; }

.button2:hover{ border:1px solid #ff6600; color:#ff6600!important; }

a.ReadMore{ background-color:#333339; color:#fff ; padding:5px 15px; display:inline-block;}
a.ReadMore:hover{ background-color:#ffae00; color:#fff; }

.learnmore{ background-color:#7643d2; color:#fff ;display: inline-block; padding:8px 25px; text-transform:uppercase; font-weight:600; }
.learnmore:hover{ background-color:#333;color:#fff ;}

#text-2 .button {
	width:100%;
	display: block;
	text-align: center;
}

/* = Contact Form 7 css
-------------------------------------------------------------- */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:100%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:20px; color:#797979; margin-bottom:0; border-radius:5px;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#ff9966; width:auto; border:none; cursor:pointer; font:18px/22px 'Open Sans',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;
	font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* = Comment Form css
-------------------------------------------------------------- */
h1.screen-reader-text{font:22px 'Open Sans',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{ font-size:20px;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}

/* Comment styles */
ol.commentlist{list-style:none;}
#commentform p{margin:5px 0;}
#commentform label{display:block;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;}
#commentform input#submit{ background-color:#32373a; border:none; padding:8px 15px; color:#fff; display:inline-block; cursor:pointer;}
#commentform input#submit:hover{background:#34c6f6; border-bottom-color:#ccc; color:#fff;}
.form-allowed-tags{display:none;}
.entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;}
.entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;}
.entry-content table th, .comment-body table th{color:#676767; font:normal 18px Oswald; border-bottom:1px #888 solid;}
.entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;}
.fvch-codeblock:hover .comment-form-url{display:block !important;}
.commentlist, ol.commentlist {list-style:none; box-shadow:0 0 5px #666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; -khtml-box-shadow:0 0 5px #666; margin:10px 0; background-color:#fff; padding:10px 0;}
.commentlist li, ol.commentlist li { list-style:none; background-image:none !important; padding:0px 15px;}
.commentlist li ol li.depth-2, .commentlist li ol li.depth-3, .commentlist li ol li.depth-4, ol.commentlist li ol li.depth-2, ol.commentlist li ol li.depth-3, ol.commentlist li ol li.depth-4 { border-bottom:none;}
.commentlist li.bypostauthor article, ol.commentlist li.bypostauthor article { background:#f9ffe1;}
.commentlist article, .commentlist li.bypostauthor li article, ol.commentlist li.bypostauthor li article { border:none !important; padding:10px; position:relative; background-color:#fff;}
.commentlist li .fn { font-weight:normal; font-size:15px; font-style:normal;}
.commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn { color:#000;}
img.avatar { vertical-align:middle; position:static; display:inline-block;}
.commentlist article a time { display:block; clear:both; padding:5px 0 10px; font-size:11px; font-style:italic; }
.commentlist, ol.commentlist p { font-size:14px;}
.commentlist .reply span, ol.commentlist .reply span { display:none;}
.commentlist .reply a, ol.commentlist .reply a { display:block;	padding:10px; text-align:center; background:#f6f6f6; margin:5px 0; border:1px #ddd solid;}
.comment-author.vcard{display:inline-block; margin-right:15px;}
.comment-list ul.children li.comment{background-image:none; padding-left:5px;}


/* WooCommerce plugin css code */
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

.woocommerce .quantity .qty{ padding:7px; border:1px solid #ccc;}
.woocommerce-Price-amount.amount{font-size:14px !important;}
.woocommerce div.product .product_title{ padding-bottom:20px !important;}
.woocommerce div.product form.cart{ margin-top:15px !important;}

.orange {
	color:#ff6600;
	font-style: italic;
}

table {
	border-collapse: collapse;
	font-size: 15px;
}

table td {
	padding:5px;
	vertical-align: top;
	line-height: normal;
	color:#333;
}

table td:first-of-type {
	font-weight: 700;
}

.single .sidebar {
	display: none;
}

.single .content {
	display: block;
	width:100%;
}

@media (max-width:600px) {
	table th {
		display: none;
	}
	
	table td {
		display: block;
		clear:left;
		
	}
	
	table td:last-of-type {
		border-bottom:1px solid #333;
	}
	
	.ftr_textlogo h2 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 900;
    margin: 0 auto 35px;
    padding: 0;
}
}

.audiobar {
	display: block;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	clear: both;
	overflow: hidden; 
}


.archive .audiobar {
	display: none;
}

.mejs-controls .mejs-time-rail .mejs-time-current {

    background: #ff6600!important;

}

#sidebar ul li a {
	color:#ff9900;
}

#sidebar ul li a:hover  {
	color:#000;
}

ul.showlist {
	padding:0;
	margin:0;
	list-style:none;
	display: block;
}

ul.showlist li {
	width:25%;
	display: inline-block;
	margin:3%;
	text-align: center;
	vertical-align: top;
}

ul.showlist li a {
	display: block;
	overflow: hidden;
}

ul.showlist li img {
	margin-bottom:20px;
	width:100%;
	height:auto;
	border-radius:50%;
	display: block;
}

.profilepic {
	float:right;
	width:60px;
	height:60px;
	display: inline-block;
	margin-bottom:10px;
}

.recent .profilepic {
	float:right;
	width:120px;
	height:120px;
	display: inline-block;
	margin-bottom:10px;
}

.profilepic a {
	display: block;
}

.profilepic a img {
	width:auto;
	height:auto;
	border-radius:50%;
	display: block;
}

.page-header {
	display: block;
	overflow: hidden;
	padding-bottom:50px;
}

.page-header img {
	border-radius:50%;
	width:150px;
	height:auto;
	display: inline-block;
	float: left;
	margin-right:20px;
	vertical-align: middle;
	
}
.page-header h1.entry-title {
	padding-top:50px;
}

.listenlive{
	display: block;
	padding:30px;

	
	margin-bottom:50px;
	padding-left:0;
}



/* recorder */

#controls {
  display: flex;
  margin-top: 2rem;
  background-color: #000;
  padding:20px;
}
button {
  flex-grow: 1;
  height: 2.5rem;
  min-width: 2rem;
  border: none;
  border-radius: 0.15rem;
  background: #999999;
  margin-left: 10px;
  box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#ffffff;
  font-weight: bold;
  font-size: 1rem;
}
button:disabled {
  pointer-events: none;
  background: #999999;
}
button:first-child {
  margin-left: 0;
}

button#recordButton {
	background: #993333;
}

button#recordButton:hover {

	background: #ff0000

}

button#recordButton.recording{
	
  animation: blinker 1s linear infinite;
  	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffcccc+0,cc0000+48,cc0000+64,660000+100 */
background: #ffcccc; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ff0000 0%, #cc0000 48%, #cc0000 64%, #660000 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #ff0000 0%,#cc0000 48%,#cc0000 64%,#660000 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #ff0000 0%,#cc0000 48%,#cc0000 64%,#660000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#660000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

@keyframes blinker {
  50% {
    opacity: 0.3;
    }
}

button#pauseButton:hover, 
button#pauseButtonbutton:focus,
button#stopButton:hover,
button:disabled:hover {
  outline: none;
  background: #cc9900;
}
button::-moz-focus-inner {
  border: 0;
}
button:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2);
  line-height: 3rem;
  background: green;
}

  

audio {
  display: block;
  width: 100%;
  margin-top: 0.2rem;
  clear:both;
  margin-bottom:20px;
}

li {
  list-style: none;
  margin-bottom: 1rem;
}
#formats {
  margin-top: 0.5rem;
  font-size: 80%;
}

#status {
	display: block;
	background:#000;
	padding:20px;
	color:#cc9900;
}

#status h4 {
	font-size: 16px;
	color:#cc9900;
}

#recordingsList {
	margin:0;
	margin-bottom:30px;
}

#recordingsList li {
    display: block;
    padding: 20px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
    color: #000;
    overflow: hidden;
    border-radius: 5px;
}


#recordingsList li a {
	background-color: #ff6600;

width: auto;

border: none;

cursor: pointer;

font: 18px/22px 'Open Sans', sans-serif;

color: #ffffff;

padding: 10px 40px;

border-radius: 3px;
vertical-align: middle;
margin-left:20px;
float:right;
}



.wpcf7-form-control-wrap {
    position: relative;
    margin-top: 10px;
    display: block;
}

.requests-section {
	display: block;
	padding:20px;
	text-align: left;
}

.requests-section img {
	display:block;
	width:100%;
	height:auto;
}

section.doublecol {
	width:48%;
	margin:1%;
	background-color: black;
}

section.leftcol,
section.rightcol {
	width:48%;
	margin:1%;
	display: inline-block;
	background-color: #fff;
	
}

.homelogin section.leftcol, 
.homelogin section.rightcol {
    width: 48%;
    margin: 1%;
    display: inline-block;
    background-color: transparent;
    background: rgba(0, 0, 0, 0.4);
    color:#fff;
}

section.leftcol header {
	display: block;
	margin-bottom:20px;
}

.currentinfo {
	display: flex;
	width:100%;
	flex-wrap: wrap;
}



.welcome {
	
	margin: 0;
   
margin-top: 40px;
display: inline-block;
width: 49.7%;

background-color: black;

overflow: hidden;
/*border-radius: 10px;*/
border: 0px solid #000000;
position: relative;
color: #ccc;

vertical-align: top;


	
}

.welcome.offline {
	padding: 30px;
	
	
	
}

body.liveplayer {
	background-image: none;
	background-color: #333;
}

.liveplayer .welcome {
  margin: 0;
  margin-top: 0;
  display: block;
  width: auto;
  background-color: black;
  overflow: visible;
  border-radius: 10px;
  border: 0px solid #000000;
  position: relative;
  color: #ccc;
  vertical-align: top;
  max-height: none;
  }
  
.liveplayer  .welcome h3,
.liveplayer  .welcome h3 span.live {
  
  font-weight: 700;
}

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

.friendpanel {
	background-color: #fcb53f;
	background-image: url("/wp-content/uploads/2021/10/raydio-friend-bg-1.jpg");
	background-size: cover;
	margin-left: auto;
  order: 2;
  position: relative;
  display: flex;
  text-align: right;
	
	
}

.friendpanel .friendtext {
	display: inline-block;
	width:263px;
	margin-left:30px;
	margin-right:20px;
	margin-top:15px;
	text-align: center;
}

.friendpanel .friendtext .button {
	display: block;
	margin:auto;
	background-color: #000;
	margin-top:8px;
	color:#fcb642;
}

.friendpanel .friendtext .button:hover {
	background-color: #fcb642;
	color:#000;
}

.friendpanel .friendimg {
	display: inline-block;
	
}

.friendpanel .friendimg img {
	
}

.welcome p {
	color:#ccc;
}

.thebigpic {
	display: block;
	margin-top:30px;
}

.welcome h3 {
	color:#fff;
	display: block;
	margin-bottom:30px;
	
	
	
}

.welcome.offline h3 {
	margin:0;
	margin-right:30px;
	display: inline-block;
	float:left;
}

.welcome hp {
	display: inline-block;
	float:right;
	
	color:#fff;
	line-height: 40px;
}

.welcome .songinfo {
	display: block;
	color:#ccc;
	clear:both;
	max-width:260px;
}

.site-header .songinfo,
.site-header .songinfo p {
	color: #fff;
}

.welcome img.cc_streaminfo {
	position: absolute;
	right:40px;
	top:40px;
	width:80px;
	height:80px;
	
}

.welcome p {
	margin-bottom:20px;
}

@media(max-width:1044px){
	
	.welcome.offline h3 {
	margin-bottom:20px;
	margin-right:30px;
	}

	.welcome hp {
	display: block;
	float:none;
	clear:both;
	
	
	
	color:#fff;
	line-height: normal;
	}
	
}

.welcome h3 span.offline {
	color:#cc9966;
}

.welcome h3 span.live {
	color:#ccff99;
}

.welcome a.button,
.welcome a.button2 {
	display: inline-block;
	margin:20px;
	margin-left:0;
}

.welcome section.leftcol,
.welcome section.rightcol {
	vertical-align: middle;
}

.welcome section.leftcol {
	width:60%;
	padding:20px;
	margin:0;
}


.welcome section.rightcol {
	width:40%;
	padding:20px;
	margin:0;
	text-align: left;
	background-color: #410101;
}

.welcome section.rightcol a {
	margin:10px;
}

.welcome .button2 {
	position: absolute;
	top:20px;
	right:30px;
}

.timeframe {
	display: block;
	height:auto;
}

.sclt-tick-content {
	display: block;
	width:100%;
}

.latest h2 {
	margin-left:10px;
}

.homecontainer {
	display: flex;
}



h3.homehdr {
	display: block;
	text-align: center;
	padding-top:50px;
	padding-bottom:30px;
	font-size: 40px;
	font-weight: 600;
	color: #fff;
}

.playerheader {
	display: block;
	background-color: #000;
	padding:15px;
	overflow: hidden;
	border-bottom: 2px solid #ff6600;
}

.playerheader .playdata {
	display: inline-block;
	float:right;
	color:#fff;
	font-size: 16px;
	max-width:200px;
}

.playerheader .playdata span.cc_streaminfo {
	color:#fff;
}

.playerheader img {
	display: inline-block;
	float:left;
	max-width:100px;
	width:100px;
	height:auto;
}

.radioplayer {
	display: block;
	
	margin-bottom:20px;
	padding:15px;
	/*border-radius:10px;
	background-color: rgb(0, 0, 0, 0.5);*/
	/*background-color: #333333;*/
}


.homestatus {
	display: block;
	width:100%;
	clear:both;
	overflow: auto;
	margin-bottom:30px;
	margin-top:20px;
	color:#ccc;
}

.homestatus ul.sclt-ticker {
	display: block;
	list-style: none;
	margin:0;
	width:100%;
	text-align: left;
	overflow: hidden;
	background-color: black;
}

.homestatus ul.sclt-ticker li {
	display: block;
	margin:0;
	padding:0;
	overflow: hidden;
	background-color: black;
}

.homestatus ul li.sclt-tick {
	margin-left:0;
}

.homestatus ul.sclt-ticker > li.sclt-tick {

    background-color: #410101!important;
    list-style-type: none;
    margin: 0;
    padding: 0;

}

.homestatus ul.sclt-ticker li p {
	display: none;
}

.homestatus h3.current-show,
.homestatus h3.upcoming-show {
	display: block;
	float:none;
	margin:0;
}

.homestatus h3.current-show {
	font-size: 20px;
}

.homestatus h3.upcoming-show {
	font-size: 16px;
}

.joan-now-playing span {
	margin-bottom:20px;
	display: block;
}

.times {
	color:#ccc;
}




.playerright {
	width:100%;
	border-radius:10px;
	background-color: #ff6600;
	text-align: center;
}


.cc_streaminfo {
	font-weight: 700;
	color:#000;
}

.welcome .cc_streaminfo,
.site-header .cc_streaminfo {
	color:#fff;
}

/*.homestatus .playerpic {
	width:120px;
	display: inline-block;
	float: left;
	vertical-align: top;
	text-align: left;
}

.homestatus .playerpic img {
	width:100%;
	height:auto;
	display: block;
	border-radius:50%;
	
}

.homestatus .playerinfo {
	
	padding-left:5%;
	display: inline-block;
	float: left;
	vertical-align: top;
	text-align: left;
	color:#ccc;
	margin-right:30px;
}

.homestatus .playerinfo h4 {
	font-size: 17px;
	text-transform: uppercase;
	margin-bottom:5px;
	color:#ff6600;
	font-family: 'simple', sans-serif;
	font-weight: 300;
}

.homestatus .playerinfo h2 {
	font-size: 21px;
	margin-bottom:5px;
	color:#ccc;
}

.homestatus .playerinfo h3 .fas {
	color:#ccff99;
	margin-right:10px;
	
}

.welcome .homestatus .playerinfo h3 {
	margin-bottom:5px;
}

.homestatus .upnext {
	display: inline-block;
	float:left;
	border-left:1px solid #666;
	padding-left:30px;
	
	
}

.homestatus .upnext span {
	color:#ccc;
}*/

.joan-now-playing {
	display: block;
	
	position: relative;
	padding-left:150px;
}

.joan-image-thumbnail {
	float:none;
	border-radius:50%;
	width:130px;
	height:auto;
	position: absolute;
	display: block;
	top:0;
	left:0;
	
}


.joan-now-playing  h3 {
	font-family: 'Assistant', sans-serif;
	text-transform: uppercase;
letter-spacing: 2px;
font-size: 18px;
color:#fff;
margin:0;
}

.joan-now-playing .upnext span {
	font-size: 13px;
	color:#ccc;
	font-family: 'Assistant', sans-serif;
	


}



.schedulelist {
	
	margin:auto;
	border-top:1px solid #999;
	
	display: block;
	background-color: rgb(0,0,0,0.2);
	padding-top:20px;
	color:#ccc;
	margin-top:20px;
	
	
}

.schedulelist h2 {
	display: none;
}

.schedulelist h3 {
	margin-bottom:5px;
}


.schedulelist ul {
	margin:0;
	padding:0;
	list-style: none;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top:20px;
  clear:both;
}


.schedulelist ul li {
    display: inline-block;
    width: 25%;
    flex: 25%;
    padding: 10px;
    padding-left:20px;
    margin:0;
    color: #fff;
    font-size: 16px;
    border-right:1px solid #ccc;
    
}

.schedulelist ul li:last-of-type {
	border-right:0;
}

.schedulelist ul li strong {
	font-weight: 900;
	color:#cc6633;
}


.schedulelist ul li h4 {
	font-size: 18px;
	margin-bottom:5px;
	padding:0;
	text-transform: uppercase;
	color:#fff;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: normal;
}

.schedulelist ul li span.time {
	font-size: 14px;
	display: block;
	color:#ccc;
}

.schedulelist ul li span.name {
	font-size: 16px;
	display: block;
	color:#ff6600;
}



/*.schedulelist h2 {
	color:#fff;
	font-size: 18px;
	display: block;
	margin-bottom: 10px; 
}*/

.schedulelist h2 {
	display: none;
}



ul.joan-schedule li strong:nth-child(2)::after {

  content: "\A";
  white-space: pre;
  font-weight: normal;
}




.radioplayer .playerright {
	font-size: 15px;
}




table.schedule td img {
	width:60px;
	height:auto;
	border-radius: 50%;
}

table.schedule td {
	vertical-align: middle;
}

.container {
	display: block;
padding:15px;
text-align: center;
}

.sclt-tick_time,
.sclt-tick-title {
	display: none;
}

img.thelogo {
	width:120px;
	height:auto;
	display: block;
}

playerheader img.thelogo {
	width:120px;
	height:auto;
	display: inline-block;
	float:left;
}

.contentcontaner {
	padding:40px;
	padding-top:0;
}

.radioplayer img.cc_streaminfo {
	margin-top:20px;
}

.hero {
	width:100%;
	display: block;
	padding-top:80px;
	
	
}

.hero .sitefixer {
	
	/*background-image: url('/wp-content/uploads/2020/11/record-bg-xmas.png');*/
	background-position: center;
	background-repeat: no-repeat;
	height:200px;
	position: relative;
}



.hero .sitefixer img {
	position:absolute;
	top:40px;
	right:40px;
}

.hero a.button {
	position: absolute;
	top:260px;
	right:175px;
}

.hero a.button.offline {
	background-color: #666;
	border:0;
	color:#999;
}

.hero a.button.offline:hover {
	background-color: #666;
	border:0;
	color:#999!important;
	
}

.hero.archivehero {
	display: block;
	text-align: left;
	
}

.hero.archivehero .sitefixer img {
	position:relative;
	
	
}

a.button.live {
	background-color: #ccff99;
	color:#333;
	border:0;
	margin:0;
}

a.button.live:hover {
	
	background-color: #ff6600;
	color:#fff!important;
	
}

.podcast_toolbar {
	display:block;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	margin-bottom:40px;
}

/* subscriptions */

.wpuf-fields input {
	font-size: 18px;
	padding:10px;
	margin:10px;
}



body .entry-content ul.wpuf_packs .wpuf-pricing-wrap, body ul.wpuf_packs .wpuf-pricing-wrap {
	background: #000;
}

.promo {
	display: block;
	clear:both;
	margin-top:70px;
	margin-bottom:40px;
}

.promo img {
	display: block;
	width:100%;
	height:auto;
}




    
 
.mainlogo {
	position: absolute;
	top:7px;
	left:15px;
}

/* Responsive iFrame */

.responsive-iframe-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*body ul.wpuf_packs > li {
	 background: #e8a93f!important;
	 }*/

body ul.wpuf_packs h3 {
    background: #ff6600!important;
   }
   
   body ul.wpuf_packs .wpuf-sub-button a {
    background: #ff6600!important;
   }
   
   body ul.wpuf_packs .wpuf-pricing-wrap {
    background: #e8a93f!important;
}

.wpuf-nullamount-hide {
	display: none;
	}
	
.wpuf-pay-col {
	vertical-align: top;
	}
	
	ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount, ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount {
    background-color: #000 !important;
    border-bottom: 1px solid #000 !important;
    color: #eeeeee !important;
    font-family: 'Barlow Condensed', sans-serif; 
}

#wpuf-login-form {
	padding:30px;
	}

#wpuf-login-form p {
	padding:20px;
	display: block;
	
	}
	
#wpuf-login-form label {
    display: block;
    padding-top:10px;
    padding-bottom:10px;
}

#wpuf-login-form input {
	width:100%;
	}
	
#wpuf-login-form .forgetmenot input {
		width:auto;
		display: inline-block;
		}

ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount, ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount {
    background-color: #4fbbda !important;
    border-bottom: 1px solid #4fbbda !important;
    color: #eeeeee !important;
}

/*===Tabs===*/

@-webkit-keyframes showTab {
    from {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes showTab {
    from {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.tabsy > button {
    width: 100%;
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
}
.tabsy > .tabButton {
    display: block;
    margin-top: 1px;
    background: #333;
    color: #ccc;
    text-align: center;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.tabsy > input {
    display: none;
}
.tabsy > input:checked + label + .tab {
    display: block;
    border-top:2px solid #ff6600;
    width:100%;
    background-color: #333;
    color:#fff;
}
.tabsy > input:checked + label + .tab > .content {
    -webkit-animation: showTab 250ms ease-in-out;
    animation: showTab 250ms ease-in-out;
}
.tabsy  .tab {
    background: #fff;
    display: none;
}

    .tabsy {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
    }
    .tabsy > .tabButton {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        cursor: pointer;
      
    }
    .tabsy > input:checked + label {
        background: #333;
        color: #ccff99;
       
    }
    .tabsy > .tab {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    
    



.tabButton {
    font-size: 22px;
    font-weight: bold;
    padding: 30px 30px;
}

    .tab {

        padding: 5px; text-align: left;

    }
    
    .tab iframe {
  overflow: hidden;
}
    
 .playerright {
    width: 90%;
    border-radius: 10px;
    background-color: #ff6600;
    margin:auto;
}

.mainlogo {
	position: absolute;
	top:7px;
	left:15px;
}

.demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: never;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
    
    .player-close {
	    position: absolute;
	    font-size: 22px;
	    top:10px;
	    right:10px;
    }
    
.swpm-payment-button {
	display: inline-block;
	margin:5px;
}

.slimplay {
	display: block;
	background-color: #333;
	padding:20px;
	text-align: center;
}

.slimplay .songinfo {
	font-family: 'Barlow Condensed', sans-serif;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
color:#ccc;
}

.slimplay .songinfo .cc_streaminfo {
  font-weight: 700;
  color: #fff;
}

/* slideshow */

 .newslideshow {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
  }
  
  .newslide,
  .newslide img {
	  width:auto;
	  height:100%;
  }
  
  .holder {
    position: relative;
    top: 0;
    left: 0;
    width: 10000vw;
    height: 100vh;
    transition: left 1s;
  }
  
  .holder div {
    float: left;
    width: 100vw;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 30px;
  }
  
  

  
  .steps {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
  }
  
   .newslideshow a {
    color: white;
    padding: 20px 30px;
    position: absolute;
    bottom: 0;
    text-decoration: none;
    z-index: 1;
  }
  
  .prev {
    left: 0;
  }
  
  .next {
    right: 0;
  }