@charset "UTF-8";
/*
Theme Name: PM Core
Author: mardor - MaD Works
Author URI: https://madworks.hu/
Version: 1.0038
Description: MaD Works egyedi sablonja - MaD Works
*/
@font-face {
  font-family: "Red Hat Display";
  src: url(https://madworks.hu/wp-content/themes/pm-core/fonts/RedHatDisplay-VariableFont_wght.ttf);
  font-weight: normal;
}
@font-face {
  font-family: "Source Sans 3";
  src: url(https://madworks.hu/wp-content/themes/pm-core/fonts/SourceSans3-VariableFont_wght.ttf);
  font-weight: normal;
}
/* ========================= BASE =============================== */
html, body {
  position: relative;
  overflow-x: clip;
  min-height: 100%;
  margin: 0;
  scroll-behavior: smooth;
}
@media screen and (max-width: 998px) {
  html, body { /* smartphone */
    width: 100vw;
  }
}

body {
  font-family: var(--wp--preset--font-family--body);
  margin: 0;
  --wp--preset--gradient--white-to-blue: linear-gradient(180deg, #ffffff 60%, #2b8998 85%);
}
body h1, body h2, body h3, body nav, body header a, body header a:hover, body footer h2 {
  font-family: var(--wp--preset--font-family--header);
}
body a, body a:hover {
  color: var(--wp--preset--color--txt-dark);
  text-decoration: none;
}
body main a:not(.wp-block-read-more):not(h1 a):not(h2 a):not(h3 a) {
  border-bottom: 1px solid var(--wp--preset--color--primary);
}
body figure a, body aside#contents a, body .arrow-wrapper a, body .post-list a {
  border-bottom: none !important;
}
body .has-bcg-dark-background-color a, body .has-bcg-dark-background-color a:hover {
  color: var(--wp--preset--color--txt-light);
  border-bottom: 1px solid var(--wp--preset--color--txt-light);
}
body #close-btn a, body nav#nav-mobile a {
  border-bottom: none;
}
body strong {
  font-weight: 600;
}
body nav {
  font-weight: 400;
}
body div#page { /* header - main - footer felosztás */
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
}
body header, body footer {
  box-sizing: border-box;
}
body header ul, body footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body section {
  position: relative;
  margin: 0;
  z-index: 0;
}
@media screen and (min-width: 999px) {
  body section { /* desktop */
    scroll-margin-top: calc(3vh + 60px);
  }
}
@media screen and (max-width: 998px) {
  body section { /* smartphone */
    scroll-margin-top: calc(3vh + 10px);
  }
}
body section:not(:first-child) {
  margin-block-start: 0;
}
body .wp-block-spacer {
  margin: 0 !important;
}
body .wp-block-image img {
  vertical-align: middle;
}
body .wp-block-columns, body .wp-block-image {
  margin-bottom: 0;
}
body .wp-block-column {
  box-sizing: border-box;
}
body .grecaptcha-badge {
  visibility: hidden;
}
@media screen and (min-width: 999px) {
  body { /* desktop */ }
  body .full-page {
    height: 90vh;
  }
  body main .justified.is-layout-flex > div.wp-block-column > div.wp-block-group {
    height: 100%;
  }
  body main ul.justified > li > div.wp-block-group {
    height: 100%;
  }
}
body .wp-block-separator {
  border-bottom: 1px solid;
}
body .full-height, body .full-height img {
  height: 100%;
}
body .full-width, body .full-width img {
  width: 100%;
}
body .bcg-img {
  height: 100%;
  width: 100%;
}
body .bcg-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
body .wp-block-group.bcg-1:after {
  content: url(img/Hatter-minta-2.png);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
body .wp-block-group.bcg-2:after {
  content: url(img/Hatter-minta-3.png);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
body .sticky {
  position: sticky;
  top: 125px;
}
body .wp-block-quote.has-text-align-right {
  border-right: 0;
  position: relative;
  display: inline-block;
  font-weight: bold;
}
@media screen and (max-width: 998px) {
  body .wp-block-quote.has-text-align-right { /* smartphone */
    margin-left: 45px !important;
  }
}
body .wp-block-quote.has-text-align-right:before {
  content: "";
  position: absolute;
  top: -20px;
  left: -50px;
  width: 92px;
  height: 63px;
  background-image: url(img/Idezojel-icon.png);
  background-repeat: no-repeat;
}
@media screen and (max-width: 998px) {
  body .wp-block-quote.has-text-align-right:before { /* smartphone */
    background-size: 80%;
  }
}
body figure.wp-block-pullquote {
  font-size: 1.1em;
  border-top: 2px solid;
  border-bottom: 2px solid;
  padding: 0.2em;
  margin: 2em 0;
}
body ul.square, body ul.bullet, body .bullet ul {
  list-style: none;
  padding: 0;
}
body ul.square li, body ul.bullet li, body .bullet ul li {
  position: relative;
  margin-bottom: 1rem;
  padding-left: 1.5em;
}
body ul.square li:before, body ul.bullet li:before, body .bullet ul li:before {
  content: "";
  position: absolute;
  top: 0.7rem;
  left: 0;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--wp--preset--color--primary);
}
body ul.square li {
  padding-left: 1.3em;
}
body ul.square li:before {
  top: 0.6rem;
  width: 0.8rem;
  height: 0.8rem;
}
body ul.flower {
  list-style: none;
  padding: 0;
}
body ul.flower li {
  position: relative;
  margin-bottom: 1rem;
  padding-left: 1.5em;
}
body ul.flower li:before {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  content: "*";
  font-family: var(--wp--preset--font-family--header);
  color: var(--wp--preset--color--primary);
  font-size: 30px;
  font-weight: 600;
}
body ul.arrowed {
  list-style: none;
  padding: 0;
}
body ul.arrowed li {
  position: relative;
  margin-bottom: 1rem;
  padding-left: 1.5em;
}
body ul.arrowed li:before {
  position: absolute;
  top: -4px;
  left: 0;
  display: inline-block;
  content: "»";
  font-family: var(--wp--preset--font-family--header);
  color: var(--wp--preset--color--primary);
  font-size: 28px;
  font-weight: 700;
}
body ul.bullet li:before, body .bullet ul li:before, body .flower ul li:before {
  border-radius: 50%;
}
body main ol {
  counter-reset: my-sec-counter;
  list-style: none;
}
body main ol li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 1rem;
}
body main ol li::before {
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter);
  display: block;
  position: absolute;
  left: -2.5rem;
  top: 0;
  width: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  font-size: 1em;
  color: white;
  background: var(--wp--preset--color--primary);
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
body main ol li em {
  font-size: 0.7em;
  font-style: normal;
}
body main ol.timeline li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: -1.25rem;
  top: 2.5rem;
  height: 100%;
  width: 1px;
  background: black;
}
body .fluentform ul {
  list-style: disc;
  padding: 0 20px;
}
body .main-content {
  height: 100vh;
}
@media screen and (min-width: 999px) {
  body { /* desktop */ }
  body .desktop-hidden {
    display: none;
  }
}
@media screen and (max-width: 998px) {
  body { /* smartphone */ }
  body .mobile-hidden {
    display: none !important;
  }
  body .m-order-2 {
    order: 2;
  }
}
body #our-workflow .steps {
  margin-top: 0;
}
body #our-workflow .steps .step {
  position: relative;
}
body #our-workflow .steps .step svg {
  width: 3vw;
}
body #our-workflow .steps .step h3 {
  white-space: nowrap;
  line-height: 1.2em;
}
body #our-workflow .steps .step p.num {
  display: block;
  position: absolute;
  top: -15px;
  width: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  font-size: 1em;
  color: var(--wp--preset--color--txt-light);
  background: var(--wp--preset--color--primary);
  border-radius: 50%;
  z-index: 10;
}
body #our-workflow .steps > .wp-block-column:first-child {
  text-align: right;
  position: relative;
}
body #our-workflow .steps > .wp-block-column:first-child:after {
  content: "";
  background-color: black;
  width: 2px;
  height: 100%;
  display: block;
  position: absolute;
  right: -3rem;
  top: 0;
  z-index: -1;
}
body #our-workflow .steps > .wp-block-column:first-child p.num {
  right: -4.2rem;
}
@media screen and (max-width: 998px) {
  body #our-workflow .steps > .wp-block-column:first-child p.num {
    right: -4rem;
  }
}
@media screen and (min-width: 999px) {
  body #our-workflow { /* desktop */ }
  body #our-workflow .steps > .wp-block-column:last-child {
    text-align: left;
    position: relative;
  }
  body #our-workflow .steps > .wp-block-column:last-child p.num {
    left: -4.2rem;
  }
}
@media screen and (max-width: 998px) {
  body #our-workflow .steps > .wp-block-column:last-child {
    text-align: right;
    position: relative;
  }
  body #our-workflow .steps > .wp-block-column:last-child:after {
    content: "";
    background-color: black;
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    right: -3rem;
    top: 0;
  }
  body #our-workflow .steps > .wp-block-column:last-child p.num {
    right: -4rem;
  }
}
@media screen and (min-width: 999px) {
  body #our-workflow { /* desktop */ }
  body #our-workflow .steps {
    gap: 6rem;
  }
}
@media screen and (max-width: 998px) {
  body #our-workflow .steps {
    padding-right: 50px;
    gap: 0;
  }
  body #our-workflow .steps .step {
    text-align: right;
    padding-top: 20px;
  }
  body #our-workflow .steps .wp-block-spacer {
    height: 0 !important;
  }
  body #our-workflow .steps .step svg {
    width: 60px;
  }
}

