/*
Theme Name: Smack Mellon Team Design
Template: smackmellon
Author: Child Theme Configurator
Description: This is a custom theme for Smack Mellon designed and developed by Team Design. Please don't steal.
Version: 1.0.1762266029
Updated: 2025-11-04 09:20:29

*/

body {
    color: #181818;
    background-color: white;
    font-family: 'Season Sans', helvetica, arial, sans-serif;
}
.simple-links a {
    border-bottom: 2px solid #f92941;
}
.simple-links a:hover {
    background-color: #ddd;
}
#logo svg {
    width: 162px;
}
#search #search-form button {
    color: white;
    background-color: #f92941;
}
#search #search-form button:hover {
    color: #ddd;
    background-color: #f92941;
}
#search-results .highlight {
    background-color: #f92941;
}
.block-button {
    color: white;
    background-color: #f92941;
}
.post-type {
    color: #181818;
    font-weight: normal;
    text-transform: none;
}
.grid.grid_border:after {
    border: 0;
}
.entry-content blockquote {
    border-left: 2px solid #f92941;
}
#footer a:hover {
    color: #ddd;
}
#copyright {
    padding-bottom: 20px;
    padding-left: 20px;
    text-align: left;
}
main {
    background-color: white;
}
a {
    color: #f92941;
}
footer, #footer, #copyright, #support {
    background-color: #f92941;
}
.block-button:hover {
    color: #ddd;
    background-color: #f92941;
}
#support .block-button {
    color: white;
    line-height: inherit;
    background-color: transparent;
    border: 2.5px solid white;
    -moz-border-radius: 63px;
    -webkit-border-radius: 63px;
    -o-border-radius: 63px;
    border-radius: 63px;
    padding: 12px 40px;
}
#support .block-button:hover {
    color: #ddd;
    line-height: inherit;
    background-color: transparent;
    border: 2.5px solid white;
    -moz-border-radius: 63px;
    -webkit-border-radius: 63px;
    -o-border-radius: 63px;
    border-radius: 63px;
    padding: 12px 40px;
}
.has-hero {
    text-align: left;
    background-color: white;
}
.section-title {
    padding-left: 20px;
    text-align: left;
}
#footer_image {
    padding-bottom: 20px;
    padding-left: 20px;
    height: calc(100% - 20px);
    svg-{-width: calc(100% - 20px);
}
#menu a:hover, #menu .current-menu-item a, #menu .menu-item-has-children.open .sub-menu a:hover {
    color: #f92941;
}
@media (min-width: 375px) {
#logo svg {
    width: 202px;
    height: 20px;
    margin: 5px 0;
}
}
@media (min-width: 768px) {
.post-type {
    font-size: 20px;
}
#current-upcoming .post-type, #current-upcoming .post-date {
    font-size: 16px;
}
#hero .entry-title {
    font-size: 48px;
    font-weight: normal;
}
}
@media (min-width: 1024px) {
.page-title, .section-title {
    padding-left: 40px;
    text-align: left;
}
#footer_image {
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 40px;
}
#copyright {
    padding-left: 40px;
}
#logo svg {
    width: 294px;
    height: 30px;
    margin: 0;
}
}