/*
Theme Name: Family Business Assoc. Vancouver Island 2019
Author: Hothouse Marketing
Author URI: https://www.hothousemarketing.com/
Description: Theme for FBA Vancouver Island.
Version: 1.0
*/
/* --------------------------- VARIABLES --------------------------- */
/* --------------------------- TINYMCE CONTENT HELPER CLASSES --------------------------- */
.alignright, .allgnleft, .aligncenter, .alignnone { max-width: 100%; height: auto; }

.alignright img, .allgnleft img, .aligncenter img, .alignnone img { max-width: 100%; height: auto; }

.alignright .wp-caption-text, .allgnleft .wp-caption-text, .aligncenter .wp-caption-text, .alignnone .wp-caption-text { font-size: 0.85rem; opacity: 0.5; }

@media (min-width: 576px) { .alignright img, .allgnleft img, .aligncenter img { width: auto; }
  .alignright { float: right; margin: 10px 0 10px 10px; }
  .alignleft { float: left; margin: 10px 10px 10px; } }

/* --------------------------- TYPOGRAPHY --------------------------- */
html { font-size: 14px; }

body { font-family: "Khula", sans-serif; color: #555555; -webkit-font-smoothing: antialiased; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; color: #2d5f94; margin-bottom: 1rem; font-weight: 700; }

h1.light, h2.light, h3.light, h4.light, h5.light, h6.light { color: #2d5f94; }

h4, h5, h6 { font-weight: 400; color: #555555; }

a { color: #2d5f94; }

a:hover, a:focus { color: #4c94cd; text-decoration: none; }

hr { margin-top: 1.5rem; margin-bottom: 1.5rem; }

hr.padded { margin-top: 60px; margin-bottom: 60px; }

.event-img { width: 200px; }

@media (min-width: 768px) { html { font-size: 16px; } }

iframe { width: 75%; height: 450px; }

/* --------------------------- GENERAL --------------------------- */
.page-content { padding: 80px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.page-content.bottom-30 { padding: 80px 0 30px; }

.page-content.bottom-50 { padding: 80px 0 50px; }

.page-content.page-content--light { background: rgba(76, 148, 205, 0.05); }

.dark { color: white; }

.dark a { color: white; }

.dark a:hover, .dark a:focus { text-decoration: underline; }

.dark a.btn, .dark form a.wpcf7-submit, form .dark a.wpcf7-submit, .dark a.more-link { background: white; color: #2d5f94; }

.dark a.btn:hover, .dark form a.wpcf7-submit:hover, form .dark a.wpcf7-submit:hover, .dark a.more-link:hover, .dark a.btn:focus, .dark form a.wpcf7-submit:focus, form .dark a.wpcf7-submit:focus, .dark a.more-link:focus { background: #4c94cd; color: white; text-decoration: none; }

.btn, .post-filters input[type="submit"], form .wpcf7-submit, .more-link { background-color: #2d5f94; color: white; border-radius: 7px; text-transform: lowercase; padding: .375rem .75rem .325rem; }

.btn:hover, .post-filters input:hover[type="submit"], form .wpcf7-submit:hover, .more-link:hover, .btn:focus, .post-filters input:focus[type="submit"], form .wpcf7-submit:focus, .more-link:focus { background-color: #4c94cd; color: white; }

.tile { background: white; border-radius: 15px; text-align: center; padding: 30px; margin-bottom: 30px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); }

.tile--blue { background: #2d5f94; color: white; }

.tile--blue h2, .tile--blue h3, .tile--blue h4, .tile--blue h5 { color: white; }

.img-circle { width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; overflow: hidden; margin-bottom: 1rem; background-size: cover; background-position: center; background-image: url("img/placeholder-profile.png"); }

.padded-btm { margin-bottom: 2rem; }

.email-link { font-size: .8rem; }

/* --------------------------- HEADER --------------------------- */
.banner { width: 100%; min-height: 400px; background-size: cover; background-position: center 120px; position: relative; }

.banner h1 { font-weight: 400; color: white; margin-top: 120px; text-transform: lowercase; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); position: relative; z-index: 1; }

.banner .overlay { position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: black; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); }

.home .banner h1, .home .banner .overlay { display: none; }

header { background: white; margin-left: -15px; margin-right: -15px; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); position: relative; z-index: 3; }

.header__content { padding: 20px 15px; }

.header__logo { width: 250px; margin-bottom: 6px; }

.header__right { text-align: right; }

.header__right a { color: #555555; }

.header__right a:hover, .header__right a:focus { color: #2d5f94; text-decoration: none; }

.header__tagline { color: #2d5f94; font-size: 1.75rem; letter-spacing: -1px; margin-bottom: -7px; }

.header-social a { color: #2d5f94; -webkit-transition: .25s; transition: .25s; }

.header-social a:hover, .header-social a:focus { color: #4c94cd; }

.header-social .wa_login_shortcode { display: inline-block; }

.header-social .wa_login_shortcode p { display: none; }

.header-social .wa_login_shortcode input { margin: 0; text-transform: lowercase; background: #2d5f94; color: white; border-radius: 3px; }

.header-social .wa_login_shortcode input:hover, .header-social .wa_login_shortcode input:focus { background: #4c94cd; }

.header__contact { margin-bottom: 0; }

@media (min-width: 576px) { .banner { background-position: center center; }
  header { margin-left: 0; margin-right: 0; border-radius: 0 0 15px 15px; } }

@media (min-width: 768px) { .home .banner { height: 500px; }
  .header__content { padding: 28px 20px; } }

@media (min-width: 1025px) { .banner { background-attachment: fixed; } }

/* --------------------------- NAVIGATION --------------------------- */
.mega-toggle-label { margin-top: 2px; }

@media (min-width: 768px) { #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-main_menu #mega-menu-main_menu li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after { margin: -2px 0 0 6px; } }

/* --------------------------- FOOTER --------------------------- */
footer { background: #2d5f94; text-align: right; padding: 15px 0; }

footer a { color: white; }

footer a:hover, footer a:focus { color: white; text-decoration: underline !important; }

footer h6 { color: white; font-weight: bold; margin-bottom: .5rem; }

footer .wpcf7, footer form .wpcf7-submit { width: 100%; }

footer .wpcf7-submit { background: #4c94cd !important; color: white !important; }

footer .wpcf7-submit:hover, footer .wpcf7-submit:focus { background: white !important; color: #2d5f94 !important; }

.footer__logo { width: 70px; margin-bottom: 1rem; }

#menu-footer-menu { list-style: none; padding: 0; margin: 0; margin-bottom: 0.5rem; font-size: 0.9rem; }

#menu-footer-menu li { display: inline-block; padding: 0 0 0 10px; }

@media (min-width: 768px) { .footer__logo { margin-bottom: 0; } }

#mc_embed_signup { width: 100%; }

#mc_embed_signup h6 { color: white; font-weight: bold; margin-bottom: 0; }

#mc_embed_signup #mc-embedded-subscribe { -webkit-transition: 0.25s; transition: 0.25s; width: auto; background: #4c94cd; color: white; padding: .375rem 1.25rem .325rem; width: 100%; }

#mc_embed_signup #mc-embedded-subscribe:hover, #mc_embed_signup #mc-embedded-subscribe:focus { background: white; color: #2d5f94; }

/* --------------------------- HERO CAROUSEL --------------------------- */
#hero-carousel { margin-top: -100px; border: 5px solid white; border-radius: 15px; overflow: hidden; background: #ecedef; margin-bottom: 15px; position: relative; }

.hero-carousel__text { padding: 15px; min-height: 223px; }

.carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2345c3d3' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }

.carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2345c3d3' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

@media (min-width: 768px) { #hero-carousel { margin-top: -310px; }
  .hero-carousel__control { width: 5%; } }

@media (min-width: 992px) { .hero-carousel__text { padding: 30px 15px; }
  .hero-carousel__text h2 { font-size: 3rem; }
  .hero-carousel__text p { font-size: 1.2rem; } }

@media (min-width: 1200px) { .hero-carousel__text { padding: 60px; } }

/* --------------------------- MISSION / VISION / PAC SECTION --------------------------- */
#mission-vision-pac { background-size: cover; background-position: center; padding: 60px 0 30px; }

@media (min-width: 768px) { #mission-vision-pac { padding: 60px 0 60px; }
  #mission-vision-pac .tile { height: 100%; margin-bottom: 0; } }

@media (min-width: 1025px) { #mission-vision-pac { background-attachment: fixed; } }

/* --------------------------- TEAM (BOARD OF DIRECTORS) GRID --------------------------- */
.team-tile { max-width: 320px; margin: 0 auto; margin-bottom: 50px; }

.team-tile h2 { font-size: 1.5rem; margin-bottom: 0.25rem; }

.team-tile h3 { font-size: 1.25rem; margin-bottom: 0.25rem; color: #555555; }

.team-tile p { margin-bottom: 0rem; font-weight: 700; }

.team-tile .btn, .team-tile .post-filters input[type="submit"], .post-filters .team-tile input[type="submit"], .team-tile form .wpcf7-submit, form .team-tile .wpcf7-submit, .team-tile .more-link { margin-top: 0.5rem; }

/* --------------------------- TESTIMONIAL CAROUSEL --------------------------- */
.testimonial-carousel { background: #ECEDEE; text-align: center; padding: 40px; position: relative; }

.testimonial-carousel #carouselTestimonial { min-height: 200px; }

.testimonial-carousel .carousel-indicators { bottom: -20px; }

.testimonial-carousel .carousel-indicators li { background-color: rgba(45, 95, 148, 0.6); }

.testimonial-carousel .carousel-indicators li.active { background-color: #2d5f94; }

.testimonial-carousel .carousel-inner .name { text-transform: uppercase; letter-spacing: 1px; font-size: 1.1rem; margin-bottom: 0; color: #4c94cd; }

.testimonial-carousel .carousel-inner .title { font-size: 0.9rem; opacity: 0.8; font-style: italic; }

/* --------------------------- BECOME A MEMBER LIST --------------------------- */
.member-list .media { margin-bottom: 30px; }

.member-list h2 { font-weight: 400; color: #2d5f94; }

.member-list img { width: 40px; height: auto; margin-right: 15px; margin-top: 5px; }

@media (min-width: 576px) { .member-list img { width: 50px; margin-right: 30px; } }

@media (min-width: 768px) { .member-list img { width: auto; margin-right: 60px; } }

/* --------------------------- SPONSOR GRID --------------------------- */
.sponsor-group { margin-bottom: -2rem; }

.sponsor-group h3 { margin-bottom: 3rem; }

.sponsor-group .sp-logo { margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sponsor-group .sp-logo h4 { margin-bottom: 0; }

.sponsor-group .standard-logos img { width: 175px; }

/* --------------------------- BLOG ARCHIVE --------------------------- */
.tile--archive { text-align: left; }

.tile--archive .img-circle { margin: 0; }

.date { font-size: 0.9rem; color: rgba(85, 85, 85, 0.7); }

.date span { color: #555555; }

.post-filters { text-align: right; }

.post-filters select { width: auto; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 7px; font-size: 0.9rem; }

.post-filters input[type="submit"] { width: auto; }

.pagination { position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(85, 85, 85, 0.7); }

.pagination a { color: #4c94cd; }

.pagination a:hover, .pagination a:focus { color: #2d5f94; }

.pagination .page-numbers { padding: 0 5px; }

.pagination .prev { display: none; position: absolute; left: 0; }

.pagination .next { display: none; position: absolute; right: 0; }

@media (min-width: 768px) { .pagination .page-numbers { display: -webkit-box; display: -ms-flexbox; display: flex; } }

/* --------------------------- BLOG SINGLE --------------------------- */
.tile--meta { text-align: left; padding: 30px 30px 15px 30px; }

.tile--meta label { font-size: 0.9rem; text-decoration: underline; margin-bottom: 0.25rem; }

.drop-capped p:first-child:first-letter { color: #4c94cd; float: left; font-family: "Montserrat", sans-serif; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; }

.sidebar-archive { border-top: 1px solid rgba(0, 0, 0, 0.2); padding-top: 2rem; margin-top: 1rem; }

.sidebar-archive a { color: #4c94cd; }

.sidebar-archive a:hover, .sidebar-archive a:focus { color: #2d5f94; }

.sidebar-archive p { margin-bottom: 0.5rem; }

@media (min-width: 768px) { .sidebar-archive { margin-top: 0; } }

/* --------------------------- FORMS --------------------------- */
form input, form textarea, form select { padding: 5px 8px 3px; border: none; background: #ECEDEE; width: 100%; margin-bottom: 0.8rem; }

form .wpcf7-recaptcha { margin-bottom: 0.8rem; }

form .wpcf7-submit { -webkit-transition: 0.25s; transition: 0.25s; width: auto; padding: .375rem 1.25rem .325rem; }

.more-link { margin-bottom: .5rem; text-transform: uppercase; display: inline-block; }

.image-thumb { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 25.125% 0; margin: auto; margin-bottom: 30px; -webkit-transition: 0.3s; transition: 0.3s; position: relative; z-index: 1; }

#info-table { overflow-x: auto; margin-bottom: 30px; }

#info-table table { -webkit-box-shadow: none; box-shadow: none; border: none; width: 100%; }

#info-table table thead th { background: #2f669c; text-align: center; color: white; border: 1px solid white; padding: 1.387em; text-transform: uppercase; }

#info-table table thead th:first-child { border-radius: 0; }

#info-table table thead th:last-child { border-radius: 0; }

#info-table table tbody td { background: #def0f4; text-align: center; border: 1px solid white; padding: 1.387em; }

.grecaptcha-badge { display: none; }