/*



  Theme Name: My Kingdom Music theme



  Description: Theme developed by Alan Fall & Digital Grief



  Author: Alan Fall



  Author URI: http://www.digital-grief.com



*/







/*------------------------------------*\



    MAIN



\*------------------------------------*/







/* global box-sizing */



*,



*:after,



*:before {



  -moz-box-sizing:border-box;



  box-sizing:border-box;



  -webkit-font-smoothing:antialiased;



  font-smoothing:antialiased;



  text-rendering:optimizeLegibility;



}



/* html element 62.5% font-size for REM use */



html {



  font-size:62.5%;



}



body {



  font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;



  color:#444;



}



/* clear */



.clear:before,



.clear:after {



    content:' ';



    display:table;



}







.clear:after {



    clear:both;



}



.clear {



    *zoom:1;



}



img {



  max-width:100%;



  vertical-align:bottom;



  height: auto;



}



a {



  color:#444;



  text-decoration:none;



}



a:hover {



  color:#444;



}



a:focus {



  outline:0;



}



a:hover,



a:active {



  outline:0;



}



input:focus {



  outline:0;



  border:1px solid #04A4CC;



}







/*------------------------------------*\



    STRUCTURE



\*------------------------------------*/



body {





    background: url(img/bg.jpg) no-repeat top center fixed; 



    -webkit-background-size: cover;



  -moz-background-size: cover;



  -o-background-size: cover;



  background-size: cover;

  font-family: apex_newlight;



  margin-bottom: 20px;



}



/* GRID LAYOUT */







.grid-980 {



    max-width: 980px;

    width: 73%;

    margin: 0 auto;



}







.grid-2-3 {



    max-width: 510px;

    width:  53.04%;

    float: left;



    padding-bottom: 20px;



}



.grid-1-3 {



    float: right;



    max-width: 390px;

    width: 39.79%;

    padding-bottom: 20px



}



.logo {



    display: block;



    margin: 30px auto;



}







.main-body {



    background: rgba(255,255,255,.9);



    border-radius: 6px;



    padding: 20px;



}







nav {



    overflow: hidden;



}







.divider {



    margin-top: 10px;



    margin-bottom: 10px;



    background: url(img/divider.jpg) repeat;



    width: 100%;



    height: 8px;



    clear:both;



}



/* NAVIGATION STYLES */







.navigation {



    margin: 0;



    padding: 0;



    font-family: gishabold;



    font-weight: bold;



    text-transform: uppercase;



    font-size: 18px;



    float: left;



}



.navigation li {



    display: inline-block;



}







.navigation li a {



    color: black;



}







.navigation li a:hover {



    color: #990000;



}



.navigation li:after {



    content: "|";



    margin-left: 6px;



    color: #990000;



}







.navigation li:last-child:after{



    content: "";



}



#pull { display: none;}



/* SOCIAL ICONS */







.social-icons {



    margin:0;



    position: relative;



    float: right;



    display: inline-block;

  list-style: none;



}



.social-icons li {



  float: left;



  margin-left: 15px;



}



.social-icons li a {



  display: block;



  background-image: url(img/social-sprite.png);



  width: 28px;



  height: 28px;



}







.social-icons li.facebook-icon a {



  background-position: 0px 0px;



}



.social-icons li.facebook-icon a:hover {



  background-position: 0px -28px;



}



.social-icons li.youtube-icon a {



  background-position: -82px 0px;



}



.social-icons li.youtube-icon a:hover {



  background-position: -82px -28px;



}



.social-icons li.twitter-icon a {



  background-position: 110px 0px;



}



.social-icons li.twitter-icon a:hover {



  background-position: 110px -28px;



}



.social-icons li.soundcloud-icon a {



  background-position: 28px 0px;



}



.social-icons li.soundcloud-icon a:hover {



  background-position: 28px -28px;



}











.fb-widget {



    width: 100%;



    border-radius: 12px;



}







.post { font-family: levenim; font-weight: normal;}



.post .excerpt, p { font-size: 15px; }



.post h1 a { color: black; }



