/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/



.act {font-weight: 700;} 
.custom-section312 {
  display: flex;
  max-width: 80vw;
  margin: 0 auto;
  gap: 0px;
}

h6.post-category { font-weight: 300;}

.left312 {
  width: 40%;
  display: flex;
  justify-content: flex-end;
  text-align: right;
  padding: 13px;
}

.left312 .sticky-text {
  position: sticky;
  top: 100px;
  align-self: flex-start;
}

.right312 {
  width: 60%;
  display: flex;
  justify-content: flex-start;
  text-align: left;
}

@media (max-width: 732px) {
  .custom-section312 {
    flex-direction: column;
  }
	.terkoz{display: none;}
  .left312,
  .right312 {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .left312 .sticky-text {
    position: static; /* Mobilon ne legyen sticky */
  }
}








.munkaim .sticky-text::after {
    margin: 20px !important;
}


.szovegjobbra{max-width: 500px;
    
    float: right;
}
.kozep {
  top: 50%; /* Kezdetben középre pozícionál */
  transform: translateY(-50%);
}

.sticky-header .side-header {
    width: 550px !important;
}


@media screen and (max-width: 732px) {
    #fancy-header > .wf-wrap {
        padding-top: 60px;
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
        padding-bottom: 0px !important;
    }
	.post-thumbnail::after {
    content: '';
    position: absolute;
    top: 93% !important;
    left: 4%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(6vw) calc(6vw) 0 calc(6vw) !important;
    border-color: white transparent transparent transparent;
    transform: translateX(40%) rotate(180deg);
    z-index: 10;
}
	#szolgaltatas-menu-placeholder .vc_column-inner {padding: 0px !important;}
	.sor img {width: 98% !important;}
	.sor .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom: 0px; !important}
}
#szolgaltatas-menu2 .menu-item a {    font: 500 16px / 18px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;}
.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn {
    
	left: 22px !important;}

.back-button {
    position: fixed;
    top: 25px;
    right: 25px;
    z-index: 1000;
}

.back-button img {
    width: 50px; /* Méret beállítása */
    height: auto;
    cursor: pointer;
    transition: opacity 0.3s;
}

.back-button img:hover {
    opacity: 0.7;
}




.menu .current-menu-parent > a, .menu .current-menu-item > a, .custom-nav > li > a:hover span, .custom-nav li.act > a span, .custom-nav > li > ul a:hover span, .st-accordion li > a:hover, .st-accordion > ul li > a:hover *, .widget .custom-categories a:hover span.item-name, .widget_categories li a:hover, .widget_categories li a:not(.class-1):hover, .widget_meta a:hover, .blogroll a:hover, .widget_archive li a:hover, .widget_archive li a:not(.class-1):hover, .widget_recent_entries a:hover, .widget_recent_entries a:not(.class-1):hover, .widget_links a:hover, .widget_pages a:hover, .recent-posts a:not(.post-rollover):hover, .items-grid .post-content > a:hover, #wp-calendar td a:hover, .tagcloud a:hover, .tagcloud a:not(.class-1):hover, .widget_nav_menu a:hover, a.rsswidget:hover {
    color: #ffffff;
    font-weight: bold !important;
	color: black;
}

.post-title {
    font-size: 20px !important;

}



.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn{    background-color: rgb(0 0 0 / 0%);}
@media screen and (max-width: 732px) {
    .masthead:not(.side-header) .mobile-header-bar, .side-header.masthead-mobile-header .mobile-header-bar {
        padding: 0 20px 0 20px;
        box-sizing: border-box;
        margin-bottom: -80px;
    }
}
@media (max-width: 732px) { /* Mobil nézet */
	#szolgaltatas-menu2 { 
		margin-top: -50px !important;
		position: static !important;}
	 
 #munkaim .filter {
    font-size: 16px !important;
    padding-bottom: 30px !important;
    padding-top: 109px !important;
    
	margin-bottom: -30px;
	
	}
.filter-categories {
    position: relative;
    padding-top: 40px;
}
	
	.lent .vc_single_image-wrapper::after {
  
  border-width: calc(3vw) calc(3vw) 0 calc(3vw) !important;
  border-color: white transparent transparent transparent;
  z-index: 10; 
}
	.mobile-text {padding-top: 10px;}
	.mobile-text .h4 {text-align: left; }
	.mobile-text .h6 {text-align: left !important;}
	.mobile-text .uvc-sub-heading .ult-responsive {text-align: left;}
	.mobile-text .uvc-heading {text-align: left !important;}
}


h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1-size, .entry-title.h1-size, .h2-size, .entry-title.h2-size, h1.entry-title, .h3-size, .entry-title.h3-size, h2.entry-title, .h4-size, .entry-title.h4-size, h3.entry-title, .h5-size, .entry-title.h5-size, .h6-size, .entry-title.h6-size, .header-color, .entry-meta .header-color, .color-title {
    color: var(--the7-title-color) !important;
}
.post-meta {
    order: -1; /* Másodikból első */
}

