/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&family=Roboto:wght@400;500;700&display=swap');

/* Global Styles */
body {
    font-family: 'Roboto', sans-serif; /* Default font for body text */
    margin: 0;
    padding: 0;
    line-height: 1.6;
    color: #333; /* Default text color */
    background-color: #f9f9f9; /* Light background color */
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Serif', serif; /* Use PT Serif for headings */
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    color: #222; /* Slightly darker color for headings */
}

/* Links */
a {
    color: #007bff; /* Default link color */
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #0056b3; /* Darker blue on hover */
}

/* Buttons */
button, .btn {
    font-family: 'Roboto', sans-serif; /* Use Roboto for buttons */
    font-weight: 500;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    cursor: pointer;
}

button:hover, .btn:hover {
    opacity: 0.9;
}

/* Lists 
ul, ol {
    margin: 1rem 0;
    padding-left: 1.5rem;
} 

li {
    margin-bottom: 0.5rem;
} */

/* Tables */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    font-size: 1rem;
}

th, td {
    padding: 0.75rem;
    text-align: left;
    border: 1px solid #ddd;
}

th {
    background-color: #f4f4f4;
    font-weight: 700;
}

/* Forms */
input, textarea, select {
    font-family: 'Roboto', sans-serif; /* Use Roboto for form inputs */
    font-size: 1rem;
    padding: 0.5rem;
    margin-bottom: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}

textarea {
    resize: vertical;
}

/* Headings in Specific Sections */
.container h1, .container h2, .container h3 {
    font-family: 'PT Serif', serif; /* Ensure headings in containers use PT Serif */
}

/* Footer */
footer {
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    text-align: center;
    padding: 1rem;
    background-color: #222;
    color: #fff;
}

/* Customization */
#event_description h1, #event_description h2, #event_description h3, #event_description h4, #event_description h5, #event_description h6 {
    margin-top: 0.6em;
}

.responsive-text {
    font-size: 5vw; /* Adjust font size based on viewport width */
    max-width: 100%;
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflow if necessary */
    text-align: center; /* Center the text */
}

.text-tentative {color: #450E59 !important;}
.bg-tentative {background-color: #450E59 !important;}
.sans-serif {font-family: 'Roboto', sans-serif !important;}