﻿/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Circular Progress Animation */
.progress-item svg path.blue {
    stroke-dasharray: 252;
    stroke-dashoffset: 252;
    animation: progressAnimation 2s ease-out forwards;
}

@keyframes progressAnimation {
    to {
        stroke-dashoffset: 25;
    }
}

/* Fix text visibility for About section */
.about-section .section-title1 p {
    color: #fff;
}

/* Refined Logo Sizing */
.header-logo img {
    max-width: 100px !important;
    height: auto;
}

.footer-about img {
    max-width: 120px !important;
    height: auto;
}

/* Global Text Visibility Fixes for Dark Sections */

/* Practice Area Section */
.practice-area-section .section-title1 p {
    color: #fff !important;
}

/* Case Study Section */
.casestudy-section .section-title1 p {
    color: #fff !important;
}

/* Info Section */
.info-section .info-content p,
.info-section .info-content h2,
.info-section .info-list li p {
    color: #fff !important;
}

/* Ensure Section Titles are White in Dark Sections */
.practice-area-section .section-title1 h2,
.casestudy-section .section-title1 h2,

/* Latest Articles Section Visibility */
/* Latest Articles Section Visibility */
.l-news-section .section-title1 p,
.l-news-section .section-title1 h2 {
    color: #fff !important;
}

/* =========================================
   Visual Fixes for Dark Background Pages
   ========================================= */

/* Fix Banner Content (Members, About, etc.) */
.banner-content h1,
.banner-content .breadcrumb-item,
.banner-content .breadcrumb-item a,
.banner-content .breadcrumb-item.active {
    color: #fff !important;
}

/* Fix Attorney Section (Members Page) */
.attorneys-section .section-title1 h2,
.attorneys-section .section-title1 p {
    color: #fff !important;
}

/* Fix Attorney Cards */
.attorney-single h4 a {
    color: #fff !important;
}

.attorney-single p {
    color: #e0e0e0 !important;
    /* Light grey for job titles */
}

.attorney-single .social-list li a i {
    color: #fff !important;
}

/* Fix About Page Features List */
.about-features li {
    color: #fff !important;
}

/* Ensure Contact Page headers are visible if using dark theme */
/* Adding safety for section titles globally if they are on dark bg */
.about-section .section-title1 h2 {
    color: #fff !important;
}

/* Fix Insights/Article Text Visibility */
.blog-details-single p,
.blog-details-single h2,
.blog-details-single h1,
.blog-details-single h3,
.blog-details-single h4,
.blog-details-single h5,
.blog-details-single h6,
.blog-details-single li {
    color: #fff !important;
}

/* Resize and Center Images in Insights/Articles */
.blog-details-single .image img {
    width: 100% !important;
    max-width: 100% !important;
    height: 400px !important;
    object-fit: cover !important;
    display: block;
    margin: 0 auto;
}