.post-title {
    order: 1; /* Elsőből második */
}

.custom-text-box {
    order: 2; /* Harmadik marad harmadik */
}



@media (max-width: 732px) {
	.left312 .sticky-text::after {
        content: '';
        position: absolute;
        top: -35px;
        left: 10%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: calc(5vw) calc(5vw) 0 calc(5vw) !important;
        border-color: white transparent transparent transparent;
        transform: rotate(180deg) !important;
		z-index: 9999;}
  .sor {
    flex-direction: column; /* Vertikális elrendezés */
  }

  .sticky-text {
    order: 2; /* A második helyre kerül */
  }
	.left312{ order: 2; }
  .mobil2 {
    order: 1; /* A kép az első lesz */
	     
         
  }
	.left312 .post-meta .post-title .szovegjobbra {text-align: left;}
	h6.post-category { text-align: left; }
	.post-title {text-align: left;}
	.szovegjobbra{text-align: left;}
	
	.video-container22 { float: right;}
	
	
 #munkaim .filter {
    /* margin-top: 23px; */
    padding-top: 1px !important;
    position: static !important;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    z-index: 10;
    padding: 0px 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
	 
}
	 
    .filter-categories {
        position: relative;
        padding-top: 0px;
    }

}

@media (max-width: 732px) {
    #munkaim .filter {
        margin-top: -59px !important;
    }
}




.sticky-text {
    position: relative; /* Biztosítja, hogy az abszolút pozícionálás működjön */
    overflow: visible !important; /* Engedélyezi a túlcsordulást */
	z-index: 10;
	transform: translateY(50%);
}

.sticky-text::before {
    content: '';
    position: absolute;
    top: 15%; /* Kicsit feljebb a kép aljától */
    right: 95%;
     /* Kilóg az oszlopból */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(2.5vw) calc(2.5vw) 0 calc(2.5vw) !important;
    border-color: white transparent transparent transparent;
    transform: rotate(90deg) !important;
    z-index: 9999;
}

.sticky-text::after {
    content: '';
    position: absolute;
    top: 15%; /* Kicsit feljebb a kép aljától */
    left: 95%;
     /* Kilóg az oszlopból */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(2.5vw) calc(2.5vw) 0 calc(2.5vw) !important;
    border-color: white transparent transparent transparent;
    transform: rotate(270deg) !important;
    z-index: 9999;
}
@media (max-width: 732px) {
	.sticky-text {padding-top: 10px;}
	.sor {
		display: flex;}
    /* Az ::after elem mobilra való módosítása */
    .sticky-text::after {
        content: '';
        position: absolute;
        top: -20px; /* Kicsit feljebb a kép aljától */
        left: 10%; /* Kisebb távolság a mobil képernyőkön */
        width: 0;
        height: 0;
        border-style: solid;
        border-width: calc(5vw) calc(5vw) 0 calc(5vw) !important; /* Növelt méret mobilra */
        border-color: white transparent transparent transparent;
        transform: rotate(180deg) !important; /* Elforgatás */
        z-index: 9999;
    }
}


.post-content {text-align: right;}
.sor img{
	max-height: 80vh;
	width: auto;
}

.post-image {
    position: relative;
    display: inline-block; /* Megőrzi a kép méretét */
}

.post-image::after {
    content: '';
    position: absolute;
    top: 15%; /* Kicsit feljebb a kép aljától */
    left: 3%; /* Középre igazítva */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(1.5vw) calc(1.5vw) 0 calc(1.5vw) !important;
    border-color: white transparent transparent transparent;
    transform: translateX(-65%) rotate(270deg) !important;
    z-index: 10;
}



.scroll-top.on {
    display: none !important;
}
.sor {
  height: auto; /* Magas oldal a görgetéshez*/ 
  position: relative;
  /*overflow: hidden;*/ /* Ezzel megakadályozod, hogy az elem kilépjen a szülőből */
      overflow-x: visible !important;
    /*display: flex;*/
	margin-top: 100px;
	margin-bottom: 100px;
	

}

.sticky-text {
  position: fixed;
  transform: translate3d(0, 0, 0); /* Középre igazítás */
  transition: transform 0.1s linear; /* Simább mozgás */

  padding: 0px 20px;
 
 
}
.bal {
  position: relative; /* Szükséges a ::after megfelelő pozicionálásához */
}

.bal::after {
  content: '';
  position: absolute;
  top: 15%; /* Fentről 25% */
  left: 4%; /* A bal széltől negatív irányban */
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0px 25px; /* Háromszög alakú nyíl */
  border-color: white transparent transparent transparent;
  transform: translateX(-99%) rotate(270deg); /* Pozíció és forgatás */
	z-index: 10; 
}
.bal-video {
    float: right;
	
}

