@charset "UTF-8";
/*
Theme Name: DNA Boats
Theme URI: http://dnaboats.co.nz
Description: A responsive Boat Builders Theme for Wordpress 4.3+
Author: Dale Sattler (2015)
Version: 1.01
Tags: Boats, ajax, portfolio, responsive, mobile
.
Awesome!
*/

/* =RESET
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, 
code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, 
video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
nav ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle }
label, input[type=button], input[type=submit], button { cursor: pointer }

.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* WEBFONTS
-------------------------------------------------------------- */


@font-face {
	font-family: 'dnaboats';
	src: url('webfonts/dnaboats.eot');
	src: url('webfonts/dnaboats.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/dnaboats.woff') format('woff'),
		 url('webfonts/dnaboats.ttf') format('truetype'),
		 url('webfonts/dnaboats.svg#dnaboats') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: 'archivo_narrowregular';
    src: url('webfonts/archivonarrow-regular-webfont.eot');
    src: url('webfonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/archivonarrow-regular-webfont.woff2') format('woff2'),
         url('webfonts/archivonarrow-regular-webfont.woff') format('woff'),
         url('webfonts/archivonarrow-regular-webfont.ttf') format('truetype'),
         url('webfonts/archivonarrow-regular-webfont.svg#archivo_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'archivo_narrowbold';
    src: url('webfonts/archivonarrow-bold-webfont.eot');
    src: url('webfonts/archivonarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/archivonarrow-bold-webfont.woff2') format('woff2'),
         url('webfonts/archivonarrow-bold-webfont.woff') format('woff'),
         url('webfonts/archivonarrow-bold-webfont.ttf') format('truetype'),
         url('webfonts/archivonarrow-bold-webfont.svg#archivo_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prolight';
    src: url('webfonts/sourcesanspro-light-webfont.eot');
    src: url('webfonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('webfonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('webfonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('webfonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_prolight_italic';
    src: url('webfonts/sourcesanspro-lightit-webfont.eot');
    src: url('webfonts/sourcesanspro-lightit-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/sourcesanspro-lightit-webfont.woff2') format('woff2'),
         url('webfonts/sourcesanspro-lightit-webfont.woff') format('woff'),
         url('webfonts/sourcesanspro-lightit-webfont.ttf') format('truetype'),
         url('webfonts/sourcesanspro-lightit-webfont.svg#source_sans_prolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('webfonts/sourcesanspro-semibold-webfont.eot');
    src: url('webfonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('webfonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('webfonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('webfonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_proSBdIt';
    src: url('webfonts/sourcesanspro-semiboldit-webfont.eot');
    src: url('webfonts/sourcesanspro-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/sourcesanspro-semiboldit-webfont.woff2') format('woff2'),
         url('webfonts/sourcesanspro-semiboldit-webfont.woff') format('woff'),
         url('webfonts/sourcesanspro-semiboldit-webfont.ttf') format('truetype'),
         url('webfonts/sourcesanspro-semiboldit-webfont.svg#source_sans_proSBdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ROOT
-------------------------------------------------------------- */

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

body {
	font: 100%/1.3em "source_sans_prolight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #1C1D1F;
	background: #fff;
	padding: 0;
	margin: 0;
}

a {
	color:#4c4a4b;
	font-size: inherit;
}


::selection {
	background: #333;
	color: #fff;
	text-shadow: none;
}

/* TYPOGRAPHY
-------------------------------------------------------------- */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	margin: 1em 0;
	font-weight:normal;
	font-family: 'source_sans_prosemibold';
	line-height: 1.4em;
}

.ie8 h1, 
.ie8 h2,
.ie8 h3 {
	font-weight:400 !important;
}

h1 {
	font-size: 160%;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 115%;
}

h5 {
	font-size: 110%;
}

h6 {
	font-size: 100%;
}

p {
	margin: 1em 0;
}

code {
	font-size: 100%;
	font-family: monospace;
}

del{
	text-decoration: line-through;
}

.small {
	font-size: 85%;
}

ol, ul {
	margin: 1.2em 0 1.2em 2em;
}

ul li,
ol li,
dl dt,
dl dd {
	margin-bottom: 0.2em;
}

img, a img {
	border: 0;
}

strong {
	font-family: 'source_sans_prosemibold';
	font-weight: normal;
}

.responsive-img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.abs-center {
	 margin: auto;
  	position: absolute;
  	top: 0; left: 0; bottom: 0; right: 0;
}

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #1DADBC; /* Old browsers */
	border: 1px solid #fff;
	padding: .1em .6em;
	color: #fff;
	display: inline-block;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	line-height: 1.3em;
	font-family: 'archivo_narrowregular';
	text-transform: uppercase;
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: #1C1D1F; /* Old browsers */
}

.big-heading,
.small-heading {
	font-family: 'archivo_narrowbold';
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 1em 0;
	line-height: 0.9em;
}

.big-heading {
	font-size: 1.8em;
}

.small-heading {
	font-size: 1.3em;
}

a[href^="tel:"]:before {
   	display: inline-block;
	-webkit-font-smoothing: antialaised;
	font: 1em/1em 'dnaboats'!important;
	speak: none;
	vertical-align: baseline;
	content: '\e619';
	padding-right: .5em;
}

footer a[href^="tel:"]:before {
	display: none;
}

/* WORDPRESS IMAGE ALIGNMENT CLASSES
-------------------------------------------------------------- */
.alignnone {
	float: none;
	margin: 0 15px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}

.aligncenter {
	display:block;
	margin:0 auto;
}

.wp-caption {
	text-align: center;
	padding: 5px;
	margin: 10px auto;
	background:white;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 17px;
	padding: 5px 0 0 0;
	margin: 0;
}

.wp-caption.alignleft {
	margin: 0 10px 0 0;
}

.wp-caption.alignright {
	margin: 0 0 0 10px;
}

.single img,
.entry-content img,
.entry-summary img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.single img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.size-medium,
.wp-post-image,
.post-thumbnail img {
	height: auto;
	max-width: 100%;
}


/* STRUCTURE
-------------------------------------------------------------- */

#wrapper {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}

/*structure*/
.site-width {
	padding: 0 1.5em;
}

/* HEADER
-------------------------------------------------------------- */
#header {
	z-index: 1000;
	height: 100px;
	background: #1C1D1F;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .9);
	-moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .9);
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .9);
	-ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .9);
	-o-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .9);
	position: relative;
}

#logo {
	padding-top: 15px;
	width: 220px;
	margin: 0 auto;
}

.nav {
	width: 100%;
	text-align: center;
	padding: 13px 0 9px 0;
}

.nav ul  {
	margin: 0;
	padding: 0;
}

.nav ul li {
	list-style: none;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	padding: 0 10px;
	text-transform: uppercase;
	font-family: 'source_sans_prolight';
	color: #fff;
	background: #1C1D1F;
}

.nav ul li a {
	text-decoration: none;
	color: #fff;
}

.nav ul li a:hover {
	color: #1DADBC;
}

#social-nav.nav ul li {
	font-family: 'dnaboats';
	font-size: 180%;
	padding: 0 5px;
	color: #fff;
}

