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

/*----------------------------------------*/
/*  3.4.1 Copyright Style
/*----------------------------------------*/


.rs-copyright{
    &-one{
        padding: 20px 0 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.14);
        .rs-footer-copyright{
            a{
                &:hover{
                    color: var(--rs-theme-orange);
                }
            }
            &.has-theme-red{
                a{
                    color: var(--rs-theme-red);
                }
                p{
                    color: var(--rs-white);
                }

            }
            &.has-theme-blue{
                a{
                    color: var(--rs-white);
                    background-image: linear-gradient(var(--rs-white), var(--rs-white)), linear-gradient(var(--rs-white), var(--rs-white));
                }
                p{
                    color: var(--rs-white);
                }

            }
            &.has-theme-orange{
                a{
                    color: var(--rs-theme-orange);
                    background-image: linear-gradient(var(--rs-theme-orange), var(--rs-theme-orange)), linear-gradient(var(--rs-theme-orange), var(--rs-theme-orange));
                }
                p{
                    color: var(--rs-text-secondary);
                }

            }
            &.has-theme-yellow{
                a{
                    color: var(--rs-theme-yellow);
                    background-image: linear-gradient(var(--rs-theme-yellow), var(--rs-theme-yellow)), linear-gradient(var(--rs-theme-yellow), var(--rs-theme-yellow));
                }
                p{
                    color: var(--rs-white);
                }

            }
            &.has-theme-deep-blue{
                a{
                    color: var(--rs-theme-deep-blue);
                    background-image: linear-gradient(var(--rs-theme-deep-blue), var(--rs-theme-deep-blue)), linear-gradient(var(--rs-theme-deep-blue), var(--rs-theme-deep-blue));
                }
                p{
                    color: var(--rs-white);
                }
            }
            &.has-theme-green{
                a{
                    color: var(--rs-theme-green);
                    background-image: linear-gradient(var(--rs-theme-green), var(--rs-theme-green)), linear-gradient(var(--rs-theme-green), var(--rs-theme-green));
                }
                p{
                    color: var(--rs-white);
                }
            }
            &.has-theme-cyan{
                a{
                    color: var(--rs-theme-cyan);
                    background-image: linear-gradient(var(--rs-theme-cyan), var(--rs-theme-cyan)), linear-gradient(var(--rs-theme-cyan), var(--rs-theme-cyan));
                }
                p{
                    color: var(--rs-white);
                }
            }
        }
        &.has-theme-light-blue{
            position: relative;
            z-index: 1;
            background: var(--rs-theme-light-blue);
            border: 0;
            .rs-copyright-bg-thumb{
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                inset-inline-start: 0;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                z-index: -1;
            }
        }
        &.has-theme-green{
            position: relative;
            z-index: 1;
            .rs-copyright-bg-thumb{
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                inset-inline-start: 0;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                z-index: -1;
            }
        }
        &.has-theme-deep-blue{
            background: #060636;
            border-top: none;
        }
    }
}