/*
Theme Name: Hive Oakland - Release 2
Theme URI: http://swept.co/
Description: Design by Michael Brumm
Author:  Michael Brumm
Author URI: http://swept.co/
Version: 2.0
*/

/********************************** Reset **********************************/
html,body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,footer, header, hgroup, menu, nav, output, ruby, section, summary, time,mark, audio, video {border: 0;font-size: 100%;font: inherit;vertical-align: baseline;margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup,menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
table { border-collapse: collapse;border-spacing: 0;}


/********************************** Fonts **********************************/
@font-face {
    font-family: 'Brandon Regular';
    src: url('fonts/brandon_reg-webfont.eot');
    src: url('fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/brandon_reg-webfont.woff') format('woff'),
    url('fonts/brandon_reg-webfont.ttf') format('truetype'),
    url('fonts/brandon_reg-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Regular Italic';
    src: url('fonts/brandon_reg_it-webfont.eot');
    src: url('fonts/brandon_reg_it-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/brandon_reg_it-webfont.woff') format('woff'),
    url('fonts/brandon_reg_it-webfont.ttf') format('truetype'),
    url('fonts/brandon_reg_it-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Black';
    src: url('fonts/brandon_blk-webfont.eot');
    src: url('fonts/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/brandon_blk-webfont.woff') format('woff'),
    url('fonts/brandon_blk-webfont.ttf') format('truetype'),
    url('fonts/brandon_blk-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/********************************** Basics **********************************/
body, html {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}

body {
	background-color: #fefcf4;
	font-family: 'Brandon Regular', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
	line-height: 1.3;
	color: #111;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
}

h1 {
	font-size: 100px;
	color: #fff;
	text-align: center;
	position: relative; 
	top: -40%;	
}

h2 {
	font-size: 27px;
	letter-spacing: 8px;
	padding-bottom: 20px;
	text-align: center;
}

h3 {
	font-size: 17px;
	letter-spacing: 4px;
	padding-bottom: 8px;
}

p {
	font-size: 17px;
	padding-bottom: 20px;
	line-height: 23px;
}

p.pCallOut {
	font-size: 25px; 
	line-height: 32px;
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
}

a {
	color: #49c2d8;
	text-decoration: none;
	-webkit-transition: color .4s ease-out; /* Saf3.2+, Chrome */
  	-moz-transition: color .4s ease-out; /* Firefox 4+ */
  	-ms-transition: color .4s ease-out; /* IE10+ */
  	-o-transition: color .4s ease-out; /* Opera 10.5+ */
  	transition: color .4s ease-out;
}

a:hover {
	color: #111;
}

img {
	max-width: 100%;
}

span.boldThis {
	font-family: 'Brandon Black', sans-serif;
}

span.capThis {
	text-transform: uppercase;
}

.mobileshow { display: none; }
.mobilehide { display: block; }

/********************************** Containers **********************************/
.container,
.containerfs {
    width: 100%;
    margin: 0 auto;
    clear: both;
	height: auto;
}

.containerfs {
	height: 100%;
}

.contained {
    margin: 0 auto;
    max-width: 1000px;
    padding: 30px 5%;
	overflow: visible;
	width: 90%;
	position: relative;
}

/********************************** Menu ***********************************/
#menu-drawer {
	position: fixed;
	z-index: 4142;
	top: 0;
	right: 0;
}

#menu-button {
	width: 61px;
	height: 61px;
	position: fixed;
	top: 80px;
	right: 80px;
	/*
	top: 0;
	right: 0;
	*/
	display: block;
	background:url(img/button-menu.png);
	float: left;
	cursor: pointer;
	z-index: 2312;
	-webkit-transition: background-position 0.5s ease;
	-moz-transition: background-position 0.5s ease;
    -o-transition: background-position 0.5s ease;
    transition: background-position 0.5s ease;
}


#menu-list {
	float: left;
	position: fixed;
	background-color: #000;
	width: 270px;
	top: 0;
	right: -300px;
	height: 100%;
	z-index: 1243;
	
}

#menu-list p {
	margin-left: 24px;
	color: #8d8d8d;
	font-size: 12px;
	line-height: 20px;
}

#menu-list p a {
	color: #8d8d8d;
}
	

#menu-list ul {
	margin: 80px 10px 16px 24px;
}

#menu-list ul li {
	padding-bottom: 16px;
} 

