/*
    Theme Name: Ramco Constructio
    Theme URI: https://www.ramco13.com/
    Author: the Digital Guider team
    Author URI: https://digitalguider.com/
    Description: Since 1977, Ramco Construction has proudly served Orange County, California, earning a reputation as a top trusted, family-owned business. With over 45 years of expertise, we specialize in transforming outdoor living environments in backyards and enhancing the curb appeal of front yards. Our unwavering commitment to quality craftsmanship and customer satisfaction has positioned us as a market leader in hardscape landcaping design and installation for homeowners throughout the region. We offer a comprehensive range of landscaping services, including custom concrete solutions such as pool decks, sidewalks, driveways, retaining walls, and patio decks. Enhance your outdoor experience with our expertly designed wood and Alumawood patio covers, patio cover structures, and pergolas. Our proficiency extends to block wall construction, encompassing cinder block, concrete block, slump block, split face block, and stucco block walls. Additionally, we are skilled in creating stunning stone and brick masonry, ensuring that you get the results you want utilizing our tried and true professional design capabilities.   Requires at least: 6.0
    Tested up to: 6.9
    Requires PHP: 8.0
    License: GNU General Public License v2 or later
    Text Domain: ramco13
*/
.avatar-placeholder {
    width: 55px;
    height: 55px;
    background-color: #85b151;
    color: #fff;
    border-radius: 50px;
    display: flex;
    border: 3px solid #fff;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 25px !important;
}

.blog-one__img img {
    height: 280px;
    object-fit: cover;
}

.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col {
    padding: 0 5px !important;
}

.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child),
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
    margin-bottom: 10px !important;
}

.page-header__inner h1 {
    font-size: 46px;
    color: var(--gardon-white);
    line-height: 56px;
    font-weight: 500;
    margin-bottom: 9px;
}

.basicGallery img {
    height: 280px !important;
    object-fit: cover;
}

.error-page__content {
    margin-bottom: 25px;
}

.blog-details__text-2 h2,
.blog-details__text-2 h3 {
    margin: 20px 0px;
}

.blog-details__text-2 p strong {
    font-weight: bold;
}
/* Container styling to center and remove default bullets */
.blog__pagination {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 8px; /* Space between the boxes */
    margin-top: 30px;
}

/* Base style for every pagination item (links and current page span) */
.blog__pagination li a, 
.blog__pagination li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px; /* Slight rounding like the 2nd image */
    transition: background-color 0.3s ease;
    background-color: rgb(21 42 26); /* The orange/peach color from the screenshot */
    color: #ffffff;
}

/* Hover state for links */
.blog__pagination li a:hover {
    background-color: #92734d; /* Slightly darker on hover */
    color: #fff;
}

/* The active/current page styling (Black box) */
.blog__pagination li span.current,
.blog__pagination li .active {
    background-color: #92734d !important;
    color: #ffffff !important;
}

/* Previous/Next arrow specific styling (if they use text) */
.blog__pagination li .prev, 
.blog__pagination li .next {
    font-size: 16px;
}

/* Remove default marker from WordPress list items */
.blog__pagination li::marker {
    content: none;
}