/*
Theme Name: Desean Carter
Theme URI: http://example.com/deseancarter/
Description: A child theme of Meteorite
Author: Desean Carter
Author URI: https://deseancarter.com/
Template: meteorite
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: deseancarter
*/

/* --------------------- Child Styling --------------------- */

@charset "UTF-8";

/* Trade Gothic LT Std Font Faces */
@font-face {
    font-family: 'Trade Gothic LT Std';
    src: url('fonts/Trade Gothic LT Std/TradeGothicLTStd.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std';
    src: url('fonts/Trade Gothic LT Std/TradeGothicLTStd-Obl.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std';
    src: url('fonts/Trade Gothic LT Std/TradeGothicLTStd-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std';
    src: url('fonts/Trade Gothic LT Std/TradeGothicLTStd-LightObl.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std';
    src: url('fonts/Trade Gothic LT Std/TradeGothicLTStd-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std';
    src: url('fonts/Trade Gothic LT Std/TradeGothicLTStd-BoldObl.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Nuclear option - overrides everything including inherited styles */
* {
    font-family: 'Trade Gothic LT Std', Arial, sans-serif !important;
}

.primary-color {
    color: #7e0a0b !important;
}

/* Fix Headings */
h1, h2, h3, h4, h5, h6 {
    color: #FFFFFF !important;
}

.custom-h2 {
    color: #000000 !important;
}

.custom-h1 {
    color: #ffffff !important;
}

/* Fix Main Nav */
#main-nav ul li a {
    text-transform: uppercase;
}

#main-nav ul li a:focus,
#main-nav ul li a:hover {
    border: none !important;
    outline: none !important;
}

/* Fix Home Click Here Button */
#home-click-here {
    background-color: #ffffff !important;
    color: #7e0a0b !important;
    border: 2px solid #7e0a0b !important;
    border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

#home-click-here:hover {
    background-color: #7e0a0b !important;
    color: #ffffff !important;
}

/* Fix Home CTA Button */
#home-cta {
    font-size: 30px !important;
    letter-spacing: .1em !important;
}

/* Meteorite Button Style Overrides */
.meteorite-button,
.btn-meteorite,
.meteorite .button,
.meteorite-btn {
    background-color: #7e0a0b;
    color: #ffffff;
    border: 2px solid #7e0a0b;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    padding: 12px 45px 11px;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}

.meteorite-button:hover,
.btn-meteorite:hover,
.meteorite .button:hover,
.meteorite-btn:hover {
    background-color: transparent;
}

/* Bootstrap Button Style Overrides */
.btn,
.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark {
    background-color: #7e0a0b !important;
    color: #ffffff !important;
    border: 2px solid #7e0a0b !important;
    border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    padding: 12px 45px 11px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-success:hover,
.btn-danger:hover,
.btn-warning:hover,
.btn-info:hover,
.btn-light:hover,
.btn-dark:hover {
    background-color: transparent !important;
}

/* Alternative custom class for consistent styling */
.custom-button {
    background-color: #7e0a0b;
    color: #ffffff;
    border: 2px solid #7e0a0b;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    padding: 12px 45px 11px;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}

.custom-button:hover {
    background-color: transparent;
}

/* Responsive Styles */
@media (max-width: 768px) {
    #home-cta {
        font-size: 24px !important;
    }

    /*#home-hero {*/
    /*    margin-left: -15px !important;*/
    /*    margin-right: -15px !important;*/
    /*}*/

    #home-map {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

.btn-submenu {
        font-family: "FontAwesome" !important;
}