/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
    --cnvs-themecolor: #141A1C !important;
    --cnvs-themecolor-rgb: 20, 26, 28 !important;
    --cnvs-secondary-color: #575756 !important;
    --cnvs-secondary-color-rgb: 87, 87, 86 !important;

    --cnvs-secondary-font:	'Oswald', sans-serif;
    --cnvs-primary-font:	'Oswald', sans-serif;
    --cnvs-body-font: 'Raleway', sans-serif;
    --bs-primary-bg-subtle: #d5d5d5 !important;
    --bs-secondary-bg-subtle: #e2e3e5 !important;

    --bs-primary: #141A1C !important;
    --bs-primary-rgb: 49, 172, 243 !important;
    --bs-secondary: #575756 !important;
    --bs-secondary-rgb: 87, 87, 86 !important;
}

.text-primary{ color: #141A1C !important;}


.border-primary {
    border-color: #141A1C !important;
}

.border-secondary {
    border-color: #575756 !important;
}

/* Tab */

#demo-drone-tab {
    --bs-nav-tabs-border-width: 0px;
    --bs-nav-link-color: #111;

}

#demo-drone-tab .nav-item {
    position: relative;
}

#demo-drone-tab .nav-item .nav-link.active .tab-title {
    font-weight: 600;
}

.nav-link.active{
    background-color: transparent !important;
}

@media (min-width: 992px) {
    #demo-drone-tab .nav-item .nav-link.active::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        margin-left: -5px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid var(--cnvs-contrast-300);
        bottom: 0;
        left: 50%;
    }
}