:root {
    --bs-primary-bg-subtle: #ffe2f9;
    
    --asi-primary-color: #F14697;
    --asi-primary-link-color: #2171AF;
    --asi-primary-link-color-dark: #16527F;
}

body
{
	background-color: #F0EFEF;
}

a, .dropdown-item, .btn-link
{
	color: var(--asi-primary-link-color);	
}

a:focus, a:hover, .dropdown-item:focus:not(:active), .dropdown-item:hover:not(:active)
{
	color: var(--asi-primary-link-color-dark);
}

.badge.bg-primary, .badge.text-bg-primary, .dropdown-item.active, .dropdown-item:active
{
    background-color: var(--asi-primary-link-color) !important;
}

h1, .h1, h2, .h2, h3, .h3, #hostgame_spreadsheet h4
{
	color: #b23e74;
}

p
{
    color: #666666;
}

#mainmenu
{
	border: 1px solid #cccccc;
}

#mainmenu li a
{
	color: #FFFFFF;
	background-color: var(--asi-primary-color);
	background: linear-gradient(to top, var(--asi-primary-color) 0%, #FFFFFF 300px);
}

#mainmenu .dropdown-menu li a {
	background: #AD2C6A;
	border-radius: 0;
}

#mainmenu li a.active,
#mainmenu li a:hover.active,
#mainmenu li a:focus.active,
#mainmenu .dropdown-menu a,
#mainmenu .dropdown-menu a:hover,
#mainmenu .dropdown-menu a:focus
{
	color: #FFFFFF;
	background-color: var(--asi-primary-color);
	background: linear-gradient(to bottom, var(--asi-primary-color) 0%, #FFFFFF 640px);
	/*text-decoration: underline;*/
}

#mainmenu .dropdown-menu .active a
{
	background-color: var(--asi-primary-color);
}

.nav-link
{
    color: var(--asi-primary-link-color);
}

.nav-link:focus, .nav-link:hover
{
    color: var(--asi-primary-link-color-dark);
}

.nav-link.active
{
	/*text-decoration: underline;*/
	color: #333333;
}

#submenu-container
{
	/*background: #FFE7FA;*/
	border: 1px solid #c0c0c0;
}

.btn-primary
{
    border: 1px solid #959595;
    background-color: #fff3fa;
    /*background: linear-gradient(to bottom, #fff3fa 0%,#fff3fa 50%,#e5d9e0 50%,#e5d9e0 100%);
    box-shadow: inset 0 0 4px #fff4fb;*/
    color: #000000;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus
{
    border: 1px solid #959595;
    color: var(--asi-primary-link-color);
}

.btn-primary:focus
{
    border: 1px solid var(--asi-primary-link-color);
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus
{
    box-shadow: inset 0 0 4px #ffc0e5;
    background-color: #ffedf9;
    /*background: linear-gradient(to bottom, #ffedf9 0%,#ffedf9 50%,#e7d5e1 50%,#e7d5e1 100%);*/
}

.btn-primary:active, .btn-primary:active:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active
{
	color: #000000;
    box-shadow: inset 0 0 4px #ef9ace;
    background-color: #ffe8fc;
    /*background: linear-gradient(to bottom, #ffe8fc 0%,#ffe8fc  50%,#f0cee5 50%,#f0cee5 100%);*/
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary:disabled
{
	border: 1px solid #959595;
	background-color: #ffedf9;
	color: #333;
}

.btn-success
{
  color: #FFFFFF;
  background-color: #3BD6DC;
  border-color: #299599;
}

.btn-success:hover
{
	background-color: #299599;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus
{
	background-color: #1d6b6d;
}

.btn-players big
{
	color: #961452;
}

.top big
{
	color: #f24293;
}

.card-default > .card-header, .card-default .card-footer
{
	background-color: var(--asi-primary-color);
	background: linear-gradient(to bottom, var(--asi-primary-color) 0%, #FFFFFF 640px);
	color: #FFFFFF;
}

.card-primary > .card-header, .card-primary .card-footer 
{
	color: #FFFFFF;
	background-color: var(--asi-primary-link-color);
	background: linear-gradient(to bottom, #2171af 0%, #FFFFFF 640px);
}

.border-primary {
    border-color: var(--asi-primary-link-color) !important;
}

.card-default .card-body
{
	background: linear-gradient(to bottom, #ffffff 50%, #ffe2f9 100%);
}

#footer-bar
{
	/*background-color: #444444;*/
	background-color: var(--asi-primary-color);
    background: linear-gradient(to bottom, var(--asi-primary-color) 0%, #FFFFFF 640px);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
	color: #FFFFFF;
	/*border-radius: 5px;*/
}

#footer-bar p, #sitetime
{
	color: #FFFFFF;
	font-weight: 600;
}

#bottom-menu li a
{
	color: #FFFFFF;
}

#bottom-menu li a:focus, #bottom-menu li a:hover
{
	color: #DDDDDD;
}

#main-container
{
	background-color: #FFFFFF;
	/*border-radius: 0 0 20px 20px;*/
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

.carousel-content-inner p
{
	color: #FFFFFF;
}

.carousel-caption h1
{
	color: #FFFFFF;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	text-align: right;
}

.carousel-caption p
{
	text-align: right;
}

.table-primary th
{
	background-color: var(--asi-primary-color);
	color: #ffffff;
}


/* side area balance */
ul.balances li small, .balance-item small, strong.bday
{
    color: var(--asi-primary-color);
}
/* end of side area balance */

/* help desk styles */
#inbox {
    color: #00487a;
}
#outbox {
    color: #d9710b;
}
#archived {
    color: #db18c1;
}

#admin {
	color: var(--asi-primary-link-color);
}

#inbox .badge {
	background-color: #00487a;
}


#outbox .badge {
	background-color: #d9710b;
}

#archived .badge {
	background-color: #db18c1;
}

#admin .badge {
    background-color: var(--asi-primary-link-color);
}
/* end help desk styles */

/* host styles */
li.hosts span
{
	color:var(--asi-primary-color);
}
/* end host styles */

@media (max-width: 767px) {
	.mobilebar
	{
		background: linear-gradient(to bottom, var(--asi-primary-color) 0%, #FFFFFF 640px);
	}
	
	#mainmenu
	{
		border: 0;
	}
}

.accordion {
    --bs-accordion-active-color: var(--asi-primary-link-color);
    --bs-accordion-btn-color:  var(--asi-primary-link-color);
    --bs-accordion-btn-focus-border-color: var(--asi-primary-color);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(255, 128, 192, 0.25);
}