/*
Site Name: BeCommerce (B2B) Style Sheet
Office:USA
Year:2026
URL: https://becommercebrand.wbresearch.com/
----------------------------------------------------------------*/
:root {
--pallette: #3DD8FC #002CF3 #3d33e8 #242387 ;
--font-weights: Hairline:100 / Regular:400 / Bold:700 ;
--event-font-primary: 'neulis-sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important;
--event-font-secondary: 'neulis-sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important;
--event-color-primary: #002CF3!important;
--event-color-secondary: #3DD8FC!important;
--event-color-accent: #3d33e8!important;
--event-header-color: #242387!important;
--gradient-event: linear-gradient(139deg,var(--event-header-color) 57%, var(--event-color-primary) 100%);  
--event-inner-page-strip:url('/UploadedFiles/EventPage/1005340/images/inner-page-strip.jpg') center 20% scroll no-repeat;
--event-logo-color:url('/UploadedFiles/EventPage/brands/becommerce/images/BeCommerce_Logo.svg') center center no-repeat;
--event-logo-knockout:url('/UploadedFiles/EventPage/brands/becommerce/images/BeCommerce_Logo_knockout.svg') center center no-repeat;
}
body {background: #fff;}
body.front #sb-page-content {background:#fff;}
#sb-page-content section.container-fluid .container {max-width:1320px;}

/* Sub Page Header */
.asidecontent{margin-top:4em; box-shadow:unset; background:var(--event-inner-page-strip); background-size:cover;}
@media(max-width:768px){.asidecontent{box-shadow:inset 10000px 0 0 rgba(0,0,0,.6);}}

/********************************
 Typography
********************************/
body h1,body h2,body h3,body h4,body h5,body h6{font-weight:400!important;}
.bg-event-primary{background:var(--event-color-primary);}
.bg-event-secondary{background:var(--event-color-secondary);}
 
/********************************
    Buttons
********************************/
.btn{font-family:'zuume-cut', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; font-weight:700!important;border-radius: .75rem!important;}
.btn-event{background-color:var(--event-color-secondary)!important; color:var(--event-header-color)!important;border:1px #ffffff00 solid!important;}
.btn-event:hover{background-color:var(--event-color-primary)!important;  border:1px #ffffff solid!important;}
.btn-light{text-shadow:unset!important;}
.btn-outline-light:hover{color:var(--event-header-color)!important;}

/* Event Image Rounding */
.rounded-event {border-radius:calc(1.75rem - 1px); border-top-left-radius:unset;}
.rounded-event-inverse {border-radius:calc(1.75rem - 1px); border-top-right-radius:unset;}
.rounded-xxl {border-radius: calc(3rem - 1px) !important;}
.rounded-xxl-top {border-top-right-radius: calc(3rem - 1px) !important; border-top-left-radius:unset!important;}
.rounded-xxl-bottom {border-bottom-right-radius: calc(3rem - 1px) !important; border-bottom-left-radius: calc(3rem - 1px) !important;}

/* Global <hr/> line break styles */
#sb-page-content hr{border-color:var(--event-color-secondary);}
 
/********************************
Dynamic Header Typography
********************************/
.header-top{background:var(--event-color-primary); box-shadow:unset; border-bottom-left-radius:calc(1.75rem - 1px); border-bottom-right-radius:calc(1.75rem - 1px);}

/********************************
  Dynamic Header Typography - Overrides
********************************/
body.front .header-top #header-info{text-align:unset;margin-left:.45em;padding:0em .45em;background:#fff; display:inline-block;}
body.front .header-top #header-info p{font-size:1em; color:var(--event-color-primary); font-family:var(--event-font-primary); text-transform:uppercase!important; font-weight:700!important}
body.front .header-top #header-info p:nth-child(1):after{content:" \3a";margin:5px;color:var(--event-color-primary)!important;}

/********************************
  1-3-hero-shift.css - Overrides
********************************/
body.front .header-top > .container{height:100vh;width:50vw; right:2vw;position:absolute;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding-bottom:3em;}
body.front .header-top > .container > #header_top > .container{width:45vw;}
body.front .header-top h1,.header-top h2{font-weight:unset!important;}

body.front #header_top{border:unset!important;}
body.front #header_top  > .container{margin-left:.45em; border:1px white solid; border-radius: calc(.75rem - 1px); border-top-left-radius:unset;background:var(--event-color-primary);}
  
@media(max-width:990px){body.front .header-top > .container{height:100vh;width: 100vw;right:unset;} body.front .header-top > .container > #header_top > .container{width:100vw;} body.front .header-top > .container > #header_top > .container h1{font-size:2em!important;}}
@media(max-width:768px){body.front #header_top{margin-left:-2.5em;} body.front .header-top #header-info{margin-left:.5; max-width:95%;} body.front .header-top > .container{height:100vh;width: 100vw;right:unset;} body.front .header-top > .container > #header_top > .container{width:95vw;}}

/********************************
  Navigation - Overrides
********************************/
/* Logo */
body .header-bottom .navbar a.navbar-brand { width: 250px!important;}

/* Cross Portfolio Nav caret */
.navbar-header i {left: 17.5em!important;}

/* Primary Nav Links */
body .header-bottom .navbar .navbar-nav > li > a{font-size:.9em; font-weight:400;}
body .header-bottom .navbar .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .dropdown-menu > li > a:hover,.dropdown-menu > li > a:hover,.navbar-nav .open .dropdown-menu li a:hover{background:var(--event-color-secondary);}

body .header-bottom.on-scroll .navbar .navbar-nav > li > a{color:var(--event-header-color);}
body.not-front .header-bottom .navbar .navbar-nav > li > a{color:var(--event-header-color);}

/* Primary Nav - Sub Nav Links */
body .header-bottom .collapse .navbar-nav > li:last-child > a{padding:.2em .65em!important; font-size:1.35em; color:var(--event-header-color)!important; font-family:'zuume-cut', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; font-weight:700!important;}
body .header-bottom .collapse .navbar-nav > li:last-child > a:hover{background:var(--event-header-color)!important; color:#fff!important; }

/* Primary Nav - Sub Nav Links */
body.front .header-bottom .collapse .navbar-nav > li:nth-last-child(2) > a{ color:#fff;outline:1px solid #fff; padding:.2em .65em!important; font-size:1.35em; font-family:'zuume-cut', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; font-weight:700!important;}
body.front .header-bottom .collapse .navbar-nav > li:nth-last-child(2) > a:hover{background:var(--event-header-color)!important;}
@media(max-width:990px){body.front .header-bottom .collapse .navbar-nav > li:nth-last-child(2) > a{margin:0 0 0 .5em;}}

body.front .header-bottom.on-scroll .navbar-nav > li:nth-last-child(2) > a{color:var(--event-header-color);outline:1px solid var(--event-header-color);}
body.front .header-bottom.on-scroll .navbar-nav > li:nth-last-child(2) > a:hover{background:var(--event-header-color);}

body.not-front .navbar-nav > li:nth-last-child(2) > a{color:#fff;outline:1px solid var(--event-header-color);padding:.2em .65em!important; font-size:1.35em; font-family:'zuume-cut', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; font-weight:700!important;}
body.not-front .navbar-nav > li:nth-last-child(2) > a:hover{background:var(--event-header-color)!important;}


/********************************
  Footer 
********************************/
body footer#sb-footer {background-color:var(--event-color-primary) !important; margin:0.5em; border-radius:1em;}
body footer#sb-footer > .container{background:var(--event-logo-knockout) no-repeat;background-position:98% 85%; background-size:250px; margin-left:unset!important; margin-right:unset!important; max-width:unset!important; padding-left:3em!important; padding-right:3em!important; }
body footer#sb-footer img {margin-bottom:.75em;}
body footer#sb-footer p {margin:.5em;}
body footer#sb-footer .container .col-auto.ml-auto{translate: 0 1.5em;}

@media(max-width:768px){body footer#sb-footer .container{ background-position: 10% 85%;} body footer#sb-footer .container .col-md-8{margin-bottom:5em;}}
@media(max-width:550px){body footer#sb-footer .container{ background-position: 10% 85%;}} 

/********************************
 Sponsor Carousel  
********************************/
body .slide.slick-slide {border:1px #3DD8FC solid;}
body .slide.slick-slide img{ padding:.75em;filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale")!important;filter: grayscale(100%)!important; -webkit-filter: grayscale(100%)!important; -moz-filter: grayscale(100%)!important; -ms-filter: grayscale(100%)!important; -o-filter: grayscale(100%)!important; filter: gray!important;}

/********************************
Speaker styles  
********************************/
#speaker-listing .card-img-top{border-width:.5em!important; border-color:#3DD8FC!important; transition:all 0.4s ease;}
#speaker-listing .card-img-top:hover{border-color:var(--event-color-primary)!important; transition:all 0.4s ease;} 


/********************************
Modal Popup
********************************/
/* General */
.modal-dialog,.modal-content,.modal-body{min-height:80vh;border-radius:1em;border-top-right-radius:0;}
.modal-dialog{position:absolute !important;right:0;top:0 !important;padding-right:1em;max-width:50vw;}
.modal-backdrop{background:var(--event-color-primary) !important;opacity:0.8 !important;}
.modal-content{background-image:unset !important;}
.modal-dialog .fa-times{margin-top:2em;z-index:1;}
.modal-dialog .fa-times:before{font-size:1.7em;background:var(--event-color-secondary);padding:0.4rem 0.6rem;border-radius:1.5rem;}
body .modal-body h4{font-family:var(--event-font-primary);font-weight:500;color:var(--event-header-color) !important;}

/* Agenda & Speakers */
.modal-dialog .speaker .flex-column .flex-column{justify-content:center;font-size:1.2em;}
.modal-dialog .card-body .speaker .flex-column .flex-column{font-size:1em;}
.modal-dialog .card-header{background:#e6e7ea;font-size:1.2rem;}
body:has(#agenda-app) .modal-body > .p-2 > div:nth-child(3){font-size:1.1rem;font-weight:300;}

/* Day/Time Badge */
body:has(#agenda-app) .modal-body > .p-2 > .mb-3 em{font-family:var(--event-font-primary);font-style:normal;font-weight:300;}
body:has(#agenda-app) .modal-body > .p-2 > .mb-3 em span{background:var(--event-color-primary);color:#fff;padding:0.4em;border-top-left-radius:0.4em;border-bottom-left-radius:0.4em;}
body:has(#agenda-app) .modal-body > .p-2 > .mb-3 em strong{background:#e6e7ea;padding:0.4em;border-top-right-radius:0.4em;border-bottom-right-radius:0.4em;margin-left:-5px;}
@media screen and (max-width:1068px){body:has(#agenda-app) .modal-body > .p-2 > .mb-3 em > *{display:block;max-width:75%;text-indent:0.4em;} body:has(#agenda-app) .modal-body > .p-2 > .mb-3 em span{border-top-left-radius:0.4em;border-top-right-radius:0.4em;border-bottom-left-radius:0;} body:has(#agenda-app) .modal-body > .p-2 > .mb-3 em strong{border-top-right-radius:0;border-bottom-left-radius:0.4em;border-bottom-right-radius:0.4em;margin-left:0;}}

/* Customize Close Button */
body:has(#agenda-app) .modal-body > .text-white{top:1em;bottom:unset!important;color:#000!important;}
body:has(#agenda-app) .modal-body > .text-white::before{content:url(/UploadedFiles/EventPage/brands/etail/icon-close.png);padding:0.2em;}
body:has(#agenda-app) .modal-body > .text-white i{visibility:hidden;}

/* Downloads */
.modal .form .form-fields{text-align:left;padding-left:1rem;}
.modal .form .form-fields .form-group{padding-left:0!important;}
.modal .form .form-header{box-shadow:inset 10000px 0 0 rgb(36 35 135 / 65%); background:url('/UploadedFiles/EventPage/brands/becommerce/images/modal-bg.jpg') center center no-repeat;background-size:cover;min-height:250px;margin-bottom:7em;padding:1rem;align-content:end;border-radius:1em;border-top-right-radius:0;position:relative;}
.modal .form .form-header h2{color:#fff;font-size:3rem;font-weight:100 !important; text-align:left; text-wrap:pretty; }
.modal .form .form-header p{position:absolute;bottom:-6em;font-family:var(--event-font-primary);font-size:1.2em;font-weight:100;text-align:left!important;left:0;padding-left:1rem!important;line-height:1.3em;color:var(--event-header-color);}
.modal .modal-body:has(.form),.modal .modal-body:has(.form) > div{padding:0 !important;}
.modal .form button.btn-secondary{background-color:var(--event-color-primary);text-transform:uppercase;padding:0.75em 1.5em;}
.modal .gdpr{max-width:90%;margin:auto;color:#777;font-size:0.8rem; text-align:left;}
.modal .gdpr .mt-5{border-top:solid 1px #ccc;padding-top:1rem;}
.modal .gdpr a{color:var(--event-color-primary) !important;text-decoration:underline;}
@media screen and (max-width:1024px){.modal-dialog{max-width:100vw !important;}.modal .form .form-header h2 {font-size:2rem;}.modal .form .form-header p{font-size:1em;bottom:-7em}}