/*
Theme Name: Joie Restaurant - Custom Theme by sgWebster Solutions
Theme URI: http://www.sgwebster.com
Author: sgWebster Solutions Pte Ltd
Author URI: http://www.sgwebster.com/
Description: Custom Project for Joie Restaurant by sgWebster Solutions.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.sgwebster.com
Tags: sgWebster Solutions
Text Domain: sgWebster Solutions
*/

@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
@font-face {
	font-family: 'miso';
	src: url('fonts/miso.eot');
	src: url('fonts/miso.eot?#iefix') format('embedded-opentype'), url('fonts/miso.woff') format('woff'), url('fonts/miso.ttf') format('truetype'), url('fonts/miso.svg#miso') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'gobold';
	src: url('fonts/gobold.eot');
	src: url('fonts/gobold.eot?#iefix') format('embedded-opentype'), url('fonts/gobold.woff') format('woff'), url('fonts/gobold.ttf') format('truetype'), url('fonts/gobold.svg#gobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body, div, span, p, ul, li, ol, input, h1, h2, h3, h4, h5, h6, nav {
	margin: 0;
	padding: 0;
	border: 0;
}
.clear {
	clear: both;
	height: 0;
}
html, body, .gridContainer {
	width: 100% !important;
	height: 100% !important;
}.gridContainer {margin-bottom:120px;box-sizing:border-box;}
.row {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
body {
	background: url(images/bg.jpg) center top no-repeat #000;
}
.overlay{
background: url(images/overlay.png) repeat;
position:absolute;
top:0;
left:0;



}
.nav {
	background: url(images/nav_bg.jpg) left top repeat-x;
}
/* Mobile Layout: 480px and below. */

.navigation {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
.navigation ul {
	padding: 0;
	list-style-type: none;
}
.navigation ul li {
	float: left;
	font: 20px/20px Tinos;
}

p {
    margin: 10px;
}
.entry-title
{
padding:10px;
}
.navigation ul li a {
	text-decoration: none;
	color: #fbf4e1;
	display: block;
	padding: 13px 22px 25px 22px;
}
.navigation ul li.current_page_item a, .navigation ul li:hover a {
	background: url(images/hover.jpg) right bottom no-repeat #fff;
	color: #000;
}
.top {
	background: #fff;
	height: 4px;
}
.center {
	width: 997px;
	margin: 0 auto;
	position: relative;
	
	
}
.gridContainer {
	margin: 0;
	padding: 0;
	width: 100%;
}
#pull {
	display: none;
	margin: 0 0 0 0;
	padding: 14px 0;
	float: left;
	width: 100%;
	text-align: center;
	cursor: pointer;
	font: bold 15px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff !important;
	text-decoration: none;
}
.logo {
	float: left;
	width: 100%;
	margin: 20px 0;
	text-align: center;
}
.banner {
	float: left;
	width: 100%;
	padding: 0;
	position: relative;
}
.direction {
	position: absolute;
	top: 50%;
	width: 40px;
	display: block;
	height: 68px;
	margin-top: -14px;
	cursor: pointer;
}
.pre {
	background: url(images/btns.png) 0 0 no-repeat;
	left: 15px;
}
.next {
	background: url(images/btns.png) -40px 0 no-repeat;
	right: 15px;
}
.dark {
	background: url(images/t.png);
	color: #fff;
	margin: 30px 0 0 0;
	 min-height: 270px;
}
.dark_left {
	float: left;
	width: 65%;
	margin: 25px 0;
	padding: 0;
}
.dark_left h2 {
	font: 30px/35px Tinos;
	margin: 0 0 15px 0;
}
.dark_left img {
	float: left;
	position: relative;
}
.dark_txt {
	margin: 0 0 0 270px;
	font: 13px/18px lato;
}
.dark_txt p {
	margin: 0 0 12px 0;
}
.dark_right {
	float: right;
	width: 30%;
	margin: 25px 0;
	padding: 0;
	text-align: center;
}
.dark_right h1 {
	font: 700 36px/40px Tinos;
}
.dark_right a {
	background: url(images/hover.jpg) right bottom no-repeat #fff;
	display: block;
	border: 1px solid #8b6d25;
	border-radius: 5px;
	font: 700 20px/22px Tinos;
	color: #000;
	text-decoration: none;
}
.dark_right a span {
	background: url(images/hover2.jpg) left top no-repeat;
	display: block;
	padding: 12px 0;
}
.or {
	background: url(images/border.jpg) center center no-repeat;
	margin: 12px 0;
}
.or span {
	border-radius: 100%;
	background: #fff;
	font: italic 18px/18px Tinos;
	color: #000;
	padding: 4px 0;
	text-align: center;
	width: 30px;
	height: 22px;
	display: inline-block;
}
.footer {
	color: #a48a46;
	font: 13px/18px arial;
	background: #1c1713;	
	/*position:fixed;	bottom:0;*/
}
.footer_left {
	width: 50%;
	text-align: left;
	margin: 12px 0;
	float: left;
}
.footer_right {
	width: 50%;
	float: right;
	text-align: right;
	margin: 12px 0;
}
.footer_right b {
	font: bold 16px/18px arial;
}
.social {
	list-style-type: none;
	float: right;
	padding: 0;
}
.social li {
	margin: 0 0 0 5px;
	float: left;
}
.social li a {
	display: block;
	width: 26px;
	height: 26px;
}
.social li.fb a {
	background: url(images/social.jpg) 0 0 no-repeat;
}
.social li.tw a {
	background: url(images/social.jpg) -26px 0 no-repeat;
}
.copyright {
	color: #fff;
	margin: 10px 0 10px 0;
}
.pages {
	background: url(images/t.png);
	float: left;
	width: 100%;
	margin:0;
	
	min-height:624px;
	/*height:auto;
	padding-bottom:10%;*/
}
.inner_pages {
	padding: 15px;
	color:#FFF;
		height:auto;
		text-align:justify;
}
.form {
	margin: 15px 0;
	width: 48%;
	float: left;
	color: #fff;
}
.form h1 {
	font: 700 36px/40px Tinos;
}
.form h2 {
	font: 24px/30px Tinos;
	margin: 15px 0;
}
.address {
	float: right;
	width: 48%;
	margin: 15px 0;
	padding: 0;
	color: #282828;
	font: 13px/18px open sans, arial;
}
.map {
	float: left;
	padding: 20px;
	background: #fff;
	width:90%
}
.map h1 {
	font: 24px/30px Tinos;
	color: #2a2a2a;
	margin: 0 0 15px 0;
}
.row_form {
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	width: 100%;
}
.row_form label {
	display: block;
	font: 13px/16px open sanas, arial;
	margin: 0 0 5px 0;
}
.row_form label sup {
	color: #ed1c24;
	font: 13px/15px open sans, arial;
}
.row_form input[type="text"] {
	height: 28px;
	border-radius: 5px;
	border: 1px solid #fff;
	background: none;
	width: 65%;
	padding: 0 2.5%;
	color: #fff;
}
.row_form textarea {
	border: 1px solid #fff;
	background: none;
	padding: 10px 2.5%;
	width: 95%;
	resize: none;
	height: 100px;
	border-radius: 5px;
	color: #fff;
}
.row_form input[type="submit"] {
	width: 100px;
	height: 37px;
	font: 20px/20px Tinos;
	cursor:pointer; background:url(images/hover.jpg) right bottom no-repeat #fff;
}




.wpcf7-submit{
  background: url("images/hover.jpg") no-repeat scroll right bottom #fff;
    cursor: pointer;
    font: 20px/20px Tinos;
    height: 37px;
    width: 100px;
	margin:10px;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required
{
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    height: 28px;
    padding: 0 2.5%;
    width: 65%;
}
.wpcf7-form-control.wpcf7-text{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    height: 28px;
    padding: 0 2.5%;
    width: 65%;
}
.wpcf7-validates-as-date
{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    height: 28px;
    padding: 0 2.5%;
    width: 65%;
}
.wpcf7-validates-as-required{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    height: 28px;
    padding: 0 2.5%;
}
.wpcf7-textarea
{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #fff;
	border-radius: 5px;
    color: #fff;
    height: 100px;
    padding: 10px 2.5%;
    resize: none;
    width: 95%;
	}
	sup
	{
	font: 13px/15px open sans,arial;
	color: #ed1c24;
	}
	lable{
	display: block;
    font: 13px/16px open sanas,arial;
    margin-bottom: 0;
    margin-top: 9px;
	}

.wpcf7 select {
    background-color: #000;
}

@media only screen and (max-width:1000px) {

.banner{width:100% !important;}
.soliloquy-container .soliloquy-image{width:100% !important;}
.center {
	padding: 0 3%;
	float: left;
	width: 94%;
}
.navigation ul li a {
	padding: 13px 14px 25px;
}
}

@media only screen and (max-width:767px) {

.banner{width:100% !important;}
.soliloquy-container .soliloquy-image{width:100% !important;}

.inner_pages img
{
width:100%;
}

.aligncenter.wp-image-309
{
width:100%;
}
.nav .center {
	padding: 0;
	width: 100%;
}
#pull {
	display: block;
}
.navigation ul {
	display: none;
	position: absolute;
	left: 0;
	top: 46px;
	width: 100%;
	background: #1c1713;
	z-index: 5;
}
.navigation ul li {
	float: none;
	text-align: center;
}
.dark_left, .dark_right {
	float: left;
	width: 100%;
}
.dark_left {
	text-align: center;
}
.dark_left img {
	float: none;
}
.dark_txt {
	margin: 20px 0 0 0;
	float: left;
	width: 100%;
}
.footer_left, .footer_right {
	float: left;
	width: 100%;
	text-align: left;
}

.social {
	float: left;
}

.form,.address
{width:100%;}

.row_form input[type="text"]{width:95%;}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required
{
width:95%;
}
.wpcf7-validates-as-date
{
width:95%;
}
.wpcf7-form-control.wpcf7-text
{
width:95%;
}
.map{box-sizing: border-box;
    float: left;
    padding: 20px;
    width: 100%;}
}
.slideshowlink{
display:none;
}
.error404{
 text-align: center;
}

.dark_left iframe {
    float: left;
    position: relative;
}


/******* NEW CSS *****/
#post-8 p,h1{text-align:center;}