/*
Theme Name: Inspiro Child
Template: inspiro
*/

*, *::before, *::after {
  transition: all 0.5s ease !important;
}

.tamogatas {
    position: absolute;
    margin-top: 76px;
    right: 0px;
    z-index: 2;
    width: 300px;
}

body {
  font-family: 'Work Sans', Arial, Helvetica, sans-serif !important;
  line-height: 1.4;
}
.entry-content {
  line-height: 1.4 !important;
}

.lista li {
  display: flex !important;
  flex-direction: column !important;
}

/* ==== NAVBAR ===== */

.navbar {
    max-height: 90px !important;
    padding: 12px 20px;
    position: fixed !important;
    color: #fff !imortant;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .6) 1%, rgba(255, 255, 255, .3) 100%) !important;
    transition: mix-blend-mode 0.3s ease;
/* mix-blend-mode: difference !important; */
/* background-color: #ddd0 !important; */
/* background: #ddd;	*/

backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.headroom--top .navbar {
    background-color: unset !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .6) 1%, rgba(255, 255, 255, .3) 100%) !important;
}
.sb-icon-search {
	display: none !important;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    padding: 0px;
    line-height: unset;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {
    padding: 12px 0px 6px 13px;
}

.headroom--pinned .navbar, .headroom--unpinned .navbar {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .9) 1%, rgba(255, 255, 255, .6) 100%) !important;
}

.page .entry-cover-image.cover_fullscreen, .single .entry-cover-image.cover_fullscreen {
	height: 70vh;
}
.page .entry-cover-image .single-featured-image-header img, .single .entry-cover-image .single-featured-image-header img {
	height: 100vh;
}

.link-more {
	display: none;
}

.contact-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  backdrop-filter: blur(5px);
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

.contact-overlay.active {
  display: flex;
}

.contact-box {
  background: #FCFCFC;
  padding: 20px;
  border-radius: 4px;
  width: 1200px;
  max-width: 90%;
}
.szintezis-form-container .submit-btn-wrapper {
  background: #fff;
}

.elementor-background-video-container{
    pointer-events: none !important;
}

.elementor-background-video-embed{
    pointer-events: none !important;
}

iframe div{
	display: none;
    pointer-events: none !important;
}

#mega-menu-wrap-primary {
/* mix-blend-mode: normal !important; */
	width: 60vw !important;
}
.mega-current-menu-ancestor a, .mega-current-menu-item a {
	color: #093451 !important;
}
.navbar.blended {
/*    mix-blend-mode: difference; */
}
.header-inner {
/*    mix-blend-mode: normal !important; */
}

.mega-menu-link {

}

.n2-ss-slider,
.n2-ss-slider-wrapper,
.n2-ss-slide {
  height: calc(100vh - 100px) !important;
  max-height: calc(100vh - 100px) !important;
}

.n2-ss-slider {
  width: 100% !important;
}
.n2-ss-slider {
	calc(100%-100px);
}
.slidergomb div div div {
  display: inline-flex !important;
  align-items: left;
  justify-content: left;
  width: 125px;
  font-size: 18px !important;
  font-weight: 500;
  font-family: 'Work Sans', Arial, Helvetica, sans-serif !important;
  letter-spacing: 0px !important;
  padding: 1px 1px 2px 1px;
}

/* Az ikon beszúrása a szöveg elé */
.slidergomb div div div::before {
  content: "";
  display: inline-block;
  width: 28px;  /* Az ikon szélessége */
  height: 28px; /* Az ikon magassága */
  vertical-align: middle;
  margin-right: 0px; /* A kért 5px távolság a szövegtől */
  
  /* Az ikon színe mindig egyezni fog a gomb szövegszínével */
  background-color: currentColor; 
  
  /* Itt egy sima nyíl (arrow-right) SVG ikon van kódolva */
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.3359' y='7.93652' width='9.42629' height='4.00993' transform='rotate(45 14.3359 7.93652)' fill='%23030D14'/%3E%3Crect x='11.5039' y='21.957' width='9.42629' height='4.00604' transform='rotate(-45 11.5039 21.957)' fill='%23030D14'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.3359' y='7.93652' width='9.42629' height='4.00993' transform='rotate(45 14.3359 7.93652)' fill='%23030D14'/%3E%3Crect x='11.5039' y='21.957' width='9.42629' height='4.00604' transform='rotate(-45 11.5039 21.957)' fill='%23030D14'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;

}
.slidergomb:hover {
	background: #0C3551;
	opacity: 1 !important;
}
.menu-nyil {
	height: 16px;
	width: 16px;
	line-height: 1;
	vertical-align: sub;
}

