/*

Event site overrides to default Bootstrap theme styles in /bootstrap/theme.css

*/

@import url('https://www.blackhat.com/bootstrap/fonts-2024.css');

body {
  background: #000 url(https://www.blackhat.com/images/backgrounds/2023-a.jpg) top right no-repeat;
}

main {
  background: url(https://www.blackhat.com/images/backgrounds/2023-b.png) bottom left no-repeat;
  min-height: 648px;
  padding-bottom: 300px; /* Give some vertical padding at bottom so text is easier to read over the complex background */
}

main h1 {
  background: none;
}

/* <main> having a background seems to reset height for featured:before. Hide it on this event site, and use a traditional border for .featured instead. */
main .container .d-flex .featured {
  border: 1px solid #444;
}
main .container .d-flex .featured:before {
  display: none;
}

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

.event-date-location hr, 
.event-date-location hr:before, 
.event-date-location hr:after {
  height: 1px;
}

.event-intro {
  background: rgba(0,0,0,.66);
}

/* Header: 'Register Now' button */
.main-action-button, 
.main-action-button:active,
.main-action-button:focus,
.main-action-button:hover {
  box-shadow: none;
}

/* 
  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, 
#sortProductsAndServices {
  display: none;
}

/* Override colors for Sponsors page charts sections */
.breakdown.dark header {
  background: #3468d7;
}
.breakdown.dark ul li::before {
  color: #3468d7;
}
.breakdown.light header {
  background: #4da5e9;
}
.breakdown.light ul li::before {
  color: #4da5e9;
}
.breakdown.medium header {
  background: #c63fa7;
}
.breakdown.medium ul li::before {
  color: #c63fa7;
}

.top-industries header {
  background-color: #4da5e9;
}
.top-industries ul li::before {
  color: #4da5e9;
}
.top-industries .financial header {
  background-color: #3468d7;
}
.top-industries .financial ul li::before {
  color: #3468d7;
}
.top-industries .government header {
  background-color: #4da5e9;
}
.top-industries .government ul li::before {
  color: #4da5e9;
}
.top-industries .manufacturer header {
  background-color: #3468d7;
}
.top-industries .manufacturer ul li::before {
  color: #3468d7;
}
.top-industries .telecom header {
  background-color: #3468d7;
}
.top-industries .telecom ul li::before {
  color: #3468d7;
}
.top-industries .transportation header {
  background-color: #4da5e9;
}
.top-industries .transportation ul li::before {
  color: #4da5e9;
}

/* Sponsors page charts, map background */
/*
.map {
  background: url(../images/usa-map.png) no-repeat center center;
  background-size: cover;
  min-height: 25em;
  padding: 5em 2.5em;
  text-shadow: 0 2px 2px #000;
}
.map hr {
  margin: .75em auto;
}
*/

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

/* Large screens/devices only */
@media (min-width: 992px) {
  .event-header-logo span {
    font-size: .8em;
    margin-right: 1%;
  }
  /* Right-align the registration button, date, and location in the header */
  /*
  .event-header-info {
    text-align: right;
  }
  .main-action-button {
    display: inline-block;
  }
  */

  /* Remove default borders between main menu top-level nav items */
  #main-menu li.nav-item a.nav-link {
    border-left: none;
  }
}
@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: 22%; /* 95% for 1, 48.2% for 2, 30% for 3, 22% for 4 */
  }
}