/* Remove default background icon when expanded */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 1.5em;
  height: 1.5em;
}

/* Use pseudo-elements to create the two crossing lines of the X */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: currentColor; /* Inherits the default text color from Bootstrap */
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
  transform: rotate(-45deg);
}
/* =========================================
   DROPDOWN MENU
   ========================================= */

.dropdown-item {
    color: #fff;
}

.dropdown .dropdown-menu {
    display: none;
    background: #212529;
}

/* Desktop hover */
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
    display: block;
    margin-top: .1em;
    margin-left: .1em;
}

/* Secondary / nested dropdown */
@media screen and (min-width: 769px) {

    .dropend {
        position: relative;
    }

    .dropend > .dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
        margin-top: 0;
        margin-left: .1em;
    }
}


/* =========================================
   MENU LINK + CARET
   ========================================= */

.nav-link-wrapper,
.dropdown-item-wrapper {
    display: flex;
    align-items: center;
}


/* Main menu link */
.nav-link-wrapper .nav-link {
    flex: 1;
}


/* Submenu link */
.dropdown-item-wrapper .dropdown-item {
    flex: 1;
}


/* =========================================
   DROPDOWN CARET BUTTON
   ========================================= */

.dropdown-toggle-split {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 38px;

    padding: 0;
    margin: 0;

    border: 0;
    background: transparent;

    color: #fff !important;

    cursor: pointer;
}

.dropdown-toggle-split::after {
    display: inline-block !important;

    content: "";

    width: 0;
    height: 0;

    margin-left: .255em;

    border-top: .3em solid #fff;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;

    vertical-align: .255em;

    transition: transform .15s ease-in-out;
}

.dropdown-toggle-split:hover,
.dropdown-toggle-split:focus {
    color: #fff !important;
    background: transparent;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.dropdown-toggle-split[aria-expanded="true"]::after {
    transform: rotate(180deg);
}
.footer-bs {
    background-color: #3c3d41;
  padding: 60px 40px;
  color: rgba(255,255,255,1.00);
  margin-bottom: 20px;
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:12px; color:rgba(255,255,255,0.70); }

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px;}
.footer-bs .footer-nav ul.pages a { color:rgba(255,255,255,1.00); font-weight:bold; text-transform:uppercase; }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom:10px;
}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;}
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 4px;}
.footer-bs .footer-social a { color:rgba(255,255,255,1.00);}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }

.footer-bs .footer-ns h4 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom:10px;
}
.footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); }

@media (min-width: 768px) {
  .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
}