.bal-video::after {
  content: '';
  position: absolute;
  top: 15%; /* Fentről 25% */
  left: 3%; /* A bal széltől negatív irányban */
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0px 25px; /* Háromszög alakú nyíl */
  border-color: black transparent transparent transparent;
  transform: translateX(-75%) rotate(270deg); /* Pozíció és forgatás */
	z-index: 10; 
	
}

/**/
.video-container {
  position: relative;
  display: inline-block; /* A tartalmához igazodjon */
}

.video-container::after {
  content: '';
  position: absolute;
  top: 15%; /* Fentről 25% */
  left: 3%; /* A bal széltől negatív irányban */
  width: 0;
  height: 0;
  border-style: solid;
  /*border-width: 25px 25px 0px 25px;*/ /* Háromszög alakú nyíl */
  border-width: calc(3vw) calc(3vw) 0 calc(3vw);
  border-color: white transparent transparent transparent;
  transform: translateX(-75%) rotate(270deg); /* Pozíció és forgatás */
	z-index: 10; 
}


.video-container2::after {
  content: '';
  position: absolute;
  top: 18%;
  left: 95%;
  width: 0;
  height: 0;
  border-style: solid;
  /*border-width: 25px 25px 0 25px;*/
     border-width: calc(3vw) calc(3vw) 0 calc(3vw);	
  border-color: white transparent transparent transparent;
  transform: translateX(-15%) rotate(90deg);
  z-index: 10;
}

/**/
.jobb-video { }
.jobb-video::after {
  content: '';
  position: absolute;
  top: 15%; /* Fentről 25% */
  left: 95%; /* A bal széltől negatív irányban */
  width: 0;
  height: 0;
  border-style: solid;
  /*border-width: 25px 25px 0px 25px; *//* Háromszög alakú nyíl */
  border-width: calc(3vw) calc(3vw) 0 calc(3vw);
  border-color: white transparent transparent transparent;
  transform: translateX(-15%) rotate(90deg); /* Pozíció és forgatás */
	z-index: 10; 
}

.jobb::after {
  content: '';
  position: absolute;
  top: 15%; /* Fentről 25% */
  left: 97,5%; /* A bal széltől negatív irányban */
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(3vw) calc(3vw) 0 calc(3vw);
  border-color: white transparent transparent transparent;
  transform: translateX(-75%) rotate(90deg); /* Pozíció és forgatás */
	z-index: 10; 
}

.lent .vc_single_image-wrapper {
  position: relative; /* Fontos, hogy a háromszög pozícióját ehhez viszonyítjuk */
}

.lent .vc_single_image-wrapper::after {
  content: '';
  position: absolute;
  bottom: 0; /* A kép alján helyezkedik el */
  left: 20%; /* Középre igazítjuk vízszintesen */
  transform: translateX(-30%) rotate(180deg); /* Előzőleg balra mozgattuk, most középre */
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(1.5vw) calc(1.5vw) 0 calc(1.5vw);
  border-color: white transparent transparent transparent;
  z-index: 10; 
}

.menu-line {
  display: inline-block; /* A span alapból inline, ezt meg kell változtatni, ha méretet akarunk adni */
  width: 100px; /* Szélesség */
  height: 20px; /* Magasság */
  background-image: url('https://test9.magicwebtest.hu/wp-content/uploads/2025/01/CorpuShop-logo.png'); /* A kép URL-je */
  background-size: cover; /* A kép méretezése, hogy kitöltse az elemet */
  background-position: center; /* A kép pozíciója */
  background-repeat: no-repeat; /* Ne ismétlődjön a kép */
}

.menu-toggle .lines-button .menu-line {
  display: block; /* A <span> alapértelmezett inline viselkedésének felülírása */
  width: 50px; /* Az elem szélessége */
  height: 5px; /* Az elem magassága */
  background-image: url('https://test9.magicwebtest.hu/wp-content/uploads/2025/01/CorpuShop-logo.png'); /* A kép URL-je */
  background-size: cover; /* A kép mérete kitölti az elemet */
  background-position: center; /* A kép középre igazítása */
  background-repeat: no-repeat; /* A kép nem ismétlődik */
  margin: 5px 0; /* Térköz a vonalak között */
}

