/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

nav ul a,
nav .brand-logo {
  color: #fff;
}

p {
  line-height: 2rem;
}

.sidenav-trigger {
  color: #26a69a;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media screen and (max-width: 400px) {
  .btn, .btn-large, .btn-small, .btn-floating, .btn-large, .btn-small, .btn-flat {
    font-size: 10px;
  }
}


@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}

  @font-face {
    font-family: galeria;
    src: url(../fonts/APK-Galeria-Light-Trial.ttf);
  }
  .galeriaFont {
    font-family:galeria;
  }

  .galeriaParagraph {
      font-family: galeria;
      font-size: 16px;
  }

  @font-face {
    font-family: linebeam;
    src: url(../fonts/Linebeam.ttf);
  }
  .linebeamFont {
    font-family:linebeam!important;
  }
  .linebeamParagraph {
      font-family: linebeam;
      font-size: 21px;
  }


    body {
    /*background-image: url(../background1.jpg);*/
    background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; 
  }

@media screen and (max-width: 1000px) {
  body {
    background-position: 73%;
  }
}

    .menuContainer {
      /*background-image: url(background1.jpg);*/
          background-color: var(--color-bg);
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;

    }

  .menuContainer
  {
    /*background-image: url('../background1.jpg');*/
  }

@media screen and (max-width: 1000px) {
  .menuContainer {
    background-position: 73%;
  }
}


  nav {
      background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  nav ul a {
      font-size: clamp(1.9rem, 2.5vw, 1rem);
    } 
  @media only all and (max-width : 1270px) {
      nav ul a {
          font-size: clamp(1.3rem, 2.5vw, 1rem);
      }
  }


nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
    line-height: 88px;
}
.dropdown-content li > a, .dropdown-content li > span {
    font-size: 18px;
    color: #000;
}

.dropdown-content {

    min-width: 180px;

}
  .sidenav-trigger {
      color: #fff;
    } 
    .imageInverse {
    filter: invert(1);
      -webkit-filter: invert(1);
    }


