/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography


******************************************************************/
/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
/*********************
LINK STYLES
*********************/
/* line 28, ../scss/breakpoints/_base.scss */
a, a:visited {
  color: #4d4d4d;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
/* line 32, ../scss/breakpoints/_base.scss */
a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #1a1a1a;
}
/* line 42, ../scss/breakpoints/_base.scss */
a:link, a:visited:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
/* line 56, ../scss/breakpoints/_base.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  margin-top: 0;
  text-rendering: optimizelegibility;
  /* removing text decoration from all headline links */
}
/* line 64, ../scss/breakpoints/_base.scss */
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

/* line 69, ../scss/breakpoints/_base.scss */
h1, .h1 {
  font-size: 36px;
  margin-bottom: 18px;
}

/* line 74, ../scss/breakpoints/_base.scss */
h2, .h2 {
  font-size: 28px;
  margin-bottom: 14px;
}

/* line 79, ../scss/breakpoints/_base.scss */
h3, .h3 {
  font-size: 22px;
  margin-bottom: 12px;
}

/* line 84, ../scss/breakpoints/_base.scss */
h4, .h4 {
  font-size: 18px;
  margin-bottom: 9px;
}

/* line 90, ../scss/breakpoints/_base.scss */
p {
  margin-top: 0;
}

/******************************************************************
BUTTON STYLES
******************************************************************/
/* line 100, ../scss/breakpoints/_base.scss */
.btn {
  background-color: #0f2844;
  border: 0;
  border-color: #0f2844;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: white !important;
  font-size: 18px;
}
/* line 110, ../scss/breakpoints/_base.scss */
.btn a {
  color: white !important;
}
/* line 112, ../scss/breakpoints/_base.scss */
.btn a path {
  fill: white;
}

/* line 123, ../scss/breakpoints/_base.scss */
.btn:hover,
.btn.reversed {
  background-color: white;
  color: #0f2844 !important;
}
/* line 127, ../scss/breakpoints/_base.scss */
.btn:hover a,
.btn.reversed a {
  color: #0f2844 !important;
  text-decoration: none;
}
/* line 130, ../scss/breakpoints/_base.scss */
.btn:hover a path,
.btn.reversed a path {
  fill: #0f2844;
}

/* line 137, ../scss/breakpoints/_base.scss */
.btn.reversed:hover {
  background-color: #0f2844;
  color: white !important;
}
/* line 140, ../scss/breakpoints/_base.scss */
.btn.reversed:hover a {
  color: white !important;
  text-decoration: none;
}
/* line 143, ../scss/breakpoints/_base.scss */
.btn.reversed:hover a path {
  fill: white;
}

/* line 150, ../scss/breakpoints/_base.scss */
.btn.has-background {
  background-color: transparent;
  border-color: white;
  color: white !important;
}
/* line 154, ../scss/breakpoints/_base.scss */
.btn.has-background a {
  color: white !important;
}
/* line 156, ../scss/breakpoints/_base.scss */
.btn.has-background a path {
  fill: white;
}

/* line 163, ../scss/breakpoints/_base.scss */
.btn.has-background:hover {
  background-color: #0f2844;
  border-color: #0f2844;
}
/* line 166, ../scss/breakpoints/_base.scss */
.btn.has-background:hover a {
  text-decoration: none;
}
/* line 168, ../scss/breakpoints/_base.scss */
.btn.has-background:hover a path {
  fill: white;
}

/*********************
COLORS
*********************/
/* line 178, ../scss/breakpoints/_base.scss */
.white {
  background-color: white;
}

/* line 182, ../scss/breakpoints/_base.scss */
.off-white {
  background-color: whitesmoke;
}

/* line 186, ../scss/breakpoints/_base.scss */
.light-gray {
  background-color: #d8d8d8;
}

/* line 190, ../scss/breakpoints/_base.scss */
.green {
  background-color: #05a8a8;
}

/* line 194, ../scss/breakpoints/_base.scss */
.purple {
  background-color: #0f2844;
}

/* line 198, ../scss/breakpoints/_base.scss */
.orange {
  background-color: #f09e00;
}

/* line 202, ../scss/breakpoints/_base.scss */
.blue {
  background-color: #19abff;
}

/* line 206, ../scss/breakpoints/_base.scss */
.violet {
  background-color: #53549b;
}

/* line 210, ../scss/breakpoints/_base.scss */
.red {
  background-color: #ff2f1b;
}

/* line 214, ../scss/breakpoints/_base.scss */
.white-text {
  color: white;
}
/* line 216, ../scss/breakpoints/_base.scss */
.white-text a {
  color: white;
}
/* line 220, ../scss/breakpoints/_base.scss */
.white-text svg path, .white-text svg rect, .white-text svg stroke, .white-text .svg path, .white-text .svg rect, .white-text .svg stroke {
  fill: white;
}

/* line 226, ../scss/breakpoints/_base.scss */
.green-text {
  color: #05a8a8;
}
/* line 228, ../scss/breakpoints/_base.scss */
.green-text a {
  color: #05a8a8;
}
/* line 232, ../scss/breakpoints/_base.scss */
.green-text svg path, .green-text svg rect, .green-text svg stroke, .green-text .svg path, .green-text .svg rect, .green-text .svg stroke {
  fill: #05a8a8;
}

/* line 238, ../scss/breakpoints/_base.scss */
.purple-text {
  color: #0f2844;
}
/* line 240, ../scss/breakpoints/_base.scss */
.purple-text a {
  color: #0f2844;
}
/* line 244, ../scss/breakpoints/_base.scss */
.purple-text svg path, .purple-text svg rect, .purple-text svg stroke, .purple-text .svg path, .purple-text .svg rect, .purple-text .svg stroke {
  fill: #0f2844;
}

