/**
 * @file
 * Subtheme specific CSS.
 */


/* ---------- Bootstrap - Default ----------- */

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: #525252;
}
.h1,h1 {
    font-size: 1.6em;
    color: #525252;
}
.h2,h2 {
    font-size: 1.5em;
}
.h3,h3 {
    font-size: 1.25em;
}
.h4,h4 {
    font-size: 1em;
}
.h5,h5 {
    font-size: 0.875em;
}
.h6,h6 {
    font-size: 0.625em;
}


hr {
    border: 1px solid #d8d8d8;
    opacity: 1;
    margin: 0.7em 1em 0.7em;	
}


label {
	color: #000000;
    margin-bottom: 0.3em;		
}


blockquote {
    font-size: 1em;
	border-left: 1px solid #bbb;
	font-style: italic;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
}
blockquote::before {
	color: #bbb;
	content: "\201C";
	font-size: 3em;
	line-height: 0.1em;
	margin-right: 0.2em;
	vertical-align: -.4em;
}
blockquote::after {
	color: #bbb;
	content: "\201D";
	font-size: 3em;
	line-height: 0.1em;
	vertical-align: -.45em;
}
blockquote > p:first-child {
	display: inline;
}




/* ---------- Bootstrap - Table ----------- */

.table,
table {
    color: #525252;
    font-size: 1em;
    margin-bottom: 1rem;	
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(246, 246, 246, 1);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(246, 246, 246, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(246, 246, 246, 0.075);
    caption-side: top;		
}
.table tr th,
table tr th {
    background: #e5e5e5;	
    padding: .5rem .5rem;
    border: 1px solid #ddd;    	
    color: #525252;
    text-align: left;
}
.table tr th, 
.table tr th a, 
.table tr th a:hover, 
.table tr th a:focus {
    color: #525252;
    font-weight: bold;
}
table tr th, 
table tr th a, 
table tr th a:hover, 
table tr th a:focus {
    color: #525252;
    font-weight: bold;
}
table tbody tr {
    border: 1px solid #ddd;
}
table tbody tr:hover {
    background-color: #efefef !important;
    color: #525252;
}
table tbody tr:nth-of-type(odd) {
    background-color: #f6f6f6;
    color: #525252;
}
table tbody tr:nth-of-type(even) {
    background-color: #ffffff;
    color: #525252;
}
table tr td {
    padding: .5rem .5rem;
    border: 0px solid #ddd;
    text-align: left;
}


table.sticky-header thead {
    position: sticky;
    z-index: 500;
    top: 0px;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: #525252;
}


.table-responsive [type=button]:not(:disabled), 
.table-responsive [type=reset]:not(:disabled), 
.table-responsive [type=submit]:not(:disabled), 
.table-responsive button:not(:disabled) {
    background: #e5e5e5;
    border: 1px solid #ddd;
    color: #525252;
    text-shadow: 0 1px 0 #e5e5e5;
    border-radius: 0.375rem;
	padding: .5rem .5rem;
	margin: 1em 0em;	
}




/* ---------- Bootstrap - Maintenance-page ----------- */

.maintenance-page #page,
.maintenance-page #main-wrapper {
    background: #ffffff !important;
}
.maintenance-page .skip-link {
    background: rgba(250, 250, 250, 0);
}




/* ---------- Bootstrap - Region ----------- */

* {
  min-height: 0;
  min-width: 0;
}
.row {
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.3 * var(--bs-gutter-x));
    margin-left: calc(-.3 * var(--bs-gutter-x))
}
.row>* {
    padding-right: calc(var(--bs-gutter-x) * .3);
    padding-left: calc(var(--bs-gutter-x) * .3);
}
.view .row {
    margin-top: calc(0 * var(--bs-gutter-y));
    margin-right: calc(0 * var(--bs-gutter-x));
    margin-left: calc(0 * var(--bs-gutter-x))
}
.view .row>* {
    padding-right: calc(var(--bs-gutter-x) * 0);
    padding-left: calc(var(--bs-gutter-x) * 0);
}


@media (min-width: 1400px) {
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
	max-width: 1420px;
}
}


#main-wrapper > .container {
    background: #ffffff;
    padding: 12px;
}
@media (max-width: 992px) {
#main-wrapper > .container {
    padding: 0em 12px 0em;
}
}




/* ---------- Bootstrap - Header ----------- */

/*
@media (min-width: 992px) {
  #navbar-main .region-header {
    width: 24%;
  }
  
  .path-frontpage .header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }

  #navbar-main {
    position: relative;
    z-index: 2;
    background-color: rgba(250, 250, 250, 0.6);
  }
}
*/



/* ---------- Bootstrap - Kiemelt fent ----------- */
.featured-top .container {
    width: 100%;
    max-width: 100%;
	padding: 0px;
}
.featured-top .container img {
    width: 100%;
    max-width: 100%;
	padding: 0px;
}




/* ---------- Bootstrap - Navbar ----------- */

.navbar a.navbar-brand {
    line-height: 1.228571429;		
    color: #4c76ae;	
}
@media (min-width: 992px) {
.navbar a.navbar-brand {
    font-size: 2.2em;
}
}
.navbar a.navbar-brand:hover {
    color: #4c76ae;	
    text-decoration: none;
}


.navbar .site-logo {
    margin-right: 1em;
}

.navbar .site-name-slogan {
    text-align: left;
    font-size: 0.9em;
    margin-right: 0em;	
    font-style: normal;
    color: #525252;	
}


.navbar-brand {
  display: inline-block;
  white-space: normal;
  max-width: 100%; /* állítsd, hogy kb. két sorba essen */
  text-align: left; 
}
.navbar .site-name-slogan {
  white-space: normal;   /* engedje a sortörést */
  word-wrap: break-word; /* törje meg, ha túl hosszú */
  max-width: 85%;      /* állíts be egy szélességet, hogy 2 sorba férjen */ 
}


@media (max-width: 992px) {
.navbar .site-logo {
    margin-right: 0em;
}
.navbar .navbar-brand {
  display: inline-block;
  white-space: normal;
  max-width: 85%; /* állítsd, hogy kb. két sorba essen */
  text-align: left;
  margin-right: 0em;  
}
.navbar .site-name-slogan {
  white-space: normal;   /* engedje a sortörést */
  word-wrap: break-word; /* törje meg, ha túl hosszú */
  max-width: 85%;      /* állíts be egy szélességet, hogy 2 sorba férjen */ 
  margin-right: 0em;  
}
}




/* ---------- Bootstrap - Footer ----------- */