#social-nav.nav ul li a {
	color: #fff;
	text-decoration: none;
}

#nav-wrap {
	display: none;
	vertical-align: top;
	width: 100%;
	position: absolute;
	-webkit-box-shadow: 0 12px 12px -9px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 12px 12px -9px rgba(0, 0, 0, .7);
	box-shadow: 0 12px 12px -9px rgba(0, 0, 0, .7);
	-ms-box-shadow: 0 12px 12px -9px rgba(0, 0, 0, .7);
	-o-box-shadow: 0 12px 12px -9px rgba(0, 0, 0, .7);
	top: 95px;
}

#main-nav {
	vertical-align: top;
	z-index: 1001;
}

#main-nav.nav {
	padding: 0;
}

#main-nav ul {
	margin:0;
	padding:0;
}

#main-nav ul li {
	margin:0;
	display: block;
	font-size: 120%;
	padding: .7em .7em .7em .8em;
	height: auto;
	border-bottom: 1px solid #F5F8FA;
	text-align: right;
	position: relative;
}

#main-nav ul li:last-child {
	border-bottom: none;
}


#main-nav ul li .menu-sep {
	padding: 0;
}

#main-nav ul li a {
	color:#F5F8FA;
	text-decoration: none;
	background: #1C1D1F;
}

#main-nav ul li a:hover {
	color:#1DADBC;
}

#main-nav ul li.current-menu-item a,
#main-nav ul li.current-menu-item a:hover {
	color:#F5F8FA;
}

#main-nav ul li.current-menu-item a.touch-link,
#main-nav ul li.current-menu-item a.touch-link:hover {
	border: none;
	color:#F5F8FA;
}

#main-nav ul li a.touch-link {
	position: relative;
	right: 0;
	padding: 0;
	font-size: 130%;
	font-family: 'dnaboats';
	vertical-align: middle;
}

#main-nav ul li ul.sub-menu {
	display: none;
	font-size: 60%;
	padding-top: 1em;
}

#main-nav ul li ul.sub-menu li {
	border-bottom: none;
	width: auto;
	padding: .3em 0 .4em 0;
}

