/*
Theme Name: Hartung Farms HOA
Theme URL: https://www.hartungfarmshoa.com/
Description: Hartung Farms HOA Theme
Template: twentytwentyfive
Version: 1.1.0
Text Domain: twentytwentyfive-child
*/

/*
blue: #124970c2
*/

body { color: #555; font-size: 20px; line-height: 1.8; font-weight: 400; }
body.home h1 { text-align: center; }

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

/* Pages */
h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 500; }
h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
a, a:hover, a:visited { text-decoration: none; }
a, a:hover { color: #06C; }
a:hover { color: #111; }
:root :where(p a:where(:not(.wp-element-button))) { color: #06C; }
.wp-block-button a:hover { color: #FFF; }
ol, ul { padding-left: 17px; }

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 .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; }

footer .has-global-padding { padding: 40px 0 !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; }
footer .is-copyright { font-size: 16px; font-weight: 500; } 
footer .is-copyright.has-global-padding { padding: 0 !important; }
footer .is-copyright .wp-block-group { gap: 0 !important; }
footer .is-copyright p:last-of-type { margin-left: 10px; }

.x-top-margin { margin-top: 40px !important; }
.autosize img { width: 100%; height: auto; }

.wp-block-navigation > .wp-block-navigation-item { margin-left: 15px; }
header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { padding: 10px 0; }
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg { width: 40px; height: 40px; }
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item { border-bottom: 1px solid #DDD; }
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:last-of-type { border-bottom-width: 0; }

.wp-block-navigation .has-child .wp-block-navigation__submenu-container { line-height: 1.3; }
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container { min-width: 300px; }
button.wp-block-navigation__responsive-container-close { color: #FFF; }

.wp-block-post-title { font-size: 2.2rem; font-weight: 500; border-bottom: 1px solid #DDD; padding-bottom: 30px; }

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

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

/* 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-grid tbody td { padding: 0 20px !important; }

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

/* Catfolders */
.cf-app { margin-block-start: 1rem; }
#cf-app .cf-container { max-width: none !important; }
.cf-container { padding: 0 !important; }
#cf-app table.cf-table a.cf-icon { font-size: 26px; }
#cf-app table.cf-table-grid .cf-icon::before { margin-bottom: 1rem !important; }


/* 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 */
    header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { color: #FFF; }
    .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; }
    .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item { border-bottom-width: 0; }
}

/*
.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; }
*/