/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* --- TABLE OF CONTENTS --- 

1. GLOBAL ELEMENTS
	1.1 GLOBAL COLOURS
	1.2 GLOBAL FONTS
	1.3 BUTTONS
	1.4 IMAGES
	1.5 GLOBAL OVERRIDES
	1.6 BLOCKQUOTES
2. AUTOMATIC CSS OVERRIDES
	2.1 BUTTONS
3. MENU
	3.1 MOBILE MENU
4. HOMEPAGE
	4.1 NEWS CAROUSEL
5. CALENDAR
6. COMPLIANCE COOKIE OVERIDES
7. LANDING PAGES
8. WHERE NEXT?
9. GUTENBERG ELEMENTS
	9.1 FONTS
	9.2 TABLES
	9.3 ACCORDIONS
	9.4 LISTS
	9.5 FILES
	9.6 IMAGE WITH TEXT
	9.7 PARENT PORTAL 
	9.8 VIDEO COLUMNS
	9.9 MAPS
10. SMASHBALLOON
11. PARENT PORTAL

/* --- 1.1 GLOBAL COLOURS --- */
:root {
	--light-blue: hsl(196 100% 47%);
	--light-blue-light: hsl(196 100% 47% / 0.3);
	--dark-blue: hsl(221 100% 37%);
	--dark-blue-light: hsl(221 100% 37% / 0.3);
	--orange: hsl(34 100% 44%);
	--orange-light: hsl(34 100% 44% / 0.3);
	--red: hsl(334 100% 40%);
	--red-light: hsl(334 100% 40% / 0.3);
	--purple: hsl(315, 65%, 31%);
	--purple-light: hsl(315, 65%, 31% / 0.3);
	--aqua: hsl(183 100% 34%);
	--aqua-light: hsl(183 100% 34% / 0.3);
	--green: hsl(92 49% 44%);
	--green-light: hsl(92 49% 44% / 0.3);
	--blue: hsl(209 100% 36%);
	--blue-light: hsl(209 100% 36% / 0.3);
}
.light-blue {
	color:var(--light-blue);
}
.dark-blue {
	color:var(--dark-blue);
}
.orange {
	color:var(--orange);
}
.red {
	color:var(--red);
}
.purple {
	color:var(--purple);
}
.aqua {
	color:var(--aqua);
}
.green {
	color:var(--green);
}
.blue {
	color:var(--blue);
}
.multicolor-border-left {
  border-image: linear-gradient(to top, var(--light-blue) 0%, var(--orange) 20%, var(--red) 40%, var(--purple) 60%, var(--aqua) 80%, var(--green) 100%) 1;
  border-width: 0 0 0 1px;
  border-style: solid;
}
/* --- 1.2 GLOBAL FONTS --- */

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
cite
{
	font-family: "Avenir", 'Avenir', sans-serif;
}
.multicolour:nth-letter(5) {
	color:var(--light-blue);
}
h3 {
	font-size: var(--text-l)!important;
}
hr,
.wp-block-separator {
	border-top:1px solid var(--secondary);
	margin:2em 0;
}
hr.wp-block-separator {
  position: relative;
  border: none;
  border-top: 1px solid var(--secondary);
  margin: 2rem 0;
}

/*hr.wp-block-separator::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff; 
  padding: 0 0.5rem;
  background-image: url("/wp-content/uploads/2025/09/colour-shield-no-text.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 60px; 
  height: 40px; 
}*/
@media only screen and (min-width: 992px) {
	hr,
.wp-block-separator,
	hr.wp-block-separator {
	width:75%;
	margin:2em 12.5%;
	color:var(--secondary);
}
}
.brxe-post-content a:where(:not([class*= btn--])) {
	text-decoration:underline;
}
/* --- 1.3 BUTTONS --- */
.btn-grad {
	display: flex;
	align-items: center;
	border: 1px solid #0000;
	background: linear-gradient(var(--primary-ultra-dark), var(--primary-ultra-dark)) padding-box, linear-gradient(
        var(--angle),
        var(--light-blue),
        var(--orange),
		var(--red),
		var(--purple),
		var(--aqua),
		var(--green)
      ) border-box;
	font-size: var(--btn-font-size, var(--text-m))!important;
    color: var(--white);
    padding: 2em 4em;
    min-inline-size: var(--btn-min-width);
    line-height: var(--btn-line-height);
    font-weight: var(--btn-font-weight);
    font-style: var(--btn-font-style);
    text-transform: var(--btn-text-transform);
    letter-spacing: var(--btn-letter-spacing);
    text-decoration: var(--btn-text-decoration);
    transition:1s !important;
    justify-content: var(--btn-justify-content, center);
    text-align: var(--btn-text-align, center);
	width:100%;
}
.btn-grad:hover {
	animation: 3s rotate linear infinite;
	color:var(--white);
	-webkit-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.3);
	font-size: var(--btn-font-size, var(--text-m));
}
.btn-grad:active {
	font-size: var(--text-m)!important;
}
@keyframes rotate {
  to {
    --angle: 400deg;
  }
}