#main-nav ul li ul.sub-menu li a {
	color:#F5F8FA;
	display: inline-block;
}

#main-nav ul li ul.sub-menu li a:hover {
	color:#000;
}

#main-nav ul li ul.sub-menu li.current-menu-item a {
	color:#F5F8FA;
}

#main-nav ul li ul.sub-menu li.current-menu-item a:hover {
	color:#4c4a4b;
}

#main-nav ul li ul.sub-menu li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#menu-toggle {
	display: block;
	padding: 4px 5px 2px 4px;
	margin: 0;
	background-color: #1C1D1F;
	position: absolute;
	right: 10px;
	top: 65px;
	cursor: pointer;
	font-size: 160%;
	font-weight: normal;
	font-family: 'dnaboats';
	-webkit-font-smoothing: antialaised;
}

#menu-toggle a {
	text-decoration: none;
	color: #fff;
}

/* SLIDE SHOW
-------------------------------------------------------------- */
#slide-show {
	width:100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 15px;
	z-index: 10;
	background: #1C1D1F;
}

#slide-controls {
	position: absolute;
	top: 60%;
	width: 100%;
	z-index: 10;
}

#slide-controls a {
	color: #fff;
	text-decoration: none;
	font-family: 'dnaboats';
	font-size: 25px;
	display: block;
	border: 0;
	outline: 0;
	text-shadow: none;
	opacity: 0.5;
}

#slide-controls a:hover {
	color: #333;
	opacity: 1;
}

#slide-controls #prev-slide {
	float: left;
}

#slide-controls #next-slide {
	float: right;
}

#slide-show-wrap {
	position:relative;
	left: 0;
	top:0;
	display: block;
	overflow: hidden;
}

#slide-show-wrap .slide-item {
	position: relative;
}

#slide-show-wrap .slide-item img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

#slide-show-wrap .slide-item:nth-child(n+2) {
	display: none;
}

.slide-desktop {
	display: none;
}

.slide-mobile {
	display: block;
}

.slide-item .slide-text {
	position: absolute;
	margin-top: 5%;
	top: 10%;
	right: 5%;
	color: #fff;
	text-align: right;
}

.slide-text h1,
.slide-text h2,
.slide-text h3,
.slide-text h4 {
	padding: 0;
	margin: 0;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85);
	text-align: right;
	font-family: 'archivo_narrowbold';
	line-height: 1em;
	color: #fff;
}

.slide-text h2 {
	font-size: 240%;
	margin-bottom: -.1em;
}

.slide-text h3 {
	font-size: 130%;
}


a.slide-button {
	font-size: 100%;
	height: 1.8em;
	vertical-align: middle;
	margin-top: 1em;
	padding: 0.2em 0.3em .6em 0.8em
}

a.slide-button:hover {
	background: #1C1D1F;
}

a.slide-button:after {
	display: inline-block;
	-webkit-font-smoothing: antialaised;
	font: 80%/1em 'dnaboats'!important;
	speak: none;
	vertical-align: baseline;
	content: '\e601';
	padding-left: .8em;
}


/* SINGLE PAGES / POSTS / ETC
-------------------------------------------------------------- */

div.single,
div.archive,
div.content,
div.single-page {
	padding-bottom: 2em;
}

.page-heading {
	font: 4.063em/1 'archivo_narrowbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: .5em 0;
}

.text-col p:first-child {
	margin-top: 0;
}

.col-1,
.col-2,
.col-3 {
	width: 100%;
}

/* SINGLE BOAT
-------------------------------------------------------------- */
#intro-specs {
	background: #1C1D1F;
	color: #F5F8FA;
	margin: 0;
	padding: .5em 0;
	font: 1.6em/1 'archivo_narrowbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	-webkit-font-smoothing: antialaised;
	overflow: hidden;
}

#intro-specs ul {
	margin: 0;
	list-style: none;
}

#intro-specs ul li {
	margin:  0 2em .3em 0;
	vertical-align: top;
	display: inline-block;
	text-align: center;
	width: 100%;
}

#intro-specs ul li a {
	color: #F5F8FA;
	text-decoration: none;
	vertical-align: top;
}

#intro-specs li span {
	-webkit-font-smoothing: antialaised;
	font: 95%/1em 'dnaboats'!important;
	speak: none;
	vertical-align: top;
	margin: 0 .2em 0 0;
}

#intro-specs li span:after  {
	vertical-align: top;
}

#intro-length span:after {
	content: '\e904';
	font-size: 1.5em;
	
}

#intro-hp span:after {
	content: '\e613';
}

#intro-weight span:after {
	content: '\e614';
}

#intro-pdf span:after {
	content: '\e615';
}

#intro-pdf a:hover {
	color: #1DADBC;
}