#menu-list ul a {
	color: #8d8d8d;
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	font-size: 15px;
	display: block;
}

#menu-list ul a.tempMenu {
	color: #49c2d8;
}

#menu-list ul a.currentmenu {
	color: #fff;
}

#menu-list ul a:hover,
#menu-list p a:hover {
	color: #49c2d8;
}

#menu-list ul ul {
	margin: 12px 10px 16px 0;
}

#menu-list ul li {
	padding-bottom: 6px;
} 

#menu-list ul ul a {
	color: #fff;
	font-family: 'Brandon Regular', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-transform: none;
	font-size: 15px;
}

#menu-list ul ul li.current-menu-item a {
	color: #49c2d8;
}

#menu-social a {
	margin-right: 10px;
	opacity: 1;
   	transition: opacity .25s ease-in-out;
   	-moz-transition: opacity .25s ease-in-out;
   	-webkit-transition: opacity .25s ease-in-out;
}

#menu-social a:hover {
	opacity: 0.6;
}

/****************************************************************************
Features
****************************************************************************/
#featurefs {
	width: 100%;
	background:url(img/backgrounds/background_flat.jpg) top center no-repeat;
	background-size:cover;
	overflow: auto;
	text-align: center;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

#feature-live {
	width: 100%;
	background:url(img/backgrounds/background_flat.jpg) top center no-repeat;
	background-size:cover;
	overflow: auto;
	text-align: center;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

#feature {
	width: 100%;
	background:url(img/backgrounds/background_flat.jpg) top center no-repeat;
	background-size:cover;
	text-align: center;
	margin: 0 auto;
	height: 100%;
	position: relative;
	overflow: hidden;
	height: 620px;
}

.feature-center,
.featureLeft {
	width: 100%;
	background-size:cover;
	overflow: auto;
	text-align: center;
	margin: 0 auto;
	height: 660px;
	position: relative;
	background-position: center;
}

.featureLeft {
	background-position: left;
}

#video_background {
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1000;
    overflow: hidden;
	background:url(img/backgrounds/background_home-feature.jpg) top center no-repeat;
	background-size:cover;
}



/****************************************************************************
Sections
****************************************************************************/
ul.shapeList1,
ul.shapelist2 {
	background: url(img/polygon-1.png) no-repeat top center;
	height: 100px;
	text-align: center;
	padding: 54px 0;
}

ul.shapelist2 {
	padding-top: 52px;
}

ul.shapeList1 li,
ul.shapelist2 li {
	padding: 0 24px 6px;
}

ul.shapelist2 {
	background: url(img/polygon-2-desktop.png) no-repeat top center;
	height: 140px;
	width: 356px;
}

ul.shapeList1 a,
ul.shapelist2 a {
	text-transform: uppercase;
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	color: #231f20;
	display: block;
}

ul.shapelist2 a {
	font-size: 12px;
}

ul.shapeList1 a:hover,
ul.shapelist2 a:hover {
	color: #49c2d8;
}

/**************************************************************************** 
Footer 
****************************************************************************/
#footer,
#footer-event {
	background: url(img/footer-pattern.png) repeat-x center bottom;
	padding: 40px 0 60px;
	font-size: 15px;
}

.footer-page-info {
	background-color: #f7f6ef !important;
}

#footer h3,
#footer-event h3 {
	text-transform: uppercase;
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	letter-spacing: 3px;
}

#footer h4,
#footer-event h4 {
	text-transform: uppercase;
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	margin-bottom: 4px;
}

#footer h3,
#footer p,
#footer-event h3,
#footer-event p {
	margin-bottom: 19px;
}

#footer-events,
#twitter-feed,
#footer-info {
	float: left;
	width: 34%;
	margin: 0 4% 16px 0;
}

#footer-events a.viewAll,
#twitter-feed a.viewAll {
	text-transform: uppercase !important;
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
}

#footer-events a.viewAll:hover,
#twitter-feed a.viewAll:hover {
	color: #111;
}


/******  Footer - Events ******/
.eventItem {
	margin-bottom: 10px;
	height: auto;
	clear: both;
	overflow: auto;
}

.dateList {
	float: left;
	width: 12%;
	margin-right: 5%;
	text-align: center;
	margin-top: 4px;
}

.month {
	background-color: #413d3d;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 9px;
	padding: 0;
	border: 2px solid #413d3d;
	border-radius: 3px 3px 0 0;
	border-bottom: none;
}

