/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
@media (min-width: 750px) {
  .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    padding-right: 0; } }

.wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .image {
  -ms-flex-order: 0;
      order: 0; }

.wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .copy {
  -ms-flex-order: 1;
      order: 1; }

@media (min-width: 750px) {
  .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side.left .image {
    -ms-flex-order: 1;
        order: 1; }
  .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side.left .copy {
    -ms-flex-order: 0;
        order: 0; } }

.wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 20rem; }
  .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .image img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    font-family: 'object-fit: cover; object-position: center;';
    height: 100%;
    width: 100%; }
  @media (min-width: 750px) {
    .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .image {
      height: auto; } }

.wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .copy {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }
  @media (min-width: 750px) {
    .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .copy {
      padding-left: 5rem;
      padding-right: 2.8125rem; } }

@media (min-width: 750px) {
  .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .image,
  .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .copy {
    width: 50%;
    min-height: 35.625rem; } }

.wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .article-title {
  font-size: 2rem;
  margin-bottom: 2.5rem;
  font-weight: 700;
  line-height: 1; }

@media (min-width: 1200px) {
  .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .editor-rich-text,
  .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .article-content {
    font-size: 1.25rem;
    line-height: 2.25rem; }
    .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .editor-rich-text strong,
    .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .article-content strong {
      font-weight: 700; } }

.wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .copy p {
  margin-bottom: 40px; }

.wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .copy .wp-block-button,
.wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .copy .mat-button {
  color: #FFFFFF;
  background: #143258;
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 50px; }
  .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .copy .wp-block-button.aligncenter,
  .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .copy .mat-button.aligncenter {
    display: block;
    margin: 0 auto;
    width: 18.75rem; }
  .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .copy .wp-block-button.alignright,
  .wp-block-mat-block-mat-gb-side-by-side .gb-content-side-by-side .copy .mat-button.alignright {
    display: block;
    float: right;
    text-align: center;
    width: 18.75rem; }

.wp-block-mat-block-mat-gb-side-by-side .bgcolor_143258 .copy .wp-block-button,
.wp-block-mat-block-mat-gb-side-by-side .bgcolor_143258 .copy .mat-button {
  background: #F66014; }

.wp-block-mat-block-mat-gb-side-by-side .wp-block-button__link {
  background-color: transparent;
  color: #FFFFFF;
  font-size: .8rem; }
  @media (min-width: 1200px) {
    .wp-block-mat-block-mat-gb-side-by-side .wp-block-button__link {
      font-size: 1.125rem; } }