/*
	Theme Name: Koko
	Theme URI: http://www.yayoi.com.au/
	Description: A custom WordPress theme developed for KOKO Savusavu
	Author: h3o
	Author URI: http://h3o.com.au/
	Version: 1.0
*/


/* Reset
-------------------------------------------------------------------------------*/
html {
	box-sizing:border-box;
	font-family:sans-serif;
		-ms-text-size-adjust:100%;
		-webkit-text-size-adjust:100%;
	margin:0;
	}
	
*, *:before, *:after {
	box-sizing:inherit;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display:block;
	}
	
audio, canvas, progress, video {
	display:inline-block;
	vertical-align:baseline;
	}
	audio:not([controls]) {
		display:none;
		height:0;
		}
		
img {
	border:0;
	height:auto;
	}

a { background:transparent; }
	a:active, a:hover { outline:0; }
	a:link { -webkit-tap-highlight-color:#ddd; } /* j.mp/webkit-tap-highlight-color */

b, strong { font-weight:bold; }
dfn { font-style:italic; }
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; }

.chromeframe {position:absolute; top:0;}

/* Custom text-selection colors (remove any text shadows:http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
	background:#ddd;
	color:#fff;
	text-shadow:none;
	}
::selection {
	background:#ddd;
	color:#fff;
	text-shadow:none;
	}

ins {
	background-color:#ddd;
	color:#000;
	text-decoration:none;
	}
mark {
	background-color:#ddd;
	color:#000;
	font-style:italic;
	font-weight:bold;
	}
	
/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

button, input, optgroup, select, textarea {
	color:inherit;
	font:inherit;
	margin:0;
	}
	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;
		}



/* Headings
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	}
	h1 {
		font-size:1.85em;
		margin:0 0 8px 0 !important;
		}
		.para h1 { font-size:1.34em; }
	h2 {
		color:#000;
		font-weight:normal;
		}



/* Spacing
----------------------------------------------------------------------------------------------------*/

ol { list-style:decimal; }
ul { list-style:disc; margin-top:0; padding:0; }
li { margin-left:30px; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom:20px; }



/* Forms
----------------------------------------------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
	background-color:#eee;
	border:1px solid #ccc;
	margin:0.1em 0 0 0;
	padding:0.6em 0.8em;
	width:65%;
	}
	
	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	input[type="number"]:focus,
	textarea:focus,
	select:focus {
		background-color:#fefefe;
		border:1px solid #ccc;
		}
		
input[type="submit"] {
	background-color:#006DCC;
	border-radius:4px;
		-moz-border-radius:4px;
		-khtml-border-radius:4px;
		-webkit-border-radius:4px;
	border-image:none;
    border-style:solid;
    border-width:1px;
    background-image:linear-gradient(to bottom, #08c, #255B9E);
    background-repeat:repeat-x;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color:#fff;
    cursor:pointer;
    display:inline-block;
	margin:1em 0 0 0;
    padding:0.42em 0.8em;
    text-align:center;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align:middle;
	}
	input[type="submit"]:hover {
		background-image:linear-gradient(to bottom, #0078B3, #21538F);
		}


/* Common
-------------------------------------------------------------------------------*/
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	}
	
