/*
 * Typo Tweaks
*/

h1,
.h1 {
    font-size: 2rem;
    line-height: 1.1875em;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: #262526;
    margin-bottom: 1rem;
}

h2,
.h2 {
    font-size: 1.5rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #262526;
    margin-bottom: 1rem;
}

h3,
.h3 {
    font-size: 1.125rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #262526;
    margin-bottom: 0.75rem;
}

h4,
.h4 {
    font-size: 1rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #262526;
    margin-bottom: 0.5rem;
}

h5,
.h5 {
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #262526;
    margin-bottom: 0.5rem;
}

h6,
.h6 {
    font-size: 0.75rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #262526;
    margin-bottom: 0.5rem;
}

h1.text-thin,
.h1.text-thin {
    font-size: 3rem;
    font-weight: 300;
}

h2.text-thin,
.h2.text-thin {
    font-size: 2rem;
    font-weight: 300;
}

h3.text-thin,
.h3.text-thin {
    font-size: 1.25rem;
    font-weight: 300;
}

h4.text-thin,
.h4.text-thin {
    font-size: 1rem;
    font-weight: 300;
}

h5.text-thin,
.h5.text-thin {
    font-size: 0.875rem;
    font-weight: 300;
}

h6.text-thin,
.h6.text-thin {
    font-size: 0.75rem;
    font-weight: 300;
}


[data-theme="dark"] h1,
[data-theme="dark"] .h1 {
    font-size: 2rem;
    line-height: 1.1875em;
    font-weight: 700;
    letter-spacing: -0.04em;
    color: white;
    margin-bottom: 1rem;
}

[data-theme="dark"] h2,
[data-theme="dark"] .h2 {
    font-size: 1.5rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: white;
    margin-bottom: 1rem;
}

[data-theme="dark"] h3,
[data-theme="dark"] .h3 {
    font-size: 1.125rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: white;
    margin-bottom: 0.75rem;
}

[data-theme="dark"] h4,
[data-theme="dark"] .h4 {
    font-size: 1rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: white;
    margin-bottom: 0.5rem;
}

[data-theme="dark"] h5,
[data-theme="dark"] .h5 {
    font-size: 0.875rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: white;
    margin-bottom: 0.5rem;
}

[data-theme="dark"] h6,
[data-theme="dark"] .h6 {
    font-size: 0.75rem;
    line-height: 1.25em;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: white;
    margin-bottom: 0.5rem;
}

[data-theme="dark"] p.lead,
[data-theme="dark"] .p.lead {
    color: white;
}


[data-theme="dark"] h1.text-thin,
[data-theme="dark"] .h1.text-thin {
    font-size: 3rem;
    font-weight: 300;
}

[data-theme="dark"] h2.text-thin,
[data-theme="dark"] .h2.text-thin {
    font-size: 2rem;
    font-weight: 300;
}

[data-theme="dark"] h3.text-thin,
[data-theme="dark"] .h3.text-thin {
    font-size: 1.25rem;
    font-weight: 300;
}

[data-theme="dark"] h4.text-thin,
[data-theme="dark"] .h4.text-thin {
    font-size: 1rem;
    font-weight: 300;
}

[data-theme="dark"] h5.text-thin,
[data-theme="dark"] .h5.text-thin {
    font-size: 0.875rem;
    font-weight: 300;
}

[data-theme="dark"] h6.text-thin,
[data-theme="dark"] .h6.text-thin {
    font-size: 0.75rem;
    font-weight: 300;
}


[data-theme="dark"] ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--abs-text-gray-400);
    opacity: 1; /* Firefox */
}

[data-theme="dark"] :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--abs-text-gray-400);
}

[data-theme="dark"] ::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--abs-text-gray-400);
}



.abs-font-sm {
    font-size: 0.8rem !important;
}

.abs-font-md {
    font-size: 0.9rem !important;
}

.abs-font-lg {
    font-size: 1.2rem !important;
}

.abs-font-xl {
    font-size: 1.5rem !important;
}

.abs-font-brand {
    color: #22b9ff !important;
}


.abs-font-hover-brand:hover {
    color: #0080bb;
}

.abs-font-inverse-brand {
    color: #ffffff !important;
}



