@charset "utf-8";
/* CSS Document */

@media (max-width: 820px) {
	.kcj_homePage_title_container h1{
	 	font-size:28px;
		line-height:36px;
	}

	.kcj_homePage_title_container h3{
		 font-size:18px;
		 line-height:22px;
	}
}

.kcj_section_homePage_header_video {
	position:relative;
	margin-top:0;
	max-height:645px;
	width:100%;
	overflow:hidden;

}

.kcj_homePage_video {
	width:100%;
	height:auto;
	background-color: #446b82;
}
.kcj_homePage_video_wrapper {
	background-color: #245775;
}

.kcj_homePage_title_container {
	position:absolute;
	display:inline-block;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.kcj_hompegae_image_placeholder {
	width:420px;
	height:400px;
	background-color:#0000FF;
}

.kcj_video_overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:.2;
}

.kcj_small_cards {
	background-color:none;
	padding: 15px;
	min-height: 360px;
	width:300px;
	display: inline-block;
}

.kcj_homepage_donate_drop {
	background-color:#acddfa;
	margin-left:0;
	margin-right:0;
}

.kcj_homepage_donate_drop_photo {
	background-image:url(../img/section_homepage/donate_photo_v1.0.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	min-height:300px;
}

.KCJ_homepage_sponsor_logo_links {
	filter: grayscale(100%);
	display:inline-block;
}

.KCJ_homepage_sponsor_logo_links:hover {
	filter: grayscale(0%);
}

/*Featured Programs*/

.kcj_homePage_featured_offerings_card {
	background-color: white;
	border-radius: 7px;
}

.kcj_btn_link_wrapper {
	display:inline-block;
	border-bottom: solid var(--kcj-picton_blue) 2px;
}

.kcj_btn_link, .kcj_btn_link:hover{
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}

/*Code in the Stars*/

.kcj_homePage_code_in_stars{
	color:#555496;
}

/* Section BLOGS */
.blog-header-holder{
	padding-left: 15px;
	padding-top: 96px;
}

/* Section NEWSLETTERS */

.kcj_resource_card_label_ext_info{
	height:275px;
  text-align:left;
  background-color:white;

	border-radius: 5px;
  box-sizing:border-box;
}

.kcj_resource_card_label_ext_info b {
	color: var(--kcj-picton_blue);
	line-height: 2;
	text-decoration:none;
}

.kcj_resource_card_label_text {
	line-height: 45px;
	padding: 20px;
	font-size: 30px;
	font-weight: 500;
}

@media (min-width: 767px) and (max-width: 1199px){
  .kcj_resource_card_label_ext_info{
    height: 256px !important;
  }
}