/* TGG Design */
/* Global Classes */
.card-25 {
    height: 25vh;
}
.p-10vh {
    padding: 10vh 0;
}

/* Navigation Styling */
.custom-nav-link {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    transition: 0.15s ease;
    border-bottom: 5px solid #000;
    font-family: 'Inter' sans-serif;
    letter-spacing: 1px;
}
.custom-nav-link:hover {
    color: #aabea3 !important;
    border-bottom: 5px solid #aabea3;
}
.nav-item.active .custom-nav-link {
    color: #aabea3 !important;
}
.nav-item {
    padding: 0 10px;
}
.navbar-nav {
    margin: 0 auto !important;
}
.search-nav .nav-item a {
    color: #000 !important;
}
.search-nav .nav-item a:hover {
    color: #fff;
    border-bottom: 3px solid black;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', sans-serif !important;
    text-transform: uppercase;
    font-weight: bold;
}
p {
    font-family: 'Inter', sans-serif;
}
.info-text { 
    padding-top: 10px;
    font-weight: bold;
    font-size: 14px !important;
}
/* Colors */
.bg-lightgrey {
    background-color: #e0e0e0;
}
.bg-black { 
    background-color: #000;
}
.bg-mint {
    background-color: #aabea3;
}
.bg-beige {
    background-color: rgb(199, 188, 150);
}
.text-mint {
    color: #aabea3;
}
a.text-mint:hover {
    color: #fff;
}
.text-beige {
    color: rgb(199, 188, 150);
}
.text-black { 
    color: #000;
}
.text-black a:hover { 
    color: #fff; 
}
.main-hero {
    padding: 20vh 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 72px;
    font-weight: 600;
    text-shadow: 0 2px 3px rgba(0,0,0,0.75);
}
.sub-hero {
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 600;
}
.form-check-label {
    font-family: 'Inter', sans-serif;
}
.small-text { 
    font-size: 18px;
}

/* Images */
.navbrand { 
    max-width: 15vw;
    height: auto;
}
.home-bg {
    background-image: url('../images/Home-BG.jpg');
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    height: 60vh;
}
.section-1-bg {
    background-image: url('../images/Section-BG-1.jpg');
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    height: 60vh;
}

/* Buttons/Animations */
.btn-mint { 
    background-color: #aabea3;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0 !important;
    transition: 0.35s ease;
}
.btn-mint:hover { 
    background-color: #fff;
    color: #000;
    border-bottom: 5px solid #aabea3;
}
.btn-beige { 
    background-color: rgb(199,188,150);
    color: #000 !important;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0 !important;
    transition: 0.35s ease;
}
.btn-beige:hover { 
    background-color: #fff;
    color: #000 !important;
    border-bottom: 5px solid rgb(199,188,150);
}
.btn-white { 
    background-color: #fff;
    color: #000 !important;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0 !important;
    transition: 0.35s ease;
}
.btn-white:hover { 
    background-color: #fff;
    color: #000 !important;
    border-bottom: 5px solid #000;
}
.btn-black-mint { 
    padding: 15px;
    background-color: #000;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0 !important;
    transition: 0.35s ease;
}
.btn-black-mint:hover { 
    background-color: #fff;
    color: #000 !important;
    border-bottom: 5px solid #aabea3;
    box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}
.btn-black-beige { 
    padding: 15px;
    background-color: #000;
    color: #fff !important;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0 !important;
    transition: 0.35s ease;
}
.btn-black-beige:hover { 
    background-color: #fff;
    color: #000 !important;
    border-bottom: 5px solid rgb(199,188,150);
    box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}
.border-bottom {
    border-bottom: 5px solid !important
}
.border-mint { 
    border-color: #aabea3 !important;
}
.border-beige { 
    border-color: rgb(199,188,150) !important;
}
.testimonial-card { 
    transition: 0.35s ease;
}
.testimonial-card:hover {
    transform: scale(1.025, 1.025);
    box-shadow: 0 5px 20px rgba(0,0,0,0.35);
}

/* General Styling */
.signin-section {
    padding: 10vh 0;
}
.border-bottom{
    border-bottom: 5px solid #dee2e6;
}
.signup-fields {
    border: none;
    border-bottom: 5px solid #aabea3;
    border-radius: 0;
    font-family: 'Inter', sans-serif;
}
.foot-fields {
    border: none;
    border-bottom: 5px solid #fff;
    background: transparent;
    border-radius: 0;
    font-family: 'Inter', sans-serif;
}
.foot-fields::placeholder {
    color: #fff;
}
.testimonial-card {
    border-bottom: 5px solid #aabea3;
}
.dashboard-cards {
    height: 25vh;
}
.dashboard-cards h5 {
    padding: 5vh 0;
}
.card-icon { 
    font-size: 75px;
}

/* Mobile Views */
@media screen and (max-width: 1080px) {
    .navbrand { 
        max-width: 50vw;
    }
    .main-hero {
        font-size: 32px;
    }
    .signin-section {
        padding: 0;
    }
    .home-bg {
        height: 30vh;
    }
    .section-1-bg {
        height: 30vh;
    }
    .main-hero {
        padding: 10vh 0;
    }
}