@font-face {
    font-family: 'montserrat';
    src: url('/assets/kkis/fonts/montserrat/woff/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat-medium';
    src: url('/assets/kkis/fonts/montserrat/woff/Montserrat-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat-semibold';
    src: url('/assets/kkis/fonts/montserrat/woff/Montserrat-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat-bold';
    src: url('/assets/kkis/fonts/montserrat/woff/Montserrat-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat-extrabold';
    src: url('/assets/kkis/fonts/montserrat/woff/Montserrat-ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat-black';
    src: url('/assets/kkis/fonts/montserrat/woff/Montserrat-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root,
[data-theme="light"] {
    --primary-color: #F88407 !important;
    --primary: var(--primary-color);
    --primary-100: #fff1e0;
    --secondary: #4EA2A4;
    --sidebar-select-color: #fff1e0;
    --page-background: #feeedc4a;
    --skeleton-bg: var(--page-background);
    --field-background: #53A5AD2B;

    --text-xs: 12px !important;
    --text-sm: 14px !important;
    --text-md: 15px !important;
    --text-base: 16px !important;
    --text-lg: 18px !important;
    --text-xl: 20px !important;
    --text-2xl: 22px !important;
    --text-3xl: 24px !important;
}



body {
    font-family: 'montserrat';
}

.btn.btn-primary {
    font-family: 'montserrat-medium';
}

h1,
h2,
h3,
h4 {
    font-weight: normal !important;
    font-family: 'montserrat-semibold';
}

.navbar {
    padding: 0;
}

a:hover,
a {
    color: var(--primary);
}

.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
    max-width: 100%;
}

::selection {
    background-color: var(--primary);
    color: #fff;
}

.navbar-light .navbar-nav .nav-link {
    font-size: var(--text-base);
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-100);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--primary);
}

.page-content-wrapper .for-login .page-card-head img,
.page-content-wrapper .for-forgot .page-card-head img,
.page-content-wrapper .for-login-with-email-link .page-card-head img,
.page-content-wrapper .for-signup .page-card-head img,
.page-content-wrapper .for-email-login .page-card-head img {
    max-height: initial;
}

.btn:focus-visible {
    outline: none;
    box-shadow: none;
}

.navbar-brand img {
    max-width: 100%;
    max-height: initial;
}

.btn-primary:focus,
.btn-primary.focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem var(--primary-100);
}

.page-content-wrapper .for-login,
.page-content-wrapper .for-forgot,
.page-content-wrapper .for-login-with-email-link,
.page-content-wrapper .for-signup,
.page-content-wrapper .for-email-login {
    padding: 40px 0;
}


.web-footer {
    display: none;
    padding: 0;
    min-height: initial;
}

.footer-col-left {
    width: 100%;
    max-width: 100%;
    flex: auto;
    text-align: center;
}

input[type="checkbox"]:focus {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
    box-shadow: none;
}

.form-control:focus {
    outline: 2px solid var(--secondary);
}

.page-content-wrapper .for-login .page-card .page-card-body input[type="text"],
.page-content-wrapper .for-login .page-card .page-card-body input[type="email"],
.page-content-wrapper .for-login .page-card .page-card-body input[type="password"],
.page-content-wrapper .for-forgot .page-card .page-card-body input[type="text"],
.page-content-wrapper .for-forgot .page-card .page-card-body input[type="email"],
.page-content-wrapper .for-forgot .page-card .page-card-body input[type="password"],
.page-content-wrapper .for-login-with-email-link .page-card .page-card-body input[type="text"],
.page-content-wrapper .for-login-with-email-link .page-card .page-card-body input[type="email"],
.page-content-wrapper .for-login-with-email-link .page-card .page-card-body input[type="password"],
.page-content-wrapper .for-signup .page-card .page-card-body input[type="text"],
.page-content-wrapper .for-signup .page-card .page-card-body input[type="email"],
.page-content-wrapper .for-signup .page-card .page-card-body input[type="password"],
.page-content-wrapper .for-email-login .page-card .page-card-body input[type="text"],
.page-content-wrapper .for-email-login .page-card .page-card-body input[type="email"],
.page-content-wrapper .for-email-login .page-card .page-card-body input[type="password"] {
    background-color: var(--field-background);
}

input:-webkit-autofill {
    background-color: var(--field-background);
}

.btn.btn-primary:focus {
    box-shadow: none;
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

.sidebar-item a {
    padding: 8px;
    font-family: 'montserrat-medium';
}

.sidebar-item a.active {
    background-color: var(--primary);
    color: var(--white);
    height: auto;
}

#navbarSupportedContent {
    justify-content: flex-end;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end;
}

.navbar-light .navbar-brand {
    padding: 0;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #F88407;
}



.my-account-container {
    max-width: 100%;
}

.my-account-container .account-info {
    margin: 0;
}

@media(max-width:991px) {
    .navbar {
        padding: 20px;
    }

    body[data-path="login"] .navbar {
        display: none;
    }
    
    body[data-path="me"][frappe-session-status="logged-in"] .main-column {
        flex: auto;
        padding: 0;
        max-width: 100%;
    }
    body[data-path="me"][frappe-session-status="logged-in"] .main-column .my-account-header {
        margin-left: 0;
    }
    body[data-path="me"][frappe-session-status="logged-in"] .account-info .col {
        padding: 15px;
    }
    body[data-path="me"][frappe-session-status="logged-in"] .main-column .page-content-wrapper {
        margin: 0;
    }
    body[frappe-session-status="logged-in"] .navbar-nav .d-block.d-lg-none {
        display: none !important;
    }
}

@media(max-width:767px) {
    .navbar {
        padding: 15px;
    }
}