/*
	Theme Name: Fiji Pearl Oyster
	Theme URI: http://www.fijipearloyster.com/
	Description: A custom WordPress theme developed for Fiji Pearl Oyster
	Author: Acronym Digital
	Author URI: https://acronymdigital.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: "Belleza", sans-serif;
	font-weight:400;
	font-style:normal;
	}
	h1 {
		font-size:1.85em;
		margin:0 0 8px 0 !important;
		}
		.para h1 { font-size:1.34em; }
	h2 {
		font-weight:normal;
		font-size:2.75em;
		}



/* 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);
		}



/* Body
-------------------------------------------------------------------------------*/
body {
	background-color:#e5eced;
	font-family:"Belleza", sans-serif;
	font-optical-sizing:auto;
	font-size:1em;
	font-weight:400;
	font-style:normal;
	height:100%;
	margin:0;
	}
	
select, input, textarea { color:#000; }

a {
	color:#817650;
	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 {
		border-bottom:1px solid #817650;
		color:#817650;
		transition:all 0.2s;
			-webkit-transition:all 0.2s;
			-moz-transition:all 0.2s;
			-ms-transition:all 0.2s;
			-o-transition:all 0.2s;
		}

#wrapper {
	margin:0;
	padding:0;
	width:100%;
	}


/* Common
-------------------------------------------------------------------------------*/
.clearfix {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	}

section {
	margin:0 auto 30px auto;
	max-width:1468px;
	min-height:500px;
	padding:0 40px;
	position:relative;
	}
	section.no-min-height { min-height:unset; }
	
p {
	font-size:1.25em;
	line-height:1.25em;
	}

.spacer { margin-top:160px; }

.button,
.button-transparent,
.button-transparent:hover {
	background-color:#e5eced;
	border:1px solid #817650;
	border-radius:0.5em;
	cursor:pointer;
	display:inline-block;
	padding:0.2em 1.2em 0.3em;
	width:115px;
	}
	.button-transparent, .button:hover { 
		background-color:transparent;
		border-color:#fff;
		color:#fff;
		}
	.col .button:hover {
		background-color:#817650;
		border-color:#817650;
		color:#e5eced;
		}
		
a.image-link:hover { border-bottom:0 none; }

.logo-container .col {
	margin-bottom:1.25em;
	margin-top:1.25em;
	}
	.logo-container .col img { width:100%; }
	
.text-center { text-align:center; }

blockquote {
	font-size:1.45em;
	quotes: "“" "”" "‘" "’";
	}
	blockquote p:before { content:open-quote; }
	blockquote p:after { content:close-quote; }



/* Header
-------------------------------------------------------------------------------*/
#header {
	background-color:#e5eced;
	margin:0 auto;
	max-width:1468px;
	padding:30px 40px 20px;
	position:fixed; left:0; right:0; top:0;
	width:100%;
	z-index:1000;
	}
	.header-nav-mobile, .header-nav-mobile-footer { display:none; }
	.header-nav {
		padding-top:1em;
		width:100%;
		}
		.header-nav ul, .header-nav-mobile ul {
			margin-bottom:0;
			text-align:center;
			}
			.header-nav li, .header-nav-mobile li {
				font-weight:bold;
				list-style:none;
				margin:0;
				text-transform:capitalize;
				}
				.header-nav li {
					display:inline-block;
					font-size:0.95em;
					margin:0 1em;
					}
				.header-nav a, .header-nav-mobile a { color:#817650; }
					.header-nav a:hover,
					.header-nav-mobile a:hover,
					.header-nav li.current-menu-item {
						border-bottom:1px solid #817650;
						color:#817650;
						}
	.header-logo {
		text-align:center;
		width:100%;
		}
		.scrolled { width:150px; }

		
/* Layout: Video Module
-------------------------------------------------------------------------------*/
section .video { 
	position:relative; 
	padding-bottom:56.25%;
	overflow:hidden;
	max-width:100%;
	height:auto;
    } 
    section .video iframe,
    section .video object,
    section .video embed { 
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
		}


/* Layout: Large Image Module 2
-------------------------------------------------------------------------------*/
.large-image img {
	height:100%;
	width:100%;
	object-fit:cover;
	}
	.large-image.infographic img { object-fit:contain; }
.float-image img { max-width:400px; }


/* Layout: Large Image Module 3
-------------------------------------------------------------------------------*/
.overlay,
.overlay-block,
.float-image {
	position:absolute; top:4em; left:7em;
	}
	.overlay-text p {
		font-size:2.55em;
		font-weight:600;
		line-height:1.15em;
		margin-top:0;
		}


/* Layout: Large Image Module 4
-------------------------------------------------------------------------------*/
.overlay-block {
	color:#fff;
	max-width:400px;
	}
	.overlay-block-buttons {}
		.float-left {
			float:left;
			margin-right:0.5em;
			}


/* Layout: Small Image Module 1
-------------------------------------------------------------------------------*/
.row {
	display:flex;
	justify-content:space-between;
	width:100%;
	}
	.col {
		box-sizing:border-box;
		flex:1;
		}
	.col-text,
	.col-image {
		padding:4em;
		}
		.col-text {
			max-width:500px;
			padding-left:0;
			padding-top:2em;
			}
		.col-image {
			padding:0;
			text-align:right;
			}
			.col-image img {
				width:100%;
				}


/* Layout: Text Module 1 & 2
-------------------------------------------------------------------------------*/
.text-module {
	max-width:820px;
	padding-bottom:30px;
	padding-top:10px;
	text-align:center;
	}


/* Layout: Unique Text Module
-------------------------------------------------------------------------------*/
.unique-text-module img { margin:1.5em 0 2em 0; }


/* Layout: Four Column Module
-------------------------------------------------------------------------------*/
.four-column-module p { max-width:80%; }



/* Footer
-------------------------------------------------------------------------------*/
#footer {
	padding:20px 40px 30px;
	position:relative;
	text-align:center;
	margin:0 auto;
	max-width:1468px;
	}
	.footer-our-supporters {
		border-bottom:1px solid #817650;
		border-top:1px solid #817650;
		padding:2em 0 0;
		}
		.footer-our-supporters p {
			margin:0 auto;
			max-width:720px;
			}
	#footer .logo-container { padding-top:1em; }
	
	.footer-content {
		margin:0 auto;
		padding:3em 0 1.5em;
		}
		.footer-logo { float:left; }
		.footer-content-social {
			display:flex;
			float:right;
			justify-content:center;
			}
			.footer-content-social-icon { margin:0 12px; }
				.footer-content-social-icon:last-child { margin-right:0; }
	
	.footer-copyright-container {}
		.footer-copyright-left {
			float:left;
			font-size:0.85em;
			}
			.footer-copyright-text,
			.footer-copyright-menu {
				float:left;
				}
				.footer-copyright-menu ul {}
					.footer-copyright-menu li {
						display:inline-block;
						margin:0.25em;
						}
						.footer-copyright-menu li::after {
							display:inline-block;
							margin:0 0 0 0.8em;
							content: "|";
							}
						.footer-copyright-menu li:last-child::after {
							content: "";
							margin:0;
							}
		.footer-copyright-right { float:right; }


