/* ------------------------------------ 

Website by Ogino Design : www.oginodesign.com

------------------------------------ */

@import url("styles-support.css");
@import url("styles-reset.css");
@import url("../fonts/alienleaguebold.css");
@import url("../fonts/fishmongerkcondnormal.css");
@import url("../fonts/fishmongerkmediumnormal.css");
@import url("../fonts/fishmongerkmediumsemibold.css");
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url("styles-logos.css");
@import url("clouds.css");

/* ------------------------------------ STYLES ------------------------------------ */

/*

Primary: #8B734B;
Secondary: #595959;
Transparent: rgba(26, 26, 26, 0.4);
Letter Spacing: 2px (Heading), 1px (Body)

Grid None/XS: 0
Grid SM: 576px
Grid MD: 768px
Grid LG: 992px
Grid XL: 1200px
Grid XXL: 1400px

*/

html{ scroll-behavior: auto!important; }

body{
	background: #1c1c1c;
	color: #fff;
    font-size:15px;
    font-family: 'FishmongerK-MediumNormal';
}
.japanese{ font-family:sans-serif; }
#bodyWrapper{ background:#161616; }
#mainContent{ z-index:100; position:relative; background:#161616; }
.oath-lines{ max-width:600px; margin:30px 0; }

/* ------------------------------------ TYPOGRAPHY ------------------------------------ */

