/*
Theme Name: Medcaline Child
Theme URI: http://demo.7iquid.net/medcaline
Author: 7iquid
Author URI: http://themeforest.net/user/7iquid
Template: medcaline
Description: Medcaline is a powerful WordPress theme for Psychologists and other medical professionals. It is fully responsive & SEO friendly. We’ve bundled it with a popular and easy to use Elementor Page Builder plugin and have created multiple custom elements for it so you can just drag & drop elements to create your perfect page layout.
Version: 1.1.0
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: medcaline-child
Tags: elementor, business, consulting, counseling, health, healthcare, Life Coach, medical, orthopedic, physiotherapy, practice, psychiatrist, psychologist, psychology, therapist, therapy, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*********************************************************************************************************/
h3 { font-family:"Roboto"!important; }
.custom-issues-list {
  width:794px;
  margin-bottom:20px;
  overflow:hidden;
 
}
.custom-issue {
  line-height:1.5em;
 margin-bottom: 5px;
  float:left;
  display:inline;
   width:33.3%;
}
.custom-issue-list-text {
	background-color: #94c8cb;
    border-radius: 10px;
    padding: 4px 10px 4px 10px;
    font-size: 12px;
    font-weight: bold !important;
    color: #fff;
    color: #165559 !important;
	text-transform: capitalize;
}

.ct-address .submenu li	{
		line-height: 27px;
    
    letter-spacing: 0.01em;
   
	}
	
.ct-address ul.menu {
    display: inline-block;
    list-style-type:none;
	
}
.ct-address ul.submenu {
    display:none;
    position:absolute;
	background-color:#222;
	padding: 12px;
    border-radius: 5px;
	width: 395px;
	
}
.ct-address .menuitem:hover > ul.submenu {
    display:block;
}

@media screen and (min-width: 992px) {
	#pagetitle .page-title {
		padding-top: 2em !important;
	}
	h1.custom-heading {
		padding-top: 2em !important;
	}
	.primary-menu .sub-menu {
		min-width: 260px !important;
	}
}


.bullet-list .elementor-icon-list-icon {
    align-self: flex-start;
    padding-top: 0.6em;
}
.service-widget .widget-title {
	background-color: #b5b1ae45 !important;
}

#secondary .widget-title {
    background-color: #b5b1ae45 !important;
}

.service-grid .entry-body-inner .entry-title {
	height: 50px;
}
.service-grid .entry-body-inner .entry-content {
	height: 80px;
}

.elementor-icon-list-item {
	align-items: flex-start !important;
}
.elementor-icon-list-icon {
	padding-top: 0.8em;
}

.cms-team-carousel-inner .entry-title {
	font-size: 22px !important;
	font-weight: 900;
}

.cms-team-grid .entry-title {
	font-size: 22px !important;
	font-weight: 900;
}

.cms-team-carousel-inner .lq-team-category {
	font-size: 12px;
}

.cms-team-grid .lq-team-category {
	font-size: 12px;
}

.cms-team-grid .grid-filter-wrap {
	display: none;
}

.grecaptcha-badge {
	display: none;
}

.primary-menu .sub-menu li a {
	white-space: nowrap;
    line-height: 30px !important;
}

.primary-menu > li {
    margin: 0 12px !important;
}

.service-template-default .grid-item-inner .entry-body .entry-body-inner {
    bottom: 0px !important;
}

.service-template-default .entry-featured .post-image img {
    width: 100% !important;
}

.post-type-teams .elementor-icon-list-icon {
	display: none !important;
}

.post-type-teams .elementor-icon-list-text {
	background-color: #94c8cb;
    border-radius: 10px;
    padding: 2px 8px 2px 7px;
    font-size: 12px;
    font-weight: bold !important;
    font-color: white;
    color: #165559 !important;
}

#content .cms-navigation-menu.e-sidebar-widget ul li a {
    padding: 10px 24px !important;
}

.li-social {
background-color: #1238aa !important;
}
/* Tooltip container */
.ct-item.ct-address {
  position: relative; /* Required for tooltip positioning */
  cursor: pointer; /* Optional: changes the cursor on hover */
  z-index: 2; /* Make sure it's above any other positioned elements */
}

/* Tooltip text */
.ct-item.ct-address::after {
    content: attr(data-tooltip) !important;
    visibility: hidden;
    min-width: 420px;
    background-color: black !important;
    color: #fff;
    height: 105px !important;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    margin-top: 20px;
  /* Positioning */
  position: absolute !important;
  z-index: 3; /* Ensure the tooltip is above all other content */
  bottom: 100%; /* Place it at the bottom of the element */
  left: 50%; /* Start the tooltip in the center of the element */
  transform: translateX(-50%) translateY(10px); /* Center tooltip, adjust Y for spacing */
  
  /* Appearance */
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}

/* Show the tooltip text when you hover over the tooltip container */
.ct-item.ct-address:hover::after {
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%) translateY(15px); /* Slightly move down the tooltip on hover */
}


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

	
.custom-issues-list {
  width:100%!important;
  
 
}
.custom-issue {
 
   width:100%!important;
}
}

@media screen and (max-width: 768px) {
	
	.cms-team-grid .entry-title {
		font-size: 20px !important;
	}
	
	body .cms-grid.cms-team-grid.layout1 {
        flex-direction: column;
		display: block;
    }

    body .cms-grid-inner, .cms-grid .grid-item {
        width: 100%;
        margin: 0; /* Reset margin to ensure it doesn't affect the layout */
        position: relative; /* Reset position if it's set to absolute somewhere */
    }

    body .team-filter-sidebar {
        order: -1; /* Bring the filter sidebar to the top on mobile */
		margin-right: 0px;
		max-width: 100%;
		width: 100%;
    }

	body .cms-grid .cms-grid-inner {
		margin-left: 0px !important;
		margin-right: 0px !important;
    }
}