/*
Theme Name: Hills of Herat
Theme URI: https://hillsofherat.com/
Author: Hills of Herat
Author URI: https://hillsofherat.com/
Description: Custom WordPress theme for Hills of Herat, an Afghan restaurant with locations in Basking Ridge and Martinsville, NJ. Converted from the original static Bootstrap site into a fully dynamic, editable WordPress theme with custom post types for the hero slider, menu items, testimonials, gallery photos and locations, plus a working AJAX reservation form.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hillsofherat
Tags: restaurant, food, one-page, custom-menu, custom-logo, translation-ready

This theme's visual styling lives in /assets/css/ (bootstrap, menu, slick, aos,
fontello, site-style) and is loaded via functions.php. This file only carries
the required theme header plus a few small WordPress-specific overrides.
*/

/* WordPress core alignment helpers, kept minimal so they don't fight the
   original site-style.css rules that are enqueued separately. */
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.85em; color: #777; text-align: center; }
.screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); overflow: hidden; height: 1px; width: 1px; }

/* Robustness fallback for the hero slider: the original design sizes the
   .slideshow container purely from one invisible spacer <img> (see
   .slider-size above). If that single image ever fails to load — wrong
   path, hosting hiccup, slow CDN — the container has no other height
   source and collapses to 0px with overflow:hidden, making the whole
   hero banner disappear. A responsive min-height guarantees the section
   (and the slides/captions inside it) stay visible either way. */
.slideshow { min-height: 60vh; background: #111; }
.slideshow .carousel-item > img { object-fit: cover; }
@media (max-width: 767px) {
	.slideshow { min-height: 70vh; }
}
   than the one-page home layout are readable with the site's fonts/colors. */
.site-content-wrap { padding: 60px 0; min-height: 40vh; }
.site-content-wrap .entry-title { margin-bottom: 1em; }
.site-content-wrap img { max-width: 100%; height: auto; }