/*
Theme Name:   Hadley Child Theme for Divi
Theme URI:    https://brandandbuildtemplates.me/themes/hadley/
Description:  For Luxury Magazines & Lifestyle Blogs
Author:       Brand & Build
Author URI:   https://brandandbuild.me
Template:     Divi
Version:      1.1
*/

/****************/
/*Global styling*/
/****************/

/*Hadley Colour Variables*/

/*Edit the values below to change the custom CSS colours sitewide*/

:root {
    --bb-hadley-dark: #020202;
    --bb-hadley-silver: #e7eaee;
    --bb-hadley-grey: #6d6d6d;
    --bb-hadley-light: #fdfdfd;
    --bb-hadley-sans-font: 'Merriweather Sans', Helvetica, Arial, Lucida,
        sans-serif;
    --bb-hadley-serif-font: 'Playfair Display', Georgia, 'Times New Roman',
        serif;
}

#page-container {
    overflow: hidden;
}

/*Scrollbars*/

html {
    scrollbar-color: var(--bb-hadley-dark) var(--bb-hadley-silver);
    scrollbar-width: thin;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-thumb {
    background: var(--bb-hadley-dark);
    border-radius: 0;
}

::-webkit-scrollbar-track {
    background: var(--bb-hadley-silver);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: var(--bb-hadley-dark);
    opacity: 1;
}

/* Font sizing */

.bb-hadley-text h1,
.bb-hadley-post-slider h1.et_pb_slide_title,
.bb-hadley-post-title h1,
.bb-hadley-author h1,
.bb-hadley-author-bio h1,
.bb-hadley-comments h1,
.bb-hadley-cta h1,
.bb-hadley-banner-slider h1,
.bb-hadley-optin h1,
.bb-hadley-address-blurb h1 {
    font-size: clamp(2.8rem, 3.5vw, 3.5vw);
    line-height: 1.2em;
}

.bb-hadley-text h2,
.bb-hadley-blog h2,
.bb-hadley-post-carousel h2,
.bb-hadley-optin h2,
.bb-hadley-post-title h2,
.bb-hadley-author h2,
.bb-hadley-author-bio h2,
.bb-hadley-comments h2,
.bb-hadley-cta h2,
.bb-hadley-banner-slider .et_pb_slide_description h2.et_pb_slide_title,
.bb-hadley-optin h2,
.bb-hadley-address-blurb h2 {
    font-size: clamp(2rem, 2vw, 2vw);
    line-height: 1.2em;
}

.bb-hadley-text h3,
.bb-hadley-post-title h3,
.bb-hadley-author-bio h3,
.bb-hadley-author h3,
.bb-hadley-comments h3,
.bb-hadley-cta h3,
.bb-hadley-banner-slider h3,
.bb-hadley-optin h3,
.bb-hadley-address-blurb h3 {
    font-size: clamp(1.8rem, 1.8vw, 1.8vw);
}

.bb-hadley-text h4,
.bb-hadley-blog h4,
.bb-hadley-post-title h4,
.bb-hadley-author h4,
.bb-hadley-author-bio h4,
.bb-hadley-comments h4,
.bb-hadley-cta h4,
.bb-hadley-banner-slider h4,
.bb-hadley-optin h4,
.bb-hadley-address-blurb h4 {
    font-size: clamp(1.6rem, 1.6vw, 1.6vw);
    line-height: 1.2em;
}

.bb-hadley-text h5,
.bb-hadley-post-title h5,
.bb-hadley-author-bio h5,
.bb-hadley-author h5,
.bb-hadley-comments h5,
.bb-hadley-cta h5,
.bb-hadley-banner-slider h5,
.bb-hadley-optin h5,
.bb-hadley-address-blurb h5 {
    font-size: clamp(1.4rem, 1.4vw, 1.4vw);
}

.bb-hadley-text h6,
.bb-hadley-blog h6,
.bb-hadley-post-title h6,
.bb-hadley-author h6,
.bb-hadley-author-bio h6,
.bb-hadley-comments h6,
.bb-hadley-cta h6,
.bb-hadley-banner-slider h6,
.bb-hadley-optin h6,
.bb-hadley-address-blurb h6 {
    font-size: clamp(1.2rem, 1.2vw, 1.2vw);
}

/* Link underline */
.bb-hadley-text a {
    box-shadow: 0 2px 0;
}

/* Blockquotes */
.bb-hadley-text blockquote {
    border-top: 1px solid var(--bb-hadley-grey) !important;
    border-bottom: 1px solid var(--bb-hadley-grey) !important;
    padding: 60px 10%;
    position: relative;
}

.bb-hadley-text.dark blockquote,
.bb-hadley-single-post-content blockquote {
    border-top: 1px solid var(--bb-hadley-silver) !important;
    border-bottom: 1px solid var(--bb-hadley-silver) !important;
}

.bb-hadley-text blockquote:before,
.bb-hadley-text blockquote:after {
    position: absolute;
    display: block;
    font-family: var(--bb-hadley-serif-font);
    font-style: normal;
    font-size: 150px;
    color: var(--bb-hadley-silver);
}

.bb-hadley-text blockquote:before {
    content: '“';
    left: 0;
    top: 40px;
}

.bb-hadley-text blockquote:after {
    content: '”';
    text-align: right;
    right: 0;
    bottom: -10px;
}

/* Lists */
.bb-hadley-text li::marker {
    font-weight: 700;
}

.bb-hadley-text.dark li::marker {
    color: var(--bb-hadley-dark);
}

/*Back to top*/

.et_pb_scroll_top::before {
    color: var(--bb-hadley-light);
}

.et_pb_scroll_top.et-pb-icon {
    background: var(--bb-hadley-dark);
    width: 40px;
    height: 40px;
    bottom: 0;
    right: calc(50% - 20px);
    border-radius: 0;
}

.et_pb_scroll_top.et-visible {
    -webkit-animation: fadeIn 1s cubic-bezier(0.77, 0, 0.175, 1) 1;
    animation: fadeIn 1s cubic-bezier(0.77, 0, 0.175, 1) 1;
}

.et_pb_scroll_top.et-hidden {
    -webkit-animation: fadeOutBottom 1s cubic-bezier(0.77, 0, 0.175, 1) 1;
    animation: fadeOutBottom 1s cubic-bezier(0.77, 0, 0.175, 1) 1;
}

/*Global Header*/

/* Menu colours */
.bb-hadley-header-menu .et_mobile_menu li a:hover,
.bb-hadley-header-menu .nav ul li a:hover {
    background: var(--bb-hadley-silver);
}

.bb-hadley-header-menu.et_pb_menu .nav li ul.sub-menu li.current-menu-item a,
.bb-hadley-header-menu.et_pb_menu ul li.current-menu-item a,
.bb-hadley-header-menu.et_pb_menu ul li.current-menu-ancestor > a,
.bb-hadley-header-menu.et_pb_menu.et_pb_module
    ul
    li.current-menu-ancestor:hover
    > a,
.bb-hadley-header-menu .mobile_nav .current-menu-ancestor {
    background: var(--bb-hadley-dark) !important;
    opacity: 1;
}

.bb-hadley-header-menu.et_pb_menu.et_pb_module ul li.current-menu-ancestor > a,
.et-db
    #et-boc
    .bb-hadley-header-menu.et_pb_menu.et_pb_module
    ul
    li.current-menu-ancestor
    > a,
.bb-hadley-header-menu.et_pb_menu.et_pb_module
    ul
    li.current-menu-ancestor:hover
    > a,
.et-db
    #et-boc
    .bb-hadley-header-menu.et_pb_menu.et_pb_module
    ul
    li.current-menu-ancestor:hover
    > a,
.bb-hadley-header-menu.et_pb_menu.et_pb_module
    .mega-menu
    ul
    > li.current-menu-ancestor
    > a,
.bb-hadley-header-menu .mobile_nav .current-menu-item span::before,
.bb-hadley-header-menu.et_pb_menu
    .et_mobile_menu
    .current-menu-ancestor
    span::before,
.bb-hadley-header-menu.et_pb_menu .et_mobile_menu .current-menu-ancestor > a {
    color: var(--bb-hadley-light) !important;
    opacity: 1;
}

.bb-hadley-header-menu.et_pb_menu .et_mobile_menu li a:hover {
    opacity: 1;
}

.bb-hadley-header-menu span.expand:before,
.bb-hadley-header-menu.et_pb_menu
    .et_mobile_menu
    li:not(.current-menu-ancestor)
    span::before {
    color: var(--bb-hadley-dark) !important;
}

/* End menu colours */

/* Menu Styling */
.bb-hadley-header-menu .et_pb_menu__menu > nav > ul > li {
    margin-top: 0;
    padding: 0;
}

.bb-hadley-header-menu li a {
    transition: all 0.3s ease !important;
}

.bb-hadley-header-menu.et_pb_menu .et_pb_menu__menu .et-menu-nav li a,
.et-db
    #et-boc
    .bb-hadley-header-menu.et_pb_menu.et_pb_module
    .et_pb_menu__menu
    .et-menu-nav
    li
    a {
    padding-right: 30px;
}

.bb-hadley-header-menu
    .et_pb_menu__menu
    li.menu-item-has-children
    > a:first-child::after {
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
}

.bb-hadley-header-menu .et_pb_menu__icon.et_pb_menu__search-button {
    margin-right: 0;
    transform: scaleX(-1);
    order: 2;
}

.bb-hadley-header-menu .et_pb_menu__icon.et_pb_menu__close-search-button {
    margin-right: -5px;
}

.bb-hadley-header-menu.et_pb_menu .et_pb_menu__menu .et-menu-nav ul.sub-menu {
    padding: 0;
    box-shadow: none;
    border: 1px solid var(--bb-hadley-silver);
}

.bb-hadley-header-menu.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
    top: 100%;
}

