/* 
Site Name: LogiChem Rebrand
Office: UK
Year: 2026
URL: https://logichem.wbresearch.com/

----------------------------------------------------------------*/
:root {
 --pallette: #05ACE5 #06EAFC #F2B406;
 
 /* Event Colors */
 --event-color-primary: #05ACE5!important;
 --event-color-secondary: #06EAFC!important;
 --event-color-accent: #F2B406!important;
 --event-color-footer: var(--master-color-primary) !important;
 --event-header-color: #01122D!important;

 /* Logos - /UploadedFiles/EventPage/brands/logi/reff/logo */
 --event-logo-knockout:url('/UploadedFiles/EventPage/brands/logi/reff/logo/white/logichem-white.svg') center center no-repeat;
 --event-logo-color:url('/UploadedFiles/EventPage/brands/logi/reff/logo/color/logichem-color.svg') center center no-repeat;
 
 /* Global Matrix SVG - The Dotted Texture used on the hero image, cta banners, footer */
 --event-matrix: url('/UploadedFiles/EventPage/brands/logi/reff/matrix/logichem-matrix.svg'); 
 /* Reduce the opacity of the svg on all of the cta banners - does not target hero or footer svgs. Lower this for readability */
 --event-matrix-opacity:.4;

 /* Hero Matrix Opacity - Reduce the opacity of the matrix dots on the hero per event*/
 --hero-matrix-opacity:.45;

 /* Homepage Hero Section */
 --event-hero-gradient: linear-gradient(357.85deg, rgba(1, 18, 45, 0) 60.01%, var(--event-header-color) 91.93%), linear-gradient(165deg, rgba(1, 18, 45, 0) 60.01%, var(--event-header-color) 91.93%);

 /* Inner Pages Hero Section  */
 --event-inner-page-strip:var(--event-matrix),var(--master-color-primary);background-repeat: no-repeat; background-size: cover; background-position: center center;
 
 /* Global - /UploadedFiles/EventPage/brands/procurecon/reff/speaker-borders */
 --event-gradient-border:linear-gradient(var(--master-color-primary) 0 0) padding-box, linear-gradient(315deg, var(--event-color-accent) 22.05%, var(--event-header-color) 70.51%, var(--event-color-primary) 85.36%) border-box;
 --event-image-gradient: linear-gradient(113.74deg, hsl(from var(--event-color-accent) h s l / 0%) 49.94%, hsl(from var(--event-color-accent) h s l / 40%) 98.98%);
 --event-cta-image-border:linear-gradient(var(--master-color-primary) 0 0) padding-box, linear-gradient(315deg, var(--event-color-primary) 22.05%, var(--event-header-color) 70.51%, var(--event-color-primary) 85.36%) border-box;
 --event-cta-hr:linear-gradient(90deg,var(--event-color-primary) 20%, var(--event-header-color) 50%, var(--event-color-accent) 80%);