/*
  SecTor overrides to default Bootstrap theme styles in /bootstrap/theme.css
*/

@import url('https://fonts.googleapis.com/css?family=Inter:400,600,700,800');

/* Fonts */
.special-font-bold {
  font-family: 'Inter', sans-serif;
}
.special-features-header,
.special-font-light {
  font-family: 'Inter', sans-serif;
}
.special-font-regular {
  font-family: 'Inter', sans-serif;
}

html.smooth {
  scroll-behavior: smooth;
}

/* Styles intended for all-in-one landing page */
.landing-logo-bar #landing-menu .navbar-nav {
  border-top: 1px solid #EF3B39;
}
.landing-logo-bar #landing-menu .navbar-nav li.nav-item a.nav-link {
  background: rgba(239,59,57,.66); /* Hex: #EF3B39 */
  border-right: 1px solid #EF3B39;
  border-bottom: 1px solid #EF3B39;
  border-radius: 0;
  color: #fff;
  font-size: 1.2em;
  font-weight: 700;
  padding: .5em 1.2em;
  text-shadow: 0 2px 1px rgba(0,0,0,.66);
  text-transform: capitalize;
  white-space: nowrap;
}
.landing-logo-bar #landing-menu .navbar-nav li.nav-item a.nav-link:active, 
.landing-logo-bar #landing-menu .navbar-nav li.nav-item a.nav-link:focus, 
.landing-logo-bar #landing-menu .navbar-nav li.nav-item a.nav-link:hover {
  background-color: #EF3B39;
  text-shadow: 0 2px 1px rgba(0,0,0,.33);
}

/* Default (small-screen) styles for landing page menu drop-downs */
#landing-menu ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
  background: transparent;
  border-radius: 0;
  font-size: 1.1em;
  margin: 0;
  padding: 0;
  text-transform: none;
}
#landing-menu ul.navbar-nav li.nav-item.dropdown a.dropdown-item {
  background: #555;
  border-bottom: 1px solid #000;
  color: #fff;
  padding: 10px 15px;
  text-align: center;
}
#landing-menu ul.navbar-nav li.nav-item.dropdown a.dropdown-item:focus,
#landing-menu ul.navbar-nav li.nav-item.dropdown a.dropdown-item:hover {
  background: #777;
  text-shadow: 0 0 5px rgba(0,0,0,.5);
}
#landing-menu ul.navbar-nav li.nav-item.dropdown a.dropdown-item:last-of-type {
  border: none;
}

.main-nav-bg-scroll {
  background: rgba(0,0,0,.66);
  border-bottom: 1px solid #EF3B39;
  margin-top: 0;
  padding-top: 2em;
}

.landing-featured {
  text-align: center;
}
.landing-featured h2 {
  margin-bottom: .25em;
}
.landing-featured header {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  filter: grayscale(100%);
  min-height: 15em;
  min-width: 100%;
  transition: all .2s ease-in;
}
.landing-featured header:hover {
  filter: none;
}
.landing-featured.logo header {
  background-image: url(../images/slides/sector/logo.png);
}
.landing-featured.panel-01 header {
  background-image: url(../images/slides/sector/panel-01.jpg);
}
.landing-featured.podium-01 header {
  background-image: url(../images/slides/sector/podium-01.jpg);
}
.landing-featured.podium-02 header {
  background-image: url(../images/slides/sector/podium-02.jpg);
}
.landing-featured.podium-03 header {
  background-image: url(../images/slides/sector/podium-03.jpg);
}
.landing-featured.register header {
  background-image: url(../images/slides/sector/register-01.jpg);
}
.landing-featured.speaking-on-stage-01 header {
  background-image: url(../images/slides/sector/speaking-on-stage-01.jpg);
}
.landing-featured.speaking-on-stage-02 header {
  background-image: url(../images/slides/sector/speaking-on-stage-02.jpg);
}
.landing-featured.speaking-on-stage-03 header {
  background-image: url(../images/slides/sector/speaking-on-stage-03.jpg);
}
.landing-featured.trainings header {
  background-image: url(../images/slides/sector/bh-trainings.png);
}

