@use '../../utils' as *;

/*----------------------------------------*/
/*  7.18 light css start
/*----------------------------------------*/

.aleric-light{
    & .tp-perspective-slider .tp-perspective-inner .tp-perspective-image:before {
        background: var(--tp-common-white);
    }
    & .tp-perspective-slider .tp-perspective-inner .tp-perspective-image:after {
        background: var(--tp-common-white);
    }
    & .tp-perspective-social-info span {
        color: var(--tp-common-blck);
    }
    & .tp-perspective-scroll a {
        color: var(--tp-common-black);
    }
    & .tp-pd-3-subtitle {
        color: rgba(0, 0, 0, 0.6);
    }
    & .tp-pd-3-title {
        color: var(--tp-common-black);
    }
    & .tp-pd-3-btn {
        color: var(--tp-common-black);
        border: 1px solid rgba(0, 0, 0, 0.1);
    }
    & .tp-pd-3-overview-text p {
        color: rgba(0, 0, 0, 0.6);
    }
    & .tp-pd-3-overview-info span {
        color: rgba(0, 0, 0, 0.5);
    }
    & .tp-pd-3-overview-info h4 {
        color: var(--tp-common-black);
    }
    & .tp-pd-3-navigation-title {
        color: var(--tp-common-black);
    }
    & .tp-footer-vp-widget span {
        color: var(--tp-common-black);
    }
    & .tp-footer-vp-widget ul li a {
        color: rgba(0, 0, 0, 0.6);
    }
    & .tp-footer-it-copyright {
        color: rgba(0, 0, 0, 0.6);
    }
    & .tp-footer-it-copyright a {
        color: var(--tp-common-black);
    }
}