.secoundgomb a:hover {
	background: #061A28 !important;
	color: #fff !important;
}
.secoundgomb a:hover svg rect {
    fill: #fff !important;
    stroke: #fff !important;
}
.hero-block {
	display: inline-table !important;
}
.hero-block .n2-ss-layer-row {
	margin: 0 50px 50px 0 !important;
}

.hero {
  height: calc(100vh - 110px) !important;
  max-height: calc(100vh - 110px) !important;
}

.logo-line {
	height: 110px !important;	
	background: #EAEDEE; 
}

span.mega-indicator {
	display: unset !important;
}

.admin-bar:not(.side-nav-open) .headroom {
    top: 0px;
}

.navbar {
    background: rgba(255,255,255,0.3) !important;
    width: 100%; 

}
.site-header.headroom .navbar .header-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.site-header.headroom--not-top .navbar .header-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.custom-logo-link img,
body.wp-custom-logo .headroom--not-top .custom-logo-link img { 
    max-height: 32px;
}

.header-widgets-wrapper {
    flex-direction: row-reverse;
}

.header_social {
    margin: 0 0 0 20px;
    white-space: nowrap;
}

.header-link {
    width: 140px;
    float: right;
    display: flex;
    align-items: center;
}

.bg-fixed {
    background-attachment: fixed;
}

/* ===== ARROW STYLE ===== */

.arrow-style {
    width: 45px;
    height: 45px;
    background: #4EFAE1;
    margin: 0 0 0 12px;
    padding: 10px 10px 0 0;
    border-radius: 4px;
    float: right;
}


/* ===== MEGA MENU ===== */




/* ===== SWIPER ===== */

.swiper-slide img {
      max-width: 160px !important; 
      max-height: 80px !important; 
	margin-top: 10px !important; 
}
/*
.logo-line .swiper-wrapper {
    display: flex !important;
    width: max-content !important;
    animation: folyamatosUszas 60s linear infinite !important;
}


.logo-line .swiper-slide {
    transform: none !important;
    width: auto !important;
}


@keyframes folyamatosUszas {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        /* A képsorozat felénél eltoljuk, így lesz végtelenített */
        transform: translate3d(-50%, 0, 0);
    }
}
*/

/* ==== FŐOLDAL SLIDER ==== */

.slider-btn-0,
.slider-btn-1,
.slider-btn-2,
.slider-btn-3 {
    border-bottom: 3px solid transparent;
    transition: 0.3s ease;
	
}

.active-slide-btn {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 3px solid;
    border-image: linear-gradient(
        to right,
        rgba(186, 190, 167, 1),
        rgba(128, 245, 196, 1)
    );
    border-image-slice: 1;
}

.active-slide-btn h5 {
    color: black !important;
}


/* ---- ERP slider ---- */

.custom-slider1 .slick-slide  {
    padding: 0px !important;
    border: 0px !important;
}
.htmega-testimonial-area img {
    margin-bottom: 0px !important;
    height: 100% !important;
}
.custom-slider1 .content  {
    margin: 15px 25px !important;
}
.htmega-testimonial-area .content h4 {
    position: absolute;
    top: 15px;
    background: #80F5C4;
    padding: 2px 4px !important;
    color: black;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.1 !important;
    margin: 0 0 0 20px !important;
}
.htmega-testimonial-area .content span {
    display: block;
    position: absolute;
    top: 40px;
    font-weight: 600;
    color: #fff !important;
    font-size: 24px;
    margin: 0 0 0 20px !important;
}

.htmega-testimonial-area .content p {
    position: absolute;
    bottom: 10px;
    text-align: left;
    padding: 0px !important;
    margin: 0 0 25px 20px !important;
    color: #fff !important;
    width: 80%;
}
.custom-slider1 .slick-prev {
   left: unset !important;
   right: 80px !important;
}
.custom-slider1 .slick-next {
   right: 10px !important;
}


/* ===== POST SLIDER ===== */

.slick-initialized .slick-slide {
    display: block;
    border: 1px solid #ccc;
    margin: 0 !important;
    padding: 20px;
}

