/*@media (max-width:700px) { .split-1, .split-2  {  margin: 0px !important; padding: 5px !important; width: 100% !important;  min-width: 300px !important; background-color: red !important;} 
}*/

:root {
--color1:#223639;
--color2:#246068;
--color3:#399ea7;
--color4:#f7f7f7;
--color5:#fadb63;
}

html,body {
	width:100%;
	min-width:240px; 
	overflow-x: hidden;
	#background-color: var(--color1);
}

@font-face {
  font-family: "LimeLight";
  font-style:normal;
  src:url('./font/ll.ttf') format('truetype');   
  font-display: swap;
}

.tsfont {
  font-family: "Limelight", sans-serif;
  font-style: normal;
}
 
.splash .brand {
	font-family: "LimeLight";
	text-wrap:nowrap;
	font-size: clamp(2.2rem, 8vw, 5rem)!important;
}
.splash h1 {
	font-size: clamp(1rem, 2vw, 2rem)!important;
	padding-bottom: 25px;
}
.splash {
	background-image:url("./img/bw_seats_darkcomp.webp");
	background-position-y: center;
	background-size: cover;
	width: 100%;
	color: white ;
	margin: 0px;
	min-width:240px;
	padding: 0px;
	padding-bottom: 25px;
	text-align: center !important;
}
.splash a:hover {
	color: var(--color4)!important;
}
.splash a {
	color: var(--color5)!important;
}
.navbar .nav-item {
	 text-align: right;
}
.navbar {
	padding: 0px;
	margin: 0px;
}
.navbar img { 
	margin-left:10px;
 }
.navbar-nav {
	padding: 10px;
}
.navbar a:hover { 
	text-decoration: underline !important;
}
.navbar a { 
	font-weight: 500; 
	color: var(--color5)!important;
}
.navbar-toggler { 
	color: #998000 !important;
	margin: 10px;
}  
.card-text a {
	color: var(--color2);
	text-decoration: underline;
	font-weight: 500;
}
.bg-card .card-title {
	width:100%;
	background: rgba(0,0,0,0.5);
}

.bg-card  {
	color:white;
	font-family: "LimeLight";
	border-top-left-radius: 1.50rem !important;
	border-top-right-radius: 1.50rem !important;	
}
.bg-marquee {
	background-image:url("./img/bg_marquee.webp") !important;
	background-size: cover;
	background-position-y: center;
	background-position-x: center;
	min-height:100px;
	padding-top:100px;
}

.bg-theater {
	background-image:url("./img/bg_theater.webp") !important;
	background-size: cover;
	background-position-y: center;
	background-position-x: center;
	vertical-align: top !important;
	min-height:100px;
	padding-top:100px;
}
.bg-micpiano {
	background-image:url("./img/bg_micpiano_sm.webp")  !important;
	background-size: cover;
	background-position-y: center;
	padding-top:100px;
	color:white;
}
.bg-musicroom {
	background-image:url("./img/bg_musicroom.webp")  !important;
	background-size: cover;
	background-position-y: center;
	padding-top:100px;
	color:white;
}
.bg-floorboards {
	background-image:url("./img/bg_floorboards.webp")  !important;
	background-size: cover;
	background-position-y: center;
	padding-top:100px;
	color:white;
}
.bg-musicstand {
	background-image:url("./img/bg_musicstand.webp") !important;
	background-size: cover;
	background-position-y: center;
	padding-top:100px;
}
.bg-spotlight {
	background-image:url("./img/bg_spotlight.webp") !important;
	background-size: cover;
	background-position-y: center;
	padding-top:100px;
}
.bg-penandledger {
	background-image:url("./img/bg_penandledger.webp") !important;
	background-size: cover;
	background-position: center center;
	padding-top:150px;
	background-position-y: 190px;
}
.bg-desktop {
	background-image:url("./img/bg_desktop.webp") !important;
	background-size: cover;
	background-position: center center;
	background-position-y: 190px;
	padding-top:150px;
}

.bg-primary {
	background-color: var(--color4) !important;
}

.bg-secondary {
	background-color: var(--color2) !important;
	color:var(--color4) ;
}
.bg-dark {
	background-color: var(--color1) !important;
}
.bg-light {
	background-color: var(--color4) !important;
}
.bg-warning {
	background-color: var(--color4) !important;
}
.bold-yellow {
	color: var(--color5) !important;
}
.border-yellow {
	border-width: 5px;
	border-color: var(--color5) !important;
}

.btn-primary {
	background-color: var(--color2) !important;
  }
.btn { 
	min-width: 125px;
	font-size: clamp(.8rem, 1vw, 1.2em);
	border:none;
}
.btn a { 
	text-decoration: none ;
	color:var(--color4) ;
}
 .btn:hover { 
	text-decoration: underline !important;
	color:var(--color4) ;
}
 