#intro-enquire {
	text-align: center;
	width: 100%;
}

#intro-enquire a {
	font-size: 80%;
	line-height: 1.2em;
	margin-top: 1em;
	padding: .3em .2em .2em .7em;
}

#intro-enquire a span:after {
	speak: none;
	vertical-align: top;
	content: '\e601';
	padding-left: 1em;
}

.boat-section {
		padding: 0.4em 0 2.6em 0;
}

h2.boat-section-title {
	text-transform: uppercase;
	font: 2.3em/1 'archivo_narrowbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

#videos-wrap.boat-section {
	padding: 0.4em 0 0;
}

.video-container {
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#specs-wrap,
#inline-gallery-wrap,
#videos-wrap {
	background: url(images/gun.jpg);
	color: #F7F7F7;
}

#extras-wrap {
	background: #F7F7F7;
}

.specs-list {
	margin: 0;
	padding: 0;
	width: 100%;
}

.specs-list li {
	overflow: hidden;
	text-transform: uppercase;
	padding: 0;
	font-weight: normal;
	margin: 0;
	line-height: .8em;
}

#specs-listb li:last-child div {
	border: none;
}

.specs-list li .spec-label {
	float: left;
	font: 1em/1 'archivo_narrowbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialaised;
}

.specs-list li .spec-detail {
	float: right;
	font: 1em/1 'archivo_narrowregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-right: 1px;
}

.specs-list .underline {
	border-bottom:  1px solid #1DADBC;
	overflow: hidden;
	padding: 1px 0 9px 0;
}

#features-list, 
#extras-list {
  -webkit-columns: 3 200px;
     -moz-columns: 3 200px;
          columns: 3 200px;
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
    margin: 0;
    list-style: none;

}

#features-list li:before,
#extras-list li:before {
  content: "\00BB";
  margin-right: .3em;
  color: #1DADBC;
  vertical-align: top;
}

.home-pages-wrap,
.tax-section {
	 overflow: hidden;
}

.boat-thumb {
	position: relative;
	float:left;
	cursor: pointer;
	width: 100%;
}

.boat-thumb-text-wrap {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 5em;
	padding: 0 .2em;
}

.boat-thumb-title {
	font: 2.2em/1 'archivo_narrowbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #F7F7F7;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.85);
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 1em 0;
}

.boat-thumb .boat-thumb-button {
	background: transparent; /* Old browsers */
	border: 1px solid #fff;
	padding: .3em .2em .2em .7em;
	color: #F7F7F7;
	display: inline;
	font: 1.1em/1 'archivo_narrowregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85);
}

.boat-thumb-button span:after {
	font: .9em/.8em 'dnaboats'!important;
	speak: none;
	vertical-align: baseline;
	content: '\e601';
	padding-left: 1em;
}

.boat-thumb .boat-thumb-button:hover {
	background: #1DADBC; /* Old browsers */
}

.home-pages-wrap .boat-thumb-text-wrap {
	top: 3.5em;
}

.home-pages-wrap .boat-thumb-title {
	font-size: 1.8em;
	padding: 0 .5em;
}

/* WHY PAGE
-------------------------------------------------------------- */
#why-page-sections-wrap .boat-section {
	position: relative;
}

#why-page-sections-wrap .boat-section:nth-child(odd) {
	background: url(images/gun.jpg);
	color: #F7F7F7;
}

#why-page-sections-wrap .boat-section .boat-section-text p:first-child {
	margin-top: 0;
}

#why-page-sections-wrap .over {
	color: #F7F7F7;
}

#why-page-sections-wrap .over .boat-section-title,
#why-page-sections-wrap .over .boat-section-text {
	color: #F7F7F7;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.85);
}

/* DEALER PAGE
-------------------------------------------------------------- */

#dealer-sections-wrap .boat-section:nth-child(odd) {
	background: url(images/gun.jpg);
	color: #F7F7F7;
}

#dealer-sections-wrap .boat-section:nth-child(odd) a {
	color: #F7F7F7;
}

#dealer-sections-wrap .dealer-map {
	width: 100%;
	height: 288px;
	display: block;
	position: relative;
}

#dealer-sections-wrap .map-container {
	height: 288px;
}

.mapTool {
	padding: 0 10px;
	color: #000;
}



/* BOATS PAGE
-------------------------------------------------------------- */
.tax-section:nth-child(odd) {
	background: url(images/gun.jpg);
	color: #F7F7F7;
}

/* HOME PAGE
-------------------------------------------------------------- */
.home-pages {
	padding: 0 0 20px 0;
	background: url(images/gun.jpg);
	color: #F7F7F7;
}

