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

/* .right-menu ul li:nth-child(1) a {
    color: var(--e-global-color-accent) !important;
} */

a,
a:link,
a:visited {
  text-decoration: none !important;
}



.menu-active a.elementor-item.elementor-item-active {
    font-weight: 700;
}

/* 1) Normal Image widget — add class "rounded-image" on the Image widget */
.rounded-image img,
img.rounded-image,
.rounded-image picture,
picture.rounded-image img {
  border-radius: 12px !important;
  overflow: clip; /* hide corners cleanly */
}

/* 2) Sections/Columns with a background image — add class "rounded-bg" */
.rounded-bg,
.rounded-bg > .elementor-container,
.rounded-bg .elementor-widget-wrap {
  border-radius: 16px !important;
  overflow: hidden !important; /* clips the background to the rounding */
}

/* Optional: extra-round variant */
.rounded-xl img,
img.rounded-xl,
.rounded-xl,
.rounded-bg.rounded-xl,
.rounded-bg.rounded-xl > .elementor-container,
.rounded-bg.rounded-xl .elementor-widget-wrap {
  border-radius: 28px !important;
}

a[href*="/events/"],
a[href^="https://beta.kulambdachi.com/events/"],
a[href^="https://kulambdachi.com/events/"],
a[href^="//beta.kulambdachi.com/events/"] {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
  color: inherit !important;
}

.top-banner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    background-color: rgb(0 0 0 / 50%);
    left: 0;
    right: 0;
    bottom: 0;
}

.f-form input::placeholder {
    color: #000 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

.f-form textarea::placeholder {
    color: #000 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

.f-form  textarea#form-field-message::placeholder {
  position: absolute;
  top: auto;
  bottom: 5px;
}

.f-form  input::placeholder {
  position: absolute;
  top: auto;
  bottom: 5px;
}


.f-form .e-form__buttons {
    margin-bottom: 0 !important;
    margin-top: 24px;
}

span.yellow {color: #ffbf3c !important;}

.f-form .elementor-message.elementor-message-success {
    position: absolute;
    bottom: 20px;
}

.counter .elementor-counter-title {
    text-align: center;
}

.icon-cent figure.elementor-image-box-img {
    position: relative;
    top: 12px;
}

.number-box .elementor-icon-box-content {
    display: flex;
    align-items: end;
    gap: 20px;
}

.number-box .elementor-icon-box-content h3 {
    margin: 0 !important;
}

.bg-fixed {
    background-size: 100% 100% !important;
}

.team-style-1 span {
    margin-top: 12px;
    display: block;
}

.team-style-1 h4.elementor-image-box-title {
    margin-top: 0;
}

.team-style-1 img,
img.rounded-image,
.rounded-image picture,
picture.rounded-image img {
  border-radius: 12px !important;
  overflow: clip; /* hide corners cleanly */
}

div#section-hidden {
    display: none;
}

.menu-button a {
	color: #034429 !important; /* Text color */
    background-color: #FFF !important; /* Button background */
    
    padding: 5px 10px !important;
    border-radius: 10px;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s ease;
}

.menu-button a:hover {
    background-color: #e14c50; /* Hover color */
}

.team-style-1.l2 h4 span {color: #000;font-size: 15px;display: contents;}

/* ===== Tablet (screens between 768px and 1024px) ===== */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Your tablet-specific styles here */
	
.mobile-scroll {width: 100%;overflow-x: scroll;}

.mobile-scroll nav {
    width: 120% !important;
}	
	
.overflwo-tab {
    overflow: hidden;
}	
	
.team-style-1 h4.elementor-image-box-title {
    font-size: 18px !important;
}	
	
	
}


/* ===== Mobile (screens up to 767px wide) ===== */
@media only screen and (max-width: 767px) {
  /* Your mobile-specific styles here */
	
.top-banner::after {
    height: 280px;
}	
	
.numbers-row .elementor-counter-title {
    text-align: left !important;
    align-items: start !important;
    justify-content: start !important;
}	
	
	
}