.site-footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;	
    padding: 12px 12px 40px;
}
.path-user .site-footer {
    padding: 0px !important;
}
.site-footer__bottom {
    letter-spacing: 0.2px;
    margin-top: 0px;
    border-top: 0px solid #555;
    border-color: rgba(255, 255, 255, 0.15);
}
.site-footer__bottom .region {
    margin-top: 0px;
}
.site-footer .content a, 
.site-footer .content a.is-active {
    color: #05c4ba;
}
.site-footer .content a:hover,
.site-footer .content a:focus {
    color: #05c4ba;
}
.site-footer .content ol:not(.menu),
.site-footer .content ul:not(.menu) {
    padding-left: 0em;
}


@media all and (min-width: 851px) {
  .site-footer__top .region {
    padding: 0 0.65%;
    box-sizing: border-box; /* biztosítja, hogy a padding ne tolja túl a szélességet */
    padding: 0 1em;	
  }

  .site-footer__top .region:first-child {
    width: 34%;
    padding-left: 0; /* LTR */
  }

  .site-footer__top .region:nth-child(2) {
    width: 20%;
    padding-left: 1em;
    padding-left: 0; /* LTR */	
  }

  .site-footer__top .region:last-child {
    width: 46%;
    padding-right: 0; /* LTR */
  }

  /* RTL módosítások */
  [dir="rtl"] .site-footer__top .region:first-child {
    padding-left: 10px;
    padding-right: 0;
  }
  [dir="rtl"] .site-footer__top .region:last-child {
    padding-left: 0;
    padding-right: 10px;
  }
}


#block-footermessage {
    text-align: center;
}
#block-footermessage h2 {
    margin-top: 0px;
    color: #ffffff;
}
#block-footermessage .field--name-body {
    font-size: 1em;
    color: #ffffff;
}

#block-footermessage h2,
.site-footer__top h2 {
    border-bottom: 0px solid #555;
    margin-top: 20px;
    color: #05c4ba;
    text-shadow: 1px 1px #000000;
    font-size: 1.5em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: inherit;
}
.site-footer .block {
    margin: 0px 0;
    border: 0px solid #444;
    border-color: rgba(255, 255, 255, 0.1);
    padding: 0px;
}
.site-footer__top .content li a {
  display: block;
  border-bottom: 0px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
  line-height: 1.2;
  padding: 0em 4px 0em 4px; /* LTR */
  text-indent: -15px;
}
.site-footer__top .content li a:hover, 
.site-footer__top .content li a:focus {
    background-color: transparent;
    background-color: transparent;
    text-decoration: none;
}

#block-nemethkft-lablec .nav,
#block-nemethkft-termekeink .nav {
    flex-direction: column !important;
}


#block-nemethkft-nyitvatartas .field--name-body {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 1.2em !important;
    color: #ffffff;
    padding: 0em 16px 0em 16px;	
}




/* ---------- Follow ----------- */

#block-footermessage .field--name-body ul {
    margin: 0em;
}
#block-footermessage .field--name-body ul.list-inline li {
    display: inline-block;
	margin: 0px 0px 1em;	
}
#block-footermessage .field--name-body ul.list-inline svg.fa-circle {
    border-radius: 50%;
	border: 2px solid #3f4449;
    width: auto;	
}
#block-footermessage .field--name-body ul.list-inline a,
#block-footermessage .field--name-body ul.list-inline a:visited {
	color: #3f4449;
}
#block-footermessage .field--name-body ul.list-inline a:hover {
	color: #05c4ba;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; 
}




/* ---------- Bootstrap - Alert ----------- */

.flex-shrink-0 {
    flex-shrink: 1 !important;
}

.alert a,
.alert a:visited,
.alert a:active,
.alert a:hover {
	color: #000;
}

.text-muted {
    --bs-text-opacity: 1;
    color: #7c7c7c !important;
}

#main-wrapper > .container .alert {
    background-color: var(--bs-alert-bg); /* vagy konkrétan: #f4d2d3 */
}




/* ---------- Bootstrap - Help ----------- */

.form-composite > .fieldset-wrapper > .description,
.form-item .description {
    margin: 0.3em 0em 0em 0px;
    font-size: 0.85em;
}

.block-help {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border-radius: 0.375rem;
}




/* ---------- Bootstrap - Breadcrumb ----------- */

.breadcrumb {
    margin: 0.5em 0px 0.5em 0px;	
    padding: 0px 0px 0px;
}
.breadcrumb a {
    color: #999;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: #525252;
    content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}




/* ---------- Bootstrap - Tabs ----------- */

.nav.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav.nav-tabs > li > a {
    background: #dfdfdf linear-gradient(#ffffff,#dfdfdf) repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #525252;
    margin-right: 1px;	
}
.nav.nav-tabs > li > a:hover {
    background: #dfdfdf linear-gradient(#dfdfdf,#dfdfdf) repeat scroll 0 0;	
    border: 1px solid #ddd;
    color: #525252;	
}
.nav.nav-tabs > li > a.active {
    background: #ffffff linear-gradient(#ffffff,#ffffff) repeat scroll 0 0;	
    border: 1px solid #ddd;
    color: #525252;
}
.nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:hover, .nav.nav-tabs > li.active > a:focus {
    color: #525252;
    cursor: default;
    background: #ffffff;
    border: 1px solid #ddd;
}




/* ---------- Bootstrap - Buttons ----------- */

.btn-primary,
.btn-default {
    background: #333333;
    border: 1px solid #151515;
    color: #fff;
    text-shadow: 0 1px 0 #151515;		
}
.btn-primary:hover,
.btn-default:hover {
    background: #e0e0e0;
    border: 1px solid #adadad;
    color: #52526f;
    text-shadow: 0 1px 0 #fff;
}
.btn:hover,
.btn-check:focus+.btn,.btn:focus {
    color: #52526f;
}


.node .btn-primary,
.node .btn-default {
    text-align: left;
}


.form-actions input[type="submit"],
.form-actions button[type="submit"],
.form-actions .btn {
    width: auto;
    display: inline-block;
}




/* ---------- Bootstrap - Pagination ----------- */

.pagination {
    flex-wrap: wrap;
    list-style: none;
    padding: 1rem 0;
    justify-content: center;	
}
.active>.page-link, .page-link.active {
    color: #ffffff; 
}
.pagination > li > a {
    background: #f6f6f6;
    border: 1px solid #dddddd;
    text-decoration: none;
    color: #525252;    
}
.pagination > li > a:hover {
    background: #ffffff;
    border-color: #dddddd;
    color: #525252;    
}
.pagination > .active > a {
    color: #525252;
    background: #a7a7a7;
    border-color: #dddddd;
}
.pagination .page-link {
    background: #f6f6f6;
    border: 1px solid #dddddd;
    text-decoration: none; 
}




