section.feature {
  background-color: #F4F6F6; }
  section.feature.imgleft .wrapper .colorbox {
    grid-template-columns: 2fr 3fr;
    grid-template-areas: "imgcol textcol"; }
    @media screen and (max-width: 800px) {
      section.feature.imgleft .wrapper .colorbox {
        grid-template-columns: 1fr;
        grid-template-areas: "imgcol" "textcol"; } }
  section.feature .wrapper {
    padding: 0 2rem; }
    section.feature .wrapper .colorbox {
      display: grid;
      grid-template-columns: 3fr 2fr;
      grid-template-areas: "textcol imgcol";
      gap: 3rem;
      background-color: #33415B;
      border-radius: 8px;
      color: #fff;
      padding: 2rem; }
      @media screen and (max-width: 800px) {
        section.feature .wrapper .colorbox {
          grid-template-columns: 1fr;
          grid-template-areas: "imgcol" "textcol"; } }
      section.feature .wrapper .colorbox a {
        color: #fff; }
      section.feature .wrapper .colorbox .textcol {
        grid-area: textcol; }
        section.feature .wrapper .colorbox .textcol h2 {
          font-size: 2.125rem;
          line-height: 3rem;
          margin-top: 0rem;
          padding-top: 0.17763rem;
          padding-bottom: 0.32237rem;
          margin-bottom: 1.5rem;
          color: #fff;
          border-bottom: 2px solid #A3C2C6; }
        section.feature .wrapper .colorbox .textcol p {
          color: #E8F1F2; }
        section.feature .wrapper .colorbox .textcol .icons {
          padding: 1rem 0; }
          section.feature .wrapper .colorbox .textcol .icons a {
            display: inline-block;
            padding-right: 1.5rem; }
            section.feature .wrapper .colorbox .textcol .icons a img {
              height: 1.5rem;
              width: auto; }
            section.feature .wrapper .colorbox .textcol .icons a:hover {
              transform: scale(1.1); }
        section.feature .wrapper .colorbox .textcol .buttonholder {
          padding-top: 2rem;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          -moz-column-gap: 2rem;
          column-gap: 2rem;
          row-gap: 1rem; }
        section.feature .wrapper .colorbox .textcol a.secondary {
          font-weight: bold;
          white-space: nowrap; }
      section.feature .wrapper .colorbox .imgcol {
        grid-area: imgcol; }
        section.feature .wrapper .colorbox .imgcol .imgholder {
          position: relative; }
          section.feature .wrapper .colorbox .imgcol .imgholder:before {
            content: '';
            display: block;
            position: absolute;
            left: -12px;
            bottom: -12px;
            width: 30%;
            height: 40%;
            background-image: url(../img/dotpattern-graymedium.svg);
            background-position: left top; }
          section.feature .wrapper .colorbox .imgcol .imgholder img {
            display: block;
            position: relative;
            border-radius: 5px;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%; }
            @media screen and (max-width: 800px) {
              section.feature .wrapper .colorbox .imgcol .imgholder img {
                max-height: 200px; } }
  @media screen and (max-width: 800px) {
    section.feature {
      padding: 2rem 0; }
      section.feature .wrapper {
        padding: 0 1rem; } }

/*# sourceMappingURL=block-feature-box.css.map */