.spacer{
	padding-top: 50px;
}
.section{
	padding: 40px 0 20px;
}
.section-with-background{
	display: flex;
    align-items: flex-end;
    min-height: 525px; /*600px*/
    padding: 100px 0 100px;
	background-color: #002e65;
    background-size: cover;
	background-position: top;
}
.background-carousel .section-with-background{
    padding: 250px 0 50px;
    min-height: 650px;
}
div#content.row {
    padding: 0;
	color: #002e65;
}
#content.row a{
	color: #317AB9;
}
#content.row a.button {
    color: #002e65;
}
#content.row .section-with-background a.button:hover, #content.row .collegeCreditColContainer a.button:hover, #content.row .completeSupport a.button:hover, #content.row .fallEnrollment a.button:hover, #content.row .section-with-background a.button:focus, #EventsDiv a.button:hover,  #EventsDiv a.button:focus, #content.row .button_div a.button:hover{
    color: #fff;
}
#content.row p a{
	text-decoration: underline;
}

#content.row .completeSupport p a, #content.row .fallEnrollment p a{
	text-decoration: none;
}

#content.row p a:hover, #content.row p a:focus{
	text-decoration: none;
}
.text-center{
	text-align: center;
}
.lead{
	font-weight: lighter;
	font-size: 18px;
}

.hero-image-caption{
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0px 0px 5px rgb(0 0 0 / 50%);
    position: relative;
    z-index: 2;
    width: 100%;
}

.hero-translate {
	text-align: center;
	padding: 2rem 0 0 0;
	z-index: 2;
}
.hero-translate .dropdown {
	display: inline-block;
}

.dropdown-menu {
	min-width: 180px;
}

.landing-page #content h2{
	font-size: 56px;
	color: #002e65;
	text-align: center;
	border: none;
	margin: 40px auto 0;
	font-family: 'Roboto Condensed';
}
.smaller-heading + h2{
	margin: 10px auto 0 !important;
}
.landing-page #content .hero-image h3, .landing-page #content .hero-image h2{
	font-size: 96px;
	color: #fff;
	text-align: center;
	font-family: 'Roboto Condensed';
	padding: 0 2rem;
}
.landing-page #content .hero-image h4{
	font-size: 38px;
	color: #fff;
	text-align: center;
}

/* Added 6-3-24 schavez */
.landing-page #content .hero-image p {
	font-size: 30px;
	color: #fff;
	text-align: center;
	text-transform: initial;
	padding: 0 2rem;
	max-width: 960px;
	position: relative;
	z-index: 2;
	margin-left: auto !important;
	margin-right: auto !important;
}

.icons_row{
	margin-bottom: 5rem;
}

.factIcon img{
	border: none;
	width: 12rem;
	margin-bottom: 1rem;
}

.button_div{
	margin-top: 2rem;
}

/*#degreeCert{
	padding-right: 1.4rem;
}
*/

.yellowHeading{
	color: #FFBE00;
	text-shadow: 1px 1px 2px black;
	margin: 6rem 0;
}
.yellowLarge{
	font-size: 60px;
	font-weight: bold;
}


/*Slider*/

.student_voices{
	background-color: #E1E1E8;
	padding: 5rem 25rem;
}

#prev-arrow {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 160px;
  left: 10px;
  cursor: pointer;
}

#next-arrow {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 160px;
  right: 10px;
  cursor: pointer;
}

#prev-arrow .fa-solid, #next-arrow .fa-solid{
	font-size: 4rem;
}

img {
	border: 0;
}

.quotes {
	margin-bottom: 2rem;
	padding: 0 8rem;
}

/*.quotes img{
	clip-path: circle(40%);
	object-fit: cover;
    object-position: -3px -19px;
	height: 150px;
}*/


.quote{
	font-style: italic;
	padding-top: 1rem;
}

.studentName {
	font-weight: bold;
	color: #002E66;
}

#toggle-custom-2 {
	background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  font-family: Poppins, sans-serif;
  /*input has OS specific font-family*/
  color: #002E66;
  text-decoration: underline;
  cursor: pointer;
}