.view-article {text-transform: uppercase; font-family: apex_newmedium;font-size: 14px; color: #990000;}



.view-article:hover { color: #666;}



.post h1 {



    font-size: 19px;



 



    margin: 0;



}







.post:after{



    display: block;



    content: "";



    margin-top: 10px;



    margin-bottom: 10px;



    background: url(img/divider.jpg) repeat;



    width: 100%;



    height: 8px;



}



.post time {



    position: relative;



    top: -5px;



    font-size: 12px;



}







.goback {



  font-size:16px;



  color: #990000;



}







/* Horizontal releases section */



.release-h {

    float: left;
    margin-left: 8px;
    font-size: 13px;
   width: 146px;

 

}



.release-h h3 {



    margin: 0;



    text-align: center;



    font-size: 11px;



    background: #ccc;



    height: 21px;



    margin-bottom: 5px;



    line-height: 21px;



    text-transform: uppercase;



    font-weight: normal;



}



.release-h h3 a {



  color:#990000;



}



.release-h img {



  border: 3px solid #ccc;



}

.releases-thumbs {overflow: hidden; }





figcaption {



text-align: center;



background: #CCC;







margin-top: 5px;



color: #900;







width: 146px;











}



figcaption a {



  color: #990000;



}







footer {



    font-size:12px;



    text-align: center;



    text-shadow: 2px 1px 1px black;



    color: white;



    max-width: 960px;

    width:  97.95%;

    margin:0 auto;



    overflow: hidden;



}



footer .navigation {



  float: none;



}



footer .navigation a{



  color: white;



  font-size:12px;



}



footer .logo {



  width: 170px;



  float: left;



}



.nav-creds {



  /* width: 960px; */



  /* margin: 20px auto; */



}



footer a{



  color: white;



  text-decoration: underline;



}



.page-numbers{



  font-size: 16px;



  display:inline-block;



  background: #333;



  border-radius: 20px;



  width: 30px;



  height: 30px;



  line-height: 30px;



  text-align: center;



}



.current {



  background: #990000;



  color: white;



}



.pagination{



  clear: both;



}







/*------------------------------------*\



    PAGES



\*------------------------------------*/



.featured-image img {



  width: 100%;



}



.releases .release-h {

  margin-left: 30px;
  margin-bottom: 20px;
  width: 145px;
  height: 210px;
}










.releases-thumbs {
overflow: hidden;
}



.release_link img{
  margin-top: 10px;
  margin-bottom: 10px;

}






.paypal {



  float: left;



  margin-top: 10px;



}







.release_links {



  float: right;



}







.latest_release h3, .latest_title, .latest_release h3 a  {



  margin: 0;



  text-align: center;



  font-size: 16px;



  background: #CCC;



  height: 21px;



  margin-bottom: 5px;



  line-height: 21px;



  text-transform: uppercase;



  font-weight: normal;



  width: 100%;



  display: block;



  color: #990000;



}







.latest_release img {



  border: 3px solid #CCC;



}











/*------------------------------------*\



    IMAGES



\*------------------------------------*/















/*------------------------------------*\



  TYPOGRAPHY



\*------------------------------------*/







@font-face {



    font-family: 'levenim';



    src: url('fonts/lvnm-webfont.eot');



    src: url('fonts/lvnm-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/lvnm-webfont.woff') format('woff'),



         url('fonts/lvnm-webfont.ttf') format('truetype'),



         url('fonts/lvnm-webfont.svg#levenim_mtregular') format('svg');



    font-weight: normal;



    font-style: normal;







}







@font-face {



    font-family: 'levenim_bold';



    src: url('fonts/lvnmbd-webfont.eot');



    src: url('fonts/lvnmbd-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/lvnmbd-webfont.woff') format('woff'),



         url('fonts/lvnmbd-webfont.ttf') format('truetype'),



         url('fonts/lvnmbd-webfont.svg#levenim_mtbold') format('svg');



    font-weight: normal;



    font-style: normal;



}







@font-face {



    font-family: 'gisharegular';



    src: url('fonts/gisha-webfont.eot');



    src: url('fonts/gisha-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/gisha-webfont.woff') format('woff'),



         url('fonts/gisha-webfont.ttf') format('truetype'),



         url('fonts/gisha-webfont.svg#gisharegular') format('svg');



    font-weight: normal;



    font-style: normal;







}







@font-face {



    font-family: 'gishabold';



    src: url('fonts/gishabd-webfont.eot');



    src: url('fonts/gishabd-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/gishabd-webfont.woff') format('woff'),



         url('fonts/gishabd-webfont.ttf') format('truetype'),



         url('fonts/gishabd-webfont.svg#gishabold') format('svg');



    font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: 'apex_newmedium';



    src: url('fonts/font-webfont.eot');



    src: url('fonts/font-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/font-webfont.woff') format('woff'),



         url('fonts/font-webfont.ttf') format('truetype'),



         url('fonts/font-webfont.svg#apex_newmedium') format('svg');



    font-weight: normal;



    font-style: normal;







}







@font-face {



    font-family: 'apex_newlight';



    src: url('fonts/font_0-webfont.eot');



    src: url('fonts/font_0-webfont.eot?#iefix') format('embedded-opentype'),



         url('fonts/font_0-webfont.woff') format('woff'),



         url('fonts/font_0-webfont.ttf') format('truetype'),



         url('fonts/font_0-webfont.svg#apex_newlight') format('svg');



    font-weight: normal;



    font-style: normal;



}



a {



    color: #666;



    text-decoration: none;



}



a:hover {



    color: #990000;



}







span.blue {



    color: #3366cc;



    text-transform: none;



    font-size: 18px;



}







h1,h2,h3,h4,h5,h6 {



    font-family: gishabold;



    text-transform: uppercase;



}







.big-h {



   // height: 35px;



    background: url(img/heading.jpg) repeat;



    color: white;



    padding: 0 10px 0 10px;



    line-height: 35px;



    overflow: hidden;



    font-size: 21px;



}







.heading-link {



    font-family: apex_newmedium;



    font-size: 12px;



    float: right;



    color: white;



    text-decoration: underline;



}







/* GIGPRESS STYLES */







.gigpress-header {



  font-family: gishabold;



  font-size: 14px;



}



.gigpress-row {



  font-size: 14px;



}



.gigpress-info-item a{



  color: #666;



}







/* CONTACT STYLE */



.wpcf7-form input,textarea {



line-height: normal;



font-family: gisha;



background: #600;



height: 31px;



border: none;



color: #FFF;



padding-left: 5px;



padding-right: 5px;



border-radius: 3px;



}



textarea {



  height: 200px;



}









/*------------------------------------*\



    MISC



\*------------------------------------*/







::selection {



  background:#04A4CC;



  color:#FFF;



  text-shadow:none;



}



::-webkit-selection {



  background:#04A4CC;



  color:#FFF;



  text-shadow:none;



}



::-moz-selection {



  background:#04A4CC;



  color:#FFF;



  text-shadow:none;



}



/*------------------------------------*\



    WORDPRESS CORE



\*------------------------------------*/







.alignnone {



  margin:5px 20px 20px 0;



}



.aligncenter,



div.aligncenter {



  display:block;



  margin:5px auto 5px auto;



}



.alignright {



  float:right;



  margin:5px 0 20px 20px;



}



.alignleft {



  float:left;



  margin:5px 20px 20px 0;



}



a img.alignright {



  float:right;



  margin:5px 0 20px 20px;



}



a img.alignnone {



  margin:5px 20px 20px 0;



}



a img.alignleft {



  float:left;



  margin:5px 20px 20px 0;



}



a img.aligncenter {



  display:block;



  margin-left:auto;



  margin-right:auto;



}



.wp-caption {



  background:#FFF;



  border:1px solid #F0F0F0;



  max-width:96%;



  padding:5px 3px 10px;



  text-align:center;



}



.wp-caption.alignnone {



  margin:5px 20px 20px 0;



}



.wp-caption.alignleft {



  margin:5px 20px 20px 0;



}



.wp-caption.alignright {



  margin:5px 0 20px 20px;



}



.wp-caption img {



  border:0 none;



  height:auto;



  margin:0;



  max-width:98.5%;



  padding:0;



  width:auto;



}



.wp-caption .wp-caption-text,



.gallery-caption {



  font-size:11px;



  line-height:17px;



  margin:0;



  padding:0 4px 5px;



}



.sticky {







}



.bypostauthor {







}







/*------------------------------------*\



    PRINT



\*------------------------------------*/







@media print {



  * {



    background:transparent !important;



    color:#000 !important;



    box-shadow:none !important;



    text-shadow:none !important;



  }



  a,



  a:visited {



    text-decoration:underline;



  }



  a[href]:after {



    content:" (" attr(href) ")";



  }



  abbr[title]:after {



    content:" (" attr(title) ")";



  }



  .ir a:after,



  a[href^="javascript:"]:after,



  a[href^="#"]:after {



    content:"";



  }



  pre,blockquote {



    border:1px solid #999;



    page-break-inside:avoid;



  }



  thead {



    display:table-header-group;



  }



  tr,img {



    page-break-inside:avoid;



  }



  img {



    max-width:100% !important;



  }



  @page {



    margin:0.5cm;



  }



  p,



  h2,



  h3 {



    orphans:3;



    widows:3;



  }



  h2,



  h3 {



    page-break-after:avoid;



  }



}


.bands .release-h {
  height: 145px;
  overflow: hidden;
}
.latest-releases {
  overflow: hidden !important;
}
.latest-releases .release-l {
  height: auto;
}
/*------------------------------------*\



    RESPONSIVE



\*------------------------------------*/

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

  .releases .release-h {
    margin-left: 10px;
  }
}

@media only screen and (max-width:1355px) {
  .social-icons {float: none; width: 215px; margin: 10px auto; display: block;}
  .navigation{ float:none; text-align:center;}
  .social-icons .first {margin-left:0;}
}

@media only screen and (max-width:1345px) {
  .main-body { max-width: 100%; width: 75%;}
}
@media only screen and (max-width:1312px) {
  .main-body {width: 77%;}
}
@media only screen and (max-width:1276px) {
  .main-body { width: 80%;}
}

@media only screen and (max-width:1230px) {
  .main-body {width: 85%;}
}

@media only screen and (max-width:1159px) {
  .main-body {width: 90%;}
}

@media only screen and (max-width:1095px) {
  .main-body {width: 95%;}
}

  @media only screen and (max-width:1040px) {
    .main-body {width: 97%;}
  }
  @media only screen and (max-width:1030px) {
    .navigation{font-size: 16px;}
  }

  @media only screen and (max-width:1024px) {
  .releases {text-align: center;}
  .releases .release-h {
    max-width: 100%;
    width: 100%;
    float: none;
    margin-bottom: 10px;
    margin-left: 0;
    height: auto;
  }

  .release-h figcaption {
    width: 100%;
  }

  .latest-release {text-align: center !important;}
  .latest-releases .release-h {
    width: 290px;
    display: inline-block;
    float: none;
    margin-bottom: 20px;
  }
    .latest-releases .release-h figcaption {
      width:100%;
    }
}


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

  .mainbar {
  max-width: 100%;
  width: 100%;
  float: none;
  }

  .grid-1-3 {
  max-width: 100%;
  width: 100%;
  float: none;

  }

  .release-h {
  max-width: 100%;
  width: 100%;
  float: none;
  margin-bottom: 10px;
  margin-left: 0;
  height: auto;
  }

  .release-h figcaption {
  width: 100%;

  }

  .main-body { width:75%; padding: 10px; }
    nav ul {display: none;}

  nav a#pull {
    display: block;
    width: 100%;
    background-color: #ccc;
    height: 40px;
    line-height: 40px;
    text-indent: 25px;
    position: relative;
    color: #333;
    clear: both;
    font-size: 18px;
    text-transform: uppercase;
    font-family: gishabold;
    }

   nav a#pull:after {

      content: "";

      background: url('http://www.auralmusic.com/wp-content/themes/auralmusic/img/menu.svg?color=#fff') no-repeat;

      width: 30px;

      height: 30px;

      display: inline-block;

      position: absolute;

      right: 15px;

      top: -4px;

      height: 40px;

  }

  nav a#pull:hover {

      background-color: #333;

      color: #fff;

  }

  .latest-releases .release-l {width: 100%;}

  .nav-grid {margin:0; padding: 0; width: 100%;}

  .nav { overflow: hidden; }

  .nav ul.navigation {float: none;}

  .nav ul.navigation li {

    width: 50%;

    float: left;

    position: relative;

    margin: 0;

    text-align: left;

    background-color: white;

    border-bottom: 1px solid #ccc;

      border-right: 1px solid #ccc

      box-sizing: border-box;

      text-indent: 10px;

    font-size: 16px;

  }

  

  .navigation li:after {content: ""; margin:0; }  

.nav-link {

    display: block;

    width: 100%;

  }

  .nav-link:hover {

    background-color: #ccc;

  }

  

}

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

  .wpcf7-form input, textarea {width: 100%;}

}

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

  .grid-980 { max-width: 100%; width: 95%;}

  .big-h { line-height: 30px; text-align: center;}

  .big-h .heading-link { float: none; display:block;}

  .nav-creds p { font-size: 13px; }



}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),



     only screen and (min-resolution:144dpi) {

}