/*
Theme Name: Alpha-Library
Author: Amberly Nowak w/ some specific customizations made by Cort Eyer for the Vann Library website
Author URI: http://www.sf.edu
Description: 2014 theme for the University of Saint Francis. Utilizes the Twitter Bootstrap 3.0 framework for device responsiveness. 
Version: 1.0

*/



h1 , h2, h3, h4, h5, h6 { margin: 0;  font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, serif; font-weight: 700; text-transform: uppercase; }

p { margin-bottom: 1.5em; }

#pulltab {
	-webkit-box-shadow: inset 0px -3px 3px -3px rgba(0,0,0,0.56);
	-moz-box-shadow: inset 0px -3px 3px -3px rgba(0,0,0,0.56);
	box-shadow: inset 0px -3px 3px -3px rgba(0,0,0,0.56);	
	height: 4px;
	background-color: #343434;
}


/*===========================================
 	BRANDING BAR 
  ===========================================*/

#brandingWrapper, .top-nav, footer {
	background: #014a89;
	background: -moz-linear-gradient(top, #014a89 0%, #15344f 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #014a89), color-stop(100%, #15344f));
	background: -webkit-linear-gradient(top, #014a89 0%, #15344f 100%);
	background: -o-linear-gradient(top, #014a89 0%, #15344f 100%);
	background: -ms-linear-gradient(top, #014a89 0%, #15344f 100%);
	background: linear-gradient(to bottom, #014a89 0%, #15344f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014a89', endColorstr='#15344f', GradientType=0 );
}

#brandingWrapper {
	min-height: 50px;	
}

#brandingWrapper h1 img {
	margin-top: 5px;	
}

#brandingWrapper h1 a span.title {
		text-indent: -99999px;
		display: block;
		margin-top: -20px;
}


#brandingWrapper a {
  color: #FFFFFF;
  font-size: 0.85em;
  text-decoration: none;
}

/*===========================================
 	BRANDING BAR NAVIGATION 
  ===========================================*/

ul#super {
	padding: 0;	
	float: right;
}

ul#super li {
	list-style: none;
	float: left;
	margin-right: 15px;
}

ul#super li.superspace {
	padding-top: 5px;
}

ul#super .navbar-form {
	margin-top: 0;
	margn-bottom: 0;
}

/*===========================================
 	SEARCH 
  ===========================================*/

#brandingWrapper label {
	float: left;	
}

#brandingWrapper .form-control {
	height: 25px;
	padding: 2px;
	border-radius: 5px 0 0 5px;
	font-size: .85em;
	font-weight: normal;
	padding: 0 5px;
	border: 0;
	
}


#brandingWrapper input.submit, button {
    background-color: #FFF;
    border: 0 none;
    border-radius: 0px;
    color: #ffffff;
    overflow: visible;
    padding: 0;
    position: relative;
	   border: 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}



/*===========================================
 	PULLTAB SLIDER 
  ===========================================*/

#sliderWrap {
	margin: 0 auto;
	width: 192px;
}

#slider {
	position: absolute;
	background: url("http://images.sf.edu/content/gallery/alpha/pulltab.png") no-repeat bottom;
	width: 192px;
	height: 199px;
	margin-top: -175px;
	z-index: 9999999;
}

#sliderContent {
	margin: 0;
	position: absolute;
	background-color:#343434;
	width: 192px;
}

#sliderContent ul, .mobileSlider ul {
	list-style: none;
	margin-left: 0;
}

ul#super #sliderContent li {
	padding: 4px 0;	
	float: none;
}

#slider a, .mobileSlider a { color: #FFF; }


#slider li a:hover, .mobileSlider a:hover {
	color: #d4d333;	
	text-decoration: none;
}

#openCloseWrap {
	position:absolute;
	margin: 175px 0 0 60px;
	font-weight:bold;
}


/*===========================================
 	PULLTAB SLIDER - TABLET & MOBILE VIEWS
  ===========================================*/
  
.mobileSlider {
	background-color: #343434;
	color: #FFF;
}

.mobileSlider p {
	font-weight: bold;
	padding: 5px;
}


/*===========================================
 	HOMEPAGE EMERGENCY NOTIFICATION
  ===========================================*/
  
#emergency {
	background-color: #900;	
	min-height: 50px;
	color: #FFF;
	padding: 10px;
}

#emergency p {
	margin: 0 2em; 
}

#emergency a {
	color: #FFF;
	text-decoration: none;
	font-style: italic;
	border-bottom: 1px dotted #FFF;
}

