/**
 * This is used to do the columns for masonry sections
 */
body,
html {
  margin: 0;
  padding: 0; }

body,
html {
  font-size: 16px;
  font-family: "Roboto", Arial, sans-serif; }

.typography {
  line-height: 1.5rem; }
  .typography h1, .typography .h1,
  .typography h2, .typography .h2,
  .typography h3, .typography .h3,
  .typography h4, .typography .h4,
  .typography h5, .typography .h5,
  .typography h6, .typography .h6 {
    font-family: "RocketSans", "RobotoSlab", Georgia, serif;
    font-weight: normal;
    margin: 0 0 0.5em 0;
    line-height: 1.25em; }
    .typography h1 a, .typography .h1 a,
    .typography h2 a, .typography .h2 a,
    .typography h3 a, .typography .h3 a,
    .typography h4 a, .typography .h4 a,
    .typography h5 a, .typography .h5 a,
    .typography h6 a, .typography .h6 a {
      text-decoration: none; }
  .typography h1, .typography .h1 {
    font-size: 2.5rem; }
  .typography h2, .typography .h2 {
    font-size: 2rem; }
  .typography h3, .typography .h3 {
    font-size: 1.75rem; }
  .typography h4, .typography .h4 {
    font-size: 1.5rem; }
  .typography h5, .typography .h5 {
    font-size: 1.25rem;
    font-weight: bold; }
  .typography h6, .typography .h6 {
    font-size: 1rem;
    font-weight: bold; }
  .typography h1 + h2,
  .typography h1 + .h2,
  .typography .h1 + h2,
  .typography .h1 + .h2 {
    margin-top: 1.75rem; }
  .typography h2 + h3,
  .typography h2 + .h3,
  .typography .h2 + h3,
  .typography .h2 + .h3 {
    margin-top: 1.75rem; }
  .typography h3 + h4,
  .typography h3 + .h4,
  .typography .h3 + h4,
  .typography .h3 + .h4 {
    margin-top: 1.75rem; }
  .typography h4 + h5,
  .typography h4 + .h5,
  .typography .h4 + h5,
  .typography .h4 + .h5 {
    margin-top: 1.75rem; }
  .typography h5 + h6,
  .typography h5 + .h6,
  .typography .h5 + h6,
  .typography .h5 + .h6 {
    margin-top: 1.75rem; }
  .typography h1, .typography .h1,
  .typography h2, .typography .h2,
  .typography h3, .typography .h3,
  .typography h4, .typography .h4,
  .typography h5, .typography .h5,
  .typography h6, .typography .h6 {
    line-height: 1.1em;
    margin-bottom: 1rem; }
  .typography ol, .typography ul {
    margin-left: 2em; }
    .typography ol li, .typography ul li {
      line-height: 1.3em;
      margin-bottom: 0.8em; }
    .typography ol ol, .typography ol ul, .typography ul ol, .typography ul ul {
      margin-top: 0.8em; }
  .typography p {
    margin-bottom: 0.8em; }
    .typography p:last-child {
      margin-bottom: 0; }

.theme-edit-link {
  position: relative; }
  .theme-edit-link .theme-edit-link-inner {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0.25rem; }
    .theme-edit-link .theme-edit-link-inner a {
      color: #FFF;
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0.5;
      transition: all 250ms;
      padding: 0.25rem; }
      .theme-edit-link .theme-edit-link-inner a:hover {
        opacity: 1;
        background-color: black; }