.post-carousel-wrapper .htmega-postslider-layout-4 .content {
    position: absolute;
    margin-left: 0;
    padding: 0;
    height: 100%;
    background: transparent !important;
    top: 0;
    width: 100%;
    z-index: 100;
    bottom: unset;
}
.post-carousel-wrapper .htmega-postslider-layout-4 .content .post-inner h2 {
    line-height: 1.1 !important;
    margin-top: 0px;
    margin-bottom: 0px;
}

.slick-slider .thumb {
    padding-top: 120px !important;
}

.htmega-single-post-slide ul.meta {
    position: absolute;
    bottom: 0;
    padding-left: 20px;
}

.htmega-single-post-slide ul.meta li {
    color: #fff !important;
}

.slick-slider .post-btn {
    position: absolute !important;
    bottom: 0 !important;
    text-align: right;
    width: 100%;
    padding: 10px;
    border-top: 1px solid white;
}

.slick-slider .post-btn a:link {
    border: 0 !important;
    float: right;
    display: block !important;
    height: 24px !important;
    width: 24px !important;
    background: url('/wp-content/uploads/2026/02/iconNavigation.svg') !important;
}

.htmega-single-post-slide .content ul.post-category li .hirek, .htbuilder-post-cat a {
    background: #F4EC89 ;
    color: #3D3BE1;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: auto;
    letter-spacing: 1px;
    line-height: 24px;
    padding: 0 8px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}


.htbuilder-post-cat a[href*="/tamogatas/"]  {
    background: #C8E3E6;
}

.htbuilder-post-cat a[href*="/tamogatas/"]  {
    color: #197DFF;
}

.htbuilder-post-cat a[href*="/ipar-4-0/"]  {
    background: #80F5C4;
}
.htbuilder-post-cat a[href*="/ipar-4-0/"]  {
    color: #030D14;
}

.htbuilder-post-cat a[href*="/rendszeruzemeltetes/"]  {
    background: #B7F167;
}
.htbuilder-post-cat a[href*="/rendszeruzemeltetes/"]  {
    color: #09683D;
}

.post-category a[href*="/esettanulmanyok/"], .htbuilder-post-cat a[href*="/esettanulmanyok/"]  {
    background: #49687C !important;
}
.post-category a[href*="/esettanulmanyok/"], .htbuilder-post-cat a[href*="/esettanulmanyok/"]  {
    color: #C2CDD3 !important;
}

.post-category a[href*="/hirek/"], .htbuilder-post-cat a[href*="/hirek/"]  {
    background: #F4EC89 !important;
}

.post-category a[href*="/hirek/"], .htbuilder-post-cat a[href*="/hirek/"]  {
    color: #3D3BE1 !important;
}
.htbuilder-post-cat a[href*="/retail/"]  {
    background: #0C3551 !important;
}

.htbuilder-post-cat a[href*="/retail/"]  {
    color: #F4EC89 !important;
}

.post-inner ul li a[href*="/retail-referencia/"], .htbuilder-post-cat a[href*="/retail-referencia/"]  {
    background: #49683D  !important;
}

.post-inner ul li a[href*="/retail-referencia/"], .htbuilder-post-cat a[href*="/retail-referencia/"]  {
    color: #C2CD14 !important;
}

.htmega-carosul-prev {top: -30px !important; right: 100px; left: unset !important;}
.htmega-carosul-next {top: -30px !important; right: 32px !important;}


/* ===== FOOTER ===== */

.single .entry-footer {
    display: none !important;
}

.elementor-widget-container h5,
h5.ftr-Linkbox_icons strong {
    color: #F4EC89;
    font-weight: 600;
    font-size: 22px;
}

.menu-menu-egyeb-container a,
.menu-footer-fo-container a {
    color: #fff;
}

.menu-menu-egyeb-container a:hover,
.menu-footer-fo-container a:hover {
    color: #F4EC89;
}

.elementor-663 {
	display: none;
}



.portfolio div .thumb a:hover::before {
background: unset !important;
color: white !important;
}


.portfolio div:first-child .thumb a::before {
background: #F4EC89;
opacity: 1;
}

.portfolio div:nth-child(2) .thumb a::before {
background: #F9F5C4;
opacity: 1;
}

.portfolio div:nth-child(3) .thumb a::before {
background: #FCFAE1;
opacity: 1;
}

