/* Header image with no overlay */
.trade-template .cover-photo-background.atom-sectionMain {
  background-image: url(https://res.cloudinary.com/bizzaboprod/image/upload/q_auto,f_auto,c_scale,c_crop,g_custom/v1770038312/j3isch8redbsa4mli6lm) !important;
}

/* SPECIAL CASE STYLING */

/* Highlight box */

.highlight-box .Component-elementGroups-0-2-1 {
    width: 100%;
/*    background-color: #e5eff9;
    border-radius: 16px;
    padding: 24px 40px 24px 24px !important;
    display: flex !important; */
    flex-direction: column !important;
  /*  margin-left: 16px;
    margin-right: 16px; */
}

.highlight-box .atom-main.full-width.margin-custom-element {
    padding-left: 0;
    padding-right: 0;
}


.highlight-box .bz-flex-col {
    background-color: #e5eff9;
    border-radius: 16px;
    padding: 24px 40px 24px 24px !important;
    display: flex;
    flex-direction: row!important;
    flex-wrap: nowrap;
    align-items: center;
}

.highlight-box .atom-main.full-width.margin-custom-element {
    flex: 0 1 70%;
    max-width: 70%;
}

.highlight-box .full-width.text-center.margin-vertical-small.margin-horizontal-auto {
    flex: 0 1 30%;
    max-width: 30%;
}

/*
.highlight-box .element-28512051,
.highlight-box .element-28512052 {
    max-width: 100%;
    flex: 0 0 100%;
}
*/

.highlight-box_content {
    padding: 16px 0 16px 16px;
}

.highlight-box_content > :last-child {
    margin-bottom: 0 !important;
}

/* Highlight box BUTTON - alignment on Desktop*/
.highlight-box .full-width.text-center.margin-vertical-small.margin-horizontal-auto {
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}

.element-30965305.atom-main.full-width.margin-custom-element {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 768px) {
    .highlight-box .bz-flex-col {
        flex-direction: column !important;
    }

    .highlight-box .full-width.text-center.margin-vertical-small.margin-horizontal-auto {
        text-align: left;
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .highlight-box .atom-main.full-width.margin-custom-element {
    flex: 0 1 100%;
    max-width: 100%;
}
    
    .highlight-box .full-width.text-center.margin-vertical-small.margin-horizontal-auto {
    flex: 0 1 100%;
    max-width: 100%;
}
}

/* POPUP MODAL */

.popup2 {
    display: none;
}

#simple-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100001;
}

.simple-popup-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 80%;
    max-width: 100%;
    z-index: 100002;
    padding: 10px 20px;
    overflow: auto;
}

.simple-popup-content .close {
    position: absolute;
    right: 0;
    top: 0;
}

.simple-popup-content .close::before {
    display: inline-block;
    text-align: center;
    content: "\00d7";
    font-size: 40px;
    color: lightgrey;
    width: 40px;
    line-height: 40px;
}

.simple-popup-content .close:hover {
  /*  cursor: hand; */
    cursor: pointer;
}

.simple-popup-content .close:hover::before {
    color: grey;
}

#simple-popup-backdrop,
.simple-popup-backdrop-content {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
}

#simple-popup,
#simple-popup-backdrop,
#simple-popup.hide-it,
#simple-popup-backdrop.hide-it {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

#simple-popup.hide-it,
#simple-popup-backdrop.hide-it {
    opacity: 0;
}

#simple-popup,
#simple-popup-backdrop {
    opacity: 1;
}

@media screen and (max-width: 599px) and (min-width: 0px) {
    .simple-popup-content {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-height: 100%;
        max-width: 90%;
        z-index: 100002;
        padding: 10px 10px;
    }
}

/* NAVBAR */
.navbar .navbar-collapse {
    text-align: left !important;
    padding-right: 0;
    padding-left: 0;
    border-top: none;
}

.trade-template .nav-menu-btn {
    text-transform: none !important;
    font-family: "FontsFutura", sans-serif !important;
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    letter-spacing: 0.4px !important;
    text-decoration: none !important;
    -webkit-transition: all 0.15s cubic-bezier(0.7, 0, 0.3, 1) !important;
    transition: all 0.15s cubic-bezier(0.7, 0, 0.3, 1) !important;
}

.trade-template .navbar-nav > li > a,
.trade-template .navbar-nav > span > a {
    padding-top: 24px !important;
}

.navColors .color-2-background,
.navColors .color-2-background.custom-color {
    box-shadow: 0 0 0.5rem 0.0625rem #0006 !important;
}



/* TEXT STYLING */

body {
    font-family:"FontsFutura",Arial,Helvetica,sans-serif!important;
}

h1, h2, h3, h4, h5, h6, p, p > span {
  color: #595959;
  margin: 0 0 16px 0!important;
}

