/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer 
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
/************************************************* FONTS      */
/*** HEADING SIZES ***/
#page h1, #page .h1 { font-size: 25px; line-height: 28px; font-weight: 400; }

#page h2, #page .h2 { font-size: 20px; line-height: 22px; font-weight: 300; }

#page h3, #page .h3 { font-size: 15px; line-height: 16px; font-weight: 300; }

body { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased; font-family: 'Lato', arial, sans-serif; font-weight: 300; }

/************************************************* END OF FONTS      */
.site-header .navbar #slide-search-field { margin-top: 11px; }

@media screen and (max-width: 1199px) { .site-header .navbar #slide-search-field { margin-top: 7px; margin-left: -10px; } }

.site-header .navbar-brand { z-index: 100; }

@media screen and (max-width: 991px) { .site-header .navbar-brand { position: relative; padding-left: 0; } }

.site-header #header_topbar #header-account-buttons { margin-top: 0; margin-right: 195px; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.signup_button, .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a#userDropDown { background: #f5a81c; border-color: #f5a81c; color: #fff; border-radius: 0 0 4px 4px; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.signup_button:hover, .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a#userDropDown:hover { background: #d58d09; border-color: #d58d09; }

.site-header .navbar-default { background: transparent; }

.site-header .navbar-default .container { position: relative; }

.site-header .navbar-default .container .header-social-icons { position: absolute; right: 15px; top: -71px; }

.site-header .navbar-default .container .header-social-icons a { width: 30px; height: 30px; display: inline-block; margin-left: 5px; background: #aaaaaa; border-radius: 15px; text-align: center; padding-top: 6px; padding-left: 1px; color: #fff; transition: background .5s; -webkit-transition: background 0.5s .site-header .navbar-default .container .header-social-icons a; }

.site-header .navbar-default .container .header-social-icons a :hover { background: #6c6c6c; }

.site-header .navbar-default .main-nav .nav > li > a { font-weight: 400; }

@media screen and (max-width: 1199px) { .site-header .navbar-default .main-nav .nav > li > a { padding: 12px 10px 12px 10px; font-size: 12px; } }

.subcontainer_style1 .subscribe-form-container { background-color: #3A3D42 !important; color: #fafafa !important; }

.slide-info .col-lg-offset-1 { margin-left: 0px; }

/***************  Overall Style for header ******************/
.header-slideshow #page { /*turns off the transparent bg color and adds color*/ /*************** Top Bar Login/Admin Butttons ******************/ }

.header-slideshow #page .site-header { background-color: transparent; /*************** Bottom Logo/Navbar title ******************/ }

.header-slideshow #page .site-header .navbar-brand { background: url(//silkstart.s3.amazonaws.com/577e990d893aaa042c96b08a.png) 15px 10px no-repeat; background-size: 160px 55px; width: 179px; height: 75px; }

.header-slideshow #page .site-header .navbar-brand img { display: none; }

.header-slideshow #page #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li.account-button-li > a#userDropDown { border: 2px solid #f7a700; }

.header-slideshow #page #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.signup_button { border: 2px solid #0069aa; }

.header-slideshow #page #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:hover { border: 2px solid #0069aa; }

.mm-panel .mobile-menu-prime-link { color: #FFFFFF !important; }

/* Banner NO OVERLAY */
.header-banner .header-banner-text { background: none; }

/*** header banner height ***/
.cpage .header-banner { height: 300px !important; }

footer#site_footer { background: url(//silkstart.s3.amazonaws.com/578564f22ef20219b05f18ba.jpg) top center no-repeat #004a97; background-size: 100% auto; }

footer#site_footer .lower-footer { background: #043971 !important; }

footer#site_footer .lower-footer .footer-logo .navbar-brand { background: url(https://silkstart.s3.amazonaws.com/577e990d893aaa042c96b08a.png) top left no-repeat; width: 110px; height: 38px; background-size: cover; }

footer#site_footer .lower-footer .footer-logo .navbar-brand img { display: none; }

.powered-by-silkstart { display: none; }

#mc_embed_signup .button { clear: both; background-color: #f7a700 !important; }

#mc_embed_signup .button:hover { background: #d47d00 !important; }

/****************
Footer Styles END
*****************/
/****************
General Styles
*****************/
.header-banner-page-title { display: none; }

button.btn.btn-block.btn-primary.btn-lg.contact_button.item_action_user_send_message { background-color: #0069aa; border-color: #0069aa; color: #ffffff; }

/*** Button colour defaults to #333 ***/
.btn.btn-primary { color: #fff; }

#template4 .stacks .cpage_container > .custom_webpage_section_view:nth-child(2) { background: url(//silkstart.s3.amazonaws.com/578569ff6862131958e15521.jpg) top center no-repeat; background-size: cover; margin: 20px 0 40px 0; padding-top: 30px; }

#template4 .stacks .cpage_container > .custom_webpage_section_view:nth-child(2) .panel.panel-default { background: transparent; }

.custom-grey { background: #f7a700; color: white; font-weight: 800; letter-spacing: 0.5px; }

.custom-grey:hover { background: #d89301; }

/****************
General Styles END
*****************/
/****************************
Custom Enrolment Flow Styles 
*****************************/
.organization-selection .row > .col-md-6:first-child { display: none; }

.organization-selection .header-link { display: none; }

.organization-selection .panel .panel-body { visibility: hidden; height: 35px; }

@media screen and (max-width: 524px) { .organization-selection .panel .panel-body { height: 60px; } }

.organization-selection .panel .panel-body:after { content: "Please complete the following form to apply for membership with Boating BC."; visibility: visible; top: -38px; position: relative; }

@media screen and (max-width: 524px) { .organization-selection .panel .panel-body:after { top: -40px; } }

@media screen and (max-width: 484px) { .organization-selection .panel .panel-body:after { top: -58px; } }

/* Change signup plan icon colour (no IE 10 support) */
.plan_table_container_main .plan_row .row.company .plan-icon { -webkit-filter: hue-rotate(270deg) saturate(4.5); -moz-filter: hue-rotate(270deg) saturate(4.5); -ms-filter: hue-rotate(270deg) saturate(4.5); -o-filter: hue-rotate(270deg) saturate(4.5); filter: hue-rotate(270deg) saturate(4.5); }

.company-overview-field:before { content: "Please provide a brief description of your company. This information will be visible to the public on your company profile and is an opportunity to connect with potential customers!"; }

/*******************************
Custom Enrolment Flow Styles END
********************************/
.new-card-section::before { content: "PAYMENT OPTIONS: Request an invoice above or complete online payment information"; margin-bottom: 20px; display: block; font-weight: bold; }

/**********************
Custom Directory Styles
***********************/
#content .company-page-header { background-image: url(http://silkstart.s3.amazonaws.com/579b93242ef2023fa3774c5a.jpg); }

.directory-custom-field.distributors { text-transform: uppercase; font-weight: 700; }

/**************************
Custom Directory Styles END
***************************/
.sector-group-memberships { font-weight: 700; text-transform: uppercase; }

.sector-group-memberships label { display: none; }

.custom-heading-field-title { font-weight: 400; }

#page { /**** colour of upcoming events widget****/ }

#page .ss-panel .ss-panel-header .item_name a { color: #0069aa; }

#page .widget-item-image img { border: none; border-radius: 0; padding: 0; }

#page #secondary_content .ss-widget .widget-title, #page .col-lg-3 .ss-widget .widget-title, #page .col-md-3 .ss-widget .widget-title, #page .col-lg-4 .ss-widget .widget-title, #page .col-md-4 .ss-widget .widget-title, #page .col-lg-6 .ss-widget .widget-title, #page .col-md-6 .ss-widget .widget-title, #page .col-lg-9 .ss-widget .widget-title, #page .col-md-8 .ss-widget .widget-title, #page .large_left_section .ss-widget .widget-title { color: #00a94f; }

/*******************
Custom Widget Styles
*******************/
.upcoming-event-widget h2, .job-listing-widget h2, .article-list h2 { color: #00A94F; text-transform: uppercase; }

.article-list .ss-widget .row article:nth-child(4) { display: none; }

.article-list .ss-widget .row article:nth-child(3) .ss-panel { border-bottom: none; }

@media (min-width: 1200px) { .article-list .col-lg-3 { width: 33.33333%; } }

/***********************
Custom Widget Styles END
************************/
/*************
DELETED STYLES

h1, h2, h3, h4, h5, .panel .panel-heading h3{
  font-family:'Lato', arial, sans-serif;
  font-weight:700;
}

#main_content .html_content img, .wysiwyg img, .richtext img{
  border:none;
  padding:0;
}

**************/
.header-slideshow #page .site-header { position: relative; background: #fff; }

.header-slideshow #page .site-header .navbar-brand { width: auto; }

.header-slideshow #page .site-header .navbar-brand img { -webkit-filter: none !important; -moz-filter: none !important; -ms-filter: none !important; -o-filter: none !important; filter: none !important; display: block; }

.header-slideshow #page .site-header .navbar-default .navbar-nav > li > a { color: #333333; }

.header-slideshow #page .site-header .navbar-default .navbar-nav > li > a:hover, .header-slideshow #page .site-header .navbar-default .navbar-nav > li > a:focus { color: #2c873f; }

.header-slideshow #page .site-header .navbar-default .navbar-nav > li.active > a { color: #2c873f; }

.header-slideshow #page .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { color: #333333; }

.header-slideshow #page .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:hover { color: #0069aa; }

.header-slideshow #page .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.signup_button, .header-slideshow #page .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li.account-button-li > a#userDropDown { color: #fff; }

.team-page .header-banner-page-title, .team-page .header-banner-subtext { display: none; }

/***********************
Responsive YouTube Embedding Tool (embedresponsively.com)
************************/
.embed-container { position: relative; height: auto; overflow: hidden; max-width: 100%; }

/***********************
Event speaker bio snippet
************************/
.event-speaker-bio { float: left; clear: both; border-bottom: 1px solid #ddd; margin-bottom: 30px; }

.event-speaker-bio-photo { max-width: 100%; float: left; clear: left; }

.event-speaker-bio-text { padding-left: 15px; }

.event-speaker-bio-text h2 { font-weight: bold; color: #0069AA; text-transform: uppercase; }

.event-speaker-bio-text h3 { font-style: italic; }

.event-speaker-bio-text h4 { font-weight: bold; }

#page .event-banner { height: 37.49531vw; background-size: cover; }

/*Update to terms and condition wording */
.signup-wrap label[for="termsofservice"] > a { display: inline-block; text-indent: -9999px; line-height: 0; /* Collapse the original line */ }

.signup-wrap label[for="termsofservice"] > a:after { content: 'Code of Ethics'; text-indent: 0; display: block; line-height: initial; /* New content takes up original line height */ }