/**
 * 365 Jobs Theme Colors - Default Styles
 * This file maps theme customizer colors to widget elements
 */

/* Job Widget Default Colors */
.job-post-box .tag {
    color: var(--vtc-text-common-color-1);
}

.job-post-box .job-owners-area .text a {
    color: var(--vtc-text-heading-text-2);
}

.job-post-box .job-owners-area .text p {
    color: var(--vtc-text-pera-text-1);
}

.job-post-box .work-info h5 {
    color: var(--vtc-text-heading-text-1);
}

.job-post-box .work-info h6 {
    color: var(--vtc-text-heading-text-2);
}

.job-post-box .work-info span {
    color: var(--vtc-text-pera-text-3);
}

.job-post-box .divider {
    border-color: var(--vtc-border-border-1);
}

.job-post-box {
    background: var(--vtc-bg-bg-white);
    border-color: var(--vtc-border-border-1);
}

.job-post-box:hover {
    background: var(--vtc-bg-common-bg7);
    border-color: var(--vtc-bg-main-bg-1);
}

.job-learn {
    background: var(--vtc-bg-main-bg-1);
    color: var(--vtc-text-text-white-text-1);
    border-color: var(--vtc-bg-main-bg-1);
}

.job-learn:hover {
    background: var(--vtc-bg-main-bg-2);
    border-color: var(--vtc-bg-main-bg-2);
}

/* Companies Widget Default Colors */
.solution4-box .heading4 h4 a,
.service-benefits5 .benefits-box h4 a,
.solutions9 .solutions-box .heading-area .heading h4 a {
    color: var(--vtc-text-heading-text-1);
}

.solution4-box .heading4 p,
.service-benefits5 .benefits-box p,
.solutions9 .solutions-box .heading-area .heading p {
    color: var(--vtc-text-pera-text-1);
}

.solution4-box,
.service-benefits5 .benefits-box,
.solutions9 .solutions-box {
    background: var(--vtc-bg-bg-white);
    border-color: var(--vtc-border-border-1);
}