#emergency a:hover {
	border: 0;
}




/*===========================================
 	HERO IMAGE & CONTACT IMAGE
  ===========================================*/

.hero, #contact {
    display: block;
    overflow: hidden;
    width: 100%;
    z-index: 100;
	margin-bottom: 2em;
}

.hero img, #contact img {
	width: 100%;
}



/*===========================================
 	HOME & TOP LEVEL MASTER NAVIGATION
  ===========================================*/

.navoverlay {
	background-color: #343434;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	margin-top: -65px;
	position: relative;
}


.nav > li > a {
	padding: 0;	
}

nav.master a {
	color: #FFF;
	font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, serif; 
	font-weight: 400; 
	text-transform: lowercase; 
	font-size: 1.3em;
	padding: 15px 5px;
	cursor:pointer;
}

.nav > li > a:hover, .nav > li > a:focus {
	background: none;
	color: #d4d234;
}


/*===========================================
 	DEPARTMENT NAME
  ===========================================*/

#dept {
	background-color: #014a89;
	margin: 20px 0px 20px 0px;
	text-transform: uppercase;
	padding: 10px;
	position: absolute;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

#dept h1 {
	font-weight: 400;
}

#dept h1 a {
	font-size:	1.4em;
	color: #d4d234;
}

#dept a:hover {
	text-decoration: none;
}


/*===========================================
 	HERO IMAGE CAPTION OVERLAY
  ===========================================*/

#dept .btn-group {
	position: absolute;	
}

#dept .dropdown-menu {
	min-width: 30em;	
}





/*===========================================
 	APPLY NOW VERTICAL BUTTON
  ===========================================*/

.apply {
    left: 0;
	top: 100px;
	position: absolute;
	z-index: 100;
}

.applyTab {
	background-color: #e18b38;
	padding: 10px;
}

.applyTab a {
	color: #FFF;
	font-size: 2em;
}

.applyTab a:hover {
	text-decoration: none;
}


/*===========================================
 	FLEXSLIDER
  ===========================================*/
  
.flexslider {
		margin-bottom: 1em;
		border: 0;
		box-shadow: none;
		border-radius: 0;
		background: none;	
	}
	
	.flex-container {
		position: relative;
		top: 0;	
		margin-bottom: 1em;
	}
	
	.flex-caption {
		position: relative;
		width: 40%;
		background-color: #15344F;
		color: #FFF;
		padding: 10px;
		font-size: 1.5em;
		opacity: .8;
		text-transform: uppercase;
		font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, serif; 
		z-index: 90;
		bottom: 10em;
    	float: right;
    	line-height: 1.5em;
    	margin-bottom: -3.4em;
	}
	
	.flex-caption .highlight {
		opacity: 1;
	}
	
	.flex-caption .feature-Title a {
		color: #d4d234;
		font-size: 1.5em;
		opacity: 1;
	}
	
	.flex-caption .feature-Title a:hover {
		color: #63a5d0;
		text-decoration: none;
	}
	
	.flex-control-nav {
    	margin-top: -9em;
		padding-bottom: 4em;
    	position: relative;
    	text-align: center;
    	width: 100%;
		bottom: 0;
	}
	
	.flex-control-paging li a {
		border-radius: 0;	
	}
	
	.flex-control-paging li a.flex-active  {
    	background: none repeat scroll 0 0 rgba(212, 210, 52, 1);
	}	



/*===========================================
 	HOMEPAGE HERO UNIT TITLES
  ===========================================*/


#holder {
	position: absolute;
}


#spotlight {
	background-color: #014a89;
	margin-top: 120px;
	text-transform: uppercase;
	padding: 10px;
	float: right;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#spotlight p {
	margin: 0;	
}


#spotlight a {
	font-size:	4em;
	color: #d4d234;
	font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, serif; 
}


#spotlight a.highlight {
	color: #FFF;
	font-size: 1.2em;	
	font-family: 'Roboto', Helvetica, Arial, serif; 
}

#spotlight a:hover {
	text-decoration: none;
}

/*===========================================
 	MAIN HOMEPAGE NEWS
  ===========================================*/
  
ul#news {
	list-style: none;
	padding: 0;
	border-top: 1px solid #e3e3e3;
}

ul#news li {
	padding: 8px 0;	
	border-bottom: 1px solid #e3e3e3;
}

ul#news a {
	color: #555;	
	font-weight: normal;
	border: 0;  
}