.collapsible {
    border-top: none;
    border-right: none;
    border-left: none;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.collapsible-header {

    line-height: 1.5;
    padding: 0;
    background-color: transparent;
    border-bottom: 1px solid var(--color-border);
    opacity: 0.7;
}
.collapsible-header:hover {
  opacity: 1;
}

.collapsible-body {
    border-bottom: none;

    padding: 0;
}

.collapsible-header:after {
    content: "▾";
    font-size: 2rem;
margin-right: 20px;
margin-top: 32px;
padding-right: 3px;
}
.active .collapsible-header:after {
    content: "▴";
}


.releaseCard__img-inner {
    filter: brightness(0.8);
}
  




      .sectionDivider {
        transition: 0.8s;
        /*background: rgba(0, 0, 0, 0.10);*/
        color:rgba(255, 255, 255, 0.95);
        padding: 34px;
        width: 100%;
        /*border-bottom: 1px solid var(--color-border);*/
        font-family: octab;
        



      }
      .sectionDivider:hover {
        /* background: rgba(0, 0, 0, 0.40); */
      }
      .sectionDivider b
      {
        opacity: 1.0;
        font-size:1.64rem;
        margin-left:10px;
      }
      .dividerImage {
        padding:0px;
        
        max-height: 25px;
  
          opacity: 1.0;
          margin-right: 11px;
          margin-left: 11px;
        /*filter: invert(1);
        -webkit-filter: invert(1);*/
        margin-bottom: -3px;
      }
      .imageContainer {
        padding-top:5px;
        padding-bottom:5px;
        display:inline;
        border:1px solid transparent;
      }


@media screen and (min-width: 60em)
.emptyCard {
    min-height: 60vh;
}

.emptyCard {
    position: relative;
    min-height: 30vh;
    padding: 2vw;
    overflow: hidden;
    border-bottom: 1px solid var(--color-border);
    transition: 0.4s
}
.emptyCard:hover {
  /* background: rgba(0, 0, 0, 0.8); */
}
.releaseCard
{
  /* background: rgba(0, 0, 0, 0.10);
  transition: 0.8s; */
}
.releaseCard:hover
{
  /* background: transparent; */
}

.releaseCard-grid {

    border-top: none;
}



.row {
    margin-bottom: 2vw;
}

.page-footer {
    padding-top: 0;
}

#toast-container {
  top: auto !important;
  left: auto !important;
  bottom: 50px;
  right:50px;
}
.toast {
  font-family: octab;
  text-transform: uppercase;
  letter-spacing: 2px;
}
ul.select-dropdown, ul.dropdown-content
{
  width: auto !important;
}
.dropdown-content li > a > .bgSelector
{
  margin-right:0px;
  display:none;
}
.dropdown-trigger:hover {
    background-color: transparent;
}
body {
  font-family: "Aspekta Variable";
}
@font-face {
  font-family: "Aspekta Variable";
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/AspektaVF.woff2") format("woff2");
}
.thisFont {
  font-family: "Aspekta Variable";
}
.row-flex {
  display: flex !important;
  justify-content: start;
  align-items: start;
}
.row-flex .col {
  min-height: 100% !important;
}
.row {
    margin-bottom: 0;
}
.row .col {
  padding:0;
}
.myContainer {

    padding: 34px;border: 1px solid var(--color-border);

}
.QAContainer {

    padding: 34px;border: 1px solid var(--color-border);

}
.sectionDivider {

    padding: 34px 10px 34px 10px!important;
}
.collapsible-header {
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 1;
}
.imageContainer2 {
    display: grid;
    gap: 34px;
    row-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    padding:0;
}
.imageContainer3 {
    display: grid;
    gap: 34px;
    row-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    padding:68px 0 68px 0;
}
.imageContainer4 {
    display: grid;
    gap: 34px;
    row-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    padding:34px 0 34px 0;
}
.imageContent {
  grid-column: span 1;
}
.galleryImage {
  border: 1px solid var(--color-border);
}
.materialboxed:hover:not(.active) {
opacity: 1;
}
.container {
    max-width: 1800px;
}
@media only screen and (min-width: 993px) {
    .container {
    width: 80%;
    }
}
.myContainer
{
  background: rgba(0, 0, 0, 0.7);
}
.QAContainer
{
  background: rgba(0, 0, 0, 0.7);
}
.myContainer a {
  color:rgba(0, 0, 0, 0.87);float:left;
}
.QAContainer a {
  color:#fff;
  text-decoration: underline;
}
.myContainer i {
  float:left;padding-right:10px;color:#fff;
}
.myContainer span {
  color: #ffffff75;
}
.myContainer img {
  margin: 10px 34px 26px 0px;width: 100px;height: auto;float: left;border: 1px solid var(--color-border);
}
.QAContainer img {
  margin: 2px 34px 26px 0px;width: 100px;height: auto;float: left;border: 1px solid var(--color-border);
}
@media only screen and (min-width: 993px) {
    .myContainer img {
      width:250px;
    }
}      
@media only screen and (min-width: 993px) {
    .QAContainer img {
      width:250px;
    }
}    
.myContainer p {
   margin-bottom:34px;
}
.QAContainer p {
   margin-bottom:34px;
}
.collapsible-body {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size:cover;
}
@media only screen and (min-width: 993px) {
    .myContainer {
      padding: 68px;
    }
} 
@media only screen and (min-width: 993px) {
    .QAContainer {
      padding: 68px;
    }
}

@media only screen and (min-width: 993px) {
    .imageContainer3  {
      gap: 68px;
    }
} 
@media only screen and (min-width: 993px) {
    .imageContainer4  {
      gap: 68px;
      grid-template-columns: repeat(4, 1fr);
      padding:64px 0 64px 0;
    }
} 
.mb {
  margin-bottom:34px;
}
@media only screen and (min-width: 993px) {
    .mb  {
      margin-bottom:68px;
    }
} 
.mt {
  margin-top: 34px;
}
@media only screen and (min-width: 993px) {
    .mt  {
      margin-top:68px;
    }
} 
.track {
  margin-bottom:34px;
  margin-top: 0;
}
.trackCD {
    margin-bottom: 17px;
    margin-top: 0;
}
blockquote {
    border-left: 5px solid rgba(255, 255, 255, 0.95);
}