/*
Theme Name: GeneratePress-child
Author: 
Description: Your description goes here
Version: 1.0
Template: generatepress

This is the child theme for GeneratePress theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)

*/

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet">
* {
    font-family: 'Playfair Display', serif !important;
}

h1, h2, h3, h4, h5, h6, p, a {
    font-family: 'Playfair Display', serif !important;
}

.elementor-widget-container {
    font-family: 'Playfair Display', serif !important;
}

.site-description {
	color:#FFFFFF;
	size: 14px !important;
}

/*PAGES*/
/*hide the page title "Homepage"*/
.home .entry-title {
    display: none;
}

/* Only strip the background from the H1 on the designated Posts Page (Entertainers Page - Page-ID-237)*/
body.blog h1.entry-title {
  background: none !important;
  background-image: none !important;
  margin-top: 40px !important;
  color: inherit !important;
  border: none;
	/*padding: 0 !important;       /* remove leftover padding if needed */
}

/*POSTS*/
.page-header {
    padding-top: 0px; /* Optional: adds some padding around the text */
	margin: 0px;
	background-color: #f7f8f9 !important;
}

/*centers the post's heading name and removes background color*/
.page-title {
    text-align: center; /* Centers the text horizontally */
    /*background: linear-gradient(90deg, rgba(211,178,79,1) 0%, rgba(246,239,118,1) 35%, rgba(211,178,79,1) 100%); /* Replace with your desired color */
    /*padding: 20px; /* Optional: adds some padding around the text */
	border-radius: 10px;
	border: none !important;

}

/*centers the artist's name and adds background color*/
.entry-title {
    text-align: center; /* Centers the text horizontally */
    background: linear-gradient(90deg, rgba(211,178,79,1) 0%, rgba(246,239,118,1) 35%, rgba(211,178,79,1) 100%); /* Replace with your desired color */
    padding: 20px; /* Optional: adds some padding around the text */
	border-radius: 10px;
	display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center the text horizontally */
    align-items: center; /* Center the text vertically */
    /*border-radius: 5px; /* Optional: Add rounded corners */
    width: fit-content; /* Auto-size based on content */
    margin: 0 auto; /* Center the element itself if needed */
	border: 1px solid;
}

.post {
    border: 2px solid #000000; /*#B77A35; /* Change the border width, style, and color to all posts */
	border-radius: 20px; /* Sets the border radius for all corners */
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);

}

.inside-article {
	border-radius: 20px; /* Sets the border radius for all corners */
}

.post-thumbnail img {
    width: 100px; /* Adjust the width as needed */
    height: auto; /* Maintain aspect ratio */
}


.post-image { /* Replace with the actual class or ID of the parent container */
    display: flex; /* Enables Flexbox */
    justify-content: center; /* Centers child elements horizontally */
}

/*hides the Author on posts*/
.byline {
    display: none !important; /* Forces the element to be hidden */
}

/*hides the Date on posts*/
 .posted-on {
    display: none !important; /* Forces the element to be hidden */
}


/*hides the Author, Date, Category, & Recent Posts on posts*/
 .entry-meta {
    display: none !important; /* Forces the element to be hidden */
}

/*centers the featured image on the blog post*/
.grid-container {
    display: flex; /* Enables Flexbox for the grid container */
    justify-content: center; /* Centers child elements horizontally */
    align-items: center; /* Centers child elements vertically (if needed) */
}

/*Blog Post Custom Field - Get Tickets button*/
.tickets-button {
    display: inline-block !important; /* Makes the button a block element */
   margin: 30px auto 0px auto !important; /* Centers the button and adds spacing above and below */
    text-align: center; /* Centers the text inside the button */
	background-color: #B02013;     /* #B02013; red background */
  	color: #FFFFFF !important;     /* #ffffff white text */
  border: 1px solid #B02013;     /* #B02013; red border to “lock in” the shape */
	text-decoration: none;         /* remove underline */
  display: inline-block;         /* match .tribe-events-button */
  padding: 0.6em 1.2em;          /* tweak as needed for sizing */
  font-size: 1rem;               /* same size as “Add to Calendar” */
  font-weight: 600;              /* semibold like TEC default */
  border-radius: 3px;            /* match TEC’s rounding */
  transition: background-color 0.2s ease, color 0.2s ease;
	    display: flex;
		justify-content: center;
}
.tickets-button-container {
    text-align: center; /* Center the button within its container */
}
/* On hover */
.tickets-button:hover {
    background-color: #ffffff;     /* white background on hover/focus */
  	color: #B02013 !important;                /* red text on hover/focus */
  	border: 1px solid #B02013;     /* keep the red border visible */
  	text-decoration: none;         /* ensure no underline appears */
}

