.custom-banner {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 9999;
    transform: translateY(-100%);
    opacity: 0;
	text-align: center;
}
.custom-banner-top {
    top: 0;
}
.custom-banner-bottom {
    bottom: 0;
    transform: translateY(100%);
}

.custom-banner-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
}

.custom-banner-content {
    padding-right: 15px;
    width: calc(100% - 55px);
}

.custom-banner-close {
    background: transparent;
    border: none;
    color: inherit;
    font-size: 22px;
    cursor: pointer;
    line-height: 1;
    padding: 15px;
}

.custom-banner.show {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .custom-banner {
        transition: none !important;
    }
}
body.admin-bar .custom-banner-top {
    top: 32px;
}

@media (max-width: 782px) {
    body.admin-bar .custom-banner-top {
        top: 46px;
    }
}