/* Color Reference:
   -- Primary (Warm Gray):   #515354
   -- Link (Blue):      #003f87
   -- Link Hover (Dark Blue):     #005177
   -- Very Light Gray:     #f8f8f8
   -- Light Gray:      #e9e9e4
   -- Mid Gray:       #666666
*/

/*-------------------------------------------------
/* 1. Global - Empty */
-------------------------------------------------*/



/*-------------------------------------------------
2. Events
-------------------------------------------------*/

/*Changes size of Google Map in single Event post*/
.single-tribe_events .tribe-events-single .tribe-events-event-meta {
width: 100%;
height: 400px;
}

.tribe-events-venue-map {
width: 400px;
height: 400px;
}

.tribe-events-venue-map>div, .tribe-events-venue-map>iframe {
max-height: 400px;
}

/*Adds padding to the bottom of the single event page*/
body.tribe_events-template-default.single-tribe_events #content {
    padding-bottom: 350px; /* Adjust this value as needed */
}

/* Title on single event page*/
.filtered-events-title {
    font-size: 1.1em; /* Matches heading size */
    font-weight: bold;
    color: #515354; /* Matches default text color */
    margin-bottom: 15px;
    text-align: left; /* Center the title */
}

/* Force WooCommerce checkout form into single column layout */
body.woocommerce-checkout #customer_details.col2-set {
  display: flex !important;
  flex-direction: column !important;
  gap: 2rem !important;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/*-------------------------------------------------
3. Posts
-------------------------------------------------*/

/* Remove author on posts */
.entry-meta .byline, .entry-meta .cat-links { display: none; }

/*Add horizontal line between posts*/
.hentry {
    border-bottom: 1px solid #ccc;
    padding-bottom: 3em;
}

/* Remove extra padding between posts */
.blog .inside-article,
.archive .inside-article {
    margin-bottom: 0; /* Reset margin or padding between posts */
}

/*Adjust spacing between posts if needed */
.blog .inside-article + .inside-article,
.archive .inside-article + .inside-article {
    margin-top: 20px; /* Adjust spacing between posts */
}

/*-------------------------------------------------
/* 4. Pages - Empty */
-------------------------------------------------*/


/*-------------------------------------------------
5. Widgets
-------------------------------------------------*/

/* Adjust the margin between widgets */
.widget {
    margin-bottom: 10px; 
}

/* Styling for Event Widgets */
.filtered-events-widget {
    background: #f9f9f9; /* Matches the widget background */
    border: 1px solid #ddd; /* Subtle border for separation */
    border-radius: 8px; /* Rounded corners */
    padding: 20px; /* Inner spacing */
    margin-bottom: 20px; /* Space below the widget */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional shadow for depth */
}

/* List styling */
.filtered-events {
    list-style: none; /* Remove bullet points */
    padding: 0;
    margin: 0;
}

/* Individual list item styling */
.filtered-events li {
    margin-bottom: 15px; /* Space between events */
    font-size: 0.90em; /* Matches default text size */
}

/* Link styling (Event Title) */
.filtered-events a {
    text-decoration: none; /* Remove underline */
    color: #003f87; /* Matches link color */
    font-weight: bold;
}

/* Link styling (Event Title Hover) */
.filtered-events a:hover {
    text-decoration: underline; /* Underline on hover */
    color: #005177; /* Darken link on hover */
}

/* Event date styling */
.filtered-events .event-date {
    display: block; /* Ensure date appears below the title */
    font-size: 0.9em;
    color: #666; /* Subtle secondary text color */
    margin-top: 5px;
}

/* Ensure date and time are inline to remove gaps */
.filtered-events .event-date,
.filtered-events .event-time {
    display: inline;
    margin: 0; /* Remove any extra margin */
    padding: 0; /* Remove any extra padding */
    line-height: 1; /* Normalize line spacing */
}

/*Change thickness of separator in default Wordpress widgets*/
 .wp-block-separator {
border: 1px solid;
}

/*-------------------------------------------------
6. Woocommerce
-------------------------------------------------*/

/*Change color of items on Woocommerce checkout page*/
.woocommerce button.button.alt {
	  background-color: #515354;
    color: #fff;
}

.woocommerce button.button.alt:hover {
	  background-color: #003366;
    color: #fff;
}

.woocommerce-checkout #payment ul.payment_methods li, .woocommerce-checkout #payment div.form-row, .woocommerce-checkout #payment ul.payment_methods {
    background-color:#f8f8f8
}

.woocommerce-checkout #payment div.payment_box p:last-child,  .woocommerce-checkout #payment div.payment_box, .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text  {
    background-color:#e9e9e4;
}

/*Hide browse products on My Account page*/
.woocommerce-account  .woocommerce-info .button {
    display: none;
}

/*Styles custom login message*/
.woocommerce .custom-login-message {
    font-size: 13px;
    color: #555; /* Adjust to match your theme */
    margin-top: 10px;
    text-align: center; /* Center-align the text */
}

/*Edits text on My Account page to inform users they must be logged in to buy a ticket*/
.custom-my-account-message {
  background-color: #f8f9fa;
  padding: 1rem;
  color: #333;
  font-size:large !important;
  font-weight:600;
}

/*Hides gap at bottom of checkout page and cart page*/
body.woocommerce-checkout #brx-content,
body.woocommerce-cart #brx-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.woocommerce-checkout footer,
body.woocommerce-cart footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.woocommerce-checkout,
body.woocommerce-cart {
  background: #868787 !important; /* Or your site background */
  overflow-x: hidden;
}

body.woocommerce-checkout #brx-content > div,
body.woocommerce-cart #brx-content > div {
  background-color: transparent !important;
}

body.woocommerce-checkout div[class*="paypal"],
body.woocommerce-cart div[class*="paypal"],
body.woocommerce-checkout div[class*="ppc"],
body.woocommerce-cart div[class*="ppc"],
body.woocommerce-checkout .woocommerce,
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce-checkout,
body.woocommerce-cart .woocommerce-cart,
body.woocommerce-checkout #payment,
body.woocommerce-cart #payment {
  background-color: transparent !important;
}


/*-------------------------------------------------
7. Responsive Tweaks
-------------------------------------------------*/

@media (max-width: 768px) {
    .filtered-events-widget {
        padding: 15px;
    }

    .tribe-events-venue-map {
        width: 100%;
    }
}

/*-------------------------------------------------
8. Test Code
-------------------------------------------------*/