@font-face {
    font-family: 'Felix Titling';
    src: url('/wp-content/themes/bootstrap-blog-child/fonts/Felixti.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gill Sans Condensed Regular';
    src: url('../fonts/Gill Sans Condensed Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* Apply to elements on this page */

div.taxonomy-description, h1.category-title, h3, div.rr, div.bb, div.rrbb {
    background-color: black;
}

h1.category-title {
    margin:0;
    padding: 20px 0px;
    font-family: 'Felix Titling', serif !important;
    color: yellow !important;
    letter-spacing: 3px;
}

div.rrbb {
    line-height:42px;
    margin-top:20px;
    padding-top:20px;
}

.rrbb2 {
    line-height:32px;
    margin-top:20px;
    padding-top:20px;
}

div.rr, div.bb {    
    font-family: 'Felix Titling', serif !important;
    color: yellow !important;
    letter-spacing: 3px;
    text-align: center;
    font-size:48px !important;
}

.rr2, .bb2 {    
    font-family: 'Felix Titling', serif !important;
    color: yellow !important;
    letter-spacing: 3px;
    text-align: center;
    font-size:36px !important;
}

div.bb {
    text-indent: 130px;
}

.bb2 {
    text-indent: 56px;
}

div.taxonomy-description {
    margin-bottom:20px;
    padding: 10px 0 20px 0;
    font-family: 'Gill Sans Condensed Regular', serif !important;
    color: yellow !important;
    letter-spacing: 2px;
    font-size:36px !important;
    font-weight: normal !important;
    text-align: center;
}

.rrbb2 {
  display: flex; /* Horizontal row for wrapper + title */
  flex-direction: row;
  align-items: center; /* Vertically centers the title with the entire RR/BB stack */
  justify-content: flex-start; /* Aligns to left; adjust to 'center' if needed */
  gap: 15px; /* Space between the stack and the title (adjust as needed) */
  /* Optional: Add padding or width if this is part of a larger layout */
  padding: 10px;
  background-color: black; /* Example background for visibility */
}

.abbrev-wrapper2 {
  display: flex; /* Vertical stack for RR and BB */
  flex-direction: column; /* Puts BB below RR */
  align-items: flex-start; /* Horizontally centers RR and BB within their wrapper (optional) */
  justify-content: flex-start; /* Vertically centers them if needed */
}

.title2 {
  /* Optional: Styles for the title */
  font-size: 30px !important;
  white-space: nowrap; /* Prevents title from wrapping if too long */
  text-align: center;
  letter-spacing: 2px !important;
}

.title2 {
    font-family: 'Felix Titling', serif !important;
    color: yellow !important;
    letter-spacing: 3px;
    font-weight: bold;
}

/* Mobile adjustments (phones) */
@media (max-width: 1200px) {
    .rrbb2 {
        gap:10px;
        padding:10px;
        line-height: 28px;
    }

    .title2 {
        font-size:24px !important;
    }

    .rr2, .bb2 {
        font-size: 32px !important;
    }

    .bb2 {
        text-indent: 48px;
    }

    div.taxonomy-description {
        font-size: 28px !important;
    }
}

@media (max-width: 992px) {
    .rrbb2 {
        gap:8px;
        padding:10px;
        line-height: 22px;
    }

    .title2 {
        font-size:17px !important;
    }

    .rr2, .bb2 {
        font-size: 24px !important;
    }

    .bb2 {
        text-indent: 36px;
    }

    div.taxonomy-description {
        font-size: 20px !important;
    }
}

@media (max-width: 767px) {
    .rrbb2 {
        padding:10px;
        line-height: 22px;
    }

    .title2 {
        font-size:26px !important;
    }

    .rr2, .bb2 {
        font-size: 25px !important;
    }

    .bb2 {
        text-indent: 38px;
    }

    div.taxonomy-description {
        font-size: 32px !important;
    }
}

@media (max-width: 760px) {
    .rrbb2 {
        padding:10px;
        line-height: 22px;
    }

    .title2 {
        font-size:25px !important;
    }

    .rr2, .bb2 {
        font-size: 25px !important;
    }

    .bb2 {
        text-indent: 38px;
    }

    div.taxonomy-description {
        font-size: 32px !important;
    }
}

@media (max-width: 739px) {
    .title2 {
        font-size: 24px !important;
    }

    div.taxonomy-description {
        font-size: 30px !important;
    }
}

@media (max-width: 722px) {
    .title2 {
        font-size: 23px !important;
    }

    div.taxonomy-description {
        font-size: 29px !important;
    }
}

@media (max-width: 697px) {
    .title2 {
        font-size: 22px !important;
    }

    div.taxonomy-description {
        font-size: 28px !important;
    }
}

@media (max-width: 676px) {
    .title2 {
        font-size: 21px !important;
    }

    div.taxonomy-description {
        font-size: 27px !important;
    }
}

@media (max-width: 653px) {
    .title2 {
        font-size: 20px !important;
    }

    div.taxonomy-description {
        font-size: 26px !important;
    }
}

@media (max-width: 635px) {
    .title2 {
        font-size: 19px !important;
    }

    div.taxonomy-description {
        font-size: 25px !important;
    }
}

@media (max-width: 613px) {
    .title2 {
        font-size: 18px !important;
    }

    div.taxonomy-description {
        font-size: 24px !important;
    }
}

@media (max-width: 592px) {
    .title2 {
        font-size: 17px !important;
    }

    div.taxonomy-description {
        font-size: 22px !important;
    }
}