/**************************** Heading CSS Start ****************************/
.zolo_heading_element{ width:100%; display:inline-block; }
.zolo-title{ padding:0; margin:0; }
.zolo-sub-title{ padding:0; margin:0; }
.zolo-heading-delimiter{ line-height:0; overflow:hidden; }
.delimiter_style_line{ width:100%; display:block; }

.zolo_heading_element .zolo_heading_element_text{ width:100%; display:block; }

/* Basic delimiter for style1 */
.zolo_heading_element.heading_style1 .zolo-heading-delimiter{ margin: 10px 0; }
.zolo_heading_element.heading_style1 .delimiter_style_line{
    height: 2px;
    width: 60px;
    background: currentColor;
    opacity: 0.25;
}
.zolo_heading_element.heading_style1 .alignment_left .delimiter_style_line,
.zolo_heading_element.heading_style1 .align_left .delimiter_style_line{ margin-left:0; margin-right:auto; }
.zolo_heading_element.heading_style1 .alignment_center .delimiter_style_line,
.zolo_heading_element.heading_style1 .align_center .delimiter_style_line{ margin-left:auto; margin-right:auto; }
.zolo_heading_element.heading_style1 .alignment_right .delimiter_style_line,
.zolo_heading_element.heading_style1 .align_right .delimiter_style_line{ margin-left:auto; margin-right:0; }

/* Some legacy styles (partial, enough for common layouts) */
.heading_style7 .zolo_heading_element_text,
.heading_style8 .zolo_heading_element_text{ position:relative; }
.heading_style7 .zolo_heading_element_text .zolo-sub-title,
.heading_style8 .zolo_heading_element_text .zolo-sub-title{
    position:absolute; left:0; top:50%; width:100%;
    transform:translate(0,-50%);
}
.heading_style9 .zolo_heading_element_text,
.heading_style10 .zolo_heading_element_text{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
}
.heading_style9 .zolo-title,
.heading_style10 .zolo-sub-title{
    margin:0;
    word-wrap:break-word;
    flex:0 1 auto;
}
.heading_style9 .zolo-sub-title,
.heading_style10 .zolo-title{
    position:relative;
    flex:1 1 auto;
    min-width:10%;
}
.heading_style10 .zolo-heading-delimiter,
.heading_style9 .zolo-heading-delimiter{ margin:0 50px !important; }
/**************************** Heading CSS End ****************************/