.dropdown-toggle { outline: 0; }

.btn-toggle {
  padding: .25rem .5rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
  background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
  background-color: var(--bs-tertiary-bg);
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

[data-bs-theme="dark"] .btn-toggle::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] { color: rgba(var(--bs-emphasis-color-rgb), .85); }
.btn-toggle[aria-expanded="true"]::before { transform: rotate(90deg); }

.btn-toggle-nav a { padding: .1875rem .5rem; margin-top: .125rem; margin-left: 1.25rem; }
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus { background-color: var(--bs-tertiary-bg); }

.scrollarea { overflow-y: auto; }

.dropdown-menu { min-width: 220px; }      
.dropdown-toggle { white-space: normal !important; }       
.dropdown-item { white-space: normal !important; }
          
.nav-pills .nav-link { font-size: 15px; }   
    
.side-nav { display: none; }
.list-unstyled .btn { text-align: left !important; font-size: .90rem; width: 100%; }      
.list-unstyled .small { font-size: .80rem }
         
.btn-toggle::before {
     width: 0em;
    line-height: 0;
    content: " ";   
    transition: transform .35s ease;
    transform-origin: .5em 50%; }
             
.nodrop::before { content: " ";  }
 
    
/* MAIN NAVIGATION */
.navbar-main { padding: 1px 0px 1px 0px; }

.bg-dark { background-color: #000000 !important; }

.nav-main-list { padding-top: 8px; padding-bottom: 10px; }

.main-tog  { margin-top: 5px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px; padding-left: 7px; padding-right: 7px;}    
/* END NAVIGATION */




/* SUB NAV SMALL */     
 .offcanvas-body { overflow-y: unset; }     

.sec-nav-btn { font-size: .85rem; padding: 4px 12px 3px 12px; margin-bottom: 10px; background-color: #ffcc01; color: #000000; border-color: #362b02; border-width: 1px; }  

.sec-nav-btn:hover {
    color: #333333;
    text-decoration: none;
    background-color: #ffe479;
    border-color: #453c18; 
    border-width: 1px;
    outline: 0px; box-shadow: none;  }

.sec-nav-btn:focus {
    color: #333333;
    text-decoration: none;
    background-color: #ffe479;
    border-color: #453c18; 
    border-width: 1px; 
    outline: 0px; box-shadow: none; }

.sec-nav-btn:active {
    color: #333333;
    text-decoration: none;
    background-color: #ffe479;
    border-color: #453c18; 
    border-width: 1px; 
    outline: 0px; box-shadow: none; }

.sec-nav-btn:active:focus {
    color: #565656;
    text-decoration: none;
    background-color: #ffec9e;
    border-color: #453c18; 
    border-width: 1px; 
    outline: 0px; box-shadow: none }

.sec-nav-btn:focus-visible {
    color: #333333;
    text-decoration: none;
    background-color: #ffe479;
    border-color: #453c18;
    box-shadow: none; border-width: 1px; 
    outline: 0px; }



.sm-screen-nav { display: block; padding: 7px 5px 0px 0px; background-color: #6b6b6b !important; } 
.sm-link-body { color:#ffffff; }  
/* END SUB NAV SMALL */     
        


/*SUB NAV WIDE  */       
.wide-section-title { display: none; background-color: #6b6b6b; padding: 10px 15px 9px 13px;  }    

.sect-title-con { font-weight: bold; font-size: 24px; color: #ffcc01; border-left: solid 2px #ffffff; line-height: normal; padding-left: 15px; text-shadow: 1px 1px 3px #444444; }

.side-nav .l-3 { margin-left: -15px }
.side-nav .mb-1-w { background-color: #ffffff; }
             
.side-nav .l-3 .l-4 { margin-left: 5px; font-size: .75rem; }
.side-nav .l-3 .l-4 .active { background-color: #D9D9D9; }

.link-body-emphasis {   color: #212529 !important; }
/* END SUB NAV WIDE */ 



@media (min-width: 992px) {     
    
/* MAIN NAVIGATION  */ 
.navbar-main { padding: 5px 0px 5px 0px; }  
.navbar-expand-lg .navbar-nav .nav-link { padding-right: .8rem; padding-left: .8rem; }   
    
.nav-main-list { padding-top: 0px; padding-bottom: 0px; }   
    
.main-tog  { padding-top: 0px; padding-bottom: 0px; }    
/* END MAIN NAVIGATION  */     
    
    
/* SUB NAV SMALL */  
.sm-screen-nav { display: none; }    
    
/* END SUB NAV SMALL */      
  
    
/*SUB NAV WIDE  */       
.wide-section-title { display: block;  }       
    
.side-nav { display: block; margin-left: -5px; margin-right: -5px;}     
    
.sub-nav-col { margin-left: -1px; border-right: solid 1px #cccccc; padding-top: 35px; }    
     
/* END SUB NAV WIDE */   
      
     
}   


@media (min-width: 1200px) {    
    
/* MAIN NAVIGATION  */ 
    
 .navbar-expand-lg .navbar-nav .nav-link { padding-right: .9rem; padding-left: .9rem; }   
    
/* END MAIN NAVIGATION  */ 

/*SUB NAV WIDE  */ 
    .sub-nav-col { margin-left: -10px; padding-top: 35px; }    
    
/* END SUB NAV WIDE */           
    
   }   


@media (min-width: 1400px) {   

/* SUB NAV WIDE */     
    .sub-nav-col { margin-left: -10px; padding-top: 35px; }    
/* END SUB NAV WIDE */      

   }