/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Template: hello-elementor
Author: Riselabs + Kersley
Author URI: https://kersley.co.uk
Description: A child theme for Hello Elementor Theme
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-elementor-child
*/


/* @import url("../hello-elementor/style.css"); */
@import url("./assets/css/utiliities.css");


body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/**
 * HEADER
 */
/* MENU */
html .mega-menu__link {
    color: var(--e-global-color-text);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    text-decoration: none;

    .mega-menu__subtitle {
        color: var(--e-global-color-274edd5);
    }

    &:hover,
    &:active {
        color: var(--e-global-color-50c992f);

        .mega-menu__subtitle {
            color: var(--e-global-color-text);
        }
    }
}
html .mega-menu__item--depth-0 {
    padding:0;
}
@media(min-width: 767px) {
    html .mega-menu__link {
        font-size: 1rem;
        line-height: 1.25rem;
    }
}
html .mega-menu__icon {
    border-radius: unset;
}

/* TRANSLATION */
html .gtranslate_wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: transparent;
    border-color: transparent;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    color: #fff;
    border-style: none;
    border-width: 1px;
    border-radius: 8px 8px 8px 8px;
    padding: 0;
    transition: all 0.3s ease;
    max-width: 100%;

    &:hover {
        background-color: transparent;
        border-color: var(--e-global-color-00ad79f);
        color: var(--e-global-color-text);
    }

    .gt_switcher {
        border-radius: 8px 8px 8px 8px;
        background: transparent;
        border: none;

        a {
            font-size: 12px;
            line-height: 18px;
            img{
                width: 24px;
                height: 24px;
                object-fit: cover;
                border-radius: 100%;
                display: block;
                border: solid 2px white;
            }
        }

        .gt_selected {
            background: transparent;
            border: none;

            a {
                background: transparent;
                border: none;
                display:flex;
                gap: 1rem;
                align-items: center;
                padding: 10px 16px 10px 16px;

                &:hover {
                    background: transparent;
                }
            }
        }

        .gt_option {
            position:absolute;

            a {
                display: flex;
                gap: 1rem;
                align-items: center;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                padding: 0.5rem 0.25rem;
            }
        }
    }
}
@media(max-width: 1220px) {
    html .gtranslate_wrapper {
        max-width: 80px;
        & .gt_switcher {
            & .gt_selected {
                a {
                    text-indent: -9999px;
                    overflow:hidden;
                    width: 24px;
                    height: 24px;
                }
                img {position: absolute;}
            }

            .gt_option {
                right:0;
            }
        }
    }
}

@media (max-width: 1023px) {
    .mega-menu__item--has-children > button.mega-menu__toggle svg path[stroke] {
        stroke: #667085 !important;
    }

    .mega-menu__item--has-children > button.mega-menu__toggle,
    .mega-menu__item--has-children > button.mega-menu__toggle.is-active,
    .mega-menu__item--has-children > button.mega-menu__toggle:hover,
    .mega-menu__item--has-children > button.mega-menu__toggle:active,
    .mega-menu__item--has-children > button.mega-menu__toggle:focus,
    .mega-menu__item--has-children > button.mega-menu__toggle:focus-visible {
        background-color: transparent !important;
        outline: none !important;
        border: none !important;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Old versions of Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none;
    }
}   

.eya-for-you-popover {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;

    a, a:hover, a:active, a:focus {
        color: var(--e-global-color-text);
        text-decoration: none;
    }
}
@media(max-width: 1023px) {
    .eya-for-you-toggle {
        width: 100%;
        justify-content: start;

        .eya-for-you-toggle-chevron {
            margin-left: auto;
        }
    }
}

#off-canvas-3377a80 .elementor-button {
    display: flex;
    width:100%;
}

/**
 * OFF CANVAS (ELEMENTOR DRAWER)
 * ===================================
 */
 .e-off-canvas .e-off-canvas__overlay {
    transition: background 1s !important;
}
.e-off-canvas.animated-reverse-wrapper .e-off-canvas__overlay {
    transition-delay: 0.6s !important;
}
.e-off-canvas[aria-hidden="true"] .e-off-canvas__overlay {
    background: rgba(0,0,0,0) !important;
}
.e-off-canvas[aria-hidden="false"] .e-off-canvas__overlay {
    background: rgba(0,0,0,0.8) !important;
}


