/* ========================================
   BBPA - Custom Theme Overrides
   Christian Business Directory UK
   ======================================== */

/* Override CSS Variables */
:root {
   --tp-common-white: #FAF7F2;
   --tp-common-white-2: #fff;
   --tp-common-black: #1B2A4A;
   --tp-common-mulberry: #1B2A4A;
   --tp-common-emerald: #F5F0E8;
   --tp-grey-1: #5A6577;
   --tp-theme-primary: #D4722C;
   --tp-theme-secondary: #D4A017;
   --tp-border-1: #E8E2D8;
   --tp-border-2: #EDE5D8;
}

/* ---- Typography ---- */
body {
   background: #FAF7F2;
}

h1, h2, h3, h4, h5, h6 {
   color: #1B2A4A;
}

/* ---- Buttons ---- */
.tp-btn {
   background-color: #1B2A4A;
   color: #fff;
}
.tp-btn:hover {
   background-color: #D4722C;
   color: #fff;
}
.tp-btn-secondary {
   background-color: #D4722C;
}
.tp-btn-secondary:hover {
   background-color: #1B2A4A;
}

/* BBPA Primary Button */
.bbpa-btn-primary {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 14px 30px;
   background: #D4722C;
   color: #fff;
   font-weight: 600;
   font-size: 15px;
   border-radius: 8px;
   border: none;
   cursor: pointer;
   transition: all 0.3s ease;
   font-family: var(--tp-ff-body);
   text-decoration: none;
}
.bbpa-btn-primary:hover {
   background: #B85D1F;
   color: #fff;
   transform: translateY(-2px);
   box-shadow: 0 8px 25px rgba(212, 114, 44, 0.3);
}
.bbpa-btn-outline {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 14px 30px;
   background: transparent;
   color: #fff;
   font-weight: 600;
   font-size: 15px;
   border-radius: 8px;
   border: 2px solid rgba(255,255,255,0.8);
   cursor: pointer;
   transition: all 0.3s ease;
   font-family: var(--tp-ff-body);
   text-decoration: none;
}
.bbpa-btn-outline:hover {
   background: #fff;
   color: #1B2A4A;
   border-color: #fff;
}
.bbpa-btn-navy {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 14px 30px;
   background: #1B2A4A;
   color: #fff;
   font-weight: 600;
   font-size: 15px;
   border-radius: 8px;
   border: none;
   cursor: pointer;
   transition: all 0.3s ease;
   font-family: var(--tp-ff-body);
   text-decoration: none;
}
.bbpa-btn-navy:hover {
   background: #2A3D66;
   color: #fff;
   transform: translateY(-2px);
}

