/* 
Site Name: ProcureCon Master Rebrand Style Sheet
Office: USA
Year: 2025
URL: All ProcureCon Branded Events
----------------------------------------------------------------*/
:root {
 /* Font Families */
 --event-font-primary: 'komet', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important;
 --event-font-secondary: 'niveau-grotesk', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important;
 --event-font-tertiary: 'proxima-nova-condensed', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'!important;
 
  /* Event Border Radius */
 --event-br-global: calc(1.3125em - 1px)!important;
}
/********************************
  Global - Overrides
********************************/
html, body {min-width:400px;  width: 100%!important;} 
body {background-color: #f2f2f2;}

/* Dev Hidden */
.hidden-rebrand-old { display:none !important;}

/********************************
    Header 
********************************/
.pageheader, body.front .header-top, body.front .header-top .video-container  { border-bottom-left-radius:var(--event-br-global); border-bottom-right-radius:var(--event-br-global); background: var(--event-hero-gradient);}
/********************************
  Navigation - Overrides
********************************/

/* Mobile Nav Width */
body .header-bottom > .container { max-width:1440px;}

/* Hamburger Color */ 
body .header-bottom .navbar .navbar-toggle {background-color:transparent;}
body .header-bottom .navbar .navbar-toggle span.icon-bar { border: solid 2px var(--event-color-accent) !important; border-radius:5px;}

/* Removes Dropdown Carets */
body .header-bottom .navbar .dropdown-toggle::after{display:none;}

/* Logo */
body .header-bottom .navbar .navbar-brand img{display:none;}

body .header-bottom .navbar a.navbar-brand{height: 70px;width: 200px;position:absolute;top: -15px;transition: all 0.3s ease!important;}
@media(min-width:990px) and (max-width:1200px){body .header-bottom .navbar a.navbar-brand{left:0px!important;}}

body.front .header-bottom .navbar a.navbar-brand{background:var(--event-logo-knockout); transition: all 0.3s ease!important;}
body.front .header-bottom.on-scroll .navbar a.navbar-brand{background:var(--event-logo-color); transition: all 0.3s ease!important;}
body.not-front .header-bottom .navbar a.navbar-brand{background:var(--event-logo-color); transition: all 0.3s ease!important;}

@media(max-width:990px){body .header-bottom {padding-bottom:.25em!important;} body .header-bottom .navbar a.navbar-brand{top:-10px;}}

/* Enables desktop/mobile nav hand off  ??? */
@media (min-width:1200px) {body .header-bottom .navbar .navbar-toggle {display:none;} body .header-bottom .navbar .navbar-collapse {display:block;} body .header-bottom .navbar ul.nav.navbar-nav {flex-flow:row; align-self: flex-end;} body .header-bottom .navbar ul.nav.navbar-nav a:hover {text-decoration:none;} body .header-bottom .navbar ul.nav.navbar-nav ul.dropdown-menu {position:absolute;margin-top:0.75em;width:max-content;}} 

body .header-bottom .navbar .navbar-nav > li.dropdown:hover .dropdown-menu {top:unset;}

/* Primary Nav Links */
body .header-bottom .navbar .navbar-nav > li > a {font-weight: 600;font-family: var(--event-font-tertiary) !important;font-size:1em;line-height:1em;padding: .85em 1em;border-radius: var(--event-br-global);margin: .2em .2em .2em 0;}
body .header-bottom .navbar .navbar-nav ul.dropdown-menu > li > a {font-family: var(--event-font-tertiary) !important;font-weight: 400;}
@media(min-width:990px) and (max-width:1200px){ body .header-bottom .navbar .navbar-nav > li > a{font-size:.85em;padding:.5em !important;}}

/* Primary Nav - Buttons */
body .header-bottom #header_bottom .navbar-nav > li:last-child > a{background:  var(--event-nav-btn-bg, var(--event-color-secondary)) !important; color: var(--event-nav-btn-fg, var(--white)) !important; padding: .85em 1em !important;margin:.25em 0 0 0;font-family: var(--event-font-secondary);text-shadow:none;}
body .header-bottom #header_bottom .navbar-nav > li:last-child > a:hover{background: var(--event-color-secondary, var(--event-color-primary))  !important; border-radius:var(--event-br-global) !important; color:var(--event-nav-btn-fg-hover, var(--white)) !important; }

body .header-bottom #header_bottom .navbar-nav > li:nth-last-child(2) > a {background-color: var(--event-color-primary) !important; color:var(--event-hero-btn-pri-fg, var(--white)) !important;}
body .header-bottom #header_bottom .navbar-nav > li:nth-last-child(2) > a:hover {background-color: var(--event-color-secondary) !important; color:var(--event-hero-btn-pri-fg-hover, var(--white)) !important;  }
@media (min-width:992px) {
  body .header-bottom .navbar-nav > li:nth-last-child(2) {
    margin-left:3.5em;
  }
}

/********************************
  Dynamic Header Typography - Overrides
********************************/
body.front .header-top #header-info {text-align:unset; margin: 0 auto; margin-left:.5em;}
body.front .header-top #header-info > * {display:block !important;}
body.front .header-top #header-info p{font-size: 1.5em;color:#fff;font-family: var(--event-font-secondary);text-align:left;margin:0;}
body.front .header-top #header-info p:nth-child(1):before,body.front .header-top #header-info p:nth-child(2):before, body.front .header-top #header-info p:nth-child(3):before {display:none;}

/* body.front .header-top #header-info p:nth-child(1):after {content:" \2014"; margin:10px; color:var(--event-color-secondary)!important;} */
body.front .header-top #header-info p:nth-child(1){font-weight: 700!important;font-size:3em;z-index: 1;position: relative;}
body.front .header-top #header-info p:nth-child(2){font-weight: 100!important;opacity: .8;}

/* Sub Page Header */
.asidecontent {margin-top:4em;box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .4);background: var(--event-inner-page-gradient) , var(--event-inner-page-strip);background-position: center center;background-repeat: no-repeat, no-repeat;background-size:cover; }
 
