/*
Theme Name: Harmoni Lodge #472
Theme URL: https://www.harmonilodge472.org/
Description: Harmoni Lodge #472 Theme
Template: twentytwentyfive
Version: 1.1.0
Text Domain: twentytwentyfive-child
*/

/*
blue: #124970c2
*/

:root :where(.is-layout-flow) > * { margin-block-start: 2rem; }
:root :where(.is-layout-constrained) > * { margin-block-start: 2.5rem; }

/* Sticky footer */
html { height: 100vh; }
.wp-site-blocks { min-height: 100vh; }
footer { top: 100%; position: sticky; margin-block-start: 0; }

/* Pages */
a, a:hover, a:visited { text-decoration: none; }

.wp-block-separator { margin-block-start: 4.5rem; }
footer .wp-block-social-links { margin-block-start: 1rem; }

main.wp-block-group:first-of-type { margin-top: -1rem !important; }

.catf-wp-block-gallery { margin-bottom: 30px !important; }
.catf-wp-block-gallery .with-top-margin { margin-top: 3.5rem !important; }

.is-block-column-page-list { text-align: right; }
.is-block-column-page-list .wp-block-page-list { list-style-position: inside; list-style: none; }
.is-block-column-page-list .wp-block-page-list > li { margin-bottom: 16px; }

header { background: #EEE; }
header .is-pdx-header { justify-content: flex-start; }
header .is-pdx-header-navbar { flex: 1 1 auto; justify-content: flex-end; }
header .is-pdx-header-tagline-wrap { gap: 0; }
header .is-pdx-header-title { font-size: 24px; font-weight: 500; }
header .is-pdx-header-tagline { font-size: 16px; }
header .wp-block-site-title { font-size: 18px; }
header .wp-block-navigation, header .wp-block-navigation.has-medium-font-size { font-weight: 500; }

/* Breadcrumbs */
.wp-block-boldblocks-breadcrumb-block { position: relative; display: block; background: #F6F6F6; font-weight: 500; border-bottom: 1px solid #DDD; }
nav.breadcrumb { position: relative; width: 90%; color: #222; margin: 0 auto; padding: 12px 0; }
nav.breadcrumb a { color: #06C; }
#cf-app .cf-table .cf-icon:hover { color: inherit !important; text-decoration: none !important; }

footer .is-pdx-footer-contact p, footer .wp-block-site-logo { margin-block-start: 1rem; }
footer .is-pdx-footer-columns { align-items: center !important; }
footer .wp-block-navigation { font-size: 18px; font-weight: 500; }
footer .wp-block-navigation.is-vertical { --navigation-layout-align: flex-end; }

.wp-block-navigation .wp-block-navigation-item { margin-left: 15px; }
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { color: #FFF; }
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg { width: 40px; height: 40px; }

footer { background: #EEE; }

/* Slideshow */
.wp-block-cb-carousel-v2[data-cb-pagination="true"] .swiper-horizontal { margin-bottom: 0; }

/* Gallery */
.catf-blocks-gallery-flex { padding-left: 0; }
#cf-app table.cf-table a.cf-icon { font-size: 26px; }
#cf-app table.cf-table-grid tbody td { padding: 0 20px !important; }

/* Buttons */
.wp-block-buttons .wp-block-button__link { margin: 20px 0 10px; min-width: 230px; }


/* Media Queries */
@media (max-width: 1400px) {
    header .is-pdx-header-title { font-size: 18px; }
    header .is-pdx-header-tagline { font-size: 14px; }
    .wp-block-navigation .wp-block-navigation-item { margin-left: auto; }
    header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { font-size: 16px; }
}
@media (max-width: 600px) {
    /* Styles for mobile devices 480px or 600px */
    .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open), .has-base-background-color, .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { background-color: #124970c2 !important; }
    .toggle-off-mobile { display: none !important; }
    .wp-block-navigation .wp-block-navigation-item { margin-left: auto; }
}

/*
.catf-blocks-gallery-grid .wp-block-image { height: 100%; }
.catf-blocks-gallery-grid:not(.has-nested-images) .catf-blocks-gallery-image img, .catf-blocks-gallery-grid:not(.has-nested-images) .catf-blocks-gallery-item img, .catf-wp-block-gallery:not(.has-nested-images) .catf-blocks-gallery-image img, .catf-wp-block-gallery:not(.has-nested-images) .catf-blocks-gallery-item img { width: 100%; height: 100%; object-fit: cover; }
*/