@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

h1{
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
	
}
h2{
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
	color:var(--apsgDarkBlue);
	
}

.apsg-bg{
	background-color:#eee;	
}
.apsg-bg2{
	background-color:#ddd;	
}
.apsg-img-bg{
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	background-color:var(--apsg2025BlueBG);
	
} 
.apsg-img-bg-md{
	background-image: url("../images/Background.jpg")
	
}
.zoomHolder
{
   width:100%;
   height:auto;
   position:relative;
   overflow:hidden
}

.logolist{
	height:60px;width:auto;
	max-width:135px;
}
.logolistBG{
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height:55px;
	width:auto;
	margin-right:20px;
	margin-bottom:15px;
	display:inline-block;
}
.logolistBG img{
	opacity: 0.0;
}



.apsgFooter{
	background-color:var(--apsgLightGray);
	color:#111;
}

.headerLogo{
	height:70px; 
	margin-top:5px; 
	margin-bottom:5px; 
	width:auto;
	transition:.5s all;
}
@media (min-width: 576px) {
		.headerLogo{
			height:100px; 
			margin-top:5px; 
			margin-bottom:5px; 
			width:auto;
		}

}
@media (min-width: 576px) {
		.headerLogo{
			height:140px; 
			margin-top:5px; 
			margin-bottom:5px; 
			width:auto;
		}

}
 
@media (min-width: 768px) {
		.headerLogo{
			height:180px; 
			margin-top:5px; 
			margin-bottom:5px; 
			width:auto;
		}

}
 
@media (min-width: 992px) {


}
 
@media (min-width: 1200px) {


}
		
.mainBanner h1{
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size:2em;
	line-height:1em;
	color:#fff;
	text-shadow: 2px 2px 5px black;
	text-wrap: balance;
	text-align: center;
}	
.mainBanner h2{
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size:1.25em;
	line-height:1em;
	color:#fff;
	text-shadow: 2px 2px 5px black;
	text-wrap: balance;
	text-align: center;
}

.bg-nav {
    background-color: var(--apsgDarkBlue) !important;
	color:#fff;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .55);
	font-weight:600;
}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {
    color: rgba(255, 255, 255, .9);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .7);
}
		
		.apsgFooter{
			font-size:.8em; margin-top:20px;
		}


		.apsgSchedule ul{
			background-color:#ccc;
			list-style: none;
			padding-left:0px;
			margin:0px;
		}
		.apsgSchedule ul ul{
			background-color:#eee;
			display:flex;
			list-style: none;
			align-items: center;
		}
		.apsgSchedule ul ul li:first-child{
			width:20%;
			padding:8px;
			padding-left:24px;
			padding-right:24px;
		}
		.apsgSchedule ul ul li{
			width:80%;
			padding:8px;
			padding-left:24px;
			padding-right:24px;
			
		}
		.apsgSchedule ul ul li:first-child{
			border-right:solid 0px var(--apsgLightBlue);
		}
		.apsgSchedule ul ul li:nth-child(2){
			border-left:solid 1px var(--apsgLightBlue);
		}
		.apsgSchedule ul ul:nth-child(odd){
			background-color:#dedede;
			color:#000;
		}
		.apsgSchedule ul ul:nth-child(even){
			background-color:#fff;
		}
		.apsgSchedule ul ul:first-child{
			background-color:var(--apsgLightBlue);
			color:#fff;
			text-transform: uppercase;
			font-weight: 600;
		}
		.apsgSchedule ul ul:first-child li:first-child{
			text-align: left;
		}
		

 
@media (max-width: 992px) {
		.apsgSchedule ul ul li:first-child{
			width:30%;
		}
		.apsgSchedule ul ul li{
			width:70%;			
		}


}
 	
 
@media (max-width: 768px) {
		.apsgSchedule ul ul li:first-child{
			width:40%;
		}
		.apsgSchedule ul ul li{
			width:60%;			
		}


}

@media (max-width: 576px) {
		.apsgSchedule ul ul li:first-child{
			width:40%;
		}
		.apsgSchedule ul ul li{
			width:60%;			
		}
		.apsgSchedule ul ul li:first-child{
			border-right:solid 1px var(--apsgLightBlue);
		}
		.apsgSchedule ul ul li:nth-child(2){
			border-left:solid 0px var(--apsgLightBlue);
		}


}

	
	
.starred {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

.starred::before,
.starred::after {
    content: "★"; /* Unicode star character */
    margin: 0 10px;
    font-size: 1.5em;
    color: var( --apsgRed); /* Change to any color you like */
}
		
		h1.agendaHeadline{
			text-transform: uppercase;
			text-shadow: none;
    		color: #111;
			font-weight: 100;
			padding-top:18px;
			padding-bottom:12px;
		}
		


			.apsgClasses{
				box-sizing:content-box;
				padding:1rem;
			}
			.classDescriptionContainer{
				background-color:#eee;
				padding:2rem;
				border-top:10px solid var(--apsgLightBlue);
			}
			.classDescriptionContainer h1,.classDescriptionContainer h2{
				text-shadow: none;
				color:#111;
				text-align: left;
			}
			.classDescriptionContainer h2{
				font-size:1.6rem;
				font-weight: 600;
			}
			.classDescriptionContainer h3{
				font-size:1.2rem;
				font-weight: 600;
			}
			.classDescriptionContainer h4{
				font-size:1.0rem;
				font-weight: 600;
			}


	.homepageButtons{
		text-align: center;
	}
	.homepageButtons a{
		background-color:var(--apsgRed);
		color:#fff;
		border:solid 2px white;
		text-decoration: none;
		padding:12px;
		border-radius: 10px;
		margin-left:8px; margin-right:8px;
		font-weight: 600;
		display: inline-block;
		margin-bottom:8px;
		
	}
	.homepageButtons a:hover{
		background-color:var(--apsgDarkBlue);
		color:#fff;
		text-decoration: none;
		padding:12px;
		border-radius: 10px;
		margin-left:8px; margin-right:8px;
		font-weight: 600;
		display: inline-block;
		
	}




		.card a{
			background-color:var(--apsgDarkBlue);
			padding:12px;
			color:#fff;
			text-decoration: none;
			border-radius: 12px;
			display: inline-block;
		}
		.card a:hover{
			background-color:var(--apsgRed);
			padding:12px;
			color:#fff;
			text-decoration: none;
			border-radius: 12px;
			display: inline-block;
		}