/**
 * @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: #faf3e0;
    padding: 12px;
}
@media (max-width: 992px) {
#main-wrapper > .container {
    padding: 0em 12px 0em;
}
}




/* ---------- Bootstrap - Kiemelt fent ----------- */

.featured-top .container {
    width: 100%;
    max-width: 100%;
	padding: 0px;
}
.featured-top .container img {
    width: 100%;
    max-width: 100%;
	padding: 0px;
}

@media (min-width: 1400px) {
.featured-top .container img {
	/* Hullámos maszkolás: fent és lent szimmetrikus */
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 699' xmlns='http://www.w3.org/2000/svg'><path d='M0,20 C480,0 1440,100 1920,20 V649 C1440,599 480,699 0,649 Z' fill='black'/></svg>");
	mask-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1920 699' xmlns='http://www.w3.org/2000/svg'><path d='M0,20 C480,0 1440,100 1920,20 V649 C1440,599 480,699 0,649 Z' fill='black'/></svg>");
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
}




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

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


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

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


.navbar .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: 96%;      /* állíts be egy szélességet, hogy 2 sorba férjen */ 
}


@media (max-width: 992px) {
.navbar .site-logo {
    margin-right: 0em;
}
.navbar .site-logo .img-fluid {
    max-width: 96%;
    height: auto;
}
.navbar .navbar-brand {
  display: inline-block;
  white-space: normal;
  max-width: 96%; /* á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: 96%;      /* á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: 10px;
    border-top: 1px solid #e8e2c5;
    border-color: rgba(232, 225, 196, 100%);
	padding-top: 10px;
}
.site-footer__bottom .region {
    margin-top: 0px;
}
.site-footer .content a, 
.site-footer .content a.is-active {
    color: #000000;
}
.site-footer .content a:hover,
.site-footer .content a:focus {
    color: #000000;
}
.site-footer .content ol:not(.menu),
.site-footer .content ul:not(.menu) {
    padding-left: 0em;
}


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

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




/* ---------- 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 #525252;
    width: auto;	
}
#block-footermessage .field--name-body ul.list-inline a,
#block-footermessage .field--name-body ul.list-inline a:visited {
	color: #525252;
}
#block-footermessage .field--name-body ul.list-inline a:hover {
	color: #ded9c0;
	-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-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: #525252;
    border: 1px solid #604396;
    color: #fff;
    text-shadow: 0 1px 0 #604396;		
}
.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;
}


input[type="submit"].form-control,
button[type="submit"].form-control {
    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-linzimentes-search-form-narrow .menu-base-theme,
.search-block-form#block-linzimentes-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-linzimentes-search-form-narrow .container-inline div {
    display: block;
}


#block-linzimentes-search-form-narrow {
    background: #ffffff;
    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-linzimentes-search-form-narrow .mb-3 {
    margin-bottom: 0rem !important;
}
#block-linzimentes-search-form-narrow .btn-primary {
	background-image: linear-gradient(#525252 0%, #525252 100%);
    background-repeat: repeat-x;
    border-color: #525252;
	color: #ffffff;
    text-shadow: 0 1px 0 #525252;	
}
#block-linzimentes-search-form-narrow .btn-primary:active:focus,
#block-linzimentes-search-form-narrow .btn-primary:active,
#block-linzimentes-search-form-narrow .btn-primary:hover {	
	background-image: linear-gradient(#e0e0e0 0%, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #adadad;
    color: #525252;	
    text-shadow: 0 1px 0 #ffffff;	
}


#block-linzimentes-search-form-wide .menu-base-theme,
.search-block-form#block-linzimentes-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-linzimentes-search-form-wide .container-inline div {
    display: block;
}


#block-linzimentes-search-form-wide {
    background: #ffffff;
    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-linzimentes-search-form-wide .mb-3 {
    margin-bottom: 0rem !important;
}
#block-linzimentes-search-form-wide .btn-primary {
	background-image: linear-gradient(#525252 0%, #525252 100%);
    background-repeat: repeat-x;
    border-color: #525252;
	color: #ffffff;
    text-shadow: 0 1px 0 #525252;		
}
#block-linzimentes-search-form-wide .btn-primary:active:focus,
#block-linzimentes-search-form-wide .btn-primary:active,
#block-linzimentes-search-form-wide .btn-primary:hover {	
	background-image: linear-gradient(#e0e0e0 0%, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #adadad;
    color: #525252;	
    text-shadow: 0 1px 0 #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 - 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: #000;
    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: 48px;
    width: 48px;
    min-width: 48px;
    min-height: 48px;
}
@media (max-width: 992px) {
    #navbar-main > .container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    #navbar-main .region-header {
        flex: 1 1 auto;
        min-width: 0;
    }

    #navbar-main .site-name-slogan-wrapper {
        min-width: 0;
    }

    #navbar-main .navbar-brand {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    #navbar-main .site-name-slogan {
        overflow-wrap: break-word;
    }

    #navbar-main .navbar-toggler {
        flex-shrink: 0;
    }
}
.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;
  }
}




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

@media (max-width: 991px) {
#CollapsingNavbar .offcanvas-header {
	background: #faf3e0 !important;
}
#CollapsingNavbar .offcanvas-body {
	background: #faf3e0 !important;
}	
#CollapsingNavbar,
#CollapsingNavbar * {
    min-height: initial;
    min-width: initial;
}

#CollapsingNavbar .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .55em .55em ;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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: .95; /* ha jobban látszódjon */
}

#CollapsingNavbar .offcanvas-body .navigation {
    background: #212121 none repeat-x scroll left top;
    margin: 0em 0px 1em 0px !important;
    padding: 0px 0px 0px 0px !important;
	border-radius: 0.375rem;	
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}	
#CollapsingNavbar .offcanvas-body .navigation h2 {   
    margin: 0.5em 0.5em 0.5em; 
    padding: 0px 0px;
    color: #fcb12f;	
}
#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: #fcb12f;
    padding-right: 0.7em;
}
}




