/*
Theme Name:   Harlow Child Theme for Divi
Theme URI:    https://brandandbuildtemplates.me/themes/harlow/
Description:  For Coaches & Entrepreneurs
Author:       Brand & Build
Author URI:   https://brandandbuild.me
Template:     Divi
Version:      1.0
*/

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

/*Harlow Colour Variables*/

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

:root {
    --bb-harlow-dark: #1f1f1f;
    --bb-harlow-light: #ffffff;
    --bb-harlow-grey: #f4f4f4;
    --bb-harlow-highlight: #e3dbca;
    --bb-harlow-dropcap: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
}

/* Prevent page overflow and add border */

#page-container {
    overflow: hidden;
    border: 10px solid var(--bb-harlow-highlight);
}

/*Scrollbars*/

html {
    scrollbar-color: var(--bb-harlow-dark) var(--bb-harlow-light);
    scrollbar-width: thin;
}

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

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

::-webkit-scrollbar-track {
    background: var(--bb-harlow-light);
}

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

/*Global Header*/

.bb-harlow-header-menu .et-menu > li > ul.sub-menu {
    left: 11px;
}

.bb-harlow-header-menu .nav li li ul {
    top: 0;
}

.bb-harlow-header-menu .et-menu-nav > ul ul,
.bb-harlow-header-menu.et_pb_menu ul.sub-menu li.menu-item {
    padding: 0;
}

.bb-harlow-header-menu.et_pb_menu ul.sub-menu li.menu-item a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: none;
    width: 240px;
}

.bb-harlow-header-menu.et_pb_menu ul.sub-menu li.menu-item a:hover {
    background: var(--bb-harlow-highlight);
    opacity: 1;
}

/* Set mobile menu to scroll */

.bb-harlow-header-menu.bb-harlow-mobile-menu .et_mobile_menu {
    border-top: none;
    max-height: 85vh;
    overflow-y: auto;
    scrollbar-width: thin;
}

.bb-harlow-header-menu.bb-harlow-mobile-menu .et_mobile_menu,
.bb-harlow-header-menu.bb-harlow-mobile-menu .et_mobile_menu ul.sub-menu {
    padding: 0;
}

.bb-harlow-header-menu.bb-harlow-mobile-menu
    .et_mobile_menu
    ul.sub-menu
    li.menu-item
    a {
    width: 100%;
}

.bb-harlow-header-menu.bb-harlow-mobile-menu .et_mobile_menu li ul li a {
    padding-left: 70px;
}

/*Menu display settings*/

@media all and (max-width: 980px) {
    .bb-harlow-footer-menu .et_pb_menu__menu {
        display: block;
        flex: 1 1 auto;
    }
    .bb-harlow-footer-menu .et_mobile_nav_menu {
        display: none;
    }
}

/* Global Footer */

/* Instagram feed */

#bb-harlow-insta-feed #sb_instagram::after {
    display: none;
}

/*Footer Optin*/

/*Flex the optin fields*/

.bb-harlow-optin .et_pb_newsletter_field {
    flex: 1 1 auto !important;
}

/*Stop fields wrapping*/

.bb-harlow-optin .et_pb_newsletter_fields {
    gap: 10px;
}

/*Don't resize the button*/

.bb-harlow-optin .et_pb_newsletter_button_wrap {
    flex: 1 1 auto;
}

.bb-harlow-optin-ebook .et_pb_newsletter_button_wrap {
    flex: 0 1 auto;
}

.bb-harlow-optin-ebook .et_pb_newsletter_button.et_pb_button::before {
    right: 0 !important;
}

/*Remove the email padding*/

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

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

/* Blog */

/* Inline */

