/*
Theme Name: Razor & Tie
Description: Razor & Tie
Author: Michael Lythcott and RecCenter
Version: 1.0
*/

/*-----------------------------------------------------------------------------------*
/*Reset
/*-----------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a img, a { outline: 0; border: 0; }
caption,th,td { text-align: left; font-weight: normal; }
blockquote:before,blockquote:after,q:before,q:after { content: "" }
blockquote,q { quotes: """" }
.clearfix:after { display: block; visibility: hidden; content: "."; clear: both; text-indent: -9999px; height: 0; }
.remove-margin { margin-right: 0 !important }
img { max-width: 100%; height: auto; }

/*-----------------------------------------------------------------------------------*
/*Body, Common Classes & Wrap
/*-----------------------------------------------------------------------------------*/

html, body {
  height: 100%;
}

body { background: #000; font-size: 14px; line-height: 22px; color: #ddd; font-family: helvetica, arial, sans-serif; }

#background { left: 0; min-height: 100%; min-width: 100%; position: fixed; top: 0; z-index: -2; }
.bgwidth { width: 100%; }

@media only screen and (min-width: 960px) { #content-wrap {  } #home {  } #blog {  } #artists {  }
}

#content-wrap { width: 100%; margin: 0px auto; padding: 0; clear: both; }
.content-wrapper { width: 960px; height: auto; margin: 0 auto; }


/*-----------------------------------------------------------------------------------*
/* Footer
/*-----------------------------------------------------------------------------------*/

#footer-wrap{ color: #fff; }
#footer a { color: #fff; }

/*footer bottom*/
.footer-nav { width: 100%; float: left; padding: 20px 0 0 0; text-align: center; }
#footer .menu-main-nav-container { float: left; width: 100%; text-align: center; }
#footer .footer-nav ul li a { margin: 0 10px 5px 0; }
#footer .sf-menu li, #footer .socials li { float: none; display: inline-block; font-size: 11px; }
#copyright { clear: both; text-align: center; width: 100%; padding: 20px 0; font-size: 12px; color:#999; line-height: 20px; }
#footer .socials li a {  }
#footer .sf-menu li a { color: #333; }

form {
  max-width: 500px;
}

.form-field {
  border: 0;
  border-top-left-radius: 34px;
  border-bottom-left-radius: 34px;
  padding-left: 1.25em;
  font-size: 16px;
  text-transform: uppercase;
  font-family: inherit;
  line-height: 40px;
  height: 40px;
}
.input-group {
  @media screen and (min-width: 768px) {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  @media screen and (min-width: 992px) {
    width: 86%;
    margin-left: 7%;
    margin-right: 7%;
  }
  @media screen and (min-width: 1200px) {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}
.join-button {
  font-size: 16px;
  border-top-left-radius: 0 !important;
  -webkit-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  -webkit-bottom-left-border-radius: 0 !important;
  border-top-right-radius: 34px;
  border-bottom-right-radius: 34px;
  text-transform: uppercase;
  height: 40px;
}