@-webkit-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@keyframes fadeIn {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
body {
    font-family: 'PT Mono', monospace;
    background: #000;
    color: #fff;
}

.row {
    max-width: 85rem !important;
}

/* TYPOGRAPHY STYLES */
p {
font-family: 'PT Mono', monospace;
color: #221B1B;
}

.page-content-container p {
    font-family: 'PT Mono', monospace;
    font-weight: normal;
     line-height: 1.6rem;
   margin-bottom: 1.5rem;
   font-size: 1.1rem;
   color: #221B1B;
}

a:link, a:visited {
    color: #993333;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

a:hover {
    color: #ce4545;
    
}

h1 {
    color: #211F1F;
     font-family: 'Permanent Marker', cursive;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    margin-bottom: 3rem;
    font-size: 4.375rem;
}

.page-id-847 h1 {
    text-align: center;
}




h2 {
    color: #211F1F;
     font-family: 'Permanent Marker', cursive;
    text-transform: uppercase;
    text-align: center;
    font-size: 4.375rem;
    line-height: 4.375rem;

}

h2.section_title {
    margin-bottom: 3rem;
    letter-spacing: 4px;
}

h2.light {
    color: #DDDDDD;
}

h2.entry-title {
    text-align: left;
    color:#221B1B;
}

h1.page-title a:link, h1.page-title a:visited {
    color: #221B1B;
    }

h3 {
    color: #221B1B;
    font-family: 'Permanent Marker', cursive;
    font-size: 2.5em;
    line-height: 2.2rem;
}
h3 a:link, h3 a:visited {
    color: #f5f6db;
}
h3 a:hover {
    color: #993333;
}
h4 {
    color: #fff;
    font-family: 'PT Mono', monospace;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin-bottom: .8rem;
}

h4.album_title {
  font-family: 'Special Elite', cursive;
    margin-top: 1rem;
    color: #221B1B;
}

h5 {
    color: #fff;
    font-family: 'Permanent Marker', cursive;
    text-transform: uppercase;
    letter-spacing: 0.125rem;
    font-size: 1.250rem;
}

h5.release_date {
    font-family: 'PT Mono', monospace;
    text-transform: uppercase;
    font-size: .9rem;
    color: #2D1D18;
    letter-spacing: normal;
    line-height: 1.1rem;    
}

h5.record_label {
    font-family: 'Special Elite', cursive;
    text-transform: uppercase;
    font-size: .9rem;
    color: #2D1D18;
    letter-spacing: normal;
    line-height: .8rem; 
    margin-bottom: .2rem;
}

/* FOOTER */

section.footer_top {
    background: url(../../img/footer-background.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 11.875rem;
    background-color: #0D0C0C;
}

footer {
    padding-top: 3rem;
    padding-bottom: 2rem;
    background-color: #0D0C0C;
    font-family: 'Special Elite', cursive;
}

ul.footer_social_menu {
    margin-left: 0;
}

ul.footer_social_menu li {
    list-style: none;
    font-size: 1rem;
    line-height: 1.4rem;
    font-family: 'Special Elite', cursive;
    text-transform: uppercase;
    letter-spacing: 3px;
}

ul.footer_social_menu li a:link, ul.footer_social_menu li a:visited {
    color: #CACBBD;
}

ul.footer_social_menu li a:hover {
    color: #CCA67D;
}

.menu-footer-container {
    margin-bottom: 2rem;
}

.menu-footer-container .menu {
    display: block !important;
    }

ul#menu-footer {
    margin-left: 0;
    text-align: right;
}

ul#menu-footer li {
    list-style: none;
    font-size: 1rem;
    line-height: 1.4rem;
    font-family: 'Special Elite', cursive;
    text-transform: uppercase;
    letter-spacing: 3px;
}

ul#menu-footer li a:link, ul#menu-footer li a:visited {
    color: #CACBBD;
    padding: 0;
    
}

ul#menu-footer li a:hover {
    color: #D17F61;
    padding: 0;
}

footer p {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 1.1rem;
    font-family: 'Special Elite', cursive;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #CACBBD;
}

footer p a:link, footer p a:visited {
    color: #CACBBD!important;
}