/* ========================= EFFECTS ============================ */
body {
  /* typing effects */
  /* pulsing symbols */
  /* EFFECTS */
  /* Stroke animáció alapstílusai */
}
body .grad-col-1 {
  background-image: var(--wp--preset--gradient--blue-to-red);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body .grad-col-wb {
  background-image: var(--wp--preset--gradient--white-to-blue);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body main a:hover, body header .wp-block-buttons a:hover {
  animation: flash 1s;
}
@keyframes flash {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
body div.hover__scaleUp {
  transition: transform 0.3s ease-in-out; /* Animáció a hover esetén */
}
body div.hover__scaleUp:hover {
  transform: scale(1.01); /* Kicsit nagyobb, amikor fölé viszik az egeret */
}
body .typing-effect::after {
  content: "|";
  animation: blink 0.7s infinite;
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
body .typing-effect.animated {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
body #floating-symbols {
  width: 80%;
  min-height: 400px;
  position: relative;
}
body #floating-symbols .icon {
  position: absolute;
  width: 50px;
  height: 50px;
  opacity: 0;
  transition: opacity 1s;
}
body #floating-symbols .icon:hover {
  transform: scale(1) !important;
  filter: blur(0.5px);
  z-index: 10;
}
@keyframes pulse {
  0%, 100% {
    transform: scale(0.7);
    opacity: 0.2;
    filter: blur(3px);
  }
  50% {
    transform: scale(1);
    opacity: 0.8;
    filter: blur(0.5px);
  }
}
@keyframes network-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1.5);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.9);
  }
}
body .underline a, body .wp-block-post-template h2 a {
  display: block;
  border-bottom: none;
}
body .underline a > span, body .wp-block-post-template h2 a span {
  position: relative;
  background: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary));
  transition: background-size 0.6s ease, color 0.3s ease;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  background-size: 0% 2px;
}
body .underline a:hover, body .wp-block-post-template h2 a:hover {
  text-decoration: none;
  transition: all ease-out 0.3s;
}
body .underline a:hover span, body .wp-block-post-template h2 a:hover span {
  background-size: 100% 2px;
}
body .overlay-container {
  position: relative;
}
body .overlay-container .cover {
  display: block;
  width: 100%;
  height: auto;
}
body .overlay-container:hover .overlay {
  opacity: 1;
}
body .overlay-container .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  margin: 0;
}
body .abs-container {
  position: relative;
}
body .abs-container .cover {
  display: block;
  width: 100%;
  height: auto;
}
body .abs-container .abs-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: 0;
}
body .animated {
  animation-name: none;
}
body .animated.animate__backInLeft, body .animated.animate__slideInLeft, body .animated.animate__backInUp,
body .animated.animate__fadeIn, body .animated.animate__fadeInLeft .animated.animate__fadeInUp, body .animated.animate__fadeInDown {
  opacity: 0;
}
body .do-animation {
  animation-duration: 1s;
  animation-fill-mode: both;
  opacity: 1;
}
body .stroke-animation {
  stroke-dasharray: 400%; /* Egy hosszú vonal, nincs rés */
  stroke-dashoffset: 400%; /* Ugyanannyi mint a dasharray */
  fill: none;
}
body .do-animation .stroke-animation {
  animation: draw 5s ease forwards;
}
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
body .op-move-up:not(body .op-move-up.do-animation) {
  opacity: 0;
}
body .op-move-up.do-animation {
  animation-name: opMoveUp100;
  -moz-animation-name: opMoveUp100;
  -webkit-animation-name: opMoveUp100;
}
@keyframes opMoveUp100 {
  0% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(0);
  }
}

