:root{
  --emphasis-color: #528069;
  --emphasis-color-rgb: 82,128,105;
  --secondary-bg: #F0F8F5;
  --secondary-bg-rgb: 240,248,245;

}
@media (min-width: 992px) {
/*  .site-grid:has(
    .container-sidebar-right) {display: grid;grid-template-areas: "main sidebar"; grid-template-columns: 2fr 1fr; gap: 2rem;
    max-width: 1320px; width: 100%;  margin-left: auto; margin-right: auto;}
  .site-grid:not(:has(.container-sidebar-right)) { display: block; max-width: 1320px; width: 100%; margin-left: auto;
    margin-right: auto;}
  .container-component { grid-area: main;}
  .container-sidebar-right { grid-area: sidebar;}*/
}

body {background-color: transparent rgb(240, 255, 230);
  background-image: url('/images/kellekek/koszegievlogoegyben500-feher40.png'), url('/images/hatterek/patakbg.jpg'); 
  background-repeat: no-repeat, no-repeat;
  background-position: top right, top center;
  background-size: 500px auto, cover;
  background-attachment: fixed, fixed;
  overflow: visible; /* ha kilógna, ezt engedélyezni kell */}
main { background-color: rgba(255,255,255,0.9); padding:1em;border-radius: 0.25rem;}
.card {background-color: rgba(245,255,245,0.9);}
.container-component > :first-child, .container-sidebar-left > :first-child, .container-sidebar-right > :first-child, .container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * { margin-top: 2em;}
.container-sidebar-right .sidebar-right:first-child {  margin-top: 2em;}
/* A main-bottom pozícióba helyezett modulokat rakjuk sorba */
.position-main-bottom { display: flex; flex-wrap: wrap; gap: 1rem; /* opcionális térköz a modulok között */ }

.position-main-bottom > .moduletable {
  flex: 1 1 300px; /* minimum szélesség, rugalmas elosztás */
  box-sizing: border-box;
}
img {border-radius:.25rem;margin:10px 0;}
img.float-end {margin:10px 0 10px 20px;}
img.float-start {margin:10px 20px 10px 0;}
.main-bottom .card {padding-left:5px;}

