/* cmsms stylesheet: foundation2024_styles modified: Wednesday, July 8, 2026 7:51:05 AM */

.no-js #top-nav {
  display: none;
}

.grid-y.grid-frame {
  overflow: auto;
}

:focus {outline:none !important;}
::-moz-focus-inner {border:0 !important;}

.v-space {
  height: 2rem;
}

.pad {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

h1, h2, h3, h4 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  line-height: 1;
}

h3 {
  font-size: 1.8rem;
  position: relative;
  display: inline-block;
}

#content h3 {
  font-size: 1.25rem;
}

#content h4 {
  font-size: 1.2rem;
}

p {
  line-height: 1.4;
}

a {
  color: ;
  transition: all 0.2s ease;
}

a:hover, a.menuactive, .menu .is-active>a {
  color: #5F99D1;
}

.button {
  background: transparent;
  border: 2px solid #294679;
  border-radius: 5px;
  transition: all 0.2s;
  margin: 0;
}

.button:hover {
  background: transparent;
  border-color: #DDE5ED;
  color: white;
}

.corner {
  border-radius: 5px;
}

.upper {
  text-transform: uppercase;
}

.divider {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.sticky-container {
  margin-bottom: 1rem;
}

.home .sticky-container {
  position: fixed;
  z-index: 100;
  width: 100%;
}

#top-bar {
  background: black;
  transition: all 0.3s;
}

.home #top-bar {
  background: rgba(0,0,0,0.85);
}

#top-bar.is-stuck {
  background: black;
}

#top_logo {
  display: block;
  padding: 0.5rem;
}

#top_logo img {
  max-width: 180px;
  transition: all 0.2s;
}

.is-stuck #top_logo img {
  max-width: 120px;
}

#mobile-nav {
  padding-right: 0.5rem;
}

#mobile-nav i {
  color: #5F99D1;
}



#dropdown-menu a:hover, #dropdown-menu .is-active>a, #dropdown-menu .menuactive>a {
  color: #5F99D1;
}

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
  border-color:  transparent transparent;
}

.is-dropdown-submenu {
  border: 0;
  background: #294679;
}

.drilldown .is-drilldown-submenu-parent>a::after {
  border-color: transparent transparent transparent ;
  right: 0;
}

.drilldown .is-drilldown-submenu {
  background-color: black;
}

.drilldown a {
  background-color: transparent;
}


.home > .grid-y {
  background-image: url('https://www.matthornsby.ca/uploads/images/draft.svg');
  background-size: cover;
  background-position: center;
}

#home-title {
  margin-top: 150px;
}

#home-title h1 {
  font-size: 13vw;
  color: white;
  text-shadow: 6px 6px 12px #000000;
}

#home-content {
  padding: 1rem;
  color: white;
  font-size: 1.1rem;
}

#home-content h2 {
  font-size: 1.3rem;
}

#home-content .button {
  background: transparent;
}

blockquote {
  border: 0;
  position: relative;
}

blockquote i {
  position: absolute;
  opacity: 0.2;
  font-size: 4rem;
  top: -1rem;
  left: -0.25rem;
}

.cite-block {
  font-size: 1rem;
}

.home-block h3, .home-block-left p {
  margin-bottom: 2rem;
}

#content h2 {
  font-size: 1.75rem;
  position: relative;
  margin-bottom: 1.5rem;
}

#home-content .cell {
  padding: 1rem;
  background: rgba(0,0,0,0.4);
}

.home-block h3::after, .divider h3::after, #content h2::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  width: 80%;
  border-bottom: 1px solid #5F99D1;
}

#content h2::after {
  width: 100%;
  z-index: -1;
}

.divider .text-center h3::after {
  left: 10%;
}

.home-block-left {
  background: #060C14;
  background-size: cover;
  color: white;
}

.home-block-inner {
  width: 600px;
  max-width: 100%;
  padding: 0 2rem;
}

.home-block-right {
  background: #F0F0F0;
}

.home-block-right .button:hover {
  border-color: #294679;
  background: #DDE5ED;
}

.home-block .accordion {
  background: transparent;
}

.home-block .accordion-title {
  border: 0;
  font-size: 1rem;
  color: #294679;
  padding-left: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

.home-block .accordion-title:focus {
  background: transparent;
}

.home-block :last-child:not(.is-active)>.accordion-title {
  border: 0;
}

.home-block .accordion-content {
  font-size: 1rem;
  border: 0;
  padding: 0;
  background: transparent;
}

.home-block .accordion-content ul {
  margin-bottom: 1rem;
}

.home-block .accordion-content .button {
  color: #294679;
}

.divider.portfolio {
  background: #F0F0F0;
  color: #294679;
}

.divider.portfolio h3 {
  color: #294679;
}

.divider.portfolio .button, #content .button {
  color: #294679;
}

.divider.portfolio .button:hover, #content .button:hover {
  border-color: #294679;
  background: #DDE5ED;
}

#content {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#content h2, #content h3 {
  color: #294679;
}


.home .portfolio-filters {
  display: none;
}

.loading {
  margin-top: 2em;
}

.grid {
  margin: 1em 0;
}

.grid-sizer {
  width: 100%;
}

.grid-item {
  padding: 10px;
  width: 100%;
}

.grid-inner {
  border: 2px solid #294679;
  border-radius: 5px;
  position: relative;
}

.grid-item img {
  width: 100%;
}

