/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1750670465
Updated: 2025-06-23 09:21:05

*/

.dental-implants-nav-bg {
  background: linear-gradient(to right, #4e7ef0, #6a61ec); /* lighter blue to indigo */
  color: white;
}

.childrens-dentistry-nav-bg {
  background: linear-gradient(to right, #e14998, #aa5bec); /* lighter pink to purple */
  color: white;
}

.teeth-whitening-nav-bg {
  background: linear-gradient(to right, #aa5bec, #e14998); /* purple to pink (softened) */
  color: white;
}

.emergency-dentist-nav-bg {
  background: linear-gradient(to right, #4e7ef0, #39c9bd); /* blue to softer teal */
  color: white;
}

.hygienist-nav-bg {
  background: linear-gradient(to right, #3eb96c, #39c9bd); /* softened green to teal */
  color: white;
}

.facial-aesthetics-nav-bg {
  background: linear-gradient(to right, #ec3e67, #e14998); /* rose to pink, lightened */
  color: white;
}

.crowns-nav-bg {
  background: linear-gradient(to right, #4668e5, #64cedf); /* amber to orange (lighter) */
  color: white;
}

.composite-bonding-nav-bg {
  background: linear-gradient(to right, #38b68b, #39c9bd); /* emerald to teal, softened */
  color: white;
}

.composite-veneers-nav-bg {
  background: linear-gradient(to right, #6a61ec, #4e7ef0); /* indigo to blue, lighter */
  color: white;
}

.porcelain-veneers-nav-bg {
  background: linear-gradient(to right, #9f6df0, #aa5bec); /* violet to purple, softened */
  color: white;
}

.composite-fillings-nav-bg {
  background: linear-gradient(to right, #3ed5e4, #4e7ef0); /* cyan to blue, lighter */
  color: white;
}

.root-canal-nav-bg {
/*    background: linear-gradient(to right, #ef4444, #f97316); */
	background-image: linear-gradient(
    to bottom right,
    #ef9b44e6,
    #ea580c
  );
  color: white;
}

.clear-aligners-nav-bg {
  background: linear-gradient(to right, #38b68b, #3eb96c); /* emerald to green, softened */
  color: white;
}

.airflow-treatment-nav-bg {
  background: linear-gradient(to right, #3ed5e4, #4e7ef0); /* cyan to blue, softened */
  color: white;
}

.dentures-nav-bg {
  background: linear-gradient(to right, #6a61ec, #9f6df0); /* indigo to violet, softened */
  color: white;
}

.dental-bridge-nav-bg{
	background-image: linear-gradient(
  	135deg,
  	#c3955b 0%,     /* rich golden brown */
  	#b98a4d 25%,    /* medium shade, less pale */
  	#a8743e 50%,    /* deeper golden brown */
  	#8c5f31 75%,    /* dark earthy tone */
  	#754a25 100%    /* strong dark end */ );
	color : white;
}


.default-nav-bg {
	
	background: linear-gradient(
  	to bottom right,
  	#1e6fbf 0%,    /* deep blue start */
  	#0f99fa 55%,   /* medium-dark blue */
  	#1e6fbf 100%   /* darker blue end */
	);

}

/* Button CSS */
.header-button {
  border: 2px solid;
  background-color: transparent;
  padding: 10px 20px;
  border-radius: 9999px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
  white-space: nowrap;
}

/* Dental Implants */
.dental-implants-button {
  border-color: #2563eb !important;
  color: #2563eb !important;
}
.dental-implants-button:hover {
  background-color: #2563eb !important;
  color: #ffffff !important;
}

/* Children's Dentistry */
.childrens-dentistry-button {
  border-color: #db2777 !important;
  color: #db2777 !important;
}
.childrens-dentistry-button:hover {
  background-color: #db2777 !important;
  color: #ffffff !important;
}

/* Teeth Whitening */
.teeth-whitening-button {
  border-color: #9333ea !important;
  color: #9333ea !important;
}
.teeth-whitening-button:hover {
  background-color: #9333ea !important;
  color: #ffffff !important;
}

/* Emergency Dentist */
.emergency-dentist-button {
  border-color: #2563eb !important;
  color: #2563eb !important;
}
.emergency-dentist-button:hover {
  background-color: #2563eb !important;
  color: #ffffff !important;
}

/* Hygienist */
.hygienist-button {
  border-color: #16a34a !important;
  color: #16a34a !important;
}
.hygienist-button:hover {
  background-color: #16a34a !important;
  color: #ffffff !important;
}

/* Facial Aesthetics */
.facial-aesthetics-button {
  border-color: #e11d48 !important;
  color: #e11d48 !important;
}
.facial-aesthetics-button:hover {
  background-color: #e11d48 !important;
  color: #ffffff !important;
}

/* Crowns */
.crowns-button {
   border-color: #2563eb !important;
  color: #2563eb !important;
}
.crowns-button:hover {
  background-color: #2563eb !important;
  color: #ffffff !important;
}

/* Composite Bonding */
.composite-bonding-button {
  border-color: #059669 !important;
  color: #059669 !important;
}
.composite-bonding-button:hover {
  background-color: #059669 !important;
  color: #ffffff !important;
}

/* Composite Veneers */
.composite-veneers-button {
  border-color: #4f46e5 !important;
  color: #4f46e5 !important;
}
.composite-veneers-button:hover {
  background-color: #4f46e5 !important;
  color: #ffffff !important;
}

/* Porcelain Veneers */
.porcelain-veneers-button {
  border-color: #7c3aed !important;
  color: #7c3aed !important;
}
.porcelain-veneers-button:hover {
  background-color: #7c3aed !important;
  color: #ffffff !important;
}

/* Composite Fillings */
.composite-fillings-button {
  border-color: #06b6d4 !important;
  color: #06b6d4 !important;
}
.composite-fillings-button:hover {
  background-color: #06b6d4 !important;
  color: #ffffff !important;
}

/* Root Canal */
.root-canal-button {
  border-color: #dc2626 !important;
  color: #dc2626 !important;
}
.root-canal-button:hover {
  background-color: #dc2626 !important;
  color: #ffffff !important;
}

/* Clear Aligners */
.clear-aligners-button {
  border-color: #059669 !important;
  color: #059669 !important;
}
.clear-aligners-button:hover {
  background-color: #059669 !important;
  color: #ffffff !important;
}

/* Airflow Treatment */
.airflow-treatment-button {
  border-color: #06b6d4 !important;
  color: #06b6d4 !important;
}
.airflow-treatment-button:hover {
  background-color: #06b6d4 !important;
  color: #ffffff !important;
}

/* Dentures */
.dentures-button {
  border-color: #4f46e5 !important;
  color: #4f46e5 !important;
}
.dentures-button:hover {
  background-color: #4f46e5 !important;
  color: #ffffff !important;
}


/* Dental Bridge */
.dental-bridge-button {
  border-color: #b98a4d !important;
  color: #b98a4d !important;
}
.dental-bridge-button:hover {
  background-color: #b98a4d !important;
  color: #ffffff !important;
}

/* default buttons */
.default-button {
  border-color: #0f99fa !important;
  color: #0f99fa !important;
}
.default-button:hover {
  background-color: #0f99fa !important;
  color: #ffffff !important;
}


/* Phone buttons  */
/* Dental Implants */
.dental-implants-call-button { background-color: #2563eb !important; color: #ffffff !important; }
.dental-implants-phone-icon { color: #2563eb !important; }

/* Children's Dentistry */
.childrens-dentistry-call-button { background-color: #db2777 !important; color: #ffffff !important; }
.childrens-dentistry-phone-icon { color: #db2777 !important; }

/* Teeth Whitening */
.teeth-whitening-call-button { background-color: #9333ea !important; color: #ffffff !important; }
.teeth-whitening-phone-icon { color: #9333ea !important; }

/* Emergency Dentist */
.emergency-dentist-call-button { background-color: #2563eb !important; color: #ffffff !important; }
.emergency-dentist-phone-icon { color: #2563eb !important; }

/* Hygienist */
.hygienist-call-button { background-color: #16a34a !important; color: #ffffff !important; }
.hygienist-phone-icon { color: #16a34a !important; }

/* Facial Aesthetics */
.facial-aesthetics-call-button { background-color: #e11d48 !important; color: #ffffff !important; }
.facial-aesthetics-phone-icon { color: #e11d48 !important; }

/* Crowns */
.crowns-call-button { background-color: #2563eb !important; color: #ffffff !important; }
.crowns-phone-icon { color: #2563eb !important; }

/* Composite Bonding */
.composite-bonding-call-button { background-color: #059669 !important; color: #ffffff !important; }
.composite-bonding-phone-icon { color: #059669 !important; }

/* Composite Veneers */
.composite-veneers-call-button { background-color: #4f46e5 !important; color: #ffffff !important; }
.composite-veneers-phone-icon { color: #4f46e5 !important; }

/* Porcelain Veneers */
.porcelain-veneers-call-button { background-color: #7c3aed !important; color: #ffffff !important; }
.porcelain-veneers-phone-icon { color: #7c3aed !important; }

/* Composite Fillings */
.composite-fillings-call-button { background-color: #06b6d4 !important; color: #ffffff !important; }
.composite-fillings-phone-icon { color: #06b6d4 !important; }

/* Root Canal */
.root-canal-call-button { background-color: #dc2626 !important; color: #ffffff !important; }
.root-canal-phone-icon { color: #dc2626 !important; }

/* Clear Aligners */
.clear-aligners-call-button { background-color: #059669 !important; color: #ffffff !important; }
.clear-aligners-phone-icon { color: #059669 !important; }

/* Airflow Treatment */
.airflow-treatment-call-button { background-color: #06b6d4 !important; color: #ffffff !important; }
.airflow-treatment-phone-icon { color: #06b6d4 !important; }

/* Dentures */
.dentures-call-button { background-color: #4f46e5 !important; color: #ffffff !important; }
.dentures-phone-icon { color: #4f46e5 !important; }

/* Dental Bridge */
.dental-bridge-call-button { background-color: #b98a4d !important; color: #ffffff !important; }
.dental-bridge-phone-icon { color: #b98a4d !important; }

/* Default */
.default-call-button { background-color: #0f99fa !important; color: #ffffff !important; }
.default-phone-icon { color: #0f99fa !important; }