/* checkboxes */
.recipe-search-filter input[type="checkbox"]:not(:checked),
.recipe-search-filter input[type="checkbox"]:checked {
	position: absolute;
	left: -199em; }

/* box spacing */
.recipe-search-filter input[type="checkbox"]:not(:checked) + label,
.recipe-search-filter input[type="checkbox"]:checked + label,
.recipe-search-filter input[type="radio"]:not(:checked) + label,
.recipe-search-filter input[type="radio"]:checked + label {
	position: relative;
	padding-left: 2em;
	padding-right: 1em;
	cursor: pointer;
	font-size: inherit;
	line-height: 1.5em;
	display: inline-block; }

/* box */
.recipe-search-filter input[type="checkbox"]:not(:checked) + label:before,
.recipe-search-filter input[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0em;
	width: 1.06em;
	height: 1.06em;
	border: 2px solid #000000;
	background: transparent; }

/* check */
.recipe-search-filter input[type="checkbox"]:not(:checked) + label:after,
.recipe-search-filter input[type="checkbox"]:checked + label:after {
	content: '✔';
	position: absolute;
	line-height: 0.8;
	color: #000;
	font-size: 154%;
	top: -0.1em;
	left: 0.1em;
	transition: all .15s; }

.recipe-search-filter input[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: translate(-0.1em, 0.2em) scale(0.1);
	transform: translate(-0.1em, 0.2em) scale(0.1); }

.recipe-search-filter input[type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1); }

/* highlighting */
.recipe-search-filter input[type="checkbox"].error + label {
	color: #ec1d24; }

/* radios */
.recipe-search-filter input[type="radio"]:not(:checked),
.recipe-search-filter input[type="radio"]:checked {
	position: absolute;
	left: -199em; }

/* box */
.recipe-search-filter input[type="radio"]:not(:checked) + label:before,
.recipe-search-filter input[type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0em;
	width: 1.06em;
	height: 1.06em;
	border: 0.15em solid currentcolor;
	border-radius: 1em;
	background: transparent; }

/* dot */
.recipe-search-filter input[type="radio"]:not(:checked) + label:after,
.recipe-search-filter input[type="radio"]:checked + label:after {
	content: '';
	position: absolute;
	background: currentcolor;
	border-radius: 1em;
	border: 0.15em solid currentcolor;
	transition: all .15s;
	left: 0;
	top: 0em;
	width: 1.06em;
	height: 1.06em; }

.recipe-search-filter input[type="radio"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0.1);
	transform: scale(0.1); }

.recipe-search-filter input[type="radio"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(0.5);
	transform: scale(0.5); }

/* highlighting */
.recipe-search-filter input[type="radio"].error + label {
	color: #ec1d24; }






.hero--recipes-search { height:25vw; min-height:8em; max-height: 32em; }

.title-under-pagehero p, .title-under-pagehero .pretend-p {
	margin:1em auto; 
	padding:0;
}
.title-under-pagehero {
	margin: -1px 0;
	background:#074f89;
}
.title-under-pagehero section {
	min-height: 0;
}

.pagination { display:none; }
.pagination-enabled { display:flex; }

.pagination a { transition:opacity 0.2s, background 0.2s; }
.pagination a.disabled { background:#999; }




.recipe-search-v2 input[type]:not(:checked) + label:before,
.recipe-search-v2 input[type]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0em;
	width: 1.06em;
	height: 1.06em;
	border: 0.15em solid currentcolor;
	border-radius: 1em;
	background: transparent; }

/* dot */
.recipe-search-v2 input[type]:not(:checked) + label:after,
.recipe-search-v2 input[type]:checked + label:after {
	position: absolute;
	background: currentcolor;
	border-radius: 1em;
	border: 0.15em solid currentcolor;
	transition: all .15s;
	left: 0;
	top: 0em;
	padding:0.2em;
	width: 0.66em;
	height: 0.66em; font-size:100%; }
	
.recipe-search-v2 input[type]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0.1);
	transform: scale(0.1); }

