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

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

:root {
    --cnvs-themecolor: #fdd000;
    --cnvs-themecolor-rgb: 253, 208, 0;
    --cnvs-secondary-color: #9e1d55;
    --cnvs-secondary-color-rgb: 158, 29, 85;
    --cnvs-body-font: "Tajawal", sans-serif;
    --cnvs-primary-font: "Tajawal", sans-serif;
    --cnvs-secondary-font: "Tajawal", serif;
    --cnvs-secondary-color-sub-menu: #ffffff;
    /*--cnvs-body-bg: #fdd000;*/
}

.form-control {
    --cnvs-input-btn-input-bg: #fdd00033;
    --bs-body-bg: #fdd00033;
}

.form-select {
    background-color: #fdd00033;
}

.btn-outline-primary {
    --bs-btn-active-bg: #fdd00033;
    --bs-btn-active-color: #000000;
}

.btn-primary {
    --bs-btn-bg: #9e1d55;
    --bs-btn-hover-bg: #fdd000;
}
@media (min-width: 992px) {
    .sub-menu-container .menu-item > .menu-link {
        font-size: 1rem;
        font-weight: 400;
        color: var(--cnvs-secondary-color-sub-menu) !important;
    }
}