.abs-hidden,
.abs-hide {
    display: none !important;
}

.abs-font-sm {
    font-size: 0.8rem !important;
}

.abs-font-md {
    font-size: 0.9rem !important;
}

.abs-font-lg {
    font-size: 1.2rem !important;
}

.abs-font-xl {
    font-size: 1.5rem !important;
}

.abs-clearfix:before, .abs-clearfix:after {
    content: " ";
    display: table;
}

.abs-clearfix:after {
    clear: both;
}

.abs-icon-sm {
    font-size: 0.75rem !important;
}

.abs-icon-md {
    font-size: 0.9rem !important;
}

.abs-icon-lg {
    font-size: 1.2rem !important;
}

.abs-icon-xl {
    font-size: 1.4rem !important;
}

.abs-marginless {
    margin: 0 !important;
}

.abs-img-centered {
    text-align: center;
}

.abs-font-transform-u {
    text-transform: uppercase;
}

.abs-font-transform-l {
    text-transform: lowercase;
}

.abs-font-transform-c {
    text-transform: capitalize;
}

.abs-font-transform-i {
    text-transform: initial;
}

.abs-font-regular {
    font-weight: 400 !important;
}

.abs-font-bold {
    font-weight: 500 !important;
}

.abs-font-bolder {
    font-weight: 600 !important;
}

.abs-font-boldest {
    font-weight: 700 !important;
}

b, strong {
    font-weight: bold;
}

.abs-font-brand {
    color: #22b9ff !important;
}

.abs-font-hover-brand:hover {
    color: #0080bb;
}

.abs-font-inverse-brand {
    color: #ffffff !important;
}

.abs-bg-brand {
    background-color: #22b9ff !important;
}

.abs-bg-fill-brand {
    background-color: #22b9ff !important;
    color: #ffffff !important;
}

    .abs-bg-fill-brand > i {
        color: #ffffff !important;
    }

.abs-bg-light-brand {
    background-color: rgba(34, 185, 255, 0.1) !important;
}

.abs-font-light {
    color: #ffffff !important;
}

.abs-font-hover-light:hover {
    color: #cccccc;
}

.abs-font-inverse-light {
    color: #282a3c !important;
}

.abs-bg-light {
    background-color: #ffffff !important;
}

.abs-bg-fill-light {
    background-color: #ffffff !important;
    color: #282a3c !important;
}

    .abs-bg-fill-light > i {
        color: #282a3c !important;
    }