/* Presentations segment tab styles */
.nav.nav-tabs.presentations {
  border-bottom: none;
}
.nav.nav-tabs.presentations li a {
  background: rgba(0,0,0,.33);
  border: 1px solid red;
  border-radius: .2em;
  display: inline-block;
  font-size: 1.33em;
  font-weight: 600;
  margin: 0 .1em .1em 0;
  padding: .5em 2em;
}
.nav.nav-tabs.presentations li a:active, 
.nav.nav-tabs.presentations li a:focus, 
.nav.nav-tabs.presentations li a:hover {
  background: rgba(0,0,0,.66);
  color: #fff;
  text-decoration: none;
}
.nav.nav-tabs.presentations li.intro a {
  color: #fff;
}

.segment {
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
}
.segment.intro {
  background: url(../images/venues/sector_cityscape_bwr1.jpg) no-repeat center top;
  background-size: cover;
  border-top: 1px solid #EF3B39;
  border-bottom: 1px solid #EF3B39;
  color: #fff;
  margin: 0;
  text-align: center;
}
.segment.intro h1 {
  font-size: 4em;
}
.segment.intro h2 {
  font-size: 2em;
  line-height: .75em;
}
.segment.intro h1, .segment.intro h2 {
  line-height: .9em;
  text-transform: uppercase;
}
.segment.intro h2 {
  line-height: 1.1em;
}
.segment.intro h3 a {
  color: #efefef;
}
.segment.intro h3 a:active, 
.segment.intro h3 a:focus, 
.segment.intro h3 a:hover {
  color: #fff;
  text-shadow: 0 0 6px rgba(255,255,255,.33);
}
.segment.intro hr {
  border-top: 1px solid #EF3B39;
  border-bottom: 1px solid rgba(0,0,0,.66);
  max-width: 50%;
}
.segment.crowd {
  background: url('../images/backgrounds/sector-banner-1024x554.jpg') no-repeat center center;
}
.segment.red {
  background: rgba(187,45,41,.66); /* Hex: #BB2D29 */
}
.segment.red:before, .segment.light:before, .segment.dark:before {
  background: transparent url(../images/backgrounds/sector-a.jpg) no-repeat center center;
  background-size: cover;
  content: ' ';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.segment.red hr {
  background-color: #fff;
}

.segment.red h2, .segment.red h3, .segment.red h4, .segment.red p {
  text-shadow: 0 2px 1px rgba(0,0,0,.33);
}
.segment.dark {
  background: rgba(34,34,34,.66); /* Hex: #222 */
}
.segment.light {
  background: rgba(244,244,244,.9); /* Hex: #f4f4f4 */
}
.segment.light h2, .segment.light h3, .segment.light h4, .segment.light p, .segment.light li {
  color: #222;
  text-shadow: 0 2px 1px rgba(0,0,0,.1);
}
.segment.light .popup h2, .segment.light .popup h3, .segment.light .popup h4, .segment.light .popup p, .segment.light .popup li, 
.segment.light .photo-splash h2, .segment.light .photo-splash h3, .segment.light .photo-splash h4, .segment.light .photo-splash p, .segment.light .photo-splash li {
  color: #fff;
}
.segment.parallax {
  background-attachment: fixed;
  background-size: cover;
}

.social {
  cursor: pointer;
  display: inline-block;
  height: 52px;
  margin: 0 .66em;
  position: relative;
  text-decoration: none;
  width: 52px;
}
.social:before {
  background: #fff;
  border-radius: 10px;
  content: ' ';
  display: block;
  height: 100%;
  transition: all .2s ease-in;
  width: 100%;
  z-index: -1;
}
.social:hover:before, 
.social:active:before {
  background: #000;
}
.social:after {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: ' ';
  display: block;
  height: 100%;
  filter: invert(1);
  margin: auto;
  max-height: 50%;
  max-width: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.social.mailing-list:after {
  background-image: url(../images/icons/email.png);
}
.social.facebook:after {
  background-image: url(../images/icons/facebook.png);
}
.social.flickr:after {
  background-image: url(../images/icons/flickr.png);
}
.social.linkedin:after {
  background-image: url(../images/icons/linkedin.png);
}
.social.twitter:after {
  background-image: url(../images/icons/x.png);
}
.social.youtube:after {
  background-image: url(../images/icons/youtube.png);
}
.social.x:after {
  background-image: url(../images/icons/x.png);
}
.social:hover:after {
  filter: invert(0);
}


/* special callout for Know Before You Go, on the landing page (main shared styles are in theme.css) */
.special-callout {
  background-image: url(https://www.blackhat.com/images/backgrounds/sector-b.jpg);
}

/* Special Notification creates a box you can use to draw attention to special messaging. See us-20/scholarships.html for use example. */
.special-notification {
  border-color: #EF3B39;
  box-shadow: 0 0 10px rgba(239,59,57,.35); /* #EF3B39 */
}
.special-notification:before {
  background: #EF3B39;
  background: transparent url(../images/sector/icon.png) no-repeat center center;
  background-size: contain;
  border: 1px solid #EF3B39;
  box-shadow: 0 0 15px 5px rgba(239,59,57,.35); /* RGB for hex: #EF3B39 */
}

.tracks img {
  max-width: 100px;
}

table.generic tbody tr td {
  border-color: #EF3B39;
}
/* Use for any row of THs that is not the very first */
table.generic tr.subheader th, 
.field-item table thead tr th {
  border-color: #EF3B39;
}
table.generic tbody tr:last-child td, 
.field-item table tr:last-child td {
  border-color: #EF3B39;
}
/* Pass Comparison-specific table styles, for use example see sector/2023/pass-comparison.html */
table.pass-comparison td.booth-staff, 
table.pass-comparison th.booth-staff, 
table.pass-comparison tr:nth-child(odd) td.booth-staff, 
table.pass-comparison tr:nth-child(even) td.booth-staff {
  background-color: #EF3B39; /*#9e2421*/
}
table.pass-comparison td.in-person, 
table.pass-comparison th.in-person, 
table.pass-comparison tr:nth-child(odd) td.in-person, 
table.pass-comparison tr:nth-child(even) td.in-person {
  background-color: #EF3B39;
}

table.pass-comparison td.virtual, 
table.pass-comparison th.virtual, 
table.pass-comparison tr:nth-child(odd) td.virtual, 
table.pass-comparison tr:nth-child(even) td.virtual {
  background-color: #BB2D29;
}


/* Some images on Event Sponsors are blue, make them gray so they don't stand out */
.turnbuckle_plus.img {
  filter: grayscale(100%);
}
table.exhibitorList img.social-icon {
  filter: grayscale(100%);
  transition: all .2s ease-in;
}
table.exhibitorList img.social-icon:active, 
table.exhibitorList img.social-icon:focus, 
table.exhibitorList img.social-icon:hover {
  filter: none;
}

/* 
  MailChimp Form Embed Code - Classic - 12/17/2015 v10.7
  Taken from:
  https://cdn-images.mailchimp.com/embedcode/classic-071822.css
*/
#mc_embed_signup form {display:block; position:relative; text-align:left; margin: 20px}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: fit-content; width: -moz-fit-content;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px; display:grid;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .mc-address-fields-group {display:flex; flex-direction:row; justify-content:space-evenly; width:96%; gap:15px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .foot {display:grid; grid-template-columns: 3fr 1fr; width:96%; align-items: center;}
@media screen and (max-width:400px) {#mc_embed_signup .foot {display:grid; grid-template-columns: 1fr; width:100%; align-items: center;}}

@media screen and (max-width:400px) {#mc_embed_signup .referralBadge {width:50%;}}

#mc_embed_signup .brandingLogo {justify-self:right;}
@media screen and (max-width:400px) {#mc_embed_signup .brandingLogo {justify-self:left;}}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc_embed_signup .helper_text {color: #8d8985; margin-top: 2px; display: inline-block; padding: 3px; background-color: rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; font-weight: normal; z-index: 1;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:3px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

/* MailChimp CSS overrides */
#mc_embed_signup .email {
  background: #fff;
  min-height: auto;
  padding: auto;
}
#mc_embed_signup .helper_text {
  background: transparent;
  color: #fff;
}
#mc-embedded-subscribe {
  margin-left: 0;
}

/* End: landing page styles */



/* Background declarations */
body {
  background: #000 url(../images/backgrounds/sector-a.jpg) top center no-repeat;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px;
  font-weight: 400;
}

h1 {
  background: none;
}
h1, h2, h3, h4, h5, 
main fieldset legend, 
nav.main,
.left-col-anchors, 
.page-anchors,
.price-box,
.price-box-wrapper a .left, 
#site-footer .links p strong {
  font-family: 'Inter', sans-serif !important;
  font-weight: 900;
  text-transform: capitalize;
}

main {
  background: url(../images/backgrounds/sector-b.jpg) bottom center no-repeat;
  min-height: 648px;
  padding-bottom: 648px; /* Give some vertical padding at bottom so text is easier to read over the complex background */
}

hr {
  background: #BB2D29;
}

main ul, 
.training-short-abstract ul {
  list-style-image: url(../images/icons/bullet-red.png);
}

.alert {
  background: url(../images/backgrounds/sector-b.jpg) no-repeat top right;
  box-shadow: 0 0 15px 5px rgba(69,38,38,.35); /* RGB for hex: #452626 */
}

/* Header overrides */
.event-reg {
  margin-bottom: 0;
}

.event-reg .event-header-logo a img {
  margin-top: -.25em;
  width: 80%;
}


/* Header: 'Register Now' button */
.main-action-button {
  color: #BB2D29;
  padding: 15px 20px;
  text-shadow: 0 2px rgba(255,255,255,.5);
  width: 70%;
}
.main-action-button span {
  line-height: .75em;
  position: relative;
  bottom: -.02em;
}
.main-action-button, 
.main-action-button:active,
.main-action-button:focus,
.main-action-button:hover {
  box-shadow: none;
}
.main-action-button.special-font-bold {
  font-size: 1.6em;
  font-weight: 600;
}


/* Date */
.event-reg .event-header-info .event-date-location {
  color: #fff;
  line-height: 1em;
}
.event-reg .event-header-info .event-date-location.special-font-bold {
  font-size: 2.5em;
  font-weight: 800;
  letter-spacing: 0em;
  text-transform: none;
}
/* Location */
.event-reg .event-header-info .event-date-location.special-font-bold .special-font-regular {
  font-weight: 400;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/*
Styles for an HR tag in the date/location area

.event-date-location hr, 
.event-date-location hr:before, 
.event-date-location hr:after {
  height: 1px;
}
.event-date-location hr:before, .event-date-location hr:after {
  background: #EF3B39;
}
.event-date-location hr:before {
  background: linear-gradient(to left, #EF3B39 70%, rgba(255,0,0,0));
  left: 0;
}
.event-date-location hr:after {
  background: linear-gradient(to right, #EF3B39 70%, rgba(255,0,0,0));
  right: 0;
}
*/


/* Event Intro container overrides, mostly used for intro on event landing page */
.event-intro {
  background: rgba(0,0,0,.66);
  border-color: #942f33;
}
.event-intro hr {
  background: #EF3B39;
  background: linear-gradient(to right, #EF3B39, rgba(255,0,0,0));
}


/* Link colors */
a,
.action,
.blue-bottom h3,
h6,
.link-box h2,
main .toggle h2,
.portal-footer a,
.toggle .speaker-front-page,
.view-more {
  color: #EF3B39;
}
a:hover, a:active, a:focus {
  color: #fcb2b7;
}

.featured h2 {
  text-shadow: 0 1px 1px rgba(0,0,0,.33);
}


/* Link Box is intended as a block display anchor in which the whole box and all its text content are linked, for example see Features page IE features.html */
.link-box, a.link-box {
  border-color: #EF3B39;
}
.link-box::after, a.link-box::after {
  background-image: url(../images/sector/logo-black-red.png);
}
.link-box:hover, .link-box:active, .link-box:focus, 
a.link-box:hover, a.link-box:active, a.link-box:focus {
  border-color: #fcb2b7;
}


/* Buttons - background and border colors */
.btn, 
.course-preview-button {
  /* Note - Some btn attributes need !important, to work consistently on pages with bootstrap-modal CSS, which itself overrides some btn-specific styles and loads after the main theme. */
  background: #BB2D29 !important;
  border: 1px solid #EF3B39 !important;
  font-weight: 600;
}
.btn:hover, 
.course-preview-button:hover {
  background: #EF3B39 !important;
}

/* Schedule Builder/Vierwer overrides. Force-overwrites styles in /css/schedule-viewer-2021-theme.min.css */
.sb_button, .alpha-tab.active, .day-tab.active, .start_time_wrapper, .speaker_letter {
  background: #BB2D29 !important;
  border-color: #EF3B39 !important;
}
.schedule-calendar .training-short-abstract ul li {
  list-style-image: url(../images/icons/bullet-red.png) !important;
}

.announce_header, .anounce_header {
  background: #BB2D29 !important; /* overwrite inline styles on unscheduled announcement date headers in SV. 2nd selector is due to misspelling in original */
}

/* Image outline override */
.thumb {
  border-color: #EF3B39;
}

/* Section Title - applied to H1/H2/H3/etc to give a linear-bottom border, with a small gradient flourish beneath and towards the left-hand side. */
.section-title {
  border-bottom: 1px solid #EF3B39;
}
.section-title:after {
  background-image: radial-gradient(rgba(255,255,255,.66) 5%, rgba(251,126,134,.5) 30%, transparent 65%);
}

/* Used for instance on the available-webcasts page. */
.dated h2 {
  color: #EF3B39;
}

/* Top Bar - Sub-menu items */
#top-bar ul.navbar-nav li.nav-item.dropdown a.dropdown-item {
  background: #BB2D29;
}
#top-bar ul.navbar-nav li.nav-item.dropdown a.dropdown-item:focus,
#top-bar ul.navbar-nav li.nav-item.dropdown a.dropdown-item:hover {
  background: #EF3B39;
  text-shadow: 0 0 5px rgba(0,0,0,.5);
}
/* End - Top Bar - Sub-menu items */

/* Main Menu - Sub-menu items */
#main-menu .dropdown-menu {
  background: #BB2D29;
}
#main-menu .dropdown-menu a.dropdown-item:hover,
#main-menu .dropdown-menu a.dropdown-item:focus {
  background: #EF3B39;
  text-shadow: 0 0 5px rgba(0,0,0,.5);
}

