/*
Theme Name: Hillel's Angels Modern Classic
Theme URI: https://hillelsangels.org/
Description: Responsive WordPress theme preserving the classic Hillel's Angels visual identity while making content mobile-friendly and editable.
Version: 1.1.0
Author: Hillel's Angels
*/
:root{--ha-red:#990000;--ha-dark:#050505;--ha-gold:#f4d35e;--ha-link:#0b4f8a;--ha-max:850px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000 url('assets/images/back.jpg') repeat;color:#222;font-family:Arial,Helvetica,sans-serif;line-height:1.55;font-size:16px}.site-shell{width:min(850px,100%);margin:0 auto;background:#000;box-shadow:0 0 18px rgba(0,0,0,.8)}
.site-header{display:grid;grid-template-columns:500px 1fr;min-height:150px;background:#000}.site-brand{display:block;width:100%;height:150px;background:url('assets/images/header1.jpg') left top/cover no-repeat;text-indent:-9999px}.site-header-art{background:url('assets/images/bg.jpg') center/cover no-repeat;min-height:150px}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:#fff;color:#000;padding:8px;z-index:9999}
.main-nav{background:#050505;border-top:1px solid #333;border-bottom:1px solid #333}.main-nav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.main-nav li{flex:1 1 auto}.main-nav a{display:block;padding:10px 7px;color:#fff;text-decoration:none;text-align:center;font-size:13px;font-weight:bold;border-right:1px solid #333}.main-nav a:hover,.main-nav .current-menu-item>a{background:#990000;color:#fff}.mobile-menu-toggle{display:none}
/* Page frame: the source's white panel with a 5px grey border inside a 5px black edge */
.content-wrap{background:#000;padding:0 5px}
.content-card{background:#fff;border:solid #666;border-width:0 5px;padding:24px 25px 30px;min-height:763px;overflow-wrap:anywhere}
/* The source shows no page titles; keep the title for screen readers and search */
.entry-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Source body text: 12px Geneva/Arial in #333, justified unless a paragraph sets its own alignment */
.entry-content{font:12px/16px Geneva,Arial,Helvetica,sans-serif;color:#333}
:where(.entry-content p){text-align:justify}
.entry-content a{color:#990000}.entry-content a:hover{color:#000099}
/* 404 heading, in the source's bold Verdana caps */
.ha-404-title{margin:12px 0;color:#333;font:bold 16px Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase}
.ha-verdana{font-family:Verdana,Arial,Helvetica,sans-serif}
/* Thin grey frame the source puts around photos */
.ha-photo-border img{padding:3px;border:1px solid #666}.entry-content img{max-width:100%;height:auto}.entry-content iframe{max-width:100%;border:0}.entry-content table{max-width:100%;width:100%;border-collapse:collapse}.entry-content td,.entry-content th{vertical-align:top}.entry-content h1,.entry-content h2,.entry-content h3{color:#990000}.entry-content hr{border:0;border-top:1px solid #ccc}/* Footer: just the source's grey bottom bar */
.site-footer{height:22px;background:#000 url('assets/images/btm-main.jpg') center top/100% 22px no-repeat}
/* Main menu on desktop: two rows of tabs like the source's image buttons.
   Row 1 = grey tabs on the dark-red bar; row 2 always starts at the 8th link
   (li:nth-child(8)), whatever the order or number of links, and sits on a grey bar. */
@media (min-width:721px){
.main-nav{background:linear-gradient(#4d0101 0 25px,#666 25px);border:0}
.main-nav ul{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));padding:0 40px}
.main-nav li{grid-column:span 2}
.main-nav li:nth-child(8){grid-column:3/span 2}
.main-nav a{height:25px;margin:0 3px;padding:8px 2px 0;border:0;border-radius:7px 7px 0 0;background:#666;color:#1a1a1a;font:bold 10px/1 Verdana,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.main-nav li:nth-child(8) a,.main-nav li:nth-child(8)~li a{margin:0;border-radius:0;border-right:1px solid #4a4a4a;background:none}
.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current-page-ancestor>a{background:#7a7a7a;color:#fff}
.main-nav li:nth-child(8) a:hover,.main-nav li:nth-child(8)~li a:hover,.main-nav li:nth-child(8).current-menu-item>a,.main-nav li:nth-child(8)~li.current-menu-item>a,.main-nav li:nth-child(8).current-page-ancestor>a,.main-nav li:nth-child(8)~li.current-page-ancestor>a{background:none;color:#fff}
}
.notice-box{background:#f5f5f5;border-left:5px solid #990000;padding:12px 16px;margin:18px 0}.wp-block-button__link{background:#990000;color:#fff}.wp-block-button__link:hover{background:#700000;color:#fff}
@media (max-width:720px){.site-header{grid-template-columns:1fr;min-height:0}.site-brand{height:125px;background-size:auto 125px;background-position:center}.site-header-art{display:none}.mobile-menu-toggle{display:block;width:100%;border:0;background:#990000;color:#fff;padding:11px;font-weight:bold;font-size:16px}.main-nav{display:none}.main-nav.is-open{display:block}.main-nav ul{display:block}.main-nav a{text-align:left;padding:11px 16px;border-right:0;border-bottom:1px solid #333}.content-wrap{padding:0 5px}.content-card{padding:14px 12px}
/* Phones: larger body text, and drop the desktop indents that spacer cells became */
.entry-content{font-size:15px;line-height:1.5}
.entry-content .wp-block-group:not(.has-background),.entry-content .wp-block-columns{padding-left:0!important;padding-right:0!important}.entry-content table{display:block;overflow-x:auto}.site-shell{box-shadow:none}}
@media (max-width:430px){.site-brand{height:105px;background-size:auto 105px}}