/* line 250, ../scss/breakpoints/_base.scss */
.orange-text {
  color: #f09e00;
}
/* line 252, ../scss/breakpoints/_base.scss */
.orange-text a {
  color: #f09e00;
}
/* line 256, ../scss/breakpoints/_base.scss */
.orange-text svg path, .orange-text svg rect, .orange-text svg stroke, .orange-text .svg path, .orange-text .svg rect, .orange-text .svg stroke {
  fill: #f09e00;
}

/* line 262, ../scss/breakpoints/_base.scss */
.blue-text {
  color: #19abff;
}
/* line 264, ../scss/breakpoints/_base.scss */
.blue-text a {
  color: #19abff;
}
/* line 268, ../scss/breakpoints/_base.scss */
.blue-text svg path, .blue-text svg rect, .blue-text svg stroke, .blue-text .svg path, .blue-text .svg rect, .blue-text .svg stroke {
  fill: #19abff;
}

/* line 274, ../scss/breakpoints/_base.scss */
.violet-text {
  color: #53549b;
}
/* line 276, ../scss/breakpoints/_base.scss */
.violet-text a {
  color: #53549b;
}
/* line 280, ../scss/breakpoints/_base.scss */
.violet-text svg path, .violet-text svg rect, .violet-text svg stroke, .violet-text .svg path, .violet-text .svg rect, .violet-text .svg stroke {
  fill: #53549b;
}

/* line 286, ../scss/breakpoints/_base.scss */
.red-text {
  color: #ff2f1b;
}
/* line 288, ../scss/breakpoints/_base.scss */
.red-text a {
  color: #ff2f1b;
}
/* line 292, ../scss/breakpoints/_base.scss */
.red-text svg path, .red-text svg rect, .red-text svg stroke, .red-text .svg path, .red-text .svg rect, .red-text .svg stroke {
  fill: #ff2f1b;
}

/* line 300, ../scss/breakpoints/_base.scss */
ul.green-check li,
ul.orange-check li,
ul.white-check li {
  padding: 7px 50px 10px;
  background-position: 15px 10px;
  background-repeat: no-repeat;
  list-style: none;
}
/* line 306, ../scss/breakpoints/_base.scss */
ul.green-check li ul li,
ul.orange-check li ul li,
ul.white-check li ul li {
  background: none;
  list-style: disc;
  padding: initial;
}

/* line 315, ../scss/breakpoints/_base.scss */
ul.green-check li {
  background-image: url("../img/tick-green.svg");
}

/* line 319, ../scss/breakpoints/_base.scss */
ul.orange-check li {
  background-image: url("../img/tick-orange.svg");
}

/* line 323, ../scss/breakpoints/_base.scss */
ul.white-check li {
  background-image: url("../img/tick-white.svg");
}

/*********************
HEADER STYLES
*********************/
/* line 337, ../scss/breakpoints/_base.scss */
header.mobile .header-main .menu-icon {
  display: block;
  position: absolute;
  top: 26px;
  left: 10px;
  width: 30px;
  z-index: 4;
}
/* line 345, ../scss/breakpoints/_base.scss */
header.mobile .header-main .menu-icon .con {
  cursor: pointer;
  display: inline-block;
  width: auto;
  margin: 0 auto;
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
}
/* line 357, ../scss/breakpoints/_base.scss */
header.mobile .header-main .menu-icon .bar {
  display: block;
  height: 3px;
  width: 30px;
  background: black;
  margin: 4px auto;
}
/* line 365, ../scss/breakpoints/_base.scss */
header.mobile .header-main .menu-icon .middle {
  margin: 0 auto;
}
/* line 369, ../scss/breakpoints/_base.scss */
header.mobile .header-main .menu-icon .bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
}
/* line 380, ../scss/breakpoints/_base.scss */
header.mobile .header-main .menu-icon.active .con .top {
  -webkit-transform: translateY(0px) rotateZ(45deg);
  -moz-transform: translateY(0px) rotateZ(45deg);
  -ms-transform: translateY(0px) rotateZ(45deg);
  -o-transform: translateY(0px) rotateZ(45deg);
  transform: translateY(0px) rotateZ(45deg);
}
/* line 389, ../scss/breakpoints/_base.scss */
header.mobile .header-main .menu-icon.active .con .bottom {
  -webkit-transform: translateY(-15px) rotateZ(-45deg);
  -moz-transform: translateY(-15px) rotateZ(-45deg);
  -ms-transform: translateY(-15px) rotateZ(-45deg);
  -o-transform: translateY(-15px) rotateZ(-45deg);
  transform: translateY(-15px) rotateZ(-45deg);
}
/* line 397, ../scss/breakpoints/_base.scss */
header.mobile .header-main .menu-icon.active .con .middle {
  width: 0;
}
/* line 401, ../scss/breakpoints/_base.scss */
header.mobile .header-main .menu-icon.active .con {
  -webkit-transform: translateY(7px);
  -moz-transform: translateY(7px);
  -ms-transform: translateY(7px);
  -o-transform: translateY(7px);
  transform: translateY(7px);
}
/* line 413, ../scss/breakpoints/_base.scss */
header.mobile .header-main .header-logo {
  display: block;
  padding-bottom: 30px;
  position: relative;
  z-index: 2;
}
/* line 422, ../scss/breakpoints/_base.scss */
header.mobile .header-main .header-logo #logo .inner {
  width: 100%;
}
/* line 424, ../scss/breakpoints/_base.scss */
header.mobile .header-main .header-logo #logo .inner a {
  display: block;
  padding: 16px 0;
  text-align: center;
}
/* line 428, ../scss/breakpoints/_base.scss */
header.mobile .header-main .header-logo #logo .inner a img {
  display: block;
  margin: 0 auto;
  width: 70px;
}
/* line 435, ../scss/breakpoints/_base.scss */
header.mobile .header-main .header-logo #logo .inner .tag-line {
  color: #0f2844;
  font-size: 18px;
  font-weight: bold;
}
/* line 445, ../scss/breakpoints/_base.scss */
header.mobile .header-main .mobile-search-holder {
  background-image: url(../img/icon-search.svg);
  background-position: top center;
  background-repeat: no-repeat;
  height: 40px;
  position: absolute;
  right: 24px;
  top: 30px;
  width: 40px;
  z-index: 3;
}
/* line 460, ../scss/breakpoints/_base.scss */
header.mobile .header-utility {
  padding: 20px 0;
}
/* line 464, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 18px;
  display: block;
  position: absolute;
  top: 0;
}
/* line 472, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile {
  background-color: transparent;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 300px;
  z-index: 3;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}
/* line 484, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile .header {
  background-color: white;
  height: 64px;
}
/* line 490, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav {
  display: block;
  float: right;
  padding-left: 0;
  width: 300px;
}
/* line 496, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li {
  cursor: pointer;
  width: 300px !important;
  text-align: left !important;
  padding: 0px;
  background-color: #0f2844;
  float: left;
  border-style: solid;
  border-width: 0.5px 0px 0px 0px;
  border-color: #85AFC2;
}
/* line 507, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li a {
  color: #fff !important;
  display: inline-block;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 400;
  line-height: 48px;
  padding: 7.5px 10px 7.5px 24px !important;
}
/* line 519, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li.menu-item-has-children {
  background-image: url("../img/arrow-mobile-menu-down.svg");
  background-repeat: no-repeat;
  background-position: 250px 20px;
}
/* line 525, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li.menu-item-has-children > a {
  margin-right: 60px;
}
/* line 529, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li.menu-item-has-children > ul {
  max-height: 0px;
  overflow: hidden;
  position: relative;
  top: initial;
  transition: max-height 0.25s ease-out;
}
/* line 539, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li.focus {
  background-image: url("../img/arrow-mobile-menu-up.svg");
}
/* line 543, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li.focus > ul {
  max-height: 800px;
  transition: max-height 0.25s ease-in;
}
/* line 549, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li.current-menu-item {
  background-color: #05a8a8;
}
/* line 551, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li.current-menu-item > a {
  font-weight: 700;
}
/* line 556, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li.current-menu-ancestor {
  background-color: #05a8a8;
}
/* line 558, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li.current-menu-ancestor > a {
  font-weight: 700;
}
/* line 563, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li ul li {
  background-color: white;
}
/* line 565, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li ul li > a {
  color: #0f2844 !important;
}
/* line 569, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li ul li.current-menu-item > a {
  color: white !important;
}
/* line 573, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile ul.nav li ul li.current-menu-ancestor {
  background-color: white;
}
/* line 586, ../scss/breakpoints/_base.scss */
header.mobile .mobile-navigation-holder .main-nav-mobile .menu-primary-menu-container {
  position: absolute;
  background: #1f5f87;
}