.bb-hadley-header-menu .nav li li ul {
    top: -1px;
    left: 238px;
}

.bb-hadley-header-menu .et_pb_menu__menu ul.sub-menu li {
    padding: 0;
    display: flex;
}

.bb-hadley-header-menu.et_pb_menu ul.sub-menu li.menu-item a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    flex: 1 1 auto;
    transition: background 0.3s ease;
}

.bb-hadley-header-menu
    .et_pb_menu__menu
    .sub-menu
    li.menu-item-has-children
    > a:first-child::after {
    content: '\35';
}

.bb-hadley-header-menu.et_pb_menu .et_mobile_nav_menu {
    margin: 0;
}

.bb-hadley-header-menu .mobile_menu_bar::before {
    top: 1px;
    left: -8px;
}

.bb-hadley-header-menu .et_mobile_menu {
    padding: 0;
    border-top: 0;
}

.bb-hadley-header-menu .et_mobile_menu li li a {
    padding-left: 8%;
}

.bb-hadley-header-menu .et_mobile_menu li li li a {
    padding-left: 11%;
}

.bb-hadley-header-menu .et_mobile_menu .menu-item-has-children > a {
    background: transparent;
}

/* Mega Menu */

.bb-hadley-header-menu.mega .et_pb_menu__menu {
    margin-left: auto;
    order: 1;
}

.bb-hadley-header-menu.mega .et_pb_menu__icon.et_pb_menu__search-button {
    margin-left: auto;
}

.bb-hadley-header-menu.mega .et_pb_menu__icon.et_pb_menu__cart-button {
    order: 0;
}

.bb-hadley-header-menu.et_pb_menu .et-menu-nav li.mega-menu ul {
    visibility: hidden;
}

.bb-hadley-header-menu.et_pb_menu .et-menu-nav li.mega-menu:hover ul {
    visibility: visible;
}

.bb-hadley-header-menu .et-menu-nav li.mega-menu ul.sub-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    left: auto;
}
.bb-hadley-header-menu .et-menu-nav li.mega-menu .nav li li ul {
    display: flex;
    flex-direction: column;
}

.bb-hadley-header-menu .et-menu-nav li.mega-menu ul.sub-menu li {
    flex: 1 1 15%;
}

.bb-hadley-header-menu .et-menu-nav li.mega-menu li > ul {
    width: 100% !important;
    border: none !important;
    display: flex !important;
    flex-direction: column;
}

.bb-hadley-header-menu .et-menu-nav li.mega-menu li > ul li a {
    font-size: 100%;
}

.bb-hadley-header-menu
    .et-menu-nav
    li.mega-menu
    ul.sub-menu
    li.menu-item-has-children {
    padding-top: 20px;
    margin-bottom: -1px;
}

.bb-hadley-header-menu.mega .et-menu-nav li.mega-menu li a {
    padding-right: 5px;
}

.bb-hadley-header-menu .et-menu-nav li.mega-menu li > a {
    width: 100% !important;
}

.bb-hadley-header-menu .et-menu-nav li.mega-menu > ul > li > a:first-child {
    border-bottom: 1px solid var(--bb-hadley-silver);
    margin-bottom: 1px;
}

/* Hide desktop menu*/
@media all and (max-width: 980px) {
    .bb-hadley-header-menu .et_pb_menu__menu {
        display: none;
    }

    /* Show mobile menu */
    .bb-hadley-header-menu.et_pb_menu .et_mobile_nav_menu {
        display: flex;
    }
    .bb-hadley-header-menu.mega .et_mobile_nav_menu,
    .bb-hadley-header-menu.hamburger .et_mobile_nav_menu {
        margin-right: auto;
    }
    .bb-hadley-header-menu .et_mobile_nav_menu ul {
        list-style-type: none;
        padding: 0 !important;
    }
    .bb-hadley-header-menu .et_mobile_nav_menu {
        order: 0;
    }
    .bb-hadley-header-menu.mega .et_pb_menu__icon.et_pb_menu__cart-button,
    .bb-hadley-header-menu.simple .et_pb_menu__icon.et_pb_menu__cart-button {
        order: 1;
    }
    .bb-hadley-header-menu.mega .et_pb_menu__icon.et_pb_menu__search-button {
        margin-left: 10px;
    }
    .bb-hadley-header-menu .et_mobile_menu li li {
        padding-left: 0;
    }
    .bb-hadley-header-menu .et_pb_menu__search {
        padding: 0 40px;
    }
    .bb-hadley-header-menu .et_pb_menu__search {
        padding: 0 30px;
    }
}

/* Desktop Hamburger menu */
/* Hide desktop menu*/
@media all and (min-width: 980px) {
    .bb-hadley-header-menu.hamburger .et_pb_menu__menu {
        display: none;
    }

    /* Show mobile menu */
    .bb-hadley-header-menu.hamburger.et_pb_menu .et_mobile_nav_menu {
        display: flex;
        margin-right: auto;
    }

    .bb-hadley-header-menu.hamburger.et_pb_menu ul {
        list-style: none;
        min-width: 30vw;
        padding-bottom: 0;
    }
}

@media all and (max-width: 767px) {
    .bb-hadley-header-menu.hamburger.et_pb_menu ul {
        width: calc(100vw - 68px);
    }
}

.bb-hadley-header-menu.hamburger .et_pb_menu_inner_container {
    padding-left: 0;
}

.bb-hadley-header-menu.hamburger .et_mobile_menu li ul,
.bb-hadley-header-menu.hamburger .et_mobile_menu li li {
    padding-left: 0;
}

.bb-hadley-header-menu.hamburger .et_mobile_menu li li a {
    padding-left: 40px;
}

.bb-hadley-header-menu.hamburger .et_mobile_menu li li li a {
    padding-left: 60px;
}

/* Simple Menu */

.bb-hadley-header-menu.simple .et-menu {
    margin-right: 10px;
}

.bb-hadley-header-menu.simple .et-menu > li:last-child ul {
    right: 100%;
    left: auto;
}

.bb-hadley-header-menu.simple .et-menu > li:last-child > ul {
    right: 0;
    left: auto;
}

/* Collapsed mobile menu */

.bb-hadley-header-menu .mobile_nav li ul.collapsed {
    display: none !important;
}

.bb-hadley-header-menu .mobile_nav .menu-item-has-children {
    position: relative;
}

.bb-hadley-header-menu .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}

.bb-hadley-header-menu span.expand:before {
    content: '\4d';
    font-family: 'ETmodules';
    display: block;
    font-size: 16px;
    transition: all 0.3s ease;
    transform: rotate(45deg);
}
.bb-hadley-header-menu span.expand.collapse:before {
    content: '\4d';
    transform: none;
}

/*Vertical Menu*/

/* Hide desktop menu & hamburger icon */
.bb-hadley-vertical-menu .et_pb_menu__menu,
.bb-hadley-vertical-menu .mobile_menu_bar::before {
    display: none;
}

