@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic);

html, body {
    background-color: #080808;
}

html, body, #tabs, #main, nav, .beer-overview-top {
    width: 100%;
}

#tabs {
    padding: 0;
	font-family: Roboto, sans-serif;
}

sup {
	font-size: 10px !important;
}

.ui-tabs .ui-tabs-panel {
    box-sizing: border-box;
}

.ui-tabs .ui-tabs-nav {
    width: auto;
    border: none;
    background-color: transparent;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li {
    margin: 0;
    padding-bottom: 0;
    border: none;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    
    border-right: 1px solid #333;
}

.ui-tabs .ui-tabs-nav li:last-child {
    border-right: none;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  /*  padding: 1.2em .8em;  */
	padding: 1.2em .4em;
    color: #E8E8E6;
}


.ui-tabs .ui-tabs-panel {
    border: none;
    margin: 0;
    width: 100%;
    background-color: #080808;
}


.ui-tabs.ui-widget-content {
    padding: 0;
    border-radius: 0;
}

.sectionTitle, .style4 {
    color: #fff;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 900;
}

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

.style5, .startdate, .style9 {
    font-family: Roboto, sans-serif;
}

.info, .info1 {
    padding: 16px 5px 0 5px;
}

.style5, .startdate {
    color: #E8E8E6;
}

.style9, .style11 {
    color: #E8E8E6;
    margin: 9px 0;
    font-style: italic;
    font-size: .9em;
}

.elevate {
	color: #D8A117;
    margin-top: 10px; 
	font-family: Roboto, sans-serif;
	line-height: 16px;
    font-size:0.86em;
}

.elevate img {
    width: 20px !important;
    height: 20px !important;
	margin-top: -3px;
}

.telephone, .tele, .tele a {
	color: #787878;
	font-weight: bold;
	font-style: normal;
}

.executive, .staffing {
    width: 100%;
}

.execTable {
    width: 50%;
}

.inner-staff-wrapper-tab {
    width: 100%;
}

.paraPad {
	margin: 0;
	padding: 0 .4em 0 0;
}

@media (min-width: 940px) {
    .staffingTable, .bistroTable, .storeTable, .salesTable {
        width: 25%;
        border: 0;
        border-spacing: 0;
    }
    
    #ui-tabs-1 .staffing .staffingTable {
        width: 33%;
    }
}

@media (max-width: 939px) {
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor, 
	.ui-tabs .ui-tabs-nav li, 
	.ui-tabs .ui-tabs-nav li.ui-tabs-active {
        padding: .2em 0em;
		font-size: 12px;
		border-right: none;
	}
	.ui-state-hover {
	    color: #fbebef;	
	}
	.ui-tabs-anchor: hover {
		color: #fbebef;	
	}
}