/* line 601, ../scss/breakpoints/_base.scss */
header.desktop {
  display: none;
}

/*********************
NAVIGATION STYLES
*********************/
/* line 613, ../scss/breakpoints/_base.scss */
.navigation {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 18px;
  position: absolute;
  width: 100%;
}

/* line 624, ../scss/breakpoints/_base.scss */
.slide-in {
  animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in 0.5s forwards;
}

/* line 629, ../scss/breakpoints/_base.scss */
.slide-out {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out 0.5s forwards;
}

@keyframes slide-in {
  /* line 635, ../scss/breakpoints/_base.scss */
  100% {
    transform: translateX(0%);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25);
  }
}

@-webkit-keyframes slide-in {
  /* line 643, ../scss/breakpoints/_base.scss */
  100% {
    -webkit-transform: translateX(0%);
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25);
  }
}

@keyframes slide-out {
  /* line 650, ../scss/breakpoints/_base.scss */
  0% {
    transform: translateX(0%);
  }

  /* line 651, ../scss/breakpoints/_base.scss */
  100% {
    transform: translateX(-100%);
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

@-webkit-keyframes slide-out {
  /* line 659, ../scss/breakpoints/_base.scss */
  0% {
    -webkit-transform: translateX(0%);
  }

  /* line 660, ../scss/breakpoints/_base.scss */
  100% {
    -webkit-transform: translateX(-100%);
    -webkit-box-shadow: none;
  }
}

/* line 667, ../scss/breakpoints/_base.scss */
.slide-down {
  animation: slide-down 0.5s forwards;
  -webkit-animation: slide-down 0.5s forwards;
}

/* line 672, ../scss/breakpoints/_base.scss */
.slide-up {
  animation: slide-up 0.5s forwards;
  -webkit-animation: slide-up 0.5s forwards;
}

@keyframes slide-down {
  /* line 678, ../scss/breakpoints/_base.scss */
  100% {
    transform: translateY(0%);
  }
}

@-webkit-keyframes slide-down {
  /* line 684, ../scss/breakpoints/_base.scss */
  100% {
    -webkit-transform: translateY(0%);
  }
}

@keyframes slide-up {
  /* line 690, ../scss/breakpoints/_base.scss */
  0% {
    transform: translateY(0%);
  }

  /* line 691, ../scss/breakpoints/_base.scss */
  100% {
    transform: translateY(-100%);
  }
}

@-webkit-keyframes slide-up {
  /* line 697, ../scss/breakpoints/_base.scss */
  0% {
    -webkit-transform: translateY(0%);
  }

  /* line 698, ../scss/breakpoints/_base.scss */
  100% {
    -webkit-transform: translateY(-100%);
  }
}

/* end .nav */
/* line 709, ../scss/breakpoints/_base.scss */
.content-row .curve {
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 50px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 201;
}
/* line 717, ../scss/breakpoints/_base.scss */
.content-row .curve.top {
  background-position: center bottom;
  top: -49px;
}
/* line 722, ../scss/breakpoints/_base.scss */
.content-row .curve.bottom {
  background-position: center top;
  bottom: -49px;
}
/* line 730, ../scss/breakpoints/_base.scss */
.content-row.purple .background {
  background-color: #0f2844;
  color: white;
}
/* line 733, ../scss/breakpoints/_base.scss */
.content-row.purple .background a {
  color: white;
}
/* line 738, ../scss/breakpoints/_base.scss */
.content-row.purple .curve.top {
  background-image: url(../img/curve-top-purple.png);
}
/* line 741, ../scss/breakpoints/_base.scss */
.content-row.purple .curve.bottom {
  background-image: url(../img/curve-bottom-purple.png);
}
/* line 750, ../scss/breakpoints/_base.scss */
.content-row.white .curve.top {
  background-image: url(../img/curve-top-white.png);
}
/* line 753, ../scss/breakpoints/_base.scss */
.content-row.white .curve.bottom {
  background-image: url(../img/curve-bottom-white.png);
}
/* line 768, ../scss/breakpoints/_base.scss */
.content-row .foreground {
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
}
/* line 774, ../scss/breakpoints/_base.scss */
.content-row .foreground h1 {
  color: #05a8a8;
  margin-bottom: 40px;
  text-align: center;
}
/* line 780, ../scss/breakpoints/_base.scss */
.content-row .foreground h3 {
  margin: 40px 0;
}
/* line 784, ../scss/breakpoints/_base.scss */
.content-row .foreground .button-holder {
  margin: 40px 0;
}
/* line 786, ../scss/breakpoints/_base.scss */
.content-row .foreground .button-holder .more-link {
  position: relative;
}
/* line 788, ../scss/breakpoints/_base.scss */
.content-row .foreground .button-holder .more-link img, .content-row .foreground .button-holder .more-link svg {
  position: absolute;
  right: 15px;
  top: 19px;
}
/* line 798, ../scss/breakpoints/_base.scss */
.content-row .foreground .people-holder .person-holder {
  font-size: 16px;
  margin-top: 40px;
  text-align: center;
}
/* line 804, ../scss/breakpoints/_base.scss */
.content-row .foreground .people-holder .person-holder .avatar-holder {
  margin: 0 auto;
  width: 170px;
}
/* line 807, ../scss/breakpoints/_base.scss */
.content-row .foreground .people-holder .person-holder .avatar-holder img {
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  max-width: 100%;
}
/* line 814, ../scss/breakpoints/_base.scss */
.content-row .foreground .people-holder .person-holder h4 {
  font-size: 18px;
  margin: 30px 0;
}

/* line 838, ../scss/breakpoints/_base.scss */
.content-row.testimonial {
  min-height: 0;
}
/* line 842, ../scss/breakpoints/_base.scss */
.content-row.testimonial .quote-holder {
  position: relative;
}
/* line 844, ../scss/breakpoints/_base.scss */
.content-row.testimonial .quote-holder .background {
  position: absolute;
  border-bottom: 2px solid white;
  height: 50%;
}
/* line 849, ../scss/breakpoints/_base.scss */
.content-row.testimonial .quote-holder .quote {
  display: inline-block;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  padding: 40px 48px;
}
/* line 856, ../scss/breakpoints/_base.scss */
.content-row.testimonial .quote-holder .quote p {
  margin-bottom: 0;
}
/* line 860, ../scss/breakpoints/_base.scss */
.content-row.testimonial .quote-holder .quote .quote-name {
  margin-top: 20px;
  font-size: 12px;
  font-style: normal;
}
/* line 865, ../scss/breakpoints/_base.scss */
.content-row.testimonial .quote-holder .quote .quote-position {
  font-size: 12px;
  font-style: normal;
}
/* line 873, ../scss/breakpoints/_base.scss */
.content-row.testimonial .quote-holder.white-text .background {
  border-color: white;
}
/* line 879, ../scss/breakpoints/_base.scss */
.content-row.testimonial .quote-holder.green-text .background {
  border-color: #05a8a8;
}
/* line 885, ../scss/breakpoints/_base.scss */
.content-row.testimonial .quote-holder.blue-text .background {
  border-color: #19abff;
}
/* line 891, ../scss/breakpoints/_base.scss */
.content-row.testimonial .quote-holder.violet-text .background {
  border-color: #53549b;
}
/* line 897, ../scss/breakpoints/_base.scss */
.content-row.testimonial .quote-holder.purple-text .background {
  border-color: #0f2844;
}
/* line 903, ../scss/breakpoints/_base.scss */
.content-row.testimonial .quote-holder.red-text .background {
  border-color: #ff2f1b;
}
/* line 909, ../scss/breakpoints/_base.scss */
.content-row.testimonial .quote-holder.black-text .background {
  border-color: black;
}

/* line 917, ../scss/breakpoints/_base.scss */
.content-row.two-column-layout .panel-holder {
  min-height: 600px;
}
/* line 920, ../scss/breakpoints/_base.scss */
.content-row.two-column-layout .panel-holder .foreground {
  text-align: center;
}

/* line 930, ../scss/breakpoints/_base.scss */
.testimonials-holder .testimonial-holder {
  background-color: transparent;
}
/* line 932, ../scss/breakpoints/_base.scss */
.testimonials-holder .testimonial-holder .avatar-holder {
  float: left;
  height: 170px;
  width: 170px;
}
/* line 936, ../scss/breakpoints/_base.scss */
.testimonials-holder .testimonial-holder .avatar-holder img {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  max-width: 100%;
}
/* line 944, ../scss/breakpoints/_base.scss */
.testimonials-holder .testimonial-holder .content {
  font-style: italic;
}
/* line 949, ../scss/breakpoints/_base.scss */
.testimonials-holder .testimonial-holder .name,
.testimonials-holder .testimonial-holder .position {
  color: #05a8a8;
  font-weight: 400;
}
/* line 957, ../scss/breakpoints/_base.scss */
.testimonials-holder .testimonial-holder.has-image .content,
.testimonials-holder .testimonial-holder.has-image .name,
.testimonials-holder .testimonial-holder.has-image .position {
  margin-left: 200px;
}
/* line 964, ../scss/breakpoints/_base.scss */
.testimonials-holder .slider-nav {
  background-color: transparent;
  width: 33px;
}
/* line 967, ../scss/breakpoints/_base.scss */
.testimonials-holder .slider-nav a {
  display: block;
  margin-top: 55px;
}
/* line 974, ../scss/breakpoints/_base.scss */
.testimonials-holder .slider-nav.prev {
  background-image: none;
  left: -70px;
  text-indent: 0;
}
/* line 980, ../scss/breakpoints/_base.scss */
.testimonials-holder .slider-nav.next {
  background-image: none;
  right: -70px;
  text-indent: 0;
}

/*********************
POSTS & CONTENT STYLES
*********************/
/* line 998, ../scss/breakpoints/_base.scss */
.page-row {
  background-color: white;
  padding: 0;
}
/* line 1003, ../scss/breakpoints/_base.scss */
.page-row .header h2 {
  text-align: center;
}

/* line 1010, ../scss/breakpoints/_base.scss */
.page-row.first {
  margin-top: 0;
}

/* line 1021, ../scss/breakpoints/_base.scss */
#page-header > .content-row {
  min-height: 320px;
}
/* line 1026, ../scss/breakpoints/_base.scss */
#page-header > .content-row > .background > img {
  height: 100%;
  width: auto;
}