/* Hero Divider Image - Overrides */
body.front .header-top,body.front .header-top .video-container {height:100vh!important;}
body.front header:after {all:unset;}

/********************************
  1-3-hero-shift.css - Overrides
********************************/
body.front #header_top {padding: 1em;border-radius:var(--event-br-global);position:relative;overflow:hidden; background: linear-gradient(180deg,var(--event-color-primary) -90%, transparent -50%, var(--event-color-primary) 100%); /*background: var(--event-hero-info-gradient);*/}
@supports (color: hsl(from white h s l)) {
  body.front #header_top {
  background: var(--event-hero-info-gradient);  
  }
}
body.front #header_top:before{content:"";width: 36em;height: 35em;position:absolute;background-color: var(--event-hero-info-circle);border-radius:50%;left: -5%;top:-80%;z-index:0;}
body.front .header-top > .container {height:100vh;width:50vw;right:5vw;position:absolute;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding-bottom: 2em;}
body.front .header-top > .container >  #header_top > .container {width: 100%;}
@media(max-width:1200px) {body.front .header-top > .container {width:80vw;}}
@media(max-width:990px) {body.front .header-top > .container {width:80vw;}  body.front .header-top > .container > #header_top > .container h1{font-size:3em!important;} body.front .header-top #header-info p{font-size: 1.35em;text-align:unset;display:inline;}}
@media(max-width:768px) {body.front .header-top > .container {width:100vw; left:0vw!important; right:0 !important;} body.front .header-top > .container > #header_top > .container h1{font-size:3em!important;} body.front .header-top #header-info p{font-size: 1.35em;text-align:unset;display:inline;}}

/********************************
  event-info-on-scroll.css - Overrides
********************************/
body.front .header-bottom {background:none; box-shadow:none; transition: all 0.4s ease;}
body.front .header-bottom .navbar-nav > li > a {color:#fff;}
body.front .header-bottom .logo {filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}
body .header-bottom .navbar-nav > li:has(.dropdown-menu) > a:hover {border-top-left-radius:var(--event-br-global) !important;border-top-right-radius:var(--event-br-global) !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important; }

/* Top Nav On Scroll */
body.front .header-bottom.on-scroll {background-color:#fff;outline:1px #eee solid;border-bottom-left-radius:var(--event-br-global);border-bottom-right-radius:var(--event-br-global);box-shadow: 1px 1px 10px #00000045;} 
body.front .header-bottom.on-scroll .navbar-nav > li > a {color: var(--dark);border-radius: var(--event-br-global);font-weight: 600;}
body.front .header-bottom.on-scroll .navbar-nav > li:hover {color:#2d2c2c;}
body.front .header-bottom.on-scroll .navbar-nav > li:hover a:hover{color:#fff;}
body.front .header-bottom.on-scroll .navbar-nav > li:last-child > a {color: var(--event-header-color);}
body.front .header-bottom.on-scroll .navbar-nav > li:hover:last-child > a {color: #fff;}
body.front .header-bottom.on-scroll .logo {filter: none; -webkit-filter: none;}

@media (min-width:992px) {

body .header-bottom.on-scroll .navbar-nav > li:last-child > a {display:inline; width:inherit; height:inherit; align-content:unset;}  
body .header-bottom.on-scroll .navbar-nav > li:last-child > a:hover {border-radius: var(--event-br-global) !important;}
  

/* Primary Nav - Toggle */
body.front .header-bottom .navbar .navbar-toggle{border:none!important; background:none!important;}
body.front .header-bottom .navbar .navbar-toggle .icon-bar{border-color:#fff!important;}
body.front .header-bottom.on-scroll .navbar .navbar-toggle{border-color:#2d2c2c!important; background:none!important;}
body.front .header-bottom.on-scroll .navbar .navbar-toggle .icon-bar{border-color:#2d2c2c!important;}
body.front .header-bottom .navbar .navbar-toggle, body.not-front .header-bottom .navbar .navbar-toggle{border:none!important;}
}
  
/* Primary Nav - Mobile Dropdown */
@media(max-width:990px){body .header-bottom .navbar .navbar-collapse.collapse.show .navbar-nav, body .header-bottom .navbar .navbar-collapse.collapsing .navbar-nav {background:#fff;width: 100%; padding:0 1em 1em 1em; border-radius: var(--event-br-global); } body .header-bottom .navbar .navbar-collapse.collapse.show li a, body .header-bottom .navbar .navbar-collapse.collapsing li a {color:#2d2c2c;}}

/********************************
    Footer 
********************************/

body footer#sb-footer {background-color:var(--event-color-footer, var(--event-color-primary)) !important; margin:0.5em; border-radius:1em;}
body footer#sb-footer .container{ margin-left:unset!important; margin-right:unset!important; max-width:unset!important; padding-left:3em!important; padding-right:3em!important; }
body footer#sb-footer .container .row {background:var(--event-logo-knockout) no-repeat; background-position: 100% 85%; background-size:250px;}
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%;}} 

/********************************
    Agenda
********************************/
body #agenda-app .agenda-app-button .btn-light{background-color:#f6f7fa;border:solid 1px #ccc !important;font-weight:400 !important;color:#333 !important;text-shadow:none !important;}
body #agenda-app .agenda-app-button .btn-light:hover{background-color:#e6e7ea !important;}
body #agenda-app .card.session{background-color:#f6f7fa;border-color:#ccc !important;}
body #agenda-app .card.session .badge-primary,
body #agenda-app .agenda-app-button .btn-primary{background-color:#333;font-weight:400;}
body #agenda-app h4.name a{font-weight:600 !important;}

/********************************
  Boostrap Fixes
********************************/
.rounded-xl {border-radius: var(--event-br-global);}

/********************************
  Typography
********************************/
body h1, body h2, body h3, body h4, body h5, body h6 {font-weight:400;color: var(--event-header-color) !important;font-family: var(--event-font-primary) !important;letter-spacing: -.05rem;}
body #sb-page-content p, body #sb-page-content div, body #sb-page-content ul, #sb-page-content body ol, body #sb-page-content li, body #sb-page-content table, body #sb-page-content address, body #sb-page-content blockquote, body #sb-page-content cite, body #sb-page-content label, body #sb-page-content input {font-family:var(--event-font-secondary); }

/* Link Color fixes */
body #sb-page-content a:not(.btn){/* color: var(--event-color-secondary); */font-weight:700;font-family: var(--event-font-tertiary);}
body #sb-page-content a:not(.btn):hover, body #sb-page-content a:not(.btn):focus{color: var(--event-color-primary);}

/********************************
    Utility Classes
********************************/

/* https://getbootstrap.com/docs/5.3/utilities/text/#line-height */
.lh-0 { line-height: 0 !important; }
.lh-1 { line-height: 1 !important; }
.lh-sm {line-height: 1.25 !important;}
.lh-base { line-height: 1.5 !important; }
.lh-lg { line-height: 2 !important; }

.font-primary{font-family: var(--event-font-primary)!important;}
.font-secondary {font-family: var(--event-font-secondary)!important;}
.font-tertiary {font-family: var(--event-font-tertiary)!important;}

.bg-color-primary{background:var(--event-color-primary) !important;}
.text-color-primary{color: var(--event-color-primary) !important;}
.text-color-secondary{color:var(--event-color-secondary) !important;}
.text-color-tertiary{color:var(--event-color-tertiary) !important;}
.text-color-accent{color:var(--event-color-accent) !important;}
.text-color-header{color:var(--event-header-color) !important;}

.object-fit-cover {object-fit:cover;}
.object-fit-contain {object-fit:cover;}

/********************************
    Border
********************************/
.border-event {
  border-color:var(--event-header-color) !Important;
}

/********************************
    Speaker Image Border - On Hover
********************************/
.speaker-borders, .speaker-borders * { transition: all .1s ease-out;}
.speaker-borders { position: relative;}
.speaker-borders:hover:before { position: absolute; content: ""; top: 0; width: 100%; height: 100%; background-image: var(--event-speaker-border); background-size: contain; background-repeat: no-repeat; background-position: center;rotate: 180deg; }
.speaker-borders:hover img { border-radius: 50%;}

/********************************
    Buttons
********************************/
.btn{font-family: var(--event-font-tertiary);font-weight: 600;text-shadow:none;border-radius:var(--event-br-global);padding: .5em 1.5em;}
.btn-event,.btn-inverse{font-weight: 600;}

.btn-outline-event{color:var(--event-color-primary); border-color:var(--event-color-primary);}
.btn-outline-event:hover{color:#fff; background:var(--event-color-primary); border-color:var(--event-color-primary);}

.btn-outline-inverse{ color:#fff; border-color:var(--event-color-secondary)!important;}
.btn-outline-inverse:hover{background:var(--event-color-secondary)!important; border-color:var(--event-color-secondary)!important;}

/* Pill Nav .active fixes */
.nav-pills .nav-link.btn-outline-event.active {color:#fff!important; background:var(--event-color-primary); border-color:var(--event-color-primary);}
.nav-pills .nav-link.btn-outline-event-2.active {color:#fff!important; background:var(--event-color-secondary)!important; border-color:var(--event-color-secondary)!important;}



/* CTA with custom fallback properties */
/* Branded Buttons Styles */
.btn-event, .navbar-nav > li:last-child > a, .btn-pricing-control, .StradTemplate input[type=submit],.thank-you a, button.btn-danger, .back-button,.blog .btn.btn-secondary {
    background: var(--btn-bg, var(--event-color-primary))!important;
}

.btn-event:hover,.navbar-nav > li:last-child > a:hover, .btn-pricing-control:hover, .StradTemplate input[type=submit]:hover,.thank-you a:hover, button.btn-danger:hover {
    background: var(--btn-bg-hover, var(--event-color-secondary))!important;
}

#sign-in-sign-up-rich-form button {background-color:var(--event-color-primary) !important;}
#sign-in-sign-up-rich-form button:hover {background-color:var(--event-color-secondary) !important;}


/* Carousel Indicators  */
.carousel-indicators li {background-color:var(--event-color-primary)!important;}
.carousel-indicators li.active {background-color:var(--event-color-secondary)!important;}

/* Carousel Arrows  */
[class^="carousel-control-"] {background-color:var(--event-color-secondary);width:4em;height:4em;padding:1em;border-radius:50%;align-self: center;}


/********************************
  Event Graidents 
********************************/

.gradient-img {background: var(--event-image-gradient);}
.gradient-img img, .gradient-img video {position:relative; z-index: -1; display: block;}

/********************************
  Container styles
********************************/

/* Testimonial Containers */
.testimonial-container{background-color:#001440; background: var( --event-corner-image) , linear-gradient(270deg, #001440 60%, #103393 100%);}

/* Video Containers */
.video-container{position:relative;}
.video-container .video-container{position:absolute!important; top:0!important; left:0!important; right:0!important; width:100%!important; height:100%!important; overflow:hidden!important; z-index:-999!important;}
.video-container video{min-height:100%!important; min-width:100%!important;} 
.video-container video[poster]{object-fit:cover!important;}

/********************************
  Agenda styles
********************************/
/*  /agenda-mc */
body.not-front #sb-page-content.container > .row {max-width:100% !important; margin-inline:auto;}
/* full Agenda styles  */
.agenda-app .session-filters {background:#f6f7fa; border-radius:var(--event-br-global); padding-top:0.4em;}
.agenda-app .session-filters .badge {background:transparent !important; color:#333; border:none !important; font-weight: normal;}
.agenda-app .session-filters span.cursor {float:right; background: transparent; text-decoration:underline; margin-top:0;}
.agenda-app .session-filters span.cursor small {font-weight:bold !important;}
.agenda-app .session-tags .badge { background:#f6f7fa !important;  border: solid 1px #bbb; padding:0.8em !important; border-radius:var(--event-br-global);}
.agenda-app .session-tags .badge .badge-text {color:#333;}

/********************************
  Sponsor Slider styles
********************************/
body .slide.slick-slide {background-color:white;border-radius:var(--event-br-global);padding: .5em;margin:1em;box-shadow:0px 0px 10px #e7e7e7;aspect-ratio: 3/2.5;height: unset; overflow: hidden;}

/********************************
  srspricing Styles
********************************/
#pricing-v3 .iqpc-srs-packages .btn.dropdown-toggle { background-color:var(--event-color-primary); color:#fff !important;}
#pricing-v3 .iqpc-srs-packages .btn.dropdown-toggle:hover {color:#fff !important;}