/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project. HELLOWORLD
*/
/**
 * #.# Content Feature Styles...
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-wppros-content-feature {
  position: relative;
  /*
     ** Alternate Section
     */ }
  .wp-block-wppros-content-feature:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(315deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -o-linear-gradient(315deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); }
  .wp-block-wppros-content-feature .photo-credit {
    display: none;
    position: absolute;
    top: 9rem;
    right: 0;
    padding: 15px 50px 15px 25px;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: right;
    z-index: 10; }
    @media (min-width: 48em) {
      .wp-block-wppros-content-feature .photo-credit {
        display: block; } }
    .wp-block-wppros-content-feature .photo-credit span {
      display: block;
      color: #fff;
      font-size: 12px; }
      .wp-block-wppros-content-feature .photo-credit span:first-child {
        font-weight: 700; }
  .wp-block-wppros-content-feature .panel {
    position: relative;
    width: 100%;
    background-color: #3e87d2;
    text-align: center;
    color: #fff; }
    @media (min-width: 48em) {
      .wp-block-wppros-content-feature .panel {
        width: 50%; } }
    .wp-block-wppros-content-feature .panel .inner-panel {
      padding: 60px 30px 0; }
      @media (min-width: 48em) {
        .wp-block-wppros-content-feature .panel .inner-panel {
          padding: 60px 45px; } }
      .wp-block-wppros-content-feature .panel .inner-panel img {
        width: 45%;
        height: auto; }
      .wp-block-wppros-content-feature .panel .inner-panel button.image-button {
        width: 100%;
        text-align: center;
        display: block; }
      .wp-block-wppros-content-feature .panel .inner-panel p {
        margin-bottom: 30px; }
      .wp-block-wppros-content-feature .panel .inner-panel div.panel-button {
        background-color: #fff;
        border-radius: 50px;
        padding: 15px 25px;
        display: inline-block;
        font-weight: 700;
        text-transform: uppercase; }
        .wp-block-wppros-content-feature .panel .inner-panel div.panel-button a {
          color: inherit; }
    .wp-block-wppros-content-feature .panel .panel-bullets {
      position: relative;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      text-align: left;
      padding: 0 !important; }
      @media (min-width: 48em) {
        .wp-block-wppros-content-feature .panel .panel-bullets {
          position: absolute;
          top: 50%;
          -webkit-transform: translate(100%, -50%) !important;
          -ms-transform: translate(100%, -50%) !important;
          transform: translate(100%, -50%) !important; } }
      .wp-block-wppros-content-feature .panel .panel-bullets .inner-bullets-panel {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        opacity: 0.7;
        padding: 0 !important; }
      .wp-block-wppros-content-feature .panel .panel-bullets .inner-bullets-panel-content {
        position: relative;
        z-index: 2;
        padding: 30px; }
        @media (min-width: 48em) {
          .wp-block-wppros-content-feature .panel .panel-bullets .inner-bullets-panel-content {
            padding: 45px; } }
        .wp-block-wppros-content-feature .panel .panel-bullets .inner-bullets-panel-content ul {
          margin: 0 !important;
          padding: 0 !important; }
          .wp-block-wppros-content-feature .panel .panel-bullets .inner-bullets-panel-content ul li {
            margin-bottom: 10px;
            list-style: none; }
            .wp-block-wppros-content-feature .panel .panel-bullets .inner-bullets-panel-content ul li:before {
              content: '\f054';
              font-family: 'Font Awesome 5 Pro';
              font-weight: 400;
              margin-right: 7px; }
      .wp-block-wppros-content-feature .panel .panel-bullets .find-out-more {
        position: relative;
        z-index: 2;
        padding: 0 30px 30px; }
        @media (min-width: 48em) {
          .wp-block-wppros-content-feature .panel .panel-bullets .find-out-more {
            padding: 0 45px 45px; } }
        .wp-block-wppros-content-feature .panel .panel-bullets .find-out-more a {
          color: #fff;
          font-weight: 400; }
  .wp-block-wppros-content-feature .quote {
    display: none;
    position: absolute;
    bottom: 9rem;
    right: 0;
    width: 300px;
    text-align: right;
    color: #fff;
    font-weight: 400; }
    @media (min-width: 48em) {
      .wp-block-wppros-content-feature .quote {
        display: block; } }
    .wp-block-wppros-content-feature .quote span {
      display: block;
      width: 100%; }
  .wp-block-wppros-content-feature.content-right .photo-credit {
    right: auto !important;
    left: 0 !important;
    padding: 15px 25px 15px 50px !important;
    text-align: left !important; }
  @media (min-width: 48em) {
    .wp-block-wppros-content-feature.content-right .panel {
      right: -50% !important; }
      .wp-block-wppros-content-feature.content-right .panel .panel-bullets {
        -webkit-transform: translate(-100%, -50%) !important;
        -ms-transform: translate(-100%, -50%) !important;
        transform: translate(-100%, -50%) !important; } }
  .wp-block-wppros-content-feature.content-right .quote {
    right: auto !important;
    left: 0 !important;
    text-align: left !important; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project. HELLOWORLD
*/
/**
 * #.# Information Boxes Styles...
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-wppros-information-boxes h2 {
  margin-bottom: 15px; }

.wp-block-wppros-information-boxes p {
  margin: 0; }

.wp-block-wppros-information-boxes .btn {
  background-color: #d51e41;
  padding: 15px 40px;
  border-radius: 50px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-weight: 700; }

.wp-block-wppros-information-boxes .outline-boxes .wp-block-column {
  border-radius: 0 40px 0 0;
  border: 1px solid #d51e41;
  padding: 30px; }
  .wp-block-wppros-information-boxes .outline-boxes .wp-block-column h2, .wp-block-wppros-information-boxes .outline-boxes .wp-block-column h3, .wp-block-wppros-information-boxes .outline-boxes .wp-block-column h4 {
    margin-top: 0;
    font-weight: 700; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project. HELLOWORLD
*/
/**
 * #.# Call to Action Styles...
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-group.button-group-center .wp-block-button {
  display: inline-block;
  margin: 0 10px; }

.wp-block-group.button-group-center .wp-block-button:first-child {
  margin-left: 0; }

.wp-block-group.button-group-center .wp-block-button:last-child {
  margin-right: 0; }

.wp-block-wppros-call-to-action {
  position: relative; }
  .wp-block-wppros-call-to-action .background-image {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 40%;
    background-size: cover;
    background-position: center;
    z-index: 1; }
  .wp-block-wppros-call-to-action .background-image-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 40%;
    z-index: 2; }
  @media only screen and (min-width: 62em) {
    .wp-block-wppros-call-to-action .background-image,
    .wp-block-wppros-call-to-action .background-image-overlay {
      display: block; } }
  .wp-block-wppros-call-to-action .content {
    position: relative;
    z-index: 3; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project. HELLOWORLD
*/
/**
 * #.# Call to Action Styles...
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project. HELLOWORLD
*/
/**
 * #.# Call to Action Styles...
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project. HELLOWORLD
*/
/**
 * #.# Call to Action Styles...
 *
 * CSS for both Frontend+Backend.
 */