/*
    Theme Name:   Hospa Child
    Description:  Hospa Child Theme
    Author:       HiBootstrap
    Author URI:   http://hibootstrap.com
    Template:     hospa
    Version:      1.7
    Text Domain:  hospa-child
*/

.about-content .list li {
    align-items: start!important;
}

.about-content .list li i {
    margin-top: 4px!important;
}

/* color changes */
.details-contenet-area .single-news p{
	color: #444f6f!important;
}

h1, h2 h3, h4, h5, h6, p,.elementor-heading-title, .elementor-widget-n-tabs .e-n-tab-title-text {
	font-family: "Roboto", Sans-serif!important;
}

.page-banner-inner .content .list {
    align-items: center!important;
    justify-content: center!important;
    padding-top: 30px!important;
}

.page-banner-inner .information li .phone-btn {
    display: inline-flex;
    padding: 5px 25px 5px 5px;
    align-items: center;
    border-radius: 50px;
    background-color: var(--whiteColor);
    display: none !important;
}

.doctor-image {
    text-align: center!important;
}

.page-banner-inner .content a {
    color: #fff;
    margin-right: 0px !important;
    position: relative;
	font-size: 13px!important;
	letter-spacing: 1.2px
}

.page-banner-inner .content .list li a:hover {
    color: #D32F2F !important;
	
}

.page-banner-inner .content .list li:last-child {
    margin-right: 0;
    font-size: 13px;
	letter-spacing: 1.2px
}

.page-banner-custom{
    background-color: #f5f5f5;
}

.page-banner-inner {
    border-radius: 0px!important;
    background-color: #F2F2F2!important;
    padding: 75px 55px 75px 75px;
    position: relative;
    max-width: 100%!important;
    margin: 0px auto 0!important;
}

.page-banner-inner .content h1{
    color: #000000!important; 
	font-size: 48px!important;
}

.page-banner-inner .content .list li {
    font-family: Roboto!important;
    font-weight: 600!important;
    font-style: normal!important;
    color: #D32F2F !important;
}

.page-banner-inner .content .list li a {
    color: #000!important;
    font-weight: 600!important;
}

.page-banner-area .container-fluid{
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.page-banner-area {
    padding-top: 0px !important;
}

.page-banner-inner .content .list li::before {
    content: "/"!important;
    font-weight: 900!important;
    color: #808285!important;
}

.page-banner-inner .content {
    color: #fff!important;
    text-align: center!important;
} 

.content-custom {
    text-align: center;
    padding-bottom: 40px;
} 

.ptb-50{
    padding-top: 50px;
    padding-bottom: 50px;
}

.post-type-archive-services a.post-type-bc {
    color: #D32F2F!important;
}

/* Custom Glossary */
.glossary-container {
    max-width: 900px;
    margin: 40px auto;
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.search-input {
    margin-bottom: 20px;
}
.term-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.term-item {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    transition: all 0.3s ease;
}
.term-link {
    text-decoration: none;
    color: #007bff;
    font-weight: 500;
}
.term-link:hover {
    color: #0056b3;
    text-decoration: underline;
}
.term-item:hover {
    background-color: #e9ecef;
    transform: scale(1.05);
}
#noResults {
    display: none;
    text-align: center;
    color: #6c757d;
}

@media (max-width: 480px) {
    .term-grid {
        grid-template-columns: 1fr;
    }
}

.wpforms-submit-container {
    text-align: center;
}

button#wpforms-submit-7041 {
    text-align: center;
    padding: 10px 55px;
}

.page-banner-inner .content .list {
    word-break: auto-phrase!important;
}

.custom-sidebar-menu a.elementor-item.elementor-item-active {
    background: #fff!important;
    height: 57px!important;
    border: 2px solid #EE3A41 !important;
	border-radius: 20px!important;
    padding: 10px 25px !important;
}

.custom-sidebar-menu a.elementor-item {
    height: 57px !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
    padding: 10px 25px !important;
    margin-top: 23px!important;
}

.custom-sidebar-menu a.elementor-item:hover {
    background: #fff !important;
    border: 2px solid #EE3A41 !important;
}

.custom-sidebar-menu a.elementor-item.elementor-item-active:after {
	font-family: "Font Awesome 5 Free";
    content: "\f30b";
    display: flex;
    position: absolute;
    right: 0;
    display: inline-block;
    padding-right: 22px;
    vertical-align: middle;
	color: #EE3A41 !important;
}

.custom-sidebar-menu a.elementor-item:after {
	font-family: "Font Awesome 5 Free";
    content: "\f30b";
    display: flex;
    position: absolute;
    right: 0;
    display: inline-block;
    padding-right: 22px;
    vertical-align: middle;
	opacity: 1 !important;
	color: #EE3A41 !important;
}