/* End Slider */

.landing-page #content .well h3{
	margin-top: 0;
	text-align: left;
	font-weight: 700;
}

.landing-page #content .inclusive_communities .well{
	min-height: 53rem;
	box-shadow: 5px 8px #A8AABC;
	border-radius: 0;
}

ul.communities_support_list{
	margin-bottom: 2rem;
}

.communities_support_list li, .collegeCreditColContainer .lead li{
	margin-bottom: 1rem;
}



.deep_yellow, .communities_support_list li::marker {
	color: #FFBE00;
}


.collegeCreditColContainer {
  display: table; /* Make the container element behave like a table */
  width: 100%; /* Set full-width to expand the whole page */
	margin-top: 3rem;
}
.collegeCreditCol {
  display: table-cell; /* Make elements inside the container behave like table cells */
}
.colCreditLeft {
	background-image: url('/_development/seap/_includes/images/student-cheer.jpg');
	width: 50%;
	background-size: cover;
    background-position: center;
}
.colCreditRight{
	background-color: #E1E1E8;
	padding: 3rem 16rem 3rem 4rem;
}

.landing-page #content h3{
	font-size: 46px;
}

.landing-page #content .student_voices h3{

	margin-bottom: 2rem;
}

.landing-page #content .completeSupport h3, .landing-page #content .longTermSuccess h3{
	text-align: center;
}
.longTermSuccess {
	margin-top: 3rem;
	background-color: #E1E1E8;
	padding: 4.5rem;	
}

.longTermSuccess p.center {
	padding: 0 13.5rem;
}
.landing-page #content .longTermSuccess h4{
	color: #ffffff;
	text-transform: uppercase;
}
.landing-page #content .longTermSuccess a {
	color: #FFBE00;
	font-weight: 500;
}
.landing-page #content .longTermSuccess ul {
	line-height: 2;
}
.landing-page #content .fallEnrollment p{
	font-size: initial;
}
.fallEnrollment .hero-image-caption{
	text-shadow: none;
}
.fallEnrollment .hero-image {
	height: 500px;
}
.upcomingEvents h3, .requestMoreInformation h3{
	text-align: center;
}
#EventsDiv H3 {
	display: none;
}
#EventsDiv a.button.pull-right{
	display: none;
}
#content.row a{
	color: #305589;
}
.event-text{
	min-height: 200px;
}
#EventsDiv > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){
	border-bottom: 5px solid #e65f5c;
}
#EventsDiv > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){
	border-bottom: 5px solid #00a3d9;
}
#EventsDiv > div:nth-child(1) > div:nth-child(3) > div:nth-child(1){
	border-bottom: 5px solid #5fb08f;
}
#content.row p a {
	text-decoration: none;	
}
.moreEventsDiv{
	display: flex;
	height: 160px;
}
.moreEventsDiv p{
	align-self: self-end;
}
.requestMoreInformation{
	background-color: #AFE1FA;
	padding: 5rem;
}
.requestMoreInformation .ou-form .row{
	margin-bottom: 2rem;
}
.requestMoreInformation legend{
	border-bottom: none;
	color: #002e66;
}
.requestMoreInformation .form-control{
	height: 50px;
}
button, .btn-primary, .btn-default{
	background: #ffbe00;
	color: #002E66;
	font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    padding: 9px 13px;
	font-weight: 700;
	border: 0;
	border-radius: 0;
}
button:hover, .btn-primary:hover, .btn-default:hover {
	background: #002E66;
	color: #FFFFFF;
}
/* End add */