/* ========================= SVG ============================== */
body #logo_pm, body #logo_creative, body #logo_dots, body #red_box_1, body #black_box_1, body svg#svg_circles path {
  opacity: 0;
}
body #btn-more rect {
  fill: var(--wp--preset--color--bcg-light);
}
body #btn-more .nyil-st0 {
  fill: var(--wp--preset--color--bcg-dark);
}
body #svg_circles .st1 {
  stroke: var(--wp--preset--color--bcg-light);
}
body div#triangle_wrapper svg.triangle polygon {
  fill: var(--wp--preset--color--bcg-dark);
}
body div#triangle_wrapper svg.triangle polygon:hover {
  fill: var(--wp--preset--color--bcg-dark) !important;
}
body #our-workflow .steps > .wp-block-column:after {
  background-color: var(--wp--preset--color--bcg-dark);
}
body #our-workflow path:not(.h1-st0, .h3-st0, .h4-st0, .h5-st0) {
  fill: var(--wp--preset--color--bcg-dark);
}

/* ========================= HEADER, FOOTER, MAIN =============== */
body.fixed-header {
  padding-top: 65px;
}
body.fixed-header #page > header {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  background-color: rgb(4, 62, 83);
  opacity: 0.9;
  box-shadow: 0px 4px 10px rgba(255, 255, 255, 0.07);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