.split-1 {
	background-color: var(--color1);
	padding-bottom: 0px;
}
.split-1 .card-title {
	font-size: clamp(.8rem, 1.5rem, 2rem);
	text-align: center !important;
	align-content: center;
}
.split-1 .card-footer {
	background-color: var(--color4); 
	border-bottom-left-radius: 1.50rem !important;
	border-bottom-right-radius: 1.50rem !important;	
	text-align: center !important;
	align-content: center;
	background: rgba(0,0,0,0.1);
 }

.split-1 .card {
	font-size: clamp(.8rem, 1vw, 1.5em);
	align-content: center;
	border-color: var(--color2)  ;
	border-radius: 1.50rem !important;
	border-width: 3px;
	background-color: var(--color4) ; 
	color: var(--color1)  ;
}
.split-2  { 
	background-color: var(--color2);
	padding-top:10px;
	padding-bottom:20px;
}
.split-2 img { 
	border-radius: 1.50rem !important;
}

.split-2 .card .card-title a { 
	text-decoration: none;
	color: var(--color4);
}
.split-2 .card .card-title a:hover { 
	text-decoration: underline !important;
	color: var(--color5);
}

.split-2 .card { 
	align-content: center;
	border-radius: 1.50rem !important;
	border-width: 3px;
	background-color: var(--color1) ; 
	color: black  ;
	height: 100%;
	font-size: clamp(.8rem, 1vw, 1rem);
	text-align:center;

}

.split-2 .card-text,.card-body { 
	border-radius: 1.50rem;
}

.nav-tabs .active a {
	color: var(--color5) !important;
}
.nav-tabs .active {
	color: var(--color5);
	background-color: var(--color4) !important;
}
.nav-tabs li a:hover { 
	color: var(--color5) !important;

}
.nav-tabs a {
	color: var(--color5);
}
.nav-tabs {
	justify-content:center;
	padding-left:10px;
	padding-right:10px;
	background-color: var(--color1);
}
.split-2 .tab-content { 
	background-color: var(--color4);
}
.form.card-body.tab-content{ 
	background-color: var(--color1);
}
.split-2 .card-body-tabs{ 
		border: 0px;
}

.split-2 ul { 
	align-content: start;
	text-align: left;
}
.split-2 .card-title {
	text-align: center !important;
	font-family: "LimeLight";
	align-content: center;
	color: var(--color4) ; 
}

.split-2 .card-text { 
	font-size: clamp(1rem, 1.5vw, 2rem);
	width:100%;
	padding: 5px;
	background-color: var(--color4) ; 
}

.split-3 {
	background-color: var(--color1);
	padding-bottom: 35px;
	padding:10px;
	align-content: center;
	text-align: center !important;
}
.split-3 .card-title h3 {
font-size: clamp(1rem, 2vw, 2.5rem);
}

.split-3 .card-text {
	border-radius: 1.50rem !important;
	font-size: clamp(1rem, 1.5vw, 2rem) !important;
	padding: 5px;
	font-weight: 400; 

}
.split-3 .card {
	border-radius: 1.50rem !important;	
}

.split-3 .wktd,.wkth {
	align-content: start;
	text-align: left !important;
}

.split-4 {
	background-color: var(--color1);
		font-size: clamp(.7rem, 1.2vw, 1.3rem);
	padding-bottom: 35px;
}

.split-4 .card {
	align-content: center;
		text-align: center !important;
	border-color: var(--color2)  ;
	border-radius: 1.50rem !important;
	border-width: 3px;
	width:90%;
	background-color: var(--color4) ; 
	color: var(--color1)  ;
 	margin: 20px;
		font-size: clamp(1rem, 1.3vw, 1rem);
}
.split-4 .btn { 
	min-width: 130px;
	margin:5px;
	font-size: clamp(.8rem, 1.3vw, 1rem);
	color:var(--color4) ;
	background-color: var(--color2) !important;
	border:none;
}

.card-title a {
	color: var(--color3);
	font-weight: 500;
	min-width: 140px;
	padding: 5px;
}

.wktable{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6;}
.wktable>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);}
.wktable>tbody{vertical-align:inherit;}
.wktable>thead{vertical-align:bottom;}
.wktable>:not(:last-child)>:last-child>*{border-bottom-color:currentColor;}
.wktable-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media (max-width:575.98px){
.wktable-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch;}
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250,219,99, 0.9)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
 height: 30px !important;
  width: 15px !important;
}

.custom-toggler.navbar-toggler {
  border-color: rgb(250, 219, 99);
}