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


.btn a{
	 display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
     transition: all 0.3s ease;
}
.social-icon .ekit-wid-con svg {
    width: 22px;
}

.elementor-element-78f697d{display: flex;
    flex-direction: column;
align-items: center;}

.custom-image {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;

    clip-path: polygon(
        0% 0%,
        50% 10.6%,
        100% 0%,
        100% 100%,
        50% 89.9%,
        0% 100%
    );

    -webkit-clip-path: polygon(
        0% 0%,
        50% 10.6%,
        100% 0%,
        100% 100%,
        50% 89.9%,
        0% 100%
    );
}

.custom-image img {
    display: block;
    width: 100%;
    height: auto;
}

.mission-block {
    position: relative;
}

.mission-block img {
    width: 100%;
    display: block;
}

.mission-block::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(252,181,39,.4);
    pointer-events: none;

    -webkit-mask-image: url("https://drewleaguefoundationla.org/wp-content/uploads/2026/06/shape.png");
    -webkit-mask-size: contain;
    -webkit-mask-position: top center;
    -webkit-mask-repeat: no-repeat;
}

.elementor-swiper-button {    background-color: rgba(0, 0, 0, .15); padding:10px;}

.gallery-slider img{
    width: 100%;
    height: 610px;
    object-fit: cover;
}

.gallery-slider-2 img{
    width: 100%;
    height:450px;
    object-fit: cover;
}



.marquee-wrap{

    width:100%;

    overflow:hidden;

}
 
.marquee-track{
    display:flex;
    width:max-content;
    animation:scroll 40s linear infinite;

}
 
.marquee-track span{
    color:#000; 
    font-family:"Gopher-Font-Family", Sans-serif;
    font-size:50px;
    font-weight:700;
    white-space:nowrap;
    padding-right:15px;
	padding-left:15px;

}
 
@keyframes scroll{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}




.ekit-mail-submit{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:60px !important;
    padding:1em 2.25em !important;
	

    background:transparent !important;
    border:2px solid #fca723 !important;
    border-radius:50% !important;

    color:#fca723 !important;
    font-family:"Gopher-Font-Family",sans-serif !important;
    font-size:16px !important;
    font-weight:600 !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    text-decoration:none !important;

    cursor:pointer !important;
    transition:all .3s ease !important;
}

.ekit-mail-submit:hover{
    background:#fca723 !important;
    color:#fff !important;
    border-color:#fca723 !important;
}


form.wpcf7-form .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

form.wpcf7-form .col-md-6,
form.wpcf7-form .col-md-12 {
    padding: 0 15px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

form.wpcf7-form .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

form.wpcf7-form .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

form.wpcf7-form label {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    color: #000;
}

form.wpcf7-form input:not([type="submit"]),
form.wpcf7-form textarea {
    width: 100%;
    padding: 14px 15px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

form.wpcf7-form textarea {
    min-height: 140px;
    resize: vertical;
}

.wpcf7-submit{
    width: 280px !important;
    height: 72px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: 2px solid #111 !important;
    border-radius: 50% !important;

    color: #111 !important;
    font-family: "Gopher-Font-Family", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;

    cursor: pointer !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

.wpcf7-submit:hover{
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
}

.ekit-mail-submit{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:60px !important;
    padding:1em 2.25em !important;
	

    background:transparent !important;
    border:2px solid #000 !important;
    border-radius:50% !important;

    color:#000 !important;
    font-family:"Gopher-Font-Family",sans-serif !important;
    font-size:16px !important;
    font-weight:600 !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    text-decoration:none !important;

    cursor:pointer !important;
    transition:all .3s ease !important;
}

.ekit-mail-submit:hover{
    background:#000 !important;
    color:#fff !important;
    border-color:#000 !important;
}

/* Tablet */
@media (max-width: 991px){
    form.wpcf7-form .col-md-6{
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Mobile */
@media (max-width: 767px){
    form.wpcf7-form .row{
        margin: 0;
    }

    form.wpcf7-form .col-md-6,
    form.wpcf7-form .col-md-12{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    form.wpcf7-form label{
        font-size: 14px;
    }

    form.wpcf7-form input:not([type="submit"]),
    form.wpcf7-form textarea{
        padding: 12px;
        font-size: 14px;
    }


}

.testimonials .row {
    display: flex;
    flex-direction: column-reverse;
}
.testimonials .row .col-lg-6{ max-width:100%; width:100%}

.testimonials .elementskit-profile-image-card::before{ display:none !important;}
.ekit-wid-con .elementskit-profile-image-card:hover::before{ display:none !important;}
.testimonials svg {
    fill: #fff !important;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], select, textarea {
    border: 1px solid #A9A9A9;
    border-radius: 3px;
    padding: .8rem 1rem;
    transition: all .3s;
    width: 100%;
    background: #fafafa;
    margin-top: 5px;
}


.woocommerce ul.products{
    display:flex !important;
    flex-wrap:wrap !important;
}

.woocommerce ul.products li.product{
    width:calc(50% - 25px) !important;
    margin-right:50px !important;
    margin-bottom:50px !important;
    float:none !important;
    clear:none !important;
}

.woocommerce ul.products li.product:nth-child(2n){
    margin-right:0 !important;
}

.woocommerce-page .content-area {
    padding: 50px 20px;
}


.testimonials .elementskit-profile-image-card > img {
    height: 600px;
    width: 100%;
    object-fit: cover;
}


.elementor-element-6b19492 .em.em-calendar .em-cal-nav .month-nav .em-calnav-today.is-today {
    opacity: inherit !important;
    color: #fff !important;
}
.em.em-calendar .em-cal-nav .month input[type=text] {
    color: #fff;
}

/* Tablet */
@media (max-width: 1024px) {
    .testimonials .elementskit-profile-image-card > img {
        height:500px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .testimonials .elementskit-profile-image-card > img {
        height:400px;
    }
}

/* Tablet */
@media (max-width: 1024px){
    .woocommerce ul.products li.product{
        width:calc(50% - 15px) !important;
        margin-right:30px !important;
        margin-bottom:30px !important;
    }

    .woocommerce ul.products li.product:nth-child(2n){
        margin-right:0 !important;
    }
}

/* Mobile */
@media (max-width: 767px){
    .woocommerce ul.products li.product{
        width:100% !important;
        margin-right:0 !important;
        margin-bottom:20px !important;
    }
}
.woocommerce ul.products li.product:nth-child(2n){
    margin-right:0 !important;
}

.woocommerce .woocommerce-breadcrumb {display:none;}



@media (max-width: 767px){
    .gallery-slider img{
        height: 450px;
    }
}

@media (max-width: 480px){
    .gallery-slider img{
        height:450px;
    }
}

