/*
Theme Name: skinttheme
Author: Bryn Davies for Oink Creative
Author URI: https://wordpress.org/
Description: A custom theme for Skint Records.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skinttheme
*/


/* Universal layout Styles */
body {margin:0px; color:#000000; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size:16px; font-style:italic;}
.mobile {display:none;}
.desktop{display:block;}

/* Header & Navigation Styles */

#headerBlock {width:100%; height:120px; background-color:transparent; z-index:1000; position:fixed; top:0; left:0;
   transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out; }
  
#fade {position:absolute; display:block; top:0px; left:0px; z-index:950; height:200px; width:100%; background: linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0));}

.page-template-template-home #fade {display:block;} 

.mobBut {display:none;}
#mobmenu {display:none;}

#navbar {max-width:1140px;  margin:0 auto; padding-left:20px; padding-right:20px;position:relative;}
#navmenu {width:65%; float:right; text-align:right;margin-top:50px;
transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;}

#navmenu ul li {display:inline-block; margin-left:5px; margin-right:5px; padding-left:10px; padding-right:10px;}
#navmenu ul li a {color:#9b9b9b; text-decoration:none; font-weight:bold;}
#navmenu ul li a:hover {color:#ec2d4b;}

#logo {opacity:1; height:70px; width:auto; float:left; height:auto; padding-top:20px;transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  }
  
.page-id-5 #logo {opacity:0; height:70px; width:auto; float:left; height:auto; padding-top:20px;transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
 }
  
#logo img {width:auto; height:100%;
transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;}
  
#logoSc {display:none;}

.page-id-5 #logoSc {z-index:10000; display:block; opacity:1; width:auto; float:left; height:auto; padding-top:58px;transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  margin-left:-250px;}
  
#logoSc img {width:auto; height:150px;
transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;}
  
  
#skSocials {display:none;}
.page-template-template-home #skSocials {display:block; height:36px; width:auto; position:absolute; z-index:4001;margin-top:130px; margin-left:0px;transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;}

#skSocialsMain {display:block; height:36px; width:auto; position:absolute; z-index:4001;margin-top:57px; margin-left:250px;transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;}
  .page-template-template-home #skSocialsMain {display:none;}

#heroBlock {width:100%; height:auto; background-color:#000000; overflow:hidden;}

#skintBlock {width:100%; height:auto; background-color:#ffffff; overflow:hidden;}

#topfix {height:100px;
transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;}

#content {max-width:1140px; padding-top:10px; padding-bottom:10px; height:auto; margin:0 auto;}


#block25 {width:25%; height:auto; float:left; text-align:center;}
#block30 {width:30%; height:auto; float:left; text-align:center;}

#block40 {width:40%; height:auto; float:left; text-align:center;}

#block45 {width:45%; height:auto; float:left; text-align:center;}

#block50 {width:50%; height:auto; float:left; text-align:center;}
#block50 p {text-align:left!important; padding-left:20px;}
#block50 h3 {text-align:left; padding-left:20px!important;}

#block70 {width:70%; height:auto; float:left; text-align:center;}

#block75 {width:75%; height:auto; float:left; text-align:center;}

