:root {
	--cassiopeia-color-primary: #252b41;
	--cassiopeia-color-link: #ff9f00;
	--cassiopeia-color-hover: #252b41;
}

html body {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
	margin-bottom: 2rem;    
}

.blog-item h3 {
	margin-top: 2rem;    
}

a:focus, a:hover {
	text-decoration: none;
}

.position-sticky {
  position: sticky !important;
}

div.mod-languages ul li.lang-active {
    background-color: rgba(255,255,255,0);
}

.container-header .metismenu > li.active > a::after, .container-header .metismenu > li.active > button::before {
	background: none;
}

.container-header .metismenu > li > a:hover::after, .container-header .metismenu > li > button:hover::before, .container-header .metismenu > li.current > a::after, .container-header .metismenu > li.current > button::before {
	background: #fff;
	left: 0;
	right: 0;
}

.equal-height {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.content {
	flex-grow: 1;
}

.cont-de-en {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.arckep {
    margin: 0 auto 10px;
}

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

.szoveg-de-en {
    width: 100%;
}

.szakmai-resz-de-en {
    text-align: center;
}

.szakmai-resz-de-en h2 {
    margin-top: 2rem;
}

.szakmai-resz-de-en h3 {
    margin-top: 2rem;
	margin-bottom: 1rem;
}

.focim {
	text-align: center;
	margin: 1rem 0 2rem 0;
}

.szlogen {
	text-align: center;
	margin-bottom: 1rem;
}

.tev-bevezeto {
	margin-top: 1.5rem;
}

.tev-bevezeto p {
	text-align: justify;
}

.tevekenyseg-blokk {
	text-align: center;
}

.tevekenyseg-belso {
	padding: 1rem;
}

.jobbkep img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: auto;
}

.tev-bevezeto {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.szakterulet-cim {
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 3rem;
}

img.tev-kep {
    width: 15%;
    margin: 2em 0 1em 0;
}

.hirosszefoglalo-fejlec {
	text-align: center;
}

.blogosszefoglalo-fejlec {
	text-align: center;
}

.mod-articlesnews__item {
    text-align: center;
}

.image-left .blog-item .item-content {
    padding-left: initial;
}

.com-content-category-blog__item.blog-item .page-header {
	text-align: center;
}

.com-content-category-blog__item.blog-item .article-info {
	text-align: center;
}

.com-content-category-blog__item.blog-item h3, .com-content-category-blog__item.blog-item h4 {
    text-align: center;
}

.com-content-category-blog__item.blog-item ul {    /* Listák igazítása */
	overflow: hidden;
}

.com-content-article__body {
	margin-bottom: 2rem;
}

.com-content-category-blog__item.blog-item {
	margin-bottom: 2rem;
}

.cikk-jobb-kep {
  margin-left: 2rem;
}

#elerhetoseg {
	margin-top: 2rem;
	margin-bottom: 3rem;
}

#terkep {
	min-height: 350px;
	margin-bottom: 2rem;
}

.szemelyes-adatok {
	text-align: center;
}

.footer {
	text-align: center;
}

/* ----------------------------------------------------- */
/*       GDPR TABLE                                      */
/* ----------------------------------------------------- */

.gdprtable {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  font-size: 0.85em;
  line-height: 1.25em;
}

.gdprtable caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.gdprtable tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

.gdprtable th,
.gdprtable td {
  padding: .625em;
  text-align: center;
}

.gdprtable th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
	.gdprtable {
		border: 0;
	}

	.gdprtable caption {
		font-size: 1.3em;
	}
	  
	.gdprtable thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	  
	.gdprtable tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
	}
	  
	.gdprtable td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .85em;
		text-align: right;
	}
	  
	  .gdprtable td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
  
	.gdprtable td:last-child {
		border-bottom: 0;
	}
}


/* MEDIA QUERIES */

@media (min-width: 576px) {

	.szlogen {
		font-size: 1.2rem;
	}
	
	.tev-bevezeto {
		margin-top: 0;
	}
	
	.com-content-category-blog__item.blog-item .item-image {
		margin-right: 1rem;
	}

	.com-content-article .item-image {
		margin-right: 1rem;
	}	

}


@media (min-width: 768px) {
	
	.mod-languages {
		margin-top: 0.5rem;
	}
	
	.com-content-category-blog__item.blog-item .page-header {
		text-align: left;
	}

	.com-content-category-blog__item.blog-item .article-info {
		text-align: left;
	}

	.com-content-category-blog__item.blog-item h3, .com-content-category-blog__item.blog-item h4 {
		text-align: left;
	}
	
	.szemelyes-adatok {
		text-align: left;
	}
	
	.cont-de-en {
        flex-direction: row;
        align-items: flex-start;
        text-align: left;
        gap: 20px;
    }

    .arckep {
        flex: 0 0 285px; /* Kép fix szélessége */
        margin: 0;
    }

    .szoveg-de-en {
        flex: 1;
        min-width: 300px;
    }
	
	.szakmai-resz-de-en {
		text-align: left;
	}

    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
	    max-width: 650px;
    }
	
	/* Hírek + blog igazítása */
	
	
	.container-bottom-a {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		align-items: start;
		margin-bottom: 2rem;
	}

	.bottom-a {
		display: flex;
		flex-direction: column;
		justify-content: space-between; 
		min-height: 100%;
	}

	.card-header {
		height: 60px; 
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.card-body {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}

	.mod-articlesnews {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}

	.mod-articlesnews__item {
		display: grid;
		grid-template-rows: auto auto 1fr auto;
		gap: 15px;
		flex-grow: 1;
	}

	.newsflash-title {
		height: 50px; 
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.newsflash-image {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.newsflash-image img {
		max-width: 100%;
		height: 300px;
		object-fit: cover;
	}

	.hirosszefoglalo, .blogosszefoglalo {
		min-height: 200px;
		display: flex;
		align-items: center;
		text-align: center;
	}

	.readmore {
		margin-top: auto;
	}
	
}


@media (max-width: 767.98px) {
	
	ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
		margin-top: 1rem;
	}
	
	.container-header .container-nav .container-search, .container-header .container-nav nav {
		margin-top: 0.5rem;
	}

	.container-bottom-a {
        grid-template-columns: 1fr; 
    }
	
	.hirosszefoglalo, .blogosszefoglalo {
		min-height: 100px; 
	}

}

/* ==========================================================================
   CookiesCK mobil nézeti javítás
   ========================================================================== */
@media (max-width: 767.98px) {
  /* 1. Süti sáv és gombkonténer átállítása Flexbox-ra */
  #cookiesck {
    padding: 12px !important;
  }

  #cookiesck_buttons {
    float: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 8px !important;
  }

  /* 2. Gombok float-jának megszüntetése és egységesítése */
  .cookiesck_button,
  #cookiesck_accept,
  #cookiesck_decline,
  #cookiesck_settings,
  #cookiesck_readmore {
    float: none !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
  }

  /* 3. A lebegő fix süti ikon helyzetének és rétegsorrendjének finomhangolása */
  #cookiesck_options {
    z-index: 1000001 !important;
    bottom: 10px !important;
    left: 10px !important;
  }
}