/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.page-header-image img {
    aspect-ratio: 2.5 / 2;
    object-fit: cover;
}

/* ------------------------------ Global ------------------------------ */
/* Change page title color */
h1.entry-title {
    color: var(--e-global-color-6f6efaa);
    font-weight: 700;
    font-family: 'Ubuntu';
}

/* Add padding to top and bottom of pages */
#content,
.elementor[data-elementor-type="search-results"] {
    padding: 40px 0;
}

/* Add margin below lists within text */
.elementor-widget-text-editor ul {
    margin-bottom: 1rem;
}

/* Add underlines to links within text */
.elementor-widget-text-editor a {
    text-decoration: underline;
    color: var(--e-global-color-secondary);
}

/* ------------------------------ Navbar ------------------------------ */
/* Google Translate button */
.gtranslate_wrapper select {
    border-radius: 9999px;
    border: 0;
    appearance: none;
    position: relative;
    font-weight: bold;
}

.gtranslate_wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z'/%3E%3C/svg%3E") no-repeat;
    width: 24px;
    height: 24px;
    z-index: 1;
    background-size: contain;
    background-position: center;
    pointer-events: none;
    opacity: 0.5;
}

/* Search box */
.elementor-search-form--skin-minimal:focus-within {
    outline-width: 0 !important;
}

/* Header Menu */
#header-menu .menu-item.current-menu-item:nth-child(1) a,
#header-menu .menu-item:hover:nth-child(1) a {
    color: #31ABAD !important;
}

#header-menu .menu-item.current-menu-item:nth-child(1) a:after,
#header-menu .menu-item:hover:nth-child(1) a:after {
    background-color: #31ABAD !important;
}

#header-menu .menu-item.current-menu-item:nth-child(2) a,
#header-menu .menu-item:hover:nth-child(2) a {
    color: #F0564B !important;
}

#header-menu .menu-item.current-menu-item:nth-child(2) a:after,
#header-menu .menu-item:hover:nth-child(2) a:after {
    background-color: #F0564B !important;
}

#header-menu .menu-item.current-menu-item:nth-child(3) a,
#header-menu .menu-item:hover:nth-child(3) a {
    color: #67539F !important;
}

#header-menu .menu-item.current-menu-item:nth-child(3) a:after,
#header-menu .menu-item:hover:nth-child(3) a:after {
    background-color: #67539F !important;
}

#header-menu .menu-item a.has-submenu + .sub-menu .menu-item a {
    color: #000 !important;
}

/* Move last menu item to end */
@media screen and (min-width: 1025px) {
    #header-menu>.elementor-widget-container>.e-n-menu>.e-n-menu-wrapper>.e-n-menu-heading>.e-n-menu-item:last-child {
        margin-left: auto;
    }

    /* #header-menu>.elementor-widget-container>.e-n-menu>.e-n-menu-wrapper>.e-n-menu-heading>.e-n-menu-item:last-child .e-n-menu-title-text {
        font-weight: normal;
    } */
}

/* ------------------------------ Search Results ------------------------------ */
.elementor[data-elementor-type="search-results"] {
    min-height: calc(100vh - 484px);
}

/* Hide all search highlighting since it does not work on resource descriptions */
#search-results .excerpt_part strong {
    font-weight: 400;
}

/* Page */
.elementor[data-elementor-type="search-results"] .elementor-pagination {
    margin-top: 1rem;
}

.elementor[data-elementor-type="search-results"] .elementor-pagination .page-numbers {
    color: #28399b;
    background: #B3E6FE;
    padding: 0 10px !important;
    border-radius: 9999px;
    display: inline-block;
    margin: 0 !important;
}

.elementor[data-elementor-type="search-results"] .elementor-pagination .page-numbers.current {
    background: #28399b;
    color: #FFF;
}

/* ------------------------------ Homepage ------------------------------ */
/* Carousel */
#homepage-carousel .e-n-carousel {
    padding-bottom: 0;
}

#homepage-carousel .swiper-pagination {
    transform: translate(-50%, -60px);

    padding: 10px 40px;

}

#homepage-carousel .elementor-swiper-button {
    z-index: 4;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 9999px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#homepage-carousel .elementor-swiper-button-next {
    left: calc(50% + 60px);
    top: calc(100% - 40px);

}

#homepage-carousel .elementor-swiper-button-prev {
    left: calc(50% - 60px - 48px);
    top: calc(100% - 40px);
}

/* ------------------------------ Resource Hub ------------------------------ */
/* Sidebar */
#resources-sidebar {
    color: #fff;
}

#resources-sidebar .facetwp-facet {
    margin-bottom: 0;
}