/* ---- Header ---- */
.tp-header-area {
   background: transparent;
}
.header-sticky {
   background: rgba(27, 42, 74, 0.95) !important;
   backdrop-filter: blur(12px);
   box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
.tp-header-blur {
   background: transparent;
}
.tp-main-menu nav ul li > a {
   color: rgba(255,255,255,0.9);
}
.tp-main-menu nav ul li > a:hover {
   color: #D4A017;
}
.tp-main-menu nav ul li .sub-menu li a {
   color: #1B2A4A;
}
.tp-main-menu nav ul li .sub-menu li a:hover {
   color: #D4722C;
}
.tp-main-menu nav ul li .sub-menu {
   background: #fff;
   border-top: 3px solid #D4722C;
}

/* ---- Hero Section ---- */
.bbpa-hero {
   position: relative;
   min-height: 620px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   background: linear-gradient(175deg, #0d1526 0%, #1B2A4A 25%, #2e4a7a 45%, #d4722c 72%, #f5c27a 86%, #fde8b0 100%);
   overflow: hidden;
   padding: 120px 0 160px;
}
.bbpa-hero::after {
   content: '';
   position: absolute;
   inset: 0;
   background: radial-gradient(ellipse at 58% 68%, rgba(255, 200, 80, 0.2) 0%, transparent 55%);
}
.bbpa-hero-title {
   font-family: var(--tp-ff-heading);
   font-size: 52px;
   font-weight: 700;
   color: #fff;
   line-height: 1.2;
   text-shadow: 0 2px 30px rgba(0,0,0,0.25);
   margin-bottom: 20px;
}
.bbpa-hero-subtitle {
   color: rgba(255,255,255,0.7);
   font-size: 17px;
   margin-bottom: 35px;
}

/* Cross SVG */
.bbpa-cross {
   margin: 0 auto 25px;
   width: 70px;
   height: 90px;
   opacity: 0.85;
   filter: drop-shadow(0 0 25px rgba(255, 180, 60, 0.4));
}

/* ---- Search Bar ---- */
.bbpa-search-card {
   background: #fff;
   border-radius: 16px;
   padding: 20px 24px;
   box-shadow: 0 15px 50px rgba(27, 42, 74, 0.1);
   margin-top: -50px;
   position: relative;
   z-index: 10;
}
.bbpa-search-input {
   width: 100%;
   padding: 12px 16px 12px 48px;
   border: 1px solid #E8E2D8;
   border-radius: 10px;
   font-size: 14px;
   outline: none;
   transition: all 0.3s ease;
   font-family: var(--tp-ff-body);
   color: #1B2A4A;
   background: #fff;
}
.bbpa-search-input:focus {
   border-color: #D4722C;
   box-shadow: 0 0 0 3px rgba(212, 114, 44, 0.12);
}
.bbpa-search-input::placeholder {
   color: #A0A8B5;
}
.bbpa-search-select {
   width: 100%;
   padding: 12px 16px 12px 48px;
   border: 1px solid #E8E2D8;
   border-radius: 10px;
   font-size: 14px;
   outline: none;
   appearance: none;
   background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%231B2A4A'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center;
   transition: all 0.3s ease;
   font-family: var(--tp-ff-body);
   color: #A0A8B5;
}
.bbpa-search-select:focus {
   border-color: #D4722C;
   box-shadow: 0 0 0 3px rgba(212, 114, 44, 0.12);
}
.bbpa-search-btn {
   padding: 12px 28px;
   background: #1B2A4A;
   color: #fff;
   border: none;
   border-radius: 10px;
   font-weight: 600;
   font-size: 14px;
   cursor: pointer;
   transition: all 0.3s ease;
   white-space: nowrap;
   font-family: var(--tp-ff-body);
}
.bbpa-search-btn:hover {
   background: #2A3D66;
   box-shadow: 0 6px 20px rgba(27, 42, 74, 0.2);
}
.bbpa-search-icon {
   position: absolute;
   left: 14px;
   top: 50%;
   transform: translateY(-50%);
   color: rgba(27, 42, 74, 0.3);
   font-size: 14px;
   pointer-events: none;
}

/* ---- Category Icons ---- */
.bbpa-cat-icon {
   width: 72px;
   height: 72px;
   border-radius: 50%;
   background: #1B2A4A;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 12px;
   transition: all 0.3s ease;
   box-shadow: 0 8px 20px rgba(27, 42, 74, 0.15);
}
.bbpa-cat-icon i {
   color: #fff;
   font-size: 24px;
}
.bbpa-cat-item {
   text-align: center;
   transition: transform 0.3s ease;
   cursor: pointer;
   text-decoration: none;
   display: block;
}
.bbpa-cat-item:hover {
   transform: translateY(-5px);
}
.bbpa-cat-item:hover .bbpa-cat-icon {
   background: #D4722C;
}
.bbpa-cat-label {
   font-weight: 600;
   font-size: 14px;
   color: #1B2A4A;
   line-height: 1.3;
}

/* ---- Listing Cards ---- */
.bbpa-listing-card {
   background: #fff;
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 4px 20px rgba(27, 42, 74, 0.06);
   transition: all 0.3s ease;
}
.bbpa-listing-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 20px 40px rgba(27, 42, 74, 0.12);
}
.bbpa-listing-thumb {
   position: relative;
   overflow: hidden;
   height: 200px;
}
.bbpa-listing-thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.5s ease;
}
.bbpa-listing-card:hover .bbpa-listing-thumb img {
   transform: scale(1.05);
}
.bbpa-listing-badge {
   position: absolute;
   top: 12px;
   left: 12px;
   background: rgba(27, 42, 74, 0.85);
   color: #fff;
   font-size: 10px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1px;
   padding: 4px 10px;
   border-radius: 6px;
   backdrop-filter: blur(4px);
}
.bbpa-listing-body {
   padding: 20px;
}
.bbpa-listing-title {
   font-family: var(--tp-ff-heading);
   font-size: 18px;
   font-weight: 700;
   color: #1B2A4A;
   margin-bottom: 6px;
}
.bbpa-listing-tagline {
   color: #7A8292;
   font-size: 14px;
   margin-bottom: 12px;
   line-height: 1.5;
}
.bbpa-stars {
   display: flex;
   gap: 2px;
   margin-bottom: 16px;
}
.bbpa-stars i {
   color: #D4A017;
   font-size: 14px;
}
.bbpa-stars i.empty {
   color: #DDD;
}
.bbpa-view-btn {
   display: block;
   width: 100%;
   text-align: center;
   padding: 10px 0;
   background: #D4722C;
   color: #fff;
   font-weight: 600;
   font-size: 14px;
   border-radius: 8px;
   border: none;
   cursor: pointer;
   transition: all 0.3s ease;
   text-decoration: none;
}
.bbpa-view-btn:hover {
   background: #B85D1F;
   color: #fff;
}

