/*
 * bw-inner-pages.css — Family Law Lawyers (Black & White + Gold)
 * Covers ALL inner-page templates: page.php, single.php, archive.php,
 * search.php, index.php, 404.php and template-parts (contact, testimonials,
 * practice-areas, areas-served, single-attorney, sitemap, content-list,
 * content-single) plus the shared sidebar widgets.
 *
 * Strategy: recolor the existing theme structure (purple -> black,
 * gold accents kept/reused) without touching layout markup.
 *
 * IMPORTANT — owl.carousel sections on inner pages:
 * .genpg-lft .sidebar-testi.owl-carousel (page sidebar testimonials widget)
 * is turned into a slider by common.js via inline JS transforms.
 * This file must NEVER set display:flex/grid or a fixed width on that
 * WRAPPER — only the inner .testi-item card gets sized/recolored.
 *
 * Gold gradient: linear-gradient(260deg, rgba(218,177,69,1) 16%,
 * rgba(243,228,126,1) 55%, rgba(218,177,69,1) 85%)
 */

/* ============ 1. PAGE BANNER / BREADCRUMBS ============ */
.page_bnr {
  background-color: #000;
  position: relative;
}
.page_bnr:before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0,0,0,.72);
  pointer-events: none;
  z-index: 0;
}
.page_bnr > .container,
.page_bnr > .container1 {
  position: relative;
  z-index: 1;
}
.inrpg-breadcrumbs,
.inrpg-breadcrumbs * {
  color: #dab145 !important;
}
.inrpg-breadcrumbs a {
  color: #fff !important;
}
.inrpg-breadcrumbs a:hover {
  color: #dab145 !important;
}
.page_title h1,
.page_title h2,
.page_title .page-title {
  color: #fff !important;
}