/* Show mobile menu */
.bb-hadley-vertical-menu .et_mobile_nav_menu {
    display: flex;
    width: 100%;
    margin: 0;
}
/* Flex the menu */
.bb-hadley-vertical-menu .et_mobile_menu {
    display: flex !important;
    flex-direction: column;
    position: relative;
    border-top: 0;
    box-shadow: none;
    padding: 0;
}
/* Set menu to fullwidth */
.bb-hadley-vertical-menu .mobile_nav.closed,
.bb-hadley-vertical-menu .mobile_nav.opened {
    width: 100% !important;
}

/* Remove list bullets */
.bb-hadley-vertical-menu ul {
    list-style-type: none;
    padding: 0 !important;
}

/* Remove list item padding */
.bb-hadley-vertical-menu .et_mobile_menu li li {
    padding: 0;
}

/* Style menu links */
.bb-hadley-vertical-menu .et_mobile_menu li a {
    padding: 10px 20px 10px 0;
    border-bottom: none;
    position: relative;
    transition: all 0.3s ease !important;
}

/* Remove ancestor font weight and background */
.bb-hadley-vertical-menu .menu-item-has-children > a,
.bb-hadley-vertical-menu li:hover a {
    font-weight: inherit;
    background: transparent;
}

/* Add the arrows */
.bb-hadley-vertical-menu .et_mobile_menu li a::after {
    content: '\35';
    font-family: 'ETModules';
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Position menu items */
.bb-hadley-vertical-menu .et_mobile_menu li li {
    position: relative;
}

/* Add submenu arrows */
.bb-hadley-vertical-menu .et_mobile_menu li li::before,
.bb-hadley-vertical-menu .et_mobile_menu li li li::before {
    content: '\4a';
    font-family: ETModules;
    color: var(--bb-hadley-dark);
    transform: rotate(-180deg) translateY(-40%);
    position: absolute;
    top: 0;
    font-size: 16px;
    transition: all 0.3s ease !important;
}

/* Change arrow colour on dark menu */
.bb-hadley-vertical-menu.dark .et_mobile_menu li li::before,
.bb-hadley-vertical-menu.dark .et_mobile_menu li li li::before {
    color: var(--bb-hadley-light);
}

/* Add link bottom borders */
.bb-hadley-vertical-menu li a::before,
.bb-hadley-vertical-menu .sub-menu li a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: var(--bb-hadley-silver);
    transition: all 0.3s ease;
}

/* Change border colour for dark menu */
.bb-hadley-vertical-menu.dark li a::before,
.bb-hadley-vertical-menu.dark .sub-menu li a::before {
    background: var(--bb-hadley-grey);
}

/* Remove last item border */
.bb-hadley-vertical-menu .et_mobile_menu > li:nth-last-of-type(1) a::before {
    display: none;
}

/* Position second level arrows */
.bb-hadley-vertical-menu .et_mobile_menu li li::before {
    left: 0;
}

/* Position third  level arrows */
.bb-hadley-vertical-menu .et_mobile_menu li li li::before,
.bb-hadley-vertical-menu .et_mobile_menu li li:hover::before {
    left: 20px;
}

/* Position links */
.bb-hadley-vertical-menu .et_mobile_menu li li a,
.bb-hadley-vertical-menu .et_mobile_menu > li:hover > a {
    padding-left: 20px;
}

/* Position links */
.bb-hadley-vertical-menu .et_mobile_menu li li li a,
.bb-hadley-vertical-menu .et_mobile_menu li li:hover a {
    padding-left: 40px;
}

.bb-hadley-vertical-menu .et_mobile_menu li li li:hover a {
    padding-left: 60px;
}

.bb-hadley-vertical-menu .et_mobile_menu li li li:hover::before {
    left: 40px;
}

/* Current menu item font weight */
.bb-hadley-vertical-menu .et_mobile_menu .current-menu-item a {
    font-weight: 700;
}

/* Footer instagram */

.bb-hadley-footer-insta-feed #sb_instagram {
    padding-bottom: 0 !important;
}

/*Email Optin*/

/*Flex the optin fields*/

.bb-hadley-optin.et_pb_newsletter .et_pb_newsletter_field {
    flex: 1 1 auto !important;
    margin-bottom: 0;
}

/*Stop fields wrapping*/

.bb-hadley-optin .et_pb_newsletter_fields {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1vw;
}

/*Don't resize the button*/

.bb-hadley-optin .et_pb_newsletter_button_wrap {
    flex: 1 1 auto !important;
}

/*Remove the email padding*/

.bb-hadley-optin .et_pb_newsletter_form p.et_pb_newsletter_field {
    padding-bottom: 0;
}

/**************/
/*Page styling*/
/**************/

/* Blog - Global Styles */

.bb-hadley-blog .et_pb_post {
    padding: 0;
    display: flex !important;
    flex-direction: column;
    position: relative;
}

.bb-hadley-blog .bb-hadley-post-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 20px;
    z-index: 11;
}

.bb-hadley-blog .bb-hadley-post-cats {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.bb-hadley-blog .et_pb_post .entry-title {
    margin-top: auto;
}

/* Flex the post content */
.bb-hadley-blog .et_pb_post .post-content {
    display: flex;
    flex-direction: column;
}

.bb-hadley-blog .et_pb_post .post-content .post-content-inner {
    padding-bottom: 10px;
}

.bb-hadley-blog .et_pb_post a.more-link {
    align-self: flex-start;
    margin-top: 10px;
}

.bb-hadley-blog .et_pb_post .et_pb_image_container,
.bb-hadley-blog .et_pb_post .et_main_video_container {
    margin: 0 0 20px;
}

.bb-hadley-blog .et_pb_post .et_pb_image_container .entry-featured-image-url {
    margin-bottom: 0;
}

/* Categories */
.bb-hadley-blog.et_pb_module .et_pb_post a[rel~='tag'],
.bb-hadley-post-slider .et_pb_slide a[rel~='tag'],
.bb-hadley-post-title a[rel~='tag'] {
    display: inline-flex;
    align-self: flex-start;
    color: var(--bb-hadley-light) !important;
    background: var(--bb-hadley-dark);
    font-family: var(--bb-hadley-sans-font);
    font-size: 85%;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 2px solid var(--bb-hadley-dark);
    padding: 0.05em 0.6em;
    margin: 0 5px 5px 0;
    transition: all 0.3s ease;
    order: 0;
    z-index: 11;
}

.bb-hadley-blog.et_pb_module .et_pb_post a[rel~='tag']:hover,
.bb-hadley-post-slider .et_pb_slide a[rel~='tag']:hover,
.bb-hadley-post-title a[rel~='tag']:hover {
    color: var(--bb-hadley-dark) !important;
    background: var(--bb-hadley-light);
}

/* Meta */
.bb-hadley-blog .post-meta .published,
.bb-hadley-post-slider .post-meta .published,
.bb-hadley-post-title .et_pb_title_meta_container .published,
.bb-hadley-blog .post-meta .author,
.bb-hadley-post-slider .post-meta .author,
.bb-hadley-post-title .et_pb_title_meta_container .author {
    margin-right: 12px;
    display: inline-block;
}

.bb-hadley-blog .post-meta .author::before,
.bb-hadley-post-slider .post-meta .author::before,
.bb-hadley-post-title .et_pb_title_meta_container .author::before,
.bb-hadley-blog .post-meta .published::before,
.bb-hadley-post-slider .post-meta .published::before,
.bb-hadley-post-title .et_pb_title_meta_container .published::before,
.bb-hadley-blog .post-meta .bb-hadley-blog-comments::before,
.bb-hadley-post-slider .post-meta .bb-hadley-blog-comments::before,
.bb-hadley-post-title .et_pb_title_meta_container .comments-number::before {
    font-family: 'ETModules';
    font-size: 85%;
}

.bb-hadley-blog .post-meta .author::before,
.bb-hadley-post-slider .post-meta .author::before,
.bb-hadley-post-title .et_pb_title_meta_container .author::before {
    content: '\e08a';
    margin-right: 2px;
}

.bb-hadley-blog .post-meta .published::before,
.bb-hadley-post-slider .post-meta .published::before,
.bb-hadley-post-title .et_pb_title_meta_container .published::before {
    content: '\e023';
    margin-right: 5px;
}
.bb-hadley-blog .post-meta .bb-hadley-blog-comments,
.bb-hadley-post-slider .post-meta .bb-hadley-blog-comments {
    display: inline-block;
}

.bb-hadley-blog .post-meta .bb-hadley-blog-comments::before,
.bb-hadley-post-slider .post-meta .bb-hadley-blog-comments::before,
.bb-hadley-post-title .et_pb_title_meta_container .comments-number::before {
    content: '\e065';
    margin-right: 2px;
}

/* Read more */
.bb-hadley-blog a.more-link {
    border: 2px solid var(--bb-hadley-dark);
    padding: 0.5em 2em;
    display: inline-block;
    margin-top: 20px;
    transition: all 0.3s ease !important;
}

.bb-hadley-blog a.more-link:hover {
    background: var(--bb-hadley-dark);
}

/* Video posts */

.bb-hadley-blog
    .et_pb_post.post_format-post-format-video
    .entry-title
    a:before {
    content: '\f03d';
    font-family: FontAwesome;
    font-weight: 900;
    margin-right: 5px;
}

.bb-hadley-blog .et_pb_video_play,
.bb-hadley-blog .et_pb_video_overlay_hover {
    display: none;
}

/* WP Page Navi */

.bb-hadley-blog.et_pb_module .wp-pagenavi,
.et-db #et-boc .bb-hadley-blog.et_pb_module .wp-pagenavi {
    border-top: 1px solid var(--bb-hadley-silver);
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.bb-hadley-blog.et_pb_module .wp-pagenavi a,
.et-db #et-boc .bb-hadley-blog.et_pb_module .wp-pagenavi a,
.bb-hadley-blog.et_pb_module .wp-pagenavi span.current,
.et-db #et-boc .bb-hadley-blog.et_pb_module .wp-pagenavi span.current {
    border: 1px solid var(--bb-hadley-silver) !important;
    background: var(--bb-hadley-light);
    width: 40px;
    height: 40px;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.bb-hadley-blog.et_pb_module .wp-pagenavi span.current,
.et-db #et-boc .bb-hadley-blog.et_pb_module .wp-pagenavi span.current,
.bb-hadley-blog.et_pb_module .wp-pagenavi a:hover,
.et-db #et-boc .bb-hadley-blog.et_pb_module .wp-pagenavi a:hover {
    border: 1px solid var(--bb-hadley-dark) !important;
    background: var(--bb-hadley-dark);
    color: var(--bb-hadley-light) !important;
}

