/*!
Theme Name: felegyhazipekseg
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: felegyhazipekseg
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

felegyhazipekseg is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Regular */
@font-face {
  font-family: "SweetSansPro";
  src: url("./fonts/SweetSansPro-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

/* Medium */
@font-face {
  font-family: "SweetSansPro";
  src: url("./fonts/SweetSansPro-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}

/* Bold */
@font-face {
  font-family: "SweetSansPro";
  src: url("./fonts/SweetSansPro-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "SweetSansPro";
  src: url("./fonts/SweetSansPro-Heavy.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "SweetSansPro";
  src: url("./fonts/SweetSansPro-Heavy.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "SweetSansPro";
  src: url("./fonts/SweetSansPro-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "SweetSansPro";
  src: url("./fonts/SweetSansPro-ExtraLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "SweetSansPro";
  src: url("./fonts/SweetSansPro-ExtraLightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
  overflow: hidden;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: clamp(2rem, 4vw + 1rem, 3.5rem);
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

a:focus {
  color: unset;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

main img {
  border-radius: 5px;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  font-family: "SweetSansPro", sans-serif;
  font-weight: 200; /* Extra Light */
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #c7002b;
}

a:visited {
  color: #000;
}

a.btn-custom:visited {
  color: #fff;
}

.btn-custom.btn-white:visited {
  color: #14003c;
}

a:hover,
a:focus,
a:active {
  color: #c7002b;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
  border: none;
  color: #000;
  border-radius: 5px;
  padding: 5px;
  width: 100%;
  height: 48px;
  background: #fff;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

textarea {
  width: 100%;
}

.wpcf7-form p {
  margin: 0;
}

.custom-input-outer {
  margin-bottom: 15px;
}

.custom-contact label {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px;
}

.custom-contact textarea {
  height: 100px;
}

.wpcf7-form-control-wrap .wpcf7-list-item input {
  display: none;
}

.wpcf7-form-control-wrap span.wpcf7-list-item {
  margin-left: 0;
}

.wpcf7-form-control-wrap .wpcf7-list-item-label {
  overflow: hidden;
  display: block;
  padding-left: 35px;
  position: relative;
  font-size: 11px;
  line-height: 15px;
  color: #fff;
  padding-bottom: 10px;
  font-weight: 400;
}

.wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item-label {
  overflow: hidden;
  display: block;
  padding-left: 35px;
  position: relative;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  padding-right: 10px;
  padding-bottom: 3px;
  cursor: pointer;
  line-height: inherit;
}

.wpcf7-form-control-wrap .wpcf7-list-item-label::before {
  display: block;
  margin-right: 20px;
  height: 25px;
  width: 25px;
  border: 2px solid #fff;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-radius: 3px;
}

.wpcf7-acceptance a {
  text-decoration: underline;
}

.wpcf7-form input:checked + .wpcf7-list-item-label::after {
  left: 9px;
  top: 5px;
  width: 6px;
  height: 13px;
  border: solid #fff;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  content: " ";
}

.subscribe-section .checkbox input {
  display: none;
}

.subscribe-section .checkbox label::before {
  display: block;
  margin-right: 20px;
  height: 25px;
  width: 25px;
  border: 1px solid #fff;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  content: " ";
  margin-right: 0;
  margin-left: -15px;
  margin-top: 9px;
}

.subscribe-section .checkbox label input:checked + ::after {
  left: -5px;
  top: 13px;
  width: 6px;
  height: 13px;
  border: solid #fff;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  content: " ";
}

.custom-contact .wpcf7-submit {
  background-color: #fff;
  color: #14003c;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 25px;
  transition: all 0.3s ease;
  display: inline-block;
  border: none;
  border-radius: 5px;
}

.custom-contact .wpcf7-submit:hover {
  background-color: #14003c;
  color: #fff;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.row {
  --bs-gutter-x: 32px;
}

.container {
  --bs-gutter-x: 32px;
}

@media (max-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Custom CSS
--------------------------------------------------------------*/
body {
  font-family: "SweetSansPro", sans-serif;
  font-weight: 200; /* Extra Light */
  font-size: 1.3rem;
}

h1,
h2,
h3 {
  font-family: "SweetSansPro", sans-serif;
  color: #14003c;
  font-weight: 800;
  margin-bottom: 35px;
}

p,
ul li {
  font-family: "SweetSansPro", sans-serif;
  font-size: 1.3rem;
  font-weight: 200; /* Extra Light */
}

/* Footer social media
--------------------------------------------- */
.social-media {
  margin: 40px 0 20px 0;
  padding: 0;
}

.social-media li {
  display: inline-block;
  padding: 0 10px;
  border: none;
}

.social-media li a {
  display: block;
  color: transparent;
}

.social-media li a:focus,
.social-media li a:visited {
  border: none;
}

.social-media li svg {
  width: 25px;
  height: auto;
  color: #fff;
}

@media (min-width: 768px) {
  .social-media li svg {
    width: 35px;
  }
}

/* Footer social media end
--------------------------------------------- */

/* Header
--------------------------------------------- */
#masthead {
  margin-bottom: 40px;
}

body.post-type-archive-mintabolt #masthead,
body.listing-page-awsm_job_openings #masthead,
body.page-template-template-reseller #masthead {
  margin-bottom: 0;
}

.logo-header-text img {
  max-height: 50px;
}

.logo-header-text a {
  display: block;
}

.site-branding {
  padding-top: 0;
  padding-bottom: 0;
}

.site-branding img {
  max-height: 250px;
}

.menu-item .nav-link {
  color: #000;
  font-weight: 200;
}

header .menu-item a {
  position: relative;
  transition: all 0.3s ease;
}

.navbar-nav .dropdown-menu {
  border-radius: 2px;
  border: none;
}

.dropdown-item:active,
.dropdown-item:hover {
  background: none;
}

.dropdown-item:hover {
  color: #c7002b;
}

.dropdown-item {
  font-size: 16px;
  font-weight: 200;
}

@media (min-width: 992px) {
  .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
  }

  .dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

header .menu-item .nav-link:hover,
header .menu-item .nav-link.show {
  color: #c7002b;
}

header .dropdown-item.active {
  background: none;
  color: #c7002b;
}

.menu-item.current-menu-item a::before {
  transform: scaleX(1);
}

#main-menu {
  justify-content: center;
}

.logo-header-mobile {
  height: 40px;
  width: auto;
}

@media screen and (min-width: 768px) {
  .logo-header-mobile {
    height: 37px;
    width: auto;
  }

  .menu-item .nav-link {
    font-size: 14px;
  }
}

@media screen and (min-width: 992px) {
  .logo-header-text {
    margin-left: 130px;
    margin-right: 20px;
  }

  .site-branding {
    position: absolute;
    z-index: 2;
    top: -20px;
  }

  .menu-item .nav-link {
    font-size: 16px;
  }
}

@media screen and (min-width: 1200px) {
  #main-menu .menu-item .nav-link {
    margin: 0 10px;
  }
}

/* Search
--------------------------------------------- */

.nav-search {
  position: absolute;
  width: 100%;
  top: 100%;
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  max-height: 0;
  transition:
    max-height 0.4s ease-in-out,
    padding 0.4s ease-in-out;
}

/* Aktív állapot */
.nav-search.active {
  max-height: 300px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.search-toggle {
  background: none;
  border: none;
  cursor: pointer;
}

.globalnav-curtain {
  background: rgba(232, 232, 237, 0.4);
  backdrop-filter: blur(10px);
  pointer-events: none;
  position: fixed;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  transition: opacity 0.32s cubic-bezier(0.4, 0, 0.6, 1) 80ms;
}

.navbar.open-search ~ .globalnav-curtain {
  opacity: 1;
}

.nav-search .search-form {
  position: relative;
  max-width: 450px;
  margin: 0 auto;
}

.nav-search .search-form label {
  width: 100%;
}

.search-form .search-field {
  background: none;
  width: 100%;
}

.search-submit {
  background: none;
  border: none;
  border-radius: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.nav-search ul {
  padding: 0;
  max-width: 455px;
  margin: 30px auto 0 auto;
}

.nav-search ul li a {
  color: #000;
  text-decoration: none;
  padding: 5px 0;
  display: inline-block;
  margin-left: 7px;
}

.nav-search ul li {
  list-style: none;
}

.nav-search > .container {
  padding-left: 30px;
  padding-right: 30px;
}

/* Search
--------------------------------------------- */

/* Swiper
--------------------------------------------- */
.site-header .swiper {
  width: 100%;
  height: 100%;
}

.site-header .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40vh;
}

@media (min-width: 768px) {
  .site-header .swiper-slide {
    height: 50vh;
  }
}

.site-header .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.site-header .swiper {
  margin-left: auto;
  margin-right: auto;
}

body .swiper-button-next,
body .swiper-button-prev {
  color: #fff;
}

#page .site-header .swiper-button-next::after,
#page .site-header .swiper-button-prev::after {
  font-size: 28px;
}

#page .mySwiper .swiper-pagination-bullet {
  border-radius: 0;
  height: 15px;
  width: 15px;
  border-radius: 0;
  height: 15px;
  width: 15px;
  transform: rotate(45deg);
  border: 1px solid #fff;
  opacity: 1;
  background: no-repeat;
  margin: 7px;
}

#page .mySwiper .swiper-pagination-bullet-active {
  background: #fff;
}

/* First section
--------------------------------------------- */
.first-section {
  margin-top: 50px;
  margin-bottom: 100px;
  text-align: center;
}

.first-section h3 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}

.first-section .img-link {
  display: block;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 20px;
}

.first-section a img {
  transition: transform 0.4s ease-in-out;
  object-fit: cover;
  height: 300px;
}

.first-section a:hover img {
  transform: scale(1.04);
}

.first-section span {
  text-align: center;
  max-width: 80%;
  display: inline-block;
  margin: 0 auto 30px auto;
}

.first-section .row > [class*="col-"] {
  display: flex;
}

.first-section .row > [class*="col-"] {
  flex-direction: column;
}

.first-section .btn-custom {
  width: 200px;
  margin: auto auto 0 auto;
}

@media (min-width: 768px) {
  .first-section a img {
    height: auto;
  }
}

/* Welcome section
--------------------------------------------- */
.welcome-section {
  background-color: #d9d5cb;
  padding: 40px 0;
  margin-bottom: 100px;
}

.welcome-section .text-center {
  margin-bottom: 40px;
  background-image: url("/wp-content/uploads/2025/02/red-line.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 150px;
  padding-bottom: 20px;
}

.welcome-section p {
  text-align: center;
  font-size: 26px;
  margin: 0;
}

/* Find store section
--------------------------------------------- */
.find-store-section {
  margin-bottom: 100px;
  margin-top: 100px;
  padding: 50px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  color: #fff;
}

.find-store-section h2 {
  color: #fff;
}

.find-store-section::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(19, 15, 67, 0.7);
}

.find-store-section .container {
  position: relative;
  z-index: 1;
}

/* The brand section
--------------------------------------------- */
.the-brand {
  margin-bottom: 100px;
}

.the-brand .image-column {
}

.the-brand .image-column img {
  width: 100%;
  object-fit: cover;
  margin-bottom: 24px;
  aspect-ratio: 1/1;
  border-radius: 5px;
}

.the-brand .col-md-6 div {
  background-color: #c7002b;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 5px;
  position: relative;
}

.the-brand .image-column div img {
  aspect-ratio: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
}

.the-brand .logo-line img {
  width: 150px;
}

.the-brand .logo-line {
  margin-bottom: 50px;
}

.the-brand h4,
.the-brand p {
  margin-bottom: 35px;
}

.the-brand .col-md-7 {
  margin-bottom: 35px;
}

@media (min-width: 768px) {
  .the-brand .col-md-7 {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .the-brand .col-md-7 {
    padding-left: 80px;
  }
}
/* About section
--------------------------------------------- */

.about-section {
  background-position: right bottom 115px;
  background-size: 320px;
  background-repeat: no-repeat;
  padding: 0 0 390px 0;
  margin-bottom: -220px;
}

@media (min-width: 1200px) {
  .about-section {
    background-position: right top;
    background-size: 480px;
  }

  .about-section-content {
    max-width: 75%;
  }
}

/* Custom post box
--------------------------------------------- */

.blog-section {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.custom-post-item {
  position: relative;
  margin-bottom: 35px;
}

.custom-post-item:last-child {
  margin: 0;
}

.custom-post-image {
  flex: 0 0 auto;
}

.custom-post-image a {
  display: block;
}

.custom-post-image img {
  max-height: 250px;
  border-radius: 5px;
}

.custom-post-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

.custom-post-content h3 {
  font-weight: 800;
  margin-bottom: 0;
}

.custom-post-content h3 a {
  font-size: 20px;
  letter-spacing: 10%;
  text-decoration: none;
  color: #000;
  transition: all 0.3s ease;
  line-height: normal;
  display: block;
  text-align: left;
}

.custom-post-content h3 a:hover {
  color: #c7002b;
}

.custom-post-content p {
  margin: 0;
}

.recent-posts-box {
}

.custom-posts-wrapper {
}

.social-side-box {
  background-color: #14003c;
  color: #fff;
  align-self: flex-end;
  padding: 30px 39px;
  margin: 45px 0 25px 0;
  position: relative;
  text-align: center;
}

.social-side-box ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.social-side-box ul li {
  display: inline-block;
  margin-right: 10px;
}

.social-side-box ul li a {
  display: block;
  color: #fff;
}

.social-side-box ul li svg {
  height: 30px;
  transition: transform 0.3s ease;
}

.social-side-box ul li:hover svg {
  transform: scale(1.1);
}

.social-side-box span {
  font-weight: 600;
  font-size: 28px;
  line-height: 30px;
  letter-spacing: 10%;
  margin-bottom: 20px;
  display: inline-block;
}

@media (min-width: 768px) {
  .custom-post-item img {
    width: 90px;
  }

  .custom-post-item {
    display: flex;
    margin-bottom: 35px;
  }

  .custom-post-content {
    flex: 0 0 80%;
    padding-left: 20px;
  }

  .custom-post-content h3 {
    width: calc(100% - 65px);
  }

  .custom-post-content .entry-date {
    position: absolute;
    top: 15px;
    right: 15px;
  }
}

@media (min-width: 992px) {
  .social-side-box {
    text-align: left;
    margin: 20px 0 0 0;
  }

  .blog-section {
    margin-bottom: 100px;
  }

  .custom-posts-wrapper {
    width: 80%;
  }

  .recent-posts-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .social-side-box::before {
    background-color: #14003c;
    content: "";
    position: absolute;
    bottom: 0;
    width: 800px;
    height: 100%;
    left: 100%;
  }

  .social-side-box {
    margin: 0 0 0 60px;
    width: 300px;
  }
}

/* Red line box
--------------------------------------------- */
.red-line-box {
  text-align: center;
  color: #fff;
  padding: 30px 0;
  position: relative;
}

.red-line-box::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  background-color: #c7002b;
  width: 100%;
  z-index: -1;
}

.red-line-box h2 {
  max-width: 80%;
  margin: 0 auto 30px auto;
  color: #fff;
}

.red-line-box .btn-custom {
  display: inline-block;
}

@media (min-width: 992px) {
  .red-line-box::before {
    right: 15%;
  }

  .red-line-box::after {
    width: 85%;
  }

  .red-line-box::before {
    position: absolute;
    content: "";
    top: 0;
    height: 100%;
    border-right: solid 45px #fff;
    border-bottom: solid 90px transparent;
    border-top: solid 91px transparent;
    width: 0;
  }
}

/* Pages
--------------------------------------------- */
.image-hero-container {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.image-hero-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; /* Opcionális: középre igazítás */
}

.image-hero-container .container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-hero-container .container h1 {
  color: #fff;
}

.image-hero-container::before {
  background-color: rgba(19, 15, 67, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.breadcrumb-outer {
  display: none;
  background-color: #d9d5cb;
  padding: 30px 0;
  margin-bottom: 70px;
}

.breadcrumb-outer .breadcrumb {
  margin: 0;
  color: #14003c;
  font-weight: 500;
}

.breadcrumb-outer .breadcrumb a {
  color: #14003c;
  text-decoration: none;
  margin: 0 3px;
}

.breadcrumb-outer .breadcrumb span {
  margin-left: 3px;
}

.breadcrumb li:not(:last-child):after {
  content: "/";
  margin-left: 10px;
  margin-right: 10px;
}

.img-side span {
  display: block;
  background-color: #d9d5cb;
  position: relative;
  bottom: 15px;
  right: -15px;
  padding: 5px 10px;
  line-height: normal;
  font-weight: 300;
  font-style: italic;
}

.img-side img {
  width: 100%;
}

.content-img-full-width img {
  width: 100%;
  margin-bottom: 35px;
}

.page-template-template-energetics .btn-custom {
  margin-bottom: 50px;
}

.page-template-template-energetics .btn-custom svg {
  margin-left: 5px;
  width: 22px;
  height: 22px;
}

/* Resellers
--------------------------------------------- */
.logo-carousel .u-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  position: relative;
}

.logo-carousel .u-wrapper::before {
  background: linear-gradient(
    274deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 40%
  );
  position: absolute;
  left: 48px;
  height: 100%;
  width: 50px;
  content: "";
  z-index: 2;
}

.logo-carousel .u-wrapper::after {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 40%
  );
  position: absolute;
  right: 48px;
  height: 100%;
  width: 50px;
  content: "";
  z-index: 2;
}

.logo-carousel .c-carousel {
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.logo-carousel .c-carousel__wrapper.logoswiper {
  margin: 0 48px;
  position: static;
}

.logo-carousel .c-carousel__inner-wrapper.swiper-wrapper {
  display: flex;
  align-items: center;
  transition-timing-function: linear !important;
}

.logo-carousel .c-carousel img {
  margin: 0 auto;
  max-height: 80px;
  max-width: 130px;
}

.logo-section img {
  max-height: 75px;
}

#reseller-section-1 {
  margin-bottom: 70px;
}

#reseller-section-1 h2 {
  margin-bottom: 40px;
}

#reseller-section-1 .btn-custom {
  margin-bottom: 40px;
}

#reseller-section-2 h2 {
  text-align: center;
  margin-bottom: 40px;
}

#reseller-section-2 strong {
  margin-bottom: 15px;
  display: inline-block;
}

#reseller-section-3 {
  background-color: #14003c;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 70px;
}

#reseller-section-3 h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 70px;
}

#reseller-section-3 .icon-outer {
  height: 60px;
  width: 60px;
  border-radius: 50px;
  background-color: #fff;
  flex-shrink: 0; /* Az ikon mérete ne zsugorodjon */
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

#reseller-section-3 .icon-column {
  text-align: center;
}

#reseller-section-3 .text-box {
  display: flex;
  flex-direction: column;
}

