:root {
  --primary: var(--site-color-scheme-primary-main);
  --secondary: var(--site-color-scheme-secondary-main);
  --accent: var(--site-color-scheme-accent-main);

  --arctic: #AAE6FF;
  --coral: #FF547C;
  --coraldk: #BF1B4F;
  --corallt: #FFB2C1;
  --lavelt: #D8AFFF;
  --saffron: #EEAF00;
  --saffronlt: #F5E669;
  --umarine: #003CB2;
}



/* ---------------- Global Brand-Specific Tweaks ---------------- */


/* Header */

[class^="SiteHeader__HeaderBuilderWrapper"] > div > div {
  align-content: center;
}

[class^="EventVenue__Wrapper"] {
  color: var(--secondary);
}

/* Footer */

.footer-upper, .footer-lower {
  background: #3C4E69 !important;
}
.footer-upper-contacts__social-list {
  display: grid;
  grid-gap: 0 10px;
  grid-template-columns: repeat(8, min-content);
}
.footer-upper-contacts__social-link,
.footer-upper-contacts__social-icon {
  border-radius: 1rem;
  color: #3C4E69 !important;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  transition: all .2s linear;
  width: 60px;
}
.footer-upper-contacts__social-icon:active, .footer-upper-contacts__social-icon:hover {
  background-color: var(--secondary) !important;
  color: var(--accent) !important;
}
.footer-upper-contacts__social-icon:before {
  font-size: 40px !important;
  right: 0 !important;
  bottom: 0 !important;
}


/* CTA Buttons & Text Links */

.l-site-event .c-cta:after,
[id*="-blockcta"] [class^="CardBody__Wrapper"] [class^="Link__Wrapper"] a:after {
  font-weight: 400 !important;
  text-transform: none !important;
}
.l-site-event .c-cta,
[id*="-blockcta"] [class^="CardBody__Wrapper"] [class^="Link__Wrapper"] a {
  background-color: var(--accent) !important;
  border: 4px solid var(--lavelt) !important;
  border-radius: 1rem;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 20px;
  padding: 13px 30px 11px 30px !important;
  text-transform: uppercase;
}


/* TYPOGRAPHY: Headings, Titles & Paragraphs */

