#section-hero .graphic-right img {
  max-width: 100%;
  width: 600px;
}
#section-2 > div {
  background-color: #26275f;
}
.subnav,
.bg-secondary-dark {
  background-color: #26275f !important;
}
.subnav nav div:first-child .btn {
  background-image:url('/wp-content/uploads/bg-gradient-purple-orange-1920x1080-251202-1.jpg');
  background-size: contain;
  color: #fff;
}
.subnav nav div:first-child .btn:hover {
  background-size: cover;
  color: #26275f !important;
}

#speakers .right-column a:focus:after {
  background-color: transparent;
}

#video iframe {
  border: 15px solid white;
  rotate: -3deg;
  background-color: #000;
}

.btn-bg-gradient {
  background-image:url('/wp-content/uploads/bg-gradient-purple-orange-1920x1080-251202-1.jpg');
  background-size: contain;
  color: #fff !important;
  outline: 3px solid #c55d98;
}

.btn-bg-gradient:hover {
  background-size: cover;
}

.btn-bg-gradient::before {
  display: none;
}

.countdown-timer {
  position: relative;
  right: auto;
  rotate: -1deg;
  top: auto;
}

@media(min-width: 767px) {
  .countdown-timer {
    margin-top: 100px;
    position: absolute;
    right: 5%;
    top: 50%;
  }
}

.countdown-timer button {
  color: #48bac4 !important;
}

.e26-speech-bubble {
  background-image: url('/wp-content/uploads/speech-bubble-300x288-251205-1.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: .25s rotate linear;
}

.e26-speech-bubble:hover {
  rotate: -15deg !important;
}



/*
photo gallery
*/

.gallery {
    column-count: 2;
    column-gap: 10px;
    padding: 0;
}

@media(min-width: 600px) {
  .gallery {
    column-count: 4;
  }
}

#photos .card {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin-bottom: 1rem;
  border-radius: 10px;
  overflow: hidden;
  background: #26275f;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  opacity: 0;
  transform: translate3d(0, 10px, 0);
}

#photos .card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s scale ease;
}

.gallery.inview .card {
  animation: var(--anim, fadeUp) var(--dur, 600ms) ease-out var(--d, 0ms) both;
  will-change: transform, opacity;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translate3d(0, 24px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes tiltIn {
  from {
    opacity: 0;
    transform: rotate(-2deg) translate3d(0, 20px, 0) scale(0.98);
  }
  to {
    opacity: 1;
    transform: rotate(0deg) translate3d(0, 0, 0) scale(1);
  }
}

@keyframes zoomInSoft {
  from {
    opacity: 0;
    transform: scale(0.96) translate3d(0, 12px, 0);
  }
  to {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
  }
}

@media(prefers-reduced-motion: reduce) {
  #photos .gallery.inview .card {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

#photos .card img:hover {
  scale: 1.15;
  rotate: -.75deg;
}