/* Media queries
-------------------------------------------------------------------------------*/
/* @media only screen and (max-width: 1436px) { */
@media only screen and (max-width: 1300px) {
	.row-small-image { flex-direction:column; }
		.row-small-image .col-image { margin:0 auto; order:1; }
		.row-small-image .col-text { order:2; padding-top:1em; }
}

@media only screen and (min-width: 769px) and (max-width:1436px) {
	.large-image { height:650px; }
	.large-image.infographic { height:auto; }
	.row-small-image { height:auto; }
		.row-small-image .col-text { padding-bottom:2em; }
	.four-column-module .row { flex-wrap:wrap; }
}

@media only screen and (max-width: 768px) {
	section div { height:650px; }
		section div.logo-container,
		section div.logo-container div.col
		section div.row-small-image,
		section div.large-image {
			height:650px;
			}
		section div.row-small-image { height:auto; }
		.overlay,
		.overlay-block,
		.float-image {
			left:6em;
			}
		
	#header { min-height:130px; }
		.header-nav {
			position:fixed;
			left:3em;
			}
			.header-nav ul {
				display:none;
				}
			.header-nav-mobile { cursor:pointer; }
				.header-nav-mobile.closed,
				.header-nav-mobile.open {
					height:22px;
					position:fixed; top:76px; right:42px;
					}
				.header-nav-mobile.closed {
					background-image:url('images/Menu.png');
					background-size:30px 22px;
					display:block;
					width:30px;
					}
				.header-nav-mobile.open {
					background-image:url('images/Menu-Close.png');
					background-size:22px 22px;
					display:none;
					width:22px;
					}
				.header-nav-mobile ul {
					border-top:1px solid #817650;
					display:none;
					padding-top:10px;
					position:fixed; top:290px;
					left:50%;
					transform: translate(-50%, -50%);
					width:90%;
					}
					.header-nav-mobile ul li { padding-top:1.25em; }
						.header-nav-mobile ul li a { font-size:1.45em; }
			.header-nav-mobile-footer {
				border-top:1px solid #817650;
				display:none;
				flex-wrap:wrap;
				justify-content:center;
				padding-top:20px;
				position:fixed; bottom:-40px;
				left:50%;
				transform:translate(-50%, -50%);
				width:90%;
				}
				.header-nav-mobile-footer .footer-content-social-icon { margin:0 1.25em; }
				.header-nav-mobile-footer-acronym {
					flex-basis:100%;
					padding-top:2.5em;
					text-align:center;
					}
		.header-logo, .header-logo-full {
			position:fixed;
			left:50%;
			transform:translate(-50%, -50%);
			top:4.5em;
			}
			.header-logo-full { top:5.5em; }
		.header-reso { display:none; }
	
	.page-content-repeater { padding:1em 0 2em; }
	.page-content-left,
	.page-content-right {
		float:none;
		padding-top:0;
		width:100%;
		}
	
	.float-image {
		left:50%;
		top:12%;
		transform:translate(-50%);
		}
	.row-small-image .col-image {
			margin:0 auto;
			padding:0;
			}
			.row-small-image .col-image img {
				height:auto;
				width:100%;
				}
	.row-small-image .col-text { padding:4em 4em 0 4em; }
	.text-module { text-align:left; }
	.large-image img { object-fit:cover; }
	.large-image.infographic img { object-fit:contain; }
	.four-column-module .row { flex-wrap:wrap; }
		.four-column-module .col { flex:50%; }
			.four-column-module img { width:100%; }
	
	#footer { padding:3em 3em 4.5em; }
		.footer-logo img { max-width:30px; }
		.footer-content-contact li::after { content:""; }
		.footer-reso {
			background-color:#003a70;
			display:block;
			padding:1em 0 0.7em;
			position:fixed; bottom:0; left:0; right:0;
			width:100%;
			}
}

