/*
*	ITEM EXTENSION: Citadela Block CSS styles for both frontend and editor screen
*/

.ctdl-item-extension {}

.ctdl-item-extension .data-row 					{ margin-bottom: 0.5em; }
.ctdl-item-extension .data-row p				{ margin: 0; }
.ctdl-item-extension .data-row .label			{ display: inline-block; max-width: 100%; vertical-align: top;  color: #000000; font-weight: 700; box-sizing: border-box; }
.ctdl-item-extension .data-row .label p:after	{ content: ":"; }
.ctdl-item-extension .data-row .data			{ display: inline-block; max-width: 100%; vertical-align: top; box-sizing: border-box; }

.ctdl-item-extension .data-row.type-citadela_multiselect .value:not(:last-child):after	{ content: ", "; }
.ctdl-item-extension .data-row.empty-value .data p:before				{ content: ""; display: inline-block; width: 0.7em; height: 0; vertical-align: middle; border-top: 1px solid currentColor; }

.ctdl-item-extension.align-left					{ text-align: left; }
.ctdl-item-extension.align-center				{ text-align: center; }
@media screen and (min-width: 400px)
{
	.ctdl-item-extension.align-right				{ text-align: right; }
}

.ctdl-item-extension .data-row .data .unit.right-position	{ margin-left: 0.3em; }
.ctdl-item-extension .data-row .data .unit.left-position	{ margin-right: 0.3em; }

/*** Layout Text ***/

.ctdl-item-extension.text-layout .data-row          				{ display: inline; margin-right: 0; vertical-align: top; }
.ctdl-item-extension.text-layout .data-row .sep						{ color: #000000; }
.ctdl-item-extension.text-layout .data-row .sep:after				{ display: inline-block; font-size: 0.3em; padding: 0 0.7em; content: "\f111"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 0.3em; vertical-align: middle; }
.ctdl-item-extension.text-layout .data-row:last-child .sep:after 	{ display: none; }
.ctdl-item-extension.text-layout .data-row .label,
.ctdl-item-extension.text-layout .data-row .data,
.ctdl-item-extension.text-layout .data-row p								{ display: inline; }
.ctdl-item-extension.text-layout .data-row.empty-value .data p:before       {  margin: 0 0.2em; }

/*** Layout List ***/

.ctdl-item-extension.list-layout.table-style .citadela-block-articles-wrap	{ overflow: hidden; }
.ctdl-item-extension.list-layout.table-style .data-row						{ border-top: 1px solid #ccc; margin: 0 -8px; padding: 8px 0px; display: flex; flex-flow: row wrap; }
.ctdl-item-extension.list-layout.table-style .data-row:last-child			{ border-bottom: 1px solid #ccc; }
.ctdl-item-extension.list-layout.table-style .data-row .label				{ width: 30%; min-width: 150px; flex: 0 0 auto; padding: 0 8px; }
.ctdl-item-extension.list-layout.table-style .data-row .data				{ flex: 1 1 auto; width: 300px; padding: 0 8px; }
.ctdl-item-extension.list-layout.table-style .data-row p					{ margin-top: 0.2em; margin-bottom: 0.2em; }

.ctdl-item-extension.list-layout:not(.table-style).custom-label-width.align-center .data-row .label			{ display: block; margin-left: auto; margin-right: auto;  }

.ctdl-item-extension.list-layout.table-style:not(.custom-label-width).align-center .data-row .label			{ flex: 1 1 auto; } 
@media screen and (min-width: 400px)
{ 
	.ctdl-item-extension.list-layout.table-style:not(.custom-label-width).align-center .data-row			{ flex-flow: row nowrap; }
	.ctdl-item-extension.list-layout.table-style:not(.custom-label-width).align-center .data-row .label		{ width: 50%; text-align: right; }
	.ctdl-item-extension.list-layout.table-style:not(.custom-label-width).align-center .data-row .data 		{ width: 50%; text-align: left; }
}   

.ctdl-item-extension.list-layout.table-style.custom-label-width.align-center .data-row				{ flex-flow: row nowrap; }
.ctdl-item-extension.list-layout.table-style.custom-label-width.align-center .data-row .label		{ text-align: right; }
.ctdl-item-extension.list-layout.table-style.custom-label-width.align-center .data-row .data		{ text-align: left; }
@media screen and (max-width: 767px)
{ 
	.ctdl-item-extension.list-layout.table-style.custom-label-width.align-center .data-row .label	{ width: 50% !important; }
	.ctdl-item-extension.list-layout.table-style.custom-label-width.align-center .data-row .data 	{ width: 50% !important; }
} 
@media screen and (max-width: 599px)
{ 
	.ctdl-item-extension.list-layout.table-style.custom-label-width .data-row		{ flex-flow: row wrap; }
	.ctdl-item-extension.list-layout.table-style .data-row .label,
	.ctdl-item-extension.list-layout.table-style .data-row .data 					{ width: 100% !important;  }
	.ctdl-item-extension.list-layout.table-style .data-row .label					{ text-align: left; }
	.ctdl-item-extension.list-layout.table-style .data-row .data 					{ text-align: left; }
}
@media screen and (max-width: 399px)
{ 
	.ctdl-item-extension.list-layout:not(.table-style) .data-row .label,
	.ctdl-item-extension.list-layout:not(.table-style) .data-row .data  								{ display: block; }
	
	.ctdl-item-extension.list-layout.table-style.custom-label-width.align-center .data-row				{ flex-flow: row wrap; }
	.ctdl-item-extension.list-layout.table-style.custom-label-width.align-center .data-row .label		{ width: 100% !important; }
	.ctdl-item-extension.list-layout.table-style.custom-label-width.align-center .data-row .data 		{ width: 100% !important; }
	.ctdl-item-extension.list-layout.table-style.align-center .data-row .label							{ text-align: center !important; }
	.ctdl-item-extension.list-layout.table-style.align-center .data-row .data 							{ text-align: center !important; }
} 

.wp-block-column .ctdl-item-extension.list-layout.table-style.align-center .data-row			{ flex-flow: column nowrap !important; }
.wp-block-column .ctdl-item-extension.list-layout.table-style.align-center .data-row .label		{ width: auto !important; text-align: center !important; flex: 1 1 auto; align-self: center; }
.wp-block-column .ctdl-item-extension.list-layout.table-style.align-center .data-row .data 		{ width: auto !important; text-align: center !important; }

.ctdl-item-extension.list-layout.table-style.align-center .data-row 		{ justify-content: center; }
.ctdl-item-extension.list-layout.table-style.align-right .data-row .label	{ text-align: left;  }

/*** Layout Box ***/

.ctdl-item-extension.box-layout	.citadela-block-articles-wrap	{ display: flex; margin-left: -8px; margin-right: -8px; flex-flow: row wrap; }
.ctdl-item-extension.box-layout .data-row 						{ flex: 1 1 200px; border: 1px solid #ccc; margin: 8px; padding: 15px 20px; box-sizing: border-box; }
.ctdl-item-extension.box-layout .data-row .label				{ display: block; margin-bottom: 0.5em; }
.ctdl-item-extension.box-layout .data-row .data					{ display: block; }

.ctdl-item-extension.box-layout.fix-width .data-row				{ flex: 0 1 200px; }

.ctdl-item-extension.box-layout.align-center .data-row .label,
.ctdl-item-extension.box-layout.align-center .data-row .data	{ margin-left: auto; margin-right: auto; }				
.ctdl-item-extension.box-layout.align-right .data-row .label	{ text-align: left; }
.ctdl-item-extension.box-layout.align-right .data-row .data		{ margin-left: auto; }

.ctdl-item-extension.box-layout.align-center .citadela-block-articles-wrap 	{ justify-content: center; }
.ctdl-item-extension.box-layout.align-right .citadela-block-articles-wrap 	{ justify-content: flex-end; }