@property --angle {
  syntax: "<angle>";
  initial-value: 45deg;
  inherits: false;
}
.btn-dark-blue {
	background: linear-gradient(var(--primary-ultra-dark), var(--primary-ultra-dark)) padding-box, linear-gradient(
        var(--angle),
        var(--light-blue),
        var(--orange),
		var(--red),
		var(--purple),
		var(--aqua),
		var(--green)
      ) border-box;
}
.btn-orange {
	background: linear-gradient(#aa5d00, #aa5d00) padding-box, linear-gradient(
        var(--angle),
        var(--light-blue),
        var(--orange),
		var(--red),
		var(--purple),
		var(--aqua),
		var(--green)
      ) border-box;
}
.btn-light-blue {
	background: linear-gradient(#058bbf, #058bbf) padding-box, linear-gradient(
        var(--angle),
        var(--light-blue),
        var(--orange),
		var(--red),
		var(--purple),
		var(--aqua),
		var(--green)
      ) border-box;
}
.btn-red {
	background: linear-gradient(#a00241, #a00241) padding-box, linear-gradient(
        var(--angle),
        var(--light-blue),
        var(--orange),
		var(--red),
		var(--purple),
		var(--aqua),
		var(--green)
      ) border-box;
}
.btn-green {
	background: linear-gradient(#507c32, #507c32) padding-box, linear-gradient(
        var(--angle),
        var(--light-blue),
        var(--orange),
		var(--red),
		var(--purple),
		var(--aqua),
		var(--green)
      ) border-box;
}
.btn-gold {
	background: linear-gradient(#6c5b32, #6c5b32) padding-box, linear-gradient(
        var(--angle),
        var(--light-blue),
        var(--orange),
		var(--red),
		var(--purple),
		var(--aqua),
		var(--green)
      ) border-box;
}
.btn-gold:hover {
	background: linear-gradient(#5d4f2b, #5d4f2b) padding-box, linear-gradient(
        var(--angle),
        var(--light-blue),
        var(--orange),
		var(--red),
		var(--purple),
		var(--aqua),
		var(--green)
      ) border-box;
}
.btn-dark {
	background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)) padding-box, linear-gradient(
        var(--angle),
        var(--light-blue),
        var(--orange),
		var(--red),
		var(--purple),
		var(--aqua),
		var(--green)
      ) border-box;
}
.btn-dark:hover {
	background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,1)) padding-box, linear-gradient(
        var(--angle),
        var(--light-blue),
        var(--orange),
		var(--red),
		var(--purple),
		var(--aqua),
		var(--green)
      ) border-box;
}
/* 1.4 ---- IMAGES ---- */
:where(img):not(header img), :where(figure:not(figure:has(img))) {
	border-radius:0px;
}
/* 1.5 ---- GLOBAL OVERRIDES ---- */
.logged-in .sfm-pos-right .sfm-rollback {
  display: none!important;
}
/* 1.6 ---- BLOCKQUOTES ---- */
blockquote {
	border-color:var(--secondary);
	color:var(--secondary);
	font-style:italic;
}
blockquote cite {
	opacity:1;
	color:var(--primary);
	font-size: var(--btn-font-size);
    text-transform: uppercase;
    letter-spacing: var(--btn-letter-spacing);
    font-weight: 800;
}
@media only screen and (min-width: 992px) {
	
}
/* 1.5 ---- STANDARD PAGE OVERRIDES --- */
.welcome-swoosh {
	 background-image:url('/wp-content/uploads/2025/01/Swoosh-bronze-white-left.svg');
}

/* --- AUTOMATIC CSS OVERRIDES --- */

/* 3.0 --- MENU --- */
.bricks-nav-menu > li.menu-item-has-children > .brx-submenu-toggle a,
.bricks-nav-menu > li.menu-item-has-children > .brx-submenu-toggle a:hover {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: black;
}
li.menu-item-has-children .brx-submenu-toggle button {
	display:none;
}
/* --- MOBILE MENU --- */
.sfm-navicon:after, 
.sfm-navicon:before, 
.sfm-sidebar-close:after, 
.sfm-sidebar-close:before {
	background:var(--primary);
}
.sfm-sidebar-close {
	height:60px;
}