a{ color:#8B734B; text-decoration:none; }
a:hover{ color:#A88C5D; }

h1,h2,h3{ color:#8B734B; font-family: 'AlienLeagueBold'; text-transform:uppercase; }
h1.invert, h2.invert, h3.invert{ color:#fff; }
h1 span, h2 span, h3 span{ text-transform:lowercase; }

h2{ font-size:100px; letter-spacing:5px; margin-right:-5px; }
h2.oath{ font-size:150px; }
h3{ font-size:50px; margin-bottom:15px; letter-spacing:3px; margin-right:-3px; }

h4,h5{ font-family: 'FishmongerK-MediumSemiBold', sans-serif; }
h4{ font-size:20px; }
h5{ font-size:17px; }

span.new {
    color: #8B734B;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    top: -6px;
}

.card{ background: rgba(56,56,56,0.6); padding:15px 15px 0 15px; }
.card p{ font-size:12px; line-height: 18px; }

.subscribe{ margin-top:0px; margin-bottom:30px; }

hr{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    max-width: 600px;
    margin: 45px auto 60px;
}

/* BUTTONS */

.btn{ font-size:13px; padding: .50rem .75rem; margin:1px 0; }
.btn-accent{ font-size:16px; }

.btn-primary{ background: #8B734B; border-color: #8B734B; border-radius:0; }
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{ background: #8B734B; border-color: #8B734B; }

.btn-secondary{ background: #595959; border-color: #595959; border-radius:0; }
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{ background: #696969; border-color: #696969; }

.btn-outline-primary{ border-radius:0; border-color: #8B734B; color: #8B734B; }
.btn-outline-primary i{ color: #8B734B; }
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active{ background: #8B734B; border-color: #8B734B; color: #fff; }
.btn-outline-primary:hover i,.btn-outline-primary:focus i,.btn-outline-primary:active i{ color:#fff; }

.btn-outline-secondary{ border-radius:0; border-color: #bbb; color: #fff; background: rgba(34,34,34,0.6); }
.btn-outline-secondary i{ color: #fff; }
.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-secondary:active{ background: #696969; border-color: #696969; color: #fff; }
.btn-outline-secondary:hover i,.btn-outline-secondary:focus i,.btn-outline-secondary:active i{ color:#fff; }

.btn-danger,.btn-danger:hover,.btn-danger:focus,.btn-danger:active{ border-radius: 0; background: #ca1526; border-color: #ca1526; text-transform:uppercase; }
.btn-danger small{ text-transform: none; }

/* SOCIALS */

.socials{ list-style-type: none; margin-bottom: 0; font-size:12px; padding-left: 0; }
.socials li{ display: inline; letter-spacing: 0; padding: 0; }
.socials a{ text-decoration: none; margin: -2px; }
.socials .fa-stack-1x{ color: #1a1a1a; font-size: 0.85rem; }

/* ------------------------------------ MAIN LAYOUT ------------------------------------ */

/* NAV */

nav#mainNav{ 
    font-family:'FishmongerK-CondNormal', sans-serif;
    padding:0;
    font-size:15px;
    border-top:8px solid #8B734B;
}
nav#mainNav.navbar-shrink{ background:rgba(22,22,22,0.5); }
nav#mainNav .container-fluid{ padding:20px 30px; }
nav#mainNav.navbar-shrink .container-fluid{ padding:10px 30px; }

nav#mainNav .navbar-brand{ margin-right:20px; }
nav#mainNav .navbar-brand img{ height:50px; }
nav#mainNav.navbar-shrink .navbar-brand img{ height:35px; }

nav#mainNav{ text-transform:uppercase; }
nav#mainNav .nav-link, nav#mainNav .nav-link a{ color:#fff; text-decoration:none;  }

nav#mainNav .nav-link a{ padding-top:5px; padding-bottom:5px; }
nav#mainNav .nav-link a:hover{ border-bottom:1px solid #fff; }
nav#mainNav .nav-link.selected span{ padding-top:5px; padding-bottom:5px; border-bottom:1px solid #fff; }

nav#mainNav .nav-pipe{ color:#8B734B; font-weight:bold; }

/* FOOTER */

footer{ background:#1c1c1c; position:relative; }
footer p{ font-size:13px; }
footer #footerContent{ position:relative; top:-78px; z-index:200;  }
footer #monoSymbol{ margin-bottom:15px; }

/* TABS */

#info-tabs{
    display: block;
    text-align: center;
    border-bottom: 0;
    margin-bottom: 30px;
}
#info-tabs .nav-item{ display:inline; }
#info-tabs .nav-link{
    border: 1px #8B734B solid;
    color: #8B734B;
    background:rgba(22,22,22,0.5);
    border-radius: 0;
    display: inline-block;
    margin: 0 2px 6px 0;
    cursor: pointer;
}
#info-tabs .nav-link.active, #info-tabs .nav-link:hover{
    border: 1px #8B734B solid;
    color: #1a1a1a;
    background: #8B734B;
}
#info-tabs.years{ letter-spacing: 0; }
#info-tabs.years .nav-link{ padding: .25rem .5rem; }

/* LIST TABLE */

.list-table{ margin-bottom:15px; }
table.list{ width:100%; }
table.list tr td{ height:80px; vertical-align:middle; }
table.list tr td:nth-child(odd){ width: 90px; text-align:center; padding-right: 15px; padding-bottom:  15px; }
table.list tr td img{ max-width: 90px; max-height: 80px; margin-left: auto; margin-right: auto; }

/* ------------------------------------ MAIN LAYOUT > HOME ------------------------------------ */

/* HERO */

#hero{
    width:100%;
    height:100vh; 
    background:url(../img/design/oath-bg2.jpg) center center;
    background-size:cover;
    position:relative;
    z-index:0;
}
#heroFaderTop{ 
    background:url(../img/design/fader-tb.png) repeat-x; 
    width:100%; 
    height:220px;
    position:absolute;
    top:0;
    left:0; 
    opacity:0.5; 
    z-index:1;
}
#heroFaderBottom{ 
    background:url(../img/design/fader-bt.png) repeat-x; 
    width:100%; 
    height:220px; 
    position:absolute;
    bottom:0;
    left:0; 
    opacity:0.5; 
    z-index:1;
}
#heroAnimatedClouds{ z-index:3; }

#heroContent{ z-index:2; position:relative; left:15vw; text-align:center; }
#heroContent h1{ font-size:190px; letter-spacing:10px; margin-right:-10px; margin-top:0; bottom:0; line-height:180px; color:#fff; }
#heroContent .hero-caption{ text-transform:uppercase; }
#heroContent .hero-caption a{ color:#fff; padding-bottom:5px; }
#heroContent .hero-caption a:hover{ border-bottom:1px solid #fff; }
#heroContent #heroCaptionTop{ font-size:21px; letter-spacing:2px; }
#heroContent #heroCaptionBottom{ font-size:17px; letter-spacing:2px; }
#heroContent #heroLabels{ margin-top:30px; }
#heroContent #heroLabels img{ margin-right:10px; }

#heroCopyright{
    position:absolute;
    left:30px;
    bottom:15px;
    font-size:11px;
    z-index:10;
}
#heroCredit{
    position: absolute;
    bottom:15px;
    right:30px;
    font-size:11px;
    z-index: 10;
}
#heroCredit img{ height: 23px; margin-left: 5px; }


/* 
    CLOUDS 
        
    XXL-: @media (min-width: 1400px){  }
    XL-: @media (min-width: 1200px){  }
    L-: @media (min-width: 992px){  }
    M-: @media (min-width: 768px){  }
    S-: @media (min-width: 576px){  }

*/

/* XXXL 1600 */

@media (min-width:1600px){
    
    #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-550px;
        right:20vw;
        z-index:2;
    }
}
@media (min-width:1600px) and (min-height:1200px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-400px;
        right:20vw;
        z-index:2;
    }
}
@media (min-width:1600px) and (min-height:1400px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-150px;
        right:20vw;
        z-index:2;
    }
}

/* XXL 1400-1599 */

@media (min-width:1400px) and (max-width:1599px){
    
    #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-600px;
        right:10vw;
        z-index:2;
    }
}
@media (min-width:1400px) and (max-width:1599px) and (min-height:700px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-870px;
        right:10vw;
        z-index:2;
    }
}
@media (min-width:1400px) and (max-width:1599px) and (min-height:900px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-670px;
        right:10vw;
        z-index:2;
    }
}
@media (min-width:1400px) and (max-width:1599px) and (min-height:1100px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-400px;
        right:10vw;
        z-index:2;
    }
}
@media (min-width:1400px) and (max-width:1599px) and (min-height:1400px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-150px;
        right:10vw;
        z-index:2;
    }
}

/* XL 1200-1399 */

@media (min-width:1200px) and (max-width:1399px){
    
    #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-600px;
        right:8vw;
        z-index:2;
    }
    #heroContent{ z-index:2; position:relative; left:10vw; text-align:center; }
}

@media (min-width:1200px) and (max-width:1399px) and (min-height:1100px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-400px;
        right:8vw;
        z-index:2;
    }
}
@media (min-width:1200px) and (max-width:1399px) and (min-height:1400px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-150px;
        right:8vw;
        z-index:2;
    }
}

