/* override defaults */
/* override defaults */
/* override defaults */
/* override defaults */

.fa-spin {
    transform-origin: 50% 46% !important;
}

:root,
html,
body {
    --icom-default-border-radius: clamp(.5rem, 5vw, 1rem);
    --icom-default-gap: calc(var(--icom-default-border-radius) * 0.8);
    --icom-button-default-border-radius: .8em;
    --icom-button-default-padding-x: 2em;
    --icom-button-default-padding-y: 1.5em;
    --icom-heading-default-weight: 400;
    --icom-header-default-height: 3.5rem;
    --icom-header-default-nav-box-shadow: 
        0 0 .5rem rgba(0,0,0, .2),
        0 0 1rem rgba(0,0,0, .1);


    --mud-palette-black: rgba(39, 44, 52, 1) !important;
    --mud-palette-white: rgba(255, 255, 255, 1) !important;
    --mud-palette-primary: #06244D !important;
    --mud-palette-primary-text: #ffffff !important;
    --mud-palette-primary-darken: #03142e !important;
    --mud-palette-primary-lighten: #0f3d7e !important;
    --mud-palette-primary-hover: #F1F2F8 !important;
    --mud-palette-secondary: #C82234 !important;
    --mud-palette-secondary-text: #ffffff !important;
    --mud-palette-secondary-darken: #931120 !important;
    --mud-palette-secondary-lighten: #e73b4f !important;
    --mud-palette-secondary-hover: #f5dbde !important;
    --mud-palette-tertiary: #4f697e !important;
    --mud-palette-tertiary-rgb: 69, 80, 89 !important;
    --mud-palette-tertiary-text: #ffffff !important;
    --mud-palette-tertiary-darken: #212d37 !important;
    --mud-palette-tertiary-lighten: #567c9a !important;
    --mud-palette-tertiary-hover: #D8E7F3 !important;
    --mud-palette-info: rgba(33, 150, 243, 1) !important;
    --mud-palette-info-text: rgba(255, 255, 255, 1) !important;
    --mud-palette-info-darken: rgb(12, 128, 223) !important;
    --mud-palette-info-lighten: rgb(71, 167, 245) !important;
    --mud-palette-info-hover: rgba(33, 150, 243, 0.058823529411764705) !important;
    --mud-palette-success: rgba(0, 200, 83, 1) !important;
    --mud-palette-success-text: rgba(255, 255, 255, 1) !important;
    --mud-palette-success-darken: rgb(0, 163, 68) !important;
    --mud-palette-success-lighten: rgb(0, 235, 98) !important;
    --mud-palette-success-hover: rgba(0, 200, 83, 0.058823529411764705) !important;
    --mud-palette-warning: rgba(255, 152, 0, 1) !important;
    --mud-palette-warning-text: rgba(255, 255, 255, 1) !important;
    --mud-palette-warning-darken: rgb(214, 129, 0) !important;
    --mud-palette-warning-lighten: rgb(255, 167, 36) !important;
    --mud-palette-warning-hover: rgba(255, 152, 0, 0.058823529411764705) !important;
    --mud-palette-error: rgba(244, 67, 54, 1) !important;
    --mud-palette-error-text: rgba(255, 255, 255, 1) !important;
    --mud-palette-error-darken: rgb(242, 28, 13) !important;
    --mud-palette-error-lighten: rgb(246, 96, 85) !important;
    --mud-palette-error-hover: rgba(244, 67, 54, 0.058823529411764705) !important;
    --mud-palette-dark: rgba(66, 66, 66, 1) !important;
    --mud-palette-dark-text: rgba(255, 255, 255, 1) !important;
    --mud-palette-dark-darken: rgb(46, 46, 46) !important;
    --mud-palette-dark-lighten: rgb(87, 87, 87) !important;
    --mud-palette-dark-hover: rgba(66, 66, 66, 0.058823529411764705) !important;

    --icom-light: #f8f9fa;
    --icom-dark: #171819;

    /* --icom-primary: #06244D;
    --icom-primary-dark: #03142e;
    --icom-primary-light: #F1F2F8;
    --icom-secondary: #C82234;
    --icom-secondary-dark:  #560a13;
    --icom-secondary-light: #f5dbde;
    --icom-tertiary: #D8E7F3;
    --icom-tertiary-dark:  #64788a;
    --icom-tertiary-light: #e7f2fb; */

    /* --icom-header-default-nav-color: var(--icom-primary);
    --icom-header-default-nav-bg-color: white; */
}

/* h1, h2, h3, h4, h5, h6 */
body, html
{
    font-family: "Lexend Deca", sans-serif;
}

img {
    width: 100%;
    max-width: 100%;
    display: block;
}

p {
    font-size: 1.1rem;
    font-weight: 300;
    &.big-p {
        font-size: 1.5rem;
    }
    &.small-p {
        font-size: 1rem;
    }

    & a {
        /* text-decoration: underline; */
        &:hover {
            color: var(--icom-secondary)
        }
    }
}

/* ---- */


.icom-hero-two-box {
    .left > .inner {
        width: 100% !important;
        max-width: 100% !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        > * {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
    }
}