/* SUBPAGE */

.page-content-container {
     opacity: 0;
    animation-name: fadeIn;
    animation-duration: 2s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
}

.news .page-content-container {
     opacity: 0;
    animation-name: fadeIn;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

header.subpage {
    background: url( ../../img/header-subpage.jpg) no-repeat center bottom ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 20.625rem;
    background-color: #000;
}

.header_bottom_bar {
    height: 1.5rem;
    width: 100%;
    position: absolute;
    top: 19.7rem;
    background-color: rgba(0,0,0,0.6);
}

section.page-content {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: url(../../img/background.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin:0;
}

p.album_links {
    text-transform: uppercase;
    color: #000;
    font-size: 1rem;
}

p.album_links a{
font-family: 'Special Elite', cursive;
    color: #000;

}




/* HOME - Header Section */

header.home {
    background: url(../../img/home-background-2020.jpg) no-repeat center top ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 90vh;
    background-color: #000;
}
h3.release_date {
    font-size: 1.875rem;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 3s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    line-height: 1.7rem;
    position:relative;
    z-index: 0!important;
    text-transform: none;
    font-family: 'Permanent Marker', cursive;
    text-transform: uppercase;
    margin-top: 30vh;
    color: #CACBBD;
}
h3.preorder {
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 4s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    font-size:1.250rem;
    margin-bottom: 1rem;
    font-family: 'Special Elite', cursive;
    text-transform: uppercase;
    color: #CACBBD;
}
.album-header {
    margin-bottom: 100px;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

a.button {
    width: 350px;
    background: url(../../img/button-back.svg) no-repeat center top ;
    background-color: transparent;
    font-family: 'Permanent Marker', cursive;
    color: #221B1B;
    text-transform: uppercase;
}

.button:hover {
    background-color: transparent;
    color: #550000;
}

/* Social Icons*/

.social-container {
    position: absolute;
    bottom: 10vh;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    padding: .7rem;
}
.social-icons {
    float: right;
}
.social-icons a svg {
    transition: 200ms;
    transition-timing-function: ease-in-out;
    -webkit-transition: 200ms;
    -webkit-transition-timing-function: ease-in-out;
}
.social-icons a svg:hover {
    fill: #c8ba85;
}
.social-container img {
    height: 2.375rem;
    margin-right: .5rem;
    width: 2.375rem;
}
p.email_subscribe {
    text-transform: uppercase;
    display: inline-block;
    color: #CACBBD;
    line-height: 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-family: 'Special Elite', cursive;
}


/* HOME - Post Section */

section.home_post_container {
    padding-top: 3rem;
    padding-bottom: 2rem;
     opacity: 0;
    animation-name: fadeIn;
    animation-duration: 2s;
    animation-delay: .8s;
    animation-fill-mode: forwards;
    z-index: 1000 !important;
    background: url(../../img/background.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
}


.home_post {
    position: relative;
}

.home_post_data {
    position: absolute;
    width: 85%;
}


section.home_post_container .post_date {
    font-size: 1rem;
    color: #fff;
    font-family: 'Special Elite', cursive;
}

.home_posts_top_container .home_post_data {
    top:1.563rem;
    left: 2.563rem;
}

.home_posts_bottom_container .home_post_data {
    top:1rem;
    left: 2rem;
}

h3.post_title {
    font-family: 'Permanent Marker', cursive;
    color: #fff;
}

h3.post_title a:link, h3.post_title a:visited  {
    color: #fff;
    text-transform: uppercase;
}

.home_posts_top_container .home_post_data h3.post_title {
     margin-top: .7rem;
    font-size: 3.188rem
    line-height: 2.8rem;
    text-transform: uppercase;
}

.home_posts_bottom_container {
    margin-top: 1.4rem;
}

.home_posts_bottom_container .home_post_data h3.post_title {
     margin-top: .5rem;
     font-size: 2.3rem;
}

.home_post {
  display:inline-block;
  background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
  background: linear-gradient(to top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.home_post img{
  position:relative;
  z-index:-1;
}

p.read-more {
    width: 250px;
    background: url(../../img/button-back-dark.svg) no-repeat center top ;
    background-color: transparent;
    font-family: 'Permanent Marker', cursive;
    color: #DDDDDD;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
margin: 2rem auto;
}

p.read-more a, p.read-more a:visited {
    color: #DDDDDD;

}

p.read-more a:hover {
    background-color: transparent;
    color: #DDDDDD;
}

/* HOME - Player Section */

section.player_section {
    background-image: url(../../img/home-player-background.jpg);
    padding-top: 3rem;
    padding-bottom: 3rem;
     -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    background-color: #000;
}

div.player_container, iframe {
    margin: 0 auto;
    display: block;
    -webkit-filter: drop-shadow(0px 3px 5px #000 );
    filter: drop-shadow(0px 3px 5px #000);
}

/* HOME - Tour Section */

section.home_tour {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: url(../../img/background.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


@media screen and (min-width: 100em) and (max-height: 770px) {
.album_title_among {
    margin-top: 90px;
    max-width: 60vw;

}

.social-container {
    position: absolute;
    top: 640px;
    padding: .7rem;
    z-index: 1000;
    height: 60px;
}



header.home {
    background: url(../../img/home-background-2020.jpg) no-repeat center top ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 700px;
    background-color: #000;
}

header.home h3.release_date {
    margin-top: 10px;
}
header h3 {
    font-size: 1.2rem;
}
}

/* NEWS PAGE */

.nav-links {
    display: none;
}

.entry-meta {
    margin-bottom: 4rem;
}

.entry-meta {
    font-size: .9rem;
    text-transform: uppercase;
     color: #221B1B;
     font-family: 'Special Elite', cursive;
}

.entry-meta a:link, .entry-meta a:visited {
 color: #221B1B;
    }

.entry-content img {
    margin-bottom: 2rem;
}

.tg-item .tg-light div, .tg-item .tg-light h1, .tg-item .tg-light h1 a, .tg-item .tg-light h2, .tg-item .tg-light h2 a, .tg-item .tg-light h3, .tg-item .tg-light h3 a, .tg-item .tg-light h4, .tg-item .tg-light h4 a, .tg-item .tg-light h5, .tg-item .tg-light h5 a, .tg-item .tg-light h6, .tg-item .tg-light h6 a, .tg-item .tg-light a, .tg-item .tg-light a.tg-link-url, .tg-item .tg-light i, .tg-item .tg-light .tg-media-button, .tg-item .tg-light .tg-item-price span {
    color: #221B1B!important;
    fill: #221B1B !important;
    stroke: #221B1B !important;
    border-color: #221B1B !important;
}

.tg-item .tg-light p, .tg-item .tg-light ol, .tg-item .tg-light ul, .tg-item .tg-light li {
    color: #221B1B!important;
    fill: #221B1B !important;
    stroke: #221B1B !important;
    border-color: #221B1B !important;
}

.tg-maren-custom .tg-element-3 {
    text-align: left;
    font-size: 2.5rem !important;
    line-height: 2.3rem !important;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin: 0;
    padding: 10px 0 0;
    
}

.tg-item-title a {
   hyphens: none !important; 
}

.tg-maren-custom .tg-item-content-holder[data-position="bottom"] {
    padding: 22px 0px !important;
}

p.tg-item-excerpt {
    font-size: 1rem !important;
    line-height: 1.2rem !important;
}


@media screen and (max-width: 22.500em) {
    
    h1 {
        font-size:2rem;
    }

.title-container {
    top: 90px !important;
}

}



/* Small only */
@media screen and (max-width: 39.9375em) {

h2 {
    font-size: 2.7em;
}
    p.read-more {
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.125em;
    text-align: center!important;
    margin-top: 2rem;
}

.button {
    font-size:1rem;
}

.social-container img {
    height: 1.3rem;
    margin-right: .3rem;
    width: 1.3rem;
}

.social-container {
    width: 100%!important;
}

    footer {
        margin-bottom: 3rem;
    }
header.home {
    height: 500px;
}

.album-header {
    margin-bottom: 0;
    margin-top: 2rem;
}

.social-container {
    top: 455px !important;
    bottom: auto;
}

footer p {
    font-size: .7rem;
    text-align: left!important;
}

.menu-footer-container {
display: none;
}

h3.release_date {
    margin-top: 0;
    font-size: 1.1rem;
        line-height: 1.4rem;
}
h3.preorder {
    font-size: .85rem;
    line-height: 1rem;
    margin-top: 1rem;
}
    
 div.player_container, iframe {
    margin: 0 auto;
    display: block;
}
.home_post {
        margin-top:.8rem;
    }

.home_posts_bottom_container {
    margin-top: 0;
}

.home_posts_bottom_container .home_post_data h3.post_title {
     margin-top: .5rem;
    font-size: 2.2rem;
    line-height: 2rem;
    text-transform: uppercase;
}

.home_posts_top_container .home_post_data h3.post_title {
     margin-top: .5rem;
    font-size: 2.2rem;
    line-height: 2rem;
    text-transform: uppercase !important;
}

section.home_post_container .post_date {
    font-size: .9rem;
    font-weight: normal;

}

.home_posts_top_container .home_post_data {
    top: .4rem;
    left: 1.8rem;
}

.home_posts_bottom_container .home_post_data {
    top: 1rem;
    left: 1.8rem;
    margin-bottom: 1rem;
}

.email_subscribe {
    text-align: center!important;
    display: block;
}
    
    
}

/* Medium and up */
@media screen and (min-width: 40em) {


.button:hover {
    bbackground-color: transparent;
}
}

/* Max Medium only */
@media screen and (max-width: 63.9375em) {

footer {
        margin-bottom: 3rem;
    }
    
.album_title_among {
    max-width: 80vw;
}

.title-container {
    position: absolute;
    top: 80px;
    left: 0;
right: 0;
margin: auto;
}

.title-container h1 {
    text-align: center;
     -webkit-filter: drop-shadow(0px 3px 5px #222 );
    filter: drop-shadow(0px 3px 5px #222);
}

section.footer_top {
    height: 7rem;
    background-color: #000;
}
    
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
   
   h2 {
    font-size: 3em;
   } 

header.home {
    height: 550px;
}

.album_title_among {
    margin-top: 15vw;
    max-width: 60vw !important;
    margin-bottom: 50px;
}

.social-container {
    top: 495px !important;
    bottom: auto;
}

h3.release_date {
    margin-top: 20vh;
    font-size: 1.5rem;
}
h3.preorder {
    font-size: 1.2rem;
    line-height: 1.3rem;
}

.home_posts_bottom_container {
        margin-top: .5rem;
    }
    .home_post {
        padding-right: 0.3rem;
padding-left: 0.3rem;
    }
    
.home_posts_top_container .home_post_data {
    top:1rem;
    left: 1.2rem;
}
    
.home_posts_bottom_container .home_post_data {
    top:.5rem;
    left: 1.2rem;
}
    
.home_posts_top_container .home_post_data h3.post_title {
    margin-top: .5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
    
.home_posts_bottom_container .home_post_data h3.post_title {
     margin-top: .3rem;
    font-size: 1.1rem;
    line-height: 1rem;
}
    
.home_posts_bottom_container .home_post_data .post_date {
     font-size: .6rem;
        font: normal;
}
}

/* Large and up */
@media screen and (min-width: 64em) {
        .button {
    text-transform: uppercase;
    font-size: 1.250rem;
}

    .album_title_among {
    max-width: 50vw;
}

h1 {
    margin-left: 1rem;
}



.news > .title-container {
        width: 90px;
        margin-bottom: 4rem;
}

section.news.page-content {
    padding-top: 2rem;
}
    
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
            .album_title_among {
    max-width: 80vw;
    margin-top: 25vh;
    width:60vw;
    margin-bottom: 90px;
}
}

/* Extra Large and up */
@media screen and (min-width: 75em) and (max-width: 99.9em) {
        .album_title_among {
    max-width: 80vw;
    margin-top: 30vh;
    width:60vw;
    margin-bottom: 90px;
}
}

/* Extra Large and up */
@media screen and (min-width: 100em) {
.album_title_among {
    max-width: 80vw;
    margin-top: 30vh;
    width:60vw;
    margin-bottom: 90px;

}



}