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

/* Default styles for all screen sizes */
html {
  font-size: 100%; /* 100% is the default font size */
}

/* Media query for screens up to 767 pixels (mobile devices) */
@media screen and (max-width: 767px) {
  html {
    font-size: 80%; /* Set font size to 80% for mobile devices */
  }
}

a {
    color: inherit;
}


/* Button style */ 
.e-form__buttons .elementor-button,
.elementor-button-info .elementor-button {
    position: relative;
}

.e-form__buttons .elementor-button::before,
.elementor-button-info .elementor-button::before {
    content: "";
    width: calc(0% + 64px);
    height: 64px;
    background: #FF872C;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    transition: width 500ms cubic-bezier(0.47, -0.39, 0.5, 1.33);
}
.e-form__buttons .elementor-button .elementor-button-text::after,
.elementor-button-info .elementor-button .elementor-button-text::after {
	content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2929 4.29289C11.6834 3.90237 12.3166 3.90237 12.7071 4.29289L19.7071 11.2929C20.0976 11.6834 20.0976 12.3166 19.7071 12.7071L12.7071 19.7071C12.3166 20.0976 11.6834 20.0976 11.2929 19.7071C10.9024 19.3166 10.9024 18.6834 11.2929 18.2929L17.5858 12L11.2929 5.70711C10.9024 5.31658 10.9024 4.68342 11.2929 4.29289Z' fill='white'/%3E%3C/svg%3E");
}

.button-invert .elementor-button-text::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2929 4.29289C11.6834 3.90237 12.3166 3.90237 12.7071 4.29289L19.7071 11.2929C20.0976 11.6834 20.0976 12.3166 19.7071 12.7071L12.7071 19.7071C12.3166 20.0976 11.6834 20.0976 11.2929 19.7071C10.9024 19.3166 10.9024 18.6834 11.2929 18.2929L17.5858 12L11.2929 5.70711C10.9024 5.31658 10.9024 4.68342 11.2929 4.29289Z' fill='black'/%3E%3C/svg%3E") !important;
}

.e-form__buttons .elementor-button .elementor-button-text,
.elementor-button-info .elementor-button .elementor-button-text {
    display: flex;
    align-items: center;
}

.e-form__buttons  .elementor-button:hover::before,
.elementor-button-info .elementor-button:hover::before {
    width: 100%;
}

.e-form__buttons .elementor-button,
.elementor-element.elementor-button-info .elementor-button {
    background-color: #00000000;
}

.e-form__buttons .elementor-button span,
.elementor-button-info .elementor-button span {
    z-index: 1;
}

/* Newsletter */

.newsletter-button input {
    background: transparent;
    border: 0px;
    line-height: 1.5rem;
    font-size: 1rem;
    padding: 24px 16px;
    color: #C4C3BE;
	outline: none;
}

.newsletter-button {
    display: flex;
    max-width: 720px;
    border: 1px solid #FFF;
    padding: 0;
    margin-bottom: 24px;
}

.newsletter-button input[type="submit"] {
    text-transform: uppercase;
    font-weight: 700;
}

.newsletter-button input[type="submit"]:hover {
    background: transparent;
}

.newsletter-terms input[type=checkbox] {
    display: none;
}

