@import url("/UploadedFiles/EventPage/brands/etail/etail-pricing.css");
/* 
Site Name: Service Next Connect (formerly Field Service Next Connect)
Office: USA
Year: 2027
URL: https://servicenextconnect.wbresearch.com
----------------------------------------------------------------*/
:root {
  --pallette: #140C7C  #F298F9  #706EED - Hover #78227A - Tertiary #2A4484;

 --event-color-primary: #140C7C!important;
 --event-color-secondary: #F298F9!important;
 --event-color-accent: #706EED!important;
 --event-color-orange: #F298F9!important;
 --event-color-accent-dark: #78227A!important;
 --event-color-tertiary: #2A4484!important;
 --event-header-color: #140C7C!important;
 --event-color-primary-rebrand: #140C7C!important;

 --event-inner-page-strip:url('/UploadedFiles/EventPage/1005323/images/inner-strip-fsn.png') center 0% scroll no-repeat;
 --event-logo-color:url('/UploadedFiles/EventPage/1005425/uploads/Service_Next_Connect_Logo_Stacked_Full_Color.svg') center center no-repeat;
 --event-logo-knockout:url('/UploadedFiles/EventPage/1005425/uploads/Service_Next_Connect_Logo_Stacked_White.svg') center center no-repeat;
 }

body.front .header-top #header-info p {font-size: 1.25em!important;}
.gradient-image::before{content:"";z-index:10;width:100%;height:100%;display:block;position:absolute;background:linear-gradient(-30deg,rgb(0 0 0 / 45%) 20%,rgba(0,0,0,0) 50%);}
.gradient-image.rounded-circle::before{ border-radius:50%;content:"";z-index:10;width:100%;height:100%;display:block;position:absolute;background:linear-gradient(-30deg,rgb(0 0 0 / 45%) 20%,rgba(0,0,0,0) 50%);}

.modal-dialog.modal-lg .modal-content{border-radius:6em 0 0 !important;}

/* CTA hover - master hovers .btn-warning to accent; Connect hovers pink to plum */
body .btn.btn-warning:hover {background-color:var(--event-color-accent-dark)!important;border-color:var(--event-color-accent-dark)!important;color:#fff!important;}

/* =====================================================================
   CONNECT-ONLY OVERRIDES OF THE SHARED MASTER STYLESHEET
   fieldservice.css loads on every Field/Service Next event, so nothing
   below touches that file directly - everything here is scoped to
   this event only, until the master sheet update is approved. Once
   it is, these blocks can be promoted straight into fieldservice.css
   for all events (they're already keyed off the shared variable
   names, so no rewriting needed at that point).
   ===================================================================== */


/* Service Next Connect hero wave */
body.front header:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: -18.5em !important; /* anchor to right edge */
    width: 50%; /* how far it covers across */
    height: 100%; /* full hero height */
    background: url('/UploadedFiles/EventPage/1005425/uploads/Service%20Next_Connect_Wave.svg') right center / cover no-repeat !important;
    pointer-events: none;
    z-index: 1; /* under copy, over video */
    transition: all 0.3s ease !important;
}

/* Service Next Connect Logo */
:root {
    body .header-bottom .navbar a.navbar-brand {
        height: 100px !important;
        width: 188px !important;
        position: absolute !important;
        top: -25px !important;
    }
}

/* Service Next Image curve */
.img-border-orange{
    border-top-left-radius:55px!important;
    border-top-right-radius:0!important;
    border-bottom-right-radius:0!important;
    border-bottom-left-radius:0!important;
    overflow:hidden;
}
.img-border-orange.rounded-sm{border-radius:0!important;border-top-left-radius:55px!important;}



/* =====================================================================
   PRICING PAGE (/srspricing) - brand gradient/wave treatment
   ===================================================================== */

/* Package card ("Select Your Package(s)") */
.iqpc-srs-packages {
    position: relative !important;
    border-radius: 35px 0 0 0 !important;
    background-color: var(--event-color-primary) !important;
    background-image: url('/UploadedFiles/EventPage/1005425/uploads/Service%20Next_Connect_Dark%20Gradient_1920x1080.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    /* extra right padding so the Unit Price/Total copy has clear room
       before the inset border + curve, not just the default 20px */
    padding: 30px 50px 20px 40px !important;
}
.iqpc-srs-packages::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('/UploadedFiles/EventPage/1005425/uploads/Service%20Next_Connect_Wave.svg');
    background-repeat: no-repeat;

    background-position: 95% top;
    background-size: auto 240%;
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: 0;
}
.iqpc-srs-packages::after {
    content: "";
    position: absolute;
    inset: 10px;
    border: 2px solid var(--event-color-secondary);
    border-radius: 35px 0 0 0 !important;
    pointer-events: none;
    z-index: 1;
}
.iqpc-srs-packages > * {
    position: relative;
    z-index: 2;
}

