* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
}

@font-face {
  font-family: 'Rooters';
  src:url('Rooters.ttf.woff') format('woff'),
      url('Rooters.ttf.svg#Rooters') format('svg'),
      url('Rooters.ttf.eot'),
      url('Rooters.ttf.eot?#iefix') format('embedded-opentype'); 
  font-weight: normal;
  font-style: normal;
}
span.italic {
  font-style: italic;
}

img {
  display: block;
  width: 100%;
}

body {
  background-color: #050505;
}

a {
  transition: all 0.5s;
}

p {
  font-family: "Quicksand", sans-serif;
  color: lightgrey;
  
}

.catamaran-body-text {
  font-family: "Catamaran", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

nav a {
  font-family: "Amatic SC", sans-serif;
  color: #fff;
  font-size: 2rem;
  text-decoration: none;
}
nav a:hover {
  color: lightgrey;
  text-decoration: underline;
}

nav.desktop-nav {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px 8%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: none;
}
@media (min-width: 768px) {
  nav.desktop-nav {
    display: block;
    text-align: center;
  }
}
nav.desktop-nav ul li {
  list-style: none;
  display: inline-block;
  margin-left: 40px;
}
nav.desktop-nav .logo {
  width: 80px;
}

nav.mobile-nav {
  display: block;
  text-align: center;
  padding: 4rem 0;
  width: 100%;
  height: 35vh;
}
@media (min-width: 768px) {
  nav.mobile-nav {
    display: none;
  }
}
nav.mobile-nav ul li {
  display: inline-block;
  padding: 5px 20px;
  margin: 0;
}

.hero {
  width: 100%;
  /* height: 100vh; */
  height: 65vh;
  background-image: linear-gradient(rgba(12, 3, 51, 0.3), rgba(12, 3, 51, 0.3));
  position: relative;
  padding: 0 5%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .hero {
    height: 100vh;
  }
}
@media (min-width: 1024px) {
  .hero {
    margin-bottom: 6rem;
  }
}

.back-video {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.content {
  text-align: center;
}
.content h1,
.content h1 span {
  font-family: 'Rooters';
  font-weight: 400;
  font-style: normal;
  color: #dedede;
  text-shadow: 2px 2px 0 black;
  text-transform: uppercase;
}
.content h1 span {
  display: block;
  line-height: 1;
}

.content span.sonoran {
  font-size: 3rem;
}
@media screen and (min-width: 768px) {
  .content span.sonoran {
    font-size: 4rem;
  }
}
.content span.gothic {
  font-size: 4rem;
}
@media screen and (min-width: 768px) {
  .content span.gothic {
    font-size: 5.25rem;
  }
}

@media (min-aspect-ratio: 16/9) {
  .back-video {
    width: 100%;
    height: auto;
  }
}
@media (max-aspect-ratio: 16/9) {
  .back-video {
    width: auto;
    height: 100%;
  }
}
.main-content-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 4rem;
}

section {
  padding: 0 10px;
}
section h2 {
  font-family: "Catamaran", sans-serif;
  font-weight: 200;
  font-size: 2rem;
  font-style: normal;
  color: #dedede;
  text-shadow: 2px 2px 0 black;
  text-transform: uppercase;
  text-align: center;
  padding-top: .25rem;
  line-height: 2rem;
  padding-bottom: 4px;
}
section .album-description {
  text-align: center;
  padding-bottom: 2rem;
}
section .album-description h3 {
  font-size: 1.75rem;
  padding-bottom: .5rem;
}
.album-description-sub-large {
  font-size: 1.25rem;
  padding-bottom: 1rem;
  
}
.album-description-sub, 
.album-description-sub-large {
  color: #929292;
  font-style: italic;
}

section h3 {
  font-family: "Quicksand", sans-serif;
  color: lightgrey;
  font-size: 1.5rem;
  font-weight: 200;
}
section h3 span {
  font-weight: 200;
}
section.music-section {
  padding-bottom: 4rem;
}
section h4.link-tree-title {
  font-family: "Quicksand", sans-serif;
  color: lightgrey;
  font-size: 1.5rem;
  font-weight: 200;
  text-align: center;
  padding: 1rem 0 2rem 0;
}
section .link-tree ul {
  list-style-type: none;
  text-align: center;
  padding-left: 0;
}
section .link-tree ul li {
  display: inline-block;
  padding-bottom: 2rem;
}
section .link-tree ul li a {
  text-decoration: none;
  border: 1px solid lightgrey;
  border-radius: 6px;
  padding: 5px 10px;
  margin: 5px 5px;
  background-color: #929292;
  color: #fff;
  font-size: 1.25rem;
}
section .link-tree ul li a:hover {
  background-color: lightgrey;
  color: #000;
}
section.music-video-section {
  padding-bottom: 3rem;
}

section .heading-underline {
  margin-bottom: 3rem;
}
section .heading-underline .border-image {
  width: 80px;
  height: 18px;
  margin: 0 auto;

  background-image: url('../../images/png/border-bottom.png');
  background-size: contain;
  background-repeat: no-repeat;
}
section .album-flex-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #262626;
  padding-top: 3rem;
}
section .album-container {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding-bottom: 3rem;
}
section .album-container img{
    padding: 1rem;
  }

