.apm-cashed-fa {
  display: none !important
}

.flex {
  display: flex !important;
}

.ai-c {
  align-items: center !important;
}

.jc-fe {
  justify-content: flex-end;
}

.text-c {
  text-align: center
}

.fs14 {
  font-size: 14px;
}

body .elementor-nav-menu .menu-item-45 a:after {
  display: none !important;
}

.elementor-nav-menu .menu-item-45 {
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
}

.elementor-nav-menu .menu-item-45 a {
  width: auto !important;
  padding-left: 0 !important;
}

.elementor-nav-menu .menu-item-45:hover:before {
  filter: brightness(100);
  -webkit-filter: brightness(100);
  transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
}

.elementor-nav-menu .menu-item-45:hover {
  cursor: pointer
}

.elementor-nav-menu .menu-item-45:hover a {
  color: #FFF !important;
}

.elementor-nav-menu .menu-item-45:before {
  background: url("https://teszt.granitalapkezelo.hu/wp-content/uploads/2025/04/Group-579.svg") !important;
  background-size: 15px !important;
  width: 30px !important;
  height: 22px !important;
  visibility: unset !important;
  content: " " !important;
  clear: unset !important;
  font: unset !important;
  opacity: 1 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

div.category-news ul.elementor-inline-items .elementor-post-info__terms-list-item {
  background: #D7AF96 !important;
  border: none !important;
  box-shadow: none !important;
}

/**
* ennek vmiért van valahol adva egy 78px.. de nem találom hol melyik fájlba :D 
* a kat-btn-a-nak peidg szintén meg volt adva egy fix 47px.... 
*/
.alap-lista {
  height: auto !important;
}

.kat-btn a,
.deviza-btn a {
  height: auto !important;
}

/**
*Ez középen tartja a gomb ikonját és szövegét
*/
.kockazat-btn a,
.svg-nyil a {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

body.onetap-light-contrast .post .elementor-icon-list-item .elementor-icon-list-text a {
  color: #27272d !important;
}

body.onetap-light-contrast .no-light-contrast a {
  background: transparent !important;
}

nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings .onetap-features-container .onetap-features .onetap-box-features .onetap-box-feature.onetap-align-center {
  display: none !important;
}

a.kozzetetel-gomb .rounded-button-icon-primary {
  line-height: 1.2 !important
}

/*
* ez itt megakadályozza a böszme nagyításnál lévő szöveg átlógaásokat
*itt még lehet kell ez+az, de mindent eltörni végül nemlesz ok
*/
body.granit_bigger_text .break_word,
body.granit_bigger_text .break_word *,
body.granit_bigger_text h1,
body.granit_bigger_text h2,
body.granit_bigger_text h3,
body.granit_bigger_text h4,
body.granit_bigger_text h5,
body.granit_bigger_text h6,
body.granit_big a[href^="mailto:"],
body.granit_big a {
  word-break: normal;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

body.granit_bigger_text .form-select {
  height: auto
}

/**
* ezt most ideiglenesen, csak 1 oldalra
*/
body.granit_medium.page-id-619 .elementor-widget-button:not(.kat-btn) .elementor-button-text {
  word-break: break-all !important;
}

body.granit_big.page-id-619 .alap-lista .elementor-post-info__item--type-custom:last-child,
a.elementor-post-info__terms-list-item {
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: nowrap !important;
}

/**
* Mindenhova
*/
body.granit_big .elementor-widget-heading {
  width: 100% !important;
}

body.granit_bigger_text .elementor-1350 .elementor-element.elementor-element-b1a267d {
  font-size: inherit !important;
}

body.granit_bigger_text .karrier_title_container>.e-con-inner,
body.granit_big .befektetesi_alapok_title_container>.e-con-inner {
  display: flex;
  flex-wrap: wrap;
}

body.granit_bigger_text .karrier_title_container>.e-con-inner>.elementor-element {
  width: 100% !important;
}

body.granit_big .befektetesi_alapok_title_container>.e-con-inner>.elementor-element {
  width: 100% !important;
}

body.granit_big .befektetesi_alapok_title_container h2 br {
  display: none !important;
}

body.granit_bigger_text .alap_kartya_title {
  margin-bottom: 0 !important
}

/**
* ezt most csak a befektetesi alapok kérdése van? rész alatt használom, a width auto ott kell, amúgy nem feltétlen lesz jó
**/
body.granit_big .granit_big_full_wrap>.e-con-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

body.granit_big .granit_big_full_wrap>.e-con-inner>.elementor-element {
  width: auto !important
}

body.granit_big .granit-post-info {
  flex-direction: column !important;
}

body.granit_big .granit-post-date-wrapper {
  margin-left: 0 !important;
}

body.granit_big .granit-post-date-icon {
  width: 30px;
  margin-right: 15px;
  display: flex;
  justify-content: center;
}

body.granit_big .granit-post-date-icon svg {
  width: 20px;
}

body.granit_bigger_text .blog_button_container {
  position: relative !important;
}

/**
*
*
*
*
*
*/
@media screen and (min-width: 856px) {

  /**
* főoldal kartyák
*/
  body.granit_semi_medium .hozam_text_container,
  body.granit_medium .hozam_text_container,
  body.granit_big .hozam_text_container {
    margin-top: 0px !important;
  }

  body.granit_bigger_text .hozam_text {
    display: flex;
    flex-wrap: wrap
  }

  body.granit_bigger_text .hozam_text>.elementor-element {
    width: 100%;
    text-align: left !important;
  }

  body.granit_bigger_text .blog_szerzo_neve,
  body.granit_bigger_text .blog_datum {
    position: relative !important;
    width: 100% !important;
  }

  /**
* 
*/
  body.granit_big .mini_blog_container>.e-con-inner {
    display: flex;
    flex-wrap: wrap
  }

  body.granit_big .mini_blog_container>.e-con-inner>.elementor-element {
    width: 100%;
    text-align: left !important;
  }

  body.granit_big footer>.elementor-element>.e-con-inner {
    /*max-width: 80% !important*/
    max-width: min(100%, 1400px);
  }

  body.granit_big .elementor-acceptance-field {
    min-width: 13px;
  }

  body.granit_big .kategoria_gombok {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start !important;
  }

  body.granit_big .kategoria_gombok>.elementor-element {
    width: auto !important;
  }

  body.granit_big .deviza_kockazat {
    display: flex;
    flex-wrap: wrap !important;
  }

  body.granit_big .deviza_kockazat>.elementor-element {
    width: 100% !important;
  }

  body.granit_big .granit_szamokban {
    flex-wrap: wrap !important;
  }

  body.granit_big .granit_szamokban>.elementor-element {
    width: 49% !important;
  }

  body.granit_big .granit_szamokban>.elementor-element .elementor-widget {
    line-height: normal !important
  }

  body.granit_big .footer_also_menu {
    flex-wrap: wrap !important;
  }

  body.granit_big .footer_also_menu>.elementor-element {
    width: 100% !important;
    display: flex;
    flex-direction: column;
  }

  body.granit_big #compare-sidebar {
    min-width: 600px !important
  }

  body.granit_big .elismeres_row>.elementor-element {
    min-width: 33% !important;
  }

  body.granit_bigger_text .alap-tablazat:nth-of-type(1) tr:nth-of-type(1) td {
    white-space: nowrap !important
  }

  body.granit_big .meg_tobb_rolunk,
  body.granit_big .meg_tobb_rolunk>.e-con-inner {
    flex-wrap: wrap !important
  }

  body.granit_big .meg_tobb_rolunk>.elementor-element,
  body.granit_big .meg_tobb_rolunk>.e-con-inner>.elementor-element {
    width: calc(50% - 10px) !important;
  }

  /*
  body.granit_big .granit_big_two_col>.e-con-inner {
    display: flex;
    flex-wrap: wrap !important;
  }

  body.granit_big .granit_big_two_col>.e-con-inner>.elementor-element {
    width: 50% !important;
  }
  */
  /*
  * befektetesi-alapok oldal
  **/
  body.granit_bigger_text .kockazati-szint-item {
    max-width: 80px !important;
  }

  body.granit_bigger_text .hozam_tablazat_container td:last-child {
    min-width: 120px;
    text-align: right;
  }

  /*
  * befektetesi-alapok oldal single aloldalak
  */
  body.granit_big .granit_big_fd_col {
    flex-direction: column !important;
  }

  body.granit_big .granit_big_fd_col>.elementor-element {
    width: 100% !important;
  }

  body.granit_bigger_text .kockazat_text {
    width: fit-content !important
  }

  body.granit_big .single_alap_container>.e-con-inner {
    display: flex;
    flex-direction: column;
  }

  body.granit_big .single_alap_bal_oldal {
    width: 100% !important
  }

  body.granit_big .single_alap_jobb_oldal {
    width: 100% !important
  }

  body.single-alap.granit_bigger_text .kockazat-nev {
    white-space: nowrap !important;
  }

  body.single-alap.granit_bigger_text .kockazati-szint-item {
    display: flex;
    flex-direction: column;
    align-items: center !important;
  }

  body.single-alap.granit_bigger_text .kockazat_text {
    min-width: unset !important;
  }

  body.single-alap.granit_bigger_text .kockazat {
    /** ez a class rajta volt **/
    align-items: center !important;
  }

  body.single-alap.granit_bigger_text .acf-tooltip-icon {
    height: unset !important;
    width: unset !important;
    padding: 5px !important;
    margin-left: 10px !important;
    line-height: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /**
  * hozamkalkulátor aloldal
  *ehhez az oldalhoz át kell írni ebbe a snippetbe egy mini részt:
  SHORTCODES FROM PHP SNIPPET PLUGIN
  */
  /**
  * bejegyzések single aloldalak
  */
  /*.single_blog_datum*/
  body.granit_bigger_text .blog-bubi-feher {
    max-height: unset !important;
    display: flex;
    align-items: center
  }

  body.granit_bigger_text .blog-bubi-feher .elementor-widget-container {
    display: flex;
    align-items: center
  }

  body.granit_bigger_text .blog-bubi-feher p {
    margin-bottom: 0 !important
  }

  body.granit_bigger_text .single_blog_cimkek {
    display: flex;
    align-items: normal !important
  }

  /**
  * archivum page
  * https://teszt.granitalapkezelo.hu/szerzoink/granit/
  * it az elementor szerkesttőbe a granido blog vissza gombnak meg kelleet mondani h align items center
  */
  /**
  *
  */
}

/**
*
*
*
*
*
*/
@media screen and (max-width: 856px) {
  .elementor-nav-menu .menu-item-45 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .elementor-shortcode .author-chip {
    flex-wrap: wrap
  }

  .elementor-nav-menu .menu-item-45 a {
    width: auto !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .elementor-nav-menu .lang-item a {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .elementor-nav-menu .lang-item-hu a {
    padding-left: 5px !important
  }

  figure.wp-caption figcaption {
    padding-left: 20px;
    padding-right: 20px;
  }

  /**
  * accessibility
  */
  body.granit_bigger_text input.elementor-button,
  body.granit_bigger_text button,
  body.granit_bigger_text .elementor-widget-container,
  body.granit_big table.acf-table tr td {
    max-width: 100%;
    word-break: normal;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    white-space: normal !important;
  }

  body.granit_bigger_text footer p {
    text-align: center;
  }

  body.granit_big #compare-sidebar {
    min-width: 90vw !important
  }

  /** ez itt el volt cseszve amugy is */
  .meg_tobb_rolunk .elementor-element>.elementor-widget-container {
    margin-bottom: 0 !important;
  }

  .meg_tobb_rolunk>.elementor-element {
    padding-top: 20px;
  }

  /*
  body.granit_big table.acf-table tr {
    display: flex;
    flex-direction: column;
  }
  */
  body.granit_big table.acf-table:first-of-type tr {
    display: flex;
    flex-direction: column;
  }

  body.granit_big table.acf-table tr td:first-child {
    font-weight: bold;
  }

  body.granit_bigger_text .e-n-accordion-item-title-text {
    line-height: normal !important
  }

  .elementor-nav-menu .menu-item-45 a {
    background-color: #2DE68C !important;
  }

  /** alap aloldalak */
  body.granit_big .sorozatok ul {
    display: flex;
    flex-direction: column !important;
  }

  body.granit_bigger_text .kockazati-szint-item {
    margin-bottom: 20px;
    position: relative;
  }

  body.granit_bigger_text .kockazati-szint-item .kockazat-nev {
    white-space: nowrap;
    position: absolute;
    left: -15px;
  }

  body.granit_bigger_text .acf-tooltip-icon {
    height: auto !important
  }

  .acf-tooltip-text.acf-tooltip-closed {
    display: none !important;
  }
}

.alap-adatok:not([style="display: block;"]) {
  --display: none !important;
  display: none !important;
}

#tool .elementor-shortcode {
  font-weight: 500;
}

#tool .elementor-shortcode .acf-tooltip-text {
  font-weight: normal
}

.acf-tooltip-close {
  border: none !important;
  font-size: 23px;
}

.grafikon-container {
  width: 100%
}

.df-viewer-container canvas {
  padding: 40px 40px 0 40px !important
}

.df-container .df-ui {
  width: calc(100% - 120px) !important;
  text-align: center;
  display: flex;
  justify-content: center;
}

.granit_zold {
  color: #49FFA7 !important
}

.g-df-ui-download {
  color: #777
}

.g-df-ui-download:hover {
  color: #00acce
}

@media screen and (max-width: 856px) {
  #our_news .hir_kartya {
    --min-height: unset !important;
    min-height: unset !important;
    height: unset !important
  }

  #our_news .blog_button_container {
    position: relative !important;
  }

  #our_news .elementor-loop-container {
    grid-auto-rows: auto;
  }

  .df-viewer-container canvas {
    padding: 40px 40px 0 40px !important
  }

  .df-container .df-ui {
    width: calc(100% - 120px) !important;
    text-align: center;
    display: flex;
    justify-content: center;
  }
}

.df-ui-nav .df-ui-btn:before {
  color: #fff;
  filter: drop-shadow(0 0 3px rgb(0, 0, 0));
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(-45deg);
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -4px;
}

.df-ui-nav .df-ui-btn.df-icon-arrow-left1:before {
  transform: rotate(135deg);
  margin-left: 0px;
}

.df-ui-page label[for*="df_book_page_number"] {
  width: auto !important;
  background-color: #f7f7f7 !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}