:root {
  /* Primary Colours */
  --clr-primary-1000: 202 100% 21%;
  --clr-primary-900: 202 100% 26%;
  --clr-primary-800: 198 100% 33%;
  --clr-primary-750: 199, 100%, 35%;
  --clr-primary-700: 195 100% 44%;
  --clr-primary-600: 195 85% 64%;
  --clr-primary-500: 196 53% 83%;
  --clr-primary-400: 190 75% 97%;
  --clr-primary-300: 192 4% 98%;
  --clr-primary-200: 192 56% 96%;
  /* Secondary Colours */
  --clr-secondary-900: 195 84% 64%;
  --clr-secondary-800: 198 78% 82%;
  --clr-secondary-700: 197 63% 88%;
  --clr-secondary-600: 195 86% 97%;
  /* Accent Colours*/
  --clr-red-1000: 355 73% 47%;
  --clr-red-900: 358 83% 53%;
  --clr-yellow-1000: 49 100% 45%;
  --clr-yellow-900: 49 100% 50%;
  --clr-yellow-800: 50 100% 65%;
  --clr-green: 166 100% 34%;
  --clr-teal-1000: 183 75% 63%;
  --clr-teal-900: 183 100% 70%;
  --clr-teal-800: 184 100% 87%;
  /* Light Colours */
  --clr-light-900: 195 78% 82%;
  --clr-light-800: 197 64% 88%;
  /* Dark Colours */
  --clr-dark-900: 0 0% 20%;
  --clr-dark-800: 0 0% 13%;
  --clr-dark-700: 0 0% 34%;
  --clr-dark-600: 0 0% 52%;
  --clr-dark-500: 0 0% 72%;
  --clr-dark-400: 0 0% 85%;
  --clr-dark-300: 0 0% 95%;
  /* Black and White */
  --clr-white: 0 0% 100%;
  --clr-black: 0 0% 0%;
  /* gradients */
  --gradient-color-1: 202 100% 13%;
  --gradient-color-2: 198 100% 33%;
  --gradient-1: linear-gradient(to bottom, hsl(var(--gradient-color-2)/ .13), hsl(var(--gradient-color-1)/ .71 ));
  --gradient-2: linear-gradient(to bottom, hsl(var(--gradient-color-2)/ .3), hsl(var(--gradient-color-1)/ .6 ));
  --gradient-flipper: linear-gradient(177deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
  --gradient-single-photo: linear-gradient(0deg, rgba(0,118,168,1) 0%, rgba(0,118,168,1) 0%, rgba(0,85,135,1) 100%);
  /*radius*/
  --radius-1: 10px;
  --radius-2: 15px;
  --radius-3: 20px;
  --radius-4: 30px;
  --radius-5: 50px;
  /*font family*/
  --ff-icons-solid: "Lambton-Icons-Solid";
  --ff-icons-outline: "Lambton-Icons-Outline";
  --ff-literata: "Literata", "Georgia", serif;
  --ff-barlow: "Barlow", "Tahoma", sans-serif;
  /*font weight*/
  --fw-bold: 700;
  --fw-medium: 500;
  --fw-regular: 400;
  /*font-sizes*/
  --fs-900: 2.875rem;
  --fs-850: 2.5rem;
  --fs-800: 2.25rem;
  --fs-700: 2rem;
  --fs-650: 1.875rem;
  --fs-600: 1.75rem;
  --fs-550: 1.625rem;
  --fs-500: 1.5rem;
  --fs-400: 1.375rem;
  --fs-300: 1.25rem;
  --fs-200: 1.125rem;
  --fs-100: 1rem;
  /*Banner Heights*/
  --bannerheight-xs: 6rem;
  /*Calendar Colours*/
  --community-colour: hsl(var(--clr-green));
  --academic-dates-colour: hsl(var(--clr-yellow-900));
  --future-students-colour: hsl(var(--clr-primary-700));
  /*Whitespace*/
  --touch-element-min-size: 48px;
  --section-margin: clamp(2rem, 2.179vw + 0.51rem, 3.125rem);
  --section-padding-block: 25px;
}

.event-detail section > h3, .event-detail section > h2 {
  margin-top: 0rem;
}