/* ---- Scripture Banner ---- */
.bbpa-scripture {
   background: #F5F0E8;
   padding: 80px 0;
   text-align: center;
}
.bbpa-scripture-text {
   font-family: var(--tp-ff-heading);
   font-size: 24px;
   font-style: italic;
   color: #1B2A4A;
   line-height: 1.6;
   max-width: 700px;
   margin: 0 auto 15px;
}
.bbpa-scripture-cite {
   font-family: var(--tp-ff-body);
   font-size: 13px;
   color: rgba(27, 42, 74, 0.5);
   text-transform: uppercase;
   letter-spacing: 2px;
   font-weight: 600;
}

/* ---- CTA Banner ---- */
.bbpa-cta {
   background: #1B2A4A;
   padding: 70px 0;
}
.bbpa-cta-title {
   font-family: var(--tp-ff-heading);
   font-size: 36px;
   color: #fff;
   line-height: 1.3;
}
.bbpa-cta-sub {
   color: rgba(255,255,255,0.5);
   font-size: 15px;
   margin-top: 8px;
}

/* ---- Footer ---- */
.bbpa-footer {
   background: #111D35;
   color: rgba(255,255,255,0.6);
   padding-top: 70px;
}
.bbpa-footer h3 {
   color: #fff;
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   font-family: var(--tp-ff-body);
   font-weight: 700;
   margin-bottom: 20px;
}
.bbpa-footer a {
   color: rgba(255,255,255,0.6);
   transition: color 0.3s ease;
   text-decoration: none;
   font-size: 14px;
}
.bbpa-footer a:hover {
   color: #D4722C;
}
.bbpa-footer-social a {
   display: inline-flex;
   width: 36px;
   height: 36px;
   align-items: center;
   justify-content: center;
   background: rgba(255,255,255,0.08);
   border-radius: 8px;
   color: rgba(255,255,255,0.6);
   margin-right: 6px;
   transition: all 0.3s ease;
}
.bbpa-footer-social a:hover {
   background: #D4722C;
   color: #fff;
}
.bbpa-footer-bottom {
   border-top: 1px solid rgba(255,255,255,0.08);
   padding: 20px 0;
   margin-top: 50px;
}

