/*

Theme Name: Can Tho

Theme URI: http://canthokitchen.com.au/

Author: Italics Bold

Author URI: http://italicsbold.com.au/

Description: Theme for Can Tho Kitchen BAr

Version: 1.0.0

Text Domain: http://canthokitchen.com.au/

Tags:



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/







 



/*--------------------------------------------------------------

Font

--------------------------------------------------------------*/

@font-face {

	font-family: 'Oswald', sans-serif;

	src: url('fonts/ostrich-black-webfont.eot');

	src: url('fonts/ostrich-black-webfont.eot?#iefix') format('embedded-opentype'),

	     url('fonts/ostrich-black-webfont.woff2') format('woff2'),

	     url('fonts/ostrich-black-webfont.woff') format('woff'),

	     url('fonts/ostrich-black-webfont.ttf') format('truetype'),

	     url('fonts/ostrich-black-webfont.svg#ostrich_sansblack') format('svg');

	font-weight: normal;

	font-style: normal;

}











/*--------------------------------------------------------------

Normalize

--------------------------------------------------------------*/

html {

	font-family: sans-serif;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust:     100%;

}



body {

	margin: 0;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

	display: block;

}



audio,

canvas,

progress,

video {

	display: inline-block;

	vertical-align: baseline;

}



audio:not([controls]) {

	display: none;

	height: 0;

}



[hidden],

template {

	display: none;

}



a {

	background-color: transparent;

}



a:active,

a:hover {

	outline: 0;

}



abbr[title] {

	border-bottom: 1px dotted;

}



b,

strong {

	font-weight: bold;

}



dfn {

	font-style: italic;

}



h1 {

	font-size: 2em;

	margin: 0.67em 0;

}



mark {

	background: #ff0;

	color: #000;

}



small {

	font-size: 80%;

}



sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sup {

	top: -0.5em;

}



sub {

	bottom: -0.25em;

}



img {

	border: 0;

}



svg:not(:root) {

	overflow: hidden;

}



figure {

	margin: 1em 40px;

}



hr {

	box-sizing: content-box;

	height: 0;

}



pre {

	overflow: auto;

}



code,

kbd,

pre,

samp {

	font-family: monospace, monospace;

	font-size: 1em;

}



button,

input,

optgroup,

select,

textarea {

	color: inherit;

	font: inherit;

	margin: 0;

}



button {

	overflow: visible;

}



button,

select {

	text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

	-webkit-appearance: button;

	cursor: pointer;

}



button[disabled],

html input[disabled] {

	cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

	border: 0;

	padding: 0;

}



input {

	line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

	box-sizing: border-box;

	padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

	height: auto;

}



input[type="search"] {

	-webkit-appearance: textfield;

	box-sizing: content-box;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}



fieldset {

	border: 1px solid #c0c0c0;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.75em;

}



legend {

	border: 0;

	padding: 0;

}



textarea {

	overflow: auto;

}



optgroup {

	font-weight: bold;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



td,

th {

	padding: 0;

}











/*--------------------------------------------------------------

Typography

--------------------------------------------------------------*/

body,

button,

input,

select,

textarea {

	font-family: 'Special Elite', cursive;

	color: #777;

	font-size: 16px;

	line-height: 1.5;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Oswald', sans-serif;

	text-transform: uppercase;

	line-height: 1;

}



p {

	margin: 0 0 20px 0;

}



dfn,

cite,

em,

i {

	font-style: italic;

}



blockquote {

	margin: 0 1.5em;

}



address {

	margin: 0 0 20px;

}



pre {

	background: #eee;

	font-family: "Courier 10 Pitch", Courier, monospace;

	font-size: 15px;

	font-size: 0.9375rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}



code,

kbd,

tt,

var {

	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

	font-size: 15px;

	font-size: 0.9375rem;

}



abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}



mark,

ins {

	background: #fff9c0;

	text-decoration: none;

}



big {

	font-size: 125%;

}











/*--------------------------------------------------------------

Elements

--------------------------------------------------------------*/

html {

	box-sizing: border-box;

}



body {

	background: #fff; /* Fallback for when there is no custom background color defined. */

}



html, body {

	width: 100%;

	height: 100%;

}



*,

*:before,

*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

	box-sizing: inherit;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

	content: "";

}



blockquote,

q {

	quotes: "" "";

}



