@media only screen and (min-width: 475px) {
	.gardheimar-delivery-details .wc-block-components-form{
		display: flex;
		flex-wrap: wrap;
		gap: 0 16px;
		justify-content: space-between;
	}
	.gardheimar-delivery-details .wc-block-components-text-input{
		box-sizing: border-box;
		flex: 1 0 calc(50% - 12px);
	}
	.gardheimar-delivery-details__select{
		box-sizing: border-box;
		flex: 1 0 calc(50% - 12px);
	}
}

.gardheimar-delivery-details__select .components-base-control select.components-select-control__input{
	background-color: #fff;
	box-sizing: border-box;
	color: hsla(0, 0%, 7%, .7);
	font-family: inherit;
	font-size: 1em;
	height: 3.125em;
	line-height: 1em;
	margin: 0;
	min-height: 0;
	/*padding: 1em .5em;*/
	padding: 1.5em .5em .5em;
	width: 100%;
	transition: all .2s ease;
	border: 0;
	border: 1px solid hsla(0, 0%, 7%, .8);
	border-radius: 4px;
}

.gardheimar-delivery-details__select .components-base-control .components-select-control.has-error select.components-select-control__input{
  border-color: #cc1818;
  color: #cc1818;
}
.gardheimar-delivery-details__select .components-base-control .components-select-control.has-error select.components-select-control__input option{
  color: hsla(0, 0%, 7%, .7);
}
.gardheimar-delivery-details__select .components-select-control.has-error .components-input-control-suffix-wrapper svg path{
	fill: #cc1818;
}

.gardheimar-delivery-details__select>.components-base-control{
	color: #2b2d2f;
	font-size: 1em;
	font-family: inherit;
	background-color: #fff;
}
.gardheimar-delivery-details__select .components-select-control{
	margin-top: 16px;
	position: relative;
	white-space: nowrap;
	cursor: pointer;
	display: block;
}
.gardheimar-delivery-details__select .components-select-control .components-flex{
	gap: 0;
}
.gardheimar-delivery-details__select .components-select-control label.components-input-control__label{
	color: inherit;
    color: hsla(0, 0%, 7%, .7);
    cursor: text;
    font-family: inherit;
    font-size: inherit;
    font-size: 1em;
    font-style: inherit;
    font-weight: inherit;
    left: .5625em;
    letter-spacing: inherit;
    line-height: inherit;
    line-height: 1.5;
    margin: 0;
    max-width: calc(100% - 32px);
    overflow: hidden;
    position: absolute;
    text-decoration: inherit;
    text-overflow: ellipsis;
    text-transform: inherit;
    top: 1.562em;
    transform: translateY(-50%);
    transform-origin: top left;
    transition: all .2s ease;
	top: 0;
    transform: translateY(4px) scale(.75);
    text-transform: inherit;
}
.gardheimar-delivery-details__select .components-select-control.has-error label.components-input-control__label{
	color: #cc1818;
}

.gardheimar-delivery-details__select .components-input-control__container{
	border:0;

}
.gardheimar-delivery-details__select .components-input-control__backdrop{
	border-width: 0;
	display: none;
}


@media only screen and (min-width: 475px) {
	.gardheimar-delivery-time{
	  padding: 16px;
	}
}
.gardheimar-delivery-time__inner{
	border:1px dashed hsla(0, 0%, 7%, .8);
	border-radius: 5px;
	padding: 20px;
}
.gardheimar-delivery-time__select .components-input-control-suffix-wrapper>div{
	display: none;
}
.gardheimar-delivery-time__select .components-input-control-suffix-wrapper{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23A42E4C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>');
    background-repeat: no-repeat;
    background-size: 24px;
    width: 25px;
    height: 100%;
    top: 0;
    padding: 0;
    background-position: center;
    right: 10px;
}
.gardheimar-delivery-time #delivery-day{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23A42E4C" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 96% 15px;
}
.gardheimar-delivery-time input#delivery-time{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23A42E4C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>');
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 96% 15px;
}

.gardheimar-delivery-time__heading{
    padding-bottom: 0;
}
@media only screen and (min-width: 475px) {
	.gardheimar-delivery-time .wc-block-components-form,
	.gardheimar-delivery-to-church .wc-block-components-form{
		display: flex;
		flex-wrap: wrap;
		gap: 0 16px;
		justify-content: space-between;
	}
	.gardheimar-delivery-time .wc-block-components-text-input,
	.gardheimar-delivery-to-church .wc-block-components-text-input{
		box-sizing: border-box;
		flex: 1 0 calc(50% - 12px);
	}
	.gardheimar-delivery-details__select{
		box-sizing: border-box;
		flex: 1 0 calc(50% - 12px);
	}
}

.gardheimar-delivery-to-church{
	margin-top: 20px;
}


@media only screen and (min-width: 475px) {
	.gardheimar-delivery-day{
	  padding: 16px;
	}
}
.gardheimar-delivery-day__inner{
	border:1px dashed hsla(0, 0%, 7%, .8);
	border-radius: 5px;
	padding: 20px;
}
@media only screen and (min-width: 475px) {
	.gardheimar-delivery-day .wc-block-components-form{
		display: flex;
		flex-wrap: wrap;
		gap: 0 16px;
		justify-content: space-between;
	}
	.gardheimar-delivery-day .wc-block-components-text-input{
		box-sizing: border-box;
		flex: 1 0 calc(50% - 12px);
		margin-top: 0 !important;
		max-width: 50%;
	}
}
.gardheimar-delivery-day #delivery-day{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23A42E4C" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 96% 15px;
}