.bb-harlow-blog-inline .et_pb_post:before {
    content: '';
    background: var(--bb-harlow-grey);
    width: 65%;
    height: 80%;
    position: absolute;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

@media all and (min-width: 981px) {
    .bb-harlow-blog-inline .et_pb_post:nth-of-type(odd) {
        margin-left: -50px;
    }

    .bb-harlow-blog-inline .et_pb_post:nth-of-type(even) {
        margin-right: -50px;
    }
    .bb-harlow-blog-inline .et_pb_post .entry-featured-image-url {
        position: absolute;
        min-height: 400px;
        width: 33%;
        right: 50px;
        top: 50%;
        transform: translateY(-50%);
    }
    .bb-harlow-blog-inline .et_pb_post {
        min-height: 400px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .bb-harlow-blog-inline .et_pb_post .entry-featured-image-url img {
        min-height: 400px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media all and (max-width: 980px) {
    .bb-harlow-blog-inline .et_pb_post:before {
        display: none;
    }
    .bb-harlow-blog-inline .et_pb_post .entry-featured-image-url::before {
        content: '';
        background: var(--bb-harlow-grey);
        width: 100vw;
        height: 80%;
        position: absolute;
        z-index: -1;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        left: -10vw;
    }
}

/* Masonry */

.bb-harlow-blog-masonry .et_pb_post,
.bb-harlow-blog-grid .et_pb_post {
    padding: 0;
}

.bb-harlow-blog-masonry .et_pb_image_container,
.bb-harlow-blog-grid .et_pb_image_container {
    margin: 0;
}

/*Grid*/

/* Set the grid sizing */
.bb-harlow-blog-grid .et_pb_ajax_pagination_container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
    grid-gap: 50px;
}

@media all and (min-width: 1200px) {
    .bb-harlow-blog-grid .et_pb_ajax_pagination_container {
        grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
    }
}

/* Flex the posts */
.bb-harlow-blog-grid .et_pb_post {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

/* Make pagination fullwidth */
.bb-harlow-blog-grid .et_pb_ajax_pagination_container div {
    grid-column: 1 / -1;
}

/* Sales Page */

/* Pricing table */

@media all and (min-width: 981px) {
    .bb-harlow-pricing-table .et_pb_pricing_table_wrap {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        grid-gap: 20px;
    }
}

@media all and (max-width: 980px) {
    .bb-harlow-pricing-table .et_pb_pricing_table_wrap {
        display: flex;
        flex-direction: column;
    }

    .bb-harlow-pricing-table .et_pb_pricing_table {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 50px !important;
    }

    .bb-harlow-pricing-table .et_pb_pricing_table:last-child {
        margin-bottom: 0 !important;
    }
}

/* Single Posts */

/* First letter dropcap */
.bb-harlow-post-content > p:first-of-type::first-letter {
    font: 3.75rem/1em var(--bb-harlow-dropcap);
    text-transform: uppercase;
    padding-right: 4px;
    margin-top: -4px;
    float: left;
}

/* Links */
.bb-harlow-post-content.et_pb_post_content a {
    -webkit-text-decoration-color: var(--bb-harlow-highlight);
    text-decoration-color: var(--bb-harlow-highlight);
    -webkit-text-decoration-style: wavy;
    text-decoration-style: wavy;
}

/* Block quotes */
.bb-harlow-post-content.et_pb_post_content blockquote {
    background: var(--bb-harlow-grey);
    padding: 20px;
}

/*Lists*/

.bb-harlow-sans li::marker,
.bb-harlow-post-content li::marker,
.bb-harlow-sidebar li::marker {
    color: var(--bb-harlow-highlight);
    font-weight: 700;
}

/* Sidebar */

.bb-harlow-sidebar h4 {
    padding-bottom: 30px;
}

.bb-harlow-sidebar ul li {
    list-style-type: square !important;
    margin-bottom: 0.3em;
}

/* Dropdowns */

.bb-harlow-sidebar .et_pb_widget select {
    border-radius: 0;
    border: none;
    color: var(--bb-harlow-dark);
    height: 60px;
    font-size: inherit;
    text-align: center;
    -moz-text-align-last: center;
    -ms-text-align-last: center;
    text-align-last: center;
    background: url(data:image/svg+xml;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADmGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLyc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczpBdHRyaWI9J2h0dHA6Ly9ucy5hdHRyaWJ1dGlvbi5jb20vYWRzLzEuMC8nPgogIDxBdHRyaWI6QWRzPgogICA8cmRmOlNlcT4KICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogICAgIDxBdHRyaWI6Q3JlYXRlZD4yMDIyLTAyLTE0PC9BdHRyaWI6Q3JlYXRlZD4KICAgICA8QXR0cmliOkV4dElkPjE4YmE0ODdjLTM0ZjYtNGYyMy04NWZjLTM3NWY3NmZjZTI4ZjwvQXR0cmliOkV4dElkPgogICAgIDxBdHRyaWI6RmJJZD41MjUyNjU5MTQxNzk1ODA8L0F0dHJpYjpGYklkPgogICAgIDxBdHRyaWI6VG91Y2hUeXBlPjI8L0F0dHJpYjpUb3VjaFR5cGU+CiAgICA8L3JkZjpsaT4KICAgPC9yZGY6U2VxPgogIDwvQXR0cmliOkFkcz4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6cGRmPSdodHRwOi8vbnMuYWRvYmUuY29tL3BkZi8xLjMvJz4KICA8cGRmOkF1dGhvcj5NaWNoZWxsZTwvcGRmOkF1dGhvcj4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6eG1wPSdodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvJz4KICA8eG1wOkNyZWF0b3JUb29sPkNhbnZhPC94bXA6Q3JlYXRvclRvb2w+CiA8L3JkZjpEZXNjcmlwdGlvbj4KPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KPD94cGFja2V0IGVuZD0ncic/PsbtpaoAAARQSURBVHic7dzNahRZGIDht+PPGMGNiA7KLAbdS9yJ9+El6OgERh0UHPAn4AUI7gVBXHoBbhVxKToMgziIoxshELJS05PuWdT56GNZ3TlVdc6pr7q/F0J10l1/5+lq02V1wLIsy7Isy7IsZQ0yzWNZRX169uwF9gHjmvMNgC/AVvQtWtB2u+kfFBjrwGbg17qb51ppWWpTv4Fey256kPAjW46m5ZmPUtRS1xtQo203HVIMdMjX0M0zyrqlLerTETLwpiFHyDjwcarq0xGyEBmIsgxEWQaiLANRloEoy0CUZSDKMhBlGYiyDERZBqIsA1GWgSjLQJRlIMoyEGUZiLIMRFkGoiwDUZaBKMtAlGUgyooBsoseXpCWqCVajmmbmQVhm55eJRi5AcUlqyOKJ2mjmoIsMbmQ+TpwxH3feEN6nozHeeA0xZM022W6PuJ9tyFPgf3uZ7FRZMfW3Lq2CLvQeuQ99kZpWTGT8bjo1rUBnEy4vsqVAzxwG/DZTZ+TBkUziIzHqlvPf2RE8TEeMrnc39/xFChaQcoYY4qXKvm4RFKUWRiyMalQNIJMw/A/l5IMZSeMkXc7BYo2kFkY/lgkQQnBSI2iCWQnjGkom8BK220IxfAHIAWKFpAQjKqxiILiv8kLwZiF8ozi48zQDEUDSB2MUJRG7wHlV9sQjFkoT2mO0jVIE4xZKBvAKbfMoLMbMmDX3ALkfUbIBux0pCyX1hFSlyBtMKrG4qubfpq2LVWHjXyE+BHwkuKZPfTuHwfsiMiPgT1u/jPAE7e8bfSfZlmiGItV4J772YjJaZI65+7kPNde9/0axZvI4GUI1EHgFd8+M33xJkdK3ZevLo6QGEeG/1j/Pco5t+zaJ2NlsLpGyQ2SA6Pxq4MGlJwgqjGkrlFygfQCQ/JRXpMXJQdIrzAkWeAh4E/yoaQG6SWG1AVKSpCUGL9U7EuScqOkAkmJcaG0D8nLiZICZK4wpFwoP7hpDJA9zCmGJCs+DPxFOhSA26X7m4AI7lxiSKlRDrjl3yndVwfkpre9c40hpUR54ZZ9vfTzOiC33DIueffPLYaUEuUxcNfdDv0jmD7IZeCsd18sjIulfVdXChS51mlIvUEcMRm810z+LyIWxmppn9Xmo/xNexR/YNsOYmyM3nx6QFB+pD1KeZ6mg9l2/t5iSLFQmn7FxOw9htQ1SlvMucKQ+oZS9TI3NxhSX1AWAkOSE3tHgTfoQ6nC+M1t89xhSFpRFhJD0oay0BiSFhTD8OoaxTAqEpRjwFvyoRjGjATlJ+Af0qMYRkC5UKowrrh1G0ap1CiG0aBUKIbRIh/lHe1RDCNCgvIz8J7mKIYRsbYohpGgpiiGkbC6KFUYv7tlGEakfJR/mY5ShXHVzWsYkROU48BHpqMYRsYE5QTfoxhGR1WhDDGMTpuGYhgd5v+b8gH7bUpFgrIC/OpuL/qfq+08/2gwDCUNsJcpy7Ks3P0PGU77kQXYh48AAAAASUVORK5CYII=)
        no-repeat 98% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bb-harlow-grey);
    background-size: 20px;
}

/*Comment form*/

.bb-harlow-comments a {
    color: var(--bb-harlow-dark);
    font-weight: 700;
}

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

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