@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
@import "ticFramework.css";
@import "ticFrameworkForms.css";

:root
{
    --kawanaNavyBlue: #2c2d72;
    --kawanaNavyBlue25: rgba(44,45,114,0.25);
    --kawanaNavyBlue55: rgba(44,45,114,0.55);
    --kawanaRed: #bc252d;
    --kawanaDarkGrey: #231f20;
    --kawanaLightGrey: #f4f3f3;
    --kawanaLightPurple: #bfc0d4;
}
body
{
    font-family: "Source Sans 3", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 1.640625vw;
    color: #000000;
    line-height: 1.3;
}

@media (max-width: 979px)
{
    body
    {
        font-size: 16px;
        font-weight: 400;
    }
}
@media (min-width: 1280px)
{
    body
    {
        font-size: 21px;
    }
}

h1
{
    color: white;
    font-size: 3.2em;
    line-height: 1;
    margin: 0.7em 0;
    font-family: "Patrick Hand", cursive;
    font-weight: 400;
}
h2
{
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    color: var(--kawanaRed);
    font-size: 2.5em;
    line-height: 1;
    margin-bottom: 1vw;
}
h3
{
    font-size: 1.1em;
    font-weight: 400;
    color: var(--kawanaRed);
    margin-bottom: 1vw;
}
h4
{
    font-size: 1em;
    font-weight: 400;
    color: var(--kawanaNavyBlue);
    margin-bottom: 1vw;
}

a
{
    color: var(--kawanaNavyBlue);
    text-decoration: none;
    font-weight: 400;
}

.buttonLink, input[type="button"], input[type="reset"], input[type="submit"]
{
    font-weight: 400;
    font-size: 0.9em;
    display: inline-block;
    border: solid 2px var(--kawanaRed);
    color: var(--kawanaRed);
    padding: 0.37em 2.4em;
    border-radius: 2.645em;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
    background-color: transparent;
}
    .buttonLink:hover, .buttonLink.filled, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover
    {
        color: white;
        background-color: var(--kawanaRed);
    }
        .buttonLink.filled:hover
        {
            color: var(--kawanaRed);
            background-color: transparent;
        }
    .buttonLink.white
    {
        border-color: white;
        color: white;
    }

        .buttonLink.white:hover, .buttonLink.white.filled
        {
            color: var(--kawanaNavyBlue);
            background-color: white;
        }

            .buttonLink.white.filled:hover
            {
                color: white;
                background-color: transparent;
            }
    .buttonLink.blue
    {
        border-color: var(--kawanaNavyBlue);
        color: var(--kawanaNavyBlue);
    }

        .buttonLink.blue:hover, .buttonLink.blue.filled
        {
            color: white;
            background-color: var(--kawanaNavyBlue);
        }

            .buttonLink.blue.filled:hover
            {
                color: var(--kawanaNavyBlue);
                background-color: transparent;
            }

.innerPadded
{
    padding: 0 2.5vw;
    max-width: 95vw;
}

.smIcons a
{
    display: inline-block;
    color: white;
    background-color: var(--kawanaNavyBlue);
    width: 1.7em;
    height: 1.7em;
    border-radius: 50%;
    text-align: center;
    line-height: 1.85em;
    margin: 0 0.2116em;
}


header
{
}

    header .logo
    {
        margin: 0.6878rem 0 1.32275rem 0;
        width: 14.8148rem;
    }

    header .logo img
    {
        display: block;
    }

nav.desktop
{
    background-color: var(--kawanaNavyBlue);
}

.subscribe
{
    background-color: var(--kawanaLightGrey);
    text-align: center;
    padding-bottom: 3vw;
}
    .subscribe .doubleWave
    {
        background-image: url(../images/DoubleWave.png);
        width: 100%;
        padding-top: 4.043126684636119%;
        background-size: 100% 100%;
        margin-bottom: 3vw;
    }

footer
{
    background-color:var(--kawanaNavyBlue);
    color: white;
    padding: 2.5vw 0;
}
    footer a
    {
        color: white;
    }
    footer h3
    {
        color: white;
        font-weight: 500;
    }
    footer .innerPadded
    {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    footer .footerNavsLeft
    {
        margin-right: 0.79365rem;
    }

    footer .separator
    {
        width: 1px;
        background-color: white;
    }

    footer .buttonLink
    {
        display: block;
        margin-bottom: 0.5291rem;
    }

    footer .smIcons
    {
        text-align: center;
        margin-top: 2.5vw;
    }

    footer .smIcons a
    {
        color: var(--kawanaNavyBlue);
        background-color: white;
    }

section
{
    margin-top: 2.6455rem;
}

@media (max-width: 899px)
{
    footer .nav
    {
        display: none;
    }
}
@media (max-width: 749px)
{
    header .flexBetweenCenter .login, header .flexBetweenCenter .becomeAMember
    {
        display: none;
    }

    footer .innerPadded
    {

    }
    footer .logo
    {
        display: none;
    }
}
@media (max-width: 549px)
{
    h1
    {
        font-size: 2em;
        margin-bottom: 1em;
    }

    h2
    {
        font-size: 1.5em;
    }
   header .flexBetweenCenter .logo
    {
        width: 40%;
    }
    footer .innerPadded
    {
        display: block;
    }
    footer .separator
    {
        display: none;
    }
    section
    {
        margin-top: 1.3rem;
    }
}
.innerSlideContainer
{
    position: relative;
    max-height: 445px;
    overflow: hidden;
}

    .innerSlideContainer .overlay
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: space-around;
        background: linear-gradient(180deg,var(--kawanaNavyBlue25) 0%, var(--kawanaNavyBlue55) 100%);
    }
        .innerSlideContainer h1
        {
            margin: 0.3em 0;
        }

    .innerSlideContainer .noSlides h1
    {
        color: var(--kawanaRed);
        text-align: center;
        font-size: 2.8em;
    }

@media (min-width: 1282px)
{
    .innerSlideContainer .slideContainer
    {
        margin-top: calc((((100% * 0.34765625) - 445px)/2) * -1);
    }
}

.tagline
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10vw 0;
}

    .tagline h2
    {
        color: var(--kawanaNavyBlue);
        font-size: 9vw;
        margin: 0;
        line-height: 1;
    }

    .tagline h3
    {
        color: var(--kawanaRed);
        font-family: "Bebas Neue", sans-serif;
        margin: 0 2vw 0.8vw 2vw;
        font-size: 3vw;
    }

.dynamicForm
{
    max-width: 780px;
    margin: 0 auto;
    background-color: var(--kawanaLightGrey);
    padding: 3vw;
}
.dynamicFormButtons td
{
    text-align: center;
}
.dynamicForm .RadCaptcha
{
    display: flex;
    align-items: center;
}

    .dynamicForm .RadCaptcha img
    {
        padding-right: 1.5em;
    }

    .dynamicForm .RadCaptcha label
    {
        display: none;
    }
.dynamicForm input:not(.RadCaptcha input[type=text], [type="file" i], [type="image" i], [type="checkbox" i], [type="radio" i], [type="button" i], [type="submit" i], [type="reset" i]), .dynamicForm textarea, .dynamicForm select
{
    width: 100%;
}
.dynamicForm .dynamicFormButtons input
{
    margin-top: 1em;
}
@media (max-width: 500px)
{
    .dynamicForm .RadCaptcha
    {
        flex-wrap: wrap;
    }
        .dynamicForm .RadCaptcha img, .RadCaptcha input[type=text]
        {
            padding-right: 0;
            width: 100%;
        }
    .dynamicForm .dynamicFormButtons input
    {
        width: 100%;
    }
}