@media only screen and (max-width: 550px) {
	h2 { font-size:2em; }
	h3 { font-size:1em; }
	.header-logo img { max-width:170px; }
	section {
		padding:0 25px;
		}
		.home section { min-height:550px; }
		section.no-min-height { margin-bottom:0; }
		section div { height:auto; }
		section div.logo-container,
		section div.logo-container div.col {
			height:auto;
			}
			section div.large-image { height:auto; }
			.home section div.large-image { height:550px; }
				.home section div.large-image img { object-fit:cover; }
		.overlay,
		.overlay-block {
			left:4em;
			}
			.overlay-block { top:3em; }
			.overlay-text { max-width:282px; }
				.overlay-text,
				.overlay-button {
					height:auto;
					}
					.overlay-text p {
						font-size:1.85em;
						line-height:1.25em;
						}
			.float-image img { max-width:300px; }
			.overlay-block { max-width:282px; }
		.row-small-image .col-text { padding:2em 2em 0 2em; }
	#footer { padding-top:1em; }
		.footer-our-supporters { font-size:1em; }
			.logo-container { display:inline-block; }
				.logo-container .col {
					float:left;
					width:33.33%;
					}
					.logo-container .col:last-child { margin-left:31%; }
		.footer-logo img { max-width:100px; }
		.footer-content-social {
			display:inline-block;
			margin-top:5px;
			}
			.footer-content-social-icon {
				float:left;
				margin:0 5px;
				}
				.footer-content-social-icon img { max-width:30px; }
		.footer-copyright-left {
			font-size:0.67em;
			margin-top:2px;
			}
		.footer-copyright-right img { max-width:80px; }
}

@media only screen and (max-width: 376px) {
	.spacer { margin-top:130px; }
	.overlay-text,
	.overlay-block {
		max-width:250px;
		}
		.overlay-text br { display:none; }
	#footer {
		padding-bottom:2em;
		padding-left:2em;
		padding-right:2em;
		}
}