ul#news a:hover {
	border-bottom: 1px dotted #555;	
	text-decoration: none;
}

.more {
	float: right; 
	color: #63a5d0;	
}
  
.more a {
	color: #63a5d0;
	text-transform: uppercase;
}

.divider {
	border-top: 1px solid #e3e3e3;
	width: 100%;
	text-align: right;
}

.extra {
	margin-bottom: 2em;	
	/* margin-top: 1em; */
}


  
  

/*===========================================
 	HOMEPAGE MEDIA FEATURE
  ===========================================*/

.vignette {
	height: 500px;
	overflow: hidden;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;	
  	position: relative;
}

#feature {
	background-color: #FFF;	
	margin-top: 20px;
	padding: 10px;
	position: absolute;
	bottom: 0;
}

#feature h4 {
	text-align: center;
	border-bottom: 1px solid #242424;
	margin-bottom: 20px;
	padding-bottom: 20px;
		
}

#feature p {
	line-height: 2em;
	padding: 8px;
	font-size: .9em;	
}
  
  

/*===========================================
 	SECTION/DEPARTMENT NAVIGATION
  ===========================================*/

ul#deptNav {
	list-style: none;	
	padding-left: 0;
	border-top: 1px solid #e3e3e3;
}

ul#deptNav li {
	border-bottom: 1px solid #e3e3e3;
	padding: 0;
}

ul#deptNav a {
	font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, serif; 
	color: #014a89;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 1.2em;
	display: block;
	padding: 8px;
}

ul#deptNav a:hover {
	background-color: #e3e3e3;
}


ul.children, ul.sub-menu {
	background-color: #f6f6f6;
	list-style: none;	
	padding-left: 10px;
}

ul#deptNav li ul {
	margin-top: 8px;
}

ul#deptNav li ul.children li,  ul#deptNav li ul.sub-menu li{
	border: 0;
	
}

ul#deptNav ul.children a, ul#deptNav ul.sub-menu a {
	text-transform: uppercase;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;	
	font-weight: normal;
	font-size: .9em;
	padding: 8px 5px 8px 5px;
}


ul#deptNav li ul.children li ul, ul#deptNav li ul.submenu li ul {
	list-style-type: none;
	padding-left: 20px;
	margin-top: 0;
}

ul#deptNav ul,
ul#deptNav .current_page_item ul ul,
ul#deptNav .current_page_ancestor ul ul,
ul#deptNav .current_page_ancestor .current_page_item ul ul,
ul#deptNav .current_page_ancestor .current_page_ancestor ul ul {
	display: none;
}

ul#deptNav .current_page_item ul,
ul#deptNav .current_page_ancestor ul,
ul#deptNav .current_page_ancestor .current_page_item ul,
ul#deptNav .current_page_ancestor .current_page_ancestor ul,
ul#deptNav .current_page_ancestor .current_page_ancestor .current_page_item ul,
ul#deptNav .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
	display: block;	
}



/*===========================================
 	TOP LEVEL PAGE CUSTOMIZATONS
  ===========================================*/
  
section[role="main"] #toplevel .col-sm-3,  section[role="main"] #toplevel .col-sm-4  {
	padding-left: 0;
	margin-left: 0;
}
  
ul.link a {  
	font-size: .85em;
}

#toplevel ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}


  
  


/*===========================================
 	MAIN CONTENT SECTION
  ===========================================*/

section[role="main"] {
	color: #555;
	line-height: 1.7em;	
	padding-bottom: 5em;
}

section[role="main"] h1, 
section[role="main"] h2,
section[role="main"] h3,
section[role="main"] h4,
section[role="main"] h5,
section[role="main"] h6 {
	padding: 10px 0 5px 0;
}

section[role="main"] h1, section[role="main"] h3 {
	color: #014a89;
}

section[role="main"] h1 {
	padding-top: 0;
}

section[role="main"] h2 {
	color: #014a89;
}


section[role="main"] article h3 {
	padding-top: 0;
}

section[role="main"] p a, section[role="main"] li a {
	font-weight: bold;	
	border-bottom: 1px dotted;
}

section[role="main"] a:hover {
	text-decoration: none;
	border: 0;	
}

.staffinfo {
	text-align: right;
	font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, serif; 
	font-weight: 400;
	min-height: 8em;
}

.pa-profile {
	font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, serif; 
	font-weight: 400;
	min-height: 18em;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 2em;
}

.pa-profile img {
	padding-right: 2em;	
}

.pa-profile p {
	margin-bottom: 0;
	font-size: .85em;
}