/* line 1041, ../scss/breakpoints/_base.scss */
body.blog #page-header,
body.search-results #page-header {
  min-height: 0;
}
/* line 1043, ../scss/breakpoints/_base.scss */
body.blog #page-header > .content-row,
body.search-results #page-header > .content-row {
  min-height: 0;
}
/* line 1045, ../scss/breakpoints/_base.scss */
body.blog #page-header > .content-row h1,
body.search-results #page-header > .content-row h1 {
  margin: 60px 0;
}
/* line 1053, ../scss/breakpoints/_base.scss */
body.blog .categories-nav h4.widgettitle,
body.search-results .categories-nav h4.widgettitle {
  display: none;
}
/* line 1057, ../scss/breakpoints/_base.scss */
body.blog .categories-nav ul,
body.search-results .categories-nav ul {
  margin: 80px 0px 60px 0px;
  padding: 0px 15px;
}
/* line 1060, ../scss/breakpoints/_base.scss */
body.blog .categories-nav ul li,
body.search-results .categories-nav ul li {
  display: inline-block;
  background: whitesmoke;
  margin-right: 25px;
  height: 42px;
  padding: 9px 0px;
  border-radius: 50px;
}
/* line 1067, ../scss/breakpoints/_base.scss */
body.blog .categories-nav ul li a,
body.search-results .categories-nav ul li a {
  font-size: 16px;
  font-weight: regular;
  color: black;
  text-align: center;
  padding: 0px 24px;
}
/* line 1075, ../scss/breakpoints/_base.scss */
body.blog .categories-nav ul li.current-cat, body.blog .categories-nav ul li:hover,
body.search-results .categories-nav ul li.current-cat,
body.search-results .categories-nav ul li:hover {
  background: #05a8a8;
}
/* line 1077, ../scss/breakpoints/_base.scss */
body.blog .categories-nav ul li.current-cat a, body.blog .categories-nav ul li:hover a,
body.search-results .categories-nav ul li.current-cat a,
body.search-results .categories-nav ul li:hover a {
  color: white;
  text-decoration: none;
}
/* line 1086, ../scss/breakpoints/_base.scss */
body.blog .post-entry,
body.search-results .post-entry {
  max-width: 370px;
  position: relative;
  display: block;
  margin: auto;
  background: whitesmoke;
  margin-bottom: 50px;
}
/* line 1094, ../scss/breakpoints/_base.scss */
body.blog .post-entry .featured-image,
body.search-results .post-entry .featured-image {
  max-width: 100%;
  height: 175px;
  background-color: #05a8a8;
  background-repeat: no-repeat;
  background-position: center center !important;
}
/* line 1102, ../scss/breakpoints/_base.scss */
body.blog .post-entry .entry-meta,
body.search-results .post-entry .entry-meta {
  padding: 20px 0px 0px 20px;
  font-size: 10px;
  color: #4d4d4d;
  font-weight: 400;
  letter-spacing: 2px;
}
/* line 1110, ../scss/breakpoints/_base.scss */
body.blog .post-entry .title h2,
body.search-results .post-entry .title h2 {
  padding-left: 20px;
  margin-left: 0px;
  font-size: 24px;
  color: black;
  font-weight: 400;
}
/* line 1118, ../scss/breakpoints/_base.scss */
body.blog .post-entry .excerpt,
body.search-results .post-entry .excerpt {
  padding-left: 20px;
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 400;
  margin-bottom: 30px;
}
/* line 1126, ../scss/breakpoints/_base.scss */
body.blog .post-entry a.read-more,
body.search-results .post-entry a.read-more {
  display: block;
  padding-left: 20px;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #4d4d4d;
  font-size: 14px;
  height: 56px;
  letter-spacing: 2px;
  color: black;
  padding-top: 17px;
  width: 100%;
  bottom: 0;
}
/* line 1140, ../scss/breakpoints/_base.scss */
body.blog .post-entry a.read-more .more-link,
body.search-results .post-entry a.read-more .more-link {
  float: right;
  margin-right: 20px;
  margin-top: 4px;
}
/* line 1144, ../scss/breakpoints/_base.scss */
body.blog .post-entry a.read-more .more-link path,
body.search-results .post-entry a.read-more .more-link path {
  fill: #4d4d4d;
}
/* line 1151, ../scss/breakpoints/_base.scss */
body.blog .post-entry a.read-more:hover,
body.search-results .post-entry a.read-more:hover {
  background: #05a8a8;
  color: white;
  text-decoration: none;
}
/* line 1155, ../scss/breakpoints/_base.scss */
body.blog .post-entry a.read-more:hover .more-link path,
body.search-results .post-entry a.read-more:hover .more-link path {
  fill: white;
}

