/* Minimal overrides for The Vagabonds Club.
   Everything else comes from the theme and the Customizer.
   Note: the home page template wraps content in #page-content,
   inner pages use .entry-content, so both are targeted below. */

/* ---- Main menu ----
   The theme colours mobile menu links white for its black slide-out panel,
   so the dropdown background must only be white on desktop. */
:root{--vg-accent:#7B1E2E}

.main-navigation a{text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:500}
.main-navigation .menu-item-has-children > a::after{content:"";display:inline-block;margin-left:8px;border:4px solid transparent;border-top-color:currentColor;position:relative;top:3px}

@media(min-width:1200px){
#site-navigation .current-menu-item > a,#site-navigation .current_page_item > a,
#site-navigation .current-menu-ancestor > a,#site-navigation .current-page-ancestor > a{color:var(--vg-accent);box-shadow:inset 0 -2px 0 0 var(--vg-accent)}
#site-navigation a:hover{color:var(--vg-accent)}
.main-navigation .sub-menu{background-color:#fff;border:1px solid #e3e3e3;box-shadow:0 10px 26px rgba(0,0,0,.10);padding:6px 0;min-width:250px}
.main-navigation .sub-menu a{color:#222;letter-spacing:.11em;font-size:12.5px;padding:9px 20px;box-shadow:none}
.main-navigation .sub-menu a:hover{color:var(--vg-accent);background:#faf7f7}
}

@media(max-width:1199px){
.main-navigation a{letter-spacing:.11em}
.main-navigation .sub-menu{background-color:transparent;border:0;box-shadow:none;padding-left:14px}
.main-navigation .sub-menu a{color:#fff;opacity:.8;letter-spacing:.08em;font-size:12.5px}
.main-navigation .sub-menu a:hover{opacity:1;color:#fff}
.main-navigation .current-menu-item > a,.main-navigation .current_page_item > a{color:#fff;font-weight:700}
}

/* The theme leaves list and table text at a very low-contrast default */
.entry-content li,.entry-content td,.entry-content th,
#page-content li,#page-content td,#page-content th{color:#000}

/* Tables - the theme provides no table styling */
.entry-content table,#page-content table{width:100%;border-collapse:collapse}
.entry-content table th,#page-content table th{text-align:left;padding:12px 10px;border:0;border-bottom:2px solid #222}
.entry-content table td,#page-content table td{padding:12px 10px;border:0;border-bottom:1px solid #e3e3e3}
.wp-block-table{overflow-x:auto;margin-bottom:32px}

/* Vertical rhythm - the theme sets heading margin-top to 0 */
.entry-content h2,#page-content h2{margin:56px 0 20px}
.entry-content h3,#page-content h3{margin:32px 0 12px}
.entry-content p,#page-content p{margin-bottom:20px;line-height:1.7}
.entry-content ul,.entry-content ol,#page-content ul,#page-content ol{margin-bottom:24px}
.entry-content .wp-block-buttons,#page-content .wp-block-buttons{margin:26px 0 10px}

/* Keep centred intro copy to a readable measure */
#page-content p.has-text-align-center{max-width:820px;margin-left:auto;margin-right:auto}

/* Consistent image crops - core's gallery and column CSS is not applied by this theme */
.vg-sections .wp-block-column{display:flex;flex-direction:column}
.vg-sections .wp-block-column > p{flex:1 1 auto}
.vg-sections .wp-block-image img{width:100%;height:230px;object-fit:cover}
.wp-block-gallery.is-cropped.has-nested-images figure.wp-block-image:not(#individual-image){height:260px}
.wp-block-image figcaption{font-size:14px}

/* Standalone in-content images: cap the height so they do not dominate */
.entry-content > figure.wp-block-image img,#page-content > .py-5 > figure.wp-block-image img{width:100%;max-height:440px;object-fit:cover}

/* Page featured image shown as a banner strip */
.page article > img.attachment-post-thumbnail{display:block;width:100%;height:320px;object-fit:cover;margin:0 0 28px}

/* Google map embed */
.vg-map iframe{width:100%;height:420px;border:0}

@media(max-width:600px){
.entry-content h2,#page-content h2{margin-top:40px}
.vg-sections .wp-block-image img{height:190px}
.wp-block-gallery.is-cropped.has-nested-images figure.wp-block-image:not(#individual-image){height:180px}
.page article > img.attachment-post-thumbnail{height:190px}
.vg-map iframe{height:300px}
.entry-content > figure.wp-block-image img{max-height:240px}
}

/* ---- Footer: three columns ----
   The theme hard-codes four quarter-width footer widget areas and, if one is
   left empty, substitutes its own "About Us" search box. So the fourth area
   holds a deliberately blank widget (block-7) and is hidden here, and the
   three real columns are widened to a third each. */
.site-footer .footer-column .row > div:nth-child(4){display:none}
@media(min-width:768px){
.site-footer .footer-column .row > div:nth-child(-n+3){flex:0 0 33.3333%;max-width:33.3333%}
}

/* Footer link hover: the theme hovers widget links to the burgundy accent, which is
   invisible against the burgundy footer. Keep them white and underline instead. */
#colophon a:hover,#colophon a:focus{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* Table tennis photo pair on the Table Tennis page. The source photos are
   portrait, so cap the height or they dominate the page. */
.wp-block-gallery-vgtt figure.wp-block-image img{width:100%;height:420px;object-fit:cover}
@media(max-width:600px){
.wp-block-gallery-vgtt figure.wp-block-image img{height:240px}
}