:is(.wd-title-style-underlined,.wd-title-style-overlined) .title {
    border-color: var(--el-title-color)
}

:is(.wd-title-style-underlined,.wd-title-style-overlined).wd-title-color-default {
    --el-title-color: #CCC
}

:is(.wd-title-style-underlined,.wd-title-style-overlined).wd-title-color-white .liner-continer {
    border-color: rgba(255,255,255,0.5)
}

.wd-title-style-underlined .liner-continer {
    border-bottom: 1px solid var(--brdcolor-gray-300);
}

.wd-title-style-underlined .title {
    margin-bottom: -1px;
    padding-bottom: 10px;
    border-bottom: 3px solid #e8000b;
}

.wd-title-style-underlined-2 {
    --wd-mb: 15px
}

.wd-title-style-underlined-2 .title {
    border-bottom: 2px solid var(--el-title-color);
    line-height: .85
}

.wd-title-style-underlined-2 .title.wd-fontsize-xxl {
    border-width: 3px
}

.wd-title-style-underlined-2 .title.wd-fontsize-xxxl {
    border-width: 4px
}

.wd-title-style-underlined-2:not(.wd-title-color-gradient) .title {
    text-shadow: 1px 1px #fff,1px -1px #fff,-1px 1px #fff,-1px -1px #fff
}

.wd-title-style-underlined-2:not(.wd-title-color-gradient) .title.wd-fontsize-xxxl {
    text-shadow: 2px 2px #fff,2px -2px #fff,-2px 2px #fff,-2px -2px #fff
}

.wd-title-style-underlined-2.wd-title-color-white .title,[class*="color-scheme-light"] .wd-title-style-underlined-2 .title {
    text-shadow: none !important
}

.wd-title-style-overlined .liner-continer {
    border-top: 1px solid var(--brdcolor-gray-300)
}

.wd-title-style-overlined .title {
    margin-top: -1px;
    padding-top: 20px;
    border-top: 3px solid var(--el-title-color)
}

@media (max-width: 1024px) {
    .wd-title-style-underlined-2 .title:is(.wd-fontsize-xxl,.wd-fontsize-xxxl) {
        border-width:2px
    }

    .wd-title-style-underlined-2:not(.wd-title-color-gradient) .title.wd-fontsize-xxxl {
        text-shadow: 1px 1px #fff,1px -1px #fff,-1px 1px #fff,-1px -1px #fff
    }
}