/*
Theme Name: The Smugglers 2017
Author: Ellen Lee & Ginger Ngo
*/
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on February 27, 2017 */
@import url("https://fonts.googleapis.com/css?family=Lekton");
@import url("https://fonts.googleapis.com/css?family=Oswald");
@font-face {
  font-family: 'DK Drop Dead Gorgeous';
  src: url("./fonts/dkdropdeadgorgeous-webfont.woff2") format("woff2"), url("./fonts/dkdropdeadgorgeous-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.link-highlight, .menu-header-menu-container ul#menu-header-menu li.menu-item a.current, .mobile-headline, #shows .post-content a {
  color: #000;
  background: #FFF;
  text-decoration: none;
  clip-path: polygon(5% 0, 97% 0, 92% 100%, 2% 94%);
  padding: 0.5rem 2rem 0.5rem 1.5rem;
  opacity: 0.8; }

@media screen and (max-device-width: 769px) {
  .mobile-hide, #header, #discography .post-display .post-content p, #media .post-content h2:nth-of-type(2), #media .gallery {
    display: none; } }

@media screen and (min-device-width: 769px) {
  .desktop-hide, #mobile-back-to-top {
    display: none; } }

body {
  background: #000;
  color: #FFF;
  margin-top: -32px; }
  body #wrapper-inner {
    max-width: 90em;
    margin: auto;
    font-family: 'Lekton', sans-serif;
    overflow-x: hidden; }
    body #wrapper-inner img {
      max-width: 100%; }
  body h1 {
    font-family: 'Oswald', sans-serif;
    line-height: 150%;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: normal; }
  body h2 {
    font-family: 'DK Drop Dead Gorgeous', sans-serif;
    font-size: 1.8rem;
    line-height: 150%; }
  body a:hover {
    cursor: pointer; }
  @media screen and (max-device-width: 769px) {
    body {
      font-size: 1rem;
      margin: 0; }
      body h1, body h2 {
        font-size: 1.2rem; } }

.top-fade-full, .post-display .post-image .overlay {
  background: -moz-linear-gradient(top, black 0%, transparent 20%, black 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, black 0%, transparent 20%, black 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, black 0%, transparent 20%, black 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */ }

.top-fade-half {
  background: -moz-linear-gradient(top, black 0%, transparent 15%, black 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, black 0%, transparent 15%, black 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, black 0%, transparent 15%, black 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.nav-fade, #mobile-nav, .menu-header-menu-container ul#menu-header-menu {
  background: -moz-linear-gradient(top, black 60%, transparent 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, black 60%, transparent 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, black 60%, transparent 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

#mobile-nav {
  display: none; }
  @media screen and (max-device-width: 769px) {
    #mobile-nav {
      width: 100%;
      height: 60px;
      position: fixed;
      top: 0;
      z-index: 999;
      display: block; }
      #mobile-nav #menu-toggle {
        position: fixed;
        top: 1.25rem;
        right: 1.75rem;
        font-family: 'DK Drop Dead Gorgeous', sans-serif; }
      #mobile-nav .menu.mobile {
        position: fixed;
        top: 2.75rem;
        right: 0;
        z-index: 999;
        width: 160px;
        padding: 0;
        margin: 0; }
        #mobile-nav .menu.mobile .menu-item {
          display: none;
          list-style: none;
          background: black;
          text-align: right;
          padding: 0.5rem 1.75rem 0.5rem 0.25rem;
          opacity: 0.8; }
          #mobile-nav .menu.mobile .menu-item a {
            color: white;
            text-decoration: none;
            font-family: 'Oswald', sans-serif;
            line-height: 150%;
            text-transform: uppercase;
            font-size: 1rem; }
            #mobile-nav .menu.mobile .menu-item a[href="#discography"] {
              visibility: hidden;
              position: relative; }
              #mobile-nav .menu.mobile .menu-item a[href="#discography"]:after {
                visibility: visible;
                content: "Music";
                position: absolute;
                right: 0; }
            #mobile-nav .menu.mobile .menu-item a[href="#media"] {
              visibility: hidden;
              position: relative; }
              #mobile-nav .menu.mobile .menu-item a[href="#media"]:after {
                visibility: visible;
                content: "Contact";
                position: absolute;
                right: 0; }
        #mobile-nav .menu.mobile .menu-item-home {
          display: block !important;
          position: fixed;
          top: 0.5rem;
          left: 0.5rem;
          z-index: 999;
          width: 130px;
          padding: 0;
          background: transparent; } }

.menu-header-menu-container ul#menu-header-menu {
  margin-top: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
  z-index: 999;
  position: relative;
  top: 200px;
  width: 100%; }
  .menu-header-menu-container ul#menu-header-menu.landing {
    background: none;
    top: 1rem !important; }
    .menu-header-menu-container ul#menu-header-menu.landing .menu-item-home {
      top: 250px;
      position: absolute;
      width: 100%;
      left: 0; }
      .menu-header-menu-container ul#menu-header-menu.landing .menu-item-home a {
        display: block;
        overflow: hidden; }
        .menu-header-menu-container ul#menu-header-menu.landing .menu-item-home a img {
          margin: auto;
          display: block;
          width: 600px; }
  .menu-header-menu-container ul#menu-header-menu li.menu-item a {
    color: white;
    padding: 0.5rem 2rem 0.5rem 1.5rem;
    font-family: 'DK Drop Dead Gorgeous';
    text-decoration: none; }

