/* start of both desktop and mobile navigation style */

#flexNavigation {
  background-color: #e70012;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1030;
//  border-color: black;
//  border-style: solid;
//  border-width: 0rem 0px 3px;
  box-shadow: 0 0 0.5rem 0.125rem rgba(0,0,0,0.5);
}

#flexNavigation a {
  color: white;
}

/* end of both desktop and mobile navigation style */

/* start of mobile top navigation bar style */

@media (hover: hover) and (pointer: fine) {
  .navbar-dropdown-toggles:hover {
    background-color: #d30010;
    font-weight: 700;
  }
}

.navbar-dropdown-toggles:active, .navbar-dropdown-toggles[aria-expanded="true"] {
  background-color: #d30010;
  font-weight: 700;
}

.navbar-dropdown-toggles::after {
  vertical-align: bottom;
  line-height: 0;
  margin: 0;
  border: none;
  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,1%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transform: rotate(90deg);
  transition: transform .35s ease-in-out;
}

.navbar-dropdown-toggles[aria-expanded="true"]::after {
  transform: rotate(-90deg);
}

.navbar-scroll-up {
  transform:translateY(0);
  transition: all 0.5s ease-in-out;
}

.navbar-scroll-down {
  transform:translateY(-100%);
  transition: all 0.5s ease-in-out;
}

/* end of mobile top navigation bar style */

/* start of desktop left navigation bar style */

.sidebar-btn-toggle {
  display: inline-flex;
  font-weight: 700;
  padding: 0;
}

.sidebar-btn-toggle:hover {
  background-color: #d30010;
}

.sidebar-btn-toggle::before {
  width: 1.25rem;
  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%28255,255,255,1%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .25s ease-in-out;
}

.sidebar-btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.sidebar-collapse-menu a {
  margin-left: 0.25rem;
}

#canada-menu a {
/*  margin-left: 0.75rem; */
}

#others-menu a {
  margin-left: 0.75rem;
}

.sidebar-collapse-menu a:hover {
  background-color: #d30010;
}

/* end of desktop left navigation bar style */

/* start of navigation, content, footer padding and style */

#mainContent {
  padding-left: 0;
  padding-right: 0;
}

#logoName {
  min-width: 0;
  overflow: hidden;
}

@media screen and (min-width: 992px) {
  #flexNavigation {
    height: 100vh;
  }

  #logoName {
    overflow: visible;
  }

  #mainContent {
/*    padding-left: 198px; */
  }
}

@media screen and (max-width: 991px) {  
  #flexNavigation a {
    text-align: center;
  }

  #mainContent {
/*    padding-top: 76px; */
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
  #mainContent {
/*    padding-top: 56px; */
  }
}

/* footer {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
} */

/* end of navigation, content, footer spacing style */