.elementor-459002 .elementor-element.elementor-element-9514b98:not(.elementor-motion-effects-element-type-background), .elementor-459002 .elementor-element.elementor-element-9514b98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F8FA;}.elementor-459002 .elementor-element.elementor-element-9514b98 > .elementor-container{max-width:1200px;}.elementor-459002 .elementor-element.elementor-element-9514b98{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 20px 50px 20px;}.elementor-459002 .elementor-element.elementor-element-9514b98 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-459002 .elementor-element.elementor-element-cd51590 > .elementor-widget-container{padding:0px 0px 12px 0px;}.elementor-459002 .elementor-element.elementor-element-cd51590 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;color:#EC0A6A;}.elementor-459002 .elementor-element.elementor-element-82cec7c > .elementor-widget-container{padding:0px 0px 14px 0px;}.elementor-459002 .elementor-element.elementor-element-82cec7c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:52px;font-weight:900;line-height:1.05em;color:#0D1B2A;}.elementor-459002 .elementor-element.elementor-element-b9c04ae{font-family:"Montserrat", Sans-serif;font-size:18px;line-height:1.6em;color:#566171;}.elementor-459002 .elementor-element.elementor-element-18ecc29:not(.elementor-motion-effects-element-type-background), .elementor-459002 .elementor-element.elementor-element-18ecc29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-459002 .elementor-element.elementor-element-18ecc29{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:18px 150px 18px 150px;}.elementor-459002 .elementor-element.elementor-element-18ecc29 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-459002 .elementor-element.elementor-element-b83bee0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-459002 .elementor-element.elementor-element-198a606{padding:0px 150px 0px 150px;}.elementor-459002 .elementor-element.elementor-element-08b0ac9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-459002 .elementor-element.elementor-element-6d76041{padding:0px 150px 0px 150px;}.elementor-459002 .elementor-element.elementor-element-c052058{--grid-row-gap:35px;grid-column:24;grid-row:24;--grid-column-gap:30px;}.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-button{background-color:#0D1B2A;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-button:hover, .elementor-459002 .elementor-element.elementor-element-c052058 .elementor-button:focus{background-color:#EC0A6A;}.elementor-459002 .elementor-element.elementor-element-c052058 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.7 * 100% );}.elementor-459002 .elementor-element.elementor-element-c052058:after{content:"0.7";}.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__thumbnail__link{width:100%;}.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__meta-data span + span:before{content:"•";}.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__card{background-color:#FFFFFF;border-radius:12px;}.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__text{margin-top:20px;}.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__title, .elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__title a{color:#0D1B2A;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;line-height:1.25em;}.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__meta-data{color:#7A8492;font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:500;}@media(max-width:1024px){.elementor-459002 .elementor-element.elementor-element-82cec7c .elementor-heading-title{font-size:42px;}.elementor-459002 .elementor-element.elementor-element-b9c04ae{font-size:16px;}.elementor-459002 .elementor-element.elementor-element-18ecc29{padding:0px 0px 0px 0px;}.elementor-459002 .elementor-element.elementor-element-198a606{padding:0px 0px 0px 0px;}.elementor-459002 .elementor-element.elementor-element-6d76041{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-459002 .elementor-element.elementor-element-82cec7c .elementor-heading-title{font-size:34px;}.elementor-459002 .elementor-element.elementor-element-b9c04ae{font-size:16px;}.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-459002 .elementor-element.elementor-element-c052058:after{content:"0.5";}.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-b83bee0 *//* =========================================================
   EXPLORE LIVERPOOL
   ARCHIVE POSTS WIDGET
   FINAL OVERRIDES
   ========================================================= */


/* =========================================================
   1. REMOVE DIVIDERS AROUND DATE
   ========================================================= */

.elementor-459002 .elementor-element.elementor-element-b83bee0 .elementor-post__meta-data {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;

    box-shadow: none !important;
}


