/*
 * Princess Party Co. color theme override for /princesses landing pages
 * Theme: soft pinks, lavenders, gold accents - matching princessparty.com
 */

:root {
  --princess-pink: #e91e8c;
  --princess-pink-light: #f8b4d9;
  --princess-pink-soft: #fce4ec;
  --princess-lavender: #9c27b0;
  --princess-lavender-dark: #6a1b9a;
  --princess-gold: #d4af37;
  --princess-gold-light: #f5e6a3;
  --princess-purple: #7b1fa2;
  --princess-bg: #faf5f8;
  --princess-dark: #4a1942;
  --princess-cta: #c2185b;
  --princess-cta-hover: #ad1457;
}

html.princesses-theme,
html.princesses-theme body {
  background: var(--princess-bg) !important;
}

/* Top bar - lavender/purple header */
.princesses-theme .top_bar {
  background: linear-gradient(135deg, var(--princess-lavender) 0%, var(--princess-purple) 100%) !important;
}

.princesses-theme .top_bar .column:first-of-type a {
  background: var(--princess-gold) !important;
  color: var(--princess-dark) !important;
  box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.25) !important;
}

.princesses-theme .top_bar .column:first-of-type a:hover {
  background: var(--princess-gold-light) !important;
  color: var(--princess-dark) !important;
}

.princesses-theme .top_bar .column:nth-of-type(3) a {
  background: var(--princess-pink) !important;
  color: #fff !important;
  box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.25) !important;
}

.princesses-theme .top_bar .column:nth-of-type(3) a:hover {
  background: var(--princess-cta-hover) !important;
  color: #fff !important;
}

.princesses-theme .top_bar .column:nth-of-type(3) span {
  color: #fff !important;
}

/* Main content areas */
.princesses-theme .main_top {
  background: var(--princess-bg) !important;
}

.princesses-theme .main_top h4 {
  color: var(--princess-dark) !important;
}

/* Hero / top section - princess banner image */
.princesses-theme .topSection-auditions {
  background: url(../../img/casting-calls-banner-princess.png) center center no-repeat !important;
  background-size: cover !important;
  color: #fff !important;
}

.princesses-theme .topSection-auditions h2,
.princesses-theme .topSection-auditions h3 {
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

.princesses-theme .topSection-auditions p {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.4);
}

/* Audition info box - lavender */
.princesses-theme .auditionInfo {
  background: linear-gradient(135deg, var(--princess-lavender) 0%, var(--princess-purple) 100%) !important;
  color: #fff !important;
}

.princesses-theme .calHolder {
  background: #fff !important;
  color: var(--princess-pink) !important;
  border-top-color: var(--princess-pink) !important;
}

.princesses-theme .dateHolder {
  color: var(--princess-pink-light) !important;
}

.princesses-theme .auditionLocation a {
  background: var(--princess-pink) !important;
  color: #fff !important;
}

/* Schedule CTA button */
.princesses-theme .timeSlots {
  background: linear-gradient(180deg, var(--princess-pink) 0%, var(--princess-cta) 100%) !important;
  color: #fff !important;
  box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.25) !important;
}

.princesses-theme .timeSlots:hover,
.princesses-theme .timeSlots:active,
.princesses-theme .timeSlots:focus {
  background: var(--princess-cta-hover) !important;
  color: #fff !important;
}

/* Note callout */
.princesses-theme .noted {
  background: var(--princess-pink-soft) !important;
  border-color: var(--princess-pink) !important;
  color: var(--princess-dark) !important;
}

/* Main mid / casting call */
.princesses-theme .main_mid {
  background: #f3e5f5 !important;
  border-top-color: var(--princess-lavender) !important;
}

.princesses-theme .castingCall h1,
.princesses-theme .castingCall h2 {
  color: var(--princess-dark) !important;
}

.princesses-theme .castingCall h5 {
  color: var(--princess-lavender) !important;
}

.princesses-theme .castingCall .callout h5 {
  color: var(--princess-dark) !important;
}

