@charset "UTF-8";

:root {
    --primary: var(--bs-primary);
    --shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    --red: #bf2f02;
}

body {
    font-family: 'Open Sans', sans-serif;
    max-width: 1920px;
    margin: 0 auto;
    box-shadow: var(--shadow);
    background-color: #000;
    color: #ebebeb; }

section, .section { border-bottom: solid 1px rgba(255,255,255,.15); }
#page section { padding: 2rem 0; }
    
h1, h2, h3, h4, h5, h6 { color: #FFC040; }

.h1-wrapper {
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center; }

h1 {
    line-height: 2.65rem;
    text-transform: uppercase;
    margin-bottom: 0; }

a {
    color: #ffffcc;
    text-decoration: none;
    transition: all .15s ease; }

a:hover { color: var(--bs-warning); }
.text-primary { color: var(--red) !important; }

.bi { margin-top: -4px; }
.btn:focus { box-shadow: none; }
address { margin-bottom: 0; }

.btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: none; }

.text-underline:hover { text-decoration: none; }
.underline { text-decoration: underline; }
.underline:hover { text-decoration: none; }

.list-style-none { list-style: none; }

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center; }


/* ******************************************** Content ******************************************** */

header { 
    height: 100px;
    border-bottom: solid 1px rgba(255,255,255,.15); }


/* Navigation */
#nav {
    height: 100px;
    border-top: solid 1px rgba(255,255,255,.1);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem 3rem; }

.nav-inner { margin-left: auto; }

#nav h1 {
    line-height: 1.4rem;
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 0; }

#nav a {
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffcc;
    padding: 0.5rem; }

#nav a:hover { color: #fff; }

nav h1 { 
    color: #eee;
    font-size: 22px; }

nav .dropdown { display: inline-block; }
nav .border-top { border-top: solid 1px rgba(255,255,255,.25) !important; }

.dropdown-item {
    text-transform: capitalize !important;
    padding: .5rem 1rem !important; }

.btn-book { 
    background-color: var(--red); }

.btn-outline-book { 
    border: solid 1px var(--red);
    color: #fff;
    background-color: transparent; }
    
.btn-book span, .btn-book { color: #fff; }

nav .dropdown-item small {
    display: block;
    color: #fff;
    font-size: 14px; }


/* Landing */

/*
#landing {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 100px); }
*/

#landing .video-wrapper { text-align: right; }

#landing .ratio {
    border: solid 1px rgba(255,255,255,.15);
    border-radius: .5rem; }
    
#landing p { font-weight: 300; }

#landing cite {
    margin-top: 1rem;
    display: block;
    font-size: 1rem !important;
    color: #ddd; }

.landing-img {
    padding: 0;
    height: calc(100vh - 100px);
    background-position: center;
    background-size: cover; 
    background-image: url(../images/landings/bg1.jpg); }

.bandcamp { 
    color: #408294;
    text-decoration: none; }
    
/* well */
.well {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 3rem;
    min-height: 400px; }

.well p {
    color: #bebebe;
    font-weight: 300;
    letter-spacing: .05rem; }
    
#index-links { padding: 4rem 0; }

#index-links mark {
    background-color: rgba(255, 255, 204, .8);
    padding: .25rem;
    border-radius: .15rem;
    font-size: 20px;
    line-height: 2.3rem }


/* Bg Images */
.bg {
    background-size: cover;
    background-position: center;
    padding: 0; }

/* Card */
.card { 
    background-color: #000;
    border: none;
    text-align: center;
    height: 100%; }
    