hr {

	background-color: #ba8029;

	border: 0;

	height: 2px;

	margin: 40px 0;

}



ul,

ol {

	margin: 0 0 20px 20px;

}



ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 20px;

}



dt {

	font-weight: bold;

}



dd {

	margin: 0 20px 20px;

}



img {

	height: auto; /* Make sure images are scaled correctly. */

	max-width: 100%; /* Adhere to container width. */

}



table {

	margin: 0 0 20px;

	width: 100%;

}



embed,

iframe,

object {

	max-width: 100%;

}











/*--------------------------------------------------------------

Forms

--------------------------------------------------------------*/

.button,

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	font-family: 'Oswald', sans-serif;

	display: inline-block;

	outline: none;

	border: 2px solid #000;

	background: none;

	color: #fff;

	padding: 15px 40px 10px;

	font-size: 26px;

	text-transform: uppercase;

	color: #000;

}



.button:hover,

button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

	background: #000;

	color: #fff;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

	display: block;

	outline: none;

	background: #9E9189;

	padding: 15px 15px 10px 15px;

	border: none;

	color: #fff;

	width: 100%;

	margin-bottom: 20px;

}



::-webkit-input-placeholder { color: #fff; }

:-moz-placeholder { color: #fff; opacity: 1; }

::-moz-placeholder { color: #fff; opacity: 1; }

:-ms-input-placeholder { color: #fff; }



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

	border: none;

}



textarea {

	width: 100%;

	height: 73px;

}











/*--------------------------------------------------------------

Links

--------------------------------------------------------------*/

a {

	color: #000;

	text-decoration: none;

}



a:hover,

a:focus,

a:active {

	color: #217580;

}











/*--------------------------------------------------------------

Transitions

--------------------------------------------------------------*/

a, .transition, input, textarea, button {

	-webkit-transition: all 300ms ease-in-out;

	   -moz-transition: all 300ms ease-in-out;

	    -ms-transition: all 300ms ease-in-out;

	     -o-transition: all 300ms ease-in-out;

		transition: all 300ms ease-in-out;

}











/*--------------------------------------------------------------

Clearings

--------------------------------------------------------------*/

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

	content: " ";

	display: table;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

	clear: both;

}



.clear,

.entry-content,

.comment-content,

.site-header,

.site-content,

.site-footer {

	zoom: 1;

}











/*--------------------------------------------------------------

Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

	display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

	display: block;

}











/*--------------------------------------------------------------

Post Navigation

--------------------------------------------------------------*/

.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

	margin: 0 0 1.5em;

	overflow: hidden;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

	float: left;

	width: 50%;

}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}











/*--------------------------------------------------------------

Column Classes

--------------------------------------------------------------*/

.five-sixths,

.four-sixths,

.four-fifths,

.one-fifth,

.one-fourth,

.one-half,

.one-sixth,

.one-third,

.three-fourths,

.three-fifths,

.three-sixths,

.two-fourths,

.two-fifths,

.two-sixths,

.two-thirds {

	float: left;

	margin-left: 2%;

}

 

.one-half,

.three-sixths,

.two-fourths {

	width: 49%;

}

 

.one-third,

.two-sixths {

	width: 32%;

}

 

.four-sixths,

.two-thirds {

	width: 66%;

}

 

.one-fourth {

	width: 23.5%;

}

 

.three-fourths {

	width: 74.5%;

}

 

.one-fifth {

	width: 18.4%;

}

 

.two-fifths {

	width: 38.8%;

}

 

.three-fifths {

	width: 59.2%;

}

 

.four-fifths {

	width: 79.6%;

}

 

.one-sixth {

	width: 15%;

}

 

.five-sixths {

	width: 83%;

}

 

.first {

	clear: both;

	margin-left: 0;

}

	

	

















/*--------------------------------------------------------------

Site

--------------------------------------------------------------*/

section {

	position: relative;

	overflow: hidden;

}



.container {

	max-width: 1240px;

	padding: 0 20px;

	margin: 0 auto;

}



.background {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: -1;

	background-repeat: repeat-y;

	background-position: center center;

	background-attachment: fixed;

	-webkit-background-size: cover;

	   -moz-background-size: cover;

	     -o-background-size: cover;

	        background-size: cover;

}



.parallax {

	position: absolute;

	left: 50%;

	top: 50%;

	-webkit-perspective: 1000;

	-webkit-backface-visibility: hidden;

	-webkit-transform: translate(-50%, -50%);

	   -moz-transform: translate(-50%, -50%);

	    -ms-transform: translate(-50%, -50%);

	        transform: translate(-50%, -50%);

}



