/*===================== Premery bg color =====================*/
:root {
  --color-primary: #f58220;
  --color-secondry: #880001;
  --color-hover: #770101;
  --rgba-primary-1: #fdfff7;
  --rgba-primary-2: white;
  --rgba-primary-3: #f6f6f6;
  --rgba-primary-4: rgba(255,94,20,0.4);
  --rgba-primary-5: rgba(255,94,20,0.5);
  --rgba-primary-6: rgba(255,94,20,0.6);
  --rgba-primary-7: rgba(255,94,20,0.7);
  --rgba-primary-8: rgba(255,94,20,0.8);
  --rgba-primary-9: #444444;
  --text-sec:#444444;
  --font1: "inter";
  --font2: "Roboto";
}

.fiesta p{text-align: justify}
h3.event-name{color: mediumpurple; font-size: 20px;font-weight: 400; background-color: var(--rgba-primary-2);padding: 10px;border-radius: 10px;margin-bottom: 10px}
.fiesta .list-2 li {list-style: none; width: 100%}
.fiesta .list-2 li span{font-weight: normal}
.fiesta .list-2 li strong {color: var(--color-secondry);font-weight: bolder;text-transform: uppercase}
.fiesta .display-4 {font-size: 20px; text-align: center;background-color: var(--rgba-primary-2); color: black;padding: 10px; border-radius: 10px}

.fiesta .event-details h4.event-name {text-transform: none;background-color: var(--rgba-primary-2); color:mediumpurple;padding: 10px;border-radius: 10px}
.fiesta .event-details p{margin: 0px}
.event-details strong, .event-details p strong{text-transform: none !important; color:black !important;font-weight: bolder !important;}

.event1 label{color: white !important;font-weight: bold}
.event1 .form-control{background-color: var(--rgba-primary-2)}
.event1 label .required-field{color:white !important;font-weight: normal;padding-left: 5px}

.validation-message {color: white; font-size: 12px}

@media only screen and (max-width: 768px){
    .section-head span.span-break-mobile {display: block}
    h3.event-name {font-size: 15px !important;font-weight: bold;line-height: 18px;margin-bottom: 10px;}
   .fiesta .event-details h4.event-name {font-size: 15px;text-transform: none;line-height: 18px}
    .fiesta h2.title{font-size: 25px;line-height: 30px;margin-top: 20px}
}
.event-rule-popup .list-2 li:before {color: #bf00ff}
.event-rule-popup p {margin: 0px}
.event-rule-popup p strong{font-weight: bolder !important;color: #bf00ff}
.event-rule-popup h4.event-name {background-color: #00DBDE; background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); color:white; padding: 10px;border-radius: 10px}
.event-rule-popup .row p{margin: 0px;font-size: 14px}
.event-rule-popup .row p strong{color: #bf00ff;}
.event-rule-popup .row p span {font-weight: bold}
.event-rule-popup .row p span:before{content: " ["}
.event-rule-popup .row p span:after{content: "]"}
.event-rule-popup ul{margin-bottom: 8px}

.event-rule-popup li strong{color: #bf00ff !important; text-transform: none !important;}
.event1 .site-button {
    background: #41295a;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2F0743, #41295a);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2F0743, #41295a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

ul.error-list {background-color: white; padding: 10px;border-radius: 10px}
ul.error-list li{display: inline; color: red; font-size: 14px;margin-right: 10px;}
ul.error-list li:before{content: '•'}

.dlab-accordion.gradient-1 .acod-head a{
    background: #41295a;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2F0743, #41295a);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2F0743, #41295a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.event-registration-form {
    background: #ee0979;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ff6a00, #ee0979);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ff6a00, #ee0979); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    border-radius: 10px;
}
.alert-success{
    background: #41295a;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2F0743, #41295a);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2F0743, #41295a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}