body,
[class^="HeroModuleText"] p,
[class^="Paragraph__ParagraphWrapper"] p,
[class^="Paragraph__ParagraphWrapper"] ol,
[class^="Paragraph__ParagraphWrapper"] ul {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
}
h1.c-heading-section__title {
  text-shadow: rgba(0, 0, 0, 0.6) 0px 3px 6px;
}
h1, h2, h3, h4 {
  font-family: Aleo, serif;
}
.formatted-text h1,
[class^="Paragraph__"] h1,
[class^="HeroModuleText"] h1,
h1.c-heading-section__title,
h1[class^="HeroModuleTitle"],
h1[class^="HeroModuleSubTitle"],
h1[class^="Heading__HeadingWrapper"],
h1[class^="Heading_wrapper"],
h1[class^="indexstyle__Title"],
h1[class^="Title__Wrapper"],
[class^="Styles__StyledAccessibleAccordionItemHeading"] h1,
.statistic-section [class^="SectionPercent"] {
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 1.1;
}
.footer-upper-hashtag__link,
.formatted-text h2,
.venue-section [class^="Title-sc"],
[class^="Paragraph__"] h2,
[class^="HeroModuleText"] h3,
h2[class^="HeroModuleTitle"],
h2[class^="HeroModuleSubTitle"],
h2[class^="Heading__HeadingWrapper"],
h2[class^="Heading__Wrapper"],
h2[class^="indexstyle__Title"],
h2[class^="Title__Wrapper"],
[class^="Styles__StyledAccessibleAccordionItemHeading"] h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.15;
}
.formatted-text h3,
[class^="Paragraph__"] h3,
[class^="HeroModuleText"] h3,
h3[class^="HeroModuleTitle"],
h3[class^="HeroModuleSubTitle"],
h3[class^="Heading__HeadingWrapper"],
h3[class^="Heading__Wrapper"],
h3[class^="indexstyle__Title"],
h3[class^="Title__Wrapper"],
[class^="Styles__StyledAccessibleAccordionItemHeading"] h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}
h3[class^="HeroModuleSubTitle"] {
  font-family: inherit;
  font-weight: inherit;
}
.formatted-text h4,
[class^="Paragraph__"] h4,
[class^="HeroModuleText"] h4,
h4[class^="HeroModuleTitle"],
h4[class^="HeroModuleSubTitle"],
h4[class^="Heading__HeadingWrapper"],
h4[class^="Heading__Wrapper"],
h4[class^="indexstyle__Title"],
h4[class^="Title__Wrapper"],
[class^="Styles__StyledAccessibleAccordionItemHeading"] h4,
.statistic-section [class^="SectionDescription"] {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}
.formatted-text h5,
[class^="Paragraph__"] h5,
[class^="HeroModuleText"] h5,
h5[class^="HeroModuleTitle"],
h5[class^="HeroModuleSubTitle"],
h5[class^="Heading__HeadingWrapper"],
h5[class^="Heading__Wrapper"],
h5[class^="indexstyle__Title"],
h5[class^="Title__Wrapper"],
[class^="Styles__StyledAccessibleAccordionItemHeading"] h5 {
  font-size: 1.25rem;
  line-height: 1.2;
}
.formatted-text h6,
[class^="Paragraph__"] h6,
[class^="HeroModuleText"] h6,
h6[class^="HeroModuleTitle"],
h6[class^="HeroModuleSubTitle"],
h6[class^="Heading__HeadingWrapper"],
h6[class^="Heading__Wrapper"],
h6[class^="indexstyle__Title"],
h6[class^="Title__Wrapper"],
[class^="Styles__StyledAccessibleAccordionItemHeading"] h6 {
  font-size: 1.125rem;
  line-height: 1.2;
}
[class^="Heading__StyledHeadingWrapper"],
[class^="styles__StyledHeading"] {
  margin-bottom: 20px !important;
}
[class^="Paragraph__ParagraphWrapper"] h2,
[class^="Paragraph__ParagraphWrapper"] h3,
[class^="Paragraph__ParagraphWrapper"] h4,
[class^="Paragraph__ParagraphWrapper"] h5,
[class^="Paragraph__ParagraphWrapper"] h6 {
  margin-bottom: .5em;
  margin-top: 1em;
}
[class^="Paragraph__ParagraphWrapper"] > :first-child {
  margin-top: 0;
}
[class^="Paragraph__ParagraphWrapper"] > :last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  body,
  [class^="HeroModuleText"] p,
  [class^="Paragraph__ParagraphWrapper"] p,
  [class^="Paragraph__ParagraphWrapper"] ol,
  [class^="Paragraph__ParagraphWrapper"] ul {
    font-size: 1.125rem;
  }
  .formatted-text h1,
  [class^="Paragraph__"] h1,
  [class^="HeroModuleText"] h1,
  h1.c-heading-section__title,
  h1[class^="HeroModuleTitle"],
  h1[class^="HeroModuleSubTitle"],
  h1[class^="Heading__HeadingWrapper"],
  h1[class^="Heading_wrapper"],
  h1[class^="indexstyle__Title"],
  h1[class^="Title__Wrapper"],
  [class^="Styles__StyledAccessibleAccordionItemHeading"] h1,
  .statistic-section [class^="SectionPercent"] {
    font-size: 4rem;
  }
  .footer-upper-hashtag__link,
  .formatted-text h2,
  .venue-section [class^="Title-sc"],
  [class^="Paragraph__"] h2,
  [class^="HeroModuleText"] h2,
  h2[class^="HeroModuleTitle"],
  h2[class^="HeroModuleSubTitle"],
  h2[class^="Heading__HeadingWrapper"],
  h2[class^="Heading__Wrapper"],
  h2[class^="indexstyle__Title"],
  h2[class^="Title__Wrapper"],
  [class^="Styles__StyledAccessibleAccordionItemHeading"] h2 {
    font-size: 3rem;
  }
  .formatted-text h3,
  [class^="Paragraph__"] h3,
  [class^="HeroModuleText"] h3,
  h3[class^="HeroModuleTitle"],
  h3[class^="HeroModuleSubTitle"],
  h3[class^="Heading__HeadingWrapper"],
  h3[class^="Heading__Wrapper"],
  h3[class^="indexstyle__Title"],
  h3[class^="Title__Wrapper"],
  [class^="Styles__StyledAccessibleAccordionItemHeading"] h3 {
    font-size: 2.25rem;
  }
  .formatted-text h4,
  [class^="Paragraph__"] h4,
  [class^="HeroModuleText"] h4,
  h4[class^="HeroModuleTitle"],
  h4[class^="HeroModuleSubTitle"],
  h4[class^="Heading__HeadingWrapper"],
  h4[class^="Heading__Wrapper"],
  h4[class^="indexstyle__Title"],
  h4[class^="Title__Wrapper"],
  [class^="Styles__StyledAccessibleAccordionItemHeading"] h4,
  .statistic-section [class^="SectionDescription"] {
    font-size: 1.75rem;
  }
  .formatted-text h5,
  [class^="Paragraph__"] h5,
  [class^="HeroModuleText"] h5,
  h5[class^="HeroModuleTitle"],
  h5[class^="HeroModuleSubTitle"],
  h5[class^="Heading__HeadingWrapper"],
  h5[class^="Heading__Wrapper"],
  h5[class^="indexstyle__Title"],
  h5[class^="Title__Wrapper"],
  [class^="Styles__StyledAccessibleAccordionItemHeading"] h5 {
    font-size: 1.5rem;
  }
  .formatted-text h6,
  [class^="Paragraph__"] h6,
  [class^="HeroModuleText"] h6,
  h6[class^="HeroModuleTitle"],
  h6[class^="HeroModuleSubTitle"],
  h6[class^="Heading__HeadingWrapper"],
  h6[class^="Heading__Wrapper"],
  h6[class^="indexstyle__Title"],
  h6[class^="Title__Wrapper"],
  [class^="Styles__StyledAccessibleAccordionItemHeading"] h6 {
    font-size: 1.25rem;
  }
}


