/* 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 */
/************************************************* Header will appear as it does throughout the site */
/***************  Overall Style for header ******************/
/*turns off the transparent bg color and adds color*/
@import url("https://fonts.googleapis.com/css2?family=Schibsted+Grotesk&display=swap");
.header-slideshow .site-header { background-color: #f2f2f2; position: initial; }

/*************** Top Bar Login/Admin Butttons ******************/
.header-slideshow #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a#userDropDown { border: 2px solid #4855a4; color: #4855a4 !important; }

.header-slideshow #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { color: #4855a4 !important; }

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

.header-slideshow #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.signup_button, .header-slideshow #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a#userDropDown { border: 2px solid #4855a4; }

/*************** Bottom Logo/Navbar title ******************/
/*removes the filter on the brand img which makes it white*/
.header-slideshow .site-header .navbar-brand img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; }

/*changes the color of the navbar items text*/
.header-slideshow .site-header .navbar-default .navbar-collapse .nav > li > a { color: #676767; }

/*************** On Mobile ******************/
/*make the hamburger navigation the same color as Primary Style Color*/
.header-slideshow .site-header .mobile-menu-toggle-switch { color: #4855a4; }

.search-toggle-button .fa-search { color: #4855a4; }

/************************************************* End of Header will appear as it does throughout the site */
body { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased; }

.lower-footer .footer-logo { display: none; }

.lower-footer .footer-logo .navbar-brand img { height: 40px !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); }

.site-header a.navbar-brand { position: absolute; }

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

.site-header .mobile-menu-toggle-switch { top: 21px; }

.site-header .navbar-default { background: #ffffff; }

.site-header .navbar-default .main-nav { margin-left: 150px; }

.site-header .navbar-default .main-nav .nav > li > a { padding: 24px 20px 30px 20px; margin-top: 20px; height: 60px; }

.site-header .navbar-default .main-nav .nav > li > a:hover { border-bottom: solid #4187ff 4px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

@media screen and (max-width: 1199px) { .site-header .navbar-default .main-nav .nav > li > a { padding: 24px 15px 30px 15px; } }

.site-header #slide-search-field { margin-top: 35px; }

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

@media screen and (min-width: 992px) { .cpage .header-banner { height: 350px !important; } }

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

.bordered-pnl { border: 1px solid #E8E8E8; border-radius: 14px; padding: 15px 20px; border-radius: 8px; min-height: 150px; }

a.back-to-top { width: 60px; height: 60px; text-indent: -9999px; position: fixed; z-index: 999; right: 20px; bottom: 20px; background: #27AE61 no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

.team .team-member .team-member-position { height: 45px !important; }

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

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

.company_email_signup { font-size: 0px !important; line-height: 0px !important; color: #fff; text-align: center; padding: 0px 0 !important; margin: 0px 0px 0 !important; visibility: hidden; }

/* miras css starts here */
body, h1, h2, h3, h4, h5, p, a, input, button, select, textarea { font-family: "Schibsted Grotesk", sans-serif !important; }

h1, h2, h3, h4, h5 { line-height: 1; padding-bottom: .618em; }

body { font-size: 14px; line-height: 1.618; }

p, .ss-widget .widget-subtext { font-size: 1em; }

h1, .h1 { font-size: 1.9em; }

h2, .h2 { font-size: 1.7em; }

h3, .h3 { font-size: 1.45em; }

h4, .h4 { font-size: 1.2em; }

.navbar-default .main-nav .nav > li > a { text-transform: capitalize; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-page-title { color: #e5f782; text-shadow: none; text-align: center; font-size: 3em; display: flex; flex-direction: column; position: relative; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-page-title::after { content: ''; position: relative; display: -webkit-inline-box; height: .7em; width: 5%; border-bottom: 3px solid #e5f782; align-self: center; }

.cpage_home .header-banner { background-position-y: 37%; }

@media screen and (min-width: 992px) { .cpage .header-banner { height: 470px !important; } .header-banner { height: 470px !important; } }

@media screen and (max-width: 991px) { .upcoming-event-widget .widget-item { width: 100%; } }

.ss-widget button { background: #daed7c; border-radius: 30px; border: 2px solid #daed7c; color: #4855a4; }

.ss-widget button:hover { background: #4855a4; border-color: #4855a4; color: #daed7c; }

.btn-primary { color: #4855a4; background-color: #daed7c; border: 2px solid #daed7c; border-color: #daed7c; border-radius: 30px !important; }

.btn-primary:hover { color: #daed7c; background-color: #4855a4; border-color: #4855a4; border-radius: 30px !important; }

.widget-more-button { color: #daed7c; background-color: #4855a4; border: 2px solid #4855a4; }

.widget-more-button:hover { background-color: #daed7c; border: 2px solid #daed7c; color: #4855a4; }

.subcontainer_style1 .subscribe-form-container { background-color: #525e63 !important; color: #daed7c !important; }

.form-control { color: #4855a4; }

#header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { text-transform: capitalize; }

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

/* hide event ticket font awesome icons  */
.stacks .upcoming-event i.fa { display: none; }

.upcoming-event .ss-panel-header::before { background-image: url(https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS82NDgyZWEzNTE5OTVjNzA1YTBkNDkzOTUucG5n/x); background-size: 3em; display: inline-block; width: 3em; height: 3em; content: ""; }

.external-event .ss-panel-header::before { background-image: url(https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS82NDgyZWEzNTE5OTVjNzA1YTBkNDkzOWMucG5n/x); background-size: 3em; display: inline-block; width: 3em; height: 3em; content: ""; }

.container { padding-right: auto !important; padding-left: auto !important; }

/*header*/
.navbar .container { width: 100%; }

.site-header .navbar-default .main-nav { margin-left: auto; margin-right: auto; display: flex; justify-content: center; }

#header_topbar { height: 100px; }

.search-toggle-button { background: transparent !important; padding: inherit !important; }

.site-header .navbar-default .main-nav .nav > li > a { height: auto; }

.site-header .navbar-default .main-nav .nav > li > a { margin-top: 0px; }

.site-header #slide-search-field { margin-top: 1em; }

.site-header .navbar-default .main-nav .nav > li > a { padding: 0.6em 1.6em; }

.navbar { min-height: 0; }

.site-header #slide-search-field { margin-top: auto; }

.nav .signup_button, #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { border-radius: 30px !important; }

.mobile-menu-prime-link:first-child { background: #d2658e; }

@media screen and (max-width: 991px) { .site-header a.navbar-brand img { padding-left: 20px !important; } }

.btn:active, .fc-button:active, .btn.active, .active.fc-button { -webkit-box-shadow: none; box-shadow: none; }

.btn:focus, .fc-button:focus, .btn.focus, .focus.fc-button, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: none; outline-offset: 0; }

.search-toggle-button { padding: 0 1em !important; }

.search-toggle-button:hover { padding: 0 1em !important; }

#slide-search-field .input-group.opened-input-group { border-radius: 4px; background: rgba(255, 255, 255, 0.5); }

.navbar .container { margin: 7px 0; display: flex; }

#slide-search-field .input-group input { font-size: 1em; }

.search-page .header-banner .header-banner-text .container .header-banner-text-inner .header-banner-page-title::after { display: none; }

.search-page .header-banner { display: none; }

.header-banner { background-position-y: 50%; }

.login-page .header-banner { display: none; }

/* join */
.plan_listing .header-banner, .company_user-directory-page .header-banner, .group-directory-page .header-banner { background-image: url(https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS82NDgyZWEzODE5OTVjNzA1YTBkNDkzYTguanBn/x) !important; }

.team-page .header-banner { background-image: url(https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS82NDgyZWEzODE5OTVjNzA1YTBkNDkzYTkuanBn/x) !important; }

.job-directory-page .header-banner { background-image: url(https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS82NDgyZWEzODE5OTVjNzA1YTBkNDkzYWMuanBn/x) !important; }

.event-calendar .header-banner { background-image: url(https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS82NDgyZWEzODE5OTVjNzA1YTBkNDkzYjEuanBlZw==/x) !important; }

.article-directory-page .header-banner { background-image: url(https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS82NDgyZWEzOTE5OTVjNzA1YTBkNDkzYjUuanBlZw==/x) !important; }

.sponsors-page .header-banner { background-image: url(https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS82NDgyZWEzOTE5OTVjNzA1YTBkNDkzYjQuanBn/x) !important; }

.site-header .navbar-default .main-nav .nav > li > a:hover { border-bottom: none; }

.dropdown-menu > li > a, .dropdown-menu > li > div > a { line-height: 2; }

.upcoming-event-widget .fa-ticket:before { display: none; }

.cpage_home .subcontainer_style2 .panel.panel-default { border: none; width: 100%; color: #f2f2f2; background: #d2658e; }

.cpage_home .subcontainer_style2 { background: #d2658e; }

.mobile-menu-prime-link { border: none; border-radius: 0; text-transform: capitalize; }

.mm-menu { background: #fff; color: #676767; }

.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: #d2658e; }

.mm-menu .mm-list > li > a.mm-subclose { color: #d2658e; }

.mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); }

.mm-search { border-bottom: none; }

.mm-list > li > a { color: #4855a4; }

.site-header .navbar-default { background: #f2f2f2; }

@media screen and (max-width: 991px) { .site-header .navbar-default { background: #ffffff; } }

.nav > li > a:hover, .nav > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #4855a417 !important; }

.btn-danger, .btn-success, .fc-button, .btn-warning { border-radius: 30px !important; }

.btn-danger, .btn-warning { background-color: #d2658e; border-color: #d2658e; }

.btn-group > .btn:first-child, .btn-group > .fc-button:first-child { margin-right: 5px; }

/* captions */
.header-banner .header-banner-text::after { color: #676767; right: 15%; position: absolute; padding-top: 6px; }

.team .team-member .team-member-links a.team-member-email { background-color: #4855a4; }

.team .team-member .team-member-links a.team-member-phone { background-color: #d2658e; }

.team .team-member .team-member-links a.team-member-website { background-color: #e5f782; }

.item-date-widget-style { font-size: 1.2em !important; color: #4855a4; }

.team-page h1.mb3 { display: none; }

.category-644a278d51ea1f05c0330bac .fc-event-title, .category-644a278d51ea1f05c0330bac .fc-event-time { color: #4855a4; }

.readmore { display: block; width: 100%; }

.stacks .upcoming-event .ss-panel-header { min-height: 10em; }

.action_buttons_md .btn { padding-left: 0; padding-right: 0; font-size: .9em; }

.btn-default a { color: #ffffff; }

.btn-default { color: #ffffff; background-color: #d2658e; border-color: #d2658e !important; border-radius: 36px !important; }

.btn-default:hover { color: #ffffff; background-color: #b7577b; border-color: #b7577b !important; border-radius: 36px !important; }

.admin-link { background: #e5f782; }

#slide-search-field .input-group input.opened-search-input { background: #ffffff; }

.cpage_about .header-banner .header-banner-text::after, .cpage_mission .header-banner .header-banner-text::after, .cpage_bylaws-policies .header-banner .header-banner-text::after, .cpage_bylaws-policies .header-banner .header-banner-text::after, .cpage_code-of-ethics .header-banner .header-banner-text::after, .team-page .header-banner .header-banner-text::after { content: 'Vancouver, BC'; }

.event-calendar .header-banner .header-banner-text::after { content: 'Tofino, BC'; }

.cpage_membership .header-banner .header-banner-text::after, .cpage_benefits .header-banner .header-banner-text::after, .cpage_6442322157912605b3acd5bc .header-banner .header-banner-text::after, .plan_listing .header-banner .header-banner-text::after, .cpage_group-membership-rates .header-banner .header-banner-text::after, .company_user-directory-page .header-banner .header-banner-text::after, .group-directory-page .header-banner .header-banner-text::after { content: 'Victoria, BC'; }

.cpage_links .header-banner .header-banner-text::after, .cpage_salary-survey .header-banner .header-banner-text::after, .cpage_newsletter .header-banner .header-banner-text::after, .cpage_faq .header-banner .header-banner-text::after, .cpage_advertising .header-banner .header-banner-text::after, .cpage_recordings .header-banner .header-banner-text::after, .cpage_preferred-rates .header-banner .header-banner-text::after { content: 'Prince Rupert, BC'; }

.article-directory-page .header-banner .header-banner-text::after { content: 'Dease Lake, BC'; }

.cpage_employment-opportunities .header-banner .header-banner-text::after { content: 'Comox, BC'; }

.cpage_sponsorship .header-banner .header-banner-text::after, .sponsors-page .header-banner .header-banner-text::after { content: 'Barkerville, BC'; }

.signup-header h2 { color: #4855a4; }

#content, #custom_webpage_app_js { margin-top: 2em !important; }

.ss-widget { padding: inherit; }

.subscribe-widget, .upcoming-event-widget { padding: 5em 0; }

#site_footer .footer-ul li .item-date-widget-style { color: #e5f782; }

.plan_table_container_main .plan_row .row i.fa { display: none; }

.plan_name::before { background-size: 3em; display: block; width: 3em; height: 3em; content: ""; margin: 0 auto 0.6em auto; }

.voting-membership .plan_name::before { background-image: url(https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS82NDgyZWEzNTE5OTVjNzA1YTBkNDkzOTkucG5n/x); }

.student-membership .plan_name::before { background-image: url(https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS82NDgyZWEzNTE5OTVjNzA1YTBkNDkzOWIucG5n/x); }

.affiliate-membership .plan_name::before { background-image: url(https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS82NDgyZWEzNTE5OTVjNzA1YTBkNDkzOTgucG5n/x); }

.corporate-membership .plan_name::before { background-image: url(https://d3lut3gzcpx87s.cloudfront.net/image_encoded/aHR0cHM6Ly9zaWxrc3RhcnQuczMuYW1hem9uYXdzLmNvbS82NDgyZWEzNTE5OTVjNzA1YTBkNDkzOWEucG5n/x); }

.plan_table_container_main .plan_row .description-col .plan_more_gradient { background: #ffffff; height: 2.5em; }

@media screen and (max-width: 991px) { .header-banner .header-banner-text .container .header-banner-text-inner .header-banner-page-title { font-size: 1.8em !important; } }

@media screen and (max-width: 991px) { .upcoming-event-widget .widget-item { width: 100%; } }

.lime-note { background: #e5f782; padding: 1em; }

.bcpa-flowchart { padding-top: 1em; display: flex; }

.bcpa-flowchart .col { width: 50%; height: auto; }

.bcpa-flowchart .col1 img { padding-right: 4% !important; }

.bcpa-flowchart .col2 img { padding-left: 4% !important; }

.bcpa-flowchart .col img { width: 100%; margin-bottom: 0em !important; }

@media screen and (max-width: 780px) { .bcpa-flowchart { display: flex; flex-direction: column; } .bcpa-flowchart .col { width: 100%; margin-bottom: 4em; } .bcpa-flowchart .col1 img { padding-right: 0% !important; } .bcpa-flowchart .col2 img { padding-left: 0% !important; } .bcpa-flowchart img { margin: 0 auto !important; width: 70%; } }

@media screen and (max-width: 780px) { .desktop-only { display: none; } }

@media screen and (min-width: 779px) { .mobile-only { display: none; } }

.stacks .stack-bordered { border-bottom: none; }

.upcoming-event { min-height: 280px; }