/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.gccc-color {
    color: #cedab0;
}

.gccc-page-title {
	border-bottom: 8px solid #cedab0 !important;
}

.gcp-color {
    color: #FABB7C;
}

.gcp-page-title {
	border-bottom: 8px solid #FABB7C !important;
}

.gcel-color {
    color: #BDE0E0;
}

.gcel-page-title {
	border-bottom: 8px solid #BDE0E0 !important;
}

.m-b-20 {
	margin-bottom: 20px;
}

.m-b-60 {
	margin-bottom: 60px;
}

.m-l-5 {
	margin-left: 5px;
}

.m-l-10 {
	margin-left: 10px;
}

.m-t-60 {
	margin-top: 60px;
}

.card-header {
	background: #6953A8;
	color: white;
}

.card-title {
	font-size: 24px;
}

.program-heading {
	color: #6953A8 !important;
}

.purple-color {
	color: #6953A8 !important;
}

.dark-blue-color {
	color: #08124c !important;
}

.footer-contact h4 {
	margin-bottom: 5px;
}

.footer-contact i {
	margin-right: 10px;
}

.breadcrumb h3 {
	border-top: 1px solid;
}

.swiper_wrapper .slider-caption p {
    font-size: 1em;
}

a.menu-header:hover {
	color: #000000 !important;
	cursor: default;
}

@media (max-width: 992px) {
	.menu-header {
		font-weight: 700 !important;
	}
}

@media (max-width: 576px) {
	.inline-button {
		margin-bottom: 10px;
	}
}

.gccc-banner-text-container {
	background: rgb(255 255 255 / 85%);
	padding: 20px;
	border-radius: 5px;
}

#page-title.page-title-parallax h1 {
	color: #6953A8 !important;
}

#page-title.page-title-parallax span {
	color: #08124c !important;
}

.breadcrumb h3 {
    color: #08124c !important;
}

.programs-container .fbox-icon i {
	background: #119FD9 !important;
}


@media (max-height: 750px) {
	.home-page-hero-image {
		max-height: 600px;
	}
}

@media (max-height: 640px) {
	.home-page-hero-image {
		max-height: 500px;
	}
}

@media (max-height: 600px) {
	.home-page-hero-image {
		max-height: 450px;
	}
}

@media (max-height: 540px) {
	.home-page-hero-image {
		max-height: 375px;
	}
}

@media (max-height: 460px) {
	.home-page-hero-image {
		max-height: 300px;
	}
}

.heading-font-alt {
	font-family: roboto !important;
	word-spacing: normal;
}

@media (max-height: 540px) {
	.home-page-title-text {
		font-size: 3rem;
	}
}


.contact-us-email {
	font-size: 18px;
}