/* Featured and Editor Picks corner icons */

.bb-hadley-blog .et_pb_post.category-featured:after,
.bb-hadley-blog .et_pb_post.category-editor-picks:after {
    font-family: ETModules;
    font-size: 18px;
    color: var(--bb-hadley-light);
    position: absolute;
    z-index: 12;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    right: 0;
    top: 0;
    visibility: visible;
    width: 40px;
    height: 47px;
    padding: 2px 6px;
    background: linear-gradient(
        45deg,
        transparent 50%,
        var(--bb-hadley-dark) 50%
    );
}

.bb-hadley-blog .et_pb_post.category-editor-picks:after {
    content: '\e030';
}

.bb-hadley-blog .et_pb_post.category-featured:after {
    content: '\e031';
}

/* Blog - Masonry */

.bb-hadley-blog-masonry .bb-hadley-post-content {
    padding: 0;
}

/* Blog - Masonry Tiles */

.bb-hadley-blog-masonry.tiles .et_pb_post .entry-featured-image-url,
.bb-hadley-blog-masonry.tiles .et_main_video_container,
.bb-hadley-blog-masonry.tiles .et_pb_post .entry-featured-image-url img {
    min-height: 300px;
}

.bb-hadley-blog-masonry.tiles .et_pb_post .entry-featured-image-url img {
    -o-object-fit: cover;
    object-fit: cover;
}

.bb-hadley-blog-masonry.tiles .et_pb_image_container,
.bb-hadley-blog-masonry.tiles .et_main_video_container {
    margin: 0;
}

.bb-hadley-blog-masonry.tiles .bb-hadley-post-content {
    position: absolute;
    padding: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bb-hadley-blog-masonry.tiles .et_pb_post::before {
    content: '';
    position: absolute;
    z-index: 11;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}

.bb-hadley-blog.bb-hadley-blog-masonry.tiles a.more-link {
    padding: 0;
    border: none;
    background: transparent;
    margin: auto 0 0 auto;
}

.bb-hadley-blog.bb-hadley-blog-masonry.tiles a.more-link::after {
    content: '\35';
    font-family: ETModules;
    font-size: 22px;
    vertical-align: sub;
}

/* Blog - Spotlight */

/* Set to grid */
.bb-hadley-blog-spotlight .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr 1fr auto;
    grid-gap: 30px;
}

/* Place the pagination */
.bb-hadley-blog-spotlight .et_pb_ajax_pagination_container > div {
    grid-column: 1 / -1;
    grid-row: 3 / 4;
    padding-top: 15px;
}

.bb-hadley-blog-spotlight .et_pb_post .entry-featured-image-url,
.bb-hadley-blog-spotlight .et_pb_post .et_main_video_container {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    overflow: hidden;
}

.bb-hadley-blog-spotlight .et_pb_post::before {
    content: '';
    position: absolute;
    z-index: 11;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}

.bb-hadley-blog-spotlight .et_pb_post .entry-featured-image-url img {
    max-width: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 1s ease;
}

@media all and (min-width: 1081px) {
    .bb-hadley-blog-spotlight .et_pb_post:nth-child(1) {
        grid-column: 2 / 4;
        grid-row: 1 / 3;
    }

    .bb-hadley-blog-spotlight .et_pb_post:nth-child(2) {
        grid-column: 1 /2;
        grid-row: 1 / 2;
    }

    .bb-hadley-blog-spotlight .et_pb_post:nth-child(3) {
        grid-column: 1 /2;
        grid-row: 2 / 3;
    }

    .bb-hadley-blog-spotlight .et_pb_post:nth-child(4) {
        grid-column: 4 / 5;
        grid-row: 1 / 2;
    }

    .bb-hadley-blog-spotlight .et_pb_post:nth-child(5) {
        grid-column: 4 / 5;
        grid-row: 2 / 3;
    }
}

.bb-hadley-blog-spotlight .et_pb_post {
    margin-bottom: 0;
    min-height: 300px;
}

.bb-hadley-blog-spotlight .et_pb_post .bb-hadley-post-content {
    padding: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media all and (min-width: 768px) and (max-width: 1080px) {
    .bb-hadley-blog-spotlight .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr 1fr 1fr 1fr auto;
    }
    .bb-hadley-blog-spotlight .et_pb_post:nth-child(1) {
        grid-column: 1 / 3;
        grid-row: 1 / 3;
    }
    .bb-hadley-blog-spotlight .et_pb_post:nth-child(2) {
        grid-column: 1 /2;
        grid-row: 3 / 4;
    }

    .bb-hadley-blog-spotlight .et_pb_post:nth-child(3) {
        grid-column: 2 /3;
        grid-row: 3 / 4;
    }

    .bb-hadley-blog-spotlight .et_pb_post:nth-child(4) {
        grid-column: 1 / 2;
        grid-row: 4 / 5;
    }

    .bb-hadley-blog-spotlight .et_pb_post:nth-child(5) {
        grid-column: 2 / 3;
        grid-row: 4 / 5;
    }
}

@media all and (max-width: 767px) {
    .bb-hadley-blog-spotlight .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
    }
}

/* Style the read more link */
.bb-hadley-blog.bb-hadley-blog-spotlight a.more-link {
    padding: 0;
    border: none;
    background: transparent;
    align-self: flex-end;
}

/* Add read more arrow */
.bb-hadley-blog.bb-hadley-blog-spotlight a.more-link:after {
    content: '\35';
    font-family: ETModules;
    font-size: 22px;
    vertical-align: sub;
}

/* Blog - Post slider */
.bb-hadley-post-slider .et_pb_slide {
    padding: 0;
}

.bb-hadley-post-slider .et_pb_slides .et_pb_container,
.bb-hadley-post-slider .et_pb_slides .et_pb_slider_container_inner {
    display: flex;
}

.bb-hadley-post-slider .et_pb_slide_description {
    display: flex;
    flex-direction: column;
    flex: 0 1 35%;
    margin-right: auto !important;
    margin-left: 0 !important;
}

