/* bcpcs.css 
    V1.1.1 - 2021-11-04 - BC - Copied some snippets from w3.css Tutorials and modified
*/

/* The following NAVBAR SECTION was originally copied from w3.css Tutorials 

/* Place the navbar at the bottom of the page, and make it stick ***** THIS ACTUALLY BREAKS THE NAV BAR SO IT DOESN'T DISPLAY ??? *****
.bc-navbar {   
    overflow: hidden;
    background-color: #333;  
    position: fixed;
    bottom: 0;
    width: 100%;
}
*/

/* Style the links inside the navigation bar */
.bc-navbar a {
    float: left;
    display: block;
    color: white; /* color of the text */
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: medium;
}

/* Change the color of links on hover */
.bc-navbar a:hover {background-color: #ddd; color: black;}

/* Add a green background color to the active link */
.bc-navbar a.active {background-color: #04AA6D; color: white;}

/* Hide the link that should open and close the navbar on small screens */
.bc-navbar .icon {display: none;}

/* This removes the Nav Bar at 600px and replaces it with a hamburger menu icon */
@media screen and (max-width: 600px) {.bc-navbar a:not(:first-child) {display: none;} .bc-navbar a.icon {float: right; display: block;}}

@media screen and (max-width: 600px) {.bc-navbar.responsive .icon {position: absolute; right: 0; bottom:0;}}

.bc-navbar.responsive a {float: none; display: block; text-align: left;}



/* ==============================================================================================
    Credits:
    Some of this .css file is modifed and originally from:
        w3.css Tutorials - "W3.CSS is free to use. No license is necessary."
                     - Source: https://www.w3schools.com/w3css/default.asp
                     - Source: https://www.w3schools.com/howto/howto_js_bottom_nav_responsive.asp
   ============================================================================================== */
/* (c) Copyright 2021 BCPCS Computer Services */
/* Code is Art! End of Line */