@import url("/assets/fonts.googleapis.com/css.css");

/*
	Theme Name:   Flatbase Child
	Theme URI:    http://nicethemes.com/theme/flatbase/
	Description:  BOATsmart Theme based off Flatbase
	Author:       Derek Cunningham
	Author URI:   http://www.boatsmart.com;
	Template:     flatbase
	Version:      1.0.0
	License:      GNU General Public License v2 or later
	License URI:  http://www.gnu.org/licenses/gpl-2.0.html
	Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
	Text Domain:  nicethemes
*/

/*DIN Next Slab Pro Bold font */

@font-face {
  font-family: "DIN Next Slab Pro Bold";
  src: url("fonts/DIN_Next_Slab_Pro_Bold.eot?#iefix");
  src: url("fonts/DIN_Next_Slab_Pro_Bold.eot?#iefix") format("eot"),
    url("fonts/DIN_Next_Slab_Pro_Bold.ttf") format("truetype"),
    url("fonts/DIN_Next_Slab_Pro_Bold.svg") format("svg");
  font-display: swap;
}


@font-face {
	    font-family: "pf_din_text_cond_proregular";
	    src: url("fonts/pfdintextcondpro-regular-webfont.eot");
	    src: url("fonts/pfdintextcondpro-regular-webfont.eot?#iefix") format("embedded-opentype"),
	         url("fonts/pfdintextcondpro-regular-webfont.woff") format("woff"),
	         url("fonts/pfdintextcondpro-regular-webfont.ttf") format("truetype"),
	         url("fonts/pfdintextcondpro-regular-webfont.svg#pf_din_text_cond_proregular") format("svg");
	    font-weight: normal;
	    font-style: normal;
	}

@font-face {
	    font-family: "pf_din_text_cond_promedium";
	    src: url("fonts/pfdintextcondpro-medium-webfont.eot");
	    src: url("fonts/pfdintextcondpro-medium-webfont.eot?#iefix") format("embedded-opentype"),
	         url("fonts/pfdintextcondpro-medium-webfont.woff") format("woff"),
	         url("fonts/pfdintextcondpro-medium-webfont.ttf") format("truetype"),
	         url("fonts/pfdintextcondpro-medium-webfont.svg#pf_din_text_cond_proregular") format("svg");
	    font-weight: normal;
	    font-style: normal;
	}
	
@font-face {
	font-family: 'themify';
	src:url('fonts/themify.eot?-fvbane');
	src:url('fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
		url('fonts/themify.woff?-fvbane') format('woff'),
		url('fonts/themify.ttf?-fvbane') format('truetype'),
		url('fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

.din{
	font-family:'Din Next Slab Pro Bold'!important;
	text-transform: uppercase;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
#call-to-action,
.button-primary, .button-blue, .button-secondary, .header .nav li.current-page a, .header .nav-callout, .cta-button, input[type="submit"], button, #commentform .button, #respond input[type="submit"], .nice-contact-form input[type="submit"], .blog-masonry #posts-ajax-loader-button,
.nice-infoboxes .infobox-title {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
}

h3 {
	font-family: "DIN Next Slab Pro Bold", "Open Sans", arial, sans-serif; color: #ffffff !important;
	color: #1b1b1b;
	text-transform: uppercase;
}

h4.widgettitle {
	font-family: "DIN Next Slab Pro Bold", "Open Sans", arial, sans-serif; color: #ffffff !important;
	color: #1b1b1b !important;
	text-transform: uppercase;
}

input, textarea {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
}

a:hover {
	color: #444 !important;
}

img.size-large { margin: 0; }

#wrapper	{ }

#header	{ overflow: hidden; background: #193f6a url('images/knowledgebase_header.jpg') 25% top no-repeat; background-size: cover; }

#top {
	background: url('images/bar_red.jpg') 0 0 repeat-x;
	background-size: auto 8px;
	border-bottom: 1px solid #fff;
	width: 100%;
	padding: 0 20px;
	max-width: none !important;
	padding-bottom: 15px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 5px rgba(0,0,0,0.075);
	/*
	position: fixed !important;
	z-index: 1000;
	*/
}

#content {
	width: 61.583%;
	margin: auto;
  float: none;
  overflow: hidden;
}

#header #top #logo #retina-logo {height: 49px; }

#header #top{ background-color: #FFFFFF; }

.error404 #header		{ background-image: none; background-color: transparent; min-height:120px; }
.error404 #content		{ text-align: center; width: 100%; }
.error404 #content h2	{ padding-bottom: 15px; }

#main-nav { width: 100%; }  

#top #navigation					{ float: none; margin: 0px 0 0 160px; padding-top: 30px; }
#top #navigation .nav > li a		{ line-height: normal; margin: 0; font-size: 16px; text-transform: none; padding: 15px; }
#navigation .nav li a {
	color: #fff !important;
}
#top #navigation .nav > li a:hover	{ color: #fff !important;}
.bar	{ display: none; }

#top #navigation .menu-item {
	float: right;
	height: 65px;
	margin-bottom: -20px;
	padding-left: 10px;
	padding-right: 10px;
}

