/* Custom CSS stuff here */

.node--type-recipe.node--view-mode-full .field--name-field-preparation-time,.node--type-recipe.node--view-mode-full .field--name-field-cooking-time,.node--type-recipe.node--view-mode-full .field--name-field-number-of-servings,.node--type-recipe.node--view-mode-full .field--name-field-difficulty
{
    align-items: center;
    min-height: 40px;
    margin-bottom: 0.96em;
    padding-left: 48px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 40px 40px;
}

[dir=rtl] .node--type-recipe.node--view-mode-full .field--name-field-preparation-time,[dir=rtl] .node--type-recipe.node--view-mode-full .field--name-field-cooking-time,[dir=rtl] .node--type-recipe.node--view-mode-full .field--name-field-number-of-servings,[dir=rtl] .node--type-recipe.node--view-mode-full .field--name-field-difficulty
{
    padding-right: 48px;
    padding-left: 0;
    background-position: right center;
}

@media screen and (min-width:60rem)
{
.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-preparation-time,.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-cooking-time,.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-number-of-servings,.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-difficulty
{
    padding-top: 64px;
    padding-left: 0;
    text-align: center;
    background-position: center top;
    background-size: 56px 56px;
}

[dir=rtl] .node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-preparation-time,[dir=rtl] .node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-cooking-time,[dir=rtl] .node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-number-of-servings,[dir=rtl] .node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-difficulty
{
    padding-right: 0;
}

.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-preparation-time,.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-cooking-time
{
    margin-top: 0.96em;
}

.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-preparation-time .field__label,.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-cooking-time .field__label,.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-number-of-servings .field__label,.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-difficulty .field__label,.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-preparation-time .field__item,.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-cooking-time .field__item,.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-number-of-servings .field__item,.node--type-recipe.node--view-mode-full .layout--oneplusfourgrid-section .field--name-field-difficulty .field__item
{
    width: 100%;
    padding-right: 0;
}

;
}

.node--type-recipe.node--view-mode-full .field--name-field-preparation-time
{
    background-image: url(/drupal9/core/themes/stargazer/images/svg/knife.svg);
}

.node--type-recipe.node--view-mode-full .field--name-field-cooking-time
{
    background-image: url(/drupal9/core/themes/stargazer/images/svg/timer.svg);
}

.node--type-recipe.node--view-mode-full .field--name-field-number-of-servings
{
    background-image: url(/drupal9/core/themes/stargazer/images/svg/serves.svg);
}

.node--type-recipe.node--view-mode-full .field--name-field-difficulty
{
    background-image: url(/drupal9/core/themes/stargazer/images/svg/difficulty.svg);
}

.field--label-inline.field
{
    display: flex;
    flex-wrap: wrap;
}

.field--label-inline .field__label,.field--label-inline .field__items
{
    float: none;
}


.layout--oneplusfourgrid-section {
  display: flex;
  flex-wrap: wrap;
}






/* RECIPE STEPS BEGIN HERE */	

.layout--twocol-section--33-67 .layout__region--second {
/*		border-style: solid;
		border-color: red;  */
        flex: 75%;
        margin-right: 3%;
        margin-left: 3%;
    }

	.field--name-field-recipe-steps
	{
		margin-bottom: 1.184rem;
		padding: 1.266rem;
		background-color: #ffffff;
	}

	@media screen and (min-width:60rem)
	{
	.field--name-field-recipe-steps
	{
		margin-bottom: 2.369rem;
		padding: 2.369rem;
	}
	;
	}

	.field--name-field-recipe-steps .field__label
	{
		margin: 0 0 .5em 0;
		padding: 0 0 0.6em 0;
		border-bottom: 1px solid #024b7d;
		font-family: "Scope One",Georgia,serif;
		font-size: 1.266rem;
		font-weight: 400;
		line-height: 1.2;
	}

	@media screen and (min-width:60rem)
	{
	.field--name-field-recipe-steps .field__label
	{
		font-size: 1.77rem;
	}

	;
	}

	.field--name-field-recipe-steps .field__item
	{
		margin: 0 0 0.6em 0;
		padding: 0 0 0.6em 0;
		border-bottom: 1px solid #024b7d;
		break-inside: avoid-column;
		display:list-item;
		list-style-type: disc;
		list-style-position: inside;
	}	

/* RECIPE INGREDIENTS BEGIN HERE */

.field--name-field-ingredients
{
    margin-bottom: 1.184rem;
    padding: 1.266rem;
    background-color: #d5e8f5;
}

@media screen and (min-width:60rem)
{
.field--name-field-ingredients
{
    margin-bottom: 2.369rem;
    padding: 2.369rem;
}

;
}

.field--name-field-ingredients .field__label
{
    margin: 0 0 .5em 0;
    padding: 0 0 0.6em 0;
    border-bottom: 1px solid #024b7d;
    font-family: "Scope One",Georgia,serif;
    font-size: 1.266rem;
    font-weight: 400;
    line-height: 1.2;
}

@media screen and (min-width:60rem)
{
.field--name-field-ingredients .field__label
{
    /*margin: 0 0 1.5em 0; */
    font-size: 1.77rem;
}

;
}

.field--name-field-ingredients .field__item
{
    margin: 0 0 0.6em 0;
    padding: 0 0 0.6em 0;
    border-bottom: 1px solid #024b7d;
    break-inside: avoid-column;
}

.label-items
{
    margin-bottom: 1.2em;
}

.label-items .field__items
{
    display: flex;
    flex-wrap: wrap;
}

.label-items .field__label,.label-items .field__item
{
    padding-right: 0.6rem;
}

.field--name-field-recipe-instruction .field__label
{
    margin: 0 0 1em 0;
    padding: 0 0 0.6em 0;
    border-bottom: 1px solid #eec2cb;
    font-family: "Scope One",Georgia,serif;
    font-size: 1.266rem;
    font-weight: 400;
    line-height: 1.2;
}

@media screen and (min-width:60rem)
{
.field--name-field-recipe-instruction .field__label
{
    margin: 0 0 1.5em 0;
    font-size: 1.77rem;
}

;
}

.field--name-field-recipe-instruction ol
{
    padding: 0;
    list-style-type: none;
}

.field--name-field-recipe-instruction ol > li
{
    position: relative;
    min-height: 1.5em;
    padding: 0 0 0.6em 2.5em;
    list-style: none;
    counter-increment: step-counter;
}

[dir=rtl] .field--name-field-recipe-instruction ol > li
{
    padding: 0 2.5em 0.6em 0;
}

.field--name-field-recipe-instruction ol > li::before
{
    position: absolute;
    top: 0;
    left: 0;
    content: counter(step-counter);
    color: #cc2a00;
    font-size: 1.5rem;
}

[dir=rtl] .field--name-field-recipe-instruction ol > li::before
{
    right: 0;
    left: auto;
}

.field--name-field-summary
{
    margin-bottom: 1.28rem;
}