.recipe-container {
max-width: 1100px;
margin: 0 auto;
padding: 20px;
font-family: inherit; }  .recipe-hero img {
width: 100%; display: block;
}
.recipe-title-block {
text-align: center;
margin-bottom: 40px;
}
.recipe-title-block h1 { color: rgb(0, 115, 60);
font-family: "Hey october";
margin-bottom: 10px;
font-weight: 400;
} .recipe-content-grid {
display: flex;
flex-wrap: wrap;
gap: 40px;
} .recipe-sidebar {
flex: 1;
min-width: 300px;    height: fit-content;
} .recipe-sidebar ul,
.recipe-sidebar ol {
margin-left: 20px;
margin-bottom: 0;
}
.recipe-sidebar li {
margin-bottom: 8px;
line-height: 1.6;
} .recipe-main {
flex: 2;
min-width: 300px;
}
.recipe-main h2,
.recipe-main h3 {
color: #2c3e50;
margin-top: 0;
margin-bottom: 15px;
}
.recipe-preparation,
.ingredients-header {
font-weight: bold;
color: rgb(176, 213, 83);
}
.preparation-content {
line-height: 1.8;
font-size: 1.1rem;
color: rgb(0, 115, 60);
}
.ingredients-list {
color: rgb(0, 115, 60);
} @media (max-width: 768px) {
.recipe-content-grid {
flex-direction: column;
}
.recipe-title-block h1 {
font-size: 1.8rem;
}
}.exnet-recipe-search {
margin-bottom: 30px;
text-align: center;
}
.exnet-recipe-search form {
display: inline-flex;
gap: 10px;
max-width: 100%;
width: 500px;
}
.exnet-recipe-search input[type="text"] {
flex: 1;
padding: 10px 15px;
border: 1px solid #ddd;
border-radius: 5px;
}
.exnet-recipe-search button {
padding: 10px 20px;
background-color: #333;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background 0.3s;
}
.exnet-recipe-search button:hover {
background-color: #555;
} .exnet-recipe-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
padding-bottom: 20px;
} .exnet-recipe-card {
display: flex;
flex-direction: column;
background: transparent;
overflow: visible;
border: none;
} .exnet-recipe-image {
line-height: 0;
z-index: 1;
position: relative;
}
.exnet-recipe-image img {
width: 100%;
height: auto;
display: block;
} .exnet-recipe-content {
position: relative;
z-index: 2;
background-image: url(//vegajo.hu/wp-content/uploads/2023/10/text_bg.png);
background-size: 100% 100%;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: -15px;
padding: 45px 20px 30px 20px;
height: 130px;
} .exnet-recipe-title {
margin: 0;
text-align: center;
line-height: 1;
font-size: 1rem;
font-weight: 900;
font-family: Montserrat, sans-serif;
}
.exnet-recipe-title a {
text-decoration: none;
color: #ea8221;
transition: color 0.3s;
}
.exnet-recipe-title a:hover {
color: #ea8221;
} .exnet-recipe-link {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
width: 160px;
height: 50px;
background-image: url(//vegajo.hu/wp-content/themes/brisk-child/images/buttons_bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
font-size: 1rem;
text-decoration: none;
text-transform: lowercase;
padding-bottom: 5px;
z-index: 10;
font-family: Montserrat, sans-serif;
}
.exnet-recipe-link:hover {
filter: brightness(1.1);
color: white;
} @media (max-width: 768px) {
.exnet-recipe-grid {
grid-template-columns: 1fr;
}
} .exnet-recipe-item.exnet-hidden {
display: none;
}
.exnet-load-more-container {
text-align: center;
margin-top: 40px;
}
.exnet-load-more-btn {
background-color: #e67e22;
color: white;
border: none;
padding: 12px 30px;
font-size: 16px;
border-radius: 25px;
cursor: pointer;
transition: background 0.3s, transform 0.2s;
font-weight: bold;
}
.exnet-load-more-btn:hover {
background-color: #d35400;
transform: translateY(-2px);
}
.exnet-load-more-btn.hidden {
display: none;
}.green-bg, .white-bg {
background-size: 100% 100%;
}
a.elementor-button {
background-image: url(//vegajo.hu/wp-content/themes/brisk-child/images/buttons_bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
}
#kapcsolat .elementor-widget-form form .elementor-field-type-submit {
display: none !important;
justify-content: center;
}
#kapcsolat .elementor-widget-form form .elementor-field-group-contact_checkbox {
justify-content: center;
}
#kapcsolat .elementor-widget-form form .elementor-field-group-contact_checkbox input {
accent-color: #B0D553;
}
@media screen and (max-width: 768px) {
#custom-footer .elementor-nav-menu {
justify-content: center;
}
}
.desktop-slider .swiper-pagination .swiper-pagination-bullet-active {
background: #B0D553 !important;
}
.mobile-slider .swiper-pagination .swiper-pagination-bullet-active {
background: #00733C !important;
}
.btn-bg-green  a.elementor-button {
background-image: url(//vegajo.hu/wp-content/uploads/2025/11/buttons_bg_green.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
}
.uicore-nav-menu .sub-menu:not(.uicore-megamenu){
background-color:#b0d553 !important;
}