a, a:link, a:visited { color: #528069; text-decoration:none;}
a:hover, a:active {color: #000;text-decoration:underline;}
@media (max-width: 720px) {
body {background-size: 300px auto, cover;}
img.float-end {float: none !important;width:100%;margin-left:0;}
img.float-start {float: none !important;width:100%;margin-right:0;}
  }

.h1, h2 {  font-weight: normal; color: #528069;font-size:1.8em;} 
.h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {  font-weight: normal; color: #528069;font-size:1.5em;}
.page-header h1, .tag-category h1, h1.ic-header-title {color: #528069; background-color:transparent;font-size:1.8em;font-weight: 700; margin-bottom: 30px; padding-bottom: 5px;  padding-left: 5px; border-bottom: 2px solid #a39300;}
.page-header h2, tag-category h2 {color: #fff; background-color:#71A58C;padding:5px 10px;border-radius:0.25rem;width:100%;font-size:1.5em;text-decoration:none;}
.page-header h2 a {color: #fff; text-decoration:none;}
.page-header h2 a:hover {color: #fff; text-decoration:underline;}
.main-bottom h4.mod-articles-title {font-size:1em;}

.btn-primary { color: #ffffff; background-color: #579878; border-color: #579878;}
.btn-primary:hover { background-color: #71A58C; border-color: #71A58C;}


/* Menü hover, kiemelés */
.nav-link:hover, .menu-active { background-color: #437463;  color: #ffffff;}

/*-----------menü--------*/
.container-header .mod-menu, .nav-header {text-transform:uppercase;}
.container-header nav { margin-top: 0;}
.metismenu.mod-menu .mm-collapse > li > a {text-transform:none;}
.container-header .container-nav {padding-bottom: 0;}
.container-header .grid-child {padding: 0 0.5em;}
.container-header .container-search {margin: .5em 0;}
@media (width <= 720px) {
  .container-header .container-nav .container-search, .container-header .container-nav nav { margin-top: 5px;}}

@media (min-width: 992px) {
 .mm-toggler-nolink {pointer-events: none;}
  /* Hover esetén mutassa az almenüt */
  .metismenu .parent:hover > .mm-collapse {   display: block !important;  max-height: none !important;
    opacity: 1; visibility: visible;  }
  /* Alapértelmezésben rejtve legyen */
  .metismenu .mm-collapse {display: none;max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}
  /* Törli a mm-toggler nyíl gombot */
  .metismenu.mod-menu .mm-toggler::after {content:normal;}
 /* .metismenu .mm-toggler {display: none;}
  .mm-toggler {   display: none !important;}*/
}
/*-----------menü vége--------*/

/* Fejléc vagy widget háttér */
.header {background-color:transparent; background-image: linear-gradient(0deg,rgba(163, 147, 0, 0) 0%, rgba(163, 147, 0, 0.63) 60%);;}
.container-nav, .card-header { background-image:none;background-color: #579878;  color: #ffffff; padding: 0;border-radius:0.25rem}
.card-header { padding:0.25em;}

/* Lábléc */
.footer {background-color:transparent; background-image: linear-gradient(180deg,rgba(163, 147, 0, 0) 0%, rgba(163, 147, 0, 0.63) 60%);}

/* Oldalsáv modul blokk háttér */
.container-sidebar-right .grid-child { background-color: #F0F8F5; } /* világos zöld háttér 240,248,245 */
/*Címsor képpel*/
.brand-logo {margin-top:10px;display: flex; align-items: center;text-decoration: none;} 
.site-title { font-size: 32px; margin-left: 0.5em;}
.site-title a {text-decoration:none;border:none;}
.site-title:hover {text-decoration:none;color:#fff;}
.container-below-top a:not(.btn):hover {color:#fff;} 
@media (max-width: 720px) { .site-title { font-size: 24px;  margin-top: .5em;line-height:1.2em;}
   .brand-logo {text-align:center;} .brand-logo img{width:100px; }}
@media (max-width: 600px) { .site-title { font-size: 20px; display:block; margin-top: .5em;line-height:1.2em;}
                          .brand-logo {text-align:center;padding:0 auto;} .brand-logo img{width:100px;}}

/* oldalmodul egyedi html */
.doboz-link, .doboz-link:hover { display: block; text-decoration: none; color: inherit;}
.doboz { border: 1px solid #ccc; padding: 1rem; transition: background 0.3s;}
.doboz:hover { background: rgba(240,248,245,0.6);} /* #579878 = 87,152,120 */
.doboz, .doboz h6 {text-decoration: none;} 

/* letöltés lista*/
ul.download-list {list-style: none; padding: 0;}
ul.download-list li { margin-bottom: 0.5em;}
.ikon::before { content: ""; display: inline-block;width: 1em;height: 1em;margin-right: 0.5em;vertical-align: middle; background-size: contain; background-repeat: no-repeat;}
.ikon-pdf::before { background-image: url("/images/kellekek/ikon/pdf.png"); }
.ikon-doc::before { background-image: url("/images/kellekek/ikon/doc.png"); }

/* cikklista letöltés*/
.bottom-a .mod-list {padding: 0;line-height:1em;}
.bottom-a .mod-list li {margin-bottom: 0.1em;}

/* ICagenda */
.ic-month {text-transform: lowercase;}
.ic-box-date {text-transform: lowercase;}
.ic-year {padding-top:2px !important;}

.metismenu.mod-menu .metismenu-item .item-186 ~ li {padding:0 1em 0.2em !important;line-height:1.4em !important;} 
.metismenu.mod-menu .metismenu-item .item-186 {padding-bottom:0.2em;}
.metismenu.mod-menu .metismenu-item .item-195 {padding-bottom:1em !important;}