@charset "UTF-8";
html {
    height: 100%;
}
/* Mobile first styles */
.jumbotron {
	margin: 0;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	color: #223c47;
}

/*
h5 {
	font-size: 1.3rem;
}
*/
h2 {
	text-transform: uppercase;
	font-weight: bold;
}

h3 {
	text-transform: uppercase;
	font-weight: bold;
}

h1 {
	text-transform: uppercase;
	font-size: 2.5rem;
}

		.h5{
			text-transform: none;
		}

p {
	font-size: 18px;
}

a {
	color: #007da2;
}

a:hover {
	color: #223c47;
}

:focus {
	text-decoration: none;
	outline: none;
}

/*
.svg {
    width: 100px;
    height: 100px;
}
*/
.cls-1 {
	opacity: 1 !important;
}

/*
svg path, svg .cls-2 {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
*/
svg:hover path,
svg:hover .cls-2 {
	fill: #223c47;
}

.day-camp {
	padding-bottom: 3px;
	width: 200px;
}

.brand-logo>.scdc {
	margin-top: 10px;
}

.brand-logo>.ddc {
	margin-top: 10px;
}

.brand-logo .missions {
	margin-top: 10px;
	padding-bottom: 3px;
	width: 200px;
}

.commercehub-form {
	height: 38px;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	background-color: rgb(245, 245, 245);
}

.indent {
	margin-left: 15px;

}

.OtherWebsiteHeader,
#OtherWebsiteHeader {
	font-size: 90%;
}

.texture-background {
	background-image: url(//static.pcci.edu/YOM/YOM/Images/YOM_HeaderBG.jpg);
	/*	background: no-repeat;*/
	min-height: 20px;
	background-size: cover;
	background-position: center;
	position: relative;
	box-shadow: inset 0px 55px 55px -55px rgba(11, 28, 38, 0.75), inset 0px -55px 55px -55px rgba(11, 28, 38, 0.75);
}

.texture-background:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to right, #007da2, #026597);
	opacity: .90;
}

.texture-white {
	/*	background-image: url(/images/ConcreteBackground-Transparent.png);*/
	min-height: 20px;
	background-size: cover;
	background-position: center;
	position: relative;
	box-shadow: inset 0px 55px 55px -55px rgba(11, 28, 38, 0.5), inset 0px -55px 55px -55px rgba(11, 28, 38, 0.5);
}

.scroll {
	position: absolute;
	bottom: 0px;
	left: 55%;
	margin-left: -47px;
	display: block;
	width: 50px;
	height: 25px;
	/*	overflow: hidden;*/
	z-index: 20;
	/*	cursor: pointer;*/
}

.scroll:before {
	display: block;
	width: 50px;
	height: 50px;
	background: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	content: '';
	border-radius: 50%;
}

.scroll:after {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 36px;
	height: 15px;
	margin-left: -18px;
	font-family: "Font Awesome 6 Pro";
	content: "\f107";
	font-size: 35px;
	color: #223c47;
	text-align: center;
}

.header-logo {
	width: 90%;
	height: auto;
	margin-top: 15px;
	margin-bottom: 30px;
	-webkit-filter: drop-shadow(1px 1px 1px rgba(11, 28, 38, 0.1));
	filter: drop-shadow(1px 1px 1px rgba(11, 28, 38, 0.1));
}

.header-animation {
	width: 70%;
	height: auto;
	-webkit-filter: drop-shadow(1px 1px 1px rgba(11, 28, 38, 0.1));
	filter: drop-shadow(1px 1px 1px rgba(11, 28, 38, 0.1));
}

.brand-slide {
	display: inline-block;
	margin-top: 90px;
	margin-bottom: 75px;
}

.brand-logo {
	height: auto;
	width: 120px;
	margin: auto;
}

.brand-img {
	height: 90px;
	width: auto;
	margin: auto;
	-webkit-filter: drop-shadow(1px 1px 1px rgba(11, 28, 38, 0.1));
	filter: drop-shadow(1px 1px 1px rgba(11, 28, 38, 0.1));

}

.first-col {
	text-align: left;
}

.sec-col {
	text-align: left;
}

.lower-alpha {
	list-style: lower-alpha;
}

.lt-blue {
	color: #007da2;
}

.list .list-unstyled {
	padding-top: 15px;
}

/*
.slick-slider {
	margin-top: -35px;
}
*/

@media (max-width: 576px) {
	.slick-prev {
		left: 0px !important;
	}

	.slick-next {
		right: 0px !important;
	}

	.day-camp {
		width: 200px;
	}
}

/* Extra small devices (portrait phones, 576px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 576px) {
	.header-logo {
		width: 75%;
	}


	.header-animation {
		width: 70%;
	}

}

/* Small devices (landscape phones, 768px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 768px) {
	.header-logo {
		width: 65%;
	}

	/*
	h5 {
		font-size: 1.4rem;
	}
*/
	.first-col {
		text-align: right;
	}

	.brand-logo {
		height: auto;
		width: 100px;
	}

	.scroll {
		left: 50%;
	}

	.brand-img {
		height: 60px;
	}

	.header-animation {
		width: 75%;
	}

	.brand-logo .missions {
		height: auto;
	}


	.day-camp {
		width: 112px;
	}
}

/* Medium devices (tablets, 992px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 992px) {
	.header-logo {
		width: 55%;
	}


	.header-animation {
		width: 70%;
	}

	.brand-img {
		height: 75px;
	}

	.brand-logo .missions {
		height: 75px;
	}
}

/* Large devices (desktops, 1200px and higher)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 1200px) {
	.header-logo {
		width: 50%;
	}

	.day-camp {
		width: 170px;
	}

}

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */