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

body {
  font-family: 'Work Sans';
}

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

.navbar {
    max-height: 90px !important;
    padding: 8px 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;	*/
}

.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: #fff;
  padding: 20px;
  border-radius: 4px;
  width: 1200px;
  max-width: 90%;
}


.mega-menu-wrap {
/* mix-blend-mode: normal !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; */
}

.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: 100vw !important;
}
.n2-ss-slider {
	calc(100%-100px);
}
.hero-block {
	display: inline-table !important;
}
.hero-block .n2-ss-layer-row {
	margin: 0 50px 50px 0 !important;
}

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

.logo-line {
	height: 100px !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 ===== */

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    left: 100%;
    transform: translateX(-40%) !important;
}


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

.swiper-slide img {
    width: 112px !important;
}




/* ==== 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;
}

.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 {
    background: #F4EC89 !important;
    color: #3D3BE1 !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 a {
        color: black !important;
}
.portfolio div .post-content div h4 {
	margin-top: 0px !important;
}

/* --- 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; 
}


/* -- 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 span {gap: 10vw !important;}

.gomb-fekete, .gomb-fekete a:link {background: #061A28 !important; color: #46FAE1 !important; fill: #46FAE1 !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;}

.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: 3.8vw !important; font-weight: 400; text-transform: Uppercase; line-height: 1.2 !important;}
h2 {color: #0c3551; font-weight: 300; font-size: 2.5em;}
h3 {color: #0c3551; font-weight: 500; font-size: 2em;}
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; }

.box-title {position: absolute; top: 0px; 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: 1em; text-transform: Uppercase;  display: flex;  align-items: center;  gap: 10px; line-height: 1;}
.subtitle label {background: #80F5C4; padding: 0px 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: 13px;}
.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;
}

.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;
}

.htmega-post-g-read-more  {
	bottom: 14px;
	position: absolute;
}
















/* ===== BOX ANIM ===== */

@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;
    }

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

    .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;}

@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: 90%;}

/* --- 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;
}