/* Responsive Pages - Branch specific styles */

.features-news-card:hover {
    margin-bottom: 13px;
}


.features-news-container {
  
}

.features-news-container .row {
	
}

.features-news-container .row .col-33percent a .features-news-card {
  height: 100%;
}



#specialties .features-news-card, 
#research .features-news-card, 
#education .features-news-card, 
#patients .features-news-card  {
	min-height: 260px;
}

#specialties .features-news-card, 
#research .features-news-card, 
#education .features-news-card, 
#patients .features-news-card {
}

#specialties .features-news-card:hover, 
#research .features-news-card:hover, 
#education .features-news-card:hover, 
#patients .features-news-card:hover {
}

#specialties .features-news-content h3, 
#research .features-news-content h3, 
#education .features-news-content h3, 
#patients .features-news-content h3 {
    font-size: 1.2em;
    line-height: 1.1em;
	font-weight:400;
}

#specialties .features-news-content p, 
#research .features-news-content p, 
#education .features-news-content p, 
#patients .features-news-content p {
    font-size:1em;
    line-height:1;
	margin:0;
	padding:0;
}

.sidebar .video-box {
	max-width:370px;
}



@media (min-width: 520px) and (max-width:991px) {
	.threecolumn-promo-text-container {
			padding: 25px 10%;
	}
}

/* ===================================== 
	3 Column Card  Promo Styles
======================================== */
/*  intro  */
.threecolumn-promo-intro {
	font-size: 1.75em;
	line-height: 1.5em;
	text-align: center;
	margin: 0 10% 0;
	font-weight: 500;
	color: #1A3E68;
}
@media (max-width:859px) {
	.threecolumn-promo-intro {
			font-size: 1.3em;
			line-height: 1.5em;
	}
}
@media (max-width: 1151px) {
	.threecolumn-promo-intro {
			margin: 0 5% 0; 
	}
}
.threecolumn-promo-container {
	background-color: #f7f7f7;
	border: 1px solid #CCD4E0;
	margin-top: 15px;
}
.threecolumn-promo-img-container {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	padding: 0;
	margin: 25px 25px 0;
}
.threecolumn-promo-img-container img {
	flex-shrink: 0;
	width: 100%;
}
.threecolumn-promo-text-container {
	margin: 0;
	padding: 25px;
}
@media (max-width: 991px) {
	.threecolumn-promo-row .col-33percent, .threecolumn-promo-row .col-50percent {
			width:100%;
			margin-top: 20px;
	}
	.threecolumn-promo-img-container img {
			min-width: 100%;
	}
}

@media (min-width: 992px) {
	.threecolumn-promo-row, .threecolumn-promo-row .col-33percent, .threecolumn-promo-row .col-50percent {
        display: block;
    }
    @supports (display: grid) {
		.threecolumn-promo-row, .threecolumn-promo-row .col-33percent, .threecolumn-promo-row .col-50percent {
        	display: flex;
    	}
	}
}

@media (min-width: 520px) and (max-width: 991px) {
	.threecolumn-promo-img-container {
			margin: 25px 33% 0;
	}
	.threecolumn-promo-text-container {
			padding: 25px 10%;
	}
}
.threecolumn-promo-container h2 {
	font-size: 1.8em;
	line-height: 1.4em;
	font-weight: 600;
	color: #1A3E68;
	margin: 0 0 5px;
}
.threecolumn-promo-container p, .threecolumn-promo-container li {
	font-size: 1.15em;
	line-height: 1.6em;
	color: #333333;
    margin-bottom:0px;
}
.threecolumn-promo-container ol, .threecolumn-promo-container ul {
	padding-inline-start: 25px;
}
.threecolumn-promo-container ul li {
	background-position: 0 10px ;
}
.threecolumn-promo-links {
	display: inline-block;
}
/* Image Border Colors */
.threecolumn-promo-img-container.lupine-gold {
	border-bottom: 7px solid #FFCD00;
}
.threecolumn-promo-img-container.sunnygrass-green {
	border-bottom: 7px solid #78BE20;
}
.threecolumn-promo-img-container.poppy-orange {
	border-bottom: 7px solid #ED8B00;
}
.threecolumn-promo-img-container.mu-brick {
	border-bottom: 7px solid #C26E60;
}
.threecolumn-promo-img-container.sky-blue {
	border-bottom: 7px solid #00B5E2;
}
.threecolumn-promo-img-container.winegrape-purple {
	border-bottom: 7px solid #642667;
}

.landing-cards .threecolumn-promo-img-container {
	margin: 18px 18px 0;
}
.landing-cards .threecolumn-promo-text-container {
	padding: 18px;
}


/* ===================================== 
   Content Promo styles
======================================== */
.content-promo-blocks {
    margin-top: -15px;
}

.content-promo-wrapper{
    margin-top: 20px;
    display: block;
    width: 100%
    height: 100%;
    cursor: pointer;
}
.content-promo-wrapper:hover{
    opacity: .8;
}
.promo-block img{
   width: 100%;
}
.promo-block-textarea {
    background-color: #eceff3;
    padding: 15px;
}
.promo-block-textarea h3 {
    margin-top: 0;
}
.glyphicon-chevron-right {
    color: #F99f00;
    padding-left: 3px;
    vertical-align: bottom;
    padding-bottom: 4px;
}