:root {
  --black: #151922;
  --white: #fff;
  --green: #6BA843;
  --purple: #4B1248;
  --dark-gray: #424242;
  --light-grey: #DCDDDE;
}

body {
  font: 20px/1.5 sans-serif;
  color: var(--white);
}

p {
  margin-bottom: 30px;
}

a,
a:hover {
  color: inherit;
}

.btn {
  margin-top: 40px;
  border-radius: 4px;
}

.btn,
.btn:hover {
  background: var(--green);
}

.btn-purple {
  background: var(--purple);
}

.text span {
  font-size: 16px;
}

section:nth-child(odd) {
  background: var(--purple);
}

section:nth-child(even) {
  background: var(--dark-gray);
}

section:first-child {
  background: var(--green);
}

#fp-nav ul li a span {
  background: var(--white);
}

.fp-overflow {
  display: flex;
  height: 100vh;
}

.fp-overflow > * {
  padding-top: 5vh;
  padding-bottom: 5vh;
  margin-top: auto;
  margin-bottom: auto;
}

.animate__animated {
  animation-delay: calc(var(--index) * 0.3s);
}

@media (min-width: 1300px) {
  .fp-is-overflow > .fp-overflow {
    overflow: hidden;
  }
}

@media (max-width: 575px) {
  .text {
    max-width: 90%;
  }
}

/* FOOTER STYLES */
.page-footer {
  position: fixed;
  right: 0;
  bottom: 50px;
  display: flex;
  align-items: center;
  padding: 5px;
  z-index: 2;
  font-size: 14px;
  color: var(--black);
  background: var(--white);
}

.page-footer a {
  display: flex;
  margin-left: 4px;
}

/* MADLIB STYLING */
* {
  box-sizing: border-box;
}

p, span {
  font-size: 18px;
  line-height: 30px;
}

span {
  color: white;
  border-bottom: 1px dotted white;
  cursor: text;
}

span:empty:before{
  color: rgb(131, 131, 131);
}

input {
  color-scheme: dark;
  font-size: 18px;
  line-height: 30px;
  background-color: transparent;
  color: white;
  border: 1px dotted white;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  cursor: text;
  padding-bottom: 0px;
  padding-left: 8px;
}

::-webkit-calendar-picker-indicator{
  margin-left: -25px;
}

input[type="time"]::-webkit-calendar-picker-indicator{
  margin-left: 0px;
}

i {
  color: #aaaaaa;
  font-family: monospace;
  font-style: normal;
}

input:empty:before {
  font-size: 18px;
  line-height: 30px;
  color: rgb(131, 131, 131);
}

/* MADLIB FIELDS */
/*.first-name:empty:before {
  content: 'Jen';
}

.last-name:empty:before {
  content: 'Francis';
}

.email:empty:before {
  content: 'jennifer.francis@42chat.com';
}

.phone:empty:before {
  content: '443-223-9061';
}

.event-date:empty:before {
  content: '5/4/2023';
}

/*.party-type:hover:empty:before {
  background-color: #6099b3;
  content: "choose party"
}*/

.input.event-name:empty:before::placeholder {
  content: 'Jens Birthday';
}

.zip-code:empty:before {
  content: '(For Time Zone Purposes)';
}

/*.attendee-amount:hover:empty:before {
  background-color: #6099b3;
  content: "choose how many"
}*/

.partybot-name:empty:before {
  content: 'May';
}

/*.event-start-time:empty:before {
  content: '7pm';
}*/

.event-end-time {
  content: '10pm';
}

.venue-location:empty:before {
  content: 'Park City Brewery';
}

.venue-address:empty:before {
  content: '123 Main St';
}

.parking-details:empty:before {
  content: 'in front of the brewery in the parking lot';
}

.agenda-description:empty:before {
  content: 'mingling and dancing';
}

.attire:empty:before {
  content: 'casual';
}

.food-beverage:empty:before {
  content: 'cash bar and floating appetizers';
}

.talent-entertainment:empty:before {
  content: 'a live band and DJ later';
}

.gift-description:empty:before {
  content: 'gift';
}

.social-media-hashtag:empty:before {
  content: 'JennyBday';
}

.rsvp:empty:before {
  content: 'www.rsvp.com';
}

.restroom-location:empty:before {
  content: 'inside towards the back';
}

.emergency-description:empty:before {
  content: 'call 911';
}

.transportation-description:empty:before {
  content: 'free local buses or Ubers available';
}

.wifi-network:empty:before {
  content: 'Happy';
}

.wifi-password:empty:before {
  content: 'Birthday';
}

.fp-watermark {
  display: none;
}

.success {
  padding-top: 15% !important;
  height: 100vh !important;
}