/* Typography */
.wdk-text, .wdk-subtitle, .wdk-subtext, .wdk-title {
    margin: 0;
    color: var(--text-base);
}

.wdk-text {
    font-size: 14px;
    white-space: normal;
    word-wrap: break-word;
}

.wdk-subtext {
    color: var(--grey-03);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    white-space: normal;
}

.wdk-title {
    font-size: 26px;
    line-height: 1.3;
    font-family: 'Poppins', sans-serif;
}

.wdk-subtitle {
    font-size: 18px;
    line-height: 1.3;
    font-family: 'Poppins', sans-serif;
}

.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
@media(max-width: 576px) {
    .fs-12 { font-size: 11px !important; }
}
.fs-13 { font-size: 13px !important; }
@media(max-width: 576px) {
    .fs-13 { font-size: 12px !important; }
}
.fs-14 { font-size: 14px !important; }
@media(max-width: 576px) {
    .fs-14 { font-size: 13px !important; }
}
.fs-15 { font-size: 15px !important; }
@media(max-width: 576px) {
    .fs-15 { font-size: 14px !important; }
}
.fs-16 { font-size: 16px !important; }
@media(max-width: 576px) {
    .fs-16 { font-size: 14px !important; }
}
.fs-18 { font-size: 18px !important; }
@media(max-width: 576px) {
    .fs-18 { font-size: 16px !important; }
}
.fs-20 { font-size: 20px !important; }
@media(max-width: 576px) {
    .fs-20 { font-size: 18px !important; }
}
.fs-22 { font-size: 22px !important; }
@media(max-width: 576px) {
    .fs-22 { font-size: 18px !important; }
}
.fs-24 { font-size: 24px !important; }
@media(max-width: 576px) {
    .fs-24 { font-size: 22px !important; }
}
.fs-26 { font-size: 26px !important; }
@media(max-width: 576px) {
    .fs-26 { font-size: 22px !important; }
}
.fs-28 { font-size: 28px !important; }

.fs-30 { font-size: 30px !important; }
@media(max-width: 576px) {
    .fs-30 { font-size: 24px !important; }
}
.fs-32 { font-size: 32px !important; }
.fs-34 { font-size: 34px !important; }
.fs-36 { font-size: 36px !important; }
.fs-38 { font-size: 38px !important; }
.fs-40 { font-size: 40px !important; }
.fs-42 { font-size: 42px !important; }
.fs-44 { font-size: 44px !important; }
.fs-60 { font-size: 60px !important; }

.fw-300 { font-weight: 300 !important;}
.fw-400 { font-weight: 400 !important;}
.fw-500 { font-weight: 500 !important;}
.fw-600 { font-weight: 600 !important;}
.fw-700 { font-weight: 700 !important;}
.fw-800 { font-weight: 800 !important;}
.fw-bold { font-weight: bold !important;}


/* Others */
.text-truncate {
    text-overflow: ellipsis;
    display: block !important;
    white-space: nowrap !important;
}

.text-truncate-side {
    text-overflow: ellipsis;
    display: block !important;
    white-space: nowrap !important;
}