/* ---- Breadcrumb ---- */
.bbpa-breadcrumb {
   background: linear-gradient(135deg, #1B2A4A 0%, #2A3D66 100%);
   padding: 130px 0 60px;
   text-align: center;
   position: relative;
   overflow: hidden;
}
.bbpa-breadcrumb::before {
   content: '';
   position: absolute;
   inset: 0;
   background: url("data:image/svg+xml,%3Csvg width='60' height='80' viewBox='0 0 60 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='24' y='0' width='12' height='80' rx='2' fill='rgba(255,255,255,0.03)'/%3E%3Crect x='6' y='18' width='48' height='12' rx='2' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E") center center no-repeat;
   background-size: 60px;
   opacity: 0.5;
}
.bbpa-breadcrumb-title {
   font-family: var(--tp-ff-heading);
   font-size: 42px;
   color: #fff;
   margin-bottom: 12px;
}
.bbpa-breadcrumb-nav {
   font-size: 14px;
   color: rgba(255,255,255,0.6);
}
.bbpa-breadcrumb-nav a {
   color: rgba(255,255,255,0.6);
   text-decoration: none;
}
.bbpa-breadcrumb-nav a:hover {
   color: #D4A017;
}
.bbpa-breadcrumb-nav .active {
   color: #D4A017;
}

/* ---- Section Titles ---- */
.bbpa-section-subtitle {
   display: inline-block;
   font-size: 13px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 2px;
   color: #D4722C;
   margin-bottom: 10px;
}
.bbpa-section-title {
   font-family: var(--tp-ff-heading);
   font-size: 40px;
   font-weight: 700;
   color: #1B2A4A;
   line-height: 1.2;
   margin-bottom: 20px;
}

/* ---- Directory Cards ---- */
.bbpa-directory-card {
   background: #fff;
   border-radius: 16px;
   padding: 30px;
   box-shadow: 0 4px 20px rgba(27, 42, 74, 0.06);
   transition: all 0.3s ease;
   text-align: center;
}
.bbpa-directory-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 15px 40px rgba(27, 42, 74, 0.1);
}
.bbpa-directory-avatar {
   width: 90px;
   height: 90px;
   border-radius: 50%;
   object-fit: cover;
   margin: 0 auto 15px;
   border: 3px solid #F5F0E8;
}
.bbpa-directory-name {
   font-family: var(--tp-ff-heading);
   font-size: 18px;
   color: #1B2A4A;
   margin-bottom: 4px;
}
.bbpa-directory-role {
   font-size: 13px;
   color: #D4722C;
   font-weight: 600;
   margin-bottom: 8px;
}
.bbpa-directory-location {
   font-size: 13px;
   color: #7A8292;
}

/* ---- Blog Cards ---- */
.bbpa-blog-card {
   background: #fff;
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 4px 20px rgba(27, 42, 74, 0.06);
   transition: all 0.3s ease;
}
.bbpa-blog-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 15px 40px rgba(27, 42, 74, 0.1);
}
.bbpa-blog-thumb {
   height: 220px;
   overflow: hidden;
}
.bbpa-blog-thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.5s ease;
}
.bbpa-blog-card:hover .bbpa-blog-thumb img {
   transform: scale(1.05);
}
.bbpa-blog-body {
   padding: 24px;
}
.bbpa-blog-meta {
   font-size: 12px;
   color: #7A8292;
   margin-bottom: 10px;
}
.bbpa-blog-meta span {
   margin-right: 14px;
}
.bbpa-blog-meta i {
   margin-right: 4px;
   color: #D4722C;
}
.bbpa-blog-title {
   font-family: var(--tp-ff-heading);
   font-size: 20px;
   color: #1B2A4A;
   line-height: 1.3;
   margin-bottom: 12px;
}
.bbpa-blog-title a {
   color: inherit;
   text-decoration: none;
}
.bbpa-blog-title a:hover {
   color: #D4722C;
}

/* ---- Events ---- */
.bbpa-event-card {
   background: #fff;
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 4px 20px rgba(27, 42, 74, 0.06);
   transition: all 0.3s ease;
   display: flex;
   flex-direction: column;
}
.bbpa-event-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 15px 40px rgba(27, 42, 74, 0.1);
}
.bbpa-event-date-badge {
   position: absolute;
   top: 16px;
   left: 16px;
   background: #D4722C;
   color: #fff;
   border-radius: 10px;
   padding: 8px 14px;
   text-align: center;
   line-height: 1;
   z-index: 2;
}
.bbpa-event-date-badge .day {
   display: block;
   font-size: 24px;
   font-weight: 700;
}
.bbpa-event-date-badge .month {
   display: block;
   font-size: 11px;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin-top: 2px;
}