/* ---------- Bootstrap - Search ----------- */

.node_search-results {
    margin-left: 2em;
}


#search-block-form {
    display: flex;           /* flexbox a formon belül */
    gap: 0.5rem;             /* opcionális: kis távolság a gomb és az input között */
    width: 100%;             /* a form is teljes szélességű legyen */
    flex-wrap: nowrap;       /* ne törjön új sorra */
    align-items: center;     /* függőleges középre igazítás */
}

#search-block-form .js-form-item {
    flex: 1;                 /* az inputot tartalmazó div kitölti a helyet */
    margin-bottom: 0;        /* optional: ha a mb-3 osztály miatt van alul margó */
}

#search-block-form input[type="search"] {
    width: 100%;             /* az input a szülő div szélességét veszi fel */
}


header #search-block-form {
    padding: 0px 0px;
    flex-flow: row wrap;
}

.path-search .search-form .container-inline .item-list li {
	margin: 0 0 0.25em 0em; /* LTR */
    padding: 0;
}
.path-search .search-form .container-inline .btn {
    margin: 1.5rem 0px;
}


#block-nemethkft-search-form-narrow .menu-base-theme,
.search-block-form#block-nemethkft-search-form-narrow form {
  display: flex;
  justify-content: left;
  gap: 5px; /* kis távolság a mező és a gomb között */
}
.search-block-form#block-nemethkft-search-form-narrow .container-inline div {
    display: block;
}


#block-nemethkft-search-form-narrow {
    background: #f3f3f3;
    border: 1px solid #e4e4e4;
    border-radius: 0.375rem;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    margin: 0em 0em 0em 0em;
    padding: 5px;
}
#block-nemethkft-search-form-narrow .mb-3 {
    margin-bottom: 0rem !important;
}
#block-nemethkft-search-form-narrow .btn-primary {
	background-image: linear-gradient(#3f3f3f 0%, #000000 100%);
    background-repeat: repeat-x;
    border-color: #000000;
	color: #fff;
    text-shadow: 0 1px 0 #353535;		
}
#block-nemethkft-search-form-narrow .btn-primary:active:focus,
#block-nemethkft-search-form-narrow .btn-primary:active,
#block-nemethkft-search-form-narrow .btn-primary:hover {	
	background-image: linear-gradient(#111111 0%, #111111 100%);
    background-repeat: repeat-x;
    border-color: #111111;
}


#block-nemethkft-search-form-wide .menu-base-theme,
.search-block-form#block-nemethkft-search-form-wide form {
  display: flex;
  justify-content: left;
  gap: 5px; /* kis távolság a mező és a gomb között */
}
.search-block-form#block-nemethkft-search-form-wide .container-inline div {
    display: block;
}


#block-nemethkft-search-form-wide {
    background: #f3f3f3;
    border: 1px solid #e4e4e4;
    border-radius: 0.375rem;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
    margin: 0em 0em 1em 0em;
    padding: 5px;
}
#block-nemethkft-search-form-wide .mb-3 {
    margin-bottom: 0rem !important;
}
#block-nemethkft-search-form-wide .btn-primary {
	background-image: linear-gradient(#3f3f3f 0%, #000000 100%);
    background-repeat: repeat-x;
    border-color: #000000;
	color: #ffffff;
    text-shadow: 0 1px 0 #353535;		
}
#block-nemethkft-search-form-wide .btn-primary:active:focus,
#block-nemethkft-search-form-wide .btn-primary:active,
#block-nemethkft-search-form-wide .btn-primary:hover {	
	background-image: linear-gradient(#111111 0%, #111111 100%);
    background-repeat: repeat-x;
    border-color: #ffffff;
}




/* ---------- Bootstrap - Icons ----------- */

li.nav-item i.fab,
li.nav-item i.fas,
li.nav-item i.fa {
    color: #2fa4e7;
    padding-right: 5px;	
}




/* ---------- Bootstrap - Sidebar ----------- */

.sidebar h2 {
    margin: 0 0 0.5em;
    border-bottom: 0px solid #ffffff;
    padding-bottom: 0px;
    text-shadow: 0 0px 0 #ffffff;
    font-size: 1.5em;
    line-height: 1.2;
    color: #525252;  
}

.sidebar .block {
    padding: 0px;
}

.sidebar .block .content {
    font-size: 1em;
    line-height: 1.4;
}

.list-group {
    border-radius: 0rem;
}
.list-group-item {
    position: relative;
    display: list-item;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: #525252;
    text-decoration: none;
    background: none;
    border: 0px solid #000000;
}
.item-list ul {
    list-style: disc;
    margin: 0 0 0.25em 0;
    padding: 0; /* LTR */
}
[dir="rtl"] .item-list ul {
    padding: 0;
}
.item-list ul li {
    /* This is needed to reset styles in item-list.theme.css */
    margin: 0 0 0.5em 1.5em;
    padding: 0em 0em 0 0; /* LTR */
}
[dir="rtl"] .item-list ul li {
    /* This is needed to reset [dir="rtl"] styles in item-list.theme.css */
    margin: 0;
    padding: 0.2em 0 0 0.5em;
}
.item-list .item-list__comma-list,
.item-list .item-list__comma-list li,
[dir="rtl"] .item-list .item-list__comma-list,
[dir="rtl"] .item-list .item-list__comma-list li {
    padding: 0;
}
.item-list ol li {
    /* This is needed to reset styles in item-list.theme.css */
    margin: 0 0 0.5em 0.5em;
    padding: 0em 0em 0 0; /* LTR */
}
[dir="rtl"] .item-list ol li {
    /* This is needed to reset [dir="rtl"] styles in item-list.theme.css */
    margin: 0;
    padding: 0.2em 0 0 0.5em;
}




/* ---------- Navigation - Main navigation ----------- */

