@font-face {
  font-family: 'Material-Design-Iconic-Font';
  src: url('https://morgansbrewtea.co.uk/templates/gridbox/library/icons/material/material.woff') format('woff');
  font-display: swap;
}

/** PRODUCT LIST **/
@media(min-width:1441px) {
.list .ba-store-app-product {
display:inline-flex !important;
width:49%;
margin-right:1%;
}
.list .ba-store-app-product:nth-of-type(2n) {
margin-right:0% !important;
}
}
.ba-item-add-to-cart .ba-add-to-cart-row-label {
width: 100px;
}
/** PRODUCT LIST **/

/** CATEGORIES **/

.links a {
border-bottom:3px solid var(--primary);
margin: 2.5px 0px
}
.links a:hover, a:active {
color:#000 !important;
}
.links .ba-blog-post-title {
width:fit-content;
}
.links .ba-blog-post.active .ba-blog-post-title a  {
color:#000 !important;
font-weight:400 !important;
}

/** CATEGORIES **/

/** FEATURE BOX LIST **/
.ba-feature-box:nth-child(n) {
  margin-top: 14px !important;
  margin-bottom:9px;
}
.ba-item-icon-list .vertical-layout li {
margin-top: 9px;
}
/** FEATURE BOX LIST **/

/** CATEGORY TITLE **/
.intro-post-title {
    margin-bottom: 9px !important;
    margin-top: 0px !important;
}
/** CATEGORY TITLE **/

/** TYPOGRAPHY **/
p {padding-bottom:14px;}
p:last-of-type{padding-bottom:0px;}

.p-small p {font-size:18px !important;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {padding-bottom:0px;}
/** TYPOGRAPHY **/


/** MIN HEIGHT **/
.min-height {
min-height:23px !important;
max-height:41px;
}
/** MIN HEIGHT **/

/** MENU **/
.one-page .integration-wrapper > ul > li {
margin-bottom:14px;
}
@media (max-width: 64rem) {
    .open-menu i {
        padding-left: 0px !important;
      cursor: pointer;
    }
}
/** MENU **/

/** SEARCH **/
.ba-live-search-add-to-cart-cell > span, .ba-wishlist-add-to-cart-cell > span {
    box-sizing: border-box;
    font-size: .875rem;
    font-weight: 700;
    margin-left: 25px;
    text-align: center;
    color: var(--title) !important;
    text-transform: uppercase !important;
}
/** SEARCH **/

/** PRODUCT IMAGES **/
.ba-item-product-slideshow ul.ba-slideshow .slideshow-content, .ba-item-field-slideshow ul.ba-slideshow, .ba-item-field-slideshow ul.ba-slideshow .slideshow-content, .ba-item-slideshow ul.ba-slideshow .slideshow-content {
border-radius:6px;
}
.thumbnails-dots div {
border-radius: 6px;
}

/** PRODUCT IMAGES **/

/** CHECKOUT PAGE **/

.ba-checkout-form-fields[data-type="headline"] .ba-checkout-form-title-wrapper .ba-checkout-form-title {
    border-bottom: 1px solid var(--border);
    padding-bottom: 6px;
    font-size: 26px;
}
.ba-checkout-form-fields[data-type="headline"]:first-child {
  margin-top:0px;
}
.ba-authorize-pay-btn, .ba-checkout-order-form-section.ba-checkout-order-form-total-wrapper .ba-checkout-place-order .ba-checkout-place-order-btn {
color: #000;
font-weight: 700;
text-transform: uppercase;
}
.ba-checkout-acceptance-html {
padding: 25px 0 0 20px;
}
.ba-minimum-order-amount, .ba-wishlist-add-all-btn, .ba-cart-checkout-btn {
    background-color: var(--primary);
    color: var(--title);
}

/** CHECKOUT PAGE **/

/** REVIEWS **/

.ba-submit-comment {
    background: var(--primary);
    border-radius: 3px;
    color: #000000 !important;
    padding: 15px 40px;
    transition: color .3s;
    border-radius: 50px;
}
.ba-submit-comment:hover {
    background: var(--primary) !important;
    border-radius: 3px;
    color: #000000 !important;
    padding: 15px 40px;
    transition: color .3s;
    border-radius: 50px;
}

/** REVIEWS **/

.blob-1 img {
  border-radius: 60% 40% 40% 60% / 50% 60% 40% 50%;
}
.blob-1 {
  border-radius: 60% 40% 40% 60% / 50% 60% 40% 50%;
}

/** STICKY ADD TO CART **/

.item-image {
margin:0px !important;
width:100% !important;
height:auto !important;
}

/* ==========================================================================
   JOOMLA 5 NATIVE BLOG DECORATION FOR GRIDBOX
   ========================================================================== */

/* Main Wrapper Styling */
.com-content-category-blog, .blog {
    margin: 0 auto;
    font-family: inherit;
}

/* --- THE LEADING (FEATURED) ARTICLE --- */
.com-content-category-blog__lead, .leading-0 {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    margin-bottom: 50px !important;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1.2fr 1fr; 
    align-items: center;
    border: 1px solid rgba(0,0,0,0.05);
}

.com-content-category-blog__lead .com-content-category-blog__image,
.leading-0 .item-image {
    margin: 0 !important;
    height: 100%;
    min-height: 350px;
}

.com-content-category-blog__lead .com-content-category-blog__image img,
.leading-0 .item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.com-content-category-blog__lead .com-content-category-blog__body,
.leading-0 .article-body {
    padding: 40px;
}

/* --- THE INTRO ARTICLES GRID --- */
.com-content-category-blog__items, .blog-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 30px;
    margin: 0 0 40px 0;
}