.inline {

	display: inline

}



.table {

	display: table;

}



.table-row {

	display: table-row;

}



.table-cell {

	vertical-align: top;

	display: table-cell;

}



.middle {

	vertical-align: middle;

}



.ta-right {

	text-align: right;

}



























/*--------------------------------------------------------------

Header

--------------------------------------------------------------*/

.site-home {

	position: relative;

	height: 100%;

	width: 100%;

	overflow: hidden;

	text-align: center;

	font-size: 22px;

	color: #fff;

}



.site-home .middot {

	font-size: 30px;

}



.site-home .header-info {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	text-align: center;

	padding: 20px;

}



.site-home .header-links {

	position: absolute;

	bottom: 80px;

	left: 0;

	width: 100%;

	text-align: center;

	padding: 20px;

}



.site-home .header-info span,

.site-home .header-links span {

	vertical-align: middle;

	display: inline-block;

	line-height: 1;

}



.site-home .header-info a,

.site-home .header-links a {

	color: #fff;

}



.site-home .opening-hours {

	position: absolute;

	top: 0;

	right: 50px;

	z-index: 1;

}



.site-home .logo {

	  max-width: 40%;

}



.site-home .red-stamp {

	position: absolute;

	width: 30%;

	left: 95%;

	margin: 0;

}



.site-home .red-stamp img {

	width: 100%;

	opacity: 0.5;

}



.arrow {

  bottom: 20px;

  position: absolute;

  text-align: center;

  width: 100%;

}





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



	.site-home .header-info {

		text-align: left;

	}

	

	.site-home .opening-hours {

		width: 130px;

		right: 20px;

	}

	

}



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



	.site-home {

		font-size: 16px;

	}

	

	.site-home .header-info span,

	.site-home .header-links span {

		display: block;

		padding: 3px 0;

	}

	

	.site-home .header-info span.middot,

	.site-home .header-links span.middot {

		display: none;

	}

	

}



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



	.site-home .opening-hours {

		width: 100px;

	}

	

	.site-home .header-info span,

	.site-home .header-links span {

		display: block;

		padding: 0;

	}

	

	.arrow img { width:50px}

	

	.site-home .header-links {

	bottom: 50px;

}

	

}









/*--------------------------------------------------------------

Navigation

--------------------------------------------------------------*/

.main-navigation {

	position: absolute;

	left: 0;

	width: 100%;

	background: #400000;

	z-index: 100;

	padding: 0 30px;

}



.main-navigation.stickied {

	position: fixed;

	top: 0;

}



.main-navigation .menu-container {

	float: left;

}



.main-navigation ul {

	margin: 0;

	padding: 0;

}



.main-navigation li {

	display: inline-block;

}



.main-navigation a {

	font-family: 'Oswald', sans-serif;

	color: #fff;

	font-size: 26px;

	display: block;

	padding: 25px 20px 20px 20px;

	text-transform: uppercase;

	line-height: 1;

}



.main-navigation .menu-toggle {

	display: none;

}



.main-navigation .social-icons {

	float: right;

}



.main-navigation .social-icons a {

	color: #FF4A42;

	padding: 22px 20px 22px 5px;

}



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

	

	.main-navigation {

		text-align: center;

		padding: 0;

	}

	

	.main-navigation .menu-container {

		float: none;

	}

	

	.main-navigation ul {

		display: none;

	}

	

	.main-navigation .menu-container li {

		display: block;

	}

	

	.main-navigation .menu-container li a {

		font-size: 20px;

		padding: 10px;

	}

	

	.main-navigation .menu-toggle {

		display: block;

		padding: 10px;

	}

	

	.main-navigation .social-icons {

		float: none;

	}

	

	.main-navigation .social-icons a {

		padding: 10px;

	}



}













/*--------------------------------------------------------------

About

--------------------------------------------------------------*/

.site-about {

	margin-top: 71px;

}



.site-about .yellow-tara {

	position: absolute;

	width: 470px;

	left: 43%;

	margin: 0;

	z-index: 5;

}



.site-about .yellow-tara img {

	width: 100%;

	opacity: 0.8;

}



.site-about h1 {

	display: inline;

	color: #777;

	font-size: 28px;

	margin: 0;

}