/*===========================================
 	HOMEPAGE EVENTS, DEPARTMENT NEWS & EVENTS
  ===========================================*/

.heading {
	margin: 20px 0;	
}

section[role="main"] .heading img {
	float: left;
	margin-right: 10px;	
}

section[role="main"] .heading h2, .homeheading h2, .extra h2 {
	color: #FFF;
	background-color: #014a89;	
	padding: 10px;
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 1.7em;
}

section[role="main"] article {
	margin-bottom: 2em;
	clear: both;	
}

section[role="main"] .heading h3, section[role="main"] .heading h3 a {
	color: #242424;	
	text-transform: capitalize;
	font-size: 1.3em;
	font-family: 'Roboto', Helvetica, Arial, serif; 
	font-weight: 400;
	margin-bottom: 0px;
	border: 0;
}

section[role="main"] .heading h3 a:hover {
	border-bottom: 1px dotted #242424;	
}

section[role="main"] .heading p.date, .homeheading p.date {
	text-transform: uppercase;
	font-weight: bold;
	color: #e18b34;	
	font-size: 1em;
	margin-bottom: 5px;
}

section[role="main"] .heading p, .homeheading p {
	font-size: .9em;
	line-height: 1.5em;	
}

section[role="main"] .events, .events {
	margin: 1em 0;
}

section[role="main"] .eventdate, .eventdate {
	background-color: #63a5d0;
	color: #FFF;	
	padding: .5em;
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: center;
}

section[role="main"] .eventtitle a, .eventtitle a  {
	color: #555;	
	font-weight: normal;
	border: 0;
	vertical-align: middle;
}

section[role="main"] .eventtitle a:hover, .eventtitle a:hover {
	border-bottom: 1px dotted #555;	
	text-decoration: none;
}


/*===========================================
 	CONTENT SIDEBAR OUTLINE
  ===========================================*/


#content {
	background: url("http://images.sf.edu/content/gallery/alpha/bgdesk.png") repeat-y center;
}

#content-wide {
	background: url("http://images.sf.edu/content/gallery/alpha/bgdesk-wide.png") repeat-y center;
}

/*===========================================
 	PHOTO/VIDEO INSET
  ===========================================*/

.wp-caption, .inset {
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	padding: 10px 0 0 0;
	margin: 2em 0;	
}

.wp-caption-text, .caption {
	font-style: italic;
	font-size: .9em;
	line-height: 1.4em;
	padding-top: 8px;
	color: #656565;
}



/*===========================================
 	ADMISSIONS LIST ITEM CUSTOMIZATION
  ===========================================*/
ul.admissions {
	margin: 0;
	padding: 0;
}


ul.admissions li {
  border-top-color:#DDDDDD;
  border-top-style:solid;
  border-top-width:1px;
  line-height:1.6em;
  padding:8px;
  vertical-align:top;
  list-style: none;
}

/*===========================================
 	NOTIFICATION AREAS
  ===========================================*/
  
.notify {
	background-color: #d5d333;  
	padding: 10px 10px 10px 0;
	margin-bottom: 20px;
}

.notify h2 {
	background-color: #014a89;
	color: #FFF;
	padding: 5px 10px 5px 10px;
	font-size: 1.4em;
	margin-bottom: 10px;
	font-weight: 400;
}

.notify p {
	padding-left: 10px;	
}

.notify a {
	font-style: italic;
	border-bottom: 1px dotted #014a89;
	font-weight: bold;
}

.globalnotify {
	background-color: #64a4d0;
}


.globalnotify h2, .globalnotify p {
	
	color: #FFF;

}

.globalnotify a {
	color: #FFF;
	text-decoration: none;
	font-style: italic;
	border-bottom: 1px dotted #FFF;	
}

.notify a:hover {
	border: 0;	
	text-decoration: none;
}

.alternatenotify {
	background-color: #e08a38;
	color: #FFF;
}

.alternate2notify {
	background-color: #8dc63f;
	color: #FFF;
}

.infographic  img{
	text-align: center;
}


/*===========================================
 	TABLE STYLING
  ===========================================*/
  
.articulation th {
	font-size: .9em;	
}
  
  
/*===========================================
 	OFFICES TABLE STYLING
  ===========================================*/

.offices {
	font-size: .9em;	
}


.offices th {
	text-transform: uppercase;
	font-size: .9em;	
}

.offices #office {
	width: 40%;	
}

.offices #location {
	width: 35%;	
}