body.fixed-header #page > header #logo-wrapper {
  margin-top: 5px;
  margin-bottom: 5px;
}
body header {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  background-color: rgb(4, 62, 83);
}
body header div#logo-wrapper a {
  line-height: 0;
}
body header div#menu-wrapper {
  margin-left: auto;
}
@media screen and (max-width: 998px) {
  body header { /* smartphone */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3em;
  }
}
body footer a {
  border-bottom: none !important;
}
@media screen and (max-width: 998px) {
  body footer { /* smartphone */ }
  body footer ul {
    list-style: none;
  }
  body footer ul li:before {
    content: none !important;
  }
}
body footer #footer-form a, body footer #footer-form a:hover {
  text-decoration: none;
}
@media screen and (min-width: 999px) {
  body footer #footer-form { /* desktop */ }
  body footer #footer-form .wp-block-columns {
    gap: 10em;
  }
}
body footer #footer-info {
  background-color: var(--wp--preset--color--bcg-dark);
  color: var(--wp--preset--color--txt-light);
}
body footer #footer-info a, body footer #footer-info a:hover {
  color: var(--wp--preset--color--txt-light);
  text-decoration: none;
  line-height: 1.3em;
}
@media screen and (max-width: 998px) {
  body footer #footer-info { /* smartphone */ }
  body footer #footer-info .wp-block-columns:not(#social-icons) > .wp-block-column:first-child {
    order: 5;
    margin-top: 2em;
  }
}
body footer ul.menu {
  display: flex;
  flex-direction: column;
}
body footer .is-layout-flex {
  gap: 0.8em;
}
@media screen and (max-width: 998px) {
  body footer { /* smartphone */
    text-align: center;
  }
  body footer .is-layout-flex {
    justify-content: center !important;
    align-items: center !important;
  }
}

/* ========================= MENUS ===================================== */
body header {
  /* === #menu-wrapper === */
}
body header .menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2em;
}
body header .menu > li {
  float: left;
  padding: 2px 0;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  font-weight: 400;
  font-size: 1.1em;
}
body header .menu > li a {
  color: white;
}
body header .menu > li > ul.sub-menu {
  background-color: rgb(4, 62, 83);
  box-shadow: 1px 2px 6px rgba(255, 255, 255, 0.05);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  margin-top: 10px;
  left: -25px;
  width: 255px;
  list-style: none;
  z-index: 1000;
  text-align: left;
  padding: 1em 2em;
  border-radius: 10px;
}
body header .menu > li > ul.sub-menu li {
  font-weight: 400;
}
body header .menu > li > ul.sub-menu li > a {
  display: block;
  color: white;
}
body header .menu > li > ul.sub-menu li ul.sub-sub-menu {
  padding-left: 5px;
}
body header .menu > li > ul.sub-menu li ul.sub-sub-menu li {
  font-weight: normal;
}
body header .menu > li:hover ul.sub-menu, body header .menu > li.active ul.sub-menu {
  visibility: visible;
  opacity: 1;
  min-width: 240px;
}
body header .menu > li.current-menu-item a {
  display: block;
  border-bottom: none;
}
body header .menu > li.current-menu-item a > span {
  position: relative;
  background: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary));
  background-repeat: no-repeat;
  background-position: 0% 100%;
  background-size: 100% 2px;
}
body header .menu li#menu-item-21 a {
  background-color: var(--wp--preset--color--primary);
  color: white;
  padding: 4px 1em;
  border-radius: 50px;
}
@media screen and (max-width: 998px) {
  body header .menu { /* smartphone */
    display: none;
  }
}
body header #hamburger-wrapper {
  margin: 0;
}
@media screen and (min-width: 999px) {
  body header #hamburger-wrapper { /* desktop */
    display: none;
  }
}
body header #hamburger-wrapper button.hamburger {
  margin-top: 5px;
  width: 50px;
  background: transparent;
  border: 0;
  float: right;
  cursor: pointer;
}
body header #hamburger-wrapper button.hamburger span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: white;
  margin: 7px 0;
}
body .slide-in-menu {
  z-index: 110;
  position: fixed;
  top: 0;
  right: 0;
  padding: 0;
  width: 100%;
  margin-right: -100%;
  height: 100vh;
  box-sizing: border-box;
  transition: all 1s;
  background-color: var(--wp--preset--color--bcg-dark);
}
body .slide-in-menu.opened {
  margin-right: 0;
}
body .slide-in-menu #close-btn {
  text-align: right;
}
body .slide-in-menu #close-btn a .dashicons::before {
  font-size: 30px;
}
body #nav-mobile.slide-in-menu .menu {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1em;
  margin: 10vh 1em 10vh 1em;
  padding: 0;
}
body #nav-mobile.slide-in-menu .menu li {
  padding: 5px 0;
}
body #nav-mobile.slide-in-menu .menu > li {
  float: none;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2em;
}
body #nav-mobile.slide-in-menu .menu > li a {
  color: white;
}
@media screen and (max-width: 998px) {
  body #nav-mobile.slide-in-menu .menu { /* smartphone */ }
  body #nav-mobile.slide-in-menu .menu ul.sub-menu {
    list-style: none;
    padding: 0;
    margin: 20px;
  }
}
body #nav-mobile.slide-in-menu div#close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  border: 2px solid var(--wp--preset--color--primary);
  border-radius: 50%;
  z-index: 100;
  cursor: pointer;
}
body #nav-mobile.slide-in-menu div#close-btn a {
  color: var(--wp--preset--color--primary);
}
body #nav-mobile.slide-in-menu div#close-btn span.dashicons {
  width: 30px;
  height: 30px;
}

