header{
  background-color:#FFF; 
}

a, .header a{
  color: var(--black); 
}

.header .nav-item{
  color: var(--black); 
}

.header .nav-item:hover,.header .nav-item:hover a{
  color: var(--orange);
}
.header .nav-item .line{
  background-color: var(--orange);
}
.header .nav-item:hover .line{
  width: 100%;
  background-color: var(--orange);
}
.header .nav-item.current .line{
  width: 100%;
  background-color: var(--orange);
}

.header .has-sub .submenu .sublink:hover{
  color:var(--orange);
}
.header .has-sub .submenu .sublink.current{
  border-color:var(--orange);
}

.header .headerbuttons a:first-child{
  background-color: var(--black);
  color:var(--white); 
}
.header .headerbuttons a:last-child{
  background-color: var(--orange);
  color:var(--white); 
}

.button{
  background-color:var(--orange); 
  color: var(--white); 
}
.button:hover{
  color:var(--white); 
}

.button i{
  transition: transform .5s;
}
.button:hover i{
  transform: translateX(5px) scale(1.05);
  transition: transform .5s;
}
.header .headerbuttons a:hover i{
  transform: scale(1.1);
  transition: transform 0.3s;
  animation: wiggle 0.4s ease-in-out;
}

.container{
  max-width: 1200px;
}
.container .container{
  width: 100%; 
}

.heading{
  padding: 20px 0;
  background-color:var(--orange); 
}
.heading a{
  text-decoration:underline;
  transform: opacity .3s;
}
.heading a:hover{
  opacity: .8;
}
.heading .button{
  background-color: var(--black);
}

h1{
  font-size: 2rem;
}


body.login{
  background-color: #000;
  background-image:none;
}
.logincontainer .loginbox{
  border-top: 8px solid #FF9756;
}
.logincontainer .button{
  background-color: #FF9756;
  color:#FFF;
  border-radius: 12px; 
}
.logincontainer .button:hover{
  background-color: #FF9756 !important;
  color:#FFF !important;
}
.logincontainer a{
  color: #000;
}

body.login .note{
  margin-bottom: 20px; 
  background-color:#FFC142;
}


#response{
  position:fixed;
  top:-100px;
  left:0;
  width:100%;
  box-sizing:border-box;
  text-align:center;
  padding: 0 10vw;
  z-index:99;
  transition: 3s top;
}

#response.in{
  top:0;
  transition:.5s top; 
}
#response.out{
  top:-100px;
  transition: 3s top;
}


.note{
  background-color: #53AC67;
  color:#FFFFFF;
  padding: 10px 40px;
  margin: 0 auto;
  text-align:center; 
}
.note .fa{
  font-size: 25px;
  line-height: 25px;
  vertical-align:middle;
  margin-right: 5px;
}
.note.error{
  background-color: var(--yellow);
  color:var(--black);
}
#response .note{
  border-radius: 0 0 15px 15px; 
}




.trumbowyg-box{
  background-color:#FFF; 
}
.trumbowyg-editor a{
  text-decoration: underline;
}

.discussion-detail{
  padding: 8px 30px; 
  background-color:#f1f1f1;
}



.pagination{
  margin: 60px 0 30px;
  text-align:center; 
}
.pagination a{
  display: inline-block;
  background-color:#ccc;
  color: #000;
  border-radius: 100%; 
  font-size: 14px; 
  width: 30px;
  height: 30px;
  line-height: 30px; 
  overflow:hidden;
  margin: 0 2px;
  transition: transform .8s;
}
.pagination a:hover{
  transform: scale(1.3);
  transition: transform .3s;
}
.pagination a.current{
  background-color: var(--red);
  color:#FFF; 
}

.news-item .padded-med{
  padding: 15px 30px; 
}

.buttons{
  margin-top: 50px; 
  display:flex; 
  gap: 20px; 
}

.buttons:empty{
  display:none;
}

.tag{
  background-color:var(--orange);
  color:var(--white);
}