/*Homepage Styles*/

/*Start :: Available Degrees Block*/
.CardRow p {
   margin-bottom:5px;
   line-height:15px;
}
.card {
   height: 190px;
   overflow: hidden;
   margin-top:30px;
   width:110%;
}
.card_content {
   background-color: rgba(255, 255, 255, 0.5);
   padding: 10px;
   position: absolute;
   bottom: -245px;
   transition: all 0.5s ease;
   line-height: 8px;
   text-align: center;
   margin: 0 auto;
   height: 100%;
   font-size: 13px;
   width: 100%;
   margin-top: -200px;
}
.graduate-degrees .card_content {
   bottom: -150px;
}
.info-card a {
   line-height:22px;
   font-size:14.5px;
}
.info-card-header h3:after, .info-card-header h4:after {
   content: " \f106";
    font-family: "FontAwesome";
	transition: all 0.2s ease-in;
}
.info-card:hover h3::after, .info-card:hover h4::after {
   content: " \f107";
    font-family: "FontAwesome";
	transition: all 0.2s ease-in;
}
.graduate-degrees-academics .card_content {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px;
    position: absolute;
    bottom: -149px;
    transition: all 0.5s ease;
    line-height: 8px;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    font-size: 13px;
    width: 100%;
    margin-top: -200px;
}
@media (max-width:1200px) and (min-width:992px) {
   .card_content {
      bottom: -205px;
   }
   .graduate-degrees .card_content {
      bottom: -123px;
   }
	.graduate-degrees-academics .card_content {
		bottom: -149px;
	}
}
@media (max-width:375px) {
	.graduate-degrees .info-card:hover .card_content {
		height: 179px;
	}
}
@media (max-width:320px) {
	 .card_content {
      width: 100%;
      bottom: -150px;
	   height: 183px;
   }
	.info-card:hover .card_content {
		height: 230px;
	}
	.graduate-degrees .info-card:hover .card_content {
		height: 151px;
	}
   .graduate-degrees .card_content {
      width: 100%;
      height: 183px;
      bottom: -150px;
   }
}

@media (max-width:767px) {

   .card {
      width: 400px;
      margin: 10px auto;
   }
   .card_content h3, .card_content h4 {
      padding: 10px 0px;
   }
}
@media (max-width:480px) {
   .card_content {
      width: 100%;
   }
   .card {
      width: 100%;
      margin: 10px auto;
   }
   .card_content h3, .card_content h4 {
      padding: 10px 0px;
   }
   .info-card a {
      line-height:20px;
      font-size:13px;
   }
}
.card_content h3, .card_content h4 {
   font-size: 1.5em;
   line-height: 1.4em;
   text-align: center;
   background-color: #32a3dc;
   color: #ffffff;
   padding: 3px 0px;
   margin: -10px -10px 0.5em;
}      
.info-card:hover .card_content {
   background-color: rgba(255, 255, 255, 0.9);
   bottom: 0;
}
.CardRow {
   margin-top: 0px;
}
.info-card {
   width: 100%;
   border: 1px solid rgb(215, 215, 215);
   position: relative;
   font-family: 'Yantramanav', sans-serif;
   margin-bottom: 20px;
   overflow: hidden;
   margin: 0 auto;
   max-width: 350px;
}         
.info-card .info-card-details .info-card-header {
   height: auto;		
   bottom: 100%;
   padding: 10px 5px;
}
.info-card:hover .info-card-details {
   bottom: 0px;
   overflow: auto;
   padding-bottom: 25px;
}
.info-card:hover .info-card-details .info-card-header {
   position: relative;
   bottom: 0px;
   padding-top: 45px;
   padding-bottom: 25px;
}
@media (max-width:400px) {
	.info-card {
		width: 300px;
	}
	.card_content {
		bottom: -205px;
	}
	.graduate-degrees .info-card:hover .card_content {
		height: 156px;
	}
	.graduate-degrees .card_content {
		bottom: -123px;
	}
} 
@media (max-width:350px) {
	.info-card {
		width: 275px;
	}
	.card_content {
		bottom: -185px;
	}
	.info-card:hover .card_content {
		height: 218px;
	}
	.graduate-degrees .info-card:hover .card_content {
		height: 143px;
	}
	.graduate-degrees .card_content {
		bottom: -110px;
	}
} 
@media (max-width:320px) {
.info-card-header {
   position: relative;
   bottom: 0px;
}
.card_content {
	bottom: -150px;
}
.graduate-degrees .card_content {
	bottom: -150px;
}
}
/*End :: Available Degrees Block*/


