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

html, button, input, select, textarea,
.pure-g [class *= "pure-u"] { font-family: "Figtree", sans-serif; }


/* Div Modifiers - Float, Etc. */

.frame { max-width: 1170px; 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; }
.border-right-zero { border-right: 0px; }
.caps { text-transform: uppercase; }
.center { text-align: center; }
.clearfix { float: none; clear: both; }
.col2 { width: 250px; margin: 0px 30px 16px 0px; }
.col4 { width: 25%; }
.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%; }
.fixed { position: fixed; overflow: none; }
.feature-image { width: 300px; height: 200px; margin-bottom: 30px; }
.flex { width: 100%; height: auto; }
.full { width: 100%; }
.full-pad { width: 96%; padding: 0 2%; }
.left { float: left; display: inline; }
.mobile { display: none; }
.right { float: right; display: inline; }
.sans-serif { font-family: 'Helvetica Neue', arial; }
.shadow { text-shadow: 1px 1px 4px #000; }
.screen { opacity: .5; filter: alpha(opacity=50); }
.spacer { margin-top: 20px; margin-bottom: 40px; }
.wrap { float: left; margin: 1.2em 20px 20px 0; }
.white { color: #FFF; }


p.button { margin: 1em 0 2em; }
p.button a { text-transform: uppercase; color: #FFF; background-color: #af2626; padding: .5em 1em; }
p.button a:hover { text-decoration: none; background-color: #45446c; padding: .5em 1em; }


/* Global Base */

h1, h2, h3 { font-family: meursault-variable, serif; color: #C12427; font-weight: 700; margin-bottom: 0.5em; letter-spacing: 0px; }
h4 { text-transform: none; }
h2, h4, p.review-title { color: #777; font-weight: 700; margin-bottom: 0.5em; letter-spacing: 0px; }
#model-reviews p { margin: 0; line-height: 1em; }


p, li, label { font-size: .85em; line-height: 1.5em; color: #777; margin: 0 0 1.5em 0; }
a { color: #C12427; text-decoration: none; }
a:hover { color: #000; }
#main-body ul, #main-body ul, .tab_content ul { margin: 0em 0em 2em 3em; list-style-type: disc; }
#main-body ul li, .tab_content ul li { margin: 0em 0em 1em 0em; }
label { color: #777; }



table { margin: 0em 0em 2em 0em; width: 100%; }
table tr td, table tr th { font-size: .8em; line-height: 1.4em; color: #777; margin: 0em; padding: .75em 1em; vertical-align: top; }
table tr th { font-weight: bold; text-align: left; }

header { background: #053049; /* rgb(38,44,60); background: linear-gradient(-180deg, rgba(38,44,60,1) 0%, rgba(72,76,87,1) 100%); */ }
nav { background: #053049; /* rgba(72,76,87,1); border-top: 1px dotted #FFF; border-bottom: 1px solid #5c606d; */ }
nav ul li { font-family: "Figtree", sans-serif; text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; }
nav ul li a { color: #FFF; text-decoration: none; border: 0; }
nav ul li a:hover, nav ul li a:active { color: #f2e72f; }
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 { font-weight: 300; color: #C12427; text-transform: none; letter-spacing: 0; }
nav ul li .submenu ul li a:hover { color: #000; text-decoration: none; }
nav ul li .submenu ul li.submenu-header { font-family: "Figtree", sans-serif; text-transform: uppercase; color: #777; font-weight: 600; }

.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: #000; color: #FFF; }
a.model-year.active, a.model-year:hover { background-color: #C12427; color: #FFF; }





.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; }

#featured-assets .thumbContain, #asset-group .thumbContain { width: 100%; background-color: #f2f2f2; text-align: center; border: 1px solid #CCC; margin-bottom: 1em; }
#featured-assets .thumbContain { height: 118px; }
#asset-group .thumbContain { padding-top: 1em; padding-bottom: 1em; }
.index-thumbnail { padding: 1em; margin: 0em auto; }
.group-thumbnail { margin: 0em auto; max-width: 170px; width: auto; max-height: 150px; }

.bucket h2 { text-transform: uppercase; margin-top: .5em; }

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

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



/* Phone */

@media (max-width:767px)
{
	.pure-hidden-phone { display: none; }
	.pure-visible-desktop { display: none; }
	
	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:979px)
{
	.pure-hidden-tablet { display: none; }
	.pure-visible-desktop { display: none; }
	.pure-visible-phone { display: none; }

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

}



/* Phone + Tablet */

@media (max-width:979px)
{
	h1 { font-size: 1.8em; line-height: 1em; margin: 0 0 .5em 0;}
	h2 { font-size: 1.2em; line-height: 1.2em; margin: 0 0 .5em 0;}

	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; }

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

	#main-body .pure-g { margin: 0 -1em; }
	
}



/* Desktop */

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

	h1 { font-size: 2em; line-height: 1.1em; margin: 0 0 .5em 0;}
	h2 { font-size: 1.4em; line-height: 1.2em; margin: 0 0 .5em 0;}
	h3 { font-size: 1.2em; line-height: 1.2em; margin: 0 0 .5em; }

	header { height: 80px; padding-top: 0px; }
	
	.social-icon { color: #FFF; }

	nav { height: 50px; }
	nav ul { padding-left: 1em; }
	nav ul li { font-size: 1em; float: left; position: relative; float: left; margin: 0; font-size: .9em; line-height: 1em; padding: 1.2em 1.2em; }
	nav ul li .submenu { float: left; position: absolute; width: 180px; padding: 2em 2em 2.5em; top: 50px; left: 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 #boat-models.submenu, nav ul li #archives.submenu, nav ul li #print-materials.submenu { width: 1000px; }
	nav ul li #videos.submenu, nav ul li #emagazines.submenu { width: 200px; }
	
	nav ul li .submenu ul li.submenu-divider { color: #FFF; margin-top: -.5em; margin-bottom: .5em; border-bottom: 1px solid #d5db51; }

	nav ul li #print-materials.submenu { left: -200px; }
	nav ul li #about.submenu { left: -200px; }

	#main-body { margin: 1.5em 0 4em; }
	#main-body .pure-g { margin: 0 -1em; }
	
	#splash-copy { padding-top: 1em; }

	.pure-form-aligned div { margin: 0 0 .5em 0; }
	.pure-form-aligned label { text-align: right; display: inline-block; vertical-align: middle; width: 12em; margin: 0 1em 0 0; }

}



/* Misc Styles */