/**
 * rtl_trg_frontend.css
 * Styleshet for languages with right to left orientation
 *
 * @package Total_Recipe_generator
 * @version 3.1.0
 */

.number-enabled .recipe-instruction {
	padding: 0 36px 0 0;
}

.step-num {
	left: auto;
	right: -24px;
	text-align: left;
}

.recipe-heading {
	padding: 0 36px 0 0;
}

.recipe-heading:before {
	left: auto;
	right: 0;
}

.number-enabled .list-subhead,
.number-enabled .inst-subhead,
.number-enabled .ing-list {
	margin: 0 36px 16px 0;
}

.cuisine-meta .cm-items,
.cuisine-meta .cm-label {
	float: right;
}

.ing-list > li {
	padding: 2px 36px 2px 0;
}

.ing-list > li:before {
	left: auto;
	right: 0;
}

.trg .nutrition-table > li > span {
	float: right;
}

.trg .nutrition-table > li.nt-header > span {
	float: none;
}

.trg .nutrition-table .nt-value,
.trg .nutrition-table .pdv-label {
	text-align: left;
}

.trg .nutrition-table .nt-sublevel-1 .nt-label {
	padding-left: 0;
	padding-right: 20px;
}

.trg .nutrition-table .nt-sublevel-2 .nt-label {
	padding-left: 0;
	padding-right: 36px;
}

.trg .nutrition-table .nt-sublevel-3 .nt-label {
	padding-left: 0;
	padding-right: 52px;
}

.trg.std .nutrition-table .nt-sublevel-1 .nt-label {
	padding-left: 0;
	padding-right: 12px;
}

.trg.std .nutrition-table .nt-sublevel-2 .nt-label {
	padding-left: 0;
	padding-right: 24px;
}

.trg.std .nutrition-table .nt-sublevel-2 .nt-label {
	padding-left: 0;
	padding-right: 36px;
}

.trg.std .nutrition-table li.sep-6 {
	border-bottom: 6px solid;
}

/* Tabular Scheme */
.trg.tabular .nutrition-table > li > span:not(:last-child) {
	border-right: 0;
	border-left: 1px solid rgba(0,0,0,.12);
}

/* Responsive */
@media only screen and (max-width: 600px) {

	.number-enabled .recipe-instruction,
	.recipe-heading {
		padding: 0 32px 0 0;
	}

	.number-enabled .list-subhead,
	.number-enabled .inst-subhead,
	.number-enabled .ing-list {
		margin: 0 32px 16px 0;
	}

	.rp-alignleft {
		float: right;
		margin: 0 0 24px 24px;
	}

	.cuisine-meta .cm-items,
	.cuisine-meta .cm-label {
		float: none;
	}
}

@media only screen and (min-width: 600px) {
	.rp-alignright {
		float: left;
		margin: 0 24px 24px 0;
	}
}