.recipe-search-v2 input[type]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(0.5);
	transform: scale(0.5); }


.recipe-search-v2 input[type]:not(:checked) + label:before, 
.recipe-search-v2 input[type]:checked + label:before {
	background:#eaeaea;
	color:#eaeaea;
	top:0.25rem;
}
.recipe-search-v2 input[type]:not(:checked) + label:after, 
.recipe-search-v2 input[type]:checked + label:after {
	background:#Cd0f45;
	color:#fff;
	border-color:#Cd0f45;
	top:0.25rem;
} 
.recipe-search-v2 input[type=checkbox]:not(:checked) + label:after, 
.recipe-search-v2 input[type=checkbox]:checked + label:after {
	font-size:150%;
	padding:0;
	line-height:0.4;
	width:0.62em;
	height:0.62em;
} 
.recipe-search-v2 input[value=""]:not(:checked) + label:after, 
.recipe-search-v2 input[value=""]:checked + label:after {
	color:#Cd0f45;
	content:'';
}
.recipe-search-v2 input[type]:checked + label:after {- webkit-transform: scale(1); transform: scale(1); }
.recipe-search-v2 input[type]:focus + label:hover::before { outline:none; }

.recipe-search-v2 .recipe-filter-category { columns:2; text-align:left;  }
.recipe-search-v2 .recipe-filter-skill[class] { columns:1; }
.recipe-search-v2 .recipe-filter-category input[type] + label { margin:0; padding-top:0.45em; padding-bottom:0.45em; line-height:1; }
.recipe-search-v2 .filter-modal-toggle { font-weight: bold; font-size: 1.125rem; text-align: center;
	background: #fff;
	border: 0.15em solid currentcolor;
	border-radius: 1.5em;
	color: #0096d9;
	padding: 0.55em 1.5em;
	margin: 0 0 1em;
	text-transform: none;
	position:relative; 
	white-space: nowrap;
	cursor:pointer; 
	text-align:left; 
}
.recipe-search-v2 .filter-modal-toggle-results { font-weight: normal; font-size:1rem;  position:absolute; right:3em ; top:0.75em; height:1em; line-height:1; color:#666; }
.recipe-search-v2 .filter-modal-toggle::before,
.recipe-search-v2 .filter-modal-toggle::after { content:''; display:block; position:absolute; top:50%; right:1em; height:0.25em; width:1.0em; background:currentcolor; margin-top:-0.125em; border-radius:0.125em;  }
.recipe-search-v2 .filter-modal-toggle::after { transform:rotate(90deg); }


.recipe-search-v2 .recipe-search-filter { margin-bottom:1em; }
.recipe-search-v2 .recipe-search-text-field { max-width:none; position: relative; z-index: 2; }

.recipe-search-v2 #recipe-search-q { vertical-align: top; padding-right: 8em;}
.recipe-search-v2 #recipe-search-submit {
	margin-left: -6.7em;
	width: auto;
	padding:0.76em 1.5em;
	border-radius:0 1.5em 1.5em 0;
}


.recipe-search-filter > label { 
	text-align:left;
	color:#0096d9;
}
.recipe-list a:focus .button-cta {outline:medium solid rgba(0, 0, 0)}

.recipe-filter-modal .icon--close {
	right:1.3em; top:0.5em;
	background:#fff;
	text-indent:-999em;
	overflow:hidden;
}
.recipe-filter-modal .icon--close::before,
.recipe-filter-modal .icon--close::after {
	color:#074f89;
}
.recipe-search-v2,
.recipe-search-v2 form { position:static; }

.recipe-filter-modal { background:#fff; position:relative; position:fixed; top:0; left:0; width:100vw; box-sizing:border-box; bottom:0; z-index:-1; opacity:0; visibility:hidden; overflow:hidden; overflow-y:auto;  margin:0; padding:1em 2em; font-size:0.85em;
	transition:max-height 0.3s  cubic-bezier(.7,0,.4,1), opacity 0.1s 0.15s, visibility 0s 0.3s, z-index 0.1s 0.2s, margin 0.2s 0.1s;
}
.recipe-filter-modal-enabled {
	opacity:1;
	visibility:visible; 
	z-index:299;
	transition:max-height 0.3s cubic-bezier(.7,0,.4,1), opacity 0.1s 0.1s, visibility 0s, z-index 0.1s, margin 0.3s;
}