/* ---------- 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-linzimentes-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 #ffffff;
    border-radius: 0rem;
    padding: 0em;	
	margin-bottom: 1em;	
}
.node--promoted.node--view-mode-teaser {
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0rem;
    padding: 0.5em;	
	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: 0px 0px 0.2em 0px;
    padding: 0;	
}
.node--promoted.node--view-mode-teaser h2 a {
    color: #525252;	
}

.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;
}

.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 ----------- */

.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: #c4010f;
}




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

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

.view-slideshow .slide__caption {	
    background: linear-gradient(to right, rgba(0,0,0,0) 1%,rgba(0,0,0,0.39) 50%,rgba(0,0,0,0.4) 51%,rgba(0,0,0,0) 100%);	
    margin: 0px;
    text-align: center;
}
.view-slideshow .slide__caption .slide__title a {
    color: #f5f5f5;
    font-size: 1.6em;
    font-style: normal;	
    text-decoration: none;
    text-shadow: 1px 1px 2px #525252;
}
.view-slideshow .slide__caption .slide__description {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 1.428571429;
    margin-bottom: 5px;    
    font-style: normal;    
    color: #eee;
    text-shadow: 1px 1px 2px #525252;   
}
.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(#525252 0%, #000000 100%);
    background-repeat: repeat-x;
    border-color: #000000;
    color: #525252;
    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 {	
    background: linear-gradient(to right, rgba(0,0,0,0) 1%,rgba(0,0,0,0.39) 50%,rgba(0,0,0,0.4) 51%,rgba(0,0,0,0) 100%);
    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;
}
}


.slick-arrow::before {
    color: #ffffff;
}
.slick-dots {
    position: relative;
}




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

.path-frontpage h1 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

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

.path-frontpage .block-views-blockszoveg-block-1 {
    background-image: linear-gradient(180deg, rgba(226, 216, 184, 0.7) 100%, rgba(250, 243, 224, 1.0) 0%);        
    margin: 1em auto 1em;
    padding: 10px 10px 10px;
    color: #525252;  
    border-radius: 0rem;	
}
@media (min-width: 1200px) {
.path-frontpage .block-views-blockszoveg-block-1 {
    background-image: linear-gradient(180deg, rgba(226, 216, 184, 0.7) 70%, rgba(250, 243, 224, 1.0) 30%);       
    margin: 0px auto 0px;
    padding: 45px 45px 45px;
    color: #525252;  
    border-radius: 0rem;
}
}


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

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