.elementor-459002 .elementor-element.elementor-element-b83bee0 .elementor-post__text {
    border-top: 0 !important;
    border-bottom: 0 !important;
}


/* Remove Elementor pseudo separators */
.elementor-459002 .elementor-element.elementor-element-b83bee0 .elementor-post__meta-data::before,
.elementor-459002 .elementor-element.elementor-element-b83bee0 .elementor-post__meta-data::after,
.elementor-459002 .elementor-element.elementor-element-b83bee0 .elementor-post__text::before,
.elementor-459002 .elementor-element.elementor-element-b83bee0 .elementor-post__text::after {
    content: none !important;

    display: none !important;

    border: 0 !important;
}


/* =========================================================
   2. TITLE NORMAL STATE
   ========================================================= */

.elementor-459002 .elementor-element.elementor-element-b83bee0
.elementor-post__card
.elementor-post__title a {
    color: #0D1B2A !important;

    transition: color 0.2s ease !important;
}


/* =========================================================
   3. TITLE HOVER
   Hover title OR anywhere on card
   ========================================================= */

.elementor-459002 .elementor-element.elementor-element-b83bee0
.elementor-post__title a:hover,

.elementor-459002 .elementor-element.elementor-element-b83bee0
.elementor-post__card:hover
.elementor-post__title a {
    color: #EC0A6A !important;
}


/* =========================================================
   4. FORCE TITLE TO TWO LINES
   ========================================================= */

.elementor-459002 .elementor-element.elementor-element-b83bee0 .elementor-post__title {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;

    min-height: 47px !important;
    max-height: 47px !important;
}


/* Elementor link must remain inline for clamp to work */
.elementor-459002 .elementor-element.elementor-element-b83bee0 .elementor-post__title a {
    display: inline !important;
}


/* =========================================================
   MOBILE TITLE HEIGHT
   ========================================================= */

@media (max-width: 767px) {

    .elementor-459002 .elementor-element.elementor-element-b83bee0 .elementor-post__title {
        min-height: 44px !important;
        max-height: 44px !important;
    }

}/* End custom CSS */
/* Start custom CSS for archive-posts, class: .elementor-element-c052058 *//* =========================================================
   EXPLORE LIVERPOOL
   ARCHIVE POSTS WIDGET
   FINAL OVERRIDES
   ========================================================= */


/* =========================================================
   REMOVE DIVIDER ABOVE DATE
   ========================================================= */

.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__meta-data {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;

    box-shadow: none !important;
}


/* Elementor can sometimes draw separators on these too */
.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__text {
    border-bottom: 0 !important;
}


.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__meta-data::before,
.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__meta-data::after,
.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__text::before,
.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__text::after {
    content: none !important;

    display: none !important;

    border: 0 !important;
}


/* =========================================================
   TITLE NORMAL STATE
   ========================================================= */

.elementor-459002 .elementor-element.elementor-element-c052058
.elementor-post__card
.elementor-post__title a {
    color: #0D1B2A !important;

    transition: color 0.2s ease !important;
}


/* =========================================================
   TITLE HOVER
   Hover title OR anywhere on card
   ========================================================= */

.elementor-459002 .elementor-element.elementor-element-c052058
.elementor-post__title a:hover,

.elementor-459002 .elementor-element.elementor-element-c052058
.elementor-post__card:hover
.elementor-post__title a {
    color: #EC0A6A !important;
}
/* =========================================================
   FORCE ARTICLE TITLES TO TWO LINES
   ========================================================= */

.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;

    min-height: 47px !important;
    max-height: 47px !important;
}