#event-main-nav-append {
  background: #9c2f35;
  margin-bottom: 1em;
}
/* End - Main menu overrides */

/* Time-zone Banner */
#event-main-nav-append {
  background: #9c2f35;
}
/* Larger screens/devices only, as the Time-zone banner can otherwise cause horizontal overflow on small screens */
@media (min-width: 576px) {
  #event-main-nav-append:before {
    background: linear-gradient(to left, #9c2f35, transparent);
  }
  #event-main-nav-append:after {
    background: linear-gradient(to right, #9c2f35, transparent);
  }
}
/* End - Time-zone Banner */


/* Partner logos across bottom of certain pages */
.partners {
  background: linear-gradient(#222, #000, #222);
  border-bottom: 1px solid #BB2D29;
}
.partners a {
  background: #222;
  border: 1px solid #BB2D29;
}
.partners a:active,
.partners a:focus,
.partners a:hover {
  box-shadow: 0 0 10px rgba(187,45,41,.33); /* #BB2D29 */
}

/* Partners - tall version, displayed at bottom right of event landing page */
.home-sponsor-anchor a, 
.sponsor-anchor a/*, 
.exhibitor-logo*/ {
  background: #222;
  background: linear-gradient(#222, #000, #222);
  border-top: 1px solid #BB2D29;
  border-bottom: 1px solid #BB2D29;
}

h2 span {
  color: #EF3B39;
}

.item-box strong {
  font-family: 'Inter', sans-serif;
}


/* Pricing boxes */
.price-box span, 
a.price-box-active, 
a.price-box-inactive {
  background: #452626;
  background: linear-gradient(#452626, #000, #452626);
  color: #333;
  text-transform: none;
}

/* For gradient border, layer pseudo-element 'before' behind parent, increasing size by 1px all around */
.price-box span:before, 
a.price-box-active:before, 
a.price-box-inactive:before {
  background: #BB2D29;
  background: linear-gradient(#EF3B39, #000, #BB2D29);
}
.price-box span.current:before, 
a.price-box-active:before {
  background: #b6b6b6;
}
.price-box span header, 
a.price-box-active .left, 
a.price-box-active:hover .left, 
a.price-box-inactive .left, 
a.price-box-inactive:hover .left {
  border-bottom: 1px solid #452626;
  color: #eee;
}
.price-box span:hover,
.price-box span:hover header, 
a.price-box-active:hover, 
a.price-box-active:hover .left, 
a.price-box-inactive:hover, 
a.price-box-inactive:hover .left {
  color: #fff;
  text-shadow: 0 0 5px rgba(255,255,255,.5);
}

.price-box span.current, 
a.price-box-active {
  background: #f5f5f5;
  background: linear-gradient(#f5f5f5, #b0b0b0);
  color: #333;
}
.price-box span.current:hover, 
a.price-box-active:hover {
  box-shadow: 0 0 20px 0 rgba(255,255,255,.66);
}
.price-box span.current header, 
a.price-box-active h2 {
  border-color: #b6b6b6;
  box-shadow: 0 5px 10px rgba(124,124,124,.1);
  color: #333;
}
.price-box:hover span.current,
.price-box:hover span.current hover, 
a.price-box-active, 
a.price-box-active:hover {
  color: #111;
  text-shadow: 0 0 5px rgba(255,255,255,.5);
}
a.price-box-active .left, 
a.price-box-active:hover .left {
  color: #333;
}

/* Price boxes for group registration */
.price-box span.group {
  background: #24688c;
  background: linear-gradient(#24688c, #263744, #24688c);
  color: #fff;
}
.price-box span.group header {
  box-shadow: 0 5px 10px rgba(0,0,0,.15);
}
.price-box span.group h2,
.price-box span.group h3 {
  color: #eee;
}
.price-box span.group:hover,
.price-box span.group:hover h2,
.price-box span.group:hover h3 {
  color: #fff;
  text-shadow: 0 0 2px rgba(255,255,255,.5);
}
/* End: Price boxes for group registration */

/* Price boxes & status bars for canceled courses */
.training-data .course-progress-bar.canceled {
  background: #333;
  box-shadow: inset -1px -1px 3px #8B0000;
  font-family: 'Inter', sans-serif;
}
.training-data .course-progress-bar-fill.canceled {
  background: none;
}
.price-box-active.canceled, 
.price-box-inactive.canceled {
  background: #565656;
  background: linear-gradient(#565656, #343434);
}
.price-box-active.canceled:before,
.price-box-inactive.canceled:before {
  background: #111;
}
.price-box-active.canceled .left, 
.price-box-inactive.canceled .left {
  border-color: #222;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
}

.price-box-active.canceled:hover h2,
.price-box-active.canceled:hover h3, 
.price-box-inactive.canceled, 
.price-box-inactive.canceled h2,
.price-box-inactive.canceled h3, 
.price-box-inactive.canceled:hover, 
.price-box-inactive.canceled:hover h2,
.price-box-inactive.canceled:hover h3 {
  color: #333;
  text-shadow: none;
}
/* End: Price boxes & status bars for canceled courses */
/* End pricing boxes */

.left-col-link-uptri li a {
  background: #BB2D29;
  border-color: #EF3B39;
}
.left-col-link-uptri li a:before {
  background: #452626;
  color: #EF3B39;
}
.left-col-link-uptri li a:hover span:before,
.left-col-link-uptri li a:active span:before {
  color: #9cedff;
  text-shadow: 0 0 25px #000;
}

.right-col-anchors li a {
  background: #BB2D29;
  border-color: #EF3B39;
}
.right-col-anchors li a:active, 
.right-col-anchors li a:focus, 
.right-col-anchors li a:hover {
  background: #EF3B39;
}

/* Button to link to sub-section - used in side column */
.subsection-button {
  background: #BB2D29;
  border-color: #EF3B39;
}
.subsection-button span:before {
  background: #452626;
  color: #EF3B39;
}
.subsection-button:hover span:before,
.subsection-button:active span:before {
  color: #9cedff;
}

/* For use at the top of pages like /trainings/index.html, /briefings/index.html, et al */
.subsection-header {
  border-color: #6acdec;
}

/*
  Item Box is used for instance on /briefings/index.html.
  It is similar to the treatment used on /trainings/index.html but not identical.  See trainings-2018.css for styles used there.
  Item Box is intended to be used for generic non-linked containers which may or may not contain links themselves, whereas the Trainings layout is itself a single linked box.
  If presented inside a container with class 'd-flex' applied, Item Box siblings will use Flex.
*/
.item-box {
  background: linear-gradient(#002938, #000);
}
.item-box,
.item-box .event-name {
  border-color: #6acdec;
}

/*
  Pop-up 'modal' window styles, used for example on ciso-summit.html pages in event site sub-directories.
  Respectfully adapted from https://codepen.io/sahil4test/pen/xERYvX
*/
.popup {
  background: #452626;
  background: linear-gradient(#452626, #111, #452626);
}
/* End pop-up window styles */


/* schedule.html CONFERENCE AT A GLANCE table */
.conference-table table tr th {
  border-color: #BB2D29;
}
/*  Define the background color for all the ODD table columns  */
.conference-table tr td:nth-child(odd){
  background: rgba(51,18,18,.5); /* 331212 */
}
/*  Define the background color for all the EVEN table columns  */
.conference-table tr td:nth-child(even){
  background: rgba(64,23,23,.5); /* 401717 */
}
.conference-table tr td {
  border-color: #401717;
}
.conference-table a, .conference-table a:hover, .conference-table a:focus {
  background-color: red;
  background: linear-gradient(to right, #BB2D29 , #EF3B39);
}


/* Page anchors (left col in-page anchor links) */
.left-col-anchors li {
  border-color: #BB2D29;
}
.left-col-anchors li:first-of-type {
  border-color: #BB2D29;
}


/* 
  Event Sponsors modifications - for event-sponsors.html

  - Turn on/off visibility of 'products and services'
  - ~~Hide Booth column~~
*/
/* table.exhibitorList tr .booth, */
span#sort_divider, 
a#sort_product_service {
  display: none;
}

/* Footer overrides */
#eucookielawcontainer .padding {
  border-color: #BB2D29;
}
#informa-footer {
  border-top: 1px solid #BB2D29;
}
#informa-footer .divisional-footer {
  background: linear-gradient(to bottom, rgba(0,0,0,.5), 10%, #222);
}
#informa-footer .divisional-footer.color {
  background: rgba(34,34,34,.66);
}
#informa-footer .divisional-footer.color:before {
  background: transparent url(../images/backgrounds/sector-a.jpg) no-repeat center top;
}
#informa-footer .divisional-footer .divisional-footer-container ul.list-inline.social-icons li a i.trigger-sc-event:hover:before, 
#informa-footer .divisional-footer .divisional-footer-container ul.list-inline.social-icons li a i.trigger-sc-event:active:before {
  box-shadow: 0 0 15px rgba(119,119,119,.66);
}
#informa-footer .divisional-footer .divisional-footer-container .working ul {
  border-right: 1px solid #777;
}
#informa-footer .divisional-footer .divisional-footer-container .privacy-policy {
  border-top: 1px solid #777;
}


/* Media queries */
/* Small screens/devices only */
@media (max-width: 991px) {
  .event-date-location {
    margin-bottom: 1em;
  }

  #top-bar li.nav-item,
  #main-menu li.nav-item {
    background: linear-gradient(to right, transparent, rgba(162,53,59,.5), transparent);
    border-bottom: 1px solid #fcb2b7;
  }

  #top-bar li.nav-item a.nav-link,
  #main-menu li.nav-item a.nav-link,
  .navbar-brand {
    font-family: 'Inter', sans-serif;
  }
}

/* Large screens/devices only */
@media (min-width: 992px) {
  .event-header-logo span {
    font-size: .8em;
    margin-right: 1%;
  }

  .event-reg.sitewide {
    padding-bottom: 2em;
  }
  .event-header-logo span {
    text-align: right;
  }
  /* Event Menu - remove background and border for larger screens */
  #main-menu-wrapper {
    background: none;
    border: none;
  }
  /* Main menu styles for large screens only */
  .main-action-button {
    display: block;
    max-width: 80%;
    white-space: nowrap;
  }
  .navbar .navbar-brand {
    display: none;
  }

  /* Site Menu */
  #top-bar ul.navbar-nav li.nav-item a.nav-link:focus,
  #top-bar ul.navbar-nav li.nav-item a.nav-link:hover {
    background: linear-gradient(rgba(162,53,59,.66), #000); /* Hex for RGBA: #BB2D29 */
  }

  /* Event Menu */
  #main-menu li.nav-item a.nav-link {
    background: rgba(0,0,0,.8) url(../images/main-menu/main-nav-parent-link-bg-red.png) no-repeat center center;
    border-color: 1px solid #444;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    text-shadow: 1px 1px 2px #000, 1px 1px 25px #EF3B39;
  }
  #main-menu li.nav-item a.nav-link:focus,
  #main-menu li.nav-item a.nav-link:hover {
    background: #BB2D29;
    background: rgba(162,53,59,.75) url(../images/main-menu/main-nav-parent-link-bg-active-red.png) no-repeat center 25px;
  }

  /* Turn off down arrows to right of top-menu items with dropdown sub-menus. */
  #main-menu .dropdown-toggle:after {
    color: #EF3B39;
  }

  /* Remove default borders between main menu top-level nav items */
  #main-menu li.nav-item a.nav-link {
    border-left: none;
  }


  /* Site Menu - Sub-menu items - large screens only */
  #landing-menu ul.navbar-nav li.nav-item.dropdown {}
  #landing-menu ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
    font-size: .9em;
  }
  #landing-menu ul.navbar-nav li.nav-item.dropdown a.dropdown-item {
    text-align: left;
  }
  /* Show sub-menu items on hover over parent */
  #landing-menu li.dropdown:hover > .dropdown-menu {
    display: block;
  }


}
/* End of large-screens/devices */

@media (min-width: 1200px) {
  .price-box-wrapper .span-4 {
  /* span-4 is the container for the price boxes in the schedule viewer (detailed view) */
    min-width: auto;
   width: 30%; /* 95% for 1, 48.2% for 2, 30% for 3, 22% for 4 */
  }
}