/* --- 4. HOMEPAGE --- */
/* --- 4.1 NEWS CAROUSEL --- */
@media only screen and (min-width: 992px) {
#brxe-wzxenm-clone01 .news-highlight,
#brxe-wzxenm-slide01 .news-highlight {
	width:350px;
	height:200px; 
	background-color:var(--light-blue);
	position:absolute;
	z-index: -1;
	bottom: calc(0px - var(--space-m));
	right: calc(0px - var(--space-m));
}
#brxe-wzxenm-clone02 .news-highlight,
#brxe-wzxenm-slide02 .news-highlight {
	width:300px;
	height:200px; 
	background-color:var(--orange);
	position:absolute;
	z-index: -1;
	top: calc(0px - var(--space-m));
	left: var(--space-xl);
}
#brxe-wzxenm-clone03 .news-highlight,
#brxe-wzxenm-slide03 .news-highlight {
	width:500px;
	height:250px; 
	background-color:var(--green);
	position:absolute;
	z-index: -1;
	bottom: calc(0px - var(--space-m));
	left: calc(0px - var(--space-m));
}
#brxe-wzxenm-clone04 .news-highlight,
#brxe-wzxenm-slide04 .news-highlight {
	width:400px;
	height:200px; 
	background-color:var(--aqua);
	position:absolute;
	z-index: -1;
	top: calc(0px - var(--space-m));
	left: calc(0px - var(--space-m));
}
#brxe-wzxenm-clone05 .news-highlight,
#brxe-wzxenm-slide05 .news-highlight {
	width:200px;
	height:350px; 
	background-color:var(--purple);
	position:absolute;
	z-index: -1;
	top: calc(0px - var(--space-m));
	left: calc(0px - var(--space-m));
}
#brxe-wzxenm-slide06 .news-highlight ,
#brxe-wzxenm-clone06 .news-highlight {
	width:200px;
	height:250px; 
	background-color:var(--red);
	position:absolute;
	z-index: -1;
	top: var(--space-xl);
	right: calc(0px - var(--space-m));
}
}
/* ---- 5.0 CALENDAR ----- */
.homepage-calendar .content-wrapper {
	flex-direction: row;
	align-items:flex-start;
}
.grouped::-webkit-scrollbar {
	display: none;
}
.grouped .ecs-date {
	color:var(--bricks-color-ivqzia); 
	background-color:var(--bricks-color-iujajp); 
	padding:10px; 
	margin:0.75em 0;
}
.grouped .ecs-event .summary a {
	color:var(--bricks-color-ivqzia);
}
.grouped .ecs-event .summary a:hover {
	color:var(--bricks-color-nciwxk);
	transition:all 0.5s ease-in-out;
}
.grouped .ecs-event .duration {
	color:var(--bricks-color-ylccbj);
}
.grouped .ecs-prev a,
.grouped .ecs-next a,
.white-diagonal .ecs-no-events {
	color:white;
}
.ecs-pagination {
	flex-direction: row;
	align-items: flex-start;
    display: flex;
	border-top:4px solid var(--bricks-color-iujajp);
	margin-top:10px;
	padding-top:10px;
}
.ecs-pagination a:hover{
	color: var(--bricks-color-nciwxk);
	transition:all 0.2s ease-in-out;
}
.post-type-archive-tribe_events .sticky .brxe-container,
.single-tribe_events .sticky .brxe-container {
	background:var(--bricks-color-nmzfeh)!important;
}
.post-type-archive-tribe_events header.scrolling .brxe-container {
	background:#FFF!important;
}
.homepage-calendar li {
	border-bottom:4px #ddd dotted;
	padding-bottom:0.5em;
}
.calendar-date {
	background-color:var(--primary);
	color:#FFF;
	text-align:center;
	padding:10px;
	float:left;
	border-radius:50%;
	height: 75px;
	width:75px;
	display:flex;
	align-items: center;
    flex-direction: column;
	justify-content: center;	
}
.calendar-day {
	font-size:var(--text-xl);
	font-weight:600;
	line-height:1em;
}
.calendar-month {
	font-size:var(--text-s);
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:500;
}
.calendar-details {
	padding-left:20px;
	color: var(--bricks-color-legvnj);
}
.calendar-details h3 {
	font-size:var(--text-m);
	color:var(--primary);
	margin-bottom:0px;
}
.calendar-details p {
	font-size:var(--text-s);
}
.calendar-duration {
	font-size:var(--text-s);
	color:var(--base);
}
.all-day-event {
	background-color:var(--black-trans-20);
	padding:5px 10px;
	color:#FFF;
	font-size:var(--text-s);
	letter-spacing:2px;
	text-transform:uppercase;
}

/*.homepage-calendar .bricks-layout-item {
	border-bottom:1px dotted rgba(0,0,0,0.2);
	padding:10px 0px 10px 0px;
} */
@media only screen and (max-width: 992px) {
	.calendar-date {
		display:none;
	}
	.calendar-details {
		padding:10px 0px 10px 0px;
		border-bottom:1px solid var(--bricks-color-oezmfl);
	}
	.content-wrapper div {
		width:100%
	}
}
.post-type-archive-tribe_events .fr-logo {
	display:none;
}
h2.calendar-excerpt {margin-bottom:50px;}

.tribe-events-before-html,
.download-calendar,
.download-calendar a {
	width:100%!important;
}
.download-calendar {
	margin-bottom:var(--space-m)!important;
}