h1 {
    font-family: "FontsFutura",Arial,Helvetica,sans-serif!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 40px!important;
    line-height: 52px!important;
    font-weight: 300!important;
    letter-spacing: .25px!important;
    text-transform: none !important;
}

@media only screen and (min-width: 1080px) {
    h1 {
        font-family:"FontsFutura",Arial,Helvetica,sans-serif!important;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: 48px!important;
        line-height: 64px!important;
        font-weight: 300!important;
        letter-spacing: 0!important;
        text-transform: none !important;
    }
}

h2 {
    font-family: "FontsFutura",Arial,Helvetica,sans-serif!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 32px!important;
    line-height: 48px!important;
    font-weight: 300!important;
    letter-spacing: .25px!important;
    text-transform: none !important;
}

@media only screen and (min-width: 1080px) {
    h2 {
        font-family:"FontsFutura",Arial,Helvetica,sans-serif!important;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: 40px!important;
        line-height: 52px!important;
        font-weight: 300!important;
        letter-spacing: .25px!important;
        text-transform: none !important;
    }
}

    h3 {
        font-family: "FontsFutura",Arial,Helvetica,sans-serif!important;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: 28px!important;
        line-height: 36px!important;
        font-weight: 300!important;
        letter-spacing: 0!important;
        text-transform: none !important;
    }

@media only screen and (min-width: 1080px) {
    h3 {
        font-family:"FontsFutura",Arial,Helvetica,sans-serif!important;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: 32px!important;
        line-height: 48px!important;
        font-weight: 300!important;
        letter-spacing: .25px!important;
        text-transform: none !important;
    }
}

h4 {
    font-family: "FontsFutura",Arial,Helvetica,sans-serif!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 24px!important;
    line-height: 32px!important;
    font-weight: 300!important;
    letter-spacing: 0!important;
    text-transform: none !important;
}

@media only screen and (min-width: 1080px) {
    h4 {
        font-family:"FontsFutura",Arial,Helvetica,sans-serif!important;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: 28px!important;
        line-height: 36px!important;
        font-weight: 300!important;
        letter-spacing: 0!important;
        text-transform: none !important;
    }
}

h5 {
    font-family: "FontsFutura",Arial,Helvetica,sans-serif!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 20px!important;
    line-height: 28px!important;
    font-weight: 500!important;
    letter-spacing: .15px;
    text-transform: none !important;
}

@media only screen and (min-width: 1080px) {
    h5 {
        font-family:"FontsFutura",Arial,Helvetica,sans-serif!important;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: 24px!important;
        line-height: 32px!important;
        font-weight: 500!important;
        letter-spacing: 0!important;
        text-transform: none !important;
    }
}

h6 {
    font-family: "FontsFutura",Arial,Helvetica,sans-serif!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 18px!important;
    line-height: 24px!important;
    font-weight: 500!important;
    letter-spacing: .15px!important;
    text-transform: none !important;
}

@media only screen and (min-width: 1080px) {
    h6 {
        font-family:"FontsFutura",Arial,Helvetica,sans-serif!important;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: 20px!important;
        line-height: 28px!important;
        font-weight: 500!important;
        letter-spacing: .15px!important;
        text-transform: none !important;
    }
}

p {
        font-family: "FontsFutura", Arial, Helvetica, sans-serif!important;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: 18px!important;
        line-height: 28px!important;
        font-weight: 300!important;
        letter-spacing: .5px!important;
        text-transform: none !important;
}

@media only screen and (min-width: 1080px) {
    p {
        font-family: "FontsFutura",Arial,Helvetica,sans-serif!important;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: 16px!important;
        line-height: 24px!important;
        font-weight: 300!important;
        letter-spacing: .25px!important;
        text-transform: none !important;
    }
}

p {
    font-family:"FontsFutura",Arial,Helvetica,sans-serif!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 18px!important;
    line-height: 28px!important;
    font-weight: 300!important;
    letter-spacing: .5px!important;
    text-transform: none !important;
}

@media only screen and (min-width: 1080px) {
    p > span {
        font-family: "FontsFutura",Arial,Helvetica,sans-serif!important;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: 16px!important;
        line-height: 24px!important;
        font-weight: 300!important;
        letter-spacing: .25px!important;
        text-transform: none !important;
    }
}

p > span {
    font-family:"FontsFutura",Arial,Helvetica,sans-serif!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 18px!important;
    line-height: 28px!important;
    font-weight: 300!important;
    letter-spacing: .5px!important;
    text-transform: none !important;
}