#NewsAndEventsBlock .button-light:after {
   top: 1px;
}
#NewsAndEventsBlock .btn-link:hover::after {
   top: 1px;
	color: #616161;
}
#NewsAndEventsBlock a {
   text-decoration: none;
}

#NewsAndEventsBlock .ArticleTeaserLink h3 {
  padding: 0 15px;
}

#NewsAndEventsBlock .ReadMoreCard {
   background: none;
   position: relative;
}
#NewsAndEventsBlock .ReadMoreContent {
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   margin-top: -80px;
}
#NewsAndEventsBlock .thumbnail-header {
   border-bottom: 10px solid #005daa;
	height: 180px;
	max-height: 100%;
	overflow: hidden;
	position: relative;
}
img.enewsImage {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
}
#NewsAndEventsBlock .caption p {
  font-size: 1.5rem;
}
#NewsAndEventsBlock .owl-carousel {
  margin: 0 auto;
}

@media (max-width: 1199px) and (min-width: 992px) {
	.col-lg-3.col-md-4.col-sm-6.col-xs-12.enewsTeasers:last-of-type {
		display: none;
	}
}
@media (max-width: 1614px) and (min-width: 1581px) {
	#NewsAndEventsBlock .thumbnail-header {
		max-height: 170px;
	}
}
@media (max-width: 1580px) and (min-width: 1356px) {
	#NewsAndEventsBlock .thumbnail-header {
		max-height: 148px;
	}
}
@media (max-width: 1355px) and (min-width: 1200px) {
	#NewsAndEventsBlock .thumbnail-header {
		max-height: 130px;
	}
}
@media (max-width: 1199px) and (min-width: 992px) {
	#NewsAndEventsBlock .thumbnail-header {
		max-height: 142px;
	}
}
#NewsAndEventsBlock .thumbnail-header img {
vertical-align: bottom;
}
#NewsAndEventsBlock .thumbnail-4 {
   position: relative;
   padding-bottom: 40px;
}
#NewsAndEventsBlock .NewsEventCard {
   background-color: #ffffff;
}
#NewsAndEventsBlock .thumbnail-4 {
   box-shadow: 0px 0 15px 0px rgba(0, 0, 0, 0.1);
/*   transition: all ease .35s;*/
}
a.button-light.effect.readMoreArticlesLink {
   background-color: transparent;
}
.NewsEventCard {
	margin: 10px auto;
	width: 100%;
   max-width:300px;
}
.NewsEventCard .caption {
	margin: 0 auto;
}
.NewsEventCard .caption p {
	font-size: 18px;
	text-align: center;
   padding: 0 15px;
}
.NewsEventCard .btn-bottom {
	display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   margin: 0 auto;
   padding-bottom: 20px;
}
.NewsEventCard .caption p .vertical-ellipsis {
/*	max-height: 60px;*/
	display: block;
/*	overflow: hidden;*/
}

@media (max-width:480px) {
   .NewsEventCard {
      width: 85%;
   }
}
/*End :: Alumni Spotlights*/

/*Start :: Alumni Spotlights*/
#AlumniSpotlights .alumVid{
    max-height: 300px;
    height: 266px;
    width: 100% !important;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}