.day {
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	padding: 1px 0 0;
	border: 2px solid #413d3d;
	border-radius: 0 0 3px 3px;
	color: #413d3d;
	border-top: none;
}

.eventList {
	float: left;
	width: 70%;
	margin-bottom: 0;
	overflow: visible;
	
}

.eventList a {
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
	text-transform: uppercase;
	color: #000;
}

.eventList p {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 15px;
	line-height: 22px;
}

/******  Footer - Twitter ******/
.twitterItem {
	margin-bottom: 10px;
	height: auto;
	clear: both;
	overflow: auto;
}

.twitterLogo {
	float: left;
	width: 12%;
	margin-right: 5%;
	text-align: center;
	margin-top: 4px;
}

.twitterPost {
	float: left;
	width: 72%;
	margin-bottom: 0;
	overflow: visible;
}

.twitterName {
	float: left;
}

.twitterName a {
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
	text-transform: uppercase;
	color: #000;
}

.twitterDate {
	float: right;
	color: #b8b8b8;
}

.twitterHandle {
	clear: both;
}

.twitterHandle a {
	color: #b8b8b8;
}

.twitterPost p {
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.twitterPost p a:hover {
	color: #000 !important;
}

/******  Footer - Etc ******/
#footer-info {
	width: 24%;
	margin-right: 0;
}

#footer-info a {
	color: #000;
}

#footer-info p {
	font-size: 15px;
	line-height: 22px;
	padding-bottom: 3px;
}

#footer-legal {
	margin-bottom: 16px;
	clear: both;
}

#footer-legal p {
	float: left;
	margin-right: 8px;
	font-size: 13px;
}

#footer-legal a {
	margin-right: 8px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 11px;
	color: #111;
}

#footer a:hover {
	color: #49c2d8;
}

a.interestlink {
    color: #fff;
    text-decoration: underline;
}

a.interestlink:hover {
    color: #f0c947;
text-decoration: underline;}

/**************************************************************************** 
Homepage 
****************************************************************************/

/************************* Header *************************/
#header-address {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 8px;
	font-size: 12px;
	font-family: 'Brandon Regular', sans-serif;
	-webkit-font-smoothing: antialiased;
	margin: 50px auto 0;
	width: 100%;
	position: absolute;
	z-index: 1001;
}

#single-feature #header-address {
	color: #111;
}

#header-logo {
	height: 90%;
	width: 100%;
   	position: absolute;
	background:url(img/logo-HIVE-New.svg) center center;
	background-size:cover;
	z-index: 1002;
}

#header-logo-small {
	text-align: center;
	margin-top: 84px;
	position: absolute;
	width: 100%;
}

#header-page-title {
	position: absolute; 
	top: 40%;
	width: 100%;
}

#header-link {
	color: #fff;
	font-size: 25px;
	font-family: 'Brandon Regular Italic', sans-serif;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0 auto 1.5%;
	z-index: 1004;
}

#header-live-at-hive {
	color: #fff;
	font-size: 17px;
	font-family: 'Brandon Regular', sans-serif;
	-webkit-font-smoothing: antialiased;
	position: relative;
	top: 60%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60%;
	margin: 0 20%;
}

#header-live-at-hive img {
    max-width: 500px;
    margin-bottom: 95px;
}

#header-live-at-hive h1 {
	color: #fff;
	font-size: 21px;
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	position: relative;
	top: 0;
	letter-spacing: 6px;
    margin-bottom: 12px;
}

#header-live-at-hive p {
	font-size: 20px;
	line-height: 28px;
    padding-bottom: 32px;
}
	

#arrowdown {
	background: url(img/arrow-down-new.png) no-repeat center;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: background-position 0.5s ease;
	-moz-transition: background-position 0.5s ease;
    -o-transition: background-position 0.5s ease;
    transition: background-position 0.5s ease;
	height: 90px;
	width: 57px;
}

#arrowdown:hover {
	background-position: 0 12px;
}

/************************* Events *************************/
#home-events {
	position: absolute; 
	right: 220px; 
	top: 710px; 
	z-index: 304;
	background-color: #1c1c1c;
	width: 280px;
	padding: 50px 40px 30px;
	overflow: auto;
}

#home-events .eventItem {
	height: auto;
	clear: both;
	overflow: visible;
}


#home-events a {
	text-transform: uppercase;
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
}

