responsive-child
/* Grid style */
.display-posts-listing.grid {
display: grid;
grid-gap: 16px;
}
.display-posts-listing.grid .title {
display: block;
}
.display-posts-listing.grid img {
display: block;
max-width: 100%;
height: auto;
}
@media (min-width: 600px) {
.display-posts-listing.grid {
grid-template-columns: repeat( 2, 1fr );
}
}
@media (min-width: 1024px) {
.display-posts-listing.grid {
grid-template-columns: repeat( 3, 1fr );
}
}
.display-posts-listing.image-left .listing-item {
overflow: hidden;
margin-bottom: 32px;
width: 100%;
}
.display-posts-listing.image-left .image {
float: left;
margin: 0 16px 0 0;
}
.display-posts-listing.image-left .title {
display: block;
}
.display-posts-listing.image-left .excerpt-dash {
display: none;
}
/* ——————————————————-
Mobile improvements for Responsive Child
——————————————————- */
@media (max-width: 767px) {
html,
body {
overflow-x: hidden;
}
body {
font-size: 16px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
}
img,
video,
iframe,
embed,
object {
max-width: 100%;
height: auto;
}
.site,
.site-content,
.content-area,
.site-main,
.container,
.entry-content,
.hentry {
max-width: 100%;
}
.site-content,
.content-area,
.site-main,
.container,
.entry-content {
padding-left: 16px;
padding-right: 16px;
}
h1,
.entry-title,
.page-title {
font-size: clamp(2rem, 9vw, 3rem);
line-height: 1.1;
margin-bottom: 1rem;
}
h2 {
font-size: clamp(1.55rem, 7vw, 2.25rem);
line-height: 1.15;
}
h3 {
font-size: clamp(1.3rem, 6vw, 1.75rem);
line-height: 1.2;
}
p,
li {
font-size: 1rem;
}
.entry-content p,
.entry-content ul,
.entry-content ol {
margin-bottom: 1rem;
}
.wp-block-columns {
gap: 1rem;
}
.wp-block-column {
flex-basis: 100% !important;
}
.wp-block-buttons,
.wp-block-button {
width: 100%;
}
.wp-block-button__link,
button,
input[type=”button”],
input[type=”submit”],
input[type=”reset”] {
width: 100%;
max-width: 100%;
text-align: center;
border-radius: 999px;
padding: 0.85rem 1.25rem;
font-weight: 700;
}
input,
select,
textarea {
max-width: 100%;
font-size: 16px;
}
input[type=”text”],
input[type=”email”],
input[type=”tel”],
input[type=”url”],
input[type=”search”],
input[type=”password”],
textarea,
select {
width: 100%;
border-radius: 8px;
padding: 0.75rem;
}
.wp-block-cover {
min-height: 280px;
padding: 1.5rem;
}
.wp-block-group,
.wp-block-cover {
border-radius: 12px;
}
.wp-block-table {
overflow-x: auto;
}
table {
max-width: 100%;
}
.main-navigation a,
.menu a,
.nav-menu a {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.alignwide,
.alignfull {
max-width: 100%;
}
}
/* ——————————————————-
Homepage mobile-specific content
——————————————————- */
.stm-mobile-home-summary {
display: none;
}
@media screen and (max-width: 767px) {
body.page-id-30 .stm-desktop-home-schedule {
display: none !important;
}
body.page-id-30 .stm-mobile-home-summary {
display: block !important;
margin: 1rem 0 1.5rem;
}
body.page-id-30 .stm-mobile-home-summary h2 {
margin: 1.25rem 0 0.75rem !important;
font-size: 1.45rem !important;
line-height: 1.2 !important;
}
body.page-id-30 .stm-mobile-service-card {
background: var(–responsive-global-palette7, #f6f6f6);
border-radius: 14px;
padding: 1rem;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
body.page-id-30 .stm-mobile-service-card p {
margin: 0 0 0.85rem !important;
font-size: 16px !important;
line-height: 1.45 !important;
}
body.page-id-30 .stm-mobile-actions {
display: grid;
gap: 0.65rem;
margin-top: 1rem;
}
body.page-id-30 .stm-mobile-button,
body.page-id-30 .stm-mobile-link {
display: block;
width: 100%;
text-align: center;
border-radius: 999px;
padding: 0.85rem 1rem;
font-weight: 700;
text-decoration: none;
}
body.page-id-30 .stm-mobile-button {
background: var(–responsive-global-palette0, #1e73be);
color: #fff !important;
}
body.page-id-30 .stm-mobile-button-secondary {
background: var(–responsive-global-palette3, #222);
color: #fff !important;
}
body.page-id-30 .stm-mobile-link {
background: transparent;
border: 2px solid currentColor;
}
body.page-id-30 .entry-content,
body.page-id-30 .site-content,
body.page-id-30 .content-area,
body.page-id-30 .site-main,
body.page-id-30 .container {
max-width: 100% !important;
padding-left: 16px !important;
padding-right: 16px !important;
overflow-x: hidden !important;
}
body.page-id-30 img,
body.page-id-30 iframe,
body.page-id-30 video,
body.page-id-30 embed,
body.page-id-30 object {
max-width: 100% !important;
height: auto !important;
}
/* Hide bulky WP Event Manager search/filter controls on the homepage phone view. */
body.page-id-30 .wpem-event-search-form,
body.page-id-30 .wpem-event-filter-wrapper,
body.page-id-30 .wpem-event-listings-header,
body.page-id-30 .wpem-event-search,
body.page-id-30 .wpem-search-form-wrapper,
body.page-id-30 .event_filters,
body.page-id-30 .search_events,
body.page-id-30 .showing_applied_filters,
body.page-id-30 .wpem-form-wrapper,
body.page-id-30 .wpem-form-group,
body.page-id-30 .wpem-filter-wrapper {
display: none !important;
}
body.page-id-30 .wpem-main,
body.page-id-30 .wpem-event-listings,
body.page-id-30 .wpem-event-layout-wrapper,
body.page-id-30 .wpem-event-box-col,
body.page-id-30 .wpem-event-listing-list-view,
body.page-id-30 .wpem-event-listing-box-view {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
float: none !important;
}
body.page-id-30 .wpem-event-layout-wrapper {
border-radius: 12px !important;
overflow: hidden !important;
}
body.page-id-30 .wpem-event-title,
body.page-id-30 .wpem-event-title a {
font-size: 1.05rem !important;
line-height: 1.25 !important;
}
body.page-id-30 .wpem-event-date,
body.page-id-30 .wpem-event-location,
body.page-id-30 .wpem-event-time,
body.page-id-30 .wpem-event-date-time {
font-size: 0.95rem !important;
line-height: 1.35 !important;
}
body.page-id-30 .wpem-event-banner-img,
body.page-id-30 .wpem-event-banner img {
max-height: 180px !important;
object-fit: cover !important;
}
body.page-id-30 .display-posts-listing.image-left .listing-item {
display: block !important;
overflow: visible !important;
margin-bottom: 1.5rem !important;
}
body.page-id-30 .display-posts-listing.image-left .image {
float: none !important;
display: block !important;
margin: 0 0 0.75rem 0 !important;
}
body.page-id-30 .display-posts-listing.image-left img {
width: 100% !important;
height: auto !important;
border-radius: 10px !important;
}
body.page-id-30 .feedzy-rss,
body.page-id-30 .feedzy-rss ul,
body.page-id-30 .feedzy-rss li {
display: none !important;
}
}
@media screen and (min-width: 768px) {
body.page-id-30 .stm-mobile-home-summary {
display: none !important;
}
}