.menu-toggle{
    /* background-image: url(your-image-url.jpg); */
    background-image: url(https://test9.magicwebtest.hu/wp-content/uploads/2025/01/CorpuShop-logo.png);
    width: 85px;
    height: 108px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	margin: 20px;
    /* width: 100%; */
    /* height: 100px; */
}

.dt-mobile-menu-icon{    /* background-image: url(your-image-url.jpg); */
    background-image: url(https://test9.magicwebtest.hu/wp-content/uploads/2025/01/CorpuShop-logo.png);
    width: 42.5px;
    height: 54px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* width: 100%; */
    /* height: 100px; */}

.dot-mobile-menu-icon .dt-mobile-menu-icon .lines-button{ display:none;}


.info-icooon {
    position: fixed; /* Rögzíti az elemet a képernyőn */
    bottom: 40px;    /* A nézetablak aljától való távolság */
    right: 10px;     /* A nézetablak jobb szélétől való távolság */
    background: transparent; /* Átlátszó háttér */
    border: none;    /* Nincs szegély */
    font-size: 16px; /* Betűméret */
    cursor: pointer; /* Mutatóváltás hoverre */
    z-index: 1000;   /* Rétegsorrend prioritása */
	margin-top: -50px;
	margin-right: 20px;
}

@media screen and (max-width: 993px){.info-icooon {
    position: fixed; /* Rögzíti az elemet a képernyőn */
    bottom: 40px;    /* A nézetablak aljától való távolság */
    right: 10px;     /* A nézetablak jobb szélétől való távolság */
    background: transparent; /* Átlátszó háttér */
    border: none;    /* Nincs szegély */
    font-size: 16px; /* Betűméret */
    cursor: pointer; /* Mutatóváltás hoverre */
    z-index: 1000;   /* Rétegsorrend prioritása */
	margin-top: -50px;
	margin-right: 20px;
}}
.hamburger-bg-hover-enable .menu-toggle:after {
    
	background: rgb(255 255 255 / 0%) !important;}

.menu-toggle .lines-button .menu-line{display:none;}

/* A konténer formázása */
.menu-szolgaltatasok-container {
  text-align: center; /* Középre igazítja a tartalmat */
  padding: 10px; /* Térköz a konténer körül */

}

/* Az ul elem formázása */
#szolgaltatas-menu2 {
  display: flex; /* A listák egymás mellé helyezése */
  justify-content: center; /* Középre igazítás */
  list-style: none; /* Lista stílus eltávolítása */
  padding: 0; /* Térköz eltávolítása */
  margin: 0; /* Margó eltávolítása */
  gap: 15px; /* Távolság a listaelemek között */
	position: fixed; top: 0px; left: 0px; z-index: 11;
        border-bottom: 1px solid black;
    
    display: flex
;
    justify-content: center;
    list-style: none;
    padding: 50px 0px 34px 0px;
    background: white;
    width: 100%;
    /*z-index: 10;
    background: white;
    border-bottom: solid;
    margin-bottom: 7px;
    padding-bottom: 22p;
    margin-top: -76px;
	height: 100px;*/
}

/* A listaelemek formázása */
#szolgaltatas-menu2 .menu-item {
  display: inline-block; /* Egymás melletti megjelenítés */
}

/* A linkek formázása */
#szolgaltatas-menu2 .menu-item a {
  text-decoration: none; /* Aláhúzás eltávolítása */

  padding: 10px 20px; /* Térköz a linkeken belül */

  border-radius: 5px; /* Lekerekített sarkok */
  transition: background-color 0.3s; /* Animáció az egér áthaladásakor */
}

/* Hover effekt a linkekhez */
#szolgaltatas-menu2 .menu-item a:hover {
  font-weight: 300;
  color: #000; /* Hover állapot szövegszíne (opcionális) */
}

/*#szolgaltatas-menu2 .menu-item a:active{
	font-weight: 500;
}*/
/* Aktív elem formázása */
#szolgaltatas-menu2 .menu-item a[aria-current="page"] {
  font-family: Montserrat;
  font-weight: 600;
  color: #000; /* Aktív elem szövegszíne */
}

#szolgaltatas-menu2 .menu li {
    display: inline-block; /* Egymás mellé helyezés */
    margin: 0 15px 0; /* Oldalsó margó */
    padding: 0; /* Belülről ne legyen extra térköz */
    position: relative; /* Pozíció megőrzése */
	border-style: none;
	border-width: 0px;
}
#szolgaltatas-menu2 .menu li,
#szolgaltatas-menu2 .widget .menu li,
#szolgaltatas-menu2 .widget_pages li,
#szolgaltatas-menu2 .widget .custom-menu.dividers-on li,
#szolgaltatas-menu2 div[class*='elementor-widget-wp-widget-'] .custom-menu.dividers-on li,
#szolgaltatas-menu2 div[class*='elementor-widget-wp-widget-'] .menu li,
#szolgaltatas-menu2 .widget .blogroll li,
#szolgaltatas-menu2 .widget .qts-lang-menu li {
    border-style: none !important; /* Az összes határ stílusa eltávolítva */
    border-width: 0 !important; /* Border szélesség eltávolítása */
    border-color: transparent !important; /* Border szín eltávolítása */
}




