/* page wide */

body {
    padding-top: 4rem;
    background-color: white;
}


/* navbar css */

navbar-toggler {
    color: orange;
}

.active {
    border-bottom: 3px solid Orange;
    background: transparent;
}

/*Used when a nav link is clicked */
.navbar a:active {background-color: orange!important;
    color:white!important;}

/*Makes ACTIVE link show orange */
.dropdown-item.active {background-color: orange!important;
        color:white!important;
}

.navbar {background-color: #262626;}

.navoncollapse {margin-left: 0px!important;
    margin-right: 0px!important;
}

.navlogo {
    width: 0rem;
}

.nav-link {
    color:white!important;
}


            /* dropdown link */

/* Dropdown button that is styled like a link */
.btn-as-link {
    font-size: inherit;
    border: none;
    outline: none;
    color: inherit;
    padding: 8px 8px;
    background-color: inherit;
    font-family: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */
    cursor: pointer; /*important without this cursor would be arrow when hovered over button */
}

/* The dropdown container BOX*/
.dropdown {
    position: relative!important;
}

/* holds links in dropdown box */
.drop-cont {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    z-index: 1;
}

/* Links inside the dropdown */
.drop-cont a {
    float: none;
    color: orange!important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

/* Show the dropdown menu on hover */
.btn-as-link:hover .drop-cont {
    display: block;
    cursor: pointer;
}

/* stops annoying border around button that disappears when focus is lost */
.btn-as-link:focus {
    outline: none!important;
}

.darkbg {
    background-color: #262626;
}

#footer {
    color: white!important;
}

#footer hr {
    background-color: orange;
    border-width: 1px;
    width: 80%;

}

#footer p {
    color: white;

}

.contact ul {
    list-style: none;
}

.legal a {
    color: white;
}

.top-icon a {
    color:white;
}

#footer li a {
    color: white!important;
}



/*// Extra small devices (portrait phones, less than 576px)*/
/*// No media query since this is the default in Bootstrap*/


/*// Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {


}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

    .navbar {
        height:4rem;
    }

    .contact ul {
        list-style: outside;
        text-align: left;
    }

    .social-cont {
        float:right;
    }

    .social {
        float:left;
    }

    .copyright {
        float:left;
    }

}


/*// Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .navbar {
        height:8rem;
    }

    /* Keeps the elements below the navbar (which is fixed floating) */
        body {
            padding-top: 8.1rem;
        }

    .footer_logo {max-width: 200px;

    }

    }



    /*// Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .navlogo {width: 10rem;}


    .footer_logo {max-width: 200px;

    }


}