/**
 * Custom CSS for RTO Group
 * Clean spacing and improved layout
 */

/* Slider Improvements */
#slider {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

#slider .wrap {
    width: 100% !important;
    max-width: 100% !important;
}

#layerslider_1 {
    width: 100% !important;
    max-width: 100% !important;
    height: 450px !important;
}

.ls-layer {
    width: 100% !important;
    height: 450px !important;
}

.ls-layer img.ls-bg {
    width: 100% !important;
    height: 450px !important;
    object-fit: cover;
    object-position: center;
}

.slider-nav {
    bottom: 20px !important;
}

/* Content Spacing */
.article-content p {
    margin-bottom: 1.5em;
    line-height: 1.8;
}

.article-content h1,
.article-content h2,
.article-content h3 {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
}

/* Staff Member Cards */
.staff-member {
    margin-bottom: 2.5em;
    padding-bottom: 2em;
    border-bottom: 1px solid #e0e0e0;
}

.staff-member:last-child {
    border-bottom: none;
}

.staff-title {
    margin-bottom: 0.25em !important;
    margin-top: 0 !important;
}

.staff-position {
    color: #666;
    margin-bottom: 1em;
    font-style: italic;
}

.staff-excerpt ul {
    margin-top: 1em;
}

.staff-excerpt ul li {
    margin-bottom: 0.5em;
    line-height: 1.6;
}

/* Contact Page */
.contact-details-large {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2em;
    margin: 2em 0;
}

.contact-item {
    background: #f9f9f9;
    padding: 1.5em;
    border-radius: 4px;
}

.contact-item h3 {
    margin-top: 0;
    margin-bottom: 0.75em;
    color: #333;
}

.team-contacts {
    margin-top: 3em;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5em;
    margin-top: 1.5em;
}

.team-member {
    background: #f9f9f9;
    padding: 1.25em;
    border-radius: 4px;
}

.team-member h4 {
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #333;
}

.team-member p {
    margin-bottom: 0.5em;
    line-height: 1.6;
}

/* Client List */
.clients-showcase {
    margin-top: 2em;
}

.client-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1em;
    margin-top: 1.5em;
}

.client-item {
    background: #f9f9f9;
    padding: 1.5em;
    border-radius: 4px;
    text-align: center;
}

.client-item h4 {
    margin: 0;
    color: #333;
}

/* Services List Cleanup */
.column ul {
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.column ul li {
    margin-bottom: 0.5em;
    line-height: 1.6;
}

/* Tabs */
.tabs-wrapper ul li {
    margin-bottom: 1em;
}

/* Sidebar Widget Spacing */
.widget {
    margin-bottom: 2em;
}

.widget ul {
    margin-top: 1em;
}

.widget ul li {
    margin-bottom: 0.5em;
    line-height: 1.6;
}

/* Call to Action */
.call-to-action {
    margin: 2em 0;
    padding: 2em;
}

/* Dropcap Spacing */
.dropcap {
    margin-right: 0.25em;
}

/* Responsive Improvements */
@media (max-width: 768px) {
    .contact-details-large,
    .team-grid,
    .client-grid {
        grid-template-columns: 1fr;
    }

    .staff-member {
        margin-bottom: 2em;
    }
}

/* Navigation Icon Sizing */
.nav-icon {
    font-size: 1.2em;
    vertical-align: middle;
}

/* Ensure consistent spacing in content areas */
.wrap-inner {
    padding-top: 2em;
    padding-bottom: 2em;
}

/* Clean up separator headings */
.separator-heading {
    margin-top: 2em;
    margin-bottom: 1.5em;
}

/* Why We Do It page - cleaner layout */
.article-content > p {
    margin-bottom: 1em;
}

.article-content > p:last-of-type {
    margin-bottom: 2em;
}

/* Improve readability */
body {
    line-height: 1.7;
}