/* Custom Responsive Styles - Heart and Vascular Services Branch specific styles */


/* Thematic changes */

.title { 
	width:45%;
	font-size:1.7em; }

.page-header h1 {
	margin-top:10px;
	display:block;
	font-weight:normal;
}  

.detailpage .page-header h1 span.small {
	color:#967100;
} 

.spotlight {
	text-transform:uppercase;
	font-size:.85em;
	color:#fff;
	background-color:#00829b;
	letter-spacing: .4em;
	padding:7px 8px 4px 8px;
}

.spotlight-arrow {
	display: inline-block;
	width: 0px;
	height: 0px;
	margin-left: -8px;
	padding-right:20px;
	vertical-align: middle;
    border-left: 16px solid #fff;  /*#edd39f*/
	border-bottom: 16px solid transparent;
	border-right: 0px dotted;
	border-top: 16px solid transparent;
	content: "";
	overflow:hidden;
	margin-top:-6px;
	margin-bottom:-4px;
}

p.spotlight {
	margin:0;
}

.features p a {
    color: #4D688C;
}

.panel-body .features h2 {
    font-size:1.3em;
}

.marginbottom0 {
	margin-bottom:0px;
}


	
@media (min-width:768px) and (max-width: 795px) {
            .title {
			width:40%;
            font-size: 1.3em;
                        }
}	  
                        
@media (min-width:796px) and (max-width: 929px) {
            .title {
			width:42%;
            font-size: 1.5em;
                        }
}
                        
@media (min-width:930px) and (max-width: 1060px) {
	.title {
		width:38%;
		font-size: 1.5em;
      }
}
 

/* teaser thumbnails on home */
#teaser .thumbnail {
	background-color:#00829b;
	border: 0;
	border-radius: 0;
	padding:0;
	/*margin-bottom:15px; */
	margin-top:4px;
}

#teaser .col-33percent-sm {
	padding-right:0px;
	padding-left:0px;
}

#teaser .thumbnail img.img-responsive {
	width:100%;
	height:auto;
	margin-bottom:15px;
}

#teaser .thumbnail h2  {
	color: #fff;
	font-size:1em;
	letter-spacing:1px;
	font-weight:normal;
	margin-bottom:2px;
	padding-right:10px;
	text-transform:uppercase;
}

#teaser .thumbnail a {
	color: #fff;
}

#teaser .thumbnail a p {
	color: #fff;
}

#teaser .thumbnail p {
	font-size:.9em;
	padding-right:10px;
	padding-top:6px;
}

#teaser .thumbnail:hover {
	background-color:#1a3e68;
	border: 0;

}

#teaser .thumbnail h2:hover,
#teaser .thumbnail a:hover {
	color:#daaa00;
	text-decoration:none;
}

#teaser .thumbnail a:focus {
	text-decoration:underline;
}

#teaser .thumbnail .caption {
	padding: 20px 5px 5px 15px;
}

.gutter-right-14 {
	margin-right:14px;
}

.gutter-left-14 {
	margin-left:14px;
}

.gutter-right-7 {
	margin-right:7px;
}

.gutter-left-7 {
	margin-left:7px;
}


/* Intro text blurbs */

.textblock {
	padding-left:8px;
	padding-right:8px;
	margin-right:8px;
}

.textblock .col-33percent-sm {
	padding-right:0px;
}

.textblock h4 {
	background-color:#efe0b2;
	margin-left:-8px;
	margin-right:-8px;
	padding:8px;
	font-weight:normal;
}

.textblock-item {
	padding-bottom:15px;
}


/* featurette items */

#promo-carousel .item p.smalltext {
    font-size: 0.7em;
}

.featurette-divider {
    margin-top: 0px;
}

.featurette {
	width:100%;
	display:block;
	margin: auto;
	text-align:center;
}

.featurette .item {
	display:inline-table;
	padding:0 20px 20px 20px;
	text-align:center;
}


/* responsive css */

@media (max-width: 992px) {

.featurette .item {
	padding-left:10px;
	padding-right:10px;
}

	
.featurette .item p {
	display:none;
}

.featurette .item img {
	width:85%;
	height:auto;
}
}


@media (max-width: 830px) {

.featurette .item {
	padding-left:4px;
	padding-right:4px;
}
}


@media (max-width: 767px) {
		
#teaser .thumbnail h2  {
	font-size:1.4em;
}
#teaser .thumbnail img.img-responsive {
	width:32%;
	margin-right:15px;
	margin-bottom:0px;
}

#teaser .thumbnail .caption {
	padding-top: 15px;
}

#teaser .thumbnail {
    margin-bottom: 15px;
}

#teaser .thumbnail.last {
    margin-bottom: -10px;
}

.featurette .item img {
	width:73%;
	height:auto;
}
.gutter-right-14, .gutter-left-14, .gutter-right-7, .gutter-left-7 {
	margin:0;
}

.textblock h4 {
	margin-right:0;
}
}

@media (max-width: 599px) {
	
#teaser .thumbnail h2  {
	font-size:1em;
}

#teaser .thumbnail p {
    font-size: 0.85em;
    padding-top: 0;
}
}

@media (max-width: 459px) {
	
#teaser .thumbnail h2  {
	font-size:.95em;
}

#teaser .thumbnail p.hide-xs {
    display:none;
}
}

@media (min-width: 461px) {
	.page-header {
		margin-top:20px;
		font-size:1.6em;
	}

} 

@media (min-width: 1153px) {

.features img.tinythumb {
	max-width:120px;
	height:auto;
}
}

@media (min-width: 768px) {
#teaser .thumbnail {
	min-height:300px;
}
}


@media (min-width: 992px) and (max-width:1069px) {
#teaser .thumbnail h2 {
	font-size:.95em;
}
}

@media (min-width:1153px) and (max-width:1279px) { 
.sidebar .features img.img-responsive-left.tinythumb {
	float:left;  
	margin-right:15px;
}

	}