.landing-page #content .background-section-content h2{
	font-size: 24px;
	color: #fff;


	text-align: left;

	border: none;
	margin: 0 auto;

	padding-bottom: 0;
}
.landing-page #content .background-section-content h3{
	font-size: 56px;
	color: #fff;
	text-align: center;
	border: none;
	margin: 0 auto;
	font-family: 'Roboto Condensed';
	text-transform: uppercase;
}
.landing-page #content .background-section-content, .landing-page #content .background-section-content p{
	color: #fff;
	font-size: 18px;
	text-align: center;
}
.smaller-heading{
	font-size: 24px;
    color: #002e65;
    text-align: center;
    border: none;
    margin: 0 auto;
    padding-bottom: 0;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-weight: bold;
    display: block;
}
.smaller-heading.light-blue{
	color: #317AB9;
}
.background-section-content p{
	margin-bottom: 40px !important;
}
.background-section-content h2, .background-section-content h3, .background-section-content p{
	/*text-shadow: 2px 2px 20px #002E65;*/
}
.section-with-background .button{
	margin-right: 15px;
}
.hero-image {
    width: 100%;
   	height: auto;
    left: 0;
    top: 0;
    overflow: visible;
    background-size: cover;
    background-position: center;
    background-color: #002f6c;
    position: relative;
	margin-bottom: 1rem;
	padding: 5rem 0;
}
.hero-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: rgb(0,46,101,.7);
}
.play-icon{
	background-color: #317AB9;
	color: #fff;
	display: block;
	display: none;
	margin: 0 auto;
	border-radius: 50%;
	width: 82px;
	height: 82px;
	position: absolute;
	transform: translate(-50%, -150%);
	top: 50%;
	left: 50%;
	z-index: 1;
}
.play-icon:before {
    content: "\f04b";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ffffff;
    font-size: 32px;
    width: 82px;
    height: 82px;
    line-height: 82px;
    text-align: center;
    padding-left: 5px;
}
.dark-blue-row{
	background-color: #002e65;
	color: #fff;
}
.justify-content-center {
    justify-content: center!important;
}
.dark-blue-row .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.dark-blue-row .nav-fill .nav-item, .dark-blue-row .nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center;
}
#content.row .dark-blue-row .nav a.dropdown-toggle{
	color: #fff;
	text-transform: uppercase;
	padding: 20px 15px;
}
#content.row .dark-blue-row .nav a.dropdown-toggle:focus, #content.row .dark-blue-row .nav a.dropdown-toggle:hover, #content.row .dark-blue-row .nav .open > a{
	border: none;
	color: #002e65;
}
.dark-blue-row .dropdown-menu{
	text-align: left;
	min-width: 160px;
	margin: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	width: 100%;
	border: none;
	padding: 10px 0;
}
.dark-blue-row .nav-fill .nav-item .dropdown-menu .nav-item{
	text-align: left;
}
.dark-blue-row .nav .dropdown-item:focus{
	border: none;
}
.dark-blue-row .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.dark-blue-row .dropdown-item:hover, .dark-blue-row .dropdown-item:focus{
	background-color: #f0f0f0;
}
.well {
	margin: 2rem 0;
}
.well.light-blue {
    background-color: #317AB9;
}
/*.landing-page #content .well h3{
	color: #fff;
	text-align: center;
}*/
.well p{
	font-size: 18px;

}
.quote .background-section-content{
	font-family: "Georgia";
    font-size: 45px !important;
    text-align: center;
    padding: 0 60px;
}


/* Large desktops and laptops */
@media (min-width: 1500px) {
    .hero-image {
    	background-position: top center;
	}
		
}

@media (max-width: 1500px) {
    .landing-page #content .hero-image p {
		/*font-size: 18px;*/
		padding: 0 1.5rem;
	}
	
	.colCreditRight{
		width: 100%;
		padding: 3rem 4rem 3rem 4rem;
	}
	
	.student_voices{
		padding: 0 0 3rem 0;
	}
	
	.landing-page #content .inclusive_communities .well{
		min-height: 61rem;
	}
}

@media (max-width: 1200px) {

	.landing-page #content .hero-image p {
		/*font-size: 18px;*/
		padding: 0 1.5rem;
	}	
	
	.longTermSuccess, .requestMoreInformation {
		padding: 4rem 0rem;
	}
	
	/*.hero-translate .dropdown{
	    top: 45rem;    
	}*/
}

@media (min-width: 992px) and (max-width: 1199px){
	.landing-page #content .longTermSuccess .well{
		min-height: 28.5rem;
	}
}