#AlumniSpotlights .alumVid iframe {
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 2;
   width: 100% !important;
}
#AlumniSpotlights .alumni-content h3 {
   margin-bottom: 10px;
   margin-top: 0px;
}
#AlumniSpotlights .alumni-content {
   padding: 20px;
}
#AlumniSpotlights .thumbnail {
   background: #fff;
}
#AlumniSpotlights .owl-item {
   margin: 0 auto;
}
#AlumniSpotlights .owl-nav {
   color: #005daa;
}
#AlumniSpotlights .ViewAllCalendars h5 {
   color: inherit;
}
#AlumniSpotlights .ViewAllCalendars a {
   text-decoration: none;
}
#AlumniSpotlights .ReadMoreCard {
   background: none;
   position: relative;
}
#AlumniSpotlights .ReadMoreContent {
   position: absolute;
   top: 50%;
   margin-top: -60px;
   width: 100%;
}
#AlumniSpotlights .ReadMoreContent .fa-play-circle {
   color: #005daa;
}
@media (max-width: 991px) {
   #AlumniSpotlights .thumbnail-4 {
      max-width: 330px;  
   }
} 
@media (max-width: 500px) {
   #AlumniSpotlights .thumbnail-4 {
      max-width: 330px;  
   }
}
/*End :: Alumni Spotlights*/

/*Start :: Upcoming Events Spotlights*/
.UpcomingTitle {
	color: #fff;
}
blockquote.quote-2.UpcomingEvent {
	border-left: 10px solid #ffffff;
	text-align: left;
	background-color: rgba(255,255,255,0.7);
}
h5.UpcomingEventTitle, h5.UpcomingEventsTitle span.PtsCourse strong {
	color: #005daa;
	letter-spacing: -0.5px;
	font-family: 'Yantramanav', sans-serif;
	font-weight: 300;
	font-size: 20px;
}
h5.UpcomingEventTitle a {
	color: #fff;
	text-decoration: underline;
}
.Upcoming {
	margin-top: 20px;
   color:#005daa;
	text-transform: uppercase;
	font-family: 'Yantramanav', sans-serif;
	letter-spacing: 0px;
}
#UpcomingEventsBox h5 small {
   color: #005daa;
}
#UpcomingEventsBox .ReadMoreCard {
   background: none;
   position: relative;
}
#UpcomingEventsBox .ReadMoreContent {
   position: absolute;
   top: 50%;
   width: 100%;
   margin-top: 20px;
}
#UpcomingEventsBox .ReadMoreContent a {
   background: none;
   color: #fff;
   vertical-align: middle;
}
#UpcomingEventsBox .ReadMoreContent .button-light:after {
   color: #fff;
}
#UpcomingEventsBox .ReadMoreContent .fa-calendar {
   vertical-align: middle;
}
#UpcomingEventsBox .owl-nav {
   margin-top: -15px;
   top: 50%;
}
#UpcomingEventsBox .Parallax {
   margin-bottom: 0px;
}
@media (max-width: 991px) {
   blockquote.quote-2.UpcomingEvent {
      max-width: 400px;
      margin: 0 auto;
   }
}
@media (max-width: 945px) {
   blockquote.quote-2.UpcomingEvent {
      max-width: 310px;
      margin: 0 auto;
   }
}
@media (max-width: 500px) {
   blockquote.quote-2.UpcomingEvent {
      max-width: 350px;
      margin: 0 auto;
   }
}
@media (max-width: 425px) {
   blockquote.quote-2.UpcomingEvent {
      max-width: 320px;
      margin: 0 auto;
   }
}
@media (max-width: 370px) {
   blockquote.quote-2.UpcomingEvent {
      max-width: 270px;
      margin: 0 auto;
   }
}
/*End :: Upcoming Events Spotlights*/

/*Homepage*/
.HomePagePromos {
  padding: 30px;
  min-height: 250px;
  position: relative;
}
.HomePagePromos_blue:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(45deg, rgba(0,93,170,1) 0%, rgba(50,163,220,0.7) 100%);
	background: -webkit-linear-gradient(45deg, rgba(0,93,170,1) 0%, rgba(50,163,220,0.7) 100%);
	background: linear-gradient(45deg, rgba(0,93,170,1) 0%, rgba(50,163,220,0.7) 100%);
}
.HomePagePromos_purple:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(45deg, rgba(0, 93, 170, 0.5) 0%, rgba(89, 0, 152, 0.53) 100%);
	background: -webkit-linear-gradient(45deg, rgba(0, 93, 170, 0.5) 0%, rgba(89, 0, 152, 0.53) 100%);
	background: linear-gradient(45deg, rgba(0, 93, 170, 0.5) 0%, rgba(89, 0, 152, 0.53) 100%);
}
.HomePagePromos_green:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(45deg, rgba(2,59,51,1) 0%, rgba(0,152,130,0.7) 100%);
	background: -webkit-linear-gradient(45deg, rgba(2,59,51,1) 0%, rgba(0,152,130,0.7) 100%);
	background: linear-gradient(45deg, rgba(2,59,51,1) 0%, rgba(0,152,130,0.7) 100%);
}
.HomePagePromos_green_Grad {
	min-height: 310px;
}

