/* Styles for BetPro blog templates: single.php, archive.php, home.php */
/* Post hero banner */
.bpx-post-hero{background:linear-gradient(160deg,#2c507a,#254465 60%,#1b3350);background-size:cover;background-position:center;color:#fff;font-family:'Roboto Condensed',Arial,sans-serif;}
.bpx-post-hero__inner{max-width:900px;margin:0 auto;padding:54px 20px 46px;}
.bpx-crumbs{font-size:13px;color:#afc4da;margin-bottom:16px;font-weight:600;}
.bpx-crumbs a{color:#00e6a2;text-decoration:none;}
.bpx-post-hero .bpx-article__cat{margin-bottom:16px;}
.bpx-post-hero__title{font-size:42px;line-height:1.18;font-weight:700;margin:0 0 18px;color:#fff;}
.bpx-post-hero__meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:#cddcea;font-size:14px;font-weight:600;}
.bpx-post-hero__meta i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#00b181;margin-right:7px;vertical-align:middle;}

.bpx-single-wrap{max-width:1140px;margin:0 auto;padding:34px 18px;display:flex;flex-wrap:wrap;gap:34px;font-family:'Roboto Condensed',Arial,sans-serif;color:#254465;}
.bpx-single{flex:1 1 640px;min-width:300px;}
.bpx-article__cat,.bpx-archive .cat{display:inline-block;background:#00b181;color:#fff;font-size:13px;font-weight:700;padding:5px 14px;border-radius:30px;}
.bpx-article__content{font-size:19px;line-height:1.85;color:#3c4a58;}
.bpx-article__content p{margin:0 0 22px;}
.bpx-article__content h2{color:#254465;margin:34px 0 14px;font-size:29px;font-weight:700;padding-left:14px;border-left:4px solid #00b181;}
.bpx-article__content h3{color:#254465;margin:28px 0 12px;font-size:23px;font-weight:700;}
.bpx-article__content ul,.bpx-article__content ol{margin:0 0 22px;padding-left:22px;}
.bpx-article__content li{margin-bottom:8px;}
.bpx-article__content a{color:#00b181;font-weight:600;}
.bpx-article__content img{max-width:100%;height:auto;border-radius:10px;margin:10px 0;}
.bpx-article__content blockquote{border-left:4px solid #00b181;background:#f2f8fd;margin:24px 0;padding:16px 20px;color:#254465;font-size:20px;border-radius:0 8px 8px 0;}
/* Inline CTA */
.bpx-article__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#2c507a,#254465);border-radius:12px;padding:22px 24px;margin:32px 0;}
.bpx-article__cta b{color:#fff;font-size:19px;display:block;}
.bpx-article__cta span{color:#cddcea;font-size:14px;}
.bpx-article__cta a{background:#00b181;color:#fff;font-weight:700;padding:12px 26px;border-radius:6px;text-decoration:none;white-space:nowrap;font-size:15px;}
.bpx-article__cta a:hover{background:#4dbd74;}
/* Author box */
.bpx-author{display:flex;gap:16px;align-items:flex-start;background:#f2f8fd;border:1px solid #dbe6f0;border-radius:12px;padding:20px;margin:28px 0;}
.bpx-author__av{flex:none;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#00b181,#254465);color:#fff;font-weight:700;font-size:24px;display:flex;align-items:center;justify-content:center;}
.bpx-author small{color:#8a97a4;font-size:12px;font-weight:600;text-transform:uppercase;}
.bpx-author b{color:#254465;font-size:18px;display:block;margin:2px 0 6px;}
.bpx-author p{color:#4a5b6b;font-size:14px;line-height:1.6;margin:0;}
.bpx-article__tags{margin-top:22px;}
.bpx-article__tags a{display:inline-block;background:#e6f2fc;color:#254465;font-size:13px;padding:4px 12px;border-radius:4px;margin:0 6px 6px 0;text-decoration:none;}
.bpx-article__nav{display:flex;justify-content:space-between;gap:16px;margin:30px 0;border-top:1px solid #cdd9e5;padding-top:18px;font-weight:700;}
.bpx-article__nav a{color:#00b181;text-decoration:none;}
/* Archive / blog grid */
.bpx-archive__head{margin-bottom:24px;}
.bpx-archive__head h1{font-size:32px;font-weight:700;color:#254465;margin:0 0 6px;}
.bpx-archive__desc{color:#4a5b6b;font-size:15px;}
.bpx-archive .bpx-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:960px){.bpx-archive .bpx-blog{grid-template-columns:repeat(2,1fr);}}
.bpx-archive .post{display:flex;flex-direction:column;background:#fff;border:1px solid #cdd9e5;border-radius:10px;overflow:hidden;box-shadow:0 10px 24px -16px rgba(37,68,101,.55);}
.bpx-archive .thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;}
.bpx-archive .thumb img{width:100%;height:100%;object-fit:cover;}
.bpx-archive .cat{position:absolute;top:10px;left:10px;margin:0;}
.bpx-archive .bpx-body{padding:16px;display:flex;flex-direction:column;flex:1;}
.bpx-archive .meta{color:#8a97a4;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:8px;}
.bpx-archive h4{margin:0 0 10px;font-size:19px;line-height:1.35;}
.bpx-archive h4 a{color:#254465;text-decoration:none;}
.bpx-archive h4 a:hover{color:#00b181;}
.bpx-archive .excerpt{color:#4a5b6b;font-size:14px;line-height:1.6;flex:1;margin:0 0 12px;}
.bpx-archive .more{color:#00b181;font-weight:700;text-decoration:none;}
.bpx-pagination{margin-top:26px;}
.bpx-pagination .page-numbers{display:inline-block;padding:8px 14px;margin:0 4px;border:1px solid #cdd9e5;border-radius:6px;color:#254465;text-decoration:none;font-weight:700;}
.bpx-pagination .page-numbers.current{background:#00b181;color:#fff;border-color:#00b181;}
/* Sidebar */
.bpx-sidebar{flex:1 1 280px;min-width:240px;}
.bpx-widget{background:#fff;border:1px solid #cdd9e5;border-radius:10px;padding:18px;margin-bottom:20px;}
.bpx-widget h3{margin:0 0 12px;font-size:18px;color:#254465;border-bottom:2px solid #00b181;padding-bottom:8px;}
.bpx-widget ul{list-style:none;margin:0;padding:0;}
.bpx-widget li{padding:8px 0;border-bottom:1px solid #eef3f8;}
.bpx-widget li a{color:#3c4a58;text-decoration:none;font-size:14px;}
.bpx-widget li a:hover{color:#00b181;}
.bpx-widget--cta{background:linear-gradient(160deg,#2c507a,#254465);color:#fff;text-align:center;}
.bpx-widget--cta h3{color:#fff;border-color:rgba(255,255,255,.25);}
.bpx-widget--cta p{color:#cddcea;font-size:14px;}
.bpx-widget__btn{display:inline-block;background:#00b181;color:#fff;font-weight:700;padding:10px 22px;border-radius:6px;text-decoration:none;margin-top:8px;}
@media (max-width:768px){.bpx-archive .bpx-blog{grid-template-columns:1fr;}.bpx-article__title{font-size:26px;}}

/* ============================================================
   Dedicated site header + footer (all pages except homepage)
   ============================================================ */
.bpx-header{background:#14263c;border-bottom:3px solid #00b181;font-family:'Roboto Condensed',Arial,sans-serif;position:sticky;top:0;z-index:900;}
.bpx-header__inner{max-width:1140px;margin:0 auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between;min-height:62px;}
.bpx-header__brand{text-decoration:none;font-size:26px;font-weight:700;line-height:1;}
.bpx-header .green-logo-text,.bpx-footer .green-logo-text{color:#00e6a2;font-weight:700;}
.bpx-header__nav{display:flex;align-items:center;gap:26px;}
.bpx-header__nav a{color:#cddcea;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.3px;transition:color .15s;}
.bpx-header__nav a:hover,.bpx-header__nav a.is-active{color:#00e6a2;}
.bpx-header__cta{background:#00b181;color:#fff !important;padding:9px 20px;border-radius:6px;}
.bpx-header__cta:hover{background:#00c993;}
.bpx-header__check,.bpx-header__burger{display:none;}
.bpx-header__burger{width:30px;height:24px;flex-direction:column;justify-content:space-between;cursor:pointer;}
.bpx-header__burger span{display:block;height:3px;border-radius:2px;background:#00e6a2;}

@media(max-width:820px){
	.bpx-header__burger{display:flex;}
	.bpx-header__nav{position:absolute;top:100%;left:0;right:0;background:#14263c;flex-direction:column;align-items:stretch;gap:0;padding:6px 0;border-bottom:3px solid #00b181;max-height:0;overflow:hidden;transition:max-height .25s ease;}
	.bpx-header__nav a{padding:13px 22px;border-top:1px solid rgba(255,255,255,.06);}
	.bpx-header__cta{margin:10px 18px;text-align:center;border-radius:6px;}
	.bpx-header__check:checked ~ .bpx-header__nav{max-height:340px;}
}

.bpx-footer{background:#14263c;color:#aebfd0;font-family:'Roboto Condensed',Arial,sans-serif;margin-top:auto;}
.bpx-footer__inner{max-width:1140px;margin:0 auto;padding:46px 18px 30px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:34px;}
.bpx-footer__brand{text-decoration:none;font-size:26px;font-weight:700;display:inline-block;margin-bottom:12px;}
.bpx-footer__col p{font-size:14px;line-height:1.7;margin:0 0 16px;}
.bpx-footer__col h4{color:#fff;font-size:15px;text-transform:uppercase;letter-spacing:.6px;margin:0 0 16px;}
.bpx-footer__col ul{list-style:none;margin:0;padding:0;}
.bpx-footer__col li{margin-bottom:10px;}
.bpx-footer__col a{color:#aebfd0;text-decoration:none;font-size:14px;transition:color .15s;}
.bpx-footer__col a:hover{color:#00e6a2;}
.bpx-footer__wa{display:inline-block;background:#00b181;color:#fff !important;font-weight:700;padding:10px 22px;border-radius:6px;font-size:14px;}
.bpx-footer__wa:hover{background:#00c993;}
.bpx-footer__note{font-size:13px;line-height:1.6;}
.bpx-footer__age{display:inline-block;border:2px solid #00b181;color:#00e6a2;font-weight:700;border-radius:50%;width:42px;height:42px;line-height:38px;text-align:center;font-size:15px;}
.bpx-footer__bar{border-top:1px solid rgba(255,255,255,.1);}
.bpx-footer__bar{max-width:1140px;margin:0 auto;padding:18px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:13px;color:#7f93a8;}
@media(max-width:820px){.bpx-footer__inner{grid-template-columns:1fr 1fr;gap:26px;}}
@media(max-width:520px){.bpx-footer__inner{grid-template-columns:1fr;}}

/* ============================================================
   Reusable "BpExch Page" template (page-bpx.php)
   ============================================================ */
.bpx-page-hero{background:linear-gradient(160deg,#2c507a,#254465 60%,#1b3350);background-size:cover;background-position:center;color:#fff;font-family:'Roboto Condensed',Arial,sans-serif;}
.bpx-page-hero__inner{max-width:900px;margin:0 auto;padding:48px 20px 42px;}
.bpx-page-hero__title{font-size:40px;line-height:1.2;font-weight:700;margin:0;color:#fff;}
.bpx-page-wrap{max-width:900px;margin:0 auto;padding:34px 18px 50px;font-family:'Roboto Condensed',Arial,sans-serif;color:#254465;}
.bpx-page .bpx-article__content{font-size:18px;line-height:1.85;color:#3c4a58;}