/*
Theme Name: Child Thrive Theme
Theme URI: http://thrivethemes.com/
Version: 1.0
Author: <a href="http://www.thrivethemes.com">Thrive Themes</a>
Description: Fully customizable, front end theme and template editing for WordPress has arrived! 
Template: thrive-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, custom-everything
*/



/* ---- Profile Card Hover Effect ---- */

/* Main container for the profile card */
.profile-card {
  position: relative; /* Establishes a positioning context for the overlay */
  width: 285px; /* Adjust the width of your card as needed */
	height: 360px;
  overflow: hidden; /* Hides the part of the overlay that is outside the card */
  display: inline-block; /* Allows cards to sit side-by-side */
  margin: 10px; /* Adds some space between cards */
  vertical-align: top;
}

/* Styles the image within the card */
.profile-card img {
  display: block;
  width: 100%;
  height: auto;
}

/* The content overlay that will slide up */
.profile-card .card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
	height: 360px;
  box-sizing: border-box; /* Ensures padding is included in the element's width */
  padding: 20px;
  
  /* Matches the dark, semi-transparent background from your example */
  background: rgba(29, 46, 70, 0.85); 
  color: #fff !important;
  
  /* --- The Animation --- */
  /* This is the starting state. The overlay is positioned so only its top section is visible. */
  /* '85px' is the height of the visible portion showing the name and title. Adjust if needed. */
  transform: translateY(calc(100% - 85px));
  transition: transform 0.4s ease-in-out; /* Creates a smooth sliding animation */
}

/* This is the hover state. The overlay slides up fully into view. */
.profile-card:hover .card-content {
  transform: translateY(0);
  background: rgba(29, 46, 70, 0.65); /* Optional: make background slightly more opaque on hover */
}

/* --- Text and Button Styling --- */
.profile-card .person-name {
  margin: 0 0 5px 0; 
  line-height: 1.2;
	font-size: 16px !important;
  color: #fff !important;
	padding: 0 !important;
}

.profile-card .person-title {
	display: inline-block;
  margin: 0 0 20px 0; /* Adds space below the title */  
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;  
  padding-top: 10px;
	color: #fff !important;
  font-size: 12px !important;    
}
.profile-card .person-title::after {
    content: '';
    display: block;
    /*width: 110px;*/
	  width: calc(100% + 20px);
    height: 1px;
    background: #fff;
    margin-top: 3px;
	  margin-left: -20px;
	  border: 1px solid;
    transition: height 0.3s ease-out;
}
.profile-card:hover .person-title::after {
    height: 0 !important;
}

.profile-card .person-details {
  margin: 0 0 15px 0;
  font-size: 13px !important;
  line-height: 1.5;
	color: #fff !important;
}

.profile-card .bio-button {
  	display: inline-block;
  	text-decoration: none;  
		background: none !important;
    font-size: 12px;
    border-bottom: 2px solid #be1e2d;
    border-radius: 0;
    text-align: right;
    padding: 0;    
    color: #cca776;
	  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.profile-card .bio-button:hover {
  background-color: #9e232d;
}
.profile-card .person-details p {
    margin: 0 0 15px 0;
    font-size: 13px !important;
    line-height: 1.5;
    color: #fff !important;
    padding-left: 25px; 
    position: relative; 
}

.profile-card .person-details p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 15px; 
    height: 15px; 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.profile-card .person-address{
	padding-bottom: 5px !important;
}
.profile-card .person-address::before {
    background-image: url('https://dev.kingmoench.com/wp-content/uploads/2025/09/location-white.png');
}

.profile-card .person-phone::before {
    background-image: url('https://dev.kingmoench.com/wp-content/uploads/2025/09/phone-white.png');
    top: 4px; 
}

.profile-card .person-phone {
    margin-bottom: 20px;
}


/* --- Gravity Form Custom Styling --- */

.kmc-contact-sec .gform_wrapper {
    background: none !important;
    border: none !important;
    margin: 0;
    padding: 0;
}
.kmc-contact-sec .gform_wrapper .gfield input[type="text"],
.kmc-contact-sec .gform_wrapper .gfield input[type="email"],
.kmc-contact-sec .gform_wrapper .gfield textarea {
    background-color: transparent !important; 
    border: none !important; 
    border-bottom: 1px solid #000 !important; 
    border-radius: 0 !important;
    padding: 10px 0 !important; 
    font-size: 14px; 
    color: #000;
    width: 100%;
    box-shadow: none !important;
}
.kmc-contact-sec .gform_wrapper .gfield textarea {
    min-block-size: 9rem;
}
.kmc-contact-sec .gform_wrapper .gfield input[type="text"]:focus,
.kmc-contact-sec .gform_wrapper .gfield input[type="email"]:focus,
.kmc-contact-sec .gform_wrapper .gfield textarea:focus {
    outline: none !important; 
    border-bottom-color: #be1e2d !important; 
}
.kmc-contact-sec .gform_wrapper .gfield_label {
    font-size: 15px;
    font-weight: normal;
    color: #444;
    margin-bottom: 5px !important;
}
.kmc-contact-sec .gform_wrapper .gform_button {
    background-color: #2d2d2d !important; 
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px; 
    padding: 12px 24px !important;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.kmc-contact-sec .gform_wrapper .gform_button:hover {
    background-color: #be1e2d !important;
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

.kmc-contact-sec .gform_validation_errors h2{
    font-size: 12px !important;
    text-transform: none !important;
    padding-bottom: 0 !important;
}

.kmc-breadcrumb {
    font-size: 14px; 
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0px;
    color: #333333; 
	font-family: 'Montserrat-Bold';
}

.kmc-breadcrumb a {
    color: #333333;
    text-decoration: none;
}

.kmc-breadcrumb a:hover {
    color: #be1e2d;
	text-decoration:none;
}

.kmc-breadcrumb .breadcrumb_last {
    color: #be1e2d;
}

.kmc-breadcrumb > span > span:not(.breadcrumb_last) {
    margin-right: 6px;
}

.kmc-breadcrumb .breadcrumb_last {
    margin-left: 6px;
}

.cd-content-area::before {
        content: '';
        background: #25273a !important;
        width: 60.833333%  !important;
        height: 100%  !important;
        position: absolute  !important;
        top: 0  !important;
        right: 0  !important;
        bottom: 0  !important;
    }

/* Mobile view*/
@media screen and (max-width: 479px) {
.cd-content-area::before {
        background: #25273a !important;
        width: 95%  !important;
    }
}
/* Tablet view*/
@media screen and (max-width: 767px) {
	
	.practice-area-intro{
		left:0px !important;
	}

}