.portfolio div .post-content {
        top: 0px !important;
	height: 0px;
}

.portfolio div .post-content div h4 {
	margin-top: 0px !important;
}
.portfolio div .post-content div a {
        color: black !important;
}
/* tovabb olvasom gomb hack */

.htmega-post-g-read-more:link {
        color: black !important;
	background-color: #ffffff;
	padding: 4px 10px 2px 2px;
	font-weight: bold;
	font-size: 16px;
	bottom: 14px;
	position: absolute;
}
.htmega-post-g-read-more:hover {
	background-color: #0C3551 !important;
}
.read-icon {
	vertical-align: middle;
	width: 24px;
	height: 24px;
}
/* --- News --- */
.gradient-overlay {
	border: 1px solid #ddd !important;
	padding: 10px !important;
}
.gradient-overlay .category {
	margin: 10px;
	pointer-events: none;
	cursor: default;
}
.htbuilder-post-area .htbuilder-layout-two:first-child {
	display: none; 
}
.htbuilder-post-area .htbuilder-layout-two:nth-child(2) {
	display: none; 
}
.gomb-feher .elementor-button {
	Background-color: #fff !important;
}

/* -- Button --- */

.elementor-button-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    transform: rotate(-45deg);
    transition: transform 0.3s ease;
}
.is-layout-flex > :is(*, div):hover .elementor-button-icon,

.gomb:hover .elementor-button-icon {
    transform: rotate(0deg);
}
.gomb {width: 8vw; margin: 0px !important;white-space: nowrap;}
.gomb a {display: block; width: 18vw; max-width: 400px; padding: 12px 6px 6px 15px; display: inline-table;}
.gomb span {justify-content: space-between; font-size: 16px;}