#home-boats-list .boat-thumb-text-wrap {
	top: 3em;
}

#home-boats-list .boat-thumb-title {
	font: 2em/.9em 'archivo_narrowbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.button-wrap {
	position: absolute;
	top: 6em;
	left: 0;
	width: 100%;
	text-align: center;
}

#home-boats-list .boat-thumb .boat-thumb-button {
	font-size: 1em;
	margin: 0 auto;
	padding: .4em .2em .2em .7em;
}

.news-item {
	margin-bottom: 1em;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.news-img-wrap {
	position: relative;
}

.news-img-wrap  .news-thumb-cat-wrap {
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	text-align: center;
	color: #F7F7F7;
	font: .9em/1 'archivo_narrowregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.news-img-wrap  .news-thumb-cat-wrap p {
	margin: .4em 0;
}

.news-thumb-title {
	font: 1.7em/1 'archivo_narrowbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: .5em 0 .3em 0;
	-webkit-font-smoothing: antialaised;
}

.news-thumb-title a {
	text-decoration: none;
	color: inherit;
}

.news-thumb-date {
	font: 1em/1 'archivo_narrowregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0 0 .3em 0;
}

.news-img-wrap {
	width: 100%;
	float: left;
}
.news-text-wrap {
	float: left;
	width: 100%;
}

a.news-thumb-button {
	font-size: 95%;
	vertical-align: middle;
	margin-top: .4em;
	padding: 0.4em 0.3em .3em 0.8em
}

a.news-thumb-button:hover {
	background: #1C1D1F;
}

a.news-thumb-button:after {
	display: inline-block;
	-webkit-font-smoothing: antialaised;
	font: 90%/1.4em 'dnaboats'!important;
	speak: none;
	vertical-align: top;
	content: '\e601';
	padding-left: .8em;
}

#fb-wrap .cff-page-name {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

#fb-wrap .cff-author-text {
	line-height: 1em;
	margin: 0;
}

#fb-wrap #cff .cff-author {
	margin-bottom: 0;
}

.cff-post-text {
	font-size: 90%;
}

#fb-wrap .cff-likebox {
	margin-top: 0;
}

/* CONTACT TEMPLATE
-------------------------------------------------------------- */
#map-container {
	width: 100%;
	height: 475px;
	display: block;
}

.mapTool {
	padding: 0 10px;
}

/*PAGES
-------------------------------------------------------------- */
#archive-page {
	overflow: hidden;
}

/* BLOG LISTING
-------------------------------------------------------------- */
#news-page {
	margin-bottom: 4em;
}

.post-tags {
	margin: 1em 0;
	font-size: 90%;
	list-style: none;
}

.post-tags li {
	display: inline-block;
	margin-right: .5em;
}

.post-tags a {
	background: #1C1D1F;
	padding: .3em;
	color: #fff;
	border-radius: 2px;
	text-decoration: none;
}

.post-cat-col {
	margin-top: 1em;
}

.cat-heading {
	margin: 0 0 1em 0;
	text-transform: uppercase;
	font: 1.6em/1 'archivo_narrowbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.post-cat-col ul {
	margin: 0;
	list-style: none;
}

.post-cat-col ul li {
	text-transform: uppercase;
	font: 1.2em/1 'archivo_narrowbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: .5em 0 .2em 0;
	border-top: 1px solid #1DADBC;
}

.post-cat-col ul li a {
	text-decoration: none;
}

/*FORMS
-------------------------------------------------------------- */
#contact-form {
	margin-top: 20px;
}

#contact-form fieldset div {
	overflow: hidden;
	margin: 0 0 1em 0;
}

.input {
	height: 40px;
	width: 100%;
	background-color: white;
	border: 1px solid #999;
	-moz-box-shadow:    inset 0 0 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
	box-shadow:         inset 0 0 1px rgba(0,0,0,0.3);
	padding-left: 10px;
	float: left;
	font-size: 90%;
}

.textinput {
	height: 100px;
}

.usercontact  span {
	vertical-align: middle;
}

#contact-form label.error { 
	width: 100%;
	float: left; 
	color: red; 
	vertical-align: middle;
	padding: 0; 
	font-size: 80%;
}

#contact-form input.error {
	border-color: red;
	border-style: solid;
	border-width: 1px;
}

#contact-form input[type="submit"] {
	font-size: 135%;
}

#contact-form fieldset .form-submit {
	overflow: hidden;
	margin: 0 0 1em 0;
}


/* FOOTER
-------------------------------------------------------------- */
footer {
	color: #F5F8FA;
	width: 100%;
	font-size: 75%;
	position: relative;
	-webkit-font-smoothing: subpixel-antialiased;
	background: url(images/gun.jpg);
	padding: 30px 0 35px 0;
}

