/*
    Theme Name: D&K Works
    Theme URI: https://dnkworksasbestos.com
    Author: the Digital Guider team
    Author URI: https://digitalguider.com/
    Description: D&K is a small but growing family owned business that was established in 2010. We are dedicated to excellence in what we do, from stellar customer service to our expanded knowledge, and to prompt completion of projects. Our quality of life is better knowing we help people everyday eradicate some major health risks that are in their homes: such as mold, asbestos, and lead. We keep our clients informed and up to date with the project, so there are no surprises and no confusion. We work for both commercial and residential clients.
    Version: 1.0.0
    License: GNU General Public License v2 or later
    Text Domain: dnkworksasbestos
*/
.avatar-placeholder {
    width: 100%;
    height: 222px;
    border-radius: 15px;
    background-color: #FFC107;
    color: #fff;
    display: flex;
    border: 5px solid #002b3c;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 80px;
    text-transform: uppercase;
}
.breadcrumb-title h1 {
    font-size: 60px;
    margin-bottom: 25px;
    line-height: 1;
    color: var(--white-color);
    letter-spacing: 1px;
}
.breadcrumb-wrap span {
    color: #fff;
    font-weight: bold;
}
.breadcrumb-wrap span a {
    color: #fff;
}
.breadcrumb-wrap span.breadcrumb_last {
    color: var(--primary-color);
}
.pagination-wrap .pagination .page-item.active {
    background: #252525;
    color: #ffffff;
    box-shadow: 0px 8px 16px 0px rgba(26, 35, 126, 0.32);
    border: none;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.elementor-widget-text-editor ol, .blog-summary-details ol {
    list-style:decimal;
    margin-left:30px;
    margin-bottom:10px
}
.elementor-widget-text-editor ul {
    margin-left:30px;
}
.blog-summary-details ul {
    margin-left:30px;
    margin-bottom:20px;
}
.elementor-widget-text-editor ol li, .blog-summary-details ol li {
    list-style:decimal;
}
.elementor-widget-text-editor ul li, .blog-summary-details ul li {
    position: relative !important;
    display: block !important;
    padding-left: 22px !important;
}
.elementor-widget-text-editor ul li::before, .blog-summary-details ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    background-color: var(--primary-color);
}
.elementor-widget-text-editor ul li span {
    display: inline;
}
.blog-three-wrapper h3 a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.image-gallery img {
    height: 320px !important;
    object-fit: cover;
    width: 300px;
}
.blog-details-thumb img {
    border-radius: 30px;
    margin-bottom: 50px;
}
.avatar-img img {
    border-radius: 50%;
}
.wpgreeks-toc-list  li::before {
    width:0px !important;
    height: 0px !important;
}
/* ===================================================
   Forminator Custom Styling (Mockup Design Match)
   =================================================== */

/* 1. Text Field Inputs (Name, Email, Phone, Subject) */
.forminator-ui .forminator-input {
    background-color: rgba(0, 0, 0, 0.15) !important;
    border: 2px solid #f3c042 !important; /* Gold border */
    border-radius: 50px !important;         /* Pill shape */
    color: #ffffff !important;
    padding: 14px 22px !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

/* Input & Textarea Placeholders */
.forminator-ui .forminator-input::placeholder,
.forminator-ui .forminator-textarea::placeholder {
    color: #a8c2c7 !important;             /* Muted light text */
    opacity: 1 !important;
}

/* 2. Textarea (Write Comments) */
.forminator-ui .forminator-textarea {
    background-color: rgba(0, 0, 0, 0.15) !important;
    border: 1.5px solid #f3c042 !important;
    border-radius: 20px !important;         /* Rounded rectangle */
    color: #ffffff !important;
    padding: 18px 22px !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

/* 3. Dropdown Select Field (Select Service) */
.forminator-ui .select2-container--default .select2-selection--single {
    background-color: rgba(0, 0, 0, 0.15) !important;
    border: 1.5px solid #f3c042 !important;
    border-radius: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 15px !important;
}

/* Dropdown Text Color */
.forminator-ui .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #a8c2c7 !important;
    font-size: 15px !important;
    line-height: normal !important;
    padding-left: 8px !important;
}

/* Dropdown Arrow Color */
.forminator-ui .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #f3c042 transparent transparent transparent !important;
}

/* 4. Submit Button Styling & Centering */
.forminator-ui .forminator-button-submit {
    background-color: #f3c042 !important;   /* Solid gold */
    color: #0b282e !important;             /* Dark text color */
    border-radius: 50px !important;         /* Fully rounded */
    border: none !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 14px 40px !important;
    margin: 25px auto 0 auto !important;     /* Centers button horizontally */
    display: block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Submit Button Hover Effect */
.forminator-ui .forminator-button-submit:hover {
    background-color: #dca72f !important;
    transform: translateY(-1px);
}
span.select2-selection__placeholder, span#select2-forminator-form-459__field--select-1_6a7da32284a69-container {color: #a8c2c7 !important;}
.forminator-ui#forminator-module-459.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    border-radius: 20px !important;
    padding: 0px 22px !important;
    border: 1.5px solid #f3c042 !important;
}
/***************** Contact Form 7 CSS **********************/
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output{margin:2em 0 1em!important;color:#D8000C;background-color:rgba(255,64,64,0.1);border:1px solid;letter-spacing:0.5px;font-size:13px;font-weight:400;padding:10px;}
.wpcf7 form.sent .wpcf7-response-output{margin:2em 0 1em!important;color:#28a745;background-color:#28a74521;border:1px solid;padding:10px;letter-spacing:0.5px;font-size:13px;font-weight:400;padding:10px;}
.wpcf7-validates-as-required.wpcf7-not-valid,
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid,
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control.wpcf7-not-valid{background-color:rgba(255,64,64,0.1)!important;border:1px solid!important;border-color:rgba(255,64,64,1)!important;}
form.invalid textarea.wpcf7-form-control.wpcf7-textarea.form_control{margin-top:10px;}
span.wpcf7-not-valid-tip{display:none!important;}
.wpcf7-email,
.wpcf7-text,
.wpcf7-tel,
.wpcf7-textarea{background-color:#2a2a2a;border-color:#2a2a2a;color:#939393;}

/* Fix select dropdown option text and background colors */
.contact-field select option {
    background-color: #1a2332; /* Match your form background color */
    color: #ffffff;            /* White text for visibility */
    padding: 10px;
}

/* Optional: Highlight hover/focus state for better UX */
.contact-field select option:hover,
.contact-field select option:focus,
.contact-field select option:active,
.contact-field select option:checked {
    background-color: #f7a200 !important; /* Matches your accent gold/yellow theme color */
    color: #ffffff !important;
}