/* 
Theme Name: Ohmyfoodness Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Ohmyfoodness Theme is a child theme of Hello Elementor, the most lightweight theme for Elementor page builder.
Author: Roefja
Author URI: https://roefja.com
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

#searchbar {
	position: fixed;
	/*top: -20px;*/
	width: 100%;
	margin-top: -20px;
	z-index: 99999;
	max-width: var(--container-max-width);
}

#searchbar search form {
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
	border-radius: var(--e-search-submit-border-radius);

}


.omf-random-recipe {
	--radius: 30px;
	border-radius: var(--radius);
	color: var(--e-global-color-primary);
	display: flex;
	cursor: pointer;
}

.omf-random-recipe.loading {
	opacity: 0.6;
	cursor: progress;
}

.omf-random-recipe_left {
	border-top-left-radius: var(--radius);
	border-bottom-left-radius: var(--radius);

	background-color: rgba(193, 126, 109, 0.5);
	font-size: 1.4em;
	font-weight: 700;
	padding: 10px 40px;
	display: flex;
	justify-content: center;

}

.omf-random-recipe_left>span,
.omf-random-recipe_right>span {

	margin: auto;
}

.omf-random-recipe_right {
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
	background-color: rgba(193, 126, 109, 1);
	padding: 10px 20px;
	font-size: 1.8em;
	margin-top: auto;
	margin-bottom: auto;
	display: flex;
	justify-content: center;

}

.omf-category-circle {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.omf-category-circle_image {
	display: block;
	border-radius: 50%;
	--size: 100%;
	width: var(--size);
	padding-top: var(--size);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;

}

.omf-category-circle_name {
	text-align: center;
	font-family: var(--e-global-typography-primary-font-family);
	color: #000;
	font-weight: bold;
	font-size: .9em;
	max-width: 90%;

}