/*SIDEBAR*/
/*Change font on all sidebar calendar text*/
.tribe-events-c-messages__message-list-item, .tribe-events-c-day-marker__date, .tribe-events-calendar-month-mobile-events__mobile-event-datetime {
	font-family: Playfair Display !important;
	font-weight: bold !important;
}

/*makes "Doors open at 7pm & we close at 2am" narrower*/
.tribe-events-before-html p {
	text-align: center !important;
	/*padding: 0px 40px 0px 40px;*/
}

/*Hide "All day" below calendar*/
.tribe-events-calendar-month-mobile-events__mobile-event-datetime {
	display: none;
}

/*Change URL Text Color on Event Listing on sidebar calendar*/
.tribe-events-calendar-month-mobile-events__mobile-event-title-link.tribe-common-anchor, .tribe-events-calendar-month-nav a, .tribe-events-c-nav__list a {
    color: blue !important;
	text-shadow: 0px 0px 0px black;
}



/**/
/*@media screen and (min-width: 853px) {
	iframe[data-tec-events-ece-iframe="true"] {
        height: 800px; /* Change this value to your desired height */
    }
}
*/

/*EVENTS*/
/*EVENTS Listing Page*/

/*DID NOT WORK - Change font for "Search for events" in search bar*/
.tribe-common-form-control-text__input {
	font-family: Playfair Display !important;
}
.input.tribe-common-form-control-text__input.tribe-events-c-search__input {
	font-family: Playfair Display !important;
}

.tribe-events-c-search__input {
    font-family: 'Playfair Display', serif !important; /* Apply the Playfair Display font */
}


/*Change font for Find Events button*/
.tribe-common-c-btn {
	font-family: Playfair Display !important;
	color: black !important;
	border: 1px solid black !important;
	text-shadow: 0px 0px 0px black !important;
}

/*Change font for Events List, Month, & Day tabs*/
.tribe-events-c-view-selector__list-item-text {
	font-family: Playfair Display !important;
	text-shadow: 0px 0px 0px black;
}

/*Hide the Now - Today's Date*/
.tribe-events-c-top-bar__datepicker {
	display:none;
}

/*Month & Year*/
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium {
	font-family: Playfair Display;
	font-size: 18px;
	font-weight:bold;
	text-align: center;
}
/*Month & Year Separator*/
.tribe-events .tribe-events-calendar-list__month-separator::after {
	height: 4px;
	background-color: #E0C95E; !important;
}

/*adds a border to the event listing*/
.tribe-common-g-row.tribe-events-calendar-list__event-row {
    border: 2px solid #000000; /* Change the border width, style, and color as needed */
	border-radius: 20px; /* Sets the border radius for all corners */
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	/*border-style: double; /* Sets the border type to double */
    /*border-width: 5px;   /* Sets the border width for all sides */
}

/*change font on left most date day of week*/
.tribe-events-calendar-list__event-date-tag-weekday {
	font-family: Playfair Display !important;
	color: #000000  !important;
}

/*change font on left most date number*/
.tribe-events-calendar-list__event-date-tag-daynum {
	font-family: Playfair Display !important;
}

/*change font on date inside event listing*/
.tribe-event-date-start {
	font-family: Playfair Display !important;
}

/*Made Event Listing Title gold with a text shadow*/
a.tribe-events-calendar-list__event-title-link, .tribe-events-calendar-day__event-title-link {
	color: #E0C95E !important;
	text-shadow:  1px 1px 1px black; /* text shadow */
}

/*Made "Read more" in Event Listing description blue*/
.tribe-events-calendar-list__event-description a, .tribe-events-calendar-day__event-description a, .read-more a {
	color: blue !important;
	text-shadow: 0px 0px 0px black;
}