/* ---- GLOBAL FONT STYLES ---- 

a {
	transition: all 0.5s ease-in-out;
}
h2 {
	letter-spacing:-0.01em;
}
h2 strong {
	font-weight:600!important;
}
h1.home__title span.yellow {
	color: var(--white);
}
h3 + h4,
h2 + h4 {
	margin-top: 0em!important;
}
.wp-block-heading h3 {
	color:var(--base)!important;
}
p:where(:only-of-type) {
	text-wrap:inherit;
}
.highlight:not(.bricks-panel-controls *) {
	background: linear-gradient(90deg, var(--accent), var(--action), var(--primary));
    background-size: 100% 100%;
    animation: gradient 7s ease infinite;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: 700;
}
.highlight-outline:not(.bricks-panel-controls *) {
	background: linear-gradient(90deg, var(--accent), var(--action), var(--primary));
    background-size: 100% 100%;
    animation: gradient 7s ease infinite;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-weight: 700;
	-webkit-text-stroke-width: 2px; 
    -webkit-text-stroke-color: rgba(255,255,255,1); 
}
.highlight:not(.bricks-panel-controls *)::selection {
    -webkit-text-fill-color: #fff
}
.orange {
	color:var(--accent);
}
a.light-link {
	color:var(--accent-medium);
}
/* ---- GLOBAL STYLES ---- 
.brxe-post-content {
	width:100%;
}
body.bricks-is-frontend :focus {
	outline:none;
}
hr,
.wp-block-separator {
	border-top:1px solid #ccc;
	margin:2em 0 ;
}
figure.wp-block-gallery .wp-block-image {
	gap: 30px !important;
}
.wp-block-pb-accordion-item ul,
.wp-block-pb-accordion-item p {
	margin-block-start: 1em;
    margin-block-end: 1em;
}
.google-map iframe {
	width:100%!important;
}
/* ---- 6. COMPLIANCE COOKIE POLICY OVERIDES ---- */
#cmplz-document, 
.editor-styles-wrapper .cmplz-unlinked-mode {
	max-width:100%;
}
#cmplz-document p, 
.editor-styles-wrapper .cmplz-unlinked-mode p, 
#cmplz-document li, 
.editor-styles-wrapper .cmplz-unlinked-mode li, 
#cmplz-document td, 
.editor-styles-wrapper .cmplz-unlinked-mode td,
#cmplz-document, 
.editor-styles-wrapper .cmplz-unlinked-mode,
#cmplz-cookies-overview .cmplz-dropdown h4, 
#cmplz-document .cmplz-dropdown h4, 
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4,
#cmplz-cookies-overview .cmplz-dropdown p, 
#cmplz-document .cmplz-dropdown p, 
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p, 
#cmplz-cookies-overview .cmplz-dropdown a, #cmplz-document .cmplz-dropdown a, 
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a {
	line-height: var(--text-line-height, 1.5);
	font-size:var(--text-m);
}
#cmplz-document p, 
.editor-styles-wrapper .cmplz-unlinked-mode p {
	margin: 0 0 1.2em;
}
#cmplz-document h2, 
.editor-styles-wrapper .cmplz-unlinked-mode h2, 
#cmplz-document h3, 
.editor-styles-wrapper .cmplz-unlinked-mode h3 {
	font-size: var(--h2);
	margin-top: 25px;
}
#cmplz-document h5, 
.editor-styles-wrapper .cmplz-unlinked-mode h5,
#cmplz-cookies-overview .cmplz-dropdown summary h3, 
#cmplz-document .cmplz-dropdown summary h3, 
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3 {
	font-size:var(--text-m);
	font-weight:bold;
}
#cmplz-cookies-overview .cmplz-dropdown summary h3, 
#cmplz-document .cmplz-dropdown summary h3, 
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3 {
	padding:7px 5px;
}
.cmplz-contact-organisation {
	font-weight:bold;
}
/* 7. ---- LANDING PAGES ---- */

.childpages {
	display:grid;
}
.childpage {
	transition:all 0.5s ease-in-out;
}
.childpage:hover {
	background-color:var(--primary);
	box-shadow:none;
}
.childpage:nth-of-type(2n + 1) a {
	position:relative;
	height:100%;
	width:100%;
	display:block;
	box-shadow: var(--space-m) var(--space-m) 0 0 var(--secondary);
}
.childpage:nth-of-type(2n + 2) a {
	position:relative;
	height:100%;
	width:100%;
	display:block;
	box-shadow: var(--space-m) var(--space-m) 0 0 var(--primary);
}
.childpage a:hover {
	background-color:var(--primary-trans-80);
}
/*.childpage:nth-of-type(2n + 1) a:hover {
	background-color:var(--primary-trans-80);
	box-shadow: var(--space-m) var(--space-m) 0 0 var(--secondary);
}
.childpage:nth-of-type(2n + 2) a:hover {
	background-color:var(--secondary-trans-80);
	box-shadow: var(--space-m) var(--space-m) 0 0 var(--primary);
}*/
.childpage h2 {
	padding:var(--space-m) var(--space-m) 0 var(--space-m);
	transition:all 0.5s ease-in-out;
	color:var(--white);
	position:absolute;
	bottom:var(--space-m);
	font-size:var(--text-l);
}
.childpage-excerpt {
	padding: 0 var(--space-s) var(--space-s) var(--space-s);
	text-wrap:inherit;
	color:var(--base);
	transition:all 0.5s ease-in-out;
}
.childpage-image {

}
h2.landing-page-title {
	text-align:center;
	margin:var(--space-l) 0 var(--space-l) 0;
	display:none;
}
@media (max-width: 767px) {
	.childpages {
		padding:0px var(--space-l);
	}
}
/* 8. ---- WHERE NEXT? ---- */
h1.where-next-heading,
h1.where-next-heading span.yellow {
	color:var(--primary);
}
.related-pages .h2 {
	margin-bottom:1em;
}

@media only screen and (min-width: 992px) {
.where-next {
  display: grid;
  grid-template-columns: auto auto; 
	background-color:var(--secondary);
}
}
@media screen and (max-width: 991px) and (min-width: 769px){
.where-next {
  display: grid;
  grid-template-columns: auto auto; 
	background-color:var(--secondary);
}
}
.where-next li {
	list-style:none;
	padding:0px 30px 0px 0px;
	margin-bottom:5px;
}
.where-next li a {
	font-size:var(--text-m);
	color:var(--white);
	display: block;
  	position: relative;
  	padding: 0.2em var(--space-m);
	overflow: hidden;
	font-weight:400;
}
.where-next li a:hover {
	color:var(--white);
	background:var(--black-trans-20);
}
.where-next li.current_page_item a
 {
	 color:var(--white);
	 background:var(--black-trans-20);
}
/*.where-next li a::after {
	content: '';
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 2px;
  	background-color:var(--accent);
  	opacity 1;
	z-index:1;
  	transform: translate3d(-101%, 0, 0);
  	transition: opacity 500ms, transform 500ms;
}
.where-next li a:hover::after,
.where-next li a:focus::after {
  	opacity: 1;
  	transform: translate3d(0, 0, 0);
}*/