#top #navigation .menu-item:hover {
	color: #fff !important;
	height: 64px;
	border-bottom: 2px solid #fff;
}

#top #navigation a.menu-link.main-menu-link {
	text-transform: uppercase;
}

#navigation .nav li.btn-gray a,
.btn-gray a { background: white !important; border: 1px solid #dfdfdf !important; padding: 12px 15px 12px 15px !important; color: #444 !important; font-size: 18px !important; line-height: 18px !important; _text-transform: uppercase !important; letter-spacing: 0.2px !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e8e8e8) ) !important; background: -moz-linear-gradient( center top, #ffffff 5%, #e8e8e8 100% ) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8') !important; background-color: #ffffff !important; -webkit-border-top-left-radius: 3px !important; -moz-border-radius-topleft: 3px !important; border-top-left-radius: 3px !important; -webkit-border-top-right-radius: 3px !important; -moz-border-radius-topright: 3px !important; border-top-right-radius: 3px !important; -webkit-border-bottom-right-radius: 3px !important; -moz-border-radius-bottomright: 3px !important; border-bottom-right-radius: 3px !important; -webkit-border-bottom-left-radius: 3px !important; -moz-border-radius-bottomleft: 3px !important; border-bottom-left-radius: 3px !important; text-decoration: none !important; text-align: center !important; /* text-shadow: 1px 1px 0px #d10401; */}

#navigation .nav li.btn-gray a:hover { background: #eee !important; }

#infoboxes, #home-videos {
	background: #f4f4f5;
	background-size: cover;
	border-top: 1px solid #d8d9db;
	border-bottom: 1px solid #d8d9db;
}

#infoboxes {
	background: #eff6fa url("images/knowledgebase_resources_bg.jpg") top right no-repeat;
}

#call-to-action	{
	background: #f8fbfe url('images/boatsmart-assure-boat-insurance_bg.jpg') no-repeat;
	background-position: 50% 50%;
	/* background-size: cover; */
	height: 470px;
}

#call-to-action h4 {
	font-family: "DIN Next Slab Pro Bold", "Open Sans", arial, sans-serif; color: #ffffff !important;
	color: #262626 !important;
	font-size: 38px;
	font-weight: bold;
	margin-top: 35px;
	margin-bottom: 30px;
	white-space: nowrap;
}

#call-to-action .cta-text {
	display: block;
	margin-bottom: 40px;
}
#call-to-action .cta-button-wrapper {
	display: block;
	text-align: left;
}
#call-to-action .cta-button {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 300 !important;
}

.cta-text { font-size: 100%; line-height: 25px; }
.cta-text h4 { margin-bottom: 15px; }

.anchor{ display: block; height: 95px; margin-top: -95px; visibility: hidden; }

#header #top #toggle-nav {
	background: transparent;
}