/*change font for ICON Jazz Lounge and address*/
.tribe-events-calendar-list__event-venue-title, .tribe-events-calendar-list__event-venue-address, .tribe-events-calendar-day__event-venue-title, .tribe-events-calendar-day__event-venue-address {
	font-family: Playfair Display !important;
}

/*add blank space at the top and bottom of the event listing so it's not too close to the border*/
.tribe-events-calendar-list__event-details.tribe-common-g-col {
	margin-top: 25px;
	margin-bottom: 25px;
}


.tribe-events-calendar-list__event-featured-image-wrapper.tribe-common-g-col {
	margin-top: 30px;
	margin-bottom: 30px !important;
}

/*NOT WORKING BECAUSE OF OTHER CSS - make Event Title blue*/
.tribe-events-calendar-list__event-title-link {
	color: blue !important;
}
.tribe-events-calendar-list__event-title-link a, .tribe-events-calendar-list__event-title-link a:visited {
	color: blue !important;
}

/*
.tribe-events-calendar-list__event-featured-image {
	margin-top: 20px;
	margin-bottom: 20px;
}*/

/*DID NOT WORK*/
.tribe-events-calendar-list__event-featured-image {
	display: flex; /* Enable flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100%; /* Set a height for the parent container */
}
/*DID NOT WORK*/
.tribe-events-calendar-list__event-featured-image-wrapper.tribe-common-g-col {
	display: flex; /* Enable flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100%; /* Set a height for the parent container */
}

/*EVENT*/
/*centers and shrinks the Event title*/
.tribe-events-single-event-title {
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center the text horizontally */
    align-items: center; /* Center the text vertically */
    background-color: yourColor; /* Replace with your desired background color */
    padding: 10px; /* Optional: Add padding for better appearance */
    border-radius: 5px; /* Optional: Add rounded corners */
    width: fit-content; /* Auto-size based on content */
    margin: 0 auto; /* Center the element itself if needed */
	border: 1px solid;
}

/**/
.tribe-events tribe-common {
    display: block; /* Make it a block-level element */
    margin: 0 auto; /* Center it horizontally */
}

/*Center the Event Date below the name of the entertainer and above their featured image*/
.tribe-events-schedule {
	display: block; /* or inline-block */
    text-align: center; /* Center text inside the span */
	/* margin: 0 auto; /* Center the block element */
}
/*Make the font size larger*/
.tribe-event-date-start {
	font-size: 24px !important;
}

/*TO DO - Make Add to Calendar button gold and white on hover*/
.tribe-common-c-btn-border  {
	background-color: #E0C95E !important;
	tec-color-background-events-bar-submit-button-hover: gold;
	color: gold;
}
/*Add to Calendar button text*/
.tribe-events-c-subscribe-dropdown__button-text {
	font-family: Playfair Display !important;
	color: #FFFFFF !important;
	
}

/*Make Previous and Next events bold*/
.tribe-events-c-nav__prev-label, .tribe-events-c-nav__next-label {
	font-weight: bold;	
}


/*on the Event page, centers the artist's name and adds background color*/
.tribe-events-single-event-title {
    text-align: center; /* Centers the text horizontally */
    background: linear-gradient(90deg, rgba(211,178,79,1) 0%, rgba(246,239,118,1) 35%, rgba(211,178,79,1) 100%); /* Replace with your desired color */
    padding: 20px; /* Optional: adds some padding around the text */
	border-radius: 10px;
}

/*centers the featured image on the event page*/
.tribe-events-event-image {
    display: flex; /* Enables Flexbox for the grid container */
    justify-content: center; /* Centers child elements horizontally */
    align-items: center; /* Centers child elements vertically (if needed) */
}



/*INDIVIDUAL EVENT CSS*/
/*Make Event Date Bold*/
.tribe-event-date-start {
	font-weight: bold;
}


/* Example: tweak spacing or color on your Get Tickets button */
.tribe-events-button--get-tickets {
  background-color: #B02013; /* or inherit/adjust as needed */
  color: #fff;
  margin-bottom: 1em; /* push down from Add to Calendar */
}

/* On hover */
.tribe-events-button--get-tickets:hover {
  background-color: #005494;
}