.site-about .left {

	padding: 50px;

	position: relative;

	z-index: 10;

}



.site-about .right {
    width: 50%;
    position: relative;
    overflow: hidden;
    height: 100%;
}


.flexslider-position {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    /* right: 0 !important; */
    left: 0 !important;
}


.flexslider-container {

	width: 100%;

	/*position: relative;*/

	

}

.flexslider {
    zoom: 1;
    width: 100%;
    height: 100%;
    position: absolute !important;
}





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



	.site-about .table,

	.site-about .table-row,

	.site-about .table-cell {

		display: block;

	}

	

	.site-about .left,

	.site-about .right {

		width: 100%;
		min-height: 300px;

	}



	.site-about .yellow-tara {

		width: 300px;

		left: 80%;

	}

	

	.flexslider-position {

		position: absolute !important;

		width: 100% !important;

		height: 100% !important;

	}

	

	.flexslider-container {
    width: 100%;
    position: relative;
    
    height: 100%;
}

	

	.flexslider {

		position: relative;

	}

	

}



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



	.site-about {

		margin-top: 47px;

	}

	

	.site-about .yellow-tara {

		width: 200px;

	}

	

	.site-about .left {

		padding: 20px;

	}

	

}











/*--------------------------------------------------------------

Menu

--------------------------------------------------------------*/

.site-menu {

	text-align: center;

	overflow: visible;

}



.site-menu .flag {

	position: absolute;

	left: 50px;

	top: -20px;

	z-index: 5;

}



.site-menu-inner {

	padding: 50px 20px;

}



.site-menu h1 {

	font-size: 50px;

	color: #000;

	margin: 0 0 40px 0;

}



.site-menu .quote {

	color: #fff;

	max-width: 700px;

	margin: 0 auto 30px;

	padding: 30px 50px;

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	   -moz-background-size: cover;

	     -o-background-size: cover;

	        background-size: cover;

}



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



	.site-menu .quote {

		max-width: 500px;

		padding: 20px;

	}



}



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



	.site-menu .flag {

		display: none;

	}

	

}













/*--------------------------------------------------------------

Reservations

--------------------------------------------------------------*/

.site-reservations {

	

}



.site-reservations .left {

	float: left;

	width: 40%;

	padding: 50px;

	color: #544746;

}



.site-reservations h1 {

	color: #000;

	font-size: 50px;

	margin: 0 0 40px 0;

}



.site-reservations .bottle {

	float: left;

	margin-right: 30px;

}



.site-reservations .right {

	float: left;

	width: 60%;

	padding: 50px;

	color: #837166;

}



.site-reservations .reservation-warning {

	color: #FF4639;

	text-align: center;

	margin: 20px 0;

	font-size: 18px;

}



.ajax-loader {

	display: none;

}



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



	.site-reservations .right label {

		display: none;

	}



	textarea {

		height: 49px;

	}

	

}



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



	.site-reservations .left {

		width: 100%;

		float: none;

		padding: 20px 20px 0 20px;

	}



	.site-reservations .bottle {

		max-width: 40px;

		margin: 0 20px 20px 0;

	}



	.site-reservations .right {

		width: 100%;

		float: none;

		padding: 20px;

	}

	

	.site-reservations .reservation-warning {

		margin-top: 0;

	}

	

	.site-reservations .right label {

		display: block;

	}



	textarea {

		height: 73px;

	}



}



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



	.wpcf7 .clear > .one-half {

		width: 100%;

		float: none;

		margin: 0;

	}

	

}



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



	.wpcf7 .one-half {

		width: 100%;

		float: none;

		margin: 0;

	}	

	

}





/*--------------------------------------------------------------

Bar--------------------------------------------------------------*/





#bar .button, .white-button {

  border-color: #fff;

  color: #fff;

  margin-top: 40px;

}



#bar .button:hover { border-color:#000}



img.bar-image {

  margin-right: 3.33%;

  width: 30%;

}