.bb-hadley-post-slider .et-pb-active-slide .et_pb_slide_description {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.bb-hadley-post-slider .et_pb_slide_title {
    padding-top: 20px;
}

.bb-hadley-post-slider .post-meta {
    margin-bottom: 15px;
}

.bb-hadley-post-slider .et_pb_slide_image {
    top: 0 !important;
    margin-top: 0 !important;
    height: 100%;
    width: 65%;
}

.bb-hadley-post-slider .et-pb-active-slide .et_pb_slide_image,
.bb-hadley-post-slider .et_pb_slide:first-child .et_pb_slide_image img.active {
    -webkit-animation-name: fadeRight;
    animation-name: fadeRight;
}

.bb-hadley-post-slider .et_pb_slide_image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 100% !important;
    min-height: 100%;
}

/* Dots */
.bb-hadley-post-slider .et-pb-controllers {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 40px;
    max-width: 5%;
    height: 100%;
    bottom: 0;
    top: 0;
}

.bb-hadley-post-slider .et-pb-controllers a {
    margin-right: 0;
}

/* Arrows */
.bb-hadley-post-slider.et_pb_slider .et-pb-arrow-prev,
.bb-hadley-post-slider.et_pb_slider:hover .et-pb-arrow-prev {
    left: 5%;
    margin-left: -10px;
    opacity: 1;
}

.bb-hadley-post-slider.et_pb_slider .et-pb-arrow-next,
.bb-hadley-post-slider.et_pb_slider:hover .et-pb-arrow-next {
    left: 5%;
    margin-left: 20px;
    opacity: 1;
}

.bb-hadley-post-slider .et-pb-arrow-next,
.bb-hadley-post-slider .et-pb-arrow-prev {
    top: auto;
    font-size: 30px;
    margin-top: 0;
    bottom: 5%;
}

@media all and (max-width: 980px) {
    .bb-hadley-post-slider.et_pb_slider .et_pb_container {
        height: auto !important;
    }
    .bb-hadley-post-slider .et_pb_slides .et_pb_container {
        flex-direction: column-reverse;
    }
    .bb-hadley-post-slider .et_pb_slides .et_pb_slider_container_inner {
        flex-direction: column;
    }

    .bb-hadley-post-slider .et_pb_slide_description {
        flex: 1 1 100%;
        width: auto;
    }

    .bb-hadley-post-slider .et_pb_slide_image {
        position: relative;
        width: 100%;
        max-height: 55vw;
    }

    .bb-hadley-post-slider .et_pb_slide_image img {
        max-height: 55vw !important;
    }
    .bb-hadley-post-slider .et-pb-controllers {
        height: 55vw;
    }

    .bb-hadley-post-slider.et_pb_slider .et-pb-arrow-prev,
    .bb-hadley-post-slider.et_pb_slider:hover .et-pb-arrow-prev,
    .bb-hadley-post-slider.et_pb_slider .et-pb-arrow-next,
    .bb-hadley-post-slider.et_pb_slider:hover .et-pb-arrow-next {
        bottom: 30px;
    }
}

@media all and (max-width: 767px) {
    .bb-hadley-post-slider.et_pb_slider .et-pb-arrow-prev,
    .bb-hadley-post-slider.et_pb_slider:hover .et-pb-arrow-prev {
        left: 50%;
        margin-left: -30px;
    }
    .bb-hadley-post-slider.et_pb_slider .et-pb-arrow-next,
    .bb-hadley-post-slider.et_pb_slider:hover .et-pb-arrow-next {
        left: 50%;
        margin-left: 0;
    }
}

/* Top Stories */

.bb-hadley-top-stories .et_pb_slides .et_pb_slide {
    padding: 0;
}

.bb-hadley-top-stories .et-pb-active-slide .et_pb_slide_description {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

/* Arrows */
.bb-hadley-top-stories .et-pb-arrow-next,
.bb-hadley-top-stories .et-pb-arrow-prev {
    font-size: 20px;
    top: 50%;
    transform: translateY(50%);
    opacity: 1;
}

.bb-hadley-top-stories .et-pb-arrow-next,
.bb-hadley-top-stories .et_pb_slider:hover .et-pb-arrow-next {
    right: 10px !important;
    left: auto !important;
}

.bb-hadley-top-stories .et-pb-arrow-prev,
.bb-hadley-top-stories .et_pb_slider:hover .et-pb-arrow-prev {
    right: 30px;
    left: auto !important;
}

@media all and (max-width: 767px) {
    .bb-hadley-top-stories .et-pb-arrow-next,
    .bb-hadley-top-stories .et-pb-arrow-prev {
        top: 0;
        transform: translateY(125%);
    }
}

/* Carousels */

/* Global carousel styles */

/* Set all posts to flex */
.bb-hadley-blog .flickity-viewport .et_pb_post {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    margin-bottom: 0;
}

/* Set images to object fit */
.bb-hadley-blog .flickity-viewport .et_pb_post .entry-featured-image-url,
.bb-hadley-blog .flickity-viewport .et_pb_post .entry-featured-image-url img,
.bb-hadley-blog .flickity-viewport .et_pb_post .et_main_video_container {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 0;
}

/* Style the arrows */

/* Set colours */
.bb-hadley-blog .flickity-prev-next-button {
    background: var(--bb-hadley-light);
    color: var(--bb-hadley-dark);
    border-radius: 0;
}

/* Hide focus highlight */
.bb-hadley-blog .flickity-prev-next-button:focus {
    box-shadow: none;
}

/* Position arrows */
.bb-hadley-blog .flickity-prev-next-button.previous {
    left: 0;
}

.bb-hadley-blog .flickity-prev-next-button.next {
    right: 0;
}

/* End global carousel styles */

/* Post carousel & center post carousel styles */

/* Position content on top of image */
.bb-hadley-post-carousel .bb-hadley-post-content,
.bb-hadley-post-carousel-center .bb-hadley-post-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bb-hadley-post-carousel-center .bb-hadley-post-content {
    padding: 30px;
}

/* Hide image overflow */
.bb-hadley-post-carousel .entry-featured-image-url,
.bb-hadley-post-carousel .et_main_video_container,
.bb-hadley-post-carousel-center .entry-featured-image-url,
.bb-hadley-post-carousel-center .et_main_video_container {
    margin-bottom: 0;
    overflow: hidden;
}

/* Add image overlay */
.bb-hadley-post-carousel .et_pb_post::before,
.bb-hadley-post-carousel-center .et_pb_post::before {
    content: '';
    position: absolute;
    z-index: 11;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}

/* Size the images */
.bb-hadley-post-carousel
    .flickity-viewport
    .et_pb_post
    .entry-featured-image-url
    img,
.bb-hadley-post-carousel
    .flickity-viewport
    .et_pb_post
    .et_main_video_container,
.bb-hadley-post-carousel-center
    .flickity-viewport
    .et_pb_post
    .entry-featured-image-url
    img,
.bb-hadley-post-carousel-center
    .flickity-viewport
    .et_pb_post
    .et_main_video_container {
    height: 35vw;
    transition: transform 1s ease;
}

.bb-hadley-post-carousel .et_pb_post .et_pb_video_overlay {
    transition: transform 1s ease;
}

/* Image grow on hover */
.bb-hadley-post-carousel .et_pb_post:hover .entry-featured-image-url img,
.bb-hadley-post-carousel .et_pb_post:hover .et_pb_video_overlay,
.bb-hadley-post-carousel-center .et_pb_post:hover .entry-featured-image-url img,
.bb-hadley-post-carousel-center .et_pb_post:hover .et_pb_video_overlay {
    transform: scale(1.1);
}

/* Style the read more link */
.bb-hadley-post-carousel .et_pb_post a.more-link,
.bb-hadley-post-carousel-center .et_pb_post a.more-link {
    background: var(--bb-hadley-light);
    border: 2px solid var(--bb-hadley-light);
    padding: 0.5em 2em;
    align-self: center;
    transition: all 0.3s ease !important;
}

/* Read more on hover */
.bb-hadley-post-carousel a.more-link:hover,
.bb-hadley-post-carousel-center a.more-link:hover {
    background: transparent;
}

/* End post carousel & center post carousel styles */

/* Individual carousel styles */

/* Post carousel */

/* Size the posts */
.bb-hadley-post-carousel .flickity-viewport .et_pb_post {
    width: 33.33%;
    margin: 0;
}

/* Center Post carousel */

/* Size the posts */
.bb-hadley-post-carousel-center .flickity-viewport .et_pb_post {
    width: 28%;
    margin: 0 5px;
    transition: opacity 0.5s ease;
}

/* Set unselected opacity */
.bb-hadley-post-carousel-center .et_pb_post:not(.is-selected) {
    opacity: 0.7;
}

/* Post content carousel */

/* Size the posts */
.bb-hadley-post-content-carousel .flickity-viewport .et_pb_post {
    width: calc(25% - 15px);
    margin: 0 10px;
    transition: opacity 0.5s ease;
    background: var(--bb-hadley-light);
}

/* Size the images */
.bb-hadley-post-content-carousel
    .flickity-viewport
    .et_pb_post
    .entry-featured-image-url {
    height: 250px;
}

/* Carousels on smaller screens */

@media all and (max-width: 1024px) {
    /* Post content carousel item widths */
    .bb-hadley-post-content-carousel .flickity-viewport .et_pb_post {
        width: calc(50% - 5px);
    }
}

@media all and (max-width: 980px) {
    /* Post carousel & post content carousel item widths */
    .bb-hadley-post-carousel .flickity-viewport .et_pb_post,
    .bb-hadley-post-carousel-center .flickity-viewport .et_pb_post {
        width: 50%;
    }
    /* Post carousel & center postt carousel item heights */
    .bb-hadley-post-carousel .et_pb_post img,
    .bb-hadley-post-carousel .et_pb_post .et_main_video_container,
    .bb-hadley-post-carousel-center .et_pb_post img,
    .bb-hadley-post-carousel-center .et_pb_post .et_main_video_container {
        min-height: 60vw;
    }
}

@media all and (max-width: 767px) {
    /* Post carousel & post content carousel item widths */
    .bb-hadley-post-carousel .flickity-viewport .et_pb_post,
    .bb-hadley-post-content-carousel .flickity-viewport .et_pb_post {
        width: 100%;
    }
    /* Center post carousel items widths */
    .bb-hadley-post-carousel-center .flickity-viewport .et_pb_post {
        width: 90%;
    }
    /* Post carousel & center post carousel item heights */
    .bb-hadley-post-carousel .et_pb_post img,
    .bb-hadley-post-carousel .et_pb_post .et_main_video_container,
    .bb-hadley-post-carousel-center .et_pb_post img,
    .bb-hadley-post-carousel-center .et_pb_post .et_main_video_container {
        min-height: 80vw;
    }
    /* Hide arrows on mobile for all carousels */
    .bb-hadley-blog .flickity-prev-next-button {
        display: none;
    }
}

/* Blog Tabbed */

/* Remove margins */
.bb-hadley-blog.bb-hadley-blog-tabbed .et_pb_post {
    margin-bottom: 0;
    background: var(--bb-hadley-light);
}

/* Set to grid */
.bb-hadley-blog.bb-hadley-blog-tabbed .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 1fr 1fr auto;
    grid-gap: 30px;
}

