@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet
Royal Blue: #293985
Yellow: #ffcd05

*************************************************/
/*********************
GENERAL STYLES
*********************/

html {scroll-behavior: smooth;}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child){
float: left;
}

/* Small */
@media screen and (max-width: 40em) {
	.columns{
	padding-right: 1rem;
	padding-left: 1rem;
	}
	.columns .columns{
	padding-right: 0.625rem;
	padding-left: 0.625rem;
	}
}

.center{text-align: center;}
.clear{clear: both;}

hr{border: solid 1px #ffcd05}

/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

.button{
background: #293985;
-webkit-border-radius: 16px;
border-radius: 16px;
color: #fff;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
padding: 0.5rem 1.5rem;
}
  .button.small{
  -webkit-border-radius: 14px;
  border-radius: 14px;
  font-size: 0.85rem;
  padding: 0.5rem 1.3rem;
  }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

h1{
font-family: "Montserrat", sans-serif;
font-size: 2.1rem;
line-height: 1.2;
font-weight: 700;
}
h2{
font-family: "Montserrat", sans-serif;
font-size: 2rem;
line-height: 1.2;
font-weight: 700;
}
h3{
font-family: "Montserrat", sans-serif;
font-size: 1.7rem;
line-height: 1.3;
font-weight: 700;
}
h4{
font-family: "Montserrat", sans-serif;
font-size: 1.3rem;
font-weight: 700;
}
h5{
font-family: "Montserrat", sans-serif;
font-size: 1.3rem;
font-weight: 700;
}
p, li{
font-family: "Montserrat", sans-serif;
font-size: 1.1rem;
line-height: 1.4;
}
  .entry-content li{
 margin-bottom: 0.5rem; 
 }

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

.top-bar, .top-bar ul{
background: none;
}

.top-menu{
display: block;
position: absolute;
right: 0;
background: #fff;
border: 2px solid #293985;
border-right: none;
-webkit-border-top-left-radius: 16px;
-webkit-border-bottom-left-radius: 16px;
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
margin-top: 3em;
padding: 0.2em 1.75em 0 0.75em;
}

.menu > li{
text-transform: uppercase;
font-weight: 600;
font-size: 0.95rem;
}
.menu > li > a{
border-bottom: 2px solid #fff;
color: #000;
}
.menu > li > a:hover{
border-bottom: 2px solid #ffcd05;
color: #293985;
}
.menu .active > a{
background: none;
border-bottom: 2px solid #ffcd05;
color: #293985;
}

.menu.submenu.is-dropdown-submenu{
background: #fff;
padding: 0.5rem 0;
}
	.menu.submenu.is-dropdown-submenu > li{
    text-transform: none;
    font-weight: 400;
	font-size: 0.9rem;
	}
	.menu.submenu.is-dropdown-submenu > li > a{
	line-height: 1.1;
	padding: 0.4rem 1rem;
	}

/* change dropdown arrow color (desktop and mobile) */
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
border-color: #ffcd05 transparent transparent;
}
	.is-accordion-submenu-parent > a::after {
	border-color: #ffcd05 transparent transparent;
	}

/* Mobile menu */
.mobile-menu{
float: right;
display: inline-block;
background: #fff;
border: 2px solid #293985;
-webkit-border-radius: 16px;
border-radius: 16px;
margin-top: 3em;
padding: 1.25em 1.5em;
}
.menu-icon::after{
background: #293985;
box-shadow: 0 7px 0 #293985,0 14px 0 #293985;
}
.off-canvas{
background: #293985;
}

  .off-canvas .menu > li > a{
  border-bottom: 2px solid #293985;
  color: #fff;
  }

/*********************
POSTS & CONTENT STYLES
*********************/

.blue-background{
background: #293985;
color: #fff;
}
.extra-padding{
padding-top: 2em;
padding-bottom: 2em;
}
.rounded, .rounded img{
-webkit-border-radius: 16px;
border-radius: 16px;
overflow: hidden;
}
.underline{
border-bottom: 2px solid #ffcd05;
display: inline-block;
}
  .underline.center{
  margin-left: auto;
  margin-right: auto;
  }

.accordion{}
  .accordion-item{
  border: 1px solid #293985;
  margin: 0;
  }
  .accordion-title{
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: 700;
  color: #293985;
  text-decoration: none;
  }

