/*
Theme Name: Welfare Veterinary Clinic Child
Theme URI: https://wvetclinic.com/
Author: Arvind (https://eyrietech.in)
Description: Custom WordPress theme for Welfare Veterinary Clinic
Version: 1.0
License: GNU General Public License v2 or later
Template: welfare-veterinary-clinic
Text Domain: welfare-veterinary-clinic-child
*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');


body:not(.home) .site-main  {
 padding-top: 220px;     /*adjust to your header height */
	
}

body:not(.home) .elementor-2073  {
     background: rgba(255, 255, 255, 0.9);
	 /*height:220px;*/
	
}

/* Default masthead */
.elementor-2073 {
  position: fixed !important;
 top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.9); /* semi-transparent white */
  /*backdrop-filter: blur(8px); /* adds blur behind masthead */
  /*-webkit-backdrop-filter: blur(8px); /* Safari support */
  transition: background 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  align-items: center;   /* vertical centering */
  justify-content: space-between; /* logo left, nav right */
  


}

/* Solid white after scroll */
/* Solid white after scroll */
body.scrolled .elementor-2073 {
  background: #000000; /* fully white */
  backdrop-filter: none; /* remove blur once scrolled */
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}



@media (max-width: 767px) {
  .elementor-2073 {
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
  }
}


/* Default logo size */
.elementor-2073 .elementor-widget-image img {
  height: 60px;   /* force height */
  width: auto;    /* keep aspect ratio */
  transition: height 0.3s ease, transform 0.3s ease;
}

/* Shrink logo after scroll */
body.scrolled .elementor-2073 .elementor-widget-image img {
  height: 40px;   /* smaller height */
  transform: scale(0.95); /* optional subtle shrink */
}

/* Shrink header after scroll */
body.scrolled .elementor-2073, .elementor-element-08bf281 {
  height: 70px; /* smaller height */
  /*padding: 10px 0;*/
  margin:0 auto;
  justify-content:center;
  align-items:center;
}

/* Shrink nav menu after scroll */
body.scrolled .elementor-2073 .elementor-nav-menu a {
  font-size: 11px;
  padding: 6px 12px;
  
  
}





#internal-header {
	height:200px;
	padding-top:100px;
	padding-bottom:100px;
}

:root {
  --menu-home: #3A7CA5;   /* Trustful Blue */
  --menu-about: #2e7d32 !important;  /* Safe Green */
  --menu-services: #F9A825 !important; /* Vibrant Orange */
  --menu-values: #9C27B0 !important;  /* Inspiring Purple */
  --menu-contact: #E91E63 !important; /* Friendly Pink */
}