.bb-hadley-blog.bb-hadley-blog-tiles.tabbed .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr 1fr 1fr auto;
    grid-gap: 30px;
}

/* Place the first post */
.bb-hadley-blog.bb-hadley-blog-tabbed .et_pb_post:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
}

/* Place the remaining posts */
.bb-hadley-blog.bb-hadley-blog-tabbed .et_pb_post:nth-child(1n + 2) {
    grid-column: 2 / 3;
}

/* Place the pagination */
.bb-hadley-blog.bb-hadley-blog-tabbed .et_pb_ajax_pagination_container > div,
.bb-hadley-blog.bb-hadley-blog-tiles.tabbed
    .et_pb_ajax_pagination_container
    > div {
    grid-column: 1 / -1;
    grid-row: 4 / 5;
    padding-top: 15px;
}

.bb-hadley-blog-tabbed .et_pb_post:nth-child(1n + 2) .bb-hadley-post-content {
    margin-left: 40%;
}

.bb-hadley-blog-tabbed .entry-featured-image-url,
.bb-hadley-blog-tabbed .et_main_video_container {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    margin-bottom: 0;
}

.bb-hadley-blog-tabbed .et_pb_post:nth-child(1) .entry-featured-image-url,
.bb-hadley-blog-tabbed .et_pb_post:nth-child(1) .et_main_video_container {
    width: 100%;
}

.bb-hadley-blog-tabbed .entry-featured-image-url img {
    vertical-align: bottom;
    max-width: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

/* Add gradient overlay to first post */
.bb-hadley-blog.bb-hadley-blog-tabbed .et_pb_post:nth-child(1)::before {
    content: '';
    position: absolute;
    z-index: 11;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(
        0deg,
        rgb(255, 255, 255, 0.8) 0%,
        rgba(255, 255, 255, 0) 50%
    );
}

/* Style the read more link */
.bb-hadley-blog.bb-hadley-blog-tabbed a.more-link {
    padding: 0;
    border: none;
    background: transparent;
    align-self: flex-end;
}

/* Add read more arrow */
.bb-hadley-blog.bb-hadley-blog-tabbed a.more-link:after {
    content: '\35';
    font-family: ETModules;
    font-size: 22px;
    vertical-align: sub;
}

/* Blog Tiles */

/* Define the grid */
.bb-hadley-blog.bb-hadley-blog-tiles .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 30px;
}

/* Place the pagination */
.bb-hadley-blog.bb-hadley-blog-tiles .et_pb_ajax_pagination_container > div {
    grid-column: 1 / -1;
}

/* Define sizing */
.bb-hadley-blog.bb-hadley-blog-tiles .et_pb_post {
    margin-bottom: 0;
    min-height: 200px;
    overflow: hidden;
}

/* Position the image */
.bb-hadley-blog.bb-hadley-blog-tiles .entry-featured-image-url,
.bb-hadley-blog.bb-hadley-blog-tiles .et_main_video_container {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    overflow: hidden;
}

/* Add gradient overlay to images */
.bb-hadley-blog.bb-hadley-blog-tiles .et_pb_post::before {
    content: '';
    position: absolute;
    z-index: 11;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(
        0deg,
        rgb(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0) 100%
    );
}

.bb-hadley-blog.bb-hadley-blog-tiles .entry-featured-image-url img {
    vertical-align: bottom;
    max-width: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 1s ease;
}

.bb-hadley-blog-tiles .et_pb_post .et_main_video_container {
    transition: transform 1s ease;
}

/* Scale image on hover */
.bb-hadley-blog-tiles .et_pb_post:hover .entry-featured-image-url img,
.bb-hadley-blog-tiles .et_pb_post:hover .et_main_video_container {
    transform: scale(1.1);
}

/* Style the read more link */
.bb-hadley-blog.bb-hadley-blog-tiles a.more-link {
    padding: 0;
    border: none;
    background: transparent;
    margin: auto 0 0 auto;
}

.bb-hadley-blog.bb-hadley-blog-tiles a.more-link:after {
    content: '\35';
    font-family: ETModules;
    font-size: 22px;
    vertical-align: sub;
}

/* Blog Tabbed Tiles */

/* Place the first post */
.bb-hadley-blog.bb-hadley-blog-tiles.tabbed .et_pb_post:nth-child(1) {
    grid-column: 1 / 4;
    grid-row: 1 / 4;
}

/* Place the remaining posts */
.bb-hadley-blog.bb-hadley-blog-tiles.tabbed .et_pb_post:nth-child(1n + 2) {
    grid-column: 4 / 6;
}

/* Adjust grid layout for tablet */
@media all and (max-width: 980px) {
    .bb-hadley-blog.bb-hadley-blog-tabbed .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
    }

    .bb-hadley-blog.bb-hadley-blog-tiles.tabbed
        .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }

    .bb-hadley-blog.bb-hadley-blog-tabbed .et_pb_post:nth-child(1) {
        grid-column: 1 / -1;
        grid-row: auto;
        min-height: 60vw;
    }
    .bb-hadley-blog.bb-hadley-blog-tabbed .et_pb_post:nth-child(1n + 2) {
        grid-column: 1 / -1;
        min-height: 30vw;
    }
    .bb-hadley-blog.bb-hadley-blog-tabbed
        .et_pb_ajax_pagination_container
        > div,
    .bb-hadley-blog.bb-hadley-blog-tiles.tabbed
        .et_pb_ajax_pagination_container
        > div {
        grid-column: 1 / -1;
        grid-row: 5 / 6;
    }
    .bb-hadley-blog.bb-hadley-blog-tiles.tabbed .et_pb_post:nth-child(1),
    .bb-hadley-blog.bb-hadley-blog-tiles.tabbed .et_pb_post:nth-child(1n + 2) {
        grid-column: span 1;
        grid-row: span 1;
        min-height: 300px;
    }
}

