/* Custom Responsive Styles - Comprehensive Surgical Services Branch specific styles */
/* Updated to new UC Davis web gold 1/11/17 */

/* 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: #967100;
}
	
/* title styles */	
	
.title {
		padding-top:1.5%;
		width:45%;
		max-width:430px;
		font-size:1.7em; }
		                    
@media (min-width:768px) and (max-width: 864px) {
.title {
		width:25%;
		font-size: 1.3em;
		padding-top:0;
        }
} 
                        
@media (min-width:865px) and (max-width: 1044px) {
.title {
		width:39%;
       font-size: 1.3em;
	   padding-top:1.7%;
        }
}  
                        
@media (min-width:1045px) and (max-width: 1090px) {
.title {
		width:42%;
		font-size: 1.5em;
		padding-top:1.7%;
      }
} 
			
/* end title styles */

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

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



/* 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:none;
	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 {
		font-size:1.6em;
	}

} 

/* Release 6.1 updates - SKB */

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