/*
	Theme Name: JMCR
	Theme URI: https://www.fijiresort.com/
	Description: A custom theme developed for JMCR
	Author: Acronym Design
	Author URI: http://acronymdesign.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;
	max-width:100%;
	}

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-weight:normal;
	}
	h1 {
		font-size:2.85em;
		margin:0 0 8px 0 !important;
		}
		.para h1 { font-size:1.34em; }
	h2 {
		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"],
input[type="date"],
textarea,
select {
	background-color:transparent;
	border:0;
	margin:0.1em 0 0 0;
	padding:0.6em 0.8em 0.6em 0;
	}
	
	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="tel"]:focus,
	input[type="number"]:focus,
	textarea:focus,
	select:focus {
		}


/* Common
-------------------------------------------------------------------------------*/
.black { color:#030404; }
.red { color:#d71921; }
.full-img img {
	height:auto;
	width:100%;
	}
.cursor-hand { cursor:pointer; }
.upper-spacing { letter-spacing:0.05em; }
.text-left { text-align:left; }
.bg-blue { background-color:#e5f4f5; }
.bg-cream { background-color:#edece8;}
.btn-discover, .btn-common { border:1px solid #71793c; color:#71793c; display:inline-block; padding:10px 20px; }
    .btn-discover { margin-top: 1rem; }
.btn-discover:hover, .btn-common:hover { background-color:#71793c; color:#fff; }



/* Body
-------------------------------------------------------------------------------*/
body {
	background-color:#fff;
	color:#71793c;
	font:15px "Belleza", Arial, sans-serif;
	height:100%;
	margin:0;
	}
	
body, select, input, textarea { color:#71793c; }

a {
	color:#71793c;
	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 {
		color:#71793c;
		transition:all 0.2s;
			-webkit-transition:all 0.2s;
			-moz-transition:all 0.2s;
			-ms-transition:all 0.2s;
			-o-transition:all 0.2s;
		}


/* Main
-------------------------------------------------------------------------------*/
	/* ----- Content ----- */
	.header { background-color:transparent; padding:1em 0; position:relative; z-index:10; }
		.col-left { padding-top:10px; }
			.col-left img { max-height:2em; width:auto; }
			.top-menu {
				border-top:0;
				background-color:rgba(241,238,229,1);
				max-width:1182px;
				position:absolute;
				left:11px;
				top:50px;
				z-index:10;
				width:100vw;
				}
				#menu-top-menu { list-style:none; margin:0; padding:0 0 1em 1em; }
					#menu-top-menu li { font-size:0.95em; margin:1.5em 0 0 0; letter-spacing:0.1em; text-transform:uppercase; }
						#menu-top-menu li a { color:#030404; }
				.top-menu-directions { margin:1em 0 1em 1em; }
				.top-menu-map { padding:25px 26px 0 0; }
					.top-menu-map img { float:right; max-height:300px; }
		.col-logo {}
			.col-logo img { margin:0 auto; max-width:14em; }
		.col-right { padding-top:10px; }
			.col-right img { max-height:2.2em; width:auto; }
	.header-fixed { background-color:#f1eee5; padding:1em 0; position:fixed; top:0; z-index:10; }
	.main-banner { margin-top:-82px; }
		
	/* ----- Content ----- */
	.content-block { line-height:1.25em; padding:6em 0; }
		.block-heading h3 { font-size:1em; letter-spacing:0.1em; text-transform:uppercase; }
			.promo-module .block-heading h3 { padding-top:2em; }
		.content-heading h2 { font-size:2em; margin-top:2em; }
		.image-btn { max-height:30px; width:auto; }
	.content-block-3column {}
		.content-block-3column .content-heading h2 { margin-top:initial; text-align:center; }
		.content-block-3column .col img { margin-bottom:1em; }
		.content-block-3column .content-block-3column-content .br-style br { content:" "; display:block; margin-bottom:0.55em; }
			.content-block-3column .content-block-3column-content .br-style br + em { display:block; margin-top:-0.55em; }
	.content-block-subscribe { color:#fff; }
		.content-block-subscribe .content-heading h2 { color:#fff; margin-top:1.5em; text-align:center; }
		.content-block-subscribe input[type="text"],
		.content-block-subscribe input[type="email"],
		.content-block-subscribe input[type="tel"],
		.content-block-subscribe input[type="number"],
		.content-block-subscribe input[type="date"],
		.content-block-subscribe textarea,
		.content-block-subscribe select {
			border-bottom:1px solid #fff;
			color:#fff;
			width:100%;
			}
		.content-block-subscribe input[type="submit"] { float:right; margin-top:-50px; }
		.content-block-subscribe #mc_embed_signup div.mce_inline_error { font-size:0.85em; margin:0.15em 0 1em 0; padding:2px 10px; text-align:left; }
		.content-block-subscribe .signup-btn p { float:right; width:115px; }
		.content-block-subscribe input[type="submit"] {
			background:url(images/Toko_Home_Sign_Up_Dark_BG.png) no-repeat center center;
			border:0;
			box-shadow:none;
			font-size:0px;
			height:39px;
			padding:0px;
			text-indent:-9999px;
			width:115px;
			}
	.content-block-inquiry { padding-bottom:3em; }
		.content-block-inquiry .content-heading h2 { margin-top:1.5em; text-align:center; }
		.content-block-inquiry input[type="text"],
		.content-block-inquiry input[type="email"],
		.content-block-inquiry input[type="tel"],
		.content-block-inquiry input[type="number"],
		.content-block-inquiry input[type="date"],
		.content-block-inquiry textarea,
		.content-block-inquiry select {
			border-bottom:1px solid #030404;
			width:100%;
			}
			.content-block-inquiry textarea { height:153px; }
		.content-block-inquiry .signup-btn p { float:right; width:95px; }
		.content-block-inquiry input[type="submit"] {
			background:url(images/Toko_FUNCTIONS_EVENTS_Send_White_BG.png) no-repeat center center;
			border:0;
			box-shadow:none;
			font-size:0px;
			height:35px;
			padding:0px;
			text-indent:-9999px;
			width:95px;
			}
    ul#main-tabs { border-bottom:0; display:inline-block; }
        ul#main-tabs li { border-bottom:0 solid transparent; display:inline; letter-spacing: 0.1em; margin:initial; padding:0 1rem; }
            ul#main-tabs li button { border:0 none; color:inherit; display:initial; letter-spacing: 0.1em; margin:initial; padding:initial; transition:none; }
                ul#main-tabs li button.active,
                ul#main-tabs li button.nav-link:focus,
                ul#main-tabs li button.nav-link:hover {
                    background:0 none;
                    border:0 none;
					letter-spacing:0.1em;
                    margin: initial;
                    padding: initial;
                    text-decoration:underline;
                    text-underline-offset:0.5em;
                    transition: none;
                    }



/* Footer
-------------------------------------------------------------------------------*/
#footer { font-size:0.75em; line-height:1.35em; padding-top:3em; }
	.footer-logo { max-height:9rem; width:auto; }
	.footer-social { height:3rem; width:auto; }
	#menu-footer-menu { list-style:none; margin:1em 0; }
		#menu-footer-menu li { font-size:1.25em; letter-spacing:0.1em; margin-left:initial; padding-bottom:2em; text-transform:uppercase; }
			#menu-footer-menu li a { color:#030404; }
	
	
#copyright { background-color:#f2f1ed; font-size:0.75em; padding:2em 0; }
	#copyright img { max-height:18px; width:auto; }

		
/* Plugin overrides
-------------------------------------------------------------------------------*/



/* Media queries
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
}

@media only screen and (max-width: 498px) {
	ul#main-tabs li { display:block; }
		ul#main-tabs li button { margin-bottom:2em; }
			ul#main-tabs li button.active,
			ul#main-tabs li button.nav-link:focus,
			ul#main-tabs li button.nav-link:hover {
				margin-bottom: 2em;
			}
}

@media only screen and (max-width: 767px) {
	.header .col-left { padding-top:initial; }
	.header .col-right { padding-top:5px; }
	.header .col-logo img { max-width:9em; }
	.promo-module .col-md-8 { height:350px; }
    .w-50, .w-75 { width:100% !important; }
    ul#main-tabs { border:0; }
		ul#main-tabs li { letter-spacing:initial; padding:0 0.5rem; }
}

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

@media only screen and (max-width: 800px) {
	.content-block { padding:5em 0; }
		.content-block .col-md-8 { padding-top:2em; }
}

@media only screen and (min-width: 800px) {
	.three_columns_single_content_module_content { margin:0 auto; max-width:80%; }
}
@media (min-width: 576px) {
	.top-menu { max-width: 486px; }
}
@media (min-width: 768px) {
	.top-menu { max-width: 648px; }
}
@media (min-width: 992px) {
	.top-menu { max-width: 837px; }
}
@media (min-width: 1000px) {
	.tab-container { width:60% !important; }
}
@media (min-width: 1200px) {
	.top-menu { max-width:1013px; }
}
@media (min-width: 1400px) {
	.top-menu { max-width:1182px; }
}