/* https://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

/* Import fonts */
@font-face {
    font-family: 'Pridi';
    src: url('fonts/pridi-v11-latin-regular.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'Pridi Bold';
    src: url('fonts/pridi-v11-latin-500.woff') format('woff');
    font-style: 500;
}


/* Assign fonts to Pure div structure */
html, button, input, select, textarea,
.pure-g [class *= "pure-u"] { font-family: "Pridi", arial, sans-serif; }


/* Div Modifiers - Float, Etc. */
.frame { max-width: 1140px; margin: 0 auto; padding: 0px; }
.frame-slim { max-width: 1000px; margin: 0 auto; padding: 0px; }
.border-box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.caps { text-transform: uppercase; }
.center { text-align: center; }
.clearfix { float: none; clear: both; }
.column-2 { -webkit-columns: 100px 2; -moz-columns: 100px 2; columns: 100px 2; }
.fixed { position: fixed; overflow: none; }
.flexbox { display: flex; justify-content: center; }
.left { float: left; display: inline; }
.mar-bot-0 { margin-bottom: 0em; }
.mar-bot-025 { margin-bottom: 0.25em; }
.mar-bot-05 { margin-bottom: 0.5em; }
.mar-bot-1 { margin-bottom: 1em; }
.mar-bot-15 { margin-bottom: 1.5em; }
.mar-bot-2 { margin-bottom: 2em; }
.mar-top-0 { margin-top: 0em; }
.mar-top-05 { margin-top: 0.5em; }
.mar-top-1 { margin-top: 1em; }
.mar-top-2 { margin-top: 2em; }
.pad-bot-1 { padding-bottom: 1em; }
.pad-bot-2 { padding-bottom: 2em; }
.pad-top-1 { padding-top: 1em; }
.pad-top-2 { padding-top: 2em; }
.right { float: right; display: inline; }
.sans-serif { font-family: 'Helvetica Neue', arial; }
.screen { opacity: .5; filter: alpha(opacity=50); }
.shadow { text-shadow: 1px 1px 4px #000; }
.small-type { font-size: 0.85em; }
.spacer { margin-top: 20px; margin-bottom: 40px; }
.wrap { float: left; margin: 1.2em 20px 20px 0; }
.white { color: #FFF; }

/* Helper Color Classes - Remove on Production */

.color-A { background-color: #FAB; }
.color-B { background-color: #BAC; }
.color-C { background-color: #ACE; }
.color-D { background-color: #A55; }

/* Embed Responsively  - http://embedresponsively.com/ */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Global Base */
body { background-color: #F6F6EF; }
h1, h2, h3, h4 { font-family: "Pridi Bold", arial, sans-serif; font-weight: 500; }
	h1 { font-size: 2.5em; }
	h2 { font-size: 1.5em; }
	h3 {  }
	h4 {  }
p, li, label { font-size: 1em; line-height: 1.5em; color: #000; margin: 0 0 1.5em 0; font-weight: 300; }
	p, li, label, table, img.body-img, .embed-container { margin-bottom: 1.5em; }

a { color: #DF7A42; text-decoration: none; border-bottom: 1px dotted #AAA; }
	a:hover { color: #DF7A42; }
	.thumbContain a, .lang-select a, .trp-language-switcher a { border: 0; }
	a#button-nav-toggle { color: #FFF; border-bottom: 0; }

header { background-color: #001d10; /* border-bottom: 1px solid #CCC;*/ }
nav { /* background-color: #253b4e; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; */ }
nav ul li { text-decoration: none; }
nav ul li a { color: #FFF; text-decoration: none; border: 0; }
nav ul li a:hover, nav ul li a:active { color: #DF7A42; }
nav ul li .submenu { display: none; background-color: #FFF; }
nav ul li .submenu ul li { font-size: 1em;  }
nav ul li .submenu ul li a { color: #DF7A42; text-decoration: none; text-transform: none; letter-spacing: 0; }
nav ul li .submenu ul li a:hover { color: #001d10; text-decoration: none; }
nav ul li .submenu ul li.submenu-header { color: #001d10; font-weight: 500; }

.model-subnav { display: none; }
.model-subnav.active { display: block; }
a.model-year { display: block; font-size: 1.2em; padding: 0.5em 0; !important; background-color: #00c2dd; color: #FFF; }
a.model-year.active, a.model-year:hover { background-color: #7ca7ad; color: #FFF; }

.thumbContain { width: 100%; height: 200px; background-color: #f2f2f2; text-align: center; align-items: center; border: 1px solid #CCC; margin-bottom: 1em; }
#featured-assets .thumbContain iframe { /*padding-top: 1em;*/ }
.index-thumbnail { padding: 1em; margin: 0em auto; }
.group-thumbnail { margin: 0em auto; }

div#model-reviews > .row-review:nth-of-type(odd) { background-color: #f2f2f2; }

img { -ms-interpolation-mode: bicubic; }
	img.pure-img { width: 100% !important; }

footer { padding: 2em 1em 4em; border-top: 1px solid #CCC; }
footer p { font-size: .85em; color: #000; }
footer a { color: #DF7A42; }

/* Pure Mods */
.pure-g [class*="pure-u"] { padding: 1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.pure-g [class*="no-pad"] { padding: 0em; }
.pure-g [class*="no-pad-top"] { padding: 0em 1em 0 1em; }
.pure-g [class*="extra-pad"] { padding: 3em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.pure-offset-center { margin-left: auto; margin-right: auto; }
.table-u-1-1 { width: 100%; }
.table-u-2-3 { width: 66.66667%; }


/* Extras */
.trp-language-switcher { text-align: center; margin: 0 auto !important; }

/* Phone */

@media (max-width:767px)
{
	.pure-hidden-phone { display: none; }
	#main-visual div { /* width: 100%; */ height: 50vh; }
	
	nav ul li .submenu ul li { border-bottom: 1px solid #CCC; }
	nav ul li .submenu { padding: 0em; margin: 0 -1em; }
	nav ul li .submenu ul li.submenu-header, nav ul li .submenu ul li.submenu-divider { display: none; }

}

/* Tablet */

@media (min-width:768px) and (max-width:1059px)
{
	.pure-hidden-tablet { display: none; }
	#main-visual div { /* width: 100%; */ height: 30vh; }

	nav ul li .submenu ul li { border-bottom: 0; }
	nav ul li .submenu { padding: 1em; margin: 0 -1em; }
}


/* Phone + Tablet */

@media (max-width:1059px)
{
	.pure-visible-desktop { display: none; }
	.hero-image { width: 100vv; }


	header { /* background-color: #2d4054; */ }
	nav {  }
	nav ul li { font-size: 1em; margin: 0; padding: 0 1em; border-bottom: 1px solid #CCC; }
	nav ul li.section-head { border-bottom: 0px; background-color: #999; color: #FFF; }
	nav ul li { line-height: 3em; }
	nav#menu { display: none; }
	#nav-logo img { padding-top: 0.5em; }

	#menu li.has-submenu > a:after
	{
		content: '+';
		display: inline;
		float: right;
		padding: 0em 0.5em;
		font-size: 1.5em;
	}
}



/* Desktop - All */

@media (min-width:1060px)
{
	.pure-visible-phone { display: none; }
	.pure-visible-tablet { display: none; }
	.pure-hidden-desktop { display: none; }

	.frame { /* width: 1060px; */ }
	body { /*padding-top: 100px;*/ }
	
	#main-visual div { /* width: 100%; */ height: 50vh; }

	header { /* background: url('https://marketing.sailfishboats.com/images/bkgrd_header.png') no-repeat center center; background-size: cover; */ }
	header table { margin: 1em 0 0 0; }
	nav { height: 60px; }
	nav ul { /* padding-left: 1em; */ }
	nav ul li { font-size: 1em; float: left; position: relative; float: left; margin: 0; line-height: 1em; padding: 1.2em 1.2em; }
	nav ul li .submenu { float: left; position: absolute; width: 180px; padding: 2em 2em 2.5em; top: 60px; left: 0; z-index: 99999; text-align: left; border-style: solid; border-color: #CCC; border-width: 1px; }
		nav ul li.right .submenu { float: right; position: absolute; padding: 2em 2em 2.5em; top: 60px; left: auto; right: 0; z-index: 99999; text-align: left; border-style: solid; border-color: #CCC; border-width: 1px; }

	nav ul li .submenu ul li { clear: both; margin: 0; border: 0; padding: 0.5em 0 1em 0; }
	nav ul li .submenu ul a:hover { text-decoration: underline; }
	nav ul li .submenu ul li.section-second-head { margin-top: 1em; }

	nav ul li #models.submenu { width: 700px; }
	nav ul li #product.submenu { width: 675px; }
	nav ul li#language-select { float: right; }
	#nav-logo img { padding-top: 1em; }
	
	.asset-link { text-align: right; }
}


/* Desktop - Medium */

@media (min-width:1060px) and (max-width:1279px)
{
}

/* Desktop - XL */

@media (min-width:1280px)
{
}

/* Misc Styles */