ul.az {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.az li {
	float: left;
	padding: 8px;
	margin-bottom: 10px;	
}




/*===========================================
 	PRESS RELEASE NUMERICAL NAV
  ===========================================*/

.navigation ul {
	list-style: none;
}

.navigation li {
	padding: 5px;
	border: 1px solid #CCC;
	display: inline;
}

section[role="main"] .navigation li a {
	border-bottom: none;
}


/*===========================================
 	ERROR 404
  ===========================================*/

#error404 {
	margin-top: 3em;
}


/*===========================================
 	DEPARTMENT CONTACT
  ===========================================*/

#contact {
	margin-bottom: 0;	
}

#colorbar {
	background-color: #d5d333; 
	text-align: center;
	min-height: 50px;
}

#colorbar h2 {
	color: #014a89;
	font-size: 3em;
	padding: 3px;
}

#deptContact {
	background-color: #014a89;
	float: right;
	margin-top: 30px;
	color: #FFF;
	font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, serif; 
	padding: 1em;
	width: 35%;
}

#deptContact h3 {
	color: #d5d333;
	font-size: 2em;
	margin-left: 15px;
	font-weight: 400;
}

#deptContact p {
	font-size: 1.1em;
	margin: 0;
	line-height: 2em;
}

#deptContact a {
	color: #FFF;	
}

#deptContact a:hover {
	text-decoration: none;
	color: #d5d333; 
}

#deptContact .info {
	float: roght;
}


/*===========================================
 	MAJORS OVERVIEW
  ===========================================*/

.majornav {
	background-color: #d5d333;
}

.majornav li {
	float: left;
	list-style-type: none;
	padding:  0 40px 10px 0;
}
 
.majornav a {
	font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, serif; 
	color: #014a89;
	font-size: 1.4em;

}

.intro h1 {
	margin-top: 1em;
	margin-bottom: .3em;
}

.intro p {
	line-height: 1.7em;	
}

.intro ul {
	list-style: none;
	margin-bottom: 2em;
}

.intro ul a {
	color: #FFF;
	font-size: 1.2em;
}


.interest, .skills, .careers, .featured, .faculty {
	margin-bottom: 2em;
}


.interest {
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	min-height: 590px;	
}
  
.blockoverlayheading {
	background-color: #7b2d54;
	opacity: .9;
	filter: alpha(opacity=90);
	padding: 1.5em;
	color: #FFF;
	margin-top: 50px;
	line-height: 2em;
}
  
.blockoverlayheading h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2.5em;
	margin-bottom: .7em;
	text-transform: capitalize;
}
  
.blockoverlay {
	background-color: #000;
	opacity: .8;
	filter: alpha(opacity=80);
	padding: 1.5em;
	color: #FFF;
	text-transform: uppercase;
	line-height: 2em;
}

.blockoverlay li {
	line-height: 1.6em;
	margin: 10px 0;
}

.skills h2 {
	color: #d70080;
	font-size: 2.5em;	
	margin-bottom: 1em;
	text-transform: capitalize;
	margin-top: 2em;
}


.skills ul {
	list-style: none;
	font-size: 1.5em;
	margin: 0 0 1em 0;
	padding: 0;
}

.skills li {
	line-height: 1.4em;
	margin: 10px 0;
}

.skills .dyk {
	text-align: center;
	margin-top: 2em;	
}

.skills p {
	font-size: 1.5em;	
}

.skills p.emphasis {
	color: #d70080;
	font-size: 2.5em;
	text-transform: uppercase;
	font-weight: bold;	
	font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, serif; 
}


.careers {
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	min-height: 590px;		
}


.careeroverlay {
	background-color: #e18a38;
	opacity: .9;
	filter: alpha(opacity=90);
	min-height: 590px;
	color: #FFF;
	padding: 1.5em;
	line-height: 2em;
}

.careeroverlay h2, .faculty h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2.5em;
	margin-bottom: .7em;
	text-transform: none;
}

.careeroverlay ul {
	margin-top: 1em;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 15px;
}

.careeroverlay ul.pull-left {
	width: 50%;	
	list-style: none;
}


.featured {
	padding: 2em;	
}

.featured p {
	line-height: 1.6em;	
}


.faculty {
	background-color: #269cce;
	padding: 2em;	
	color: #FFF;
	text-align: center;	
}

.faculty h2 {
	text-align: left;	
}

.faculty blockquote {
	text-align: left;
	border-left: 0;
	font-size: 1em;
}