/* ─── Base “Get Tickets” button styles ─── */
.tribe-events-button--get-tickets {
  /* 1. Use the same padding, border‐radius, font, etc. that TEC provides */
  /*    by extending the .tribe-events-button class */
  background-color: #B02013;     /* red background */
  color: #ffffff;                /* white text */
  border: 1px solid #B02013;     /* red border to “lock in” the shape */
  text-decoration: none;         /* remove underline */
  display: inline-block;         /* match .tribe-events-button */
  padding: 0.6em 1.2em;          /* tweak as needed for sizing */
  font-size: 1rem;               /* same size as “Add to Calendar” */
  font-weight: 600;              /* semibold like TEC default */
  border-radius: 3px;            /* match TEC’s rounding */
  transition: background-color 0.2s ease, color 0.2s ease;
	    display: flex;
		justify-content: center;
}

/* ─── Hover / Focus states ─── */
.tribe-events-button--get-tickets:hover,
.tribe-events-button--get-tickets:focus {
  background-color: #ffffff;     /* white background on hover/focus */
  color: #B02013;                /* red text on hover/focus */
  border: 1px solid #B02013;     /* keep the red border visible */
  text-decoration: none;         /* ensure no underline appears */
}

/* ─── Optional: Add a bit of spacing below, so it doesn't stick to “Add to Calendar” */
/* You can remove or reduce this if you prefer tighter spacing. */
.tribe-events-button-wrapper__get-tickets {
  margin-bottom: 1em;
}


/*Center the Add to calendar button the event page*/
.tribe-events-c-subscribe-dropdown {
	display: flex;
	justify-content: center;
	color: black !important;
 	margin-top: 20px;
}
.tribe-events-c-subscribe-dropdown__button {
 	display: inline-block;
	color: black !important;
	border: 1px solid black !important;
}

.tribe-events-c-subscribe-dropdown__button-text {
	color: black !important;
}
	

/*VENUE section*/
/*Center the Venue details section below the Add to calendar button*/
.tribe-events-event-meta.primary {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 100%;
}

/*removes the browser underline for spelling issue*/
.tribe-events-abbr {
    font-family: Playfair Display;
	text-decoration: none; /* Remove underline */
    cursor: default; /* Change cursor to default */
    border-bottom: none; /* Remove any border that may appear as an underline */
}
.tribe-events-abbr:hover {
    text-decoration: none; /* Ensure no underline on hover */
}

/*Make the Venue information the same font and centered*/
.tribe-events-start-date-label, .tribe-venue, .tribe-address {
	display: block;
	text-align: center;
    font-family: 'Playfair Display', serif;
}

/*Center the Google Map link (below the address)*/
.tribe-events-gmap {
    display: block; /* Make the link a block element */
    width: 100%; /* Optional: Set width to 100% to take full width of the parent */
    text-align: center; /* Center text inside the link */
    margin: 0 auto; /* Center the link horizontally */
}

/* Hide the country name "United States" */
.tribe-country-name {
  display: none;
}

/* Display map link inline with the address */
.tribe-events-gmap {
  display: inline-block;
}



/**/
/* Clean layout for the Venue section */
.tribe-events-meta-group-venue dl {
  all: unset;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%;
  margin-top: 1em;

}

/* Columns for Venue info and Phone */
.venue-left-column,
.venue-right-column {
  flex: 1 1 45%;
  display: block;
}

/* Align Venue info to the left */
.venue-left-column {
  text-align: left;
}

/* Align Phone info to the right */
.venue-right-column {
  text-align: right;
  white-space: nowrap;
}

/* Ensure dt/dd render clearly */
.venue-left-column dt,
.venue-right-column dt,
.venue-left-column dd,
.venue-right-column dd {
  margin: 0;
  padding: 0;
  display: block;
}

/*Made DETAILS & VENUE underlined*/
.tribe-events-single-section-title {
	text-decoration: underline;
}

/*Replaces "Website with "Get Tickets Here:*/
.tribe-events-event-url-label {
    position: relative; /* Ensure the label can be positioned */
    color: transparent; /* Make the original text transparent */
}

.tribe-events-event-url-label::after {
    content: "Get Tickets Here:"; /* Replace with your desired text */
    color: black; /* Set the color for the new text */
    display: block;
	text-align: center;
    font-family: 'Playfair Display', serif;
}