#navigation .nav li.btn-red a,
.btn-red a		{ padding: 12px 15px 12px 15px !important; color: white !important; font-size: 18px !important; line-height: 18px !important; letter-spacing: 0.2px !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ec0000), color-stop(1, #d10401) ) !important; background: -moz-linear-gradient( center top, #ec0000 5%, #d10401 100% ) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec0000', endColorstr='#d10401') !important; background-color: #ec0000 !important; -webkit-border-top-left-radius: 3px !important; -moz-border-radius-topleft: 3px !important; border-top-left-radius: 3px !important; -webkit-border-top-right-radius: 3px !important; -moz-border-radius-topright: 3px !important; border-top-right-radius: 3px !important; -webkit-border-bottom-right-radius: 3px !important; -moz-border-radius-bottomright: 3px !important; border-bottom-right-radius: 3px !important; -webkit-border-bottom-left-radius: 3px !important; -moz-border-radius-bottomleft: 3px !important; border-bottom-left-radius: 3px !important; text-decoration: none !important; text-align: center !important; text-shadow: 1px 1px 0px #d10401 !important; box-shadow: 0 2px 2px rgba(4,4,4,.2), inset 0 1px 1px #ff9c9c !important; border: 1px solid transparent !important; font-weight: normal !important;}
#navigation .nav li.btn-red a:hover,
.btn-red a:hover	{ background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d10401), color-stop(1, #ec0000) ) !important; background: -moz-linear-gradient( center top, #d10401 5%, #ec0000 100% ) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d10401', endColorstr='#ec0000') !important; background-color: #d10401 !important; }


.cta-button			{ padding: 12px 15px 12px 15px !important; color: white !important; font-size: 18px !important; line-height: 18px !important; letter-spacing: 0.2px !important; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #009fda), color-stop(1, #00AEEF) ) !important; background: -moz-linear-gradient( center top, #009fda 5%, #00AEEF 100% ) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009fda', endColorstr='#00AEEF') !important; background-color: #009fda !important; -webkit-border-top-left-radius: 3px !important; -moz-border-radius-topleft: 3px !important; border-top-left-radius: 3px !important; -webkit-border-top-right-radius: 3px !important; -moz-border-radius-topright: 3px !important; border-top-right-radius: 3px !important; -webkit-border-bottom-right-radius: 3px !important; -moz-border-radius-bottomright: 3px !important; border-bottom-right-radius: 3px !important; -webkit-border-bottom-left-radius: 3px !important; -moz-border-radius-bottomleft: 3px !important; border-bottom-left-radius: 3px !important; text-decoration: none !important; text-align: center !important; text-shadow: 1px 1px 0px #00AEEF !important; box-shadow: 0 2px 2px rgba(4,4,4,.2), inset 0 1px 1px rgba(255,255,255,0.2) !important; border: 1px solid transparent !important; font-weight: normal !important;}

/*.cta-button:hover	{ background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00AEEF), color-stop(1, #009fda) ) !important; background: -moz-linear-gradient( center top, #00AEEF 5%, #009fda 100% ) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AEEF', endColorstr='#009fda') !important; background-color: #00AEEF !important; }*/
.cta-button:hover	{ background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #07c), color-stop(1, #00AEEF) ) !important; background: -moz-linear-gradient( center top, #07c 5%, #00AEEF 100% ) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07c', endColorstr='#00AEEF') !important; background-color: #07c !important; }


#live-search	{ padding-top: 93px; }

.welcome-message h1, .welcome-message h2 {
	color: white;
	font-size: 50px !important;
	font-weight: normal !important;
	letter-spacing: -2px;
	text-align: center;
	/*text-shadow: 1px 1px 8px rgba(150, 150, 150, 1);*/
	line-height: 1.2 !important;
	font-family: "DIN Next Slab Pro Bold", "Open Sans", arial, sans-serif;
	color: #ffffff !important;
}

.welcome-message h1 {
	letter-spacing: .02em;
}

.welcome-message h2 {
	font-family: "DIN Next Slab Pro Bold", "Open Sans", arial, sans-serif;
	color: #ffffff !important;
}

.welcome-message p {
	font-family: "DIN Next Slab Pro Bold", "Open Sans", arial, sans-serif;
	color: #ffffff !important;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 25px;
	text-shadow: 1px 1px 8px rgba(150, 150, 150, 1);
}

.welcome-message img {
	margin-top: 20px;
}

.welcome-message .underline { background: transparent url('images/text_underline_white.png') 0 100% no-repeat; }

#live-search .input label	{ top: 23px; }
#live-search #s				{ padding: 23px 0 17px 25px; }

.nice-infoboxes .infobox-title {
	font-family: "DIN Next Slab Pro Bold", "Open Sans", arial, sans-serif; color: #ffffff !important;
	text-transform: uppercase;
	font-size: 24px;
	padding-top: 0px;
	margin-top: -10px;
}

.nice-infoboxes .infobox-title a {
	color: #495E53;
}

.nice-infoboxes {
	text-align: left;
}

.nice-infoboxes .item a.read-more {
	border: 1px solid #959b9e; /* #808285;*/
    padding: 14px 20px;
	/*color: #495E53;*/
	color: #8b989e;
	text-transform: uppercase;
}

.nice-infoboxes .item:hover a.read-more {
	/* border-bottom-color: #C90A0A; */
	border-color: #454545;
	color: #454545;
}

.nice-infoboxes .item a.read-more:after {
	content:'\e649';
	font-family: 'themify';
	margin-left: 10px;
	position: relative;
	display: inline-block;
	color: #8b989e;
}

.nice-infoboxes .item:hover a.read-more:after {
	color: #f60012;
}

.nice-infoboxes .infobox-content {
	height: 50px;
}

/* hover color: #4b4d4b; */

/* color: #555555; /* 85% */


/*

Headers: #454545
Text: #636363

*/


.nice-infoboxes .thumb img{
	width: 80%;
	height: auto;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.nice-infoboxes .item:hover .thumb img{
	-webkit-transform: scale(1.25,1.25) translate(20px,0px);
	-moz-transform:	   scale(1.25,1.25) translate(20px,0px);
	-o-transform:	   scale(1.25,1.25) translate(20px,0px);
	-ms-transform:	   scale(1.25,1.25) translate(20px,0px);
	transform:		   scale(1.25,1.25) translate(20px,0px);
}

.nice-knowledgebase ul {
	
}

.nice-knowledgebase ul li:hover i {
	border: none;
}

.entry-title { text-transform: none; }

h1.entry-title {
	font-weight: 500;
}

h4 .rsswidget		{ cursor: default; color: #4b4d4b; }
h4 .rsswidget img	{ display: none; }

.outdoorsmart_popular_articles li, .widget_rss li {
	text-indent: -15px !important;
	padding-left: 30px !important;
}

.category-posts li a {
	text-indent: -15px;
	padding-left: 30px;
}

.video-list li {
	text-indent: -17px;
	margin-left: 34px;
}

.outdoorsmart_popular_artciles a, .category-posts a, .widget_rss ul a {
	color: #8b989e !important;
}

.outdoorsmart_popular_artciles a:hover, .category-posts a:hover {
	color: #444 !important;
}

.outdoorsmart_popular_articles a:before, .category-posts a:before, .widget_rss ul a:before {
	content: "\f016";
	font-family: 'FontAwesome';
	font-size: 18px;
	font-weight: 100;
	margin-right: 15px;
	position: relative;
	display: inline-block;
	opacity: 0.6;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

.outdoorsmart_popular_articles li:hover a:before, .category-posts li:hover a:before, .widget_rss ul li:hover a:before, .video-list ul li:hover i {
	color: #f60012;
}

#home-videos {
	background: url('images/knowledgebase_videos_bg.jpg') top center no-repeat;
}

#home-videos .video-list {
	padding-top: 25px;
}

#home-videos .video-list h2 {
	font-family: "DIN Next Slab Pro Bold", "Open Sans", arial, sans-serif;
	color: #4b4d4b;
}

article header h2 {
	font-size: 26px;
	margin-bottom: 8px;
}

.bsCA, .bsUS {
	display: none;
}

.os_logo {
	background: url("images/os-color-logo.jpg") top center no-repeat;
	width: 35px;
	height: 35px;
}

#footer							{ background: #fff; }
#footer-widgets					{ border-bottom: none; padding-top: 50px;  padding-bottom: 0px; }
#footer-widgets .widget			{ color: #777; line-height: 1.7em; }

#footer-widgets .widget a		{
	color: #8a8a8a;
}
#footer-widgets .widget a:hover		{ color: #888; }
#footer-widgets .widget li a		{ color: #8a8a8a; }
#footer-widgets .widget li a:hover		{ color: #888; }

#footer h4,
#footer-widgets .widgettitle	{ border-bottom: none; margin-bottom: 20px; padding: 0!important; }
#footer-widgets ul				{ line-height: 1.7em; }
#footer-widgets .widget ul li,
#footer-widgets li				{ padding: 0; border-bottom: none; }

#footer-widgets div.widget-section li.menu-item a {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

.social-icons a { }

#extended-footer	{
	color: #c0c0c0;
	background: #f7f7f7;
	padding-top: 18px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#extended-footer a {
	color: #c0c0c0 !important;
	text-transform: uppercase;
}

#extended-footer a:hover {
	color: #444 !important;
	text-transform: uppercase;
}

#footer-navigation a {
	/* color: #a4a4a4; */
	margin: 0 20px 0 0;
}
#footer-navigation a:hover {
	/*color: #ffffff;*/
}