/* Adjust grid layout for mobile */
@media all and (max-width: 767px) {
    .bb-hadley-blog.bb-hadley-blog-tabbed
        .et_pb_post:nth-child(1n + 2)
        .bb-hadley-post-content {
        margin-left: 0;
    }

    .bb-hadley-blog.bb-hadley-blog-tabbed
        .et_pb_post:nth-child(n + 2)
        .entry-featured-image-url {
        position: relative;
    }
    .bb-hadley-blog.bb-hadley-blog-tabbed
        .et_pb_post:nth-child(1n + 2)
        .entry-featured-image-url {
        width: 100%;
    }
    .bb-hadley-blog-tabbed
        .et_pb_post:nth-child(1n + 2)
        .entry-featured-image-url
        img {
        position: relative;
    }
    .bb-hadley-blog.bb-hadley-blog-tiles.tabbed
        .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
    }
}

/* Blog Inline */

.bb-hadley-blog-inline .et_pb_post {
    background: var(--bb-hadley-light);
    min-height: 15vw;
}

.bb-hadley-blog-inline .et_pb_post .bb-hadley-post-content {
    margin-left: 50%;
}

.bb-hadley-blog-inline .entry-featured-image-url,
.bb-hadley-blog-inline .et_main_video_container {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
}

.bb-hadley-blog-inline .entry-featured-image-url img {
    vertical-align: bottom;
    max-width: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.bb-hadley-blog-inline .et_pb_post a.more-link {
    align-self: flex-end;
}

/* Blog Inline Window */

.bb-hadley-blog-inline.window .et_pb_post {
    padding: 20px;
    border: 1px solid var(--bb-hadley-silver);
}

.bb-hadley-blog-inline.window .et_pb_post .bb-hadley-post-content {
    margin-left: calc(50% + 20px);
    border: 1px solid var(--bb-hadley-silver);
}

.bb-hadley-blog-inline.window .entry-featured-image-url,
.bb-hadley-blog-inline.window .et_main_video_container {
    position: absolute !important;
    left: 20px;
    top: 20px;
    width: calc(50% - 20px);
    height: calc(100% - 40px);
}

.bb-hadley-blog-inline.window .et_pb_post.category-featured::after,
.bb-hadley-blog-inline.window .et_pb_post.category-editor-picks::after {
    right: -1px;
    top: -1px;
}

.bb-hadley-blog-inline.window .bb-hadley-post-cats {
    justify-content: center;
}

@media all and (max-width: 767px) {
    .bb-hadley-blog-inline.window .entry-featured-image-url,
    .bb-hadley-blog-inline.window .et_main_video_container {
        position: relative !important;
        width: 100%;
        height: auto;
        left: 0;
        top: 0;
        margin-bottom: 20px;
    }
    .bb-hadley-blog-inline.window .et_pb_post .bb-hadley-post-content {
        margin: 0;
    }
}

/* Blog Inline Alternating */
@media all and (min-width: 768px) {
    .bb-hadley-blog-inline.alternating
        .et_pb_post:nth-of-type(even)
        .bb-hadley-post-content,
    .bb-hadley-blog-inline.window.alternating
        .et_pb_post:nth-of-type(even)
        .bb-hadley-post-content {
        margin-right: 50%;
        margin-left: 0;
    }

    .bb-hadley-blog-inline.alternating
        .et_pb_post:nth-of-type(even)
        .entry-featured-image-url,
    .bb-hadley-blog-inline.window.alternating
        .et_pb_post:nth-of-type(even)
        .entry-featured-image-url {
        right: 0;
        left: auto;
    }
    .bb-hadley-blog-inline.window.alternating
        .et_pb_post:nth-of-type(even)
        .entry-featured-image-url,
    .bb-hadley-blog-inline.window.alternating
        .et_pb_post:nth-of-type(even)
        .et_main_video_container {
        right: 20px;
        width: calc(50% - 40px);
    }
}

/* Blog inline 2 & 3 columns */

/* Define the grid */
.bb-hadley-blog-inline.cols-2 .et_pb_ajax_pagination_container,
.bb-hadley-blog-inline.cols-3 .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.bb-hadley-blog-inline.cols-3 .et_pb_ajax_pagination_container {
    grid-template-columns: repeat(3, 1fr);
}

/* Place the pagination */
.bb-hadley-blog-inline.cols-2 .et_pb_ajax_pagination_container div,
.bb-hadley-blog-inline.cols-3 .et_pb_ajax_pagination_container div {
    grid-column: 1 / -1;
}

/* Remove post margin */
.bb-hadley-blog-inline.cols-2 .et_pb_post,
.bb-hadley-blog-inline.cols-3 .et_pb_post {
    margin-bottom: 0;
}

.bb-hadley-blog-inline.cols-3 .et_pb_post {
    min-height: auto;
}

.bb-hadley-blog-inline.cols-3 .et_pb_post .entry-title {
    margin-top: auto;
    margin-bottom: auto;
}

/* Style the read more link */
.bb-hadley-blog-inline.cols-2 a.more-link,
.bb-hadley-blog-inline.cols-3 a.more-link {
    padding: 0;
    border: none;
    background: transparent;
    margin: auto 0 0;
}

.bb-hadley-blog-inline.cols-2 a.more-link::after,
.bb-hadley-blog-inline.cols-3 a.more-link::after {
    content: '\35';
    font-family: ETModules;
    font-size: 22px;
    vertical-align: sub;
}

.bb-hadley-blog-inline.cols-3 a.more-link::after {
    font-size: 16px;
}

/* Blog inline tablet & mobile */

@media all and (max-width: 980px) {
    .bb-hadley-blog-inline.cols-2 .et_pb_ajax_pagination_container,
    .bb-hadley-blog-inline.cols-3 .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(1, 1fr);
    }
    .bb-hadley-blog-inline.cols-3 .et_pb_post {
        min-height: 25vw;
    }
}

@media all and (max-width: 767px) {
    .bb-hadley-blog-inline .entry-featured-image-url,
    .bb-hadley-blog-inline .et_main_video_container,
    .bb-hadley-blog-inline .entry-featured-image-url img {
        position: relative !important;
        width: 100%;
    }

    .bb-hadley-blog-inline .entry-featured-image-url,
    .bb-hadley-blog-inline .et_main_video_container {
        width: 100%;
        margin: 0;
        height: auto;
    }
    .bb-hadley-blog-inline .et_pb_post .bb-hadley-post-content,
    .bb-hadley-blog-inline.alternating .et_pb_post .bb-hadley-post-content {
        margin: 0;
    }
}

/* Blog - Categories */

.bb-hadley-blog-categories .et_pb_post {
    margin-bottom: 30px;
    min-height: 130px;
    background: var(--bb-hadley-light);
}

.bb-hadley-blog-categories.small.footer .et_pb_post {
    background: transparent;
}

.bb-hadley-blog-categories:not(.small)
    .et_pb_post:first-child
    .bb-hadley-post-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bb-hadley-blog-categories .et_pb_post:nth-child(n + 2) .bb-hadley-post-content,
.bb-hadley-blog-categories.small .bb-hadley-post-content {
    margin-left: 30%;
}

.bb-hadley-blog-categories:not(.small)
    .et_pb_post:first-child
    .entry-featured-image-url {
    height: 300px;
}

.bb-hadley-blog-categories:not(.small) .et_pb_post:first-child::before {
    content: '';
    position: absolute;
    z-index: 11;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(
        0deg,
        rgb(255, 255, 255, 0.8) 0%,
        rgba(255, 255, 255, 0) 50%
    );
}

.bb-hadley-blog-categories
    .et_pb_post:nth-child(n + 2)
    .entry-featured-image-url,
.bb-hadley-blog-categories
    .et_pb_post:nth-child(n + 2)
    .et_main_video_container,
.bb-hadley-blog-categories.small .entry-featured-image-url,
.bb-hadley-blog-categories.small .et_main_video_container {
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    height: 100%;
}

.bb-hadley-blog-categories .et_pb_post .entry-featured-image-url,
.bb-hadley-blog-categories .et_pb_post .et_main_video_container {
    margin-bottom: 0;
}

