/*
Theme Name: Gary Numan
Theme URI: http://www.garynuman.co.uk/
Author: Gary Numan
Author URI: http://www.garynuman.co.uk/
*/
body{font-family: 'Roboto', sans-serif; font-weight:300; font-size:15px; line-height:1.5; color:#585858; background-color:#fff;}
img{max-width:100%; height:auto;}
a, img{outline:none;}
a{color:#d60000;}
a:hover{color:#585858; text-decoration:none;}
h1, h2, h3, .h1, .h2, .h3{font-weight:700;}
h1, .h1{font-size:30px;}
h2, .h2{font-size:24px;}
h3, .h3{font-size:18px;}
h4, .h4{font-size:16px;}
h6, .h6{font-size:14px; font-weight:300; text-transform:uppercase;}

p{margin-bottom:20px;}

hr{border-color:#d1d1d1;}
.form-control{border-radius:0;}

.btn{border-radius:0; text-transform:uppercase;}
.btn-primary{background-color:#ff0000; border-color:#ff0000; color:#fff; font-weight:700;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover{background-color:#ba0000; border-color:#ba0000;}
.width250{min-width:250px;}

.more-link{
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  background-color:#ff0000; border-color:#ff0000; color:#fff; font-weight:700;}
  .more-link:hover{background-color:#ba0000; border-color:#ba0000; color:#fff;}




/*Header CSS
------------------------------------------------------------------------------------------*/
.header{background-color:#1b1b1b; width:100%;}
.logo{float:left; padding:10px 0;}
.header-right{float:right;}

.top-menu{}
.top-menu ul{padding:0; margin:0; list-style:none;}
.top-menu ul li{float:left; position:relative; border-left:solid 1px #242424; border-right:solid 1px #111111;}
.top-menu ul li a{color:#ffffff; text-decoration:none; font-size:14px; padding:35px 18px; font-weight:700; text-transform:uppercase; display:block; transition:all 200ms linear; -webkit-transition:all 200ms linear;}

.top-menu ul li.storelink{padding:27px 0 0 57px; border-right:none;}
.top-menu ul li.storelink a{background:#d60000; color:#fff; padding:5px 28px;}

.top-menu ul li a:hover, 
.top-menu ul li:hover > a,
.top-menu ul li.current_page_item > a,
.top-menu ul li.current_page_ancestor > a,
.top-menu ul li.current-menu-item > a,
.top-menu ul li.current-menu-ancestor > a{color:#d60000; background:#0d0d0d;}
.top-menu ul ul{padding:15px 20px; margin:0; list-style:none; width:220px; background:#efefef; box-shadow:2px 2px 5px #353535; position:absolute; left:0; top:100%; z-index:999; display:none;}
.top-menu ul ul li{margin:0; float:none;}
.top-menu ul ul li a{padding:5px 0; font-size:15px; display:block; font-weight:300; color:#333333;}
.top-menu ul ul li a:before{display:none;}
.top-menu ul ul li a:hover, 
.top-menu ul ul li:hover > a,
.top-menu ul ul li.current_page_item > a,
.top-menu ul ul li.current_page_ancestor > a,
.top-menu ul ul li.current-menu-item > a,
.top-menu ul ul li.current-menu-ancestor > a{color:#80b0e2;}
.top-menu ul ul ul{left:100%; top:0;}
.top-menu ul li:hover > ul{display:block;}

.home-slider{width:100%;}
.home-slider img{width:100%;}

.music-track-liink{border-bottom:solid 1px #d3d3d3; padding:15px 0; font-size:18px; text-transform:uppercase; color:#d60000; padding:10px 0;}
.music-track-liink a{color:#d60000;}
.music-track-liink a:hover{color:#000;}

.page-title{background:url(images/page-title-bg.jpg) center 0 no-repeat #060606;}
.page-title h1{margin:0; padding:40px 0; color:#fff; font-size:30px; text-transform:uppercase;}




/*Main CSS
------------------------------------------------------------------------------------------*/
#content{padding:40px 0;}
.site-main h1, .site-main h2, .site-main h3, .site-main h4, .site-main h5, .site-main h6{color:#000000;}
.site-main h2{text-transform:uppercase; position:relative; padding-bottom:20px;}
.site-main h2 span{color:#d60000;}
.site-main h2:after{content:''; width:93px; height:1px; display:block; background:#cccccc; position:absolute; left:0; bottom:0;}

.more{text-transform:uppercase; color:#d60000; text-decoration:underline; text-transform:uppercase;}

ul.recent-post{padding:0; margin:0; list-style:none;}
ul.recent-post li{padding:0 0 20px 120px; min-height:60px; position:relative;}
ul.recent-post li a{font-weight:500; color:#000000; text-transform:uppercase; font-size:14px;}
ul.recent-post li .date{background:#d60000; width:98px; height:30px; line-height:30px; color:#fff; font-size:11px; position:absolute; left:0; top:4px; text-align:center;}

h2.sec-title{text-transform:uppercase; position:relative; padding-bottom:20px; color:#000000; margin-bottom:20px; text-align:center;}
h2.sec-title:after{content:''; width:92px; height:1px; display:block; background:#4b4b4b; position:absolute; left:50%; bottom:0; margin-left:-46px;}

.sec1{background:url(images/sec1bg.jpg) 0 0 no-repeat; background-size:cover; padding:40px 0; text-align:center; color:#a7a7a7;}
.sec1 h2.sec-title{color:#fff;}

.sec-latest-tour{background:url(images/map.png) center center no-repeat #222222; padding:60px 0;}
.sec-latest-tour h2.sec-title{color:#fff;}
.sec-latest-tour .table-tour{background:rgba(0, 0, 0, 0.43);}
.table-tour{background:#1a1a1a; text-align:center; font-size:14px; color:#707070;}
.table-tour tr:nth-child(odd){background:#000000;}
.table-tour td{border-color:#222222 !important; padding:10px !important; vertical-align:middle !important;}
.table-tour tr:hover td{background-color:#000 !important;}
.table-tour .date big{font-size:22px; font-weight:700; display:block;}
.table-tour .location big{font-size:16px; font-weight:700; display:block; color:#ffffff; text-transform:uppercase;}
.table-tour tr:hover td.location big{color:#d60000;}

.sec-latest-tour .bit-events{background:rgba(0, 0, 0, 0.43);}
.bit-events{margin-bottom:20px; max-width:100%; width:100%; border-collapse:collapse; border-spacing:0;  background:#1a1a1a; text-align:center; font-size:14px; color:#707070; border:solid 1px #222222; border-color:#222222 !important; text-align:center;}
.bit-events th{border:1px solid #222222; border-color:#222222 !important; border-bottom:none; border-left:none; padding:10px !important; vertical-align:middle; text-transform:uppercase; color:#fff;}
.bit-events td{border:1px solid #222222; border-color:#222222 !important; border-bottom:none; border-left:none; padding:10px !important; vertical-align:middle;}
.bit-events tr:hover td{background-color:#000;}
.bit-events a{color:#d60000 !important;}
.bit-events a.bit-buy-tix{text-align:center; background:#d60000; color:#fff !important; display:inline-block; font-size:12px; padding:5px; text-transform:uppercase; text-decoration:none; font-weight:600;}
#bit-events td .bit-uiButton{height:auto !important;}
.bit-events a.bit-rsvp{padding:5px;}
.bit-events .bit-date{width:100px;}
.bit-events .bit-date a{color:#fff !important;}
#bit-events td .bit-uiButton{border:none !important; padding:0 !important; margin:0 !important;}

.sec-featured-videos{padding:50px 0;}

.sec-campaign{background:url(images/campaign.jpg) center top no-repeat; background-size:cover; text-align:center; color:#fff; padding:45px 0;}
.sec-campaign .sec-title{color:#fff;}
.sec-campaign .sec-title:after{background-color:#fff;}
.sec-campaign h1{color:#d60000;}
.sec-campaign h3{font-weight:300; font-size:24px; text-transform:uppercase; margin-bottom:20px;}

.sec-home-bottom{padding:60px 0; text-align:center;}
ul.social-icon{padding:0; margin:0; list-style:none; text-align:center;}
ul.social-icon li{margin:5px 12px; display:inline-block;}
ul.social-icon li a{width:49px; height:49px; border-radius:100%; background:#d4d4d4; text-align:center; line-height:49px; color:#010101; font-size:24px; display:inline-block;}
ul.social-icon li a:hover{background:#ff0000; color:#fff;}

.post{padding-bottom:20px;}
.post .meta{border-top:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3; padding:15px 0; margin-bottom:20px; font-size:12px; color:#585858;}
.post .meta a{color:#585858;}
.post .meta span{display:inline-block; margin-right:20px;}
.post .meta .fa{width:19px; height:19px; border-radius:100%; background:#d60000; color:#fff; font-size:11px; line-height:19px; text-align:center; margin-right:2px;}
.post .post-thumbnail{margin-bottom:20px;}
h2.post-title{color:#0d0d0d; text-transform:uppercase; padding:0; margin-bottom:20px;}
h2.post-title a{color:#0d0d0d;}
h2.post-title:after{display:none;}

.widget-area{background:#eeeeee; padding-top:18px;}
.widget-area .widget{padding:12px;}
.widget-area .widget h2.widget-title{background:#d60000; color:#fff; font-size:18px; text-transform:uppercase; padding:10px 12px; min-width:180px; margin:0 -12px 15px; display:inline-block;}
.widget-area .widget ul{padding:0; margin:0; list-style-image:url(images/arrow.png); list-style-position:inside;}
.widget-area .widget ul li{margin:0 0 10px 0;}
.widget-area .widget ul li a{color:#3a3a3a;}
.widget-area .widget ul li a:hover{color:#d60000;}

.videobox{margin-bottom:30px;}
.videobox h3{margin:0; background:#d60000; color:#fff; padding:15px 12px; text-transform:uppercase;}

.storbox{display:inline-block;}
.storbox h3{margin:0;}
.storbox h3 a{color:#fff; display:block; background:#d60000; color:#fff; padding:15px 12px; text-transform:uppercase;}
.storbox p{margin:0;}

.contect{border-top:solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4; padding:18px 0;}
.contect .address-box{float:left; width:33.33%; border-right:solid 1px #d4d4d4; padding:0 80px; min-height:220px;}
.contect .address-box:last-child{border-right:none;}
.contect .address-box h6{margin-top:0;}

.bit-track-artist-header{border:none !important;}

/*Footer CSS
------------------------------------------------------------------------------------------*/
.footer{background:#1b1b1b; padding:0; color:#fff;}
.footer #sbi_load{display:none;}
.footer-top{padding:30px 0;}
.footer-top h2{text-transform:uppercase; margin-bottom:20px;}

.footer-bottom{border-top:solid 1px #282828; padding:18px 0; color:#9b9b9b;}

.footer-menu{float:left; margin:0 -15px;}
.footer-menu ul{padding:0; margin:0; list-style:none;}
.footer-menu ul li{float:left; margin:0 15px;}
.footer-menu ul li a{color:#9b9b9b; font-size:14px; text-decoration:none; text-transform:uppercase;}
.footer-menu ul li a:hover{color:#fff;}

.copyright{float:right;}


/*TOP*/
#back-top{bottom:40px; position:fixed; right:20px; z-index:999; background:url(images/up-arrow.png) center center no-repeat; width:48px; height:48px; border-radius:3px; display:none;}