.faculty img {
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	-ms-border-radius: 150px;
	-o-border-radius: 150px;
	border-radius: 150px;
}

.action {
	margin-bottom: 2em;
	
}

/*===========================================
 	FOOTER
  ===========================================*/
  
footer, footer a {
	color: #FFF;	
}
  
footer {
	font-size: .85em;	
	padding-top: 20px;
	padding-bottom: 2em;
}

footer a:hover {
	color: #d5d333;
	text-decoration: none;
}


footer h2 {
	background: url("https://libapps.s3.amazonaws.com/accounts/140423/images/usf-seal.png") no-repeat;
	height: 60px;
	width: 215px;
	display: block;
	text-indent: -99999px;
}

footer .indent {
	margin-left: 65px; 
}

footer address {
	margin: 15px 0 0 0;
	padding: 0;
}  

footer h3, footer h4 {
	color: #d4d234;
	margin-top: .5em;
}

footer #tagline {
	text-align: center;	
	text-transform: uppercase;
	font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, serif; 
	font-size: 1.1em;
	margin-top: .9em;
}
  
footer span.fancy {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-transform: lowercase;
}


footer ul {
	list-style-type: none;
	margin-top: 10px;
}

footer ul.col-md-6 {
	padding-left: 0;
}

footer li {
	line-height: 1.7em;	
}
  
footer .social {
	font-size: 1.7em;	
}
  
footer .social i {
	padding: 2px;	
	margin-top: 10px;
}

.copyright {
	font-size: .85em;
}



/*===========================================
 	GOOGLE SEARCH OVERRIDES
  ===========================================*/


.gsc-above-wrapper-area, .gcsc-branding {
	display: none;
}

section[role="main"] .gsc-thumbnail-inside {
	margin-left: 0;
	padding-left: 0;
}

section[role="main"] .gsc-input-box {
	height: 30px;	
}

section[role="main"] a.gsst_a {
	border: 0;
}

section[role="main"] .gsst_a {
	padding-top: 5px;	
}

section[role="main"] .gsc-table-result, section[role="main"] .gsc-thumbnail-inside ,section[role="main"] .gsc-url-top {
	padding-left: 0;
}


section[role="main"] .cse .gsc-search-button input.gsc-search-button-v2, section[role="main"] input.gsc-search-button-v2 {
	height: 3em;
	min-height: 3em;
	margin-top: 5px;
}
	

/*===========================================
 	SOCIAL STREAM ICON OVERRIDE
  ===========================================*/

.dcwss.dc-wall .stream li .icon {background:none; height: auto; width: auto;}



@media (max-width: 1170px) {

.navoverlay {
	margin-top: -82px;	
}

}

@media (max-width: 1169px)  and (min-width: 971px) {

#content {
	background: url("http://images.sf.edu/content/gallery/alpha/bgmid.png") repeat-y center;
}

#content-wide {
	background: url("http://images.sf.edu/content/gallery/alpha/bgmid-wide.png") repeat-y center;
}

}

@media (max-width: 970px) {

#content {
	background: url("http://images.sf.edu/content/gallery/alpha/bgtab.png") repeat-y center;
}

#content-wide {
	background: url("http://images.sf.edu/content/gallery/alpha/bgtab-wide.png") repeat-y center;
}

#spotlight {
	margin-top: 20px;
}

	
/*===========================================
 	FLEXSLIDER
  ===========================================*/
  
	
	.flex-container {
		position: relative;
		top: 0;	
		margin-bottom: 1em;
	}
	
	.flex-caption {
		
		width: 60%;
		
		bottom: 10em;
    	float: right;
    	line-height: 1.5em;
    	margin-bottom: -2em;
	}
	
	.flex-control-nav {
    	margin-top: -9em;
		padding-bottom: 4em;
    	position: relative;
    	text-align: center;
    	width: 100%;
		bottom: 0;
	}
	

}

@media (max-width: 768px) {

.navoverlay {
	margin-top: 0;
	background-color: #000;
}
	
#content { background: none;}

ul#super {
	float: none;
}

.notify h2 {
	font-size: 1.1em;
}



.staffinfo {
	text-align: left;
}

#dept, #holder, #deptContact {
	position: relative;
	float: none;
	width: 100%;
}

#spotlight {
	float: none;
}


.full {
	background-color: #014a89;
}

footer #tagline {
	text-align: left;
}
	
}

@media (max-width: 420px) {


ul#super li {
	display: block;
}

#dept, #deptContact {
	float: none;
}
	
	
}