/*=========================================================		    							   
VARIABLES
=========================================================*/
/*=========================================================		    							   
CUSTOM  COLORS							                                                                                                                                                                                                            							                     
=========================================================*/
/*=========================================================		    							   
CUSTOM  FONT-SIZE						                                                                                                                                                                                                            							                     
=========================================================*/
body {
  background: #fff;
}
.isAbsolute {
  position: absolute;
  width: 100%;
}
/*=======================================================================			  
				TOP BANNER SLIDESHOW
=========================================================================*/
.topBannerSlider {
  top: -140px;
  margin-bottom: -140px;
  position: relative;
  z-index: 1;
  min-height: 400px;
}
.topBannerSlider .lightSlider .item {
  background: #333;
  padding: 0;
  margin: 0;
}
.topBannerSlider .lightSlider .item:hover .topBannerItem {
  transform: scale(1.05);
}
.topBannerSlider .topBannerWrap {
  position: relative;
}
.topBannerSlider .topBannerItem {
  background-size: cover;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  background-repeat: no-repeat;
  background-position: center center;
  transform: scale(1);
  -moz-transition: all 5s ease-in-out;
  -o-transition: all 5s ease-in-out;
  -webkit-transition: all 5s ease-in-out;
  transition: all 5s ease-in-out;
  width: 100%;
  padding-top: 56.25%;
}
.topBannerSlider .lSAction {
  position: absolute;
  width: 100%;
  bottom: 110px;
  z-index: 20;
}
.topBannerSlider .lSAction .lSPrev {
  left: 20px;
  opacity: 1;
}
.topBannerSlider .lSAction .lSNext {
  right: 20px;
  opacity: 1;
}
.topBannerSlider .lSAction .lSNext:before,
.topBannerSlider .lSAction .lSPrev:before {
  color: #fff;
}
.topBannerSlider .lSAction .lSNext:hover:before,
.topBannerSlider .lSAction .lSPrev:hover:before {
  color: #00aaff;
}
.topBannerSlider .lSPager {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 20px;
}
.topBannerSlider .lSPager.lSpg > li a {
  background: #fff;
  width: 10px;
  height: 10px;
}
.topBannerSlider .lSPager.lSpg > li:hover a,
.topBannerSlider .lSPager.lSpg > li.active a {
  background: #00aaff;
}
.topBannerSlider .topBannerExtras .topBannerInfo {
  width: 34%;
  float: left;
  margin-right: 3%;
}
.topBannerSlider .topBannerExtras .topBannerInfo h1,
.topBannerSlider .topBannerExtras .topBannerInfo h2,
.topBannerSlider .topBannerExtras .topBannerInfo h3,
.topBannerSlider .topBannerExtras .topBannerInfo .description {
  font-family: 'proxima-nova', sans-serif;
  font-weight: 100;
  margin: 0;
  text-transform: uppercase;
  color: #fff;
}
.topBannerSlider .topBannerExtras .topBannerInfo h1 {
  color: #acf36b;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 5px;
}
.topBannerSlider .topBannerExtras .topBannerInfo h1 a {
  color: #acf36b;
}
.topBannerSlider .topBannerExtras .topBannerInfo h1 a:hover {
  color: #fff;
}
.topBannerSlider .topBannerExtras .topBannerInfo h2 {
  font-size: 24px;
}
.topBannerSlider .topBannerExtras .topBannerInfo h3 {
  font-size: 18px;
  color: #bcbdbd;
}
.topBannerSlider .topBannerExtras .topBannerInfo .description {
  font-size: 14px;
  color: #bcbdbd;
}
/*=======================================================================
				PAGE CONTENT
=========================================================================*/
.homepage {
  border-left: 0;
  border-right: 0;
  background: #b0e2fd;
}
.homepage .pageContent {
  border-right-color: #b0e2fd;
  border-left-color: #b0e2fd;
}
.homepage .mastheadWrap {
  z-index: 10;
}
.hpContent .hpLeft.col-md-8 {
  width: auto;
}
.hpContent .hpRight.col-md-4 {
  width: 300px;
}
.homePageContent {
  background: #f8f8fa;
}
.hpBottomContent {
  padding-left: 75px;
  padding-right: 75px;
  padding-bottom: 40px;
  text-align: center;
}
.hpTopItems {
  padding: 40px 75px 10px;
}
.list-title {
  font-family: 'proxima-nova', sans-serif;
  font-size: 24px;
  color: #404040;
  text-align: center;
  font-weight: 300;
  line-height: 28px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #97dbff;
}
.centerBlock {
  padding: 40px 0;
}
.hpRight .list-title,
.hpLeft .list-title {
  text-align: left;
  padding-bottom: 20px;
  border-bottom: 1px solid #97dbff;
  margin-bottom: 27px;
  line-height: 22px;
}
.topItems li {
  border-color: #b6e2fc;
}
.topItems li:last-child {
  border: 0;
}
.feature-box .header-box .txt-head {
  padding: 25px 20px;
}
/*=======================================================================
			EVENTS
=========================================================================*/
.eventsFeature {
  margin-bottom: 40px;
}
.tplEvent .ctIcon.event {
  width: 60px;
  height: 65px;
  padding: 6px;
}
.tplEvent .ctIcon.event span {
  color: #00aaff;
}
.tplEvent .ctIcon.event span.eventMonth {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
}
.tplEvent .ctIcon.event span.eventDay {
  font-size: 28px;
  line-height: 30px;
  font-weight: 900;
}
.tplEvent .ctIcon.event span.eventYear {
  font-size: 12px;
  line-height: 12px;
  font-weight: 100;
}
/*=======================================================================
			BRIDGE SLIDER
=========================================================================*/
.homepage .hpBridgeControl {
  margin-right: 0;
  margin-left: 0;
}
.shareBlock .blockContent {
  text-align: center;
}
.shareBlock .blockContent a {
  display: inline-block;
  vertical-align: middle;
  color: #404040;
  font-size: 16px;
  line-height: 18px;
  padding: 0 15px;
}
.shareBlock .blockContent a:before {
  font-family: FontAwesome;
  font-size: 18px;
  color: #333;
  line-height: 20px;
  padding-right: 10px;
}
.shareBlock .blockContent a.twitter:before {
  content: "\f099";
}
.shareBlock .blockContent a.youtube:before {
  content: "\f16a";
}
.shareBlock .blockContent a.linkedin:before {
  content: "\f08c";
}
.shareBlock .blockContent a:hover,
.shareBlock .blockContent a:focus {
  color: #00aaff;
}
.shareBlock .blockContent a:hover:before,
.shareBlock .blockContent a:focus:before {
  color: #00aaff;
}
/*=======================================================================
				DONOR SPOTLIGHT
=========================================================================*/
.donorSpotlight {
  background: #f5faff;
  border-bottom: 1px solid #87d6ff;
  padding: 70px 60px 50px;
}
.donorSpotlight .donor-pic {
  border: 1px solid #fff;
  background-size: 100% auto;
  -webkit-box-shadow: 0 0 10px 0px rgba(64, 64, 64, 0.5);
  -moz-box-shadow: 0 0 10px 0px rgba(64, 64, 64, 0.5);
  box-shadow: 0 0 10px 0px rgba(64, 64, 64, 0.5);
}
.donorSpotlight .name a {
  color: #404040;
}
.donorSpotlight .name a:hover {
  color: #00aaff;
}
@media (max-width: 1200px) {
  .homepage .pageContent {
    border-left-width: 0;
    border-right-width: 0;
  }
}
@media (max-width: 1170px) {
  .homepage .topBannerSlider {
    top: 0;
  }
}
@media (max-width: 780px) {
  .homepage .topBannerSlider {
    top: 0;
  }
  .homepage .topBannerSlider .topBannerExtras {
    margin-top: 0;
  }
  .homepage .topBannerSlider .topBannerExtras .topBannerInfo {
    width: 100%;
    float: none;
  }
  .homepage .topBannerSlider .topBannerExtras .topBannerItems {
    width: 100%;
    float: none;
  }
  .homepage .topBannerSlider .topBannerExtras .topBannerItems .topBannerItemsLink {
    width: 100%;
    display: block;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .topBannerSlider .lightSlider .item:hover .topBannerItem {
    transform: scale(1);
  }
}