/*
 Theme Name: Twenty Twenty-Five Child
 Description: Child theme for the Twenty Twenty-Five theme
 Template: twentytwentyfive
 Version: 1.0.0
 Tags: block-template
 Text Domain: twentytwentyfive-child
*/

#couponcode {
  left: 12%;
  z-index: 1;
}

.inline-form-wrapper {
    /* display: flex; */       /* Use flexbox for layout */
/*     display: block ruby;
    align-items: center; 
    gap: 10px;            */
	align-items: baseline;
    display: flex;
    justify-content: space-around;
}

.inline-form-wrapper input[type="text"],
.inline-form-wrapper input[type="email"],
.inline-form-wrapper input[type="submit"] {
    /* Optional: Ensure fields don't stretch and fit content */
    flex-grow: 1; 
    /* Optional: Add some basic styling to the fields */
    padding: 10px;
    border: 1px solid #FF5555;
    border-radius: 0px;
}

.inline-form-wrapper input[type="submit"] {
    /* Optional: Style the submit button */
    background-color: #FF5555;
    color: white;
    border: none;
    cursor: pointer;
    padding: 11px;
	padding: 12px 28px;
  font-size: 20px;
}

[data-name="email-588"] {
  margin-bottom: -6px;
  font-size: 23px;
  top: -2px; 
}

.right-div.scroll-container {
  overflow: auto;
  height: 480px;
}

.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
  padding: 14px 50px 14px 12px;
}

/* Optional: Basic responsiveness for small screens */
@media (max-width: 600px) {
    .inline-form-wrapper {
        flex-direction: column;
        gap: 5px;
    }

    .inline-form-wrapper input[type="text"],
    .inline-form-wrapper input[type="email"],
    .inline-form-wrapper input[type="submit"] {
        width: 100%;
    }
}

.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email:focus-visible {
  outline: none !important;
}



/* Target fields that are missing required input */
.wpcf7-not-valid {
    border: 2px solid red !important; /* Highlights the field with a red border */
    background-color: #fff0f0; /* Optional: Light red background */
}

/* Style the default error message area to be hidden if you keep the text */
/* Or, if you set the message to a space, this isn't strictly needed */
.wpcf7-not-valid-tip {
    display: none;
}

/* Style the form-error message */
.wpcf7-response-output.wpcf7-display-error {
    display: none; /* Hides the general form error message */
}

/* Hides the default CF7 error message container */
.wpcf7-not-valid-tip {
    display: none !important;
}

/* Hides the general submission error message */
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    display: none !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    display: none !important;
}

.wpcf7 form .wpcf7-response-output{
  margin: 0px !important;
  padding: 3px !important;
  font-size: 14px !important;
  display: inline-block !important;
  border: unset !important;
  color: #46b450;
  font-weight: 600;
}

.inline-form-wrapper p {
  margin-bottom: 10px;
}

/* Contac form 7 style ends*/

#elementor-tab-title-8331 {
  padding: 12px 75px;
}

#elementor-tab-title-8332 {
  padding: 12px 75px;
}

.elementor-tab-title.elementor-tab-desktop-title {
  background-color: #D9D9D9;
  color: #999999 !important;
}

.elementor-tab-title.elementor-tab-desktop-title.elementor-active {
  color: #ffffff !important;
}

.elementor-tab-title.elementor-tab-mobile-title {
  background-color: #D9D9D9;
  color: #999999 !important;
}


.elementor-tab-title.elementor-tab-mobile-title.elementor-active {
  color: #ffffff !important;
  background-color: #FF5555 !important;
}



.container-flex {
    display: flex;
    justify-content: space-between;
    width: 100%; /* Ensures the container takes the full width */
    /* Add any other styles like padding, margin, etc. */
}

.left-div {
    /* Optional: define a specific width or let it adjust */
    width: 50%;
}

.right-div {
    /* Optional: define a specific width or let it adjust */
    width: 50%;
    text-align: left; /* Aligns text within the div to the right */
/*     padding: 3% 0%; */
	padding: 3% 4% 0% 0%;
}

@media screen and (max-width: 768px) {
  .container-flex {
    flex-direction: column; /* Stacks divs vertically */
  }

  .left-div {
    order: 1; /* "Left Div Content" moves to the bottom */
	width: 100%;
  }

  .right-div {
    order: 2; /* "Right Div Content" moves to the top */
	width: 100%;
  }
	
	.inline-form-wrapper{
		align-items: center;
	}
	
	.box.submitbtn {
	  margin-top: -4%;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 990px) {
	  .container-flex .right-div {
		  padding: 0px 20px 0px 20px;
		  margin-top: -40px;
	}
}

.privles-subcnt {
  font-size: 18px;
  margin: 8px 0px;
}

/* #popmake-311 {
  margin-top: 130px !important;
	position: fixed !important;
} */

#popmake-311.pum-container {
/*     top: calc(50% + 100px) !important;  */
}

.elementor-tab-title.elementor-tab-desktop-title.elementor-active .triangle-bottom-right {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #000;
  border-right: 15px solid #000;
  position: absolute;
  bottom: 0;
  right: 0;
}

.elementor-tab-title.elementor-tab-desktop-title .triangle-bottom-right {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #999999;
  border-right: 15px solid #999999;
  position: absolute;
  bottom: 0;
  right: 0;
}

.privatelesson .container-flex .highlight {
  font-size: 22px;
  font-weight: 600;
}

.privatelesson-info p {
  margin: 0;
}

.privatelesson .container-flex .triangle-bottom-right {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-left: 20px solid transparent;
  border-bottom: 20px solid #000;
  border-right: 20px solid #000;
  position: absolute;
  bottom: 1px;
  right: 1px;
}


.wpr-tabs-position-above.wpr-tabs-triangle-type-outer > .wpr-tabs > .wpr-tabs-wrap > .wpr-tab::before {
  border-top-color: #FFFFFF !important;
  bottom: -7px;
}

.wpr-tabs > .wpr-tabs-wrap > .wpr-tab.wpr-tab-active{
	margin: 0px 0px 0px 0px !important;
}

.wpr-tabs > .wpr-tabs-wrap > .wpr-tab .wpr-tab-title{
	word-spacing: 100vw;
}

.newslettersubs .mailpoet_form_column:not(:first-child) {
  margin-left: 0px !important;
}

.subscribebtn input {
  font-weight: 500 !important;
  padding: 10px !important;
}

.subscribeemail input {
  padding: 12px !important;
	font-size: 15px !important;
  background-color: #fff !important;
}

.subscribeemail #form_email_1 {
  color: #000000 !important;
}

#mailpoet_form_1 .mailpoet_validate_success {
  font-size: 18px;
}