@media (min-width: 992px) {
h2#block-nemethkft-main-menu-menu {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}
#block-nemethkft-main-menu {   
    padding: 0em 0em 0em 0em;
}	
#block-nemethkft-main-menu .menu-base-theme a {
    background: transparent;            
    padding: 0.8em 0.8em 0.8em 0.8em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    color: #525252;
    border-bottom: 3px solid transparent;
}
#block-nemethkft-main-menu .menu-base-theme a.highlighted,
#block-nemethkft-main-menu .menu-base-theme a.is-active,
#block-nemethkft-main-menu .menu-base-theme a.active,
#block-nemethkft-main-menu .menu-base-theme a:focus,
#block-nemethkft-main-menu .menu-base-theme a:hover {
    background-color: rgba(250, 250, 250, 0.58);    
    border-bottom: 3px solid #05c4ba;
    color: #000000;	
}
#block-nemethkft-main-menu .menu-base-theme .menu-item--expanded a {
    padding: 0.8em 1.6em 0.8em 0.8em;  
}
#block-nemethkft-main-menu .menu-base-theme > li {
    border-left: 1px solid #e7e7e7;
}
#block-nemethkft-main-menu .menu-base-theme .sub-arrow  {
    padding: 0px;
    top: 55%;
    right: 0.7em;
    left: auto;
    border-color: #525252 transparent transparent transparent;
}
#block-nemethkft-main-menu li.nav-item i.fab, 
#block-nemethkft-main-menu li.nav-item i.fas, 
#block-nemethkft-main-menu li.nav-item i.fa {
    color: #dddddd;
    font-size: 0.9em;	
}


#block-nemethkft-main-menu .menu-base-theme ul {
    border: 0px solid #a56c06;
}
#block-nemethkft-main-menu .menu-base-theme ul.menu a {
    background: #ffffff;
    padding: 0.8em 1.6em 0.8em 0.8em;  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #525252;
}
#block-nemethkft-main-menu .menu-base-theme ul.menu a.highlighted,
#block-nemethkft-main-menu .menu-base-theme ul.menu a.is-active,
#block-nemethkft-main-menu .menu-base-theme ul.menu a.active,
#block-nemethkft-main-menu .menu-base-theme ul.menu a:focus,
#block-nemethkft-main-menu .menu-base-theme ul.menu a:hover {
    background-color: #e7e7e7;     
    border-bottom: 3px solid #dddddd;
    color: #525252;
}
#block-nemethkft-main-menu .menu-base-theme ul li .menu-item--expanded a {
    border: 5px !important;
    padding: 0.8em 1.6em 0.8em 0.8em;
    border-bottom: 12px solid #525252;      
}
#block-nemethkft-main-menu .menu-base-theme ul .sub-arrow  {
    padding: 0px;
    top: 55%;
    right: 0.7em;
    left: auto;
    border-color: transparent transparent transparent #525252;
}
}


#menu-link-content3e0f1486-c952-4cbe-8fda-5fad2810cecb > a {
    border: 3px solid #05C4B9 !important;
    border-radius: 0px;
    padding: 12px 0.8em 13px 0.8em !important;
}




/* ---------- Navigation - User account menu ----------- */

#block-nemethkft-account-menu .menu-base-theme {
    background: transparent;
}
#block-nemethkft-account-menu .menu-base-theme > li {
    border-top: 0px solid #000000;
}
#block-nemethkft-account-menu .menu-base-theme a, 
#block-nemethkft-account-menu .menu-base-theme a:hover, 
#block-nemethkft-account-menu .menu-base-theme a:focus, 
#block-nemethkft-account-menu .menu-base-theme a:active, 
#block-nemethkft-account-menu .menu-base-theme a.highlighted {
    padding: 0.8em 0.8em 0.8em 0.8em;
    background: #ffffff;
    color: #525252;
}
#block-nemethkft-account-menu .menu-base-theme a:hover, 
#block-nemethkft-account-menu .menu-base-theme a:focus, 
#block-nemethkft-account-menu .menu-base-theme a:active {
    color: #05c4ba;
}
#block-nemethkft-account-menu .menu-base-theme ul li a:hover, 
#block-nemethkft-account-menu .menu-base-theme ul li a:focus, 
#block-nemethkft-account-menu .menu-base-theme ul li a:active {
    background: #dfdfdf;
}
#block-nemethkft-account-menu .menu-base-theme li.nav-item i.fab,
#block-nemethkft-account-menu .menu-base-theme li.nav-item i.fas,
#block-nemethkft-account-menu .menu-base-theme li.nav-item i.fa {
    color: #525252;
}
#block-nemethkft-account-menu .menu-base-theme .menu-item--expanded a {
    padding: 0.8em 2.2em 0.8em 0.8em;       
}
#block-nemethkft-account-menu .menu-base-theme .sub-arrow {
    padding: 0px;
    top: 55%;
    right: 0.7em;
    left: auto;
    border-color: #525252 transparent transparent transparent;
}


.user-logged-out #block-nemethkft-account-menu ul {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}
.user-logged-out #block-nemethkft-account-menu .menu-base-theme li a {
	background: #00c3ba;
    border: 1px solid #efeeed;
    color: #ffffff;
    text-shadow: 0 1px 0 #00c3ba;
    font-size: 1em;
    border-radius: 0.375rem;
    font-weight: normal;
}
.user-logged-out #block-nemethkft-account-menu .menu-base-theme li i.fab, 
.user-logged-out #block-nemethkft-account-menu .menu-base-theme li i.fas, 
.user-logged-out #block-nemethkft-account-menu .menu-base-theme li i.fa {
    color: #000000;
}
.user-logged-out #block-nemethkft-account-menu .menu-base-theme li:hover i.fab, 
.user-logged-out #block-nemethkft-account-menu .menu-base-theme li:hover i.fas, 
.user-logged-out #block-nemethkft-account-menu .menu-base-theme li:hover i.fa {
    color: #52526f;
}
.user-logged-out #block-nemethkft-account-menu .menu-base-theme li a:hover {
    background: #e0e0e0;
    border: 1px solid #adadad;
    color: #52526f;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;	    
}
.user-logged-in #block-nemethkft-account-menu .navbar-nav li i.fab, 
.user-logged-in #block-nemethkft-account-menu .navbar-nav li i.fas, 
.user-logged-in #block-nemethkft-account-menu .navbar-nav li i.fa {
    color: #52526f;
}




/* ---------- Navigation - Navbar-toggler ----------- */

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: rgb(0 0 0 / 100%);
    background-color: #111;
    border: var(--bs-border-width) solid rgb(255 255 255 / 100%);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
    height: 44px;
	margin-top: 0px !important;
	margin-left: auto !important;
	margin-right: 0 !important;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250,250,250, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


@media (min-width: 992px) {
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 1;              /* <<< fontos */
    justify-content: flex-end; /* menü jobbra igazítva */
    padding: 0px;
    overflow: visible;
  }
}