/* Individual Post Card */
.com-content-category-blog__item, .blog-item {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;
}

.com-content-category-blog__item:hover, .blog-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
}

/* Card Images */
.com-content-category-blog__image, .item-image {
    margin: 0;
    overflow: hidden;
    aspect-ratio: 16 / 10;
}

.com-content-category-blog__image img, .item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.com-content-category-blog__item:hover .com-content-category-blog__image img,
.blog-item:hover .item-image img {
    transform: scale(1.04);
}

/* Card Body Content Box */
.com-content-category-blog__body, .blog-item > :not(.item-image) {
    padding: 24px 24px 28px 24px !important;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    font-size: 15px !important;      
    line-height: 1.65 !important;    
    color: #555555 !important;       
}

/* Typography Enhancements */
.com-content-category-blog h2, .blog h2,
.com-content-category-blog h2 a, .blog h2 a,
.blog-item .page-header {
    color: #111111 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 1.4rem !important;    
    line-height: 1.35 !important;
    margin: 0 0 6px 0 !important; 
    padding: 0 !important;
    transition: color 0.2s ease;
}

.com-content-category-blog h2 a:hover, .blog h2 a:hover {
    color: var(--primary) !important; 
}

/* Article Metadata Row (Category View) */
.article-info {
    font-size: 0.75rem !important;
    color: #888888 !important;
    margin: 0 0 16px 0 !important; 
    padding: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    display: inline-flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.article-info dd {
    display: inline-flex !important;
    align-items: center;
    margin-right: 12px;
    margin-bottom: 0;
    padding: 0 !important;
}

/* --- HIDE FRONTEND ADMIN CLUTTER (Category Grid) --- */
.blog-item .icons,
.blog-item .btn-group,
.blog-item [class*="icon-edit"],
.blog-item .system-unpublished,
.blog-item .unpublished,
.blog-item .item-content > font,
.blog-item .item-content > div:first-of-type:not(.page-header),
.com-content-category-blog a[href*="task=article.add"] { 
    display: none !important;
}

/* Modernized Read More Button Styling */
.readmore {
    margin-top: auto; 
    padding-top: 20px;
}

.readmore .btn {
    display: flex !important;           
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 46px !important;            
    box-sizing: border-box;
    background-color: var(--primary) !important; 
    color: var(--title) !important;               
    border: none !important;
    border-radius: 50px !important;               
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    text-decoration: none !important;
    transition: opacity 0.2s ease;
    text-align: center !important;
}

.readmore .btn:hover {
    opacity: 0.9 !important;
}

/* --- RESPONSIVE FIXES --- */
@media (max-width: 992px) {
    .com-content-category-blog__lead, .leading-0 {
        grid-template-columns: 1fr;
    }
    .com-content-category-blog__lead .com-content-category-blog__image,
    .leading-0 .item-image {
        min-height: 250px;
    }
}

/* ==========================================================================
   CLEAN INDIVIDUAL ARTICLE TYPOGRAPHY VIEW
   ========================================================================== */
.com-content-article {
    max-width: 800px; 
    margin: 40px auto;
    padding: 0 20px;
    line-height: 1.75;
    font-size: 1.1rem;
    color: #333333;
}

/* Fix Single Page Title Layout */
.com-content-article .page-header h1,
.com-content-article h1 {
    font-size: 2.3rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin: 0 0 10px 0 !important;
    color: #111111 !important;
    padding: 0 !important;
}

/* Polish Single Page Metadata Row */
.com-content-article .article-info {
    font-size: 0.8rem !important;
    color: #777777 !important;
    margin: 0 0 24px 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

/* Standardize Single Post Main Content Image */
.com-content-article img {
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    width: 100%;
    height: auto;
}

/* --- ERADICATE SINGLE PAGE ADMIN CLUTTER (Wipes out text strings from your image) --- */
.com-content-article .icons,
.com-content-article .btn-group,
.com-content-article [class*="icon-edit"],
.com-content-article .system-unpublished,
.com-content-article .unpublished,
.com-content-article div:first-of-type:not(.page-header) > font,
.com-content-article .item-content > div:first-of-type {
    display: none !important;
}