.navbar.main-nav{
 padding:0;
 margin:0;
 text-align:center;
 display:block;
 color:/*#fff*/var(--darkBrand);}

.navbar.main-nav ul{
 margin:0 auto;}

.navbar.main-nav .nav-link {
 padding-right: 1.05rem;
 padding-left: 1.05rem;}

.navbar-nav a{
 color:#fff;
 font-family: 'raleway-medium';
 font-size:1.2em;}

.navbar-nav a:hover{
 color:var(--darkBrand);}

.slide-menu a.signin-btn,.slide-menu a.register-btn{
 width:50%;
 background:/*var(--darkBrandTrans)*/rgba(255, 255, 255, 0.3);
 color:#cd9f27;
 padding:15px 5px;
 border:0;text-align:center;
 border-right:1px solid #ddd;
 border-left:1px solid #00a19c;}

a.signin-btn:hover ,a.register-btn:hover{
 background:#a7cac8;color:white;}

.slide-menu__decorator i.fa-angle-right{
 position:absolute;
 right:20px;
 padding:0;}

.btn.navbar-toggler{
 color:#76777c;
 font-size:3.0em;
 margin:0;
 padding:0;position: absolute;
     /* 2023 change */
 top: -65px;
 right: 20px;box-shadow:none;}

.btn.navbar-toggler-control{
 
 font-size:3.0em;
 margin:0;
 padding:0;position: absolute;
 top: 23px;
 right: 0px;box-shadow:none;}


.slide-menu {
 position: fixed;
 width: 350px;
 max-width: 100%;
 height: 100vh;
 top: 95px;
 right: 0;
 display: none;
 overflow: hidden;
 box-sizing: border-box;
 transform: translateX(100%);
 overflow-y: auto;
 z-index: 1000;}

.slide-menu,
.slide-menu .slide-menu__slider {
 transition: transform .3s ease-in-out;
 will-change: transform;}

.slide-menu .slide-menu__slider {
 width: 100%;
 text-align:left;
 transform: translateX(0);}

.slide-menu ul {
 position: relative;
 width: 100%;
 margin: 0;
 padding-left: 0;
 list-style: none;}

.slide-menu ul ul {
 position: absolute;
 top: 0;
 left: 100%;
 display: none;}

.slide-menu ul a {
 display: block;
 font-size:1.4em;}

.slide-menu a {
 cursor: pointer;}

:active,
:focus {
 outline: none !important;}

.btn,
a {
 transition: background-color .15s ease-in-out;
 will-change: background-color;}

.btn {
 padding: .6rem .8rem .64rem;
 border: none;
 color: #fff;
 cursor: pointer;
 font-family: inherit;
 font-size: 85%;
 line-height: 1;}

.icon {
 height: .6rem;
 margin: 0 .1rem;}

main {
 display: block;
 width: 90%;
 margin: 2.5rem auto;}

main .btn {
 width: 100%;
 display: block;
 margin: 0 .25rem .75rem 0;
 background-color: #2e4b61;
 border-radius: .2rem;
 font-size: 70%;
 letter-spacing: .03em;
 text-transform: uppercase;}

@media (min-width:768px) {

main {
 max-width: 40rem;}

main .btn {
 width: auto;
 display: inline-block;}

main .btn:hover {
 background-color: #213545;}

main .btn-danger {
 background-color: #9d252d;}

main .btn-danger:hover {
 background-color: #7c1d23;}
	
}

main #events {
 font-family: monospace;
 font-size: 80%;}

.slide-menu {

 background: var(--darkBrandTrans);
/*-webkit-box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.38);
-moz-box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.38);
box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.38);   
  */  
}

.slide-menu,
.slide-menu a {
    font-family:raleway-medium;
 font-size: .9rem;
 color:#fff;}

.slide-menu a {
 padding: .9rem 2.5rem;
 text-decoration: none;}

.slide-menu a:hover {
 background:/*var(--lightBrandTrans)*/var(--darkBrand);
 color:#fff;}

.slide-menu .controls {
 display: flex;height:120px;
 margin-bottom: 0;}

.slide-menu .btn {
 padding:25px 15px;
 flex: 1 0 auto;
 font-size: 90%;
 color: #fff;
 background-color: transparent;
 text-transform: uppercase;border-radius:0;}

.slide-menu .btn:hover{
 background-color:var(--lightBrandTrans);}
.slide-menu .btn:focus {outline:0;}

.slide-menu .btn:first-of-type {
 text-align: left;}

 /*.slide-menu .btn:first-of-type:before {
 content: "⮜";
 margin-right: .5rem
 }
*/

.slide-menu .btn:last-of-type {
 text-align: right;}

/*.slide-menu .btn:last-of-type:before {
content: "✕";
margin-right: .5rem
}*/

.slide-menu .slide-menu__backlink {
 text-transform: uppercase;}

#menu-left p {
 font-size: 110%;
 padding-left: 1.25rem;
 padding-right: 1.25rem;}

@media (max-width: 1199px) {

.navbar-nav a{
 font-size:1.05em;}
.navbar.main-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
}

@media (max-width: 992px) {

.navbar-nav a{
 font-size:1.05em;}

}

@media (max-width: 440px) {

.btn.navbar-toggler {
 font-size: 2.4em;}	
	
}

#nav-icon4 {
  width: 35px;
  height: 30px;
  position: relative;
 padding:8px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background:#fff;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}



/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 14px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 30px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 6px;
  left:6px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 30px;
  left: 6px;
}    
    
/* Icon 5 */

#nav-icon5 {
  width: 35px;
  height: 30px;
  position: relative;
 padding:8px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon5 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}



#nav-icon5 {
}

#nav-icon5 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon5 span:nth-child(2) {
  top: 14px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon5 span:nth-child(3) {
  top: 30px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon5.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 6px;
  left:6px;
}

#nav-icon5.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon5.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 30px;
  left: 6px;
}