/* ----- 9. PAGE ELEMENTS (GUTENBERG) ----- */

/* ----- 9.1. FONTS ----- */
@media only screen and (min-width: 992px) {
.brxe-post-content > p,
.brxe-post-content > h2, 
.brxe-post-content > h3,
.brxe-post-content > h4,
.brxe-post-content > h5,
.brxe-post-content > h6
	 {
	padding:0px 12.5%;
}
blockquote {
	margin:0px 12.5%;
}
}
/* ---- 9.2. TABLES ---- */
.wp-block-table table td,
.wp-block-table table th {
	border:2px solid var(--white);
	padding:10px 8px;
	vertical-align: top;
	line-height:1.3em;
}
.wp-block-table thead {
	border-bottom: 3px solid white!important;
}
.wp-block-table table th {
	background-color:var(--primary);
	text-align:left;
	color:var(--white);
	font-size:var(--h4);
	font-weight:500;
	letter-spacing:-0.02em;
	line-height:1.5em;
}
@media only screen and (min-width: 992px) {
	.wp-block-table table,
	.brxe-post-content table {
	width:75%!important;	
	}
.wp-block-table table,
.brxe-post-content table {
	margin:0 12.5% 30px;
	border-collapse:collapse;
}
}
.is-style-stripes table th {
	background-color:var(--primary);
	color:white;
	font-weight:500;
}
/* This is for Classic Editor tables */
.brxe-post-content table td {
	border:2px solid var(--white);
	padding:10px 8px;
	vertical-align: top;
	margin:0px;
}
.brxe-post-content table tr {
	background-color:var(--base-trans-10);
}
.brxe-post-content table tr:nth-child(even) {
	background-color:white;
}
/* Make tables scrollable on mobile 
@media only screen and (max-width: 768px) {
.brxe-post-content table {
overflow: hidden;
overflow-x: scroll;
display:block;
}
}	
/* ---- 9.3 ACCORDIONS ---- */
@media only screen and (min-width: 992px) {
	.c-accordion__item {
		margin-left:12.5%!important;
		margin-right:12.5%!important;
		width:75%;
	}
}
.c-accordion__item {
	background-color:var(--white);
	margin:0px;
	border-radius:0px;
	transition: all 0.5s ease-in-out;
	border-bottom:2px solid var(--secondary);
} 
.c-accordion__item ul,
.c-accordion__item ol {
	margin-left:0px!important;
	margin-right:0px!important;
	width:100%!important;
}
/* The accordion item container */
.c-accordion__item.is-open > h2,
.c-accordion__title:hover.is-open {
	color:var(--secondary);
} /* is-open is added to open accordion items */
.c-accordion__item:first-of-type {
	margin-top:1em;
}
.c-accordion__item:last-of-type {
	margin-bottom:2em;
}
.c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */
.c-accordion__title {
	font-size:var(--text-l);
	color:var(--base);
	padding:var(--space-s) var(--space-xs);
	border-radius:0px;
	transition: all 0.5s ease-in-out;
	font-weight:400;
	letter-spacing:-0.02em;
	line-height:1.4em;
} /* An accordion item title */
.c-accordion__title:after {
	right:var(--space-s);
	padding:0px 0.3em;
} /* Plus sign at the end of the accordion 
/* .c-accordion__title--button {} /* An accordion item title that is using a `<button>` tag */
.c-accordion__title:hover {
	background-color:var(--secondary-trans-10);
	color:var(--secondary);
} /* To modify the style when hovering over an accordion item title */
.c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */
.c-accordion__content {
	padding:var(--space-s) ;
} /* An accordion item content container */
.c-accordion__content p,
.c-accordion__content h1,
.c-accordion__content h2,
.c-accordion__content h3,
.c-accordion__content h4,
.c-accordion__content h5,
.c-accordion__content h6,
.c-accordion__content ol,
.c-accordion__content ul,
.c-accordion__content li {
	margin:0 0 1.2em;
}

/* editor styles */
.editor-styles-wrapper .wp-block-column {
	border:1px solid #000 !important;
}

/* ---- 9.4 LISTS ---- */
@media only screen and (min-width: 992px) {
.brxe-post-content:not([data-source="bricks"]) ul,
.brxe-post-content:not([data-source="bricks"]) ol {
	margin-left:12.5%;
	margin-right:12.5%;
	width:75%;
}
}
.wp-block-media-text__content .brxe-post-content:not([data-source="bricks"]) ul,
.wp-block-media-text__content .brxe-post-content:not([data-source="bricks"]) ol {
	margin-left:0;
	margin-right:0;
	width:100%%;
}
.brxe-post-content:not([data-source="bricks"]) ul li { 
	background-image:url('/wp-content/uploads/2025/02/list-bullet-gold.png');
}
.brxe-post-content:not([data-source="bricks"]) ul li:nth-child(odd) { 
	background-image:url('/wp-content/uploads/2025/01/list-bullet.png');
}
.brxe-post-content:not([data-source="bricks"]) ul li, 
footer .brxe-text ul li {
	list-style:none;
	border-bottom:0px solid var(--base-trans-20);
	padding:0px 37px;
	background-position:15px 9px;
	background-repeat:no-repeat;
	margin:0px;
	background-size: 8px 10px;
}
footer .brxe-text ul {
	padding-inline-start:0px;
}
footer .brxe-text ul li a,
footer a {
	color:var(--base);
}
footer .brxe-text ul li a:hover,
footer a:hover {
	color:var(--primary);
}
.brxe-post-content:not([data-source="bricks"]) ul li:last-child, 
footer .brxe-text ul li:last-child {
	border-bottom:none;
}
.brxe-post-content:not([data-source="bricks"]) ul li ul li {
	background-image:none!important;
	list-style:disc;
	padding:5px 0px;
}
@media only screen and (max-width: 993px) { 
	.brxe-post-content:not([data-source="bricks"]) ul {
		padding-left:0px;
	}
}