.path-frontpage .block-views-blockszoveg-block-1 .views-row h2 {
    margin: 0.5em 0em 0.5em 0em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-row h2::after {
    content: '';
    border-top: 1px solid;
    margin: 0 20px 0 20px;
    flex: 1 0 20px;
    color: #525252;
}

.path-frontpage .block-views-blockszoveg-block-1 .views-row .views-field-title h2 {
    font-size: 1.7em;	
}
.path-frontpage .block-views-blockszoveg-block-1 .views-row .views-field-title h2 a {
    text-transform: uppercase;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-row .views-field-body {
    margin: 1em 0em 0.5em 0em;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-row .views-field-field-image {
    padding: 20px 5px 20px 0px;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-row .views-field-field-image img {
    padding: 10px 10px 10px 10px;
    background-color: #f9f9f9;
    box-shadow: 5px 5px 2px 0px rgba(155, 155, 155, 0.2);
}
.path-frontpage .block-views-blockszoveg-block-1 .views-row .views-field-view-node {
    background: rgb(255, 255, 255);
    color: #525252;
    cursor: pointer;
    display: inline-block;
    margin: 10px 0px 25px 0px;
    overflow: visible;
    box-shadow: 5px 5px 2px 0px rgba(82, 82, 82, 0.4);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 0.375rem; 
    padding: 8px 16px 8px 16px;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-row .views-field-view-node:hover {
    background: #f9f3e0;
    border: 1px solid #adadad;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-row .views-field-view-node a {
    color: #525252;
    text-decoration: none;
}
.path-frontpage .block-views-blockszoveg-block-1 .views-row .views-field-view-node:hover a {
    color: #525252;
    text-decoration: none;
}




/* ---------- Layout Region ----------- */

.layout__region.layout__region--first {
    padding-right: 15px;
}
.layout__region.layout__region--second {
    padding-left: 15px;
}


@media (max-width: 576px) {
.layout__region.layout__region--first {
    padding-right: 0px;
}
.layout__region.layout__region--second {
    padding-left: 0px;
}
}




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

.view-termekek .views-field-title {
    margin: 10px 0px 10px 0px;
    font-size: 1.2em;
    color: #898989;
}
.view-termekek .views-field-view-node .btn-default {
    background: #fafafa linear-gradient(to bottom, #fafafa 0%, #e3e3e3 80%) repeat scroll 0 0;
    border: 1px solid #e3e3e3;
    border-radius: 0.375rem;
    color: #525252;
    text-shadow: 0 1px 0 #ffffff;
}
.view-termekek .views-view-responsive-grid__item {
    background-image: linear-gradient(180deg, rgba(226, 216, 184, 0.7) 100%, rgba(255, 255, 255, 1.0) 0%);
    margin-left: 0px;
    border: 2px solid #ffffff;
    border-radius: 0.375rem;
    vertical-align: top;
    padding: 8px;
}
.view-termekek .more-link {
    background: rgb(255, 255, 255);
    color: #525252;
    cursor: pointer;
    display: block;
    width: fit-content;
    margin: 25px auto;
    overflow: visible;
    box-shadow: 5px 5px 2px 0px rgba(82, 82, 82, 0.4);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-primary);
    border-radius: 0.375rem;
    padding: 8px 16px 8px 16px;
    white-space: nowrap;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    text-align: center;
}
.view-termekek .more-link:hover {
    background: #f9f3e0;
    border: 1px solid #adadad;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}	
.view-termekek .more-link a {
    color: #525252;
    text-decoration: none;
}
.view-termekek .more-link:hover a {
    color: #525252;
    text-decoration: none;
}


.view-termekek h2 {
    font-size: 1.7em;
    padding: 0px 0px;
    color: #525252;
    margin: 1em 0em 0.5em 0em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.view-termekek h2::after {
    content: '';
    border-top: 1px solid;
    margin: 0 20px 0 20px;
    flex: 1 0 20px;
    color: #525252;
}
.view-termekek .views-view-responsive-grid__item h2 {
    font-size: 1.2em;
}

.view-termekek .views-field-field-image img {
    padding: 10px 10px 10px 10px;
    background-color: #f9f9f9;
    box-shadow: 5px 5px 2px 0px rgba(155, 155, 155, 0.2);
}


@media (min-width: 1400px) {
.path-frontpage .block-views-blocktermekek-block-3 {
	width: 1440px;
	margin: 0px auto;
}
}


@media (min-width: 1400px) {
  .path-frontpage .block-views-blocktermekek-block-3 {
    width: 1440px;
  }

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


.path-frontpage .block-views-blocktermekek-block-3 h2 {
    font-size: 1.7em;
    padding: 0px 0px;
    color: #525252;
    margin: 1em 0em 0.5em 0em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.path-frontpage .block-views-blocktermekek-block-3 h2::after {
    content: '';
    border-top: 1px solid;
    margin: 0 20px 0 20px;
    flex: 1 0 20px;
    color: #ffffff;
}
.path-frontpage .block-views-blocktermekek-block-3 .views-view-responsive-grid__item h2 {
    font-size: 1.2em;
}




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

.klaro label {
    color: #000000;
}