/* L 993-1199 */

@media (min-width:993px) and (max-width:1199px){

    #heroClouds{
        background:url(../img/design/oath-clouds-smaller.png) no-repeat top center;
        width:713px;
        height:1216px;
        position:absolute;
        bottom:-430px;
        right:8vw;
        z-index:2;
    }
    #heroContent{ z-index:2; position:relative; left:8vw; text-align:center; }

}
@media (min-width:993px) and (max-width:1199px) and (min-height:1100px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-400px;
        right:2vw;
        z-index:2;
    }
}
@media (min-width:993px) and (max-width:1199px) and (min-height:1400px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-200px;
        right:2vw;
        z-index:2;
    }
}

/* M */

/* 893-992 */

@media (min-width:893px) and (max-width:992px){
    #heroClouds{
        background:url(../img/design/oath-clouds-smaller.png) no-repeat top center;
        width:713px;
        height:1216px;
        position:absolute;
        bottom:-300px;
        right:5vw;
        z-index:2;
    }
     #heroContent{ z-index:2; position:relative; left:10vw; text-align:center; }   
 }
 @media (min-width:893px) and (max-width:992px) and (min-height:1100px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-400px;
        right:0vw;
        z-index:2;
    }
     #heroContent{ z-index:2; position:relative; left:5vw; text-align:center; }   
}
@media (min-width:893px) and (max-width:992px) and (min-height:1400px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-200px;
        right:0vw;
        z-index:2;
    }
     #heroContent{ z-index:2; position:relative; left:5vw; text-align:center; }   
}

/* 769-892 */

@media (min-width:769px) and (max-width:892px){
    #heroClouds{
        background:url(../img/design/oath-clouds-smaller.png) no-repeat top center;
        width:713px;
        height:1216px;
        position:absolute;
        bottom:-300px;
        right:2vw;
        z-index:2;
    }
     #heroContent{ z-index:2; position:relative; left:7vw; text-align:center; }   
}
 @media (min-width:769px) and (max-width:892px) and (min-height:1100px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-400px;
        right:-5vw;
        z-index:2;
    }
     #heroContent{ z-index:2; position:relative; left:5vw; text-align:center; }   
}
@media (min-width:769px) and (max-width:892px) and (min-height:1400px){
   #heroClouds{
        background:url(../img/design/oath-clouds.png) no-repeat top center;
        width:913px;
        height:1557px;
        position:absolute;
        bottom:-200px;
        right:0vw;
        z-index:2;
    }
     #heroContent{ z-index:2; position:relative; left:3vw; margin-top:-150px; text-align:center; }   
}

/* M 769-992 */

