/*
Theme Name: Pro Followers
Theme URI: https://www.profollowers.uk/
Author: profollowers
Author URI: https://www.profollowers.uk/
Description: Pro Followers – Its unique features and functionalities make it the ideal solution for websites dedicated to Car Service and other digital marketplace related to Service. The theme is well suited for all types of digital marketplace: ecommarce, business service, small prop, Business and investment,  or it service.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: profollowers.uk
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Tested up to: 5.8.1
Requires PHP: 7.1
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Dpmarket is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.btn-w-100 .elementor-button {
  width: 100%;
}
.bg-gray {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.07);
}
.bg-red {
  background: 
#e94057;
}
.bg-gray-after {
  position: relative;
}
.bg-gray-after:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 100px;
}
.border-2 {
  border: 2px solid 
#263e6b;
}
.inovating-area .border-bottom-2 {
  border-bottom: 2px solid 
#263e6b;
}
@media all and (max-width: 1599px) {
  .header-6-bg-image-seze-100 .elementor-widget-wrap {
    background-size: 100% 100% !important;
  }
  .header-6-bg-image-seze-100 .elementor-widget-container {
    padding-left: 25px !important;
  }
}
@media all and (max-width: 575px) {
  .elementor-image-box-img-wrap .elementor-image-box-img {
    margin-bottom: 20px !important;
  }
}
.single-blog-list .details .blog-meta li {
  padding-left: 0;
  list-style: none;
}
.single-blog-list .details .blog-meta li:before {
  display: none;
}
.single-progressbar .skill:before {
    background: 
#e1e1e1;
}
.footer-widget.widget.widget_nav_menu ul li + li {
    margin-top: 15px;
}
.breadcrumb-wrap .breadcrumb-content {
    padding: 170px 0 170px 0;
}
.custom-logo-link img, 
.site-logo img, .footer-logo img {
    max-width: 190px !important;
}
.blog-details-footer .left .tags li a {
    height: 32px;
    line-height: 30px;
    border-radius: 30px;
}
.blog-details-footer .social-icon li a {
    width: 40px;
    height: 40px;
    border: 1px solid 
#bdbecc;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
}
.blog-details-footer .social-icon li a:hover {
    background: var(--main-gradient);
    color: #fff;
}
/* =================================================================
   BLOG POST TEMPLATE STYLES - UNIQUE CLASSES
   Simple, Clean Design with Unique Class Names
   ================================================================= */

/* CSS Custom Properties - Professional Clean Palette */
:root {
    /* Primary Colors - Clean Professional */
    --blog-primary: #e11d48;
    --blog-primary-dark: #be185d;
    --blog-secondary: #3730a3;
    --blog-accent: #059669;
    --blog-text: #111827;
    --blog-text-light: #6b7280;
    --blog-text-lighter: #9ca3af;
    --blog-white: #ffffff;
    --blog-bg: #f8fafc;
    --blog-bg-light: #f1f5f9;
    --blog-border: #e2e8f0;
    --blog-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --blog-radius: 12px;
    --blog-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* =================================================================
   MAIN BLOG CONTAINER
   ================================================================= */
.dp-blog-post-wrapper {
    width: 100%;
    background: var(--blog-white);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
    color: var(--blog-text);
}

.dp-blog-inner {
    width: 100%;
}

/* =================================================================
   HERO SECTION - CLEAN PROFESSIONAL DESIGN
   ================================================================= */
.dp-hero-section {
    background: var(--blog-white);
    padding: 60px 0 80px;
    position: relative;
    overflow: hidden;
}

.dp-hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 30% 20%, rgba(225, 29, 72, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 80% 80%, rgba(55, 48, 163, 0.05) 0%, transparent 50%);
    opacity: 1;
}

.dp-hero-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: var(--blog-bg);
    border-radius: 24px 24px 0 0;
}

.dp-hero-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 2;
}

.dp-hero-grid {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
    align-items: center;
}

.dp-hero-content {
    color: var(--blog-white);
}

/* Breadcrumb - Clean Professional Style */
.dp-breadcrumb {
    margin-bottom: 24px;
    font-size: 14px;
    font-weight: 500;
}

