@charset "utf-8";
/* CSS Document */


/* This will likely use flex at some point, so let's just start with that */
.ftps-columns-wrapper {
	display: flex;
	flex-direction: column;
}
.ftps-column {
	margin: var(--space_medium) 0;
}
.ftps-column:first-child {
	margin-top: 0;
}
.ftps-column:last-child {
	margin-bottom: 0;
}

.column-image {
	margin-bottom: 1em;
}
.column-title {
	margin: 0;
}
.column-text > *:last-child{
	margin-bottom: 0;
}




/* List Layout */
.layout-list .ftps-column-inner {
	display: flex;
	align-items: center;
}
.layout-list .column-image {
	flex-basis: 20%;
	margin-right: var(--space_normal);
	margin-bottom: 0;
}
.layout-list .column-text p:only-child {
	margin: 0;
}




/* Staff layout */
.layout-staff .column-title {
	font-family: var(--text_font);
	font-size: 1.125rem;
	margin-bottom: 0;
}
.layout-staff .column-subtitle p {
	margin: 0;
	font-weight: var(--weight_bold);
	font-size: 1rem;
}
.layout-staff p {
	margin: .25rem 0;
}
@media (min-width: 45em) {
	.layout-staff .column-title {
		font-size: 1.375rem;
	}
}



/* Stats layout */





/* Cards layout */
.layout-cards .ftps-column-inner {
	box-shadow: var(--box_shadow_cards, var(--box_shadow));
}
.layout-cards .column-content {
	padding: 0 var(--space_normal);
}





/* Reel layout */
.ftps-columns.section-class-reel {
	padding-right: 0;
	overflow: hidden;
}
.ftps-columns.section-class-reel .ftps-columns-wrapper {
	flex-direction: row;
	flex-wrap: nowrap;
	overscroll-behavior: contain;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	scrollbar-width: var(--scrollbar-ff-width);
}
.ftps-columns.section-class-reel .ftps-column {
	min-width: calc( 100% - var(--space_xxbig) );
	margin-right: var(--space_normal);
}
.ftps-columns.section-class-reel .ftps-columns-wrapper {
	scrollbar-color: var(--scrollbar-color) var(--scrollbar-track-color);
}
.section-class-reel .ftps-columns-wrapper::-webkit-scrollbar {
	height: var(--scrollbar-size);
	width: var(--scrollbar-size);
}
.section-class-reel .ftps-columns-wrapper::-webkit-scrollbar-track {
	background-color: var(--scrollbar-track-color);
}
.section-class-reel .ftps-columns-wrapper::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-color);
	border-radius: 3px;
}
.section-class-reel .ftps-columns-wrapper::-webkit-scrollbar-thumb:hover {
	background-color: var(--scrollbar-color-hover);
}
.section-class-reel .ftps-columns-wrapper::-webkit-scrollbar-thumb:active {
	background-color: var(--scrollbar-color-active);
}
.section-class-reel .ftps-columns-wrapper::-webkit-scrollbar-thumb:vertical {
	min-height: var(--scrollbar-minlength);
}
.section-class-reel .ftps-columns-wrapper::-webkit-scrollbar-thumb:horizontal {
	min-width: var(--scrollbar-minlength);
}





