/* Content ======================================================================================= */
section .inner, section.inner, header .inner { width:1200px; max-width:100%; margin:auto; position:relative;}



/* Artist ======================================================================================= */
.anav li { display:block; max-width:250px}
.anav a { display:block; padding:6px 15px; border-bottom:1px solid #333;}
.anav a:hover {  background:rgba(255,255,255,.8); color:#000 !important; }
.anav li.active a { background:rgba(255,255,255,.95); color:#000 !important; font-weight:bold}

.as input { padding:15px 15px; max-width:250px; border:0px; background:#000;  width:100%; margin-bottom:12px; text-transform:uppercase; color:#fff; font-size:11px}
.as input:hover, .as input:focus { background:#fff; color:#000;}

.anav li.hiddenRow { display:none;}

#sidebar { background:rgba(0,0,0,.3); width:250px}
#sidebar h3 { padding:25px; margin:0px}

#sidebar { background:rgba(0,0,0,.3); width:250px}
#sidebar h3 { padding:25px; margin:0px}

#the-artist { border:1px solid transparent; border-bottom:1px solid rgba(255,255,255,.3); background:rgba(0,0,0,.2); margin-bottom:24px; outline:none; outline-style:none;}

#the-artist:hover { border:1px solid #fff;}

#the-artist:focus, #the-artist:active { background:#fff !important;}

.artist-nav li a:hover, .artist-nav li.active a { color:#fff;}
.artist-nav li a { color:#ccc; font-size:14px}
.artist-nav li  { list-style:none; display:block}

.artist-info { width:490px; max-width:100%;}

.artist-share .fb-like { position:relative; top:15px; left:2px;}

.artist-info .social  { padding-top:10px}
.artist-info .social li { display:block; float:left; padding:5px}
.artist-info .social li:first-child, .artist-info .social li:first-child a { padding-left:0px;}
.artist-info .social li a { font-size:18px; padding:5px; color:#ccc; display:block; float:left}
.artist-info .social li a:hover { color:#fff;}



/* Content ======================================================================================= */
#main .w70, #main .w30 { padding-top:25px;}

.btn-edit { font-weight:bold; display:inline-block; padding: 10px; border:1px solid #000; margin-bottom:36px; cursor:pointer; background:#fff; color:#000}
.btn-edit:hover { background:#000; color:#fff;}

.acf-field .acf-label p { color:#fff;}
.acf-fields > .acf-field { border-color:transparent;}

.acf-tab-group li  { margin-bottom:1px !important;}
.acf-tab-group li a { border:1px solid #000; background:#000; color:#fff;}
.acf-tab-group li a:hover { background:#fff !important; color:#000 !important;}

div.new-artist { width:980px; max-width:100%; margin:auto}

.artists-list { text-align: center}
.artists-list li { display:inline-block; width:30%; margin:0px 2% 24px 0px;  padding:0px 0px 25px 0px; height:155px}
.artists-list li a { display:block; width:252px; height:138px; max-width:100%; position:relative;}
.artists-list li a img { display:block; width:100%; height:auto;}
.artists-list li strong { display:block; position:absolute; bottom:0px;  width:100%; text-align:center; background:rgba(0,0,0,.7); padding:5px; color:#fff; font-weight:bold; text-transform:uppercase; border-top:1px solid #000}

.artists-list li a:hover strong {background:rgba(0,0,0,.3); border-top:1px solid rgba(0,0,0,.5); font-size:11px}

.artists-list li a span.loader { display:block; position:absolute; top:0; left:0; bottom:0; right:0; background: #000 url(../img/loader.gif) center 40% no-repeat;}
.artists-list li a span.loader span {display:block; position:absolute; top:0; left:0; bottom:0; right:0; background: url(../img/mini-u.png) center 42% no-repeat;}

html.admin-bar { margin-top:0px !important;}
html.admin-bar #wrapper-all { padding-top:32px;}

.anav li { display:block; max-width:250px}
.anav a { display:block; padding:12px 25px; border-bottom:1px solid #333;}
.anav a:hover {  background:rgba(255,255,255,.8); color:#000; }
.anav li.active a { background:rgba(255,255,255,.95); color:#000; font-weight:bold}

.as input { padding:15px 15px; max-width:250px; border:0px; background:#000;  width:100%; margin-bottom:12px; text-transform:uppercase; color:#fff; font-size:11px}
.as input:hover, .as input:focus { background:#fff; color:#000;}

.anav li.hiddenRow { display:none;}

#sidebar { background:rgba(0,0,0,.3); width:250px}
#sidebar h3 { padding:25px; margin:0px}
.login { padding:0px !important;}

.akform {}
.akform input {padding:15px 15px; max-width:250px; border:0px;  width:100%; margin-bottom:0px; text-transform:uppercase; color:#fff; font-size:11px; line-height:20px; background:rgba(0,0,0,.5) }
.akform button {padding:15px 15px; border:0px; background:#fff; margin-bottom:0px; text-transform:uppercase; color:#000; font-size:11px; cursor: pointer; line-height:20px; }
.akform button:hover { background:#000; color:#fff;}

.artist-info { padding-top:25px; }
.artist-info div { padding-bottom:25px;}

.enterbox {position: absolute; top:50%; margin-top:-80px; left:0px; bottom:0px; right:0px; text-align:center; z-index:50; height:120px}

.lt {position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-200px; width:400px; height:100px; text-align:center; color:#fff}
.lo {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.9); z-index:120}

.limg { position:absolute; left:50%; margin-left:-18px; bottom:35px;}
.llogo { position:absolute; left:50%; margin-left:-6px; bottom:47px}

body.page-template-page-new-artist .main { padding:0px !important;}

.artist-info div.vid-wrap, .vid-wrap { clear:both;
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.vid-wrap iframe,

.vid-wrap object,

.vid-wrap embed {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}



/* Backgrounds  ======================================================================================= */
.bg {  position:fixed; top:0; left:0; bottom:0; right: 0}
.bg-texture { background:url(../img/pattern.png);  opacity:.5; filter:alpha(opacity=50); z-index:6;  }
.bg-darken { z-index:5;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 91%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(91%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 91%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 91%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 91%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 91%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

body .bg-image { background-position:center center; background-repeat: no-repeat; z-index:1}

body.home .bg-image {  background-position:center center; background-repeat: no-repeat; z-index:1}
#main { z-index:50;}


.bg60 { background:#000; background:rgba(0,0,0,.6); }
.bg80 { background:#000; background:rgba(0,0,0,.8); }
.bg90 { background:#000; background:rgba(0,0,0,.9); }

/* Header + Nav ======================================================================================= */
#header { position:relative; z-index:100  }
#header .inner { height:100px;}

#header div.logo { display:block; float:left; padding-top:28px; margin-bottom:0px; position:relative; max-width:200px; font-size:18px }
#header div.logo a { display:block;}

body.login, html.login { padding-right:0px !important; padding-left:0px !important; padding-bottom:0px !important; margin-right:0px !important;  margin-left:0px !important;  margin-bottom:0px !important; }

.acf-fields > .acf-field { padding:0px; padding-bottom:25px;}

/* Menu */
#nav { float:right;}
#nav ul { float: right; padding-top:25px; }
#nav li { display:block; float:left; position:relative; margin-right:15px}
#nav li a { display:block; float:left; padding:15px 15px; font-size:12px; line-height:12px; color:#ccc; text-transform:uppercase; font-weight:bold}

#nav li a:hover, #nav li.current-page-ancestor>a,  #nav li.current_page_parent>a, #nav li.current-menu-item>a,
#nav li:hover a, #nav li.current_page_parent>a, #nav li.current-menu-item>a { color:#fff}

/* Drop Down Menu */
#nav ul li ul {
	display:block; opacity:0; position:absolute; top:-1000px; left:0px ; text-align:left;
	z-index:100; background:rgb(44,44,44); background:rgba(55,55,55,.8); width:250px ; padding:0px;
}
#nav ul li:hover ul { opacity:1; top:42px;  filter:alpha(opacity=100); }
#nav ul li ul li { float:none;}
#nav ul li ul a  {
	float:none; padding:10px 14px; margin:0px; font-size:11px; height:auto;
	color:#fff !important; border:0px !important; text-align:left !important;
	position:relative; text-decoration:none !important}
#nav li ul a:hover, #nav li ul li.current-menu-item>a { background:#ff004f !important; color:#fff !important; text-align:center;}

/* Footer ======================================================================================= */
#footer {background:rgba(31,31,31,.7); width:100%; height:5em; position:relative; z-index:20  }
#footer p {  display:block; color:#fff; margin:0px; position:relative; top:18px; font-size:13px; }
#footer p a { color:#fff}
#footer p a:hover { text-decoration:underline;}
#footer p span.spacer { display:inline-block; padding:0px 6px; color:#ccc}


#footer div.right { padding-top:15px;}
#footer div.right a { display:inline-block; padding:5px;}

/* Mobile Nav  ======================================================================================= */
#mnav { position: absolute; visibility:visible; top:0px; left:25px; right:0; bottom:0; z-index:200; display:none; height:auto; padding-bottom:50px; margin-top:100px }

#mnav ul#mnav-main { padding-bottom:25px;}
#mnav li ul { display:none; }
#mnav li i { font-style:normal}
#mnav li a { color:#ccc; padding:8px 0px; font-size:14px;  display:block; text-transform:uppercase; margin-bottom:6px}
#mnav li a:hover { color:#fff;}
#mnav li a.active { color:#fff;}
#mnav li ul li a { font-size:13px; color:#fff; padding:3px 20px;}
#mnav li ul { padding-bottom:25px;}

#mnav-overlay { position: fixed; visibility:visible; top:0px; left:0; right:0; bottom:0; z-index:60; height:100%; width:100%; display:none; opacity:.97 }

.oc-open #header .inner { z-index:200}

#header .logo a { position:relative;}
.ah-logo-over { position:absolute; top:0px; left:0px;}
#oc.active { background-image:url(../img/close.png); }

.oc-open #oc span { background:#fff;}
.oc-open #header .inner{ border-bottom:0px;}
body.admin-bar #mnav { top:30px;}

#oc {
  width: 30px; padding:0px; float:right; top:38px; right:30px; display:none;
  height: 28px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#oc span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  left: 0px;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#oc span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#oc span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#oc span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.oc-open #oc span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 4px;
}

.oc-open #oc span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.oc-open #oc span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 18px;
  left: 4px;
}

/* Global ======================================================================================= */
body { font-family:'helvetica'; background:#000; color:#fff}

html, body { height: 100% !important; min-height: 100% !important }
#wrapper-all { min-height: 100%; position: relative; margin:0 auto -5em; }
#wrapper-content { padding-bottom: 5em; z-index:5 }

.btn-main { padding:6px 10px; color:#fff; display:inline-block; border:0px; min-width:120px; font-size:12px; background:#fff; color:#000 }
.btn-main:hover { background-color:#ccc;  }
.btn-main:active { background-color:#ddd; }

button.btn-main { min-width:150px; border:0px;}

.btn-center { text-align:center;}

.animate, #nav li a, .btn-main , #sidebar li a, .gtform input, .gtform textarea, a.btn-close, #mnav li a, #wpadminbar, .akform button, .akform  input, .artists-list li strong {
	transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
}

#nav ul  {
	transition:opacity .4s ease-out;
	-o-transition:opacity .4s ease-out;
	-moz-transition:opacity .4s ease-out;
	-webkit-transition:opacity .4s ease-out;
}

.rounded, .btn-main, .gtform input, .gtform textarea {
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

#bot rounded {
  -webkit-border-radius: 0px 0px 7px 7px;
     -moz-border-radius: 0px 0px 7px 7px;
          border-radius: 0px 0px 7px 7px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}


/* Contact  ======================================================================================= */
#main #sidebar h2.ctheader { font-size:23px; margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid #ccc;}
ol.gtform { margin-bottom:0px !important; }
ol.gtform li {  margin-bottom:12px !important; list-style:none !important; padding-left:0px !important;  position:relative; padding-right:19px;  }

ol.gtform input.wpcf7-text, .gtform .wpcf7-select, .gtform .wpcf7-textarea {padding:15px 15px;  border:0px; background:#000;  width:100%; margin-bottom:12px; text-transform:uppercase; color:#fff; font-size:11px; font-family:'Raleway'; }


.as input { }
.as input:hover, .as input:focus { background:#fff; color:#000;}


ol.gtform input.wpcf7-text {  }
ol.gtform .wpcf7-select { line-height:30px  }
ol.gtform .wpcf7-textarea {  height:120px; font-family:'Raleway';  }
ol.gtform .msg { clear:both;}

.gtform input.wpcf7-text:hover, .gtform .wpcf7-select:hover, .gtform .wpcf7-textarea:hover,
.gtform input.wpcf7-text:active, .gtform .wpcf7-select:active, .gtform .wpcf7-textarea:active { background:#eee; color:#666}
.gtform input.wpcf7-text:focus, .gtform .wpcf7-select:focus, .gtform .wpcf7-textarea:focus {background:#eee; color:#333}

li.submit { position:relative; }
li.submit button {cursor:pointer; color:#000; background:#fff; text-transform:uppercase; font-size:12px; font-family:'Raleway';  border:0px; padding:14px}
li.submit button:hover { background:#fff; color:#000;}

span.wpcf7-form-control-wrap { display:block !important;}

.wpcf7 span.wpcf7-not-valid-tip { font-size:11px;  }
.wpcf7 .wpcf7-response-output { padding:8px !important; font-size:10px !important; margin:0px !important; padding-left:30px !important; clear:both; color:#fff}
.wpcf7 .wpcf7-validation-errors { border-color:#f00 !important; color:#fff !important; background:url(../img/plugins/alert.png) 7px center no-repeat}
.wpcf7 .wpcf7-mail-sent-ok { color:#fff !important; background:url(../img/plugins/success.png) 7px 10px no-repeat;  border-color:#f00 !important;}


#theme-my-login .message { color:#333 !important}
#theme-my-login a { color:#ccc}
#theme-my-login a:hover {color:#fff;}
#theme-my-login li { list-style:none; background:none !important; padding-left:0px !important}
#theme-my-login .submit input { padding:7px 12px !important;}

#theme-my-login input[type="text"] , #theme-my-login input[type="password"] {  padding:8px 8px; width:250px;
font-size:12px; border:1px solid #ccc; display:block; font-family:Arial, Helvetica, sans-serif;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 99%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#f6f6f6 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
#theme-my-login input[type="submit"] { cursor: pointer;}


@font-face {
    font-family: 'helvetica';
    src: url('https://s3.amazonaws.com/ultra-assets/fonts/helvetica-lt-std-roman.eot');
    src: url('https://s3.amazonaws.com/ultra-assets/fonts/helvetica-lt-std-roman.eot?#iefix') format('embedded-opentype'),
         url('https://s3.amazonaws.com/ultra-assets/fonts/helvetica-lt-std-roman.woff') format('woff'),
         url('https://s3.amazonaws.com/ultra-assets/fonts/helvetica-lt-std-roman.ttf') format('truetype'),
         url('https://s3.amazonaws.com/ultra-assets/fonts/helvetica-lt-std-roman.svg#helvetica-lt-std-roman') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'helvetica-bold';
    src: url('https://s3.amazonaws.com/ultra-assets/fonts/helvetica-lt-std-bold.eot');
    src: url('https://s3.amazonaws.com/ultra-assets/fonts/helvetica-lt-std-bold.eot?#iefix') format('embedded-opentype'),
         url('https://s3.amazonaws.com/ultra-assets/fonts/helvetica-lt-std-bold.woff') format('woff'),
         url('https://s3.amazonaws.com/ultra-assets/fonts/helvetica-lt-std-bold.ttf') format('truetype'),
         url('https://s3.amazonaws.com/ultra-assets/fonts/helvetica-lt-std-bold.svg#helvetica-lt-std-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}