/* ========================= TOOLS ============================== */
body {
  /* === #back-to-top === */
  /* === Read more === */
  /* === owl carousel === */
}
body #back-to-top {
  width: 45px;
  height: 45px;
  display: block;
  color: white;
  position: fixed;
  right: 20px;
  bottom: 5vh;
  z-index: 350;
  transform: scale(0);
  opacity: 0;
  transition: all 0.5s ease;
}
body #back-to-top .dashicons {
  font-size: 40px;
  font-weight: 600;
  margin: 1px 3px;
}
@media screen and (max-width: 998px) {
  body #back-to-top { /* smartphone */
    width: 35px;
    height: 35px;
    right: 10px;
  }
  body #back-to-top .dashicons {
    font-size: 30px;
  }
}
body #back-to-top.show {
  pointer-events: visible;
  opacity: 1;
  transform: scale(1);
  border-radius: 3px;
}
body #back-to-top {
  background: var(--wp--preset--color--primary);
}
body .read-more, body .schema-faq-section {
  padding-bottom: 1em;
  margin-bottom: 0.5em;
}
body .read-more h3, body .read-more .schema-faq-question, body .schema-faq-section h3, body .schema-faq-section .schema-faq-question {
  cursor: pointer;
  position: relative;
  display: block;
  padding-right: 40px;
  font-size: 18px;
  line-height: 28px;
}
body .read-more h3:after, body .read-more .schema-faq-question:after, body .schema-faq-section h3:after, body .schema-faq-section .schema-faq-question:after {
  content: "\f347";
  font-family: dashicons;
  font-size: 36px;
  position: absolute;
  right: 0;
  top: 0px;
  width: 35px;
  height: 20px;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}
body .read-more .more-txt, body .read-more .schema-faq-answer, body .schema-faq-section .more-txt, body .schema-faq-section .schema-faq-answer {
  transition: max-height 0.5s ease-out;
  overflow: hidden;
  display: none;
}
body .read-more.opened h3:after, body .read-more.opened .schema-faq-question:after, body .schema-faq-section.opened h3:after, body .schema-faq-section.opened .schema-faq-question:after {
  transform: rotate(180deg);
}
body .read-more.opened .more-txt, body .schema-faq-section.opened .more-txt {
  display: block;
  max-height: 2000px;
  transition: max-height 0.5s ease-in;
}
body .read-more.opened .txt, body .schema-faq-section.opened .txt {
  display: none;
}
body .read-more, body .schema-faq-section {
  border-bottom: 1px solid var(--wp--preset--color--primary);
}
body .read-more h2:after {
  color: var(--wp--preset--color--primary);
}
body .owl-carousel .owl-stage {
  display: flex;
  align-items: center;
  align-items: stretch;
}
body .owl-carousel .owl-stage .owl-item > div {
  height: 100%;
  display: flex;
}
body .owl-carousel .owl-item img {
  width: auto;
}
body .owl-nav {
  text-align: center;
}
body .owl-nav button .nav-btn {
  font-family: dashicons;
  font-size: 26px;
}
body .owl-nav button .nav-btn.prev-slide:before {
  content: "\f340";
}
body .owl-nav button .nav-btn.next-slide:before {
  content: "\f344";
}
@media screen and (min-width: 999px) {
  body .owl-nav button { /* desktop */
    margin: 25px;
  }
}
@media screen and (max-width: 998px) {
  body .owl-nav button { /* smartphone */
    width: 30%;
  }
  body .owl-nav button.owl-prev {
    margin: 20px 20% 20px 0;
  }
  body .owl-nav button.owl-next {
    margin: 20px 0 20px 20%;
  }
}

/* ========================= POSTS ============================== */
body li.wp-block-post {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
body li.wp-block-post > div {
  overflow: hidden;
}
body li.wp-block-post > div .is-layout-flex {
  gap: 10px;
}
body li.wp-block-post h2.wp-block-post-title {
  margin: 0.5em 0 !important;
}
body li.wp-block-post img {
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
body .post-list .post-item p {
  margin: 2px 0;
}
@media screen and (min-width: 999px) {
  body .post-list { /* desktop */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--v-m) 5%;
  }
  body .post-list .post-item {
    flex-basis: 45%;
  }
}
@media screen and (max-width: 998px) {
  body .post-list .post-item {
    margin-bottom: 2em;
  }
}
body .post-list figure.wp-block-image {
  border-radius: 20px;
  overflow: hidden;
}
body .post-list .tag-list {
  margin-top: -20px;
}
body .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1em;
  flex-direction: row;
  font-size: 0.9em;
}