.newsgomb {border-radius: 2px;}
.newsgomb a {padding: 10px 26px 10px 6px !important; width: 220px; float: left;}
.newsgomb a span {gap: 10px !important; justify-content: unset; }
.newsgomb a:hover {background: #0C3551 !important; color: #fff !important;}
.newsgomb a:hover svg rect {fill: #fff !important;}

.newsgomb .elementor-button-icon  {transform: rotate(0deg);  transition: transform 0.3s ease;}
.newsgomb .elementor-button-icon svg  {width: 24px; height 24px;}
.newsgomb .elementor-button-text {line-height: 1.6 !important;}

.gomb-fekete, .gomb-fekete a:link {background: #061A28 !important; color: #fff !important; fill: #fff !important;}
.gomb-kek, .gomb-kek a:link {background: #061A28 !important; color: #0CCDD3 !important; fill: #0CCDD3 !important;}



.gomb-feher {border: 0px solid #061A28 !important;}
.gomb-feher, .gomb-feher a:link {background: #fff !important; border: 1px solid #061A28;  color: #061A28 !important; fill: #061A28 !important; }

/* .gomb-kek {border: 0px solid #061A28 !important;} */
/* .gomb-kek, .gomb-kek a:link {background: #061A28 !important; color: #0CFFFF !important; fill: #061A28 !important; } */
/* .gomb-kek a:link svg rect {fill: #0CFFFF !important;} */


.gomb-nolink { padding: 10px 26px 10px 6px !important; width: 220px; margin: 0px !important;white-space: nowrap;}
.gomb-nolink span {gap: 10vw !important; font-size: 16px !important;}
.gomb-nolink:hover .elementor-button-icon {
    transform: rotate(0deg);
}

.htbuilder-read-more-btn {background: #0C3551; border: 0px; border-radius: 2px; margin: 0px 10px 10px 0px; width: 200px; padding: 8px 8px 8px 10px;display: inline-flex; align-items: center; color: #fff;}
.htbuilder-read-more-btn::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: url('/wp-content/uploads/2026/07/arrow-white.svg') no-repeat center;
    background-size: contain;
}

.erdekel a {
	background: transparent !important;
	font-size: 10px !impoort;
	width: unset;
	margin-right: 0px !important;
	display: block;
}
.erdekel a span {
	gap: 1.0rem !important;
}

.htbuilder-read-more-btn:hover::before {
    margin-right: 20px;
}
.htbuilder-read-more-btn:hover {
    color: #fff !important;
}




.hatteres-div {
  
  /* Kezdetben átlátszó */
  opacity: 0; 
  
  /* Animáció hozzárendelése */
  animation: fadeInBackground linear both;
  
  /* Az animáció a div nézetbe (viewportba) lépéséhez kötődik */
  animation-timeline: view();
  
  /* ITT VAN A LÉNYEG: 
     entry 50px: az animáció akkor indul, amikor a div 50px-re bejött a képernyő alján.
     entry 800px: az animáció véget ér (100% opacity), amikor 800px-re bejött. */
  animation-range: entry 50px entry 800px; 
}

@keyframes fadeInBackground {
  to {
    opacity: 1;
  }
}


.download {border: 1px solid #C2CDD3; margin: 0px !important;white-space: nowrap; border-radius: 2px;}
.download a {padding-left: 2px !important; color: #859AA8 !important;}
.download .elementor-button-icon {transform: rotate(0deg); padding: 0px; fill: #859AA8 !important;}

.partnerlogo figure {border: 1px solid white; height: 60px; width: 20%;  display: inline !important;}
.partnerlogo figure img {display: unset;}


.nopic .post-carousel-flex .thumb img {
	display: none;
}

/* --- BOX --- */

.box {width: 33%; aspect-ratio: 1 / 1;}
.box2 {width: 50%; aspect-ratio: 1 / 1;}

/* --- FONT --- */

h1 {color: #859aa8; font-size: clamp(1.5rem, 2vw + 1rem, 3rem) !important; font-weight: 400; text-transform: Uppercase; line-height: 1.2 !important;}
h2 {color: #0c3551; font-weight: 300; font-size: clamp(1.5rem, 2vw + 1rem, 2.0rem)}
h3 {color: #0c3551; font-weight: 500; font-size: clamp(1.1rem, 1.5vw + 0.8rem, 1.6rem) !important;}
h5 {color: #859aa8; font-size: 1.4em !important; font-weight: 400;}
h6 {color: #859aa8; font-size: 1.5em !important; text-transform: Uppercase; font-weight: 300; }

.titlefont h1 {font-size: clamp(1.5rem, 2vw + 1rem, 3rem) !important; text-transform: none; line-height: normal !important; font-weight: 400 !important;}
.titledark h1 {color: #0c3551; font-size: clamp(1.5rem, 2vw + 1rem, 3rem) !important; text-transform: none; line-height: normal !important; font-weight: 400 !important;}
.bigtitle h1 {font-size: clamp(1.5rem, 2vw + 1rem, 4rem) !important;}
.weighttitle h1 {font-weight: 600 !important;}
.colorwhite h1 {color: #fff !important; line-height: 1.1  !important; font-weight: 600  !important; text-transform: Uppercase;}

.entry-content h3, .page-content h3, .comment-content h3 {font-size: 20px !important;}

.box-title {position: absolute; top: 30px; left: 30px;  font-size: 1.5em;}
.pagebox {color: #fff;aspect-ratio: 1.2 / 1;}
.pagebox:hover {color: #061A28 !important; background: #F4EC89 !important;}

.big2 {font-size: 1.4em; line-height: 1.2 !important;}

.subtitle {color: #fff; font-size: 16px; text-transform: Uppercase;  display: flex;  align-items: center;  gap: 12px; line-height: 1; margin-bottom: 10px !important;}
.subtitle label {background: #80F5C4; padding: 2px 8px; color: black;}

.colorblack {color: black;}
.colorblue h2 {color: #0C3551 !important; line-height: 1.1  !important; font-weight: 600  !important;}

.colorwhite h2 {color: #fff !important; line-height: 1.1  !important; font-weight: 600  !important; text-transform: Uppercase;}
.colorwhite h5 {color: #fff !important; line-height: 1.1  !important; font-weight: 600  !important;}


.lineheightH6 h6 {line-height: 1 !important;}

.h2slim300 h2 {font-weight: 300 !important;}

.small-white {color: #fff; font-size: 15px;}
.big {font-weight: 600 !important;}

.strong {font-weight: 600;}

.white-hover {color: #fff;}
.white-hover:hover {background: #fff !important;}
.white-hover:hover p { color: #000 !important;}


.white-box {background: #fff !important;}
.white-box  p { color: #000 !important;}




/* =============  Contact7  ============== */ 

.close-box {
	cursor: pointer;
	display: flex;
}

/* Konténer alapok */

.contact-block {
	width: 100%;
}
.contact-block-1 {
	float: left;
	width: 40%;
}
.contact-block-2 {
	float: left;
	width: 60%;
}
.close-text {
	line-height: 30px;
}
.szintezis-form-container {
    margin: 0 auto;
    padding: 20px;
}

/* Sorok és oszlopok elrendezése */
.szintezis-form-container .form-row {
    position: relative;
}

.szintezis-form-container .two-columns {
    display: flex;
    gap: 20px;
}

.szintezis-form-container .form-col {
    flex: 1;
}

/* Címkék (Labels) stílusa */
.szintezis-form-container label {
    display: block;
    font-size: 12px;
    color: #333;
    margin-bottom: 8px;
    font-weight: 400;
}

/* Inputok, Select-ek és Textarea egységes minimalista stílusa */
.szintezis-form-container input[type="text"],
.szintezis-form-container input[type="email"],
.szintezis-form-container select,
.szintezis-form-container textarea {
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #999 !important;
    background: transparent !important;
    padding: 8px 0 !important;
    font-size: 14px !important;
    color: #000 !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease;
}

.szintezis-form-container input:focus,
.szintezis-form-container select:focus,
.szintezis-form-container textarea:focus {
    border-bottom-color: #000 !important;
}


.accordion-content {
	border: 0px solid white;
}

/* Küldés gomb konténer és a ferde nyíl */
.szintezis-form-container .submit-row {
    margin-top: 40px;
}

.szintezis-form-container .submit-btn-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-right: 18px;
}
.szintezis-form-container .submit-btn-wrapper img {
	height: 20px !important;
	width: 20px;
}

.szintezis-form-container input[type="submit"] {
    background: transparent !important;
    border: none !important;
    color: #002855 !important; 
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    letter-spacing: 0.5px;
}


/* CF7 Hibaüzenetek igazítása, hogy ne tolja el a dizájnt */
.szintezis-form-container .wpcf7-not-valid-tip {
    font-size: 12px;
    color: #dc3232;
    margin-top: 5px;
}

/* =============================================== */

.portfolio div .post-content, .portfolio div .content {
	height: 100%;
	pointer-events: none;
}
.adatvedelem span {
	font-size: 14px;
}
input[type="checkbox"] {

	margin: 0 5px 0 0;
}
.form-row.two-columns {
    display: flex;
    gap: 20px;
}

.form-row.two-columns .form-col {
    flex: 1;
}

.form-row.two-columns .form-col input,
.form-row.two-columns .form-col textarea,
.form-row.two-columns .form-col select {
    width: 100%;
    box-sizing: border-box;
}

.widget_categories {margin-left: 20px;}
.widget_categories .title {
	color: #C2CDD3;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%; /* 17.6px */
	text-transform: uppercase;
}
.widget_categories .cat-item {
	leading-trim: both;
	text-edge: cap;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 19.6px */
	text-transform: uppercase;
}
.category .widget_categories .cat-item a {
	color: #030D14;
}
.category  .widget_categories .cat-item a:hover {
	color:  #859AA8;
}

.archive article.post {
	padding-bottom: 0px !important;
	margin-bottom: 3.75em;
	border-bottom: 1px solid #ccc;
}
.archive article.post::after {background: #fff !important;}

.ceo {height: 56px;}

/* ===== RESPONSIVE STYLE ===== */

@media only screen and (min-width: 800px) {

    .hover-box {
        flex-grow: 1 !important;
        flex-basis: 0% !important;
        background: #FCFCFC;
        transition: flex 0.6s ease !important;
			
    }
	.hover-box li {
		  list-style-position: outside;
			padding-left: 0px;
	}
    .hover-box .box-link {
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .hover-box .box-arrow,
    .hover-box .box-arrow-no {
        position: absolute;
        bottom: 0;
	background: #fff;
    }

    .hover-box .box-arrow {
        opacity: 0;
        transition: opacity 0.5s ease;
	background: transparent;
    }

    .hover-box .box-arrow-no {
        transition: opacity 0.5s ease;
    }

    .hover-box:hover {
        flex-basis: 5% !important;
        background: linear-gradient(
            180deg,
            var(--color-dark-25, #EAEDEE) 0%,
            #FCFCFC 100%
        ) !important;
    }

    .hover-box:hover .box-link {
        opacity: 1;
    }

    .hover-box:hover .box-arrow {
        opacity: 1;
    }

    .hover-box:hover .box-arrow-no {
        opacity: 0;
    }

    .navbar-toggle {
        display: none !important;
    }

.box-arrow ul {margin-bottom: 0px !important;}
.box-bottom p {margin-bottom: 0px !important;}

.postlist .slick-slide {min-height: 1px;  width: 100% !important; float: unset; border: 0px;}
.postlist .slick-slide:hover {border: 1px solid #ccc !important;}
   }

/* Konténer alapok */

.contact-block {
	width: 100%;
}
.contact-block-1 {
	display: none;
}
.contact-block-2 {
	float: left;
	width: 100%;
}


.postlist .slick-slide .thumb img {display: none;}

.szintezis-form-container {
    width: 70%;
    float: right;
}

.inner-wrap .entry-meta {display: none;}

/* archive page style */

.archive article.post {
    display: grid;
    grid-template-columns: 40% 60%;
    column-gap: 30px;
    align-items: start;
    
}

.archive article.post .post-thumbnail {
    grid-column: 1;
    grid-row: 1 / span 2;
}

.archive article.post .entry-header {
    grid-column: 2;
    grid-row: 1;
    margin-left: unset;
}
.archive article.post .entry-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
}
.archive article.post .entry-title a:link {
    color: #2d70b8 !important;
}
.archive article.post .entry-title a:hover {
    color: #000 !important;
}
.archive article.post .entry-summary {
    grid-column: 2;
    grid-row: 2;
}

.archive article.post .post-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}
.archive .e-con.e-flex {
    --flex-direction: unset;
}
.archive .page-numbers {
    border: solid 1px; 
}

/* mobile */

.side-nav__wrap {
	padding-top: 0px !important;	
}
.mega-menu-toggle {
	display: none !important;
}
.header-widgets-wrapper .navbar-toggle .icon-bar  {
        background: #000 !important;
}
.navbar-toggle .icon-bar  {
        background: #0CFFFF !important;
}


@media only screen and (max-width: 800px) {

/* .navbar-toggle .icon-bar {background: black !important;} */

.box-info {display: none;}
.e-flex .e-con .e-child {min-height: unset;}

.post-carousel-wrapper {width: 100%; background: white;}
/*.e-con .e-child, .slick-arrow {background-color: unset !important;}*/

/* --- Mobil font --- */

	h1 {font-size: 6vw !important;}

	.bigtext {font-size: 5vw !important; width: 90%;}


/* home site off buttom */

.slider-btn-0,
.slider-btn-1,
.slider-btn-2,
.slider-btn-3 {
	display: none;
	margin: 0px;
	}	


.active-slide-btn {
	display: block;
    )


}
.n-uc-1c6c49c96a8d6-inner {
    object-fit: cover;
    height: 100% !important;
    width: auto !important;
}
.hero-pic {
    object-fit: cover;
    height: 100% !important;
    width: auto !important;
}
.hero-pic > div {
    height: 100% !important;
}
.hero-pic > div > div {
    height: 100% !important;
}

.hero-pic > div > div > img {
  height: 100% !important;
  min-width: 100% !important;
    object-fit: cover;
}
.elementor-icon-wrapper {
	display: none;
	}

.post-carousel-wrapper {
	margin-top: 80px !important;
	}
/* --- BOX --- */

/* --- BOX --- */

.box {width: 100%; aspect-ratio: 1 / 1;}
.box2 {width: 100%; aspect-ratio: 1 / 1;}

.tahefobu-mobile-nav-menu-container {
	display: none !important;
}
.elementor-element-faf1fe7 {
	margin-top: 50px;
}
.htmega-testimonial-area button {
	margin-top: 200px !important;

}
.szintezis-form-container {
    width: 100%;
    float: unset;
}
.htbuilder-single-post {
	display: block !important;
}
.htbuilder-layout-two .htbuilder-single-post {
	display: block !important;
}
.htb-col {display: none;}
.htbuilder-post-area .htbuilder-layout-two:first-child {
	display: block; 
}
.htbuilder-post-area .htbuilder-layout-two:nth-child(2) {
	display: block; 
}
    .form-row.two-columns {
        flex-direction: column;
        gap: 15px;
    }
.gomb {
	margin: 0 0 30px 0 !important;
}

.archive article.post {
	display: unset
}
h2 {
	font-size: 20px !important;
}
}