/*
Theme Name: ALN
Author: Stefan Ehrenfeld
Description: Child theme of Kadence.
Version: 1.0
Template: kadence

This is the child theme for Kadence theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


/* OVERWRITE WP FONT SIZES USED IN EDITOR - IMPORTANT FOR CONSISTENCY WITH KADENCE FONT SETTINGS */ 

:root {
    --wp--preset--font-size--small: 0.882rem;    /* 15px */
    --wp--preset--font-size--normal: 1rem;       /* 17px */
    --wp--preset--font-size--medium: 1.176rem;   /* 20px */
    --wp--preset--font-size--large: 1.647rem;    /* 28px */
    --wp--preset--font-size--x-large: 2.588rem;  /* 44px */
}

/* HEADER */

.home:not(.header-is-fixed) .menu-toggle-icon {
	color: #fff
}

.home #primary {
	margin-top: -81px
}

.home:not(.header-is-fixed) .custom-logo {
	content:url("http://labyrinth.org.au/wp-content/uploads/2026/08/ALN-Logo-transparent-light-1.png");
	position: absolute;
  margin-top: 40px;
}

/* FRONT PAGE */

.home .entry-content-wrap {
	padding-top: 0;
	padding-bottom: 0;
}

.home:not(.header-is-fixed) .primary-menu-container > ul > li.menu-item > a,
.home:not(.header-is-fixed) .primary-menu-container > ul > li.menu-item > a:hover,
.home:not(.header-is-fixed) .primary-menu-container > ul > li.menu-item > a:active,
.home:not(.header-is-fixed) .primary-menu-container > ul > li.menu-item > a:visited {
	color: #fff !important;
}


/* PEOPLE PAGES - COUNCIL/ FACILITATOR */

.people-page img.wp-post-image{
	width: 400px !important;
}

.people-page li:nth-child(even).council_members .kt-row-column-wrap,
.people-page li:nth-child(even).facilitators .kt-row-column-wrap,
.people-page li:nth-child(even).people .kt-row-column-wrap {
	flex-direction: row-reverse;
	display: flex;
  	align-items: flex-start;
	padding: 100px 0
}

.people-page li:nth-child(even).council_members .kt-row-column-wrap > div,
.people-page li:nth-child(even).facilitators .kt-row-column-wrap > div,
.people-page li:nth-child(even).people .kt-row-column-wrap > div{
	width: 33.33%;
	display: flex;
	flex-direction: row;
}

.people-page li:nth-child(even).council_members .kt-row-column-wrap > div:nth-child(even),
.people-page li:nth-child(even).facilitators .kt-row-column-wrap > div:nth-child(even),
.people-page li:nth-child(even).people .kt-row-column-wrap > div:nth-child(even) {
	width: 66.66%
}

.people-page li:nth-child(odd).council_members .kt-row-column-wrap,
.people-page li:nth-child(odd).facilitators .kt-row-column-wrap,
.people-page li:nth-child(odd).people .kt-row-column-wrap {
	flex-direction: row;
	display: flex;
  align-items: flex-start;
}

.people-page li:nth-child(odd).council_members .kt-row-column-wrap > div,
.people-page li:nth-child(odd).facilitators .kt-row-column-wrap > div,
.people-page li:nth-child(odd).people .kt-row-column-wrap > div{
	display: flex;
	flex-direction: row;
}

.people-page li:nth-child(odd).council_members .kt-row-column-wrap > div:nth-child(even),
.people-page li:nth-child(odd).facilitators .kt-row-column-wrap > div:nth-child(even),
.people-page li:nth-child(odd).people .kt-row-column-wrap > div:nth-child(even){
	width: 66.66%
}

.people-page li:nth-child(odd).council_members .kt-row-column-wrap > div:nth-child(odd),
.people-page li:nth-child(odd).facilitators .kt-row-column-wrap > div:nth-child(odd),
.people-page li:nth-child(odd).people .kt-row-column-wrap > div:nth-child(odd) {
	width: 33.33%
}

