@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap');
@import url('benefit_enhancement.css');


:root
{
    --scheme-font-family-p : 'Kumbh Sans', sans-serif;
    --scheme-font-family-s : 'Kumbh Sans', sans-serif;

    --scheme-background-colour		: #F0F0F0;

    --scheme-colour-f      : #55AC85; /*UI*/
    --scheme-colour-d      : #1D5878;
    --scheme-colour-m      : #25171A;
    --scheme-colour-l      : #E6E6E6;
    --scheme-colour-h      : #55A4CE;

    --footer-foreground    : #FFFFFF;

    --scheme-colour-filt-f : invert(58%) sepia(91%) saturate(294%) hue-rotate(159deg) brightness(87%) contrast(83%);
    --scheme-colour-filt-d : invert(26%) sepia(75%) saturate(484%) hue-rotate(157deg) brightness(93%) contrast(91%);
    --scheme-colour-filt-l : invert(85%) sepia(15%) saturate(743%) hue-rotate(194deg) brightness(108%) contrast(109%);
    --scheme-colour-filt-m : invert(82%) sepia(27%) saturate(838%) hue-rotate(154deg) brightness(89%) contrast(97%);
    /*filter colour from https://isotropic.co/tool/hex-color-to-css-filter */


    --scheme-radius-sm     : 0.25rem;
    --scheme-radius-md     : 0px;
    --scheme-radius-lg     : 0px;
}


@media (min-width : 576px)
{
    .py-sm-0 a
    {
        padding-top : 3px !important;
    }
}


.over, .grad
{
    background      : linear-gradient(-45deg, var(--scheme-colour-f), var(--scheme-colour-h), var(--scheme-colour-d));
    background-size : 200% 200%;
    animation       : GRADIENT 30s ease infinite;
}


@keyframes GRADIENT
{
    0%
    {
        background-position : 0% 50%;
    }
    50%
    {
        background-position : 100% 50%;
    }
    100%
    {
        background-position : 0% 50%;
    }
}


.saving::before
{
    background-color : var(--scheme-colour-h);
}


.nav-link img
{
    filter : invert(1);
}


.navbottom .navbottom-link,
.navbar-light .navbar-toggler
{
    color : var(--scheme-colour-l);
}


.navbar-item img
{
    filter : invert(1);
}


.nav-link.home:hover img
{
    filter : var(--scheme-colour-filt-m);
}


.reel::-webkit-scrollbar-thumb
{
    background-color : var(--scheme-colour-h);
    border           : 1px solid var(--scheme-colour-h);
}


.tag-inner.ph-sizer-container
{
    color : var(--scheme-colour-l);
}


.ph-widget-radial-search .ph-scheme-logo
{
    display : none;
}