@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css');

/* Brand Colour Variables */
:root {
  --brand-primary: #d81b7d;
  --brand-primary-foreground: #FFFFFF;
  --brand-secondary: #f7b3d1;
  --brand-secondary-foreground: #FFFFFF;
  --white: #FFF;
  --accent-pink: #FFF6F9;
  --accent-yellow: #FFFDD2;
  --shade: rgba(0,0,0,0.08);
  --trans: transparent;
}

/* Brand Colours */
.dropdown-item.active, .dropdown-item:active {color: var(--brand-primary-foreground); background-color: var(--brand-primary);}

.bg-primary a {color: var(--brand-primary-foreground);}


/* Buttons */
.btn {white-space: normal;}

.btn-social {display: inline-flex; justify-content: center; align-items: center;}
.btn-social i {margin: 0;}
.share-page-icons a.btn-social {background: transparent !important; border: 1.5px solid #FFFFFF !important; color: #FFFFFF !important; transition: all 0.2s ease-out;}
.share-page-icons a.btn-social:hover {background: var(--brand-secondary) !important; border: 2px solid var(--brand-secondary) !important; color: var(--brand-secondary-foreground) !important;}

.lump_buttons .btn {display: flex;flex-direction: row;justify-content: center;align-items: center;column-gap: 10px;}
.lump_buttons .btn .material-icons {margin: 0;}


/* Navigation */
.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li a {color: inherit;}
.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li a:hover {color: var(--brand-primary);}

.funraisin-sticky-nav {border-bottom: none !important; box-shadow: 0px 0px 40px -10px hsla(0, 0%, 0%, 0.1);}
.funraisin-sticky-nav .site-logo {padding: 0px 15px;}

.lump.tab-content .nav-tabs li.active a {color: unset;}



/*<-------General Styles------->*/

/* Col Wrap at 992px */
@media (max-width: 992px) {
  .lump-column {
    width: 100% !important;
    float: none !important;
  }
}

/*Col Order - Desktop */
.order-1 {order: 1 !important;}
.order-2 {order: 2 !important;}
.order-3 {order: 3 !important;}
.order-4 {order: 4 !important;}



.lede-callout {color: var(--white); font-size: 2em; line-height: 1.25em; font-weight: bold;}
.lede-header {font-size: 1.25em; line-height: 1.1em;}


.glass-card {
  background: rgba(255, 255, 255, 0.2); /* Must be transparent to see the blur */
  backdrop-filter: blur(5px);
}


/* Rounded Cards */
.card-rounded {
  border-radius: 20px !important;
  clip-path: inset(0 round 20px);
  /* NOTE: Uncomment clip-path on live site, comment out when editing in builder */
}


/* Rounded Images */
.image-rounded img {
    width: 100% !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.image-rounded {
    border-radius: 20px !important;
    overflow: hidden !important;
}


/*<-------Event Styles------->*/

/* Event Header */
.funraisin-header-cta-panel img {
  height: unset;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: top;
  width: 100%;
}

/* Event Card Styling */
.lump-events .events-horizontal .event-image {
  height: unset;
  aspect-ratio: 4 / 3;
}
.lump-events .events-horizontal .event-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 768px) {
  .lump-events .events-horizontal .lump-event {
    width: 100% !important;
    float: none !important;
  }
}


/*Reusable aspect ratio images*/
.img-cover {
  position: relative;
  overflow: hidden;
  height: unset !important;
  min-height: unset !important;
}

.img-cover img {
  position: absolute;
  inset: 0;
  transform: none;
  object-fit: cover;
  object-position: middle;
  width: 100%;
  height: 100%;
}

/* Variants */
.img-cover-square {
  aspect-ratio: 1 / 1 !important;
  height: unset !important;
  min-height: unset !important;
}
.img-cover-landscape {
  aspect-ratio: 4 / 3 !important;
  height: unset !important;
  min-height: unset !important;
}
.img-cover-portrait {
  aspect-ratio: 3 / 4 !important;
  height: unset !important;
  min-height: unset !important;
}
.img-cover-wide {
  aspect-ratio: 16 / 9 !important;
  height: unset !important;
  min-height: unset !important;
}
.img-cover-cinema {
  aspect-ratio: 21 / 9 !important;
  height: unset !important;
  min-height: unset !important;
}


/* Cards - Align content to start */
.lump-row .lump-column .lump-container {
  align-content: start;
}


/* Sponsor Logo Grid */
.logo-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  align-items: center;
  padding: 20px 0;
}

.logo-grid-item {
  flex: 0 1 150px;
  border: 1px solid var(--shade);
  border-radius: 8px;
}

.logo-grid-item img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}




/* Team Grid */
.team-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 30px;
  padding: 20px 0;
  max-width: 750px;
  margin: 0 auto;
}

.team-grid-item {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.team-grid-item:nth-child(4) {
  grid-column: 2 / 4;
}

.team-grid-item:nth-child(5) {
  grid-column: 4 / 6;
}

.team-grid-item img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 16px;
  border: 1px solid var(--shade);
}

.team-grid-item h3 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0 0 6px;
  color: #252434;
}

.team-grid-item p {
  font-size: 1rem;
  color: var(--brand-primary);
  font-weight: 600;
  margin: 0;
}




/*<-------Shop Styles------->*/

/*Override Shop Container Width*/
#Shop > .container {
  width: 1240px !important;
  max-width: 100% !important;
}

/* Shop product images */
.product-image img {
  height: unset !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

/*Shop Listing Bottom Padding*/
.template-shop .custom-pt-3{
    padding-bottom: 48px;
}