/* 
Site Name: Procurecon Total Talent Rebrand Style Sheet
Office: EU
Year: 2025
URL: https://procurecontotaltalent.wbresearch.com/

----------------------------------------------------------------*/
:root {
 --pallette: #560046 #8e0281 #fc8770 - Accent #f9225f;
 
 /* Event Colors */
 --event-color-primary: #560046!important;
 --event-color-secondary: #8e0281!important;
 --event-color-tertiary: #fc8770!important;
 --event-color-accent: #f9225f!important;
 --event-color-footer: #8e0281 !important;
 --event-header-color: #070749!important;

 /* Logos - /UploadedFiles/EventPage/brands/procurecon/reff/logos */
 --event-logo-knockout:url('/UploadedFiles/EventPage/brands/procurecon/reff/logos/knockout/pcon-tt-knockout.svg') center center no-repeat;
 --event-logo-color:url('/UploadedFiles/EventPage/brands/procurecon/reff/logos/color/pcon-tt-color.svg') center center no-repeat;
 
 /* Homepage Hero Section */
 --event-hero-gradient: radial-gradient(58.28% 184.2% at 28.75% 35.83%, rgba(0, 33, 252, 0) 0%, hsl(from var(--event-color-primary) h s l / 60%) 100%);
 --event-hero-info-circle: var(--event-color-primary);
 --event-hero-info-gradient:linear-gradient(104.55deg, hsl(from var(--event-color-secondary) h s l / 70%) 58.25%, hsl(from var(--event-color-primary) h s l / 60%) 100% );
 
 /* Inner Pages Hero Section  */
 --event-inner-page-gradient:linear-gradient(240deg, rgba(0, 33, 252, 0) 48.41%, var(--event-color-primary) 100%);
 --event-inner-page-strip:url('/UploadedFiles/EventPage/1004998/images/bg-img-hero-inner.jpg') center 20% scroll no-repeat;
 
 /* Global - /UploadedFiles/EventPage/brands/procurecon/reff/speaker-borders */
 --event-speaker-border:url('/UploadedFiles/EventPage/brands/procurecon/reff/speaker-borders/pcon-speaker-borders-tt.png');
 --event-connect-gradient:linear-gradient(-44deg, rgba(221,216,212,0.3) 0%,rgba(218,213,210,0.3) 2%,rgba(210,206,203,0.3) 3%,rgba(194,193,191,0.3) 6%,rgba(170,170,170,0.3) 11%,rgba(161,161,161,0.3) 12%,rgba(141,145,146,0.3) 15%,rgba(124,130,130,0.3) 18%,rgba(120,125,128,0.3) 19%,rgba(99,104,108,0.3) 22%,rgba(93,101,104,0.3) 23%,rgba(86,94,97,0.3) 24%,rgba(71,80,85,0.3) 26%,rgba(72,81,86,0.3) 27%,rgba(81,91,93,0.3) 28%,rgba(107,115,118,0.3) 32%,rgba(113,118,122,0.3) 33%,rgba(117,122,126,0.3) 34%,rgba(159,165,165,0.3) 42%,rgba(165,169,172,0.3) 43%,rgba(171,175,176,0.3) 44%,rgba(175,179,180,0.3) 45%,rgba(192,193,195,0.3) 48%,rgba(195,196,198,0.3) 49%,rgba(212,214,213,0.3) 53%,rgba(223,223,223,0.3) 56%,rgba(224,224,224,0.3) 58%,rgba(220,220,220,0.3) 61%,rgba(217,217,217,0.3) 62%,rgba(216,216,218,0.3) 63%,rgba(201,202,204,0.3) 68%,rgba(202,203,205,0.3) 69%,rgba(194,198,201,0.3) 71%,rgba(170,175,179,0.3) 79%,rgba(162,167,173,0.3) 81%,rgba(143,148,154,0.3) 87%,rgba(145,150,156,0.3) 88%,rgba(176,181,185,0.3) 94%,rgba(189,193,196,0.3) 96%,rgba(209,210,212,0.3) 100%);
 --event-image-gradient: linear-gradient(240deg, hsl(from var(--event-color-primary) h s l / 0%) 48.41%, hsl(from var(--event-color-primary) h s l / 60%) 100%);
 
/* Change text/bg color for last child nav items. If commented out it defaults to white  */
/* --event-nav-btn-fg:var(--event-color-primary);
 --event-nav-btn-bg:var(--event-color-accent);*/
 
 /* Uncomment to change text color on hover. By default it's set to white */
 /* --event-nav-btn-fg-hover:var(--white); */
}

/********************************
  Uncomment for Connect Event Footer Gradient
********************************/

/* body footer#sb-footer .container {
 background: var(--event-connect-gradient); 
}
*/