/*--------------------------------------------------------------
# navbar
--------------------------------------------------------------*/
.navbar-collapse { flex-grow:0; }

/** .navbar-toggler  */
/* Remove border from toggler */
.navbar-toggler { border:0 !important; }
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline:none !important;box-shadow: none !important; border:0 !important; }

/* Lines of the Toggler */
.toggler-icon { width:30px; height:3px; background-color:#167C46; display:block; transition:all 0.2s; }

/* Adds Space between the lines */
.middle-bar { margin:5px auto; }

/* State when navbar is opened */
.navbar-toggler .top-bar { transform:rotate(45deg); transform-origin:10% 10%; }
.navbar-toggler .middle-bar { opacity:0; filter:alpha(opacity=0); }
.navbar-toggler .bottom-bar { transform:rotate(-45deg); transform-origin:10% 90%; }
/* //State when navbar is opened */

/* State when navbar is collapsed */
.navbar-toggler.collapsed .top-bar { transform:rotate(0); }
.navbar-toggler.collapsed .middle-bar { opacity:1; filter:alpha(opacity=100); }
.navbar-toggler.collapsed .bottom-bar { transform:rotate(0); }
/* //State when navbar is collapsed */

/* Color of Toggler when collapsed */
.navbar-toggler.collapsed .toggler-icon { background-color:#6c757d; }

/** //.navbar-toggler  */

/** .navbar-brand  */
.navbar-brand { padding-top: 5px; padding-bottom: 5px; margin-right:16px;
  text-decoration:none; white-space:nowrap; font-size:22px; font-weight:bold; color:#167C46;
  font-family: roboto_slabbold, sans-serif;  }
.navbar-brand .year { color:#60ac80; }

.navbar-brand:focus, .navbar-brand:hover { color:#FF6000; }
.navbar-brand:focus .year, .navbar-brand:hover .year { color:#ff8f4c; }

/** .nav-item.main-nav  */
.nav-item.main-nav { font-size:16px; font-weight:500; color:#6d7188; line-height: 1.5; padding:5px 0; margin-left: 16px; }

.main-nav .nav-link { color:#1f1f1f; position:relative; }
.main-nav .nav-link:focus, .main-nav .nav-link:hover { color:#6d7188; }

.main-nav .nav-link.active { color:#005b98; }
.main-nav .nav-link.active:focus, .main-nav .nav-link.active:hover { color:#6d7188; }

/* On screens that are more than 991.98px wide */
@media (min-width:992px) {
  .main-nav .nav-link:after { 
    transition: background-color .2s ease-in-out .1s; content:""; position:absolute; bottom:-16px; left:0; 
    display:block; width:100%; height:4px; background-color:transparent; }

  .main-nav .nav-link:hover:after { background-color:#167C46; } 
  }
/* //navbar */

/*--------------------------------------------------------------
# navbar item with sub-nav
--------------------------------------------------------------*/
/* navbar li */
.nav-item.has-sub-nav { font-size:16px; font-weight:500; color:#6d7188; line-height:1.5; 
  padding:5px 0; margin-left: 16px; }

@media screen and (min-width: 991.98px) {
  .nav-item.has-sub-nav { position:relative; display: block; } 
  }/* > 991.98px wide */
@media screen and (max-width:1028.9999px) and (min-width:991px) {
  .nav-item.main-nav,
  .nav-item.has-sub-nav { font-size:14px; margin-left:6px; }
  .nav-link { font-size:14px; }
}
@media screen and (max-width:1180px) and (min-width:1030px) {
  .nav-item.main-nav,
  .nav-item.has-sub-nav { font-size:16px; margin-left:8px; }
  .nav-link { font-size:16px; }
}

/* navbar li a */
.nav-link-with-sub-nav { display:inline-block; padding:8px; color:#333; text-decoration:none; 
  color:#1f1f1f; position: relative; }

@media screen and (max-width: 991.98px) {
  .nav-link-with-sub-nav { width:calc(100% - 46px); padding-left:0px; }
  .nav-link-with-sub-nav:focus, .nav-link-with-sub-nav:hover { color:#6d7188; }
  }/* < 991.98px wide */

@media screen and (min-width: 991.98px) {
  .nav-link-with-sub-nav:after { 
  transition: background-color .2s ease-in-out .1s; content:""; position:absolute; bottom:-16px; left:0; 
  display:block; width:100%; height:4px; background-color:transparent; z-index:2000; }

  .nav-link-with-sub-nav:hover:after { background-color:#167C46; } 
  }/* > 991.98px wide */

/* Sub-navigation toggler */
.sub-nav-toggler { display:inline-block; border:none; background-color:transparent; cursor:pointer; }
@media screen and (min-width: 991.98px) { .sub-nav-toggler { display:none; } }/* > 991.98px wide */

/* Sub-navigation (ul) */
.sub-nav { position:absolute; top:calc(100% - 0px); left:0; z-index:1000; display:none; padding:0; margin-bottom:0; 
    background-color:#f8f9faf0; width:auto; overflow-wrap:break-word; white-space:nowrap; }

@media screen and (min-width: 991.98px) { 
  .nav-item.has-sub-nav:hover > .sub-nav { display:block; /* width:100%; */ min-width:220px; max-width:100%; }
  .nav-item.has-sub-nav:last-child .sub-nav { left:auto; right:0; }
  }/* > 991.98px wide */

@media screen and (max-width: 991.98px) {
  .sub-nav { position:relative; border-bottom:1px solid #6d7188; transition:0.3s; }
  }/* < 991.98px wide */

/* navbar li.is-active ul */
.nav-item.has-sub-nav.is-active {  }
.nav-item.has-sub-nav.is-active .sub-nav { display:block; }

/* .nav-item.has-sub-nav:hover .sub-nav { display:block; }
 */

/* Sub-navigation item (li) */
.sub-nav-item { display:block; padding:0.5rem 0.75rem; }

@media screen and (min-width: 991.98px) { 
  .sub-nav-item:not(:first-child) { border-top:1px solid #6d7188; }
  }/* > 991.98px wide */

/* Sub-navigation link (a) */
.sub-nav-link { display:block; padding:0.5rem 0; color:#333; text-decoration:none; font-size:16px; }
.sub-nav-link:hover { color:#167C46; }

/* Sub-navigation toggler icon */
.sub-nav-toggler-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.25rem;
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
}

.nav-item.has-sub-nav.is-active .sub-nav { background-color:#fcfdfd; }

.js-toggle-sub-nav:after {
  content:"\F282"; display:inline-block; font-family:bootstrap-icons !important; font-size:22px; font-style:normal;
  font-weight:700 !important; color:#167C46; text-transform:none; line-height:1; vertical-align:-4px; 
  padding-left:0px; transition: all 0.3s ease-in-out;
  }

/* Sub-navigation toggler icon when sub-navigation is active */
.nav-item.has-sub-nav.is-active .js-toggle-sub-nav:after { transform:rotate(180deg); transform-origin:center; }

/* //navbar item with sub-nav */