/* ========================= BUTTONS ============================ */
body button:not(.hamburger),
body a.wp-block-post-excerpt__more-link,
body .wp-block-button a {
  padding: 5px 1em;
  font-weight: normal !important;
  font-size: inherit;
  border-radius: 50px;
}
body button:not(.hamburger),
body a.wp-block-post-excerpt__more-link,
body .wp-block-button:not(.is-style-outline) a {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--txt-light);
}
body button:not(.hamburger):hover,
body a.wp-block-post-excerpt__more-link:hover,
body .wp-block-button:not(.is-style-outline) a:hover {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--txt-light);
}

.wp-block-buttons.category-list {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
@media screen and (max-width: 998px) {
  .wp-block-buttons.category-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.wp-block-buttons.category-list .wp-block-button:not(.current) a {
  background: transparent !important;
  color: var(--wp--preset--color--txt-dark) !important;
  border: 1px solid var(--wp--preset--color--txt-dark) !important;
}

.arrow-wrapper {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.arrow-wrapper .arrow-btn, .arrow-wrapper input[type=submit] {
  border: 0;
  background: transparent;
  position: relative;
}
.arrow-wrapper .arrow-btn a, .arrow-wrapper input[type=submit] a {
  margin-right: 35px;
  display: block;
  height: 100%;
  text-decoration: none;
}
@media screen and (min-width: 999px) {
  .arrow-wrapper .arrow-btn a, .arrow-wrapper input[type=submit] a { /* desktop */
    padding-right: 100px !important;
  }
}
@media screen and (max-width: 998px) {
  .arrow-wrapper .arrow-btn a, .arrow-wrapper input[type=submit] a {
    padding-right: 55px !important;
  }
}
.arrow-wrapper .arrow-btn.no-border a, .arrow-wrapper input[type=submit].no-border a {
  border: 0 !important;
  padding-left: 0;
}
.arrow-wrapper .arrow-btn.bordered a, .arrow-wrapper input[type=submit].bordered a {
  border: 1px solid var(--pm-primary-color) !important;
}
.arrow-wrapper:after {
  content: url(img/nyil-piros.png);
  position: absolute;
  top: calc(50% - 12px);
  right: 50px;
  width: 66px;
  height: 23px;
  display: block;
  z-index: -1;
}
@media screen and (max-width: 998px) {
  .arrow-wrapper:after {
    transform: scale(0.5);
    right: 35px;
  }
}

.submit-wrapper {
  position: relative;
  padding-right: 50px;
}

/* ========================= FORMS ============================== */
body .fluentform {
  scroll-margin-top: calc(3vh + 60px);
}
body .fluentform .ff-el-progress-bar {
  background-color: var(--wp--preset--color--primary);
}
body .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label > span {
  background-color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  box-shadow: none;
  color: #fff;
}
body .fluentform button {
  background: none;
}
body .fluentform .ff-default .ff-btn-secondary:not(.ff_btn_no_style):focus, body .fluentform .ff-default .ff-btn-secondary:not(.ff_btn_no_style):hover {
  background-color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  color: #fff;
}
body .fluentform label.ff-el-form-check-label span {
  padding-left: 5px;
}
body .fluentform .ff-el-input--label label {
  font-weight: bold !important;
}
body .fluentform .ff-no-margin-bottom {
  margin-bottom: 0;
}
body .fluentform .ff-step-titles li.ff_active, body .fluentform .ff-step-titles li.ff_completed {
  color: var(--wp--preset--color--primary);
}
body .fluentform .ff-step-titles li.ff_active:before, body .fluentform .ff-step-titles li.ff_completed:before,
body .fluentform .ff-step-titles li.ff_active:after, body .fluentform .ff-step-titles li.ff_completed:after {
  background: var(--wp--preset--color--primary);
}
body .fluentform button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
  background: var(--wp--preset--color--primary);
  border-radius: 50px;
}
body .fluentform textarea {
  resize: vertical;
}
body .ff_landing_page_body .ff_landing_wrapper .ff_landing_form_wrapper {
  max-width: 875px !important;
}

/* ========================= DARK MODE =============================== */
body.dark-mode {
  --wp--preset--gradient--blue-to-red: linear-gradient(45deg, #ffffff 30%, #2b8998 35%, #de3c4b 50%);
  --wp--preset--gradient--white-to-blue: linear-gradient(45deg, #ffffff 30%, #2b8998 50%);
}
body.dark-mode .has-bcg-dark-background-color {
  background-color: var(--wp--preset--color--bcg-light) !important;
}
body.dark-mode.has-bcg-light-background-color, body.dark-mode .has-bcg-light-background-color {
  background-color: var(--wp--preset--color--bcg-dark) !important;
}
body.dark-mode .has-secondary-background-color {
  background-color: #393737 !important;
}
body.dark-mode .has-txt-light-color {
  color: var(--wp--preset--color--txt-dark) !important;
}
body.dark-mode .has-txt-dark-color {
  color: var(--wp--preset--color--txt-light) !important;
}
body.dark-mode a {
  color: var(--pm-text-light-color);
}
body.dark-mode.fixed-header header {
  background: rgba(57, 55, 55, 0.8);
}
body.dark-mode .hamburger .hamburger-inner,
body.dark-mode .hamburger .hamburger-inner:before,
body.dark-mode .hamburger .hamburger-inner:after {
  background-color: var(--pm-bg-light-color);
}
@media screen and (max-width: 998px) {
  body.dark-mode div#main-nav { /* smartphone */
    background: #393737;
    color: var(--pm-text-light-color);
  }
}
body.dark-mode form textarea, body.dark-mode form input[type=text], body.dark-mode form input[type=email] {
  color: var(--pm-text-light-color);
}
body.dark-mode form textarea::-webkit-input-placeholder, body.dark-mode form input[type=text]::-webkit-input-placeholder, body.dark-mode form input[type=email]::-webkit-input-placeholder {
  color: var(--pm-text-light-color);
}
body.dark-mode form textarea:-moz-placeholder, body.dark-mode form input[type=text]:-moz-placeholder, body.dark-mode form input[type=email]:-moz-placeholder {
  color: var(--pm-text-light-color);
}
body.dark-mode form textarea::-moz-placeholder, body.dark-mode form input[type=text]::-moz-placeholder, body.dark-mode form input[type=email]::-moz-placeholder {
  color: var(--pm-text-light-color);
}
body.dark-mode form textarea:-moz-placeholder, body.dark-mode form input[type=text]:-moz-placeholder, body.dark-mode form input[type=email]:-moz-placeholder {
  color: var(--pm-text-light-color);
}
body.dark-mode form textarea:placeholder-shown, body.dark-mode form input[type=text]:placeholder-shown, body.dark-mode form input[type=email]:placeholder-shown {
  color: var(--pm-text-light-color);
}
body.dark-mode form .wpcf7-acceptance input[type=checkbox] {
  background-color: var(--pm-bg-light-color);
}
body.dark-mode form .wpcf7-acceptance input[type=checkbox]:checked {
  background-color: var(--pm-primary-color);
}
body.dark-mode form textarea, body.dark-mode form input[type=text], body.dark-mode form input[type=email] {
  border-bottom: 2px solid var(--pm-text-light-color);
}
body.dark-mode form input[type=submit] {
  color: var(--pm-text-light-color);
}
body.dark-mode div#dark-mode-switcher {
  background-image: url(https://pmcreative.hu/wp-content/uploads/2022/12/Lightmode-icon.png);
}
body.dark-mode #svg_logo .st0 {
  fill: #f9f9f9;
}
body.dark-mode #btn-more rect {
  fill: var(--pm-bg-light-color);
}
body.dark-mode #btn-more .nyil-st0 {
  fill: var(--pm-bg-dark-color);
}
body.dark-mode #svg_circles .st1 {
  stroke: var(--pm-bg-light-color);
}
body.dark-mode div#triangle_wrapper svg.triangle polygon {
  fill: var(--pm-bg-light-color);
}
body.dark-mode div#triangle_wrapper svg.triangle polygon:hover {
  fill: var(--pm-bg-light-color) !important;
}
body.dark-mode #our-workflow .steps > .wp-block-column:after {
  background-color: var(--pm-bg-light-color);
}
body.dark-mode #our-workflow path:not(.h1-st0, .h3-st0, .h4-st0, .h5-st0) {
  fill: var(--pm-bg-light-color);
}
body.dark-mode #our-workflow #papir rect {
  stroke: white;
}
body.dark-mode #our-workflow rect.h2-st1 {
  fill: white;
}
body.dark-mode div#label_work_11_l, body.dark-mode div#label_work_12_l {
  color: var(--pm-bg-light-color);
}
body.dark-mode div#label_work_11_r, body.dark-mode div#label_work_12_r {
  color: var(--pm-bg-dark-color) !important;
}
body.dark-mode section#main .wp-block-columns#main-cols .wp-block-column:nth-child(1) div#main_title:before {
  background: var(--pm-bg-light-color);
}