#footer-menu-select {
	display: block;
	text-align: center;
}

footer nav {
	display: none;
}

footer nav ul {
	margin: 0;
}

footer nav ul li {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	text-transform: uppercase;
}

footer a {
	color: #F5F8FA;
	text-decoration: none;
}

footer a:hover {
	color: #1DADBC;
}

.footer-menu-title {
	text-transform: uppercase;
}

#copyright {
	text-align: center;
}

.footer-address {
	width: 100%;
}

.footer-address p {
	margin-top: 0;
	line-height: 1.2em;
	width: 100%;
	text-align: center;
}

#social-nav {
	text-align: center;
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%;
}

#social-nav ul {
	display: inline-block;
}

#social-nav ul li {
	float: left;

}

#social-nav .twitter a,
#social-nav .facebook a,
#social-nav .pinterest a,
#social-nav .tumblr a,
#social-nav .google a,
#social-nav .youtube a,
#social-nav .instagram a {
	font-size: 0;
	float: left;
}

#scroll-top {
	font-size: 0;
}


#social-nav a span:after,
#scroll-top span:after {
	display: inline-block;
	-webkit-font-smoothing: antialaised;
	font: 26px/1 'dnaboats'!important;
	speak: none;
	vertical-align: top;
	margin-right: .3em;
	padding-top: .1em;
}

#scroll-top span:after {
	font: 24px/1 'dnaboats'!important;
}

#social-nav .twitter a span:after {
	content: '\e60a';
}

#social-nav .facebook a span:after {
	content: '\e605';
}

#social-nav .pinterest a span:after {
	content: '\e609';
}

#social-nav .tumblr a span:after {
	content: '\e60a';
}

#social-nav .google a span:after {
	content: '\e605';
}

#social-nav .youtube a span:after {
	content: '\e606';
}

#social-nav .instagram a span:after {
	content: '\e607';
}

#scroll-top {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#scroll-top span:after {
	content: '\e602';
}

.nav-previous,
.nav-next  {
	font-size: 0;
}

.nav-previous a:after,
.nav-next a:after {
	display: inline-block;
	-webkit-font-smoothing: antialaised;
	font: 28px/1 'dnaboats'!important;
	speak: none;
	vertical-align: top;
	margin-right: .5em;
	padding-top: .1em;
}

.nav-previous a:after {
	content: '\e900';
}

.nav-next a:after  {
	content: '\e901';
}




/*MEDIA QUERIES 
-------------------------------------------------------------- */
/* 360px */
@media only screen and (min-width: 360px) {
	.home-pages-wrap .boat-thumb-text-wrap {
		top: 5em;
	}

	.home-pages-wrap .boat-thumb-title {
		font-size: 2em;
		padding: 0 .5em;
	}

}


/* 480px */
@media only screen and (min-width: 480px) {


	.nav ul li {
		padding: 0 20px;
	}

	#slide-controls {
		top: 60%;
	}

	#slide-controls a {
		font-size: 2.6em;
	}

	.boat-thumb {
		width: 50%;
	}

	.boat-thumb-title {
		font-size: 2.4em;
	}

	.home-pages-wrap .boat-thumb-text-wrap {
		top: 2.5em;
	}

	.home-pages-wrap .boat-thumb-title {
		font-size: 1.4em;
	}

	#home-boats-list .boat-thumb-text-wrap {
		top: 2em;
		padding: 0 .2em;
	}

	#home-boats-list .boat-thumb-title {
		font: 1.6em/.9em 'archivo_narrowbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #F7F7F7;
		padding: 0 1em;
	}

	#home-boats-list .button-wrap {
		top: 5em;
	}



}

/* 640px */
@media only screen and (min-width: 500px) {

	.news-thumb-title {
		font: 1.2em/.9em 'archivo_narrowbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		margin: 0 0 .3em 0;
	}

	.news-thumb-date {
		font: .8em/1 'archivo_narrowregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

	.news-img-wrap {
		width: 35%;
		float: left;
	}
	.news-text-wrap {
		float: left;
		margin-left: 1%;
		width: 60%;
	}

	a.news-thumb-button {
		font-size: 80%;
		vertical-align: middle;
		margin-top: .2em;
		padding: 0.3em 0.3em .2em 0.8em
	}

	a.news-thumb-button:hover {
		background: #1C1D1F;
	}

	a.news-thumb-button:after {
		display: inline-block;
		-webkit-font-smoothing: antialaised;
		font: 90%/1.4em 'dnaboats'!important;
		speak: none;
		vertical-align: top;
		content: '\e601';
		padding-left: .8em;
	}

	#news-page .news-img-wrap {
		width: 25%;
	}

	#news-page .news-text-wrap {
		margin-left: 2%;
		width: 70%;
	}

	#news-page .news-thumb-title {
		font: 1.6em/.9em 'archivo_narrowbold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		margin: 0 0 .3em 0;
	}

	#news-page .news-thumb-date {
		font: .8em/1 'archivo_narrowregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

	#news-page a.news-thumb-button {
		font-size: 90%;
		padding: 0.4em 0.3em .2em 0.8em
	}

	#news-page .news-excerpt {
		margin: 0 0 .6em 0;
		line-height: 1.2em;
	}

	#home-boats-list .boat-thumb-text-wrap {
		top: 3.5em;
		padding: 0 .2em;
	}

	#home-boats-list .boat-thumb-title {
		font: 1.9em/.9em 'archivo_narrowbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	#home-boats-list .button-wrap  {
		top: 5.5em;
	}


}

