@charset "UTF-8";
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
       url('../fonts/Montserrat-Light.woff') format('woff'),
      /* url('../fonts/Montserrat-Light.ttf') format('truetype');*/
  font-weight: 400;
  font-style: normal;
}
:root {
  --cassiopeia-color-primary: #ddd;
  --cassiopeia-color-link: #9d08e7;
  --link-color: #9d08e7;
  --link-color-rgb: 157, 8, 231;
  --cassiopeia-color-hover: #a33ad8;
  --link-hover-color: #a33ad8;
  --link-hover-color-rgb: 163, 58, 216;}
body {background-color: #000;color: #ddd;font-family: 'Montserrat', sans-serif;font-size: 15px;	
		line-height: 1.8em;letter-spacing:.06em;}
:focus {outline: none !important;}
.site-grid, .grid-child {max-width: 1200px;margin:0 auto;}
.text-muted {color: #999 !important;}

/* Fejlécek */
h1, h2, h3, h4, h5, h6 { color: #ddd;font-weight: normal;font-family: 'Montserrat', sans-serif; line-height: 32px;font-size: 28px;
  margin: 9px 0;  padding:0; }
.page-header h1 { text-align: center; text-transform: lowercase;margin-bottom: 25px;}
.page-header h2 { color:#a33ad8;}
.item-content .page-header h2 {text-align:left;padding-top:0;margin:0;}
.videoblog .item-content .page-header h2 {text-align:left;padding-top:0;margin:9px 0;}
p.titulus {text-transform: lowercase;padding:0 0 10px;color: #9d08e7;}


p {margin: 0 0 5px;padding:5px 0;}
a {transition: color 0.3s ease-in-out;text-decoration:none;}
a:link {text-decoration: none;}
a:hover, a:focus, .bottom-a a:hover {color: #a33ad8;  text-decoration-color: #a33ad8;text-decoration:underline;}
.bottom-a i.fa { margin-right: 10px; font-size: 16px; line-height: 18px; vertical-align: middle;}
h2, div.contentheading {line-height: 28px; font-size: 18px;font-weight: normal;}
li {line-height: 1.7em;}

@media (max-width: 600px) {li {line-height: 1em;}}
.container-header, .footer {background-image: none; background-color: #000 !important;}
.container-nav {background-color: #111 !important;color: #a33ad8;font-weight: normal; text-transform: lowercase;
  line-height: 30px; border-top: 1px solid #333; font-size: 20px; border-bottom: 1px solid #333;margin-top:20px;margin-bottom:20px;}

@media (min-width: 770px) {
  .container-header .mod-menu { flex: 1 0 100%;}}
ul.nav {display: flex !important; flex:1 0 100%; justify-content: space-between;  padding: 0px;  margin: 10px 40px 10px 0; } 
ul.nav li a {padding: 20px 0;color:#333; }
.container-header .mod-menu {margin-right: 200px;}
.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {background: #fff;left: 0; right: 2px;}

/* főoldali kép - jobb bevezető 50% */
.kezdooldal .com-content-category-blog__item.blog-item { display: flex; gap:20px; align-items: flex-start; flex-wrap: wrap;}
.com-content-article .item-pagekezdooldal { display: flex; gap:20px; align-items: flex-start; flex-wrap: wrap;}
.kezdooldal .com-content-category-blog__item.blog-item .item-image { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); order: 2;margin-left:auto;} 
.item-pagekezdooldal .item-image {  display: flex; flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); margin: 0; order: 2;margin-top:3px;}
.kezdooldal .com-content-category-blog__item.blog-item .item-image img, .item-pagekezdooldal .item-image img { width: 100%; height: auto; display: block;}
.kezdooldal .com-content-category-blog__item.blog-item .item-content, .item-pagekezdooldal .com-content-article__body { flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px);min-width: 0; order: 1;}
.kezdooldal .blog-item .item-image {overflow: visible;}

/* Mobil nézet */
@media (max-width: 768px) {
  .kezdooldal .com-content-category-blog__item.blog-item, .item-pagekezdooldal {display: flex; flex-direction: column; }
  .kezdooldal .com-content-category-blog__item.blog-item .item-content { order: 1; flex: none; width: 100%; max-width: 100%; }
  .kezdooldal .com-content-category-blog__item.blog-item .item-image { order: 2; flex: none; width: auto; max-width: none; 
    margin: 1em auto 0; float: none; display: flex; justify-content: center; }
  .item-pagekezdooldal .com-content-article__body {order: 1; flex: none;width: 100%;max-width: 100%;}
  .item-pagekezdooldal .item-image { order: 2; flex: none; width: auto; max-width: none; margin: 1em auto 0; float: none; 
                                     display: flex; justify-content: center;}
  .item-pagekezdooldal .item-image img,.kezdooldal .blog-item .item-image img {
    width: auto; height: auto; max-width: none;display: block; margin: 0 auto; }
}

/* modul dobozok */
.card {background-color:#000;border-color:transparent;}

/* blog rólunk */
.blog .rolunk {text-align:center;}
.blog .rolunk .item-image {float: none;
  max-width: 260px;  margin: 0 auto;  text-align: center;  border: 2px solid #fff;  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;}
.blog .rolunk .com-content-category-blog__item{
  transform: scale(1);
  -webkit-transition: transform .1s linear;
  -moz-transition: transform .1s linear;
  -o-transition: transform .1s linear;
  transition: transform .1s linear;}
.blog .rolunk .com-content-category-blog__item:hover {
	transform: scale(1.05);
	-webkit-transition: transform .1s linear;
	-moz-transition: transform .1s linear;
	-o-transition: transform .1s linear;
	transition: transform .1s linear;	}

/*blog hírek*/
.hirek .com-content-category-blog__item.blog-item { display: flex; gap:20px; align-items: flex-start; flex-wrap: wrap;}
.hirek .com-content-category-blog__item.blog-item .item-image { flex: 0 0 calc(25% - 10px); max-width: calc(25% - 10px); margin: 0;}
.hirek .com-content-category-blog__item.blog-item .item-image img { width: 100%; height: auto; display: block;}
.hirek .com-content-category-blog__item.blog-item .item-content { flex: 1 1 calc(75% - 10px); max-width: calc(75% - 10px);min-width: 0;}
.hirek .blog-item {flex-diretcion:row;}
.hirek .blog-item .item-image {overflow: visible;}
@media (max-width: 768px) {
.hirek .com-content-category-blog__item.blog-item {display: block;}
.hirek .com-content-category-blog__item.blog-item .item-image { width: 70px; margin: 0 10px 10px 0;float: left !important;display: block;}
.hirek .com-content-category-blog__item.blog-item .item-content { width: 100%; max-width:100%; display: block;}
.hirek .fields-container {clear: both;}
}

.hirek .blog-item .items-row {border-bottom: 1px solid #222222; padding-top: 20px; padding-bottom: 30px; margin-bottom: 0px;}
.hirek .blog-item .items-leading {border-bottom: 1px solid #222222;padding-top: 20px;padding-bottom: 30px;margin-bottom: 0px;}
.hirek .blog-item .item-content {padding-top: 10px;}
.hirek .blog-item .item-content:after {content: "";clear: both; display: block;}
.hirek .fields-container { background: #222; border: 1px solid #444; padding: 10px 20px; margin-top: 14px; margin-bottom: 20px; list-style-type: none; }
.field-label {Font-weight: bold;margin-right: 10px;}
.field-value a { word-break: break-word;}
.facebook-esemeny .field-value a { word-break: break-word; font-size:12px;}


/*video blog*/
.blog .videoblog .com-content-category-blog__item {padding-bottom: 50px;}

/* Linkek */
.container-header .mod-list li a {color: #888;}
.container-header .mod-list li.active > a {color: #9d08e7;}
.container-header .mod-list li a:hover, .container-header .mod-list li.active > a:hover {color: #a33ad8;}

/* Menü – felső navigáció */
.navbar-nav > li > a {background-color: #222; color: #fff !important;  padding: 0.75rem 1rem;  display: block;}
.navbar-nav > li > a:hover {background-color: #8bc34a;color: #000 !important;}
.navbar-nav > li.active > a, .navbar-nav > li.current > a {  background-color: #5e7d3a; color: #fff !important;}

/* Zászlók */
.mod-languages__list img {display: none !important;} /* Eredeti zászlók elrejtése */
.mod-languages__list li a::before { content: ""; display: inline-block; width: 45px; height: 26px; background-size: cover;
    background-repeat: no-repeat; margin-right: 6px; vertical-align: middle; filter: brightness(0.4); /* alapból sötétebb */
    transition: filter 0.2s ease;}
.mod-languages__list li a:hover::before { filter: brightness(0.7);}
.mod-languages__list li.lang-active a::before { filter: brightness(0.7);}
.mod-languages__list li a[href*="/hu"]::before,.mod-languages__list li.lang-active a[href="/"]::before {background-image: url("/images/hu-flag60.png");}
.mod-languages__list li a[href*="/en"]::before {background-image: url("/images/en-flag60.png");}
div.mod-languages ul li.lang-active {background-color: transparent;}

/* bottom-a */
.container-bottom-a { text-align: center; margin: 50px 0px 20px; background-color: #222; border: 1px solid #444;}
.container-bottom-a .card {padding:0;margin:0;background-color: #222; border:none;}
.bottom-a { border: none;}
.bottom-a h3 {font-family: "Montserrat"; font-weight: normal;/*text-transform: lowercase*/; line-height: 20px; font-size: 20px; margin: 20px 0 0;color: #ddd;}
.bottom-a .bamuterminal, .bottom-a .batermini, .bottom-a .badiosdmini {line-height: 18px;margin-bottom: 10px;}
.bottom-a .bamuterminal * {color: #b7cf5f;} 
.bottom-a .batermini * {color: #e70880;} 
.bottom-a .badiosdmini * {color: #9d08e7;}
.bottom-a .card-header {border-bottom:none;padding:0;text-transform: lowercase !important;}
.bottom-a p {margin: 0; padding: 0;text-transform: lowercase !important;}
.bottom-a .bamuterminal a:hover {color: #d0fe25;text-decoration-color: #d0fe25; -webkit-text-decoration-color: #d0fe25; -moz-text-decoration-color: #d0fe25;} 
.bottom-a .batermini a:hover {color: #d83f91;text-decoration-color: #d83f91;-webkit-text-decoration-color: #d83f91; -moz-text-decoration-color: #d83f91;} 
.bottom-a .badiosdmini a:hover {color: #a33ad8;text-decoration-color: #a33ad8;-webkit-text-decoration-color: #a33ad8; -moz-text-decoration-color: #a33ad8;}
.container-bottom-b .card {padding:0;margin:10px 0;border:none;}
.kepsor { display: flex; justify-content: center;  gap: 100px;  flex-wrap: wrap; }
 @media (max-width: 600px) {.kepsor {gap: 20px;}}

/* Lábjegyzet */
footer { background-color: #111; color: #ccc; padding: 2rem 1rem;}

/* Gombok */
.btn,.button { background-color: transparent; color: #9d08e7; border: none;}
.btn:hover,.button:hover {background-color: transparent;color: #a33ad8;}


/* Alapgaléria beállítás */
.sigplus-gallery {margin-top:30px;}
.sigplus-gallery ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; padding: 0; list-style: none;  margin: 0 auto; transition: all 0.3s ease-in-out;}
/* Galéria elem (képek kerete) */
.sigplus-gallery li { flex: 1 1 calc(25% - 1rem); /* 4 oszlop alapból */
  box-sizing: border-box;  transition: transform 0.3s ease-in-out;}
/* Kép stílus: nagyítás hover-re */
.sigplus-gallery img.sigplus-preview { width: 100%; height: auto; display: block; border-radius: 4px; transition: transform 0.3s ease, box-shadow 0.3s ease;padding:10px;}
/* Hover effekt: finom nagyítás és árnyék */
.sigplus-gallery a.sigplus-image:hover img.sigplus-preview { transform: scale(1.05); opacity: 0.7;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.7)))!important;
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.7) 100%)!important;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.7) 100%)!important;
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.7) 100%)!important;
    transition: all .4s 0s ease-in-out;    -webkit-transition: all .4s 0s ease-in-out; }
/* Responsív oszlopszám változás */
@media (max-width: 1024px) { .sigplus-gallery li { flex: 1 1 calc(50% - 1rem); /* 2 oszlop */ }}
@media (max-width: 600px) { .sigplus-gallery li { flex: 1 1 100%; /* 1 oszlop */ }}

.galeria-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem;  margin-top: 1rem;}
.galeria-grid img { width: 100%; height: auto; border-radius: 8px; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.galeria-grid a:hover img { transform: scale(1.05); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}

.embed-container iframe, .embed-container object, .embed-container embed {width: 100%; display:block;overflow:auto;margin: 20px 0;}
