/* -------------------------------------------------------------- Variables ----------------------------------------------------------------- */ :root { --color-1: #FFFFFF; --color-2: #000000; --color-3: #F06424; --color-4: #E2E2E2; --color-5: #414042; --link-color-1: #4267B2; --link-hover-color-1: #314c81; --link-color-2: #FFFFFF; --link-hover-color-2: #FFFFFF; --font-family: 'Open Sans', sans-serif; --font-size: 16px; --border-radius: 0px; --heading-1-size: 40px; --heading-2-size: 30px; } /* -------------------------------------------------------------- BIW Base ----------------------------------------------------------------- */ *:focus, .form-control:focus, *:focus-within, .form-control:focus-within { outline: none !important; box-shadow: none !important; border-color: none; } body { background: var(--color-1); color: var(--color-2); font-family: var(--font-family); font-size: var(--font-size); } h1 { font-size: var(--heading-1-size); } h2 { font-size: var(--heading-2-size); } .color-1-wrapper { background: var(--color-1); } .color-1-wrapper a { color: var(--link-color-1); } .color-1-wrapper a:hover, .color-1-wrapper a:active, .color-1-wrapper a:focus { color: var(--link-hover-color-1); } .color-3-wrapper { color: var(--color-1); background: var(--color-3); } .color-3-wrapper a { color: var(--link-color-2); } .color-3-wrapper a:hover, .color-3-wrapper a:active, .color-3-wrapper a:focus { color: var(--link-hover-color-2); } .btn-primary { border-radius: var(--border-radius); color: var(--color-3)!important; background: var(--color-1); border-color: var(--color-1); } .btn-primary:hover, .btn-primary:active, .btn-primary:focus { color: var(--color-1)!important; background: var(--color-3)!important; border-color: var(--color-1)!important; } .btn-secondary { border-radius: var(--border-radius); color: var(--color-1)!important; background: var(--color-3); border-color: var(--color-3); } .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { color: var(--color-3)!important; background: var(--color-1)!important; border-color: var(--color-3)!important; } /* -------------------------------------------------------------- FORM STYLES ----------------------------------------------------------------- */ /* Border-box box model FTW! */ #pardot-form, #pardot-form *, #pardot-form *:before, #pardot-form *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Override form margin and padding set in the default stylesheet. Inherit font and color from page. */ #pardot-form { margin: 0; padding: 0; font: inherit; color: inherit; } /* Override form field wrapper margin and padding set in the default stylesheet. */ #pardot-form .form-field, #pardot-form .submit { margin: 15px 0 15px 0; padding: 0; } /* Remove top margin from first from field wrapper. */ #pardot-form .form-field:first-child { margin-top: 0; } /* Set default input style. */ #pardot-form input { border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; color: #2c3e50; font-size: 14px; padding: 7px 15px; width: 100%; } /* When labels are not floated left, set width on text inputs, textareas, and selects to 100%. */ #pardot-form input.text, #pardot-form input.date, #pardot-form textarea, #pardot-form select { width: 100%; font-family: inherit; color: inherit; } /* When labels are floated left, set width on field labels to a percentage of available width. In browsers that support calc(), use static label width instead and the form field will consume the remaining width. */ #pardot-form.label-left .field-label { width: 35%; width: calc(115px); } /* When labels are floated left, set width on text inputs, textareas, and selects to a percentage. In supported browsers, set width to 100% minus the width of the label instead. */ #pardot-form.label-left input.text, #pardot-form.label-left input.date, #pardot-form.label-left textarea, #pardot-form.label-left select { width: 65%; width: calc(100% - 115px); } /* When labels are floated left, indent supporting form elements by the same amount as the field label. */ #pardot-form.label-left span.value, #pardot-form.label-left .description, #pardot-form.label-left .no-label > *, #pardot-form.label-left .submit, #pardot-form.label-left .error.no-label { margin-left: 35%; margin-left: calc(115px); } /* Remove unnecessary left padding on required radio/checkbox field labels when label alignment is set to above and the required symbol is set to default in form styling options. */ #pardot-form label.inline { padding-left: 0; } /* Backup styles in case padding is added to text inputs. */ #pardot-form input.date { padding-left: 20px; background-position: left center; } #pardot-form .submit input { background-color: #337ab7; color: #fff; } /* -------------------------------------------------------------- RESPONSIVE ----------------------------------------------------------------- */ /* xs */ @media(max-width:767px){ } /* sm */ @media(max-width:768px){ #pardot-form.label-left .field-label { width: 100%; text-align: left; } #pardot-form.label-left input.text, #pardot-form.label-left input.date, #pardot-form.label-left textarea, #pardot-form.label-left select { width: 100%; } #pardot-form.label-left span.value, #pardot-form.label-left .description, #pardot-form.label-left .no-label > *, #pardot-form.label-left .submit, #pardot-form.label-left .error.no-label { width: 100%; } #pardot-form.label-left span.value, #pardot-form.label-left .description, #pardot-form.label-left .no-label > *, #pardot-form.label-left .submit, #pardot-form.label-left .error.no-label { margin-left: 0; } } /* md */ @media(max-width:992px){ } /* lg */ @media(min-width:1200px){ }

About us

The evolution of live events

In an ever-evolving industry, staying ahead of the curve is essential.

Our latest report, "The evolution of live events: Trends, tips, and takeaways for 2025," delves into the key trends shaping the future of corporate events. From the integration of AI to the importance of sustainability and inclusivity, this report provides actionable insights to help you create impactful and memorable experiences.

Download the report now to explore how you can harness these trends to elevate your events and engage your audience like never before.

What's inside?

AI tools: Discover how AI can revolutionise your event planning and enhance participant experiences.

Sustainability: Learn innovative ways to achieve net zero goals and make your events more eco-friendly.

Generational preferences: Find out how to create engaging, personalised experiences for attendees of all ages

Multi-generational engagement: Understand how to cater to the diverse needs of a multi-generational workforce and audience.

Wellbeing and inclusivity: Explore strategies to design events that prioritise attendee wellbeing and inclusivity.

In-person connections:Uncover the secrets to maximising the impact of your in-person events.

Stay ahead of the curve in 2025!
Complete the form to download your copy now.