.etheme-advanced-headline {
position: relative;
font-size: 2.5rem;
margin-bottom: var(--heading-space, 10px);
text-transform: none;
}
.etheme-advanced-headline-mask {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.etheme-a-h-text-before {
display: inline-block;
}
.etheme-a-h-text-before-with-bg {
background: #000;
color: #fff;
padding: 0.1em 0.5em;
border-radius: 0.15em;
margin-bottom: 5px;
}
.etheme-a-h-line-before {
text-align: right;
}
.etheme-a-h-line-after {
text-align: left;
}
.etheme-a-h-line-both,
.etheme-a-h-lines-none {
text-align: center;
}
.etheme-a-h-line-before .etheme-advanced-headline,
.etheme-a-h-line-after .etheme-advanced-headline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.etheme-a-h-line-before .etheme-advanced-headline:before,
.etheme-a-h-line-after .etheme-advanced-headline:after {
content: '';
border-bottom: var(--line-height, 2px) var(--line-style, solid) var(--line-color, #e1e1e1);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-ms-flex-item-align: center;
align-self: center;
}
.etheme-a-h {
text-transform: none;
margin-bottom: 0;
}
.etheme-a-h-text {
background: #2962FF;
color: #fff;
padding: 0 10px;
-webkit-text-fill-color: currentColor;
}
.etheme-a-h-with-bg {
text-align: inherit;
}
.etheme-a-h-with-bg .etheme-advanced-headline {
z-index: 1;
}
.etheme-a-h-with-bg .etheme-a-h-text-before {
position: absolute;
white-space: nowrap;
left: 50%;
-webkit-transform: translate(var(--translateX, -50%), var(--translateY, 0%));
transform: translate(var(--translateX, -50%), var(--translateY, 0%));
font-weight: 700;
font-size: 2em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
bottom: 0;
z-index: -1;
color: rgba(0, 0, 0, 0.1);
-webkit-text-fill-color: currentColor;
}
@media only screen and (max-width: 767px) {
.etheme-a-h-line-mobile-hidden .etheme-advanced-headline {
display: block;
}
.etheme-a-h-line-mobile-hidden .etheme-advanced-headline:before,
.etheme-a-h-line-mobile-hidden .etheme-advanced-headline:after {
display: none;
}
}
.etheme-advanced-headline-divider {
position: relative;
border-bottom: var(--line-height, 2px) var(--line-style, solid) var(--line-color, #e1e1e1);
margin-bottom: var(--line-space, 15px);
}
.etheme-a-h-line-before .etheme-advanced-headline:before {
margin-right: var(--line-space, 15px);
}
.etheme-a-h-line-after .etheme-advanced-headline:after {
margin-left: var(--line-space, 15px);
}
.etheme-advanced-headline-heading-wrapper .etheme-advanced-headline {
position: relative;
display: inline-block;
}
.etheme-advanced-headline-heading-wrapper .etheme-advanced-headline:after {
content: '';
border-bottom: var(--line-height, 2px) var(--line-style, solid) var(--line-active-color, #2962FF);
display: block;
position: absolute;
width: 100%;
bottom: calc((var(--heading-space, 10px) + var(--line-height,2px)) * -1);
z-index: 1;
}