/* Accents */

::marker {
  color: var(--coral);
  font-weight: 700;
}
[class^="Paragraph__"] ol,
[class^="Paragraph__"] ul {
  list-style-position: outside !important;
  margin-left: 30px;
}
[class^="Paragraph__"] ::marker {
  display: inline-block;
}


/* ---------------- Global Module Tweaks ---------------- */

.c-heading-section {
  background: center center / cover no-repeat;
  background-image: url("https://knect365.imgix.net/uploads/standard-hero-a377e7f5317ae4f4a2e2bd26e7a98084.png?auto=format&fit=max&w=1920&dpr=1");
  padding: 60px 0;
  text-align: center;
}
.custom-page-section [class^="Paragraph__StyledParagraphWrapper"] {
  margin-bottom: 20px !important;
}
.custom-page-section [class^="Paragraph__ParagraphWrapper"] > :last-child {
  margin-bottom: 0;
}
.custom-page-section [class^="Underline-sc"] {
  margin: 1rem 0;
  opacity: 0;
}

.image-gallery-section [class^="ImageGalleryProfile__Wrapper"] [class^="styles__Overlay"] {
  display: none;
}

.image-section [class^="Underline"] {
  display: none;
}

.sponsor-category-section [class^="Heading__HeadingWrapper"] {
  color: var(--secondary);
}

.statistic-section [class^="indexstyle__Header"],
.statistic-section [class^="indexstyle__SectionCard"] {
  text-align: center;
}

.testimonial-section [class^="ItemContainer"],
.testimonial-section [class^="ItemAuthor"] {
  border-color: var(--lavelt);
  border-width: 2px;
}
.testimonial-section [class^="ItemContainer"]:after,
.testimonial-section [class^="ItemContainer"]:before {
  color: var(--accent);
}
.testimonial-section [class^="ItemQuote"] .formatted-text > * {
  line-height: 1.5;
}



/* ---------------- Brand-Specific Custom Classes ---------------- */

[id*="-winners"].custom-page-section [class^="Title__Wrapper"] {
  font-size: 1.25rem;
}
[id*="-winners"].custom-page-section [class^="Card"] [class^="Paragraph__ParagraphWrapper"] > p:last-of-type {
  color: var(--primary);
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1em;
}
[id*="supplier-awards"].custom-page-section [class^="Title__Wrapper"] {
  color: var(--primary);
}
[id*="education-awards"].custom-page-section [class^="Title__Wrapper"] {
  color: var(--primary);
}

[id*="-corallt"] > div,
[id*="-corallt"] [class^="Heading__HeadingWrapper"],
[id*="-corallt"].hero-section [class^="OverlayWrapper"],
[id*="-corallt"].testimonial-section [class^="ItemContainer"] {
  background: var(--corallt);
  color: var(--secondary);
}
[id*="-corallt"] [class^="Link__Wrapper"] a {
  color: var(--secondary);
}
[id*="-corallt"] [class^="Link__Wrapper"] a:active,
[id*="-corallt"] [class^="Link__Wrapper"] a:hover {
  color: var(--accent);
}

[id*="-iconify"].custom-page-section [class^="Title__Wrapper"] {
  background: rgba(255,255,255,.5);
  border: 1px solid var(--secondary);
  font-weight: 700;
  line-height: 98px !important;
}
[id*="-iconify2"].custom-page-section [class^="Title__Wrapper"] {
  background: var(--saffron);
}

[id*="enquiry"].html-block-section [class^="styles__HeadingSection"] {
  background-color: transparent;
  color: var(--secondary);
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: center;
}
[id*="enquiry"].html-block-section [class^="styles__StyledHeading"] {
  margin-bottom: 0 !important;
}
[id*="enquiry"].html-block-section [class^="styles__ContentWrapper"] {
  padding-top: 0;
}

[id*="-light"] > div,
[id*="-light"] [class^="Heading__HeadingWrapper"],
[id*="-light"].hero-section [class^="OverlayWrapper"],
[id*="-light"].testimonial-section [class^="ItemContainer"] {
  color: var(--secondary);
}

[id*="-pageheader"].hero-section [class^="OverlayWrapper"] {
  display: none;
}

[id*="-updates"].html-block-section > div {
  background: var(--arctic);
  padding-bottom: 40px;
}
[id*="-updates"].html-block-section [class^="styles__HeadingSection"] {
  color: var(--secondary);
}

@media only screen and (min-width: 768px) {
  [id*="-winners"] [class^="Title__Wrapper"] {
    font-size: 1.5rem;
  }

  [id*="-pageheader"].hero-section [class^="HeroModuleContent"] {
    flex-basis: 100%;
    margin-left: 0;
    max-width: 100%;
  }
  [id*="-pageheader"].hero-section [class^="ShortTextWrapper"],
  [id*="-pageheader"].hero-section [data-testid^="hero-module-short-text-wrapper"] {
    max-width: 86%;
  }
}