/*
Copyright 2021 Chief Mechanic Limited
*/

.header-secondary-bg {
	max-width: 500px;
}

.header-secondary-bg > .navbar-collapse {
	padding: 1em 0;
}

.header-secondary-bg .nav-item {
	padding: 0.35em 1.65em;
}

.header-secondary-bg .nav-item:hover {
	background-color: #ffffff33;
}

.navbar-brand img {
  max-width: 200px!important;
}

.navbar-brand-center {
  right: 0px!important;
}

.nav-link {
	font-size: 1.3em;
}

.nav-link.active {
	font-weight: 600;
}
  
.navbar-toggler[aria-expanded="true"] {
  z-index: 6000;
}

.navbar-toggler[aria-expanded="true"] svg rect:first-of-type, .navbar-toggler[aria-expanded="true"] svg rect:last-of-type {
  display: none;
}

.navbar-collapse {
  display: flex;
  list-style: none; 
  padding: 0 0.7vw;
  justify-content: space-evenly;
  align-items: center;
  text-transform: uppercase;
  position: fixed;
  background: #131418;
  height: 120%;
  width: 100%;
  top: -10%;
  left: 0;
  flex-direction: column;
  clip-path: circle(0px at 90% -0%);
  -webkit-clip-path: circle(0px at 90% -0%);
  pointer-events: none;
  z-index: 5000;
  transition: all 0.01s ease-out;
}

.navbar-collapse.collapsing {
  transition: all 0.35s ease-out;
}

.navbar-collapse.show {
  clip-path: circle(165% at 90% -35%);
  -webkit-clip-path: circle(165% at 90% -35%);
  pointer-events: all;
  transition: all 0.35s ease-out;
}

.navbar-collapse .navbar-nav li {
  opacity: 0;
  position: relative;
  left: -100%;
  min-width: 240px;
}

.navbar-collapse.show .navbar-nav li {
  opacity: 1;
  left: 0;
}

.navbar-collapse .navbar-nav li:nth-child(1){
  transition: all 0.35s ease-in 0.2s;
}
.navbar-collapse .navbar-nav li:nth-child(2){
  transition: all 0.35s ease-in 0.25s;
}
.navbar-collapse .navbar-nav li:nth-child(3){
  transition: all 0.35s ease-in 0.3s;
}
.navbar-collapse .navbar-nav li:nth-child(4){
  transition: all 0.35s ease-in 0.35s;
}
.navbar-collapse .navbar-nav li:nth-child(5){
  transition: all 0.35s ease-in 0.4s;
}
.navbar-collapse .navbar-nav li:nth-child(6){
  transition: all 0.35s ease-in 0.45s;
}
.navbar-collapse .navbar-nav li:nth-child(7){
  transition: all 0.35s ease-in 0.5s;
}
.navbar-collapse .navbar-nav li:nth-child(8){
  transition: all 0.35s ease-in 0.55s;
}
.navbar-collapse .navbar-nav li:nth-child(9){
  transition: all 0.35s ease-in 0.6s;
}
.navbar-collapse .navbar-nav li:nth-child(10){
  transition: all 0.35s ease-in 0.65s;
}
.navbar-collapse .navbar-nav li:nth-child(11){
  transition: all 0.35s ease-in 0.7s;
}
.navbar-collapse .navbar-nav li:nth-child(12){
  transition: all 0.35s ease-in 0.75s;
}
.navbar-collapse .navbar-nav li:nth-child(13){
  transition: all 0.35s ease-in 0.8s;
}
.navbar-collapse .navbar-nav li:nth-child(14){
  transition: all 0.35s ease-in 0.85s;
}
.navbar-collapse .navbar-nav li:nth-child(15){
  transition: all 0.35s ease-in 0.9s;
}

.navbar-collapse .dropdown .dropdown-menu {
  transition: all 0.4s;
  max-height: 0;
  display: block;
  overflow: hidden;
  opacity: 0;
  padding: 0;
}

.navbar-collapse .dropdown .dropdown-menu.show {
  max-height: 300px;
  opacity: 1;
  padding: 8px;
}

.nav-item .logo-block > div:last-of-type {
  padding-left: 15px;
}

.nav-item .logo-block > div {
  font-size: 1.2em;
}