.elementor-button-icon {
    display: flex;
    align-items: center!important;
}

body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
   position: relative;
   z-index: -1;
}
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
   content: "";
   display: block;
   height: 100px;
   margin: -200px 0 0;
   visibility: hidden;
   pointer-events: none;
}

.page-banner-inner .content .list li:last-child {
    margin-right: 0;
    margin-bottom: 0px;
}
.page-banner-inner .content .list li a {
	font-family: 'Roboto' !important;
}

.about-content .list li {
    margin-bottom: 10px !important;
}

.about-content .list {
    margin-top: 0px !important;
}

.page-banner-inner .content h1 {
    line-height: 1.5 !important;
}

.page-banner-area {
    background-color: #F2F2F2 !important;
}

.box-shadow.e-flex {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.doctor-timetable-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
	margin-top: -8px;
}

table.doctor-timetable {
  width: 100%;
  border-collapse: collapse;
  margin: 0px 0 0;
  min-width: 600px;
  table-layout: fixed;
	font-family: "Roboto", Sans-serif!important;
}

table.doctor-timetable thead th,
table.doctor-timetable tbody td {
  width: 16.66%;
}

table.doctor-timetable thead th {
  background-color: #ddd;
  color: #333;
  font-size: 16px;
  padding: 16px;
  border: 1px solid #ccc;
	text-align: center;
}

table.doctor-timetable tbody td {
  background-color: #f9f9f9;
  color: #000;
  font-size: 14px;
  text-align: center;
  padding: 5px;
  border: 1px solid #ddd;
	height: 42px;
}

table.doctor-timetable tbody tr:hover td {
  background-color: #eef6fa;
}

table.doctor-timetable td:first-child {
  color: #000;
}

@media screen and (max-width: 768px) {
  table.doctor-timetable {
    font-size: 13px;
  }

  table.doctor-timetable thead th,
  table.doctor-timetable tbody td {
    padding: 10px;
  }
}

.qua-info-list li h5 {
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 0px!important;
}
.qua-info-list li:last-child {
    padding-bottom: 0px !important;
    border: none !important;
}

.sc-services-inner ol, .sc-services-inner ul{
    padding-left:0px;
}

.sc-services-inner .content {
    padding: 30px 0 0 0 20px;
}

.elementor-8629 .elementor-element.elementor-element-7296676 .sc-services-inner .content .number {
    display: none;
}

.elementor-8629 .elementor-element.elementor-element-7296676 .sc-services-tabs .nav-item .nav-link {
    font-size: 23px;
    line-height: 36px;
    letter-spacing: -0.3px;
    word-spacing: 3px;
}

sup {
    display: none;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
    left: calc(var(--dots-horizontal-position) + var(--dots-horizontal-offset)) !important;
}

.single-publications .page-banner-inner .content h1 {
    color: #000000 !important;
    font-size: 26px !important;
    line-height: 1.5 !important;
}

.single-publications .page-banner-inner .content .list {
    align-items: flex-start!important;
    justify-content: center!important;
    padding-top: 30px !important;
    flex-wrap: nowrap!important;
}

@media (max-width: 768px) {
	.post-type-archive .content-custom {
    	text-align: left;
    	padding-bottom: 40px;
	}
    .term-grid {
        grid-template-columns: repeat(2, 1fr);
    }
	.doctor-timetable-wrapper {
		margin-top: 0px;
	}
	.swiper-pagination-bullets.swiper-pagination-horizontal {
    	left: calc(var(--dots-horizontal-position) + var(--dots-horizontal-offset)) !important;
    }
	
	.homepage-main-button {
    	display: block;
    }
	
	.single-publications .page-banner-inner .content h1 {
    	color: #000000 !important;
    	font-size: 20px !important;
    	line-height: 1.5 !important;
		text-align: left!important;
	}
	.single-publications .page-banner-inner .content .list {
        align-items: center !important;
        justify-content: flex-start !important;
        padding-top: 30px !important;
        flex-wrap: wrap !important;
        text-align: left;
        line-height: 1.5;
    }
	 .page-banner-inner .content h1 {
    	color: #000000 !important;
    	font-size: 20px !important;
    	line-height: 1.5 !important;
		text-align: left!important;
	}
	.page-banner-inner .content .list {
        align-items: center !important;
        justify-content: flex-start !important;
        padding-top: 30px !important;
        flex-wrap: wrap !important;
        text-align: left;
        line-height: 1.5;
    }


}

.post-5710 .elementor-element-66411fa,
.post-12009 .elementor-element-66411fa{
   display: none !important;
}

.contact-font p, 
.contact-font p a,
.contact-info .elementor-widget-container a{    
	font-weight: 500!important;
    font-size: 16px!important;
}