@media only screen and (min-width: 45em) {

	/* Start to have columns */
	.ftps-columns-wrapper {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.ftps-column {
		flex-basis: 50%;
	}
	.ftps-column:first-child {
		margin-top: var(--space_medium);
	}
	.ftps-column:last-child {
		margin-bottom: var(--space_medium);
	}
	.ftps-column:nth-child(odd) {
		padding-right: var(--space_small);
	}
	.ftps-column:nth-child(even) {
		padding-left: var(--space_small);
	}


	.ftps-columns.section-class-reel .ftps-column {
		min-width: calc( 50% - var(--space_xxbig) );
	}

}



@media only screen and (min-width: 64em) {

	/* Start to have more columns */
	.ftps-columns-wrapper {
		margin-left: calc( -1 * var(--space_medium) );
		margin-right: calc( -1 * var(--space_medium) );
	}
	.ftps-columns-wrapper.columns-3 .ftps-column {
		flex-basis: 33.3333%;
		padding: 0 var(--space_medium);
	}
	.ftps-columns-wrapper.columns-4 .ftps-column {
		flex-basis: 25%;
		padding: 0 var(--space_medium);
	}


	/* Increases from 20% */
	.layout-list .column-image {
		flex-basis: 25%;
	}

	.ftps-columns.section-class-reel .columns-3 .ftps-column {
		min-width: calc( 33.3333% - var(--space_xxbig) );
	}

	.ftps-columns.section-class-reel .columns-4 .ftps-column {
		min-width: calc( 25% - var(--space_xxbig) );
	}

}

/* NHCYCC */

.columns.layout-stats {
  --column_spacing: var(--space_big);
}
.columns.layout-stats .ftps-section-title {
  font-size: var(--font_size_h2);
  line-height: var(--line_height_big_small);
  text-align: center;
  margin: 0 0 var(--space_big) 0;
}
.columns.layout-stats.section-text-true .ftps-section-title {
	margin-bottom: var(--space_normal);
}
.columns.layout-stats.section-text-true .ftps-section-text {
	text-align: center;
	margin-bottom: var(--space_big);
}
.columns.layout-stats .ftps-columns-wrapper {
  background-color: var(--light_bg);
  padding: var(--column_spacing);
  text-align: center;
  border-radius: 1rem;
  margin: 0;
}
.columns.layout-stats .ftps-column {
  margin: var(--column_spacing) 0;
  flex-basis: 100%;
  padding: 0;
}
.columns.layout-stats .column-title {
  font-size: 2.4375rem;
  font-weight: inherit;
  color: #387AA8;
  margin: 0;
}
.columns.layout-stats .column-text p {
  margin: var(--space_xsmall) 0 0 0;
}

@media (min-width: 45em) {
  .columns.layout-stats .ftps-section-title {
    margin-bottom: var(--space_xxxlarge);
  }
	.columns.layout-stats.section-text-true .ftps-section-title {
		margin-bottom: var(--space_big);
	}
	.columns.layout-stats.section-text-true .ftps-section-text {
		margin-bottom: var(--space_xxxlarge);
	}
  .columns.layout-stats {
    --column_spacing: var(--space_xxbig);
  }
  .columns.layout-stats .ftps-columns-wrapper {
    padding-left:  5.5625rem;
    padding-right: 5.5625rem;
  }
  .columns.layout-stats .column-title {
    font-size: var(--font_size_h1);
  }
}

@media (min-width: 64em) {
  .columns.layout-stats {
    --column_spacing: var(--space_xxxxxlarge);
  }
  .columns.layout-stats .ftps-columns-wrapper {
    padding: var(--column_spacing);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--column_spacing);
  }
  .columns.layout-stats .ftps-column {
    margin: 0;
    flex-basis: 33.33333%;
  }
}

@media (min-width: 90rem) {
  .columns.layout-stats .ftps-columns-wrapper {
    padding-left:  9.75rem;
    padding-right: 9.75rem;
  }
}

/* normal layout */
.columns.layout-normal .ftps-section-title {
	font-size: var(--font_size_h2);
	line-height: var(--line_height_small);
	margin: 0 0 var(--space_big) 0;
	text-align: center;
}
.columns.layout-normal .ftps-columns-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space_xxxlarge);
	margin: 0;
}
.columns.layout-normal .ftps-column {
	margin: 0;
	padding: 0;
}
.columns.layout-normal .ftps-column-inner {
	max-width: 27.5rem;
	margin: auto;
}
.columns.layout-normal .column-title {
	font-size: var(--font_size_h4);
	margin: var(--space_normal) 0;
}
.columns.layout-normal .ftps-column-inner .ft-actions {
	margin-top: var(--space_normal);
	font-size: 1rem;
}

@media (min-width: 45em) {
	.columns.layout-normal .ftps-section-title {
		margin-bottom: var(--space_xxxxxlarge);
	}
	.columns.layout-normal .ftps-columns-wrapper {
		gap: var(--space_xxxxxlarge) var(--space_xlarge);
	}
	.columns.layout-normal .column-title {
		margin-top: var(--space_big);
	}
}

@media (min-width: 64em) {
	.columns.layout-normal .ftps-columns-wrapper {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.section-class-center .ftps-columns-wrapper.columns-2 {
		grid-template-columns: repeat(6, 1fr);
	}
	.section-class-center .ftps-columns-wrapper.columns-2 .ftps-column:first-child {
		grid-column: 2 / span 2;
	}
	.section-class-center .ftps-columns-wrapper.columns-2 .ftps-column:last-child {
		grid-column: 4 / span 2;
	}
	.section-class-center .ftps-columns-wrapper.columns-1 .ftps-column {
		grid-column: 2;
	}
}