.navbar {
           /* background-color: #002d72; */
            background-color: #0a2140;
        }

        
        .nav-link {
            font-size: 18px !important;
            font-weight: normal;
        }
        
        
        @media screen and (min-width: 900px) {
          .navbar {
            height: 90px;
          }
          #vertical-logo {
            display: block;
          }
      
          
        }
        
        
        @media screen and (min-width: 900px) {
        
            .nav-item.dropdown, #vertical-logo {
                margin-left: 13px;
                margin-right: 13px;
            }
            
            
            .navbar .navbar-nav .nav-link {
                border-right: 0px solid; /*used to be 1 px*/
                line-height: 0px; /*used to be 5px*/
            }
            
            
        }
        
        
        

        
        
        
         @media screen and (max-width: 900px) {

          #vertical-logo {
            display: none;
          }

        }
        
        
        
       
        .sb-search {
            position: absolute;
            max-width: 300px;

        }
        
        .sb-icon-search {
            background-color: #0a2240;
             /* background-color: #fdb813; */
            /*background-color: #002d72;*/
        
        }
       
        
        .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
            background-color: #0a2240;
            /* background-color: #fdb813; */
            /*background-color: #002d72;*/
            color: #fff;
            z-index: 11;
        }
        
        
        /* browser specific placholder text color */
        .sb-search-input::-webkit-input-placeholder {
        	color: #fdb813;
        }
        
        .sb-search-input:-moz-placeholder {
        	color: #fdb813;
        }
        
        .sb-search-input::-moz-placeholder {
        	color: #fdb813;
        }
        
        .sb-search-input:-ms-input-placeholder {
        	color:#fdb813;
        }

        
        /* 
            .sb-search-input {
                position: absolute;
                top: 0;
                right: 0;
                border: none;
                outline: none;
                background: #fff;
                width: 100%;
                height: 60px;
                margin: 0;
                z-index: 10;
                padding: 20px 65px 20px 75px;
                font-family: inherit;
                font-size: 20px;
                color: #2c3e50;
            }
           */  
            
            
         /*    */
          @media screen and (max-width: 900px) {

            .sb-search {
                position: relative;
                max-width: none;
            }
            
            .sb-icon-search {
                background-color: #0a2240; /*lighter*/
            
            }

        }
           
            
                            
        
        
        /*sticky top override*/
        /*docs https://stackoverflow.com/questions/67248110/how-to-position-two-bootstrap-navbar-at-top-on-scroll-sticky-top-without-overl/67249826#67249826 */
        /*@supports ((position: -webkit-sticky) or (position: sticky)) {
          .sticky-top {
            position: -webkit-sticky;
            position: sticky;
            top: 44px;
            z-index: 1020;
          }
        }
        */
        
        @media screen and (max-width: 1000px) {
        
            @supports ((position: -webkit-sticky) or (position: sticky)) {
              .sticky-top {
                top: 0px;
              }
            }
        
        }