/* ---- 9.5 FILES ----- */
.wp-block-file:not(.wp-element-button) {
    font-size: inherit;
	margin:1em 0;
}
@media only screen and (min-width: 992px) {
a[href$=".pdf"],
a[href$=".doc"],
a[href$=".docx"],
a[href$=".xls"],
a[href$=".xlsx"],
a[href$=".ppt"],
a[href$=".pptx"] {
	width:75%;
	}
}
/* --- OLD STYLE IN CASE WENEED TO REVERT --- 
a[href$=".pdf"],
a[href$=".doc"],
a[href$=".docx"],
a[href$=".xls"],
a[href$=".xlsx"],
a[href$=".ppt"],
a[href$=".pptx"] {
	border-radius:0px;
	box-shadow: 0 0 0 3px var(--white), 0 0 0 4px var(--base-trans-20);
	display:flex; 
	margin:3px auto 3px auto;
	padding-left:50px;
	color:var(--base);
	transition:all 0.5s ease-in-out;
	background-color: var(--accent);
	text-decoration:none;
	align-items: center;
	font-weight:800;
	text-transform: uppercase;
    line-height: 1.7em;
	font-size: var(--btn-font-size);
	letter-spacing:var(--btn-letter-spacing);
}
 --- END OF OLD STYLE --- */
a[href$=".pdf"],
a[href$=".doc"],
a[href$=".docx"],
a[href$=".xls"],
a[href$=".xlsx"],
a[href$=".ppt"],
a[href$=".pptx"] {
	border-radius:0px;
	box-shadow: 0 0 0 3px var(--white), 0 0 0 4px var(--base-trans-20);
	display:flex; 
	margin:3px auto 3px auto;
	padding-left:50px;
	color:var(--base);
	transition:all 0.5s ease-in-out;
	background-color: var(--accent);
	text-decoration:none;
	align-items: center;
	font-weight:500!important;
    line-height: 1.7em;
	font-size: var(--text-m);
}
.c-accordion__content a[href$=".pdf"],
.c-accordion__content a[href$=".doc"],
.c-accordion__content a[href$=".docx"],
.c-accordion__content a[href$=".xls"],
.c-accordion__content a[href$=".xlsx"],
.c-accordion__content a[href$=".ppt"],
.c-accordion__content a[href$=".pptx"] {
	background-color:var(--accent);
}
a[href$=".pdf"]:hover {
	background-color:#ea4c3a;
	color:#FFF!important;
	border:0px solid rgba(0,0,0,0.3);
}

a[href$=".doc"]:hover,
a[href$=".docx"]:hover
{
	background-color:#2372ba;
	color:#FFF!important;
	border:0px solid rgba(0,0,0,0.3);
}

a[href$=".xls"]:hover,
a[href$=".xlsx"]:hover {
	background-color:#00733b;
	color:#FFF!important;
	border:0px solid rgba(0,0,0,0.3);
}

a[href$=".ppt"]:hover,
a[href$=".pptx"]:hover {
	background-color:#dd5b26;
	color:#FFF!important;
	border:0px solid rgba(0,0,0,0.3);
}

a[href$=".pdf"]:before,
a[href$=".doc"]:before,
a[href$=".docx"]:before,
a[href$=".xls"]:before,
a[href$=".xlsx"]:before,
a[href$=".ppt"]:before,
a[href$=".pptx"]:before {
	display: inline-flex;
	content: ' ';
	background-size: contain;
	min-height: 50px;
	width: 70px;
	background-repeat:no-repeat;
	margin-left:-50px;
}
a[href$=".pdf"]:before {
	background-image: url('/wp-content/uploads/2025/01/pdf.svg');
	transition:all 0.5s ease-in-out;
}
a[href$=".pdf"]:hover:before {
	background-image: url('/wp-content/uploads/2025/01/pdf-out.svg');
	transition:all 0.5s ease-in-out;
}

a[href$=".doc"]:before,
a[href$=".docx"]:before {
	background-image: url('/wp-content/uploads/2025/01/word.svg');
	transition:all 0.5s ease-in-out;
}
a[href$=".doc"]:hover:before,
a[href$=".docx"]:hover:before {
	background-image: url('/wp-content/uploads/2025/01/word-out.svg');
	transition:all 0.5s ease-in-out;
}

a[href$=".xls"]:before,
a[href$=".xlsx"]:before {
	background-image: url('/wp-content/uploads/2025/01/excel.svg');
	transition:all 0.5s ease-in-out;
}
a[href$=".xls"]:hover:before,
a[href$=".xlsx"]:hover:before {
	background-image: url('/wp-content/uploads/2025/01/excel-out.svg');
	transition:all 0.5s ease-in-out;
}

