ul.theme-list {
	list-style: none;
}

.theme-list {

	--mb2-pb-listcolor: var(--mb2-pb-textcolor);
	--mb2-pb-listhcolor: var(--mb2-pb-linkcolor);

	color: var(--mb2-pb-listcolor);
	margin: -.2rem 0 0 0;
	padding: 0;

	&.list-col-2,
    &.list-col-3,
    &.list-col-4,
    &.list-col-5 {
        padding-left: 0;
        margin-left: -15px;
        margin-right: -15px;

        li {
            display: block;
            float: left;
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    &.list-col-2 {

        li {
            width: 50%;
        }
    }

    &.list-col-3 {

        li {
            width: 33.3333333333%;
        }
    }

    &.list-col-4 {

        li {
            width: 25%;
        }
    }

    &.list-col-5 {

        li {
            width: 20%;
        }
    }

	@media only screen and (min-width: $wmediumdevice){

		&.list-center {
			text-align: center;
		}

		&.list-left {
			text-align: left;
		}

		&.list-right {
			text-align: right;
		}
		
	}

	&.horizontal1 {
		margin-left: -10px;
		margin-right: -10px;

		li {
			display: inline-block;
			margin: 0 10px;
		}
	}
}


.theme-list {

	p {
		margin: 0;
		display: inline-block;
	}

	li {
		margin: 0 0 .65rem 0;
		padding: 0;

		&:last-child {
			margin-bottom: 0;
		}
	}


}




.theme-list li {


	a {
		color: inherit;
		//@include mb2_transition1(color, .15s);

		&:hover,
		&:focus {
			color: var(--mb2-pb-listhcolor);
		}
	}

}


//
// .dark1 {
//
//
// 	.theme-list li {
//
//
// 		> a {
// 			color: var(--mb2-pb-textcolorondark);
// 		}
//
// 		> a:hover,
// 		> a:focus {
// 			color: $linkcolor;
// 		}
//
//
// 	}
//
//
// }



/* List style type */

.theme-list {
	&.list-square,
	&.list-circle,
	&.list-disc,
	&.list-number,
	&.list-icon {

		padding-left: 15px;
		margin-left: 15px;

		.dir-rtl & {
			padding-left: 0;
			margin-left: 0;
			padding-right: 15px;
			margin-right: 15px;
		}
	}

	&.list-icon {
		padding-left: 0;

		li>i {
			margin-right: .45rem;
		}
	}

	&.list-square {
		list-style: square;
	}


	&.list-circle {
		list-style: circle;
	}


	&.list-disc {
		list-style: disc;
	}


}



/* ================= ICON LIST */

.theme-listicon {
	// Basic variable for icon
	--mb2-pb-listicon-isize: 2.65rem;
	--mb2-pb-listicon-space: .45rem;
	--mb2-pb-listicon-fs: 1rem;

    list-style: none !important;
    padding: 0;
	margin: 0;
	font-size: var(--mb2-pb-listicon-fs);

	.dark & {
		color: #fff;
	}

	li {

		&:last-child {
			margin-bottom: 0;
		}
		> a {
			color: inherit !important;
		}

	}

	.item-content {
		display: flex;
	    flex-flow: row;
	    align-items: center;
	}

	.iconel {
		font-size: calc(var(--mb2-pb-listicon-isize) * .45);
		margin-right: calc(var(--mb2-pb-listicon-isize) * .15);
		@include mb2_border_radius(25rem);

		i {
			line-height: inherit;
		}
	}

	&.iconbg1 {

		.iconel {
			height: var(--mb2-pb-listicon-isize);
			width: var(--mb2-pb-listicon-isize);
			line-height: var(--mb2-pb-listicon-isize);
			text-align: center;
			background-color: var(--mb2-pb-accent1);
			color: #fff;
		}
	}

	&.iconbg0 {
		.iconel {
			background-color: transparent !important;
		}
	}

	&.horizontal0,
	&.horizontal2 {
		li {
			margin-bottom: var(--mb2-pb-listicon-space);
		}
	}

	&.horizontal1 {
		li {
			display: inline-block;
			margin-right: var(--mb2-pb-listicon-space);
		}
	}

	/* ================= ALIGNMENT */

	&.aligncenter {
		text-align: center;

		.item-content {
			justify-content: center;
		}

		&.horizontal1 {
			li {
				margin-left: calc( var(--mb2-pb-listicon-space)/2 );
				margin-right: calc( var(--mb2-pb-listicon-space)/2 );
			}
		}
	}

	@media only screen and (min-width: $wmediumdevice){

		&.alignright {
			text-align: right;

			.item-content {
				justify-content: flex-end;
			}

			&.horizontal1 {
				li {
					margin-right: 0;
					margin-left: var(--mb2-pb-listicon-space);
				}
			}
		}

		&.alignleft {

			text-align: left;

			.item-content {
				justify-content: flex-start;
			}
		}

	}


	.mobcenter1 & {

		@media only screen and (max-width: $wmediumdevice){

			text-align: center;

			.item-content {
				justify-content: center;
			}

			&.horizontal1 {
				li {
					margin-left: calc( var(--mb2-pb-listicon-space)/2 );
					margin-right: calc( var(--mb2-pb-listicon-space)/2 );
				}
			}

		}

	}




	&.horizontal2 {
		display: flex;
  	  	flex-wrap: wrap;
  	  	justify-content: space-between;
		align-items: center;

		li {
			flex: 0 0 calc(50% - 15px);
			max-width: calc(50% - 15px);
		}

		@media only screen and (max-width: 360px){

			li {
				flex: 0 0 100%;
				max-width: 100%;
			}
		}
	}


	&.border1 {
		.list-text {
			border-bottom: solid 1px $textcolor;
		}
	}
}



@media only screen and (max-width: $wmediumdevice){

    .theme-list {
        &.list-col-3,
        &.list-col-4,
        &.list-col-5 {
            li {
                width: 50% !important;
            }
        }

    }

}



@media only screen and (max-width: $wxsmalldevice){

    .theme-list {
        &.list-col-2,
        &.list-col-3,
        &.list-col-4,
        &.list-col-5 {
            li {
                width: 100% !important;
            }
        }

    }

}