#reseller-section-3 .text-box p {
  margin-bottom: 0;
}

#reseller-section-3 svg {
  display: block;
  margin: auto;
}

#reseller-section-3 .icon-column svg path {
  transition: all 0.3s ease;
}

#reseller-section-3 .icon-column:hover svg path {
  fill: #14003c;
}

#reseller-section-3 .icon-column svg {
  height: 40px;
  width: 40px;
}

#reseller-section-4 {
  padding-top: 40px;
  padding-bottom: 70px;
  margin-bottom: 80px;
}

#reseller-section-4 h2 {
  text-align: center;
  margin-bottom: 70px;
}

#reseller-section-4 .title-text-box {
  border-bottom: 1px solid #000;
  padding-bottom: 30px;
  min-height: 125px;
  align-items: center;
  margin-bottom: 20px;
}

#reseller-section-4 .title-text-box .title-left {
  font-weight: 600;
  color: #000;
  font-size: 24px;
  width: 310px;
  flex-shrink: 0;
  display: flex;
  gap: 15px;
}

#reseller-section-4 .title-text-box .text-right {
  flex-grow: 1;
}

#reseller-section-4 .title-text-box .text-right p {
  margin: 0;
}

#reseller-section-5 {
  background-color: #c7002b;
  text-align: center;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