.titleBar {width:100%; background-color:#000000; margin-bottom: 20px;}
.titleBar h3 {font-size:1.7em; text-align:left; color:#ffffff; margin-top:0px; margin-bottom:0px; padding-top:10px; padding-bottom:10px; padding-left:10px; font-weight:normal; width:auto;}
.titleBar h3 a  {text-decoration:none; color:#ffffff; width:300px!important;}

/*.single-artist .titleBar h3::after {content: url('https://skintentertainment.com/wp-content/uploads/2018/12/up-arr.jpg');  }*/

.single-artist .titleBar h3:after {
background-image: url('https://skintentertainment.com/wp-content/uploads/2018/12/up-arr.jpg');
background-size: 40px 25px;
background-repeat: no-repeat;
display: inline-block;
width: 35px;
height: 20px;
content: "";
margin-left: 10px;
}

.tskintstrap {color:#ec2d4b; text-align:left; padding-left:1%;}
.tskinttext p {text-align:left; padding-left:1%;}
.tskinttext p a {color:#ec2d4b; text-decoration:none;}

.widgetBlock {display:block;}

#blogroll {width:100%; height:auto; text-align:right;padding-left:10%;}
.bl-links {width:30%; float:left; text-align:center; background-color:#000; font-size:12px; font-weight:bold; text-transform:uppercase; font-style:normal; padding-top:8px; padding-bottom:8px;}
.bl-links a {color:#fff; padding-top:10px; padding-bottom:10px; text-decoration:none;}
.bl-links a:hover {color:#ec2d4b;}
.blactive {background-color:#ec2d4b!important;}
.blactive a {color:#000!important;padding-top:10px; padding-bottom:10px; text-decoration:none;}


a.readmore {text-decoration:none;color:#f2465e;}

.brRowRecent {width:90%; height:auto; clear:left; float:right; margin-bottom:5px; margin-top:5px;}
.brRowRecent img {width:27%; height:auto; float:left;}
.brRowRecent .brInfo {width:70%; float:right; font-size:14px;}
.brRowRecent h3 {font-size:14px; font-weight:bold; text-align:left; text-decoration:none;}
.brRowRecent h3 a {color:#5e5e5f; text-decoration:none;}
.brRowRecent h3 a:hover {color:#000;}
.metaWho {background:url('https://skintentertainment.com/wp-content/uploads/2018/12/who-icon.png'); background-repeat:no-repeat; background-position:0px 0px; height:auto; font-size:10px; width:40%;padding-left:11px; height:15px; float:left; text-align:left; font-weight:bold; color:#5e5e5f;}
.metaWhen {background:url('https://skintentertainment.com/wp-content/uploads/2018/12/when-icon.png'); background-repeat:no-repeat; background-position:0px 0px; height:auto; font-size:10px; width:44%; padding-left:15px;height:15px; float:left; text-align:left; font-weight:bold; color:#5e5e5f;}


.redBar {width:100%; background-color:#ec2d4b; margin-bottom: 20px;}
.redBar h3 {font-size:1.7em; font-weight:normal; text-align:left; color:#ffffff; margin-top:0px; margin-bottom:0px; padding-top:10px; padding-bottom:10px; padding-left:10px;}

.artistTitle {width:100%; background-color:#ffffff;}
.artistTitle h2 {font-size:2.7em; text-align:left; color:#ec2d4b; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:10px; padding-left:10px;}

.prevnext {float:right; width:80px; height:50px;margin-top:25px; position:relative;margin-right: 15px;}
.arPrev {float:left;}
.arNext {float:right;}

.artistSq {width:18%; margin:1%; height:auto; float:left; margin-bottom:0px; position:relative;}
.artistSq:nth-child(5n+2) {clear:left;}
.artistSq img {width:100%;}
.artistSq p {text-align:left; font-size:16px; font-weight:bold; margin-top:0px; padding-top:5px; padding-bottom:0px; margin-bottom:0px;}
.artistSq a {color:#000; text-decoration:none; }
.artistSq a:hover {color:#ec2d4b;}

.artimg {margin-top:10px; margin-bottom:10px;}

.artistSq2 {width:23%; margin:1%; height:auto; float:left; margin-bottom:0px; position:relative;}
/*.artistSq2:nth-child(5n+2) {clear:left;}*/
.artistSq2 img {width:100%;}
.artistSq2 p {text-align:left; font-size:16px; font-weight:bold; margin-top:0px; padding-top:5px; padding-bottom:0px; margin-bottom:0px;}
.artistSq2 a {color:#000; text-decoration:none; }
.artistSq2 a:hover {color:#ec2d4b;}

.artimg {margin-top:10px; margin-bottom:10px;}

.sqroll {display:none;position: relative; margin-top: -100%;}


.disvideoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.disvideoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
	display:block;
	margin-bottom:10px;
	
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	/*pointer-events: none;*/
}

iframe #ytplayer1 {pointer-events: none;}
iframe #ytplayer2 {pointer-events: none;}
iframe #ytplayer3 {pointer-events: none;}
iframe #ytplayer4 {pointer-events: none;}
iframe #ytplayer5 {pointer-events: none;}
iframe #ytplayer6 {pointer-events: none;}

#heroBlock .videoWrapper iframe {
	pointer-events: none;
}

.thumbWrapper {
    width:95%;
    padding-bottom: 20px;
    height: auto;
	float:right;
	}

#mute-toggle {padding-left:48%; margin-top:-150px; z-index:100; position:absolute; cursor:pointer;}
#mute-toggle1 {padding-left:48%; margin-top:-150px; z-index:100; position:absolute; cursor:pointer;}
#mute-toggle2 {padding-left:48%; margin-top:-150px; z-index:100; position:absolute; cursor:pointer;}
#mute-toggle3 {padding-left:48%; margin-top:-150px; z-index:100; position:absolute; cursor:pointer;}
#mute-toggle4 {padding-left:48%; margin-top:-150px; z-index:100; position:absolute; cursor:pointer;}
#mute-toggle5 {padding-left:48%; margin-top:-150px; z-index:100; position:absolute; cursor:pointer;}
#mute-toggle6 {padding-left:48%; margin-top:-150px; z-index:100; position:absolute; cursor:pointer;}

.thumbImg {padding-left:0%; width:97%; height:auto; border:2px solid #ffffff; cursor:pointer;}
.thumbActive {border:2px solid #ec2d4b;}

.thumbWrapper p.vidDeets {text-align:left; margin-top:0px; margin-bottom:-3px; padding-top:0px; padding-bottom:0px; padding-left:4px; font-size:14px; font-weight:bold;}
.thumbWrapper p.vidDTitle {text-align:left; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; padding-left:4px; font-size:14px;font-weight:normal;}


p.vidDeets {text-align:left; margin-top:0px; margin-bottom:-3px; padding-top:0px; padding-bottom:0px; padding-left:5%; font-size:14px; font-weight:bold;}
p.vidDTitle {text-align:left; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; padding-left:5%; font-size:14px;font-weight:normal;}

#block25 .videoWrapper {margin-bottom:5px; margin-top:10px; padding-bottom: 41.25%; /* 16:9 */}
#block25 .videoWrapper iframe {padding-left:5%; padding-right:0%; width: 95%;}

.mobfallback {display:none; margin-left:-24000px;}

.quart {width:23%; float:left; height:auto; margin-top:15px; margin-bottom:15px; padding-left:1%;padding-right:1%;}

#releaseWrap {width:16.5%; float:left; height:auto; cursor:pointer;}
#releaseBox {width:96%; margin:2%; height:auto;}
#releaseBox img {width:100%; height:auto;}
#releaseWrap p { margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;padding-left: 5px;}

.releasetitle {color:#ec2d4b; font-size:14px; font-weight:bold;}
.releasetitle a {color:#ec2d4b; text-decoration:none;}
.releaseartist {color:#000; font-size:14px; font-weight:bold;}
.releaseartist a {color:#000; text-decoration:none;}

.relroll {display:none;position: relative; margin-top: -100%;}
img.relroll {width:100%;margin-top:-100%;}

#releaseModal {z-index:5000; width:100%; height:100vh; position:fixed; top:0px; left:0px; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,0.7);cursor: default;}
#releaseDeets {width:700px; height:auto; border: 2px solid #ec2d4b; margin:0; border-radius:3px; background-color:#fff;}
#rdTitle {width:99%; height:auto; padding-top:10px; padding-bottom:10px;padding-left:1%; background-color:#ec2d4b;}
#rdTitle span {color:#fff;}
#rdLeft {width:30%; height:auto;float:left;}

.buystream {font-size:11px;}
p.buystream {padding-left:12px;}
.buystream span {font-weight:bold;}
.buystream a {color:#ec2d4b;text-decoration:none;font-weight:bold;}

#rdRight {width:65%; height:auto; float:right;}
#releaseDeets img {padding:10px;}
#releaseDeets ol {margin-left:0px; padding-left:0px; font-size:13px;display: flex; flex-direction: column; flex-wrap: wrap; /*width:50%;*/ max-height:300px;}
#releaseDeets ol li {margin-bottom:5px; line-height:10px;}
#releaseDeets ol li span {font-size:11px; color:#9b9b9b;}
#rdLeft img.coverimg {width:100%;}
#closeDeets {float:right; margin-right:5px; margin-top:-5px; cursor:pointer;}

.latestSq {width:23%; margin:1%; height:auto; float:left;}
.latestSq img {width:100%;}
.latestSq p {text-align:left; font-size:16px; font-weight:bold; margin-top:0px; padding-top:5px;}
.latestSq a {color:#000; text-decoration:none; }
.latestSq a:hover {color:#ec2d4b;}


#newsBlock {text-align:left; border:1px solid #a3939f; padding:2%; width:98%; border-radius:3px; margin-bottom:10px; display:block; overflow:hidden;}
#newsBlock h2 {color:#ec2d4b; font-size:1.5em; margin-top:0px;}

#newsImgs {width:25%; height:auto;flaot:left;}
#newsInfo {width:70%; height:auto;float:right;}

#newsInfo h2 a {color:#ec2d4b; font-size:1.1em; margin-top:0px; text-decoration:none;}

ul.latestlinks {margin-left:0px; padding-left:10px;width:90%; float:right;}
li.latestlinks {text-align:left; list-style:none; padding-top:5px;padding-bottom:5px; border-bottom:1px solid #ec2d4b;}
li.latestlinks a {color:#ec2d4b; text-decoration:none;}
li.latestlinks a:hover {color:#000000;}


/* Footer Styles */

#skintfooter {width:100%; height:60px; text-align:center; padding-top:40px; font-size:14px;}
#skintfooter span {font-style:normal;}
#skintfooter a {color:#ec2d4b; text-decoration:none;}

#contactModal {z-index:6000; width:100%; height:100vh; position:fixed; top:0px; left:0px; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,0.7);cursor: default;}
#contactBox {width:80%; height:90%; border: 2px solid #ec2d4b; margin:0; border-radius:3px; background-color:#fff; overflow:scroll;}
#contactBox p {font-size:13px; clear:both; margin-bottom:10px;}
.conLogo {float:left; width:243px;padding-left:3%; padding-top:3%; padding-bottom:0%;}

#conTitle {width:99%; height:auto; padding-top:10px; padding-bottom:10px;padding-left:1%; background-color:#ec2d4b; color:#fff; font-size:20px; font-weight:normal;}
.conClose {float:right; margin-right:5px; margin-top:-5px; cursor:pointer;}

#contactLeft {width:44%; height:auto; float:left; padding:3%; padding-top:2%; clear:left;}
#contactRight {width:44%; height:auto; float:left; padding:3%;padding-top:2%;}

#contactBox p a {color:#ec2d4b; text-decoration:none;}

.wpcf7-text {width:68%;float: right; margin-top: -17px;}
.wpcf7-textarea {width:68%;float: right; margin-top: -17px;}
.wpcf7-select {width:68%;float: right; margin-top: -17px;}
.wpcf7-submit {float:left; color:#fff; text-transform:uppercase; font-weight:bold; background-color:#000; border:0px; padding:5px 10px; cursor:pointer; margin-top: 0px;
margin-bottom: 20px;}
label {font-weight:bold;}

span.wpcf7-list-item {
    display: inline-block;
    margin: 20px 0 0px 1em;
}

.address {padding-top:20px;}


#shopModal {z-index:7000; width:100%; height:100vh; position:fixed; top:0px; left:0px; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,0.7);cursor: default;}
#shopBox {width:90%; height:auto; border: 2px solid #ec2d4b; margin:0; border-radius:3px; background-color:#fff;}
.shopClose {float:right; margin-right:-15px; margin-top:-15px; cursor:pointer;}


#footerLeft {width:15%; float:left; text-align:left;}
#footerCenter {width:70%; float:left; text-align:center; font-size:14px;}
#ft1 {}
#ft2 {}
#ft3 {}

#footerRight {width:15%; float:right; text-align:right;font-size:12px;}

/* slick slider styles */

.skSlide {width:100%; height:100vh; background-color:#000;}

.skSlideAlt {width:100%; height: 0;
  overflow: hidden;
  padding-top: calc(830 / 1280 * 100%);
  background: white;
  position: relative;}
  
 .skSlideIns {position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}

.skSlideVid {width:100%; height:auto; position:relative;}

.slide-video {position: absolute;
  top: 50%; 
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto;
  z-index: -1; 
  overflow: hidden;}

.slidertext {max-width:1140px; height:auto; color:#fff; margin:0 auto; padding-top:17%; padding-left:2%; padding-right:2%;}
.slidertext h1 {font-size:2.5em;}
.slidertext p {font-size:18px;}
.slidertext a {color:#ec2d4b; text-decoration:none;}

.vslidertext {max-width:1140px; height:auto; color:#fff; margin:0 auto; position:relative; padding-left:15px; padding-right:0%; margin-top:-70%; }
.vslidertext h1 {font-size:2.5em;}
.vslidertext p {font-size:18px;}
.vslidertext a {color:#ec2d4b; text-decoration:none;}

.slick-slider
{
    position: relative;
	display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
	display: block;
    overflow: hidden;
	margin: 0;
    padding: 0;
}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;
	content: '';
}

.slick-track:after {clear: both;}

.slick-loading .slick-track {visibility: hidden;}

.slick-slide
{
    display: none;
    float: left;
	height: 100%;
    min-height: 1px;
	margin-bottom: -50px;
}

[dir='rtl'] .slick-slide {float: right;}

.slick-slide img {display: block;}

.slick-slide.slick-loading img {display: none;}

.slick-slide.dragging img {pointer-events: none;}

.slick-initialized .slick-slide {display: block;}

.slick-loading .slick-slide {visibility: hidden;}

.slick-vertical .slick-slide
{
    display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {display: none;}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 90%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index:1000;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 25px;
}
[dir='rtl'] .slick-prev
{
    right: 25px;
    left: auto;
}
.slick-prev:before
{
    content: '<';
}
[dir='rtl'] .slick-prev:before
{
    content: '<';
}

.slick-next
{
    right: 25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 25px;
}
.slick-next:before
{
    content: '>';
}
[dir='rtl'] .slick-next:before
{
    content: '>';
}


@media only screen and (min-width: 1900px) {

.vslidertext {max-width:1140px; height:auto; color:#fff; margin:0 auto; position:relative; padding-left:0px; padding-right:0%; margin-top:-70%; }
.slick-slide
{
    display: none;
    float: left;
	height: 100%;
    min-height: 1px;
	margin-bottom: -200px;
}
		
}



@media only screen and (max-width: 1899px) {
	
.slick-slide {
    display: none;
    float: left;
	height: 100%;
    min-height: 1px;
	margin-bottom: -200px;
}	

.vslidertext {max-width:1140px; height:auto; color:#fff; margin:0 auto; position:relative; padding-left:0px; padding-right:0%; margin-top:-60%; }
	
}


@media only screen and (max-width: 1450px) {
.slick-slide {
    display: none;
    float: left;
	height: 100%;
    min-height: 1px;
	margin-bottom: -150px;
}

.vslidertext {max-width:1140px; height:auto; color:#fff; margin:0 auto; position:relative; padding-left:0px; padding-right:0%; margin-top:-50%; }
}


@media only screen and (max-width: 1220px) {

#releaseModal {z-index:5000; width:100%; height:100vh; position:fixed; top:0px; left:0px; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,0.7);cursor: default;}
#releaseDeets {width:500px; height:auto; border: 2px solid #f2465e; margin:0 auto; border-radius:3px; background-color:#fff;}
#rdTitle {width:99%; height:auto; padding-top:10px; padding-bottom:10px;padding-left:1%; background-color:#f2465e;}
#rdTitle span {color:#fff;}
#rdLeft {width:30%; height:auto;float:left;}

.buystream {font-size:11px;}
p.buystream {padding-left:12px;}
.buystream span {font-weight:bold;}
.buystream a {color:#ec2d4b;text-decoration:none;font-weight:bold;}

#rdRight {width:55%; height:auto; float:right;}
#releaseDeets img {padding:10px;}
#releaseDeets ol {margin-left:0px; padding-left:0px; font-size:14px;display: flex; flex-direction: column; flex-wrap: wrap; width:49%; height:180px;}
#releaseDeets ol li {margin-bottom:5px; line-height:10px;}
#releaseDeets ol li span {font-size:11px; color:#9b9b9b;}
#closeDeets {float:right; margin-right:5px; margin-top:-5px; cursor:pointer;}

.slick-slide {
    display: none;
    float: left;
	height: 100%;
    min-height: 1px;
	margin-bottom: -100px;
}

.vslidertext {max-width:1140px; height:auto; color:#fff; margin:0 auto; position:relative; padding-left:15px; padding-right:0%; margin-top:-45%; }
	
}

@media only screen and (max-width: 1100px) {
	
.mobfallback {display:block;margin-left:0px;}	
img.mobfallback {width:100%; height:auto; margin-top:-25px; padding-top:0px;}

.page-id-5 #logoSc {z-index:10000; display:none; opacity:1; width:auto; float:left; height:auto; padding-top:58px;transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  margin-left:-250px;}
  
.page-id-5 #logo {opacity:1; display:block; padding-top:10px;}

#heroBlock {width:100%; height:auto; background-color:#000000; overflow:hidden; margin-top:0px; position: relative;}
.skSlide {width:100%; height:auto; background-color:#000; display:block;}
.skSlide {width:100%; height:auto; background-color:#000; display:block;}

.skSlideAlt {width:100%; height: 0;
  overflow: hidden;
  padding-top: calc(655.44 / 1127.34 * 100%);
  background: white;
  position: relative;}
  
 .skSlideIns {position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}

/*div.skSlide {height:100%!important;}*/
.skSlideVid {width:100%; height:auto; position:relative;}
.skSlideVidAlt {width:100%; position:relative;height: 0;
  overflow: hidden;
  /*padding-top: calc(710.44 / 1127.34 * 100%);*/
  padding-top:56%;
  background: white;}

.slide-video {position: absolute;
  top: 50%; 
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%; 
  min-height: 100%; 
  width: 100%; 
  height: 120%;
  z-index: -1; 
  overflow: hidden;}
  


 
.slidertext {max-width:1140px; height:auto; color:#fff; margin:0 auto; padding-top:17%; padding-left:4%; padding-right:2%; position:absolute; top:0px; }
.slidertext h1 {font-size:2.5em; margin-bottom:10px; padding-bottom:0px;}
.slidertext p {font-size:18px;}
.slidertext a {color:#ec2d4b; text-decoration:none;}

.vslidertext {max-width:1140px; height:auto; color:#fff; margin:0 auto; padding-top:17%; padding-left:15px; padding-right:0%; position:absolute; top:0px; }
.vslidertext h1 {font-size:2.5em; margin-bottom:10px; padding-bottom:0px;}
.vslidertext p {font-size:18px;}
.vslidertext a {color:#ec2d4b; text-decoration:none;}
 
 }



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

#navmenu {display:none;}

.mobBut {display:block; position:fixed; right:10px; top:15px; z-index:12000; width:40px; height:30px; background:url('https://skintentertainment.com/wp-content/uploads/2018/12/mobopen-icon.jpg')!important; background-size:40px 30px!important; background-repeat:no-repeat;}

.mobBut img {display:none;}

#mobmenu {width:100%; float:left; height:auto;background-color:#fff; text-align:left ;margin-top:0px; display:none; z-index:10000; position:fixed; left:0; top:60px;
/*transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;*/}

#mobmenu ul li { padding-left:2%; padding-right:2%; list-style:none; padding-top:10px; padding-bottom:10px;}
#mobmenu ul li a {color:#9b9b9b; text-decoration:none; font-weight:bold; font-weight:20px;}
#mobmenu ul li a:hover {color:#ec2d4b;}

#heroBlock {margin-top:45px;}

#headerBlock {height:60px; background-color:#fff;}
#logo {padding-top:10px;}
#logo img {height:40px;}
#topfix {height:60px;}
#skSocials {margin-top:23px; margin-left:165px;}
#skSocialsMain {margin-top:23px; margin-left:165px;}

#mute-toggle1 {display:none;}
#mute-toggle2 {display:none;}
#mute-toggle3 {display:none;}
#mute-toggle4 {display:none;}

.page-template-template-home #skSocials {margin-top:23px; margin-left:165px;}

}

@media only screen and (max-width: 850px) {

  
 #releaseDeets {width:600px; height:auto; border: 2px solid #f2465e; margin:0 auto; border-radius:3px; background-color:#fff;}
 
 #contactBox {width:75%; height:95%; border: 2px solid #f2465e; margin:0; border-radius:3px; background-color:#fff; overflow-y:scroll; }
  
  }



@media only screen and (max-width: 780px) {

.widgetBlock {display:none;}
#block70 {width:100%!important; margin-top:-15px; padding-left:0%; padding-right:0%; }
#block30 {width:98%; padding:1%;}

ul.latestlinks {
    margin-left: 0px;
    padding-left: 1%;
	padding-right:1%;
    width: 98%;
    float: left;
}

#newsBlock {text-align:left; border:1px solid #a3939f; padding:2%; width:94%; border-radius:3px;  margin:0 auto; margin-bottom:10px; display:block; overflow:hidden;}
#newsBlock h2 {color:#f2465e; font-size:1.5em; margin-top:0px;}
#newsImgs {width:25%; height:auto;flaot:left;}
#newsInfo {width:70%; height:auto;float:right;}

.mobile {display:block!important;}
.desktop {display:none!important;}

.artistTitle h2 {font-size: 2em;}

.prevnext {
    float: right;
    width: 80px;
    height: 50px;
    margin-top: 20px;
    position: relative;
    margin-right: 15px;
}

.quart {width:48%; float:left; height:auto; margin-top:15px; margin-bottom:15px; padding-left:1%;padding-right:1%;}

}



@media only screen and (max-width: 680px) {

.latestSq {width:46%; margin:2%; height:auto; float:left;}
.latestSq:nth-child(4n+2) {clear:left;}

.artistSq:nth-child(5n+2) {clear:none;}
	
.artistSq {width:46%; margin:2%; height:auto; float:left; margin-bottom:0px; position:relative;}
.artistSq:nth-child(4n+2) {clear:left;}
.artistSq p {height:35px;}

 #contactBox {width:90%; height:95%; border: 2px solid #f2465e; margin:0; border-radius:3px; background-color:#fff; overflow-y:scroll; }
 
 .page-id-5 #logo {opacity:1; display:block; padding-top:10px; margin-left:40px;}

}


@media only screen and (max-width: 600px) {
	
#fade {position:absolute; display:block; top:0px; left:0px; z-index:950; height:150px; width:100%; background: linear-gradient(rgba(0,0,0,.9), rgba(0,0,0,0));}
	
.slick-slide{
    display: none;
    float: left;
	height: 100%;
    min-height: 1px;
	margin-bottom: -40px;
}

#block25 .videoWrapper iframe {

    padding-left: 0%;
    padding-right: 0%;
    width: 100%;

}

p.vidDeets {display:none;}
p.vidDTitle {display:none;}

#block25 .videoWrapper {

    margin-bottom: 5px;
    margin-top: 10px;
    padding-bottom: 56.25%;

}
	
.quart {width:98%; float:left; height:auto; margin-top:15px; margin-bottom:15px; padding-left:1%;padding-right:1%;}
	
#logo {height:auto; width:150px; float:none; height:auto; padding-top:10px; margin:0 auto;}
#logo img {width:150px; height:auto;}

.mobBut {display:block; position:fixed; left:10px; top:15px; z-index:12000; width:40px; height:30px; background:url('https://skintentertainment.com/wp-content/uploads/2018/12/mobopen-icon.jpg')!important; background-size:40px 30px!important; background-repeat:no-repeat;}

#skSocialsMain {display:none;}
.page-template-template-home #skSocials {display:none;}
	
#heroBlock {width:100%; height:auto; background-color:#000000; overflow:hidden; margin-top:50px;}
.skSlide {width:100%; height:auto; background-color:#000;}
.skSlideVid {width:100%; height:auto; position:relative;}

.slide-video {position: absolute;
  top: 50%; 
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%; 
  min-height: 100%; 
  width: 100%; 
  height: 120%;
  z-index: -1; 
  overflow: hidden;}
  
  #releaseWrap {width:32%; float:left; height:auto; cursor:pointer;}
 
#releaseModal {z-index:5000; width:100%; height:100vh; position:fixed; top:0px; left:0px; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,0.7);cursor: default;}
#releaseDeets {width:310px; height:auto; border: 2px solid #f2465e; margin:0 auto; border-radius:3px; background-color:#fff;}
#rdTitle {width:99%; height:auto; padding-top:10px; padding-bottom:10px;padding-left:1%; background-color:#f2465e;}
#rdTitle span {color:#fff;}
#rdLeft {width:45%; height:auto;float:left;}

img.coverimg {width:100%;}

#releaseDeets img {padding:10px;}

.buystream {font-size:10px;}
p.buystream {padding-left:12px;padding-bottom: 5px!important;}
.buystream span {font-weight:bold;}
.buystream a {color:#ec2d4b;text-decoration:none;font-weight:bold;}

#rdRight {width:45%; height:auto; float:right;}
#releaseDeets ol {margin-left:0px; padding-left:0px; font-size:14px;display: block; width:90%; height:auto;}
#releaseDeets ol li {margin-bottom:5px; line-height:10px;}
#releaseDeets ol li span {font-size:11px; color:#9b9b9b;}
#closeDeets {float:right; margin-right:5px; margin-top:-5px; cursor:pointer;}

#contactLeft {width:94%; height:auto; float:left; padding:3%; padding-top:2%; clear:left;}
#contactRight {width:94%; height:auto; float:left; padding:3%;padding-top:2%;}

#block50 {width:96%; margin:0 auto; padding:2%;}
#block50 p {padding-left:0px; width:95%;}
#block50 h3 {padding-left:0px!important; margin-left:0px!important;}

#block75 {width:96%; margin:0 auto; padding:2%;}
#block25 {width:96%; margin:0 auto; padding:2%;}

.tskintstrap {color:#ec2d4b; text-align:left; padding-left:2%;}
.tskinttext p {text-align:left; padding-left:2%; padding-right:2%;}
.tskinttext p a {color:#ec2d4b; text-decoration:none;}

.slidertext {max-width:1140px; height:auto; color:#fff; margin:0 auto; padding-top:10%; padding-left:4%; padding-right:2%; position:absolute; top:0px; }
.slidertext h1 {font-size:2em; margin-bottom:5px; padding-bottom:0px;}
.slidertext p {font-size:15px; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:5px;}
.slidertext a {color:#ec2d4b; text-decoration:none;}

.vslidertext {max-width:1140px; height:auto; color:#fff; margin:0 auto; padding-top:10%; padding-left:4%; padding-right:2%; position:absolute; top:0px; }
.vslidertext h1 {font-size:2em; margin-bottom:5px; padding-bottom:0px;}
.vslidertext p {font-size:15px; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:5px;}
.vslidertext a {color:#ec2d4b; text-decoration:none;}

.videoWrapper {
    position: relative;
    padding-bottom: 40.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
	display:block;
	margin-bottom:10px;
	
}
  
}

@media only screen and (max-width: 520px) {
#newsBlock {text-align:left; border:1px solid #a3939f; padding:2%; width:94%; border-radius:3px;  margin:0 auto; margin-bottom:10px; display:block; overflow:hidden;}
#newsBlock h2 {color:#f2465e; font-size:1.5em; margin-top:10px;}
#newsImgs {width:100%; height:auto;flaot:left;}
#newsInfo {width:100%; height:auto;float:left;}

#block50 {width:100%; margin:0 auto;}

}


@media only screen and (max-width: 420px) {
#releaseWrap {width:49%; float:left; height:auto; cursor:pointer; margin:0 auto;}
.slick-slide {
    display: none;
    float: left;
	height: 100%;
    min-height: 1px;
	margin-bottom: -40px;
}

.latestSq p {text-align:left; font-size:14px; font-weight:bold; margin-top:0px; padding-top:5px;}
#skintfooter {width:100%; height:60px; text-align:center; padding-top:40px; font-size:12px;}	
	
}

@media only screen and (max-width: 400px) {
.slidertext {max-width:1140px; height:auto; color:#fff; margin:0 auto; padding-top:12%; padding-left:4%; padding-right:2%; position:absolute; top:0px; }
.slidertext h1 {font-size:1.5em; margin-bottom:5px; padding-bottom:0px;}
.slidertext p {font-size:13px; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:5px;}
.slidertext a {color:#ec2d4b; text-decoration:none;}

.vslidertext {max-width:1140px; height:auto; color:#fff; margin:0 auto; padding-top:12%; padding-left:4%; padding-right:2%; position:absolute; top:0px; }
.vslidertext h1 {font-size:1.5em; margin-bottom:5px; padding-bottom:0px;}
.vslidertext p {font-size:13px; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:5px;}
.vslidertext a {color:#ec2d4b; text-decoration:none;}
}


@media only screen and (max-width: 320px) {
	
#releaseWrap {
    width: 96%;
    float: left;
    height: auto;
    cursor: pointer;
    margin: 0 auto;
}

.artistSq {width:96%; margin:2%; height:auto; float:left; margin-bottom:0px; position:relative;clear:left;}
.artistSq:nth-child(4n+2) {clear:none;}
.artistSq p {height:35px;}

}