.grid-item h4 {
  font-size: 1.4rem;
  margin-top: 0.5rem;
  line-height: 1.4rem;
}

.grid-item ul {
  font-size: 0.8rem;
}

.grid-links {
  position: absolute;
  top: 3rem;
  width: 100%;
  display: none;
}

.fa-circle {
  color: rgba(255,255,255,0.5);
}

.portfolio-filters {
  margin-top: 1em;
}

.portfolio-filters a {
  display: block;
}

.portfolio-filters i {
  margin: 0 0.5rem;
}

.portfolio-filters a.active {
  color: #060C14;
  cursor: default;
}


#footer {
  padding: 2rem 1rem;
  background: black;
}

#footer h4 {
  color: #DDE5ED;
  font-size: 1.4rem;
}

#footer li a {
  padding-left: 0;
}

.website, .website * {
  display: none !important;
}

form .button {
  color: #294679;
}

form .button:hover {
  color: #294679;
  border-color: #294679;
  background: #DDE5ED;
}

.payment-option {
  padding: 1rem;
  background: lightgrey;
  margin: 1rem 0;
  border-radius: 1rem;
}

.payment-option hr {
  border-color: white;
}
/* cmsms stylesheet: Magnific modified: Monday, January 22, 2024 9:26:48 AM */
/* Magnific Popup CSS */.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.8; }.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden; }.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box; }.mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle; }.mfp-align-top .mfp-container:before {display: none; }.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045; }.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {width: 100%;cursor: auto; }.mfp-ajax-cur {cursor: progress; }.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out; }.mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in; }.mfp-auto-cursor .mfp-content {cursor: auto; }.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none; }.mfp-loading.mfp-figure {display: none; }.mfp-hide {display: none !important; }.mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044; }.mfp-preloader a {color: #CCC; }.mfp-preloader a:hover {color: #FFF; }.mfp-s-ready .mfp-preloader {display: none; }.mfp-s-error .mfp-content {display: none; }button.mfp-close,button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046;box-shadow: none;touch-action: manipulation; }button::-moz-focus-inner {padding: 0;border: 0; }.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;font-family: Arial, Baskerville, monospace; }.mfp-close:hover,.mfp-close:focus {opacity: 1; }.mfp-close:active {top: 1px; }.mfp-close-btn-in .mfp-close {color: #333; }.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {color: #FFF;right: -6px;text-align: right;padding-right: 6px;width: 100%; }.mfp-counter {position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap; }.mfp-arrow {position: absolute;opacity: 0.65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: transparent; }.mfp-arrow:active {margin-top: -54px; }.mfp-arrow:hover,.mfp-arrow:focus {opacity: 1; }.mfp-arrow:before,.mfp-arrow:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent; }.mfp-arrow:after {border-top-width: 13px;border-bottom-width: 13px;top: 8px; }.mfp-arrow:before {border-top-width: 21px;border-bottom-width: 21px;opacity: 0.7; }.mfp-arrow-left {left: 0; }.mfp-arrow-left:after {border-right: 17px solid #FFF;margin-left: 31px; }.mfp-arrow-left:before {margin-left: 25px;border-right: 27px solid #3F3F3F; }.mfp-arrow-right {right: 0; }.mfp-arrow-right:after {border-left: 17px solid #FFF;margin-left: 39px; }.mfp-arrow-right:before {border-left: 27px solid #3F3F3F; }.mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px; }.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px; }.mfp-iframe-holder .mfp-close {top: -40px; }.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%; }.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000; }/* Main image in popup */img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto; }/* The shadow behind the image */.mfp-figure {line-height: 0; }.mfp-figure:after {content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #444; }.mfp-figure small {color: #BDBDBD;display: block;font-size: 12px;line-height: 14px; }.mfp-figure figure {margin: 0; }.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto; }.mfp-title {text-align: left;line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px; }.mfp-image-holder .mfp-content {max-width: 100%; }.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; }@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {/*** Remove all paddings around the image on small screen*/.mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0; }.mfp-img-mobile img.mfp-img {padding: 0; }.mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0; }.mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px; }.mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;box-sizing: border-box; }.mfp-img-mobile .mfp-bottom-bar:empty {padding: 0; }.mfp-img-mobile .mfp-counter {right: 5px;top: 3px; }.mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0; } }@media all and (max-width: 900px) {.mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75); }.mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0; }.mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%; }.mfp-container {padding-left: 6px;padding-right: 6px; } }
/* cmsms stylesheet: foundation2024_queries modified: Monday, January 22, 2024 12:43:28 PM */

/* Small only */
@media screen and (max-width: 39.9375em) {

  .grid-y.grid-frame {
    height: 100dvh   }

  body {
    font-size: 18px;
  }

  .home-block-left {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

}

/* Medium and up */
@media screen and (min-width: 40em) {

  .menu.medium-align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .menu.medium-align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .medium-align-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  #home-title h1 {
    font-size: 7rem;
  }

  .home-block .accordion-content {
    font-size: 0.8rem;
  }

  .grid-sizer, .grid-item {
    width: 50%;
  }

  .grid-inner {
     //height: 230px;
     overflow: hidden;
  }

  .portfolio-filters a {
    display: inline;
  }

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {

  #home-title h1 {
    font-size: 9rem;
  }

  .grid-sizer, .grid-item {
    width: 25%;
  }

  .grid-inner {
    //height: 230px;
  }

}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* X-Large and up */
@media screen and (min-width: 75em) {

}