.text-truncate-vert-1 {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-vert-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-vert-3 {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-vert-4 {
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-td {
    text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: hidden;
}

.text-truncate-col {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-truncate-col-200 {
    max-width: 200px;
}
.text-truncate-col-500 {
    max-width: 500px;
}

.break-word {
    overflow-wrap: break-word;
}

.page-heading > .wdk-title i { display: none; }
.wdk-text.uppercase { text-transform: uppercase; }
.wdk-text.italic { font-style: italic;}

.first-uppercase {
    text-transform: lowercase;
}

.first-uppercase::first-letter {
    text-transform: uppercase;
}

.vertical-center {
    vertical-align: middle;
}

.vertical-text-top {
    vertical-align: text-top !important;
}

.wdk-description-block {
    display: flex;
    align-items: center;
    background-color: var(--white-02);
    border-left: 2px solid var(--grey-350);
    margin-left: -35px;
}

.wdk-description-block.right {
    border-left: none;
    border-right: 2px solid var(--grey-350);
    margin-left: 0 !important;
}

.wdk-description {
    font-size: 14px;
    font-style: italic;
}
@media (max-width: 576px) {
    .wdk-description-block {
        background-color: var(--white-02);
        border-left: initial;
        margin-left: initial;
    }
}

.text-wrap {
    height: auto !important;
    white-space: pre-wrap !important;
    text-align: left !important;
}

.text-wrap-balance {
    text-wrap: balance;
}

/* Text colors */
.wdk-text.grey,
.wdk-title.grey {
    color: var(--grey-03);
}

.dropdown-item.red-02,
.dropdown-item.disabled.red-02 {
    color: var(--red-02);
}
.dropdown-item.red-02:hover {
    background-color: transparent;
    color: var(--red-02);
    cursor: not-allowed;
}

.text-disabled { color: var(--grey-300) }

.wdk-text.white, .wdk-title.white, .wdk-subtext.white, i[class*="icon-"].white {  color: var(--white-01) !important; }
.wdk-text.light, .wdk-title.light, .wdk-subtext.light, i[class*="icon-"].light {  color: var(--grey-03) !important; }
.wdk-text.lighter, .wdk-title.lighter, .wdk-subtext.lighter, i[class*="icon-"].lighter {  color: var(--grey-300) !important; }
.wdk-text.primary, .wdk-title.primary, .wdk-subtext.primary, i[class*="icon-"].primary {  color: var(--text-primary) !important; }
.wdk-text.secondary, .wdk-title.secondary, .wdk-subtext.secondary, i[class*="icon-"].secondary {  color: var(--secondary) !important; }
.wdk-text.secondary-dark, .wdk-title.secondary-dark, .wdk-subtext.secondary-dark, i[class*="icon-"].secondary-dark {  color: var(--secondary-dark) !important; }
.wdk-text.tertiary, .wdk-title.tertiary, .wdk-subtext.tertiary, i[class*="icon-"].tertiary {  color: var(--tertiary) !important; }
.wdk-text.tertiary-dark, .wdk-title.tertiary-dark, .wdk-subtext.tertiary-dark, i[class*="icon-"].tertiary-dark {  color: var(--tertiary-dark) !important; }
.wdk-text.blue, .wdk-title.blue, .wdk-subtext.blue, i[class*="icon-"].blue {  color: var(--blue-04) !important; }
.wdk-text.blue-dark, i[class*="icon-"].blue { color: var(--blue-05) !important;}
.wdk-text.success, .wdk-title.success, .wdk-subtext.success, i[class*="icon-"].success {  color: var(--success) !important; }
.wdk-text.warning, .wdk-title.warning, .wdk-subtext.warning, i[class*="icon-"].warning {  color: var(--warning) !important; }
.wdk-text.danger, .wdk-title.danger, .wdk-subtext.danger, i[class*="icon-"].danger {  color: var(--red-04) !important; }
.wdk-text.red-01, .wdk-title.red-01, .wdk-subtext.red-01, i[class*="icon-"].red-01 {  color: var(--red-01) !important; }
.wdk-text.red-02, .wdk-title.red-02, .wdk-subtext.red-02, i[class*="icon-"].red-02 {  color: var(--red-02) !important; }
.wdk-text.grey, .wdk-title.grey, .wdk-subtext.grey, i[class*="icon-"].grey {  color: var(--grey-300) !important; }
.wdk-text.grey-02, .wdk-title.grey-02, .wdk-subtext.grey-02, i[class*="icon-"].grey-02 {  color: var(--grey-02) !important; }
.wdk-text.grey-03, .wdk-title.grey-03, .wdk-subtext.grey-03, i[class*="icon-"].grey-03 {  color: var(--grey-03) !important; }
.wdk-text.placeholder-color, .wdk-title.placeholder-color, .wdk-subtext.placeholder-color, i[class*="icon-"].placeholder-color {  color: var(--placeholder) !important; }
.wdk-text.disabled { color: var(--grey-300) !important; }

.wdk-title {
    display: flex;
    align-items: center;
}

.wdk-title.centralizer {
    justify-content: center;
}

.wdk-title.primary {
    color: var(--primary);
}

.wdk-title [class*=icon-] {
    margin: -1px 6px 0 0;
}

.wdk-text [class*=icon-] {
    margin: 0 1px 0 0;
    font-size: 16px;
    vertical-align: middle;
}

/* Text sizes Old */
.wdk-text.sm { font-size: 12px; }
.wdk-text.lg { font-size: 16px; }
.wdk-text.xsm { font-size: 10px; }


/* Validation */
.field-validation-error,
.field-validation-valid,
.validation-summary-errors {
    color: var(--red-04);
    font-size: 14px;
}

.fs-responsive {
    line-height: 1;
}

/* Points responsive on banner */
@media (max-width: 1367px) {
    .fs-32.fs-responsive {
        font-size: 28px !important;
        line-height: 1;
    }
    .fs-28.fs-responsive {
        font-size: 24px !important;
        line-height: 1;
    }
    .fs-26.fs-responsive {
        font-size: 22px !important;
        line-height: 1;
    }
    .fs-16.fs-responsive {
        font-size: 14px !important;
        line-height: 1;
    }
}
@media (max-width: 1281px) {
    .fs-32.fs-responsive {
        font-size: 24px !important;
        line-height: 1;
    }
    .fs-28.fs-responsive {
        font-size: 22px !important;
        line-height: 1;
    }
    .fs-26.fs-responsive {
        font-size: 18px !important;
        line-height: 1;
    }
    .fs-16.fs-responsive {
        font-size: 14px !important;
    }
}
@media (max-width: 1125px) {
    .fs-32.fs-responsive {
        font-size: 18px !important;
    }
    .fs-28.fs-responsive {
        font-size: 16px !important;
    }
    .fs-16.fs-responsive {
        font-size: 12px !important;
    }
}
@media (max-width: 576px) {
    .fs-20.fs-responsive {
        font-size: 14px !important;
    }
}

.featured-checkbox-label.fs-custom-1412 {
    font-size: 14px;
}

@media (min-width: 1400px) and (max-width: 1487px) {
    .fs-custom-1412 {
        font-size: 12px !important;
    }
}