/*
Theme Name: Event Services
Author: Amberly Nowak
Author URI: http://www.sf.edu
Description: 2017 Event Services theme. 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, 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;
	margin-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;
	margin-top: -1px;
	margin-right: -3px;

}


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



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

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

#slider {
	position: absolute;
	background: url("https://eventservices.sf.edu/wp-content/themes/event-services/img/pulltab.png") no-repeat bottom;
	width: 192px;
	height: 199px;
	margin-top: -172px;
	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: #8dc63f;
	text-decoration: none;
}

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


/*===========================================
 	PULLTAB SLIDER - TABLET & MOBILE VIEWS
  ===========================================*/

.mobileSlider {
	background-color: #343434;
	color: #FFF;
}

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


/*===========================================
 	MOBILE NAVIGATION
  ===========================================*/

.mobileNavigation {
  padding: 8px 0;
  margin: 0;
}

.mobileNavigation .mobileNavigationItem {
  height: auto;
  width: 33%;
  float: left;
}

.mobileNavigation .mobileNavigationItem:nth-child(1) {
	padding-left: 30px;
	width: 40%;
}
.mobileNavigation .mobileNavigationItem:nth-child(2) {
	text-align: center;
	width: 20%;
}
.mobileNavigation .mobileNavigationItem:nth-child(3) {
	padding-right: 30px;
	text-align: right;
	width: 40%;
}

.mobileNavigation .mobileNavigationItem a {
	font-family: 'Roboto', Helvetica, Arial, serif; font-weight: 700;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	display: block;
  font-size: 15;
}

.navbar-collapse {
	padding: 0;
	max-height: 500px;
}

nav.master button {
	height: auto;
}


/*===========================================
 	VENUE 
  ===========================================*/
  
  
#venue-header .navbar-toggle {
	border: 1px solid #CCC;	
}

#venue-header .navbar-toggle .icon-bar {
	background: #666;	
}

#venue-header {
	margin: 1em;
}


.navbar-brand h1 {
	text-transform: uppercase;
}

.navbar-brand {
	font-size: 1em;
}

.navbar-default .navbar-brand, .navbar-brand a {
	color: #014a89;
}


nav {
  background: none;
  border: 1px solid #ccc;
  border-right: none;
  width: 100%;
  margin-bottom: 20px;
}

.navbar-default {
	background: none;
	border: 0;
}


.navbar-nav>li>a {
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-nav>li {
	margin-top: 15px;	
}

nav ul {
  margin: 0;
  padding: 0;
}

nav ul li {
  list-style: none;
  text-align: center;
  border-right: 1px solid #ccc;
  padding: 0 10px;
}

nav ul li:first-child {
  border-left: none;
}

nav ul li:last-child {
	border-right: none;
}


.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #337ab7;
}

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

nav ul li a {
  display: block;
  text-decoration: none;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  border-bottom: 1px dotted #337ab7;
  color: #337ab7;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #FFF;
  color: #555555;
}




/*===========================================
 	VENUE PAGE
  ===========================================*/

/*#venue-header ul {
  display: flex;
  flex-direction: row;
}

#venue-header ul li {
	flex-grow: 1;
}

/*#venue-header ul li ul {
  display: block;
}
*/



#venue h1  {
	color: #44474a;
	font-family: 'Crimson Text', serif;
	text-transform: capitalize;
	font-size: 3em;
	margin-bottom: .5em;
}

#venue h2, #venue h3 {
	margin: .5em 0;
	color: #44474a;
}


.venue-plan {
  float: right;
  white-space: nowrap;
  font-size: 1.3em;
}

ul.venue-info, ul.venue-capacity { 
	padding: 0;
}

ul.venue-info {
	float: left;
}

.venue-info li, .venue-capacity li {
  display:inline-block;
  font-size: 1.3em;
}


.venue-info li + li, .venue-capacity li + li {
  border-left: 1px solid #CCC8C0;
  margin-left: 1em;
  padding-left: 1em;
}


#venue img {
	margin: 2em 0 0 0;
}

#venue a {
	border-bottom: 1px dotted #014b8c;
}

#venue a:hover {
	text-decoration: none;
	border: 0;
	color: #990000;
}

#venue a:visited {
	color: #4C0265;
	border-bottom: 1px dotted #4C0265;
}

.venue-fineprint {
  color: #66655E;
  font-size: 1em;
  clear: left;
  padding-top: 1em;
}


ul.venue-features li {
  line-height: 1.5em;
  float: left;
  font-size: 1.1em;
  
}

ul#triple li  { 
	width:33.33%;
} 

ul#triple li:last-child {
	clear: left;
	margin-bottom: 1em;
}

#venue hr {
	clear: left;
}

.venue-layout {
  text-align: center;
}

.rates h3 {
	margin: .5em 0;
	color: #44474a;
}

.rates {
	margin-bottom: 2em;
}

#venue a.btn:visited {
	color: #FFF;
}

#venue a.btn {
	border-bottom: 0;
}


/*===========================================
 	INDEX 
  ===========================================*/
 
.highlight {
	margin: 2em 0;
}

.highlight a {
	color: #333;
}

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

.highlight h3 {
	font-size: 1.4em;
	font-family: 'Lato', sans-serif;
	margin: .5em 0;
}  
  
.highlight p {
	margin: 0;
	padding: 0;
	line-height: 1.5em
}

.highlight-main {
	background-color: #edeeef;
	padding: .7em;
}



/*===========================================
 	FLEXSLIDER
  ===========================================*/

