/* 
	Themes are generic class names.  No specific styles here.  This file will be used to list themes in the system
*/

/* THEME: medium */

.config_row,
.config_column,
.config_row.medium,
.config_column.medium												{ --font-size: 1rem; }

/* THEME: extra_small */

.config_row.extra_small,
.config_column.extra_small											{ --font-size: 0.5rem; }

/* THEME: small */

.config_row.small,
.config_column.small												{ --font-size: 0.75rem; }

/* THEME: large */

.config_row.large,
.config_column.large												{ --font-size: 1.25rem; }

/* THEME: extra_large */

.config_row.extra_large,
.config_column.extra_large											{ --font-size: 1.5rem; }

/* THEME: balance_content ROW */

.config_row.balance_content											{ --content_innerpadding: 1em; --content_outerpadding: 5em; }

.config_row.balance_content .coltype_content .content				{ padding: 1em var(--content_outerpadding); }
.config_row.balance_content .coltype_content:first-child .content	{ margin-left: auto; padding-right: var(--content_innerpadding); }
.config_row.balance_content .coltype_content:last-child .content	{ margin-right: auto; padding-left: var(--content_innerpadding); }

/* THEME: stack_columns ROW */

.config_row.stack_columns .config_container							{ flex-direction: column; flex-wrap: nowrap; }

/* THEME: column_class COLUMN */

/* THEME: coltype_banner IMAGE_AND_CONTENT */

.coltype_image_and_content.coltype_banner 							{ position: relative; }
.coltype_image_and_content.coltype_banner .content 					{ position: absolute; }

/* THEME: coltype_panel IMAGE_AND_CONTENT */

.coltype_image_and_content.coltype_panel .panel_image				{ overflow: hidden; }
.coltype_image_and_content.coltype_panel .content					{ padding: 0.5em; }
.coltype_image_and_content.coltype_panel img 						{ margin: auto; transition: 0.5s ease; }
.coltype_image_and_content.coltype_panel:hover img 					{ margin: auto; transform: scale(1.25); }

/* THEME: fill_image IMAGE */

.config_row.fill_image .coltype_image								{ object-fit: cover; }