/*
Theme Name: Candy Child theme
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

body{
	overflow-x:hidden;
}
html.menu-open, .menu-open body {
    scroll-behavior: auto !important;
}

.heading_font h2 {
	    font-family: "zuume", sans-serif !important;
}
.offers_form form #wpforms-124-field_1{
	    max-width: 100% !important;
}

.img_box_data img {
	    border-radius: 15px 15px 0 0;
	width:100% !important;
}
.offers_form .wpforms-container{
	margin:0px !important;
}
.offers_form form .wpforms-field {
	padding:0px !important;
}
.offers_form form {
	    align-items: baseline;
    gap: 20px;
	    display: grid
;
    grid-template-columns: 80% 20%;
}
.candy_logo{
	    background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 11%); 
}
.tab_content_data .e-con-inner {
    width: 100% !important;
    max-width: 100%;
}
.tab_menu .e-n-tabs-heading{
	    padding: 5px;
	background-color:#E5E7EB;
	border-radius:20px;
}

.img_box_data .elementor-image-box-content {
padding-left:25px;
	padding-right:25px;
}
.mobile_menu .menu-item{
	    border-bottom: 1px solid #cccdce;
}

.offers_form form .wpforms-submit:hover{
  background: linear-gradient(179deg, #F5BE31 0%, #8F6F1D 100%) !important;
    color: white !important;
}
.offers_form form .wpforms-submit{
	    background: linear-gradient(179deg, #F5BE31 0%, #8F6F1D 100%);
    color: white !important;
    padding: 10px 30px !important;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25) !important;
}
/*Mailchimp Form*/
.mailchimp-subscription-form .mailchimp-form-field {
   
    border-radius: 8px !important;
    border: 1px solid #000000 !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
    transition: border 0.15s, box-shadow 0.15s !important;
	color: #fff !important;
}
.mailchimp-subscription-form {
    display: flex;
	gap: 20px;   
}
.mailchimp-subscription-form input.mailchimp-submit-btn {
   background: linear-gradient(179deg, #F5BE31 0%, #8F6F1D 100%);
    color: #000000 !important;
    font-weight: 500;
    font-size: 14px;
    outline: none;
    border-radius: 8px;
    border: magenta;
    padding: 10px 16px;
    font-family: 'DM Sans';
    letter-spacing: 0.07px;
	margin-left: 16px;
	
}
.mailchimp-subscription-form .mailchimp-email-field{
	 background: #000000 !important;
}
.mailchimp-subscription-form .mailchimp-phone-field{
	 background: #ffffff !important;
}
.mailchimp-subscription-form .mailchimp-submit-btn-sms {
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid #5A5A5A;
    background: var(--gradient, linear-gradient(180deg, #F5BE31 0%, #8F6F1D 100%));
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    font-family: 'DM Sans';
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.15px;
	margin-left: 14px;
}
.mailchimp-subscription-form p{
	display: flex;
    align-items: flex-start;
}
.mailchimp-sub-form-wrapper .wpcf7 .wpcf7-response-output {
    color: #ffffff !important;
    font-weight: 300 !important;
    margin-top: 5px !important;
}
.mailchimp-sub-form-wrapper .wpcf7 span.wpcf7-not-valid-tip {
    margin-top: 5px;
    text-align: center;
	color: #fff !important;
    font-weight: 300;
}
form#mc4wp-form-1 {
    width: 450px;
}
.mc4wp-response .mc4wp-alert.mc4wp-notice {
    color: #fff;
    padding-top: 10px;
    text-align: center;
    font-weight: 300;
}
@media screen and  (max-width: 1024px) {
	br{
		display:none;
	}
}

@media screen and  (max-width: 768px) {
	.img_box_data img {
   height:290px;
		object-fit:cover;
}
	.mobile_data_content{
	    position: inherit !important;
}
.offers_form form {
    grid-template-columns: 100%;
}
	.offers_form form .wpforms-submit-container{
		text-align: center;
	}
	br{
		display:none;
	}
	.button_follow{
		transform: translate(100%, 100%);
    left: calc(50% - 220px) !important;
		        top: calc(50% - 71px) !important;
	}
}

@media screen and  (max-width: 500px) {
		.img_box_data img {
   height:200px;
    width: 100% !important;
		object-fit:cover;
}
.mailchimp-subscription-form {
    flex-direction: column;
}
form#mc4wp-form-1 {
    width: 100%;
}
.top-banner-section{
 	height: 1000px;
}
.top-banner-section .elementor-background-video-container{
	top: 500px !important;
}
}