#home-events a:hover {
	color: #fff;
}


#home-events .dateList {
	width: 14%;
}	

#home-events .month {
	color: #1c1c1c;
	border: 2px solid #fff;
	background-color: #fff;
	border-bottom: none;
}

#home-events .day {
	background-color: #1c1c1c;
	color: #fff;
	border: 2px solid #fff;
	border-top: none;
}

#home-events .eventList a {
	color: #49c2d8;
}

#home-events .eventList a:hover {
	color: #fff;
}

#home-events .eventList {
	color: #fff;
	width: 76%;
	overflow:visible !important;
	padding-bottom: 20px;
}

#home-events h2 {
	color: #fff;
	font-size: 18px;
	text-align: left;
	letter-spacing: 2px;
	padding: 0 0 30px;
}

#home-events p {
    color: #fff;
}

#home-events span,
#footer-events span{
    text-transform: uppercase;
    font-size: 15px;
}

#home-events span {
    color: #49c2d8;
}

#events-none p {
    background-color: #1c1c1c;
	padding: 40px 35px;
    color: #fff;
    text-align: center;
}

#events-none span {
    color: #49c2d8;
    font-size: 15px;
    text-transform: uppercase;
}


/**************************************************************************** 
Parallaxing
****************************************************************************/
.parallaxContained {
    margin: 0 auto;
    padding: 30px 0;
	overflow: visible;
	position: relative;
	max-width: 1060px;
	min-width: 650px; 
	width: 100%;
}

/******** Home - Original Oakland ********/
#original-oakland { height: 1300px; overflow: auto; padding-top: 30px; background: url(img/home-original-background.jpg) no-repeat 30% bottom;}
#oakland-menu {   position: absolute; z-index: 312; top: 160px; left:  50px; width: 291px;}
#oakland-text {   position: absolute; z-index: 342; top: 120px; right: 90px; width: 290px;}
#oakland-image1 { position: absolute; z-index: 302; top: 400px; left:  50px;}
#oakland-image2 { position: absolute; z-index: 301; top: 265px; right: 60px;}
#oakland-image3 { position: absolute; top: 45px; right: 400px;}

/******** Home - The Spaces ********/
#home-spaces { height: 1450px; overflow: auto; padding-top: 30px;}
#home-spaces-menu {   position: absolute; z-index: 312; top: 160px; right: 110px; width: 291px;}
#home-spaces-text {   position: absolute; z-index: 342; top: 460px; right: 40px; width: 290px;}
#home-spaces-image0 { position: absolute; z-index: 170; top:  50px; left:  20px;} 
#home-spaces-image1 { position: absolute; z-index: 303; top: 150px; left:  20px;}
#home-spaces-image2 { position: absolute; z-index: 301; top: 265px; right: 60px;} 
#home-spaces-image3 { position: absolute; z-index: 201; top:  45px; right: 360px;} 
#home-spaces-image4 { position: absolute; z-index: 280; top:  45px; left:  70px;} 
#home-spaces-image5 { position: absolute; z-index: 340; top: 745px; left:  0; } 

/******** About - About HIve Top ********/
#about-hive-top { height: 1500px; overflow: auto; padding-top: 30px;}
#about-hive-top-text1 {  position: absolute; z-index: 342; top: 120px; left: 50px; width: 290px;}
#about-hive-top-text2 {  position: absolute; z-index: 352; top: 1320px; left: 50px; width: 650px;}
#about-hive-top-image1 { position: absolute; z-index: 305; top: 100px; right:  0;}
#about-hive-top-image2 { position: absolute; z-index: 303; top: 265px; right: 30px;}
#about-hive-top-image3 { position: absolute; z-index: 302; top: 765px; left: 270px;}
#about-hive-top-image4 { position: absolute; z-index: 301; top: 385px; left: 40px;}
#about-hive-honeycomb {  position: absolute; z-index: 351; top: 605px; right: 55px;}

/******** About - About HIve Bottom ********/
#about-hive-bottom { height: 1500px; overflow: auto; padding-top: 30px;}
#about-hive-bottom-text1 {  position: absolute; z-index: 460; top: 120px; right: 77px; width: 290px;}
#about-hive-bottom-text2 {  position: absolute; z-index: 461; top: 1320px; left: 50px; width: 650px;}
#about-hive-bottom-image1 { position: absolute; z-index: 410; top:  50px; left:  70px;}
#about-hive-bottom-image2 { position: absolute; z-index: 400; top: 215px; right: 30px;}
#about-hive-bottom-image3 { position: absolute; z-index: 405; top: 765px; left: 110px;}
#about-hive-bottom-image4 { position: absolute; z-index: 451; top: 595px; left: 240px;}

