/*WP BLOCK*/

#wpadminbar {
  width: 32px;
  overflow: hidden;
  min-width: 10px;
}
#wpadminbar:hover {
  width: 100%;
}

html {
  margin-top: 0 !important;
}
.post,
.page {
  margin: 0;
}
a,
b,
caption,
strong,
th {
  font-weight: 700;
}
/*end*/
/*
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap');
*/

:root {
  --screen-pad-mobil: 25px;
  --screen-pad-neg: -25px;
  --cont-inline-padding: min(2.34vw, 45px);

  --wp--style--global--content-size: 1014px;
  --wp--custom--spacing--large: 0;

  --main-font: 'Quicksand', sans-serif;
  --fsize: 18;
  --main-size: calc(var(--fsize) * 1px);
  --rem-h2: calc(50rem / var(--fsize)); /*50px*/
  --rem-h3: calc(35rem / var(--fsize)); /*35px*/
  --rem-h4: calc(22rem / var(--fsize)); /*22px*/
  --color-main: #005261;
  --color-hl: #34bdc1;
  --color-link: #34bdc1;
  --color-hl2: #ffab01;
  --color-warning: #f8320a;
  --color-cardred: #cd2200;
  --color-gray: #eee;

  --color-prim: var(--color-main);
  --color-hl-prim: var(--color-hl);
  --color-hl-prim2: var(--color-hl2);
  --color-sec: var(--color-hl2);
  --color-hl-sec: var(--color-hl2);
  --color-third: var(--color-warning);
  --color-hl-sec: var(--color-hl-prim2);

  --fluid-min-width: 320;
  --fluid-max-width: 1210;
  --fluid-max-width-outer: 1920;
}

.distance-clamp {
  --min-px: calc(var(--max-px) / 2);
  --min-rem: calc(var(--min-px) * 1rem / 16);
  --max-rem: calc(var(--max-px) * 1rem / 16);
  --mid-view: calc(
    var(--min-rem) + var(--min-px) *
      (
        (100vw - (var(--fluid-min-width) * 1px)) /
          (var(--fluid-max-width) - var(--fluid-min-width))
      )
  );

  --distance: clamp(var(--min-rem), var(--mid-view), var(--max-rem));
}

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

html,
body {
  position: static;
}

body {
  margin: 0 !important;
}
body,
p,
li {
  font-optical-sizing: auto;
}
#content {
  position: relative;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
iframe {
  border-radius: 10px;
}
/*
html {
  font-size: calc(
    12px + (var(--fsize) - 12) * ((100vw - 300px) / (1920 - 300))
  );
  font-family: var(--main-font);
  color: var(--color-main);
}
@media screen and (min-width: 1920px) {
  html {
    font-size: var(--main-size);
  }
}
*/

/*body,
p,
li {
  font-size: 1rem;
}
h1,
h2 {
  text-transform: uppercase;
  font-size: var(--rem-h2);
  font-weight: bold;
}
h3 {
  color: var(--color-hl);
  text-transform: uppercase;
  font-size: var(--rem-h3);
  font-weight: bold;
}
h4 {
  font-size: var(--rem-h4);
  font-weight: normal;
}h1 {
  margin-top: 2.832%;
  margin-bottom: 2.832%;
  line-height: 1.2;
}
h2 {
  margin-bottom: 1.8555%;
  line-height: 1.2;
}
h3,
h4 {
  line-height: 1.5;
  margin-bottom: 1.5625%;
}
p,
li {
  line-height: 1.5;
}
p {
  margin-bottom: 2.7344%;
}
small {
  font-size: 0.8125rem;
}*/
html {
  font-size: 100%; /* 16px */
  font-family: var(--main-font);
  color: var(--color-main);
}

.font-clamp,
body,
h1,
h2,
h3,
h4,
p,
li,
td,
small {
  --min-rem: calc(var(--f-min) * 1rem / 16);
  --max-rem: calc(var(--f-max) * 1rem / 16);
  --fluid-view: calc(
    var(--min-rem) + (var(--f-max) - var(--f-min)) *
      (
        (100vw - (var(--fluid-min-width) * 1px)) /
          (var(--fluid-max-width) - var(--fluid-min-width))
      )
  );

  font-size: clamp(var(--min-rem), var(--fluid-view), var(--max-rem));
}
/* Szövegtörzs */
body,
td {
  --f-min: 16;
  --f-max: 18;
  line-height: 1.5;
}
p {
  --f-min: 16; /* Mobilon 16px */
  --f-max: 18; /* Asztali gépen 18px */
  line-height: 1.5;
  margin-bottom: 1.5em;
}
ul,
ol {
  margin-bottom: 1.5em;
}
li {
  --f-min: 16;
  --f-max: 18;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
/* Főcímsorok */
h1 {
  --f-min: 28;
  --f-max: 42;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.2;
  margin-block: 2.832%;
}

h2 {
  --f-min: 28;
  --f-max: 42;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.5em;
}

h3 {
  --f-min: 22;
  --f-max: 32;
  color: var(--color-hl);
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0.5em;
}

h4 {
  --f-min: 18;
  --f-max: 24;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0.5em;
}

/* Egyéb */
small {
  --f-min: 12;
  --f-max: 14;
}

.color-main {
  color: var(--color-main);
}
.color-hl {
  color: var(--color-hl);
}
.color-hl2 {
  color: var(--color-hl2);
}
.color-warning {
  color: var(--color-warning);
}
.gray-bg {
  background-color: var(--color-gray);
}
.color-white {
  color: white;
}

@media only screen and (max-width: 959px) {
  .mobile_hide,
  .navigation,
  blockquote .preview {
    display: none !important;
    background: none !important;
  }
  .mobile_navigation {
    display: block;
    width: 100%;
    font-size: 1.625rem;
    line-height: 1.4615;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 480px) {
  #content img {
    max-width: 100% !important ;
    height: auto !important ;
    -ms-interpolation-mode: bicubic;
  }
  .sprite {
    /*background-size: 100% !important;*/
    background-image: none;
  }
  /*
  .mobile_footer {
    background: black
      url(https://honlapgyartok.hu/sandbox/FrameworkShared/skin/img/mobile/bg.png)
      repeat-x;
    width: 100%;
    height: 63px;
    overflow: hidden;
  }
  .mobile_footer .goup {
    background-image: url(https://honlapgyartok.hu/sandbox/FrameworkShared/skin/img/mobile/goup.png);
    width: 44px;
    height: 63px;
    margin-right: 86px;
    float: right;
  }
  .mobile_footer .lionurl {
    background-image: url(https://honlapgyartok.hu/sandbox/FrameworkShared/skin/img/mobile/lion.png);
    width: 132px;
    height: 63px;
    float: right;
  }*/
}
@media only screen and (min-width: 960px) {
  .desktop_hide,
  .mobile_navigation {
    display: none !important;
    background: none !important;
  }
}

.nomargin {
  margin-bottom: 0 !important;
}