.solution4-box:hover,
.service-benefits5 .benefits-box:hover,
.solutions9 .solutions-box:hover {
    background: var(--vtc-bg-common-bg7);
    border-color: var(--vtc-bg-main-bg-1);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.solution4-box .icon,
.service-benefits5 .benefits-box .icon,
.solutions9 .solutions-box .heading-area .icon {
    background: var(--vtc-bg-common-bg7);
    border-color: var(--vtc-border-border-1);
}

.company-learn,
.service-benefits5 .benefits-box a.learn {
    background: var(--vtc-bg-main-bg-1);
    color: var(--vtc-text-text-white-text-1);
    border-color: var(--vtc-bg-main-bg-1);
}

.company-learn:hover,
.service-benefits5 .benefits-box:hover a.learn {
    background: var(--vtc-bg-main-bg-2);
    border-color: var(--vtc-bg-main-bg-2);
}

/* Button Widget Default Colors */
.theme-btn1,
.theme-btn4,
.theme-btn6,
.theme-btn10,
.theme-btn11,
.theme-btn13,
.theme-btn14,
.theme-btn15,
.theme-btn16 {
    background: var(--vtc-bg-main-bg-1);
    color: var(--vtc-text-text-white-text-1);
    border-color: var(--vtc-bg-main-bg-1);
}

.theme-btn1:hover,
.theme-btn4:hover,
.theme-btn6:hover,
.theme-btn10:hover,
.theme-btn11:hover,
.theme-btn13:hover,
.theme-btn14:hover,
.theme-btn15:hover,
.theme-btn16:hover {
    background: var(--vtc-bg-main-bg-2);
    color: var(--vtc-text-text-white-text-1);
    border-color: var(--vtc-bg-main-bg-2);
}

.theme-btn2,
.theme-btn5,
.theme-btn7,
.theme-btn9 {
    background: transparent;
    color: var(--vtc-text-heading-text-1);
    border-color: var(--vtc-border-border-2);
}

.theme-btn2:hover,
.theme-btn5:hover,
.theme-btn7:hover,
.theme-btn9:hover {
    background: var(--vtc-bg-main-bg-1);
    color: var(--vtc-text-text-white-text-1);
    border-color: var(--vtc-bg-main-bg-1);
}

/* Hero Section Default Colors */
.hero-area1 .main-heading h1,
.hero-area2 .main-heading h1,
.hero-area3 .main-heading h1,
.hero-area4 .main-heading h1,
.hero-area5 .main-heading h1 {
    color: var(--vtc-text-heading-text-1);
}

.hero-area1 .main-heading span,
.hero-area2 .main-heading span,
.hero-area3 .main-heading span,
.hero-area4 .main-heading span,
.hero-area5 .main-heading span {
    color: var(--vtc-bg-main-bg-1);
}

.hero-area1 .main-heading p,
.hero-area2 .main-heading p,
.hero-area3 .main-heading p,
.hero-area4 .main-heading p,
.hero-area5 .main-heading p {
    color: var(--vtc-text-pera-text-1);
}

/* Service Widget Default Colors */
.service-box h3,
.service-box h4,
.service-box h5 {
    color: var(--vtc-text-heading-text-1);
}

.service-box p {
    color: var(--vtc-text-pera-text-1);
}

.service-box .icon {
    background: var(--vtc-bg-common-bg7);
    color: var(--vtc-bg-main-bg-1);
}

.service-box:hover .icon {
    background: var(--vtc-bg-main-bg-1);
    color: var(--vtc-text-text-white-text-1);
}

/* Team Widget Default Colors */
.team-member-box h3,
.team-member-box h4,
.team-member-box h5 {
    color: var(--vtc-text-heading-text-1);
}

.team-member-box .position,
.team-member-box p {
    color: var(--vtc-text-pera-text-1);
}

.team-member-box .social-links a {
    color: var(--vtc-text-pera-text-3);
    border-color: var(--vtc-border-border-1);
}

.team-member-box .social-links a:hover {
    background: var(--vtc-bg-main-bg-1);
    color: var(--vtc-text-text-white-text-1);
    border-color: var(--vtc-bg-main-bg-1);
}

/* Testimonial Widget Default Colors */
.testimonial-box .quote {
    color: var(--vtc-text-pera-text-1);
}

.testimonial-box .author-name {
    color: var(--vtc-text-heading-text-2);
}

.testimonial-box .author-position {
    color: var(--vtc-text-pera-text-3);
}

.testimonial-box .quote-icon {
    color: var(--vtc-bg-main-bg-1);
}

/* Pricing Widget Default Colors */
.pricing-box .price {
    color: var(--vtc-bg-main-bg-1);
}

.pricing-box .plan-name {
    color: var(--vtc-text-heading-text-1);
}

.pricing-box .features li {
    color: var(--vtc-text-pera-text-1);
}

.pricing-box .pricing-btn {
    background: var(--vtc-bg-main-bg-1);
    color: var(--vtc-text-text-white-text-1);
}

.pricing-box .pricing-btn:hover {
    background: var(--vtc-bg-main-bg-2);
}

/* Contact Widget Default Colors */
.contact-form label {
    color: var(--vtc-text-heading-text-3);
}

.contact-form input,
.contact-form textarea {
    background: var(--vtc-bg-bg-white);
    border-color: var(--vtc-border-border-1);
    color: var(--vtc-text-pera-text-1);
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: var(--vtc-bg-main-bg-1);
}

.contact-form button,
.contact-form input[type="submit"] {
    background: var(--vtc-bg-main-bg-1);
    color: var(--vtc-text-text-white-text-1);
}

.contact-form button:hover,
.contact-form input[type="submit"]:hover {
    background: var(--vtc-bg-main-bg-2);
}

/* About Widget Default Colors */
.about-box h2,
.about-box h3,
.about-box h4 {
    color: var(--vtc-text-heading-text-1);
}

.about-box .subtitle {
    color: var(--vtc-bg-main-bg-1);
}

.about-box p {
    color: var(--vtc-text-pera-text-1);
}

.about-box .highlight {
    color: var(--vtc-text-heading-text-2);
}

/* Industry Widget Default Colors */
.industry-box h3,
.industry-box h4 {
    color: var(--vtc-text-heading-text-1);
}

.industry-box p {
    color: var(--vtc-text-pera-text-1);
}

.industry-box .icon {
    color: var(--vtc-bg-main-bg-1);
}

/* Work Steps Widget Default Colors */
.work-step-box .step-number {
    background: var(--vtc-bg-main-bg-1);
    color: var(--vtc-text-text-white-text-1);
}

.work-step-box h4 {
    color: var(--vtc-text-heading-text-1);
}

.work-step-box p {
    color: var(--vtc-text-pera-text-1);
}

/* Solution Widget Default Colors */
.solution-box h3,
.solution-box h4 {
    color: var(--vtc-text-heading-text-1);
}

.solution-box p {
    color: var(--vtc-text-pera-text-1);
}

.solution-box .icon {
    background: var(--vtc-bg-common-bg7);
    color: var(--vtc-bg-main-bg-1);
}

/* Color Scheme Classes */
.color-scheme-primary {
    color: var(--vtc-bg-main-bg-1) !important;
}

.color-scheme-secondary {
    color: var(--vtc-bg-main-bg-2) !important;
}

.color-scheme-heading-1 {
    color: var(--vtc-text-heading-text-1) !important;
}

.color-scheme-heading-2 {
    color: var(--vtc-text-heading-text-2) !important;
}

.color-scheme-heading-3 {
    color: var(--vtc-text-heading-text-3) !important;
}

.color-scheme-body {
    color: var(--vtc-text-pera-text-1) !important;
}

.bg-scheme-primary {
    background-color: var(--vtc-bg-main-bg-1) !important;
}

.bg-scheme-secondary {
    background-color: var(--vtc-bg-main-bg-2) !important;
}

.bg-scheme-light {
    background-color: var(--vtc-bg-common-bg7) !important;
}

.border-scheme-primary {
    border-color: var(--vtc-bg-main-bg-1) !important;
}

.border-scheme-secondary {
    border-color: var(--vtc-bg-main-bg-2) !important;
}

.border-scheme-default {
    border-color: var(--vtc-border-border-1) !important;
}