/* line 1171, ../scss/breakpoints/_base.scss */
.page-template-front-page #page-header .slider-holder .foreground {
  display: none;
}
/* line 1180, ../scss/breakpoints/_base.scss */
.page-template-front-page #page-content .foreground .inner h2 {
  margin-bottom: 40px;
}
/* line 1188, ../scss/breakpoints/_base.scss */
.page-template-front-page #page-content .content-row.regional-programs .foreground .inner {
  padding-bottom: 40px;
}

/* line 1201, ../scss/breakpoints/_base.scss */
.page-template-default #page-content .foreground .inner {
  padding: 60px 0;
}
/* line 1204, ../scss/breakpoints/_base.scss */
.page-template-default #page-content .foreground .inner h1 {
  color: #05a8a8;
  margin-bottom: 40px;
  text-align: center;
}

/* line 1220, ../scss/breakpoints/_base.scss */
.single-post #page-content .foreground .inner {
  padding: 60px 0;
}
/* line 1223, ../scss/breakpoints/_base.scss */
.single-post #page-content .foreground .inner .entry-meta {
  color: #4d4d4d;
  font-size: 10px;
  letter-spacing: 2.2px;
  margin-bottom: 35px;
  text-transform: uppercase;
}
/* line 1231, ../scss/breakpoints/_base.scss */
.single-post #page-content .foreground .inner h1 {
  color: black;
  margin-bottom: 40px;
  text-align: left;
}

