/* 
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 */

a{
    color: #703870;
}

.lightbox-content #pet_img img,
.lightbox-content #vet_img img{
    border-radius: 10px;
}
.lightbox-content #pet_name .elementor-heading-title,
.lightbox-content #vet_name .elementor-heading-title{
    color: var(--e-global-color-55d37ba);
    font-family: "P22 Mackinac", Sans-serif;
    font-size: 22px;
    font-weight: 700;
}
.lightbox-content #date_container .e-con-inner{
    flex-direction: row;
}
.lightbox-content #date_container .e-con-inner .elementor-heading-title{
    color: var(--e-global-color-55d37ba);
    font-family: "Lexend", Sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 17px;
}
.lightbox-content #memorial_content .elementor-widget-container,
.lightbox-content #vet_content .elementor-widget-container{
    color: #9795B5;
    font-family: "Lexend", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: var(--e-global-color-55d37ba);
  border-radius: 6px; 
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.heartstrings-search-container {
    max-width: 400px;
    margin: 0 auto;
    padding: 0 10px;
    text-align: center;
}

.heartstrings-search-container h6{
    color: #8608A3;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
    font-family: "P22 Mackinac", sans-serif;
}

.search-wrapper {
    position: relative;
    width: 100%;
}

.heartstrings-search-container .search-wrapper .search-field {
    width: 100%;
    padding: 12px 40px 12px 16px;
    font-size: 16px;
    border: 1px solid #e0e0e0;
    border-radius: 11px;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    background: #f3f3f3;
    color: #008497;
    font-family: 'Lexend';
}

.heartstrings-search-container .search-wrapper .search-field::placeholder {
    color: #008497;
}

.heartstrings-search-container .search-wrapper .search-field:focus {
    border-color: #0073aa;
    box-shadow: 0 0 40px #c982d9;
}

.heartstrings-search-container .search-wrapper .search-submit {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #008497;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.heartstrings-search-container .search-wrapper .search-submit:hover {
    transform: translateY(-50%) scale(1.2);
    color: #8200a0;
}