.card-footer { 
    border: none;
    background-color: #222 }
    
.card-pic { border-radius: 50%; }

.card-header { 
    border: none;
    z-index: 2;
    background-color: transparent; }

.card-body { 
    border: none;
    z-index: 1;
    background-color: #111;
    margin-top: -4rem; }
    
.card-body h1 { margin-top: 4rem; }
#index-links .card-body { margin-top: 0; }
#index-links h1 { margin-top: 0; }
#index-links .card-footer { max-height: 1rem; }
.mb-6 { margin-bottom: 4rem; }

/* ******************************************** PAGE ******************************************** */

.page-landing {
    overflow: hidden;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center; }
    
.bg2 { background-image: url(../images/bg2.jpg); }
.bg3 { background-image: url(../images/landings/bg3.jpg); }
.bg4 { background-image: url(../images/landings/bg4.jpg); }
.bg5 { background-image: url(../images/landings/bg5.jpg); }
.bg6 { background-image: url(../images/landings/bg6.jpg); }

/* Rates */
.pricing-card-title { margin-top: 3rem; }

/* Profiles */
.staff-h1 {
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
    justify-content: center; }

.staff-h1 h1 { margin-left: 1rem; }

.profile-pic {
    max-width: 100%;
    height: auto;
    border-radius: 50%; }

.album-cover, .gallery-img {
    transition: all .15s ease;
    filter: contrast(100%);
    max-width: 100%;
    height: auto;
    border-radius: .5rem; }

.album-cover:hover, .album-cover:focus, .gallery-img:hover, .gallery-img:focus {
    filter: contrast(150%); }
    
.profile-links-wrapper {
    display: flex;
    flex-direction: column; }

.profile-links-wrapper a { margin-top: 1.25rem; }


/* Footer */
footer {
    border-top: solid 1px rgba(255,255,255,.15);
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem; }

footer p { color: inherit !important; }

.footer-links {
    padding: 0 1rem;
    margin-top: .5rem;
    margin-bottom: .5rem; }

.footer-links a {
    text-decoration: none;
    color: #ffffcc;
    margin-left: .5rem; }

.footer-links a:hover { color: #aaa; }

.footer-links a::before {
    margin-right: .5rem;
    content: "|"; }

.footer-links a:first-child::before { content: ""; }
.footer-links:nth-of-type(2) a:before { display: none; }


/* MSWD */
.mswd-links p {
    font-size: 13px !important;
    display: block;
    margin-top: 1rem;
    line-height: 1.25rem;
    text-align: center; }

.mswd-links a {
    transition: all .15s ease;
    text-decoration: underline;
    color: inherit;
    font-size: inherit; }

.mswd-links a:hover {
    opacity: .7;
    text-decoration: none; }


/* ******************************************** REPONSIVE ******************************************** */

@media (min-width: 1200px) {
    .container { max-width: 1140px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    #landing { height: auto; }
    #landing h1 { font-size: calc(1.525rem + 3.3vw); }
    .landing-img { height: 500px; }
    .official-website { font-size: 14px; }
    #nav a {
        text-transform: Capitalize !important;
        padding: 0.25rem; }
        
    #nav .btn-book {
        background-color: transparent !important;
    }
    
    #nav .h1-wrapper h2 {
        font-size: 1rem !important;
    }
}

@media (orientation: landscape) and (max-width: 767px) {
    #nav .btn-book {
        margin-top: 0;
        margin-left: 0.5rem !important; }
}

@media (max-width: 767px) {
    .order1 { order: 1; }
    .order2 { order: 2; }
    header { height: 140px; }
    .bg { height: 100px; }
    
    .well { 
        min-height: unset;
        padding: 1rem; }
    
    /* Navigation */
    .nav-inner a:first-of-type { display: none; }
    header { height: auto; }
    .nav-inner { margin: 1rem 0 0 0; }
    .nav-inner a:not(.btn-book) { margin-top: 2rem; }
    
    #nav { 
        height: auto;
        border-top: none;
        padding: 1rem;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start; }
    
    #nav .btn-book { 
        margin-left: 0.25rem !important;
        margin-top: -0.25rem; }
    
    #nav a h1 { 
        margin-bottom: 1rem;
        color: #fff; }
        
    #nav a {
        padding: .25rem;
        font-size: 1rem;
        text-transform: capitalize; }
        
    /* Landing */
    #landing { 
        background-image: none;
        background-size: unset;
        background-position: unset;
        height: auto; }
    
    #landing h1 { margin-top: 1rem; }
    
    #landing .ratio {
        transform: none;
        margin-top: 2rem; }
        
    /* Index Links */
    #index-links { padding: 2rem 0; }
    #index-links .card { border: solid 1px rgba(255,255,255,.35); }
    
    /* Page */
    .page-landing { height: 200px; }
    
    .staff-h1 { 
        margin-bottom: 1rem;
        flex-direction: column; }

    /* Footer */
    footer p, .footer-links a { font-size: 16px !important; }
}

@media (max-width: 360px) {
    #nav a {
        font-size: 15px;
        text-transform: Capitalize !important;
        padding: 0.25rem; }
        
    #nav .btn-book {
        background-color: transparent !important;
    }
    
    #nav .btn-book {
        margin-left: 0 !important;
        margin-top: 0;
    }
    
}