.black { color:#000; }
.red { color:#d71921; }

section {
	background-color:#fff;
	margin-bottom:-4px;
	padding-top:40px;
	text-align:center;
	}
	
.full-img img {
	height:auto;
	width:100%;
	}
	
.text {
	color:#000;
	margin:0 auto;
	max-width:720px;
	padding:0 10px 40px 10px;
	}
	.para {
		font-size:1.38em;
		line-height:1.3em;
		}
		.para a { border-bottom:1px solid #000; }
		.koko-flower, .koko-flower-2 { margin-top:10px; }
			.koko-flower img, .koko-flower-2 img { max-width:40px; }
	.content { min-height:100px; }
	.break {
		position:absolute;
		height:100px;
		}



/* Body
-------------------------------------------------------------------------------*/
body {
	background-color:#fff;
	color:#000;
	font:15px "Crimson Text", serif;
	height:100%;
	margin:0;
	}
	body.page-template-splash { background-color:#000; }
	
body, select, input, textarea { color:#000; }

a {
	color:#000;
	text-decoration:none;
	transition:all 0.2s;
		-webkit-transition:all 0.2s;
		-moz-transition:all 0.2s;
		-ms-transition:all 0.2s;
		-o-transition:all 0.2s;
	}
	a:hover {
		transition:all 0.2s;
			-webkit-transition:all 0.2s;
			-moz-transition:all 0.2s;
			-ms-transition:all 0.2s;
			-o-transition:all 0.2s;
		}


/* Index (Splash)
-------------------------------------------------------------------------------*/
.splash-left,
.splash-right {
	float:left;
	width:50%;
	}


/* Home Splash
-------------------------------------------------------------------------------*/
#splash {
	left:0;
	position:fixed;
	top:0;
	}
	#splash {
		height:100%;
		overflow:hidden;
		width:100%;
		z-index:1;
		}
		#splash img.fill-width { width:100%; }
		#splash img.fill-height { height:100%; }
	
	.icon-close {
		bottom:20px;
		cursor:pointer;
		right:20px;
		position:absolute;
		}


/* Main
-------------------------------------------------------------------------------*/
#wrapper {
	margin:0;
	padding:0;
	width:100%;
	}
	
	/* ----- Header ----- */
	#header {
		color:#fff;
		float:right;
		left:-50%;
		position:relative;
		top:10px;
		z-index:1000;
		}
		.header-inner {
			position:relative;
			left:50%;
			}
		.logo {
			float:left;
			height:100px;
			margin:30px 40px 0 20px;
			width:213px;
			}
		
		.nav-left, .nav-right { float:left; }
			
			.nav-left a,
			.nav-right a,
			.nav-left ul li.current-menu-parent ul.sub-menu li.menu-item a,
			.nav-right ul li.current-menu-parent ul.sub-menu li.menu-item a {
				color:#fff;
				text-transform:uppercase;
				}
				.nav-left a:hover, .nav-right a:hover { border-bottom:1px solid #fff; }
				
			.nav-left ul, .nav-right ul { margin:26px 35px 0 0; }
				.nav-left ul li,
				.nav-right ul li {
					display:inline;
					font:normal 0.95em "Montserrat", sans-serif;
					margin-left:35px;
					}
					.nav-left ul li:first-child, .nav-right ul li:first-child { margin-left:0; }
					.nav-left ul li.current-menu-item a,
					.nav-right ul li.current-menu-item a,
					.nav-left ul li.current-menu-parent a,
					.nav-right ul li.current-menu-parent a,
					.nav-left ul li.current-menu-parent ul.sub-menu li.current-menu-item a,
					.nav-right ul li.current-menu-parent ul.sub-menu li.current-menu-item a {
						color:#fff;
						}
						.nav-left ul li.current-menu-item a,
						.nav-right ul li.current-menu-item a {
							border-bottom:1px solid #fff;
							}
					
					.nav-left ul li, .nav-right ul li {}
						.nav-left ul li.menu-item-has-children, .nav-right ul li.menu-item-has-children { position:relative; }
							.nav-left ul li.menu-item-has-children ul.sub-menu,
							.nav-right ul li.menu-item-has-children ul.sub-menu {
								background-color:#fff;
								display:none;
								min-width:160px;
								padding-top:30px;
								position:absolute;
								right:-70px;
								top:-8px;
								}
								.nav-left ul li.menu-item-has-children:hover ul.sub-menu,
								.nav-right ul li.menu-item-has-children:hover ul.sub-menu {
									display:block;
									opacity:0.8;
										-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
										filter:alpha(opacity=80);
										-moz-opacity:0.8;
										-khtml-opacity:0.8;
									}
									.nav-left ul li.menu-item-has-children ul.sub-menu li,
									.nav-right ul li.menu-item-has-children ul.sub-menu li {
										display:block;
										margin:0;
										padding:0 12px 20px 35px;
										text-align:left;
										}
									.nav-right ul li.book a { background:url('images/booknow.png') no-repeat 0 0 / contain; display:inline-block; height:25px; text-indent:-9999px; width:63px }
										.nav-right ul li.book a:hover { border-bottom:none; }
		
		.dimmi {
			float:right;
			margin:13px 20px 0 0;
			position:relative;
			z-index:101;
			}
			
	/* ----- Banner ----- */
	#banner {
		height:100%;
		padding-top:0;
		position:relative;
		}
		.logo-large,
		.logo-large-inner {
			bottom:150px;
			left:3%;
			position:absolute;
			z-index:20;
			}
			.logo-large-inner { bottom:75px; }
		.next {
			bottom:20px;
			cursor:pointer;
			left:0;
			position:absolute;
			right:0;
			z-index:21;
			}
		.full-img-top img { margin-top:-130px; }
		#rev_slider_2_1 { overflow:initial !important; }
		
	/* ----- Content ----- */
	#general,
	#intro,
	#events,
	#map,
	#dish1, #dish2, #dish3, #dish4 {
		position:relative;
		}
		#featured,
		#events {
			background-color:#fff;
			}
			#featured { padding-top:4px; }
		#map { padding-top:0; }
			#map img { width:100%; }
		
	a.page {
		display:block;
		margin-top:38px;
		text-decoration:underline;
		}
		a.page-left,
		a.page-right {
			display:inline-block;
			}
		a.page-left {}
		a.page-right { margin-left:20px; }
	
	.social-media { margin-top:30px; }
		.social-media a { color:#000; }
		.social-media-col {
			display: inline-block;
			margin:0 20px;
			}
			.social-media-text,
			.social-media-img {
				float:left;
				}
				.social-media-text {
					margin:0 20px 0 0;
					}
				.social-media-fb .social-media-text { margin-top:5px; }
				.social-media-insta .social-media-text { margin-top:9px; }
				.social-media-mail .social-media-text { margin-top:5px; }
	
	.menu-options {}
		.menu-col {
			float:left;
			font-size:0;
			width:25%;
			}
			.menu-col img { width:100%; }
			
	.featured {
		border-bottom:1px solid #000;
		border-top:1px solid #000;
		margin:0 auto 30px auto;
		padding:0;
		width:80%;
		}



/* Footer
-------------------------------------------------------------------------------*/
#footer {
	background-color:#fff;
	color:#000;
	text-align:center;
	}
	
	#footer a { color:#ccc; }
		#footer a:hover { color:#666; }
	
	.footer-content {
		margin:0 auto;
		max-width:790px;
		padding:0 10px 15px 10px;
		}
	
	.footer-message {
		color:#000;
		font-size:1.38em;
		}
		.footer-message ul {}
			.footer-message ul li {
				border-left:1px solid #000;
				display:inline;
				margin:0 5px;
				padding-left:10px;
				}
				.footer-message ul li:first-child {
					border-left:0 none;
					margin-left:0;
					padding-left:0;
					}
	
	.footer-social {
		}
		.footer-social-icon {
			display:inline-block;
			margin:0 12px;
			}
			.footer-social-icon:first-child { margin-left:0; }
	
	.footer-reviews h3 { margin-top:4em; }
	
	.footer-copyright {
		color:#ccc;
		font-family: 'Montserrat', sans-serif;
		font-size:0.9em;
		padding-bottom:30px;
		}

		