.side-header .header-bar {
    
	background: linear-gradient(100deg, black 66%, transparent 50%, #0000ff00);
    background-position: -100%; /* A háttér indul a bal szélen kívülről */
    animation: slideInBackground 2s ease-out forwards; /* Animáció */
}

/* Animáció definiálása */
.side-header .header-bar.animate {
    animation: slideInBackground 2s ease-out forwards;
}


#menu-szolgaltatasok .current-menu-item > a:active {
  color: #fff !important; /* Csak az aktív link szövege legyen fehér */
}


#szolgaltatas-menu2 .menu-item a {
  font-weight: normal; /* Alapértelmezett súly */
}

/* Ha a hash megegyezik az ID-val, akkor az aktív link lesz vastagabb */
#szolgaltatas-menu2 .menu-item a:target {
  font-weight: 600 !important;
  color: #000 !important;
}

.szolgaltatas-menu .menu-item a.act {
    color: red !important;
	font-weight: 700;
	
}


/*munkaim */

/* A portfólió egyes tételeinek elrendezése */
/*.dt-isotope .wf-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}

.dt-isotope .post-thumbnail-wrap {
  flex: 1;
  max-width: 50%;
}

.dt-isotope .post-thumbnail-wrap img {
  width: 100%;
  height: auto;
}

.dt-isotope .post-entry-content {
  flex: 1;
  max-width: 50%;
  padding: 10px;
}

@media (max-width: 768px) {
  .dt-isotope .wf-cell {
    flex-direction: column;
  }

  .dt-isotope .post-thumbnail-wrap,
  .dt-isotope .post-entry-content {
    max-width: 100%;
  }
}
*/
/*.iso-container {
  display: flex;
  flex-wrap: wrap; 
  gap: 15px; 
}*/

/*.iso-item {
  flex: 1 1 calc(50% - 15px); 
  box-sizing: border-box; 
}*/
.mode-grid:not(.bottom-overlap-layout-list).albums-shortcode article, .mode-grid:not(.bottom-overlap-layout-list).portfolio-shortcode article, .mode-masonry:not(.bottom-overlap-layout-list).albums-shortcode article, .mode-masonry:not(.bottom-overlap-layout-list).portfolio-shortcode article {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: flex
;
	flex-direction: row;}
/* Munkáim vége*/
.tp-bgimg{
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%, 0 100%);
    z-index: -1; /* A videó mögé kerül a tartalom */
    position: fixed
}

.mini-nav{font-size: 16px;}
#footer .wf-container-footer {
    padding-top: 0px;
	padding-bottom: 0px;}
.wf-container{height: 0;}

/* Munkáim 2*/
/*.content-bg-on.centered-layout-list article, .content-bg-on.classic-layout-list article {

    display: flex
;
    flex-direction: row;
}*/


/* Alapértelmezett: kép fent, szöveg lent */
/*.mode-grid:not(.bottom-overlap-layout-list) article,
.mode-masonry:not(.bottom-overlap-layout-list) article {
    display: flex;
    
	flex-direction: row
}


.mode-grid:not(.bottom-overlap-layout-list) article:nth-child(even),
.mode-masonry:not(.bottom-overlap-layout-list) article:nth-child(even) {
    flex-direction: column-reverse; 
}*/

h4 a:hover {
    color: #333333;
}
#munkaim .post-entry-content {
    display: flex;
    flex-direction: column;
}
.entry-author {
    /* background-color: var(--the7-content-boxes-bg); */
    display: none;
}
#munkaim .entry-meta {
    order: -1; /* Kategóriák előrehozása */
	font-family: Roboto;
}

#munkaim .entry-title {
    order: 0; /* Cím marad középen */
	/*font-family: Veranda !important;*/
	font-size: 20px;
}

#munkaim .entry-excerpt {
    order: 1; /* Kivonat marad legalul */
	font-family: Veranda !important;
	font-size: 16px !important;
}


#munkaim .entry-author {
    display: none;
}

#munkaim .css-grid-filter .filter-bg-decoration .filter{
	    font-family: Montserrat;
    font-weight: 600;
    color: #000;
    padding: 20px 20px;

	
}
#munkaim .filter{
	font-size: 16px !important;
	padding-bottom: 40px;
	/*padding-top: 25px;*/    
}
#munkaim .accent-gradient .filter-bg-decoration .filter-categories a.act { background: white;  color: black !important; font-weight: 700; }

#munkaim .blog-shortcode.blog-masonry-shortcode-id-6278777046edf367d9a46778d1cb0241 .filter-bg-decoration .filter-categories a.act {
    color: black !important;
	font-weight: 700;
	
}

