/*
  Theme Name: Divi Child
  Theme URI: http://design-by-helen-williams.local/
  Version: 1.0.0
  Template: Divi
  Author: Helen Williams
  Author URI: http://design-by-helen-williams.local/
  Text Domain: divi-child
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*HOMEPAGE*/

.et_pb_main_blurb_image {
  margin-bottom: 16px;
}

.custom-blurb-grid {
  display: flex;
  flex-wrap: wrap !important;
  gap: 10px; /* Adjust spacing between blurbs */
  justify-content: space-between;
}

.custom-blurb-grid .et_pb_blurb {
  flex: 0 0 32%; /* Each blurb takes ~1/3 of the row, with space for gaps */
  box-sizing: border-box;
}

@media (max-width: 1062px) {
  .custom-blurb-grid .et_pb_blurb {
    flex: 0 0 48% !important; /* 2 per row on tablets */
  }
}

@media (max-width: 600px) {
  .custom-blurb-grid .et_pb_blurb {
    flex: 0 0 100% !important; /* 1 per row on mobile */
  }
}


.diagonal-right {
  position: relative;
  background-color: white; /* ensure background color */
  z-index: 1;
  overflow: visible;
}

.diagonal-right::after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 60px; /* adjust width of the diagonal overlap */
  height: 100%;
  background: #9abc31; /* match the background of column 2 */
  transform: skewX(20deg);
  transform-origin: top right;
  z-index: 2;
  pointer-events: none;
}

@media (max-width: 980px) {
.diagonal-right::after {
    display: none !important
  }
  }

  /* Make the menu items stretch evenly */
@media screen and (min-width: 981px) {
    .et_pb_menu__menu, .et-menu-nav, .et-menu {
        width: 100%!important;
    }
    .fullwidth-menu {
        display: flex!important;
        justify-content: center;
        align-items: stretch;
        flex-wrap: initial!important;
    }
    .et_pb_fullwidth_menu nav>ul>li {
        width: 100%;
        text-align: center!important;
    }
    .et_pb_fullwidth_menu nav>ul>li, .et_pb_fullwidth_menu nav>ul>li>a {
        display: block!important;
    }
}

/* Flexbox layout for image left, text right */
.person-side-by-side.et_pb_team_member {
  display: flex;
  align-items: flex-start;
  gap: 30px; /* space between image and text */
  flex-wrap: wrap; /* allows stacking on small screens */
}

/* Image container */
.person-side-by-side .et_pb_team_member_image {
  flex: 0 0 70px; /* fixed width image */
  margin: 0;
}


/* Text section */
.person-side-by-side .et_pb_team_member_description {
  flex: 1;
  display: block !important; /* override Divi's default */
}

/*FOOTER*/

.footer-col {
  display: flex;
  flex-wrap: wrap !important;
  gap: 0px; /* Adjust spacing between blurbs */
  justify-content: space-between;
}

.footer-col .footer-four {
  flex: 0 0 20%; /* Each blurb takes ~1/3 of the row, with space for gaps */
  box-sizing: border-box;
}