.abs-bg-light-light {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.abs-font-dark {
    color: #282a3c !important;
}

.abs-font-hover-dark:hover {
    color: black;
}

.abs-font-inverse-dark {
    color: #ffffff !important;
}

.abs-bg-dark {
    background-color: #282a3c !important;
}

.abs-bg-fill-dark {
    background-color: #282a3c !important;
    color: #ffffff !important;
}

    .abs-bg-fill-dark > i {
        color: #ffffff !important;
    }

.abs-bg-light-dark {
    background-color: rgba(40, 42, 60, 0.1) !important;
}

.abs-font-primary {
    color: #5867dd !important;
}

.abs-font-hover-primary:hover {
    color: #2332ac;
}

.abs-font-inverse-primary {
    color: #ffffff !important;
}

.abs-bg-primary {
    background-color: #5867dd !important;
}

.abs-bg-fill-primary {
    background-color: #5867dd !important;
    color: #ffffff !important;
}

    .abs-bg-fill-primary > i {
        color: #ffffff !important;
    }

.abs-bg-light-primary {
    background-color: rgba(88, 103, 221, 0.1) !important;
}

.abs-font-success {
    color: #1dc9b7 !important;
}

.abs-font-hover-success:hover {
    color: #107066;
}

.abs-font-inverse-success {
    color: #ffffff !important;
}

.abs-bg-success {
    background-color: #1dc9b7 !important;
}

.abs-bg-fill-success {
    background-color: #1dc9b7 !important;
    color: #ffffff !important;
}

    .abs-bg-fill-success > i {
        color: #ffffff !important;
    }

.abs-bg-light-success {
    background-color: rgba(29, 201, 183, 0.1) !important;
}

.abs-font-info {
    color: #2786fb !important;
}

.abs-font-hover-info:hover {
    color: #0355b9;
}

.abs-font-inverse-info {
    color: #ffffff !important;
}

.abs-bg-info {
    background-color: #2786fb !important;
}

.abs-bg-fill-info {
    background-color: #2786fb !important;
    color: #ffffff !important;
}

    .abs-bg-fill-info > i {
        color: #ffffff !important;
    }

.abs-bg-light-info {
    background-color: rgba(39, 134, 251, 0.1) !important;
}

.abs-font-warning {
    color: #ffb822 !important;
}

.abs-font-hover-warning:hover {
    color: #bb7f00;
}

.abs-font-inverse-warning {
    color: #111111 !important;
}

.abs-bg-warning {
    background-color: #ffb822 !important;
}

.abs-bg-fill-warning {
    background-color: #ffb822 !important;
    color: #111111 !important;
}

    .abs-bg-fill-warning > i {
        color: #111111 !important;
    }

.abs-bg-light-warning {
    background-color: rgba(255, 184, 34, 0.1) !important;
}

.abs-font-danger {
    color: #fd27eb !important;
}

.abs-font-hover-danger:hover {
    color: #bc02ad;
}

.abs-font-inverse-danger {
    color: #ffffff !important;
}

.abs-bg-danger {
    background-color: #fd27eb !important;
}

.abs-bg-fill-danger {
    background-color: #fd27eb !important;
    color: #ffffff !important;
}

    .abs-bg-fill-danger > i {
        color: #ffffff !important;
    }

.abs-bg-light-danger {
    background-color: rgba(253, 39, 235, 0.1) !important;
}

.abs-font-facebook {
    color: #3b5998 !important;
}

.abs-font-google {
    color: #dc4e41 !important;
}

.abs-font-twitter {
    color: #4AB3F4 !important;
}

.abs-font-instagram {
    color: #517fa4 !important;
}

.abs-font-youtube {
    color: #b31217 !important;
}

.abs-font-linkedin {
    color: #0077b5 !important;
}

.abs-font-skype {
    color: #00aff0 !important;
}

.abs-label-font-color-1 {
    color: #a2a5b9 !important;
}

.abs-label-bg-color-1 {
    background-color: #a2a5b9 !important;
}

.abs-label-font-color-2 {
    color: #74788d !important;
}

.abs-label-bg-color-2 {
    background-color: #74788d !important;
}

.abs-label-font-color-3 {
    color: #595d6e !important;
}

.abs-label-bg-color-3 {
    background-color: #595d6e !important;
}

.abs-label-font-color-4 {
    color: #48465b !important;
}

.abs-label-bg-color-4 {
    background-color: #48465b !important;
}

.abs-shape-font-color-1 {
    color: #f0f3ff !important;
}

.abs-shape-bg-color-1 {
    background-color: #f0f3ff !important;
}

.abs-shape-font-color-2 {
    color: #e8ecfa !important;
}

.abs-shape-bg-color-2 {
    background-color: #e8ecfa !important;
}

.abs-shape-font-color-3 {
    color: #93a2dd !important;
}

.abs-shape-bg-color-3 {
    background-color: #93a2dd !important;
}

.abs-shape-font-color-4 {
    color: #646c9a !important;
}

.abs-shape-bg-color-4 {
    background-color: #646c9a !important;
}

.abs-visible-desktop,
.abs-visible-desktop-inline-block,
.abs-visible-desktop-inline,
.abs-visible-desktop-table,
.abs-visible-desktop-table-cell,
.abs-visible-tablet,
.abs-visible-tablet-inline-block,
.abs-visible-tablet-inline,
.abs-visible-tablet-table,
.abs-visible-tablet-table-cell,
.abs-visible-tablet-and-mobile,
.abs-visible-tablet-and-mobile-inline-block,
.abs-visible-tablet-and-mobile-inline,
.abs-visible-tablet-and-mobile-table,
.abs-visible-tablet-and-mobile-table-cell,
.abs-visible-mobile,
.abs-visible-mobile-inline-block,
.abs-visible-mobile-inline,
.abs-visible-mobile-table,
.abs-visible-mobile-table-cell {
    display: none !important;
}