:root {
    --icom-default-border-radius: clamp(.25rem, 1.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);

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

    --icom-primary: #06244D;
    --icom-primary-dark: #03142e;
    --icom-primary-light: #F1F2F8;
    --icom-secondary: #8D784F;
    --icom-secondary-dark:  #75613a;
    --icom-secondary-light: #edd4a0;
    --icom-tertiary: #D8E7F3;
    --icom-tertiary-dark:  #b4c4d2;
    --icom-tertiary-light: #e7f2fb;


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

p a {
    text-decoration: underline;
}

footer {
    a {
        text-decoration: none !important;
    }
}

.icom-post-item-container-style-style1 {
    & .icom-alt-style {
        /* color: var(--icom-primary); */
        & .icom-btn {
            background-color: white !important;
            color: var(--icom-primary) !important;
        }
    }
}

/* needs to be changed on live */
.icom-post-item-style-style1 {
    margin: 0 !important;
}

.icom-header-menu-link {
    padding: .66rem 2rem !important;
}

.icom-hero-two-box > .left >.inner {
    max-width: 100%;
}

.big-p {
    font-size: clamp(1.15rem, 5vw, 1.35rem) !important;
}

.icom-heading-1 {
    font-size: clamp(2rem, 7vw, 3rem) !important;
}

#frontend-footer-cachalots {
    background-color: var(--icom-primary);

    font-size: .8rem;

    p {
        font-size: inherit;
        margin: 0;
    }

    & > .top {
        padding: 2rem;
    }

    & > .middle {
        background-color: var(--icom-secondary);
        display: flex;
        justify-content: center;
        padding: 1rem;
        & > .inner {
            width: 100%;
            max-width: 1400px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 2rem;
            color: var(--icom-primary);
        }
    }

    & > .bottom {
        padding: 1rem;
        text-align: center;
        color: var(--icom-secondary);
    }

    & #cachalots-footer-navlinks {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        * {
            font-weight: 600;
        }
    }

    & #cachalots-footer-socials {
        display: flex;
        gap: 1rem;
        * {
            font-size: 1.2rem;
        }
    }
}