a[href$=".ppt"]:before,
a[href$=".pptx"]:before {
	background-image: url('/wp-content/uploads/2025/01/powerpoint.svg');
	transition:all 0.5s ease-in-out;
}
a[href$=".ppt"]:hover:before,
a[href$=".pptx"]:hover:before {
	background-image: url('/wp-content/uploads/2025/01/powerpoint-out.svg');
	transition:all 0.5s ease-in-out;
}
li a[href$=".pdf"],
li a[href$=".doc"],
li a[href$=".docx"],
li a[href$=".xls"],
li a[href$=".xlsx"],
li a[href$=".ppt"],
li a[href$=".pptx"] {
	box-shadow:none;
}
.brxe-post-content li a:before {
	background-image:none!important;
	display:inline-block!important;
	min-height:0px!important;
	width:auto!important;
	margin-left:0px!important;
}
.brxe-post-content li a {
	background-image:none!important;
	min-height:auto!important;
	display:inline-block;
	border-radius:0px;
	margin:0px;
	color:var(--primary)!important;
	background-color:transparent!important;
	padding:0px!important;
	width:auto!important;
	line-height:1em!important;
	border:0px!important;
}
.brxe-post-content li a:hover {
	color:var(--secondary)!important;
}
/* --- 9.6 IMAGES --- */
/* --- 9.6.1 MEDIA WITH TEXT --- */
.wp-block-media-text {
	margin:3em auto;
}
.wp-block-media-text__media {
	height:100%;
}
.wp-block-media-text__media img
/*.wp-block-image figure.size-large img,
figure.wp-block-image img*/{
	object-fit: cover;
	object-position:center center;
	height:100%!important;
}
.wp-block-media-text h2,
.wp-block-media-text h3,
.wp-block-media-text h4,
.wp-block-media-text h5,
.wp-block-media-text p {
	margin-block: 1em!important;
}
@media only screen and (min-width: 992px) {
.wp-block-media-text__media {
	box-shadow: -30px 30px 0 0 var(--primary);
}
.has-media-on-the-right .wp-block-media-text__media {
	box-shadow: 30px 30px 0 0 var(--secondary);
}
/*.wp-block-image figure.size-large,
figure.wp-block-image {
	box-shadow: 30px 30px 0 0 var(--secondary);
	margin-bottom:2em;
	}
.wp-block-image .alignleft {
	margin-right:2em!important;
}*/
}

@media only screen and (max-width: 991px) {
.wp-block-media-text__media {
	box-shadow: -10px 10px 0 0 var(--primary);
	margin-bottom:var(--space-m)!important;
}
.has-media-on-the-right .wp-block-media-text__media {
	box-shadow: 10px 10px 0 0 var(--secondary);
}
	.wp-block-media-text>.wp-block-media-text__content {
		padding:0px;
	}
}
/* ---- 9.6.2 ROUNDED IMAGES ---- */
:root :where(.wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded img) {
	border-radius:0px!important;
	box-shadow: none!important;
	margin:0!important;
}

/* ---- 9.6.3 GALLERIES ---- */
/* 2.5 IMAGES */

.wp-block-gallery .wp-block-image figure,
.wp-block-gallery figure.wp-block-image,
.wp-block-gallery .wp-block-media-text__media {

}
.wp-block-gallery figure.wp-block-image:nth-of-type(3n + 1) {

}
.wp-block-gallery figure.wp-block-image:nth-of-type(3n + 2) {
}
.wp-block-image img {
	line-height:0;

}
/* ---- FULL SIZE IMAGES ---- */
.size-full img {
	box-shadow: var(--space-m) var(--space-m) 0 0 var(--secondary);
	margin:2em 0;
}
@media only screen and (max-width: 991px) {
.size-full img {
	box-shadow: 10px 10px 0 0 var(--secondary);
	margin:1em 0!important;
}
}
/* ---- 9.7 BUTTONS ---- */
@media only screen and (min-width: 992px) {
.wp-block-buttons {
	width:75%;
	margin:2em 12.5%;
}
}
a.wp-block-button__link {
	background:var(--primary);
	text-decoration:none;
	border-radius:0px;
	color:var(--white);
	padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    min-inline-size: var(--btn-min-width);
    line-height: var(--btn-line-height);
    font-size: var(--btn-font-size, var(--text-m));
    font-weight: var(--btn-font-weight);
    font-style: var(--btn-font-style);
    text-transform: var(--btn-text-transform);
    letter-spacing: var(--btn-letter-spacing);
    text-decoration: var(--btn-text-decoration);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-radius: var(--btn-radius);
    border-color: var(--btn-border-color);
    transition: var(--btn-transition, var(--transition));
    justify-content: var(--btn-justify-content, center);
    text-align: var(--btn-text-align, center);
}
a.wp-block-button__link:hover {
	background: var(--btn-background-hover);
    color: var(--btn-text-color-hover);
    border-color: var(--btn-border-color-hover);
    text-decoration: var(--btn-text-decoration-hover);
}
/* ---- potential css for menu staggering (needs to go on the Nav block in the header template)
 * 
 * :where(.brxe-nav-menu) .bricks-nav-menu li[data-static] .sub-menu {
	position:fixed!important;
	height:100vh;
	width:50vw;
	top:0;
	right: 0;
}
.fr-modal--open .menu-item {
  opacity: 0;
  animation: fade-in 500ms ease forwards;
}

.fr-modal--open .menu-item:nth-child(2) {
  animation-delay: 200ms;
}

.fr-modal--open .menu-item:nth-child(3) {
  animation-delay: 400ms;
}

.fr-modal--open .menu-item:nth-child(4) {
  animation-delay: 600ms;
}

@keyframes fade-in {
  to {
    opacity: 1;
  }
}
/* ----- 9.7 PARENT PORTAL ------ */
.parent-portal-group {
	background-color:var(--neutral-ultra-light);
	margin:0px;
	padding:var(--space-m);
	margin-bottom:2em;
}
.parent-portal-group ul
 {
	margin:0px!important;
	width:100%!important;
	padding:0px!important;
}
.parent-portal-group ul li {
	padding-left:20px!important;
	padding-bottom:5px !important;
	background-position:0px 7px!important;
	margin-bottom:10px!important;
	font-size:var(--text-m)!important;
	border-bottom:1px dotted var(--neutral-trans-20)!important; 
}
.parent-portal-group ul li:last-child {
	border-bottom:0px!important;
	padding-bottom:0px!important;
}
.parent-portal-group ul li a{
	font-size:var(--text-m)!important;
	text-decoration:none;
	font-weight:500;
}
.parent-portal-group h2 {
	font-size:var(--text-xl);
	margin-bottom:var(--space-s);
	color:var(--secondary);
	font-weight:400;
}
/* 5.1 PARENT PORTAL EVENTS CALENDAR STYLES */
.parent-portal__calendar {	
  height: auto;
	overflow-y:scroll!important; 
	-ms-overflow-style: none!important;
	/* IE and Edge */ scrollbar-width: none;  /* Firefox */
	padding:var(--space-xs)!important;
	margin-bottom:2em;
	}