#reseller-section-5 p {
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 2%;
  line-height: normal;
}

#reseller-section-5 img {
  margin-top: -110px;
}

.logo-carousel {
  margin-bottom: 70px;
}

.logo-carousel h2 {
  text-align: center;
  margin-bottom: 40px;
}

.custom-contact {
  margin-bottom: 50px;
}

.custom-contact .container > div {
  background-color: #c7002b;
  color: #fff;
  padding: 16px 16px 150px 16px;
  position: relative;
}

.custom-contact a {
  color: #fff;
  text-decoration: none;
}

.custom-contact h3 {
  color: #fff;
}

.custom-contact .col-lg-6:first-child img {
  position: absolute;
  left: -1px;
  bottom: 50px;
  height: 140px;
}

.custom-contact ul {
  margin: 50px 0 35px 0px;
  padding: 0;
  list-style: none;
}

.custom-contact ul li {
  margin: 0 0 20px 0;
  padding-left: 30px;
  display: flex;
  position: relative;
}

.custom-contact ul li svg {
  position: absolute;
  left: 0;
  top: 5px;
}

.wpcf7-not-valid-tip {
  display: block;
  transform: translateY(-10px);
  max-height: 0;
  overflow: hidden;
  background-color: #f8d7da;
  color: #721c24;
  font-size: 13px;
  animation: showValidationTip 0.5s ease-out forwards;
  margin-top: 3px;
  padding-left: 3px;
  font-weight: 500;
}

input:invalid + .wpcf7-not-valid-tip {
  visibility: visible; /* Megjeleníti az elemet */
  max-height: 20px; /* Az elem maximális magassága */
}

.pikto-box {
  background: #d9d5cb;
  height: 80px;
  width: 80px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.pikto-box img {
  height: 50px;
}

.logo-section {
  background-color: #c7002b;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 60px;
}

@media (min-width: 768px) {
  #reseller-section-4 .title-text-box {
    display: flex;
    margin-bottom: 0;
    padding-bottom: 20px;
  }

  #reseller-section-3 .icon-column {
    display: flex;
    align-items: center;
    gap: 15px;
    text-align: left;
  }

  #reseller-section-3 .col-lg-6:nth-child(1) svg {
    width: 55px;
  }

  #reseller-section-3 .col-lg-6:nth-child(2) svg {
    width: 52px;
    height: 56px;
  }

  #reseller-section-3 .icon-column svg {
    width: 43px;
    height: 50px;
  }

  #reseller-section-3 .icon-outer {
    height: 80px;
    width: 80px;
    margin: auto;
  }

  .logo-section img {
    max-height: 150px;
  }

  .custom-contact .container > div {
    padding: 65px 70px 160px;
  }

  .custom-contact .wpcf7-form {
    margin-top: 85px;
  }
}

@media (min-width: 992px) {
  #reseller-section-3 .section-icons {
    margin-bottom: 70px;
  }

  .custom-contact .container > div {
    padding: 65px 70px;
  }
}

@media (min-width: 1200px) {
  #reseller-section-1 .align-self-center p {
    margin-right: 30px;
  }
}

@keyframes showValidationTip {
  100% {
    transform: translateY(0);
    max-height: 100px;
  }
}

/* Contact
--------------------------------------------- */
body.page-template-template-contact .custom-contact {
  position: relative;
}

.contact-image {
  height: 700px;
  margin-top: -400px;
  overflow: hidden;
}

.contact-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Footer
--------------------------------------------- */

footer {
  background-color: #14003c;
  padding: 50px 0 30px 0;
}

footer .site-info p {
  margin: 0;
}

footer > img {
  max-width: 200px;
}

.footer-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  padding-bottom: 30px;
  margin-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.footer-menu ul li {
  display: block;
  margin: 0 10px;
  font-size: 1rem;
}

.footer-menu ul li a {
  color: #fff;
  text-decoration: none;
  padding: 0 10px;
}

footer .site-info p {
  color: #fff;
  font-style: italic;
  font-size: 14px;
  font-weight: normal;
}

@media (min-width: 992px) {
  .footer-menu ul {
    margin-bottom: 30px;
    border-bottom: 1px solid #fff;
  }

  .footer-menu ul li {
    display: inline-block;
    margin: 0 10px;
    font-size: 1.3rem;
  }
}

/* BTN
--------------------------------------------- 
.btn-custom {
  background-color: #14003c;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 25px;
  transition: all 0.3s ease;
  display: inline-block;
}*/

.btn-custom {
  color: #fff;
  padding: 15px 25px;
  border: none;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  border-radius: 0.7ch;
  background: #14003c;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  transition:
    color 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  font-family: "SweetSansPro";
  line-height: normal;
}

