.elementor-763 .elementor-element.elementor-element-98d859f{--display:flex;--min-height:400px;--justify-content:center;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-763 .elementor-element.elementor-element-98d859f:not(.elementor-motion-effects-element-type-background), .elementor-763 .elementor-element.elementor-element-98d859f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oxford-travels.com/wp-content/uploads/2026/09/86d2e3df-f091-44c7-86ed-57c992a237d5.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-763 .elementor-element.elementor-element-ee177a3{--display:flex;--min-height:400px;--justify-content:center;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-763 .elementor-element.elementor-element-ee177a3:not(.elementor-motion-effects-element-type-background), .elementor-763 .elementor-element.elementor-element-ee177a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oxford-travels.com/wp-content/uploads/2026/09/86d2e3df-f091-44c7-86ed-57c992a237d5.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-763 .elementor-element.elementor-element-17d9dd7{--display:flex;--overflow:hidden;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-763 .elementor-element.elementor-element-4a7a5e2 .tpg-el-main-wrapper .entry-title-wrapper .entry-title{font-family:"Poppins", Sans-serif;}.elementor-763 .elementor-element.elementor-element-4a7a5e2 .tpg-el-main-wrapper .entry-title{color:#000000;}.elementor-763 .elementor-element.elementor-element-4a7a5e2 .tpg-el-main-wrapper .tpg-post-holder .entry-title:hover{color:#A59161 !important;}.elementor-763 .elementor-element.elementor-element-4a7a5e2 .tpg-el-main-wrapper .tpg-el-image-wrap img{width:inherit;}.elementor-763 .elementor-element.elementor-element-4a7a5e2 .tpg-el-main-wrapper .rt-holder .tpg-el-image-wrap img{object-position:inherit;}.elementor-763 .elementor-element.elementor-element-4a7a5e2 .tpg-el-main-wrapper .rt-holder:hover .tpg-el-image-wrap img{object-position:inherit;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-763 .elementor-element.elementor-element-98d859f{--min-height:143px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-763 .elementor-element.elementor-element-ee177a3:not(.elementor-motion-effects-element-type-background), .elementor-763 .elementor-element.elementor-element-ee177a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oxford-travels.com/wp-content/uploads/2026/09/da7308a9-1963-4303-b835-a40970bdd791.png");}.elementor-763 .elementor-element.elementor-element-ee177a3{--min-height:485px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for tpg-grid-layout, class: .elementor-element-4a7a5e2 *//* =========================================
   OXFORD TRAVELS - PREMIUM BLOG GRID
========================================= */

.blog-grid {
    width: 100%;
}

/* Blog Grid */
.blog-grid .tpg-posts,
.blog-grid .rt-tpg-container {
    width: 100%;
}

/* Individual Blog Card */
.blog-grid .rt-holder {
    background: #fff;
    border: 1px solid #e8e2d6;
    border-radius: 12px;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 5px 18px rgba(0,0,0,0.06);
    transition: all 0.35s ease;
}

/* Hover */
.blog-grid .rt-holder:hover {
    transform: translateY(-7px);
    border-color: #c49a4a;
    box-shadow: 0 15px 35px rgba(0,0,0,0.13);
}


/* =========================================
   BLOG IMAGE
========================================= */

.blog-grid .rt-img-holder {
    overflow: hidden;
    position: relative;
    height: 230px;
}

.blog-grid .rt-img-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.blog-grid .rt-holder:hover .rt-img-holder img {
    transform: scale(1.07);
}


/* =========================================
   CONTENT
========================================= */

.blog-grid .rt-detail {
    padding: 22px 22px 24px;
}

.blog-grid .entry-title {
    margin: 0 0 13px;
    font-size: 21px;
    line-height: 1.35;
    font-weight: 700;
}

.blog-grid .entry-title a {
    color: #222;
    text-decoration: none;
    transition: color .3s ease;
}

.blog-grid .rt-holder:hover .entry-title a {
    color: #b0873c;
}


/* =========================================
   META
========================================= */

.blog-grid .post-meta {
    margin-bottom: 14px;
}

.blog-grid .post-meta span,
.blog-grid .post-meta a {
    color: #777;
    font-size: 13px;
}

.blog-grid .post-meta i {
    color: #b0873c;
    margin-right: 5px;
}


/* =========================================
   EXCERPT
========================================= */

.blog-grid .tpg-excerpt,
.blog-grid .entry-content {
    color: #666;
    font-size: 14px;
    line-height: 1.65;
}

.blog-grid .tpg-excerpt p {
    margin-bottom: 0;
}


/* =========================================
   READ MORE
========================================= */

.blog-grid .read-more {
    margin-top: 18px;
}

.blog-grid .read-more a {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 10px 18px;

    background: #b18a43;
    color: #fff !important;

    border-radius: 4px;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none;

    transition: all .3s ease;
}

.blog-grid .read-more a:hover {
    background: #222;
    transform: translateX(3px);
}


/* =========================================
   CATEGORY
========================================= */

.blog-grid .post-meta .categories a {
    color: #b0873c;
}


/* =========================================
   GRID SPACING
========================================= */

.blog-grid .row {
    row-gap: 28px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .blog-grid .rt-img-holder {
        height: 210px;
    }

    .blog-grid .rt-detail {
        padding: 18px;
    }

    .blog-grid .entry-title {
        font-size: 19px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .blog-grid {
        padding: 0 10px;
    }

    .blog-grid .row {
        row-gap: 20px;
    }

    .blog-grid .rt-holder {
        border-radius: 10px;
    }

    .blog-grid .rt-img-holder {
        height: 210px;
    }

    .blog-grid .rt-detail {
        padding: 18px 17px 20px;
    }

    .blog-grid .entry-title {
        font-size: 19px;
        line-height: 1.35;
        margin-bottom: 10px;
    }

    .blog-grid .post-meta span,
    .blog-grid .post-meta a {
        font-size: 12px;
    }

    .blog-grid .tpg-excerpt,
    .blog-grid .entry-content {
        font-size: 13px;
        line-height: 1.6;
    }

    .blog-grid .read-more a {
        padding: 9px 15px;
        font-size: 12px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .blog-grid {
        padding: 0 6px;
    }

    .blog-grid .rt-img-holder {
        height: 190px;
    }

    .blog-grid .rt-detail {
        padding: 16px;
    }

    .blog-grid .entry-title {
        font-size: 18px;
    }

}/* End custom CSS */