/* ============ 2. BODY CONTENT TYPOGRAPHY ============ */
.page_default { background-color: #fff; }
.page_default .genpg-rite h1,
.page_default .genpg-rite h2,
.page_default .genpg-rite h3,
.page_default .genpg-rite h4,
.page_default .genpg-rite h5,
.page_default .genpg-rite h6 {
  color: #000 !important;
}
.page_default .genpg-rite p,
.page_default .genpg-rite li {
  color: #1a1a1a;
}
.page_default .genpg-rite a {
  color: #b5872f;
}
.page_default .genpg-rite li a:hover,
.page_default .genpg-rite a:hover {
  color: #000 !important;
}
.page_default .genpg-rite ul li:before {
  background-color: #dab145;
}

/* ============ 3. SIDEBAR WIDGETS (genpg-lft) ============ */
.genpg-lft .widget {
  background-color: #000;
}
.genpg-lft .widget.widget_nav_menu:before,
.genpg-lft .widget.widget_recent_entries:before,
.genpg-lft .widget.widget_nav_menu:after,
.genpg-lft .widget.widget_recent_entries:after {
  display: none;
}
.genpg-lft h4.widget-title,
.genpg-lft .widget .gform_heading h3.gform_title {
  color: #fff;
}
.genpg-lft .widget ul li a {
  color: #fff;
}
.genpg-lft .widget ul li a:before {
  background-color: #dab145;
}
.genpg-lft .widget ul li a:hover {
  color: #dab145;
}
.genpg-lft .widget ul li.sb-pract-btn a {
  background: rgb(218,177,69);
  background: linear-gradient(260deg, rgba(218,177,69,1) 16%, rgba(243,228,126,1) 55%, rgba(218,177,69,1) 85%);
  color: #000;
}
.genpg-lft .widget ul li.sb-pract-btn a:hover {
  background: #000;
  color: #fff;
}

/* Sidebar Gravity Forms */
.genpg-lft .widget form .gform_footer input[type="submit"],
.page_default .genpg-rite .contpg-frm input[type="submit"] {
  background: #000;
}
.genpg-lft .widget form .gform_footer input[type="submit"]:hover,
.page_default .genpg-rite .contpg-frm input[type="submit"]:hover {
  background: #dab145;
  color: #000;
}

/* Sidebar testimonials widget (owl-carousel — INNER CARD ONLY) */
.genpg-lft .widget.testi {
  background-color: #000;
  box-shadow: none;
}
.genpg-lft .widget.testi:before {
  border-color: #dab145;
}
.genpg-lft .widget.testi h4.widget-title {
  color: #fff;
}
.genpg-lft .sidebar-testi .testi-item p {
  color: #fff;
}
.genpg-lft .sidebar-testi .testi-item h5 {
  color: #dab145;
}
.genpg-lft .sidebar-testi .testi-item h6 {
  color: #d9d9d9;
}
.genpg-lft .sidebar-testi.owl-carousel .owl-nav button span {
  color: #fff;
}

/* Sidebar search / categories / archives (kept gold) */
.genpg-lft .widget.widget_search,
.genpg-lft .widget.widget_categories,
.genpg-lft .widget.widget_archive {
  background-color: #dab145;
}
.genpg-lft .sdb-archives {
  background-color: #dab145;
}
.genpg-lft .sdb-archives .widget.widget_categories option,
.genpg-lft .sdb-archives .widget.widget_archive option {
  background-color: #000;
  color: #fff;
}
.genpg-lft .widget.widget_recent_entries h4.widget-title:before {
  background-color: #000;
}
.genpg-lft .widget.widget_recent_entries ul li a {
  border-bottom: 1px solid rgba(255,255,255,0.3);
}

/* ============ 4. BLOG LISTING (archive.php / index.php / search.php) ============ */
.page_default .genpg-rite .post-item {
  background-color: #000;
  box-shadow: 0 7px 29px 0 rgba(0,0,0,.25);
}
.page_default .genpg-rite .post-meta {
  background-color: #dab145;
  color: #000;
}
.page_default .genpg-rite .post-category ul li,
.page_default .genpg-rite .post-dt {
  color: #fff;
}
.page_default .genpg-rite .blg-cntblk h6::before {
  border-left-color: #dab145;
}
.page_default .genpg-rite .blg-cntblk h6 a {
  color: #fff;
}
.page_default .genpg-rite .blg-cntblk h6 a:hover {
  color: #dab145 !important;
}
.page_default .genpg-rite .post-cnt {
  color: #fff;
}
.page_default .genpg-rite .post-btn a.blg-btn {
  color: #dab145;
}
.page_default .genpg-rite .post-btn a.blg-btn:hover {
  color: #fff;
}

/* Pagination (nav-links) */
.page_default .genpg-rite .nav-links a.page-numbers,
.page_default .genpg-rite .nav-links span,
.page_default .genpg-rite .nav-links a {
  color: #fff;
  background-color: #000;
}
.page_default .genpg-rite .nav-links a.page-numbers:hover,
.page_default .genpg-rite span.page-numbers.current,
.page_default .genpg-rite span.page-numbers.current:hover {
  background-color: #dab145;
  color: #000;
}
.page_default .genpg-rite .nav-links .next.page-numbers,
.page_default .genpg-rite .nav-links .prev.page-numbers {
  background-color: #000;
}

/* Single post prev/next (page-navi-block) */
.page_default .genpg-rite .page-navi-block a strong {
  background-color: #000;
  color: #fff;
}
.page_default .genpg-rite .page-navi-block a strong:hover {
  background-color: #dab145;
  color: #000;
}
.page_default .genpg-rite .post_single .post-meta {
  background-color: #dab145;
  color: #000;
}

/* ============ 5. ACCORDION (Practice Areas single / FAQ) ============ */
.page_default .genpg-rite .accsec-ritcnt.accordion .accordion-section h5 {
  background-color: #f1f1f1;
  color: #000;
}
.page_default .genpg-rite .accsec-ritcnt.accordion .accordion-section h5 a.accordion-section-title {
  color: #000;
}
.page_default .genpg-rite .accsec-ritcnt.accordion .accordion-section h5 a.accordion-section-title.active {
  background-color: #000;
  color: #fff;
}
.page_default .genpg-rite .accsec-ritcnt.accordion .accordion-section .accordion-section-content {
  background-color: #f7f7f7;
}

/* Practice-areas inner listing grid cards */
.page_default .genpg-rite .inn-prct-main .inn-prct-itm h6 {
  color: #fff;
}
.page_default .genpg-rite .inn-prct-main .inn-prct-itm h6:before {
  background-color: #dab145;
}
.page_default .genpg-rite .inn-prct-main .inn-prct-itm:hover h6 {
  color: #dab145;
}

/* ============ 6. CONTACT PAGE ============ */
.page_default .genpg-rite .contact-itm {
  background-color: #000;
  outline-color: #fff;
}
.page_default .genpg-rite .contact-itm h4,
.page_default .genpg-rite .contact-itm.one a,
.page_default .genpg-rite .contact-itm p {
  color: #fff;
}
.page_default .genpg-rite .contact-itm.one a:hover {
  color: #dab145;
}
.page_default .genpg-rite .contact-itm h4:before {
  border-bottom-color: #dab145;
}
.page_default .genpg-rite .contact-itm:hover h4:before {
  border-color: #fff;
}

/* ============ 7. TESTIMONIALS INNER PAGE ============ */
.page_default .genpg-rite .testi-item {
  background-color: #fff;
  box-shadow: 0 0 43px 0 rgba(0,0,0,.12);
}
.page_default .genpg-rite .testi-item:before {
  border-color: #dab145;
}
.page_default .genpg-rite .testi-item h5,
.page_default .genpg-rite .testi-item h6 {
  color: #000;
}
.page_default .genpg-rite .inner-btn a {
  color: #000;
}
.page_default .genpg-rite .inner-btn a:hover {
  color: #dab145;
}

/* ============ 8. SINGLE ATTORNEY PAGE ============ */
.page_default.single_attorney h2 {
  color: #000;
}
.page_default.single_attorney .eiman_rejali-sec .img_sec-one {
  background-color: #dab145;
}
.page_default.single_attorney .eiman_rejali-sec .img_sec-two {
  background-color: #000;
}
.page_default.single_attorney .attorney-lft .text-sec h2 {
  color: #000;
}
.page_default.single_attorney .attorney-lft .text-sec p {
  color: #1a1a1a;
}
.page_default.single_attorney .text-sec a.cmn-btn {
  background: rgb(218,177,69);
  background: linear-gradient(260deg, rgba(218,177,69,1) 16%, rgba(243,228,126,1) 55%, rgba(218,177,69,1) 85%);
  color: #000;
}
.page_default.single_attorney .text-sec a.cmn-btn:hover {
  background: #000;
  color: #fff;
}
.page_default .genpg-rite .attorny-singdtls {
  background: #fff;
  border-color: #000;
  outline-color: #e5e5e5;
}
.page_default .genpg-rite .atrny-dtls .popup-form a.popup-form {
  background: #000;
  color: #fff;
}
.page_default .genpg-rite .atrny_blk {
  background: #f8f8f8;
}
.page_default .genpg-rite .atrny_blk h6 {
  color: #000;
}

/* ============ 9. SITEMAP PAGE ============ */
.page_default .genpg-rite ul.list.sitemap li a {
  color: #000;
}
.page_default .genpg-rite ul.list.sitemap li a:hover {
  color: #dab145;
}

/* ============ 10. 404 PAGE ============ */
.page_default .genpg-rite ul li a:hover {
  color: #dab145 !important;
}

/* ============ 11. CONTACT FORM (shared) ============ */
.gform_wrapper .top_label input[type="submit"] {
  background-color: #000 !important;
}
.gform_wrapper .top_label input[type="submit"]:hover {
  background-color: #dab145 !important;
  color: #000 !important;
}

/* ============ 12. RESPONSIVE — 3 TIER (Desktop default / Laptop-Tablet / Mobile) ============ */
@media (max-width: 1024px) {
  .page_default { padding: 80px 0; }
  .page_title h1, .page_title h2 { font-size: 42px; }
  .page_default .genpg-rite,
  .page_default .genpg-lft { width: 100%; float: none; max-width: 100%; }
  .page_default .genpg-rite h1, .page_default .genpg-rite h2 { font-size: 38px; }
  .page_default .genpg-rite h3 { font-size: 30px; }
  .page_default .genpg-rite h4 { font-size: 26px; }
  .page_default .genpg-rite p, .page_default .genpg-rite li { font-size: 18px; }
  .page_default .genpg-rite .post-item { width: 100%; }
  .page_default .genpg-rite .inn-prct-main .inn-prct-itm { width: 47%; }
  .page_default .genpg-rite .contact-list { flex-wrap: wrap; }
  .page_default .genpg-rite .contact-itm { width: 46%; }
  .page_default .genpg-rite ul.pract-single-lst { column-count: 1; }
  .page_default .genpg-rite .testimonials { column-count: 2; }
  .page_default.single_attorney .attorney-rite,
  .page_default.single_attorney .attorney-lft { float: none; width: 100%; }
}

@media (max-width: 640px) {
  .page_bnr { padding: 160px 0 60px; }
  .page_title h1, .page_title h2 { font-size: 30px; }
  .page_default { padding: 50px 0; }
  .page_default .genpg-rite h1, .page_default .genpg-rite h2 { font-size: 28px; }
  .page_default .genpg-rite h3 { font-size: 24px; }
  .page_default .genpg-rite h4, .page_default .genpg-rite h5, .page_default .genpg-rite h6 { font-size: 20px; }
  .page_default .genpg-rite p, .page_default .genpg-rite li { font-size: 16px; }
  .page_default .genpg-rite .blg-cntblk { gap: 20px; }
  .page_default .genpg-rite .inn-prct-main .inn-prct-itm { width: 100%; }
  .page_default .genpg-rite .contact-itm { width: 100%; }
  .page_default .genpg-rite .testimonials { column-count: 1; }
  .page_default .genpg-rite ul.dsn { padding: 25px 20px; }
  .page_default.single_attorney .eiman_rejali-sec { text-align: center; }
  .genpg-lft .widget { padding: 40px 15px 0 20px; }
}