.btn-custom:hover {
  color: #fff;
  background-color: #c7002b;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.btn-custom:focus {
  color: #fff;
  background-color: #14003c;
}

.btn-custom.btn-white {
  color: #14003c;
  background-color: #fff;
  font-size: 18px;
}

.btn-custom.btn-white:hover {
  background-color: #14003c;
  color: #fff;
}

.navbar {
  z-index: 999;
  background: #fff;
}

@media (max-width: 768px) {
  .offcanvas {
    --bs-offcanvas-width: 100%;
  }
}

@media (max-width: 992px) {
  .navbar-toggler {
    margin-left: auto;
    border: none;
  }
}

/* COUNTER
--------------------------------------------- */
.counters-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px auto;
  background-color: #14003c;
  text-align: center;
}

.counters-container.grey-counter {
  background-color: #d9d5cb;
  padding-top: 50px;
  padding-bottom: 50px;
}

.counters-container.grey-counter .count-number {
  color: #c52039;
}
.counters-container.grey-counter .count-label {
  color: #14003d;
}

.counter-item {
  flex: 1;
  min-width: 150px;
  margin: 15px;
}

.count-number {
  font-size: 2rem;
  font-weight: 800;
  color: #fff;
  min-height: 1.2em;
}

.count-label {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
}

@media (min-width: 768px) {
  .count-number {
    font-size: 2.5rem;
  }
}

@media (max-width: 600px) {
  .counters-container {
    flex-direction: column;
  }
}

/* PRODUCT CATEGORY LIST
--------------------------------------------- */

.product-categories-list {
  list-style: none;
  padding: 0;
  margin: 0 0 50px 0;
}

.product-categories-list li {
  margin-bottom: 15px;
}

.product-categories-list li a {
  color: #14003c;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  border-radius: 5px;
  overflow: hidden;
}

/* A kép konténer */
.image-container {
  position: relative;
  overflow: hidden; /* Megakadályozza, hogy a kép kilógjon */
}

.image-container img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1; /* Négyzet alakú kép */
  object-fit: cover; /* A kép kitölti a területet torzítás nélkül */
  transition: transform 0.3s ease-in-out; /* Animáció a hover hatásra */
}

.image-container:hover img {
  transform: scale(1.1); /* Kicsit nagyítja a képet hover hatásra */
}

/* A span elem stílusa */
.image-container span {
  position: absolute;
  bottom: 10px; /* Kicsivel fentebb az alsó szélétől */
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  padding: 5px;
  font-size: 14px;
  width: 80%;
  text-align: center;
}

@media (min-width: 768px) {
  .product-categories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 0;
    justify-content: center;
  }

  .product-categories-list li {
    flex: 1 1 calc(50% - 15px);
    box-sizing: border-box;
    max-width: calc(50% - 15px);
  }
}

@media (min-width: 992px) {
  .product-categories-list li {
    flex: 1 1 calc(33.333% - 15px);
    box-sizing: border-box;
    max-width: calc(33.333% - 15px);
  }
}

@media (min-width: 1200px) {
  .product-categories-list li {
    flex: 1 1 calc(25% - 15px);
    box-sizing: border-box;
    max-width: calc(25% - 15px);
  }
}

/* PRODUCT SINLGE
--------------------------------------------- */
.product-container {
  margin-bottom: 100px;
}

.product-table {
  max-width: 1000px;
  margin: 0 auto 100px auto;
}

.product-table thead {
  background-color: #c7002b;
  color: #fff;
  cursor: pointer;
}

.product-table thead th {
  font-weight: 500;
  padding: 10px 15px;
  font-size: 16px;
  line-height: normal;
}

.product-table tbody tr.odd {
  background-color: #fff;
}

.product-table tbody tr.even {
  background-color: #d9d5cb;
}

.product-table .nutritional-table thead {
  text-align: center;
}

.product-table .nutritional-table tr th:last-child,
.product-table .allergen tr th:last-child {
  text-align: left;
  padding-right: 40px;
  position: relative;
}

table.nutritional-table,
table.allergen {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
  position: relative;
}

table.nutritional-table th,
table.allergen th {
  color: #fff;
  text-align: left;
}

table.nutritional-table th.toggle,
table.allergen th.toggle {
  cursor: pointer;
  position: relative;
  user-select: none;
  transition: background-color 0.2s ease;
}

table.nutritional-table th.toggle:hover,
table.allergen th.toggle:hover {
  background-color: #3a3a3a;
}

/* kis nyíl a jobb oldalra */
table.nutritional-table th.toggle span.arrow,
table.allergen th.toggle span.arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9em;
}

/* cellák */
table.nutritional-table td,
table.allergen td {
  padding: 10px;
}

/* lenyíló animáció */
table.nutritional-table tbody,
table.allergen tbody {
  overflow: hidden;
  transition: max-height 0.4s ease;
  display: block;
  max-height: 0;
}

/* ha nyitva */
table.nutritional-table.open tbody,
table.allergen.open tbody {
  max-height: 800px;
}

body.single-termekek .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

table.nutritional-table tr,
table.allergen tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.product-table tbody tr td {
  padding: 10px 15px;
}

.product-table tr td:last-child {
  text-align: right;
}

.info-xs-text {
  font-size: 13px;
}

.termekek .additional-text {
  font-size: 13px;
  font-style: italic;
}

.product-content p {
  text-align: justify;
}

.product-content .info-xs-text {
  margin: 30px 0 0 0;
}

/* STORE SINLGE
--------------------------------------------- */
.store-details {
  margin-bottom: 40px;
}

.store-details > div {
  margin-bottom: 10px;
  letter-spacing: 10%;
  font-weight: 600;
  color: #000;
}

.store-details > div svg {
  margin-right: 5px;
  color: #c7002b;
}

.store-details span {
  display: block;
  margin-bottom: 20px;
  font-weight: 400;
}

.store-spec {
  margin: 0;
  list-style: none;
  padding: 0;
}

.store-spec li {
  margin-bottom: 15px;
  font-size: 16px;
  color: #000;
}

.store-spec .img-box {
  display: inline-block;
  width: 70px;
  text-align: center;
  margin-right: 15px;
}

.store-spec li img {
  max-height: 23px;
  border-radius: 0;
}

.store-image figure {
  margin-top: 0;
}

.store-carousel-section {
  margin-top: 50px;
  margin-bottom: 50px;
}

.store-carousel-section h3 {
  margin-bottom: 40px;
}

.store-img-swiper {
  margin: 50px 0;
}

.store-img-swiper ul {
  margin: 0;
  padding: 0;
}

.store-img-swiper .swiper-slide {
  height: 400px;
}

.store-img-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Mintabolt Filter Styles */
.mintabolt-filters {
  background: #14003c;
  padding: 25px;
}

body.post-type-archive-mintabolt .breadcrumb-outer {
  margin-bottom: 0;
}

.filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}

.filter-row:last-child {
  margin-bottom: 0;
}

.filter-group {
  display: flex;
  flex-direction: column;
  min-width: 200px;
  flex: 1;
}

.filter-group label {
  font-weight: 500;
  margin-bottom: 8px;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}

.filter-group input[type="text"],
.filter-group select {
  padding: 10px 12px;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  background: #fff;
  border-radius: 5px;
  color: #000;
}

.filter-group input[type="text"]::placeholder {
  color: #000;
  opacity: 1;
}

.filter-group input[type="text"]:focus,
.filter-group select:focus {
  outline: none;
  border-color: #007cba;
  box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.1);
}

.checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}

.checkbox-group label {
  display: flex;
  align-items: center;
  font-weight: 500;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  margin-bottom: 0;
  transition: color 0.3s ease;
  text-transform: uppercase;
}

.checkbox-group label img {
  max-height: 20px;
  width: auto;
  margin-left: 5px;
  display: none;
}

.checkbox-group label:hover {
  color: #c7002b;
}

.checkbox-group input[type="checkbox"] {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  accent-color: #007cba;
}

#clear-filters {
  border: none;
  border-radius: 0;
  background-color: #c7002b;
  border-radius: 5px;
}

#clear-filters:hover {
  background-color: #fff;
  color: #14003c;
}

#clear-filters:active {
  transform: translateY(0);
}

/* Results */
.mintabolt-results {
  position: relative;
}

