/* -------------------------------------------------------
   GLOBAL RESET & BASE
------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body, * {
  font-family: "adobe-clean", Arial, sans-serif;
}

/* -------------------------------------------------------
   BUTTONS & LINKS
------------------------------------------------------- */
a.btn.btn-primary,
a.btn.btn-secondary,
button.btn.btn-primary,
.button > .attendease-block-content > .col-xs-12 > p > a.btn-primary,
.btn,
a.btn.btn-default,
button.btn.btn-default,
.button > .attendease-block-content > .col-xs-12 > p > a.btn-default,
a.btn.btn-danger,
button.btn.btn-danger,
.button > .attendease-block-content > .col-xs-12 > p > a.btn-danger {
  line-height: 1.35;
  border-radius: 40px;
  padding: 5px 18px 6px;
  font-size: 14px;
}

/* DEFAULT BUTTON */
button.btn.btn-default {
  background-color: transparent;
  border: 2px solid #505050;
  border-radius: 16px;
}

button.btn.btn-default:hover {
  background-color: #505050;
  color: #fff;
  box-shadow: none;
}

a.btn.btn-primary:hover,
a.btn.btn-primary:focus,
button.btn.btn-primary:hover {
  box-shadow: none !important;
}

/* -------------------------------------------------------
   NAVIGATION
------------------------------------------------------- */
.attendease-global-header .attendease-portal-style-nav.navbar .navbar-nav > li a {
  padding-top: 10px 15px !important;
}

.attendease-global-header .attendease-portal-style-nav.navbar .navbar-nav > li a:hover,
.attendease-portal-style-nav #attendease-navbar-collapse .navbar-nav .nav-item-active > a:hover {
  background-color: transparent !important;
  border-radius: 40px;
  border: 2px solid #fff;
  color: #fff;
}

/* Show right-side navbar */
.nav.navbar-nav.navbar-right {
  display: block !important;
}

/* -------------------------------------------------------
   HERO SECTION
------------------------------------------------------- */
.hero {
  background: #6919ed;
  color: #707070;
  font-size: 18px;
  padding: 4%;
}

.hero * {
  color: #505050;
}

.attendease-hero-head-text {
  font-size: 32px;
  margin-bottom: 1em;
}

.attendease-hero-text p {
  color: #707070;
  line-height: 26px;
  margin-bottom: 1.5em;
}

#hero-cta {
  background: #1473e6;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
  border-radius: 60px;
}

.hero-pic {
  display: none;
}

/* Desktop hero layout */

@media only screen and (min-width: 600px) {

.hero {
  font-size: 22px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.attendease-hero-text {
  width: 56%;
  max-width: 800px;
  margin: 0 auto;
}

.hero-pic {
  background: 100% 50% no-repeat;
  background-size: contain;
  display: block;
  width: 40%;
  max-width: 500px;
}

}

/* -------------------------------------------------------
   ATTENDEASE HERO BLOCK CUSTOM
------------------------------------------------------- */

#attendease-block-hero.custom-promo {
  height: 650px !important;
}

#attendease-block-hero.custom-promo .attendease-block-hero-filter {
  background-position: center right;
  background-size: contain;
  width: 60%;
  top: 58px;
  right: 0;
  height: 685px;
}

#attendease-block-hero.custom-promo .attendease-content-section h1 {
  max-width: 615px;
  font-size: 45px;
  line-height: 50px;
  width: 43%;
  margin: 30px 0;
}

#attendease-block-hero.custom-promo .attendease-content-section p.attendease-hero-text {
  width: 40%;
  font-size: 26px;
  margin-bottom: 65px;
}

#attendease-block-hero.custom-promo .attendease-content-section p.attendease-hero-cta-text a.btn {
  font-size: 24px;
  width: 200px;
  line-height: 30px;
  padding: 7px 18px 8px;
}

/* -------------------------------------------------------
   CARDS
------------------------------------------------------- */

.attendease-block-cards.custom-cards .attendease-block-content .thumbnail.text_on_top_image.text-vertical-bottom .caption {
  height: 100%;
  bottom: 0 !important;
}

.attendease-block-cards.custom-cards .attendease-block-content .thumbnail .caption h3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: left;
}

/* -------------------------------------------------------
   VIDEO GRID
------------------------------------------------------- */

.website-styles .attendease-block-video-grid-3 .attendease-block-content .video-wrapper .play-icon-overlay {
  background: #1473e6;
}

/* -------------------------------------------------------
   SPEAKERS
------------------------------------------------------- */

.attendease-block.custom-speakers .presenter-info .presenter-company,
.attendease-block.custom-speakers .presenter-info .presenter-title {
  font-weight: 400;
}

.attendease-block-presenters-modal .modal-footer {
  text-align: center;
}

/* -------------------------------------------------------
   TWO-COLUMN CUSTOM LAYOUT
------------------------------------------------------- */

.attendease-block.custom-two-col-left,
.attendease-block.custom-two-col-right {
  float: left;
  width: 50%;
}

.attendease-block.custom-two-col-left {
  padding-top: 30px;
}

.body.layout-max-width .container .attendease-block-content {
  padding: 0 !important;
}

.attendease-block.custom-two-col-right .attendease-block-content .row .col-md-8.col-md-offset-2,
.attendease-block.custom-two-col-right .attendease-block-content .row .col-md-6.col-md-offset-3 {
  width: 100%;
  margin-left: 0;
}

@media (max-width: 899px) {

.attendease-block.custom-two-col-left,
.attendease-block.custom-two-col-right {
  width: 100%;
}

}

/* -------------------------------------------------------
   SPONSOR LEVEL
------------------------------------------------------- */

.sponsor-level h2 {
  font-family: "adobe-clean", Arial, sans-serif;
  font-size: 22px;
  font-weight: bold;
}

/* -------------------------------------------------------
   VIDEO MARQUEE
------------------------------------------------------- */

#event-marquee-video.body.layout-max-width .container .attendease-block-content,
#event-marquee-video.attendease-block .attendease-block-content,
#event-marquee-video > div.body.layout-max-width .container .attendease-block-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* -------------------------------------------------------
   Currency statement
------------------------------------------------------- */

.attendease-registration-form .attendease-currency-statement {
  color: #fff;
}

/* -------------------------------------------------------
   ALS AGENDA HORIZONTAL TRACK LAYOUT
------------------------------------------------------- */

/* layout simultaneous sessions horizontally */
.als-agenda .agenda-session-group,
.als-agenda .sessions,
.als-agenda .agenda-group,
.als-agenda .agenda-items,
.als-agenda .agenda-session-list {

  display: grid;
  grid-template-columns: repeat(4, 1fr); /* change if track count changes */
  gap: 20px;
  align-items: stretch;

}

/* session cards fill grid columns */
.als-agenda .session,
.als-agenda .agenda-session,
.als-agenda .agenda-item {

  width: 100%;
  margin: 0;

}

/* spacing between time groups */
.als-agenda .time-block,
.als-agenda .agenda-time-group {

  margin-bottom: 40px;

}

/* subtle hover effect */
.als-agenda .session:hover,
.als-agenda .agenda-session:hover,
.als-agenda .agenda-item:hover {

  transform: translateY(-3px);
  transition: all .2s ease;

}

/* -------------------------------------------------------
   MOBILE RESPONSIVE
------------------------------------------------------- */

@media (max-width: 900px) {

  .als-agenda .agenda-session-group,
  .als-agenda .sessions,
  .als-agenda .agenda-group,
  .als-agenda .agenda-items,
  .als-agenda .agenda-session-list {

    grid-template-columns: 1fr;

  }

}