#munkaim .filter-categories::after {
    content: "";
    position: absolute;
    padding-left: 1000px;
    padding-right: 1000px;
    width: 100vw; /* Teljes képernyő szélesség */
    height: 1px; /* A border vastagsága */
    background-color: black; /* A border színe */
	width: 100%;
	margin-top: 150px;
}
#munkaim .filter-categories a, .filter-categories .customSelect {
    font: 300 16px / 18px "sans-serif", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
	color: #222222;
}


#munkaim .fancy-header .fancy-subtitle {
    font-size: 18px;
    line-height: 15px;
    color: #767676 !important;
    text-transform: none;
    font-weight: 100;
    padding-top: 20px;
    font-family: 'Roboto';
	max-width: 667px;
}

#munkaim .blog-shortcode.blog-masonry-shortcode-id-000c786769cef39d49f3fcdc372766da .filter-bg-decoration .filter-categories a.act {
    color: #000000;
    background: none;
    font-weight: 900 !important;
}
#munkaim .filter {
    font-size: 16px !important;
    padding-bottom: 59px;
    padding-top: 59px !important;
}

/*urlap*/

.form-grid {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 10px;
    max-width: 1000px;
        margin-bottom: -70px !important;
    padding: 20px;
    margin: 0 auto; /* Középre igazítás */
}

.left-column,
.right-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
	padding: 20px;
}

.form-grid2 {
    display: grid;
    grid-template-columns: 70% 30%;
    gap: 10px;
    max-width: 1000px;
    margin-top: -86px;
    padding: 20px;
    margin: 0 auto; /* Középre igazítás */
}

.left-column2,
.right-column2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
	padding: 20px;
}

.gomb{width: 100%;}


.right-column textarea {
    height: 100%;
    min-height: 150px;
}

.bottom-row {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 70% 30%;
    gap: 10px;
    align-items: center;
}

.wpcf7-form label {
    font-weight: bold;
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form [type="file"] {
    width: 100%;
    padding-top: 8px;
    border: 0px solid #ccc;
    margin-bottom: 30px important;
	color: #767676;
}

.wpcf7-form textarea {
    resize: vertical;
}

.wpcf7-form [type="submit"] {
    background: white;
    border: 0px solid black;
    padding: 10px;
    cursor: pointer;
    text-align: center;
	color: red;
	background: white;
}

.mec-event-footer .mec-booking-button, .dt-form button, #page .widget .dt-form .dt-btn, .widget .dt-form .dt-btn, input[type="reset"], .wpcf7-submit, .nsu-submit, .dt-wc-btn, input#place_order, .woocommerce-Reviews .submit:not(.box-button), input.button, input[name="save_address"], .wc-layout-list .woo-buttons a, .post-password-form input[type="submit"], .mc4wp-form input[type="submit"], div.mc4wp-form button[type="submit"], .tml-submit-wrap input[type="submit"], .wpcf7-form input[type="submit"], input[type="submit"]:not([name="update_cart"]), .woocommerce-widget-layered-nav-dropdown__submit, .give-btn.give-btn-reveal, .give-submit.give-btn, .wc-block-filter-submit-button {
    color: var(--the7-btn-color);
    background: white;
	color: black;
        width: 100%;
	    border: 1px solid black;
}    
.widget_search input[type=text].searchform-s, .woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select, .wpcf7-number, input[type=text]:not(.elementor-field):not(.searchform-s), input[type=search]:not(.elementor-field), input[type=tel]:not(.elementor-field), input[type=url]:not(.elementor-field), input[type=email]:not(.elementor-field), input[type=number]:not(.elementor-field), input[type=date]:not(.elementor-field), input[type=range]:not(.elementor-field), input[type=password]:not(.elementor-field), select:not(.elementor-field):not(.elementor-field-textual), textarea:not(.elementor-field) {
	margin-bottom: 35px;}

.file-upload {
    /*padding: 10px;*/
    /*border: 2px solid #007bff;
    border-radius: 5px;*/
    background-color: #f8f9fa;
    font-size: 16px;
    cursor: pointer;
	margin-top: -2px;
}



@media (max-width: 768px) {
    .form-grid, .form-grid2, .bottom-row {
        grid-template-columns: 1fr; /* Egy oszlop legyen */
    }
    
    .form-grid {
        margin-bottom: 0px !important;
    }

    .left-column, .right-column, 
    .left-column2, .right-column2 {
        padding: 10px;
    }
}
/**/



.file-upload::-webkit-file-upload-button {
    background-color: white; /* Fehér háttér */
    color: black; /* Fekete szöveg */
    padding: 10px 20px; /* Felül és alul +5px padding */
    font-size: 16px;
    border: 2px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
	margin-top: -7px !important;
	
	
}