.results-count {
  background: #d9d5cb;
  padding: 8px 15px;
  font-size: 14px;
  color: #000;
  margin-bottom: 20px;
}

.loading {
  display: flex;
  justify-content: center;
  gap: 10px;
  text-align: center;
  font-style: italic;
  color: #000;
  padding: 40px 20px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  height: 100%;
  font-weight: 500;
}

.spinner {
  width: 20px;
  height: 20px;
  border: 2px solid #dee2e6;
  border-top: 2px solid #c7002b;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#posts-container.filtering {
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.no-results {
  text-align: center;
  padding: 40px 20px;
  color: #6c757d;
}

.no-results p {
  font-size: 16px;
  margin: 0;
}

.error-message {
  background: #f8d7da;
  color: #721c24;
  padding: 15px;
  border-radius: 6px;
  border: 1px solid #f5c6cb;
  text-align: center;
}

/* CHECKBOOOOX */
.filter-outer *,
.filter-outer ::after,
.filter-outer ::before {
  box-sizing: border-box;
}
.filter-outer .cbx {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 18px;
  border-radius: 3px;
  background-color: #d9d5cb;
  transition: all 0.15s ease;
  vertical-align: text-top;
}

.filter-outer .cbx svg {
  position: absolute;
  top: 3px;
  left: 3px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #fff;
  stroke-width: 2;
  stroke-dasharray: 17;
  stroke-dashoffset: 17;
  transform: translate3d(0, 0, 0);
}
.filter-outer .cbx + span {
  float: left;
  margin-left: 6px;
}
.filter-outer {
  user-select: none;
}
.filter-outer label {
  display: inline-block;
  cursor: pointer;
}
.filter-outer input[type="checkbox"] {
  display: none;
  visibility: hidden;
}
.filter-outer input[type="checkbox"]:checked + .cbx {
  background-color: #c7002b;
}
.filter-outer input[type="checkbox"]:checked + .cbx svg {
  stroke-dashoffset: 0;
  transition: all 0.15s ease;
}

/* Mintabolt archive */
body.post-type-archive-mintabolt .store-box .store-spec {
  float: right;
}

body.post-type-archive-mintabolt .store-box .store-spec li {
  display: inline-block;
}

body.post-type-archive-mintabolt .store-box .store-spec li div {
  width: auto;
}

.tooltip {
  --bs-tooltip-bg: #14003c;
  --bs-tooltip-color: #fff;
  font-weight: 600;
}

body.post-type-archive-mintabolt .store-box .store-content-outer a {
  letter-spacing: 10%;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  display: block;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.3s ease;
  color: #000;
}

body.post-type-archive-mintabolt .store-box .store-content-outer a:hover {
  color: #c7002b;
}

body.post-type-archive-mintabolt .store-image figure {
  margin-bottom: 0;
}

body.post-type-archive-mintabolt #posts-container article {
  margin-bottom: 30px;
}

body.post-type-archive-mintabolt #posts-container article .store-box-inner {
  border-bottom: 2px solid #14003c;
  padding-bottom: 30px;
}

#posts-container article .store-box .col-md-3:first-child * {
  height: 100%;
}

#posts-container article .store-box .store-image {
  overflow: hidden;
  border-radius: 3px;
}

#posts-container article .store-thumbnail img {
  object-fit: cover;
  transition: transform 0.7s ease;
}

#posts-container article .store-thumbnail img:hover {
  transform: scale(1.1);
}

/* Mintabolt archive */

/* Jobs listing */

.awsm-job-main {
  overflow: hidden;
}

.awsm-filter-wrap {
  background: #14003c;
  padding: 15px 0;
  position: relative;
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.awsm-filter-wrap::before {
  content: "";
  background: #14003c;
  left: -100%;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.awsm-filter-wrap::after {
  content: "";
  background: #14003c;
  right: -100%;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.awsm-filter-wrap h3 {
  color: #fff;
}

body.listing-page-awsm_job_openings .breadcrumb-outer {
  margin-bottom: 0;
}

body.listing-page-awsm_job_openings article .entry-content {
  margin-top: 0;
}

.awsm-job-listings .awsm-job-listing-item:first-child h2.awsm-job-post-title {
  text-align: center;
}

.awsm-filter-wrap .awsm-filter-item,
.awsm-filter-item-search {
  padding: 10px;
}

.awsm-selectric {
  border-radius: 5px;
  border: none;
}

.awsm-selectric .label {
  height: 48px;
  line-height: 48px;
}

.awsm-grid-item .awsm-job-item {
  border-radius: 5px;
  background-color: #d9d5cb;
  color: #fff;
  border: none;
}

.awsm-job-more-container {
  max-width: 180px;
  margin: 0 auto;
  margin-top: 0px;
  margin-top: 15px;
  color: #fff;
  padding: 1em 2em;
  border: none;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
  border-radius: 0.7ch;
  background: #c7002b;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
}

.awsm-job-more-container:hover {
  color: #fff;
  background-color: #c7002b;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.awsm-filter-wrap img {
  width: 530px;
  margin-bottom: -130px;
}

.awsm-job-item {
  padding: 25px 20px;
}

.awsm-job-item h2.awsm-job-post-title {
  color: #14003c;
  font-size: 21px;
  text-align: center;
}

.awsm-job-specification-wrapper {
  font-size: 15px;
}

a.awsm-job-item .awsm-job-specification-item {
  color: #14003c;
}

.awsm-job-specification-item i {
  color: #000;
}

.awsm-filter-item-search .awsm-job-form-control,
.awsm-filter-item-search .awsm-job-form-control::placeholder,
.awsm-selectric .label {
  color: #000;
  font-size: 16px;
  font-family: "SweetSansPro", sans-serif;
  opacity: 1;
}

.awsm-selectric {
  min-width: 210px;
}

.awsm-filter-item-search .awsm-job-form-control {
  padding: 5px 5px 5px 10px;
}

.awsm-selectric-items li {
  color: #000;
  font-size: 16px;
  font-weight: normal;
}

.awsm-selectric-items li.highlighted {
  background-color: #d9d5cb;
  color: #c7002b;
}

[class^="awsm-job-icon-"],
.awsm-selectric .awsm-selectric-arrow-drop {
  color: #fff;
  opacity: 1;
}

.awsm-job-specification-item i {
  color: #14003c;
}

@media screen and (max-width: 768px) {
  body.listing-page-awsm_job_openings .awsm-filter-wrap form {
    display: flex;
    align-items: center;
    width: 100%;
  }

  body.listing-page-awsm_job_openings .awsm-filter-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    width: 46px;
    padding: 12px;
    border: 1px solid #ccc;
    margin: 0 auto 10px auto; /* auto bal-jobb margin = középre igazítás */
    border-radius: 4px;
    outline: 0 !important;
    color: #111;
    margin: 0;
    height: 48px;
  }
}

/* Jobs listing */

/* Career page */
.career-first-section {
  margin-bottom: 50px;
}

.career-first-section .col-lg-5 {
  text-align: right;
}

.career-first-section .col-lg-5 img {
  max-width: 80%;
}

@media screen and (min-width: 768px) {
  .career-first-section .col-lg-5 {
    text-align: auto;
  }
}

@media screen and (min-width: 992px) {
  .career-first-section .col-lg-5 img {
    max-width: 100%;
  }

  .career-first-section {
    margin-bottom: 100px;
  }
}
/* Career page */

/* MAPS */
.acf-map {
  width: 100%;
  height: 500px;
  margin: 20px 0 0 0;
}

.acf-map img {
  max-width: inherit !important;
}
/* career timeline */
.career-timeline {
  margin-bottom: 50px;
}

.career-timeline .swiper-container {
  height: 750px;
  width: 100%;
  position: relative;
}

.career-timeline .swiper-wrapper {
  transition: transform 0.6s ease;
}

.career-timeline .swiper-slide {
  position: relative;
  color: #fff;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.career-timeline .swiper-slide::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: -115%;
  bottom: -10%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, 0.7);
  border-radius: 100%;
}

.career-timeline .swiper-slide:nth-child(2) {
  background-position: center 78%;
}

.career-timeline .swiper-slide-content {
  position: absolute;
  text-align: center;
  width: 80%;
  max-width: 500px;
  right: 50%;
  top: 13%;
  transform: translate(50%, 0);
  font-size: 12px;
  z-index: 2;
}

.career-timeline .swiper-slide .timeline-year {
  display: block;
  font-size: 42px;
  margin-bottom: 50px;
  transform: translate3d(20px, 0, 0);
  color: #fff;
  font-weight: 300;
  opacity: 0;
  transition: 0.2s ease 0.4s;
}

.career-timeline .swiper-slide .timeline-title {
  font-weight: 700;
  font-size: 34px;
  margin: 0 0 30px;
  opacity: 0;
  transform: translate3d(20px, 0, 0);
  transition: 0.2s ease 0.5s;
  margin-bottom: 20px;
}

.career-timeline .swiper-slide .timeline-text {
  line-height: 1.5;
  opacity: 0;
  transform: translate3d(20px, 0, 0);
  transition: 0.2s ease 0.6s;
}

.career-timeline .swiper-slide-active .timeline-year {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 0.4s ease 1.6s;
}

.career-timeline .swiper-slide-active .timeline-title {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 0.4s ease 1.7s;
}

.career-timeline .swiper-slide-active .timeline-text {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 0.4s ease 1.8s;
}

.career-timeline .swiper-pagination {
  right: 10% !important;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  font-weight: 300;
  font-size: 18px;
  z-index: 1;
  left: auto !important;
  width: auto !important;
}

.career-timeline .swiper-pagination::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 8px;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}