/******** Spaces ********/
#spaces { height: 1350px; overflow: auto; padding-top: 30px;}
#spaces-info {      position: absolute; z-index: 612; top: 280px; right: 44px; width: 356px; height: 174px; padding-top: 70px; background: url(img/polygon-2-desktop.png) no-repeat top center; text-align: center;}
#spaces-text1 {     position: absolute; z-index: 560; top: 920px; right: 20px; width: 490px;}
#spaces-image1 {    position: absolute; z-index: 410; top: 320px; left:  50px;}
#spaces-image2 {    position: absolute; z-index: 400; top: 85px; left: 370px;}
#spaces-image3 {    position: absolute; z-index: 405; top: 445px; right: 30px;}
#spaces-logo {      position: absolute; z-index: 451; top: 165px; left:  50px;}
#spaces-honeycomb { position: absolute; z-index: 551; top: 915px; left: 85px;}
#spaces-info h4 {	margin-bottom: 10px;}

/**************************************************************************** 
Info
****************************************************************************/
#info-page {
	padding-top: 40px;
}

#info-page h2 {
	margin-bottom: 22px;
	text-align: left;
}

.col30, .col50, .col70, .legal50 {
	float: left;
}

.col30r {
	width: 30%;
	margin: 0;
	float: right;
}

.col30 {
	width: 30%;
	margin: 0;
}

.col50 {
	width: 47%;
	margin: 0 6% 0 0;
}

.legal50 {
	width: 45%;
	margin: 0 5% 0 0;
}

.col70 {
	width: 64%;
	margin: 0 4% 50px 0;
}

.colNoMargin {
	margin-right: 0;
	float: right;
}

.col30 p, .col50 p, .col30r p {
	font-size: 15px;
	padding-bottom: 32px;
}

#single-event .col50 p{
	font-size: 17px;
	padding-bottom: 20px;
	line-height: 23px;
}

.col30 h3, .col50 h3, .col30r h3 {
	font-size: 15px;
	letter-spacing: normal;
	padding-bottom: 0;
}

.col30 h4, .col30r h4 {
	font-size: 20px;
	letter-spacing: 6px;
	border-top: 1px solid #d2d0ca;
	padding: 30px 0;
}


/**************************************************************************** 
Masonry
****************************************************************************/
#grid-listing {
	margin-top: 40px;
	margin-bototm: 40px;
}

.item,
.newsItem {
  width: 273px;
  margin: 0 15px 40px;
  float: left;
}

.item img  {
  display: block;
  width: 100%;
}

.item .dateList {
	position: absolute;
	top: 10px;
	left: 14px;	
}

.item .dateList .month {
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 9px;
	padding: 0;
	border: 2px solid #000;
	border-radius: 3px 3px 0 0;
	border-bottom: none;
}

.item .dateList .day {
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	padding: 1px 0 0;
	border: 2px solid #000;
	border-radius: 0 0 3px 3px;
	color: #fff;
	border-top: none;
	background-color: #000;
}

#page-nav {
	visibility: hidden;
}

.newsItem h3 {
	margin-top: 12px;
	margin-bottom: 6px;
	padding-bottom: 0;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: normal;
	line-height: 1.5;
}

.thumbRollover {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	/* http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
	background:rgb(242,202,57);
	background: transparent\9;
	background:rgba(242,202,57,0.95);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f2ca39,endColorstr=#f2f2ca39);
	zoom: 1;
	height: 100%;
	width: 100%;
	transition: opacity .5s ease-in-out;
   	-moz-transition: opacity .5s ease-in-out;
   	-webkit-transition: opacity .5s ease-in-out;
	cursor: default;
	opacity: 0;
}

.thumbRollover:hover {
	opacity: 1;
}

.thumbRollover h4 {
	font-size: 13px;
	text-align: left;
	margin: 25px 20px 4px;
}

.thumbRollover h3 {
	font-size: 25px;
	text-align: left;
	text-transform: none;
	letter-spacing: normal;
	margin: 0 20px 0 20px;
	line-height: 1.1;
}

.thumbRollover h3 a {
	color: #000;
}

.thumbRollover h3 a:hover {
	color: #333;
}


.thumbRollover p {
	font-size: 13px;
	text-align: left;
	margin: 0 10px 2px 20px;
}

.thumbSocials {
	position: absolute;
	bottom: 10px;
	z-index: 120;
	left: 20px;
}

.thumbSocials img {
	display: inline-block; 
	width: 20px;
	margin-right: 16px;
}

/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}

/* Infinite Scroll loader */
#infscr-loading { 
  background: #000;
  color: #FFF;
  text-align: center;
  z-index: 4210;
  position: fixed;
  width: 24px;
  height: 24px;
  margin: auto;
  top: 0; 
  left: 0; 
  bottom: 0; 
  right: 0;
  padding: 18px;
}