.flexslider {
	margin-bottom: 0;
	border: 0;
	box-shadow: none;
	border-radius: 0;
	background-color: #034985;
}

.flex-container {
	position: relative;
	top: 0;
}
	
.flexslider ul.slides {
	margin-left: 0;
	padding-left: 0;
		list-style-type: none;
	}
	
.feature-Title {
	font-size: 1.6em;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	margin: 1em 0;
}	
	
.feature-Title a {
	color: #d4d234;
	text-transform: uppercase;
}
	
	
.flex-caption {
	height: 100%;
	color: #FFF;
	padding: .25em;
}

.flex-control-nav {
    bottom: 10px;
    left: 25em;
}

.flex-control-paging li a.flex-active {
    background: rgba(255, 255, 0, 0.9);
}

.slide-img {
	margin: 0;
	padding: 0;	
	
}

.caption {
	background-color: #034985;
	height: 100%;
}

.flexslider .highlight {
	line-height: 1.8em;	
	font-size: 1.1em;
	margin: 0;
}

.flexslider .row {
	margin-left: 0;
	margin-right: 0;
}

.row.col-height {
    overflow: hidden; 
}

.row.col-height [class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}


/*===========================================
 	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://eventservices.sf.edu/wp-content/themes/event-services/img/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;
}




@media (max-width: 970px) {

	/*===========================================
		FLEXSLIDER
	  ===========================================*/


	.flex-container {
		position: relative;
			top: 0;
		}


	.flex-control-paging, .flex-direction-nav {
		display: none
	}

	.flexslider .container {
		padding: 0;
		margin: 0;
	}

	.flexslider .flex-caption {
		width: 100%;
		margin-bottom: 0;
		font-size: .9em;
		background-color: #034985;
		margin-top: 0;
		bottom: 0;
	}

	.flex-caption {
		opacity: 1;
	}

	.flex-caption .feature-Title {
		margin-bottom: .6em;
	}

	.flex-caption .feature-Title a {
		font-size: 1.3em;
	}


}

@media (min-width: 768px) {
	
	.navbar-nav {
		float: right;
	}
	
ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }

#venue-header	.dropdown-menu{
		margin-top: 0;
	}
#venue-header	.dropdown-toggle{
		margin-bottom: 2px;
	}
	
	
.dropdown-menu {
	left: -7em;
}


	.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
		margin-bottom: 0;
	}

}

@media (max-width: 768px) {
	
.hero {
	min-height: 400px;
}



.title h1 {
	font-size: 2.5em;
}

.intro h2 {
	font-size: 1.8em;
}


#venue-header {
	text-align: center;
}

#venue-header .container-fluid {
	padding-left: 0;	
}

.navbar-nav {
	float: none;	
	margin: 0;
}


nav ul li {
  border-right: 0;
}

#venue-header h1 { 
	
	padding: .5rem;
}


.venue-info li + li, .venue-capacity li + li {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
	display: block;
}
	


ul.venue-info, .venue-plan {
	float: none;
}

}


@media (max-width: 767px) {

#brandingWrapper {
	text-align: center;
}

#brandingWrapper h1 .mobile-logo {
	display: inline !important;
	margin-top: 15px;
	margin-bottom: 5px;
}

.navoverlay {
	margin-top: 0;
	background-color: #7c7b7c;
	position: relative;
}

nav.master .mainMenuToggle {
	font-family: 'Roboto', Helvetica, Arial, serif; font-weight: 700;
	text-transform: uppercase;
	padding: 8px 0;
	padding-left: 15px;
	font-size: inherit;
	font-weight: bold;
	display: block;
}

nav.master a {
	padding: 0 15px;
	text-align: left;
}

nav.master .navbar-collapse {
	border-top: 0;
}

nav.master ul {
  padding-bottom: 15px;
  padding-top: 10px;
}

.mobileSlider ul {
	padding: 5px 0 15px 30px;
	margin-bottom: 0;
}

.mobileSlider a {
  display: block;
  margin-bottom: 5px;
}

#mobileSearch {
	padding: 0 30px;
}

#mobileSearch form {
	position: relative;
	float: none !important;
	border: 0;
	margin: 0;
	padding: 20px 0;
}

#mobileSearch button {
  position: absolute;
  right: 8px;
  top: 26px;
  background: rgba(0, 0, 0, 0);
  border: 0;
  color: #333;
}

#mobileSearch input, #mobileSearch label {
	width: 100%;
	margin: 0;
}

.flex-control-paging, .flex-direction-nav {
	display: none
}

.flexslider .container {
	padding: 0;
	margin: 0;
}

.flexslider .flex-caption {
	width: 100%;
	margin-bottom: 0;
	font-size: .9em;
	background-color: #034985;
	margin-top: 0;
	bottom: 0;
}

.flex-caption {
	opacity: 1;
}

.flex-caption .feature-Title {
	margin-bottom: .6em;
}

.flex-caption .feature-Title a {
	font-size: 1.3em;
}

#content { background: none;}

ul#super {
	float: none;
}


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

footer #tagline {
	text-align: left;
}

}




@media (max-width: 420px) {

ul#super li {
	display: block;
}

ul#triple li  { 
	width:100%;
	display: list-item;
	font-size: 1em;
} 

.rates {
	margin: 1em 0;
}

	
.title h1 {
	font-size: 2em;
}

.intro h2 {
	font-size: 1.5em;
}


.flexslider .highlight {
	font-size: 1.2em;
}


	
}