/* Base style */
nav ul li a {
  display: inline-block;
  padding: 10px 14px;
  color: #333; /* dark text for readability on white masthead */
 /* font-family: 'Montserrat', sans-serif;*/
	font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-decoration: none;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Hover colors per item 
nav ul li:nth-child(1) a:hover { color: var(--menu-home) !important; }
nav ul li:nth-child(2) a:hover { color: var(--menu-about) !important; }
nav ul li:nth-child(3) a:hover { color: var(--menu-services) !important; }
nav ul li:nth-child(4) a:hover { color: var(--menu-values) !important; }
nav ul li:nth-child(5) a:hover { color: var(--menu-contact) !important; }
*/
nav ul {
  display: flex;
  gap: 10px;
}



/* section/block CSS */

.section-hero {
  padding-top: 195px !important;
  padding-bottom: 80px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.section-about {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.section-services {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.section-gallery {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.section-testimonials {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.section-team {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.section-locations {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}


/* Typography */

body, p, h1, h2, h3, h4, h5, h6, a, button {
  /*font-family: 'Montserrat', sans-serif !important;*/
	font-family: 'Poppins', sans-serif !important;
}



/* Headings */
/* Default (Desktop) */
h1 {
  font-size: 48px !important;
  line-height: 1.2 !important;
}

h2 {
  font-size: 48px !important;
  line-height: 1.3 !important;
  font-weight:700;
}

h3 {
  font-size: 28px !important;
  line-height: 1.3 !important;
}

h4 {
  font-size: 20px !important;
  line-height: 1.4 !important;
}

h5 {
  font-size: 16px !important;
  line-height: 1.4 !important;
}

/* Tablet (max-width: 1024px) */
@media screen and (max-width: 1024px) {
  h1 { font-size: 40px !important; }
  h2 { font-size: 32px !important; }
  h3 { font-size: 24px !important; }
  h4 { font-size: 20px !important; }
  h5 { font-size: 15px !important; }
  p, li { font-size: 14px !important; }
}

/* Mobile (max-width: 768px) */
@media screen and (max-width: 768px) {
  h1 { font-size: 32px !important; }
  h2 { font-size: 26px !important; }
  h3 { font-size: 20px !important; }
  h4 { font-size: 18px !important; }
  h5 { font-size: 14px !important; }
  p, li { font-size: 13px !important; }
  button, .elementor-button { font-size: 14px !important; }
}

/* Small Mobile (max-width: 480px) */
@media screen and (max-width: 480px) {
  h1 { font-size: 26px !important; }
  h2 { font-size: 22px !important; }
  h3 { font-size: 18px !important; }
  h4 { font-size: 16px !important; }
  h5 { font-size: 13px !important; }
  p, li { font-size: 12px !important; }
  button, .elementor-button { font-size: 13px !important; }
}













/* Services cards */

.card-services{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius:24px;
}



/* Card Outreach */
.services-container {
  display: flex !important;
  flex-wrap: wrap;
  gap: 20px; /* spacing between cards */
  /*background-color:#999999;*/
}

.card-services {
  flex: 0 0 30%;   /* 3 per row on desktop */
  box-sizing: border-box;
  margin-bottom:80px;
}
@media (max-width: 992px) {
  .card-services { flex: 0 0 48%; } /* 2 per row */
}
@media (max-width: 576px) {
  .card-services { flex: 0 0 100%; } /* 1 per row */
}


.card-services .elementor-widget-image   {
	overflow:hidden;
	border-radius: 24px 24px 0 0;
}
.card-services .services-image img {
  transition: .3s ease-in-out;
  display: block;
}


.card-services .services-image img:hover{
	transform: rotate(0deg) scale(1.2);
	
}


/* Testimonials */

/* ============================
   Testimonials Section Styles
   ============================ */

.sp-testimonial-title h3 {
	font-size:24px !important;
	color:#111317 !important;
}

.sp-testimonial-client-testimonial .sp-testimonial-content p {
	font-size:14px !important;
	line-height:18px;
	color:#111317 !important;
}


.sp-testimonial-client-testimonial h4, .sp-testimonial-client-name{
	font-size:18px !important;
}


#sp-testimonial-free-wrapper-1534 .sp-testimonial-free-section .sp-testimonial-client-rating i.fa-star {
    color: #ffb900 !important;
}

.sp-testimonial-client-designation {}

#sp-testimonial-free-wrapper-1534 .sp-testimonial-free-section .testimonial-nav-arrow {
    background: #00ada2;
    border: 1px solid #ffffff;
    color: #ffffff !important;
	border-radius:50% 50% !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}


/*.sp-testimonial-item {
  width: 100%;
  height: auto;
  background: 
    radial-gradient(circle at top left, #3A7CA5, transparent 30%),
    radial-gradient(circle at top right, #2e7d32, transparent 30%),
    radial-gradient(circle at bottom left, #F9A825, transparent 30%),
    radial-gradient(circle at bottom right, #9C27B0, transparent 30%) !important;
}*/
.sp-testimonial-item {
  background: #fff;
  border-radius: 24px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
	padding:30px;
	margin-top:100px;
	height:350px !important;
}

.sp-testimonial-item:hover {
  transform: translateY(-5px) !important;
 box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;
 background: #ffffff !important;
}

.sp-testimonial-client-image {
	position: relative !important;
  margin-top: -100px !important;
  z-index: 2 !important;
	overflow:hidden !important;

}

.sp-testimonial-client-image img{
	border:10px solid #ffffff !important;
	box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

.sp-testimonial-post-title {
	font-size:24px !important
	
}

.sp-testimonial-content p{
	font-size:14px !important;
	font-weight:400 !important;
	color:#111317 !important;
}




/* ============================
   Team Section Styles
   ============================ */

.team-member-info-content {
	
	height:200px !important;
}


@media screen and (max-width: 1024px) {


.team-member-info-content {
	margin-bottom:100px !important;
	height:200px !important;
}
}

.team-member-info-content header img{
	width:150px;
	 box-shadow: 0 4px 12px rgba(0,0,0,0.25);
	border-radius: 65px 0px 65px 0px !important;
	
	padding:0px !important;
	border:solid 10px #ffffff !important;
	margin-top:-100px;
}

.team-member-info-content header img:hover{
	transform: scale(1.09);
	opacity:1 !important;
	
}

.team-member-info-content .team-member-desc h2 {
	font-size:14px !important;
	color:#111317 !important;
	font-weight:700 !important;
}

.team-member-info-content .team-member-desc a {
	font-size:12px !important;
	color:#111317 !important;
}


.team-member-info-content:hover .team-position {
	color:#00ada2 !important;
}

.team-member-info-content:hover .team-short-bio {
	color:#00ada2 !important;
}



.team-member-info-content:hover .team-member-desc h2  {
	color:#00ada2 !important;
}

.team-member-info-content:hover .team-member-other-info a, i {
	color:#00ada2 !important;
}


.team-member-info-content {
	border-radius: 24px;
	background-color: #ffffff;
	box-shadow: 0 6px 18px rgba(0,0,0,0.15);
	justify-items:center !important;
	transition: all 0.9s ease;

}
/*
.team-member-info-content:hover {
background-color: var(--menu-home) !important;
	
}

.team-member-info-wrap:nth-child(1) .team-member-info-content:hover { background-color: var(--menu-home) !important; }
.team-member-info-wrap:nth-child(2) .team-member-info-content:hover { background-color: var(--menu-about) !important; }
.team-member-info-wrap:nth-child(3) .team-member-info-content:hover { background-color: var(--menu-services) !important; }
.team-member-info-wrap:nth-child(4) .team-member-info-content:hover { background-color: var(--menu-values) !important; }


*/




/*
.section-spacing {
  width: 100%;
  height: auto;
  background: 
    radial-gradient(circle at top left, red, transparent 30%),
    radial-gradient(circle at top right, blue, transparent 30%),
    radial-gradient(circle at bottom left, green, transparent 30%),
    radial-gradient(circle at bottom right, orange, transparent 30%) !important;
}

*/

.wpr-feature-list-title {
	font-size:11px !important
}
.wpr-feature-list-icon-inner-wrap {
	width:30px !important;
	height:auto !important;
	padding:5px !important;
}


/* NewsLetter */


/* Newsletter section wrapper */
.newsletter-section {
  background: #f5f5f5;
  padding: 50px 20px;
  text-align: center;
}

.newsletter-section h2 {
  font-size: 2rem;
  margin-bottom: 10px;
  color: #0073e6;
}

.newsletter-section p {
  margin-bottom: 20px;
  color: #333;
}

/* Force MailPoet form into a single row */
.mailpoet_form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px; /* spacing between input and button */
  max-width: 600px;
  margin: 0 auto;
}

/* Input field */
.mailpoet_form .mailpoet_text {
  flex: 1;
  height: 45px;
  padding: 15px 15px;
  line-height: 45px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

/* Submit button */
.mailpoet_form .mailpoet_submit {
  height: 45px;
  padding: 0 25px;
  line-height: 45px;
  background: #0073e6;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: auto !important; /* prevent full width */
}

.mailpoet_form .mailpoet_submit:hover {
  background: #005bb5;
}
.mailpoet_paragraph.last {
    margin-bottom: 20px !important; 
}

#mailpoet_form_1 .mailpoet_submit {
    padding: 0px 15px !important;
}

#mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea {
    width: 600px !important;
}


/* Responsive fallback: stack on mobile */
@media (max-width: 600px) {
  .mailpoet_form {
    flex-direction: column;
    gap: 15px;
  }
  .mailpoet_form .mailpoet_submit {
    width: 100% !important;
  }
}

/* Contact home page */
@media screen and (max-width: 1024px) {
.wpr-feature-list {
	margin-left:5px !important;
	
}

.wpr-feature-list-title {
	font-size:11px !important
}
	.elementor-6 .elementor-element.elementor-element-acd5da8.wpr-feature-list-left .wpr-feature-list-icon-wrap {
    margin-right: 10px !important;
}
}

@media screen and (min-width: 1025px) {
.wpr-feature-list {
	margin-left:5px !important;
	
}

.wpr-feature-list-title {
	font-size:14px !important
}
	.elementor-6 .elementor-element.elementor-element-acd5da8.wpr-feature-list-left .wpr-feature-list-icon-wrap {
    margin-right: 10px !important;
}
}



/* Vertical footer menu only */
/* Vertical footer menu with tight spacing */
.footer-menu .wpr-nav-menu-container.wpr-nav-menu-horizontal ul.wpr-nav-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-menu .wpr-nav-menu-container.wpr-nav-menu-horizontal ul.wpr-nav-menu li {
    display: block !important;
    margin: 0 !important;       /* remove extra margin */
    padding: 0 !important;      /* remove extra padding */
    line-height: 1.2 !important; /* compact line spacing */
}

.footer-menu .wpr-nav-menu-container.wpr-nav-menu-horizontal ul.wpr-nav-menu a {
    display: block !important;
    padding: 2px 0 !important;  /* minimal vertical padding */
    margin: 0 !important;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.2 !important;
    transition: color 0.3s ease;
}

.footer-menu .wpr-nav-menu-container.wpr-nav-menu-horizontal ul.wpr-nav-menu a:hover {
    color: #00ada2; /* logo teal */
}


.sbi_feedtheme_header_text h3 {
	color:#03426c;
	text-transform:upper-alpha;
}

.sbi_feedtheme_header_text h3:hover {
	color:#000000;
}






.wpr-nav-menu .wpr-sub-menu {
    display: none;
    position: absolute;
    z-index: 9999;
    width: 280px !important;
    text-align: left;
    list-style: none;
    margin: 0;
}