/* ----------------------------------------------------------------
	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: #0038C5;
    --cnvs-themecolor-rgb: 0, 56, 197;
    --cnvs-secondary-color: #FEDD03;
    --cnvs-secondary-color-rgb: 254, 221, 3;
    --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: #0038C5;*/
}

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

.form-select {
    background-color: #0038C533;
}

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

.btn-primary {
    --bs-btn-bg: #FEDD03;
    --bs-btn-hover-bg: #0038C5;
}
@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;
    }
}