/***<<--- Heading Transition --->>***/

.wdt-heading-holder
{
    -webkit-transition: var(--wdt-elementor-base-transition);
            transition: var(--wdt-elementor-base-transition);
}

/***<<--- Heading Common --->>***/

.wdt-heading-holder
{
    position: relative;
}

.wdt-heading-holder > *:not(:last-child)
{
    margin-bottom: 10px;
}

.wdt-heading-holder > *:last-child
{
    margin-bottom: 0;
}

.wdt-heading-holder .wdt-heading-title-wrapper
{
    line-height: var(--wdtLineHeight_H2);
    margin-top: 0;
    text-transform: capitalize;
}

/*** Subtitle ---***/

.wdt-heading-holder .wdt-heading-subtitle-wrapper
{
    font-size: var(--wdtFontSize_Ext);
    letter-spacing: var(--wdtLetterSpacing_1X);
    text-transform:uppercase;
    display:inline-flex;
    align-items:center;
    font-weight:var(--wdtFontWeight_Alt);
} 
 
.wdt-heading-holder .wdt-heading-subtitle-wrapper:before {
    content: "";
    height: 20px;
    width: 20px;
    min-width: 20px;
    background-color: currentColor;
    margin-right: 8px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='100 49.79 72.92 76.8 64.17 85.52 64.11 85.46 28.49 49.95 45.99 49.95 64.11 68.01 64.11 68.13 64.17 68.07 82.34 49.95 82.66 49.95 64.11 31.45 64.11 14 100 49.79'/%3E%3Cpolygon points='71.62 49.95 54.11 49.95 35.9 31.79 35.9 31.44 35.73 31.62 17.34 49.95 17.66 49.95 35.9 68.14 35.9 85.59 0 49.79 35.73 14.16 35.9 14.33 44.48 22.89 64.11 42.46 71.62 49.95'/%3E%3C/svg%3E");
    mask-size: 18px;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='100 49.79 72.92 76.8 64.17 85.52 64.11 85.46 28.49 49.95 45.99 49.95 64.11 68.01 64.11 68.13 64.17 68.07 82.34 49.95 82.66 49.95 64.11 31.45 64.11 14 100 49.79'/%3E%3Cpolygon points='71.62 49.95 54.11 49.95 35.9 31.79 35.9 31.44 35.73 31.62 17.34 49.95 17.66 49.95 35.9 68.14 35.9 85.59 0 49.79 35.73 14.16 35.9 14.33 44.48 22.89 64.11 42.46 71.62 49.95'/%3E%3C/svg%3E");
    -webkit-mask-size: 18px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
}

/*--- Highlight Elements --*/
.wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-colored-elements{
    background-color: transparent;
    background-image: linear-gradient(90deg, var(--wdtPrimaryColor), var(--wdtTertiaryColor));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 0.2em;
    display: inline-block;
}

/***<<--- Heading - Background Text Elements --->>***/

.wdt-heading-holder .wdt-heading-background-text-wrapper {
    line-height: 1;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    user-select: none;
    pointer-events: none;
}

.wdt-heading-holder .wdt-heading-background-text-wrapper .wdt-heading-background-text {
    display: inline-block;
    font-family: var(--wdtFontTypo_Alt);
    font-size: 12.5em;
    font-weight: 900;
    letter-spacing: 0.075em;
    line-height: 0.65;
    opacity: 0.048;
    margin-top: 5px;
    margin-left: -5px;
}


/* Default Colors */
.wdt-heading-holder .wdt-heading-subtitle-wrapper{
    color: var(--wdtSecondaryColor);
}
.wdt-dark-bg .wdt-heading-holder .wdt-heading-subtitle-wrapper{
    color:var(--wdtAccentTxtColor);
}

.wdt-heading-holder > .wdt-heading-separator-wrapper .wdt-separator-line,
.wdt-heading-holder > .wdt-heading-deco-wrapper > span .wdt-heading-deco-line
{
    background-color: var(--wdt-elementor-color-primary);
}

.wdt-heading-holder .wdt-heading-separator.with-icon .wdt-content-icon-wrapper .wdt-content-icon span,
.wdt-heading-holder .wdt-heading-deco-wrapper .wdt-content-icon-wrapper .wdt-content-icon span,
.wdt-heading-holder .wdt-heading-deco-wrapper .wdt-heading-title .wdt-heading-colored-elements
{
    color: var(--wdt-elementor-color-primary);
}
