/*
Theme Name: Lawyer Adv Theme
Theme URI: https://yourwebsite.com
Description: A child theme of Hello Elementor customized for Lawyer Advocate website.
Author: Your Name
Author URI: https://yourwebsite.com
Template: hello-elementor
Version: 1.0
Text Domain: lawyer-adv-theme
*/
/* === Portfolio Grid === */
.lawyer-portfolio-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
}

/* === Portfolio Card === */
.lawyer-portfolio-grid .portfolio-item {
  background: #fff;
  border-radius: 0px;
  overflow: hidden;
  border: 1px solid #EDEDED;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

.lawyer-portfolio-grid .portfolio-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.12);
}

.lawyer-portfolio-grid .portfolio-thumb img {
  width: 100%;
  height: 250px;
  object-fit: co
}
.portfolio-content {
    padding: 16px;
}

.portfolio-content h3 a {
    font-size: 20px;
    color: #C19B59;
    text-decoration: none;
}

#load-more-portfolio {
    display: inline-block;
    padding: 10px 25px;
    font-size: 16px;
    cursor: pointer;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 5px;
    transition: background 0.3s;
}

#load-more-portfolio:hover {
    background-color: #005177;
}

.lawyer-portfolio-section .load-more-wrapper {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

button#load-more-portfolio {
    background: #CCA876;
}

#load-more-portfolio:hover {
    background-color: #515962;
}