.career-timeline .swiper-pagination-bullet {
  width: auto;
  height: auto;
  text-align: center;
  opacity: 1;
  background: transparent;
  color: #fff;
  margin: 15px 0 !important;
  position: relative;
  font-weight: 400;
}

.career-timeline .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 9px;
  left: -37px;
  height: 15px;
  width: 15px;
  background-color: #fff;
  transform: rotate(45deg) scale(0);
  transition: transform 0.2s;
}

.career-timeline .swiper-pagination-bullet-active {
  color: #fff;
}

.career-timeline .swiper-pagination-bullet-active::before {
  transform: rotate(45deg) scale(1);
}

.career-timeline .swiper-button-next,
.career-timeline .swiper-button-prev {
  background-size: 20px 20px;
  top: 15%;
  width: 20px;
  height: 20px;
  margin-top: 0;
  z-index: 2;
  transition: 0.2s;
}

.career-timeline .swiper-button-prev {
  left: 8%;
}

.career-timeline .swiper-button-prev:hover {
  transform: translateX(-3px);
}

.career-timeline .swiper-button-next {
  right: 8%;
}

.career-timeline .swiper-button-next:hover {
  transform: translateX(3px);
}

@media screen and (min-width: 768px) {
  .career-timeline .swiper-slide::after {
    right: -30%;
    bottom: -8%;
    width: 240px;
    height: 50%;
    box-shadow: -230px 0 150px 50vw rgba(19, 15, 67, 0.7);
  }

  .career-timeline .swiper-slide-content {
    right: 30%;
    top: 50%;
    transform: translateY(-50%);
    width: 500px;
    font-size: 11px;
    text-align: right;
  }

  .career-timeline .swiper-slide .timeline-year {
    margin-bottom: 0;
    font-size: 64px;
  }

  .career-timeline .swiper-slide .timeline-title {
    font-size: 46px;
    margin: 0 0 20px 0;
  }

  .career-timeline .swiper-pagination {
    display: flex;
  }

  .career-timeline .swiper-button-prev {
    top: 15%;
    left: auto;
    right: 11%;
    transform: rotate(90deg) translate(0, 10px);
  }

  .career-timeline .swiper-button-prev:hover {
    transform: rotate(90deg) translate(-3px, 10px);
  }

  .career-timeline .swiper-button-next {
    top: auto;
    bottom: 15%;
    right: 11%;
    transform: rotate(90deg) translate(0, 10px);
  }

  .career-timeline .swiper-button-next:hover {
    transform: rotate(90deg) translate(3px, 10px);
  }
}

@media screen and (min-width: 1024px) {
  .career-timeline .swiper-slide::after {
    right: -20%;
    bottom: -12%;
    width: 240px;
    height: 50%;
    box-shadow: -230px 0 150px 39vw rgba(19, 15, 67, 0.7);
  }

  .career-timeline .swiper-slide-content {
    right: 25%;
  }
}

@media screen and (min-width: 1200px) {
  .career-timeline .swiper-slide-content {
    right: 20%;
  }
}

/* career timeline */

.custom-box-1 {
  margin-top: 40px;
  margin-bottom: 80px;
}

.custom-box-1 .col-md-12 > div {
  padding: 20px;
  text-align: center;
}

.custom-box-1 .col-md-12 > div img {
  display: block;
  height: 170px;
  width: auto;
  margin: 0 auto 20px auto;
  background: #fff;
  padding: 0 25px;
}

.custom-box-1 .col-md-12 > div span {
  display: block;
  margin-bottom: 20px;
  color: #14003c;
  text-align: center;
  border-radius: 3px;
  padding: 15px;
  padding-top: 15px;
  margin: 0 auto;
  margin-top: 0px;
  margin-top: -46px;
  z-index: -1;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  padding-top: 39px;
  border: 2px solid #14003c;
}

.award-section {
  background-color: #d9d5cb;
  padding: 30px 0;
  margin-bottom: 80px;
  text-align: center;
}

.award-section img {
  max-height: 95px;
  margin-bottom: 15px;
}

.award-section p {
  margin: 0;
}

.linkedin-section {
  margin-bottom: 80px;
}

.linkedin-section .col-md-6 .img-overlay {
  position: relative;
}

.linkedin-section .col-md-6 .img-overlay::before {
  position: absolute;
  background-color: rgba(19, 15, 67, 0.6);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 2;
  pointer-events: none;
  border-radius: 5px;
}

.linkedin-section .col-md-6 .img-overlay a {
  border-radius: 5px;
  overflow: hidden;
}

.img-overlay a {
  display: block;
  position: relative;
}

.img-overlay .in-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.img-overlay span {
  right: 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  z-index: 2;
  font-weight: 400;
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  letter-spacing: 10%;
}

@media screen and (min-width: 1200px) {
  .award-section img {
    max-height: 95px;
    margin-bottom: 15px;
  }
}

/* Job opening */
.awsm-job-container {
  padding-top: 0;
}

.awsm-job-container .awsm-jobs-single-title {
  display: none;
}

a.awsm-jobs-pro-listings-link {
  color: #14003c;
  font-weight: 500;
  text-decoration: none;
  font-size: 16px;
}

.awsm-job-form-inner {
  background-color: #c7002b;
  color: #fff;
  max-width: 800px;
  margin: 0 auto;
  padding: 36px 50px;
}

.awsm-job-form-inner h2 {
  text-align: center;
  color: #fff;
}

.awsm-job-form {
  position: relative;
}

.awsm-job-form::before {
  content: "";
  background-color: #d9d5cb;
  width: 3000px;
  height: 500px;
  left: -1000px;
  top: 50px;
  position: absolute;
  z-index: -1;
}

#awsm-application-submit-btn {
  color: #14003c;
  background-color: #fff;
  font-size: 18px;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 25px;
  transition: all 0.3s ease;
  display: inline-block;
}

#awsm-application-submit-btn:hover {
  background-color: #14003c;
  color: #fff;
}

.awsm-job-form-group label {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px;
}

#awsm_form_privacy_policy + label {
  font-size: 14px;
  font-weight: 400;
}

#awsm-application-form input[type="text"],
#awsm-application-form input[type="email"],
#awsm-application-form input[type="tel"],
#awsm-application-form input[type="date"] {
  height: 48px;
}

#awsm-application-file {
  color: #fff;
  font-weight: 400;
}

input::file-selector-button {
  color: #14003c;
  background-color: #fff;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 15px;
  display: inline-block;
}

@media screen and (min-width: 992px) {
  .awsm-job-form-inner {
    padding: 36px 130px;
  }
}

.awsm-filter-toggle svg path {
  fill: #fff;
}

/* left side */ /* left side */ /* left side */ /* left side */ /* left side */ /* left side */ /* left side */ /* left side */ /* left side */ /* left side */ /* left side */ /* left side */ /* left side */
.entry-footer .edit-link a {
  color: #fff;
  margin: 0 30px;
  font-weight: bold;
}

/* Blog archive */
.card-img-top {
  height: 30rem;
  object-fit: cover;
}

