@import url("/UploadedFiles/EventPage/brands/etail/etail-pricing.css");
/* 
Site Name: Service Next Medical (formerly Field Service Next Medical)
Office: USA
Year: 2027
URL: https://fieldservicemd.wbresearch.com
----------------------------------------------------------------*/
:root {
  --pallette: #140C7C  #4FDBFC  #706EED - Tertiary #00A7CE;

 --event-color-primary: #140C7C!important;
 --event-color-secondary: #4FDBFC!important;
 --event-color-accent: #706EED!important;
 --event-color-orange: #0385AD!important;
 --event-color-tertiary: #00A7CE!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; /* TODO: old FSN wave asset — swap once new wave file is in hand */
 --event-logo-color:url('/UploadedFiles/EventPage/brands/fieldservice/ServiceNext/medical/logos/Service_Next_Medical_Logo_Stacked_Full_Color.svg') center center no-repeat;
 --event-logo-knockout:url('/UploadedFiles/EventPage/brands/fieldservice/ServiceNext/medical/logos/Service_Next_Medical_Logo_Stacked_White.svg') center center no-repeat;
 }


/* =====================================================================
   MEDICAL-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 Medical hero wave */
body.front header:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: -1.5em !important; /* anchor to right edge */
    width: 50%; /* how far it covers across */
    height: 100%; /* full hero height */
    background: url(/UploadedFiles/EventPage/brands/fieldservice/ServiceNext/medical/uploads/Service_Next_Medical_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 Medical 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/brands/fieldservice/ServiceNext/medical/uploads/Service_Next_Medical_Dark_Gradient_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/brands/fieldservice/ServiceNext/medical/uploads/Service_Next_Medical_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/brands/fieldservice/ServiceNext/medical/uploads/Service_Next_Medical_Dark_Gradient_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/brands/fieldservice/ServiceNext/medical/uploads/Service_Next_Medical_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/brands/fieldservice/ServiceNext/medical/uploads/Service_Next_Medical_Dark_Gradient_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/brands/fieldservice/ServiceNext/medical/uploads/Service_Next_Medical_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-image-block.rounded {
    position: relative !important;
    overflow: hidden !important;
    border-top-left-radius: 90px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom: .25em solid var(--event-color-primary) !important;
	border: none !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/brands/fieldservice/ServiceNext/medical/uploads/Service_Next_Medical_Dark_Gradient_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/brands/fieldservice/ServiceNext/medical/uploads/Service_Next_Medical_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;
}
/* ---------------------------------------------------------------------
   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;
}

/* 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-primary) !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-primary) !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-primary) !important;
}
.border-event {
    border-top: 1.5px solid var(--event-color-primary) !important;
}
.border-event-lite {
    border-top: 1.5px solid var(--event-color-tertiary) !important;
}
.nav.nav-pills {
    border-color: var(--event-color-tertiary) !important;
}
.nav.nav-pills .nav-link.btn-outline-event {
    border-right-color: var(--event-color-tertiary) !important;
}

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