/*
	Theme Name: Isaacs Restaurant
	Description: Isaacs Restaurant website template
	Author: wja.ie
*/
/* ---------------------------
	reset
--------------------------- */
*,
*:before,
*:after {
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
abbr, address, article, aside, audio, b, blockquote, body, canvas,
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary,
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background-color: transparent; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
address, cite, q, dfn { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height:1; }
a, ins, del { text-decoration:none }
q, blockquote { quotes: none; }
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
th, td {  vertical-align: top; }
th { text-align: left; }
nav li { display:block; list-style:none; }
img { display:inline-block; max-width:100%; height:auto; }
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
textarea{overflow:auto;vertical-align:top;}
label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px;}
input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
label{display:block;margin-bottom:5px;font-size:16px;}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:30px;padding:5px;margin-bottom:10px;font-size:14px;line-height:1;color:#555555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle;width:100%;}
textarea{height:auto;padding:4px 6px;}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datef-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}
input[type="radio"],input[type="checkbox"]{margin:4px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal;cursor:pointer;}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto;}
select,input[type="file"]{height:25px;*margin-top:4px;line-height:1;}
select{border:1px solid #cccccc;background-color:#ffffff;}
select[multiple],select[size]{height:auto;}
select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}


/* --------------------------
	general styles
-------------------------- */
html {
	-webkit-text-size-adjust: none;
}
p { 
	padding-bottom:10px; 
}
table {
	width: 100%;
	margin:0 0 10px 0;
	border-bottom:1px dotted #888;	
}
td,
th {
	border-top:1px dotted #888;
	padding:5px 5px 5px 0;
}
td:nth-child(even) {
	white-space:nowrap;
	text-align:right;
	color:#b19445;	
	padding-left:10px;
	font-size:12px;
}
iframe {
	width: 100%;
}
em { 
	color: #b19445 
}


/* --------------------------
	typography
-------------------------- */
@font-face {
    font-family: 'NovecentowideNormalRegular';
    src: url('fonts/novecentowide-normal-webfont.eot');
    src: url('fonts/novecentowide-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/novecentowide-normal-webfont.woff') format('woff'),
         url('fonts/novecentowide-normal-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
body { 
	font:normal 13px/1.3 arial, verdana, serif;
	position:relative;	
	color:#555; 
   	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    -ms-transition: all 1s linear;
    transition: background 1s linear;
	background:#000 url(images/bg/1.jpg) center top no-repeat fixed;
	background-size: cover;
}
a { 
	color:#555;
	text-decoration:none; 
}
a:hover { 
	color:#333; 
	text-decoration:underline; 
}
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a { 
	font-weight: inherit; 
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
	padding:0;
	color:#231f20;
	line-height:1.2;
	font-weight:normal;	
}
h1 { 
	font-size: 30px; 
}
h2 { 
	font-size: 22px; 
	padding: 20px 0 5px; 
}
h3 { 
	color:#B19445;
	font-size: 18px; 
	margin-bottom: 5px; 	
}
h4 {
	font-size:18px;
	margin-bottom:10px;
}
h5 { 
	font-size: 16px; 
}


/* --------------------------
	layout
-------------------------- */
#header h1 {
	padding:30px 0;
}
#header h1 a {
	text-align: center;
	margin:0 auto;
	display:block;
}
#header > div {
	padding:10px;
	color:#fff;
}
#header > div a {
	color: #fff;
	font-size: 16px;
}
#header strong {
	display:block;
	font-size:18px;
}
#header .fb-box { 
	position:absolute;
	top:20px;
	right: 10px;
	width: auto;
}

#main {
	position:relative;
	min-height:700px;
	padding: 20px;
}
#main h1 {
	cursor: pointer;
	font-family:'NovecentowideNormalRegular', garamond, sans-serif;			
	display:block;
	background:url(images/brown-transparent.png);
	font-size:16px;
	padding:15px;
	text-align:center;
	margin-bottom:1px;
}
#main h1:hover {
	background:#b19445;
}
#main .inner {
	width: 100%;
  	padding: 20px;
	background:#fff;
	margin:0;
}
article ul,
article ol {
	margin:4px 0 4px 22px;
}

aside a {
	color:#b19445;
	border-bottom: 2px solid #b19445;
	font-size:20px;
	font-weight:bold;	
	margin-bottom:10px;	
	display:block;
	text-decoration:none;
}
aside a:hover {
	color:#fff;
}
aside h5 {
	color:#b19445;
	font-size:18px;
	margin-bottom:10px;
}
aside ul {
	padding:0;
	margin:0 0 20px 0;
}
aside li {
	list-style:none;
	display:block;
	margin:0;
	margin-bottom:4px;
}
aside a {
	color:#fff;
}
aside nav a {
	font-size: 12px;
	border: 0;
	margin: 0;
}

#footer {
	text-align:center;
}
#footer li {
	margin: 0 1%;
	display: inline-block;
}


/* --------------------------
	specific
-------------------------- */
.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after {
    clear: both
}
.clearfix {
    zoom: 1
}

