/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* MATERIAL ICONS */
[class*="material-icons"] {
    vertical-align: middle;
}

:root{
    --bs-border-radius-xxl: 1.4rem;
    --bs-light-bg-subtle: #f7f8f9;
    --bs-box-shadow-sm: 0 0.125rem 0.4rem rgba(0, 0, 0, 0.04);
    --bs-font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-size: 1rem;
    --bs-body-line-height: 1.6;
    --bs-link-color: #7185ff;
    --bs-link-color-rgb: 113, 133, 255;

    --bs-warning: #d75700;
    --bs-warning-rgb: 215, 87, 0;
    --bs-success: #00776a;
    --bs-success-rgb: 0, 119, 106;
    --bs-danger: #e7114f;
    --bs-danger-rgb: 231, 17, 79;
    --bs-info: #077189;
    --bs-info-rgb: 7, 113, 137;
    --bs-info-bg-subtle: #dbf0f3;
    --bs-light: #f1f2f5;
}

html{
    font-size: 15px;
}

/* TYPO */

@media (min-width: 1200px){
    h1, .h1 {
        font-size: 2.4rem;
    }
}

h2, .h2 {
    font-size: 1.8rem;
}
h3, .h3 {
    font-size: 1.2rem;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-weight: 600;
    margin-bottom: 1rem;
}

h4, .h4{
    font-size: 1.4rem;
}
h5, .h5{
    font-size: 1.1rem;
}

.subtitle{
    text-transform: uppercase;
    font-weight: 400;
    color: #31606d;
    font-size: 1.2rem;
}

/* CONTENT */

/* Table */

@media (min-width: 992px){
    .table > :not(caption) > * > * {
        padding: 1rem 1rem;
    }
}

/* sidebar */

.sidebar {
    min-height: 100vh;
    height: auto;
    background-color: #fff;
}

.sidebar .nav-pills .nav-link{
    border-radius: 0;
}

@media (min-width: 992px){
    .sidebar {
        position: sticky;
        top:0;
    }
}

/* FORM */

.dropdown-toggle {
    outline: 0;
}

.form-signin {
    max-width: 330px;
    padding: 1rem;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* switch */

.form-switch {
    padding-left: 3em;
}

.form-switch .form-check-input {
    height: 1.5em;
    width: 2.5em;
    margin-left: -3em;
    margin-top: 0;
}

/* COMPONENTS */

/* alert */

.alert{
    --bs-border-width: 0;
}

/* buttons */

.btn-light {
    --bs-btn-bg: #d7d9db;
}

.badge{
    --bs-badge-padding-x: .85em;
    --bs-badge-padding-y: .5em;
    --bs-badge-font-size: .8em;
    --bs-badge-font-weight: 600;
}

/* card */

.card {
    --bs-card-spacer-y: 1.75rem;
    --bs-card-spacer-x: 1.75rem;
    --bs-card-border-width: 0;
    --bs-card-border-radius: var(--bs-border-radius-xxl);
    --bs-card-inner-border-radius: var(--bs-border-radius-xxl);
    --bs-card-box-shadow: var(--bs-box-shadow-sm);
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.09);
    --bs-card-cap-padding-y: .75rem;
    --bs-card-cap-padding-x: 1.25rem;
    box-shadow: var(--bs-card-box-shadow);
}

.hover-translate{
    transition: all ease .24s;
    display: inline-block;
}

.hover-translate:hover{
    transform: translateX(12px);
}

/* nav */

.nav {
    --bs-nav-link-color: var(--bs-black-rgb);
}
.nav-pills {
    --bs-nav-pills-link-active-bg: #7185ff;
}

/* UTILITIES */

/* colors */

.bg-warning{
    color: #8d3b09;
}

#manager-register > .row,
#manager-login > .row{
    min-height: 100vh;
}

@media (min-width: 1200px){
    .form-signup.card {
        --bs-card-spacer-y: 3rem;
        --bs-card-spacer-x: 3rem;
    }
}

.form-signup {
    max-width: 450px;
}

.form-signup form .form-floating:not(:last-child){
    margin-bottom: 1.5rem;
}

/* READ MORE */
.read-more-content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--read-more-line-clamp, 2);
}