.vivagym-top-bar {
    position       : sticky;
    overflow       : hidden;
    z-index        : -1;
    cursor         : pointer;
    padding-inline : 2rem;
    padding-block  : 24px 20px;
    min-height     : 42px;
    display        : flex;
    align-items    : center;
    font-family    : var(--heading-font);
    font-size      : 20px;
    line-height    : 20px;
    font-weight    : 600;
    text-transform : uppercase;
}

.vivagym-top-bar p {
    margin-block: 0;
}

.vivagym-top-bar-content {
    display       : flex;
    gap           : 24px;
    align-items   : center;
    width         : 100%;
    max-width     : var( --wp--custom--width--default );
    margin-inline : auto;
    justify-content: center;
}

.vivagym-top-bar-countdown {
    display        : flex;
    gap            : 10px;
}

.vivagym-top-bar--theme-primary {
    background-color : var(--wp--preset--color--primary);
    color            : white;
}
.vivagym-top-bar--theme-primary .vivagym-top-bar__text {
	color : var(--wp--preset--color--title);
}

.vivagym-top-bar--theme-secondary {
	background-color : var(--wp--preset--color--secondary);
	color           : white;
}
.vivagym-top-bar--theme-secondary .vivagym-top-bar__text {
	color : var(--wp--preset--color--title);
}

.vivagym-top-bar--theme-tertiary-blue {
	background-color : var(--wp--preset--color--tertiary-blue);
	color           : var(--wp--preset--color--title);
}
.vivagym-top-bar--theme-tertiary-blue .vivagym-top-bar__text {
	color : var(--wp--preset--color--title);
}
.vivagym-top-bar--theme-tertiary-blue .vivagym-top-bar__text:before,
.vivagym-top-bar--theme-tertiary-blue .vivagym-top-bar__text:after {
    background : var(--icon-asterisk-primary);
}

.vivagym-top-bar--theme-white {
	background-color : white;
    color            : var(--wp--preset--color--primary);
}
.vivagym-top-bar--theme-white .vivagym-top-bar__text {
	color : var(--wp--preset--color--title);
}

.vivagym-top-bar--theme-black {
	background-color : black;
    color            : var(--wp--preset--color--primary);
}
.vivagym-top-bar--theme-black .vivagym-top-bar__text {
	color : white;
}

.site-header.site-header--has-top-bar {
    border-bottom: 0;
}