@media (max-width: 991px) {
	
	#next-arrow{
		right: 20px;
	}
	
	.yellowHeading{
		margin: 0 0 3rem 0;
	}
	
	.button_div{
		margin: 2rem 0;
	}	
	
	.student_voices{
		padding: 0 0 3rem 0;
	}
	
	.quotes{
		padding: 0;
	}
	
	.landing-page #content .hero-image h2, .yellowLarge {
		font-size: 56px;
	}
	.landing-page #content h2 {
		font-size: 36px;
	}
	.landing-page #content .hero-image p {
		font-size: 18px;
		padding: 0 1.5rem;
	}
	
	.landing-page #content .longTermSuccess p.center {
		padding: 0;
	}
	.landing-page #content .background-section-content h3, .landing-page #content .colCreditRight h3, .landing-page #content .completeSupport h3, .landing-page #content .longTermSuccess h3, .landing-page #content .fallEnrollment h3, .landing-page #content .upcomingEvents h3, .landing-page #content .requestMoreInformation h3 {
		font-size: 36px;
	}
	.section-with-background {
		min-height: 400px;

	}
	.background-carousel .section-with-background {
		min-height: 450px;
	}
	
	.landing-page #content .hero-image h4 {

		font-size: 28px;
		line-height: 1.25;
	}
	
	.landing-page #content .inclusive_communities .well{
		min-height: initial;
	}

	
	.collegeCreditCol {
		display: block;
    	width: 100%;
	}
	
	.colCreditLeft{
		height: 80vh;
	}
	
	.longTermSuccess, .requestMoreInformation {
		padding: 4rem 1rem;
	}
	
	/*.hero-translate .dropdown{
	    top: 40rem;    
	}*/
	
}

@media (max-width: 768px) {
	
	.landing-page #content .hero-image h3, .landing-page #content .hero-image h2, .yellowLarge, .landing-page #content .colCreditRight h3, .landing-page #content .completeSupport h3, .landing-page #content .longTermSuccess h3, .landing-page #content .upcomingEvents h3, .landing-page #content .requestMoreInformation h3{
		font-size: 32px;
	}

	.landing-page #content .hero-image p {
		font-size: 16px;
	}

	.section-with-background .button {
		margin-right: auto;
		margin-bottom: 15px;
	}
	.slick-prev
	{
		left: 0px;
	}
	.slick-next
	{
		right: 0px;
	}
	.quote .background-section-content {
		font-size: 35px !important;
	}
	#content.row a.button {
		/*width: max-content;*/
	}
	#EventsDiv a.button{
		float: none !important;
		display: block;
		margin: 15px auto;
	}
	.dark-blue-row .nav {
		display: block;
	}
	.dark-blue-row .dropdown-menu{
		position: static;
	}
	#content.row .dark-blue-row .nav a.dropdown-toggle {
		font-size: 18px;
	}
	.nav>li>a:focus, .nav>li>a:hover {
		text-decoration: none;
		background-color: transparent;
	}
	#content.row .dark-blue-row .nav a.dropdown-toggle:hover{
		color: #fff;
	}
	#content.row .dark-blue-row .nav .open a.dropdown-toggle:hover{
		color: #002e65;

	}
	.dark-blue-row .dropdown-menu, .dark-blue-row .nav-fill .nav-item .dropdown-menu .nav-item {
		text-align: center;
		font-size: 18px;
	}
	
	.fallEnrollment .hero-image-caption{
		padding: 0 1rem;
	}
	
	.moreEventsDiv{
		display: block;
		height: initial;
	}
	
	#EventsDiv{
		padding: 0 1rem;
	}
	
	/*.hero-translate .dropdown{
	    top: 34rem;    
	}*/
	
}

@media (max-width: 600px) {
	.colCreditRight{
		
		padding: 3rem 2rem 3rem 2rem;
	}	
	#EventsDiv{
		margin: 0px auto;
		padding: 0 1rem;
	}
	
	/*.hero-image {
        height: 65vh;
    }
	
	.hero-translate .dropdown{
	    top: 31rem;    
	}*/
}