/*
Theme Name: Dermal Child
Template:   dermal
Theme URI: https://themeforest.net/user/awaiken
Description: Dermatologist & Cosmetology Clinic WordPress Theme
Author: Awaiken
Author URI: https://themeforest.net/user/awaiken
Version: 1.0.0
Text Domain: dermal-child
*/

.elementskit-submenu-indicator {
	-webkit-text-stroke: 1px #000;
}

.ekit-wid-con .ekit-vertical-navbar-nav .elementskit-submenu-indicator {
	border: 0 !important;
	-webkit-text-stroke: 1px #fff;
}

#menu-footer-menu li.elementskit-dropdown-has:hover>.elementskit-dropdown {
  box-shadow: none;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  background: none;
  margin-bottom: 1rem;
}

#menu-footer-menu .elementskit-dropdown>li:not(:last-child) {
	border: 0;
}

#menu-footer-menu .elementskit-dropdown a {
	color: #fff;
	padding: .125rem 0;
}

	tr td .ekit_table_body_container {
		justify-content: start !important;
		text-align: left !important;
	}

@media screen and (max-width: 1024px) {
  .elementskit-submenu-indicator {
	padding: .25em .7em;
	border-radius: 0;
	text-align: right;
	flex-grow: 1;
	font-size: 16px;
	position: relative;
	z-index: 999999999;
  }

	#menu-footer-menu .elementskit-submenu-indicator {
		border: 0 !important;
		-webkit-text-stroke: 1px #fff;
	}
	
	.ekit-wid-con .icon.icon-down-arrow1::before,
	.icon.icon-down-arrow1::before {
		margin-right: .5rem;
	}
	
	.elementor-4171 .elementor-element.elementor-element-396a9d8 .elementskit-navbar-nav-default .elementskit-dropdown-has>a .elementskit-submenu-indicator {
	  height: 1.25rem;
	  align-content: center;
	}

	.elementskit-submenu-indicator::before {
/* 		pointer-events: none; */
		z-index: 10000000;
	}
	
	.ekit_table_body_container {
		text-align: left;
	}
	
	table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child .ekit_table_body_container {
		padding-left: 30px;
	}
}

.team-slider img {
  aspect-ratio: 1 / 1.4;
  object-fit: cover;
}

.h2s--small h2 {
  font-size: 2rem;
  margin-bottom: .75rem;
  margin-top: .75rem;
}

.elementor-page-9668 p {
	max-width: 65ch;
}

.grid--services img {
  aspect-ratio: 1.75 / 1;
  object-fit: cover;
}

.image-box-img-center img {
  aspect-ratio: 1.5;
  object-fit: cover;
}

/* Contact Form 7 Styling */

/* General form container */
.wpcf7 form {
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* Labels */
.wpcf7 form p {
  margin-bottom: 1.2rem;
  font-size: 0.95rem;
  color: #333;
}

/* Text inputs, email, tel, textarea */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea,
.wpcf7 select {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 1rem;
  transition: border-color 0.3s, box-shadow 0.3s;
  background: #fafafa;
}

/* Focus state */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  border-color: #0073e6;
  box-shadow: 0 0 0 3px rgba(0,115,230,0.15);
  outline: none;
  background: #fff;
}

/* Submit button */
.wpcf7 input[type="submit"] {
  display: inline-block;
  background: #0073e6;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.9rem 2rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s, transform 0.1s;
}

/* Hover/active states */
.wpcf7 input[type="submit"]:hover {
  background: #005bb5;
}
.wpcf7 input[type="submit"]:active {
  transform: scale(0.97);
}

/* Error messages */
.wpcf7-not-valid-tip {
  font-size: 0.85rem;
  color: #d9534f;
  margin-top: 0.3rem;
}

/* Success message */
.wpcf7 form.sent .wpcf7-response-output {
  border: 2px solid #28a745;
  color: #155724;
  background: #d4edda;
  padding: 1rem;
  border-radius: 6px;
}

/* Error message (form-wide) */
.wpcf7 form.invalid .wpcf7-response-output {
  border: 2px solid #d9534f;
  color: #721c24;
  background: #f8d7da;
  padding: 1rem;
  border-radius: 6px;
}

/* Wrap radio buttons inline */
.wpcf7-list-item {
  display: inline-flex;
  align-items: center;
  margin-right: 1.5rem; /* spacing between options */
  margin-bottom: .5rem; /* spacing if they wrap */
	margin-left: 0;
}

/* Ensure label text sits right next to input */
.wpcf7-list-item label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 1rem;
  color: #333;
}

/* Adjust input spacing */
.wpcf7-list-item input[type="radio"],
.wpcf7-list-item input[type="checkbox"] {
  margin: 0 .5rem 0 0 !important; /* tight spacing before text */
  width: 18px;
  height: 18px;
  accent-color: #0073e6; /* modern browsers support this */
  cursor: pointer;
}

/* Optional: Make radio buttons a bit cleaner on WebKit */
.wpcf7-list-item input[type="radio"] {
  border-radius: 50%;
}

/* Accessibility focus ring */
.wpcf7-list-item input[type="radio"]:focus,
.wpcf7-list-item input[type="checkbox"]:focus {
  outline: 2px solid #0073e6;
  outline-offset: 2px;
}

h3 .wpcf7-form-control-wrap,
p .wpcf7-form-control-wrap {
  display: block;
	padding-top: 1rem;
}

.float-img {
	border-radius: .5rem !important;
}

.post-single-meta li:last-of-type,
.post-tags {
  display: none;
}

#prevNext p {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.ekit-form .wpcf7-previous,
#prevNext input.wpcf7-previous,
.dermal-block-style .ekit-wid-con .ekit-form form input.wpcf7-previous:not([type=submit]):not([type=checkbox]):not([type=radio]) {
/*   background-color: #414646;
  border: 0 solid #000; */
/*   color: #fff !important; */
  width: auto !important;
  display: inline-block !important;
  font-weight: 400 !important;
  transition: all .4s ease !important;
  padding: 12px 72px !important;
  font-size: .9375rem !important;
  cursor: pointer !important;
  height: auto !important;
  line-height: 15px !important;
}

.ekit-template-content-footer p .wpcf7-form-control-wrap {
	padding-top: 0;
}

.ekit-template-content-footer .wpcf7-form {
	padding: 0;
}

[for="agree"],
[for="agree-to-terms"] {
	font-weight: bold !important;
}

@media all and (max-width: 800px) {
	.ekit-accordion--content table {
	  margin-left: -65px;
  	  margin-right: -85px;
		width: calc(100% + 150px) !important;
	}
}

@media all and (min-width: 1025px) {
	.menu-item-11014 {
		display: none;
	}
}

@media all and (max-width: 1114px) {
	.float-img {
		aspect-ratio: 2.5/1;
		margin-bottom: .5rem;
		object-fit: cover;
		width: 100%;
	}
}

@media all and (min-width: 1115px) {
	.float-img {
		float: right;
	}
}