/* navbar */
.navbar-custom {
     background-color: #fff;
     border-color: #fff;
     white-space: nowrap;
}
/* navbar top level text and links */
.navbar-custom .navbar-nav > li, .navbar-custom .navbar-nav > li > a {
     color: #6d7079;
     letter-spacing: 2px;
     line-height: 60px;
     padding: 0 10px;
     display: block;
     font-size: 17px;
     
}
/* top level link when mouse is hovering */
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
     color: #000;
     text-decoration: none;
     box-shadow: 0px 13px 0px rgb(0, 98, 178,1);
     transition: all 0.2s ease-in-out;
}

/* top level parent link when the drop down is open */
.navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
     background-color: #FF6600;
     color: #ffffff;
     
}

/* level 1 menu bar */
.navbar-custom .dropdown-menu {
     background-color: #FF6600;
     border-color: #af4600;
     color: #ffffff;
}
/* level 1 menu bar text and links*/
.navbar-custom .dropdown-menu > li, .navbar-custom .dropdown-menu > li > a {
     color: #ffffff;
     
}
/* level 1 menu bar hovering */
.navbar-custom .dropdown-menu > li > a:hover, .navbar-custom .dropdown-menu > li > a:focus {
     color: #ffffff;
     background-color: #1dc6bc;
}
/* mobile toggle button formatting */
.navbar-custom .navbar-toggle {
     border-color: #fff;
     color: #ffffff;
}

/* mobile toggle button mouse hover */
.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover {
     background-color: #1dc6bc;
     
}

/* mobile toggle button icon bar tower */


.navbar-custom .navbar-toggle .icon-bar {
     background-color: #1dc6bc;
     
}

/* mobile 2nd level menu hover */
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover {
     background-color: #FF6600;
     color: #ffffff;
     
}
/* mobile 2nd level link */
.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
     color: #ffffff;
}

.navbar-toggler-icon {
     display: inline-block;
     width: 1.5em;
     height: 1.5em;
     vertical-align: middle;
     content: "";
     background: no-repeat center center;
     background-size: 100% 100%;       
     transition: all 0.2s ease-in-out;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
     
}
.primary-nav {
     transition: all 0.8s ease-in-out;
     -webkit-transition: all 0.8s ease-in-out;
     -moz-transition: all 0.8s ease-in-out;
}

.navbar #nav > .active > a {
     color: #000;
     text-decoration: none;
     box-shadow: 0px 13px 0px rgb(0, 98, 178,1);
     transition: all 0.2s ease-in-out;
}
/* Make nav bar smaller on scroll */

.shrink {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
     min-height: 15px !important;
     
}
.shrink .navbar-custom .navbar-nav > li, .navbar-custom .navbar-nav > li > a {
     line-height: 30px;


}   

.shrink .navbar-brand img {

     height: 40px !important;
}
.shrink a {
     padding-top: 0 !important;
     padding-bottom: 0 !important; 
 
}    
.shrink a:hover {
    box-shadow: 0px 5px 0px rgb(0, 98, 178,1) !important;
 
} 
.shrink  #nav > .active > a {
     color: #000;
     text-decoration: none;
   box-shadow: 0px 5px 0px rgb(0, 98, 178,1) !important;
     transition: all 0.2s ease-in-out;
}