/*
Theme Name:		Roots Child
Template: 		roots1

*/

@import: url(".../roots1/style.css");
/* BASE STYLES */
body{
	margin:0;
	padding: 0;
	font-size: 14px;
	color: #000;
}
a{
	color: #000;
	text-decoration: ;
}

a:hover{
		color: #FBA819;
}
p{
	font-size: 14px;
}


/* STYLES FOR THE HEADER */
#banner{
		width: 940px;
		margin: 0 auto;
		margin-top: 15px;
		height: 40px;
}
#banner a{
		float: right;
		margin-right: 8px;
		
}
#banner a:hover{
		opacity: .6;
		color: #fff;
		text-decoration: none;
}
.nav-button{
		padding: 8px;
		background: #000;
		color: #fff;
		margin-right: 8px;
}
.calendar{
		height: 33px;
		width: 33px;	
}


/* Home Page Styles */
.homepage-content{
		width: 680px;
		height: 550px;
		float: right;
		background-image: url("/assets/landingPage.jpg");
		background-repeat: no-repeat;
		position: relative;
		overflow: hidden;	
}
.homepage-sidebar{
		width: 210px;
		height: 558px;
}
.homepage-sidebar a{
		float: left;
		display: block;
}
.homepage-sidebar li{
		list-style: none;
}
#transparency{
		background: #FBA819;
		height: 110px;
		position: absolute;
		width: 100%;
		top: 0	;
		left: 0;
		opacity: .9;
}
#topbar-text{
		position: relative;
		color: #fff;
}
#main-content-topbar{
		padding: 20px;
}
#main-content-topbar,#main-content-bottombar li{
		list-style: none;
		color: #fff;
		font: 11px/16px Helvetica, Arial, sans-serif;
		font-weight: 700;
		text-transform: uppercase;
}
#main-content-bottombar{
		background-color: #000;
		padding: 14px;		
		position: absolute;
		bottom: 0;
		width: 100%;
}
.textwidget{
		width: 640px;
}
.footer{
		width: 100%;
/* 		background-color: #FBA819; */
		opacity: .9;
}
#content-info{
		padding: 0px;
		border: none;
}




/* SIDEBAR STYLES */
#langosta-lounge:hover{
		opacity: .8;
}
.menu-button{
		background-image: url("/assets/menu_off.jpg");
		width: 171px;
		height: 52px;
		margin-left: 18px;
}
.menu-button:hover{
		background-image: url("/assets/menu_on.jpg");
}
.info-button{
		background-image: url("/assets/info_off.jpg");
		width: 171px;
		height: 80px;
		margin-left: 22px;
}
.info-button:hover{
		background-image: url("/assets/info_on.jpg");
		
}
.events-button{
		background-image: url("/assets/events_off.jpg");
		width: 172px;
		height: 42px;
		margin-left: 26px;
}
.events-button:hover{
		background-image: url("/assets/events_on.jpg");
		
}
.contact-button{
		background-image: url("/assets/contact_off.jpg");
		width: 172px;
		height: 36px;
		margin-left: 28px;
}
.contact-button:hover{
		background-image: url("/assets/contact_on.jpg");
		
}
.press-button{
		background-image: url("/assets/press_off.jpg");
		width: 173px;
		height: 62px;
		margin-left: 30px;
}
.press-button:hover{
		background-image: url("/assets/press_on.jpg");
}
.gallery-button{
		background-image: url("/assets/gallery_off.jpg");
		width: 170px;
		height: 37px;
		margin-left: 35px;
}
.gallery-button:hover{
		background-image: url("/assets/gallery_on.jpg");

}
.links-button{
		background-image: url("/assets/links_off.jpg");
		width: 167px;
		height: 51px;
		margin-left: 39px;
}
.links-button:hover{
		background-image: url("/assets/links_on.jpg");
		
}
.restaurants-button{
		background-image: url("/assets/restaurants_off.png");
		width: 170px;
		height: 32px;
		margin-left: 39px;
}
.restaurants-button:hover{
		background-image: url("/assets/restaurants_on.png");

}

/* Same style, for the active links */

.menu-buttonOn{
		background-image: url("/assets/menu_on.jpg");
		width: 171px;
		height: 52px;
		margin-left: 18px;
}
.info-buttonOn{
		background-image: url("/assets/info_on.jpg");
		width: 171px;
		height: 80px;
		margin-left: 22px;
}
.events-buttonOn{
		background-image: url("/assets/events_on.jpg");
		width: 172px;
		height: 42px;
		margin-left: 26px;
}
.contact-buttonOn{
		background-image: url("/assets/contact_on.jpg");
		width: 172px;
		height: 36px;
		margin-left: 28px;
}
.press-buttonOn{
		background-image: url("/assets/press_on.jpg");
		width: 173px;
		height: 62px;
		margin-left: 30px;
}
.gallery-buttonOn{
		background-image: url("/assets/gallery_on.jpg");
		width: 170px;
		height: 37px;
		margin-left: 35px;
}
.links-buttonOn{
		background-image: url("/assets/links_on.jpg");
		width: 167px;
		height: 51px;
		margin-left: 39px;
}
.restaurants-buttonOn{
		background-image: url("/assets/restaurants_on.png");
		width: 170px;
		height: 32px;
		margin-left: 39px;
}