.newsletter-terms label {
    display: inline-block;
    cursor: pointer;
    border: 1px solid;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.newsletter-terms input[type=checkbox]:checked + label {
    border-color: #FF872C;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8047 3.52864C14.0651 3.78899 14.0651 4.2111 13.8047 4.47145L6.4714 11.8048C6.21106 12.0651 5.78894 12.0651 5.5286 11.8048L2.19526 8.47145C1.93491 8.2111 1.93491 7.78899 2.19526 7.52864C2.45561 7.26829 2.87772 7.26829 3.13807 7.52864L6 10.3906L12.8619 3.52864C13.1223 3.26829 13.5444 3.26829 13.8047 3.52864Z' fill='white'/%3E%3C/svg%3E");
}

.newsletter-terms {
    color: #C4C3BE;
    font-family: Nunito;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 171.429% */
}

.newsletter-terms a {
    text-decoration-line: underline;
    color: inherit;
}

/* Contact terms checkbox */
.elementor-field-type-acceptance label:before {
    content:"";
    display: inline-block;
    cursor: pointer;
    border: 1px solid;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.elementor-field-type-acceptance label {
    line-height: 24px !important;
    display: flex !important;
	margin-bottom: 24px;
}

.elementor-field-type-acceptance input[type=checkbox]:checked + label:before {
    border-color: #FF872C;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8047 3.52864C14.0651 3.78899 14.0651 4.2111 13.8047 4.47145L6.4714 11.8048C6.21106 12.0651 5.78894 12.0651 5.5286 11.8048L2.19526 8.47145C1.93491 8.2111 1.93491 7.78899 2.19526 7.52864C2.45561 7.26829 2.87772 7.26829 3.13807 7.52864L6 10.3906L12.8619 3.52864C13.1223 3.26829 13.5444 3.26829 13.8047 3.52864Z' fill='white'/%3E%3C/svg%3E");
}

.checkbox-invert .elementor-field-type-acceptance input[type=checkbox]:checked + label:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8047 3.52864C14.0651 3.78899 14.0651 4.2111 13.8047 4.47145L6.4714 11.8048C6.21106 12.0651 5.78894 12.0651 5.5286 11.8048L2.19526 8.47145C1.93491 8.2111 1.93491 7.78899 2.19526 7.52864C2.45561 7.26829 2.87772 7.26829 3.13807 7.52864L6 10.3906L12.8619 3.52864C13.1223 3.26829 13.5444 3.26829 13.8047 3.52864Z' fill='black'/%3E%3C/svg%3E");
}

.elementor-field-type-acceptance input[type=checkbox] {
    display: none !important;
}

/* Toggle element icons */
.elementor-toggle .elementor-tab-title .elementor-toggle-icon {
    width: 24px !important;
    height: 24px !important;
    margin-top: 4px !important;
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon svg {
    width: 24px !important;
    height: 24px !important;
}

/* Custom carousel */
.custom-carousel .elementor-testimonial__image img {
    border-radius: 0px;
    transition: opacity 300ms cubic-bezier(0.4, 0, 1, 1);
}

.custom-carousel .elementor-testimonial__content {
    position: absolute;
    left: 0;
    bottom: 16px;
    transform: rotateZ(-90deg) translate(50%, -100%);
}

.custom-carousel .swiper-slide:hover .elementor-testimonial__image img {
    opacity: 0.5;
}

.custom-carousel .swiper-slide:hover .elementor-testimonial__content .elementor-testimonial__text {
    color: #FF872C;
}

/* Hover wrapper - orange text */
.hover-wrapper:hover .hover-orange span {
	transition: color 500ms ease-in-out;
}

.hover-wrapper:hover .hover-orange span {
	color: #FF872C !important;
}

/* Meet ceres animation */ 
.animate-bean-1 {
    animation-name: animate-bean-1;
    animation-duration: 2.4s;
  	animation-iteration-count: infinite;
  	animation-timing-function: linear;
}

@keyframes animate-bean-1 {
    0% {
        transform: translateY(-10px) translateX(-5px);
    }
    
    50% {
        transform: translateY(0px) translateX(0px);
    }
    
    100% {
        transform: translateY(-10px) translateX(-5px);
    }
}

.animate-bean-2 {
    animation-name: animate-bean-2;
    animation-duration: 2.4s;
  	animation-iteration-count: infinite;
  	animation-timing-function: linear;
}

@keyframes animate-bean-2 {
    0% {
        transform: translateY(-10px);
    }
    
    50% {
        transform: translateY(0px);
    }
    
    100% {
        transform: translateY(-10px);
    }
}

.animate-cup {
    animation-name: animate-cup;
    animation-duration: 2.4s;
  	animation-iteration-count: infinite;
  	animation-timing-function: linear;
}

@keyframes animate-cup {
    0% {
        transform: translateY(10px);
    }
    
    50% {
        transform: translateY(0px);
    }
    
    100% {
        transform: translateY(10px);
    }
}