.callout-yellow{
  background: #ffcd05;
  color: #000;
  padding: 1.25em 0.6em;
  margin-top: 2em;
  }
.callout-blue{
  background: #293985;
  color: #fff;
  padding: 1.25em 0.6em;
  margin-top: 2em;
  }

/* Homepage */
.intro{
background: url('../images/home-intro-background.jpg') no-repeat bottom center;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
padding: 0 0 6px 0;
}
  .intro-bottom-line{
  border-bottom: 2px solid #fff;
  padding: 0 0 10em 0;
  }
  .intro h1{
  font-size: 2.3rem;
  line-height: 1.2;
  color: #000;
  font-weight: 700;
  margin-bottom: 0.5em;
  }
  .intro p{
  font-size: 1.3rem;
  line-height: 1.5;
  color: #000;
  margin-bottom: 1.5em;
  }

.features-box{
border: 2px solid #ffcd05;
border-radius: 18px;
padding: 1.25em 0.6em;
margin-top: 2em;
}
  .features-box h3{
  font-size: 1.4rem;
  }
  .features-box-button{
  position: relative;
  top:-16px;
  text-align: center;
  }
  .features-box-button .button{
  background: #ffcd05;
  color: #000;
  }

.van-isle-background{
  background: url('../images/vancouver-island-background.jpg') no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  padding: 6px 0 0 0;
  min-height: 300px;
}
  .van-isle-border-lines{
  border-top: 2px solid #fff;
  padding: 3em 0 0 0;
  }
  .home-guards-image{
  position: relative;
  bottom: 0;
  }
.white-line-up{
border-top: 2px solid #fff;
display: block;
position: relative;
top: -8px;
}
.associations{
margin-top: 2em;
}

#content #inner-content {
  padding: 2em 0em; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  margin-bottom: 0.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  margin-bottom: 0.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
margin: 0;
}
	.widget ul li {
	list-style: none; 
	}

.sidebar .box{
border: 2px solid #293985;
-webkit-border-radius: 16px;
border-radius: 16px;
padding: 0.75em 1em 0.35em 1em; 
margin-bottom: 1.5em;
}
  .sidebar .box h4{
  display: inline-block;
  border-bottom: 2px solid #ffcd05;
  padding-bottom: 0.25rem;
  }
  .sidebar .box ul.side-nav{
  list-style: none;
  margin-left: 0;
  }
  .sidebar .box ul.side-nav li{
  font-size: 1rem;
  font-weight: 500;
  }
    .sidebar .box ul.side-nav li a{
    display: block;
    color: #000;
    padding: 0.25rem 0;
    }
    .sidebar .box ul.side-nav li a:hover{
    border-bottom: 2px solid #ffcd05;
    color: #293985;
    }
  .sidebar .box .button{
  font-size: 1.1rem;
  padding: 0.5rem 1.2rem;
  }
  

/*********************
FOOTER STYLES
Royal Blue: #293985
Yellow: #ffcd05
*********************/
.footer {
background: #293985;
clear: both;
margin-top: 0;
padding: 6px 0;
}
  .footer-lines{
  border-top: 2px solid #ffcd05;
  border-bottom: 2px solid #ffcd05;
  padding: 2em 2em;
  margin-bottom: 1em;
  }

.footer-menus{
margin-top: 1em;
}
  .footer-menus h4{
  font-size: 1.1rem;
  color: #fff;
  margin-bottom: 1em;
  }
  .footer-menus ul{
  list-style: none;
  margin: 0;
  }
  .footer-menus li{
  font-size: 1rem;
  color: #fff;
  margin-bottom: 0.4em;
  }
  .footer-menus ul a{
  color: #fff;
  }
  .footer-menus ul a:hover{
  color: #ffcd05;
  }
.footer .button{
background: #ffcd05;
color: #000;
}  
  .footer .button:hover{
  background: #fff;
  }

.copyright{
color: #fff;
font-size: 0.85rem;
}
  .copyright a{
  color: #fff;
  text-decoration: underline;
  }

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

.gform_body input[type="checkbox"],
.gform_body input[type="radio"]{
vertical-align: text-top;
margin: 0;
}
.gform_body input[type="text"],
.gform_body input[type="email"],
.gform_body input[type="tel"],
.gform_body textarea{
background: #f7f5f5;
}
.gform_wrapper.gf_browser_gecko select{
padding: 2px 25px 2px 2px;
}

/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }