/* ---------------------------------- */
/* Service Icon
/* ---------------------------------- */
.shortcode-service-icon-container {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  .shortcode-service-icon-container .shortcode-service-icon {
    display: block;
    width: 180px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f27134;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out; }
    .shortcode-service-icon-container .shortcode-service-icon:hover {
      background-color: #532d82; }
    .shortcode-service-icon-container .shortcode-service-icon.structural-icon {
      background-image: url("../images/structural-icon-whitest.png"); }
    .shortcode-service-icon-container .shortcode-service-icon.remedial-icon {
      background-image: url("../images/remedial-icon-whitest.png"); }
    .shortcode-service-icon-container .shortcode-service-icon.hydraulic-icon {
      background-image: url("../images/hydraulic-icon-whitest.png"); }
    .shortcode-service-icon-container .shortcode-service-icon.event-icon {
      background-image: url("../images/events-icon-whitest.png"); }
    @media only screen and (min-width: 768px) {
      .shortcode-service-icon-container .shortcode-service-icon {
        width: 150px;
        height: 150px;
        background-size: 80%; } }
    @media only screen and (min-width: 1201px) {
      .shortcode-service-icon-container .shortcode-service-icon {
        width: 250px;
        height: 250px;
        background-size: 150px 141px; } }
  .shortcode-service-icon-container .shortcode-service-icon-heading {
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.375rem; }

/* ---------------------------------- */
/* Service Icon Text Inside
/* ---------------------------------- */
.shortcode-service-icon-text-inside-container {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  .shortcode-service-icon-text-inside-container .shortcode-service-icon-text-inside {
    display: block;
    width: 250px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f27134;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
    position: relative;
    transition: all 0.3 ease-in-out; }
    .shortcode-service-icon-text-inside-container .shortcode-service-icon-text-inside.structural-icon {
      background-image: url("../images/structural-icon-whitest.png"); }
    .shortcode-service-icon-text-inside-container .shortcode-service-icon-text-inside.remedial-icon {
      background-image: url("../images/remedial-icon-whitest.png"); }
    .shortcode-service-icon-text-inside-container .shortcode-service-icon-text-inside.hydraulic-icon {
      background-image: url("../images/hydraulic-icon-whitest.png"); }
    .shortcode-service-icon-text-inside-container .shortcode-service-icon-text-inside.event-icon {
      background-image: url("../images/events-icon-whitest.png"); }
    @media only screen and (min-width: 768px) {
      .shortcode-service-icon-text-inside-container .shortcode-service-icon-text-inside {
        width: 160px;
        height: 160px;
        background-size: 80%; } }
    @media only screen and (min-width: 1201px) {
      .shortcode-service-icon-text-inside-container .shortcode-service-icon-text-inside {
        width: 250px;
        height: 250px;
        background-size: 150px 141px; } }
    .shortcode-service-icon-text-inside-container .shortcode-service-icon-text-inside .shortcode-service-icon-text-inside-text {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 0 5px;
      align-items: center;
      background-color: rgba(83, 45, 130, 0.9);
      color: #ffffff;
      opacity: 0;
      transition: all 0.3s ease-in-out;
      display: none; }
      .shortcode-service-icon-text-inside-container .shortcode-service-icon-text-inside .shortcode-service-icon-text-inside-text:hover {
        opacity: 1; }
      @media only screen and (min-width: 1201px) {
        .shortcode-service-icon-text-inside-container .shortcode-service-icon-text-inside .shortcode-service-icon-text-inside-text {
          display: flex; } }
  .shortcode-service-icon-text-inside-container .shortcode-service-icon-text-inside-heading {
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.375rem;
    color: #532d82; }
    .shortcode-service-icon-text-inside-container .shortcode-service-icon-text-inside-heading a {
      color: #532d82; }

/* ---------------------------------- */
/* Separator
/* ---------------------------------- */
.heading-separator {
  height: 3px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -10px;
  max-width: 90%;
  margin-bottom: 45px !important; }

/* ---------------------------------- */
/* Post blocks
/* ---------------------------------- */
.post-blocks .post-block {
  text-align: center;
  padding: 10px 10px 20px 10px; }
  .post-blocks .post-block .post-block-image {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-bottom: 15px; }
  .post-blocks .post-block .post-block-heading {
    color: #532482;
    font-size: 1.25rem;
    margin-bottom: 0;
    line-height: 1.2; }
  .post-blocks .post-block .post-block-info {
    color: #888888; }
    .post-blocks .post-block .post-block-info .post-block-info-author {
      color: #532482;
      text-transform: uppercase; }
  .post-blocks .post-block .post-block-excerpt {
    margin: 30px 0 30px 0; }
  .post-blocks .post-block .post-block-read-more-button {
    display: inline-block;
    background-color: #f27134;
    color: #ffffff;
    padding: 10px 60px;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    font-size: 14px;
    margin-top: 15px; }
    .post-blocks .post-block .post-block-read-more-button:hover {
      background-color: #532482; }

/* ---------------------------------- */
/* Team members
/* ---------------------------------- */
.team-members .team-members-item {
  margin-bottom: 50px; }
  .team-members .team-members-item .team-members-item-photo img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%; }
  .team-members .team-members-item .team-members-item-name {
    color: #6f6f6e;
    margin: 20px 0 0 0;
    font-size: 1.375rem; }
  .team-members .team-members-item .team-members-item-role {
    font-size: 14px; }
  .team-members .team-members-item .team-members-item-separator {
    margin: 20px 0;
    width: 100%;
    height: 2px;
    background-color: #52247f; }
  .team-members .team-members-item .team-member-item-button {
    text-align: center;
    margin-top: 20px; }
    .team-members .team-members-item .team-member-item-button a {
      display: inline-block;
      border: 1px solid #f26d4a;
      color: #f26d4a;
      text-align: center;
      padding: 8px 20px;
      text-decoration: none;
      background-color: #ffffff;
      transition: all 0.3s ease-in-out; }
      .team-members .team-members-item .team-member-item-button a:hover {
        background-color: #f26d4a;
        color: #ffffff; }

/*# sourceMappingURL=shortcodes.css.map */