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

/*----------------------------------------*/
/*  6.5 Footer Style 5
/*----------------------------------------*/

.#{$theme-prifix}-footer{
    $self : &;
    &-style-5{
        #{$self}{
            &-social{
                & a{
                    border-radius: 50%;
                    color: var(--tp-theme-primary) !important;
                    &:hover{
                        background-color: var(--tp-theme-primary);
                        border-color: var(--tp-theme-primary);
                        color: var(--tp-common-white) !important;
                        //color: var(--tp-hover-color) !important;
                    }
                }
            }
            &-widget{
                & ul{
                    & li{
                        & a{
                            &:hover{
                                color: var(--tp-theme-green);
                                &::after{
                                    background-color: var(--tp-theme-green);
                                }
                            }
                        }
                    }
                }
            }
            &-talk{
                & h4{
        
                    & a{
                        &:hover{
                            color: var(--tp-theme-green);
                        }
                    }
        
                }
            }
            &-contact{
                &-content{
                    & p{
                        & a{
                            &:hover{
                                color: var(--tp-theme-green);
                            }
                        }
                    }
                }
            }
            &-copyright{
                & p{
                    
                    & a{
                        color: var(--tp-theme-green);
                    }
                }
            }
        }
    }
}