.blog-section { padding: 60px 20px; font-family: Arial, sans-serif; }
    .section-title { text-align: center; font-size: 32px; margin-bottom: 40px; font-weight: 600; color: #333; }
    .blog-grid { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; }
    .blog-post { width: 230px; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; }
.post-image {
    height: 150px;
    overflow: hidden;
}

.post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;   /* 👈 keeps top visible */
    display: block;
}
    .post-meta { display: flex; justify-content: space-between; font-size: 12px; color: #999; margin: 10px 0; }
    .post-title { font-size: 18px; color: #b18b5b; margin: 10px 0; }
    .post-title a { text-decoration: none; color: inherit; }
    .post-excerpt { font-size: 14px; color: #666; margin-bottom: 10px; }
    .post-author-category { font-size: 12px; color: #999; display: flex; justify-content: space-between; }
    
    section#comments {
    padding-left: 200px;
    padding-right: 200px;
    }

.adv-border:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1px;
    width: 100px;
    height: 1px;
    background: #CCA876;
    margin-left: -50px;
}
.banner_Sec{
	position: relative;
  z-index: 1;
}
.clients_Sec{
	margin-top: -170px;
  position: relative;
  z-index: 10;
}
/* Collapsed by default */
.hover-section {
  height: 202px; /* collapsed height */
  overflow: hidden;
  transition: all 0.6s ease;
  position: relative;
  transform-origin: bottom center; /* ensures expansion goes upward */
  transform: scaleY(1);
  cursor: pointer;
}

/* When hovered, expand upward */
.hover-section:hover {
  height: 220px; /* expanded height */
  transform-origin: bottom center;
  transform: translateY(-51px); /* pushes upward as it expands */
}
.home .comments-area a, .page-content a {
    text-decoration: none !important;
}
/* Hide the button initially */
.hover-section .hover-button {
  opacity: 0;
  transform: scale(0.8) translateY(20px);
  transition: all 0.5s ease;
  pointer-events: none;
}

/* Show and expand button on hover */
.hover-section:hover .hover-button {
  opacity: 1;
  transform: scale(1) translateY(0);
  pointer-events: auto;
}
.page-header{
	display:none;
}
.wpforms-submit-container {
    text-align: center;
}
.wp-submit-btn{
	  background: #CCA876 !important;
    color: #ffffff !important;
  
}
.wp-submit-btn:hover{
background-color: #4A4F55!important;
}
.accent-1 {
    color: #CCA876;
}
.Footer_Sec a.hfe-menu-item {
    color: #ffffff !important;
}
.Footer_Sec a.hfe-menu-item:hover {
    color: #CCA876 !important;
}
.accent-8{
	color: #ffffff !important;
}
.practice_area li{
	list-style:none;
	font-size: 13px !important;
}
#menu-practice-areas{
	padding:0;
}
.clients_Sec .elementor-container.elementor-column-gap-default .elementor-icon-wrapper {
    margin-top: -30px;
    position: relative;
    z-index: 9;
}
.clients_Sec .elementor-container.elementor-column-gap-default .elementor-column {
    overflow: visible;
}
.clients_Sec .elementor-container.elementor-column-gap-default .elementor-icon-wrapper .elementor-icon {
    background: #bb9b56;
}
.clients_Sec .elementor-container.elementor-column-gap-default .elementor-icon-wrapper .elementor-icon svg {
    fill: #fff;
}
.on_colour{
	color: #CCA876;
}

/***********about page***********/
.dropcap-wrapper {
    display: table;
}
.dropcap-wrapper .dropcap-left {
    display: table-cell;
    vertical-align: top;
}
.dropcap-wrapper .dropcap1, .dropcap-wrapper .dropcap2 {
    float: none;
    display: block;
}
.dropcap1 {
    margin: -0.04em 15px -0.1em 0;
    font-size: 30px !important;
    height: 45px;
    line-height: 1em;
    padding: 7px 8px;
    width: 2em;
    border: 2px solid #CCA876;
}
.dropcap-text {
    display: table-cell;
    vertical-align: middle;
    font: bold 18px / 24px "Libre Baskerville";
    color: #2C2C2C;
}
.dropcap1, .dropcap2 {
    float: left;
    font-weight: 400 !important;
    overflow: visible;
    text-align: center;
    vertical-align: middle;
    font-family: "Montserrat";
    color: #CCA876;
}
.about-sec-3 a{
	color: #CCA876;
}

/******************slider******************/

.lawyer-adv-slider { position: relative; height:130vh; overflow: hidden; }

/* Slides */
.lawyer-adv-slide { position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transform:scale(1); transition:opacity 2s ease; }
.lawyer-adv-slide.active { opacity:1;  z-index:1; }

/* Overlay */
.lawyer-adv-overlay { position:absolute; inset:0;     background: rgb(93 79 79 / 18%);
}

/* Content */
.lawyer-adv-content { position:absolute; color:#fff; z-index:2; }
.lawyer-adv-content.center { top:55%; left:50%; transform:translate(-50%,-50%); text-align:center; }
.lawyer-adv-content.left { top:50%; left:10%; transform:translateY(-50%); max-width:600px; text-align:left; }

/* Texts */
.lawyer-adv-slide1 .lawyer-adv-line1 { font-size:45px; font-weight:bold; color:#fff; }
.lawyer-adv-slide2 .lawyer-adv-line1 { font-size: 105px; color:#CCA876; }
.lawyer-adv-slide1 .lawyer-adv-line2 { font-size: 24px; color:#fff; }
.lawyer-adv-slide2 .lawyer-adv-line2 {font-size: 50px; font-weight:bold; line-height:64px; margin-bottom:44px; }

/* Letters animation */
.lawyer-adv-letters span { display:inline-block; opacity:0; transform:translateY(40px); transition:all 0.5s ease; }

/* Initial hidden state */
.lawyer-adv-line1:not(.lawyer-adv-letters), .lawyer-adv-line2, .lawyer-adv-btn span {
  opacity:0; transform:translateY(40px); transition:all 0.8s ease;
}

/* Right image */
/* Right image stronger zoom effect */
.lawyer-adv-right-img {
  position: absolute;
  top:15%;
  right: 8%;
  z-index: 2;
}

.lawyer-adv-right-img img {
  opacity: 0;
  top:2;
  transform: translateY(150px) scale(0.7); /* start smaller */
  transition: all 3s ease; /* slightly longer transition for smoothness */
}

.lawyer-adv-right-img img.rise {
  opacity: 1;
  transform: translateY(0) scale(1.15); /* ends with a bigger zoom */
}

/* Button */
.lawyer-adv-btn { background:transparent; color:#CCA876; padding:11px 26px; border:3px solid #CCA876; text-decoration:none !important; display:inline-block; }
.lawyer-adv-btn:hover { background:#CCA876; color:#000; transition:0.3s; }

/* Arrows */
.lawyer-adv-nav { position:absolute; top:50%; transform:translateY(-50%); background:transparent !important; color:#fff; font-size:30px; border:none; cursor:pointer; padding:10px 15px; z-index:10; transition:0.3s; }
.lawyer-adv-nav:hover { background:#C19B59 !important; }
.lawyer-adv-nav.prev { left:20px; }
.lawyer-adv-nav.next { right:20px; }

/***************additional css**********************/

@media (max-width: 767px){

.blog-section {
    padding: 40px 10px;
}
.blog-post {
    width: 100%;
}
.testimonial-slider {
    max-width: 100% !important;
    width: 100%;
    padding: 0px 10px;
    margin: 40px 0px;
}
.testimonial-content {
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}
.testimonial-content img.client-img {
    height: 200px;
    width: 200px;
}
.lawyer-adv-content.center {
    left: auto;
    right: auto;
    width: 100%;
    max-width: 100%;
    bottom: 0;
    top: auto;
    transform: translate(0%, -95%) !important;
}
.lawyer-adv-content.left {
    left: auto;
    right: auto;
    width: 100%;
    max-width: 100%;
    bottom: 0;
    top: auto;
    transform: translate(0%, -85%) !important;
    text-align: center !important;
}

.lawyer-adv-content.left p.lawyer-adv-line2 {
    margin-bottom: 20px;
    line-height: 55px;
}
.ehf-header #masthead .elementor-location-header {
    background-color: #FFFFFF1A;
    --background-overlay: '';
    padding-left: 20px;
    padding-right: 0 !important;
}
.ehf-header #masthead .elementor-location-header >.e-con-inner {
    flex-wrap: nowrap;
    padding: 0px 40px;
}
.ehf-header #masthead .elementor-location-header >.e-con-inner .elementor-widget-container .hfe-nav-menu__toggle.elementor-clickable {
    width: auto;
}
.ehf-header #masthead .elementor-location-header .hfe-nav-menu-icon {
    background: #c69e1c;
    display: flex;
    align-items: center;
}
.ehf-header #masthead .elementor-location-header .hfe-nav-menu-icon svg {
    fill: #fff;
}
.hfe-nav-menu__layout-horizontal li.menu-item a.hfe-menu-item {
    color: #000 !IMPORTANT;
}
.hfe-nav-menu__layout-horizontal .menu-item.current-menu-item a.hfe-menu-item {
    color: #c09f01 !important;
}
.lawyer-adv-nav {
    font-size: 20px !important;
    padding: 10px !important;
}
.lawyer-adv-slide1 .lawyer-adv-line1 {
    font-size: 39px;
    line-height: 40px;
    padding: 0px 15px;
}
.lawyer-adv-slide1 .lawyer-adv-line2 {
    font-size: 20px;
    padding: 0px 10px;
}

}
@media (max-width: 767px) {
.lawyer-adv-slide2 .lawyer-adv-line2 {
    font-size: 38px;
    font-weight: bold;
    line-height: 64px;
    margin-bottom: 44px;
}
.lawyer-adv-slide2 .lawyer-adv-line1 {
    font-size: 65px;
    color: #CCA876;
}
}