@media (max-width:28em) {
	.recipe-filter-modal { padding:1em; }
}
@media (max-width:47.95em) {
	.has-recipe-filter header, 
	.has-recipe-filter footer, 
	.has-recipe-filter .recipe-search-text-field, 
	.has-recipe-filter .recipe-results, 
	.has-recipe-filter .kfr-tout--sticky{
		animation:hideSomeStuff 0.5s forwards;
	}
	@keyframes hideSomeStuff {
		0% { visibility:visible; }
		100% { visibility:hidden; }
	}
}


.recipe-search-filter-wrapper {  }
.recipe-search-clear-row { text-align:right;  }
.recipe-filter-modal h2 { font-size:1.5em; text-align:left; }
.recipe-filter-button { 
	display:inline-block;
	font-weight: bold; 
	font-size: 1.125em; 
	background: #fff;
	border: 0.15em solid currentcolor;
	border-radius: 1.5em;
	color: #0096d9;
	padding: 0.25em 1em;
	margin: 0.25em;
	text-transform: none;
	position:relative; 
	white-space: nowrap;
	cursor:pointer; 
	text-align:left;
}
.recipe-filter-x::after { content:'×'; display:inline-block;  font-size:1.33em; margin:0 -0.5em 0 0.25em; text-align:center; width:0.8em; height:0.8em; line-height:0.625; border:0.1em solid currentcolor; border-radius:100%; }
#recipe-filter-apply { color:#fff; background:#Cd0f45; border-color:#Cd0f45; }

