/*
Site Name: B2B Connect
Office:USA
Year:2026
URL: http://b2bconnect.wbresearch.com
----------------------------------------------------------------*/
:root {
--pallette:  #f9a61c #f37321 #2b5fac #272e41 ;
--font-weights: Light:300 / Regular:400 / Medium:500 / SemiBold:600 / Bold:700 / ExtraBold :800;
--event-font-primary: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important;
--event-font-secondary: 'mont', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important;
--event-color-primary: #f9a61c!important;
--event-color-secondary: #f37321!important;
--event-header-color:#272e41!important;
--gradient-event: linear-gradient(139deg,var(--event-header-color) 57%, #2b5fac 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/1005412/images/B2B-connect-logo.svg') center center no-repeat;
--event-logo-knockout:url('/UploadedFiles/EventPage/1005412/images/B2B-connect-logo-knockout.svg') center center no-repeat;
}

/********************************
  Logo - Overrides
********************************/
body .header-bottom .navbar a.navbar-brand {background-size:100px!important;}
body .header-bottom.on-scroll .navbar a.navbar-brand {background-size:100px!important;}

/********************************
  1-3-hero-shift.css - Overrides
********************************/
body.front #header_top {background: linear-gradient(139deg,rgb(39 46 65 / 75%) 67%, rgb(187 228 232 / 45%) 100%); padding:1.75em; border-radius:1em; border-left:0!important;}
body.front .header-top #header-info p {font-size:1.15em;}

/********************************
  1-3-hero-shift.css - Overrides
********************************/
body.front .header-top > .container{height:100vh;width:45vw; right:1vw;}
body.front .header-top > .container > #header_top > .container{width:45vw;}
@media(max-width:990px){body.front .header-top > .container{width:50vw;} body.front .header-top > .container > #header_top > .container{width:50vw;} body.front .header-top > .container > #header_top > .container h1{font-size:3em!important;} body.front .header-top #header-info p{font-size:.9em;text-align:unset;display:inline;}}
@media(max-width:768px){body.front .header-top > .container{width:100vw;left:0vw!important;} body.front .header-top > .container > #header_top > .container{width:100vw;} body.front .header-top > .container > #header_top > .container h1{font-size:2em!important;} }