/* 
Site Name: eTail Master Rebrand Style Sheet
Office: USA
Year: 2025
URL: All eTail Branded Events
----------------------------------------------------------------*/

/********************************
  Navigation - Overrides
********************************/

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

/* 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:112px; width:350px; position:absolute; top:-40px; transition: all 0.3s ease!important;}
@media(max-width:1100px){body .header-bottom .navbar a.navbar-brand{left:0px!important; height:80px; width:250px; top:-20px; transition: all 0.3s ease!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;}} 

/* Primary Nav Links */
body .header-bottom .navbar .navbar-nav > li > a {font-weight:300; font-size:1em; line-height:1em; padding:1.25em;}
@media(min-width:768px) and (max-width:1400px){ body .header-bottom .navbar .navbar-nav > li > a{font-size:.9em; padding:.5em;}}

body.front .header-bottom .navbar .navbar-nav > li > a {color:#fff;}
body.front .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:rgb(0 20 64 / 65%); color:#fff!important;}
 
/* Primary Nav - Sub Nav Links */
body .header-bottom .navbar .navbar-nav ul.dropdown-menu > li > a {color:#fff; font-size:1em; line-height:1em; padding:1.25em 0.5em; display:block; font-family: var(--event-font-primary); text-transform:uppercase;}
body .header-bottom .navbar .navbar-nav > li.dropdown:hover .dropdown-menu{background:#082eed94;}
@media(max-width:990px){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:unset;} body .header-bottom .navbar .navbar-nav > li.dropdown:hover .dropdown-menu{background:unset;}}

/* Primary Nav - Buttons */
.navbar-nav > li:last-child > a{background:var(--event-color-secondary)!important; color:#001440!important; font-family: var(--event-font-secondary); text-shadow:none;}
.navbar-nav > li:last-child > a:hover{background:var(--event-color-secondary);}

body.front .header-bottom .collapse.show .navbar-nav > li:nth-last-child(2) > a{color:#001440; outline:1px solid #001440;}

body.front .header-bottom .collapse .navbar-nav > li:nth-last-child(2) > a {border-radius: 0.5em; padding: .5em 1.25em!important; margin: 0.8em 0 0 1em; color:#fff;outline:1px solid #fff;} 
body.front .header-bottom .collapse .navbar-nav > li:nth-last-child(2) > a:hover {background: #001440!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:#001440; outline:1px solid #001440;}
body.front .header-bottom.on-scroll .navbar-nav > li:nth-last-child(2) > a:hover {background:#001440;}

body.not-front .navbar-nav > li:nth-last-child(2) > a {border-radius: 0.5em; padding: .5em 1.25em!important; margin: 0.8em 0 0 0.5em; color:#001440; outline:1px solid #001440;} 
body.not-front .navbar-nav > li:nth-last-child(2) > a:hover {background: #001440!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: calc(.75rem - 1px)!important; } body.front .header-bottom .navbar .navbar-nav > li > a , body .header-bottom .navbar .navbar-collapse.collapse.show li a {color:#2d2c2c!important;}}

/********************************
  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 p{font-size: 1.5em;color:#fff; font-family: var(--event-font-primary); 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:400!important;}
body.front .header-top #header-info p:nth-child(2){font-weight:200!important;}

/* Sub Page Header */
.asidecontent {  margin-top:4em; box-shadow: inset 10000px 0 0 rgba(0, 0, 0, .4); background:var(--event-inner-page-strip); background: url(/UploadedFiles/EventPage/9999999/images/etail-west-swoosh-5.png), var(--event-inner-page-strip); background-position: top bottom, center top; 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 {background: url(/UploadedFiles/EventPage/9999999/images/etail-west-swoosh-2.png) center center no-repeat; background-size:cover; display:block; content:' '; height:450px; width:100%; position:absolute; bottom:0; transition: all 0.3s ease!important;}
@media(max-height:768px) and (max-width:1000px){body.front header:after {display:block!important;}}
@media(min-height:900px) and (min-width:1300px){body.front header:after{height:550px; transition: all 0.3s ease!important;}}

/********************************
  1-3-hero-shift.css - Overrides
********************************/
body.front #header_top {border-left:2px solid!important; border-color:var(--event-color-secondary)!important; padding: 0 0 0 1.75em;}
body.front .header-top > .container {height:100vh; width:45vw; right:5vw; position:absolute; display:flex!important; flex-direction:column!important; justify-content:flex-end!important; padding-bottom:6em;}
body.front .header-top > .container >  #header_top > .container {width:45vw;}
body.front .header-top > .container >  #header_top > .container img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}
body.front .header-top > .container >  #header_top > .container .btn{font-size:1.25em!important;}
@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:3em!important;} body.front .header-top #header-info p{font-size:.9em; 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);}

/* Top Nav On Scroll */
body.front .header-bottom.on-scroll {background-color:#fff; outline:1px #eee solid; } 
body.front .header-bottom.on-scroll .navbar-nav > li > a {color:#2d2c2c;}
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:#fff;}
body.front .header-bottom.on-scroll .logo {filter: none; -webkit-filter: none;}
@media(max-width:990px){body.front .header-bottom.on-scroll .navbar-nav > li:hover a:hover,body.front .header-bottom .navbar-nav > li:hover a:hover{color:#2d2c2c!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;}

 
/********************************
  Footer 
********************************/
body footer#sb-footer {background: url(/UploadedFiles/EventPage/9999999/images/etail-west-swoosh-footer.png)#012B45; background-size:cover; background-repeat:no-repeat; background-position:center 70%;}
body footer#sb-footer .container {background:var(--event-logo-knockout) no-repeat; background-position: 100% 85%; background-size:450px;}
body footer#sb-footer img {margin-bottom:.75em;}
body footer#sb-footer p {margin:.5em;}
@media(max-width:768px){body footer#sb-footer .container{ background-position: 10% 85%; background-size:250px;} body footer#sb-footer .container .col-md-8{margin-bottom:5em;}}
@media(max-width:550px){body footer#sb-footer .container{ background-position: 10% 85%; background-size:150px;}}

/********************************
  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: calc(.75rem - 1px)!important;}

/********************************
  Typography
********************************/
body h1, body h2, body h3, body h4, body h5, body h6 {font-weight:400!important; color: var(--event-header-color); font-family: var(--event-font-secondary);}

.font-primary, .tk-tenso {font-family: var(--event-font-primary)!important;}
.font-secondary, .tk-aglet-slab {font-family: var(--event-font-secondary)!important;}

.bg-blue{background:#001440!important;}
.text-blue{color:#001440!important;}

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

/********************************
    Buttons
********************************/
.btn{font-family: var(--event-font-primary); font-weight:400; text-shadow:none;}
.btn-event,.btn-inverse{font-weight:400;}

.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;}

/* Tabbed Nav .active fixes */
.nav.nav-tabs li a.nav-link  {color:var(--event-color-primary)!important;}
.nav.nav-tabs li a.nav-link.active {color:var(--event-color-secondary)!important;}

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

/********************************
  Container styles
********************************/
.gradient-speaker::before {content: ""; z-index: 10; width: 100%; height: 100%; display: block; position: absolute; background: linear-gradient(-30deg, rgb(8 46 237 / 45%) 30%, rgba(0, 0, 0, 0) 50%);}
.gradient-event{ background: var(--gradient-event); background-size: 180% 180%; animation: gradient-animation 19s ease infinite;}
.gradient-event h2.fa-3x.text-white { font-weight:200 !important; } 
@keyframes gradient-animation {0% { background-position: 0% 50%;}   50% { background-position: 100% 50%;}  100% { background-position: 0% 50%;}}

/* Global <hr/> line break styles */
#sb-page-content hr{border-color:#829cfa66!important;}

/* 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;}

/********************************
  Speaker Listing Page Styles
********************************/
#speaker-listing .col-md-3.col-6.text-center{margin-bottom: 1rem !important; margin-top: 1rem !important;}
#speaker-listing h4 a {font-weight:400!important; font-size:24px!important; font-family: var(--event-font-primary);margin-top:0!important; margin-bottom:0!important;color: var(--event-header-color)!important; }
#speaker-listing p {line-height: 1.25em; margin-top:0!important; margin-bottom:0!important;}
#speaker-listing .speaker-image-block:before {content: ''; z-index: 10; width: 100%; height: 100%; display: block; position: absolute; background: linear-gradient(-30deg, rgb(8 46 237 / 45%) 30%, rgba(0, 0, 0, 0) 50%);}
#speaker-listing svg path:nth-child(3) {fill: var(--event-color-secondary)!important;}

/********************************
  Agenda styles
********************************/
.agenda-app .session-filters {background:#f6f7fa; border-radius: 0.4em; 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, .modal-body .badge { background:#f6f7fa !important;  border: solid 1px #bbb; padding:0.8em !important; border-radius:0.4em;}
.agenda-app .session-tags .badge .badge-text, .modal-body .badge .badge-text {color:#333;}
#agenda-app .session h4.name a { vertical-align:top !important; }
#agenda-app .session .speaker a.name, .modal-body .speaker a.name { color:#000; }
#agenda-app .session .speaker .company { font-size:0.85em !Important; }
.modal-dialog, .modal-content, .modal-body { min-height: 80vh; }
.modal-dialog { position:absolute; right:0; top:0 !important; padding-right:1em; max-width:50vw; }
.modal-backdrop { background:#829CFA; opacity:0.8 !important; }
body .modal-body h4 { font-family: var(--event-font-primary); font-weight: 500; }
#agenda-app .session .speaker .d-flex img, .modal-dialog .speaker img { border-radius:100%; }
.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; }
@media screen and (max-width:1024px){.modal-dialog { max-width:100vw !important; }}

/********************************
  Agenda Sidebar
********************************/
#sb-page-content.container:has(#agenda-app) { max-width:100%; }
#agenda-app #filter-container > .container-fluid > .row { margin-right:0; }
#agenda-app .session-filters .badge.badge-light { color: #000 !important; }
#agenda-app #filter-container .filter-heading h4, #agenda-app #filter-container .filter-topic, #agenda-app #filter-container .form-check-label { font-family: var(--event-font-primary); }
#agenda-app #filter-container .filter-heading h4 { text-transform:uppercase; font-weight:300; }
#agenda-app #filter-container .filter-topic button{color:#000 !important;font-weight:300 !important;font-size:1.1em;}
#agenda-app .container-sidebar .bg-white{top:unset !important;}
@media screen and (max-width:768px){#agenda-app #close-button{font-family:var(--event-font-primary);font-width:2em !important;}}
@media screen and (min-width:769px){#agenda-app #filter-container{top:100px !important;}}
@media screen and (max-width:768px){#sb-page-content.container:has(#agenda-app){padding:0;} #agenda-app{padding-right:15px;} #agenda-app div[class*="day"] div[class*="group-"]{padding-right:15px;max-width:100%;} #agenda-app #filter-container #collapseFilters{background:transparent;} #agenda-app #filter-container{z-index:5 !important;} #agenda-app #filter-container:not(:has(#collapseFilters.show)) #sidebar-no-header{margin-left:15px;} #agenda-app #filter-container:not(:has(#collapseFilters.show)) #sidebar-no-header hr{display:none !important;} #agenda-app #filter-container:has(#collapseFilters.show){z-index:999 !important;padding:0.5em;background:#829CFACC;width:100%;} #agenda-app #sidebar-no-header:has(#collapseFilters.show){border-radius:0.5em;margin-right:5px;}}

/********************************
  SRS3 Billing Info/Payment Pages 
********************************/
#pricing-v3 .iqpc-srs-package-checkout-container {font-family:var(--event-font-primary) !important;}

/* Button styling for secondary buttons,form dark buttons,and discount code buttons */
#pricing-v3 .iqpc-srs-secondary-btn,
#pricing-v3 .iqpc-srs-form .form-group .btn-dark,
#pricing-v3 .iqpc-srs-discount-code button{font-weight:200;background-color:#212529 !important;padding:0.3rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:0.3rem;border:2px solid #212529 !important;}
#pricing-v3 .iqpc-srs-secondary-btn:hover,
#pricing-v3 .iqpc-srs-form .form-group .btn-dark:hover,
#pricing-v3 .iqpc-srs-discount-code button:hover{background-color:#21252999 !important;border-color:transparent !important;color:#fff;}

/* Override for secondary buttons within a form group */
#pricing-v3 .iqpc-srs-form .form-group .iqpc-srs-secondary-btn{background-color:#fff !important;color:#212529 !important;}

/* Override discount code button font size */
#pricing-v3 .iqpc-srs-discount-code button{font-size:1em;}