@media (min-width: 680px) {
  section .album-container img{
    padding: 0;
  }
}
@media (min-width: 1024px) {
  section .image-container {
    max-width: 600px;
  }
}

  section .content-container {
    padding: 2rem;
  }

@media (min-width: 1024px) {
  section .show-flex-container {
    display: flex;
    max-width: 900px;
    margin: 0 auto;
  }
}
section .show-card {
  max-width: 400px;
  padding-bottom: 4rem;
  margin:0 auto;
}
@media (min-width: 768px) {
  section .show-card {
    padding: 0 1rem 4rem 1rem;
    max-width: 600px;
    margin: 0 auto;
  }
}
section .show-card p {
  color: lightgrey;
  margin: 0 auto;
  font-family: "Catamaran", sans-serif;
  font-weight: 100;
  font-style: normal;
}
section .show-card .show-day-time {
  font-size: 1.5rem;
}
section .show-card .venue-name {
  font-size: 1.25rem;
}
section .show-card .venue-address {
  padding-bottom: 1rem;
}

section .about-content {
  max-width: 1000px;
  margin: 0 auto;
  padding: 4rem 0; 
  background-color: #262626;

}
@media (min-width: 1024px) {
  section .about-content {
  display: flex;
}
}
section.about-section {
  padding: 4rem 0;
}
section .about-text {
  padding: 2rem;
  max-width: 440px;
  margin: 0 auto;
}
@media (min-width: 1024px){
  section .about-text {
  /* padding-top: 0; */
  max-width: 640px;

}
}
section .about-text p {
  line-height: 1.5rem;
}
section .about-image {
  max-width: 400px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  section .about-image {
    padding: 2rem;
  }
}
section .media-wrap {
  max-width: 600px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  section .media-wrap {
    max-width: 1000px;
  }
}
section .media-flex-wrapper {
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {
  section .media-flex-wrapper {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    max-width: 1000px;
    margin: 0 auto;
  }
}
section .media-flex-wrapper .media-image {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 1rem 0;
}
@media (min-width: 1024px) {
  section .media-flex-wrapper .media-image {
    width: 70%;
    padding: 0.5rem;
  }
}
section .iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  section .iframe-container {
    width: 70%;
  }
}
section .iframe-container iframe, section .iframe-container object, section .iframe-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section .press-card {
  max-width: 600px;
  margin: 0 auto;
  padding-bottom: 2rem;
}
@media (min-width: 1024px) {
  section .press-card {
    display: flex;
    align-items: center;
    max-width: 1000px;
  }
}
@media (min-width: 1024px) {
  section .press-card.row-reverse {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1024px) {
  section .press-card img {
    max-width: 50%;
  }
}
section .press-card .band-description {
  padding: 1rem 0.5rem;
}
section .press-card .press-content {
  padding: 1rem 0.5rem;
}
@media (min-width: 1024px) {
  section .press-card .press-content {
    padding: 2rem;
  }
}
section .press-card p.quote {
  font-style: italic;
  padding-bottom: 0.5rem;
}
section .press-card p.author {
  font-weight: 500;
  padding-bottom: 2rem;
}
section.social-section {
  padding-bottom: 4rem;
}
section.donate-section {
  padding-bottom: 4rem;
}
section div.centering-container {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
section div.centering-container a {
  font-size: 1.25rem;
  display: inline-block;
  color: black;
  border: 1px solid lightgrey;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 5px 5px;
  background-color: #929292;
  color: #fff;
  text-decoration: none;
  margin: 0 1rem 1rem 1rem;
  text-transform: uppercase;
  font-family: "Catamaran", sans-serif;
  font-weight: 400;

}
section div.centering-container a:hover {
  background-color: lightgrey;
  color: #000;
}
section div.centering-container a img {
  max-width: 160px;
  margin: 0 auto;
}
section div.centering-container a span {
  display: block;
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 2rem;
}
section div.centering-container a:last-of-type img {
  max-width: 80px;
}
section.poster-archive {
  display: none;
}

footer {
  padding: 1rem 0;
}
footer p {
  font-family: "Catamaran", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #dedede;
  text-transform: uppercase;
  text-align: center;
  font-size: .75rem;
}/*# sourceMappingURL=2024-update.css.map */