@media (min-width: 768px) {
#main-account {
  margin-left: auto;   /* eltolja jobbra */
  display: flex;       /* hogy szépen egymás mellé kerüljön */
  justify-content: flex-end;
}
    .navbar-expand-md .offcanvas .offcanvas-body {
        display: contents;
        /* flex-grow:0; */
        /* padding:0; */
        /* overflow-y:visible; */
    }
}




/* ---------- Navigation - Mobil menu ----------- */

@media (max-width: 991px) {
#CollapsingNavbar .offcanvas-header {
	background: #484f57 !important;
}
#CollapsingNavbar .offcanvas-body {
	background: #484f57 !important;
}

#CollapsingNavbar .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em ;
    color: #fff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.375rem;
    opacity: .75; /* ha jobban látszódjon */
}
#CollapsingNavbar .offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(var(--bs-offcanvas-padding-y) * 0.2);
    margin-right: calc(var(--bs-offcanvas-padding-x) * -.5);
    margin-bottom: calc(var(--bs-offcanvas-padding-y) * -.5);
}


#CollapsingNavbar .offcanvas-body .navigation {
    background: #212121 none repeat-x scroll left top;
    margin: 0em 0px 1em 0px;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
	border-radius: 0.375rem;
}	
#CollapsingNavbar .offcanvas-body .navigation h2 {   
    margin: 0.5em 0.5em 0.5em; 
    padding: 0px 0px;
    color: #05c4ba;	
}
#CollapsingNavbar .offcanvas-body .menu-base-theme {
  background: #212121;
}
#CollapsingNavbar .offcanvas-body .menu-base-theme a {
    line-height: 16px;
}
#CollapsingNavbar .offcanvas-body .menu-base-theme ul {
    background: transparent;
}
#CollapsingNavbar .offcanvas-body .menu-base-theme li {
    border-top: 1px solid #000000;
}
#CollapsingNavbar .offcanvas-body .menu-base-theme li:first-child {
    border-top: 1px solid #000000;
}
#CollapsingNavbar .offcanvas-body .menu-base-theme li a {
    background: #1c1c1c;    
    color: #ffffff;	
}
#CollapsingNavbar .offcanvas-body .menu-base-theme a:hover {
    background: #2e2e2e;
    color: #05c4ba;
}
#CollapsingNavbar .offcanvas-body .menu-base-theme a.is-active,
#CollapsingNavbar .offcanvas-body .menu-base-theme a.active {
    background: #0f0f0f;
    color: #05c4ba;
}
#CollapsingNavbar .offcanvas-body .menu-base-theme .sub-arrow {
    background-color: #1c1c1c;
    right: 0;
    margin: -22px 0px 0 0;
    padding: 0;
    width: 44px;
    height: 44px;
    line-height: 40px;	
    text-align: center;
    border-top: 1px solid #000000;	
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;	
    border-radius: 0rem;
    color: #fff;
    font-size: 2em;
}
#CollapsingNavbar .offcanvas-body li.nav-item i.fab, 
#CollapsingNavbar .offcanvas-body li.nav-item i.fas, 
#CollapsingNavbar .offcanvas-body li.nav-item i.fa {
    color: #2fa4e7;
    padding-right: 5px;
}
}




/* ---------- Bootstrap - User profile ----------- */

.profile h4.label {
    margin-bottom: 0px;
    display: block;	
	color: #525252;
}
body.path-user .profile h4.label {
    margin-bottom: 0px;
    display: inline-block;	
	color: #525252;
}
body.path-user .field--name-user-picture img {
    border-radius: 50%;
}
body.path-user .field--label-inline .field__item {
    margin: 0.25rem 0;
    padding: 0.25rem 1rem;
    border-radius: 0.375rem;
    background: #e9ecef;
    min-width: 250px;
    color: #525252;
}




/* ---------- Bootstrap - Field ----------- */

.field--type-entity-reference .field__label {
  font-weight: bold;
  margin: 0;
  padding-right: 5px; /* LTR */
}
.field__label {
  font-weight: bold;
}
.field {
    margin: 0px 0px 1rem;
}




/* ---------- Bootstrap - More information ----------- */

.content .nav-link {
    border-left: 1px solid #000;
	margin: 0px;
    padding: 3px 0.7em 3px 1em;	
}
.content .nav-link:first-child {
    border-left: 0px solid #000;	
}




/* ---------- Bootstrap - View filters ----------- */

.block-system-main-block .view-filters {
	background: #ecebeb;
    border: 1px solid #dadada;
    border-radius: 0.375rem;
    margin: 1em 0px;
    padding: 0.5em;
}
.block-system-main-block .view-filters .js-form-item {
    margin-right: 1.0em;	
}
.block-system-main-block .view-filters legend,
.block-system-main-block .view-filters label {
    color: #525252;
	font-size: 1em;
}




/* ---------- Bootstrap - Syndicate ----------- */

#block-nemethkft-syndicate {
    padding: 0em 0px 0em 0px;
}




/* ---------- Bootstrap - Collapse ----------- */

#collapseExample .card-body {
    background: #f6f6f6;
    border: 1px solid #dddddd;
    margin: 0px 0px 1em 0px;
    color: #525252;
}




/* ---------- Layout Builder ----------- */

.path-node .layout__region--second .block h2,
.path-node .layout__region--first .block h2,
.path-node .layout__region--content .block > h2 {
    margin-top: 1em;
    margin-bottom: 0.5em;
}




/* ---------- Node ----------- */

.node__content {
    font-size: 1em;
    margin-top: 0px;
}

.node--promoted.node--view-mode-default {
    background: #ffffff;
    border: 0px solid #f7f7f7;
    border-radius: 0rem;
    padding: 0em;	
	margin-bottom: 1em;	
}
.node--promoted.node--view-mode-teaser {
    background: #ffffff;
    border: 0px solid #ffffff;
    border-radius: 0rem;
    padding: 0em;	
	margin-bottom: 0em;	
}
.node--unpublished.node--view-mode-default,
.node--unpublished.node--view-mode-teaser {
    background: #fff4f4;
    border-radius: 0.375rem;
}
.node--unpublished {
    background: #fff4f4;
    border-radius: 0.375rem;
}

.node--promoted.node--view-mode-teaser h2 {
    margin: 0.6em 0px 0.2em 0px;
    padding: 0;	
    color: #05c4ba;	
}
.node--promoted.node--view-mode-teaser h2 a {
    color: #05c4ba;	
}

.node__submitted {
    font-size: 0.9em;
    font-style: normal;	
    color: #525252;
    margin-bottom: 0.3em;
}
.node__submitted {
    color: #525252;
}