.contact-font .elementor-widget-container a {
    font-weight: 500 !important;
    font-size: 16px !important;
}

/* ─── desktop & larger ─────────────────────────────────────────── */
@media (min-width: 992px) {

  /* Ensure the browser respects our column widths */
  .doctor-timetable {
    table-layout: fixed;   /* required so the widths below “stick” */
    width: 100%;           /* keeps the table full‑width */
  }

  /* Stop any day/time from breaking onto two lines */
  .doctor-timetable th,
  .doctor-timetable td {
    white-space: nowrap;   /* time stays on one line */
  }

  /* Give every column enough room for a full 12‑hour time range.
     130 px is a sweet spot for most fonts; tweak if needed. */
  .doctor-timetable th,
  .doctor-timetable td {
    width: 130px;
  }
	

}


/* .declaration .wpforms-submit-container:before {
	content: 'Kindly note that this is not a confirmed appointment. \AOur KLSMC Customer Service team will contact you to finalize your appointment date & time based on availability.';
    display: flex;
    justify-content: center;
    background: #f2f2f2;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 36px;
	white-space: pre-line;
	font-weight: 700;
} */

.wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-content {
    padding-top: 20px;
    padding-bottom: 0;
    background: #f2f2f2;
    border-radius: 10px;
    margin-bottom: 36px;
}

/*hide dr appointment button dr page*/
.post-5710 .elementor-element.elementor-element-b518931 .elementor-button,
.post-12009 .elementor-element.elementor-element-b518931 .elementor-button,
.post-14434 .elementor-element.elementor-element-b518931 .elementor-button,
.post-14607 .elementor-element.elementor-element-b518931 .elementor-button,
.post-6618 .elementor-element.elementor-element-b518931 .elementor-button{
	display:none!important;
}

.post-5710 .elementor-element.elementor-element-020e82c,
.post-12009 .elementor-element.elementor-element-020e82c,
.post-14434 .elementor-element.elementor-element-020e82c,
.post-14607 .elementor-element.elementor-element-020e82c{
    min-height: initial!important;
    height: 583px!important;
}

/*dr page info section style - no appt button, remove white space*/
.elementor-6716 .elementor-6180.post-5710,
.elementor-6716 .elementor-6180.post-12009,
.elementor-6716 .elementor-6180.post-14434,
.elementor-6716 .elementor-6180.post-14607{
    min-height: initial!important;
    height: 645px!important;
}


@media screen and (max-width: 768px) {
	.post-5710 .elementor-element.elementor-element-020e82c,
	.post-12009 .elementor-element.elementor-element-020e82c,
	.post-14434 .elementor-element.elementor-element-020e82c,
	.post-14607 .elementor-element.elementor-element-020e82c{
    	min-height: initial!important;
    	height: initial!important;
	}
	.elementor-6716 .elementor-6180.post-5710,
	.elementor-6716 .elementor-6180.post-12009,
	.elementor-6716 .elementor-6180.post-14434,
	.elementor-6716 .elementor-6180.post-14607{
    	min-height: initial!important;
    	height: initial!important;
	}
}

.career-vacancy .col-xl-4.col-md-6:nth-child(-n+3) .title p {
    display: none !important;
}

.career-vacancy .job-card {
   justify-content: space-between !important;
}

.career-vacancy .job-card .title h3{
    margin-bottom: 0 !important;
    font-weight: normal !important;
}

/*dr individual page info section style - no appt button no schedule*/
.elementor-5710 .elementor-element.elementor-element-ca462d7,
.elementor-12009 .elementor-element.elementor-element-80eae77,
.elementor-14434 .elementor-element.elementor-element-ca462d7,
.elementor-14607 .elementor-element.elementor-element-ca462d7,
.elementor-6618 .elementor-element.elementor-element-e3e62e3{
    --align-self: flex-end;
    --min-height: 360px;
}

.elementor-6716 .elementor-element.elementor-element-862f6fb .elementor-loop-container {
    grid-auto-rows: unset !important;
}

/*Remove all doctor's appointment button on homepage*/
.elementor-1628 .elementor-element.elementor-element-0e7fdb7 .elementor-6180 .elementor-element.elementor-element-b518931 {
	display: none;
}

/*Time Slot Apppointment (before select) text color*/
select:invalid {
  color: #c0c1c3 !important; /* match the placeholder gray */
  font-weight: normal !important;
}

/*Grey Dr. Name Field*/
.readonly-doctor input[readonly]{
	background: #efefef !important;
}

.hospa-single-blank-page {
    height: initial!important;
}

/*.elementor-share-btn__icon svg {
  width: 24px !important;
  height: 24px !important;
  fill: currentColor !important;
  display: inline-block !important;
}*/