/**
 * post archive
 * =================================== 
 */
.early-development-archive.elementor-widget-archive-posts .elementor-post__text {
    display: flex;
    flex-direction: column;
}
.early-development-archive.elementor-widget-archive-posts .elementor-post__text .elementor-post__title { order: 1; }
.early-development-archive.elementor-widget-archive-posts .elementor-post__text .elementor-post__meta-data { order: 0; }
.early-development-archive.elementor-widget-archive-posts .elementor-post__text .elementor-post__excerpt { order: 2; }
.early-development-archive.elementor-widget-archive-posts .elementor-post__text .elementor-post__tags { order: 3; }

/* meta */
.early-development-archive.elementor-widget-archive-posts .elementor-post__text .elementor-post__meta-data { margin: 0; }
.early-development-archive.elementor-widget-archive-posts .elementor-post__text .elementor-post-date { color: var(--e-global-color-491b5a6); }

/* title */
.early-development-archive.elementor-widget-archive-posts .elementor-post__text .elementor-post__title {
    position: relative;
    padding-right: 34px;
}
.early-development-archive.elementor-widget-archive-posts .elementor-post__text .elementor-post__title::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(./assets/img/icons/arrow-up-right.svg);
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0.3em;
}
.early-development-archive.elementor-widget-archive-posts .elementor-post__text .elementor-post__title a {
    color: var(--e-global-color-text);
    font-size: 1.5rem;
    line-height: 2rem;
    text-decoration: none;
    cursor: pointer;
}
.early-development-archive.elementor-widget-archive-posts .elementor-post__text .elementor-post__title a:hover { 
    color: var(--e-global-color-text);
}

.category-cta-block {
    grid-column: 1 / -1;
    background-image: url(./assets/img/doodle.png);
    background-color: var( --e-global-color-secondary );
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 2rem;
    border-radius: 1rem;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.category-cta-block__inner {
    display:flex;
    flex-direction: column;
}
h2.category-cta-block__title {
    font-size: 2.25rem;
    line-height: 2.75rem;
    font-weight: 600;
    color: #fff;
}
p.category-cta-block__subtitle {
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #fff;
}
.button.category-cta-block__button {
    text-decoration: none;
    background-color: #fff;
    color: var(--e-global-color-secondary);
}
.button.category-cta-block__button:hover {
    background-color: var(--e-global-color-e1bb6d5) !important;
    color: var(--e-global-color-secondary) !important;
}

.early-development-archive.elementor-widget-archive-posts .elementor-pagination { 
    grid-column: 1 / -1;
}


/**
 * EVENTS
 * ===================================
 */
.events-archive.elementor-widget-archive-posts .elementor-post {
    padding:1rem;
    border-radius: 1rem;
    background:#fff;
}
@media (min-width: 768px) {
    .events-archive.elementor-widget-archive-posts .elementor-post {
        padding:2rem;
    }
}

.events-archive.elementor-widget-archive-posts .elementor-post__title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    color: var(--e-global-color-text);
}
.events-archive.elementor-widget-archive-posts .elementor-post__title a {
    color: var(--e-global-color-text);
    text-decoration: none;
    cursor: pointer;
}
.events-archive.elementor-widget-archive-posts .elementor-post__title a:hover {
    color: var(--e-global-color-491b5a6);
}

.events-archive.elementor-widget-archive-posts .elementor-post-date,
.events-archive.elementor-widget-archive-posts .elementor-post__tags {
    display:none;
}

.events-archive.elementor-widget-archive-posts .elementor-post-date-time :nth-child(2) {
    color: var(--e-global-color-secondary);
    font-weight: 600;
    margin-top:0.5em;
}

.events-archive.elementor-widget-archive-posts .elementor-post__excerpt {
    padding: 1rem 0;
}

