@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
     font-family: "Tinos";

     background: url('https://www.nancarrowfarm.co.uk/wp-content/uploads/2014/07/ricepaper2.png');
}

h1,
h2,
h3,
h4,
h5 {
     font-family: "Noto Sans";

}

header,
footer {
     background: black;
}

footer,
footer p {
     color: #FFFFFF;
}

a,
a:hover {
     color: #000000;
}

#countdown {
     color: #FFFFFF;

}

.header-icon {
     color: #FFFFFF;
     text-decoration: none;
}

.header-icon:hover {
     color: #FFFFFF;
}

.event-block a {
     text-decoration: none;
}

.event {
     border-radius: 10px 10px;
     padding: 20px 20px;
     position: relative;
     min-height: 250px;
     box-sizing: border-box;
     background-size: cover;
     outline: none;
}

.event::after {
     content: "";
     background-color: #5F5F5F;
     height: 100%;
     width: 100%;
     position: absolute;
     z-index: 3;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     opacity: 0.2;
}

.event-details {
     position: relative;
     z-index: 999;
}

.event .date-block {
     font-size: 30px;
     clear: both;
     line-height: 100%;
     vertical-align: super;
     width: 50px;
     position: absolute;
     top: 10px;
     left: 10px;
     font-size: 20px;
     color: white;
     text-align: center;
}

.event .date-block em {
     font-style: normal;
}

.event .date-block .date {
     font-size: 35px;
     display: block;
}

.event .date-block .month {
     font-size: 15px;
     display: block;
     text-transform: uppercase;
}

.event .event-name {
     position: relative;
     left: 80px;
     font-size: 35px;
     color: #FFFFFF;
     max-width: 70%;
     display: block;
     line-height: 35px;
}


.event-header-image {
     background: url('https://www.nancarrowfarm.co.uk/wp-content/uploads/2023/05/barn-field-1600x950.jpg');
     padding: 5% 0px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

.event-information {
     background: darkgray;
     padding: 30px 30px;
     border-radius: 10px 10px;
}

.event-information br {
     content: "";
     margin: 2em;
     display: block;
     font-size: 24%;
}

.event-table {
     width: 100%;
}

.divider {
     display: flex;
     align-items: center;
     text-align: center;
}

.divider .line {
     flex-grow: 1;
     height: 1px;
     background-color: #000;
}

.divider .text {
     padding: 0 10px;
}

.tickets {
     padding: 0px 0px;
}

.tickets li {
     list-style: none;
     padding: 0px 0px;
     margin-bottom: 10px;
     border-bottom: 1px solid #000;
     padding-bottom: 10px;
}

.tickets li:last-of-type {
     border-bottom: none !important;
}

.btn-primary {
     background: #000000;
     border-color: #000;
}

.btn-primary:hover {
     background-color: #2a2a2a;
     border-color: #2a2a2a;
}

.required span {
     color: rgb(163, 2, 2);
     margin-left: 6px;
}

/* Accordion container */
.accordion {
     background-color: #f9f9f9;
     color: #333;
     cursor: pointer;
     padding: 18px;
     width: 100%;
     border: none;
     text-align: left;
     outline: none;
     transition: 0.4s;
}

/* Active state */
.accordion.active,
.accordion:hover {
     background-color: #ddd;
}

/* Panel (content) */
.panel {
     /* padding: 0 18px; */
     background-color: white;
     display: none;
     overflow: hidden;
}

/* Table styling within panel */
.panel table {
     width: 100%;
     border-collapse: collapse;
}

/* Table row and cell styling */
.panel table tr:nth-child(even) {
     background-color: #f2f2f2;
}

.panel table th,
.panel table td {
     border: 1px solid #ddd;
     padding: 8px;
}

/* Green tick icon */
.green-tick {
     color: green;
     margin-left: 5px;
     vertical-align: middle;
     float: right;
     font-size: 18px;
}

.red-cross {
     color: red;
     margin-left: 5px;
     vertical-align: middle;
     float: right;
     font-size: 18px;
}

.qty {
     width: 60px;
}

#ticket-options {
     margin-bottom: 40px;
}

.bookings li {
     margin: 0px 0px;
     padding: 5px 0px 10px 0px;
     list-style: none;
     border-bottom: 1px solid #000;

}

.bookings li a {
     text-decoration: none;

}

#refundToggle {
     cursor: pointer;
}

#refund {
     border: 1px solid #5F5F5F;
     padding: 20px 20px;
}

/* footer {
     position: absolute;
     bottom: 0px;
     width: 100%;
} */

.your-details {
     margin: 0px 0px;
     padding: 0px 0px;
}

.your-details li {
     margin: 0px 0px;
     padding: 0px 0px
}