/* Generic layout styles */
.tri-custom-wrapper {
    position: relative;
	--tri-custom-padding: 10px;
}

.tri-custom-wrapper .tri-content,
.tri-custom-wrapper.tri-content {
    position: relative;
}

.tri-custom-wrapper .tri-content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.tri-content-row.top-align {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.tri-content-row.middle-align {
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}

.tri-content-row.bottom-align {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.tri-custom-wrapper .tri-content-row .tri-content-col {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin: 0 var( --tri-custom-padding );
}

.tri-custom-wrapper .tri-content.no-margin > .tri-content-row  > .tri-content-col,
.tri-custom-wrapper .tri-content-row.no-margin > .tri-content-col,
.tri-custom-wrapper .tri-content-row > .tri-content-col.no-margin {
	margin: 0;
}

.tri-custom-wrapper .tri-content.center-content .tri-content-row .tri-content-col,
.tri-custom-wrapper .tri-content-row.center-content .tri-content-col,
.tri-custom-wrapper .tri-content-row .tri-content-col.center-content {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.tri-custom-wrapper .tri-content.left-content .tri-content-row .tri-content-col,
.tri-custom-wrapper .tri-content-row.left-content .tri-content-col,
.tri-custom-wrapper .tri-content-row .tri-content-col.left-content {
	text-align: left;
	margin-left: 0;
	margin-right: auto;
}

.tri-custom-wrapper .tri-content.right-content .tri-content-row .tri-content-col,
.tri-custom-wrapper .tri-content-row.right-content .tri-content-col,
.tri-custom-wrapper .tri-content-row .tri-content-col.right-content {
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

.tri-custom-wrapper .tri-content.margin .tri-content-row .tri-content-col,
.tri-custom-wrapper .tri-content-row.margin .tri-content-col,
.tri-custom-wrapper .tri-content-row .tri-content-col.margin {
	margin: 0 var( --tri-custom-padding );
}

.tri-custom-wrapper .tri-content-row .tri-content-col:first-child {
	margin-left: 0;
}

.tri-custom-wrapper .tri-content-row .tri-content-col:last-child {
	margin-right: 0;
}

.tri-custom-wrapper .tri-content-row.tri-content-nowrap {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
			flex-flow: row nowrap;
}

.tri-custom-wrapper .tri-content-row.tri-content-wrap {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
			flex-flow: row wrap;
}
	
.tri-custom-wrapper .tri-content-row .tri-content-col.tri-content-col-fit {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-ms-flex-preferred-size: 0%;
		flex-basis: 0%;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-webkit-box-flex: 1;
		-ms-flex-positive: 1;
			flex-grow: 1;
}


.tri-custom-wrapper .tri-content-row .tri-content-col-25-sm {
	width: 25%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
}

.tri-custom-wrapper .tri-content-row .tri-content-col-33-sm {
	width: 33.33%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 33.33%;
		flex-basis: 33.33%;
}

.tri-custom-wrapper .tri-content-row .tri-content-col-40-sm {
	width: 40%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 40%;
		flex-basis: 40%;
}

.tri-custom-wrapper .tri-content-row .tri-content-col-50-sm {
	width: 50%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
}

.tri-custom-wrapper .tri-content-row .tri-content-col-60-sm {
	width: 60%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 60%;
		flex-basis: 60%;
}

.tri-custom-wrapper .tri-content-row .tri-content-col-66-sm {
	width: 66.6%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 66.6%;
		flex-basis: 66.6%;
}

.tri-custom-wrapper .tri-content-row .tri-content-col-75-sm {
	width: 75%;
	-webkit-box-flex: 0;
		-ms-flex-positive: 0;
			flex-grow: 0;
	-ms-flex-negative: 1;
		flex-shrink: 1;
	-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
}

@media (min-width: 768px) {
	.tri-custom-wrapper .tri-content-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-flow: row nowrap;
				flex-flow: row nowrap;
	}
	
	.tri-custom-wrapper .tri-content-row .tri-content-col-25,
	.tri-custom-wrapper .tri-content-row .tri-content-col-25-md {
		width: 25%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 25%;
			flex-basis: 25%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-33,
	.tri-custom-wrapper .tri-content-row .tri-content-col-33-md {
		width: 33.33%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 33.33%;
			flex-basis: 33.33%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-40,
	.tri-custom-wrapper .tri-content-row .tri-content-col-40-md {
		width: 40%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 40%;
			flex-basis: 40%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-50,
	.tri-custom-wrapper .tri-content-row .tri-content-col-50-md {
		width: 50%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 50%;
			flex-basis: 50%;
	}
	
	.tri-custom-wrapper .tri-content-row .tri-content-col-60,
	.tri-custom-wrapper .tri-content-row .tri-content-col-60-md {
		width: 60%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 60%;
			flex-basis: 60%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-66,
	.tri-custom-wrapper .tri-content-row .tri-content-col-66-md {
		width: 66.6%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 66.6%;
			flex-basis: 66.6%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-75,
	.tri-custom-wrapper .tri-content-row .tri-content-col-75-md {
		width: 75%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 75%;
			flex-basis: 75%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-100-md {
		width: 100%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 100%;
			flex-basis: 100%;
	}
}

@media (min-width: 981px) {
	.tri-custom-wrapper .tri-content-row .tri-content-col-25-lg {
		width: 25%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 25%;
			flex-basis: 25%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-33-lg {
		width: 33.33%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 33.33%;
			flex-basis: 33.33%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-40-lg {
		width: 40%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 40%;
			flex-basis: 40%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-50-lg {
		width: 50%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 50%;
			flex-basis: 50%;
	}
	
	.tri-custom-wrapper .tri-content-row .tri-content-col-60-lg {
		width: 60%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 60%;
			flex-basis: 60%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-66-lg {
		width: 66.6%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 66.6%;
			flex-basis: 66.6%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-75-lg {
		width: 75%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 75%;
			flex-basis: 75%;
	}

	.tri-custom-wrapper .tri-content-row .tri-content-col-100-lg {
		width: 100%;
		-webkit-box-flex: 0;
			-ms-flex-positive: 0;
				flex-grow: 0;
		-ms-flex-negative: 1;
			flex-shrink: 1;
		-ms-flex-preferred-size: 100%;
			flex-basis: 100%;
	}
}