/* line 1244, ../scss/breakpoints/_base.scss */
.search-results #page-header {
  min-height: 0;
}
/* line 1246, ../scss/breakpoints/_base.scss */
.search-results #page-header > .content-row {
  min-height: 0;
}
/* line 1248, ../scss/breakpoints/_base.scss */
.search-results #page-header > .content-row h1 {
  margin: 60px 0;
}

/* line 1258, ../scss/breakpoints/_base.scss */
.page-template-page-contact #page-content .foreground .inner {
  padding: 100px 0 160px;
}
/* line 1261, ../scss/breakpoints/_base.scss */
.page-template-page-contact #page-content .foreground .inner .contact-intro h2 {
  color: #05a8a8;
  margin-bottom: 30px;
}
/* line 1266, ../scss/breakpoints/_base.scss */
.page-template-page-contact #page-content .foreground .inner .contact-info {
  margin-bottom: 40px;
}

/* line 1278, ../scss/breakpoints/_base.scss */
.content-row.two-column-layout .column {
  padding: 0;
}
/* line 1282, ../scss/breakpoints/_base.scss */
.content-row.two-column-layout .column .panel-holder .background {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 1287, ../scss/breakpoints/_base.scss */
.content-row.two-column-layout .column .panel-holder .foreground {
  padding: 50px;
}
/* line 1289, ../scss/breakpoints/_base.scss */
.content-row.two-column-layout .column .panel-holder .foreground h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
/* line 1293, ../scss/breakpoints/_base.scss */
.content-row.two-column-layout .column .panel-holder .foreground .content {
  font-size: 16px;
  margin-bottom: 20px;
}
/* line 1297, ../scss/breakpoints/_base.scss */
.content-row.two-column-layout .column .panel-holder .foreground .more-link {
  min-width: 240px;
}

/* line 1311, ../scss/breakpoints/_base.scss */
.sm-slider-pager {
  bottom: 0;
  display: none;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 201;
}
/* line 1320, ../scss/breakpoints/_base.scss */
.sm-slider-pager span {
  color: #4d4d4d;
  cursor: pointer;
  display: inline-block;
  font-family: arial;
  font-size: 40px;
  height: 16px;
  opacity: 0.4;
  width: 16px;
}
/* line 1331, ../scss/breakpoints/_base.scss */
.sm-slider-pager span.cycle-pager-active {
  color: #4d4d4d;
  opacity: 0.2;
}

/* line 1339, ../scss/breakpoints/_base.scss */
.sm-slider-nav {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  bottom: 0;
  cursor: pointer;
  display: none;
  opacity: 0.2;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  transition: opacity 0.2s ease;
  width: 40px;
  z-index: 201;
}

/* line 1355, ../scss/breakpoints/_base.scss */
.sm-slider-nav:hover {
  opacity: 0.8;
}

/* line 1359, ../scss/breakpoints/_base.scss */
.sm-slider-nav.prev {
  background-image: url(../img/arrow-slider-prev.svg);
  left: 0;
}

/* line 1364, ../scss/breakpoints/_base.scss */
.sm-slider-nav.next {
  background-image: url(../img/arrow-slider-next.svg);
  right: 0;
}

/*********************
FORM STYLES
*********************/
/* line 1376, ../scss/breakpoints/_base.scss */
.form-holder .form-group input,
.form-holder .form-group textarea,
.form-holder .form-group select {
  font-size: 18px;
  font-style: italic;
}

/* line 1381, ../scss/breakpoints/_base.scss */
.form-holder .more-box {
  background-color: #05a8a8;
  border: 0;
  color: white;
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto;
  padding: 10px 20px;
  width: 240px;
}

/* line 1393, ../scss/breakpoints/_base.scss */
.search-input {
  background-image: url(../img/icon-search.svg);
  background-position: 11px 50%;
  background-repeat: no-repeat;
  border: 1px solid #d8d8d8;
  color: #4d4d4d;
  line-height: 40px;
  padding-left: 40px;
}

/* line 1407, ../scss/breakpoints/_base.scss */
.form-holder.form-mixed .form-group .col-sm-6,
.form-holder.form-mixed .form-group .col-sm-12 {
  margin-bottom: 15px;
}

/*********************
SIDEBARS
*********************/
/*********************
FOOTER STYLES
*********************/
/* line 1429, ../scss/breakpoints/_base.scss */
#cta a {
  background-color: #f09e00;
  color: white;
  font-weight: bold;
}

