@charset "UTF-8";
/*!
* Template Name: MIKEMEDIACO
* 
**/

/*** 01. FONTS */
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Light.eot");
    src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/Roboto-Light.eot#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.eot");
    src: local("Roboto"), local("Roboto-Regular"), url("../fonts/Roboto-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Medium.eot");
    src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/Roboto-Medium.eot#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold.eot");
    src: local("Roboto Bold"), local("Roboto-Medium"), url("../fonts/Roboto-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Nunito";
    src: url("../fonts/Nunito-Regular.eot");
    src: local("Nunito Regular"), local("Nunito-Regular"), url("../fonts/Nunito-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/Nunito-Regular.woff2") format("woff2"), url("../fonts/Nunito-Regular.woff") format("woff"), url("../fonts/Nunito-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Nunito";
    src: url("../fonts/Nunito-Bold.eot");
    src: local("Nunito Bold"), local("Nunito-Bold"), url("../fonts/Nunito-Bold.eot#iefix") format("embedded-opentype"), url("../fonts/Nunito-Bold.woff2") format("woff2"), url("../fonts/Nunito-Bold.woff") format("woff"), url("../fonts/Nunito-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Elemental End Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Elemental End Regular'), url('../fonts/Elemental-End.woff') format('woff');
}

@font-face {
    font-family: 'Elemental End Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Elemental End Italic'), url('../fonts/Elemental-End-italic.woff') format('woff');
}

.ff-carme {
    font-family: Elemental End Regular, sans-serif !important;
}

.ff-base {
    font-family: Roboto, sans-serif !important;
}

.ff-alt {
    font-family: Nunito, sans-serif !important;
}

.font-monospace,
.ff-mono {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.fw-medium {
    font-weight: 500 !important;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white .h1,
.text-white .h2,
.text-white .h3,
.text-white .h4,
.text-white .h5,
.text-white .h6 {
    color: #fff;
}

/* Default styles (for mobile-first design) */
.cm-details-h1 {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1em;
}

.cm-details-h2 {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
}

.cm-details h3,
.cm-details .h3 {
    font-size: 1.75rem;
}

.cm-details h4,
.cm-details .h4 {
    font-size: 1.5rem;
}

.cm-details h5,
.cm-details .h5 {
    font-size: 1.25rem;
}

.cm-details h6,
.cm-details .h6 {
    font-size: 1.1rem;
}

/* Large screen styles */
@media (min-width: 992px) {
    .cm-topTitle-h1 {
        font-size: 5.5rem;
        max-width: 85rem;
        margin: 0 auto;
        /* font-weight: 700; */
        /* letter-spacing: -0.04em; */
    }

    .cm-details-h1 {
        font-size: 2.75rem;
        font-weight: 700;
        letter-spacing: -0.04em;
    }

    .cm-details-h2 {
        font-size: 2.5rem;
        letter-spacing: -0.03em;
    }

    .cm-details-h3 {
        font-size: 2rem;
        letter-spacing: -0.03em;
    }

    .cm-details h4,
    .cm-details .h4 {
        font-size: 1.5rem;
    }

    .cm-details h5,
    .cm-details .h5 {
        font-size: 1.25rem;
    }

    .cm-details h6,
    .cm-details .h6 {
        font-size: 1.05rem;
    }
}

.vr-h2 {

    font-size: 2.15rem;
    line-height: 1.75rem;
    font-weight: bold;
    color: #242930;
}

.vr-h3 {

    font-size: 1.7rem;
    line-height: 1.5rem;
    font-weight: bold;
}

.cm-small {
    font-size: 0.7rem;
}

.cm-est-value-price {
    font-size: 4rem;
    font-weight: 800;
}

/** 
*
*02. COLORS 
*
**/

body {
    background-color: #f8f8f8;
}

.cm-bgblack {
    background-color: #242930 !important;
}

.cm-iconInverted {
    filter: invert(1);
}

.cm-bgmain {
    background-color: #F8F8F8 !important;
}

.cm-textblack {
    color: #3d3d3d !important;
}

.pricing-card.featured {
    z-index: 1;
    border: 2px solid var(--tblr-teal);
    order: -1
}

@media (min-width: 768px) {
    .pricing-card.featured {
        order: unset;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: 0 0 4px rgba(var(--tblr-teal), .04);
        border-radius: 8px
    }
}

/** 03. Nav Stuff */
.navbar-expand-sm .nav-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 solid #f8f8f8;
    border-bottom-width: 2px;
}

.navbar-expand-md .nav-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 solid #f8f8f8;
    border-bottom-width: 2px;
}

.navbar-expand-lg .nav-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 solid #f8f8f8;
    border-bottom-width: 2px;
}

.navbar-brand-image {
    height: 1.3rem;
    width: auto;
}

/*Enhance navbar stability
.navbar.sticky-top {
    position: fixed !important;
    width: 100%;
    top: 0;
    z-index: 1030;
    transition: all 0.2s ease-in-out;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(5px);
} */

/* Refine content spacing */
/* .page-wrapper {
    padding-top: 61px;
    transition: padding 0.2s ease-in-out;
} */

/* Vehicle Info section */
.nav-section-vehicle .nav-item.show .nav-link,
.nav-section-vehicle .nav-link.active {
    color: var(--tblr-teal);
    border-color: var(--tblr-teal);
}

/**
* TEST CSS HERE
*/
.list-group-item.active {
    background-color: rgba(var(--tblr-secondary-rgb), .08);
    border-left-color: var(--tblr-teal);
    border-left-width: 2px
}

.border-dashed {
    border-style: dashed;
}

.cmF-error-message {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.cmF-is-invalid {
    border-color: #dc3545;
}

.cmF-is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}