/* CSS Document */
/* - - - - - - - MAIN PAGE STUFF - - - - - - - */
body, html
{
	background-color: #EDEDED !important;
}
#body
{
    min-height: 100vh !important;
}

/* p
{
    font-size: 17px;
    margin-bottom: 10px;
} */

div.top-spacer
{
    margin-top: 25px;
}
div.bottom-spacer
{
    margin-bottom: 25px;
}
div.spacer
{
    margin-top: 25px;
    margin-bottom: 25px;
}

hr
{
    width: 40px;
	margin: 45px auto;
}
hr.wide
{
    width: 210px;
}

div.error 
{
    background-color: #f8d7da;
    border: 1px solid #ed344e;
}
div.error, div.success 
{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #3f4447;
    margin-bottom: 15px;
    padding: 10px 30px;
    text-align: center;
    border-radius: .25em;
    line-height: normal;
    border-width: 3px 1px 1px 1px;
}

#admin-toggle
{
    background-color: rgb(244, 67, 54);
    position: fixed;
    transform: scale(1.2);
    z-index: 1030;
    right: 1.5rem;
    top: 12rem;
    display: flex;
}

/* - - - - - - - HEADER STYLES - - - - - - - */
#navbar-left
{
    padding-right: 90px;
}
#navbar-right
{
    padding-left: 90px;
}

li.nav-item
{
    line-height: 130px;
}
li.nav-item:not(:last-child)
{
    margin-right: 62px;
}
    li.nav-item a.nav-link
    {
        font-family: 'Montserrat', sans-serif;
        font-size: 1.1rem;
        text-transform: uppercase;
        letter-spacing: 0.98px;
        -webkit-transition: color 300ms linear;
        -moz-transition: color 300ms linear;
        -ms-transition: color 300ms linear;
        -o-transition: color 300ms linear;
        transition: color 300ms linear;
    }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
    color: #333333;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:hover
{
    color: #1266f1;
}

#mobile-logo
{
    margin: 0px auto;
    position:relative;
    left: -20px;
}
    #mobile-logo img
    {
        height: 60px;
    }

/* - - - - - - - FOOTER STYLES - - - - - - - */
footer
{
    text-align: center;
    padding: 30px 20px;
}
footer a
{
    color: lightskyblue;
    text-decoration: none;
    transition: color .15s ease-in-out;
}
    footer a:hover
    {
        color: royalblue;
    }

/* - - - - - - - OTHER STYLES - - - - - - - */
.rounded-t-5 
{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}


/* - - - - - - - RESPONSIVE STYLES - - - - - - - */
@media screen and (max-width: 1145px)
{
    #navbar-left
    {
        padding-right: 70px;
    }
    #navbar-right
    {
        padding-left: 70px;
    }
    li.nav-item:not(:last-child)
    {
        margin-right: 50px;
    }
}

@media screen and (max-width: 1066px)
{
    #navbar-left
    {
        padding-right: 60px;
    }
    #navbar-right
    {
        padding-left: 60px;
    }
    li.nav-item a.nav-link
    {
        font-size: 1rem;
    }
}

@media screen and (max-width: 992px)
{
    /* - - - - - HEADER STYLES - - - - - */
    #navbar-left, #navbar-right
    {
        padding: 0px;
    }
    li.nav-item
    {
        line-height: normal;
    }
    li.nav-item:not(:last-child)
    {
        margin-right: 0px;
    }
    li.nav-item a.nav-link
    {
        padding: 15px 12px;
    }

    #admin-toggle
    {
        right: 1rem;
        top: 1rem;
    }

    /* - - - - - OTHER STYLES - - - - - */
    .rounded-tr-lg-0 
    {
        border-top-right-radius: 0;
    }

    .rounded-bl-lg-5 
    {
        border-bottom-left-radius: 0.5rem;
    }
}
@media (min-width: 768px) 
{
    /* - - - - - OTHER STYLES - - - - - */
    .rounded-tr-md-0 
    {
        border-top-right-radius: 0;
    }

    .rounded-bl-md-5 
    {
        border-bottom-left-radius: 0.5rem;
    }
}
@media screen and (max-width: 460px)
{
    main section section .card .btn
    {
        width: 100%;
    }
}