/*
Theme Name: Temple Theatre Theme (PopularFX))
Theme URI: https://popularfx.com
Author: Stephen Hambright
Author URI: https://wordpress.org
Description: Theming for Temple Theatre Plugin (Actors, Events, Sponsors). Changing the overall theme *CAN* break the plugin.
Template: popularfx
Version: 1.0.1
*/

.site-main {
  padding: 0 15px 0 15px;
}

/* Remove margin-bottom for a specific block layout */
.tmpl-custom-block-columns .wp-block-columns {
    margin-bottom: 0 !important;
}



/* Make the <ul> container a flex container */
ul.secondary-menu {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line if needed */
    justify-content: space-between; /* Distribute items evenly */
    list-style: none; /* Remove default list styling */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
}

/* Style individual <li> items */
ul.secondary-menu li {
    margin: 0 10px; /* Adjust spacing between items */
}

/* Optional: Style the links */
ul.secondary-menu li a {
    text-decoration: none; /* Remove underline */
    padding: 10px 15px; /* Add padding to the links */
    display: block; /* Ensure links take up the full space of their <li> */
}

ul.secondary-menu li a
{
    color: white;
}

ul.secondary-menu li a:hover {
  text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    ul.secondary-menu {
        justify-content: center; /* Center the items on smaller screens */
    }

    ul.secondary-menu li {
        margin: 0 5px; /* Reduce spacing between items */
    }
}









.main-navigation .menu-item-has-children > ul {
  z-index: 10;
/* 
  border: 1px solid black;
 */
  /* background-color: #243C99; */
}

.main-navigation .menu-item-has-children .sub-menu {
/* 
  background: #243c99 !important;
 */
/* 
  border: 1px solid black !important;
 */
}

.main-navigation {
  font-weight: bold;
}

.main-navigation .menu-item-has-children > ul a, .main-navigation .menu-item-has-children > ul a:visited  {

  color: black !important;

}



.main-navigation .menu-item-has-children > ul a:hover {
/* 
  color: gold !important;
 */
}

.main-navigation a:hover, .main-navigation li:hover > a, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
/* 
  color: #243C99 !important;
 */
}