/* Facet labels */
.facet-wrap h3 {
    margin-bottom: 2px;
}

/* Hide facet counts */
.facetwp-counter {
    display: none;
}

/* Facet checkboxes */
.facetwp-checkbox {
    background: none !important;
    position: relative;
    padding-left: 30px !important;
}

.facetwp-checkbox::before {
    content: '';
    background: #fff;
    width: 24px;
    height: 24px;
    transition: 0.2s background-color linear;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border-radius: 4px;
}

.facetwp-checkbox.checked::before {
    background: #B3E6FE;
}

.facetwp-checkbox::after {
    content: url("data:image/svg+xml,%3Csvg fill='%2328399b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.9 439.4l-166.4-166.4c-10-10-10-26.2 0-36.2l36.2-36.2c10-10 26.2-10 36.2 0L192 312.7 432.1 72.6c10-10 26.2-10 36.2 0l36.2 36.2c10 10 10 26.2 0 36.2l-294.4 294.4c-10 10-26.2 10-36.2 0z'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 2px);
    transform: translateY(-50%);
    left: 2px;
    transition: 0.2s opacity linear;
}

.facetwp-checkbox.checked::after {
    opacity: 1;
}

/* See more */
.facetwp-toggle {
    color: #B3E6FE !important;
}

/* Search box */
.facetwp-facet-search .facetwp-input-wrap {
    width: 100%;
}

.facetwp-search {
    border-radius: 9999px !important;
    border: 0 !important;
    padding-right: 42px !important;
    min-width: unset !important;
}

.facetwp-facet-search .facetwp-icon {
    right: 12px;
}

.facetwp-facet-search .facetwp-icon:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6 .1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E") no-repeat;
    background-position: 5px 50%;
    background-size: 20px 20px;
}

.facetwp-facet-search .facetwp-icon.f-loading:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M288 39.1v16.7c0 10.8 7.3 20.2 17.7 23.1C383.2 100.4 440 171.5 440 256c0 101.7-82.3 184-184 184-101.7 0-184-82.3-184-184 0-84.5 56.8-155.6 134.3-177.2C216.7 75.9 224 66.5 224 55.7V39.1c0-15.7-14.8-27.2-30-23.2C86.6 43.5 7.4 141.2 8 257.3c.7 137.1 111.5 247 248.5 246.7C393.3 503.7 504 392.8 504 256c0-115.6-79.1-212.8-186.2-240.2C302.7 11.9 288 23.5 288 39.1z'/%3E%3C/svg%3E") no-repeat;
    background-position: 5px 50%;
    background-size: 20px 20px;
}

/* Tags */
.facet-tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.facet-tag {
    padding: 0px 8px 0px 6px;
    border-radius: 8px 8px 8px 8px;
    font-size: 16px;
    color: #28399b;
    background: #B3E6FE;
    font-weight: 700;
}

.facet-tag:hover {
    cursor: pointer;
}

/* Resource buttons */
.resource-buttons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.resource-button {
    font-size: 20px;
    font-weight: 700;
    border-radius: 9999px 9999px 9999px 9999px;
    padding: 6px 24px;
    height: 40px;
    background: #67539F;
    color: #FFF !important;
    display: flex;
    align-items: center;
}

.resource-button img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: 4px;
    filter: brightness(0) invert(1);
}

/* Reset button */
.facetwp-facet-reset {
    margin-bottom: 0 !important;
}

.facetwp-reset {
    display: flex;
    align-items: center;
    color: #28399b !important;
    background: #B3E6FE !important;
    border: 0;
}

.facetwp-reset::before {
    content: url("data:image/svg+xml,%3Csvg fill='%2328399b' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M255.5 8c-66.3 .1-126.4 26.2-170.9 68.7L49 41C33.9 25.9 8 36.6 8 57.9V192c0 13.3 10.7 24 24 24h134.1c21.4 0 32.1-25.9 17-41l-41.8-41.8c30.9-28.9 70.8-44.9 113.2-45.3 92.4-.8 170.3 74 169.5 169.4C423.2 348 349.8 424 256 424c-41.1 0-80-14.7-110.6-41.6-4.7-4.2-11.9-3.9-16.4 .6L89.3 422.7c-4.9 4.9-4.6 12.8 .5 17.4C133.8 479.8 192.1 504 256 504c137 0 248-111 248-248C504 119.2 392.4 7.8 255.5 8z'/%3E%3C/svg%3E");
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: 0.25rem;
    transform: translateY(-2px);
}

/* Page */
.facetwp-page {
    color: #28399b;
    background: #B3E6FE;
    padding: 0 10px !important;
    border-radius: 9999px;
}

.facetwp-page.active {
    background: #28399b;
    color: #FFF;
}