/*

You cannot edit main style.css file.

All your custom style settings and tweaks can be placed here.

Backup this file before theme update - so after update can be restored!

*/
.stuff, #header_bottom
{
	height: 140px;
	bottom: 0px;
}
/*slider + logo section height*/
.stuff .flexhead
{
	height: 110px;
}
.logo_bottom IMG
{
	height: 100px;
}
#servicesbox LI P
{
	height: 190px;
	overflow: hidden;
}
#servicesbox LI:hover
{
	background: #E1F0FA;
}
.section_template H2
{
	color: #FFF !important;
	text-shadow: 1px 1px 0 #000;
}
.container_block
{
	padding-top: 100px !important;
	margin-bottom: 40px !important;
}
/**  --------------------------------------  *
*  SYLE OVERRIDES FOR SIXTYONE RESTAURANT  *
*  --------------------------------------  **/
::selection
{
	background: #976A4E;
}
::-moz-selection
{
	background: #976A4E;
}
.flex-direction-nav LI .flex-prev
{
	background-image: url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/icons/nav_left_61.png) !important;
}
.flex-direction-nav LI .flex-next
{
	background-image: url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/icons/nav_right_61.png) !important;
}
.featuredflex .flex-direction-nav LI .flex-prev
{
	left: 0;
}
#serinfo-nav LI.current, .wpcf7-submit, .stuff SPAN.slidebg, .flex-direction-nav LI A, SPAN.ribbon, .block-wrap A.blogmore, #folio-wrap A.blogmore, .imgwrap, A.hoverstuff-link, A.hoverstuff-zoom, LI.main H2, .page-numbers.current, A.mainbutton, #submit, #comments .navigation A, .contact-form .submit, .plan-bottom A, A.comment-reply-link, .imageformat
{
	background-color: rgba(220, 228, 233, 0.9) !important;
}
BODY A#navtrigger
{
	background-color: #976A4E !important;
}
.stuff
{
	display: none;
}
/**  ---------------------------------  *
*  SIXTYONE RESTAURANT CUSTOM STYLES  *
*  ---------------------------------  *
*
* - Some basic overrides
* - Header
* - Intro
* - Menus
* - Staff (Arnaud)
* - Reservations
* - Location
* - Private Dining
* - Gallery
* - Subscribe
* - Footer
* - Reservations floating tab
* - Lightbox
* - Media Queries
**/
#home, #menus, #staff, #reservations, #find-us, #private-dining, #gallery
{
	background-color: #212121;
}
.section .container
{
	padding-top: 75px;
}
HTML
{
	-webkit-font-smoothing: antialiased;
}
BODY
{
	font-family: "Open Sans", arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	xline-height: 1.5;
	line-height: 1;
	color: #212121;
	background: #212121 url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/bg-fullpage.jpg) repeat-y center top;
}
P
{
	line-height: 1.6;
	margin: 0 0 0.75em;
	color: #212121;
}
H1
{
	font-family: georgia, serif !important;
	font-size: 40px !important;
	font-weight: 400 !important;
	line-height: 1.1;
	text-align: center;
	letter-spacing: 0px !important;
	margin: 0 0 40px !important;
	color: #976A4E !important;
}
.section .container H2, .section_template .container H2
{
	font-family: "Open Sans", arial, helvetica, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1 !important;
	padding: 13px 10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px !important;
	margin-bottom: 30px;
	margin: 0 0 30px;
	color: #FFF;
	background: #46301F;
}
H2.wood, #staff H2, #private-dining H2
{
	background: #46301F url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/bg-heading.jpg) no-repeat center top;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
BLOCKQUOTE, BLOCKQUOTE P
{
	font-family: georgia, serif;
	font-size: 40px;
	text-align: center;
	line-height: 1.15;
	margin: 50px 0 40px;
	color: #212121;
}
.break
{
	width: 100%;
	height: 17px;
}
.break.icon
{
	background: url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/break-icon.png) no-repeat center top;
}
.break.line
{
	width: 60%;
	padding-left: 20%;
	padding-right: 20%;
	background: url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/break-dots.png) no-repeat center center;
}
/**  ------  *
*  HEADER  *
*  ------  **/
UL.nav_classic
{
	right: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
UL.nav_classic LI
{
	left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.scroll LI A, .navi LI A
{
	border: 0;
	padding: 50px 12px 17px;
}
.scroll LI:first-child A, .navi LI:first-child A
{
	border-left: 0;
}
BODY #header
{
	border-bottom: 3px solid #976A4E !important;
	padding-bottom: 10px;
	background: #212121;
}
#header IMG
{
	height: 68px;
}
/**  Navigation  **/
#navigation .scroll LI A
{
	font-family: "Open Sans", arial, helvetica, sans-serif;
	letter-spacing: 1px !important;
	color: #9C9C9C !important;
}
#navigation .scroll LI A:hover
{
	color: #FFF !important;
}
#navigation .scroll > LI.current > A
{
	color: #FFF !important;
}
#intro, #staff, #reservations, #private-dining, #gallery
{
	background: #212121 url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/bg-fullpage.jpg) repeat-y center top;
}
#home .slides H1, #home .slides .stuff
{
	display: none;
}
/**  ----  *
*  HOME  *
*  ----  **/
#home
{
	background: url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/bg-fullpage.jpg) repeat center top !important;
}
.mainflex
{
	height: 98%;
}
.item_slider
{
	background-color: transparent !important;
}
/**  -----  *
*  INTRO  *
*  -----  **/
#intro
{
	background-repeat: repeat;
}
#intro .container
{
	padding-top: 70px;
}
#intro .break
{
	margin-bottom: 35px;
}
#intro .twocol-one
{
	float: left;
	width: auto;
	max-width: 60%;
}
#intro .twocol-one.last
{
	float: right;
	width: auto;
	max-width: 35%;
	margin-left: 0;
	text-align: right;
}
#intro .twocol-one IMG
{
	width: 100%;
	height: auto;
}
/**  -----  *
*  MENUS  *
*  -----  **/
#menus
{
	xbackground-repeat: repeat-x;
	background-repeat: repeat;
}
#menus H2
{
	color: #FFF;
	background: rgba(0, 0, 0, 0.6);
}
#menus .container > P
{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	text-align: center;
	padding-left: 100px;
	padding-right: 100px;
	margin-bottom: 1.5em;
	color: #FFF;
	text-shadow: 0 0 8px rgba(0, 0, 0, 1);
}
#menus H3
{
	font-size: 14px;
	margin-top: 8px;
	color: #FFF;
}
#menus UL
{
	padding-left: 100px;
	padding-right: 100px;
}
#menus LI
{
	clear: both;
	margin-bottom: 4px;
	background: rgba(0, 0, 0, 0.4);
	overflow-y: auto;
}
#menus LI:hover
{
	background: rgba(0, 0, 0, 0.7);
}
#menus LI A
{
	display: block;
	text-decoration: none;
	overflow-y: auto;
	padding: 10px;
	cursor: pointer;
}
#menus LI A:hover
{
	text-decoration: none;
}
#menus LI IMG
{
	float: left;
	border: 1px solid #765038;
	margin-right: 40px;
}
#menus LI P, #menus LI A P
{
	font-family: georgia, serif;
	font-size: 14px;
	line-height: 1.7;
	color: #D2B39F;
	color: #FFF;
}
/**  -----  *
*  STAFF  *
*  -----  **/
#staff
{
	background-repeat: repeat;
}
#staff IMG
{
	margin-bottom: 50px;
}
#staff P
{
	padding-left: 100px;
	padding-right: 100px;
}
#staff BLOCKQUOTE, #staff BLOCKQUOTE P
{
	padding-left: 0;
	padding-right: 0;
}
/**  ------------  *
*  RESERVATIONS  *
*  ------------  **/
#reservations
{
	padding-bottom: 60px;
	background: #212121 url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/bg-reservations.jpg) repeat-x center top;
	background-position: 50% 0 !important;
}
#reservations H2
{
	margin-bottom: 40px;
	color: #FFF;
	background: rgba(0, 0, 0, 0.6);
}
#reservations H3
{
	margin-top: 20px;
	color: #212121;
}
#reservations .container
{
	padding-top: 50px;
	padding-bottom: 30px;
	overflow: visible;
}
.reservations .content
{
	padding-top: 50px;
	padding-bottom: 30px;
}
#reservations .actual-content
{
	overflow-y: auto;
}
#reservations .content
{
	padding: 50px 70px 30px;
	background: #F1F1F1 url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/bg-fullpage.jpg) repeat-y center top;
}
.reservations .col1, #reservations .twocol-one
{
	float: left;
	max-width: 550px;
}
.reservations .col1 P, #reservations .twocol-one P
{
	padding-bottom: 25px;
	/*background: url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/border-dots.png) repeat-x bottom center;*/
}
.reservations .col2, #reservations .twocol-one.last
{
	float: right;
	max-width: 350px;
}
#reservations .twocol-one.last P
{
	background: none;
}
/** Fancy box shadow effect  **/
#reservations .container .content
{
	position: relative;
}
#reservations .container .content:before
{
	z-index: -1;
	position: absolute;
	content: "";
	left: 10px;
	width: 5%;
	height: 70%;
	top: 3px;
	background: #FFF;
	-webkit-box-shadow: -12px 5px 20px rgba(0,0,0, 0.5);
	-moz-box-shadow: -12px 5px 20px rgba(0,0,0, 0.5);
	box-shadow: -12px 5px 20px rgba(0, 0, 0, 0.5);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
#reservations .container .content:after
{
	z-index: -1;
	position: absolute;
	content: "";
	right: 10px;
	width: 5%;
	height: 70%;
	top: 3px;
	background: #FFF;
	-webkit-box-shadow: 12px 5px 20px rgba(0,0,0, 0.5);
	-moz-box-shadow: 12px 5px 20px rgba(0,0,0, 0.5);
	box-shadow: 12px 5px 20px rgba(0, 0, 0, 0.5);
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}
/*CSS overrides for booking widget*/
#toptable
{
	/*margin-top: 87px;*/
	/*background: url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/border-dots.png) repeat-x top center;*/
	padding-top: 4px;
	padding-bottom: 12px;
}
#toptable H3
{
	margin-top: 0;
}
#toptable FORM
{
	margin-bottom: 20px;
}
#toptable FORM LABEL
{
	clear: both;
	width: 100px;
}
#toptable FORM INPUT
{
	margin-bottom: 10px;
}
#toptable FORM #submit
{
	clear: both;
	margin-top: 16px;
	margin-left: 0;
	width: 90%;
	background-color: #9D7359 !important;
	text-align: left;
}
#toptable FORM #submit:hover
{
	background-color: #5A5A5A !important;
}
#OT_logo
{
	clear: both;
	text-align: right;
}
#toptable TABLE
{
	background: url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/border-dots.png) repeat-x top center;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
	
}
#toptable TABLE *
{
	color: black;
}
#toptable TABLE TH
{
	padding-top: 6px;
}
/*The booking widgit does not play nicely with bootstrap css so some amends here*/
#OT_form, #OT_form *, #OT_form:before, #OT_form:after, #OT_form *:before, #OT_form *:after
{
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}
.TA_cdsscrollingravenarrow
{
	margin-bottom: 40px;
}
/**  --------  *
*  LOCATION  *
*  --------  **/
#find-us
{
	xbackground-repeat: repeat-x;
	background-repeat: repeat;
}
#find-us .container
{
	padding-top: 50px;
	max-width: 1920px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
#find-us .container .container
{
	max-width: 960px;
	padding: 0 4% !important;
	margin: 0 auto;
}
#find-us P
{
	color: #FFF;
}
#find-us P A
{
	color: #FFF;
}
#find-us P A:hover
{
	text-decoration: underline;
}
.gmap
{
	padding-top: 30px;
	line-height: 0.75;
}
.directions
{
	max-width: 960px;
	padding: 0;
	margin: 0 auto;
}
.directions H3
{
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	padding: 15px 10px;
	margin-top: 0;
	color: #FFF;
	background: #9D7359;
}
.directions H4
{
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
	padding: 0;
	margin: 0;
	color: #212121;
}
#find-us .directions P
{
	font-size: 12px;
	color: #212121;
}
#find-us .directions UL
{
	text-align: center;
}
#find-us .directions LI
{
	display: inline-block;
	max-width: 155px;
	height: 150px;
	text-align: left;
	vertical-align: top;
}
.transport-1
{
	padding: 64px 40px 45px 50px;
	margin-top: -45px;
	margin-right: 10px;
	background: url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/bg-transport-option-1.png) no-repeat top left;
}
.transport-2
{
	padding: 55px 40px 45px 37px;
	margin-top: -28px;
	background: url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/bg-transport-option-2.png) no-repeat top left;
}
.transport-3
{
	padding: 80px 50px 45px 55px;
	margin-top: -60px;
	background: url(http://sixtyonerestaurant.co.uk/wp-content/themes/searcys-sixtyone/images/bg-transport-option-3.png) no-repeat top left;
}
#find-us .directions LI P
{
	line-height: 1.4;
}
#find-us .directions A:hover
{
	text-decoration: underline;
}
/**  --------------  *
*  PRIVATE DINING  *
*  --------------  **/
#private-dining
{
	background-repeat: repeat;
}
#private-dining .container
{
	padding-bottom: 40px;
}
#private-dining BLOCKQUOTE P
{
	padding-left: 0;
	padding-right: 0;
}
#private-dining P
{
	padding-left: 100px;
	padding-right: 100px;
}
#private-dining .break
{
	margin-bottom: 50px;
}
/**  -------  *
*  GALLERY  *
*  -------  **/
#gallery
{
	background-repeat: repeat;
}
#gallery .container
{
	padding-top: 40px;
}
#gallery .featuredflex
{
	width: auto;
	margin-left: 100px;
	margin-right: 100px;
}
#gallery .flexslider .slides IMG
{
	width: 100%;
	max-width: 760px;
}
#gallery .featuredflex .flex-direction-nav LI .flex-next
{
	left: auto;
}
/**  --------------  *
*  SUBSCRIBE FORM  *
*  --------------  **/
#main
{
	overflow: visible;
}
#subscribe
{
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #976A4E;
	z-index: 2000;
}
#subscribe.natural
{
	position: static;
	bottom: auto;
}
#subscribe .container
{
	text-align: center;
	padding-top: 20px !important;
	padding-bottom: 10px !important;
	position: static;
	/**/
}
#subscribe .container H2
{
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 8px 10px 8px 0;
	margin: 0;
	color: #212121;
	background: none;
	vertical-align: top;
}
#subscribe FORM
{
	display: inline-block;
	vertical-align: top;
}
#subscribe FORM P
{
	display: inline-block;
	vertical-align: middle;
}
#subscribe FORM LABEL
{
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 5px;
}
#subscribe FORM INPUT
{
	min-width: 200px;
	font-size: 14px !important;
}
#subscribe INPUT
{
	display: inline-block;
	height: 22px;
	font-size: 14px;
	padding: 4px 5px;
}
#subscribe FORM .btn
{
	width: auto;
	min-width: 50px;
	height: 30px;
	display: inline-block;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	border: 0;
	padding: 5px 20px;
	color: #976A4E;
	color: #FFF;
	background: #212121;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}
#subscribe FORM .btn:hover, #subscribe FORM .btn:active
{
	color: #212121;
	background: #FFF;
}
/**  ------  *
*  FOOTER  *
*  ------  **/
#footer
{
	font-size: 12px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #212121;
	z-index: 1;
	/*to allow subscribe form to appear above it in the stacking order*/
}
#footer P
{
	line-height: 1.8;
	margin: 1em 0 1.5em;
	color: #FFF;
}
#footer P SPAN
{
	color: #976A4E;
}
#footer A
{
	color: #FFF;
}
#footer A:hover
{
	text-decoration: underline;
}
/**  ----------------  *
*  RESERVATIONS TAB  *
*  ----------------  **/
.dc-floater A
{
	position: absolute;
	right: 0;
	display: block;
}
/**  --------  *
*  LIGHTBOX  *
*  --------  **/
.lightbox
{
	display: none;
	min-height: 20px;
	min-width: 300px;
	max-width: 900px;
	font-size: 18px;
	border: 5px solid #976A4E;
	padding: 20px;
	color: #000;
	background: #FFF;
}
A.b-close
{
	position: absolute;
	right: -12px;
	top: -12px;
	display: block;
	height: 20px;
	width: 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	border: 5px solid #976A4E;
	padding: 8px;
	color: #FFF !important;
	background: #212121;
	cursor: pointer;
	text-transform: uppercase;
}
.b-close:hover
{
	color: #FFF;
	background: #111;
}
.lightbox H1
{
	font-size: 30px;
	margin-top: 0.6em;
}
.lightbox P
{
	font-size: 16px;
}
/**  -------------  *
*  MEDIA QUERIES  *
*  -------------  **/
@media only screen and (max-width: 767px)
{
	H1, BLOCKQUOTE, BLOCKQUOTE P
	{
		font-size: 36px !important;
	}
	H2
	{
		font-size: 24px !important;
	}
	#subscribe .container H2
	{
		font-size: 14px !important;
	}
	#intro .twocol-one
	{
		float: none;
		width: 100%;
		max-width: 100%;
	}
	#intro .twocol-one.last
	{
		max-width: 100%;
		float: none;
		text-align: center;
	}
	#intro .twocol-one.last IMG
	{
		width: auto;
		margin-top: 20px;
	}
	#menus UL
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	#menus .container > P
	{
		font-size: 14px;
		padding-left: 50px;
		padding-right: 50px;
	}
	#staff P
	{
		padding-left: 50px;
		padding-right: 50px;
	}
	#private-dining P
	{
		padding-left: 70px;
		padding-right: 70px;
	}
	#gallery .featuredflex
	{
		margin-left: 70px;
		margin-right: 70px;
	}
	#gallery .featuredflex .flex-direction-nav LI .flex-next
	{
		right: 0;
	}
	.featuredflex .flex-direction-nav LI .flex-prev
	{
		left: 0;
	}
	.section
	{
		background-attachment: scroll !important;
		background-repeat: repeat !important;
	}
}
@media only screen and (max-width: 740px)
{
	BODY A#logo_res IMG
	{
		width: auto;
	}
}
@media only screen and (max-width: 640px)
{
	BLOCKQUOTE, BLOCKQUOTE P
	{
		font-size: 26px !important;
	}
	#menus .container > P
	{
		font-size: 14px;
		padding-left: 30px;
		padding-right: 30px;
	}
	#menus LI IMG
	{
		float: none;
		display: block;
		margin: 10px auto 15px;
	}
	#menus H3
	{
		text-align: center;
	}
	#menus LI P
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	#private-dining P
	{
		padding-left: 50px;
		padding-right: 50px;
	}
	#gallery .featuredflex
	{
		margin-left: 50px;
		margin-right: 50px;
	}
}
@media only screen and (max-width: 500px)
{
	#menus .container > P
	{
		font-size: 14px;
	}
	#staff P
	{
		padding-left: 30px;
		padding-right: 30px;
	}
	#reservations .content
	{
		padding: 50px 30px 30px;
	}
	#private-dining P
	{
		padding-left: 30px;
		padding-right: 30px;
	}
	#gallery .featuredflex
	{
		margin-left: 30px;
		margin-right: 30px;
	}
	#gallery .featuredflex .flex-direction-nav LI A
	{
		width: 30px;
		height: 55px;
	}
	#gallery .featuredflex .flex-direction-nav LI .flex-next
	{
		background-position: 5px 15px;
	}
	.featuredflex .flex-direction-nav LI .flex-prev
	{
		background-position: 5px 15px;
	}
	#footer .fl, #footer .fr
	{
		width: 100%;
		float: none;
		clear: both;
		text-align: center;
	}
}