.bb-hadley-blog-categories .et_pb_post .entry-featured-image-url img {
    vertical-align: bottom;
    max-width: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

/* Style the read more link */
.bb-hadley-blog.bb-hadley-blog-categories a.more-link {
    padding: 0;
    border: none;
    background: transparent;
    margin: auto 0 0;
    align-self: flex-end;
}

.bb-hadley-blog-categories a.more-link::after {
    content: '\35';
    font-family: ETModules;
    font-size: 22px;
    vertical-align: sub;
}

/* Read more on hover */
.bb-hadley-blog-categories a.more-link:hover {
    background: transparent;
}

/* Blog Categories Footer */
.bb-hadley-blog-categories.footer .et_pb_post {
    margin-bottom: 20px;
    min-height: 100px;
}

.bb-hadley-blog-categories.footer .bb-hadley-post-content {
    padding: 10px 20px;
}

/* Blog - Windows */

/* Define the grid */
.bb-hadley-blog.bb-hadley-blog-windows .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 30px;
}

/* Place the pagination */
.bb-hadley-blog.bb-hadley-blog-windows .et_pb_ajax_pagination_container > div {
    grid-column: 1 / -1;
}

/* Add post padding & Background */
.bb-hadley-blog.bb-hadley-blog-windows .et_pb_post {
    padding: 20px;
    margin-bottom: 0;
    background: var(--bb-hadley-light);
}

/* Remove post content padding */
.bb-hadley-blog.bb-hadley-blog-windows .bb-hadley-post-content {
    padding: 20px;
    border: 1px solid var(--bb-hadley-silver);
}

/* Size the image */
.bb-hadley-blog.bb-hadley-blog-windows .entry-featured-image-url,
.bb-hadley-blog.bb-hadley-blog-windows .et_main_video_container {
    margin-bottom: 20px;
    height: 250px;
}

.bb-hadley-blog.bb-hadley-blog-windows .et_main_video_container {
    height: auto;
    min-height: 250px;
}

.bb-hadley-blog.bb-hadley-blog-windows .entry-featured-image-url img {
    height: 250px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.bb-hadley-blog.bb-hadley-blog-windows .et_pb_post .entry-title {
    margin-top: 0;
}

.bb-hadley-blog.bb-hadley-blog-windows .et_pb_post .post-content {
    flex: 1 1 auto;
}

/* Move read more link to bottom */
.bb-hadley-blog.bb-hadley-blog-windows a.more-link {
    margin-top: auto;
}

/* Blog - Fullwidth */

.bb-hadley-blog.bb-hadley-blog-fullwidth .et_main_video_container {
    margin-bottom: 30px;
}

.bb-hadley-blog.bb-hadley-blog-fullwidth .entry-featured-image-url img {
    width: 100%;
}

.bb-hadley-blog.bb-hadley-blog-fullwidth .bb-hadley-post-content {
    padding: 0;
}

/* Blog - Fullwidth Tiles */

.bb-hadley-blog.bb-hadley-blog-fullwidth-tiles .entry-featured-image-url,
.bb-hadley-blog.bb-hadley-blog-fullwidth-tiles .et_main_video_container {
    margin-bottom: 0;
    min-height: 300px;
}

.bb-hadley-blog.bb-hadley-blog-fullwidth-tiles .et_pb_post::before {
    content: '';
    position: absolute;
    z-index: 11;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
}

.bb-hadley-blog.bb-hadley-blog-fullwidth-tiles .entry-featured-image-url img {
    width: 100%;
}

.bb-hadley-blog.bb-hadley-blog-fullwidth-tiles .bb-hadley-post-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bb-hadley-blog.bb-hadley-blog-fullwidth-tiles a.more-link {
    padding: 0;
    border: none;
    background: transparent;
    margin: auto 0 0 auto;
}

.bb-hadley-blog.bb-hadley-blog-fullwidth-tiles a.more-link::after {
    content: '\35';
    font-family: ETModules;
    font-size: 22px;
    vertical-align: sub;
}

/* Post list */

.bb-hadley-blog.bb-hadley-blog-post-list .et_pb_post {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--bb-hadley-silver);
}

.bb-hadley-blog.bb-hadley-blog-post-list.light .et_pb_post {
    border-bottom: 1px solid var(--bb-hadley-grey);
}

.bb-hadley-blog.bb-hadley-blog-post-list .et_pb_post:nth-last-of-type(1) {
    border-bottom: none;
}

.bb-hadley-blog.bb-hadley-blog-post-list .et_pb_post .bb-hadley-post-content {
    padding: 0 0 15px 0;
}

.bb-hadley-blog.bb-hadley-blog-post-list .et_pb_post a[rel~='tag'] {
    color: var(--bb-hadley-dark) !important;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0 10px 5px 0;
}

/* Tabs */

.bb-hadley-tabs .et_pb_tabs_controls {
    position: relative;
}

.bb-hadley-tabs .et_pb_tabs_controls::before {
    content: '';
    background: var(--bb-hadley-silver);
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 1px;
    z-index: 11;
}

.bb-hadley-tabs ul.et_pb_tabs_controls::after {
    border: none;
}
.bb-hadley-tabs li a {
    padding: 4px 10px;
}

/* Single posts */

.bb-hadley-post-title a[rel~='tag'] {
    padding: 0.5em 0.8em;
}

.single-format-video .bb-hadley-post-title .et_pb_title_featured_container {
    display: none;
}

/* First letter dropcap */
.bb-hadley-single-post-content > p:first-of-type::first-letter,
.single-format-video
    .bb-hadley-single-post-content
    > p:nth-of-type(2)::first-letter {
    font: 3.75rem/1em var(--bb-hadley-serif-font);
    color: var(--bb-hadley-light);
    background: var(--bb-hadley-dark);
    text-transform: uppercase;
    padding: 12px 10px;
    margin: 5px 10px 0 0;
    float: left;
}

/* Post tags */

.bb-hadley-post-tags .et_pb_text_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.bb-hadley-post-tags a {
    padding: 0.2em 0.8em;
    border: 2px solid var(--bb-hadley-dark);
    transition: all 0.3s ease;
}

.bb-hadley-post-tags a:hover {
    background: var(--bb-hadley-dark);
}

/* Post Nav */

.bb-hadley-post-nav .meta-nav {
    display: none;
}

.bb-hadley-post-nav .nav-previous .nav-label:before {
    content: '« ';
    position: absolute;
    top: -1.6em;
    left: 0;
    font-size: 18px;
    font-weight: 100;
    color: var(--bb-hadley-grey);
}

.bb-hadley-post-nav .nav-previous .nav-label:after {
    content: 'Previous';
    position: absolute;
    top: -1.6em;
    left: 20px;
    font: italic 18px var(--bb-hadley-serif-font);
    color: var(--bb-hadley-grey);
    text-transform: lowercase;
    letter-spacing: 0;
}

.bb-hadley-post-nav .nav-next .nav-label:before {
    content: '»';
    position: absolute;
    top: -1.6em;
    right: 0;
    font-size: 18px;
    font-weight: 100;
    color: var(--bb-hadley-grey);
}

.bb-hadley-post-nav .nav-next .nav-label:after {
    content: 'Next';
    position: absolute;
    top: -1.6em;
    right: 25px;
    font: italic 18px var(--bb-hadley-serif-font);
    color: var(--bb-hadley-grey);
    text-transform: lowercase;
    letter-spacing: 0;
}

/* Banner advert slider */

.bb-hadley-banner-slider .et_pb_slide {
    outline: 1px solid var(--bb-hadley-light);
    outline-offset: -20px;
}

/*Comment form*/

.bb-hadley-comments #commentform input {
    width: 100%;
}

.bb-hadley-comments #commentform input#wp-comment-cookies-consent {
    width: auto;
}

.bb-hadley-comments .comment-notes,
.bb-hadley-comments .required-field-message,
.bb-hadley-comments a {
    font-weight: 300;
    color: var(--bb-hadley-dark);
}

/* Search module */

.bb-hadley-search::after {
    content: '\55';
    font-family: ETModules;
    font-size: 20px;
    color: var(--bb-hadley-dark);
    position: absolute;
    z-index: 1000;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) scaleX(-1);
    pointer-events: none;
    z-index: 9;
}

.bb-hadley-search .et_pb_searchsubmit {
    z-index: 10;
}