/* ---- Testimonies ---- */
.bbpa-testimony-card {
   background: #fff;
   border-radius: 16px;
   padding: 30px;
   box-shadow: 0 4px 20px rgba(27, 42, 74, 0.06);
   transition: all 0.3s ease;
   position: relative;
}
.bbpa-testimony-card::before {
   content: '\201C';
   font-family: var(--tp-ff-heading);
   font-size: 80px;
   color: rgba(212, 114, 44, 0.1);
   position: absolute;
   top: 10px;
   left: 20px;
   line-height: 1;
}
.bbpa-testimony-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 15px 40px rgba(27, 42, 74, 0.1);
}
.bbpa-testimony-text {
   font-size: 15px;
   color: #5A6577;
   line-height: 1.7;
   margin-bottom: 20px;
   position: relative;
   z-index: 1;
}
.bbpa-testimony-author {
   display: flex;
   align-items: center;
   gap: 12px;
}
.bbpa-testimony-avatar {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   object-fit: cover;
}
.bbpa-testimony-name {
   font-weight: 700;
   font-size: 15px;
   color: #1B2A4A;
}
.bbpa-testimony-role {
   font-size: 12px;
   color: #D4722C;
}

/* ---- Contact Form ---- */
.bbpa-contact-input {
   width: 100%;
   padding: 14px 18px;
   border: 1px solid #E8E2D8;
   border-radius: 10px;
   font-size: 14px;
   font-family: var(--tp-ff-body);
   color: #1B2A4A;
   background: #fff;
   transition: all 0.3s ease;
   outline: none;
}
.bbpa-contact-input:focus {
   border-color: #D4722C;
   box-shadow: 0 0 0 3px rgba(212, 114, 44, 0.1);
}
.bbpa-contact-textarea {
   width: 100%;
   padding: 14px 18px;
   border: 1px solid #E8E2D8;
   border-radius: 10px;
   font-size: 14px;
   font-family: var(--tp-ff-body);
   color: #1B2A4A;
   background: #fff;
   transition: all 0.3s ease;
   outline: none;
   resize: vertical;
   min-height: 150px;
}
.bbpa-contact-textarea:focus {
   border-color: #D4722C;
   box-shadow: 0 0 0 3px rgba(212, 114, 44, 0.1);
}

/* ---- Stats ---- */
.bbpa-stat {
   text-align: center;
   padding: 25px;
}
.bbpa-stat-number {
   font-family: var(--tp-ff-heading);
   font-size: 44px;
   font-weight: 700;
   color: #fff;
}
.bbpa-stat-label {
   color: rgba(255,255,255,0.6);
   font-size: 14px;
   margin-top: 5px;
}

