/*
Theme Name: Trīb MVP
Theme URI: https://example.com/trib-mvp
Author: ChatGPT (for Mark/Belen)
Author URI: https://openai.com
Description: Custom MVP theme for Trīb with diaper comparison, content library, Bay Area resources, and community stubs.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trib-mvp
*/

:root{
  --trib-blue:#4C8FE6;
  --trib-dark:#2A2E39;
  --trib-light:#F7FAFF;
  --trib-peach:#FFA476;
  --trib-green:#7EA991;
  --radius:16px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#222;background:#fff;}

body {
  margin:0;
  padding:0;
  font-family: 'Lato', sans-serif;
  color:#222;
  background:#fff;
}

a{color:var(--trib-blue);text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.grid{display:grid;gap:24px;}
.btn{display:inline-block;background:var(--trib-blue);color:#fff;padding:12px 18px;border-radius:999px;font-weight:600;border:0}
.btn.peach{background:var(--trib-peach);color:#fff}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{background:#fff;border:2px solid #dfe7fb;border-radius:999px;padding:8px 14px;font-weight:600;color:#4c5e85}
.hero{padding:40px 0 10px;text-align:center}
.search-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-input {
  width: min(680px, 90vw);
  padding: 14px 18px 14px 44px; /* left padding for icon space */
  border-radius: 999px;
  border: 2px solid #cfe0ff;
  background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="%238aa1d8" d="M15.5 14h-.79l-.28-.27a6.471 6.471 0 0 0 1.57-4.23A6.5 6.5 0 1 0 9.5 16a6.471 6.471 0 0 0 4.23-1.57l.27.28v.79l5 4.99L20.49 19zM10 15a5 5 0 1 1 0-10a5 5 0 0 1 0 10z"/></svg>') no-repeat 14px center;
}


.search-btn {
  position: absolute;
  right: calc(50% - min(340px, 45vw) + 6px); /* aligns with input's right edge */
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 3px solid #123d85;
  background: var(--trib-blue);
  color: #fff;
  font-weight: 800;
  display: grid;
  place-items: center;
  box-shadow: 0 2px 0 #123d85;
  cursor: pointer;
}
.section{padding:40px 0}
.section.alt{background:var(--trib-light)}
.card{background:#fff;border:1px solid #e6eefc;border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 20px rgba(76,143,230,0.08)}
.card h3{margin:10px 0 0}
.card p{color:#5b6b8a}
.kicker{color:#6e7fa5;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:12px}
.footer{background:#f2f6ff;color:#4c5e85;padding:40px 0}
.footer h4{margin:0 0 10px 0}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.navbar .menu{display:flex;gap:24px;align-items:center}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--trib-blue);}
.logo img{width:36px;height:36px}
h1,h2{color:#2f3a56}
.hero h1{font-size:28px;margin:8px 0}
.hero h2{font-size:18px;font-weight:500;color:#596a8e;margin:0}
.badges{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:14px}
.badge{border:2px solid #cfe0ff;border-radius:999px;padding:6px 12px;color:#6f81a8;font-weight:700}

@media (min-width:900px){
  .hero h1{font-size:30px}
}

/* Make header menu horizontal and remove bullets */
.menu-ul{
  display:flex;
  gap:24px;            /* spacing between links */
  margin:0;
  padding:0;
  list-style:none;     /* removes bullets */
  align-items:center;
}

.menu-ul > li{ list-style:none; }     /* belt-and-suspenders */
.menu-ul a{
  text-decoration:none;
  font-weight:600;
  color: var(--trib-blue);
}
.menu-ul a:hover{ text-decoration:underline; }

/* Keep the nav items and the Sign-up button aligned */
.navbar .menu{
  display:flex;
  align-items:center;
  gap:24px;
}

.facet-pagination .btn { padding:8px 12px; border-radius:10px; }
aside.card strong { display:block; margin-bottom:6px; color:#2f3a56; }

/* Community cards: icon + text layout */
.community-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 14px;
}

.community-icon {
   width: 25%;      /* 1/4 the width of the card */
  height: auto;    /* keep natural aspect */
  flex: 0 0 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px; /* optional */
  overflow: hidden;    /* keeps icons tidy */
}

.community-icon img {
  width: 25%;
  height: 25%;
  object-fit: contain;   /* keep icon aspect */
  display: block;
}

.community-body { display: block; }
.community-title { margin: 0 0 6px; font-size: 18px; line-height: 1.2; }
.community-desc  { margin: 0; color: #5a6b85; }

/* Layout */
.card.community-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 14px;
}

/* Force icon size to 24×24 no matter what */
.card.community-card .community-icon {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.card.community-card .community-icon img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  display: block;
}

/* Fallback in case the img isn't wrapped (belt & suspenders) */
.card.community-card > img {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
}

/***** Parenting hero ******/
.hero-parenting {
  min-height: 360px; /* tweak to taste */
  border-radius: 8px;
}
@media (min-width: 900px){
  .hero-parenting { padding-top: 72px; padding-bottom: 32px; }
}
.hero-parenting .filter-bar .input,
.hero-parenting .filter-bar input[type="search"]{
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.hero-parenting .btn:hover { filter: brightness(1.05); }

/******pill colors *******/
.pill { display:inline-block; padding:2px 10px; border-radius:999px; font-size:12px; font-weight:600; line-height:1.4; color:#fff; }
.pill.article { background:#999; color:#fff; }

.age-pill.age-newborn-0-2-mos     { background:#FFCB47; }
.age-pill.age-infant-3-11-mos     { background:#C5B8E0; }
.age-pill.age-toddler-1-2-yrs     { background:#FF9966; }
.age-pill.age-preschool-3-5-yrs   { background:#4A90E2; }
.age-pill.age-school-age-5-12-yrs { background:#7CAA98; }
.age-pill.age-teenager-13-19-yrs  { background:#D0C4AB; }
.age-pill.age-adolescent-10-25-yrs{ background:#FBA104; }
.age-pill.age-college-18-25-yrs   { background:#b1d1f6; }

/* ===== Not here yet? module ===== */
.pi-suggest{
  background:#95ceb8;           /* your brand green */
  border-radius:12px;
  margin:28px 0 40px;
  color:#fff;
}
.pi-suggest__inner{
  display:grid;
  grid-template-columns: 1.15fr 1fr;  /* copy : form */
  gap:28px;
  align-items:start;
  padding:28px 24px;
}
.pi-suggest__copy h3{
  margin:0 0 4px;
  font-size:16px;
  line-height:1.2;
  font-weight:800;
}
.pi-suggest__sub{
  margin:0 0 12px;
  font-size:16px;
  font-weight:700;
}
.pi-suggest__copy p{
  margin:10px 0;
  font-size:15px;
  line-height:1.6;
}

/* CF7 form styling inside the green panel */
.pi-suggest .wpcf7-form{
  display:grid;
  gap:10px;
}
.pi-suggest .wpcf7-form p{ margin:0; }
.pi-suggest input[type="text"],
.pi-suggest input[type="email"],
.pi-suggest input[type="tel"],
.pi-suggest input[type="search"],
.pi-suggest textarea,
.pi-suggest select{
  width:100%;
  background:transparent;
  border:1px solid rgba(255,255,255,.75);
  color:#fff;
  border-radius:8px;
  padding:10px 12px;
  font-size:14px;
  outline:none;
}
.pi-suggest textarea{ min-height:48px; resize:vertical; }

/* placeholders visible on green */
.pi-suggest ::placeholder{ color:rgba(255,255,255,.9); }

/* Submit button to match comp */
.pi-suggest input[type="submit"],
.pi-suggest button[type="submit"]{
  display:inline-block;
  background:#ffffff;           /* white */
  color:#95ceb8; 
  border:0;
  border-radius:999px;
  padding:10px 18px;
  font-weight:700;
  cursor:pointer;
}
.pi-suggest input[type="submit"]:hover{ filter:brightness(1.05); }

/* CF7 response messages */
.pi-suggest .wpcf7-response-output{
  margin:8px 0 0 !important;
  padding:8px 10px !important;
  border-radius:8px;
  color:#1a1a1a;
  background:#fff;
  border:0 !important;
}

/* Mobile */
@media (max-width: 820px){
  .pi-suggest__inner{
    grid-template-columns: 1fr;
    gap:18px;
    padding:22px 16px;
  }
  .pi-suggest__copy h3{ font-size:24px; }
  .pi-suggest__sub{ font-size:20px; }
}

/* Single Diaper – new layout */
.trib-diaper-single {
  padding: 48px 0;
}

.trib-diaper-wrap {
  width: min(1100px, calc(100% - 48px));
  margin: 0 auto;
}

.trib-diaper-title {
  font-size: 44px;
  line-height: 1.1;
  margin: 0 0 28px;
  font-weight: 800;
}

.trib-diaper-grid {
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 48px;
  align-items: start;
}

.trib-diaper-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.trib-diaper-label {
  font-weight: 800;
  margin: 0 0 6px;
}

.trib-diaper-description {
  font-size: 16px;
  line-height: 1.5;
}

.trib-diaper-meta-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px;
  margin: 22px 0 18px;
}

.trib-diaper-terms {
  margin: 0;
  padding-left: 18px;
}

.trib-diaper-terms li {
  margin: 2px 0;
}

.trib-diaper-empty {
  opacity: 0.7;
}

.trib-diaper-prices {
  margin-top: 10px;
}

.trib-diaper-buttons {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.trib-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  height: 44px;
  padding: 0 18px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 800;
  color: #fff;
  transition: all .2s ease;
}

/* Brand colors */
.trib-btn-amazon { background: #f59d0a; }
.trib-btn-walmart { background: #1271d2; }
.trib-btn-target { background: #e20017; }

/* Hover */
.trib-btn:hover {
  transform: translateY(-2px);
  filter: brightness(0.95);
}

/* Disabled state */
.trib-btn.is-disabled {
  background: #c9c9c9 !important;
  pointer-events: none;
  cursor: not-allowed;
  opacity: .8;
}


/* Responsive */
@media (max-width: 900px) {
  .trib-diaper-grid {
    grid-template-columns: 1fr;
  }
  .trib-diaper-meta-row {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .trib-diaper-title {
    font-size: 36px;
  }
}

.facet-block {
  margin: 0;
  padding: 12px 0;

}

.facet-block:last-of-type {
  border-bottom: 0;
}

.facet-title {
  display: block;
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  color: #2a3553;
}

.facet-group {
  margin: 0;
}

.facet-item {
  display: block;
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.35;
  color: #2a3553;
}

.facet-item:first-child {
  margin-top: 0;
}

.facet-item-extra {
  display: none;
}

.facet-block.is-showing-all .facet-item-extra {
  display: block;
}

.facet-see-more {
  margin-top: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #4b73d1;
  font-size: 11px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.facet-see-more-caret {
  font-size: 10px;
  transition: transform 0.2s ease;
}

.facet-block.is-showing-all .facet-see-more-caret {
  transform: rotate(180deg);
}

.facet-clear {
  margin-top: 25px;
}


/* =========================================================
   TRIB BLOG – scoped styles only
   Safe to append to existing style.css
   ========================================================= */

.trib-blog-hero{
  position:relative;
  min-height:300px;
  background:
    linear-gradient(rgba(0,0,0,.24), rgba(0,0,0,.24)),
    linear-gradient(135deg, #f7b04a, #ef8b2d);
  background-size:cover;
  background-position:center center;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
}

.trib-blog-hero__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.10);
}

.trib-blog-hero__inner{
  position:relative;
  z-index:2;
  max-width:760px;
  padding:40px 20px;
}

.trib-blog-hero__title{
  color:#fff;
  font-size:clamp(38px, 6vw, 64px);
  line-height:1.05;
  margin:0 0 16px;
  font-weight:800;
}

.trib-blog-hero__subtitle{
  color:#fff;
  font-size:clamp(18px, 2vw, 24px);
  line-height:1.35;
  margin:0;
  font-weight:700;
}

.trib-blog-toolbar{
  padding-top:34px;
  padding-bottom:10px;
}

.trib-blog-pills{
  display:flex;
  gap:18px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:20px;
}

.trib-blog-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:150px;
  padding:12px 18px;
  border-radius:999px;
  color:#fff;
  font-weight:700;
  font-size:14px;
  text-decoration:none;
  box-shadow:none;
}

.trib-blog-pill:hover{
  text-decoration:none;
  filter:brightness(.97);
}

.trib-blog-pill--green{ background:#7aa08c; }
.trib-blog-pill--purple{ background:#c3a4de; }
.trib-blog-pill--peach{ background:#f2a47b; }

.trib-blog-search{
  width:min(100%, 620px);
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 72px;
  border:1px solid #bfc3c8;
  background:#fff;
}

.trib-blog-search input[type="search"]{
  border:0;
  padding:16px 18px;
  font-size:15px;
  outline:none;
  border-radius:0;
}

.trib-blog-search button{
  border:0;
  border-left:1px solid #bfc3c8;
  background:#fff;
  cursor:pointer;
  font-size:32px;
  line-height:1;
}

.trib-blog-list{
  padding-top:24px;
}

.trib-blog-card{
  display:grid;
  grid-template-columns:minmax(260px, 40%) 1fr;
  gap:26px;
  align-items:stretch;
  border:2px solid #d8d8d8;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  margin-bottom:34px;
}

.trib-blog-card__media{
  display:block;
  min-height:240px;
  background:#eef2f8;
}

.trib-blog-card__media img,
.trib-blog-card__placeholder{
  width:100%;
  height:100%;
  min-height:240px;
  object-fit:cover;
  display:block;
}

.trib-blog-card__placeholder{
  background:linear-gradient(135deg, #edf2f8, #d9e2f1);
}

.trib-blog-card__body{
  padding:18px 24px 18px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.trib-blog-card__meta-top{
  font-size:14px;
  font-weight:700;
  margin-bottom:12px;
  color:#666;
}

.trib-blog-tax{
  letter-spacing:.02em;
}

.trib-blog-tax--green{ color:#7aa08c; }
.trib-blog-tax--purple{ color:#ae8dd0; }
.trib-blog-tax--peach{ color:#ef9d76; }
.trib-blog-tax--default{ color:#6b7d99; }

.trib-blog-type{
  color:#4c8fe6;
}

.trib-blog-sep{
  display:inline-block;
  margin:0 4px;
  color:#9aa1ad;
}

.trib-blog-card__title{
  font-size:clamp(24px, 3vw, 36px);
  line-height:1.15;
  margin:0 0 14px;
  color:#4d4d4d;
}

.trib-blog-card__title a{
  color:inherit;
  text-decoration:none;
}

.trib-blog-card__title a:hover{
  text-decoration:none;
  color:var(--trib-blue);
}

.trib-blog-card__byline{
  font-size:14px;
  color:#4c5e85;
  margin-bottom:18px;
}

.trib-blog-card__excerpt{
  font-size:16px;
  line-height:1.6;
  color:#444;
  margin:0;
  max-width:680px;
}

.trib-blog-signup{
  text-align:center;
  padding:8px 0 26px;
}

.trib-blog-signup h3{
  margin:0 0 18px;
  font-size:clamp(28px, 4vw, 46px);
  color:#676767;
  line-height:1.15;
}

.trib-blog-pagination{
  text-align:center;
  padding-bottom:20px;
}

.trib-blog-pagination .page-numbers{
  list-style:none;
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:center;
  padding:0;
  margin:0;
}

.trib-blog-pagination .page-numbers li{
  list-style:none;
}

.trib-blog-pagination a,
.trib-blog-pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 12px;
  border-radius:999px;
  background:#f1f1f1;
  color:#666;
  text-decoration:none;
  font-weight:700;
}

.trib-blog-pagination .current{
  background:#a9a9a9;
  color:#fff;
}

.trib-blog-empty{
  text-align:center;
  padding:40px 0 60px;
}

/* Single post */

.trib-blog-single__grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 300px;
  gap:48px;
  align-items:start;
}

.trib-blog-single__main{
  min-width:0;
}

.trib-blog-single__header{
  margin-bottom:28px;
}

.trib-blog-single__header-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 320px;
  gap:30px;
  align-items:start;
}

.trib-blog-single__title{
  font-size:clamp(34px, 5vw, 54px);
  line-height:1.1;
  margin:0 0 14px;
  color:#5b5b5b;
}

.trib-blog-single__byline{
  font-size:15px;
  color:#596a8e;
  margin-bottom:20px;
}

.trib-blog-single__excerpt{
  border-left:4px solid #ddd2b6;
  padding-left:14px;
  color:#666;
  font-size:16px;
  line-height:1.55;
}

.trib-blog-single__featured img,
.trib-blog-single__placeholder{
  width:100%;
  aspect-ratio:4 / 3;
  object-fit:cover;
  display:block;
  border-radius:8px;
  background:#eef2f8;
}

.trib-blog-single__content{
  color:#4a4a4a;
  font-size:18px;
  line-height:1.8;
}

.trib-blog-single__content h2,
.trib-blog-single__content h3,
.trib-blog-single__content h4{
  margin-top:34px;
  margin-bottom:12px;
  color:#4d4d4d;
}

.trib-blog-single__content p{
  margin:0 0 24px;
}

.trib-blog-single__content img{
  max-width:100%;
  height:auto;
  border-radius:8px;
}

.trib-blog-single__divider{
  margin:34px 0 28px;
  border-top:2px solid #d8c2aa;
}

.trib-blog-single__sidebar{
  display:flex;
  flex-direction:column;
  gap:24px;
}

.trib-blog-sidecard{
  background:#fff;
}

.trib-blog-sidecard h3{
  margin:0 0 14px;
  font-size:18px;
  color:#555;
}

.trib-blog-sidecard--promo{
  background:#f3e4d7;
  padding:26px 22px;
  text-align:center;
  border-radius:0;
}

.trib-blog-sidecard--promo h3{
  font-size:30px;
  line-height:1.15;
  margin-bottom:18px;
}

.trib-blog-side-list{
  list-style:none;
  margin:0;
  padding:0;
}

.trib-blog-side-list li{
  margin:0 0 18px;
}

.trib-blog-side-list a{
  color:#5b5b5b;
  font-weight:700;
  text-decoration:none;
}

.trib-blog-side-list a:hover{
  color:var(--trib-blue);
  text-decoration:none;
}

.trib-blog-side-list--dated span{
  display:block;
  margin-top:4px;
  color:#8a8a8a;
  font-style:italic;
  font-size:14px;
}

.trib-blog-sidecard__allposts{
  margin:10px 0 0;
}

.trib-blog-comment-box{
  background:#f4ddd0;
  padding:28px;
  max-width:640px;
}

.trib-blog-comment-box h2{
  margin:0 0 10px;
  color:#555;
  font-size:32px;
  line-height:1.15;
}

.trib-blog-comment-box > p{
  margin:0 0 20px;
  color:#666;
}

.trib-blog-comment-box .comment-reply-title,
.trib-blog-comment-box .comments-title{
  font-size:24px;
  margin:0 0 16px;
  color:#555;
}

.trib-blog-comment-box label{
  display:block;
  font-weight:700;
  color:#666;
  margin-bottom:6px;
}

.trib-blog-comment-box input[type="text"],
.trib-blog-comment-box input[type="email"],
.trib-blog-comment-box input[type="url"],
.trib-blog-comment-box textarea{
  width:100%;
  border:2px solid #d1cbc4;
  background:#fff;
  padding:10px 12px;
  border-radius:0;
  font-size:15px;
  margin-bottom:16px;
}

.trib-blog-comment-box textarea{
  min-height:120px;
  resize:vertical;
}

.trib-blog-comment-box .submit{
  display:inline-block;
  background:var(--trib-blue);
  color:#fff;
  padding:12px 22px;
  border-radius:999px;
  font-weight:700;
  border:0;
  cursor:pointer;
}

.trib-blog-comment-box .comment-list{
  list-style:none;
  margin:24px 0 0;
  padding:0;
}

.trib-blog-comment-box .comment{
  margin-bottom:20px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.trib-blog-comment-box .comment-meta{
  font-size:14px;
  color:#777;
  margin-bottom:8px;
}

.trib-blog-comment-box .comment-content p{
  margin:0 0 10px;
  color:#555;
}

/* Responsive */
@media (max-width: 1024px){
  .trib-blog-single__grid{
    grid-template-columns:1fr;
  }

  .trib-blog-single__sidebar{
    order:2;
  }
}

@media (max-width: 900px){
  .trib-blog-card{
    grid-template-columns:1fr;
  }

  .trib-blog-card__body{
    padding:18px;
  }

  .trib-blog-card__media,
  .trib-blog-card__media img,
  .trib-blog-card__placeholder{
    min-height:220px;
  }

  .trib-blog-single__header-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 640px){
  .trib-blog-hero{
    min-height:280px;
  }

  .trib-blog-pill{
    min-width:auto;
    padding:10px 14px;
    font-size:13px;
  }

  .trib-blog-search{
    grid-template-columns:1fr 60px;
  }

  .trib-blog-sidecard--promo h3,
  .trib-blog-signup h3{
    font-size:24px;
  }

  .trib-blog-comment-box{
    padding:20px;
  }

  .trib-blog-comment-box h2{
    font-size:26px;
  }
}