/**/
.css-grid-filter .filter-bg-decoration .filter {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: white; /* Állítsd be a kívánt háttérszínt */
    z-index: 9999; /* Magas rétegindex, hogy elöl maradjon */
    padding: 10px 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


.filter {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: white; /* vagy egyéb háttérszín */
    z-index: 9999; /* hogy más elemek ne takarják el */
    padding: 20px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.filter {
    /*margin-top: 23px;*/
    padding-top: 33px;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    z-index: 10;
    padding: 61px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
/* üzlap vége*/
.blog-shortcode.blog-masonry-shortcode-id-000c786769cef39d49f3fcdc372766da.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {
    grid-row-gap: 30px;
    margin-top: 142px;
}

.dt-css-grid .wf-cell {
    display: flex
;
    padding: 0;
    opacity: 0;
    margin-bottom: 70px;
}

.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form [type="file"] {
    width: 100%;
    /* padding-top: 8px; */
        background: white;
    margin-bottom: 30px important;
}

.custom-file-upload{background:red;}

.post-meta .entry-meta, .post-meta .entry-tags {
    
	display: none;}

.post-thumbnail::after {
    content: '';
    position: absolute;
    top: 93%; /* Fentről 15% */
    left: 4%; /* A bal széltől 4%-kal */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(3vw) calc(3vw) 0 calc(3vw); /* Háromszög alakú nyíl, dinamikusan a viewport szélességéhez igazítva */
    border-color: white transparent transparent transparent;
    transform: translateX(40%) rotate(180deg); /* Pozíció és forgatás */
    z-index: 10;
}

.page-title.title-center .breadcrumbs {
    /* text-align: center; */
    display: none;
}


.custom-single-post-container {
    display: flex;
    flex-direction: row; /* Oldalra rendezi az elemeket */
    max-width: 60%; /* 100%-ra állítjuk, hogy ne legyen korlátozva */
    margin: 40px auto;
    gap: 30px;
    justify-content: space-between; /* Képes lesz kitölteni a szülőt */
    align-items: flex-start; /* Ha szükséges, az oszlopokat a tetejére igazítja */
}



.post-text{max-width: 80%; display: flex;
    max-width: 80%;
	
    margin: 40px auto;
    gap: 30px;}


.post-image {
    width: 60%; /* A szülő szélessége */
    max-height: 500px; /* A szülő maximális magassága */
    overflow: hidden; /* Levágja a túllógó részeket */
    display: flex; /* Flexbox aktiválása */
    justify-content: center; /* Kép vízszintes középre igazítása */
    align-items: center; /* Kép függőleges középre igazítása */
}

.post-image img {
    width: 100%; /* A kép szélessége kitölti a szülőt */
    height: 100%; /* A kép magassága kitölti a szülőt */
    object-fit: cover; /* Levágja a túllógó részeket, megtartja az arányokat */
}

.post-content {
    flex: 1;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-direction: column;
}

.post-category {
    font-size: 14px;
    font-weight: bold;
    color: #555;
}

.post-title {
    font-size: 32px;
    margin-top: 10px;
	font-weight: bold;
    font-family: Verdana;
}



.post-content a{color: var(--the7-h6-color);
    font: var(--the7-h6-font);
    text-transform: var(--the7-h6-text-transform);
    letter-spacing: var(--the7-h6-letter-spacing);
    word-spacing: var(--the7-h6-word-spacing);
	font-weight: normal;
}

.single .post-meta {
    margin-bottom: 0px;
}
.category-link{    color: var(--the7-h6-color);
    font: var(--the7-h6-font);
    text-transform: var(--the7-h6-text-transform);
    letter-spacing: var(--the7-h6-letter-spacing);
    word-spacing: var(--the7-h6-word-spacing);}
.entry-title{
    color: var(--the7-h6-color);
    font: var(--the7-h6-font);
    text-transform: var(--the7-h6-text-transform);
    letter-spacing: var(--the7-h6-letter-spacing);
    word-spacing: var(--the7-h6-word-spacing);}

.entry-excerpt .custom-text-box{
     font: var(--the7-base-font-big);
    letter-spacing: var(--the7-base-letter-spacing);
    text-transform: var(--the7-base-text-transform);
    text-decoration: var(--the7-base-text-decoration);
    word-spacing: normal;
	color: var(--the7-base-color);}




.post-image {
    position: relative;
    display: inline-block;
}

.post-image .arrow {
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: black transparent transparent transparent;
    transform: translateX(-50%);
    z-index: 600px;
}

.post-image::after {
    content: '';
    position: absolute;
    top: 15%;
    left: 97%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(3vw) calc(3vw) 0 calc(3vw);
    border-color: white transparent transparent transparent;
    transform: translateX(-36%) rotate(90deg) !important;
    z-index: 10;
    border-width: calc(1.5vw) calc(1.5vw) 0 calc(1.5vw) !important;
}
	
	
	
.show-mobile-header .dt-mobile-header{
	background: linear-gradient(100deg, black 66%, transparent 50%, #0000ff00);
    background-position: -100%;
    animation: slideInBackground 2s ease-out forwards;
}

.mobile-main-nav li.act > a .menu-text, .mobile-main-nav li.act > a .subtitle-text, .dt-mobile-header .mobile-main-nav .sub-nav > li.act > a .subtitle-text, .dt-mobile-header .mobile-main-nav .sub-nav > li.act > a .menu-text {
    color: #1ebbf0;
    background: -webkit-linear-gradient(left, #ffffff 30%, #ffffff 100%);
    color: transparent;
    -webkit-background-clip: text;
	background-clip: text;}
.mobile-main-nav li > a .menu-text {
    font: 700 16px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    color: #ffffff;
	text-transform: none;}


@media screen and (max-width: 950px) and (orientation: landscape) { 
  .sor img {
    height: 100% !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
  }
	.left312 {
    width: 100%;
    text-align: left;
	justify-content: left;
    
}
	
	.sticky-text::before {display: none;}
	.sor {
        display: flex;
        align-items: center;
        flex-direction: column;}
	.left312 .sticky-text::after {
        content: '';
        position: absolute;
        top: -30px;
        left: 10%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: calc(3vw) calc(3vw) 0 calc(3vw) !important;
        border-color: white transparent transparent transparent;
        transform: rotate(180deg) !important;
        z-index: 9999;
    }
	.sticky-text::after {
        content: '';
        position: absolute;
        top: -37px;
        left: 10%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: calc(3vw) calc(3vw) 0 calc(3vw) !important;
        border-color: white transparent transparent transparent;
        transform: rotate(180deg) !important;
        z-index: 9999;
    }
	
	.sticky-text {position: fixed}
	  .sticky-text {
    order: 2; /* A második helyre kerül */
  }
	.left312{ order: 2; }
  .mobil2 {
	  order: 1; /* A kép az első lesz */}
	
	    .masthead:not(.side-header) .mobile-header-bar, .side-header.masthead-mobile-header .mobile-header-bar {
        padding: 0 20px 0 20px;
        box-sizing: border-box;
        margin-bottom: -80px;
    }
	.sor .mobile-hsz img {
    max-height: 100%;
    width: auto;
}
	.sor video {padding-bottom: 2px;}
	.mobile-hsz{width: 100%;}
	.mobile-hsz img{width: 100% !important; height: 100% !important;}
	/*.mobile-padd img {margin-bottom: 15px;}*/
	.mobile-padd {margin-bottom: 20px;}
 /* Mobil nézet */
	#szolgaltatas-menu2 { 
		margin-top: -50px !important;
		position: static !important;}
	 
 #munkaim .filter {
    font-size: 16px !important;
    padding-bottom: 30px !important;
    padding-top: 30px !important;
    
	margin-bottom: -30px;
	
	}
.filter-categories {
    position: relative !important;
    padding-top: 40px;
}
	
	.lent .vc_single_image-wrapper::after {
  
  border-width: calc(3vw) calc(3vw) 0 calc(3vw) !important;
  border-color: white transparent transparent transparent;
  z-index: 10; 
}
	.mobile-text .h4 {text-align: left; }
	.mobile-text .h6 {text-align: left !important;}
	.mobile-text .uvc-sub-heading .ult-responsive {text-align: left;}
	.mobile-text .uvc-heading {text-align: left !important;}
    #fancy-header > .wf-wrap {
        padding-top: 60px;
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
        padding-bottom: 0px !important;
    }
	.filter {
        box-shadow: 0 2px 5px rgb(0 0 0 / 0%);
		position: static !important;}
	.post-thumbnail::after {
    content: '';
    position: absolute;
    top: 97% !important;
    left: 4%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(3vw) calc(3vw) 0 calc(3vw);
    border-color: white transparent transparent transparent;
    transform: translateX(40%) rotate(180deg);
    z-index: 10;
}
	#szolgaltatas-menu-placeholder .vc_column-inner {padding: 0px !important;}
	.sor img {width: 98% !important;}
	.sor .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom: 0px; !important}
	
	    #munkaim .filter {
        margin-top: -59px !important;
    }
	.sticky-text{padding: 15px 5px;}
	video {margin-bottom: 12px;}
}



@media (max-width: 732px) {
    .sticky-text::after {
        content: '';
        position: absolute;
        top: -18px;
        left: 10%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: calc(5vw) calc(5vw) 0 calc(5vw) !important;
        border-color: white transparent transparent transparent;
        transform: rotate(180deg) !important;
        z-index: 9999;
    }
	.sticky-text{padding: 15px 0px;}
	.sticky-text::before {display: none;}
}


.dt-mobile-menu-icon:not(.floating-btn) {
    margin: 10px 0px 0px 0px;
	top: 20px;
    border-radius: 0px;
    position: fixed;
}