/*URL Color*/
.tribe-events-event-url {
	color: blue !important;
}
.tribe-events-event-meta a, .tribe-events-event-meta a:visited {
  	color: blue;
}


/*moves Google Map link to the next line*/
.tribe-events-gmap {
    display: block; /* Forces the element to take up the full width and move to the next line */
    margin-top: 0px; /* Optional: add some space above the map */
}

/*Make the Phone label the same font and centered*/
.tribe-venue-tel-label {
	content: "PHONE"; /* Replace with your desired text */
	text-transform: uppercase; /* Convert text to uppercase */
	display: block;
	text-align: center;
    font-family: 'Playfair Display', serif;
	text-decoration: underline;
}

/*Make the Phone Number the same font and centered*/
.tribe-venue-tel {
	display: block;
	text-align: center;
    font-family: 'Playfair Display', serif;
}

/*Make Previous and Next events bold*/
.tribe-events-nav-previous a, .tribe-events-nav-next a {
	color: #000000 !important;
	font-weight: bold;
}

/*WIDGETS*/
.widget-area .widget {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 40px;
	padding-right: 40px;
}

/*Menu*/

.button.menu-toggle {
  color: #ffffff !important; /* Icon color */
  /*background-color: blue !important; /* Optional background */
}

/* Style the primary navigation menu */
.main-navigation {
    background-color: black; /* Set background color to black */
}

.main-navigation a {
    color: white !important; /* Set text color to white */
	font-weight: bold;
}

.main-navigation a:hover {
	background-color: black; /* Set background color to black */
    color: #FFF; /* Optional: Change text color on hover */
}

/* Style the submenu */
.main-navigation .sub-menu {
    background-color: black; /* Set submenu background color to black */
}

.main-navigation .sub-menu a {
    color: white; /* Set submenu text color to white */
}

.main-navigation .sub-menu a:hover {
    color: #ccc; /* Change submenu text color on hover */
    background-color: black; /* Ensure background remains black on hover */
}

.button.menu-toggle {
  background-color: white !important; /* White background */
  color: black !important;            /* Icon color for contrast */
  border: none;                       /* Optional: removes border */
  padding: 10px;                      /* Optional: space around icon */
  border-radius: 4px;                 /* Optional: rounded corners */
}

header .menu-toggle {
  background-color: #e0c95e !important;
  color: black !important;
}

/**/
/* Restore general container padding */
.container,
.inside-header {
  padding-left: 40px;
  padding-right: 40px;
}

/* Adjust main nav so menu items aren't indented */
.main-navigation {
  padding-left: 0;
  margin-left: 0;
}

/* Pull the menu items closer to the left edge of the nav */
.main-navigation ul {
  margin-left: 0;
  padding-left: 0;
}

/* Fine-tune individual menu items if needed */
.main-navigation ul li a {
  padding-left: 12px;
  padding-right: 12px;
}

/* Keep the logo and nav balanced */
.site-branding {
  margin-right: 20px;
  flex-shrink: 1;
}

/* Ensure header content is centered inside the wider container */
.inside-header {
  max-width: 1500px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*FOOTER - make whole footer section background black*/
.site-footer, .footer-width-fixer {
	background-color: black !important;
}

/*Add a Get Tickets button to the Events List view for each event*/
/* Only style the Get Tickets button in the Events List view */
.tribe-events-view--list .tribe-events-button-wrapper__get-tickets {
    margin-top: 12px;
}

.tribe-events-view--list .tribe-events-button--get-tickets {
    background-color: #B02013 !important;
    color: #fff !important;
    padding: 8px 16px;
    text-decoration: none;
    display: inline-block;
    border: none;
    border-radius: 4px;
}

.tribe-events-view--list .tribe-events-button--get-tickets:hover, 
.tribe-events-view--list .tribe-events-button--get-tickets:focus {
  background-color: #ffffff !important;     /* white background on hover/focus */
  color: #B02013 !important;                /* red text on hover/focus */
  border: 1px solid #B02013;     /* keep the red border visible */
  text-decoration: none;         /* ensure no underline appears */
}

/*.tribe-events-button--get-tickets:hover {
    background-color: #90180F !important; /* darker on hover */

/*hid the Food & Drinks Menu Link - 1/31/26*/
#menu-item-657 {
    display: none !important;
}