/*!
Theme Name:   Michelle Child
Template:     michelle
Version:      1.0.0

Theme URI:    https://github.com/webmandesign/child-theme/
Author:       WebMan Design
Author URI:   https://www.webmandesign.eu/
License:      GPL-3.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-3.0-standalone.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

IMPORTANT:
Read the instructions in https://github.com/webmandesign/child-theme/blob/master/readme.md

Child theme CSS styles:
*/

/* CUSTOM COLOURS */

.has-black-background-color { background-color: #000000; }
.has-black-color { color: #000000; }
.has-white-background-color { background-color: #ffffff; }
.has-white-color { color: #ffffff; }
.has-lightyellow-background-color { background-color: #FFDF9C; }
.has-lightyellow-color { color: #FFDF9C; }

/* CUSTOM ANIMATIONS */

/* Grow from left to right (for underline effects) */
@keyframes grow-left {
  from { width:0%; }
  to { width:100%; }
}

/* Growing effect for light pulse visual */
@keyframes pulsing {
  0%  { width:0px; }
  to  { width:70px; }
}

/* CUSTOM CLASSES */

/* Helper class to remove bottom margin (especially on cover blocks) */
.no-bottom-margin {
  margin-bottom: 0 !important;
}

/* On smaller screens */
@media (max-width:781px) {
	
	/* Helper class to hide an element on mobile display */
	.hide-on-mobile{
		display:none;
	}

}

/* HEADER */

/* Remove bullet point styling from language selector menu, put same padding as other header elements */
.lang_selector_menu ul.menu{
   list-style-type: none;
   margin:0px;
   padding-top: 6vh;
   padding-bottom: 6vh;
}

/* Set language selector link as bold and underlined */
.lang_selector_menu ul.menu li.menu-item a{
   font-weight:bold;
   text-decoration:underline;
}

/* Create CSS class for button display in header navigation */
.menu_button a{
  background-color: var(--color_button_background);
  color: var(--color_button_text);
  font-weight:bold;
  padding-left:1em;
  padding-right:1em;
}

/* Change menu button colour based on accent colour for the page */

/* Brown */
.page-template-page-brown-no-intro .menu_button a {
  background-color: var(--color_palette_2);
}

/* Green */
.page-template-page-green-no-intro .menu_button a {
  background-color: var(--color_palette_3);
}

/* Orange */
.page-template-page-orange-no-intro .menu_button a {
	background-color: #dba359;
}


/* Adjust logo padding */
.site-branding {
  padding: 10px 0;
}

/* Primary menu items spacing */

.menu-primary>li {
  padding-right: 35px;
}

@media (min-width: 1600px) {
  .menu-primary>li {
      padding-right: 35px;
  }
}

@media (min-width: 1280px) {
  .menu-primary>li, .lang_selector_menu ul.menu {
      padding-bottom: 30px;
  }
}

/* Mobile Menu Styling */

/* Reduce padding in the mobile header section */
@media (max-width: 900px) {
	.site-header-content {
		padding: 0;
	}
}

/* CONTENT */

/* Remove bottom padding on content area */
div.content-area{
  padding-bottom:0px;
}

/* Enforce different max-width on flip card section */
.is-layout-constrained>.yd_flip_card:not(.alignfull):not(.alignwide):not(.alignwide-wrap),
.wp-block-cover .wp-block-cover__inner-container>.yd_flip_cards:not(.alignfull):not(.alignwide):not(.alignwide-wrap){
  max-width:1000px !important;
}

/* Replace content width restriction from customizer with maximum width for header section */
.is-layout-constrained>:not(.alignfull):not(.alignwide):not(.alignwide-wrap),
.is-layout-flow>:not(.alignfull):not(.alignwide):not(.alignwide-wrap),
.wp-block-cover .wp-block-cover__inner-container>:not(.alignfull):not(.alignwide):not(.alignwide-wrap),
.wp-block-group__inner-container>:not(.alignfull):not(.alignwide):not(.alignwide-wrap),
.wp-block-media-text.has-media-on-top>.wp-block-media-text__content>:not(.alignfull):not(.alignwide):not(.alignwide-wrap),
.wp-block-media-text.is-style-media-on-top>.wp-block-media-text__content>:not(.alignfull):not(.alignwide):not(.alignwide-wrap){
  max-width:var(--max_width_header_content) !important;
}

/* Remove padding when the wp-block-cover-no-padding is applied to a cover  */
.wp-block-cover-no-padding{
  padding:0px !important;
}

/* Set a max width when the wp-block-cover-inside-cover class is applied to a cover */
.wp-block-cover-inside-cover{
  max-width:var(--max_width_header_content) !important;
}

/* Adjust top padding on mobile */
@media (max-width: 1278px) {
	#content .content-area {
		padding-top: 15px;
	}
	.is-singular:not([class*="-content-only"]):not(.has-primary-title) .entry-content-singular > .alignfull:first-child {
		margin-top: auto;
	}
}

/** WIDE GROUP INSIDE COVER **/

@media (min-width: 1280px) {
	.wp-block-cover-no-padding .wp-block-group.alignwide{
		width:80%;
	}
}

/* Add padding on mobile */
@media (max-width: 900px) {
	.wp-block-cover-no-padding .wp-block-cover__inner-container {
		padding: 40px 20px;
	}
}

/** TITLE WITH UNDERLINE **/

/* Display the underlined group as flex */
.wp-block-group.underlined{
	display:flex;
}

.wp-block-group.leftunderlined{
	display:block;
}

/* Display the heading as inline-block (so the underline has the right length)
   and add side padding to stretch beyond the heading itself */
.wp-block-group.underlined .wp-block-heading{
	position:relative;
	display:inline-block;
	margin:0;
	padding-left:1rem;
	padding-right:1rem;
	padding-bottom:1rem;
}

/* Display the heading as inline-block (so the underline has the right length) */
.wp-block-group.leftunderlined .wp-block-heading{
	position:relative;
	display:inline-block;
	margin:0;
	padding-left:0rem;
	padding-right:0rem;
	padding-bottom:1rem;
}

/* Add the underline effect as an after element with absolute positioning */
.wp-block-group.underlined.yd_animation .wp-block-heading:after,
.wp-block-group.leftunderlined.yd_animation .wp-block-heading:after, .page-title:after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  bottom: -5px;
  height: 4px;
  background: var(--color_contextual_accent);
}

/* Add the underline effect as an after element with absolute positioning */
.wp-block-group.underlined.underlined_white.yd_animation .wp-block-heading:after,
.wp-block-group.leftunderlined.underlined_white.yd_animation .wp-block-heading:after{
  background: #ffffff;
}

/* Enable the line growing animation when yd_animated is added by intersection observer */
.wp-block-group.underlined.yd_animation.yd_animated .wp-block-heading:after,
.wp-block-group.leftunderlined.yd_animation.yd_animated .wp-block-heading:after{
  animation: grow-left 2s ease forwards;
}

/* Enable animation on separator line */
.wp-block-separator[class*=-wide].yd_animation,
hr[class*=-wide].yd_animation{
	width:0;
}
.wp-block-separator[class*=-wide].yd_animation.yd_animated,
hr[class*=-wide].yd_animation.yd_animated{
	animation: grow-left 2s ease forwards;
}

/* Change underline effect colour for yellow background */
.yd_animation_white {
	--color_contextual_accent: #fff;
}

/** TITLE WITH ANIMATED GLOW **/

/* Set higher line-height on headings with glow graphic to align text with image */
.wp-block-heading.lightglowtitle, .wp-block-heading.darkglowtitle{
	line-height:1.05em;
}

/* Create class to add glow next to title */
.wp-block-heading.lightglowtitle:after, .wp-block-heading.darkglowtitle:after{
	content: "";
	display: inline-block;
	vertical-align: bottom;
	margin-top:-20px;
	margin-bottom:-10px;
	margin-left:-20px;
	width:0px;
	height:120px;
	background-repeat:no-repeat;
	background-position-x:center;
	background-position-y:center;
	background-size:contain;
}

/* Display glow effect and calculate light yellow with CSS filter */
.wp-block-heading.lightglowtitle:after{
	background-image:url('/wp-content/uploads/2025/02/Highlight-ea8e6f.svg');
	/*https://codepen.io/sosuke/pen/Pjoqqp*/
	filter: invert(89%) sepia(36%) saturate(550%) hue-rotate(324deg) brightness(101%) contrast(103%);
}

/* Display glow effect and calculate purple with CSS filter */
.wp-block-heading.darkglowtitle:after{
	/*background-image:url('/wp-content/uploads/2025/01/Glow2-e1736175180914.png');*/
	background-image:url('/wp-content/uploads/2025/02/Highlight-ea8e6f.svg');
	/*https://codepen.io/sosuke/pen/Pjoqqp*/
	filter: invert(39%) sepia(33%) saturate(328%) hue-rotate(249deg) brightness(89%) contrast(88%);
}

/* Trigger animation on background when yd_animated class is added */
.wp-block-heading.darkglowtitle.yd_animation.yd_animated:after,
.wp-block-heading.lightglowtitle.yd_animation.yd_animated:after{
  animation: pulsing 1s ease forwards;
}

/* Reduce size of glow effect on mobile */
@media (max-width: 550px) {
	.wp-block-heading.lightglowtitle:after, .wp-block-heading.darkglowtitle:after{
		height: 80px;
	}

	.wp-block-heading.lightglowtitle, .wp-block-heading.darkglowtitle {
		font-size: 20px;
	}
}


/** CALL TO ACTION ANIMATED ARROW **/

.call_to_action_arrow{
	position:absolute;
	margin-top:-100px;
	margin-left:165px;
}

.call_to_action_arrow_fr{
	position:absolute;
	margin-top:-85px;
	margin-left:275px;
}

.call_to_action_arrow img{
	width:225px;
	height:auto;
}

/** FLIP CARD BLOCK **/

/* Define Flip Card title font with similar specs to button font */
.wp-block-themeisle-blocks-flip .o-flip-front .o-flip-content h3{
	font-family: var(--typography_font_global);
	font-weight: 700;
	line-height: 1.6666666667;
	text-transform: uppercase;
	letter-spacing: var(--letter_spacing);
}

/* Hide descriptive text from Flip Card block to middle align title */
.wp-block-themeisle-blocks-flip .o-flip-front .o-flip-content p{
	display:none;
}

/* Add rule for Flip Card image to cover area instead of stretch */
.wp-block-themeisle-blocks-flip .o-flip-content .o-img {
	object-fit: cover;
}

/* Add object-position for mobile version */
@media (max-width: 599px) {
	.wp-block-themeisle-blocks-flip .o-flip-content .o-img {
	  object-position: 0 23%;
  }
}

div.team-background .wp-block-themeisle-blocks-flip .o-flip-content .o-img {
	margin-top:-2px;
	height: 178px;
	width: 100%;
}

/* Justify Center if there is no Button */

.justify-center .o-flip-back {
	justify-content: center;
}

/* Custom styling for Schedule table */

/* Removing border and using border-spacing to replicate cellspacing */
figure.scheduletable table{
	border:none!important;
    border-spacing: 5px;
    border-collapse: separate;
}

/* Removing border on tables, headings and cells */
figure.scheduletable table, figure.scheduletable th, figure.scheduletable td{
	border:none!important;
}

/* Define table cell background color (to allow cellspacing to work) */
figure.scheduletable td{
	background-color: var(--wp--preset--color--lightyellow);
}

/* Our Good Numbers custom spacing */

.wp-block-columns.ourgoodnumbers div.wp-block-image{
	margin-bottom:0px;
}
.wp-block-columns.ourgoodnumbers h3.wp-block-heading{
	margin-top:0px;
}

/* On larger screens, remove side padding cover blocks with wp-block-cover-inside-cover class */
@media (min-width: 1600px) {
  .wp-block-cover-inside-cover{
    padding-left:0px !important;
    padding-right:0px !important;
  }
}

/* Use decorative border colour on blockquote decoration */
blockquote p:first-child:before{
	opacity:1;
	color:var(--color_border_decorative);
}

/* Quick fix to ensure buttons set with white text color display correctly */
.has-text-color a.has-white-color{
	color:#fff;
}

/* Horizontal Photo Gallery */

.yd_gallery ul.kb-gallery-ul.kb-gallery-ul{
	flex-wrap: nowrap;
	gap:0px 3em;
}

/* On smaller screens */
@media (max-width:781px) {
  /* Hide the cover block background image if the class hide-image-mobile is added */
  .wp-block-cover.hide-image-mobile img.wp-block-cover__image-background{
    display:none;
  }
  
  /* Set a maximum width on Flip Card block to avoid stretching front content images */
  .wp-block-themeisle-blocks-flip{
    max-width:300px;
  }
}

@media (max-width: 500px) {
	.yd_gallery ul.kb-gallery-ul.kb-gallery-ul{
		flex-wrap: wrap;
		gap:1em;
		margin: -40px -20px;
	}
	.yd_gallery .kadence-blocks-gallery-item {
		width: calc((100% / 2) - 8px) !important;
	}
}

/* HOMEPAGE */
/* Fix accessibility buttons showing on mobile */

@media (max-width: 599px) {
	.wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-prev, .wp-block-eedee-block-gutenslider.arrow-position-sides .eedee-gutenslider-next  {
		position: absolute;
		opacity: 0 !important;
	}

	.wp-elements-099d0ea7cc3ac65875cf3e5ee2811367 {
		padding-bottom: 40px !important;
	}
}



/* TIMELINE */
/* Remove box shadow from timeline items */
.wp-block-themeisle-blocks-timeline-item .o-timeline-content {
  box-shadow: none;
}

/* Change colours for line and icons */
.wp-block-themeisle-blocks-timeline {
  --o-timeline-i-color: #000;
  --o-timeline-v-color: #000;
}

/* DESKTOP */
/* Add dashed line to left items */
@media (min-width: 600px) {
	.o-timeline-container {
		padding-right: 0 !important;
	}

	.wp-block-themeisle-blocks-timeline:not(.is-left, .is-reverse, .is-right) .wp-block-themeisle-blocks-timeline-item:not(:nth-child(2n)) .o-timeline-container .wp-block-heading {
		justify-content: flex-end;
	}

	.wp-block-themeisle-blocks-timeline:not(.is-left, .is-reverse, .is-right) .wp-block-themeisle-blocks-timeline-item:not(:nth-child(2n)) .o-timeline-container .wp-block-heading::after {
		content: '';
		margin-bottom: 20px;
		border-bottom: 3px dotted black;
		width: 50px;
		margin-left: 10px;
	}

	.wp-block-themeisle-blocks-timeline:not(.is-left, .is-reverse, .is-right) .wp-block-themeisle-blocks-timeline-item:not(:nth-child(2n)) .o-timeline-container p, .wp-block-themeisle-blocks-timeline:not(.is-left, .is-reverse, .is-right) .wp-block-themeisle-blocks-timeline-item:not(:nth-child(2n)) .o-timeline-container figure {
		padding-right: 20px;
	}
}

/* MOBILE & DESKTOP */
/* Add dashed line to right items */

.o-timeline-container .wp-block-heading {
	display: flex;
}

.wp-block-themeisle-blocks-timeline:not(.is-left, .is-reverse, .is-right) .wp-block-themeisle-blocks-timeline-item:nth-child(2n) .o-timeline-container {
	padding-left: 0 !important;
}

.wp-block-themeisle-blocks-timeline:not(.is-left, .is-reverse, .is-right) .wp-block-themeisle-blocks-timeline-item:nth-child(2n) .o-timeline-container .wp-block-heading::before {
	content: '';
	margin-bottom: 20px;
	border-bottom: 3px dotted black;
	width: 50px;
	margin-right: 10px;
}

.wp-block-themeisle-blocks-timeline:not(.is-left, .is-reverse, .is-right) .wp-block-themeisle-blocks-timeline-item:nth-child(2n) .o-timeline-container p, .wp-block-themeisle-blocks-timeline:not(.is-left, .is-reverse, .is-right) .wp-block-themeisle-blocks-timeline-item:nth-child(2n) .o-timeline-container figure {
	padding-left: 20px;
}

/* MOBILE */
/* Add dashed line to left items */

@media (max-width: 599px) {
	.wp-block-themeisle-blocks-timeline:not(.is-left, .is-reverse, .is-right) .wp-block-themeisle-blocks-timeline-item:not(:nth-child(2n)) .o-timeline-container .wp-block-heading::before {
		content: '';
		margin-bottom: 20px;
		border-bottom: 3px dotted black;
		width: 50px;
		margin-right: 10px;
	}

	.wp-block-themeisle-blocks-timeline:not(.is-left, .is-reverse, .is-right) .wp-block-themeisle-blocks-timeline-item:not(:nth-child(2n)) .o-timeline-container {
		padding-left: 0 !important;
	}

	.wp-block-themeisle-blocks-timeline:not(.is-left, .is-reverse, .is-right) .wp-block-themeisle-blocks-timeline-item:not(:nth-child(2n)) .o-timeline-container p, .wp-block-themeisle-blocks-timeline:not(.is-left, .is-reverse, .is-right) .wp-block-themeisle-blocks-timeline-item:not(:nth-child(2n)) .o-timeline-container figure {
		padding-left: 20px;
	}

}


/* Change icon background color and border appearance */
.wp-block-themeisle-blocks-timeline-item .o-timeline-icon {
  background-color: #000;
  border-radius: 0;
}

/* Move timeline items up to take up less space */

/* Tablet */
/* @media (min-width: 700px) and (max-width: 999px) { */
  /* Reduce padding to align title with icon */
  /* .wp-block-themeisle-blocks-timeline-item .o-timeline-content {padding-top:0.25em;} */
  /* Specific margins for timeline items */
  /* #wp-block-themeisle-blocks-timeline-item-ee89014a {margin-top: -260px;}
  #wp-block-themeisle-blocks-timeline-item-05236843 {margin-top: -225px;}
  #wp-block-themeisle-blocks-timeline-item-a7f92252 {margin-top: -37em;}
  #wp-block-themeisle-blocks-timeline-item-b6ea381a {margin: -20em 0 5em;}
} */

/* Desktop */
/* @media (min-width: 1000px) { */
  /* Reduce padding to align title with icon */
  /* .wp-block-themeisle-blocks-timeline-item .o-timeline-content {padding-top:0.25em;} */
  /* Specific margins for timeline items */
  /* #wp-block-themeisle-blocks-timeline-item-ee89014a {margin-top: -230px;}
  #wp-block-themeisle-blocks-timeline-item-05236843 {margin-top: -205px;}
  #wp-block-themeisle-blocks-timeline-item-a7f92252 {margin-top: -35em;}
  #wp-block-themeisle-blocks-timeline-item-b6ea381a {margin: -15em 0 2em;}
} */

/* Adjust Timeline icon for mobile */
@media (max-width: 599px) {
	.wp-block-themeisle-blocks-timeline-item .o-timeline-icon {
		height: 20px;
		width: 20px;
		top: 27px;
		left: 18px !important;
	}
}

/* MEDIA PAGE */

/* Add background color to category pills */
.category-style-pill {
	background-color: var(--color_button_background);
}

/* Adjust thumbnail sizes for posts */

/* Desktop */
.small-thumbnail-posts .kadence-thumbnail-ratio-2-3 {
	text-align: right;
}

/* Mobile */
@media (max-width: 599px) {
	.small-thumbnail-posts .kadence-thumbnail-ratio-2-3 {
		text-align: center;
	}
}

/* Change thumbnail size */
.small-thumbnail-posts .post-thumbnail-inner > img {
	width: 70% !important;
	height: auto !important;
}

/* Hide post navigation */
.post-navigation {
	display: none;
}

/* Change spacer position on post list */
.media_list .yd_media_separator{
	margin-top: var(--gap);
}


/* CALENDAR */

/* See css/fullcalendar.css for customizations */

.event_icons{
	margin:0.25rem 0 !important;	
}

.fc-weekly-display .event_icons, .single_event.event_icons{
	float:right;
}

.event_icons img{
	width:2rem;
	height:auto;
}

body.single-event p.event_title{
	margin-bottom:0px;
}

body.single-event div.content-area{
	padding-top:0px;
}

.wp-block-group.yd_subscription{
	padding:5px;
}

.wp-block-group.yd_subscription p{
	text-align:right;
}

.wp-block-group.yd_subscription a.button{
	margin-left:1em;
	background:#D9D9D9;
	color:#000000;
	box-shadow:none;
	text-shadow:none;
	border-left-width:1em;
	border-right-width:1em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.event_category_key{
	display:flex;
	flex-wrap:wrap;
	font-size:0.8em;
	font-weight:bold;
}

.event_category_item{
	display:inline-block;
	padding-right:1em;
}

.event_category_square{
	display:inline-block;
	width:1.58em;
	margin-right:0.5rem;
}

body.single-event .reccurring_event{
	display:flex;
	margin-top:1em;
	margin-bottom:1em;
}

body.single-event .reccurring_event_date{
	border-right:2px solid black;
	margin-right:1em;
	padding-right:1em;
}

body.single-event .reccurring_event_location{
	align-self: center;
}

/* Adjust mobile calendar */

@media (max-width: 599px) {
	.fc-event-image.fc-weekly-display img {
		width: 100%;
	}
	
	.fc-title.fc-weekly-display,
	.fc-subtitle.fc-weekly-display{
		display:none !important;
	}

	.eo-fullcalendar-reset div.yd_event_block {
  		border-left: 10px solid;
	}

	body.single-event .reccurring_event{
		display:flex;
		flex-direction: column;
		margin-top:1em;
		margin-bottom:1em;
	}

	body.single-event .reccurring_event_date{
		border-right:0px;
		border-bottom:2px solid black;
		margin-bottom:1em;
		padding-bottom:1em;
	}

	body.single-event .reccurring_event_location{
		align-self: flex-start;
	}
}

/* ANNUAL REPORTS */

.wp-block-group.first_report .wp-block-group__inner-container{
	max-width:500px !important;
}

.wp-block-group.first_report article.type-annual-report img{
	border:2px solid #000;
}

.wp-block-kadence-posts article.type-annual-report div.entry-content-wrap,
.wp-block-kadence-posts article.type-annual-report .entry-footer{
	display:none;
}

.wp-block-kadence-posts.grid-cols{
	column-gap:5rem;
	row-gap:0rem;
}

/* HIRING PAGE */

/* Transform Read More link to a button */
.page-id-2654 .wp-block-kadence-posts a.post-more-link, .page-id-2651 .wp-block-kadence-posts a.post-more-link {
  background-color: white;
  color: black;
  font-weight: bold;
  padding: 1em;
}

/* Center read more button */
.page-id-2654 .more-link-wrap, .page-id-2651 .more-link-wrap {
	text-align: center;
}

/* Hide arrow next to read more link */
.page-id-2654 .wp-block-kadence-posts a.post-more-link .kadence-svg-iconset, .page-id-2651 .wp-block-kadence-posts a.post-more-link .kadence-svg-iconset {
	display: none;
}

/* Add spacing after title */
.page-id-2654 .wp-block-kadence-posts .entry-header, .page-id-2651 .wp-block-kadence-posts .entry-header {
	padding-bottom: 20px;
}

/* VOLUNTEER WITH US */

/* Button styling */

/* Fix accordion button display CSS */
button.kt-blocks-accordion-header[type=button]{
	display:flex;
}

/* Table cellspacing */
.wp-block-kadence-table.volunteer_table table{
    border-spacing: 10px;
    border-collapse: separate;
    border:none;
}

/* Table vertical alignment */
.wp-block-kadence-table.volunteer_table table th,
.wp-block-kadence-table.volunteer_table table td{
	vertical-align: middle;
}

/* Table header font styling */
:root :where(.wp-block-cover .wp-block-kadence-table.volunteer_table th p:not(.has-text-color)){
	font-size:1.25rem;
	font-weight:bold;
	color:#000;
	text-align:center;
}

/* Table content font styling (except first column) */
:root :where(.wp-block-cover .wp-block-kadence-table.volunteer_table td:not(:first-of-type) p:not(.has-text-color)){
	color:#000;
	text-align:center;
}

/* Table content font styling (first column) */
:root :where(.wp-block-cover .wp-block-kadence-table.volunteer_table td:first-of-type p:not(.has-text-color)){
	font-size:1.25rem;
	font-weight:bold;
	text-align:center;
}

/* Adjust inside margin in first column */
:root :where(.wp-block-cover .wp-block-kadence-table.volunteer_table td:first-of-type .has-background.has-background){
	padding:0px !important;
}

p.hyphenate{
	hyphens:auto;
}

/* On smaller screens */
@media (max-width:781px) {

	.wp-block-kadence-table.volunteer_table table{
		display:block;
	}
	
	.wp-block-kadence-table.volunteer_table table tr > th{
		display:none;
	}

	.wp-block-kadence-table.volunteer_table table tr > td{
		display:block;
	}
	
	.wp-block-kadence-table.volunteer_table table tr{
		display:block;
		margin-bottom:1em;
	}


}

/* CONNECTIONS OVER FOOD */
/* Remove bottom spacing from social icons */

.wp-block-kadence-single-icon {
	margin-bottom: 0;
}

/* TEAM PAGE */

/* Add background wave effect to staff (for tablet and larger) */

@media (min-width: 800px) {
  .team-background {
    background: url("https://yellowdoor.org/wp-content/uploads/2025/05/1-StaffEffect-oneloop.gif") no-repeat center;
  }
}

/* Set fonts to team flip card front content */
.team-background .o-flip-front h3 {
	font-family: var(--typography_font_headings) !important;
	font-size: 23px !important;
	line-height:1.25rem !important;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.team-background .o-flip-front code {
	font-family: var(--typography_font_global) !important;
	font-size: 18px;
    line-height: 17px;
    display: block;
	margin-top: 10px;
}

.team-background .card-smaller-title .o-flip-front code:nth-of-type(2){
	font-size:15px;
	line-height:15px;
}


/* Adjust team font-sizes for mobile */

@media (max-width: 600px) {
	.team-background .o-flip-front h3 {
		font-size: 18px !important;
		line-height: 1em !important;
	}

	.team-background .o-flip-front code {
		font-size: 12px;
		line-height: 13px;
	}
}

/* Adjust flip-card height for mid-size screens */
@media (min-width: 800px) and (max-width: 1280px) {
	.team-background .wp-block-themeisle-blocks-flip {
		height: 22em;
	}
}

/* Add border to special board members */
.board-special .o-flip-front {
	border: #563757 solid 10px;
}

.wp-block-themeisle-blocks-flip h3 br{
	display:none;
}

/* Add padding to flip card back */
.team-background .o-flip-back {
	padding: 20px ;
	font-size: 14px;
}

/* Adjust flip card height for big screens */

@media (min-width: 1600px) {
	.team-background .wp-block-themeisle-blocks-flip {
		height: 20em;
	}
}

/* DONATE PAGE */

/* Adjust padding for donate content area */
.wp-block-media-text.donate-area > .wp-block-media-text__content {
	padding:3em 2em;
}

/* Heart background on the donate page */
.donate-heart {
  background-image: url("https://yellowdoor.org/wp-content/uploads/2025/04/Donate-Heart.png");
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 12px;
  padding-left: 20px;
}

.donate-area o-anim-count {
	color: var(--color_button_background);
	font-size: 20px;
}

/* VOLUNTEER PORTAL */

.inline-sep{
	display:inline-block;
	width:calc(50% - 55px);
	max-width:calc(50% - 55px);
	clear:none;
	margin:0px;
	height:4px;
	border-top:4px;
}

.wp-block-separator[class*=-wide], hr.inline-sep[class*=-wide]{
	--hr_width: 100%;
}

.workshop_columns, .wp-block-cover .wp-block-cover__inner-container>.workshop_columns:not(.alignfull):not(.alignwide):not(.alignwide-wrap){
	max-width:80% !important;
}

@media (max-width: 900px) {
	.wp-block-cover-no-padding.no-mobile-padding .wp-block-cover__inner-container{
		padding:0px 20px;
	}
}

@media (min-width: 900px) and (max-width: 1280px) {
	#breadcrumbs{
		margin-left:3.25em;
	}
}

.breadcrumb_last{
	font-weight:bold;
}

#breadcrumbs{
	margin-top:1em;
	margin-bottom:1em;
}

#breadcrumbs, #breadcrumbs a{
	color:#000;
}

/* FOOTER */

/* Hide English footer on FR */
html[lang="en-CA"] footer .footer-fr {
  display: none;
}

/* Hide French footer on EN */
html[lang="fr-CA"] footer .footer-en {
  display: none;
}

/* Our Supporters Slider Styling */
@media (min-width: 800px) {
	.kb-splide .splide__pagination__page {
 		height: 20px !important;
  		width: 20px !important;
  		margin: 10px !important;
	}
}

.kb-splide .splide__pagination__page {
	border-radius: 12% !important;
}

/* Define current pagination marker colour */
.kb-splide .splide__pagination__page.is-active {
  background: #FFDF9C !important;
}

/* Fix spacing issue on footer menu */
.wp-block-navigation__container .wp-block-navigation-item{
	margin-bottom:0px;
}

/* Adjust spacing/margins on social links columns */
#wp-block-themeisle-blocks-advanced-column-b7af0642 .wp-block-column,
#wp-block-themeisle-blocks-advanced-column-b7af0642 .wp-block-column.wp-block-column.wp-block-column:last-child{
	margin:0px;
}

/* Reduce border radius on social links */
.wp-block-social-links.is-style-pill-shape li.wp-block-social-link{
	border-radius:12px;
	margin-left:0.5em;
}

/* Adjust pill shape spacing for boxy appearance */
.wp-block-social-links.is-style-pill-shape li.wp-block-social-link a{
	padding-left:0.25em;
	padding-right:0.25em;
}

/* Set social buttons as black */
.wp-block-social-links .wp-social-link-instagram, 
.wp-block-social-links .wp-social-link-facebook, 
.wp-block-social-links .wp-social-link-linkedin,
.wp-block-social-links .wp-social-link-youtube {
	background-color: #000000;
}

/* Set background color for footer blocks */
.site-footer-section.site-footer-blocks {
  background-color: #D9D9D9;
}

/* Footer social icons adjust spacing */
.footer-socials > div {
  margin-left: 5px !important;
  margin-bottom: 0px !important;
}

/* Adjust social icons spacing on mobile */
@media (max-width: 550px) {
	#wp-block-themeisle-blocks-advanced-column-0dcb0e24 {
		padding: 0px !important;
	}
}

/* Footer menu padding */
footer .wp-block-navigation {
  padding: 10px 0;
}

/* Footer menu hover effect */
footer .wp-block-navigation-item__label:hover, footer .current-menu-item .wp-block-navigation-item__label {
  text-decoration: underline;
}

/* Copyright footer styling */
.site-info-section {
  padding: 0;
}

/* Change flex alignment */
.site-info {
  justify-content: initial;
}

/* Add spacing between "back to top" button and copyright text */
@media (min-width: 800px) {
	.site-info-item:not(:last-child) {
		margin-right: 21em;
	}
}

/* Adjust spacing of site-info for mobile */
@media (max-width: 900px) {
	.site-info {
		display: flex;
  		justify-content: space-between;
  		padding: 0 15px;
	}

	.site-info-item {
		width: auto;
		font-size: 12px;
	}
}

/* Smaller back-to-top button on phones */
@media (max-width: 500px) {
	.back-to-top .svg-icon {
		width: 2em;
	}
}

/* Hide left border separating newsletter signup from mobile */

@media (max-width: 599px) {
	.hide-border-mobile {
		border-left: none !important;
	}
}