.made-in-canada			{ padding-left: 10px; background: transparent url('images/canada.png') 0 0 no-repeat; background-size: 15px 15px;  } 
#footer-navigation .made-in-canada a,
#footer-navigation .made-in-canada a:hover	{ cursor: default; /*color: #ffffff;*/ } 

#YouTubePlaylist					{}
#YouTubePlaylist .videolink			{ float: left; margin: 0 1% 15px 0; width: 32%; }
#YouTubePlaylist .thumbnail			{ background-size: cover; background-position: 50% 50%; width: 100%; height: 100px; }
#YouTubePlaylist .thumbnail a		{ display: inline-block; height: 100%; width: 100%; border: none; color: #8b989e; text-decoration: none; }
#YouTubePlaylist .thumbnail a:hover	{ color: #5a5a5a; }
#YouTubePlaylist a					{ color: #8b989e; text-decoration: none; border: none; }
#YouTubePlaylist a:hover			{ color: #5a5a5a; }
#YouTubePlaylist img				{ display: inline-block; height: 100%; width: 100%; }

@media screen and (max-width: 1024px){
	#top #navigation{
		margin-left: 0px;
	}

	#header #navigation ul {
		border-top: 1px solid #eee;
	}

	#top #navigation .nav > li a {
		background: white;
		color: #444;
		font-size: 18px;
		padding: 10px 30px 10px 30px;
		border-bottom: 1px solid #eee;
	}
	
	#top #navigation .nav > li a:hover {
		background: #eee;
	}

	#top #navigation .btn-gray {
		margin-left: 0;
		margin-top: 30px;
		width: auto;
		display: inline-block;
	}

	#top #navigation .btn-red {
		margin-top: 30px;
		width: auto;
		display: inline-block;
	}
	
	#call-to-action	{
		background: #f8fbfe;
		height: auto;
	}

	#call-to-action h4 {
		font-family: "DIN Next Slab Pro Bold", "Open Sans", arial, sans-serif; color: #ffffff !important;
		color: #262626 !important;
		font-size: 38px;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 20px;
		white-space: nowrap;
		text-align: center;
	}
	
	#call-to-action p {
		text-align: center;
	}
	
	#call-to-action .cta-text {
		display: block;
		margin-bottom: 20px;
	}
	
	#call-to-action .cta-button-wrapper {
		display: block;
		text-align: center;
	}
	
	.columns-2 {
		width: 100%;
	}
	
	#live-search {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 680px){
	#YouTubePlaylist .videolink	 { margin: 0 2% 15px 0; width: 48%; }
	
	#live-search {
		padding-top: 20px;
		padding-bottom: 20px;
	}

}

