/*
=========================================

Project Name: Orokawa Bay retreat
Creation date: 20 Aug 2021
Last modified: 8 May 2023
Description: 
Version: 1.0
Author: Steve Hopper | steve@xeno.co.nz
Company: xeno web development
Company URI: http: //www.xeno.co.nz

=========================================

COLOURS:

pink = #EE3E8A
yellow = #FFD400
cyan = #00C0F3
purple = #74287E
green = #88C659

FONTS:

font-family: 'Bree Serif', serif;font-family: 'Alegreya Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

body { font-family: 'Montserrat', sans-serif;font-weight:200;line-height: 2.0;color: #758A83;border-top:4px solid #FFB901;  }
h1 { margin-top:0;margin-bottom:20px;font-weight:200; }
h2 { color:#333;font-size:24px;font-weight:200;margin-top:0;margin-bottom:20px; }
h3 { color:#333;font-size:22px;font-weight:200; }
h4 {}
h5 {}
a { color:#0f83a5; }
a:link { -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; }

.lead { color:#758A83;line-height:1.2; }
.promo .lead { color:#758A83;line-height:1.5;font-size:1.2rem; }
strong { font-weight:400; }

.navbar-brand { /* width:auto;height:130px; */width:100%;padding: 15px 0px;margin-right:0px;text-align:center;/* margin-top: 20px; */ } 
.navbar { margin-bottom:1rem; }
.navbar.fixed-bottom { margin-bottom:0rem; }
.navbar-nav .nav-link { /* font-weight:600; */padding-right: 0;padding-left: 0;font-size:1.4rem; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #FFB901;border-bottom:4px solid #FFB901; }
.nav-link { display: block;padding: .8rem 1rem; }
.navbar-nav { margin-top:2.2rem; }
/* .navbar-nav li { border-top:8px solid #FFF; } */
/* .navbar-nav li.active { border-top:8px solid #333; } */
.navbar-light .navbar-nav .nav-link { color:#758A83;padding-left:1rem;padding-right:1rem; }

.overlay {height: 100%;width: 0;position: fixed;z-index: 1031;left: 0;top: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-x: hidden;transition: 0.5s;}
.overlay-content {position: relative;top: 10%;width: 100%;text-align: center;/* margin-top: 30px; */}
.overlay-content ul { padding-left:0; }
.overlay a {padding: 8px;text-decoration: none;font-size:1.6rem!important;color: #818181;display: block;transition: 0.3s;border:none !important;}
.overlay a:hover, .overlay a:focus {color: #f1f1f1;}
.overlay .closebtn {position: absolute;top: 15px;right: 15px;font-size: 60px!important;padding: 0;line-height: 1;}
.overlay .navbar-nav li.active .nav-link { color: #FFF; }
.menu-bar { position:fixed;z-index:1050;bottom:0;left:0;right:0;height:60px;background-color:#000; }

.hamburger {padding: 15px 15px;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible; /* margin-top:5px; */margin-left: auto;margin-right: auto;}
.hamburger:hover {opacity: 0.7; } 
.hamburger.is-active:hover {opacity: 0.7; } 
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {background-color: #000; }
.hamburger-box { width: 40px;height: 24px;display: inline-block;position: relative; }
.hamburger-inner { display: block;top: 50%;margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px;height: 4px;background-color: #FFF;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
.hamburger-inner.ipad, .hamburger-inner.ipad::before, .hamburger-inner.ipad::after { width: 40px;height: 4px;background-color: #356454;border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
.hamburger--spin .hamburger-inner {transition-duration: 0.22s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {transform: rotate(225deg);transition-delay: 0.12s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {top: 0;opacity: 0;transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {bottom: 0;transform: rotate(-90deg);transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.btn { border-radius:0;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; }
.btn-plain { background-color:#FFF;border-color:#666;padding:10px 30px;color:#666;font-size:14px;font-weight:700; }
.btn-plain:focus, .btn-plain:hover { background-color:#FFF;border-color:#0083a5;color:#0083a5; }
.btn-default { background-color:#FFF;border-color:#FFF;padding:12px 60px;color:#0082a5;font-size:14px;font-weight:700; }
.btn-default:focus, .btn-default:hover { background-color:#0083a5;border-color:#0083a5;color:#FFF; }
.btn-primary { background-color:#FFB901;border-color:#FFB901;padding:12px 60px;color:#FFF;font-size:1rem;font-weight:400; }
.btn-primary:focus, .btn-primary:hover { background-color:#e8ac14;border-color:#e8ac14; }
.btn-number { width:100%;float:none;color:#FFF;font-size:1.1rem; }

.hero { position:relative; }
.hero.hero-thin { height:250px;height:340px;overflow:hidden; }
.hero h1, .hero h2, .hero h3, .hero p { color:#FFF; }
.hero h1 { font-size: 2.3rem;line-height: 3rem; }
.hero-slim { min-height: 100px;position: relative; }
.hero .white-bar, .hero-slim .white-bar { display:none;position: absolute;bottom: 0;left: 0;right:0;height:80px;background-image:url('../images/white-bar.png');background-repeat: no-repeat;background-position: -365px bottom; }

video { width:100%!important;height:150px !important; }
.breadcrumb { background-color:transparent;border-bottom:1px dotted #CCC;padding:15px 0px; }
.breadcrumb-item a { color:#EE3E8A;text-decoration: none; }
.breadcrumb-item.active { color:#74287E;font-weight:700; }

.page-header { font-family: 'Lora', serif;font-size:3rem;line-height:1.0;color:#e4e4e4;letter-spacing:-1px;text-transform: lowercase; }
.intro-text { border-top:1px solid #FFE5A3;border-bottom:1px solid #FFE5A3;margin-top:1.4rem;padding-top:2.4rem;padding-bottom:2rem; }
.intro-text-home { border-top:1px solid #FFE5A3;border-bottom:1px solid #FFE5A3;margin-top:1.4rem;margin-bottom:2rem;padding-top:2.4rem;padding-bottom:2rem; }

.intro-text h1 { font-size:1.6rem;color: #758A83; }
.intro-text h2 { font-size:1.2rem;color: #758A83; }

.intro-text-home h1 { font-family: 'Lora', serif;font-size:3rem;color: #758A83;line-height:1.0; }
.intro-text-home h2 { font-size:1.4rem;color: #758A83; }
.intro-text-home h3 { font-size:1.2rem;color: #758A83; }

.table-row p { margin-bottom:0 !important; } 

.section-title { font-family: 'Lora', serif;font-size:2.43rem;margin-top:3rem;line-height:1;/* width:50%; */ }
.section-title.extend { width:65%; }
.section-text { z-index:999;background-color: #FFF;margin-top: 0rem; }
.section-text.left { /* margin-right: -55px;padding: 3rem 7rem 3rem 0rem; */ }
.section-text.right { /* margin-left: -110px;padding: 3rem 0rem 3rem 7rem; */ }
.yellow-line { width:50%;border-top:2px solid #FFE5A3;margin-top:2rem;margin-bottom:2rem; }

.card-header { font-family: 'Montserrat', sans-serif;font-weight:400; }
.card-body, table th { font-family: 'Montserrat', sans-serif;font-weight:200 !important;}

.alert p { margin-bottom:0; }

.heading { font-family: 'Lora', serif; }

.item { margin-bottom:1.5rem;border:1px solid #f5f5f5;padding:1.2rem;-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in; }
.item-link { text-decoration: none;color:#758A83; }
.item .item-title { text-align: center;margin-top:.5rem;line-height:1.2; }
.item:hover, .item:focus { box-shadow: 0px 0px 20px #CCC;transform: scale(1.1); }

.footer { background-color: #356454;margin-top:1rem;padding-top:3rem;padding-bottom:3rem;margin-bottom:3rem;color:#FFF; }
.footer a, .footer h3 { color:#FFF; }
.footer a { text-decoration: none;border-bottom:1px dotted #FFF;}
.footer .nav-link { margin:0;padding:0 !important;color:#FFF;border-bottom:0; }
.social { margin:0;padding:0; }
.social li {
    display: inline-block;
}
.social li a {
    display: block;
    color: #fff;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    transition: all 250ms ease-in-out;
    margin: 3px;
}
.social li a:hover {
    color: #356454!important;
    background: #fff;
}

.xeno { padding:20px 0px 20px 0px;text-align: center; }
.xeno a { color:#FFF;text-transform: uppercase;font-size:10px; }
.xeno a:hover { text-decoration:none; }

.message-area-one {margin-left: -3000px;height: 1px;}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a94442;
    font-weight:700;
}
.has-error .form-control {
    border-color: #a94442;
}

ul.errors {
    display: none;
}
.has-error ul.errors {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inherit;
}
.has-error ul.errors > li {
    font-size: 80%;
    color: #721c24;
    margin-top: .25rem;
}
label.required:after {
    content: "*";
    color: #d00;
    margin-left: 2px;
}
.blockquote { font-family: 'Lora', serif; }

.bg-dark { background-color:#356454 !important; }
.tourism-logo { width:150px; }


@media (min-width: 576px) {
	.navbar { margin-bottom:0; }
	.navbar-brand { width:300px; }
	.hamburger { margin-right:15px; }
}

@media (min-width: 768px) {
	
	.navbar { margin-bottom:0; }
	.navbar-brand { width:300px; }
	.hamburger { margin-right:0; }
	.footer { margin-bottom:0; }
	.hero .hero-text { position:absolute;left:0;right:0;bottom:3rem;font-family: 'Lora', serif;font-size:3rem;color:#FFF;text-align:center; }
	.hero-slim { min-height:74px;}
	.hero .white-bar, .hero-slim .white-bar { position: absolute;bottom: 0;left: 0;height:38px;background-size:contain;background-position: -100px bottom; }
	video { width:100%!important;height:300px !important; }
	.section-title { font-family: 'Lora', serif;font-size:2.2rem;margin-top:0rem;line-height:1;width:80%; }
	.section-text { line-height:1.4;}
	.yellow-line { margin-bottom:0; }
	.section-text.left { padding-top:1.8rem;padding-right:3rem;margin-right:-50px; }
	.section-text.right { padding-top:1.8rem;padding-left:3rem;margin-left:-50px; }
	.intro-text h1 { font-size:1.4rem;color: #758A83; }
	.intro-text h2 { font-size:1.0rem;color: #758A83; }
	.table-heading { font-size:21px; }
	.social { float:right; }
	.footer { background-color: #356454;margin-top:1rem;padding-top:3rem;padding-bottom:3rem;margin-bottom:3rem;color:#FFF; }
	
}

@media (min-width: 992px) {
	
	#mainNav { margin-top: 2rem; }
	#top-nav { position: absolute;right: 5px;top: 10px; }
	.navbar-brand { width:300px;padding: 20px 0px;margin-left:15px;margin-right:0px;text-align:left; } 
	.navbar-nav { margin-top:0; }
	.navbar-nav .nav-link {font-size: 1rem;color:#EE3E8A; }
	.navbar-nav li {  }
	.navbar-nav li.active { border-top:8px solid #333; }
	#top-nav .nav-link { padding:.1rem 1rem;font-size:.9rem; }
	.hero { position:relative;/* height:341px; */max-width:1800px;margin:0 auto; }
	.hero-slim { position:relative; }
	.hero .hero-text { position:absolute;left:0;right:0;bottom:3rem;font-family: 'Lora', serif;font-size:4rem;color:#FFF;text-align:center; }
	.hero .white-bar, .hero-slim .white-bar { position: absolute;bottom: -1px;left: 0;height:45px;background-size:contain;background-position: -100px bottom; }
	video { width:100%!important;height:auto !important; }
	.page-header { font-family: 'Lora', serif;font-size:3.8rem;letter-spacing:-2px;line-height:1.2;color:#e4e4e4;letter-spacing:-1px;text-transform: lowercase; }
	.intro-text h1 { font-size:1.6rem;color: #758A83; }
	.intro-text h2 { font-size:1.2rem;color: #758A83;margin-bottom:0; }
	.intro-text-home h1 { font-family: 'Lora', serif;font-size:2.8rem;color: #758A83;line-height:1.0; }
	.intro-text-home h2 { font-size:1.3rem;color: #758A83; }
	.intro-text-home h3 { font-size:1.0rem;color: #758A83; }
	.section-text { line-height:2; }
	.section-text.left { margin-right: -64px;padding: 1.8rem 4rem 1rem 0rem; }
	.section-text.right { margin-left: -64px;padding: 1.8rem 0rem 1.4rem 4rem; }
	.section-title { font-family: 'Lora', serif;font-size:2.8rem;margin-top:2.2rem;line-height:1;width:80%; }
	.section-title.extend { width:50%; }
	.yellow-line { width:30%;border-top:2px solid #FFE5A3;margin-top:2rem;margin-bottom:0; }
	.table-heading { font-size:24px; }
	.social { float:right; }
	.item { padding:2rem; }
	.footer { background-color: #356454;margin-top:5rem;padding-top:3rem;padding-bottom:3rem;margin-bottom:3rem;color:#FFF; }
	
	#offcanvasRight { width:50%; }
	.tourism-logo { width:200px; }
}

@media (min-width: 1200px) { 
	
	.wrapper { max-width:1800px;margin:0 auto; }
	.container { max-width:1300px; }
	.navbar-brand { width:400px;padding: 20px 15px;margin-left:0;margin-right:0px; } 
	.navbar-nav .nav-link {font-size: 1.2rem; }
	.hero { position:relative;/* height:601px; */max-width:1800px;margin:0 auto;height:570px;/* border:1px solid red; */ }
	.hero .hero-text { position:absolute;left:0;right:0;bottom:3rem;font-family: 'Lora', serif;font-size:6rem;color:#FFF;text-align:center; }
	.hero .white-bar, .hero-slim .white-bar { position: absolute;bottom: -1px;left: 0;height:60px;background-position: left bottom; }
	.page-header { font-family: 'Lora', serif;font-size:5rem;line-height:1.2;color:#e4e4e4;letter-spacing:-1px;text-transform: lowercase; }
	.section-title { font-family: 'Lora', serif;font-size:3.6rem;margin-top:3rem;line-height:1.0;width:65%;margin-left:2rem; }
	.section-title .right { margin-left:2rem; }
	.intro-text-home h1 { font-family: 'Lora', serif;font-size:3rem;color: #758A83;line-height:1.0; }
	.intro-text-home h2 { font-size:1.4rem;color: #758A83; }
	.intro-text-home h3 { font-size:1.2rem;color: #758A83; }
	.intro-text h2 { font-size:1.4rem;margin-bottom:10px; }
	.section-text { line-height:2.2; }
	.section-text.left { margin-right: -55px;padding: 3rem 6rem 3rem 2rem; }
	.section-text.right { margin-left: -60px;padding: 3rem 0rem 3rem 6rem; }
	.yellow-line { width:20%;border-top:2px solid #FFE5A3;margin-top:3rem;margin-bottom:0;margin-left:2rem; }
	.tourism-logo { width:auto; }
	
}
@media (min-width: 1400px) { 
	
}