/* line 1443, ../scss/breakpoints/_base.scss */
.footer-contact {
  margin: 0;
}
/* line 1447, ../scss/breakpoints/_base.scss */
.footer-contact .background-holder {
  opacity: 0.4;
}
/* line 1453, ../scss/breakpoints/_base.scss */
.footer-contact .foreground-holder {
  color: white;
}
/* line 1459, ../scss/breakpoints/_base.scss */
.footer-contact .foreground-holder .form-holder .form-group input, .footer-contact .foreground-holder .form-holder .form-group textarea, .footer-contact .foreground-holder .form-holder .form-group button {
  background-color: transparent;
  border: 2px solid white;
  color: white;
}
/* line 1465, ../scss/breakpoints/_base.scss */
.footer-contact .foreground-holder .form-holder .form-group ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: white;
}
/* line 1468, ../scss/breakpoints/_base.scss */
.footer-contact .foreground-holder .form-holder .form-group :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: white;
  opacity: 1;
}
/* line 1472, ../scss/breakpoints/_base.scss */
.footer-contact .foreground-holder .form-holder .form-group ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: white;
  opacity: 1;
}
/* line 1476, ../scss/breakpoints/_base.scss */
.footer-contact .foreground-holder .form-holder .form-group :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
}

/* line 1488, ../scss/breakpoints/_base.scss */
footer.footer {
  padding: 0;
}
/* line 1496, ../scss/breakpoints/_base.scss */
footer.footer .content-row .foreground .inner {
  padding-top: 40px;
}
/* line 1499, ../scss/breakpoints/_base.scss */
footer.footer .content-row .foreground .inner .footer-column {
  text-align: center;
  margin-bottom: 40px;
}
/* line 1504, ../scss/breakpoints/_base.scss */
footer.footer .content-row .foreground .inner .footer-column ul li {
  font-weight: bold;
}
/* line 1507, ../scss/breakpoints/_base.scss */
footer.footer .content-row .foreground .inner .footer-column ul li p {
  line-height: 1.5;
}
/* line 1512, ../scss/breakpoints/_base.scss */
footer.footer .content-row .foreground .inner .footer-column ul li ul li {
  font-weight: normal;
}
/* line 1520, ../scss/breakpoints/_base.scss */
footer.footer .content-row .foreground .inner .footer-column .form-holder .more-box {
  background-color: #05a8a8;
  border: 0;
  border-radius: 4px;
  font-weight: bold;
  text-transform: none;
  width: 100%;
}
/* line 1530, ../scss/breakpoints/_base.scss */
footer.footer .content-row .foreground .inner .footer-column .fa-inverse {
  color: #0f2844;
}
/* line 1540, ../scss/breakpoints/_base.scss */
footer.footer .content-row .registered-charity {
  line-height: 30px;
}
/* line 1542, ../scss/breakpoints/_base.scss */
footer.footer .content-row .registered-charity img {
  height: 30px;
  width: auto;
}
/* line 1551, ../scss/breakpoints/_base.scss */
footer.footer .content-row a {
  color: white;
  text-decoration: none;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
/* line 1558, ../scss/breakpoints/_base.scss */
footer.footer .content-row a:hover, footer.footer .content-row a:focus {
  color: white;
}
/* line 1563, ../scss/breakpoints/_base.scss */
footer.footer .content-row a:active {
  color: white;
}
/* line 1568, ../scss/breakpoints/_base.scss */
footer.footer .content-row a:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: white;
}
/* line 1578, ../scss/breakpoints/_base.scss */
footer.footer .content-row .curve.bottom {
  display: none;
}