.masonry {
  padding: 0;
  margin-left: -1.2rem;
  margin-right: -1.2rem; }
  .masonry .masonry-item {
    opacity: 0; }
    .masonry .masonry-item .card {
      margin-bottom: 0; }
  .masonry .masonry-item-inner {
    padding: 1.2rem; }
  .masonry.large-up-4 .masonry-sizer,
  .masonry.large-up-4 .masonry-item {
    width: calc( 100% / 4 ); }
  .masonry.large-up-4 .gutter-sizer {
    width: 1.5em; }
  @media screen and (max-width: 63.999em) {
    .masonry.large-up-4 .masonry-sizer,
    .masonry.large-up-4 .masonry-item {
      width: calc( 100% / 2 ); }
    .masonry.large-up-4 .gutter-sizer {
      width: 1.5em; } }
  @media screen and (max-width: 39.9375em) {
    .masonry.large-up-4 .masonry-sizer,
    .masonry.large-up-4 .masonry-item {
      width: calc( 100% / 1 ); }
    .masonry.large-up-4 .gutter-sizer {
      width: 1em; } }
  .masonry.large-up-3 .masonry-sizer,
  .masonry.large-up-3 .masonry-item {
    width: calc( 100% / 3 ); }
  .masonry.large-up-3 .gutter-sizer {
    width: 1.5em; }
  @media screen and (max-width: 63.999em) {
    .masonry.large-up-3 .masonry-sizer,
    .masonry.large-up-3 .masonry-item {
      width: calc( 100% / 2 ); }
    .masonry.large-up-3 .gutter-sizer {
      width: 1.25em; } }
  @media screen and (max-width: 39.9375em) {
    .masonry.large-up-3 .masonry-sizer,
    .masonry.large-up-3 .masonry-item {
      width: calc( 100% / 1 ); }
    .masonry.large-up-3 .gutter-sizer {
      width: 1em; } }
  .masonry.large-up-2 .masonry-sizer,
  .masonry.large-up-2 .masonry-item {
    width: calc( 100% / 2 ); }
  .masonry.large-up-2 .gutter-sizer {
    width: 1.5em; }
  @media screen and (max-width: 63.999em) {
    .masonry.large-up-2 .masonry-sizer,
    .masonry.large-up-2 .masonry-item {
      width: calc( 100% / 1 ); }
    .masonry.large-up-2 .gutter-sizer {
      width: 1.25em; } }
  @media screen and (max-width: 39.9375em) {
    .masonry.large-up-2 .masonry-sizer,
    .masonry.large-up-2 .masonry-item {
      width: calc( 100% / 1 ); }
    .masonry.large-up-2 .gutter-sizer {
      width: 1em; } }
  .masonry.large-up-1 .masonry-sizer,
  .masonry.large-up-1 .masonry-item {
    width: calc( 100% / 1 ); }
  .masonry.large-up-1 .gutter-sizer {
    width: 1.5em; }
  @media screen and (max-width: 63.999em) {
    .masonry.large-up-1 .masonry-sizer,
    .masonry.large-up-1 .masonry-item {
      width: calc( 100% / 1 ); }
    .masonry.large-up-1 .gutter-sizer {
      width: 1.25em; } }
  @media screen and (max-width: 39.9375em) {
    .masonry.large-up-1 .masonry-sizer,
    .masonry.large-up-1 .masonry-item {
      width: calc( 100% / 1 ); }
    .masonry.large-up-1 .gutter-sizer {
      width: 1em; } }

#SiteHeader .header-desktop {
  padding: 0.5rem 0; }
#SiteHeader .menu-cell {
  padding-left: 1rem;
  padding-right: 1rem; }
  #SiteHeader .menu-cell ul.site-menu {
    float: right; }
#SiteHeader .search-cell {
  padding-right: 1rem; }
  #SiteHeader .search-cell i {
    font-size: 1.5rem;
    cursor: pointer;
    display: inline-block;
    padding: 5px; }
    #SiteHeader .search-cell i:hover {
      color: #ee8a18; }
#SiteHeader .team-member-cell .current-user {
  margin-left: 1rem; }
  #SiteHeader .team-member-cell .current-user .user-display {
    display: table; }
    #SiteHeader .team-member-cell .current-user .user-display .avatar,
    #SiteHeader .team-member-cell .current-user .user-display .user-name {
      display: table-cell;
      vertical-align: middle; }
  #SiteHeader .team-member-cell .current-user .user-name {
    padding-left: 0.75rem;
    font-size: 0.85rem; }
  #SiteHeader .team-member-cell .current-user .avatar span.image {
    display: inline-block;
    margin: 5px 0 0 0;
    padding: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 36px;
    width: 36px;
    border-radius: 36px; }
  #SiteHeader .team-member-cell .current-user.not-logged-in {
    color: #B5121B; }