/* ---- Skeleton Loading ---- */
@keyframes bbpa-shimmer {
   0% { background-position: -400px 0; }
   100% { background-position: 400px 0; }
}
.bbpa-skeleton {
   background: linear-gradient(90deg, #e8e0d4 25%, #f5f0e8 50%, #e8e0d4 75%);
   background-size: 800px 100%;
   animation: bbpa-shimmer 1.5s infinite;
   border-radius: 8px;
}

/* ---- Fade animations ---- */
@keyframes bbpaFadeUp {
   from { opacity: 0; transform: translateY(20px); }
   to { opacity: 1; transform: translateY(0); }
}
.bbpa-fade-up {
   animation: bbpaFadeUp 0.6s ease forwards;
}

/* ---- Login Button ---- */
.bbpa-login-btn {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   padding: 10px 24px;
   border: 2px solid #D4722C;
   color: #fff;
   font-weight: 600;
   font-size: 14px;
   border-radius: 50px;
   background: #D4722C;
   cursor: pointer;
   transition: all 0.3s ease;
   text-decoration: none;
}
.bbpa-login-btn:hover {
   background: #c0601e;
   color: #fff;
   border-color: #c0601e;
   transform: translateY(-1px);
   box-shadow: 0 4px 15px rgba(212,114,44,0.35);
}

/* ---- Responsive ---- */
@media (max-width: 991px) {
   .bbpa-hero-title {
      font-size: 34px;
   }
   .bbpa-section-title {
      font-size: 30px;
   }
   .bbpa-breadcrumb-title {
      font-size: 32px;
   }
   .bbpa-cta-title {
      font-size: 28px;
   }
}
@media (max-width: 575px) {
   .bbpa-hero-title {
      font-size: 28px;
   }
   .bbpa-hero {
      padding: 100px 0 140px;
      min-height: auto;
   }
   .bbpa-section-title {
      font-size: 26px;
   }
   .bbpa-scripture-text {
      font-size: 19px;
   }
}

/* ---- Index 2 Variation: Split hero ---- */
.bbpa-hero-v2 {
   background: #1B2A4A;
   padding: 100px 0 0;
   min-height: auto;
   overflow: hidden;
   position: relative;
}
.bbpa-hero-v2::before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   width: 50%;
   height: 100%;
   background: linear-gradient(180deg, #2A3D66 0%, #1B2A4A 100%);
}
.bbpa-hero-v2-title {
   font-family: var(--tp-ff-heading);
   font-size: 48px;
   font-weight: 700;
   color: #fff;
   line-height: 1.15;
   margin-bottom: 20px;
}
.bbpa-hero-v2-title span {
   color: #D4A017;
}
.bbpa-hero-v2-subtitle {
   color: rgba(255,255,255,0.6);
   font-size: 16px;
   line-height: 1.7;
   margin-bottom: 30px;
}

/* ---- V2 Category Strip ---- */
.bbpa-cat-strip {
   background: #fff;
   border-radius: 12px;
   padding: 16px 20px;
   display: flex;
   align-items: center;
   gap: 12px;
   box-shadow: 0 4px 20px rgba(27, 42, 74, 0.06);
   transition: all 0.3s ease;
   text-decoration: none;
   color: #1B2A4A;
}
.bbpa-cat-strip:hover {
   transform: translateY(-3px);
   box-shadow: 0 12px 30px rgba(27, 42, 74, 0.1);
   color: #1B2A4A;
}
.bbpa-cat-strip-icon {
   width: 48px;
   height: 48px;
   border-radius: 10px;
   background: rgba(27, 42, 74, 0.06);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   transition: all 0.3s ease;
}
.bbpa-cat-strip:hover .bbpa-cat-strip-icon {
   background: #D4722C;
}
.bbpa-cat-strip:hover .bbpa-cat-strip-icon i {
   color: #fff;
}
.bbpa-cat-strip-icon i {
   font-size: 20px;
   color: #1B2A4A;
   transition: color 0.3s ease;
}
.bbpa-cat-strip-title {
   font-weight: 700;
   font-size: 15px;
}
.bbpa-cat-strip-count {
   font-size: 12px;
   color: #7A8292;
}

/* ---- V2 Horizontal Listing ---- */
.bbpa-listing-horizontal {
   background: #fff;
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 4px 20px rgba(27, 42, 74, 0.06);
   display: flex;
   transition: all 0.3s ease;
}
.bbpa-listing-horizontal:hover {
   box-shadow: 0 15px 40px rgba(27, 42, 74, 0.1);
   transform: translateY(-3px);
}
.bbpa-listing-h-thumb {
   width: 240px;
   min-height: 180px;
   overflow: hidden;
   flex-shrink: 0;
}
.bbpa-listing-h-thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.bbpa-listing-h-body {
   padding: 24px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   flex: 1;
}
@media (max-width: 575px) {
   .bbpa-listing-horizontal {
      flex-direction: column;
   }
   .bbpa-listing-h-thumb {
      width: 100%;
      height: 200px;
   }
   .bbpa-hero-v2-title {
      font-size: 32px;
   }
}

/* ---- Preloader Override ---- */
.preloader {
   background: #1B2A4A !important;
}
.loader {
   border-color: rgba(212, 114, 44, 0.2) !important;
   border-top-color: #D4722C !important;
}

/* ---- Back to top ---- */
.back-to-top-btn {
   background: #D4722C !important;
}
.back-to-top-btn:hover {
   background: #1B2A4A !important;
}

/* tp-bg-mulberry override */
.tp-bg-mulberry {
   background: #1B2A4A !important;
}

/* ---- Misc ---- */
.tp-section-subtitle {
   color: #D4722C;
}
.tp-section-subtitle-yellow {
   color: #D4A017;
}
.tp-footer-area {
   background: #111D35;
}
.tp-footer-bottom {
   border-color: rgba(255,255,255,0.08);
}