.dp-breadcrumb-link {
    color: var(--blog-text-light) !important;
    text-decoration: none !important;
    transition: var(--blog-transition);
    border-bottom: none !important;
    padding: 2px 0;
}

.dp-breadcrumb-link:hover {
    color: var(--blog-primary) !important;
    text-decoration: none !important;
}

.dp-breadcrumb-text {
    color: var(--blog-text-lighter) !important;
    text-decoration: none !important;
}

.dp-breadcrumb-sep {
    margin: 0 8px;
    opacity: 0.6;
    color: var(--blog-text-lighter) !important;
    text-decoration: none !important;
    font-weight: 300;
}

/* Category Badge - Clean Professional Style */
.dp-category-tag {
    display: inline-block;
    padding: 6px 16px;
    background: rgba(225, 29, 72, 0.1) !important;
    color: var(--blog-primary) !important;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 20px;
    text-decoration: none !important;
    border: 1px solid rgba(225, 29, 72, 0.2) !important;
    outline: none;
    box-shadow: none;
}

.dp-category-tag:hover {
    background: var(--blog-primary) !important;
    color: var(--blog-white) !important;
    text-decoration: none !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(225, 29, 72, 0.2);
}

/* Hero Title - Professional Typography */
.dp-hero-title {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 20px;
    color: #000000;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    letter-spacing: -0.025em;
}

/* Author Meta - Clean Professional Design */
.dp-author-meta {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
    padding: 16px 20px;
    background: var(--blog-white) !important;
    border-radius: 12px;
    border: 1px solid var(--blog-border);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.dp-author-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--blog-border);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dp-author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dp-author-info h4 {
    color: var(--blog-text);
    font-weight: 600;
    margin-bottom: 3px;
    font-size: 15px;
}

.dp-meta-details {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 13px;
    color: var(--blog-text-light);
    font-weight: 500;
}

.dp-meta-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.dp-meta-item i {
    font-size: 12px;
    opacity: 0.8;
    color: var(--blog-primary);
}

/* Hero Image - Smaller */
.dp-hero-image {
    border-radius: var(--blog-radius);
    overflow: hidden;
    box-shadow: var(--blog-shadow);
    transition: var(--blog-transition);
}

.dp-hero-image:hover {
    transform: translateY(-3px);
}

.dp-hero-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Action Buttons - Compact */
.dp-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* =================================================================
   CONTENT SECTION - SIMPLIFIED
   ================================================================= */
.dp-content-section {
    background: var(--blog-white);
    position: relative;
    z-index: 3;
}

.dp-content-container {
    max-width: 750px;
    margin: 0 auto;
    padding: 40px 24px;
}

/* Entry Content */
.dp-entry-content {
    font-size: 16px;
    line-height: 1.7;
    color: var(--blog-text);
}

.dp-entry-content p {
    margin-bottom: 1.2rem;
}

.dp-entry-content h2,
.dp-entry-content h3,
.dp-entry-content h4 {
    margin: 1.8rem 0 1rem 0;
    color: var(--blog-text);
    font-weight: 600;
    line-height: 1.3;
}

.dp-entry-content h2 {
    font-size: 1.5rem;
    color: var(--blog-primary);
}

.dp-entry-content h3 {
    font-size: 1.25rem;
    color: var(--blog-secondary);
}

.dp-entry-content a {
    color: var(--blog-primary) !important;
    text-decoration: underline !important;
    font-weight: 500;
    transition: var(--blog-transition);
    border-bottom: none !important;
}

.dp-entry-content a:hover {
    color: var(--blog-primary-dark) !important;
    text-decoration: none !important;
}

.dp-entry-content a:focus {
    outline: 2px solid var(--blog-primary) !important;
    outline-offset: 1px;
    border-radius: 2px;
}

.dp-entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: var(--blog-radius);
    box-shadow: var(--blog-shadow);
    margin: 1.5rem 0;
}

.dp-entry-content blockquote {
    border-left: 3px solid var(--blog-primary);
    padding: 1rem 1.5rem;
    margin: 1.5rem 0;
    background: var(--blog-bg);
    border-radius: 0 var(--blog-radius) var(--blog-radius) 0;
    font-style: italic;
    color: var(--blog-text-light);
}