.prev, .next { max-width: 49%; font-weight: bold; }
.prev a, .next a { color: #222 }
.prev a:hover, 
.next a:hover { color: #b19445 }
.prev, .alignleft { float: left; text-align: left; }
.next, .alignright { float: right; text-align: right; }
.alignleft { 
	margin: 0 10px 10px 0;
}
.alignright { 
	margin: 0 0 10px 10px;
}

.like-box {
	position:absolute;
	right:20px;
	top:0;
	background:#111;
	z-index:40;
}

.post {
	font-family:georgia, garamond, sans-serif;	
	margin-bottom:20px;	
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
}
.post figure { 
	margin:0 0 10px 0;
}
.post figure {
	width:100%;
	height:200px;
	overflow:hidden;
}
.post figure img{
	margin-top:-100px;
}
.post h1,
.post h2,
.post h3 {
	padding:0 0 10px;
}
.post .more {
	margin-bottom:10px;
}
.post .more a {
	color:#b19445;
	font-style:italic;
	font-size:14px;
}


/* --------------------------
	grid
-------------------------- */
.container { 
	background:url(images/black-transparent.png);		
	position:relative; 
	max-width: 940px; 
	margin: 0 auto; 
	z-index:20;	
}

.row {
  	margin-left: -15px;
  	margin-right: -15px;	
}
.row:before,
.row:after {
  	content: " ";
  	display: table;
}
.row:after {
  	clear: both;
}

div[class^="col"] {
	float: left;
	display: block;
  	padding: 0 15px;
}
.col12 {
  width: 100%;
}
.col11 {
  width: 91.66666666666666%;
}
.col10 {
  width: 83.33333333333334%;
}
.col9 {
  width: 75%;
}
.col8 {
  width: 66.66666666666666%;
}
.col7 {
  width: 58.333333333333336%;
}
.col6 {
  width: 50%;
}
.col5 {
  width: 41.66666666666667%;
}
.col4 {
  width: 33.33333333333333%;
}
.col3 {
  width: 25%;
}
.col2 {
  width: 16.666666666666664%;
}
.col1 {
  width: 8.333333333333332%;
}



/* --------------------------
	jQuery plugins
-------------------------- */
#accordion .inner {
	display: none;
}

/*!
 * jQuery UI Tabs 1.8.20
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; zoom: 1; } 
.ui-tabs .ui-tabs-nav { text-align:center; padding-bottom:10px; }
.ui-tabs .ui-tabs-nav li { margin:0 2%; list-style:none; display:inline-block; }
.ui-tabs .ui-tabs-nav li a { color:#b19445; }
.ui-tabs .ui-tabs-nav li.ui-state-active a { cursor: default; color:#333; }
.ui-tabs .ui-tabs-panel { display:block; }
.ui-tabs .ui-tabs-hide { display:none; }


/* --------------------------
	CF 7
-------------------------- */
.wpcf7 form { position:relative; font-size:12px; }
.wpcf7 input,
.wpcf7 textarea { width:400px; border:0; padding:5px; background:#f6f2ee; margin:3px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.wpcf7-list-item input {width:80px !important;}
.wpcf7 textarea { height:60px; }
.wpcf7 input:focus,
.wpcf7 textarea:focus { background:#faf8f5; }
.wpcf7 input.checkbox { width:auto; }
.wpcf7 .wpcf7-submit { width:auto; border:0; padding:4px 10px; background:#f6f2ee; color:#333; cursor:pointer; }
.wpcf7 .wpcf7-submit:hover { background:#ff001a; color:#fff; }
.wpcf7-response-output { margin:10px 0; padding:10px !important; text-align:center; }
.wpcf7-mail-sent-ok { border: 1px solid #398f14; background:#ccebbc; }
.wpcf7-spam-blocked { border: 1px solid #ffa500; }
.wpcf7-display-none { display: none; }
.wpcf7-validation-errors { background:#b00; color:#fff; }
.wpcf7-form-control-wrap { position: relative; }
.wpcf7-not-valid-tip { -webkit-border-radius:0 15px 15px 15px; -moz-border-radius:0 15px 15px 15px; -webkit-border-radius:0 15px 15px 15px; border-radius:0 15px 15px 15px; position:absolute; top:8px; z-index:100; display:block; color:#fff; background:#d00; padding:5px 20px; border:none; right:10px; width:auto; }
.wpcf7-not-valid-tip-no-ajax { color: #f00; display: block; }
.ajax-loader { border: none; vertical-align: middle;  display:inline; margin:0 0 0 10px; }


/* ---------------------------
	Media
--------------------------- */
@media (max-width: 979px) {
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	#main {
		min-height: 300px;
	}
	
	div[class^="col"] {
		float: none;
	  	padding: 0;
		width: 100%;
	}
	
}
 
/* Landscape phones and down */
@media (max-width: 480px) {

	#main .inner {
		padding: 15px 10px;
	}
	
	#footer li {
		margin: 0;
	}
	
}