.elementor-1178 .elementor-element.elementor-element-06e64fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1178 .elementor-element.elementor-element-6113214{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-1178 .elementor-element.elementor-element-6113214:not(.elementor-motion-effects-element-type-background), .elementor-1178 .elementor-element.elementor-element-6113214 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1178 .elementor-element.elementor-element-ea33dbe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1178 .elementor-element.elementor-element-2e08d64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-1178 .elementor-element.elementor-element-2e08d64:not(.elementor-motion-effects-element-type-background), .elementor-1178 .elementor-element.elementor-element-2e08d64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1178 .elementor-element.elementor-element-2e08d64.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1178 .elementor-element.elementor-element-9957916 .elementor-heading-title{font-family:"Rasa", Sans-serif;font-size:15px;font-weight:400;text-transform:capitalize;color:var( --e-global-color-706ebf3 );}.elementor-1178 .elementor-element.elementor-element-504b19c .elementor-heading-title{font-family:"Rasa", Sans-serif;font-size:30px;font-weight:400;text-transform:capitalize;color:#FFFFFF;}.elementor-1178 .elementor-element.elementor-element-bf25a6e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:25px;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-25px;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-field-type-html{padding-bottom:0px;color:#000000;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-field-group .elementor-field{color:#000000;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-field-group .elementor-field, .elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-field-subgroup label{font-family:"Rasa", Sans-serif;font-size:20px;font-weight:400;text-transform:capitalize;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-706ebf3 );border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-706ebf3 );border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-706ebf3 );}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-button{font-family:"Rasa", Sans-serif;font-size:25px;font-weight:500;text-transform:uppercase;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-706ebf3 );color:#000000;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-button[type="submit"]{background-color:var( --e-global-color-706ebf3 );color:#000000;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .e-form__buttons__wrapper__button-next:hover{background-color:#000000;color:#ffffff;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-button[type="submit"]:hover{background-color:#000000;color:#ffffff;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-message{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-message.elementor-message-success{color:#FFFFFF;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-message.elementor-message-danger{color:#FF0000;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6 .elementor-message.elementor-help-inline{color:#2E5C37;}.elementor-1178 .elementor-element.elementor-element-5bc6dd6{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-1178 .elementor-element.elementor-element-ea33dbe{--width:50%;}.elementor-1178 .elementor-element.elementor-element-2e08d64{--width:50%;}}@media(max-width:767px){.elementor-1178 .elementor-element.elementor-element-6113214{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1178 .elementor-element.elementor-element-2e08d64{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-75b62c0 *//* reggae top stripe */
    .reggae-stripe {
      height: 3px;
      background: linear-gradient(90deg, var(--green), var(--gold), var(--red));
    }

/* HERO SECTION */
.hero-section {
  background: linear-gradient(160deg, #0d1f0d 0%, #1a3a1a 45%, #0a0a0a 100%);
  padding: 80px 40px 72px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* subtle background image overlay */
.hero-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('https://donnyrasta.com/wp-content/uploads/2025/07/DONNY-RASTA.webp') center / cover no-repeat;
  opacity: 0.05;
  pointer-events: none;
}

/* reggae stripe bottom */
.hero-section::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #228b22, #f0c040, #c0392b);
}

.hero-eyebrow {
  position: relative;
  font-size: 10px;
  color: #f0c040;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.hero-title {
  position: relative;
  font-family: 'Oswald', sans-serif;
  font-size: 60px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1;
  letter-spacing: 1px;
  margin-bottom: 16px;
}
.hero-title span {
  color: #f0c040;
}

.hero-sub {
  position: relative;
  font-size: 14px;
  color: #8a9a88;
  max-width: 460px;
  margin: 0 auto 36px;
  line-height: 1.8;
}

/* chips row */
.hero-chips {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.hero-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(240, 192, 64, 0.08);
  border: 0.5px solid rgba(240, 192, 64, 0.3);
  border-radius: 30px;
  padding: 9px 18px;
  font-size: 12px;
  color: #f0c040;
  text-decoration: none;
  transition: background 0.2s, border-color 0.2s;
  letter-spacing: 0.3px;
}
.hero-chip:hover {
  background: rgba(240, 192, 64, 0.15);
  border-color: #f0c040;
}
.hero-chip svg {
  width: 14px;
  height: 14px;
  fill: #f0c040;
  flex-shrink: 0;
}

/* TABLET */
@media (max-width: 768px) {
  .hero-section {
    padding: 56px 24px 52px;
  }
  .hero-title {
    font-size: 48px;
  }
}

/* MOBILE */
@media (max-width: 480px) {
  .hero-section {
    padding: 48px 16px 44px;
  }
  .hero-title {
    font-size: 38px;
  }
  .hero-sub {
    font-size: 13px;
  }
  .hero-chips {
    flex-direction: column;
    align-items: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd75670 *//* INFO SIDEBAR */
.info-sidebar {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* CARD WRAPPER */
.info-card {
  background: #1a1a1a;
  border: 0.5px solid #2a2a2a;
  border-radius: 10px;
  overflow: hidden;
}
.info-card-header {
  padding: 12px 18px;
  border-bottom: 0.5px solid #2a2a2a;
  font-size: 10px;
  font-weight: 500;
  color: #5a5a5a;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.info-card-body {
  padding: 18px;
}

/* DIRECT CONTACT ITEMS */
.contact-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 0.5px solid #2a2a2a;
  text-decoration: none;
  transition: opacity 0.2s;
}
.contact-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.contact-item:first-child {
  padding-top: 0;
}
.contact-item:hover {
  opacity: 0.75;
}
.contact-icon {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.contact-icon svg {
  width: 16px;
  height: 16px;
}
.ci-email { background: rgba(240, 192, 64, 0.1); }
.ci-email svg { fill: #f0c040; }
.ci-web   { background: rgba(34, 139, 34, 0.1); }
.ci-web svg   { fill: #228b22; }

.contact-detail-label {
  font-size: 10px;
  color: #5a5a5a;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}
.contact-detail-value {
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
}

/* SOCIALS GRID */
.socials-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.social-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #0a0a0a;
  border: 0.5px solid #2a2a2a;
  border-radius: 6px;
  text-decoration: none;
  font-size: 11px;
  font-weight: 500;
  color: #aaaaaa;
  transition: border-color 0.2s, color 0.2s;
  letter-spacing: 0.3px;
}
.social-btn:hover {
  border-color: #f0c040;
  color: #f0c040;
}
.social-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.sd-fb { background: #1877f2; }
.sd-ig { background: #e1306c; }
.sd-yt { background: #ff0000; }
.sd-tw { background: #1da1f2; }
.sd-tb { background: #35465c; }
.sd-pt { background: #e60023; }

/* STREAMING LIST */
.stream-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.stream-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #0a0a0a;
  border: 0.5px solid #2a2a2a;
  border-radius: 6px;
  text-decoration: none;
  transition: border-color 0.2s;
}
.stream-item:hover {
  border-color: #f0c040;
}
.stream-name {
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
}
.stream-action {
  font-size: 10px;
  color: #5a5a5a;
  letter-spacing: 0.5px;
}

/* TABLET — sidebar becomes 2 columns */
@media (max-width: 900px) {
  .info-sidebar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  .info-sidebar .info-card:last-child {
    grid-column: 1 / -1;
  }
}

/* MOBILE — back to single column */
@media (max-width: 480px) {
  .info-sidebar {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .socials-grid {
    grid-template-columns: 1fr 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf25a6e *//* SECTION — no background, no padding, no margin */
.shows-section {
  background: none;
  padding: 0;
  margin: 0;
}

/* EACH ROW */
.show-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 0.5px solid #2a2a2a;
}
.show-row:first-child {
  border-top: 0.5px solid #2a2a2a;
}

/* DATE BOX */
.show-date {
  min-width: 48px;
  text-align: center;
  flex-shrink: 0;
}
.show-date-day {
  font-size: 24px;
  font-weight: 500;
  color: #f0c040;
  line-height: 1;
}
.show-date-mon {
  font-size: 10px;
  color: #6a9a6a;
  letter-spacing: 1.5px;
  margin-top: 2px;
}

/* VENUE INFO */
.show-info {
  flex: 1;
  min-width: 0;
}
.show-venue {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.show-city {
  font-size: 11px;
  color: #5a7a5a;
  margin-top: 2px;
}

/* TICKET BUTTON — updated size + reggae gold */
.show-btn {
  flex-shrink: 0;
  font-size: 13px;
  font-weight: 500;
  color: #1a1a1a;
  border: 1.5px solid #f0c040;
  padding: 10px 22px;
  border-radius: 4px;
  background: #f0c040;
  cursor: pointer;
  letter-spacing: 0.5px;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  white-space: nowrap;
}
.show-btn:hover {
  background: transparent;
  color: #f0c040;
  border-color: #f0c040;
}

/* LIVE button */
.show-btn.live {
  background: #228b22;
  border: 1.5px solid #228b22;
  color: #ffffff;
  position: relative;
  padding-left: 28px;
}
.show-btn.live::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  animation: pulse 1.2s ease-in-out infinite;
}
@keyframes pulse {
  0%, 100% { opacity: 1; transform: translateY(-50%) scale(1); }
  50%       { opacity: 0.5; transform: translateY(-50%) scale(1.4); }
}
.show-btn.live:hover {
  background: transparent;
  border-color: #228b22;
  color: #228b22;
}

/* SOLD OUT button */
.show-btn.sold-out {
  background: transparent;
  color: #c0392b;
  border: 1.5px solid #c0392b;
  opacity: 0.7;
  cursor: not-allowed;
}

/* VIEW ALL LINK */
.shows-all-link {
  display: block;
  margin-top: 16px;
  font-size: 12px;
  color: #f0c040;
  text-decoration: none;
  text-align: center;
  transition: opacity 0.2s;
}
.shows-all-link:hover {
  opacity: 0.7;
}

/* MOBILE */
@media (max-width: 480px) {
  .show-row {
    gap: 12px;
    padding: 12px 0;
  }
  .show-date {
    min-width: 40px;
  }
  .show-date-day {
    font-size: 20px;
  }
  .show-venue {
    font-size: 13px;
  }
  .show-btn {
    font-size: 12px;
    padding: 9px 16px;
  }
  .show-btn.live {
    padding-left: 24px;
  }
}/* End custom CSS */