.elementor-459002 .elementor-element.elementor-element-c052058 .elementor-post__title a {
    display: inline !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   EXPLORE LIVERPOOL
   CATEGORY / ARCHIVE TEMPLATE
   MAIN PAGE CSS
   UPDATED 16 SEPTEMBER 2026
   ========================================================= */


/* =========================================================
   1. ARCHIVE HERO
   ========================================================= */

.explore-archive-hero {
    background: #F7F8FA;
}

.explore-archive-hero > .elementor-container {
    max-width: 1240px;
}


/* Remove final paragraph margin */
.explore-archive-hero
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   2. ARCHIVE FILTER SECTION
   ========================================================= */

.explore-archive-filters {
    background: #FFFFFF;

    padding-top: 18px;
    padding-bottom: 8px;
}

.explore-archive-filters > .elementor-container {
    max-width: 1240px;
}


/* Filter row */
.archive-filter-row {
    display: flex;
    align-items: center;

    gap: 12px;

    width: 100%;
}


/* Individual filter */
.archive-filter {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    padding: 10px 18px;

    background: #FFFFFF;

    border: 1px solid #DDE2E7;
    border-radius: 30px;

    color: #0D1B2A !important;

    font-family: "Montserrat", sans-serif;

    font-size: 13px;
    font-weight: 600;

    line-height: 1;

    white-space: nowrap;

    text-decoration: none !important;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}


/* Filter hover */
.archive-filter:hover {
    background: #F7F8FA;

    border-color: #0D1B2A;

    color: #0D1B2A !important;
}


/* =========================================================
   ACTIVE CATEGORY FILTER
   ========================================================= */

body.category-news
.archive-filter.filter-news,

body.category-food-drink
.archive-filter.filter-food-drink,

body.category-things-to-do
.archive-filter.filter-things-to-do,

body.category-business
.archive-filter.filter-business,

body.category-music
.archive-filter.filter-music,

body.category-theatre
.archive-filter.filter-theatre {
    background: #0D1B2A;

    border-color: #0D1B2A;

    color: #FFFFFF !important;

    font-weight: 700;
}


/* =========================================================
   3. LATEST ARTICLES SECTION
   ========================================================= */

.explore-archive-posts {
    background: #FFFFFF;

    padding-top: 30px;
    padding-bottom: 65px;
}

.explore-archive-posts > .elementor-container {
    max-width: 1240px;
}


/* =========================================================
   4. LATEST HEADING
   ========================================================= */

.explore-archive-posts
.elementor-widget-heading {
    margin-bottom: 30px !important;
}


/* Pink accent line */
.explore-archive-posts
.elementor-widget-heading::before {
    content: "";

    display: block;

    width: 40px;
    height: 3px;

    background: #EC0A6A;

    margin-bottom: 16px;
}


/* Heading text */
.explore-archive-posts
.elementor-widget-heading
.elementor-heading-title {
    color: #0D1B2A;

    font-family: "Montserrat", sans-serif;

    font-size: 34px;
    font-weight: 800;

    line-height: 1.15;

    margin: 0;
}


/* =========================================================
   5. ARCHIVE GRID
   ========================================================= */

.explore-archive-posts
.elementor-posts-container {
    align-items: stretch;
}

.explore-archive-posts
.elementor-post {
    height: 100%;
}


/* =========================================================
   6. ARTICLE CARD
   ========================================================= */

.explore-archive-posts
.elementor-post__card {
    height: 100%;

    display: flex;
    flex-direction: column;

    background: #FFFFFF;

    border: none !important;

    border-radius: 12px !important;

    overflow: hidden;

    box-shadow:
        0 5px 18px rgba(13, 27, 42, 0.07) !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* Card hover */
.explore-archive-posts
.elementor-post__card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 28px rgba(13, 27, 42, 0.11) !important;
}


/* =========================================================
   7. ARTICLE IMAGE
   ========================================================= */

.explore-archive-posts
.elementor-post__thumbnail__link {
    margin-bottom: 0 !important;

    overflow: hidden;
}


/* Consistent image ratio */
.explore-archive-posts
.elementor-post__thumbnail {
    padding-bottom: 62.5% !important;

    overflow: hidden;
}


/* Crop images consistently */
.explore-archive-posts
.elementor-post__thumbnail img {
    width: 100% !important;
    height: 100% !important;

    position: absolute;

    top: 0;
    left: 0;

    object-fit: cover !important;

    transition: transform 0.35s ease;
}


/* Subtle image zoom */
.explore-archive-posts
.elementor-post__card:hover
.elementor-post__thumbnail img {
    transform: scale(1.025);
}


/* =========================================================
   8. CARD CONTENT
   ========================================================= */

.explore-archive-posts
.elementor-post__text {
    flex: 1;

    display: flex;
    flex-direction: column;

    margin-top: 0 !important;

    padding:
        20px
        20px
        18px
        20px !important;
}


/* =========================================================
   9. ARTICLE TITLE
   ========================================================= */

.explore-archive-posts
.elementor-post__title {
    margin:
        0
        0
        8px
        0 !important;

    min-height: 47px;
}


.explore-archive-posts
.elementor-post__title a {
    color: #0D1B2A !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;

    text-decoration: none !important;

    transition: color 0.2s ease !important;
}


/* =========================================================
   10. DATE
   ========================================================= */

.explore-archive-posts
.elementor-post__meta-data {
    margin-top: auto !important;

    padding:
        14px
        20px
        15px
        20px !important;

    color: #7A8492 !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    line-height: 1.4 !important;
}


.explore-archive-posts
.elementor-post-date {
    color: #7A8492 !important;
}


/* =========================================================
   11. REMOVE UNUSED ELEMENTS
   ========================================================= */

.explore-archive-posts
.elementor-post__excerpt,

.explore-archive-posts
.elementor-post__read-more {
    display: none !important;
}


/* =========================================================
   12. LOAD MORE BUTTON
   ========================================================= */

.explore-archive-posts
.elementor-button {
    background: #0D1B2A !important;

    color: #FFFFFF !important;

    border: none !important;

    border-radius: 8px !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-transform: uppercase;

    letter-spacing: 0.3px;

    padding:
        15px
        26px !important;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}


.explore-archive-posts
.elementor-button:hover {
    background: #EC0A6A !important;

    color: #FFFFFF !important;

    transform: translateY(-1px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .explore-archive-posts {
        padding-top: 28px;
        padding-bottom: 55px;
    }


    .explore-archive-posts
    .elementor-widget-heading
    .elementor-heading-title {
        font-size: 30px;
    }


    .explore-archive-posts
    .elementor-post__title a {
        font-size: 17px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /* Filter section */
    .explore-archive-filters {
        padding-top: 14px;
        padding-bottom: 6px;
    }


    /* Horizontal scrolling filters */
    .archive-filter-row {
        flex-wrap: nowrap;

        overflow-x: auto;

        gap: 10px;

        padding-bottom: 4px;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;
    }


    .archive-filter-row::-webkit-scrollbar {
        display: none;
    }


    .archive-filter {
        flex: 0 0 auto;

        padding: 9px 16px;

        font-size: 12px;
    }


    /* Latest posts section */
    .explore-archive-posts {
        padding-top: 24px;
        padding-bottom: 45px;
    }


    .explore-archive-posts
    .elementor-widget-heading {
        margin-bottom: 24px !important;
    }


    .explore-archive-posts
    .elementor-widget-heading::before {
        width: 34px;
        height: 3px;

        margin-bottom: 13px;
    }


    .explore-archive-posts
    .elementor-widget-heading
    .elementor-heading-title {
        font-size: 27px;

        line-height: 1.2;
    }


    /* Cards */
    .explore-archive-posts
    .elementor-post__card {
        border-radius: 10px !important;
    }


    .explore-archive-posts
    .elementor-post__text {
        padding:
            18px
            18px
            16px
            18px !important;
    }


    .explore-archive-posts
    .elementor-post__title {
        min-height: 44px;
    }


    .explore-archive-posts
    .elementor-post__title a {
        font-size: 17px !important;

        line-height: 1.3 !important;
    }


    .explore-archive-posts
    .elementor-post__meta-data {
        padding:
            13px
            18px
            14px
            18px !important;
    }

}/* End custom CSS */