@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;700&family=Press+Start+2P&family=VT323&display=swap');
@import url('https://fonts.cdnfonts.com/css/open-dyslexic');

html { background-color: #000; bcursor: url("/https/ladyarcaders.com/img/mspacman-open.png"), auto; }

body { font-family: 'Lexend', sans-serif; font-weight: 300; color: #edeec6; background: none!important; margin: 0; }

h1, h2, h3, h4, h5, h6 { font-family: 'Press Start 2P', cursive; text-transform: uppercase; }

b, strong { font-weight: bold; }

h2 { margin-bottom: 10px !important }
h3 { margin-top: 20px !important; color: #695090; font-family: 'Lexend', sans-serif; font-weight: bold; text-transform: none;}
h4 { color: #2b8bc2; font-family: 'Lexend', sans-serif; font-weight: bold; text-transform: none;}
h5 { color: #edeec6; font-family: 'VT323', sans-serif; text-transform: uppercase; font-size: 26px;}
.clickable { cursor: pointer; }

a { color: #f21986; font-weight: bold; }

header {
	margin: 0;
	padding: 20px;
}

main { background-color: #000; }

.clickable {
  cursor: pointer;
}

.form-control {
	color: #FFF;
    background-color: #0b070d;
    border: #342894 solid;
}

.form-label { opacity: 1!important; }
.form-label:after { background-color: transparent!important; }


.form-control:focus {
    background-color: #0b070d;
    color: #FFF;
}

#menu a { font-family: 'VT323', serif; color: #f21986; text-transform: uppercase; font-size: 24px; }
#menu a.active, #menu a:hover { color: #edeec6; background-color: #240291; background-image: url('/https/ladyarcaders.com/img/stars.png'); background-image: url('/https/ladyarcaders.com/img/stars.png'), linear-gradient(to bottom, #1a0775, #140e26); background-attachment: fixed; cursor: url("/https/ladyarcaders.com/img/mspacman-open.png"), auto; }
#menu a.disabled { text-decoration: underline; }
#menu.menu-box { border: 5px #342894 solid; background-color: #000; }
#menu.menu-box h2 {color: #f21986!important;}
#menu nav { padding: 0; }

#menu .dropdown-menu { position: static; }
#menu .dropdown-menu a { color: #8EC946; font-size: 20px; }
#menu .dropdown-item { white-space: normal; }

#middle h2 { margin: 8px 2px 5px 2px; color: #edeec6; background: #f72585; background: linear-gradient(90deg, #f72585 0%, #ff595e 20%, #ffca3a 40%, #8ac926 60%, #1982c4 80%, #6a4c93 100%); text-decoration: none; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0.5px #f72585; font-size: 30px; }

#middle { background-color: #000; }

#menu-socials a { font-size: 24px; color: #f21986; }
#menu-socials a:hover { font-size: 24px; color: #edeec6; }

#menu-socials ul li {
  display: inline;
  padding: 10px;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  background-color: #695090;
  color: #FFF;
}

#opportunity-cards .card .card-footer, #opportunity-cards .card .card-header {
  background-color: transparent!important;
}

#blog-post {
  font-family: 'Open-Dyslexic', sans-serif;
}

label {color: #fdc758!important; background-color: none;}

hr.rainbow { opacity: 100; border: 0; height: 5px; background-color: #f72585; background: linear-gradient(90deg, #f72585 0%, #ff595e 20%, #ffca3a 40%, #8ac926 60%, #1982c4 80%, #6a4c93 100%); margin: 1em 0; }
hr { opacity: 80%; border: 0; height: 5px; background-color: #342894!important; }

.list-group-item {
	background-color: transparent;
	color: #edeec6;
	border: none;
	padding-left: 0px;
}
/*
.btn { color: #240291!important; text-align: center; font-family: 'VT323'; padding: 12px; font-size: larger; text-transform: uppercase; text-decoration: none; background: silver!important; cursor: pointer; box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf; }
.btn:hover { color: #f21986!important; font-size: larger; text-transform: uppercase; text-decoration: none; background: #ABB0B8!important; cursor: pointer; -webkit-text-fill-color: unset!important; box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf; }
*/

.btn { text-align: center; font-family: 'VT323'; font-size: larger; text-transform: uppercase; text-decoration: none; cursor: pointer; box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf; }
.btn:hover { cursor: pointer; -webkit-text-fill-color: unset!important; box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf; }
.btn:active { color: #FFF!important; background: #240291!important; }

.btn-grey { background-color: silver!important; color: #240291!important; }
.btn-grey:hover { background: #9c9fa5!important; }
.btn-pink { background-color: #f21986!important; color: #FFF!important; }
.btn-pink:hover { background-color: #720039!important; color: #FFF!important; }
.btn-red { background-color: #FB5366!important; color: #FFF!important; }
.btn-red:hover { background-color: #c24251!important; color: #FFF!important; }
.btn-purple { background-color: #b005fa!important; color: #FFF!important; }
.btn-purple:hover { background-color: #8d05c7!important; color: #FFF!important; }

.table { border-collapse: collapse; }
table.table-bordered tr { border-bottom: 1px solid; }

.pagination li.active {
	background-color: #240291;
	color: #FFF;
}

.pagination a.page-link {
	font-size: x-large;
}

input:required+:before, select:required+:before, textarea:required+:before {
  content: "* ";
  color: red;
}

.availability .clickable-toggle {
  cursor: pointer;
  text-decoration: underline;
}

.availability .dow {
  position: absolute;
  width: 100px;
  height: 43px;
  margin-right: 100px;
}

.availability .dow-head {
  display: block;
  width: 100px;
}

.availability label {color:#FFF!important; font-size: 10pt;}

.availability input[type='checkbox'] {
  background-color: green; 
  border-color: green; 
}

.availability input[type='checkbox']:checked {
  background-color: red; 
  border-color: red; 
}

.availability label.btn-success:after {
  content: "✔"
}

.availability input[type='checkbox']:checked + label.btn-success:after {
  content: "✖"
}

table thead.sticky {
  position: sticky;
  top: 0;
  z-index: 999;
}

table.schedule th {
  background: inherit;
  position: sticky;
  top: 0;
}

table.schedule td:nth-child(1),
table.schedule th:nth-child(1) {  
  background: inherit;
  position: sticky;
  left: 0;
}

.text-role { color: #000; font-weight: bold; -webkit-text-stroke: 0.5px #FFF; font-size: 18px; }

.nav-link.active { background-color: #f21986; }

.img-fluid { max-width: 100%; height: auto; }

.img-stylized { filter: saturate(1) contrast(250); image-rendering: pixelated; }

.form-text { color: #FFF!important; }

.ghost { display: none; }

.crt::after { content: " "; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(18, 16, 16, 0.1); opacity: 0; z-index: 2; pointer-events: none; animation: flicker 0.15s infinite; }

.crt::before { content: " "; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)); z-index: 2; background-size: 100% 2px, 3px 100%; pointer-events: none; }

.crt { animation: textShadow 1.6s infinite; }

@keyframes slidebg { to { background-position: 20vw; } }

@keyframes flicker { 0% { opacity: 0.27861; }
  5% { opacity: 0.34769; }
  10% { opacity: 0.23604; }
  15% { opacity: 0.90626; }
  20% { opacity: 0.18128; }
  25% { opacity: 0.83891; }
  30% { opacity: 0.65583; }
  35% { opacity: 0.67807; }
  40% { opacity: 0.26559; }
  45% { opacity: 0.84693; }
  50% { opacity: 0.96019; }
  55% { opacity: 0.08594; }
  60% { opacity: 0.20313; }
  65% { opacity: 0.71988; }
  70% { opacity: 0.53455; }
  75% { opacity: 0.37288; }
  80% { opacity: 0.71428; }
  85% { opacity: 0.70419; }
  90% { opacity: 0.7003; }
  95% { opacity: 0.36108; }
  100% { opacity: 0.24387; } }

@keyframes textShadow { 0% { text-shadow: 0.43899px 0 1px rgba(0, 30, 255, 0.5), -0.43899px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  5% { text-shadow: 2.7929px 0 1px rgba(0, 30, 255, 0.5), -2.7929px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  10% { text-shadow: 0.02956px 0 1px rgba(0, 30, 255, 0.5), -0.02956px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  15% { text-shadow: 0.40219px 0 1px rgba(0, 30, 255, 0.5), -0.40219px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  20% { text-shadow: 3.4794px 0 1px rgba(0, 30, 255, 0.5), -3.4794px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  25% { text-shadow: 1.61256px 0 1px rgba(0, 30, 255, 0.5), -1.61256px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  30% { text-shadow: 0.70156px 0 1px rgba(0, 30, 255, 0.5), -0.70156px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  35% { text-shadow: 3.89691px 0 1px rgba(0, 30, 255, 0.5), -3.89691px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  40% { text-shadow: 3.87091px 0 1px rgba(0, 30, 255, 0.5), -3.87091px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  45% { text-shadow: 2.23106px 0 1px rgba(0, 30, 255, 0.5), -2.23106px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  50% { text-shadow: 0.08084px 0 1px rgba(0, 30, 255, 0.5), -0.08084px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  55% { text-shadow: 2.37585px 0 1px rgba(0, 30, 255, 0.5), -2.37585px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  60% { text-shadow: 2.20219px 0 1px rgba(0, 30, 255, 0.5), -2.20219px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  65% { text-shadow: 2.86388px 0 1px rgba(0, 30, 255, 0.5), -2.86388px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  70% { text-shadow: 0.48874px 0 1px rgba(0, 30, 255, 0.5), -0.48874px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  75% { text-shadow: 1.89485px 0 1px rgba(0, 30, 255, 0.5), -1.89485px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  80% { text-shadow: 0.0833px 0 1px rgba(0, 30, 255, 0.5), -0.0833px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  85% { text-shadow: 0.0977px 0 1px rgba(0, 30, 255, 0.5), -0.0977px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  90% { text-shadow: 3.44334px 0 1px rgba(0, 30, 255, 0.5), -3.44334px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  95% { text-shadow: 2.18418px 0 1px rgba(0, 30, 255, 0.5), -2.18418px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; }
  100% { text-shadow: 2.62088px 0 1px rgba(0, 30, 255, 0.5), -2.62088px 0 1px rgba(255, 0, 80, 0.3), 0 0 3px; } }


@media only screen and (max-device-width: 480px) {
  main h2 {
    font-size: 98%!important;
  }
}