/* ========================= HOME =============================== */
body.home #network_svg {
  position: absolute;
  left: 35%;
  top: 12%;
  width: 35%;
  height: auto;
}
body.home #network_svg path {
  animation: network-pulse 3s ease-in-out infinite;
  animation-delay: calc(var(--animation-order) * -0.4s);
  transform-origin: center;
  transform-box: fill-box;
}

/* ========================= OTHER PAGES ======================== */
.page-id-11023 form.post-password-form, .page-id-11035 form.post-password-form {
  width: 380px;
  margin: 4em auto;
}
@media screen and (min-width: 999px) {
  .page-id-11023, .page-id-11035 { /* desktop */ }
  .page-id-11023 main .fluentform, .page-id-11035 main .fluentform {
    width: calc(100% - 500px) !important;
    float: left;
    position: relative;
  }
  .page-id-11023 main .fluentform .calc-header, .page-id-11035 main .fluentform .calc-header {
    position: fixed;
    right: 1em;
    top: 6em;
    width: 380px !important;
    height: 162px;
    border: 1px solid grey;
    background-color: #f0f0f0;
    border-radius: 30px;
    padding: 1em;
  }
  .page-id-11023 main .fluentform .calc-header input[type=text], .page-id-11035 main .fluentform .calc-header input[type=text] {
    background: transparent !important;
    font-size: 1.2em;
    border: 0;
  }
  .page-id-11023 main .fluentform .calc-header .ff_input-group-append .ff_input-group-text, .page-id-11035 main .fluentform .calc-header .ff_input-group-append .ff_input-group-text {
    background: transparent;
  }
}

