/*
 Theme Name:  Divi 5 Child Theme - Minden Rotary Club
 Theme URI:    https://ElegantThemes.com
 Description:  Child Theme for Divi 5
 Author:       Heartland Hosting, LLC
 Author URI:   https://heartlandhosting.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* =========================================
   Minden: Mobile accordion + / - submenu toggle (Divi Menu)
   ========================================= */
@media (max-width: 980px) {

  /* Hide submenus by default */
  .minden-mobile-accordion li.menu-item-has-children > ul.sub-menu,
  .minden-mobile-accordion li.page_item_has_children > ul.children {
    display: none;
    margin: 0;
    padding: 0;
  }

  /* Space for toggle button */
  .minden-mobile-accordion li.menu-item-has-children > a,
  .minden-mobile-accordion li.page_item_has_children > a {
    position: relative;
    padding-right: 56px;
  }

  /* Toggle button itself */
  .minden-mobile-accordion .minden-sub-toggle {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    border-radius: 8px;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
  }

  .minden-mobile-accordion .minden-sub-toggle:before {
    content: "+";
    opacity: 0.9;
  }

  .minden-mobile-accordion li.minden-open > a .minden-sub-toggle:before {
    content: "−";
  }

  /* Indent child links a bit */
  .minden-mobile-accordion ul.sub-menu li a,
  .minden-mobile-accordion ul.children li a {
    padding-left: 24px;
  }
}

.minden-blog-grid .et_pb_image_container img {
  height: 220px;
  width: 100%;
  object-fit: cover;
  display: block;
}

/* =========================================
   Divi Posts Grid (.et_pb_posts.et_grid_module)
   Pin "read more" to bottom of each card
   ========================================= */

/* Make each post card a flex column */
.et_pb_posts.et_grid_module article.et_pb_post {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Make the content area a flex column and fill remaining space */
.et_pb_posts.et_grid_module article.et_pb_post .post-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* Push Read More to the bottom */
.et_pb_posts.et_grid_module article.et_pb_post .post-content a.more-link {
  margin-top: auto;
}