.menu-social-media-container {
  position: relative;
  z-index: 998;
  width: 100%;
  bottom: 150px; }
  .menu-social-media-container ul.menu {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0; }
    .menu-social-media-container ul.menu li a img {
      max-width: 80px !important;
      width: 100%; }

.mobile-headline {
  display: none;
  font-family: 'DK Drop Dead Gorgeous', sans-serif;
  font-size: 1.5rem; }
  @media screen and (max-device-width: 769px) {
    .mobile-headline {
      display: inline-block; } }

@media screen and (max-device-width: 769px) {
  #mobile-back-to-top {
    bottom: 0;
    width: 100%;
    margin: auto;
    text-align: center;
    height: 40px;
    background: #000;
    z-index: 999;
    padding: 0.5rem 0 0;
    position: fixed; }
    #mobile-back-to-top a {
      text-decoration: none;
      color: white;
      font-size: 2rem; }
      #mobile-back-to-top a img {
        width: 40px; } }

@media screen and (max-device-width: 769px) {
  .section {
    text-align: center;
    padding-top: 6rem; } }

.post-display .post-image {
  position: relative;
  min-height: 500px;
  margin-bottom: -30rem; }
  @media screen and (max-device-width: 769px) {
    .post-display .post-image {
      display: none; } }
  .post-display .post-image .overlay {
    position: absolute;
    width: 100%;
    height: 100%; }
  .post-display .post-image img {
    width: 100%;
    height: auto; }
.post-display .post-content {
  width: 48%;
  margin: auto;
  font-size: 1.2rem;
  line-height: 175%;
  position: relative;
  z-index: 99; }
  .post-display .post-content a {
    color: white;
    text-decoration: none;
    padding: 0; }
  .post-display .post-content .two-column {
    display: flex;
    justify-content: space-between;
    align-items: top; }
    .post-display .post-content .two-column .column {
      white-space: pre; }
      .post-display .post-content .two-column .column h2 {
        margin-bottom: -0.5rem; }
    @media screen and (max-device-width: 769px) {
      .post-display .post-content .two-column {
        display: block; } }
  @media screen and (max-device-width: 769px) {
    .post-display .post-content {
      width: 80%;
      font-size: 1rem; } }

#landing {
  margin-top: -5rem; }
  @media screen and (max-device-width: 769px) {
    #landing {
      margin-top: 0;
      padding: 0;
      margin-bottom: -5rem; }
      #landing .post-image {
        display: block;
        min-height: 250px;
        margin-top: 1rem; }
        #landing .post-image .overlay {
          background: -moz-linear-gradient(top, black -75%, transparent 62%, black 92%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, black -75%, transparent 62%, black 92%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, black -75%, transparent 62%, black 92%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } }
  #landing .post-image {
    margin-bottom: 0; }

@media screen and (max-device-width: 769px) {
  #shows .post-image {
    display: block;
    min-height: inherit;
    margin-bottom: 0; }
    #shows .post-image img {
      height: auto;
      width: 769px;
      max-width: inherit; } }
#shows .post-content {
  width: 80%;
  overflow: hidden;
  margin: -20rem auto 20rem;
  top: 0; }
  #shows .post-content hr {
    width: 100%;
    border-color: transparent; }
  #shows .post-content h2 {
    font-size: 1.5rem;
    white-space: pre-line;
    float: left;
    width: 32.5%;
    min-height: 100px; }
    #shows .post-content h2:nth-of-type(3n) {
      text-align: right;
      min-width: auto;
      width: 25%;
      float: right; }
    @media screen and (max-device-width: 769px) {
      #shows .post-content h2 {
        font-size: 1.1rem;
        width: 100% !important;
        min-height: 10px;
        text-align: center !important; } }
  @media screen and (max-device-width: 769px) {
    #shows .post-content {
      display: block; } }

#discography {
  margin-top: 5rem;
  padding-top: 0; }
  #discography .post-display {
    padding-top: 5rem; }
    @media screen and (max-device-width: 769px) {
      #discography .post-display {
        margin: -5rem auto; } }
    #discography .post-display .post-content {
      margin: auto;
      font-size: 1rem; }
      #discography .post-display .post-content p {
        text-indent: -3rem;
        margin-left: 3rem; }

#media {
  text-align: center;
  padding: 10rem 0 0; }
  #media .post-content {
    margin-top: 0; }
  #media .menu-social-media-container {
    position: relative;
    bottom: 0;
    margin-top: 1rem;
    margin-bottom: 2rem; }
    #media .menu-social-media-container .menu.media li:first-of-type a img {
      width: 95%; }
    @media screen and (max-device-width: 769px) {
      #media .menu-social-media-container {
        margin: -3rem auto 5rem; } }
  #media .gallery {
    width: 60%;
    margin-top: 3rem; }
    #media .gallery .gallery-item {
      margin: 0;
      padding: 1rem;
      box-sizing: border-box; }
      #media .gallery .gallery-item a img {
        border: 0;
        width: 100%;
        height: auto;
        max-width: 260px; }

/*# sourceMappingURL=style.css.map */