/* =================================================================
   BUTTONS - CLEAN PROFESSIONAL DESIGN
   ================================================================= */
.dp-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: var(--blog-transition);
    border: none;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0.025em;
}

.dp-btn-primary {
    background: var(--blog-primary) !important;
    color: var(--blog-white) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(225, 29, 72, 0.2);
}

.dp-btn-primary:hover {
    background: var(--blog-primary-dark) !important;
    color: var(--blog-white) !important;
    text-decoration: none !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(225, 29, 72, 0.3);
}

.dp-btn-secondary {
    background: var(--blog-white) !important;
    color: var(--blog-text) !important;
    border: 1px solid var(--blog-border) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.dp-btn-secondary:hover {
    background: var(--blog-bg) !important;
    color: var(--blog-text) !important;
    text-decoration: none !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* =================================================================
   SHARE SECTION - SIMPLIFIED
   ================================================================= */
.dp-share-section {
    background: var(--blog-bg);
    padding: 40px 0;
    border-top: 1px solid var(--blog-border);
}

.dp-share-container {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 24px;
    text-align: center;
}

.dp-share-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--blog-text);
    margin-bottom: 8px;
}

.dp-share-subtitle {
    color: var(--blog-text-light);
    margin-bottom: 24px;
    font-size: 14px;
}

.dp-social-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
    max-width: 500px;
    margin: 0 auto;
}

.dp-social-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 16px 12px;
    background: var(--blog-white);
    border-radius: var(--blog-radius);
    text-decoration: none;
    color: var(--blog-text-light);
    transition: var(--blog-transition);
    box-shadow: var(--blog-shadow);
    border: 1px solid var(--blog-border);
}

.dp-social-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}

.dp-social-icon {
    width: 16px;
    height: 16px;
    font-size: 14px;
}

.dp-social-text {
    font-size: 12px;
    font-weight: 600;
}

.dp-social-btn.dp-linkedin:hover { color: #0077b5; }
.dp-social-btn.dp-twitter:hover { color: #1da1f2; }
.dp-social-btn.dp-facebook:hover { color: #1877f2; }
.dp-social-btn.dp-whatsapp:hover { color: #25d366; }

/* =================================================================
   AUTHOR BIO - COMPACT
   ================================================================= */
.dp-author-bio-section {
    max-width: 750px;
    margin: 24px auto 0;
    padding: 0 24px;
}

.dp-author-bio-card {
    background: var(--blog-white);
    border-radius: var(--blog-radius);
    padding: 20px;
    box-shadow: var(--blog-shadow);
    border: 1px solid var(--blog-border);
}

.dp-author-bio-content {
    display: flex;
    gap: 16px;
    align-items: center;
}

.dp-author-bio-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--blog-primary);
    flex-shrink: 0;
}

.dp-author-bio-text {
    flex: 1;
}

.dp-author-name {
    font-size: 1rem;
    font-weight: 600;
    color: var(--blog-text);
    margin-bottom: 2px;
}

.dp-author-name a {
    color: var(--blog-text) !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

.dp-author-name a:hover {
    color: var(--blog-primary) !important;
    text-decoration: underline !important;
}

.dp-author-title {
    color: var(--blog-primary);
    font-weight: 500;
    margin-bottom: 6px;
    font-size: 12px;
}

.dp-author-description {
    color: var(--blog-text-light);
    line-height: 1.5;
    margin-bottom: 8px;
    font-size: 14px;
}

.dp-author-social {
    display: flex;
    gap: 6px;
}

.dp-author-social a {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--blog-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--blog-text-light);
    text-decoration: none;
    transition: var(--blog-transition);
    font-size: 12px;
}

.dp-author-social a:hover {
    background: var(--blog-primary);
    color: var(--blog-white);
}

/* =================================================================
   RELATED POSTS - SIMPLIFIED
   ================================================================= */
.dp-related-section {
    background: var(--blog-white);
    padding: 40px 0;
    border-top: 1px solid var(--blog-border);
}

.dp-related-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
}

.dp-related-header {
    text-align: center;
    margin-bottom: 24px;
}

.dp-related-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--blog-text);
    margin-bottom: 6px;
}

.dp-related-subtitle {
    color: var(--blog-text-light);
    font-size: 14px;
}

