/*
Copyright Robertson's Plumbing & Gasfitting 2024
Created By Tiger Lily Web Services 2024
Fort Saskatchewan, Alberta, Canada
*/

/*#region Small Screen Size (320px-749px)*/

/*#region Variables*/
:root
{
    --red: #D1332A;
    --dark-grey: #3D3D3D;
    --white: #F8F8F8;
    --med-grey: #D9D9D9;
}
/*#endregion Variables*/

/*#region Typography*/
body, a
{
    font-family: 'Roboto', sans-serif;
    color: black;
}

a
{
    text-decoration: none;
}

button
{
    cursor: pointer;
}


footer h3{
    color: white;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0.75rem;
}

footer a, footer p{
    color: white;
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: 0.75rem;
    display: block;
}

footer a:hover{
    color: var(--red);
}

footer .footer-links div a:last-of-type{
    margin-bottom: 1.875rem;
}

footer .footer-links div p:last-of-type{
    margin-bottom: 0rem;
}

footer .bottom-bar p,
footer .bottom-bar a{
    font-size: 1rem;
    margin-bottom: 0.5rem;
    display: revert;
}

footer .bottom-bar p:last-of-type{
    margin-bottom: 0rem;
}


/*#endregion Typography*/

footer{
    background-color: var(--dark-grey);
}

footer .inner-container{
    padding: 1rem;
}

footer .bottom-bar{
    border-top: 1px solid var(--red);
    padding: 0.75rem;
}

/* #endregion */

/*#region Medium Screen Size (750px-1159px)*/

@media only screen and (min-width: 750px)
{

    footer .footer-links{
        display: flex;
        flex-wrap: wrap;
    }

    footer .footer-links .contact{
        width: 100%;
    }

    footer .footer-links .quick-links,
    footer .footer-links .certifications{
        width: fit-content;
        max-width: 49%;
    }

    footer .footer-links .quick-links{
        margin-right: 6.125rem;
    }

    footer .footer-links .quick-links a:last-of-type,
    footer .footer-links .certifications p:last-of-type{
        margin-bottom: 0rem;
    }

}

@media only screen and (min-width: 910px)
{
    footer .footer-links .contact{
        width: fit-content;
        margin-right: 6.125rem;
    }

    footer .bottom-bar{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    footer .bottom-bar p{
        margin: 0rem;
    }
}

/*#endregion Medium Screen Size (750px-1159px)*/

/*#region Large Screen Size (1160px-1439px)*/

@media only screen and (min-width: 1160px)
{

}

/*#endregion Large Screen Size (1190px-1439px)*/

/*#region Extra Large Screen Size (1440px)*/

@media only screen and (min-width: 1440px)
{

}

/*#endregion Extra Large Screen Size (1440px)*/