#SiteFooter {
  background-color: #color-spark-white;
  padding: 1rem 0;
  font-size: 0.875rem; }
  #SiteFooter .footer-left {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem; }
  #SiteFooter .footer-right ul.site-menu {
    float: right; }

.lazy-bg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  .lazy-bg .lazy-screen {
    transition: 250ms background-color;
    background-color: #C8102E; }
  .lazy-bg.bg-loaded .lazy-screen {
    background-color: transparent; }

.card .card-header {
  display: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 200px; }
  .card .card-header a {
    background-color: transparent;
    transition: all 250ms; }
    .card .card-header a:hover {
      background-color: rgba(0, 0, 0, 0.25); }
.card.has-post-thumbnail .card-header {
  display: block; }
.card.use-placeholder .card-header {
  display: block;
  background-image: url("https://picsum.photos/400/300/?random"); }
.card.horizontal .card-inner {
  display: table;
  width: 100%; }
.card.horizontal .card-header {
  display: table-cell;
  vertical-align: middle;
  width: 25%;
  box-sizing: border-box; }
.card.horizontal .card-section {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: 75%;
  box-sizing: border-box; }
.card.vignette .card-header {
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.4); }
.card .card-header-inner {
  display: table;
  min-height: inherit;
  width: 100%; }
  .card .card-header-inner a {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
.card .card-section {
  padding-top: 1rem;
  padding-bottom: 1rem; }
.card .card-footer {
  padding-top: 1rem; }

.header.grid-container, .header.grid-container > .grid-x, .header.grid-container > .grid-x > .cell {
  margin: 0;
  padding: 0; }
.header.header-image {
  background-color: #C8102E;
  color: #FFF;
  padding: 2rem; }
  .header.header-image.has-thumbnail {
    padding: 0; }
    .header.header-image.has-thumbnail .vignette {
      box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5); }
    .header.header-image.has-thumbnail .header-height-sizer {
      height: 360px;
      position: relative; }
    .header.header-image.has-thumbnail .header-caption {
      padding: 1rem 2rem;
      margin: 2rem 0;
      background: rgba(0, 0, 0, 0.75);
      max-width: 50%;
      min-width: 33.3%;
      color: #FFF;
      box-sizing: border-box;
      display: inline-block; }
.header .header-content {
  display: table;
  height: inherit;
  width: 100%; }
.header .header-content-inner {
  display: table-cell; }
  .header .header-content-inner.caption-left-top {
    text-align: left;
    vertical-align: top; }
  .header .header-content-inner.caption-left-middle {
    text-align: left;
    vertical-align: middle; }
  .header .header-content-inner.caption-left-bottom, .header.header-image.has-image .header-content-inner, .header.header-image.no-image .header-content-inner {
    text-align: left;
    vertical-align: bottom; }
  .header .header-content-inner.caption-center-top {
    text-align: center;
    vertical-align: top; }
  .header .header-content-inner.caption-center-middle {
    text-align: center;
    vertical-align: middle; }
  .header .header-content-inner.caption-center-bottom {
    text-align: center;
    vertical-align: bottom; }
  .header .header-content-inner.caption-right-top {
    text-align: right;
    vertical-align: top; }
  .header .header-content-inner.caption-right-middle {
    text-align: right;
    vertical-align: middle; }
  .header .header-content-inner.caption-right-bottom {
    text-align: right;
    vertical-align: bottom; }
.header h1 {
  font-size: 2.5rem;
  line-height: 2.75rem; }

html,
body {
  background-color: #color-spark-white; }

#Main {
  background-color: #F7F7F7; }

.main-content {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

a {
  color: #2081BF;
  text-decoration: none;
  transition: color 250ms; }
  a:hover {
    color: #ee8a18; }

/*
 * This is allows you to globally set the alignment of the image headers, with an image.
 */
/*
 * This is allows you to globally set the alignment of the image headers, without an image.
 */

/*# sourceMappingURL=parent-theme.css.map */