.node__meta {
    margin-bottom: 0.5em;
}
.node__meta .form-item, .node__meta .form-actions {
    margin-top: 0em;
    margin-bottom: 0em;
}
.node__meta .profile .js-form-type-item {
    display: none;
}




/* ---------- Field ----------- */

.author {
    font-size: 0.9em;
    color: #525252;
}

.field--name-member-for.field--type-created {
    padding: 1.0em 0px 10px;
}




/* ---------- Taxonomy ----------- */

.field--type-entity-reference {
    margin: 0 0 0.5em;
}




/* ---------- Images ----------- */

.node .field--type-image {
    float: none; /* LTR */
    margin: 0 0em 0 0; /* LTR */
}
[dir="rtl"] .node .field--type-image {
    float: right;
    margin: 0 0 0 1em;
}
.node .field--type-image + .field--type-image {
    clear: both;
}


.field--type-image img {
    margin: 0.5em 0px 0.5em 0px;
    padding: 0;
    vertical-align: top;
}
td.views-field-field-image img {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    vertical-align: top;
}
.node--promoted.node--view-mode-teaser .field--type-image img {
    margin: 0.5em 0px 0.5em 0px;
    padding: 0;
    vertical-align: top;
    clear: both;	
}

.blazy .media--blazy img.media__element {
    margin: 0em 0px 0em 0px;
}
.blazy__caption {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 1em 0px;
	color: #525252;
}

.blazy__caption .blazy__caption--description {
    margin: 0.5em 0 0.7em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    line-height: 1.428571429;
    color: #05c4ba;
    text-align: center;
}

.node--promoted.node--view-mode-default .blazy .media--blazy img.media__element {
    margin: 0em 0px 0.5em 0px;
}




/* ---------- Blazy b-flex ----------- */
:root {
  /* The gap 15px is to match CSS grid convention such as Bootstrap.
  Affected by .grid margin 0 vs. auto. This 14px is best for .b-flex. Adjust it. */
  --bf-col-gap: 7px;
}




/* ---------- File - Upload ----------- */

.field--name-field-upload .field__label {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    margin: 0em 0px 0.2em 0px;
    color: #525252;
    font-size: 1.5rem;
    font-weight: normal;
}
.field--name-field-upload .field__label::after {
    content: '';
    border-top: 1px solid;
    margin: 0 0 0 20px;
    flex: 1 0 20px;
    color: #e7e7e7;
}


.views-row .views-field.views-field-field-upload .file-icon,
.field--name-field-upload .file-icon {
    background: #f6f6f6;
    border: 1px solid #ddd;
    border-radius: 0.375rem;
    color: #525252;	
    margin: 0.3em 0px 1em 0px;	
    padding: 0.5em;		
}
.views-row .views-field.views-field-field-upload .file-icon:hover,
.field--name-field-upload .file-icon:hover {
    background: #efefef;
}
.views-row .file .text-primary,
.field--name-field-upload .file .text-primary {
    color: #525252;
}
.views-field-field-upload .file-link a, 
.views-field-field-upload .file-link a:hover, 
.views-field-field-upload .file-link a:focus, 
.views-field-field-upload .file-link a:active {
    color: #525252;
}




/* ---------- view - Slideshow ----------- */

.view-slideshow .view-content {
	background: #fff;
    margin: 0em 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid #C19B76;	
    border-color: rgba(117, 92, 164, 100%);
}
.block.block-views-blockslideshow-block-1 {
    margin-bottom: 0em;
}

.view-slideshow .slide__caption {	
    margin: 0px;
    text-align: left;
    top: 37%;
    left: 7%;  
    width: 86%;
}
.view-slideshow .slide__caption .slide__title a {
    color: #fff;
    font-size: 3em;
    text-transform: uppercase;
    letter-spacing: 2px;    
    font-style: normal;	
    text-decoration: none;
    text-shadow: 1px 1px 2px #000;
}
.view-slideshow .slide__caption .slide__description {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    line-height: 1.428571429;
    margin-bottom: 5px;    
    font-style: normal;    
    color: #eee;
    text-shadow: 1px 1px 2px #000; 
}
.view-slideshow .slide__caption .slide__link {
    margin: 1em auto 1em;
}
.view-slideshow .slide__caption .slide__link a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    text-decoration: none;       

    background-image: linear-gradient(#C19B76 0%, #000000 100%);
    background-repeat: repeat-x;
    border-color: #000000;
    color: #C19B76;
    text-shadow: 0 1px 0 #353535;	
	
    padding: 12px 24px 12px 24px;
    border-radius: 0.375rem;
	
}


.view-slideshow .slick-arrow:hover::before {
    color: #ffffff;
}
.view-slideshow .slick-arrow::before {
    color: #ffffff;
}


@media (min-width: 768px) {
.view-slideshow .slide--caption--center .slide__caption {
    margin-top: 0%;
    position: absolute;
    top: 50%;
}
}


@media (max-width: 1200px) {
.view-slideshow .view-content {
    background: #f5f5f5;
    margin: 0em 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.view-slideshow .slide__caption {
    padding: 5px 10px 5px 10px;
    margin: 0px;
    position: absolute;
    bottom: 0%;
    text-align: center;
    color: #fff;	
}
.view-slideshow .slide__caption .slide__title a {
	color: #fff;
	font-size: 1.2em;
	text-transform: capitalize;
	letter-spacing: 0px;
}
}


.slick-arrow::before {
    color: #ffffff;
}
.slick-dots {
    position: relative;
    bottom: -35px !important;
}




@media (min-width: 64em) {
	.slide--caption--center .slide__caption,
	.slide--caption--center-top .slide__caption,
	.slide--caption--left .slide__caption,
	.slide--caption--right .slide__caption {
    width: 85% !important;
}
}
@media (max-width: 576px) {
.view-slideshow .view-content {
    margin: 0px 0px 0px 0px !important;
} 
}




/* ---------- Webform ----------- */

.webform-type-checkbox.mb-3.form-item-privacy-accept {
    margin-bottom: 0rem !important;
}
#edit-privacy-info.webform-type-processed-text.mb-3 {
    padding-left: 2.9em;	
	font-size: .875em;
}


.node--type-webform label {
    color: #000000;
    font-weight: bold;		
}


.webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check-label {
    font-weight: normal;	
}
.webform-options-display-buttons .form-check-input:checked ~ .form-check-label {
    border-color: #00c3ba;
    background: #dddddd;
    color: #000000;	
}


