/* Change the Buy Tickets button color only for Swing State page (Replace 123 with your Post ID) */
.page-id-3391 .wp-block-button__link {
    background-color: #272727 !important; /* Change to your desired color */
    color: #ffffff !important;            /* Text color */
}
/* Change the Buy Tickets button color only for Gidion's Knot page (Replace 123 with your Post ID) */
.page-id-2723 .wp-block-button__link {
    background-color: #272727 !important; /* Change to your desired color */
    color: #ffffff !important;            /* Text color */
}
/* Target mobile devices only (widths 768px and below) */
@media screen and (max-width: 768px) {
    .callout-button,
    #hero .button,
    .wp-block-button__link {
        font-size: 18px !important;    /* Smaller font size */
        padding: 0px 0px !important;  /* Reduced internal spacing */
        width: auto !important;        /* Prevents button from stretching full-width if undesired */
        display: inline-block;
}
}
/* Change CTA button background only */
.callout-button {
    background-color: #272727 !important; /* Replace with your hex color */
    background-image: none !important;    /* Removes theme's default gradients */
	color: #ffffff !important; /* Text color */
}
/* 1. Change Top Menu Text Color 
(Normal State) */
.main-navigation a {
    color: #272727 !important;
}
/* 2. Change Menu Hover Color */
.main-navigation a:hover {
    color: #ff729f !important;
}
/* 3. Change Active/Current Page Menu Color */
.main-navigation .current-menu-item > a, 
.main-navigation .current_page_item > a {
    color: #ffaa4d !important;
}
/* CHANGES TEXT HOVER COLOR */
a:hover {
	color: #ff729f !important;
/* Replace with your desired color code */
}
.main-navigation > div > ul li.current-menu-item a {
    color: #ff729f !important;
}
 /* Improve readability with spacing */
body {
    line-height: 1.8em;        
}
/* Change the color of the line at the top of the mobile menu */
@media screen and (max-width: 65em) {
    .main-navigation.toggled .nav-menu {
        border-top: 2px solid #272727 !important;
    }
}
/* Disable the gold triangle on the mobile menu */
@media screen and (max-width: 65em) {
    .main-navigation.toggled .nav-menu::before, 
    .main-navigation.toggled .nav-menu::after {
        color: #272727 !important;
}
/* Disable the page headline title for "Auditions" */
.page-id-1354 .entry-header {
    display: none;
}
/* Change body text size */
body, p {
    font-size: 18px; 
}
.featured-content .entry-header .entry-title, 
.featured-content .entry-header .entry-title a {
    font-family: 'Archivo Narrow', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px;
}
/* Homepage and Archive list titles */
.blog .entry-title a, 
.archive .entry-title a {
    font-size: 28px !important;
    line-height: 1.2;
}
/* Change the Mailchimp button color only for a specific post (Replace 123 with your Post ID) */
.postid-3117 .wp-block-button__link {
    background-color: #19a9fd !important; /* Change to your desired color */
    color: #ffffff !important;            /* Text color */
}
/* Target MENU button only mobile view (widths under 768px) */
@media screen and (max-width: 768px) {
    .menu-toggle {
        background-color: #ff729f !important; /* Your desired background color */
        color: #272727 !important;           /* Menu text color */
        background-image: none !important;    /* Clears theme-default gradients */
        border: none !important;             /* Optional: removes any default border */
}