/*
Theme Name: BuildingBuilders Theme
Theme URI: https://github.com/Denman-Digital/building-builders#readme
Author: Denman Digital
Author URI: https://denman.digital/
GitHub Theme URI: https://github.com/Denman-Digital/building-builders
Description: Modern responsive WordPress Theme.
Version: 0.1.0
Tested up to: 5.6
Requires PHP: 7.3
License: GNU General Public License v2 or later
License URI: license
Text Domain: buildingbuilders-theme
Tags: responsive, modern

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Denman WP Theme Starter is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /assets/css/theme.css
The SASS sources for it can be found in /src/scss/
*/
/* ============================================================
   Bootstrap Grid (col-sm-6 col-lg-4) + Card styles
   Scoped to to avoid breaking other pages.
   Paste into: WP Admin > Appearance > Customize > Additional CSS
   ============================================================ */
@media (min-width: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      margin-right: auto;
      margin-left: auto;
      padding-right: calc(.5 * var(--gs-gutter-x, 1.875rem));
      padding-left: calc(.5 * var(--gs-gutter-x, 1.875rem));
    }
}
.col-lg-6 {
	flex: 0 0 50%;
	max-width: 50%;
}
footer.site-footer .container .row {
	padding: 0 30px !important;
}
.footer-widget > figure {
	position: absolute !important;
}
.slider-dots, ol.inline-list, ol.simple-list, ul.inline-list, ul.simple-list {
	padding-left: 15px !important;
}
.foe-testimonial-section, .foe-block, .page-title {
	padding: 0 1rem;
}
body.admin-bar header#masthead {
    padding-top: 32px;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
}
.template-category .blog-nav li,
.template-home .blog-nav li,
.blog-nav li  {
  margin-left: 25px;
}
header#masthead {
	display: block !important;
}
/* ── Column base ── */
.blog-card, .testimonial-card {
  position: relative;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-bottom: 24px;
  display: flex;
}

/* ── col-sm-6: 2 columns from 576px ── */
@media (min-width: 576px) {
  .blog-card, .testimonial-card {
    flex: 0 0 50%;
    max-width: 48%;
	display: inline-grid;
  }
}

/* ── col-lg-4: 3 columns from 992px ── */
@media (min-width: 992px) {
  .blog-card, .testimonial-card {
    flex: 0 0 33.333333%;
    max-width: 32.333333%;
	display: inline-grid;
  }
}

/* ── Card shell ── */
.card {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.375rem;
  overflow: hidden;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

/* ── Aspect-ratio image wrapper ── */
.aspect-wrapper.aspect-16x9 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  flex-shrink: 0;
}

.aspect-wrapper.aspect-16x9 > a,
.aspect-wrapper.aspect-16x9 figure,
.aspect-wrapper.aspect-16x9 .post-thumbnail-inner-wrapper {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.aspect-wrapper.aspect-16x9 img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── Card content (equivalent to .card-body) ── */
.card-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 1rem;
}

/* ── Category label ── */
.entry-category {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.4rem;
}

/* ── Post title ── */
.entry-title {
  font-size: 1rem;
  line-height: 1.4;
  margin: 0 0 0.75rem;
}

/* ── Date ── */
.entry-date {
  font-size: 0.8rem;
  color: #666;
  margin-top: auto;
}