/**
* Theme Name: Hostiko Child
* Description: This is a child theme of Hostiko, generated by AKD Demo Importer.
* Author: Designing Media
* Template: hostiko
* Version: 94.5.6
*/

/* Reduce inner-page title banner heading size (theme default is 56px) */
:root {
    --e-global-typography-title-font-size: 30px;
}

/* Page-title banner: reference layout is breadcrumb (left) + page description
   (right, same line), with NO page title heading shown at all. Title + breadcrumb
   are in two separate sibling .col-sm-12 divs — use :has() to tell them apart. */
.page-title-area .row.justify-content-center {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 30px;
}
.page-title-area .row.justify-content-center .col-sm-12.text-center:has(.breadcrumb) {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    align-self: stretch;
    display: flex !important;
    align-items: center;
}
.page-title-area .breadcrumb {
    white-space: nowrap;
    margin: 0;
}
.page-title-area .row.justify-content-center .col-sm-12.text-center:has(.title) {
    grid-column: 2;
    grid-row: 1;
    width: auto;
    max-width: none;
    text-align: left;
    align-self: stretch;
    display: flex !important;
    align-items: center;
}
/* Hide the page title heading itself — only breadcrumb + description show */
.page-title-area .row.justify-content-center .col-sm-12.text-center:has(.title) .title {
    display: none;
}
.page-title-area .row.justify-content-center .col-sm-12.text-center:has(.title) p {
    margin: 0;
    text-align: left;
    font-size: 15px !important;
    line-height: 1.4 !important;
}
@media only screen and (max-width: 575px) {
    .page-title-area .row.justify-content-center {
        display: block;
    }
    .page-title-area .row.justify-content-center .col-sm-12.text-center:has(.breadcrumb) {
        display: table;
        margin: 15px auto 0;
    }
    .page-title-area .row.justify-content-center .col-sm-12.text-center:has(.title) p {
        text-align: center;
    }
}