.elementor-847 .elementor-element.elementor-element-4edb8a7{--display:flex;}.elementor-widget-eael-post-grid .eael-meta-posted-on{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-meta > span{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .eael-entry-title, .elementor-widget-eael-post-grid .eael-entry-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-post-grid .eael-grid-post-excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-eael-post-grid .post-meta-categories li, .elementor-widget-eael-post-grid .post-meta-categories li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-entry-thumbnail{height:200px;}.elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-grid-post-holder{background-color:#0D0D0D;}.elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-grid-post .eael-entry-footer{justify-content:flex-start;}.elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-grid-post .eael-entry-header-after{justify-content:flex-start;align-items:center;}.elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-entry-title a{color:#303133;}.elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-entry-title:hover, .elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-entry-title a:hover{color:#FFAA00;}.elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-grid-post .eael-entry-overlay{background-color:rgba(0,0,0, .75);}.elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-grid-post .eael-entry-overlay > i{color:#ffffff;font-size:18px;}.elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-grid-post .eael-entry-overlay > img{height:18px;width:18px;}.elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-post-elements-readmore-btn{color:#000BEC;}.elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-load-more-button{color:#fff;background:#29d8d8;}.elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-load-more-button:hover{color:#fff;background:#27bdbd;}.elementor-847 .elementor-element.elementor-element-f9a3aa8 .eael-load-more-button-wrap{justify-content:center;}/* Start custom CSS for eael-post-grid, class: .elementor-element-f9a3aa8 *//* ===========================================
   ROYAL ORGANIC HONEY BLOG PAGE
=========================================== */

/* Page Background */
body.page{
    background:#0D0D0D;
}

/* Blog Grid */
.eael-post-grid
    gap:30px;
}

/* Blog Cards */
.eael-post-grid .eael-grid-post{
    background:#111 !important;
    border:1px solid rgba(212,175,55,.15);
    border-radius:20px;
    overflow:hidden;
    
    box-shadow:0 15px 40px rgba(0,0,0,.45);
    transition:all .35s ease;

    margin:0 0 30px;
}

/* Hover */
.eael-post-grid .eael-grid-post:hover{
    transform:translateY(-8px);
    border-color:#D4AF37;
    box-shadow:
        0 25px 55px rgba(0,0,0,.55),
        0 0 25px rgba(212,175,55,.18);
}

/* Images */
.eael-grid-post img{
    display:block;
    width:100%;
    aspect-ratio: 16 / 10;
    height:auto;
    object-fit:cover;
    object-position:center;
    transition:.4s ease;
    backface-visibility:hidden;
}

.eael-grid-post:hover img{
    transform:scale(1.05);
}

/* Title */
.eael-entry-title{
    padding:0 20px;
}

.eael-entry-title a{
    color:#fff !important;
    font-size:24px;
    font-weight:700;
    line-height:1.4;
    text-decoration:none;
    transition:.3s;
}

.eael-entry-title a:hover{
    color:#D4AF37 !important;
}

/* Excerpt */
.eael-grid-post-excerpt,
.eael-entry-content{
    color:#CFCFCF !important;
    line-height:1.8;
    font-size:15px;
    padding:0 20px;
}

/* Read More Button */
.eael-read-more-button,
.eael-post-elements-readmore-btn{
    display:inline-block;
    margin:15px 20px 20px;

    padding:12px 30px;

    background:linear-gradient(
        135deg,
        #F7E39B,
        #D4AF37,
        #B8860B
    );

    color:#111 !important;
    border-radius:50px;
    font-weight:700;
    text-decoration:none;

    transition:.35s;
}

.eael-read-more-button:hover,
.eael-post-elements-readmore-btn:hover{
    transform:translateY(-3px);

    background:linear-gradient(
        135deg,
        #FFF2B0,
        #E3BE4A,
        #C08C11
    );
}
/* Add horizontal & vertical spacing without breaking 3-column layout */
.eael-post-grid-column{
    padding:15px !important;
}

.eael-post-grid{
    margin:-5px !important;
}


/* Date & Meta */
.eael-entry-meta,
.eael-post-meta{
    color:#AFAFAF !important;
    padding:0 20px 20px;
}

/* Pagination */
.eael-pagination a,
.eael-pagination span{
    background:#111;
    color:#D4AF37;
    border:1px solid rgba(212,175,55,.2);
    border-radius:10px;
    padding:10px 16px;
    transition:.3s;
}

.eael-pagination a:hover,
.eael-pagination .current{
    background:#D4AF37;
    color:#111;
}

/* ===== Equal Title Height ===== */

.eael-entry-title{
    min-height:105px;
}

/* ===== Equal Excerpt Height ===== */

.eael-grid-post-excerpt{
    min-height:85px;
}

/* ===== Equal Button Position ===== */

.eael-post-elements-readmore-btn{
    margin-top:20px;
}
.page-id-847 .entry-title{
    display:none !important;
}
/* ===========================
   TABLETS
/* ===================================================
   RESPONSIVE FIXES ONLY
=================================================== */

/* Large Tablets */
@media (max-width:1024px){

.eael-post-grid{
    gap:24px !important;
}

.eael-grid-post img{
    aspect-ratio: 16 / 10 !important;
    height:auto !important;
}

.eael-entry-title{
    min-height:auto !important;
}

.eael-grid-post-excerpt{
    min-height:auto !important;
}

.eael-entry-title a{
    font-size:22px !important;
}

}
/* ==========================================
   PREMIUM MOBILE BLOG DESIGN
========================================== */

@media (max-width:768px){

/* Page Padding */
body.page{
    padding:0 12px;
}

/* Single column */
.eael-post-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
    margin:0 !important;
}

/* Remove extra wrapper spacing */
.eael-post-grid-column{
    padding:0 !important;
}

/* Card */
.eael-post-grid .eael-grid-post{

    background:#111 !important;

    border:1px solid rgba(212,175,55,.18);

    border-radius:18px !important;

    overflow:hidden;

    margin:0 !important;

    box-shadow:
    0 12px 35px rgba(0,0,0,.45);

}

/* Hover */
.eael-post-grid .eael-grid-post:hover{

    transform:none;

}

/* Image */
.eael-grid-post img{

    width:100%;

    aspect-ratio:16/10;

    object-fit:cover;

    display:block;

}

/* Content spacing */

.eael-entry-title{

    padding:18px 18px 8px !important;

    min-height:auto !important;

}

/* Title */

.eael-entry-title a{

    font-size:22px !important;

    line-height:1.35 !important;

    font-weight:700 !important;

}

/* Meta */

.eael-entry-meta,
.eael-post-meta{

    padding:0 18px 12px !important;

    font-size:13px !important;

    color:#9f9f9f !important;

}

/* Excerpt */

.eael-grid-post-excerpt,
.eael-entry-content{

    padding:0 18px !important;

    font-size:14px !important;

    line-height:1.75 !important;

    color:#d5d5d5 !important;

}

/* Button */

.eael-read-more-button,
.eael-post-elements-readmore-btn{

    display:block !important;

    width:calc(100% - 36px);

    margin:18px !important;

    text-align:center;

    padding:14px 20px !important;

    border-radius:50px !important;

    font-size:14px !important;

    font-weight:700;

}

/* Remove fixed heights */

.eael-entry-title,
.eael-grid-post-excerpt{

    min-height:auto !important;

}

}


/* ======================================
      SMALL PHONES
====================================== */

@media (max-width:480px){

body.page{

    padding:0 10px;

}

.eael-post-grid{

    gap:18px !important;

}

.eael-post-grid .eael-grid-post{

    border-radius:16px !important;

}

.eael-grid-post img{

    aspect-ratio:16/11;

}

.eael-entry-title{

    padding:16px 16px 8px !important;

}

.eael-entry-title a{

    font-size:19px !important;

}

.eael-entry-meta,
.eael-post-meta{

    padding:0 16px 10px !important;

    font-size:12px !important;

}

.eael-grid-post-excerpt,
.eael-entry-content{

    padding:0 16px !important;

    font-size:13px !important;

    line-height:1.7 !important;

}

.eael-read-more-button,
.eael-post-elements-readmore-btn{

    width:calc(100% - 32px);

    margin:16px !important;

    padding:13px;

    font-size:13px !important;

}

}


/* ======================================
      VERY SMALL DEVICES
====================================== */

@media (max-width:360px){

.eael-entry-title a{

    font-size:17px !important;

}

.eael-grid-post-excerpt,
.eael-entry-content{

    font-size:12px !important;

}

.eael-read-more-button,
.eael-post-elements-readmore-btn{

    font-size:12px !important;

    padding:12px;

}

}/* End custom CSS */