/* LINKS */
a:link,
a:visited,
a:active {
    color: #004d9f;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


/* Bullet points ::marker fix */
.styled-list ul {
    list-style-type: disc !important;
    list-style-position: outside !important;
    padding-inline-start: 1.5em !important;
}

.styled-list ol {
    padding-inline-start: 1.5em !important;
}

.styled-list li {
    font-size: 18px !important;
    line-height: 28px !important;
    font-family: "FontsFutura", sans-serif !important;
}

.styled-list li::marker {
    color: #595959 !important;
}


/* Buttons */
.btn-register, .btn-register > span {
    font-family:"FontsFutura",Arial,Helvetica,sans-serif!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 18px!important;
    line-height: 28px!important;
    font-weight: 500!important;
    letter-spacing: .4px!important;
}

.btn, .btn > span {
    font-family:"FontsFutura",Arial,Helvetica,sans-serif!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 18px!important;
    line-height: 28px!important;
    font-weight: 500!important;
    letter-spacing: .4px!important;
}

button.atom-main.btn.btn-custom-element:hover {
    background: #1b3067;
    border: 1px solid #1b3067;
}


/* Hiding heading element in 'Custom Element' */

.no-heading > div h2 {
    display: none !important;
}

/* Date of event */
span.atom-main.date-venue-holder {
    font-style: normal !important;
}

.trade-template .date-venue-wrapper {
    font-style: normal !important;
}

span.atom-header2.date-venue-holder {
    font-style: normal !important;
}

.full-width.text-center.margin-vertical-small.margin-horizontal-auto {
    text-align: left;
    padding-left: 24px;
    padding-right: 24px;
}

button.atom-main.btn.btn-success.btn-register:hover {
    background-color: #eef0f4;
}


.col-sm-4.padding-horizontal-medium.overflow-hidden.bz-flex-col {
    padding: 0;
    background-color: white !important;
    border-radius: 16px !important;
}

.atom-main.full-width.margin-custom-element {
    padding-left: 24px;
    padding-right: 24px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .Component-elementGroups-0-2-1 {
        width: 100%;
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
        padding: 0 16px !important;
    }

    .trade-template .cover-photo-background.atom-sectionMain {
        background-image: none !important;
        background-color: #1b3067;
    }
}

@media (min-width: 767px) {
    .Component-elementGroups-0-2-1 {
        width: 100%;
        display: flex !important;
        flex-direction: row !important;
        gap: 24px !important;
        padding: 0 16px !important;
    }
}

img.atom-main.margin-bottom-small.bz-flex-auto.full-width.bz-image {
    border-radius: 16px !important;
}

/* HOMEPAGE FOOTER - Sample to Insight */

.section-5959321 .atom-sectionMain {
    border-radius: 24px 24px 0 0 !important;
    margin-top: -24px !important;
}

/* Aligns HERO SECTION elements to left*/

.text-left-all * {
    text-align: left !important;
}

.element-28487982 {
    margin-left: 0 !important;
    max-width: 720px;
}

/* Counter borders -> white */
.count-container {
    border-color: white !important;
}



/* Padding fix for 1 column designs - aka fake 8 columns view */

.one-column-text .col-sm-12.padding-horizontal-medium.overflow-hidden.bz-flex-col {
    max-width: 720px;
    padding: 0 !important;
    width: 100%;
}

.one-column-text .atom-main.full-width.margin-custom-element {
    padding-left: 0;
    padding-right: 0;
}


.two-column-text .atom-main.full-width.margin-custom-element {
    padding-top: 16px;
}

/* Padding fix for 2 column design IF white bg - TXT left | IMG right*/
.if-white-bg .atom-main.full-width.margin-custom-element {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 767px) {
    .text-img-section .Component-elementGroups-0-2-1 {
        padding: 0!important;
    }
}


/* Padding fix for 2 column designs - on mobile */
.col-sm-6.padding-horizontal-medium.overflow-hidden.bz-flex-col {
    padding: 0 !important;
    background-color: white !important;
    border-radius: 16px !important;
}

/* Reverse column order for 2 columns designs with .mobile-revert class - on mobile */
@media (max-width: 767px) {
    .mobile-revert .Component-elementGroups-0-2-1 {
        flex-direction: column-reverse !important;
    }
}

/* Border radius for layers */
.border-radius-24 > div {
    border-radius: 24px 24px 0 0;
    margin-top: -24px;
}

/* AGENDA - subpage */

.agenda-view
    .session-list-container
    .session-day-container
    .time-row
    .session-elem
    .session-container
    .speakers-container
    .speakers-carousel
    .speaker-info
    .speaker-name {
    font-family: "FontsFutura", sans-serif !important;
}

.agenda-view {
    font-family: "FontsFutura", sans-serif !important;
}

/* FAQ Footer*/
.section-6104627 .atom-sectionMain {
    border-radius: 24px 24px 0 0 !important;
    margin-top: -24px !important;
}

/* Footer styling */
.strapline {
    font-size: 16px !important;
    line-height: 24px !important;
    font-family: "FontsFutura", sans-serif !important;
    letter-spacing: 0.4px;
    font-weight: 500;
    margin-bottom: 24px;
}