/*
 * Globals
 */



body{
  background-image: url("https://awa.wolfeweb.us/Images/Big_BackgroundWeb.png");
  min-height: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  color: #ffffff;
}
/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}

.cover-container {
  /*max-width: 42em;*/
}


/*
 * Header
 */

#footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.site-header {
  background-color: #021e27;
  border-bottom: 2px #0f485e solid
}
.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: #25a3d2;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: #0f485e;
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  /*color: #fff;*/
  /*border-bottom-color: #fff;*/
}
.btn-outline-discord {
  background-color: #ffffff;
  border: 2px solid #7289da;
  color: #7289da;
}
.btn-discord {
  background-color: #7289da;
  border: 2px solid #7289da;
  color: #fff;
}
.btn-discord:hover {
  background-color: #3c4871;
  border: 2px solid #7289da;
  color: #fff;
}
.btn-ark {
  text-decoration: none;
  background-color: #021e27!important;
  border: 2px solid #0f485e!important;
  color: #fff!important;
  font-weight: bold;
}
.btn-ark:hover {
  background-color: #0c3646!important;
  border: 2px solid #0f485e!important;
  color: #fff;
}
.bg-ark {
  background-color: #0f485e!important;
  border: 2px solid #021e27;
}
.bg-ark-dark {
  background-color: #021e27!important;
  border: 2px solid #0f485e!important;

}

.bg-ark-dark-image {
  background-color: #021e27!important;
  border: 2px solid #0f485e!important;
  background-image: url("img/Small_BackgroundWeb.png");
  min-height: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
.bg-ark-image {
  background-color: #0f485e!important;
   border: 2px solid #021e27;
  background-image: url("img/Small_OP_BackgroundWeb.png");
  min-height: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
.table-ark {
  --bs-table-color: #fff;
  --bs-table-bg: #02242f;
  --bs-table-border-color: #0f485e;
  --bs-table-striped-bg: #0c3646;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #0f485e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #0c3646;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
a {
  color: #25a3d2;
}
a:link {
  color: #25a3d2;
}

.navbar-brand {
  color: #25a3d2;
}
.nav-link {
  color: #25a3d2;
}
.nav-link:link {
  color: #25a3d2;
}

.ark-card{
  background-color: rgba(138, 212, 246, 0.09);
  color: #ffffff!important;
}
.ark-menu-list{
  background-color: rgba(169, 231, 255, 0.17);
  color: #ffffff!important;
}

/*
.accordion-button.collapsed {
  color: #ffffff!important;
}

.accordion-button.collapsed::after {
  color: #ffffff!important;
}

*/


.accordion-button:not(.collapsed)::after {
  scale: 2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-dash fw-bold' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.accordion-button::after {
  scale: 2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus fw-bold' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
}
.accordion-button::after {
  transition: all 0.5s;
}
.ql-container {
  height: calc(100% - 50px)!important;
}
.btn-link-arrow{
  color:#ffffff;
  text-decoration:none;
}
.chat {
  background-color: #000000;
  height: 500px;
  min-height: 500px;
  width: 100%;
}

.text-ark {
  color: #25a3d2;
}
.text-ark:hover{
  color: #02242f;
  background-color:#25a3d2 ;
}
input.ark {
  background-color: #02242f!important;
  color: #25a3d2!important;
}
select.ark {
  background-color: #02242f!important;
  color: #25a3d2!important;
}