/*
Theme Name: Medicale Child
Author: 2Dots Technologies
Description: A child theme for the Medicale WordPress theme, designed to safely customize and extend the functionality and appearance of the parent theme without affecting core updates. Perfect for healthcare, medical, and clinic websites, this child theme allows you to implement tailored design changes while maintaining full compatibility with the Medicale theme.
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)
*/



.menu-offcanvas-rometheme {
    width: 35%;
}



.rform-options-container {
    max-height: 200px;
    display: none;
    position: absolute;
    width: 100%;
    z-index:2;
    overflow: auto;
    background-color: white;
  
}


.wpcf7-not-valid-tip {
  opacity: 0;
  transform: translateY(-5px);
  color: #dc3232;
  font-size: 0.95rem;
  font-weight: 500;
  margin-top: 6px;
  display: block;
  line-height: 1.4;
  animation: fadeInDown 0.3s ease forwards;
}

@keyframes fadeInDown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}




/* ===== Inquiry Popup Styling ===== */
.inquiry-popup {
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 10px;
    border: 2px solid #333;
    z-index: 9999;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    border-radius: 12px;
    max-width: 450px;
    width: 90%;
    display: none;
}

.close-popup-btn {

    float: right;
    background: transparent!important;
    border: 2px solid #333!important;
    font-size: 24px!important;
    font-weight: bold!important;
    color: #444!important;
    cursor: pointer;
    line-height: 1!important;
    padding: 12px 16px !important;
    margin: -10px -10px 10px 0!important;
    transition: color 0.2s ease !important;
}

.close-popup-btn:hover,
.close-popup-btn:focus {
	 background:#529334!important;
    color: #fff!important;
    outline: none!important;
	  border: 2px solid #529334!important;
	
}
.wpcf7 form .wpcf7-response-output {
    margin: 0px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border: 2px solid #dc3232; /* Red border for errors */
    background-color: #fff0f0;
    color: #dc3232;
    padding: 10px;
    border-radius: 8px;
    font-size: 1rem;
    margin-top: 0px;
}


.whatsapp-chat-button {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #25D366;
  background-color:  #25D366;
  color: #fff;
  border-radius: 6px;
  font-weight: 500;
  font-size: 16px;
  transition: all 0.3s ease;
  text-decoration: none;
    }
 
.whatsapp-chat-button:hover {
  background-color: #2B80C1;
  color: white;
  border-color: #1ebc59;
  }
 
.whatsapp-chat-button img {
   width: 24px;
   height: 24px;
  }



[type=button],
[type=submit],
button {
   border: none !important;
}

@media (min-width: 1024px) and (max-width: 1036px) {
.elementor-151 .elementor-element.elementor-element-2cc96507 .rkit-menu-item > .rkit-nav-link {
  padding-inline: 3px !important;
 }
}

@media (min-width: 1145px) and (max-width: 1200px) {
    .elementor-151 .elementor-element.elementor-element-96b87d3 .elementor-button {
        font-size: 12px!important;
       
      
    }
}
@media (min-width: 1036px) and (max-width: 1211px) {
    .elementor-151 .elementor-element.elementor-element-2cc96507 .rkit-menu-item > .rkit-nav-link {
        padding-inline: 0px 10px !important;
     
    }

@media (min-width: 1024px) and (max-width: 1037px) {
    .elementor-151 .elementor-element.elementor-element-2cc96507 .rkit-menu-item > .rkit-nav-link {
        padding-inline: 0px 8px !important;
     
    }
	.elementor-151 .elementor-element.elementor-element-96b87d3 .elementor-button {
    font-size: 13px  !important;
   
    padding: 12px 14px 12px 14px  !important;
}
	.elementor-151 .elementor-element.elementor-element-fbf129e .elementor-icon-box-description {
  font-size: 12px !important;
}
}