/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

h1 {
    text-shadow: 3px 3px 0 #21708f !important;
}

.elementor-post-info__item time {
    color: #999999;
}   
.elementor-widget-theme-post-featured-image a {
    width: 100% !important;
}

/* Image Box title underline hover (underline fits text, even on 2 lines) */
.elementor-image-box-title,
.elementor-image-box-title a {
    text-decoration: none;
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    background-image: linear-gradient(#A10C58, #A10C58);
    background-size: 0 5px;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.elementor-image-box-wrapper:hover .elementor-image-box-title,
.elementor-image-box-content:hover .elementor-image-box-title {
    background-size: 100% 5px;
    transition: background-size 0.2s ease;
}

/* Menu link styled as button (Contact) */
.elementor-nav-menu .contact-btn > a,
.elementor-nav-menu .contact-btn > a:visited {
    background: linear-gradient(to right, #bdcd00, #d4ef1a);
    color: #ffffff !important;
    border-radius: 999px;
    padding: 10px 22px;
    line-height: 1;
    display: inline-block;
    text-transform: none;
}
.elementor-nav-menu .contact-btn > a:hover,
.elementor-nav-menu .contact-btn > a:focus {
    filter: brightness(0.98);
    color: #ffffff !important;
    padding: 13px 20px !important;
}
.elementor-nav-menu .contact-btn::after {
    display: none !important;
    content: none !important;
}
.elementor-nav-menu .contact-btn > a::after {
    display: none !important;
    content: none !important;
}
.elementor-nav-menu .contact-btn > a {
    display: flex;
    align-items: center;
}

/* Audio player styling inside Elementor text editor (Google-like) */
.elementor-widget-text-editor .mejs-container,
.elementor-widget-text-editor .mejs-container .mejs-controls {
    background: #f5f5f5 !important;
    border-radius: 28px;
    box-shadow: none;
}
.mejs-controls {
    height: 100% !important;
}
.elementor-widget-text-editor .mejs-container {
    width: 100% !important;
    max-width: 100%;
    height: 56px !important;
    padding: 6px 12px;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
}
.elementor-widget-text-editor .mejs-controls {
    height: 100% !important;
    padding: 0 6px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box;
}
.elementor-widget-text-editor .mejs-controls > div,
.elementor-widget-text-editor .mejs-controls > a {
    display: flex;
    align-items: center;
}
.elementor-widget-text-editor .mejs-time-rail {
    margin: 0 12px;
    height: 40px;
    display: flex;
    align-items: center;
}
.elementor-widget-text-editor .mejs-time-total,
.elementor-widget-text-editor .mejs-horizontal-volume-total {
    background: #d7d7d7 !important;
    border-radius: 999px;
    height: 6px;
    top: 50% !important;
    transform: translateY(-50%);
}
.mejs-time-total {margin: 0px !important;}
.mejs-time-rail {margin: 0px !important;padding: 0px !important;}
.mejs-time-current, .mejs-time {
    margin: 0px !important;
    padding: 0px !important;
}
.elementor-widget-text-editor .mejs-time-loaded {
    background: #e1e1e1 !important;
    border-radius: 999px;
    height: 6px;
    top: 50% !important;
    transform: translateY(-50%);
}
.elementor-widget-text-editor .mejs-time-current,
.elementor-widget-text-editor .mejs-horizontal-volume-current {
    background: #b0b0b0 !important;
    border-radius: 999px;
    height: 6px;
    top: 50% !important;
    transform: translateY(-50%);
}
.elementor-widget-text-editor .mejs-time-handle,
.elementor-widget-text-editor .mejs-horizontal-volume-handle {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #b0b0b0 !important;
    border: 2px solid #f5f5f5 !important;
    top: 50% !important;
    transform: translateY(-50%);
}
.elementor-widget-text-editor .mejs-time-handle-content {
    background: #b0b0b0 !important;
}
.elementor-widget-text-editor .mejs-button > button,
.elementor-widget-text-editor .mejs-time,
.elementor-widget-text-editor .mejs-time span {
    color: #6f6f6f !important;
    font-size: 13px;
}
.elementor-widget-text-editor .mejs-button > button {
    filter: none !important;
    opacity: 1;
    height: 24px;
    width: 23px;
    background-color: transparent !important;
    outline: none;
    box-shadow: none;
}
.elementor-widget-text-editor .mejs-time {
    line-height: 40px !important;
    height: 40px !important;
    display: flex;
    align-items: center;
}
.elementor-widget-text-editor .mejs-time-rail,
.elementor-widget-text-editor .mejs-button,
.elementor-widget-text-editor .mejs-time {
    align-self: center !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
}

/* Force icon color for SVG/PNG button backgrounds */
.elementor-widget-text-editor .mejs-controls .mejs-button > button {
    filter: brightness(0.35) !important;
    opacity: 1 !important;
}
.elementor-widget-text-editor .mejs-controls .mejs-button > button::before {
    color: #6f6f6f !important;
    filter: none !important;
}