/* Additions made when the site was moved from PHP to static hosting (October 2026).
   They replace the old inline style="" attributes (blocked by the Content-Security-Policy)
   and fix things that were broken. The theme files next to this one are unchanged. */

/* Page banner: the theme background photo (upload/banner.jpg) was never archived.
   To bring it back, add the file as public/images/banner.jpg and replace the two
   lines below with:  background-image: url('../images/banner.jpg');  */
.bannerpages {
	background-image: none;
	background-color: #3b4550;
}

/* Header: logo and name (were inline styles) */
#ABdev_main_header #logo { margin: 8px; }
.site_logo { height: 110px; width: auto; }
#ABdev_main_header .logo_title { float: left; margin: 18px; }
.logo_name {
	color: #9e6900;
	font-weight: bold;
	font-family: 'Calibri (Body)';
	font-size: 2.5em;
}
.logo_place {
	color: #745313;
	font-family: serif !important;
	font-style: italic;
	font-size: 2.0em;
	line-height: 0.3;
}
.whatsapp_icon { width: 50px; height: 50px; }
.quick_contact_phone a { color: #848994; }
.quick_contact_phone a:hover { color: #8ad542; }

/* Header spacer: script sets the exact height; this is the fallback (old homepage value) */
@media only screen and (min-width: 980px) {
	#ABdev_header_spacer { height: 168px; }
}

/* Mobile menu (replaces the old jQuery toggle) */
#ABdev_menu_toggle:focus { outline: 2px solid #8ad542; }
@media only screen and (max-width: 979px) {
	body.menu-open #ABdev_main_header nav { display: block; }
}

/* About page (were inline styles) */
.indent_6 { margin-left: 6%; }
.mission_points { margin-left: 6%; margin-top: 30px; }

/* Embedded PDFs (were <embed width="100%" height="600px">) */
.pdf_frame { display: block; width: 100%; height: 600px; border: 0; }
.pdf_link { margin: 8px 0 20px; }

/* Donate: bank table could scroll sideways on phones (was inline overflow-x:auto) */
.table_scroll { overflow-x: auto; }

/* Call / WhatsApp / Email buttons that replace the old PHP forms */
.contact_actions { margin: 10px 0 30px; }
.contact_actions .btn { margin: 0 6px 10px 0; white-space: normal; }
.contact_actions .btn,
.contact_actions .btn:hover,
.contact_actions .btn:focus { color: #fff; }

/* News list: cards wrap evenly whether or not a photo survived */
.news_grid { display: flex; flex-wrap: wrap; }
.news_grid > .col-md-3 { float: none; }
.news_title_box { min-height: 120px; }
.news_thumb { width: 270px; max-width: 100%; height: 200px; object-fit: cover; }

/* News detail */
.news_detail_image { padding: 30px 0 0 30px; max-width: 100%; height: auto; }
.news_detail_title { font-weight: bold; font-family: 'Calibri (Body)'; }
.post_author .author_sep { position: relative; font-size: 4px; top: -2px; right: -8px; }
.rpwe-thumb { width: 45px; height: 45px; object-fit: cover; }

/* Gallery / 404 note */
.gallery_note { padding: 40px 0; font-size: 16px; }

/* Links like /news#news-40 should not land under the fixed header */
@media only screen and (min-width: 980px) {
	.news_grid > [id] { scroll-margin-top: 190px; }
}