.events-archive.elementor-widget-archive-posts .elementor-post__read-more {
    padding: 0.5rem 1rem;
    cursor: pointer !important;
}

@media (max-width: 767px) {
    .events-archive.elementor-widget-archive-posts.elementor-posts--thumbnail-left .elementor-post,
    .events-archive.elementor-widget-archive-posts.elementor-posts--thumbnail-right .elementor-post {
        flex-direction: column;
        gap: 1rem;
    }
}

/**
 * EYA FOR YOU
 * ===================================
 */
html .eya-term-tag {
    text-decoration: none;
}

.eya-auth-container a {
    color: var(--e-global-color-secondary);
    font-weight: 600;
    text-decoration: none;
}
.eya-auth-container .eya-form--login {
    margin-bottom: 1rem;
}
.eya-auth-container .eya-form--login [type=submit] {
    width:100%;
}
.eya-auth-container .eya-form--login + p {
    text-align: center;
}


/**
 * ELEMENTOR WYSIWYG RICH BULLETS
 * ===================================
 */
.elementor-widget-text-editor.rich-bullets {
    ul {
        padding: 0;
        list-style: none;
    }
    ul li {
        background: var(--e-global-color-e1bb6d5);
        padding: 1rem 1rem 1rem 2rem;
        border-radius: 1rem;
        margin: 1rem 0;
    }
    ul li::before {
        content: '•';
        display:block;
        position: absolute;
        transform: translateX(-1rem);
    }
}
@media(min-width: 768px) {
    .elementor-widget-text-editor.rich-bullets {
        ul li {
            padding: 2rem 2rem 2rem 3rem;
        }
    }
}

/**
* ELEMENTOR ACCORDION OVERRIDES
* ===================================
*/
.elementor-widget-n-accordion .e-n-accordion-item-title  {
    padding: 1rem 1rem;
}
.elementor-widget-n-accordion .e-n-accordion-item-title + div {
	padding: 1rem 1rem;
}

/**
 * ACCOUNT FOR NON-ELEMENTOR CONTENT BEING FULL-WIDTH
 */
body:not(.elementor-page) .elementor [data-widget_type="theme-post-content.default"].elementor-widget{
    gap: var(--row-gap) var(--column-gap);
    height: 100%;
    margin: 0 auto;
    max-width: var(--content-width);
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 100%;
}


/**
 * DOTDIGITAL (newsletter)
 * ===================================
 */
.dotdigital-for-wordpress-widget-title,
.dotdigital-for-wordpress-widget-description {
    display: none;
}

/* @media(min-width: 768px) {
    .dotdigital-signup-form {
        display: flex;
        flex-direction: row;
        gap: 1rem;
    }
    .sidebar .dotdigital-signup-form {
        flex-direction: column;
    }
}
    .dotdigital-signup-form {
        .ddg-form-group:has(input[type="hidden"]) {
            position: absolute;
        }
    } */

.dotdigital-signup-form .ddg-form-group {
    position: relative;
}

/* make label inline and animate on focus */
.dotdigital-signup-form label {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    padding: 12px 16px 12px 16px;
    transition: all 0.3s ease;
    text-transform: capitalize;
    opacity: 0.5;
}
.ddg-form-group:has(input:focus) label,
.ddg-form-group:has(input[type="text"][value]:not([value=""])) label {
    padding: 4px;
    font-size: 12px;
}


.dotdigital-signup-form input:not([type="button"]):not([type="submit"]) {
    padding: 10px 16px 10px 16px;
}


/* footer input */
.elementor-location-footer .dotdigital-signup-form input:not([type="button"]):not([type="submit"]) {
    background-color: transparent;
    border-color: #333741;
    color: #fff;
}
.elementor-location-footer .dotdigital-signup-form label {
    color: #85888E;
}

.dotdigital-form-submit button[type=submit] {
    width: 100%;
}


.years-links {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.years-links .tag {
    padding: 3px 8px;
    border-radius: 1rem;
    text-decoration: none;
    border: solid 1px #CFBFFB;
    color:#101828;
    font-size: 14px;
    line-height: 20px;
}