/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 30 2025 | 15:35:35 */
/* remove category names from Trupe top page
End of comment */ 

@media (max-width: 767px) {
    body .wpr-grid-filters {
        display: none !important;
    }
}

.wpr-grid-item-author a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.wpr-grid-item-category a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.page-header h1.entry-title {
    margin-top: 40px; /* Adds 40px space from the top */
    text-align: center; /* Centers the text horizontally */
}



@media (max-width: 780px) {
    /* Style the mobile menu button */
    .site-navigation-toggle {
        background-color: #FFB600 !important; /* Button background color */
        color: black !important; /* Text or icon color */
        border: none !important; /* Remove borders */
        padding: 10px 15px; /* Adjust padding */
        border-radius: 5px; /* Optional: Rounded corners */
        cursor: pointer;
    }

    /* Maintain button color when the mobile menu is open */
    .site-navigation-toggle[aria-expanded="true"] {
        background-color: #FFB600 !important; /* Keep button color consistent */
        color: black !important; /* Keep text/icon color */
    }

    /* Change the background color of the mobile menu */
    #menu-mainmenuro-1 {
        background-color: #FFFFFF !important; /* Dark grey background */
        padding: 0; /* Remove extra padding */
        margin: 0; /* Remove extra margin */
        list-style: none; /* Remove bullet points */
    }

    /* Mobile menu links default state */
    #menu-mainmenuro-1 li a {
        color: black !important; /* Default text color */
        display: block; /* Full-width clickable area */
        padding: 10px 15px; /* Add spacing */
        text-decoration: none; /* Remove underline */
        background-color: #FFFFFF !important; /* Match menu background */
    }

    /* Mobile menu links hover effect */
    #menu-mainmenuro-1 li a:hover {
        color: #FFB600 !important; /* Text color on hover */
        background-color: #FFFFFF !important; /* Keep background color consistent */
    }

    /* Selected/active link styling (change the background of <li>) */
    #menu-mainmenuro-1 li.current-menu-item,
    #menu-mainmenuro-1 li.current-menu-parent {
        background-color: #FFB600 !important; /* Highlight the background of the selected <li> */
    }

    /* Selected/active link text styling */
    #menu-mainmenuro-1 li.current-menu-item a,
    #menu-mainmenuro-1 li.current-menu-parent a {
        color: black !important; /* Set text color to black for contrast */
        font-weight: bold; /* Optional: Make it bold */
    }
}

@media (max-width: 767px) {
  .bdt-lightbox-button svg {
    width: 9px !important;
    height: 15px !important;
  }
	.bdt-lightbox-button {
		width: 25px; /* Adjust the width of transparent sqares*/
  		height: 25px; /* Adjust the height of transparent sqares*/
	}
}