h1.white { color:#fff}



.bar-img-container { max-width: 1000px; margin:0 auto}





/*--------------------------------------------------------------

Instagram

--------------------------------------------------------------*/



.site-instagram {

	overflow: visible;

}



.site-instagram .flag {

	position: absolute;

	left: 50px;

	top: -20px;
	
	z-index:100;
	
	

}

#sb_instagram #sbi_load { padding:0 !important}



.site-instagram .flag a {

	display: block;

}



.site-instagram .flag i {

	position: absolute;

	top: 120px;

	left: 57px;

	color: #fff;

	font-size: 42px;

}



.site-instagram .flag a:hover i {

	color: #F3E56B

}



.site-instagram .item {

	float: left;

	width: 25%;

}



.site-instagram .item a,

.site-instagram .item img {

	display: block;

	width: 100%;

	-webkit-transition: all 300ms ease-in-out;

	   -moz-transition: all 300ms ease-in-out;

	    -ms-transition: all 300ms ease-in-out;

	     -o-transition: all 300ms ease-in-out;

		transition: all 300ms ease-in-out;	

}



.site-instagram .item a:hover img {

	opacity: 0.8;

}



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



	.site-instagram .flag {

		width: 100px;

	}

	

	.site-instagram .flag i {

		top: 80px;

		left: 37px;

		font-size: 30px;

	}



}





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



	.site-instagram .item {

		width: 50%;

	}



}



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



	.site-instagram .flag {

		width: 80px;

		left: 20px;

	}

	

	.site-instagram .flag i {

		top: 60px;

		left: 30px;

		font-size: 24px;

	}



}



















/*--------------------------------------------------------------

Footer

--------------------------------------------------------------*/

.footer {

	background: #FF4A42;

	padding: 50px;

	color: #000;

}



.footer .left {

	float: left;

	font-size: 18px;

}



.footer .right {

	float: right;

	text-align: left;

}



.footer-title {

	font-size: 24px;

	text-transform: uppercase;

	font-family: 'Oswald', sans-serif;

	margin-bottom: 10px;

}



.footer input[type="email"] {

	background: #fff;

	color: #000;

	display: inline-block !important;

	width: auto !important;

	vertical-align: middle;

	margin: 0;

}