.node--type-webform .form-item-phone,
.node--type-webform .form-type-url,
.node--type-webform .form-type-email,
.node--type-webform .form-type-select,
.node--type-webform .form-type-textarea,
.node--type-webform .form-type-textfield,
.node--type-webform .fieldset-wrapper {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 0.5em;
    border-radius: 0.375rem;
}





/* ---------- Frontpage ----------- */

@media (min-width: 1200px) {
body.path-frontpage #main-wrapper > .container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;	
    overflow-x: hidden;
    padding: 0px 0px 12px;
}
}


#block-nemethkft-31eve {
	background: #484f57;
    background: #484f57;
    padding: 0.8em 0.8em;
    margin: -10px 0px -10px 1em;
}
#block-nemethkft-31eve .field {
    margin: 0px 0px 0rem;
}
#block-nemethkft-31eve .evfordulo {
	display: flex;
	gap: 5px;
}

#block-nemethkft-31eve .evfordulo .szam-kocka {
	display: flex;
	align-items: center;
	background: #484f57;
	color: #fff;
	font-size: 1.8em;
	font-weight: normal;
}

#block-nemethkft-31eve .evfordulo .szam-kocka::after {
	content: "|";
	margin-left: 1px;
	color: #fff;
	font-weight: normal;
}

#block-nemethkft-31eve .evfordulo .info-kocka {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0px;
	box-sizing: border-box;
	color: #fff;
	font-size: 0.9em; 
}

#block-nemethkft-31eve .evfordulo .info-kocka div {
	color: #fff;
}


.path-frontpage .block-views-blockterm-node-count-block-1 {
    text-align: center;
}
.path-frontpage .block-views-blockterm-node-count-block-1 .col {
    text-align: center;
    margin-bottom: 25px;
}
.path-frontpage .block-views-blockterm-node-count-block-1 h2 {
    text-align: center;
    font-size: 2.0em;
    font-weight: normal;
    padding: 25px 0px 0px;
    margin: 25px 0px 25px;
}
.path-frontpage .block-views-blockterm-node-count-block-1 h2::before {
    content: " - ";
}
.path-frontpage .block-views-blockterm-node-count-block-1 h2::after {
    content: " - ";
}


.path-frontpage .block-views-blockterm-node-count-block-1 .view-content {
    text-align: center;
    margin: 25px auto 0px;
    padding: 0px 10px 25px;
}