/* Qualifications section - pink/lavender */
.princesses-theme .qualifications {
  background: linear-gradient(135deg, var(--princess-pink) 0%, var(--princess-lavender) 100%) !important;
  border-top-color: var(--princess-purple) !important;
  color: #fff !important;
}

/* Mystery/advantages section - dark purple */
.princesses-theme .mysteryAdvantages {
  background: linear-gradient(135deg, var(--princess-dark) 0%, var(--princess-purple) 100%) !important;
  color: #fff !important;
}

/* City selector */
.princesses-theme .city_selector {
  background: var(--princess-dark) !important;
}

.princesses-theme .city_selector .button {
  background: var(--princess-pink) !important;
  color: #fff !important;
}

.princesses-theme .city_selector .button:hover {
  background: var(--princess-cta-hover) !important;
  color: #fff !important;
}

/* Off-canvas sidebar */
.princesses-theme .off-canvas {
  background: var(--princess-dark) !important;
}

.princesses-theme .off-canvas ul li:first-of-type {
  background: var(--princess-gold) !important;
  color: var(--princess-dark) !important;
}

.princesses-theme .off-canvas ul li:not(:first-child):hover {
  background: var(--princess-lavender) !important;
}

.princesses-theme.off-canvas {
  background: var(--princess-dark) !important;
}

.princesses-theme.off-canvas ul li:first-of-type {
  background: var(--princess-gold) !important;
  color: var(--princess-dark) !important;
}

.princesses-theme.off-canvas ul li:not(:first-child):hover {
  background: var(--princess-lavender) !important;
}

/* Reveal modal */
.princesses-theme .reveal .timeytime label:hover {
  background: var(--princess-pink-soft) !important;
  border-color: var(--princess-pink) !important;
}

.princesses-theme .reveal .timeytime label.active {
  background: var(--princess-pink) !important;
  color: #fff !important;
}

.princesses-theme .reveal p.text-center {
  color: var(--princess-lavender) !important;
}

.princesses-theme .reveal .button {
  background: var(--princess-pink) !important;
  color: #fff !important;
}

.princesses-theme .reveal .button:hover {
  background: var(--princess-cta-hover) !important;
  color: #fff !important;
}


/* No auditions state */
.princesses-theme p.noAuditions {
  color: var(--princess-lavender) !important;
}

.princesses-theme .auditionJuicer .button,
.princesses-theme .auditionJuicer input[type=submit] {
  background: var(--princess-pink) !important;
  color: #fff !important;
}

/* Footer */
.princesses-theme .footer {
  background: var(--princess-dark) !important;
  color: #fff !important;
}

/* Registration success */
.princesses-theme .registrationSuccess {
  background: var(--princess-lavender) !important;
}

.princesses-theme .registrationSuccess .callout {
  background: var(--princess-pink-soft) !important;
  border-color: var(--princess-pink) !important;
}

/* Mobile overrides */
@media screen and (max-width: 39.99em) {
  .princesses-theme .top_bar {
    background: linear-gradient(135deg, var(--princess-lavender) 0%, var(--princess-purple) 100%) !important;
  }
  .princesses-theme .top_bar .column:first-of-type a {
    background: var(--princess-gold) !important;
    color: var(--princess-dark) !important;
  }
  .princesses-theme .top_bar .column:nth-of-type(3) a {
    background: var(--princess-pink) !important;
    color: #fff !important;
  }
  .princesses-theme .topSection-auditions {
    background: url(../../img/casting-calls-banner-princess.png) center center no-repeat !important;
    background-size: cover !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.99em) {
  .princesses-theme .reveal p.text-center {
    color: var(--princess-lavender) !important;
  }
  .princesses-theme p.noAuditions {
    color: var(--princess-lavender) !important;
  }
}

@media screen and (min-width: 64em) {
  .princesses-theme .reveal p.text-center {
    color: var(--princess-lavender) !important;
  }
  .princesses-theme p.noAuditions {
    color: var(--princess-lavender) !important;
  }
}