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

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

.open-sans {
                font-family: "Open Sans", sans-serif;
                font-optical-sizing: auto;

                font-style: normal;
                font-variation-settings:
                        "wdth" 100;
            }
.oswald {
             font-family: "Oswald", sans-serif;
             font-optical-sizing: auto;

             font-style: normal;
         }


:root {
    --cnvs-themecolor: #121212 !important;
    --cnvs-themecolor-rgb: 18, 18, 18 !important;
    --cnvs-secondary-color: #e29300 !important;
    --cnvs-secondary-color-rgb: 226, 147, 00 !important;

    --cnvs-secondary-font:	'paralucent', sans-serif;
    --cnvs-primary-font: 'paralucent-text', sans-serif;
    --cnvs-body-font: 'Open Sans', sans-serif;
    --bs-primary-bg-subtle: #d5d5d5 !important;
    --bs-secondary-bg-subtle: #e2e3e5 !important;

    --bs-primary: #121212 !important;
    --bs-primary-rgb: 49, 172, 243 !important;
    --bs-secondary: #e29300 !important;
    --bs-secondary-rgb: 226, 147, 00 !important;
}

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


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

.border-secondary {
    border-color: #e29300 !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%;
    }
}