.footer ::-webkit-input-placeholder { color: #000; }

.footer :-moz-placeholder { color: #000; opacity: 1; }

.footer ::-moz-placeholder { color: #000; opacity: 1; }

.footer :-ms-input-placeholder { color: #000; }



.footer input[type="submit"] {

	vertical-align: middle;

	padding: 5px 20px 1px;

	margin-left: 20px;

}



.site-info {

	background: #000;

	color: #fff;

	padding: 25px 50px 20px;

	font-size: 14px;

}



.site-info .left {

	float: left;

}



.site-info .right {

	float: right;

	text-align: right;

}



.site-info a {

	color: #F3E56B;

}



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



	.footer .left {

		float: none;

		word-break: break-all

	}

	

	.footer .right {

		margin-top: 20px;

		float: none;

	}

	

}



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



	.footer {

		padding: 20px;

	}

	

	.footer input[type="email"] {

		display: block !important;

		width: 100% !important;

		margin-bottom: 10px;

	}



	.footer input[type="submit"] {

		display: block !important;

		width: 100% !important;

		margin-left: 0;

	}	

	

	.site-info .left {

		float: none;

	}



	.site-info .right {

		float: none;

		text-align: left;

		margin-top: 20px;

	}



}





















/*--------------------------------------------------------------

jQuery FlexSlider v2.4.0

--------------------------------------------------------------*/

.flex-container a:hover,

.flex-slider a:hover,

.flex-container a:focus,

.flex-slider a:focus {

	outline: none;

}

.slides,

.slides > li,

.flex-control-nav,

.flex-direction-nav {

	margin: 0;

	padding: 0;

	list-style: none;

}

.flex-pauseplay span {

	text-transform: capitalize;

}

.flexslider {

	margin: 0;

	padding: 0;

}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.flexslider .slides img {

	width: 100%;

	display: block;

}

.flexslider .slides:after {

	content: "\0020";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

html[xmlns] .flexslider .slides {

	display: block;

}

* html .flexslider .slides {

	height: 1%;

}

.no-js .flexslider .slides > li:first-child {

	display: block;

}

.flexslider {

	zoom: 1;

}

.flexslider .slides {
    zoom: 1;
    width: 100%;
    height: 100%;
}

.flexslider .slides img {

	height: auto;

}

.flex-viewport {

	max-height: 2000px;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-ms-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.loading .flex-viewport {

	max-height: 300px;

}

.carousel li {

	margin-right: 5px;

}

.flex-pauseplay a {

	display: block;

	width: 20px;

	height: 20px;

	position: absolute;

	bottom: 5px;

	left: 10px;

	opacity: 0.8;

	z-index: 10;

	overflow: hidden;

	cursor: pointer;

	color: #000;

}

.flex-pauseplay a:before {

	font-family: "flexslider-icon";

	font-size: 20px;

	display: inline-block;

	content: '\f004';

}

.flex-pauseplay a:hover {

	opacity: 1;

}

.flex-pauseplay a .flex-play:before {

	content: '\f003';

}

.flex-control-nav {

	width: 100%;

	position: absolute;

	bottom: 20%;

	text-align: center;

	z-index: 10;

}

.flex-control-nav li {

	margin: 0 6px;

	display: inline-block;

	zoom: 1;

	*display: inline;

}

.flex-control-paging li a {

	width: 16px;

	height: 16px;

	display: block;

	background: #fff;

	cursor: pointer;

	text-indent: -9999px;

	-webkit-border-radius: 16px;

	-moz-border-radius: 16px;

	border-radius: 16px;

}

.flex-control-paging li a:hover {

	background: #F3E56B;

}

.flex-control-paging li a.flex-active {

	background: #F3E56B;

	cursor: default;

}

.flex-control-thumbs {

	margin: 5px 0 0;

	position: static;

	overflow: hidden;

}

.flex-control-thumbs li {

	width: 25%;

	float: left;

	margin: 0;

}

.flex-control-thumbs img {

	width: 100%;

	height: auto;

	display: block;

	opacity: .7;

	cursor: pointer;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-ms-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.flex-control-thumbs img:hover {

	opacity: 1;

}

.flex-control-thumbs .flex-active {

	opacity: 1;

	cursor: default;

}



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

	

	.flex-control-nav {

		bottom: 5%;

	}

	

}



span.intro { 	font-family: 'Oswald', sans-serif;

	text-transform: uppercase;

	line-height: 1;

	font-size:24px}

	

	

	

	

	

	

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

.background { background-attachment:scroll}



.site-info {padding: 25px;}



.footer .left {

  font-size: 15px;

  line-height: 30px;

}



.site-home .header-links span { margin-bottom:10px}



}	

	

	

	body.error404 .menu-menu-container, body.error404 .header-links { display:none }

















.todays-date-popup {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: rgba(0,0,0,0.8);

z-index: 100;

text-align: center;

display: none;

}



.todays-date-popup-inner {

position: relative;

top: 50%;

-webkit-transform: translateY(-50%);

-ms-transform: translateY(-50%);

transform: translateY(-50%);

background: #000;

max-width: 500px;

padding: 30px 60px;

display: inline-block;

line-height: 1.2;

font-family: 'Oswald', sans-serif;

text-transform: uppercase;

}



.todays-date-popup-close {

    color: #ccc;

    position: absolute;

    top: 0;

    right: 0;

    font-size: 24px;

    padding: 10px;

    line-height: 1;

}



.todays-date-popup-title-one {

font-size: 34px;

color: #fff;

margin-bottom: 30px;

}



.todays-date-popup-title-two {

color: #F3E56B;

font-size: 20px;

max-width: 300px;

margin: 0 auto 10px;

}



.todays-date-popup-title-three {

margin-bottom: 30px;

}



.todays-date-popup-title-three a {

color: #F3E56B;

font-size: 30px;

}



.todays-date-popup-title-four {

color: #ccc;

font-size: 20px;

max-width: 330px;

margin: 0 auto 10px;

}







.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {

	border: 1px solid #666;

    background: #555 url(images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x;

    font-weight: bold;

    color: #eee;

}


.tandc { color:#000000}

.whats-on { min-height:600px; background-position:center center}

.whats-on .site-menu-inner {
    position: absolute;
    width: 100%;
    top: 50%;
	-webkit-transform: translateY(-50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
      -ms-transform: translateY(-50%); /* IE 9 */
          transform: translateY(-50%); /* IE 10, Fx 16+, Op 12.1+ */
}

.whats-on, .whats-on h1  { color:#fff}

.site-vouchers {
text-align:center;
padding:60px;
background-image: url(https://www.canthokitchen.com.au/wp-content/uploads/2015/03/Top.jpg);
background-attachment: fixed;

}

.site-vouchers h1 {
font-size: 50px;
}

.site-vouchers h1,
.site-vouchers h2,
.site-vouchers .button {
color:#fff;

}

.site-vouchers .button {
border-color:#fff;}