/* Responsive Pages - Branch specific styles */

/* Custom Responsive Styles - Surgery specific styles - last updated 2/14/17 Release 6.1 - SKB */


/* title */

@media (max-width:1050px){
.title {
	padding-top: 1.8%;
	font-size:1.7em;
}
}

/* Release 6.1 updates */

@media (min-width:860px) and (max-width:1059px) {	
.navtop .nav > li > a {  
	font-size:.95em;	
} 
}


@media (min-width:1060px) and (max-width:1199px) {	
.navtop .nav > li > a {  
	padding-left: 15px;     
	padding-right:15px;		
} 
}

@media (min-width:1200px) and (max-width:1340px) {	
.navtop .nav > li > a {  
	padding-left: 20px;     
	padding-right:20px;		
} 
}

@media (min-width:1341px) and (max-width:1375px) {
.navtop .nav > li > a {
	padding-left: 23px;
	padding-right: 23px;
}
}



footer .socialmedia img {
    width: 100%;
}

/* Thematic changes */

/* button link color - move to global - Teamsite automatically wraps in <p> tag so picks teal link color */

.panel-body p a.btn-default, .panel-body p a.btn-primary {
	color: #1a3e68;
}

.panel-plain > .panel-heading h2 {
    color: #335379;
}
	
.flexslider .slide-caption h1 {
    text-transform: none;
}

.flexslider .slide-caption h2 {
    font-size: 1.25em;
}

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

.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;  
	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;
}

.maincol .panel-group {
	margin-top:-5px;
} 

/* accordion panels - glyphicons arrows */
/* MOVE  TO GLOBAL */ 
.maincol .panel-group .glyphicon {
	font-size:.65em;
	color:#7f93ae; 
	vertical-align: middle;
	padding-bottom:5px;
	padding-right:5px;
}

#announcements { 
    height:250px; 
    overflow: auto; 
    padding-right: 10px; 
} 

.maincol .panel-group span.caret {
	display:none;
}

@media (max-width:640px) {
	
.maincol .panel-group .panel-title {   
	margin-left:15px;
	}
	
	
.maincol .panel-group .panel-heading span.glyphicon {   
	margin-left:-15px;
	}

.maincol .panel-group .panel-heading a:hover, 
.maincol .panel-group .panel-heading a:focus  {
	margin-left:-30px;
}	

.maincol .panel-group .panel-title a:hover, 
.maincol .panel-group .panel-title a:focus {
	padding-left:30px;
}	

} 

/* End glyphicons */
 

/* Intro text blurbs */

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

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

.gutter-right-14 {

	margin-right:14px;

}



.gutter-left-14 {

	margin-left:14px;

}



.gutter-right-7 {

	margin-right:7px;

}



.gutter-left-7 {

	margin-left:7px;

}


/* 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;
}

/* content pages & robotic styles */

#onthispage {
    background: #e5e9ef;
    border-top: 1px solid #ccd4e0;
    border-bottom: 1px solid #ccd4e0;
    margin: 20px 0px;
    padding: 20px;
}

.panel-body #onthispage p a { 
	color:#007389;
}

.imageleft {float:left; padding-right:15px}
.imageright {float:right; padding-left:15px}

.backtotop {
	float:right;
	padding-left:0;
}

.backtotop a {
	color: #00829B;
}

p.quote, p.caption {
	color:#555;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size:1.1em;
	line-height:1.7em;
	font-style:italic;
}


@media (max-width:479px) {
	.imageleft, .imageright {
		width:100%;
		height:auto;
		float:none;
		padding-bottom:15px;
		padding-left:0;
		padding-right:0;
}
}

/* contact us page */

blockquote {
border-left: 5px solid #fbf6e5;
}

/* tables */

.table-border {
	border-top:1px solid #ccd4e0; 
}

.tablebg {
	background-color:#e5e9ef;
}

td { padding-top: .675em; }

table.contactinfo a {
	color:#00829b;
}

table.contactinfo td {
	padding-right:.675em;
	padding-bottom:.675em;
}

/* surgeon listing */


#surgeonlist .item img {
	width:100%;
	height:auto;
	max-width:132px;
	text-align:left;
}

#surgeonlist .item {
	width:150px;
	height:300px;
	overflow:hidden;
	margin:10px 20px;
	display:inline-block;
	text-align:left;
}

#surgeonlist .item p {
	font-size:.9em;
	display:inline-block;
}


@media (max-width: 479px) {
#surgeonlist .item {
	border-bottom:1px solid #e5e9ef;
	width:100%;
	margin:0 0 30px 0;
	float:none;
	height:auto;
	text-align:center;
}

}

@media (min-width: 1000px) and (max-width:1030px) {
	
#surgeonlist .item {
	margin:10px;
}

#surgeonlist {
	margin-left:10px;
}
} 

@media (min-width: 1280px) and (max-width:1353px) {
	
#surgeonlist .item {
	margin:10px;
}

#surgeonlist {
	margin-left:20px;
}
} 

@media (min-width: 1400px) {
#surgeonlist {
	margin-left:30px;
}
} 




/* misc styles */



/* 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) {
.featurette .item img {
	width:73%;
	height:auto;
}

.col-50percent-sm.col-collapse, .col-50percent-sm.col-collapse ul {
	padding-bottom:0;
	margin-bottom:0;
}

}

@media (min-width:768px) {
.textblock.move-left {
	margin-left:-10px;
}
}


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

} 

#top_banner_box {
    background-color: #a7b1c2;
    border-top: 3px solid #fff;
    height: 169px;
    margin-bottom: 12px;
    margin-top: 12px;
    overflow: hidden;
    position: relative;
    width: 650px;
}
#top_banner_box h2 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    margin-right: 10px;
    margin-top: 25px;
}
#top_banner_box p {
    color: #002266;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    margin-right: 10px;
}
#top_banner_box img {
    float: left;
    margin-right: 15px;
}


/* teaser thumbnails on home */
#teaser .thumbnail {
	background-color:#00829b;
	border: 0;
	border-radius: 0;
	padding:0;
	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;
}

@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;
}
}

@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: 992px) and (max-width:1069px) {
#teaser .thumbnail h2 {
	font-size:.95em;
}
}

@media (max-width: 767px) {
.gutter-right-14, .gutter-left-14, .gutter-right-7, .gutter-left-7 {
margin:0;
}
}