/* 640px */
@media only screen and (min-width: 640px) {

	#logo {
		padding-top: 15px;
		width: 250px;
		margin: 0 auto;
	}

	.slide-desktop {
		display: block;
	}

	.slide-mobile {
		display: none;
	}

	.slide-text h2 {
		font-size: 210%;
		letter-spacing: 1px;
	}

	.slide-text h3 {
		font-size: 120%;
	}

	.slide-item .slide-text {
		max-width: 50%;
		right: 50px;
	}

	.col-1,
	.col-2,
	.col-3 {
		width: 45%;
	}

	.type-post .col-1 {
		width: 25%;
	}

	.type-post .col-3 {
		width: 70%;
	}

	#intro-specs ul li {
		display: inline-block;
		margin:  0;
		vertical-align: top;
		width: 18%;
		font-size: 90%;
		text-align: left;
	}

	#intro-enquire {
		float: right;
	}

	#intro-enquire a {
		margin-top: -8px;
	}

	.specs-list {
		width: 45%;
	}

	#specs-lista li:last-child div,
	#specs-listb li:last-child div {
		border: none;
	}

	.home-pages-wrap .boat-thumb-text-wrap {
		top: 3.5em;
	}

	.home-pages-wrap .boat-thumb-title {
		font-size: 1.9em;
	}


	#features-list, 
	#extras-list {
	  -webkit-columns: 3 auto;
	     -moz-columns: 3 auto;
	          columns: 3 auto;

	}

	#contact-form {
		margin-top: 0;
	}

	h2.boat-section-title {
		margin: 1em auto;
	}

	.post-cat-col {
		margin-top: 0;
	}

	#why-page-sections-wrap .one_one .boat-section-text,
	#dealer-sections-wrap .boat-section-text {
		float: left;
		width: 45%;
	}

	.section-img {
		float: right;
		width: 45%;
	}

	.two .boat-section-text {
		  -webkit-columns: 2 auto;
		     -moz-columns: 2 auto;
		          columns: 2 auto;
		 -webkit-column-gap: 2em;
	     	-moz-column-gap: 2em;
	          	column-gap: 2em;

	}


	#dealer-sections-wrap .dealer-map {
		width: 45%;
		float: right;
		position: relative;
	}


	
}

