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

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

:root {
    --cnvs-themecolor: #31ACF3;
    --cnvs-themecolor-rgb: 49, 172, 243;
    --cnvs-secondary-color: #d9328a;
    --cnvs-secondary-color-rgb: 217, 50, 138;

    --cnvs-secondary-font:	'Oswald', sans-serif;
    --cnvs-primary-font:	'Oswald', sans-serif;
    --cnvs-body-font: 'Raleway', sans-serif;
    --bs-secondary: #d9328a;
    --bs-secondary-rgb: 217, 50, 138;

    --bs-primary: #31ACF3;
    --bs-primary-rgb: 49, 172, 243;

}

/* 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%;
    }
}