/* "Team Discounts for Qualified Manufacturers" header bar */
.card-heading.arrow_box {
    position: relative !important;
    overflow: hidden !important;
    
    background-color: var(--event-color-primary) !important;
    background-image: url('/UploadedFiles/EventPage/1005425/uploads/Service%20Next_Connect_Dark%20Gradient_1920x1080.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}
.card-heading.arrow_box::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('/UploadedFiles/EventPage/1005425/uploads/Service%20Next_Connect_Wave.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 2em) top;
    background-size: auto 320%;
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: 0;
}
.card-heading.arrow_box > * {
    position: relative;
    z-index: 2;
}

/* =====================================================================
   AGENDA DOWNLOAD MODAL - brand gradient/wave treatment
   ===================================================================== */
.form-header {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 60px 0 0 0 !important;
    background-color: var(--event-color-primary) !important;
    background-image: url('/UploadedFiles/EventPage/1005425/uploads/Service%20Next_Connect_Dark%20Gradient_1920x1080.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}
.form-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('/UploadedFiles/EventPage/1005425/uploads/Service%20Next_Connect_Wave.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 2em) top;
    background-size: auto 220%;
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: 0;
}

/* =====================================================================
   SPEAKER LISTING TEMPLATE 
===================================================================== */
#speaker-listing .col-md-3 {text-align:unset!important;}
#speaker-listing .col-md-3 a{font-weight:bolder!important; color: var(--event-header-color); font-family: var(--event-font-primary); line-height:1.5em!important;}
#speaker-listing .col-md-3 p {line-height:1.5em!important;}
#speaker-listing .col-md-3 p strong{color:var( --event-color-secondary); text-transform:uppercase;}
#speaker-listing .speaker-image-block.rounded, #speaker-listing .speaker-image-block.rounded-circle {overflow: hidden !important; border-radius:60px 0 0 0 !important; height:250px!important; width:250px!important; border-bottom: .25em solid var(--event-color-primary)!important;     }
#speaker-listing .speaker-image-block.rounded img, #speaker-listing .speaker-image-block.rounded-circle img {border-radius:60px 0 0 0 !important; object-fit:cover; border:1px #eee solid; min-height:250px!important; min-width:250px!important;}

/* =====================================================================
   FOOTER - brand gradient + wave treatment
   
   ===================================================================== */
#sb-footer {
    position: relative !important;
    overflow: hidden !important;
    background-color: var(--event-color-primary) !important;
    background-image: url('/UploadedFiles/EventPage/1005425/uploads/Service%20Next_Connect_Dark%20Gradient_1920x1080.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}
#sb-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('/UploadedFiles/EventPage/1005425/uploads/Service%20Next_Connect_Wave.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 4em) top;
    background-size: auto 220%;
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: 0;
}
#sb-footer > .container {
    position: relative;
    z-index: 1;
}

/* The footer logo is this container's background image; a % position ignores padding, so it is offset explicitly to match. */
#sb-footer > .container {
    position: relative;
    z-index: 1;
    padding-left: clamp(15px, 3vw, 40px) !important;
    padding-right: clamp(15px, 3vw, 40px) !important;
    background-position: calc(100% - clamp(15px, 3vw, 40px)) 35% !important;
}
/* ---------------------------------------------------------------------
   LEGACY HEX OVERRIDES - inherited from the shared master stylesheet
   fieldservice.css hardcodes the OLD primary (#143385) and OLD
   tertiary (#476BB5) directly in ~17 places instead of reading the
   variables, so the variable swap above won't touch them on its own.
   Re-declared here using the live variables so they track correctly
   and never go stale again.
   --------------------------------------------------------------------- */

/* Nav sub-menu + "last item" nav button */
body .header-bottom .navbar .navbar-nav ul.dropdown-menu > li > a {
    color: var(--event-color-primary) !important;
}
.navbar-nav > li:last-child > a {
    color: var(--event-color-primary) !important;
}
.navbar-nav > li:last-child > a:hover {
    background: var(--event-color-accent-dark) !important;
    color: #fff !important;
}

/* Nav "Register"-style outline button (front + on-scroll + not-front states) */
body.front .header-bottom .collapse.show .navbar-nav > li:nth-last-child(2) > a,
body.front .header-bottom.on-scroll .navbar-nav > li:nth-last-child(2) > a,
body.not-front .navbar-nav > li:nth-last-child(2) > a {
    color: var(--event-color-primary) !important;
    outline-color: var(--event-color-secondary) !important;
}
body.front .header-bottom .collapse .navbar-nav > li:nth-last-child(2) > a {
    color: var(--event-color-primary) !important;
}
body.front .header-bottom .collapse .navbar-nav > li:nth-last-child(2) > a:hover,
body.front .header-bottom.on-scroll .navbar-nav > li:nth-last-child(2) > a:hover,
body.not-front .navbar-nav > li:nth-last-child(2) > a:hover {
    background: var(--event-color-accent-dark) !important;
    color: #fff !important;
}

/* On-scroll nav link text color (general items, not just the Register button) */
body.front .header-bottom.on-scroll .navbar-nav > li > a,
body.front .header-bottom.on-scroll .navbar-nav > li:hover {
    color: var(--event-color-primary) !important;
}

/* Footer (both the --fsn-blue helper var and the direct background rule) */
:root {
    --fsn-blue: var(--event-color-primary);
}
body footer#sb-footer {
    background-color: var(--event-color-primary) !important;
}

/* Utility classes + global rules */
.text-blue {
    color: var(--event-color-primary) !important;
}
.bg-blue {
    background: var(--event-color-tertiary) !important;
}
#sb-page-content hr {
    border-color: var(--event-color-secondary) !important;
}
.border-event {
    border-top: 1.5px solid var(--event-color-primary) !important;
}
.border-event-lite {
    border-top: 1.5px solid var(--event-color-secondary) !important;
}
.nav.nav-pills {
    border-color: var(--event-color-secondary) !important;
}
.nav.nav-pills .nav-link.btn-outline-event {
    border-right-color: var(--event-color-secondary) !important;
}

/* Modals + form inputs */
.modal-dialog .card {
    border-color: var(--event-color-secondary) !important;
}
.modal-dialog .card-header {
    background: var(--event-color-primary) !important;
}
.modal .form .form-fields input {
    border-color: var(--event-color-secondary) !important;
    color: var(--event-color-primary) !important;
}