.HomePagePromos_NCCAA {
    margin-left: -15px;
    margin-right: -15px;
    color: #ffffff;
    min-height: 250px;
    background: -moz-linear-gradient(45deg, rgba(205,205,205,1) 0%, rgba(28,41,84,0.7) 100%);
    background: -webkit-linear-gradient(45deg, rgba(205,205,205,1) 0%, rgba(28,41,84,0.7) 100%);
    background: linear-gradient(45deg, rgba(205,205,205,1) 0%, rgba(28,41,84,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801c2954', endColorstr='#80d5d5d5', GradientType=1 );
    padding: 20px 20px;
}

.HomePagePromos p, .HomepagePromos_green p, .HomepagePromos_NCCAA p {
   min-height:75px
}

@media (max-width:480px) {
   
.HomePagePromos_green, .HomePagePromos_blue, .HomepagePromos {
   padding:20px 0px;
   }
  
.HomePagePromosL {
	/*text-align: left;*/
	padding: 30px 20px;
}
.HomePagePromosR {
	/*text-align: right;*/
	padding: 30px 20px;
} 
}
/*Alert/Warning Info Bar*/
.bg-warning {
	position: absolute;
	top: 110px;
	width: 100%;
}
.AlertBox {
	font-family: Yantramanav, sans-serif;
	font-size: 18px;
	color: #616161;
}
.AlertBox a {
	text-decoration: none;
	color: #616161;
	vertical-align: middle;
}
.AlertBox a:hover {
	color: #616161;
}
.AlertBox a:visited {
	color: #616161;
}
.warning-icon {
	vertical-align: middle;
}
.warning-button::after{
	content: "\f054";
	font-family: "FontAwesome";
	position:relative;
	font-size: 15px;
	left:5px;
	transition: all 0.2s ease-in;
}
.warning-button:hover::after {
	position: relative;
	left: 12px;
	height: 100%;
}
@media (max-width: 991px) {
   .bg-warning {
   	top: 110px;
   }
}
@media (max-width: 850px) {
   .bg-warning {
   	top: 100px;
   }
}
@media (max-width: 767px) {
   .bg-warning {
    	top: 56px;
   }
}
/* Memorial Announcement Styles */
.MemorialAnnouncement .avatar {
  border-radius: 50%;
  width: 100%;
  max-width: 140px;
  height: auto;
  max-height: 140px;
  border: 3px solid #fff;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center;
}
.MemorialAnnouncement .avatar img {
  width: 100%;
}
.MemorialAnnouncement .copy-container {
  text-align: center;
}
.MemorialAnnouncement {
  background: -moz-linear-gradient(45deg, #94C6BC 0%, #459683 100%);
  background: -webkit-linear-gradient(45deg, #94C6BC 0%, #459683 100%);
  background: linear-gradient(45deg, #94C6BC 0%, #459683 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80023b33', endColorstr='#80009882', GradientType=1 );
  color: #fff;
}
.MemorialAnnouncement h3.title {
  font-family: "Yantramanav", sans-serif;
  color: #fff;
  margin-top: 0;
}
.MemorialAnnouncement a.button-light {
  border-color: #fff;
  color: #fff;
  margin: 0;
}
.MemorialAnnouncement a.button-light:hover {
  border-color: #fff;
  color: #fff;
}
.MemorialAnnouncement .button-light:hover::after {
  color: #fff;
}
@media (min-width:768px) {
  .MemorialAnnouncement .copy-container {
    text-align: left;
  }
}
