@use "../../1-helpers/functions";

.ct-footer [data-row] {

	> div {
		display: grid;
		grid-template-columns: var(--grid-template-columns);
		grid-column-gap: var(--columns-gap, 50px);
		grid-row-gap: var(--columns-gap, 50px);
		padding-block: var(--container-spacing);
	}
}


// footer columns
.ct-footer {

	[data-column] {
		display: flex;
		flex-direction: column;
		align-items: var(--horizontal-alignment);
		justify-content: var(--vertical-alignment, flex-start);
		min-width: 0;
	}

	[data-column*="widget"] {
		text-align: var(--text-horizontal-alignment);
	}

	[data-column="ghost"] {
		@include functions.media-breakpoint-down (md) {
			display: none;
		}
	}
}