@charset "utf-8";
/**
 * Universal page section styles
 *
 */

:root {
	
	--ftps_space_v: var(--space_xlarge);
		
}


/* All page sections? */
.page-section {
	margin: var(--ftps_space_v) 0;
	padding: 0 var(--gutter_width);	
}

.ftps-inner,
.page-section-inner {
	max-width: var(--max_width_wide);
	margin: 0 auto;	
}

.ft-page-sections > .page-section:first-child {
	margin-top: 0;	
}

.ftps.section-class-no-bottom-margin {
	margin-bottom: 0;	
}



.ftps-header {
	max-width: var(--max_width_article);
	margin-left: auto;
	margin-right: auto; 	
}


/* Actions links */

.menu.actions {
	margin: -0.5em;	
}
.actions.centered {
	text-align: center;	
}
.actions li {
	display: inline-block;
	margin: 0.5em;
}


/* Reel layout */

/* NOTE: .ftps-reel-wrapper gets added through reels.php in ftps */

/* Extend the scrollable content to the right edge of the viewport */
.ftps-reel-wrapper {
	margin-right: calc( -1 * var(--gutter_width) );
}

/* The container being scrolled is always immediately inside the special wrapper */
.ftps-reel-wrapper > * {
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	overscroll-behavior: contain;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	scrollbar-width: var(--scrollbar-ff-width);
	
	/* Make up for the column padding (only on left edge) */
	margin-left: calc( -1 * var(--space_xsmall) );
}

/* The containing blocks being scrolled */
.ftps-reel-wrapper > * > * {
	min-width: calc( 100% - var(--gutter_width) );
	padding: 0 var(--space_xsmall);
}

/* Add a pseudo element after the last column to make up the extra spacing on the right edge */
.ftps-reel-wrapper > * > *:last-child {
	padding-right: var(--gutter_width);
}




.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(min-width: 45em) {
	
	/* Reel layout */
	
	
	.ftps-reel-wrapper > * > * {
		min-width: calc( 50% - var(--space_medium) );
	}
	
	
		
}


@media(min-width: 64em){
	
	/* Reel layout */
	.ftps-reel-wrapper {
		margin-right: 0;	
	}
	.ftps-reel-wrapper > * > * {
		min-width: calc( 33.3333% - var(--space_medium) );
	}
	.ftps-reel-wrapper > * > :last-child {
		padding-right: var(--space_medium);	
	}
}