/* 768px iPad Portrait*/
@media only screen and (min-width: 768px) {

	#logo {
		padding-top: 15px;
		width: 350px;
		margin: 0 auto;
	}

	#header {
		height: 120px;
	}

	#menu-toggle {
		top: 80px;
	}

	#nav-wrap {
		top: 110px;
	}
	.slide-text h2 {
		font-size: 400%;
		letter-spacing: 1px;
	}

	.slide-text h3 {
		font-size: 200%;
	}


	#slide-controls a {
		font-size: 2.5em;
	}

	a.slide-button {
		font-size: 115%;
		height: 2em;
		vertical-align: middle;
		margin-top: 1em;
		padding: .38em .3em .4em .8em;
	}

	#intro-specs ul li {
		width: 18%;
		font-size: 100%;
	}

	.news-item {
		width: 50%;
	}

	#news-page .news-item {
		width: 100%;
		
	}
	
	/* SINGLE BOAT
	-------------------------------------------------------------- */
	.ie8 #specs-list li,
	.ie9 #features-list li {
		width: 48%;
	    float: left
	}

	.ie8 #features-list li,
	.ie8 #extras-list li
	.ie9 #features-list li, 
	.ie9 #extras-list li {
	   	width: 33%;
	    float: left
	}


	.boat-thumb {
		width: 33.3333%;
	}

	.boat-thumb-title {
		font-size: 1.9em;
	}

	#home-boats-list .boat-thumb-text-wrap {
		top: 2em;
	}

	#home-boats-list .boat-thumb-title {
		font: 1.8em/.9em 'archivo_narrowbold', "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	#home-boats-list .button-wrap  {
		top: 5.5em;
	}

	.home-pages-wrap .boat-thumb-text-wrap {
		top: 2em;
	}

	.home-pages-wrap .boat-thumb-title {
		font-size: 1.7em;
		padding: 0 .1em;
	}

}
/* 960px Desktop */
@media only screen and (min-width: 960px) {

	#header {
		height: 120px;
	}

	#wrapper {
		padding: 0;
	}

	/*structure*/
	.site-width,
	.full-width {
		width: 960px;
		margin: 0 auto;
		padding: 0;
	}


	#logo {
		display: none;
	}

	#menu-toggle {
		display: none;
	}

	#nav-wrap {
		display: block!important;
		left: 0;
		top: 55px;
		z-index: 1000;
		position: absolute;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
	}


	#main-nav.nav {
		padding: 13px 0 3px 0;
	}

	#main-nav.nav ul li {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		zoom: 1;
		*display: inline;
		padding: 0 .8em;
		border: none;
		font-size: 100%;
		position: relative;
		text-align: left;
		font-family: 'source_sans_prosemibold';
	}

	#main-nav.nav ul li.menu-logo {
		margin-top: -75px;
	}

	#main-nav.nav ul li.menu-logo a {
		background: url(images/dna-logo.svg) no-repeat center center;
		background-size: 300px 79px;
		margin: 30px 0 0 0;
		text-indent: -999em;
		display: inline-block;
		width: 300px;
		height: 79px;
	}

	.ie8 #main-nav.nav ul li.menu-logo {
		background: url(images/dna-logo-ie8.png) no-repeat center top;
	}

	#main-nav.nav ul li ul.sub-menu {
		position: absolute;
		top:20px;
		left: 0;
		padding:0 10px 8px 20px;
		margin: 0 0 0 1px;
		display: none;
		background:#1C1D1F;
		-webkit-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
		-moz-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
		box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
		-ms-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
		-o-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
		z-index: 1000;
	}

	#main-nav.nav ul li ul.sub-menu .sub-sub-menu {
		top: 0;
		padding: 0;
		position: relative;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
	}

	.ie7 #main-nav.nav ul li ul.sub-menu,
	.ie8 #main-nav.nav ul li ul.sub-menu {
		filter: progid:DXImageTransform.Microsoft.Shadow(Color='#333333', Strength=5, Direction=180,positive=true)!important;
	}
	
	#main-nav.nav ul li ul.sub-menu li {
		margin:0;
		padding: 6px 5px 3px 0;
		width: auto;
		display: block;
		white-space:nowrap;
		font-size: 150%;
	}

	#main-nav ul li a.touch-link {
		margin: 0;
		right: 0;
		top: -2px;
	}

	#main-nav.nav ul li.menu-item-has-children {
		padding-right: 25px;
	}

	.home-pages-wrap .boat-thumb-text-wrap {
		top: 3em;
	}

	.home-pages-wrap .boat-thumb-title {
		font-size: 1.8em;
		padding: 0 .2em;
	}

	.boat-section {
		padding: 0.4em 0 2.6em 0;
	}

	#slide-controls a {
		font-size: 3em;
	}
	
	.col-1{
		width: 220px;
	}

	.col-2 {
		width: 50%;
		padding-right: 3%;
	}

	.col-3 {
		width: 70%;
	}

	#home-boats-list .boat-thumb {
		width: 25%;
	}

	#copyright {
		float: left;
	}

	#footer-menu-select {
		display: none;
	}

	footer nav {
		display: block;
	}

	footer {
		padding: 40px 0 30px 0;
	}

	footer .col {
		display: inline-block;
		width: 18%;
		vertical-align: top;
	}

	#social-nav {
		width: 100%;
		text-align: left;
	}

	#social-nav ul li {
		display: inline-block;
		padding-left: 1px;
	}

	.footer-address p {
		margin-top: 0;
		line-height: 1.2em;
		width: 100%;
		text-align: left;
	}


}


/* 1140px Desktop */
@media only screen and (min-width: 1140px) {

	/*structure*/

	.site-width {
		width: 1140px;
		margin: 0 auto;
		padding: 0 100px 0 100px;
	}

	.full-width {
		width: 1140px;
		margin: 0 auto;
		padding: 0;
	}


	.nav ul li {
		font-size: 14px;
		padding: 0 40px;
	}

	#main-nav.nav ul li {
		font-size: 115%;
		padding: 0 1em;
	}

	.home-pages-wrap .boat-thumb-title {
		font-size: 2.2em;
		padding: 0 .2em;
	}

}