.parent-portal__calendar .grouped::-webkit-scrollbar {
	display: none!important;
}
.parent-portal__calendar .grouped .ecs-event {
padding:10px!important;
border-bottom:0px solid rgba(0,0,0,0.2)!important;
margin:0px!important;
  color: red!important;
}
.parent-portal__calendar .grouped .ecs-date {
	color:white!important; 
	background-color: var(--black-trans-20);
  border: 1px solid var(--white-trans-30);
  border-radius: var(--radius-m); 
	padding:10px!important; 
	margin:var(--space-m) 0 0px 0px!important;
	font-size:var(--text-m)!important;
}
.parent-portal__calendar .grouped .ecs-event .summary a {
	color:#FFF!important;
	text-decoration:none;
}
.parent-portal__calendar .grouped .ecs-event .summary a:hover {
	color:var(--white-trans-60)!important;
	transition:all 0.5s ease-in-out!important;
}
.parent-portal__calendar .grouped .ecs-event .duration {
	color:var(--white-trans-60)!important;
}
.parent-portal__calendar .grouped .ecs-prev a,
.parent-portal__calendar .grouped .ecs-next a,
.parent-portal__calendar .white-diagonal .ecs-no-events {
	color:white!important;
}
.parent-portal__calendar .ecs-pagination {
	flex-direction: row!important;
	align-items: flex-start!important;
  display: flex!important;
	border-top:0px solid rgba(0,0,0,0.4)!important;
	margin-top:10px!important;
	padding-top:10px!important;
}
.parent-portal__calendar .ecs-pagination a:hover{
	color: white!important;
	transition:all 0.2s ease-in-out!important;
}
.post-type-archive-tribe_events .sticky .brxe-container,
.single-tribe_events .sticky .brxe-container {
	background:black!important;
}
.post-type-archive-tribe_events header.scrolling .brxe-container {
	background:#FFF!important;
}
.parent-portal__calendar h3 {
color:white!important;
    font-size: var(--text-xl);
    margin-bottom: 0px;
    font-weight: 400;
	padding: var(--space-s) var(--space-s) 0 var(--space-s);
}

/* ----- 9.8 VIDEO COLUMNS ----- */
.video-columns {
	background-color:var(--secondary);
}
.video-columns:nth-child(odd) {
	background-color:var(--primary);
}
.video-columns .wp-block-embed-youtube {
	margin:0!important;
}
/* Make YouTube / iframe embeds responsive */
.wp-block-embed-youtube .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
}

.wp-block-embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-columns:nth-child(odd) p {
	color:var(--white);
	padding:2em 2em 2em 0;
	font-size:var(--text-l);
}
.video-columns:nth-child(even) p {
	color:var(--white);
	padding:2em 0em 2em 2em;
	font-size:var(--text-l);
}
@media only screen and (max-width: 780px) {
	.video-columns p {
		padding:2em!important;
	}
	.video-columns {
		gap:0px;
	}
	.video-columns:nth-child(even) .wp-block-column:first-child {
	order:2;
}
}
/* ---- 9.9 GOOGLE MAPS ---- */
.google-map iframe {
	width:100%!important;
}
/* ---- 10. SMASHBALLOON ---- */
[id^=sb-wall].sb-wall .sbsw-item-bottom-content, 
[id^=sb-wall].sb-wall .sbsw-item-footer, 
[id^=sb-wall].sb-wall .sbsw-item-header {
	background-color:#fafafa!important;
}
[id^=sb-wall].sb-wall .sbsw-item p.sbsw-content-text {
	font-size: var(--text-s)!important;
    line-height: 1.6em!important;
}
/* ---- PARENT PORTAL ---- */
.page-id-678 .childpage-section {
	display:none!important;
}