/* 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 */
@font-face { font-family: 'Roboto', Helvetica, sans-serif; src: url("https://fonts.googleapis.com/css?family=Roboto:300,400,700,900"); }

.site-header #header_topbar { height: 100px; }

.site-header #header_topbar .navbar-header .navbar-brand { position: absolute; left: -48px; top: 100px; z-index: 999; }

.logo-title { display: none; }

@media (min-width: 700px) { .logo-title { display: block; padding-left: 25%; z-index: 99; } .logo-title h1 { position: absolute; top: 65px; font-size: 1.2em; color: #474747; font-weight: bold; } }

@media (min-width: 1100px) { .logo-title { padding-left: 20%; } }

.site-header #header_topbar .navbar-header .navbar-brand { position: absolute; top: -10px; z-index: 999; }

#page { font-family: "Roboto", Helvetica, sans-serif !important; }

#page h1, #page h2, #page h3, #page h4, #page h5, #page .panel .panel-heading h3, #page .ss-panel .ss-panel-header .item_name, #page .cta-widget h3, #page .what-we-do .what-we-do-panel h3, #page .company-page-header .company-name-logo h2, #page .company-brief h3, #page .users-company.panel-body a, #page .btn, #page .navbar-default .main-nav a, #page .directory-member .member-image .member-name a, #page .directory-search-label { font-family: "Roboto", Helvetica, sans-serif !important; }

.mb3 { margin-bottom: 3rem; font-size: 1.5em; text-align: center; }

/* Slideshow Styles */
.header-slideshow .header-slideshow-wrapper .flex-slideshow .slides li .flex-caption .slide-info .slide-title { text-shadow: 1px 1px 1px #000; }

.header-slideshow .header-slideshow-wrapper .flex-slideshow .slides li .flex-caption .slide-info .slide-content { text-shadow: .5px .5px .5px #000; }

/* Homepage Nav */
.header-slideshow #page .site-header.fixed { background: #134074 !important; }

.header-slideshow #page .site-header .navbar-default .navbar-collapse .nav > li > a { text-shadow: 1px 1px 1px #000; }

.header-slideshow #page .site-header .navbar-default .navbar-collapse .nav > li > a:hover { color: #3c91e6; }

/* Nav in general */
#page .site-header.fixed-enabled.fixed { background: #fff; }

.navbar-default .main-nav .nav > li > a { font-weight: bold; }

.homepage-alt-bg { background: white !important; color: black; }

.spnsr-name a { display: none; }

/* --- SASS MIXINS --- */
/* --- General Styles --- */
.cpage #page #main { padding-bottom: 0; }

body { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased; font-weight: normal; }

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

.what-we-do-panel a i { font-size: 60px; }

/* --- Logo Filters --- */
.header-slideshow #page .site-header .navbar-brand img { -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

#site_footer { margin-top: 25px; }

.lower-footer .footer-logo .navbar-brand img { position: absolute; top: -22px; height: 80px !important; -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

/*Facebook banner color */
div.fb-album-title { background-color: #333333 !important; }

/* TILE NAV */
.homepage-tile-nav { width: 90%; margin: 0 auto; }

.homepage-tile-nav .row > div { display: table; margin: 20px 0; }

.homepage-tile-nav .row > div div { height: 250px; width: 100%; position: relative; padding-top: 75px; }

.homepage-tile-nav .red-1 { background: #BF463B; }

.homepage-tile-nav .blue-1 { background: #0353a4; }

.homepage-tile-nav .blue-1:hover { color: #61d095 !important; }

.homepage-tile-nav .blue-2 { background: #3c91e6; }

.homepage-tile-nav .blue-3 { background: #134074; }

.homepage-tile-nav .green-1 { background: #61d095; }

.homepage-tile-nav .green-2 { background: #54ce44; }

.homepage-tile-nav a { color: #fff; }

.homepage-tile-nav i { font-size: 60px; margin-bottom: 10px; }

/* subscrib widget */
#right_panel1 .subcontainer_style1 .subscribe-form-container { background-color: #fff !important; }

#right_panel1 .subcontainer_style1 .subscribe-form-container .subscribe-widget { background: #3A3D42; }

#page .richtext img { max-width: 95%; height: auto; }

/* Homepage Backgrounds */
#page footer { background: #1D1F20 !important; }

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

.classicboat-container { display: grid; grid-template-columns: 1fr; }

.classicboat-img { text-align-last: center; }

.navbar.navbar-default .main-nav { float: right !important; padding-right: 0; }

.youtube-container { display: flex; flex-wrap: wrap; justify-content: space-between; justify-content: center; }

.members-container { margin: 0 auto; }

.members-container .members-content { padding: 10px; height: 500px; margin: 15px; border-radius: 10px; border: .9px #d6eaf1 solid; box-shadow: 8px 8px 8px #a9a9aa; }

.members-container .members-content:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

.members-container .members-content h2 { text-align: center; /* background: $brand-tertiary; */ /* color: $brand-primary-contrast-color; */ border-radius: 6px 6px 0 0; padding: 10px 10px 5px; margin: 0; font-size: 18px; height: 50px; display: flex; align-items: flex-end; justify-content: center; }

.members-container .members-content h2 a { /* color: $brand-primary-contrast-color; */ }

.members-container .members-content .img { height: 200px; padding: 10px; text-align: center; border-top: 0; border-radius: 0 0 6px 6px; display: flex; align-items: center; justify-content: center; }

.members-container .members-content .img img { float: none !important; display: inline; max-height: 100%; }

.photo-container { margin: 0 auto; }

.photo-container .photo-content { height: 300px; }

.photo-container .photo-content img { padding: 10px; border-radius: 5px; box-shadow: 8px 8px 8px 8px #a9a9aa; }

.photo-container .photo-content .img-responsive { box-shadow: 8px 8px 8px 8px #a9a9aa; }

.classicboat-hover:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

#img-shadow { box-shadow: 8px 8px 8px #a9a9a9; }

.col-sm-9 { width: 100%; }

.subcontainer_style1 { text-align: -webkit-center; }

#facebook-widget { text-align: center; }

#youtube-frame { width: 320px; height: 190px; margin: 15px; box-shadow: 8px 8px 8px #a9a9aa; }

.sponsors-page-sponsor .sponsor-card .association-sponsor-name a, .sponsors-page-sponsor .sponsor-card .sponsor-name-display a { color: #1b75bc !important; }

.groups-table { border: none; }

.col-md-4 .widget-title { margin-top: 70px; }

.cta-text { color: black; }

.item-poster-info .image { display: none; }

.volunteer-container { max-width: 1000px; margin: 0 auto; }

.volunteer-container .volunteer-content { margin: 30px 10px; }

.volunteer-container .volunteer-img-container { display: flex; justify-content: space-between; }

.volunteer-container .volunteer-img-container .volunteer-img { margin: 0 10px; }

.events-container .events-img { text-align: -webkit-center; margin-top: 20px; }

.events-container .events-table { margin-top: 15px; }

.gallery-title { display: flex; flex-direction: column; justify-content: space-between; }

@media (min-width: 500px) { #youtube-frame { width: 500px; height: 255px; } }

@media (min-width: 700px) { .classicboat-container { grid-template-columns: 1fr 1fr; } .gallery-title { flex-direction: row; } }

@media (min-width: 768px) { .col-sm-9 { width: 100% !important; } .events-container { display: flex; justify-content: space-evenly; } }

@media (min-width: 900px) { .resources-container { display: flex; justify-content: space-between; } }

.groups-table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; }

.groups-table tr { background-color: #ffffff; border: 1px solid #ddd; padding: .35em; }

.groups-table th, .groups-table td { padding: .7em; text-align: center; }

.groups-table th { font-size: .85em; letter-spacing: .1em; text-transform: uppercase; }

@media screen and (max-width: 700px) { .groups-table { border: 0; } .groups-table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .groups-table tr { box-shadow: 8px 8px 8px #b2b3b540; display: block; margin-bottom: 1.7em; border-radius: 5px; } .groups-table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; } .groups-table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } .groups-table td:last-child { border-bottom: 0; } }

#main_content .image_div.company_img label { visibility: hidden; }

#main_content .image_div.company_img label:after { content: " Boat Image: "; visibility: visible; display: block; }

.company_edit #main_content > div.item_edit_section > form > div:nth-child(4) > div > h2 { visibility: hidden; }

.company_edit #main_content > div.item_edit_section > form > div:nth-child(4) > div > h2:after { content: "Boat Information"; visibility: visible; display: block; background-color: #d9edf7; border-color: #bce8f1; color: #31708f; padding: 15px; margin-bottom: 17px; border: 1px solid transparent; border-radius: 4px; }

.company_edit #main_content > form > div:nth-child(10) { display: none; }

.company_edit #main_content > form > div:nth-child(11) { display: none; }

.company_edit #main_content > form > div:nth-child(12) { display: none; }

.company_edit #main_content > form > div:nth-child(13) { display: none; }

.company_edit #main_content > form > div:nth-child(14) { display: none; }

.company_edit #main_content > form > div:nth-child(16) { display: none; }

.company_edit #main_content > form > div.address { display: none; }

.company_edit #main_content > form > div:nth-child(20) { display: none; }

.company_edit #main_content > form > div.mailing_address { display: none; }

.company_edit #main_content > form > div:nth-child(30) { display: none; }

.company_edit #main_content > div.item_edit_section > form > div:nth-child(10) { display: none; }

.company_edit #main_content > div.item_edit_section > form > div:nth-child(11) { display: none; }

.company_edit #main_content > div.item_edit_section > form > div:nth-child(12) { display: none; }

.company_edit #main_content > div.item_edit_section > form > div:nth-child(13) { display: none; }

.company_edit #main_content > div.item_edit_section > form > div:nth-child(14) { display: none; }

.company_edit #main_content > div.item_edit_section > form > div:nth-child(16) { display: none; }

.company_edit #main_content > div.item_edit_section > form > div.address { display: none; }

.company_edit #main_content > div.item_edit_section > form > div:nth-child(20) { display: none; }

.company_edit #main_content > div.item_edit_section > form > div.mailing_address { display: none; }

.company_edit #main_content > div.item_edit_section > form > div:nth-child(30) > div { display: none; }

#secondary_content div.company_search > form > div.input_div > div:nth-child(1) > label { visibility: hidden; }

#secondary_content div.company_search > form > div.input_div > div:nth-child(1) > label:after { content: " Boat Type: "; visibility: visible; display: block; }

#secondary_content div.company_search > form > div.input_div > div:nth-child(3) > label { visibility: hidden; }

#secondary_content div.company_search > form > div.input_div > div:nth-child(3) > label:after { content: " Boat Category: "; visibility: visible; display: block; }

/* ---- Custom Join Pages ---- */
.custom_webpage .plan_row { margin: 0; }

.custom_webpage .plan_row .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 0; justify-content: center; }

.custom_webpage .plan_row .row:before { display: none; }

.custom_webpage .plan_row .row [class*='col-'] { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; text-align: center; }

.custom_webpage .plan_row .row [class*='col-'] .row, .custom_webpage .plan_row .row [class*='col-'] .row > div { height: 100%; }

.custom_webpage .plan_row .row .plan-price-duration { padding: 0; }

.custom_webpage .plan_row .row .plan-price-duration > .row { width: 100%; }

.custom_webpage .plan_row .row .plan-price-duration .plan-duration { background: #21409a; }

.custom_webpage .plan_row .row .plan_description { align-items: start; justify-content: start; text-align: left; min-height: 185px; padding: 10px 15px; }

/* Company Edit */
.company_edit .edit-page-title { display: flex !important; flex-direction: column; }

.company_edit .edit-page-title::after { content: "All boats must have a name. If your boat does not have a name, please use your boat model."; font-size: 1em; font-weight: 500; padding: 5px; background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }

.company_edit .alert-info { display: none; }

/* User Directory Page */
.company_user-directory-page #main_content .filter_by .hidden-xs { display: none; }

.company_user-directory-page .panel-default { border: none; }

.company_user-directory-page .panel-default .no_link { display: none; }

.company_user-directory-page .list-group .list-group-item .btn-primary { display: none; }

.user-directory-page #main_content .filter_by .hidden-xs { display: none; }

.user-directory-page .panel-default { border: none; }

.user-directory-page .panel-default .no_link { display: none; }

.user-directory-page .list-group .list-group-item .btn-primary { display: none; }

.company-directory-page #main_content .filter_by .hidden-xs { display: none; }

/* Company page */
.company-page-single #body .company-body .dropdown .dropdown-menu li div .item_action_company_leave, .company-page-single #body .company-body .dropdown .dropdown-menu li div .item_action_company_view_detailed_member_record { display: none; }

.company-page-single #body .company-body .dropdown .dropdown-menu li:nth-child(1), .company-page-single #body .company-body .dropdown .dropdown-menu li:nth-child(2) { display: none; }

.company-page-single #body .company-body .dropdown .dropdown-menu li:nth-of-type(1), .company-page-single #body .company-body .dropdown .dropdown-menu li:nth-of-type(2) { display: none; }