/* Plugin overrides
-------------------------------------------------------------------------------*/
.owl-carousel .owl-wrapper-outer {	
	margin:0 auto;
	width:100%;
	}
	.owl-carousel .owl-wrapper-outer .owl-item {
		position:relative;
		z-index:2;
		}
	
.wls-carousel .owl-controls {
	position:relative;
	}
	.wls-carousel .owl-controls .owl-buttons .owl-prev,
	.wls-carousel .owl-controls .owl-buttons .owl-next {
		background:url("images/arrow-left.png") no-repeat scroll center center rgba(0, 0, 0, 0);
		height:36px;
		top:-86px;
		position:absolute;
		width:20px;
		z-index:1;
		}
		.wls-carousel .owl-controls .owl-buttons .owl-prev {
			background:url("images/arrow-left.png") no-repeat scroll center center rgba(0, 0, 0, 0);
			left:-10px;
			}
		.wls-carousel .owl-controls .owl-buttons .owl-next {
			background:url("images/arrow-right.png") no-repeat scroll center center rgba(0, 0, 0, 0);
			right:-10px;
			}

			
/* #responsive-menu {
	background:transparent !important;
	box-shadow:none !important;
	opacity:0.9;
		filter:alpha(opacity=90);
		-khtml-opacity:0.9;
		-moz-opacity:0.9;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	z-index:100;
	}
	#responsive-menu .menu-top-navigation-menu-container {
		background-color:#000;
		margin-top:57px;
		padding-top:0;
		}
	#responsive-menu #rm-additional-content { display:none; }
	#responsive-menu .responsive-menu {}
		#responsive-menu .responsive-menu li { font:1.3em "Trajan W01 Regular", sans-serif; }
			#responsive-menu .responsive-menu li a { padding:20px 5% 20px 0; } */
			
.responsive-menu-box { height:30px !important; }
#responsive-menu-container { opacity:0.95; }
#responsive-menu { margin-top:45px !important; }

	
.event_description .bordb,
#evcal_list .bordb,
.eventon_events_list .eventon_list_event .event_description,
.bordr, #evcal_list {
	border-color:#ccc !important;
	}
.eventon_events_list .eventon_list_event .evcal_eventcard,
.evcal_evdata_row,
.evorow .tbrow,
.dark1 {
	background-color:#ebebeb !important;
	}


/* Media queries
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
	#click-menu {
		right:15px !important;
		top:10px;
		}
	#responsive-menu .responsive-menu { margin-top:16%; }
	.logo img { width:80%; }
	.logo-large {
		bottom:20%;
		left:-35%;
		}
		.logo-large img { width:39%; }
	.dimmi { margin-right:0; }
		.dimmi img { width:80%; }
	.h1 { font-size:1.6em; }
	.para { font-size:1.2em; }
	.social-media-col { margin:0 10px 0 0; }
		.social-media-text {
			font-size:0.6em;
			margin-right:5px;
			}
		.social-media-img img { width:70%; }
}

@media only screen and (max-width: 640px) {
	h1 { font-size:1.5em; }
	h2 { font-size:90%; }
}

@media only screen and (max-width: 767px) {
	.nav { display:none; }
	.menu-col {
		float:none;
		width:100%;
		}
	#click-menu { right:15px; }
	.footer-message ul li {
		display:list-item;
		list-style:none;
		border:0 none;
		}
}

@media only screen and (max-width: 768px) {
	.splash-left,
	.splash-right {
		float:none;
		width:100%;
		}
}

@media only screen and (max-width: 800px) {
	.logo-large, .logo-large-inner { left:auto; text-align:center; width:100%; }
		.logo-large img, .logo-large-inner img { width:60%; }
}