.people-page .wp-block-post-featured-image img {
  -webkit-mask-image: url(https://labyrinth.org.au/wp-content/plugins/kadence-blocks/includes/assets/images/masks/rounded.svg);
  mask-image: url(https://labyrinth.org.au/wp-content/plugins/kadence-blocks/includes/assets/images/masks/rounded.svg);
  -webkit-mask-size: auto;
  mask-size: auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.wp-block-group time {
	display: none;
}

@media (max-width: 767px) {
.kb-image-is-ratio-size,
.kb-image-is-ratio-size {
    width: 300px !important;
		max-width:100%;
		margin-right: auto;
    margin-left: auto;

  }
	.wp-block-kadence-column {
	   max-width: 100% !important
	}
}

/* FOOTER */
.site-footer-wrap h5 {
	margin-left: 8px
}

.site-footer-wrap ul {
	list-style-type: none;
	margin-left:0;
}

.site-footer-wrap #block-23 .wp-block-gallery img {
	width: 40px;
}

/* Custom CiviCRM Frontend Styles */

.wp-block-details summary {
    font-family: var(--global-heading-font-family);
    font-size: 42px;
    font-weight: 600;
    cursor: pointer;
}

.event_summary-section {
	display: none;
}

/*
* ── "Help spread the word" box on event pages ── 
*/

/* The card */
.crm-section.crm-socialnetwork {
    margin: 3rem 0 1rem;
    padding: 1.75rem 2rem;
    background: var(--global-palette8, #f7f7f5);
    border: 1px solid var(--global-palette7, #e5e5e0);
    border-radius: 12px;
    text-align: center;
}

/* Heading */
.crm-section.crm-socialnetwork h2,
.crm-section.crm-socialnetwork h3 {
    margin: 0 0 1.1rem;
    font-family: var(--global-heading-font-family, inherit);
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--global-palette3, #1a202c);
}

/* Button row */
.crm-section.crm-socialnetwork .crm-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem;
    background: none;
    border: 0;
    padding: 0;
}

/* Buttons */
.crm-socialnetwork button,
.crm-socialnetwork a.button,
.crm-socialnetwork .crm-button {
    display: inline-flex;
    align-items: center;
    gap: 0.45em;
    margin: 0;
    padding: 0.55em 1.2em;
    border: 0;
    border-radius: 999px;
    background: var(--global-palette1, #2b6cb0);
    color: #fff;
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.crm-socialnetwork button:hover,
.crm-socialnetwork button:focus-visible,
.crm-socialnetwork .crm-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    filter: brightness(1.08);
}

/* Label inside the button sits on one line */
.crm-socialnetwork .crm-socialnetwork-label {
    display: inline;
}

/* Network colours */
.crm-socialnetwork #crm-fb,
.crm-socialnetwork button[onclick*="facebook"] { background: #1877f2; }

.crm-socialnetwork #crm-tw,
.crm-socialnetwork button[onclick*="twitter"],
.crm-socialnetwork button[onclick*="x.com"]    { background: #111; }

.crm-socialnetwork #crm-li,
.crm-socialnetwork button[onclick*="linkedin"] { background: #0a66c2; }

.crm-socialnetwork #crm-email,
.crm-socialnetwork button[onclick*="mailto"]   { background: var(--global-palette4, #4a5568); }

/* Optional "share this link" text box, if shown */
.crm-socialnetwork input[type="text"] {
    width: 100%;
    max-width: 28rem;
    margin-top: 1rem;
    padding: 0.5em 0.75em;
    border: 1px solid var(--global-palette7, #e5e5e0);
    border-radius: 6px;
    font-size: 0.85rem;
    text-align: center;
}

/* Phones: full-width buttons stacked */
@media (max-width: 480px) {
    .crm-section.crm-socialnetwork { padding: 1.5rem 1rem; }
    .crm-socialnetwork button,
    .crm-socialnetwork .crm-button { flex: 1 1 100%; justify-content: center; }
}

/* ── Admin toolbar on event pages (logged-in staff only) ── */

.crm-actionlinks-top {
    margin: 0 0 1.75rem;
}

/* The toolbar strip */
.crm-actions-ribbon #actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0.5rem 0.75rem;
    list-style: none;
    background: var(--global-palette8, #f7f7f5);
    border: 1px dashed var(--global-palette6, #cbd2d9);
    border-radius: 8px;
}

/* "Admin" tag at the start, so it's obvious visitors don't see this */
.crm-actions-ribbon #actions::before {
    content: "Admin";
    margin-right: 0.25rem;
    padding: 0.2em 0.6em;
    border-radius: 4px;
    background: var(--global-palette4, #4a5568);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.crm-actions-ribbon #actions > li {
    position: relative; /* Anchors the dropdown below its button. */
    margin: 0;
    list-style: none;
}

/* The two buttons */
#crm-event-configure-link,
#crm-participant-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    padding: 0.4em 0.9em;
    background: #fff;
    border: 1px solid var(--global-palette7, #e5e5e0);
    border-radius: 6px;
    color: var(--global-palette3, #1a202c);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#crm-event-configure-link:hover,
#crm-participant-link:hover {
    border-color: var(--global-palette1, #2b6cb0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Text labels next to (or instead of) the icons */
#crm-event-configure-link::after { content: "Configure event"; }
#crm-participant-link::after     { content: "Participants"; }

/* Dropdown menus (CiviCRM shows/hides them on click) */
.crm-actions-ribbon .ac_results {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 1000;
    min-width: 15rem;
    padding: 0.4rem 0;
    background: #fff;
    border: 1px solid var(--global-palette7, #e5e5e0);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.crm-actions-ribbon .ac_results ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.crm-actions-ribbon .ac_results li {
    margin: 0;
}

.crm-actions-ribbon .ac_results a {
    display: block;
    padding: 0.45em 1rem;
    color: var(--global-palette3, #1a202c);
    font-size: 0.9rem;
    text-decoration: none;
    white-space: nowrap;
}

.crm-actions-ribbon .ac_results a:hover,
.crm-actions-ribbon .ac_results a:focus {
    background: var(--global-palette8, #f7f7f5);
    color: var(--global-palette1, #2b6cb0);
}