/*Menu page styling */
.menu-content{
		width: 680px;
		height: 510px;
		float: right;
		position: relative;
}

#menu-content-inner{
		height: auto;
		padding: 20px;
		overflow-y: auto;	 
		background-image: url("/assets/parchment.jpg");
		background-repeat: repeat;
}
#the-nav{
		list-style: none;
		display: inline;
}
#the-nav li{
		float: left;
		margin-left: 8px;
		margin-top: 30px;

}
#the-nav li:before{
		content:'\00B7';
		padding-right: 5px;
		margin-top: 5px;
		color: #fff;
		font-size: 36px;
}
#the-nav li:first-child:before,  #the-nav li:nth-child(2):before{
		content:'';
	}
#the-nav li:first-child{
		margin-top: 26px;
}
.menu-head{
		font-size: 30px;
		font-weight: 500;
		color: #fff;
		text-transform: uppercase;
	}
.menu-item a{
		color: #fff;
		font-size: 20px;
		text-transform: uppercase;
		vertical-align: 5px;
}
.menu-item a:hover{
		text-decoration: none;
		color: #FBA819;
}
.current-menu-item a{
		color: #FBA819;
}
/* Events Page styling */
.events-content{
		width: 680px;
		height: 510px;
		float: right;
		border: 12px solid #000;
		border-top: 0;
		position: relative;
		overflow: hidden;
}
#events-content-topbar{
		height: 90px;
		background: #000;
		text-align: center;
		color: #fff;
}
#events-content-topbar h1{
		font-size: 66px;
		padding-top: 25px;
}
#events-content-inner{
		height: 400px;
		padding: 20px;
		overflow-y: scroll;
		
}
#events-content-inner p{
		font-size:18px;
		text-transform: uppercase;
		line-height: 19px;
		margin-bottom: 18px;
}
/* Styles For Calendar Widget */
.widget-1{
		margin-bottom: 15px;
}
.gce-has-events .gce-day-number{
		color: #FBA819;
}
.gce-widget-grid .gce-calendar{
		border: 2px solid #000;
}
.gce-change-month{
		font-size: 24px;
}
.gce-caption{
		margin-bottom: 8px;
}

/* STYLES FOR THE CONTACT FORM */
#contact-content-inner{
		height: 500px;
		padding: 20px;
}
.wpcf7 textarea{
		height: 100px;
}
input[type="button"], input[type="submit"]{

	
	}
#fsc-submit-1{
	width: 68px;
	height: 47px;
	background-image: url("/assets/langosta-send.png");
	border: 0;
}


/* STYLES FOR THE OPEN TABLE PLUGIN */
#contact-content-inner #OT_searchWrapperAll, #OT_searchWrapperAll #OT_logo, #OT_searchWrapperAll #OT_logoLink, #OT_searchWrapperAll #OT_searchWrapper {
		background: none;
}
#contact-content-inner .OT_feedTitle {
		display: none;
	}


/* STYLES FOR THE GALLERY PAGE */
#gallery-content-inner{
		height: 600px;
		width:680px;

}

#gallery-content-inner #Gallerycontainer{
		margin: 0;
		border: #000
}
#Gallery #cs-navigation-Gallery .cs-prev,#Gallery #cs-navigation-Gallery .cs-next{
		padding: 237px 10px !important;
		top: 0 !important;
		-webkit-border-radius: 0 !important;
}
#Gallery #cs-navigation-Gallery .cs-prev{
		left: 0 !important;
}
#Gallery #cs-navigation-Gallery .cs-next{
		right: 0 !important;
	}

	
/* GENERIC TOPBAR STYLES */
.topbar-h2{
		float: left;
		color: #fff;
		font-size: 33px;
		padding-top: 20px;
		margin-left: 15px;
		font-weight: 400;
		text-transform: uppercase;
		}
.topbar-h3{
		float: left;
		color: #FBA819;
		margin-left: 15px;
		padding-top: 26px;
		text-transform: uppercase;
		font-weight: 400;
}
#generic-topbar {
		background-color: #000;
		height: 75px;
		width: 100%;
		}
#generic-topbar h1{
		color: #fff;
		font-size: 30px;
		padding-top: 18px;
		margin-left: 15px;
		font-weight: 400;
		text-transform: uppercase;
		}