@media screen and (max-width: 430px){
	#YouTubePlaylist .videolink	 { float: none; margin: 0 0 15px 0; width: 99%; }
	
	#live-search {
		padding-top: 20px;
		padding-bottom: 20px;
	}

}

.cta-button {
	font-weight: 600;
    	font-size: 14px;
    	letter-spacing: 2px;
    	display: inline-block;
    	padding: 10px 35px;
    	text-transform: uppercase;
    	display: inline-block;
    	color: #fff;
    	border-width: 1px;
    	border-style: solid;
    	border-radius: 0px;
    	transition: color 1s ease-in-out 0s, background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
    	padding: 10px 35px 10px 35px !important;
	background: #8cba40;
    	border-color: #8cba40;
}

  .navbar {
  overflow: hidden;
  background-color: #000000;
  position: fixed;
  top: 0;
  width: 100%;
  height: 62px;
  display: none;
  z-index: 1000;
  
}

  .navbar .logo {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 22px 20px;
  text-decoration: none;
  font-size: 17px;
}

  .navbar .buy-btn {
  float: right;
  display: block;
  color: #f2f2f2;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 2px;
  padding: 10px 35px;
  text-transform: uppercase;
  display: inline-block;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-radius: 0px;
  margin: 11px 20px 0px 0px;
  transition: ease-in-out 0s, background-color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s;
  color: #FFF !important;
  background: #8cba40;
  border-color: #8cba40;
}

/*
#header {
  margin-top: 2em;
}*/

@media screen and (max-width: 576px) {
  .navbar {
  bottom: 0;
  top: unset;
 }
}

#container{
	max-width: 1366px;
	padding: 104px;
	box-sizing: content-box;
	margin-top: 0;
	padding-top: 160px;
}