@media (min-width:769px) and (max-width:992px){

    #heroContent h1{ font-size:150px; letter-spacing:5px; margin-right:-5px; margin-top:0; bottom:0; line-height:130px; color:#fff; }
    #heroContent #heroCaptionTop{ font-size:16px; letter-spacing:1px; }
    #heroContent #heroCaptionBottom{ font-size:14px; letter-spacing:1px; }

}

/* XS-S < 768 */

@media (max-width:768px){
    #heroClouds{
        width:100%;
        height:100vh;
        background:url(../img/design/oath-clouds-flat.jpg) top center;
        background-size:cover;
        position:absolute;
        left:0;
        top:0;
    }
    #heroContent .container{
        max-width:100%;
        padding:0 60px;
        text-align:center;
    }
    #heroFader{ 
        background:rgba(0,0,0,0.1);
        width:100%; 
        height:100vh;
        position:absolute;
        top:0;
        left:0; 
        z-index:1;
    }
    #heroContent{ position:relative; left:0; width:100%; }
    #heroContent h1{ font-size:140px; line-height:120px; text-shadow:rgba(0,0,0,0.5) 0px 0 5px;  }
    #heroContent .hero-caption{ text-shadow:rgba(0,0,0,8) 0px 0 5px;  }
}
@media (max-width:576px){
    #heroContent #heroCaptionTop{ font-size:18px; letter-spacing:1px; }
    #heroContent #heroCaptionBottom{ font-size:16px; letter-spacing:1px; }
}

/* HOME CONTENT */

#home #mainContent{ min-height:100vh; padding-bottom:120px; }
#home .section-wrapper{ padding:60px 0; }

#oathInfo h2{ margin-top:-10px; margin-bottom:-10px; }
#oathInfo h4{ margin-bottom:0px; text-transform:uppercase; font-size:16px; }

#oathCover{ position:relative; height:600px; margin:10px auto; }
#oathCover img{ max-height:100%; position:relative; z-index:10; border:8px #8B734B solid; }
#oathCoverHighlight{ 
    width:100%;
    height:200px;
    background:#8B734B; 
    position:absolute;
    top:50%;
    margin-top:-100px;
    left:0;
    z-index:0;
}

.oath-nav{ margin-top:15px; margin-bottom:30px; }

.oath-lines{ 
    text-align:center; 
    width:600px;
    margin:0 auto;  
    z-index:10; 
}
.oath-lines img{ max-width:100%; }
.oath-lines-top{ position:relative; top:-35px; }
.oath-lines-top-half{ position:relative; top:0px; }
.oath-lines-bottom{ position:relative; bottom:-35px; }

#oathTour{ background:url(../img/design/section-bg-oath.jpg) center center no-repeat; background-size:cover; padding:120px 0 120px; min-height:70vh; }

/* ------------------------------------ MAIN LAYOUT > TEXT PAGES ------------------------------------ */

.textpage #bannerFader{
    background:rgba(26,26,26,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    opacity: 1;
}
.textpage #bannerFaderTop{
    background: url(../img/design/fader-tb.png) repeat-x top center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0.6; 
}
.textpage #bannerFaderBottom{
    background: url(../img/design/banner-fader-x2.png) repeat-x bottom center;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    opacity: 1; 
}
.textpage #bg{ width:100%; height: 100vh; top:0; left:0; position:relative; }
.textpage#news #bg{ background: url(../img/banners/live-20191109-back.jpg) center center no-repeat; background-size: cover; }
.textpage#band #bg{ background: url(../img/banners/promo-2024.jpg) center center no-repeat; background-size: cover; }
.textpage#releases #bg{ background: url(../img/banners/oath-alt.jpg) center center no-repeat; background-size: cover; }
.textpage#heaven #bg{ background: url(../img/banners/heaven-vol-3.jpg) center center no-repeat; background-size: cover; }
.textpage#tour #bg{ background: url(../img/banners/live-20191214-side.jpg) center center no-repeat; background-size: cover; }
.textpage#media #bg{ background: url(../img/banners/oath-mv.jpg) center center no-repeat; background-size: cover; }
.textpage#contact #bg{ background: url(../img/banners/live-20191214-end.jpg) center center no-repeat; background-size: cover; }
.textpage#shop #bg{ background: url(../img/banners/oath.jpg) center center no-repeat; background-size: cover; }

.textpage #mainContent{ margin-top:-55vh; min-height:100vh; padding:60px 0 120px; background:none; }

