/* WMNF colors
#FF3621 - red
#FFA600 - orange
#EFFF09 - yellow
#62FF00 - green
#45FF80 - olive
#52B3FF - light blue
#4624FF - blue
#A31FFF - purple
#FF0BFF - pink
*/

body.login {
	color: #fff !important;
}

.site-header__layout__logo {
	width: unset !important;
}
.site-header__layout__menu {
    justify-content: unset !important;
}
.mobile-navigation__footer {
    margin-top: 0 !important;
    padding: 25px !important;
}


.-pt-lg {
	padding-top: calc(var(--section-spacer)*.2) !important;
}

#wmnf-store-image { margin-bottom: 0 !important; }
.wmnf-store-page .-pt-lg { padding-top: unset; }
.wmnf-btn-shop {
    --button-background: #009EFF !important;
    --button-hover-background: #009EFF !important;
    --button-color: #fff;
    --button-hover-color: #fff;
}
.wmnf-div{clear: both;}
.wmnf-row{
	display: block;
	clear: both;}
.wmnf-col{
	float: left;}
.wmnf-cnt{width: 25px;}
.wmnf-charts-title{width: 225px;}
.wmnf-charts-album{width: 225px;}
.wmnf-charts-artist{width: 200px;}
.wmnf-archives-title{width: 85%;}
.wmnf-report{margin: 5px 5px 5px 5px;}
.wmnf-report-table tr td{
	border: 1px solid;
	padding: 5px 5px;}
.validation_message, .gform_submission_error {
	color: #ff0000 !important;
	font-weight: bold;}
.field-captcha { width: 10em; }
.ee-promotion-code-input__wrapper { width: 600px; }
#ee-promotion-code-submit {
	width: 250px;
	position: unset !important;
	border-left-width: 2px !important;
	border-style: solid !important;}
#ee-promotion-code-input {
	border-width: medium !important;
	border-top-style: solid !important;
	border-bottom-style: solid !important;
	border-left-style: solid !important;
	border-right-style: solid !important;
	width: 350px !important;}
.ee-ticket-comp-ticket, .ee-ticket-comp-ticket-details,
 .ee-ticket-off-line-ride-the-wave, .ee-ticket-off-line-ride-the-wave-details,
 .ee-ticket-upgrade-ticket, .ee-ticket-upgrade-ticket-details,
 .ee-ticket-door-sales, .ee-ticket-door-sales-details
{
	display: none !important;
}

.front-banner { width: 100%; height: auto; }

/* Style for search results container */
body.search-results .grid-single {
 display: flex;
 flex-direction: column;
}
/* Style for each search result */
body.search-results .card-search-result {
 display: flex;
 align-items: center; 
 margin-bottom: 20px;
}
/* Style for the thumbnail image */
body.search-results .card-search-result__image {
 flex-shrink: 0;
 width: 115px;
 height: 118px;
 margin-right: 20px;
 background-size: cover;
 background-position: center;
}
/* Style for the text content */
body.search-results .card-search-result__content {
 flex-grow: 1;
}
/* Style for the title */
body.search-results .card-search-result__title {
 font-size: 1.5em;
 margin-bottom: 10px;
}
body.search-results .card-search-result__title {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
body.search-results .title {
 flex-grow: 1;
}
body.search-results .post-type {
 margin-left: auto; /* This pushes the post type to the far right */
}
/* Style for the excerpt */
body.search-results .card-search-result__excerpt {
 font-size: 1em;
 width:75%;
}
/* Adjust the sidebar to take the remaining space */
body.search-results .layout-article__sidebar {
 flex-basis: 100%;
}
body.search-results .layout-article__main {
 width: 100%;
 max-width: 1200px; /* Adjust this value based on your desired maximum width */
 margin: 0 auto; /* Centers the content */
}
body.search-results .grid-single {
 display: grid !important;
 grid-template-columns: repeat(auto-fill, minmax(1100px, 1fr)) !important; /* Adjust the minmax values based on your desired column width */
 gap: 50px !important;
}

@media only screen and (max-width: 1099px) {
    body.search-results .grid-single {
        display: grid !important;
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important;
    }
}

@media (min-width: 1200px) {
    .layout-article {
        gap: 3.5rem !important;
    }
}

#host-programs {
	background-color: #eee;
	padding: 1em;
	font-size: smaller;
	font-weight: bold;
}
#host-name {
	font-size: larger;
	font-weight: bold;
}
