/*
 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
*/

/*---GLOBAL---*/
.strong-green {
  color: var(--primary-green);
}

.strong-blue {
  color: var(--primary-blue);
}

.copy-bold-heading {
  font-size: var(--text-l);
}

/*---Entrance Animation---*/
@keyframes pageFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

body {
  animation: pageFadeIn 0.6s ease-out;
  animation-fill-mode: both;
}

/*---Main Header Overlay---*/

[data-header-style="Overlay"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;  

    .mainheader {
        background-color: transparent;
    } 
}



 
/*---Main Navigation Mega Menu---*/

/* Top Level Link Shadow*/
.mega-menu__toplevel > a.mega-menu-link {
	text-shadow: 0 2px 3px var(--shadow-primary);
}

.mega-mega-menu__toplevel:last-child {
	margin-right: 0 !important;
}

/*--MEGA MENU--*/
.mega-menu-megamenu > .mega-sub-menu {
	padding: 0 !important;
	overflow: hidden !important;
	box-shadow: 0 2px 6px var(--shadow-primary) !important;
}

.mega-menu-megamenu > .mega-sub-menu .mega-menu-column {
	padding: 0 0 15px 0 !important;
}

.mega-menu-megamenu > .mega-sub-menu .mega-menu-column .megamenu__title {
	padding: 0 !important;
}

.megamenu__title > .mega-menu-link {
	font-weight: 600 !important;
	color: var(--text-body-light) !important;
	background-color: var(--primary-green) !important;
	padding-left: calc(var(--space-xs) + 10px) !important;
	padding-top: var(--space-m) !important;
	margin-bottom: 6px !important;
}

.mega-menu-column .mega-menu-item .mega-sub-menu .mega-menu-link  {
	padding-left: var(--space-xs) !important;
	padding-block: var(--space-3xs) !important;
	margin-left: 10px !important;
	border-radius: var(--radius-s) !important;
	line-height: 1.3em !important;
	transition: background-color 0.4s ease;
}

.mega-menu-column:last-child .mega-menu-item .mega-sub-menu .mega-menu-link  {
	margin-right: 10px !important;
}

.mega-menu-column .mega-menu-item .mega-sub-menu .mega-menu-link:hover  {
	background-color: var(--primary-green-l-4) !important;
}


/*--Flyout Menu--*/

.mega-menu-flyout .mega-sub-menu {
	box-shadow: 0 2px 6px var(--shadow-primary) !important;
}

.mega-menu-flyout .mega-sub-menu .mega-menu-link {
	text-align: left !important;
	padding-left: var(--space-xs) !important;
	padding-right: var(--space-m) !important;
	padding-block: var(--space-3xs) !important;
	border-radius: var(--radius-s) !important;
	line-height: 1.3em !important;
	transition: background-color 0.4s ease;
}

.mega-menu-flyout .mega-sub-menu .mega-menu-link:hover {
	background-color: var(--primary-green-l-4) !important;
}





/*--- Homepage ---*/
.event-secondary-frame {
  bottom: -15px !important;
}

.text-outline-shadow {
  color: var(--text-body-light); /* Fill color of the text */
  text-shadow:
    -2px -1px 0 #5ba8dc, /* Top-left shadow */
    1px -2px 0 #5ba8dc, /* Top-right shadow */
    -1px 2px 0 #5ba8dc, /* Bottom-left shadow */
    2px 1px 0 #5ba8dc; /* Bottom-right shadow */
  /* For a thicker outline, add more shadows with different offsets */
}