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

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


.bd-footer-copyright-area {
    &.style-one {
        padding: 27px 0;
        border-top: 1px solid var(--bd-border-primary);
    }
    &.style-two {
        padding: 15px 0;

        .bd-footer-copyright-text {
            p {
                color: var(--bd-white);

                a {
                    color: var(--bd-secondary);
                }
            }
        }
    }
    .bd-footer-copyright-text {
        p {
            a {
                color: var(--bd-primary);
                padding: 0 0 2px 0;
            }
        }
    }
}


.bd-footer-copyright-list {
    ul {
        display: flex;
        @media #{$xs} {
            flex-wrap: wrap;
        }
        li {
            list-style: none;
            position: relative;
            margin-right: 10px;
            padding-left: 10px;
            color: var(--bd-theme-black);
            &:first-child {
                &::before {
                    display: none;
                }
            }
            &::before {
                position: absolute;
                height: 11px;
                width: 1px;
                background: rgba($color: $black, $alpha: .3);
                content: "";
                top: 50%;
                left: 0;
                transform: translate(-50%, -50%);
            }
        }
    }
}
.bd-footer-copyright p {
	color: var(--bd-theme-black);
    a {
        color: var(--bd-primary);
        transition: all 0.3s ease-in-out;
    }
}

.bd-copyright-bg {
    position: relative;
    padding-top: 40px;
    padding-bottom: 20px;
    z-index: 6;

    &::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/bg/copy-right-shape-2.webp);
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 5;
    }
    .bd-footer-copyright {
        p {
            color: var(--bd-theme-black);
            a {
                color: var(--bd-theme-black);
            }
        }
    }
}