/* Common Heading style */


.wdt-creative-heading-holder:is(.template-title_desc, .template-title_btn) { padding: clamp(0.875rem, 0.7019rem + 0.7692vw, 1.625rem) 0px; /* 14px - 26px */
    border-width: 1px 0px; border-style: solid; border-color: var(--wdtBorderColor); }
.wdt-creative-heading-holder .wdt-heading-title-wrapper { margin: 0px; }

.wdt-creative-heading-holder:not([class*="animat-"]) .wdt-heading-title-wrapper,
.animat-skew .wdt-heading-title-wrapper > .wdt-words__item { text-transform: capitalize; }
.animat-charsplit .wdt-heading-title-wrapper .wdt-words__item > .wdt-chars__item:first-child { text-transform: uppercase; }

.wdt-creative-heading-holder .wdt-button { display: inline-flex; align-items: center; background-color: transparent; 
    color: var(--wdtPrimaryColor); border-color: currentColor; border: 1px solid; }

.wdt__dark .wdt-creative-heading-holder .wdt-button:not(:focus), 
.wdt__dark .wdt-creative-heading-holder .wdt-button:not(:hover), 
.wdt-dark-bg .wdt-creative-heading-holder .wdt-button:not(:focus), 
.wdt-dark-bg .wdt-creative-heading-holder .wdt-button:not(:hover) { color: #fff; border-color: rgba(225,225,225, 0.15); } 

/* .wdt__dark .wdt-creative-heading-holder .wdt-button:focus, 
.wdt__dark .wdt-creative-heading-holder .wdt-button:hover, */
.wdt-dark-bg .wdt-creative-heading-holder .wdt-button:focus, 
.wdt-dark-bg .wdt-creative-heading-holder .wdt-button:hover { color: var(--wdtTertiaryColor); } 

.wdt-creative-heading-holder .wdt-button:focus, 
.wdt-creative-heading-holder .wdt-button:hover { background-color: var(--wdtPrimaryColor); 
    border-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }

.wdt-creative-heading-holder .wdt-button:after { content: ""; position: relative; display: inline-block;
    width: 1em; height: 1em; background-color: currentColor; -webkit-mask-image: var(--wdt-arrow-mask); mask-image: var(--wdt-arrow-mask);
    -webkit-mask-size: 98%; mask-size: 98%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; font-size: 1rem;
    -webkit-mask-position: center; mask-position: center; transition: var(--wdt-Ad-Transition); margin-left: 8px; align-self: center; }


.animat-skew .wdt-heading-title-wrapper { max-width: 100%; display: block; white-space: normal; word-break: break-word; }

/**
    Title Template Default 
*/

.template-default > *:not(:last-child) { margin-bottom: 14px; }

/** 
    Title with Description 
*/

.template-title_desc { display: flex; align-items: center; }

.template-title_desc .wdt-heading-title-wrapper { margin: 0px; flex: 1 1 62%; }
.template-title_desc .wdt-heading-content-wrapper { margin: 0px; flex: 1 1 38%; }
.template-title_desc .wdt-heading-content-wrapper p { margin: 0px; }

@media screen and (max-width: 1280px) {
    .template-title_desc .wdt-heading-title-wrapper { flex: 1 1 50%; }
    .template-title_desc .wdt-heading-content-wrapper { flex: 1 1 50%; }
}

@media screen and (min-width: 768px) {
    .template-title_desc .wdt-heading-title-wrapper { text-align: start; padding-right: 30px; }
    .template-title_desc .wdt-heading-content-wrapper { text-align: start; }
}

@media screen and (max-width: 767px) {
    .template-title_desc { flex-wrap: wrap; }
    .template-title_desc .wdt-heading-title-wrapper { flex: 1 1 100%; padding-bottom: 14px; }
    .template-title_desc .wdt-heading-content-wrapper { flex: 1 1 100%; }
}

/** 
    Title with Button 
*/

.template-title_btn { display: flex; align-items: center; }

.template-title_btn .wdt-heading-title-wrapper { margin: 0px; width: 100%; flex: 0 0 75%; }
.template-title_btn .wdt-heading-button-wrapper { margin: 0px; width: 100%; flex: 0 0 25%; }
.template-title_btn .wdt-heading-button-wrapper .wdt-button { margin: 0px; }

@media screen and (max-width: 1280px) {
    .template-title_btn .wdt-heading-title-wrapper { flex: 1 1 70%; }
    .template-title_btn .wdt-heading-content-wrapper { flex: 1 1 30%; }
}

@media screen and (min-width: 768px) {
    .template-title_btn .wdt-heading-title-wrapper { text-align: start; padding-right: 30px; }
    .template-title_btn .wdt-heading-button-wrapper { text-align: end; }
}

@media screen and (max-width: 767px) {
    .template-title_btn { flex-wrap: wrap; }
    .template-title_btn .wdt-heading-title-wrapper { flex: 1 1 100%; padding-bottom: 14px; }
    .template-title_btn .wdt-heading-button-wrapper { flex: 1 1 100%; }
}


/** 
    Template Title Only 
*/

.template-title_only .wdt-heading-title-wrapper { padding: 0.66em 0em; border-width: 1px 0px; border-style: solid; 
    border-color: var(--wdtBorderColor); /* text-transform: capitalize; */ }

.wdt-heading-title-wrapper:not(:has(> div > div.wdt-chars__item)) { text-transform: capitalize !important; }