/* ========================= FONT SIZES ========================= */
body {
  font-size: 20px;
  line-height: 1.5em;
}
body h1 {
  font-size: 44px;
  line-height: 60px;
}
body h2 {
  font-size: 1.8em;
  line-height: 1.3em;
}
body h3 {
  font-size: 24px;
  line-height: 32px;
}
body li.wp-block-post h2 {
  font-size: 1.3rem;
  line-height: 35px;
}
body.page-id-4869 div.post-list h2 {
  font-size: 1.8rem;
  line-height: 35px;
}
body.single-post article h1 {
  font-size: 32px;
  line-height: 48px;
}
body.single-post article h2 {
  font-size: 26px;
  line-height: 28px;
}
body.single-post article h3 {
  font-size: 22px;
  line-height: 28px;
}
@media screen and (min-width: 1500px) and (max-width: 3199px) {
  body {
    font-size: 20px;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1499px) {
  body {
    font-size: 18px;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1365px) {
  body {
    font-size: 16px;
  }
}
@media screen and (min-width: 999px) and (max-width: 1269px) {
  body {
    font-size: 14px;
  }
}
@media screen and (max-width: 998px) {
  body { /* SMARTPHONE */
    font-size: 18px;
    line-height: 24px;
  }
  body h1 {
    font-size: 36px;
    line-height: 50px;
  }
  body h2 {
    font-size: 26px;
    line-height: 1.3em;
  }
  body h3 {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 319px) {
  body { /* small */
    --wp--preset--font-size--small: 12px;
    --wp--preset--font-size--medium: 16px;
    --wp--preset--font-size--large: 18px;
    --wp--preset--font-size--extra-large: 22px;
    font-size: 12px;
    line-height: 20px;
  }
}

/* ========================= SPACINGS =========================== */
body header, body footer #footer-info, body article {
  padding-left: var(--wp--preset--spacing--h-l);
  padding-right: var(--wp--preset--spacing--h-l);
}
body #footer-info {
  padding-top: 1em;
  padding-bottom: 1em;
}
body article {
  margin-bottom: var(--wp--preset--spacing--v-m);
}
@media screen and (min-width: 1720px) and (max-width: 3199px) {
  body {
    --wp--preset--spacing--h-m: 3rem;
    --wp--preset--spacing--h-l: 8rem;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1719px) {
  body {
    --wp--preset--spacing--h-m: 3rem;
    --wp--preset--spacing--h-l: 6rem;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1499px) {
  body {
    --wp--preset--spacing--h-m: 3rem;
    --wp--preset--spacing--h-l: 6rem;
  }
}
@media screen and (min-width: 1270px) and (max-width: 1365px) {
  body {
    --wp--preset--spacing--h-m: 2rem;
    --wp--preset--spacing--h-l: 6rem;
  }
}
@media screen and (min-width: 999px) and (max-width: 1269px) {
  body {
    --wp--preset--spacing--h-m: 1.5rem;
    --wp--preset--spacing--h-l: 6rem;
  }
}
@media screen and (min-width: 999px) {
  body { /* desktop */ }
  body .desktop-hidden {
    display: none !important;
    visibility: hidden !important;
  }
}
@media screen and (max-width: 998px) {
  body { /* SMARTPHONE */
    --wp--preset--spacing--h-m: 30px;
    --wp--preset--spacing--h-l: 30px;
  }
  body .mobile-hidden {
    display: none !important;
    visibility: hidden !important;
  }
  body .m-order-2 {
    order: 2;
  }
}

/* ========================= ACCESSIBILITY ============================ */
body .visually-hidden {
  position: absolute;
  left: -10000em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
}
body .skiplink {
  margin: 0;
  position: relative;
}
body .skiplink a {
  line-height: 1em;
  position: absolute;
  left: 0;
  top: -5em;
  width: 100%;
  background-color: #362e59;
  color: white;
  outline: 2px solid white;
  text-decoration: none;
  padding: 1.5em 0;
  margin: 0 auto;
  text-align: center;
  -moz-transition-duration: 0.3s;
  -moz-transition-property: top opacity;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-property: top opacity;
  -webkit-transition-timing-function: ease-out;
  transition-duration: 0.3s;
  transition-property: top opacity;
  transition-timing-function: ease-out;
  display: block;
  opacity: 0;
  z-index: 200;
}
body .skiplink a:focus, body .skiplink a:hover {
  top: 0;
  outline-color: var(--wp--preset--color--primary);
  opacity: 1;
}/*# sourceMappingURL=style.css.map */