.elementor-32584 .elementor-element.elementor-element-2bdb9604{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-32584 .elementor-element.elementor-element-706881f{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-f2ff134 *//* Make list items a consistent flex row */
.child-page-item{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:20px;
}

/* Create a fixed thumbnail box using the first image/link inside the LI */
.child-page-item > a:first-child,
.child-page-item img{
  flex: 0 0 auto;
}

/* Force any IMG to render as the same square */
.child-page-item img{
  width:200px !important;
  height:200px !important;
  max-width:200px !important;
  max-height:200px !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:8px;
}

/* If the plugin wraps the image in a link, prevent that wrapper from shrinking */
.child-page-item a{
  display:flex;
  align-items:center;
}

/* --- Mobile: hide thumbnails --- */
@media (max-width: 767px){
  .child-page-item img,
  .child-page-item > a:first-child{
    display: none !important;
  }
}/* End custom CSS */