.navbar {
	padding: 20px 0;
    box-shadow: 0px 10px 17px 0px rgba(0, 0, 0, 0.25);
	border-bottom: 3px solid var(--bs-primary);
	height: 115px;
}

.navbar-brand-centered
    {
        position: absolute;
        left: calc(50% - 100px);
        display: block;
        width: 200px;
		height: 80px;
        text-align: center;
    }

.navbar-brand-left
    {
        display: block;
        width: 200px;
		height: 80px;
    }

.navbar-brand-right
    {
        display: block;
        width: 200px;
		height: 80px;
    }

.navbar-toggler {
	border: none;
	margin-left: 4px;
}

.navbar-nav > li 
{
	margin: 0 3px;
}

.navbar-nav > li > a
{
    border-bottom: 2px solid rgba(0,0,0,0);
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus
{
    border-bottom: 2px solid var(--bs-primary);
}

.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus
{
    border-bottom: 2px solid var(--bs-primary);
}


@media (max-width: 992px) {  
	
	.navbar {
	padding: 20px 0;
    box-shadow: 0px 10px 17px 0px rgba(0, 0, 0, 0.25);
	border-bottom: 3px solid var(--bs-primary);
	height: 85px;
	}
	
    .navbar-collapse {
        position: absolute;
        top: 85px;
        left: 0px;
        width: 100%;
		min-height: 100vh;
		text-align: center;
		padding-top: 20px;
	    box-shadow: inset 0px 27px 17px -17px rgba(0, 0, 0, 0.25);

    }
	
	.navbar-brand-left
    {
        display: block;
		margin-top: -20px;
        width: 150px;
		height: 60px;
    }
	
	.navbar-brand-right
    {
        display: block;
		margin-top: -20px;
        width: 150px;
		height: 60px;
    }
	
	.navbar-brand-centered
    {
        position: absolute;
        left: calc(50% - 75px);
        display: block;
        width: 150px;
		height: 60px;
        text-align: center;
    }	
	
	.nav-parent {
		font-size:  1.5em;
	}
	
}

/* DMT Additional Styles Black */

.navbar-black .navbar-brand {
  color: rgba(0, 0, 0, 1);
}
.navbar-black .navbar-brand:hover, .navbar-black .navbar-brand:focus {
  color: rgba(0, 0, 0, 1);
}
.navbar-black .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 1);
}
.navbar-black .navbar-nav .nav-link:hover, .navbar-black .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 1);
}
.navbar-black .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-black .navbar-nav .show > .nav-link,
.navbar-black .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 1);
}
.navbar-black .navbar-toggler {
  color: rgba(0, 0, 0, 1);
  border-color: rgba(0, 0, 0, 1);
}
.navbar-black .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 0, 0, 0, 1 %29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-black .navbar-text {
  color: rgba(0, 0, 0, 1);
}
.navbar-black .navbar-text a,
.navbar-black .navbar-text a:hover,
.navbar-black .navbar-text a:focus {
  color: rgba(0, 0, 0, 1);
}

.navbar-black > .navbar-nav > li > a:hover,
.navbar-black > .navbar-nav > li > a:focus
{
    border-bottom: 2px solid rgba(0, 0, 0, 1);
}

.navbar-black > .navbar-nav > .active > a,
.navbar-black > .navbar-nav > .active > a:hover,
.navbar-black > .navbar-nav > .active > a:focus
{
    border-bottom: 2px solid rgba(0, 0, 0, 1);
}

/* DMT Additional Styles White */

.navbar-white .navbar-brand {
  color: rgba(255, 255, 255, 1);
}
.navbar-white .navbar-brand:hover, .navbar-white .navbar-brand:focus {
  color: rgba(255, 255, 255, 1);
}
.navbar-white .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
}
.navbar-white .navbar-nav .nav-link:hover, .navbar-white .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 1);
}
.navbar-white .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-white .navbar-nav .show > .nav-link,
.navbar-white .navbar-nav .nav-link.active {
  color: rgba(255, 255, 255, 1);
}
.navbar-white .navbar-toggler {
  color: rgba(255, 255, 255, 1);
  border-color: rgba(255, 255, 255, 1);
}
.navbar-white .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 255, 255, 255, 1 %29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-white .navbar-text {
  color: rgba(255, 255, 255, 1);
}
.navbar-white .navbar-text a,
.navbar-white .navbar-text a:hover,
.navbar-white .navbar-text a:focus {
  color: rgba(255, 255, 255, 1);
}

.navbar-white > .navbar-nav > li > a:hover,
.navbar-white > .navbar-nav > li > a:focus
{
    border-bottom: 2px solid rgba(255, 255, 255, 1);
}

.navbar-white > .navbar-nav > .active > a,
.navbar-white > .navbar-nav > .active > a:hover,
.navbar-white > .navbar-nav > .active > a:focus
{
    border-bottom: 2px solid rgba(255, 255, 255, 1);
}

/* DMT Additional Styles Primary */

.navbar-primary .navbar-brand {
  color: var(--bs-primary);
}
.navbar-primary .navbar-brand:hover, .navbar-primary .navbar-brand:focus {
  color: var(--bs-primary);
}
.navbar-primary .navbar-nav .nav-link {
  color: var(--bs-primary);
}
.navbar-primary .navbar-nav .nav-link:hover, .navbar-primary .navbar-nav .nav-link:focus {
  color: var(--bs-primary);
}
.navbar-primary .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-primary .navbar-nav .show > .nav-link,
.navbar-primary .navbar-nav .nav-link.active {
  color: var(--bs-primary);
}
.navbar-primary .navbar-toggler {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.navbar-primary .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='var%28 --bs-primary %29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-primary .navbar-text {
  color: var(--bs-primary);
}
.navbar-primary .navbar-text a,
.navbar-primary .navbar-text a:hover,
.navbar-primary .navbar-text a:focus {
  color: var(--bs-primary);
}

.navbar-primary > .navbar-nav > li > a:hover,
.navbar-primary > .navbar-nav > li > a:focus
{
    border-bottom: 2px solid var(--bs-primary);
}

.navbar-primary > .navbar-nav > .active > a,
.navbar-primary > .navbar-nav > .active > a:hover,
.navbar-primary > .navbar-nav > .active > a:focus
{
    border-bottom: 2px solid var(--bs-primary);
}