.dp-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.dp-related-card {
    background: var(--blog-white) !important;
    border-radius: var(--blog-radius);
    overflow: hidden;
    box-shadow: var(--blog-shadow);
    transition: var(--blog-transition);
    text-decoration: none !important;
    color: inherit !important;
    border: 1px solid var(--blog-border) !important;
}

.dp-related-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    text-decoration: none !important;
    color: inherit !important;
}

.dp-related-image {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.dp-related-content {
    padding: 16px;
}

.dp-related-category {
    color: var(--blog-primary);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.dp-related-post-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--blog-text);
    margin-bottom: 6px;
    line-height: 1.4;
}

.dp-related-excerpt {
    color: var(--blog-text-light);
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 8px;
}

.dp-related-meta {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--blog-text-lighter);
}

/* =================================================================
   RESPONSIVE DESIGN - PROFESSIONAL
   ================================================================= */
@media (max-width: 768px) {
    .dp-hero-grid {
        grid-template-columns: 1fr;
        gap: 32px;
        text-align: center;
    }
    
    .dp-hero-image {
        order: -1;
        max-width: 450px;
        margin: 0 auto;
    }
    
    .dp-hero-section {
        padding: 32px 0 50px;
    }
    
    .dp-hero-title {
        font-size: 2rem;
    }
    
    .dp-related-grid {
        grid-template-columns: 1fr;
    }
    
    .dp-hero-actions {
        justify-content: center;
    }
    
    .dp-content-container,
    .dp-related-container,
    .dp-author-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .dp-hero-container {
        padding: 0 20px;
    }
    
    /* Author Section Mobile */
    .dp-author-layout {
        grid-template-columns: 1fr;
        gap: 24px;
        text-align: center;
    }
    
    .dp-author-avatar-wrapper {
        justify-self: center;
    }
    
    .dp-author-social-wrapper {
        justify-self: center;
    }
    
    .dp-author-card {
        padding: 28px;
    }
}

@media (max-width: 480px) {
    .dp-hero-container {
        padding: 0 16px;
    }
    
    .dp-author-meta {
        flex-direction: column;
        text-align: center;
        gap: 12px;
        padding: 16px;
    }
    
    .dp-hero-title {
        font-size: 1.75rem;
    }
    
    .dp-author-name-large {
        font-size: 1.5rem;
    }
    
    .dp-author-social-icons {
        justify-content: center;
    }
    
    .dp-hero-section {
        padding: 24px 0 40px;
    }
    
    .dp-hero-actions {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    
    .dp-btn {
        min-width: 160px;
        justify-content: center;
    }
}

/* =================================================================
   OVERRIDE PROTECTION - FORCE STYLING FOR DP ELEMENTS
   ================================================================= */

/* Override any theme link styling for dp elements */
.dp-blog-post-wrapper a.dp-breadcrumb-link,
.dp-blog-post-wrapper a.dp-category-tag,
.dp-blog-post-wrapper a.dp-related-card,
.dp-blog-post-wrapper .dp-author-name a,
.dp-blog-post-wrapper .dp-author-name-large a,
.dp-blog-post-wrapper a.dp-social-icon-btn {
    box-shadow: none !important;
    outline: none !important;
}

.dp-blog-post-wrapper .dp-breadcrumb-text {
    color: var(--blog-text-lighter) !important;
}

.dp-blog-post-wrapper a.dp-breadcrumb-link:focus,
.dp-blog-post-wrapper a.dp-category-tag:focus,
.dp-blog-post-wrapper a.dp-related-card:focus,
.dp-blog-post-wrapper a.dp-social-icon-btn:focus {
    outline: 2px solid var(--blog-primary) !important;
    outline-offset: 2px !important;
}

/* =================================================================
   FOCUS STATES
   ================================================================= */
.dp-btn:focus,
.dp-social-btn:focus,
.dp-related-card:focus,
.dp-category-tag:focus {
    outline: 2px solid var(--blog-primary);
    outline-offset: 2px;
}

.dp-entry-content a:focus {
    outline: 2px solid var(--blog-primary);
    outline-offset: 1px;
    border-radius: 2px;
}
.padding-120{
	    padding-top: 0px !important;
    padding-bottom: 0px !important;
}