:where(.wp-block-columns) {
margin-bottom: 0;
}
/* 
for the about page to move to main css file when page agreed */
.social-card .icon-line a {
	width: auto !important;
}

@media (max-width: 768px) {
/* 1. Make the main wrapper the flex container */
#columns-main-about {
  display: flex;
  flex-direction: column;
	gap: 0;
}

/* 2. Strip the columns of their layout power so the items can escape */
#columns-main-about #column-01,
#columns-main-about #column-02 {
  display: contents; 
}

/* 3. Now you can freely order any item regardless of its original column */
#columns-main-about #intro { order: 1; }
#columns-main-about #video { order: 2; }
#columns-main-about #bio-text { order: 3; }
#columns-main-about #social { order: 4; }
#columns-main-about #selected { order: 5; }
#columns-main-about #bio-lists { order: 6; }

/* Fix flex + display:contents overflow (children become flex items) */
#columns-main-about #column-01 > *,
#columns-main-about #column-02 > * {
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
}
/* 
changes cursor on slider in about */
.page-id-4083 .wp-block-cb-carousel-v2 .swiper-slide { cursor: grab !important; }

/* 
for the speaking page to move to main css file when page agreed */
@media (max-width: 768px) {
/* 1. Make the main wrapper the flex container */
#columns-main-speaking {
  display: flex;
  flex-direction: column;
	gap: 0;
}

/* 2. Strip the columns of their layout power so the items can escape */
#columns-main-speaking #column-01,
#columns-main-speaking #column-02 {
  display: contents; 
}

/* 3. Now you can freely order any item regardless of its original column */
#columns-main-speaking #intro { order: 1; }
#columns-main-speaking #video { order: 2; }
#columns-main-speaking #formats { order: 3; }
#columns-main-speaking #talk-text { order: 4; }
#columns-main-speaking #contact { order: 5; }
/* Fix flex + display:contents overflow (children become flex items) */
#columns-main-speaking #column-01 > *,
#columns-main-speaking #column-02 > * {
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
/* sets the past talks to 2 columns on mobile */
.columns-2-mobile.wp-block-columns {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}
.columns-2-mobile.wp-block-columns > .wp-block-column {
  flex-basis: auto !important;
  width: auto !important;
}
}