$eps-meta-icon-color: tints(400);
$eps-meta-icon-dark-color: dark-tints(200);
$preview-button-height: spacing(30);
$image-aspect-ratio: var(--card-image-aspect-ratio, #{$ratio-portrait});
$overlay-preview-padding-top: calc(#{$image-aspect-ratio} - #{$preview-button-height});
$aspect-ratio-wide: calc(100% * 0.1235);

:root {
	--eps-meta-icon-color: #{$eps-meta-icon-color};
}

.eps-theme-dark {
	--eps-meta-icon-color: #{$eps-meta-icon-dark-color};
}

.e-site-template {
	&__meta-data {
		margin-inline-start: spacing(10);
		@include text-truncate();
		font-size: type(text, xxs);

		&:last-of-type {
			margin-inline-end: auto;
		}

		&:first-of-type {
			margin-inline-start: spacing(16);
		}

		.#{$eps-prefix}icon {
			margin-inline-end: spacing(5);
			color: var(--eps-meta-icon-color);
			font-size: type(text, sm);
		}
	}

	&__placeholder {
		.#{$eps-prefix}card__image {
			filter: var(--placeholder-filter, none);
		}
	}

	&__overlay-preview {
		padding-top: $overlay-preview-padding-top;
		position: relative;

		&-button {
			font-weight: bold;
			display: flex;
			flex-wrap: wrap;
			height: $preview-button-height;
			width: 100%;
			background-color: var(--card-background-color-hover);
			justify-content: center;
			align-items: center;
			padding-top: spacing(10);
			line-height: spacing(20);
			--button-background-color: var(--card-headline-color);

			&::before {
				content: '';
				position: absolute;
				display: block;
				width: 100%;
				top: 0;
				left: 0;
				padding-top: $overlay-preview-padding-top;
			}

			& > :not(:first-child) {
				margin-inline-start: spacing(5);
			}
		}
	}

	&__edit-btn {
		margin-inline-end: spacing(20);

		.#{$eps-prefix}icon {
			margin-inline-end: spacing(5);
		}
	}

	&__instances {
		.#{$eps-prefix}icon {
			margin-inline-end: spacing(5);
			color: var(--eps-meta-icon-color);
			font-size: type(text, sm)
		}

		&-list {
			@include text-truncate();
		}
	}

	&__edit-conditions {
		margin-inline-start: spacing(16);
		text-decoration: underline;
		font-style: italic;
	}

	&--extended {
		.#{$eps-prefix}card {
			&__figure {
				overflow: auto;
			}

			&__headline {
				flex-grow: 0;
			}
		}
	}

	&--wide {
		--card-image-aspect-ratio: #{$aspect-ratio-wide};
	}
}
{"id":9,"date":"2022-07-04T06:03:47","date_gmt":"2022-07-04T06:03:47","guid":{"rendered":"https:\/\/codoorganics.com\/cart\/"},"modified":"2022-10-02T05:15:45","modified_gmt":"2022-10-02T05:15:45","slug":"cart","status":"publish","type":"page","link":"https:\/\/codoorganics.com\/cart\/","title":{"rendered":"Cart"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.17.4&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; top_divider_style=&#8221;asymmetric3&#8243; top_divider_color=&#8221;#613A62&#8243; top_divider_height=&#8221;50px&#8221; bottom_divider_style=&#8221;asymmetric3&#8243; bottom_divider_height=&#8221;50px&#8221; bottom_divider_color=&#8221;#412742&#8243; sticky_enabled=&#8221;0&#8243;][et_pb_row _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title meta=&#8221;off&#8221; featured_image=&#8221;off&#8221; _builder_version=&#8221;4.17.4&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_font=&#8221;Teko|700||on|||||&#8221; title_letter_spacing=&#8221;2px&#8221; title_font_size=&#8221;48px&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_post_title][et_pb_wc_cart_notice _builder_version=&#8221;4.17.4&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_font=&#8221;Work Sans||||||||&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#FFFFFF&#8221; button_bg_color=&#8221;#412742&#8243; button_bg_enable_color=&#8221;on&#8221; button_border_width=&#8221;0px&#8221; button_border_radius=&#8221;0px&#8221; button_letter_spacing=&#8221;2px&#8221; button_font=&#8221;Work Sans|700||on|||||&#8221; button_custom_padding=&#8221;16px|30px|16px|30px|true|true&#8221; button_custom_margin=&#8221;||39px||false|false&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_wc_cart_notice][et_pb_wc_cart_products _builder_version=&#8221;4.17.4&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; link_font=&#8221;Work Sans||||||||&#8221; body_font=&#8221;Work Sans||||||||&#8221; table_header_font=&#8221;Teko|700|||||||&#8221; table_header_font_size=&#8221;18px&#8221; table_header_text_color=&#8221;#FFFFFF&#8221; table_header_background_color=&#8221;#613A62&#8243; table_header_letter_spacing=&#8221;2px&#8221; sticky_enabled=&#8221;0&#8243; icon_background_color=&#8221;#FFFFFF&#8221; icon_text_color=&#8221;#613A62&#8243; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#FFFFFF&#8221; button_bg_color=&#8221;#613A62&#8243; button_bg_enable_color=&#8221;on&#8221; button_border_radius=&#8221;0px&#8221; button_letter_spacing=&#8221;2px&#8221; button_font=&#8221;Work Sans|700||on|||||&#8221; button_icon=&#8221;&#x24;||divi||400&#8243; button_custom_padding=&#8221;16px|32px|16px|32px|true|true&#8221; custom_disabled_button=&#8221;on&#8221; disabled_button_text_color=&#8221;#FFFFFF&#8221; disabled_button_bg_color=&#8221;#412742&#8243; disabled_button_bg_enable_color=&#8221;on&#8221; disabled_button_border_color=&#8221;#412742&#8243; disabled_button_border_width=&#8221;0px&#8221; disabled_button_border_radius=&#8221;0px&#8221; disabled_button_letter_spacing=&#8221;2px&#8221; disabled_button_font=&#8221;Work Sans|700||on|||||&#8221; disabled_button_custom_padding=&#8221;16px|32px|16px|32px|true|true&#8221; disabled_button_text_size=&#8221;14px&#8221;][\/et_pb_wc_cart_products][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_wc_cart_totals _builder_version=&#8221;4.17.4&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; title_font=&#8221;Teko||||||||&#8221; title_letter_spacing=&#8221;2px&#8221; column_label_font=&#8221;Work Sans|700|||||||&#8221; sticky_enabled=&#8221;0&#8243; body_font=&#8221;Work Sans||||||||&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#FFFFFF&#8221; button_bg_color=&#8221;#613A62&#8243; button_bg_enable_color=&#8221;on&#8221; button_border_width=&#8221;0px&#8221; button_font=&#8221;Work Sans|700||on|||||&#8221; button_text_size=&#8221;14px&#8221; button_custom_padding=&#8221;16px|1em|16px|1em|true|false&#8221;][\/et_pb_wc_cart_totals][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:shortcode -->\n[woocommerce_cart]\n<!-- \/wp:shortcode -->","_et_gb_content_width":"1080","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/pages\/9"}],"collection":[{"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":4,"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":232,"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/pages\/9\/revisions\/232"}],"wp:attachment":[{"href":"https:\/\/codoorganics.com\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}