/*
Theme Name: Explore Fiordland 2017
Theme URI: http://www.macstudio.co.nz
Author: Jon Clamp
Author URI: http://www.macstudio.co.nz
Description: MacStudio Bootstrap 3
Version: 1.0
License: MacStudio Limited
License URI: http://www.macstudio.co.nz
Tags: hello
Text Domain: bootstrap3
*/

body {
	background: #000;
	background-image:url(images/bkg-body.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	color: #CCC;
	font-family:'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:1.5em;
}

img {
	height:auto;
	max-width:100%;
}

hr {
	border:0;
	border-top:1px solid #444;
	clear:both;
	display:block;
	margin:30px 0;
	padding:0;
}

@font-face {
    font-family: 'pt_serifregular';
    src: url('fonts/ptf55f-webfont.woff2') format('woff2'),
         url('fonts/ptf55f-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_serifitalic';
    src: url('fonts/ptf56f-webfont.woff2') format('woff2'),
         url('fonts/ptf56f-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* FONTS */

h1, h2, h3, h4, h5, h6, p {
	color:#FFF;
	line-height:1.4em;
	margin:0 0 18px 0;
}

h1 {
	font-family: 'PT Serif', Cambria, Georgia, serif;
	font-size:2em;
	font-style: italic;
	font-weight: 400;
}

h2 {
	font-family: 'PT Serif', Cambria, Georgia, serif;
	font-size:1.75em;
	font-style: italic;
	font-weight: 400;
}

h3 {
	font-family: 'PT Serif', Cambria, Georgia, serif;
	font-size:1.35em;
	font-style: italic;
	font-weight: 400;
}

h4 {
	font-family: 'PT Serif', Cambria, Georgia, serif;
	font-size:1.25em;
	font-style: italic;
	font-weight: 400;
}

p {
	line-height: 1.5em;
}

/* LINKS */

a:link {
	color: #CAA379;
	text-decoration:none;
}

a:visited {
	color: #CAA379;
	text-decoration:none;
}

a:hover {
	color: #C18D48;
	text-decoration:none;
}

a:hover img {
	opacity:0.8;
}

a:active {
	color: #CAA379;
	text-decoration:none;
}


/* COLOURS */

.cyan {
	color: #00AEEF;
}

.gold {
	color:#CAA379;
}

.white {
	color: #FFFFFF;
}

/* BACKGROUNDS */

.bkg-black {
	background: #000;
}

.bkg-gold {
	background:#CAA379;
}

.bkg-green {
	background: #244343;
}

.bkg-orange {
	background: #ff9900;
}

.bkg-white {
	background: #ffffff;
}

/* SECTIONS */

.section {
	padding: 40px 0;
}

/* SECTIONS BLACK */

.section.black {
	background: #000000;
	color: #ffffff;
}
.section.black a:link {
	color: #FFF;
	text-decoration:none;
}
.section.black a:visited {
	color: #FFF;
	text-decoration:none;
}
.section.black a:hover {
	color: #FFF;
	text-decoration:underline;
}
.section.black a:active {
	color: #FFF;
	text-decoration:none;
}

/* SECTIONS WHITE */

.section.white {
	background: #ffffff;
	color: #000000;
}
.section.white h1 {
	color: #00AEEF;
}
.section.white a:link {
	color: #00AEEF;
	text-decoration:none;
}
.section.white a:visited {
	color: #00AEEF;
	text-decoration:none;
}
.section.white a:hover {
	color: #00AEEF;
	text-decoration:underline;
}
.section.white a:active {
	color: #00AEEF;
	text-decoration:none;
}

/* SECTIONS CYAN */

.section.cyan {
	background: #00AEEF;
	color: #ffffff;
}
.section.cyan a:link {
	color: #ffffff;
	text-decoration:none;
}
.section.cyan a:visited {
	color: #ffffff;
	text-decoration:none;
}
.section.cyan a:hover {
	color: #ffffff;
	text-decoration:underline;
}
.section.cyan a:active {
	color: #ffffff;
	text-decoration:none;
}

/* SECTIONS GREY */

.section.grey {
	background: #eeeeee;
	color: #000000;
}
.section.grey a:link {
	color: #00AEEF;
	text-decoration:none;
}
.section.grey a:visited {
	color: #00AEEF;
	text-decoration:none;
}
.section.grey a:hover {
	color: #00AEEF;
	text-decoration:underline;
}
.section.grey a:active {
	color: #00AEEF;
	text-decoration:none;
}

/* NAV BAR */
.nav-wrap {
	margin-bottom: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
}
.navbar-collapse,	
.nav-wrap .container {
	padding: 0;
}

.navbar {
	background:rgba(255,255,255,1.0);
	border: none;
	border-bottom:1px solid black;
	border-radius: 0;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.navbar li {
	margin: 0;
	padding:0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #000;
	background: none;
}

.navbar-default .navbar-nav > li > a {
	color: #000;
	display:block;
	margin: 0;
	padding:15px 10px;
	text-align: center;
}

.navbar-default .navbar-nav > li > a:hover {
	background:rgba(202,163,121,0.20);
	color: #CAA379;
}


/* MARGINS / PADDING */
.margin-top {
	margin-top: 30px;
}

.margin-top-small {
	margin-top: 10px;
}

.margin-top-big {
	margin-top: 60px;
}

.margin-top-minus {
	margin-top: -60px;
}

.margin-bottom {
	margin-bottom: 30px;
}

.margin-bottom-small {
	margin-bottom: 15px;
}

.margin-minus {
	margin-left: -15px;
	margin-right: -15px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.padding {
	padding: 15px;
}

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

.padding {
	padding: 30px;
}

}

/* BUTTONS */

.btn {
	border:0;
	border-radius:4px 4px 4px 4px;
    background: #CAA379;
    color: #FFF !important;
}

.btn:hover {
    background: #C18D48;
}

.btn-gold {
    background: #CAA379;
    color: #FFF !important;
}

.btn-gold:hover, .btn-gold:focus, .btn-gold:active, .btn-gold.active, .open > .dropdown-toggle.btn-old {
    background: #C18D48;
    color: #FFF;
}

.btn-black {
    background: #222222;
    color: #ffffff;
}

.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .open > .dropdown-toggle.btn-orange {
    background: #222222;
}
 
.btn-black:active, .btn-black.active {
    background: #222222;
    box-shadow: none;
}

/* CUSTOM PAGE STYLES */

.banner {
	background-position: center top;
	background-size: cover;
	height:400px;
}

.banner p {
	color:#FFF;
	font-family: 'PT Serif', Cambria, Georgia, serif;
	font-size:2.5em;
	font-style: italic;
	font-weight:400;
	line-height:1.2em;
	margin-top:150px;
	max-width:600px;
	text-shadow: 2px 2px 2px RGBa(0,0,0,0.25);
}

blockquote {
	border:none;
	border-top:1px solid white;
	border-bottom:1px solid white; 
	margin:0 0 25px 0;
	padding:15px 0 0 0;
}

.clear {
	clear: both;
}

.feature-box {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display:block;
	height:300px;
}

.feature-box-text {
	background-color:rgba(36,67,67,0.8);
	display:table;
	height:100px;
	margin:0;
	margin-top:-60px;
	padding:0 15px;
	position:relative;
	text-align: center;
	vertical-align: middle;
	width:100%;
}

.feature-box-text:hover {
	background-color:rgba(36,67,67,1);
	transition:1000ms;
}

.feature-box h4 {
	padding:30px;
	text-align: center;
	vertical-align: middle;
}

.field {
	margin-bottom:15px !important;
}

.field textarea {
	color:#333 !important;
}

.field select {
	width:100% !important;
}

.fit-width {
	width: 100%;
}

.header,
.header a {
	color:#FFF;
	font-weight:600;
}

label {
	margin:0 !important;
}

.large {
	font-size:150%;
}

.left {
	float: left;
}

.logo {
	width:250px;
}

.required {
	color:#CAA379 !important;
}

.right {
	float: right;
}

.table {
	display:table !important;
	max-width:100% !important;
	min-width:none;
	position:relative;
}

.table .cell {
	display: table-cell !important;
	height:80px !important;
	margin:50px 0 !important;
	text-align:center;
	vertical-align: middle !important;
	width:25% !important;
}

.table .cell img {
	position:relative !important;
	margin:0 15px!important;
	max-height:80px !important;
	max-width:150px !important;
	vertical-align: middle !important;
}

.text-right-mobile-center {
	text-align: center;
}

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

.text-right-mobile-center {
	text-align: right;
}

}

.nth-4:nth-child(2n+1):after {
	clear:both;
	content:' ';
	display: block;
	height:10px;
	width: 100%;
}

@media (min-width: 992px) {

.nth-4:nth-child(2n+1):after {
	display: none;
}

.nth-4:nth-child(4n+1):after {
	clear:both;
	content:' ';
	display: block;
	height:10px;
	width: 100%;
}

}

.thumbnail {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border:none;
	border-radius:0;
	clear:both;
	display:block;
	margin:0;
	margin-bottom:15px;
	padding:0;
	padding-bottom:80%;
}

.title {
	font-size:2.25em;
	text-transform:uppercase;
}

.xs-center {
	text-align:center;
}


/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 320px) {
.text-align-left-desktop-centre-phone {
	text-align: center;
}
.text-align-right-desktop-centre-phone {
	text-align: center;
}
.margin-top-phone {
	margin-top: 25px;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

.navbar {
	font-size:0.8em;
}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
.banner {
	height:500px;
} 

.navbar {
	background:rgba(255,255,255,0.80);
}

.navbar-default .navbar-nav > li > a:hover {
	background:none;
	color: #CAA379;
}

.text-align-left-desktop-centre-phone {
	text-align: left;
}

.text-align-right-desktop-centre-phone {
	text-align: right;
}

.margin-top-phone {
	margin-top: 0px;
}

.xs-center {
	text-align:inherit;
}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

body {
	background-attachment: fixed;
	background-size:cover;
}
	
.banner {
	height:500px;
}

.banner p {
	font-size:3.5em;
}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	
.banner {
}

.navbar {
	font-size:1em;
}

}