/********************************** Mailchimp Form **********************************/
form {
	padding: 0;
	margin: 0;
	width: 100%;
}

#mc_embed_signup {
	margin: 0 0 32px;
}

input.email {
	margin: 0;
	border: 1px solid #f1efea;
	border-right: 0px;
	font-size: 1.0em;
	line-height: 48px;
	height: 48px;
	padding: 0 4%;
	width: 75%;
	background-color: #f1efea;
	font-family: 'Brandon Regular Italic', sans-serif;
	font-size: 16px;
	margin: 0;
}

input[type=email]:focus{outline: none;}

input.formbutton {
	margin-left: -4px;
	border: 1px solid #f1efea;
	border-left: 0px;
	font-size: 1.0em;
	line-height: 50px;
	height: 50px;
	cursor: pointer;
	vertical-align: bottom;
	padding: 12px 4%;
	width: 17%;
	clear: right;
	font-family: 'Brandon Regular Italic', sans-serif;
	-webkit-transition: background-color .4s ease-out; /* Saf3.2+, Chrome */
  	-moz-transition: background-color .4s ease-out; /* Firefox 4+ */
  	-ms-transition: background-color .4s ease-out; /* IE10+ */
  	-o-transition: background-color .4s ease-out; /* Opera 10.5+ */
  	transition: background-color .4s ease-out;
	cursor: pointer;
	background: url(img/form-submit-arrow.png) center center no-repeat;
	background-color: #f1efea;
}

input.formbutton:hover {
	background-color: #ccc;
}

.mc4wp-alert {
	margin-top: 15px;
	color: #F00;
}

/********************************** Twitter **********************************/
#loading-container {
    padding:16px 0px 16px 0px;
    text-align:center;  
}


/********************************** Event - Single **********************************/
#single-feature {
	background-color: #f7f6ef;
	overflow: auto;
	height: 166px;
	border-bottom: 1px solid #e0dfda;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

#single-event {
	margin-top: 40px;
	overflow: auto;
}

#single-event h3 {
	font-size: 40px;
	text-transform: none;
	letter-spacing: normal;
}

#single-event .eventMeta {
	font-size: 15px;
	line-height: 26px;
}

#single-event .eventMeta h4 {
	border-top: none;
	margin-top: 0;
}

#single-event .eventMeta span {
	text-transform: uppercase;
	font-family: 'Brandon Black', sans-serif;
}

#back-button {
	width: 61px;
	height: 61px;
	position: absolute;
	top: 80px;
	left: 80px;
	/*
	top: 0;
	right: 0;
	*/
	display: block;
	background:url(img/button-back.png);
	float: left;
	cursor: pointer;
	z-index: 2313;
	-webkit-transition: background-position 0.5s ease;
	-moz-transition: background-position 0.5s ease;
    -o-transition: background-position 0.5s ease;
    transition: background-position 0.5s ease;
}

#back-button:hover {
	background-position: -61px;
}

.eventSocial {
	margin: 20px 0 30px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e8e5de;
}

.eventSocial a {
	display: inline-block; 
	width: 20px;
	margin-right: 16px;
}

#event-wrapper {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -142px; 
}

#event-wrapper:after {
  content: "";
  display: block;
}
#footer-event, #event-wrapper:after {
  /* .push must be the same height as footer */
  height: 82px; 
  padding: 0 0 60px;
}

a.blackbutton {
	background-color: #f0c947;
	color: #000;
	text-decoration: none;
	padding: 12px 18px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	font-family: 'Brandon Black', sans-serif;
	display: inline-block;
	margin: 22px 0;
	font-size: 17px;
	text-align: center;
}

