@font-face {
    font-family: 'New Creation';
    src: url('../fonts/NewCreationRegular.woff2') format('woff2'),
        url('../fonts/NewCreationRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

   .nc{
        font-family: 'New Creation';
    }



/************************************** GLOBAL **************************************/
html, body {  }
html.contentOpen{overflow:hidden;}

body{ background-color:#000000;  padding:0px; margin:0px;  color:#FFFFFF;
      font-family: eb-garamond, "Times New Roman", Times, serif;
      font-size: 18px;

/* font: 1em  "futura-pt", Arial, Helvetica, sans-serif;*/
  font-weight: 300; font-style: normal; }

a:link{color:#FFFFFF; text-decoration:none;}
a:active{color:#FFFFFF; text-decoration:none;}
a:visited{color:#FFFFFF; text-decoration:none;}
a:hover{color:#aaaaaa; text-decoration:none;}

p a:link{text-decoration:underline;}

.page{position:relative;  z-index:1; margin: 0px; text-align: left; left:0px; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.ul-list li{ display: inline-block;}

.clearfix{clear:both;}

.container{max-width:1200px; width:100%;}

em{font-style:italic;}
ul{list-style: none;} 
 
.content{  padding-bottom:20px; }

.btn{letter-spacing:1px; color:#FFFFFF; text-align:center !important; display:inline-block;
  border: 1px solid #878787; font-size: 0.8em; border-radius: 0px !important;
  text-wrap: none; 
  white-space: normal !important;
  text-transform: uppercase;padding: 4px 10px  4px 15px; margin: 0px 2px 6px 2px;
}

.btn:hover{ color:#000000; background-color:#fff; text-wrap:none;	}

.btn-pink{background-color: #EE008F; color: #FFFFFF; border: 1px solid #EE008F;}
.btn-full{display: block;}

.bgImageContainer{ position:fixed; top:0px; left:0px; right:0px; bottom:0px;  background-size:cover; background-repeat:no-repeat; background-image:url('../img/cure-bg.jpg'); background-position:center center; }

.textAd{left:-100px;}


.table-container{display: table !important;}
.table-container .row {display: table-row !important;}
.table-container .row .col-xs-12 {display: table-cell !important;}

/************************************** FOOTER **************************************/

footer{background-color:#000000; padding-top:50px; font-size:0.7em; clear:both; text-transform: uppercase;}
footer .footer-links li{padding-left:3px; padding-right: 3px;}
footer .footer-legal{border-top:1px solid #333333; padding-top:15px;}
/************************************** TEXT **************************************/

h1{ font-size:2.4em; line-height:1.2em; font-weight:300; letter-spacing:2px; text-transform:uppercase;  }
h2{ font-size: 1.5em; line-height:1.2em; font-weight:300; letter-spacing:2px;   text-transform:uppercase; }
h3{ font-size:1.3em; line-height:1.2em; text-transform:uppercase; }

p {  color:#FFFFFF; margin-bottom:14px;}
sub{font-size:0.8em; color:#9db1b2;}

.text-sml {font-size: 0.6em;}

/************************************** COLORS **************************************/

.alt-color{ color: #bb2328; }
.grey{color: #777777;}

/************************************** NAVIGATION **************************************/
.logoContainer { margin:0px auto 0px auto; position:relative; z-index:5; vertical-align:top; width:100%; max-width:300px; height:50px;  background-image:url('https://cdn1.umg3.net/452-cdn/_assets/images/logo-soalw.png'); -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-position:top center; background-repeat:no-repeat; }
.logoContainer  span{display:block; text-indent:-9999px; width:130px; height:35px;}
.logoContainer .logoLine{width:100px; border-top:1px solid #685345; margin: 60px auto 0px auto;padding-bottom:60px;}
.logoContainer a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px;}

header .snsContainer{ position: absolute; right:20px; top:30px; }
header .header{ position: absolute; left:15px; top:30px; z-index: 2000; }
header{padding-top:30px; padding-bottom: 20px;}
/*
.header{ position:fixed; z-index:9999; top:0px; left:0px; width:100%;  height:64px;  margin:0px; font-family:"orator-std", Arial, Helvetica, sans-serif;  -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.header.navOpen{height:100%; background-color: rgba(0, 0, 0, 0.75); }
*/
.navContainer{ width:100%; margin-bottom:0px;  }
.nav{ width:100%; text-align:center; margin:0px auto 0px auto; width:100%; }
.nav ul { display: block; }
.nav li { display:inline-block; position:relative;  list-style: none; text-transform:uppercase; letter-spacing:1px; }

.nav li a { cursor:pointer; color: #bfbfbf; display: block; font-weight: 400; margin: 0 1px 0 1px; letter-spacing: 3.6px; font-size:1em; line-height: 2em; padding:0px 5px 0px 5px; text-align: center; text-decoration: none;}
.nav li a:hover, .nav li a.current { color:#aaaaaa;  }

.nav .sub-menu{display: none;}

header .nav li a { padding:0px 5px 10px 5px; }

/* ARROW AFTER MENU 
header .nav li.current-page-ancestor:after,
header .nav li.current-menu-ancestor:after,
header .nav li.current-menu-item:after{
    content:'';
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-bottom: solid 10px #FFFFFF;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;

}*/

.subContainer{ background-color: #FFFFFF;  text-transform: uppercase; text-align: center;  }
.subContainer li{ display:inline-block; padding:5px 10px; font-size: 1.1em; letter-spacing:1px; }

.subContainer a:link, .subContainer a:visited, .subContainer a:active {color:#000000;}
.subContainer li a:hover{ color:#222222;}


.pias-logo{position:absolute; bottom:20px; right:20px; width:30px; height:35px; background-image:url();  background-repeat:no-repeat;  background-position:center center;}
.pias-logo span{display:block; width:30px; height:35px; text-indent:-9999px;}
.snsContainer{ position:relative; padding-bottom:15px; text-align:center; font-size: 1.35em; color:#FFFFFF; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.snsContainer ul li{ display: inline-block; }
.snsContainer ul li a {padding:0px 3px 0px 3px;}
.snsContainer a:link, .snsContainer a:visited{ text-decoration: none; color: #FFFFFF; }
.snsContainer li a:hover, .snsContainer li a.current { color:#aaaaaa;  }
.snsContainer li a:hover { animation: fade_links .5s forwards; -webkit-animation: fade_links .5s forwards;}
.snsContainer li a span{display: none;}
.snsContainer li.sign-up-link a span{display:block;}

@keyframes fade_links { from { color: #FFFFFF;  } to { color: #aaaaaa;} }
@-webkit-keyframes fade_links { from { color: #FFFFFF; } to { color: #aaaaaa;} }

.additional-links{  font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; position:absolute; bottom:-15px; left:0px; width:100%; text-align:center;  -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.navClose .additional-links{bottom:-15px;}
.navOpen .additional-links{bottom:15px;}

.additional-links ul{ display: inline;  padding-left: 10px;}
.additional-links ul li{ display: inline-block; }

.nav-icon-container{ display:none; position:absolute; left:5px; top:0px; z-index:9999; border-right:1px solid #565656;  vertical-align:top; margin-top:15px; margin-left:0px; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
filter: alpha(opacity=100) !important;opacity: 1 !important;}

.nav-icon { cursor:pointer; width:50px; height:35px; left:0px; top:0px;  position:relative;  }
.nav-icon:after, .nav-icon:before, .nav-icon div { background-color: #FFFFFF; -o-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; content: ''; display: block; left:10px; height: 3px; width:25px; position:absolute; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.nav-icon div{ top:15px; }
.nav-icon:before{ top:5px; }
.nav-icon:after{ top:25px; }

.nav-icon-container.close .nav-icon div{ display:none;}

.nav-icon-container.close .nav-icon:after  { width:20px; top:15px; left:20px; transform:rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform:  rotate(45deg); }
.nav-icon-container.close .nav-icon:before { width:20px; top:15px; left:8px; transform:rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.header .miniHeaderContainer{ display:none; position:fixed; padding-top:0px; z-index:9000; left:0px; right:0px; top:0px; background-color: rgba(0, 0, 0, 0.85);}
.header.mini-menu .miniHeaderContainer .miniLogo{ width:100%; max-width:670px; margin: 20px auto; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }


#ae-cform-mailing-list-success-1{ font-size: 1.7em !important;
    text-align: center !important;
 }

.ae-cform-mailing-list-success-1{ font-size: 1.7em !important;
    text-align: center !important; padding: 40px !important;

     }

.modal a.close-modal{
    top: 10px !important; right: 10px !important;
}


            .bgImageContainer{
                opacity: 0.7;
            }

            .bgImageContainer video {
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: 80%;
            }
            .page-bio .bgImageContainer video {
                display: none;
            }

            .bgFade{
              position: absolute;
                top: 0px;
              left: 0px;
              right: 0px;
              bottom: 0px;
              opacity: 0.8;
              background-color: rgba(0, 0, 0, 1);
              transition: opacity 2s;

            }


.main-container{ max-width: 900px; }
/************************************** SHARE LINKS **************************************/

            .share-links-container{ 
            	display: inline-block;
            	margin-top:30px;
            	border-top:1px solid #696969;
            	padding-top:10px;
            }
            .share-links-container ul a {
                width: 35px;
                height: 35px;
                border-radius: 50%;
                text-align: center;
                margin: 0px;
                display: block;
                background-color: #f4f4f4;
            }

            .share-links-container .share-text{
                font-size: 0.7em; 
                padding-right: 4px; 
                text-transform: uppercase;
            }

            .share-links-container ul li a i{
                font-size: 18px;
                padding: 8px 0px 0px 0px;
            }

            .share-links-container ul li a{
                background-color: #424242;
                color:#FFFFFF;
            }
            .share-links-container ul li.share-linkedin a i{padding-left:3px;}



/************************************** GRID **************************************/

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* clearfix */
.grid:after {
  content: ' ';
  display: block;
  clear: both;
}

.grid{ width: 100% !important; min-height:100%; }
.grid-item{position:relative; }
.grid:after { content: ''; display: block; clear: both; }

.grid-sizer, .item { width: 25%;}

.grid-item.width1{ width: 25%; }
.grid-item.width2{ width: 50%; }

.grid-item.instCell{width: 25%;}
.grid-item.instCell.video{ font-size:1.5em;}
 .grid-item.instCell .mainImageContainer{
         filter: grayscale(100%);
   
 }
.grid-item .mainImageContainer{ background-repeat: no-repeat; background-position: center; background-size: cover; }


.grid-item img {width:100%;}
.grid-item .inner-container{opacity:0} /* Inner has the fade */
.grid-item .inner-container.itemVisible{opacity:1}

.grid-item .inner-container {
    opacity: 0;
    background-size: 100%;
    background-position: center center;
    /* position: absolute; */
    width: 100%;
    height: 100%;
    
}

.instBgPhoto{
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: center center; 
	height: 100%; 
	width: 100%;
}



.rectImage{
	-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
	background-size: 100%; 
	background-repeat: no-repeat; 
	background-position: center center; 
	height: 0px; 
	width: 100%;
	padding-top:50%;
	border:1px solid #000000;
}
.no-touch .hover:hover .rectImage{
	background-size: 110%; 
}
.sqImage{
	-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
	background-size: 100%; 
	background-repeat: no-repeat; 
	background-position: center center; 
	height: 0px; 
	width: 100%;
	padding-top:100%;
	border:1px solid #000000;
}

.no-touch .hover:hover .sqImage{
	background-size: 110%; 
}
.overlay-container{position:absolute; top:0px; left:0px; right:0px; bottom:0px;}




.grid-item .overlay-container{position:absolute; border: 1px solid #000000; z-index:9800; overflow:hidden; top:0px; left:0px; right:0px; bottom:0px;}
.grid-item .overlay-inner-container, .overlay-inner-container{position:absolute; top:0px; opacity:0; width:100%;   -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.grid-item .inner-container:hover .overlay-inner-container, .inner-container:hover .overlay-inner-container{top:0px;  opacity:1;}
.grid-item .overlay-inner-container.full-opacity, .overlay-inner-container.full-opacity{top:0px;  opacity:1;}

.inner-container .overlayLink{
	position: absolute;
	top:  0px;
	left:  0px;
	bottom: 0px;
	right: 0px;
	z-index: 9900;
}
.grid-item .itemTitle, .itemTitle{text-transform:uppercase; padding-left:10%; padding-right:10%; }
.grid .loadNextStoryContainer:first-child{opacity:0;}

.grid .loadNextStoryContainer{width:25%; background-color:#FF0000; text-align: center; font-size:1em;}
.grid .loadNextStoryContainer div{position:relative;  text-align: center; width:100%; height:0px; padding-top:100%; letter-spacing:2px; text-transform: uppercase; background-color:#000000; background-image:url('../img/loadmore-loader.gif?v=3'); background-position:center center; background-repeat:no-repeat;}
.grid .loadNextStoryContainer .loadNextStory {position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:#000000; background-image:url('../img/loadmore.png?v=3'); background-position:center center; background-repeat:no-repeat;}
.grid .loadNextStoryContainer .loadNextStory span{display:block; text-indent:-9999px;}
.grid .blackBg .overlay-inner-container{ background-color: rgba(0, 0, 0, 0.5); }
.grid .blackBg a:hover{color:#FFFFFF;}
.grid .yellowBg .overlay-inner-container{ background-color: rgba(0, 0, 0, 0.5); }
.grid .fa-search-plus{font-size:1.2em;}

.touch .grid-item.newsCell .inner-container .overlay-inner-container{opacity: 1;}
.touch .grid .blackBg .overlay-inner-container{ background-color: rgba(0, 0, 0, 0.8); }
.touch .videoContainer .grid .blackBg .overlay-inner-container{ background-color: rgba(0, 0, 0, 0.5); }

.touch .videoContainer .grid-item .overlay-inner-container{opacity: 1;}

/************************************** COOKIES **************************************/

#_evh-link{
     border-radius:0px !important; background-color: #222222 !important; color:#FFFFFF !important;
     border: 0px solid rgb(170, 170, 170) !important;
}


/************************************** TABS **************************************/

.nav-tabs{ border-bottom:0px solid transparent; }
.tab-content{padding-top:20px; clear: both;}
.nav-tabs li{background-color:#535353;}
.nav-tabs li a{display: block; font-size: 0.8em; letter-spacing: 1px; padding: 0px 10px 0px 10px; line-height: 2em; text-transform: uppercase;}
.nav-tabs>li>a{ border-radius: 0px 0px 0 0; }
.nav-tabs li:hover, .nav-tabs li a:hover{ background-color: #3f3f3f; border-color: transparent; color: #FFFFFF;}

/************************************** HOME **************************************/



.page-home .content, .page-hwb #content{ padding-top:0px !important; }
.page-home .logoContainer{ display: none !important; }
.page-home .nav-icon-container{ border-right:0px solid transparent;}
.newBannerContainer{ height:100vh; position: relative; font-family:"orator-std", Arial, Helvetica, sans-serif;font-family:"orator-std", Arial, Helvetica, sans-serif; border-bottom:5px solid #000000; background-image:url('../img/tour-banner.jpg?v=5'); background-position:center center; background-repeat:no-repeat; background-size:cover;}

.page-old-homepage #content{ padding-top:0px !important;}

.bannerContainer .scrollDown, .newBannerContainer .scrollDown{
	position: absolute;
	text-transform: uppercase;
	left: 50%;
	bottom: 30px;
	margin-left: -50px;
	background-image: url('../img/arrow.png?v=2');
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom:25px;
	text-align: center;
	width: 100px;
}
.albumBannerButton{
	position: absolute; bottom:10px; left:0px; right:0px; width:100%; text-align: center;
}
.albumBannerButton .btn{ font-size:1em;  letter-spacing: 2px; border:0px solid transparent; background-color: #bc2329; padding: 10px 20px 10px 20px; }
.albumBannerButton .btn:hover{ color:#000000; background-color: #FFFFFF;}

.innerBannerContainer{ width:90%; margin:0px auto;  text-align: center;}
.newBannerContainer .innerBannerContainer{ width:90%; margin:0px auto; max-width:450px; position: relative; top: auto; left: auto; text-align: center;}


.innerBannerContainer .albumTitle{max-width:300px; width:100%;  margin:0px auto;}
.newBannerContainer .innerBannerContainer .albumTitle{max-width:350px; width:100%;  margin:0px auto;}
.newBannerContainer .tourDatesButton{font-size:1.5em; }


.innerBannerContainer .albumRelease{ padding-top:10px; font-size: 1.6em; text-transform: uppercase; letter-spacing: 2px; }
.innerBannerContainer .btn{margin-left:2px; margin-right:2px; margin-top:7px; background-color: rgba(0, 0, 0, 0.7);}
.innerBannerContainer .btn:hover{margin-left:2px; margin-right:2px; margin-top:7px; background-color: rgba(255, 255, 255, 0.7);}

.innerBannerContainer .albumPreOrder{font-size: 1.4em; padding-top: 10px; padding-bottom:0px; text-transform: uppercase;}

.newBannerContainer .innerBannerContainer .albumPreOrder{ padding-top: 20px; }


.page-home .infscr-loading{display:none;}
.page-home .infscr-loading img{display:none;}
.newsContainer{max-width: 1260px; padding: 0px 0px; margin: 0 auto; }
.shortStoryContainer .dateText, .storyContainer .dateText{color:#bb2328;}
.shortStoryContainer{padding-top:30px; }




.shortStoryContainer .mainImageContainer img{ width:100%; }
.shortStoryContainer .mainImageContainer{ border:1px solid #363636;}
.storyContainer{padding-left:10px; padding-right:10px;}


.wp-block-image img{width:100% !important; height:auto  !important;}

/************************************** NEWS **************************************/



.page-News .loadNextStoryContainer div{padding:20px;}
.page-News .loadNextStoryContainer{text-align:center; width:100%;}
.page-News #infscr-loading {text-align: center; padding-top:20px; padding-bottom:50px;}

.newsPageFullContainer{
	max-width: 1260px;
	padding: 0px 0px;
	margin: 0 auto;
}

.backToLink{
	font-size: 1.6em;
}

.backToLink span{
	line-height: 1em;
}

.backToLink a{
	color: #FFF;
	padding: 0px 0px 0px 0px;

}

.backToLink i{
	color: #FFF;
	padding: 0px 5px 0px 5px;
	font-size: 30px;
	vertical-align: middle;
}

.mainImageNewsFullContainer img{
	max-width: 100%;
}

.newsContentContainer{
	padding: 0px 0px 0px 0px;
}

.dateText{
	font-size: 1.3em;
	font-family: "orator-std", Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}

.newsContentContainer .mainContent p{
	padding-bottom: 15px;
}

.mainImageNewsFullContainer{
border: 1px solid #363636;	
}

#disqus_thread{
padding-top: 15px;
margin-top: 30px;
border-top: 1px solid #FFF;	
}



.read-more-news a{
	margin-top: 15px;
	display: inline-block;
	font-size: 0.8em;
}

.back-to-news {
  display: block;
  text-align: center !important;
}

.back-to-news a:hover{
      background-color: #FFFFFF;
	color: #878787;
}
/*.subjectTitle{

    font-family: 'New Creation';
}
*/


.subjectTitle a:hover{color:#FFFFFF; text-decoration: none;}


.tbc-button{
	display: block;
	text-align: center !important;
}

.tbc-button a{
display: inline-block;
text-align: center !important;
padding: 10px 15px;
  text-wrap: none;
  letter-spacing: 4px;
    color: #FFF;
    text-transform: uppercase;
    border: none;
}

.liveContainer .s_tickets{ display:inline-block; text-transform:uppercase; width:13%; letter-spacing:4px; color:#FFFFFF; padding-top:10px; text-align:center !important; vertical-align: top;margin-right:-0em;}

.liveContainer .s_tickets .show-confirmed  a{padding:10px 15px; border:1px solid #878787; text-wrap:none;}
.liveContainer .s_tickets .show-confirmed a:hover{ padding:10px 15px; color:#000000; background-color:#fff; text-wrap:none;}




/************************************** TOURS *************************************/

/*.page-shows, .live-container-banner{
    background-image: url('../img/hp-live.jpg?v=9');
    background-position: 50% 5%;
    background-repeat: no-repeat;
    background-size: 100%;

}

.live-container-banner{
    background-position: center top;
	  padding-top:30%;		
}

.page-shows .live-container-banner{
    background-image: none !important;
    padding-top:23%;     
}
.live-container-banner.bg-attach{ background-attachment: fixed;}*/

.page-shows .bgImageContainer{
	background-image: url('https://cdn1.umg3.net/452-cdn/_assets/images/shows-bg-2023.jpg') !important;
}

/************************************** MUSIC **************************************/

.releaseDetails .pad50{ padding: 0px 0px 0px 0px; }

.releaseArtwork{ width: 100%;}

.releaseArtwork img{
	max-width: 100%;
	box-sizing: border-box;
}

div.releaseRow{
	display: block;
	padding:  10px 0px;
}

div.releaseRow:nth-child(odd){
	background-color: rgba(52, 52, 52, 0.34)
}

.numCol, .nameCol, .timeCol{
box-sizing: border-box;
	display: inline-block;
	
}

.playCol, .videoCol, .downloadCol{
	display: none;
} 

.releaseDetails{
padding: 0px 2% 0px 2%;
}

.releaseInfo{ font-size: 1.5em; line-height: 1em; }

.releaseInfo div{
	padding: 3px 0px;
}

#release-label{
	display:  none;
}

.numCol{
	width: 11%;
	text-align: left;
	padding-left: 2%;
}

.nameCol{
	width: 62%;
}

.timeCol{
	width: 20%;
	text-align: right;
}


#releaseTracklisting{
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	font-size: 1.5em;
	padding: 10px 10px 10px 10px;
}

.related-releases li{width:25%; max-width:200px;}
.related-releases li img{width:100%;}
.quote-by{padding-left:150px; color: #777777; padding-top:15px;}


/************************************** ALBUMS ************************************/


#albumsContainer .width2{
	width: 50%;
}

.releases-extra-section{
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
	line-height: 1em;
	font-size: 0.8em;
}

.releases-extra-section a{
margin: 0px 5px;
display: inline-block;

}

.releases-extra-section span{

letter-spacing:4px;
vertical-align: middle;

}

.releaseInfo div.tPad30{
	padding-top: 10px;
}

/************************************** LYRICS ************************************/

.lyrics-filter-menu{padding-top:20px; padding-left:10px; padding-right:10px; margin-top:20px; margin-bottom:40px; font-size:0.9em;}
.lyrics-filter-menu li{margin:10px 3px;}
.lyrics-filter-menu li a{padding:4px 6px;  border:1px solid #cccccc;}
.lyrics-filter-menu li a.selected{background-color:#FFFFFF; color:#000000;}
.lyrics-filter-menu li a:hover{background-color:#FFFFFF; color:#000000;}


.lyrics-list a{font-size:1.3em; padding:4px 10px; display: block;}
.lyrics-list a:hover {background-color: rgba(255,255,255,0.2); color:#FFFFFF !important;}

.lyrics-list{ margin-bottom:40px;}

/************************************** VIDEOS ************************************/

.wp-block-embed-youtube, .videoPlayer{position:relative; height: 0px; padding-top: 50%; }

@media screen and (min-width:2000px){
	.wp-block-embed-youtube, .videoPlayer{ padding-top: 45%; }
}

@media screen and (max-width:1000px){
	.wp-block-embed-youtube, .videoPlayer{padding-top: 55%; }
}
@media screen and (max-width:800px){
	.wp-block-embed-youtube, .videoPlayer{padding-top: 67%; }
}

.wp-block-embed-youtube iframe, .videoPlayer iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}

.videoPlayerText{position:relative;}
.videoPlayerShare {position:absolute; right:20px; top:20px; font-size: 1.5em; text-transform: uppercase; font-family: "orator-std", Arial, Helvetica, sans-serif; } 
.videoPlayerShare ul{display:block;}
.videoPlayerShare li{display:inline-block;}
.moreVideos{font-size:1.2em; }


.videoContainer .width2 {
  width: 50%;
}


/************************************ CONTACT *************************************/

.page-contacts .bgImageContainer{ background-image:url('../img/contact-bg.jpg?v=4');  }
.page-contact #content{padding-top:0px;}


/************************************** SIGN UP ***********************************/





.page-sign-up .bgImageContainer{ background-image:url('../img/signup-bg.jpg?v=5');  }

.signupInnerContainer{ text-align: center; max-width: 600px; margin: 80px auto 4px auto; }

.signupText{ padding: 20px 15px; font-size: 1.2em;}
#signupForm{ box-sizing:  border-box; max-width: 800px; padding: 0px 30px; margin: 0 auto; }
.signupContainer .errorText{font-size: 1em; padding-top:5px; line-height: 1.3em; color:#FFFFFF;}
.signupContainer .errorText i{ color:#ff1c1c;}
#signupForm input, #signupForm select{
	width:97%;
	box-sizing:  border-box;
	padding: 10px 15px;
	margin: 3px 5px;
	border: 1px solid #000;
	background-color: rgba(0, 0, 0, 0.6);
	color:#FFFFFF;

	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	 appearance: none;
	 
	 border-radius: 0px;
	 -webkit-border-radius: 0px;
	 -o-border-radius: 0px;
	 -moz-border-radius: 0px;
}

#signupForm select, #signupForm .inputText{font-size: 1.4em; /*border: 1px solid #434343;*/}

#signupForm select{ background-image:url('../img/signup-arrow.png?v=3'); background-position:right center; background-repeat:no-repeat; }

#signupForm ::-webkit-input-placeholder { color: #FFFFFF;}
#signupForm :-moz-placeholder { /* Firefox 18- */ color: #FFFFFF; }
#signupForm ::-moz-placeholder {  /* Firefox 19+ */   color: #FFFFFF; }
#signupForm :-ms-input-placeholder {   color: #FFFFFF; }

#signupForm #signUpSubmit {
	box-sizing:  border-box;
	width:  97%;
	padding: 10px 10px  10px 15px;

	margin: 10px 5px;
	background-color: rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	letter-spacing:4px;
	cursor:pointer;
	border: 1px solid #878787;
	text-transform: uppercase;
}

.no-touch #signupForm #signUpSubmit:hover {  background-color: #FFFFFF; color: #000000; }


/************************************** INSTAGRAM **************************************/

.instContainer{ padding:10px; max-width:1000px; width:100%; margin:0px auto; }
.instInnerContainer{ background-color:#000000; position:relative;
box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.59);
-moz-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.59);
-webkit-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.59);
}
.instImageContainer {position:relative; height:0px; padding-top:100%; overflow:hidden;}

.instImageContainer iframe{position:absolute; top:-50px; left:-8px; width:104%; height:110%;}
.instContainer .instFollow{text-align:right; position:relative; padding-top:10px;}
.instContainer .instLogo{width:60px; height:60px; position:absolute; top:0px; left:0px; background-image:url('../img/instagram-icon.png?v=4'); background-repeat:no-repeat; background-position:center center;}
.instContainer .instDate{text-align:left; color:#c5c5c5; font-size:1.5em; margin-top:40px; border-top:1px solid #3a3a3a; padding-top:20px;}
.instContainer .instText{text-align:left; font-size:1.8em; padding-top:40px;}
.instContainer .instLinks{margin-top:60px; border-top:1px solid #3a3a3a; padding-top:20px; font-size:2em;}
.instContainer .instLinks i {padding-right:10px;}
.instContainer .instText a{color:#7c7d7c;}
.instContainer .instagramLogo{position:absolute; right:10px; bottom:10px;}
.instImageContainer img{width:100%;}



/************************** T&C's  **************************/



.page-tandc h3{ box-sizing: border-box; 	padding: 15px 0px;
	margin: 0px 10px;
}

.page-tandc p{
	box-sizing: border-box;
	padding: 10px 0px;
	margin: 0px 10px;
}

.page-tandc ol{
  list-style: decimal;
  padding: 0;
  margin: 0px 30px;
}

.page-tandc ol li{
  list-style: decimal;
  padding: 0;
  margin: 0;
  padding: 10px 0px;
}