/* 
___  ___  __  __ ___    ___ ___ ___ _____ ___
/ __|/ _ \|  \/  | __|  / __|_ _| __|_   _/ __|
\__ \ (_) | |\/| | _|  | (_ || || _|  | | \__ \
|___/\___/|_|  |_|___|  \___|___|_|   |_| |___/

2024 refresh

#fff2a5 yellow 
#ffffff white 
#110d11 black 
#586074 gray/blue 
#fb763a orange 

*/

 html {
     scroll-padding-top: 125px;
}
 body {
    margin: 0px;
     background: #110d11;
     color: #fff;
     font-family: "Gothic A1", sans-serif;
     font-size: 1.0rem;
     background:url(../images/band-cats-1600-screened.jpg) no-repeat center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

/* fixed-top */

 body {
     min-height: 75rem;
     padding-top: 5.5rem;
}

/* google fonts */

 .gothic-a1-regular {
     font-family: "Gothic A1", sans-serif;
     font-weight: 400;
     font-style: normal;
}
 .monofett-regular {
     font-family: "Monofett", monospace;
     font-weight: 400;
     font-style: normal;
}

/* change the color of the hamburger menu */

 .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(128, 128, 128, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* bootstrap overrides */

 h1 {
    text-transform: uppercase;
     font-size: 1.5rem;
}
 h2 {
    font-size: 1.2rem;
}
 h5 {
    text-transform: uppercase;
}
 .btn {
    background: #110d11;
     color: #fff;
     border: 1px solid #586074;
     margin-top:15px;
}
 .btn:hover {
    background: #110d11;
     color: #fff2a5;
     border: 1px solid #fff2a5;
}
 .btn-primary {
    text-transform: uppercase;
     margin-bottom: 1rem;
     font-size: .8rem;
}
 .btn-releases {
    text-transform: uppercase;
     font-size: .7rem;
}
 .navbar {
    background: #110d11;
     border-bottom:2px solid #586074;
}
 .navbar-brand, .nav-link {
    color: #fff;
}
 .navbar-brand:hover {
	color: #fff; 
}
 .nav-link:hover {
    color: #fff2a5;
}
 .navbar-toggler {
	color: #fff; 
}
 .card {
    background: #110d11;
}
 .card-body {
    color: #fff;
}
 .section-header {
    border-top: 3px solid #fff;
     border-bottom: 1px solid #fff;
     padding-top: 1rem;
     padding-bottom: .3rem;
     margin-bottom: 1rem;
}
 .showlisting {
    margin-bottom: 1rem;
     border-bottom: 1px solid #586074;
}
 .showlisting .btn {
    margin-top: .5rem;
}
 #hero h1 {
    text-decoration:none;
     border: none;
     font-size: 2rem;
     margin: 0;
     padding: 0;
     margin-top: .5rem;
}
 #merch .btn {
    margin-bottom: .5rem;
}
 footer {
    margin-top: 2rem;
     background: #110d11;
     border-top: 2px solid #586074;
}
 footer h2 {
    font-size: .9rem;
     text-transform: uppercase;
}
 footer .btn {
    margin-bottom: .5rem;
     font-size: .8rem;
}
 #band {
    background: #586074;
}

/* album pages */

.album-page-header {
	margin-bottom: 1rem;
}
.service-listing {
	border-bottom: 2px solid #000; background:#fff;
}

/* media queries */

 @media (min-width: 768px) {
     body {
         font-size:.9rem;
    }
     .btn {
        font-size:.7rem;
    }
     #hero h1 {
        font-size:2rem;
    }
     .showlisting .btn {
        margin-top:0;
    }
}

 @media (min-width: 992px) {
     body {
         font-size:1rem;
    }
     .btn {
        font-size:1.0rem;
    }    
     .btn-releases {
        font-size:.8rem;
    }   
     #hero h1 {
        font-size:4rem;
    }     
 	#album-hero h1 {
 		font-size:4rem;
 	}
}