.col-12 .card-img-top {
  height: 400px;
}

.blog-container .card {
  border-radius: 5px;
  overflow: hidden;
}

.blog-container .card img {
  border-radius: 0;
}

.blog-container .post-img {
  overflow: hidden;
  border-radius: 5px;
}

.blog-container .post-img img {
  transition: transform 0.4s ease-in-out;
}

.blog-container .post-img:hover img {
  transform: scale(1.04);
}

.blog-container h3 {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 10%;
  line-height: normal;
  display: block;
  margin-bottom: 5px;
}

.blog-container h3 a {
  color: #000;
  transition: all 0.3s ease;
}

.blog-container h3 a:hover {
  color: #c7002b;
}

.blog-container .entry-date {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
}

.blog-container .card-body {
  padding: 20px 0;
  flex-direction: column;
  display: flex;
  text-align: center;
}

.blog-container .card-body .btn-div {
  margin: auto 0 0 0;
}

.blog-container .card-body .btn-div a {
  color: #14003c;
  font-weight: 500;
}

.blog-container .card-body p {
  margin-bottom: 30px;
}

.blog-container .card {
  border: none;
  border-radius: 0;
}

.nav-links {
  margin: 30px auto;
}

.nav-links a {
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 600;
  color: #000;
  padding: 0 10px;
}

.nav-links a:hover {
  color: #c7002b;
}

.nav-links span {
  padding: 0 10px;
  font-weight: 400;
}

.technology-container {
  margin-bottom: 30px;
}

.technology-container > .row {
  align-items: center;
  justify-content: center;
}

.technology-container > .row p {
  margin-bottom: 0;
}

.technology-container img {
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 0;
}

.left-border-heading {
  border-left: 5px solid #c52039;
  padding-left: 15px;
}

body.page-template-template-career .awsm-filter-wrap {
  display: none;
}

.offcanvas-backdrop {
  backdrop-filter: blur(5px);
  background-color: rgba(0, 0, 0, 0.6);
}