/* end .footer-links */
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /* line 25, ../scss/breakpoints/_768up.scss */
  h1, .h1 {
    font-size: 32px;
  }

  /* line 29, ../scss/breakpoints/_768up.scss */
  h2, .h2 {
    font-size: 24px;
  }

  /* line 33, ../scss/breakpoints/_768up.scss */
  h3, .h3 {
    font-size: 21px;
  }

  /* line 37, ../scss/breakpoints/_768up.scss */
  h4, .h4 {
    font-size: 18px;
  }

  /*********************
  HEADER STYLES
  *********************/
  /* line 45, ../scss/breakpoints/_768up.scss */
  header.mobile {
    display: none;
  }

  /* line 49, ../scss/breakpoints/_768up.scss */
  header.desktop {
    background-color: white;
    display: block;
    position: relative;
    width: 100%;
    z-index: 300;
  }
  /* line 57, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility {
    height: 48px;
    line-height: 48px;
    position: fixed;
    width: 100%;
    z-index: 302;
  }
  /* line 64, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .container {
    position: relative;
  }
  /* line 68, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .utility-holder {
    font-size: 16px;
  }
  /* line 74, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .utility-holder .btn-login a {
    background-color: #05a8a8;
    border-radius: 100%;
    moz-border-radius: 100%;
    webkit-border-radius: 100%;
    color: white;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    text-align: center;
    width: 40px;
  }
  /* line 92, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .login-container {
    height: 48px;
    overflow: hidden;
  }
  /* line 97, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .login-container.active {
    height: auto;
  }
  /* line 103, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .login-container .btn-login {
    background-color: whitesmoke;
    cursor: pointer;
    height: 48px;
    position: relative;
    width: 100%;
    z-index: 302;
  }
  /* line 111, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .login-container .btn-login a {
    background-color: #05a8a8;
    border-radius: 100%;
    moz-border-radius: 100%;
    webkit-border-radius: 100%;
    color: white;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    text-align: center;
    width: 40px;
  }
  /* line 126, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .login-container ul.menu-login {
    background-color: whitesmoke;
    margin: 0;
    position: relative;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    z-index: 301;
  }
  /* line 134, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .login-container ul.menu-login li {
    padding-right: 15px;
  }
  /* line 144, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .text-size-controllers {
    display: inline;
  }
  /* line 147, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .text-size-controllers .text-size {
    background-color: white;
    border-radius: 100%;
    moz-border-radius: 100%;
    webkit-border-radius: 100%;
    color: #05a8a8;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    text-align: center;
    width: 40px;
  }
  /* line 160, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .text-size-controllers .text-size.decrease {
    font-size: 14px;
  }
  /* line 164, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .text-size-controllers .text-size.increase {
    font-size: 20px;
  }
  /* line 170, ../scss/breakpoints/_768up.scss */
  header.desktop .header-utility .text-size-controllers .text-size:hover, header.desktop .header-utility .text-size-controllers .text-size:active, header.desktop .header-utility .text-size-controllers .text-size:focus {
    text-decoration: none;
  }
  /* line 180, ../scss/breakpoints/_768up.scss */
  header.desktop .header-main {
    display: block;
    position: relative;
  }
  /* line 184, ../scss/breakpoints/_768up.scss */
  header.desktop .header-main .header-logo {
    margin-top: 48px;
    padding-bottom: 30px;
  }
  /* line 189, ../scss/breakpoints/_768up.scss */
  header.desktop .header-main .header-logo #logo .inner {
    width: 100%;
  }
  /* line 191, ../scss/breakpoints/_768up.scss */
  header.desktop .header-main .header-logo #logo .inner a {
    display: block;
    text-align: center;
  }
  /* line 194, ../scss/breakpoints/_768up.scss */
  header.desktop .header-main .header-logo #logo .inner a img {
    display: block;
    margin: 30px auto;
    max-width: 100%;
  }
  /* line 201, ../scss/breakpoints/_768up.scss */
  header.desktop .header-main .header-logo #logo .inner .tag-line {
    color: #0f2844;
    font-size: 24px;
    font-weight: bold;
  }
  /* line 215, ../scss/breakpoints/_768up.scss */
  header.desktop .navigation {
    z-index: 299;
  }

  /* line 227, ../scss/breakpoints/_768up.scss */
  .admin-bar .header-utility {
    top: 30px;
  }
  /* line 233, ../scss/breakpoints/_768up.scss */
  .admin-bar .navigation .desktop-navigation-holder.headroom.headroom--not-top.headroom--pinned {
    top: 77px;
  }

  /*********************
  NAVIGATION STYLES
  *********************/
  /* line 246, ../scss/breakpoints/_768up.scss */
  .navigation {
    position: relative;
  }
  /* line 250, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder {
    width: 100%;
  }
  /* line 252, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder .background {
    background-color: #0f2844;
  }
  /* line 255, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder .foreground {
    z-index: 202;
  }
  /* line 259, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder .foreground ul.main-navigation li a {
    border-bottom: 2px solid #0f2844;
    color: white;
    padding: 7px 17px;
    margin: 13px 3px;
  }
  /* line 265, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder .foreground ul.main-navigation li a:hover {
    border-bottom: 2px solid #05a8a8;
    font-weight: 300;
  }
  /* line 273, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder .foreground ul.main-navigation li.current-menu-item > a {
    border-bottom: 2px solid #05a8a8;
    font-weight: 300;
  }
  /* line 280, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder .foreground ul.main-navigation li.current-menu-item > ul li a {
    font-weight: 300;
  }
  /* line 287, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder .foreground ul.main-navigation li.menu-item-has-children {
    background-image: url(../img/arrow-menu-down.svg);
    background-position: right 27px;
    background-repeat: no-repeat;
    border-right: 10px solid transparent;
  }
  /* line 295, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder .foreground ul.main-navigation li ul {
    background-color: white;
    top: 40px;
    width: 300px;
  }
  /* line 299, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder .foreground ul.main-navigation li ul li {
    width: 100%;
  }
  /* line 301, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder .foreground ul.main-navigation li ul li a {
    border-bottom: 2px solid white;
    color: #0f2844;
  }
  /* line 305, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder .foreground ul.main-navigation li ul li a:hover {
    border-bottom: 2px solid white;
  }
  /* line 315, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder .foreground ul.main-navigation li ul li:hover,
  .navigation .desktop-navigation-holder .foreground ul.main-navigation li ul li.current-menu-item {
    background-color: #05a8a8;
  }
  /* line 317, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder .foreground ul.main-navigation li ul li:hover a,
  .navigation .desktop-navigation-holder .foreground ul.main-navigation li ul li.current-menu-item a {
    border-bottom: 2px solid #05a8a8;
    color: white;
    font-weight: 300;
  }
  /* line 329, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder.headroom {
    will-change: top;
    transition: top 200ms linear;
  }
  /* line 335, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder.headroom.headroom--not-top {
    position: fixed;
    top: -110px;
  }
  /* line 338, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder.headroom.headroom--not-top .curve {
    display: none;
  }
  /* line 343, ../scss/breakpoints/_768up.scss */
  .navigation .desktop-navigation-holder.headroom.headroom--not-top.headroom--pinned {
    top: 47px;
  }

  /*
  
  BACKGROUNDS
  
  */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* line 377, ../scss/breakpoints/_768up.scss */
  #page-header .background-holder {
    background-attachment: initial;
    background-size: initial;
  }
  /* line 384, ../scss/breakpoints/_768up.scss */
  #page-header .foreground-holder .content {
    min-height: 480px;
  }

  /* line 398, ../scss/breakpoints/_768up.scss */
  #page-header > .content-row {
    min-height: 480px;
  }
  /* line 403, ../scss/breakpoints/_768up.scss */
  #page-header > .content-row > .background > img {
    height: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
  }

  /* line 428, ../scss/breakpoints/_768up.scss */
  .page-row .content-row.two-column-layout .container {
    width: 100%;
  }

  /* line 437, ../scss/breakpoints/_768up.scss */
  .page-row.first {
    margin-top: 0;
  }

  /* line 446, ../scss/breakpoints/_768up.scss */
  .slide .foreground {
    min-height: 480px;
  }

  /* line 456, ../scss/breakpoints/_768up.scss */
  .page-template-front-page #page-header .foreground {
    min-height: 600px;
  }

  /*********************
  SIDEBARS & ASIDES
  *********************/
  /*********************
  FOOTER STYLES
  *********************/
}
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 992px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.
  
  ******************************************************************/
}
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1200px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
}
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */
}