.recipe-filter-list .recipe-filter-button { margin:0.25em 0.5em; }
label.recipe-filter-button { background:#0096d9; border-color:#0096d9; color:#fff; display:inline-block;  }

.recipe-list-item { background:#fff; }

.recipe-search-v2 { background:transparent; }
.recipe-search-v2 section { padding:0; }

.recipe-search-v2 form { padding:0; }
.recipe-search-v2 .recipe-search-text-field { margin:0; padding-top:1em; }

.recipe-results { min-height:24em; background:transparent; }

.recipe-search-v2::before { content:''; display:block; position:absolute; width:100%; height:6em; padding-top:6%; background: url(../images/site/curve-bottom-dkblue2.svg) center bottom / 100vw 150vw no-repeat;  }

.no-results { padding-top:10vw; text-align:center; }

.recipe-icon-default { content:''; display:block; width:100%; height:100%; top:0; position:absolute; background:#ccc  url(../images/site/icon-chefhat.svg) center / 45% auto no-repeat; }

@media (min-width:48em){
	.recipe-search-q-icon {
	}
	#recipe-search-q {
		max-width:40em;
		width:calc(60% - 3em);
	}
	.recipe-filter-modal .icon--close {
		top:1em;
	}
	.recipe-search-v2 .filter-modal-toggle {
		display:inline-block; 
		width:33%; 
		margin-left:1em;
		margin-right: -0.3em;
		border: 0.15em solid #fff;
	}
	.recipe-filter-modal {
		font-size:inherit;
		position:relative;
		overflow:hidden;
		padding:0;
		max-height:0;
		border-radius:1.5em;
		border: 0.15em solid #0096d9;
		max-width: 70em;
		width: 100%;
		margin: 0 auto -1em;
		z-index:2;
	}
	.recipe-filter-modal-enabled {
		z-index:2;
		max-height:36em;
		margin-bottom: 1em;
	}
	.recipe-search-filter-wrapper {
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		padding:1em 2em; 
	}
	.recipe-search-v2 .recipe-filter-category { 
		columns:1;
	}
	
	.recipe-search-clear-row { 
		text-align:center; 
		padding:0 0.75em 1em; 
	}
	.recipe-filter-modal h2 {
		padding:1em 2rem 0;
		text-align:center;
	}
	.recipe-search-filter {
		flex-basis:33%;
		margin:0;
	}
	.recipe-search-filter:last-child {
		flex-basis:26%;
	}
	.recipe-search-v2 #recipe-search-submit {
		padding: 0.74em 1.5em;
	}
	main {
		/* background:#f2f2f2; */
	}
	.recipe-results section {
		padding-top:0;
	}
	.recipe-results {
		position:relative;
		z-index:2;
	}
	.recipe-list {
		margin-bottom:2em;
	}
	.recipe-search-v2 .recipe-filter-category { 
		font-size:0.85em;
	}
	.has-recipe-filter .filter-modal-toggle::before { transform: scale(0.7) translate(0.3em, 0) rotate(135deg); }
	.has-recipe-filter .filter-modal-toggle::after { transform: scale(0.7) translate(-0.25em, 0) rotate(45deg); }
	
}
@media (min-width:64em){
	.recipe-search-v2 .recipe-filter-category { 
		columns:2;
	}
	.recipe-filter-modal {
		padding:0 2em;
	}
	.recipe-filter-modal h2 {
		padding-top:1rem;
	}
}

.recipe-filter-list {
	margin: 1em -0.5em;
	transition:max-height 0.3s, margin 0.3s, opacity 0.2s, visibility 0s; 
	max-height:12em;
	text-align:left; 
}
.recipe-filter-modal-enabled + .recipe-filter-list {
	margin: 1em -0.5em;
	visibility:hidden; 
	opacity:0; 
	max-height:0;
	transition:max-height 0.3s, margin 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s; 
}

.label-zorp { animation:zorpTheLabel 0.3s forwards; }
@keyframes zorpTheLabel {
	0% { transform:scale(1); opacity:1; }
	100% { transform:scale(0.2); opacity:0; }
}

.pagination input { width:9em; }


@media (min-width:48em){
	.recipe-filter-list { text-align:center; }
}



.recipe-tips section {
	margin:1em 0 ;
}
.recipe-tips a {
	color: #fff;
	text-decoration:underline;
}
.recipe-tips ul {
	margin:0.5rem 0;
}
.recipe-tips li {
	margin:0.5rem 0;
}
.recipe-tips .faq-wrapper {
	max-width: 70em;
	position:relative;
	margin: 0 auto;
}
.recipe-tips .faq-answer {
	background:transparent;
	color:inherit;
	padding:0 1.5rem; 
}
.recipe-tips .faq-question {
	border:none;
	background:#0096d9;
	color:#fff;
	border-radius:1.5em;
}
.recipe-tips .faq-question label,
.recipe-tips .faq-question button {
	padding:0.8rem 1.5rem; 
	color:inherit;
	font-size: 1.125em;
	margin:0;
	width:calc(100% - 3rem);
}
.recipe-tips .faq-question input:focus + label:hover,
.recipe-tips .faq-question button:focus:hover {
	outline:none;
}
.recipe-tips .faq-question label::before,
.recipe-tips .faq-question button::before {
	right:1em;
}
.recipe-tips .faq-question input:checked + label::before {
	content:'';
	width:0.15em; height:0.15em;
	border-bottom: 0.1em solid currentcolor;
	border-right: 0.1em solid currentcolor;
	transform:translate(-0.2em, 0.15em) rotate(45deg);
}

.recipe-tips input + .faq-answer, 
.recipe-tips input ~ .faq-answer {
	transition:max-height 0.35s cubic-bezier(.7,0,.4,1); 
}
.recipe-tips input:checked + .faq-answer, 
.recipe-tips input:checked ~ .faq-answer {
	max-height: 40em;
}
@media (min-width:48em){
	.recipe-tips .faq-wrapper {
		width: calc(95% + 1em);
	}
}

#config-noresults {
	display: none;
}
@media screen {
	.ada-clip-text { 
		border: 0;
		clip: rect(1px,1px,1px,1px);
		height: 1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}
}