a.blackbutton:hover {
	background-color: #000;
	color: #fff;
}

a.interestbutton {
    margin: 10px 0 32px;
}

span.comingsoon {
	font-family: 'Brandon Black', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	font-size: 13px;
	color: #ff0000;
}

/********************************** Mobile **********************************/
@media screen and (max-width: 640px) {

a.blackbutton {
	display: block;
	margin: 10px 0;
}

body {
	background-color: #fff;
}

p.pCallOut {
	font-size: 20px; 
	line-height: 26px;
}

h1 {
	font-size: 50px;
	line-height: 1;
}

h2, h3 {
	text-align: center;
}

#header-page-title {
	position: absolute; 
	top: 40%;
	width: 100%;
}

h2 {
	padding: 0 0 30px;
	font-size: 24px;
	letter-spacing: 4px;
}

.container {
	min-width: 308px;
}

.contained {
	margin: 0;
	width: 90%;
	padding: 5%;
}

.mobileshow { display: block; }
.mobilehide, ul.mobilehide { display: none; }

#header-link {
	font-size: 16px;
	font-family: 'Brandon Regular Italic', sans-serif;
	-webkit-font-smoothing: antialiased;
	width: 90%;
	margin: 0 5% 1%;
}

#header-logo-small img {
	width: 49x;
	height: 29px;
}

#header-logo-small {
	margin-top: 18px;
}


/**************************************************************************** 
Homepage - Mobile
****************************************************************************/
ul.shapelist2 {
	background: url(img/polygon-2.png) no-repeat top center;
	width: auto;
	padding-bottom: 80px;
}

#header-live-at-hive {
	font-size: 15px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 80%;
	margin: 0 10%;
	line-height: 16px;
}

#header-live-at-hive img {
    margin-bottom: 0;
}

#header-live-at-hive p {
	margin-bottom: 12px;
	padding-bottom: 0;
}

.thumbSocials {
	position: relative;
	top: 0;
	left: 0;
	margin: 20px;
}


/**************************************************************************** 
Parallaxing - Mobile
****************************************************************************/
.parallaxContained {width: auto; min-width: 100px !important; padding: 30px 5%;}

/******** Home - Original Oakland ********/
#original-oakland {height: auto; background-image: none; padding-top: 0;}
#oakland-menu,
#oakland-text,
#oakland-image1,
#oakland-image2 {position: relative !important; left: 0; top: 0; width: auto;}
#oakland-image1 {height: 400px; margin-bottom: 20px; background-color: #f60; overflow: hidden;}
#oakland-image1 img, 
#oakland-image2 img {width: 100%;max-width: 100%;}

/******** Home - Spaces ********/
#home-spaces {height: auto; background-image: none; padding-top: 0;}
#home-spaces-menu,
#home-spaces-text,
#home-spaces-image2 {position: relative !important; left: 0; top: 0; width: auto;}
#home-spaces-image2 img {width: 100%;max-width: 100%;}

/******** About - About HIve Top ********/
#about-hive-top {height: auto; background-image: none; padding-top: 0;}
#about-hive-top-text1,
#about-hive-top-text2,
#about-hive-top-image1,
#about-hive-top-image3 {position: relative !important; left: 0; top: 0; width: auto;}
#about-hive-top-image1 {margin-bottom: 20px;}
#about-hive-top-image1 img, 
#about-hive-top-image3 img {width: 100%;max-width: 100%;}

/******** About - About HIve Bottom ********/
#about-hive-bottom {height: auto; background-image: none; padding-top: 0;}
#about-hive-bottom-text1,
#about-hive-bottom-text2,
#about-hive-bottom-image3 {position: relative !important; left: 0; top: 0; width: auto;}
#about-hive-bottom-image3 img {width: 100%;max-width: 100%;}

/******** Spaces ********/
#spaces {height: auto; background-image: none; padding-top: 0;}
#spaces-text1,
#spaces-image3 {position: relative !important; left: 0; top: 0; width: auto;}
#spaces-image3 img {width: 100%;max-width: 100%;}
#spaces-info { position: relative !important; left: 0; top: 0; width: auto; height: 174px; padding-top: 70px; padding-bottom: 30px; background: url(img/polygon-2.png) no-repeat top center; overflow: auto; }
#spaces-info p {width: 280px; text-align: center; margin: 0 auto;}