@media (min-width: 1400px) {
  .path-frontpage .block-views-blockterm-node-count-block-1 .view-content {
    width: 100%;
  }

  .path-frontpage .block-views-blockterm-node-count-block-1 .view-content {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
}


.path-frontpage .block-views-blockszoveg-block-2 {
    text-align: center;
    margin: 25px auto 0px;
    padding: 0px 10px 25px;
}


@media (min-width: 1400px) {
  .path-frontpage .block-views-blockszoveg-block-2 {
    width: 100%;
  }

  .path-frontpage .block-views-blockszoveg-block-2 > .content {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
}


.path-frontpage .block-views-blockszoveg-block-2 h2 {
	font-size: 2.0em;
    line-height: 120%;
    font-weight: normal;
    color: #05c4ba;
    margin: 0px 10px 15px;	    
	padding: 0;	
}
.path-frontpage .block-views-blockszoveg-block-2 .views-row h2 {
	font-size: 2.0em;
    line-height: 120%;
    font-weight: normal;
    color: #05c4ba;
    margin: 15px 10px 15px;	    
	padding: 0;	
}


@media (min-width: 1400px) {
  .path-frontpage .layout--twocol-section {
    width: 100%;
  }

  .path-frontpage .layout--twocol-section {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
}


.path-frontpage .layout-region-body {
    background: #484f57;
    border-top: 3px solid #05c4ba;
    border-bottom: 3px solid #05c4ba;    
    margin: 0px auto;
    padding: 25px 10px 45px;
    color: #525252;  
}

@media (max-width: 576px) {
.path-frontpage .layout-region-body {
    margin: 0px -12px 0px;
}
}


.path-frontpage .layout-region-body .layout__region.layout__region--first {
	padding-right: 0em; /* alapértelmezett: mobilon */
}


@media (min-width: 576px) {
.path-frontpage .layout-region-body .layout__region.layout__region--first {
	padding-right: 1.5em; /* 768px-től nagyobb kijelzőknél */
}
}




/* ---------- Hirek ---------- */

.view-hirek .view-content h3 {
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 0.5em;
    padding: 0em;
    vertical-align: top;
    color: #525252; 
}
.view-hirek .view-content h3:first-child {
    margin-top: 0px;
}
.view-hirek .view-content .views-row {
    margin: 0;
    padding: 0px 0px 1em 0px;
    vertical-align: top;
}
.view-hirek .view-content .views-row:before, 
.view-hirek .view-content .views-row:after {
    content: " ";
    display: table;
    clear: both;
}
.view-hirek .view-content .views-field-title h2 {
    margin: 0em 0px 0.3em 0px;
    padding: 0;
}


.view-hirek .view-content .views-row .views-field-body {
    overflow: hidden;
}


@media (min-width: 768px) {
.view-hirek .view-content .views-field-field-image {
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* 0);
}
}


.view-hirek .view-content .views-row .views-field-field-image img {
    margin: 5px 0px 5px 0px;
    padding: 0px;
}


.view-hirek .view-content .views-field-view-node {
    clear: both;
}


.path-frontpage .block-views-blockhirek-block-1 h2 {
    color: #ffffff;
    padding: 0px;
    margin: 1.0em 0 0.5em;
    font-size: 1.6em;
}
.path-frontpage .view-hirek.view-display-id-block_1 .view-content .views-row {
    text-align: left;
    color: #ffffff;
    border-left: 3px solid #999999;
    margin: 0;
    padding: 0px 0px 10px 10px;
}
.path-frontpage .view-hirek.view-display-id-block_1 .view-content hr {
    border: 1px solid #3f454d;
    height: 1px;
    margin: 0.7em;
}




/* ---------- Prospektus ---------- */

.view-prospektus .views-view-responsive-grid__item {
    margin: 10px auto 10px;
    position: relative;
    width: auto;
    height: auto;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.view-prospektus .views-field-title {
    margin: 0.5em 0em 0em;
}
.view-prospektus .views-field-field-upload {
    margin: 0.5em 0em 0.5em;
    display: flex;
    justify-content: flex-end;
    font-size: 1.2em;	
}




/* ---------- Termekek ---------- */

.view-termekek.view-display-id-page_1 h3 {
    font-size: 1.6em;
}

.view-termekek .views-view-responsive-grid__item {
    text-align: center;
    margin-bottom: 25px;
}

.blazy--photoswipe .grid {
    text-align: center;
}

.block-field-blocknodeproducttitle {
    font-size: 1.6em;
    color: #525252;
    margin-bottom: 0em;
}




/* ---------- Terkep ---------- */

.block-block-content66fb96b8-3268-45dc-adc7-15374538650c {
    border-top: 0px solid #05c4ba;
    border-bottom: 3px solid #05c4ba;
    margin: 0px 0px -12px 0px;
    padding: 0px;
    line-height: 0;
}
.block-block-content66fb96b8-3268-45dc-adc7-15374538650c .field {
    margin: 0px 0px 0rem;
}




/* ---------- Videok ---------- */

.path-frontpage .block-views-blockvideo-block-2 h2 {
    color: #ffffff;
    padding: 0px;
    margin: 1.0em 0 0.5em;
    font-size: 1.6em;
}
.path-frontpage .block-views-blockvideo-block-2 .view-content .views-row {
    text-align: left;
    color: #ffffff;
    border-left: 0px solid #999999;
    margin: 0;
    padding: 0px 0px 0px 0px;
}
.path-frontpage .block-views-blockvideo-block-2 .views-field-title h2 {
    margin: 0.3em 0px 0em 0px;
    padding: 0;
}
.path-frontpage .block-views-blockvideo-block-2 .view-content hr {
    border: 1px solid #3f454d;
    height: 1px;
    margin: 0.7em;
}


.page-node-1 .block-views-blockvideo-block-1 h2.field-content {
    margin: 0em 0 1em;
    padding: 0px 0px 0px 0px;
}


@media (min-width: 768px) {
.path-node .layout__region--third,
.path-node .layout__region--second {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
}
.path-node .layout--threecol-section.layout--threecol-section--33-34-33 {
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 0px 0px;
}
}


.page-node-type-product .content [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}




/* ---------- Media - Video ---------- */

.field--name-field-media-oembed-video {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
  
  /* Then style the iframe to fit in the container div with full height and width */
.media-oembed-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}




/* ---------- Hover effects ---------- */

.ih-item.circle {
    margin: 15px auto 7px;
}
.ih-item.circle.effect10 .info {
    background: #484f57;
}
.ih-item.circle {
    width: 270px;
    height: 270px;
}
.ih-item.circle .img {
    width: 270px;
    height: 270px;
}
.ih-item.circle.effect10.bottom_to_top .info h3 {
    color: #ffffff;
    font-size: 1.5em;
    margin: 140px 12px 10px;
}
.ih-item.circle.effect10.bottom_to_top .info h3 a {
    color: #ffffff;
}
.ih-item.circle.effect10.bottom_to_top .info p {
    margin: 0 45px;
    padding: 5px;
}
.ih-item.circle.effect10 .info a {
    text-decoration: none;
}
.ih-item.circle.effect10 .info p {
    color: #ffffff;
    font-style: normal;
    font-size: 1.4em;
    border-top: 0px solid #05c4ba;
    padding-top: 5px;
}
.ih-item.circle.effect10 .info p a {
    color: #ffffff;
}


.ih-item.circle.effect10 .svg-inline--fa {
    color: #ffffff;
    font-size: 1.8em;
    z-index: 0;
    border: 0;
    border-radius: 50%;
    height: 42px;
    pointer-events: auto;
    position: absolute;
    top: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 42px;
    left: 43%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.ih-item.circle.effect10:hover .svg-inline--fa {
    color: #05c4ba;
    font-size: 1.8em;
    z-index: 15;
    border: 0;
    border-radius: 50%;
    height: 42px;
    pointer-events: auto;
    position: absolute;
    top: 90%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 42px;
    left: 43%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}


.views-field.views-field-field-image-info .ih-item.square.effect3 .img {
    position: relative; /* Fontos, hogy a kép helyzetét kezelni tudjuk */
    transition: transform 0.3s ease; /* Zökkenőmentes animáció */
}

.views-field.views-field-field-image-info .ih-item.square.effect3:hover .img {
    transform: translateY(-65px); /* 65 pixel felfelé tolás */
}


.ih-item.square {
    margin: 10px auto 10px;	
    position: relative;
    width: auto;
    height: auto;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square.effect3 {
    position: relative;
    overflow: hidden; /* A kiugró elemek elrejtése */
}
.ih-item.square.effect3 .info {
    background: #484f57;
    height: 65px;
    position: absolute; /* Pozíció abszolút beállítása */
    bottom: -65px; /* Elrejtve a nézetből */
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: bottom 0.3s ease; /* Lágy animáció a felcsúszásra */
}
.ih-item.square.effect3:hover .info {
    bottom: 0; /* Felcsúszik a helyére */
}
.ih-item.square.effect3.bottom_to_top .info h3 {
    color: #ffffff;
    font-size: 1.5em;
    margin: 0px;		
}
.ih-item.square.effect3.bottom_to_top .info h3 a {
    color: #ffffff;
}

.ih-item.square.effect3 .svg-inline--fa {
    color: #05c4ba;
    font-size: 1.2em;
    z-index: -1;
    border: 0;
    border-radius: 50%;
    height: 22px;
    pointer-events: auto;
    position: absolute;
    top: 92%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 22px;
    left: 3%;
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    transition: all .9s;
}
.ih-item.square.effect3:hover .svg-inline--fa {
    color: #05c4ba;
    font-size: 1.2em;
    z-index: 15;
    border: 0;
    border-radius: 50%;
    height: 22px;
    pointer-events: auto;
    position: absolute;
    top: 92%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 22px;
    left: 90%;
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    transition: all .9s;
}




/* ----- view - Palyazat ----- */

.block.block-views-blockpalyazat-block-1 {
    position: fixed;
    top: 80%;
    right: 0;                
    transform: translateY(-50%);
    z-index: 1;
    width: 300px;             

    display: flex;
    justify-content: flex-end;
}


@media (max-width: 992px) {
.block.block-views-blockpalyazat-block-1 {
    position: relative;    
    top: auto;             
    right: auto;      
    transform: none;   
    margin: 10px 10px 10px;
    z-index: 0;
    text-align: center;
    align-items: center;
    justify-content: center;	
    width: auto;
}
}




/* ----- Mobil menu ----- */
@media (min-width: 992px) {
#main-menu {
    display: flex !important;
    flex-wrap: nowrap !important;  /* ne törjön új sorba */
}
#main-menu li {
    white-space: nowrap;           /* a menüelemek ne törjenek sorba */
}
}




/* ---------- Klaro ----------- */

.klaro label {
    color: #000000;
}