.text-box {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .text-box {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 992px) {
  .text-box {
    padding: 0 30px;
  }

  .technology-container {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .technology-container .col-lg-6:first-child {
    padding-right: 0;
  }

  .technology-container .col-lg-6:last-child {
    padding-left: 0;
  }
}

@media screen and (max-width: 992px) {
  .offcanvas-body ul li {
    opacity: 0;
    transform: translateX(-10px) scale(0.98);
    transition: all 0.25s ease-out;
  }

  .offcanvas.show .offcanvas-body ul li {
    opacity: 1;
    transform: translateX(0) scale(1);
  }

  .offcanvas.show .offcanvas-body ul li:nth-child(1) {
    transition-delay: 0.1s;
  }
  .offcanvas.show .offcanvas-body ul li:nth-child(2) {
    transition-delay: 0.2s;
  }
  .offcanvas.show .offcanvas-body ul li:nth-child(3) {
    transition-delay: 0.3s;
  }
  .offcanvas.show .offcanvas-body ul li:nth-child(4) {
    transition-delay: 0.4s;
  }
  .offcanvas.show .offcanvas-body ul li:nth-child(5) {
    transition-delay: 0.4s;
  }
  .offcanvas.show .offcanvas-body ul li:nth-child(6) {
    transition-delay: 0.4s;
  }
  .offcanvas.show .offcanvas-body ul li:nth-child(7) {
    transition-delay: 0.4s;
  }
  .offcanvas.show .offcanvas-body ul li:nth-child(8) {
    transition-delay: 0.4s;
  }
  .offcanvas.show .offcanvas-body ul li:nth-child(9) {
    transition-delay: 0.4s;
  }
}

/* Abouse report */
body.page-template-template-abuse-report .wpcf7-form p {
  font-size: 16px;
}

body.page-template-template-abuse-report
  .wpcf7-form-control-wrap
  .wpcf7-list-item-label {
  font-size: 16px;
  margin: 15px 0;
  line-height: 20px;
  padding-bottom: 5px;
}
/* Abouse report end */
.custom-content {
  display: inline;
  margin-bottom: 0;
}

.custom-content p {
  margin-bottom: 0;
}

.custom-content.short {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.toggle-content {
  border: none;
  background: none;
  color: #0073aa;
  cursor: pointer;
  margin-left: 5px;
}

.product-content .toggle-content {
  color: #c7002b;
  font-weight: 600;
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
  .product-content {
    padding-left: 90px;
  }
}

@media (max-width: 991px) {
  .col-lg-4,
  .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Custom carrier sinlge */
body.awsm_job_openings-template-custom p strong {
  background: #c7002b;
  color: #fff;
  padding: 8px;
  border-radius: 3px;
  display: block;
}

body.awsm_job_openings-template-custom p {
  margin-bottom: 15px;
}

body.awsm_job_openings-template-custom ul {
  margin-bottom: 30px;
}

.custom-job-image {
  margin-top: 30px;
  border-radius: 5px;
  overflow: hidden;
}

.custom-job-image img {
  width: 100%;
}

/* Job icon bar layout for job-content.php */
.custom-job-image-icon-bar {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  background-color: #14003c;
  padding: 20px;
}

/* Each item: image on top, text below, centered and bold */
.custom-job-image-icon-bar > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: 700;
  color: inherit;
  flex: 1 1 0;
  min-width: 0;
}

/* Constrain image size and keep aspect ratio */
.custom-job-image-icon-bar img {
  height: 40px;
  width: auto;
  display: block;
  margin-bottom: 8px;
  object-fit: contain;
}

/* Make sure the text doesn't overflow awkwardly */
.custom-job-image-icon-bar > div {
  padding: 4px 6px;
  font-size: 0.95rem;
  color: #fff;
}

/* Responsive: stack vertically on smaller screens */
@media (max-width: 768px) {
  .custom-job-image-icon-bar {
    flex-direction: column;
    gap: 10px;
    align-items: center;
  }

  .custom-job-image-icon-bar > div {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    font-size: 0.95rem;
  }

  .custom-job-image-icon-bar img {
    max-width: 64px;
    margin-bottom: 6px;
  }
}

/* Optional: if you prefer tighter three-in-row on small screens, uncomment and adjust */
/*
@media (max-width: 480px) {
  .custom-job-image-icon-bar img { max-width: 48px; }
  .custom-job-image-icon-bar > div { font-size: 0.9rem; }
}
*/

@media (min-width: 992px) {
  .custom-job-image {
    padding-left: 40px;
  }

  .awsm-job-entry-content {
    padding-right: 40px;
  }
}

@media (min-width: 1200px) {
  .custom-job-image {
    max-width: 80%;
  }
}

/* Piknikség */
body.page-template-template-piknikseg #masthead {
  margin-bottom: 0;
}

.grey-section {
  background-color: #d9d5cb;
  padding: clamp(60px, 10vw, 90px) 0;
}

.custom-quote {
  font-weight: 200;
  font-style: italic;
}

.logo-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 32px;
  font-family: "SweetSansPro";
  font-weight: 800;
  margin-bottom: 30px;
}

.logo-heading img {
  width: 200px;
}

.tile-section h2 {
  margin-bottom: 10px;
}

.tile-section b {
  margin-bottom: 20px;
  font-size: 22px;
}

.tile-section p {
  margin: 0;
  text-align: justify;
  font-size: clamp(1rem, 4vw, 1.3rem);
}

.bg-red {
  background-color: #c7002b;
  color: #fff;
}

.bg-red h2 {
  color: #fff;
}

.bg-grey {
  background-color: #d9d5cb;
}

.inner-column-box {
  margin: 0 -16px;
  padding: 0 16px;
}

.tile-padding-plus {
  padding: 52px;
}

.bg-column {
  background-position: center;
  background-size: cover;
}

.history-carousel .career-timeline {
  margin-bottom: 0;
}

.history-first-section .col-md-4:first-child {
  display: flex;
}

.history-last-section {
  padding-top: 80px;
  padding-bottom: 80px;
  max-width: 1000px;
  margin: 0 auto;
}

.history-last-section p {
  margin: 0 0 25px 0;
  text-align: center;
}

.logo-line {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  text-align: center;
}

.logo-line span {
  font-weight: 600;
  font-size: 28px;
}

.logo-line img {
  width: auto;
  vertical-align: middle;
}

.history-first-section {
  background-color: #c52039;
  color: #fff;
}

.column-row {
  flex-direction: column;
  align-items: flex-start;
}

.column-row img.history-column-img {
  width: 100%;
  height: auto;
  object-fit: contain;
  flex: 0 0 auto;
  margin-bottom: 0;
}

.column-row p {
  margin: 0;
  flex: 1 1 auto;
}

.column-row img {
  margin: 20px 0 0 0;
  width: 190px;
}

.history-first-section img {
  border-radius: 0;
}

.history-first-section p {
  margin: 20px 0 20px 0;
}

.quote-section {
  padding: 100px 0;
  text-align: center;
  position: relative;
}

.quote-section::before {
  content: "“";
  position: absolute;
  top: 35px;
  font-size: 60px;
  color: #c52039;
  z-index: 1;
  pointer-events: none;
  line-height: 40px;
  left: 0;
  right: 0;
  font-weight: 900;
}

blockquote div {
  font-size: 18px;
}

.overlay-tile {
  position: relative;
  min-height: 350px;
}

.overlay-tile::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.overlay-tile .btn-custom {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.min-h-350 {
  min-height: 350px;
}

.min-h-450 {
  min-height: 450px;
}

.after-click {
  padding: 0 16px;
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
  .history-last-section p {
    margin: 0;
    text-align: center;
  }

  .tile-padding {
    padding: 40px;
  }

  .overlay-tile {
    min-height: auto;
  }
}

@media (min-width: 1200px) {
  .wide-col-md-4 {
    width: 40%;
  }

  .narrow-col-md-4 {
    width: 30%;
  }

  .wide-col-md-8 {
    width: 60%;
  }

  .column-row {
    flex-direction: row;
    display: flex;
    align-items: center;
    gap: 24px;
  }

  .padding-left-side {
    padding-left: 20% !important;
  }
}
/* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */ /* Custom carrier sinlge */
.custom-click-content {
  position: relative;
  transition: all 0.4s ease;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.custom-click-content h3 {
  margin: 0;
}

.before-click,
.after-click {
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.after-click {
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}

.custom-click-content.active .before-click {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}

.custom-click-content.active .after-click {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.toggle-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  border: none;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none; /* ne blokkolja a kattintást */
  transition:
    transform 0.4s ease,
    opacity 0.3s ease;
}

.toggle-btn svg {
  transition:
    transform 0.4s ease,
    opacity 0.3s ease;
}

.toggle-btn svg {
  transform: rotate(90deg);
}

.custom-click-content.active svg {
  transform: rotate(45deg);
}

.custom-click-content.dark-tile .toggle-btn::before,
.custom-click-content.dark-tile .toggle-btn::after {
  background: #fff;
}

.custom-click-content .before-click {
  flex-direction: column;
}

.custom-click-content .before-click span {
  font-size: 16px;
  font-weight: 500;
  color: #14003c;
}

.custom-click-content.dark-tile .before-click span {
  color: #fff;
}

.row.vertical-center {
  display: flex;
  align-items: center;
}

@media (min-width: 992px) {
  .before-click,
  .after-click {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* Petra legutobbi 01.09. */
body.single-awsm_job_openings .awsm-job-specification-wrapper {
  display: flex;
  gap: 20px;
  margin-top: 50px;
  font-size: 18px;
  text-align: center;
}

body.single-awsm_job_openings .awsm-job-specification-item {
  flex: 1;
}

body.single-awsm_job_openings .awsm-job-specification-term {
  display: block;
}

@media (max-width: 768px) {
  body.single-awsm_job_openings .awsm-job-specification-wrapper {
    flex-direction: column;
  }
}

/* ============================================
   ALLERGÉN SZŰRŐ STÍLUSOK
   ============================================ */

/* Sidebar filter box */
.allergen-filter-sidebar {
  padding: 0 16px;
}

.filter-box {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  padding: 20px;
}

.filter-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
}

.filter-description {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 15px;
}

/* Checkbox lista */
.allergen-checkboxes {
  max-height: 400px;
  overflow-y: auto;
  padding-right: 10px;
}

.allergen-checkboxes .form-check {
  margin-bottom: 10px;
}

.allergen-checkboxes .form-check-label {
  cursor: pointer;
  user-select: none;
  font-size: 16px;
  display: flex;
}

.allergen-checkboxes .form-check-input {
  cursor: pointer;
  margin-top: 0.2rem;
}

.allergen-checkboxes .form-check-input:checked + .form-check-label {
  font-weight: 600;
  color: #c7002b;
}

/* Szűrés gomb */
.allergen-filter-form .btn-custom {
  display: block;
  width: 100%;
  padding: 10px 25px;
  font-size: 16px;
}

/* Scrollbar stílus (csak modern böngészőkben) */
.allergen-checkboxes::-webkit-scrollbar {
  width: 6px;
}

.allergen-checkboxes::-webkit-scrollbar-track {
  background: #e9ecef;
  border-radius: 3px;
}

.allergen-checkboxes::-webkit-scrollbar-thumb {
  background: #adb5bd;
  border-radius: 3px;
}

.allergen-checkboxes::-webkit-scrollbar-thumb:hover {
  background: #6c757d;
}

@media (min-width: 767px) {
  .allergen-filter-sidebar {
    padding: 0;
  }
}

/* ============================================
   EREDMÉNY OLDAL STÍLUSOK
   ============================================ */

/* Szűrés fejléc */
.allergen-filter-header {
  margin-bottom: 30px;
  padding: 20px;
  border-left: 4px solid #c7002b;
}

.filter-result-title {
  font-size: 1.5rem;
  margin-bottom: 10px;
  color: #c7002b;
}

.filter-actions {
  margin-top: 15px;
}

.filter-actions .btn-custom {
  padding: 10px 25px;
  font-size: 15px;
  margin-right: 10px;
}

/* Nincs találat üzenet */
.no-results-message {
  padding: 40px;
  text-align: center;
  margin: 40px 0;
}

.no-results-message h3 {
  font-size: 1.75rem;
  margin-bottom: 15px;
}

body .container .alert-info {
  background-color: #f8f9fa;
  border-color: #c7002b;
  color: #000;
}

/* ============================================
   MOBIL RESZPONZÍV
   ============================================ */

@media (max-width: 767px) {
  .allergen-filter-sidebar {
    margin-bottom: 30px;
  }

  .filter-box {
    position: relative;
    top: 0;
  }

  .allergen-checkboxes {
    max-height: 300px;
  }

  .filter-actions .btn {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
}

/* Tablet nézet finomítás */
@media (min-width: 768px) and (max-width: 991px) {
  .filter-title {
    font-size: 1.1rem;
  }

  .filter-box {
    padding: 15px;
  }
}

/* ============================================
   404
   ============================================ */
body.error404 h2 {
  font-size: 5rem;
}

body.error404 .search-form,
body.search .search-form {
  position: relative;
  max-width: 300px;
  margin: 0 auto 20px auto;
  border: 1px solid #14003c;
  border-radius: 5px;
}

body.error404 .search-form label,
body.search .search-form label {
  display: block;
}

body.error404 .search-form .search-submit,
body.search .search-form .search-submit {
  height: 100%;
}

body.error404 .search-form .search-submit svg,
body.search .search-form .search-submit svg {
  vertical-align: inherit;
}

*:focus {
  box-shadow: none !important;
}

.form-control:focus {
  border-color: inherit;
  box-shadow: none;
  outline: none;
}

.input-group:focus-within {
  box-shadow: 0 0 0 0.25rem red;
}

/* ============================================
   Search results
   ============================================ */

.col-12 .card-img-top {
  height: 400px;
}

.cat-links {
  display: none;
}

/* ============================================
   Mobile search
   ============================================ */
.search-toggle {
  display: grid;
}

.search-toggle svg {
  grid-area: 1 / 1; /* mindkét svg ugyanarra a cellára kerül */
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  height: 24px;
}

/* X ikon alapból rejtve */
.search-toggle .bi-x-lg {
  opacity: 0;
  transform: scale(0.7);
  pointer-events: none;
}

/* Mobilon: nyitott állapot */
@media (max-width: 768px) {
  .navbar.open-search .search-toggle .bi-search {
    opacity: 0;
    transform: scale(0.7);
    pointer-events: none;
  }

  .navbar.open-search .search-toggle .bi-x-lg {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
  }
}