/**************************************************************************** 
Info - Mobile
****************************************************************************/
.col30, .col50, .col70, .colNoMargin, .legal50, .col30r {
	clear: both;
	width: 100%;
	float: none;
}

.col30, .col70, .col30r, .col50, .legal50 {
	margin: 0;
}


.col30 h2 {
	border-top: 1px solid #000;
	padding: 30px 0 10px;
}

.col30 h3,.col50 h3 {
	text-align: left;
}

.col30 h4 {
	text-align: center;
}

/**************************************************************************** 
Masonry
****************************************************************************/
#grid-listing {
	margin-top: 25px;
}

.item {
  width: 273px;
  margin: 0 20px 30px;
  float: none;
  background:rgb(242,202,57);
  background: transparent\9;
  background:rgba(242,202,57,0.95);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f2ca39,endColorstr=#f2f2ca39);
}

.newsItem {
	width: 273px;
  	margin: 0 20px 30px;
  	float: none;
}

.newsItem h3 {
	text-align: left;
}

.thumbRollover {
	position: relative;
	top: 0;
	left: 0;
	/* http://hammerspace.co.uk/2011/10/cross-browser-alpha-transparent-background-css */
	background:rgb(242,202,57);
	background: transparent\9;
	background:rgba(242,202,57,0.95);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f2ca39,endColorstr=#f2f2ca39);
	zoom: 1;
	height: auto;
	width: 100%;
	display: inline-block;
	opacity: 1;
	cursor: auto;
}

#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  right: 0;
  top: 62px;
  width: auto;
  height: 24px;
  padding: 18px 19px 18px 18px;
  background: #000;
  color: #FFF;
}


/********************************** Menu ***********************************/
#menu-button {
	top: 0;
	right: 0;
}

#back-button {
	top: 0;
	left: 0;
}

#menu-list ul {
	margin-top: 50px
}

#menu-list ul li {
	padding-bottom: 12px;
	padding-bottom: 6px;
} 

#menu-list ul ul {
	margin: 10px 10px 12px 0;
}

#page-feature,
#feature {
	height: 100%;
}

#page-feature {
	height: 290px;
}

.feature-center,
.featureLeft {
	height: 440px;
}

/********************************** Home Events **********************************/
#home-events {
	background-color: #1c1c1c;
	width: 80%;
	padding: 30px 10% 10px;
	overflow: auto;
	margin-top: 20px;
	position: relative !important; left: 0; top: 0;
}

#home-events .dateList {
	width: 14%;
}	

#home-events .eventList {
	color: #fff;
	width: 76%;
}

#home-events h2 {
	text-align: center;
}

/********************************** Single Events **********************************/
#single-feature {
	height: 61px;
	border-bottom: none;
}

#single-event {
	margin-top: 10px;
}

#single-event h3 {
	text-align: left;
	line-height: 1;
}

.eventImage {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}

.eventImage img {
	max-width: 100%;
}

#live-mobile h2 {
	margin-top: 12px;
}
    
#live-mobile a.interestlink {
    color: #1c1c1c;
}


/********************************** Footer **********************************/
#footer {
	padding-top: 20px;
}

#footer-event {
	padding-top: 0;
}

#footer h3,
#footer-event h3 {
	text-align: left;
}

#footer-info {
	float: none;
	width: auto;
	margin-bottom: 30px;
}

#footer-legal p {
	float: none;
	margin-bottom: 6px;
	padding-bottom: 0;
}
    
    .mobilelivehide{
        display: none !important;
    }
}

/*****************************************************
iPads (Portrait)
*****************************************************/
@media only screen and (min-device-width : 768px) 
and (max-device-width : 1024px) and (orientation : portrait) {
    #header-live-at-hive {
        width: 84%;
        margin: 0 8%;
    }
    #header-live-at-hive img {
        margin-bottom: 55px;
    }
}

/*****************************************************
iPads (Landscape)
*****************************************************/
@media only screen and (min-device-width : 768px) and 
(max-device-width : 1024px) and (orientation : landscape) {
    #header-live-at-hive {
        width: 80%;
        margin: 0 10%;
    }
    #header-live-at-hive img {
        margin-bottom: 55px;
    }
}

/*****************************************************
Desktop
*****************************************************/
@media screen and (min-width: 768px) {  
    #events-none p {
        padding: 70px 20px;
    }
}