@media (orientation: portrait) {
    .textpage #mainContent{ margin-top:-35vh;}

}


/* NEWS */

#news .subscribe .socials{ font-size:16px; position: relative; top: -2px; }
#news .subscribe .socials a{ margin:-2px -5px }
#news .subscribe .socials .fa-stack-1x { font-size: 1.1rem; }

.news-post{ background: rgba(33,33,33,0.6); border:#333 1px solid; padding:30px 30px 15px; margin-bottom:15px; }
.news-post h4{ margin-top:0; color:#8B734B; }
.news-post h4 span{ color:#fff; font-size:13px; font-weight:normal; line-height:30px ;}
.news-post .img-fluid{ width:100%; }
.news-post-body img{ width:100%; }

/* BAND */

#band .release-wrapper{ padding: 15px; }
#band .release-wrapper table.list tr td:nth-child(odd){ vertical-align: top; width:150px; padding-bottom:0; }
#band .release-wrapper table.list tr td:nth-child(even){ width:auto; }
#band .release-wrapper table.list tr td img{ max-width:100%; max-height:initial; }
#band .release-wrapper p{ margin-bottom: 8px; }

/* RELEASES */

.release{ margin-bottom:30px; }
.release-wrapper{ background: rgba(33,33,33,0.6); border:#333 1px solid; height: 100%; }
.release p{ font-size:15px; }

/* RELEASE & MEDIA */

#releases .release, #media .release{ text-align:center; }
#releases .release a h5, #releases .release a p{ color:#fff; }

/* ALBUM & TOUR INFO */

.album-info-table,.tour-info-table{ line-height:23px; }
.album-info-table .display-table-cell,.tour-info-table .display-table-cell{ border-bottom:1px solid rgba(255, 255, 255, 0.1); }
.album-info-table .display-table-cell{ padding:20px 10px; }
.tour-info-table .display-table-cell{ padding:10px; }

.album-info-table .display-table-cell:nth-child(1){ width:15%; font-weight:bold; color:#fff; text-align:right; }
.album-info-table .display-table-cell:nth-child(2){ width:85%; }
.album-info-table ol.tracklist{ margin-bottom:0; }

.tour-info-table .ticket{ text-align:right; }

/* CONTACT */

#partners{ padding-top:15px; }
#partners .list-table{ margin-bottom:30px }

/* SHOP */

.order-variant{ margin-bottom: 25px; }
.order-variant p{ line-height: 20px; }
.order-variant .btn{ margin-bottom: 5px; }
.shop-notice a{ color: #fff; }
.shop-notice strong{ color: #F27F0B; }
.shop-option{ padding:0px; }
#home .shop-option{ padding: 0 0 30px; }
#home .shop-option:nth-child(1){ padding-top: 15px; }


/* ------------------------------------ MODAL ------------------------------------ */


.modal-backdrop.show{ opacity:0.9; }

.modal-content{ background:#1a1a1a; }
.modal-content h4{ font-size: 2.5rem; color: #8B734B; }
.modal-content h4 span{ font-size: 1.5rem; color: #fff; position: relative; top: -15px; }
.modal-content h5.caption{ margin-bottom: 5px; margin-top:15px; } 
.modal-content .card{ font-size: 11px; }
.modal-content .form-group{ margin-bottom:15px; }

.modal-header{ border-bottom:0; padding-bottom: 0; display:block; align-items:normal; }

.modal-close{
	font-size: 1.8rem;
    cursor: pointer;
    text-align: right;
    width: 100%;
    display: block;
    padding: 5px 15px;
}

.modal-body{ padding:30px 30px; }

.modal-footer{ border-top:0; display:block; align-items:normal; text-align:center; }

/* ------------------------------------ OPTIMISATION ------------------------------------ */

/*

XXL-: @media (min-width: 1400px){  }
XL-: @media (min-width: 1200px){  }
L-: @media (min-width: 992px){  }
M-: @media (min-width: 768px){  }
S-: @media (min-width: 576px){  }

*/

/* --------------- DISPLAY L upwards --------------- */

@media (min-width: 992px){

    nav#mainNav .socials{ display:flex; }

}

/* --------------- DISPLAY XS, S & M --------------- */

@media (max-width: 991px){

    body{ font-size: 14px; }
    hr{ margin: 15px auto 30px; }

    .lead{ font-size:1.1rem; }

    #heroContent #heroLabels img{ filter:drop-shadow(0 0 3px rgba(0,0,0.8)); }

    .container, .container-fluid{ padding-left:30px; padding-right:30px; }

    /* NAV */

    nav#mainNav .navbar-brand img{ height:35px; }
    nav#mainNav .nav-pipe{ display:none; }

    nav#mainNav .navbar-toggler{ 
        background:#8B734B; 
        border-radius:0; 
        text-transform:uppercase; 
        font-weight: 900; 
        font-size:15px; 
        padding: 8px 15px; 
        color: #111; 
    }
    nav#mainNav .container-fluid{ background:rgba(23,23,23,1); }
    #home nav#mainNav .container-fluid{ background:none; }
    #home nav#mainNav.navbar-shrink .container-fluid, #home nav#mainNav .navbar-collapse{ background:rgba(23,23,23,0.5); }
    #home nav#mainNav.navbar-shrink .navbar-collapse{ background:none; }


    nav#mainNav .navbar-nav{ text-align:center; }
    nav#mainNav .navbar-nav .dropdown-menu{ text-align:center }
    nav#mainNav #navSocials{ margin:8px 0; }

    /* TEXTPAGE */

    .textpage #bg{
        height: auto;
        background: none;
        position: relative;
        margin-top:93px;
    }
    .textpage #mainContent{ margin-top:0; padding: 30px 0px 90px; }
    
    .textpage #bannerFader,
    .textpage #bannerFaderTop,
    .textpage #bannerFaderBottom{ display: none; }

}

/* --------------- DISPLAY XS & S --------------- */

@media (max-width: 767px){



    h2{ font-size:50px; }
    h2.oath{ font-size:100px; }

    /* HOME */

    .oath-lines{ width:400px; }
    #oathCover{ height:300px }
    #oathCoverHighlight{ 
        height:100px;
        background:#8B734B; 
        position:absolute;
        top:50%;
        margin-top:-50px;
        left:0;
        z-index:0;
    }
    #oathTour{ height: }

    #home #mainContent{ padding-bottom:60px; }


    /* FOOTER */

    footer #mono-symbol{ max-width:130px; }

    /* RELEASES */

    .release{ margin-bottom:15px; }

    /* ALBUM & TOUR INFO */

    .display-table-responsive .display-table-row{ display:inline; }
    .album-info-table .display-table-cell{ width:100%; padding:5px 0px; }
    .album-info-table .display-table-cell:nth-child(1),
    .album-info-table .display-table-cell:nth-child(2){ width:100%; }
    .album-info-table .display-table-cell:nth-child(1){ text-align:left; }

    .tour-info-table .display-table-cell{ width:60%; margin:auto; display:block; text-align:center!important; padding:5px; border:none; }
    .tour-table .display-table-cell:nth-child(1){color: #AA8860;font-weight:bold;}
    .tour-info-table .display-table-cell:nth-child(3){ color:#fff; }
    .tour-info-table .display-table-cell:last-child{ padding-bottom:15px; border-bottom:1px solid rgba(255, 255, 255, 0.1); margin-bottom:15px; }

}

/* --------------- DISPLAY XXL < 1600 --------------- */

@media (min-width: 1400px) and (max-width: 1599px){

    /* TEXTPAGE */

    .textpage #bg{ height:900px;  }

}

/* --------------- DISPLAY XL --------------- */

@media (min-width: 1200px) and (max-width: 1399px){ 

    /* TEXTPAGE */

    .textpage #bg{ height:850px;  }

}

/* --------------- DISPLAY L --------------- */

@media (min-width: 992px) and (max-width: 1199px){ 

    nav .navbar-brand{ margin-right:0.5rem; }
    nav, nav .dropdown-item{ letter-spacing:1px; }
    .navbar-expand-lg .navbar-nav .nav-link{ padding:0 .3rem; }
    .navbar-expand-lg .navbar-nav .nav-link.nav-bullet{ padding:0 .1rem; }

    /* TEXTPAGE */

    .textpage #bg{ height:800px;  }

}

/* --------------- DISPLAY M --------------- */

@media (min-width: 768px) and (max-width: 991px){

    /* TEXTPAGE */

    .textpage #bg{
        height: auto;
        background: none;
        position: relative;
    }
    .textpage #content-wrapper{
        margin-top: 0;
    }

}

/* --------------- DISPLAY S --------------- */

@media (min-width: 576px) and (max-width: 767px){


}

/* --------------- DISPLAY XS --------------- */

@media (max-width: 575px){

}