/*
 * 	BNE Blocks: List
 *
 * 	@author		Kerry Kline
 * 	@copyright	Copyright (c) Kerry Kline
 * 	@link		http://www.bnecreative.com
 *
 * 	@updated:	Nov 18, 2023
 *
*/



.bne-list ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    grid-column-gap: 20px;
    grid-template-columns: repeat( var( --columns, 1 ), 1fr);
    columns: var( --columns, 1 );
}

.bne-list.list-display-grid ul {
    display: grid;
}

@media ( max-width: 767px ) {
    .bne-list ul {
        grid-template-columns: 1fr;
        columns: 1;
    }
}

ul .bne-default-list, /* Editor 6.4 */
ul.bne-default-list {
    --icon-size: .5rem;
}

.bne-list:not(.list-display-grid) li {
    display: inline-block;
}
.bne-list li {
    margin-top: 0;
    margin-bottom: var( --gap ) !important;
    font-size: var( --font-size );
    list-style: none;
    
    page-break-inside: avoid;
    break-inside: avoid;
    
    text-indent: calc( var( --icon-size, 20px ) * -1 - 1em);
    padding-left: calc( var( --icon-size, 20px ) + 1em );
    width: 100%;
}

.bne-list li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: var( --icon-size );
    width: var( --icon-size );
    margin-right: 1em;
    margin-bottom: 5px;
    background-color: currentColor;
    background-image: var(--icon);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.bne-list li.bne-img-list:before, /* Editor 6.4 */
.bne-list .bne-img-list li:before {
    background-color: transparent;
    border-radius: 0;
}


/* RTL */
body.rtl .bne-list li {
    padding-left: 0;
    padding-right: calc( var( --icon-size, 20px ) + 1em );
}

body.rtl .bne-list li:before {
    margin-right: 0;
    margin-left: 1em;
}