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



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

.navbar a.navbar-brand {
    line-height: 1.228571429;		
    color: #ffffff;
}
@media (min-width: 992px) {
.navbar a.navbar-brand {
    font-size: 2.2em;
}
}
.navbar a.navbar-brand:hover {
    color: #ffffff;	
    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: #a7a7a7;	
}


.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: 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: 30px;
    border-top: 0px solid #555;
    border-color: rgba(255, 255, 255, 0.15);
}
.site-footer__bottom .region {
    margin-top: 20px;
}
.site-footer .content a, 
.site-footer .content a.is-active {
    color: #65ca9a;
}
.site-footer .content a:hover,
.site-footer .content a:focus {
    color: #65ca9a;
}
.site-footer .content ol:not(.menu),
.site-footer .content ul:not(.menu) {
    padding-left: 0em;
}


.site-footer .block {
    margin: 0px 0;
    border: 0px solid #444;
    border-color: rgba(255, 255, 255, 0.1);
    padding: 0px;
}
.site-footer__top h2 {
    border-bottom: 0px solid #555;
    border-color: rgba(255, 255, 255, 0.15);
    font-size: 1.4em;
    margin: 1em 0px 0.3em 0px;
    padding-bottom: 0px;
    text-transform: inherit;
    color: #65ca9a;	
}
.site-footer__top h2 a {
    font-size: 1.2em;
    margin: 1em 0px 0.3em 0px;
    color: #65ca9a;	
}

@media all and (min-width: 851px) {
  .site-footer__top .region {
    width: 33%;
    padding: 0 1em;
  }
  .site-footer__top .region:first-child {
    padding-left: 0; /* LTR */
  }
  [dir="rtl"] .site-footer__top .region:first-child {
    padding-left: 1em;
    padding-right: 0;
  }
  .site-footer__top .region:last-child {
    padding-right: 0; /* LTR */
  }
  [dir="rtl"] .site-footer__top .region:last-child {
    padding-left: 0;
    padding-right: 1em;
  }
}

@media (min-width: 576px) and (max-width: 851px) {
    .site-footer__top .region:nth-child(2n) {
        padding-left: 1.5em;
    }
}


#block-footermessage .field--name-body {
    font-size: 1em;
    color: #ffffff;    
}
#block-footermessage .field--name-body {
    color: #ffffff;
    font-size: 0.9em;
    border-left: 10px solid #464263;
    padding-left: 15px;
    padding-right: 15px;
}

.site-footer .content .fa-stack {
    color: #2e9a67;
    margin: 5px 5px 0px 0px;
}





/* ---------- 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: #ffde97;
    border: 1px solid #f38c01;
    color: #000;
    text-shadow: 0 1px 0 #ffde97;	
}
.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-smartelektro-search-form-narrow .menu-base-theme,
.search-block-form#block-smartelektro-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-smartelektro-search-form-narrow .container-inline div {
    display: block;
}


#block-smartelektro-search-form-narrow {
    background: #589679;
    border: 1px solid #3c6955;
    border-radius: 0.375rem;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    margin: 0em 0em 0em 0em;
    padding: 5px;
}
#block-smartelektro-search-form-narrow .mb-3 {
    margin-bottom: 0rem !important;
}
#block-smartelektro-search-form-narrow .btn-primary {
	background-image: linear-gradient(#ffde97 0%, #ffde97 100%);
    background-repeat: repeat-x;
    border-color: #f38c01;
	color: #000;
    text-shadow: 0 1px 0 #ffde97;		
}
#block-smartelektro-search-form-narrow .btn-primary:active:focus,
#block-smartelektro-search-form-narrow .btn-primary:active,
#block-smartelektro-search-form-narrow .btn-primary:hover {	
	background-image: linear-gradient(#e0e0e0 0%, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #adadad;
    text-shadow: 0 1px 0 #ffffff;	
}


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


#block-smartelektro-search-form-wide {
    background: #589679;
    border: 1px solid #3c6955;
    border-radius: 0.375rem;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
    margin: 0em 0em 1em 0em;
    padding: 5px;
}
#block-smartelektro-search-form-wide .mb-3 {
    margin-bottom: 0rem !important;
}
#block-smartelektro-search-form-wide .btn-primary {
	background-image: linear-gradient(#ffde97 0%, #ffde97 100%);
    background-repeat: repeat-x;
    border-color: #f38c01;
	color: #000;
    text-shadow: 0 1px 0 #ffde97;			
}
#block-smartelektro-search-form-wide .btn-primary:active:focus,
#block-smartelektro-search-form-wide .btn-primary:active,
#block-smartelektro-search-form-wide .btn-primary:hover {	
	background-image: linear-gradient(#e0e0e0 0%, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #adadad;
    text-shadow: 0 1px 0 #ffffff;
}


/* Szülő flex: egymás mellett */
#views-exposed-form-termekek-page-3 .d-flex {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important; /* vertikálisan középre */
    gap: 8px !important;
}

/* Mobilon: egymás alá */
@media (max-width: 991px) {
    #views-exposed-form-termekek-page-3 .d-flex {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    #views-exposed-form-termekek-page-3 .js-form-item,
    #views-exposed-form-termekek-page-3 .form-actions {
        width: 100% !important;
        margin-bottom: 8px !important;
    }
    #views-exposed-form-termekek-page-3 .js-form-item input {
        width: 100% !important;
    }
}

/* Szülő flex: egymás mellett */
#views-exposed-form-termekek-page-3-2 .d-flex {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important; /* vertikálisan középre */
    gap: 8px !important;
}

/* Mobilon: egymás alá */
@media (max-width: 991px) {
    #views-exposed-form-termekek-page-3-2 .d-flex {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    #views-exposed-form-termekek-page-3-2 .js-form-item,
    #views-exposed-form-termekek-page-3-2 .form-actions {
        width: 100% !important;
        margin-bottom: 8px !important;
    }
    #views-exposed-form-termekek-page-3-2 .js-form-item input {
        width: 100% !important;
    }
}


#block-smartelektro-felfedetturlaptermekekpage-3 {
    background: #589679;
    border: 1px solid #3c6955;
    border-radius: 0.375rem;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    margin: 0em 0em 0em 0em;
    padding: 5px;
}
#block-smartelektro-felfedetturlaptermekekpage-3-2 {
    background: #589679;
    border: 1px solid #3c6955;
    border-radius: 0.375rem;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    margin: 0em 0em 1em 0em;
    padding: 5px;
}
#block-smartelektro-felfedetturlaptermekekpage-3-2 .mb-3,
#block-smartelektro-felfedetturlaptermekekpage-3 .mb-3 {
    margin-bottom: 0rem !important;
}




/* ---------- 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-smartelektro-main-menu-menu {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}	
#block-smartelektro-main-menu {   
    padding: 0em 0em 0em 0em;
}	
#block-smartelektro-main-menu .menu-base-theme {
    background: #65ca9a linear-gradient(#65ca9a, #57866f) repeat scroll 0 0;  
}
#block-smartelektro-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.3em;
    color: #ffffff;
    border-bottom: 3px solid transparent;
}
#block-smartelektro-main-menu .menu-base-theme .menu-item--expanded a {            
    padding: 0.8em 1.6em 0.8em 0.8em;
}
#block-smartelektro-main-menu .menu-base-theme a.highlighted,
#block-smartelektro-main-menu .menu-base-theme a.is-active,
#block-smartelektro-main-menu .menu-base-theme a.active,
#block-smartelektro-main-menu .menu-base-theme a:focus,
#block-smartelektro-main-menu .menu-base-theme a:hover {
    background-color: #57866f;    
    border-bottom: 3px solid #60d49b;
    color: #fffc00;		
}
#block-smartelektro-main-menu .menu-base-theme li.menu-item--expanded a {
    padding: 0.8em 1.6em 0.8em 0.8em;  
}
#block-smartelektro-main-menu .menu-base-theme > li {
    background: transparent;       
    border-left: 1px solid #5c9e7e;
}
#block-smartelektro-main-menu .menu-base-theme .sub-arrow  {
    padding: 0px;
    top: 55%;
    right: 0.7em;
    left: auto;
    border-color: #fffc00 transparent transparent transparent;
}
#block-smartelektro-main-menu li.nav-item i.fab, 
#block-smartelektro-main-menu li.nav-item i.fas, 
#block-smartelektro-main-menu li.nav-item i.fa {
    color: #fffc00;
    font-size: 0.9em;	
}


#block-smartelektro-main-menu .menu-base-theme ul {
    border: 0px solid #ffffff;
}
#block-smartelektro-main-menu .menu-base-theme ul.menu a {
    background: #57866f;
    padding: 0.8em 1.6em 0.8em 0.8em;  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #ffffff;
}
#block-smartelektro-main-menu .menu-base-theme ul.menu a.highlighted,
#block-smartelektro-main-menu .menu-base-theme ul.menu a.is-active,
#block-smartelektro-main-menu .menu-base-theme ul.menu a.active,
#block-smartelektro-main-menu .menu-base-theme ul.menu a:focus,
#block-smartelektro-main-menu .menu-base-theme ul.menu a:hover {
    background-color: #7fa88f;     
    border-bottom: 3px solid #ffffff;
    color: #ffffff;	
}
#block-smartelektro-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 #ffffff;      
}
#block-smartelektro-main-menu .menu-base-theme ul .sub-arrow  {
    padding: 0px;
    top: 55%;
    right: 0.7em;
    left: auto;
    border-color: transparent transparent transparent #fffc00;
}
}




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

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


.user-logged-out #block-smartelektro-account-menu ul {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}
.user-logged-out #block-smartelektro-account-menu .menu-base-theme li a {
	background: #ffde97;
    border: 1px solid #f38c01;
    color: #000;
    text-shadow: 0 1px 0 #ffde97;
    font-size: 1em;
    border-radius: 0.375rem;
    font-weight: normal;
}
.user-logged-out #block-smartelektro-account-menu .menu-base-theme li i.fab, 
.user-logged-out #block-smartelektro-account-menu .menu-base-theme li i.fas, 
.user-logged-out #block-smartelektro-account-menu .menu-base-theme li i.fa {
    color: #525252;
}
.user-logged-out #block-smartelektro-account-menu .menu-base-theme li:hover i.fab, 
.user-logged-out #block-smartelektro-account-menu .menu-base-theme li:hover i.fas, 
.user-logged-out #block-smartelektro-account-menu .menu-base-theme li:hover i.fa {
    color: #52526f;
}
.user-logged-out #block-smartelektro-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-smartelektro-account-menu .navbar-nav li i.fab, 
.user-logged-in #block-smartelektro-account-menu .navbar-nav li i.fas, 
.user-logged-in #block-smartelektro-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(250 250 250 / 100%);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
    height: 44px;
	margin-top: -44px !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;
  }
}




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

@media (max-width: 991px) {
#CollapsingNavbar .offcanvas-header {
	background: #373451 !important;
}
#CollapsingNavbar .offcanvas-body {
	background: #373451 !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: #589679 none repeat-x scroll left top;
    margin: 0em 0px 1em 0px;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #3E6955;
    border-left: 1px solid #3E6955;
    border-right: 1px solid #3E6955;
    border-bottom: 1px solid #3E6955;
	border-radius: 0.375rem;
}	
#CollapsingNavbar .offcanvas-body .navigation h2 {   
    margin: 0.5em 0.5em 0.5em; 
    padding: 0px 0px;
    color: #fffc00;	
}
#CollapsingNavbar .offcanvas-body .menu-base-theme {
  background: #71A68D;
}
#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 #3E6955;
}
#CollapsingNavbar .offcanvas-body .menu-base-theme li:first-child {
    border-top: 1px solid #3E6955;
}
#CollapsingNavbar .offcanvas-body .menu-base-theme li a {
    background: #589679;    
    color: #ffffff;	
}
#CollapsingNavbar .offcanvas-body .menu-base-theme a:hover {
    background: #71A68D;
    color: #fffc00;
}
#CollapsingNavbar .offcanvas-body .menu-base-theme a.is-active,
#CollapsingNavbar .offcanvas-body .menu-base-theme a.active {
    background: #4B8067;
    color: #fffc00;
}
#CollapsingNavbar .offcanvas-body .menu-base-theme .sub-arrow {
    background-color: #4B8067;
    right: 0;
    margin: -22px 0px 0 0;
    padding: 0;
    width: 44px;
    height: 44px;
    line-height: 40px;	
    text-align: center;
    border-top: 1px solid #3E6955;	
    border-left: 1px solid #3E6955;
    border-bottom: 1px solid #3E6955;	
    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: #fffc00;
    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-smartelektro-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,
.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: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: #fff;
    margin: 1em 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.block.block-views-blockslideshow-block-1 {
    margin-bottom: 0em;
}

.view-slideshow .slide__caption {	
    background: linear-gradient(to right, rgba(0,57,118,0) 1%,rgba(0,57,118,0.39) 50%,rgba(0,57,118,0.4) 51%,rgba(0,57,118,0) 100%);
    margin: 0px;
    text-align: center;
}
.view-slideshow .slide__caption .slide__title a {
    color: #ffc0cb;
    font-size: 1.6em;
    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: 0.9em;
    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(#3f3f3f 0%, #000000 100%);
    background-repeat: repeat-x;
    border-color: #000000;
    color: #ffffff;
    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: #fff;
    margin: 1em 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.view-slideshow .slide__caption {	
    background: linear-gradient(to right, rgba(0,57,118,0) 1%,rgba(0,57,118,0.39) 50%,rgba(0,57,118,0.4) 51%,rgba(0,57,118,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;
    bottom: -35px !important;	
}




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

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




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

.path-termekek,
body.path-frontpage,
.path-termekek .main-container {
    background: #ebebeb;
}

.block-grid, .blazy.block-grid, 
.item-list > .block-grid {
    clear: both;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.view-termekek .slick__slide,
.view-termekek .views-view-responsive-grid__item {
	background: #fff;
	border: 1px solid #e4e4e4;	
    border-radius: 0.375rem;
    margin: 1px;
    padding: 10px 10px 10px;
    text-align: center;	
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.view-termekek .slick__slide:hover,
.view-termekek .views-view-responsive-grid__item:hover {
	border: 1px solid #2e9a67;
    box-shadow: 0 0.5rem 1.2rem 0 rgba(66,66,66,.35);	
}

.view-termekek .views-field-field-image {
  display: flex;
  justify-content: center; /* vízszintesen középre */
}


.view-termekek .views-field-title {
    margin: 0em 0px 5px 0px;
    padding: 10px 10px 10px 10px;
    border-radius: 0px 0px 0.375rem 0.375rem;
    background: #2e9a67;
    color: #ffffff;
    min-height: 62px;
    overflow: hidden;
}
.view-termekek .views-field-title a {
    text-decoration: none;
    color: #ffffff;	
}

.view-termekek .views-field-field-allapot {
    margin-left: 0px;
    margin-top: -20px;
    position: absolute;
    display: block;
    padding: 7px 12px 0px 10px;
    background: #2e9966;
    color: #fffc00;
    text-align: center;
    font-size: 0.9em;
    border-radius: 0.375rem 0.375rem 0px 0px;
}
.view-termekek .views-field-field-allapot a {
    color: #fffc00;
}

.view-termekek .views-field-price {
    margin: 10px 0px 5px 0px;
    padding: 0px 10px 0px 10px;   
    color: #2e9a67;
    font-weight: bold;
}

.view-termekek .views-field-list-price {
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;       
}    
.view-termekek .views-field-list-price .field-content {
    display: inline;
    color: #cc0000;
    -webkit-text-decoration: #990000 line-through;
    text-decoration: #990000 line-through;
}

.view-termekek .views-field-view-node a {
    text-decoration: none;
	color: #525252;
}


.path-product .block-views-blocktermekek-block-4 .view-termekek,
.path-product .block-views-blocktermekek-block-3 .view-termekek,
.path-product .block-views-blocktermekek-block-2 .view-termekek,
.path-frontpage .view-termekek {
    text-align: center;
}


.view-termekek .more-link {
    background: #ffde97;
    border: 1px solid #f38c01;
    color: #000;
    text-shadow: 0 1px 0 #ffde97;
    margin: 3em auto 1em auto;
    padding: 0.6em 1em;
    line-height: 1.42857143;
    border-radius: 0.375rem;
    display: block;	
    width: max-content;	
}
.view-termekek .more-link:hover {
    background: #e0e0e0;
    border: 1px solid #adadad;
}	
.view-termekek .more-link a {
    color: #525252;
	text-decoration: none;
}
.view-termekek .more-link:hover a {
    color: #525252;
    text-shadow: 0 1px 0 #ffffff;	
	text-decoration: none;
}


.path-frontpage .pane-akciok {
    text-align: center;
    margin: 0em 0 1.0em;	
}
.path-frontpage .pane-akciok .node-akciok h2:first-child {
    margin: 0em 0 0.5em;
}


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


.path-hirdetes .block-views-blocktermekek-block-2 {
    margin-top: 3.8em;
}

.block-views-blocktermekek-block-4 .view-hirdetes,
.block-views-blocktermekek-block-3 .view-hirdetes,
.block-views-blocktermekek-block-2 .view-hirdetes,
.path-frontpage .main-container .region-content .view-termekek {
    text-align: center;
}
.block-views-blocktermekek-block-4 h2,
.block-views-blocktermekek-block-3 h2,
.block-views-blocktermekek-block-2 h2,
.path-frontpage .main-container .region-content h2 {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    margin: 1em 0px 0.5em 0px;	
    color: #2e9a67;  	
}
.block-views-blocktermekek-block-4 h2::before,
.block-views-blocktermekek-block-3 h2::before,
.block-views-blocktermekek-block-2 h2::before,
.path-frontpage .main-container .region-content h2::before {
    content: '';
    border-top: 2px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
    color: #2e9a67;   
}
.block-views-blocktermekek-block-4 h2::after,
.block-views-blocktermekek-block-3 h2::after,
.block-views-blocktermekek-block-2 h2::after,
.path-frontpage .main-container .region-content h2::after {
    content: '';
    border-top: 2px solid;
    margin: 0 0 0 20px;
    flex: 1 0 20px;
    color: #2e9a67;   
}




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

body.path-product .main-container, 
body.path-product {
    background: #ffffff;
    margin-bottom: 40px;	
}

.path-product .content * {
    min-height: 0;
    min-width: 0;
}


@media (min-width: 576px) {
.path-product .layout__region.layout__region--first {
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 0px;
    vertical-align: top;
}

.path-product .layout__region.layout__region--second {
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 0px;
    vertical-align: top;
}
}


.path-product div.field {
    margin-bottom: 5px;
}


.path-product .field--name-title {
    font-size: 1.6em;
}

.path-product .field__label {
    font-weight: bold;
}

.path-product .field--name-field-allapot .field__item a {
    background: #de150b;
    border: 1px solid #de150b;
    color: #ffffff;
    text-shadow: 0 1px 0 #de150b;
    padding: 0.5em 0.8em;
    margin: 0.2em 0.2em 0.2em 0px;
    display: inline-block;
    border-radius: 0.375rem;
    text-decoration: none;
}
.path-product .field--name-field-allapot .field__item a:hover {
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
    color: #525252;
    text-shadow: 0 1px 0 #e0e0e0;
    padding: 0.5em 0.8em;
    margin: 0.2em 0.2em 0.2em 0px;
    display: inline-block;
    border-radius: 0.375rem;
    text-decoration: none;
}

.path-product .field--name-field-marka .field__item a {
    background: #2e9a67;
    border: 1px solid #2e9a67;
    color: #ffffff;
    text-shadow: 0 1px 0 #2e9a67;
    padding: 0.5em 0.8em;
    margin: 0.2em 0.2em 0.2em 0px;
    display: inline-block;
    border-radius: 0.375rem;
    text-decoration: none;
}
.path-product .field--name-field-marka .field__item a:hover {
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
    color: #525252;
    text-shadow: 0 1px 0 #e0e0e0;
    padding: 0.5em 0.8em;
    margin: 0.2em 0.2em 0.2em 0px;
    display: inline-block;
    border-radius: 0.375rem;
    text-decoration: none;
}

.path-product .field--name-field-category .field__item a {
    background: #3697d9;
    border: 1px solid #3697d9;
    color: #ffffff;
    text-shadow: 0 1px 0 #3697d9;
    padding: 0.5em 0.8em;
    margin: 0.2em 0.2em 0.2em 0px;
    display: inline-block;
    border-radius: 0.375rem;
    text-decoration: none;
}
.path-product .field--name-field-category .field__item a:hover {
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
    color: #525252;
    text-shadow: 0 1px 0 #e0e0e0;
    padding: 0.5em 0.8em;
    margin: 0.2em 0.2em 0.2em 0px;
    display: inline-block;
    border-radius: 0.375rem;
    text-decoration: none;
}

.path-product .field--name-list-price .field__label {
    color: #666;
    font-weight: normal;
}
.path-product .field--name-list-price {
    font-size: 1.2em;
}
.path-product .field--name-list-price .field__item {
    color: #898989;
    text-decoration: line-through;
}
.path-product .field--name-price {
    font-size: 1.6em;
}
.path-product .field--name-price .field__label {
    color: #666;
    font-weight: normal;
}
.path-product .field--name-price .field__item {
    color: #de150b;
}

.path-product .block-addtoany-block {
    margin: 0px 0px 1em 0px;
    padding: 0px;	
}


.path-product .field--name-field-product-error {
    background: #fef9bf none repeat scroll 0 0;
    border: 2px solid #efe786;
    border-radius: 0.375rem;
    margin: 10px 0px 0px 0px;   
    padding: 1em;
}
.path-product .field--name-field-product-error .field__label {
    margin: 0px 0px 1em 0px;   
    padding: 0em;
}
.path-product .field--name-field-product-error .field--item {
    margin-top: 10px;   
}


.block-views-blocktermekek-block-5 h2,
#block-views-blocktermekek-block-5 h2 {
    background: #588c73;
    border: 1px solid #588c73;
    border-radius: 0rem;
    margin: 1em 0px 0px;
    padding: 8px 10px;
    color: #fff;
}
.block-views-blocktermekek-block-5 .view-content,
#block-views-blocktermekek-block-5 .view-content {
    background: #f4f4f4;
    border: 1px solid #d5d5d5;
    border-radius: 0rem;
    padding: 0.8em;
}
.block-views-blocktermekek-block-5 .view-termekek .views-field-title,
#block-views-blocktermekek-block-5 .view-termekek .views-field-title {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-radius: 0rem;
    background: #f4f4f4;
    color: #525252;
    min-height: 0px;
    overflow: hidden;
    font-weight: bold;
}
.block-views-blocktermekek-block-5 .view-termekek .views-field-sku,
#block-views-blocktermekek-block-5 .view-termekek .views-field-sku {
    color: #525252;
    font-weight: bold;
}
.block-views-blocktermekek-block-5 .view-termekek .views-field-sku .field-content,
#block-views-blocktermekek-block-5 .view-termekek .views-field-sku .field-content,
.block-views-blocktermekek-block-5 .view-termekek .views-field-title .field-content,
#block-views-blocktermekek-block-5 .view-termekek .views-field-title .field-content {
    color: #c4010f;
    font-weight: bold;
}


.block-views-blockinformaciok-block-1 h2,
#block-views-block-informaciok-block-1 h2 {
    background: #f38c01;
    border: 1px solid #f38c01;
    border-radius: 0rem;
    margin: 1em 0px 0px;
    padding: 8px 10px;
    color: #fff;
}
.block-views-blockinformaciok-block-1 .view-content,
#block-views-block-informaciok-block-1 .view-content {
    background: #ffde97;
    border: 1px solid #f38c01;
    border-radius: 0rem;
    padding: 0.8em;
}




/* ---------- Uzlet ----------- */

.view-szoveg.view-display-id-block_5 h2 a,
.view-szoveg.view-display-id-block_4 h2 a {
    color: #2e9a67;
}
.view-szoveg.view-display-id-block_5 h2,
.view-szoveg.view-display-id-block_4 h2 {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    margin: 1em 0px 0.5em 0px;	
    color: #2e9a67;  	
}
.view-szoveg.view-display-id-block_5 h2::before,
.view-szoveg.view-display-id-block_4 h2::before {
    content: '';
    border-top: 2px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
    color: #2e9a67;   
}
.view-szoveg.view-display-id-block_5 h2::after,
.view-szoveg.view-display-id-block_4 h2::after {
    content: '';
    border-top: 2px solid;
    margin: 0 0 0 20px;
    flex: 1 0 20px;
    color: #2e9a67;   
}

.view-szoveg.view-display-id-block_5 .views-row .views-label,
.view-szoveg.view-display-id-block_4 .views-row .views-label {
    color: #000000;
    font-weight: bold;
}
.view-szoveg.view-display-id-block_5 .fa-stack, 
.view-szoveg.view-display-id-block_4 .fa-stack {
    color: #2e9a67;
    margin: 0px 2px 0px 0px;
}

.view-szoveg.view-display-id-block_5 .views-field-field-address .field-content,
.view-szoveg.view-display-id-block_5 .views-field-field-phone .field-content,
.view-szoveg.view-display-id-block_5 .views-field-field-mail .field-content,
.view-szoveg.view-display-id-block_5 .views-field-field-facebook .field-content,  

.view-szoveg.view-display-id-block_4 .views-field-field-address .field-content,
.view-szoveg.view-display-id-block_4 .views-field-field-phone .field-content,
.view-szoveg.view-display-id-block_4 .views-field-field-mail .field-content,
.view-szoveg.view-display-id-block_4 .views-field-field-facebook .field-content {
    display: inline-flex;
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px 0px 5px;
    vertical-align: middle;
    justify-content: left;
    align-items: center;
}

.view-szoveg.view-display-id-block_5 .views-row .views-field-field-geofield,
.view-szoveg.view-display-id-block_4 .views-row .views-field-field-geofield {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
.view-szoveg.view-display-id-block_5 .views-row .views-field-field-geofield,
.view-szoveg.view-display-id-block_4 .views-row .views-field-field-geofield {
    padding-right: 10px;
    padding-left: 0px;
    padding-bottom: 10px;
}
}




/* ---------- Facets ----------- */

@media (max-width: 768px) {
.path-termekek h1.page-header {
    padding: 0px;
    margin-top: 1rem;
    margin-bottom: 0.9rem;
    border-bottom: 0px solid #eee;
}
}

.sidebar .block.block-facets  {
    margin: 0 0 0px;
}
.block-facets h2 {
    line-height: 1;
    color: #253237;
    padding-bottom: 1.125rem;
    margin-bottom: 1.25rem;
    position: relative;
    display: block;
    border-bottom: 1px solid #ebebeb;
    text-transform: capitalize !important;
    width: 100%;
    overflow: visible;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.block-facets h2::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 3.75rem;
    height: 2px;
    background: #2e9a67;
    z-index: 10; 
}
.block-facets .facets-widget-range_slider,
.block-facets .facets-widget-searchbox_checkbox,
.block-facets .facets-widget-checkbox {
    background: #f8f8f8;
    border-left: 0px solid #dadada;
    border-right: 0px solid #dadada;
    border-bottom: 0px solid #dadada;
    margin: 0px 0px 1em 0px;
    padding: 0px 0px 0px 0px;
}
.block-facets .facets-widget-searchbox_checkbox ul,
.block-facets .facets-widget-checkbox ul {
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
.block-facets .facets-widget-searchbox_checkbox ul li,
.block-facets .facets-widget-checkbox ul li {
    list-style: none;
    list-style-image: none;
    margin: 6px 0;	
    padding-left: 0em;	
}
.block-facets input[type="checkbox"] {
    margin: 0px 10px 0px 0px;
    padding: 0px;
}
.block-facets .facets-widget-searchbox_checkbox label,
.block-facets .facets-widget-checkbox label {
    color: #888888;
    font-weight: normal;
}
.block-facets .facets-widget-searchbox_checkbox label .facet-item__value,
.block-facets .facets-widget-checkbox label .facet-item__value {
    color: #525252;
    font-weight: normal;
}
.block-facets .facets-widget-searchbox_checkbox a.facets-soft-limit-link,
.block-facets .facets-widget-checkbox a.facets-soft-limit-link {
    color: #2e9a67;
}
.block-facets .facets-widget-searchbox_checkbox a.facets-soft-limit-link.open::before,
.block-facets .facets-widget-checkbox a.facets-soft-limit-link.open::before {
    font: var(--fa-font-solid);
    content: "\f077";
    text-align: center;
    color: #525252;
    font-size: 0.9em;
    padding: 0px 5px 0px 0px;
}
.block-facets .facets-widget-searchbox_checkbox a.facets-soft-limit-link::before,
.block-facets .facets-widget-checkbox a.facets-soft-limit-link::before {
    font: var(--fa-font-solid);
    content: "\f078";
    text-align: center;
    color: #525252;
    font-size: 0.9em;
    padding: 0px 5px 0px 0px;
}
.block-facets .facets-widget-searchbox_checkbox input.facets-widget-searchbox {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    margin: 0px 0px 10px 0px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dadada;
    border-radius: 0.375rem;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.block-facets .facets-widget-range_slider ul {
    padding: 0px;
    margin: 0px 15px 0px 5px;
}
.block-facets .facets-widget-range_slider ul li {
	list-style-type: none;
}
.block-facets .facets-widget-range_slider .facet-slider {
    margin-left: 20px;
	margin-right: 25px;
}
.block-facets .facets-widget-range_slider .ui-slider-horizontal.ui-slider-pips {
    margin-bottom: 1.8em;
}
.block-facets .facets-widget-range_slider .facet-slider.ui-slider-float .ui-slider-tip {
	visibility: visible;
	opacity: 1;
	top: -37px;
}
.block-facets .facets-widget-range_slider .facet-slider.ui-slider-float .ui-slider-tip {
	top: -37px;
    width: auto;
    margin-left: -25px;
    left: 50%;
    height: 30px;
    line-height: 18px;
    background: white;
    border-radius: 0.375rem;
    border: 1px solid #888;
    font-size: 14px;
    padding: 5px;
}
.block-facets .facet-slider.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.5em;
    height: 1.5em;
}


.block-search-api-sorts .btn-default {
	background: #ffde97;
    border: 1px solid #f38c01;
    color: #000;
    text-shadow: 0 1px 0 #ffde97;
}
.block-search-api-sorts {
    display: flex;
    justify-content: flex-start;
    margin: 1em 0px 1em;	
}

.block-search-api-sorts .sort-desc::before {
    font: var(--fa-font-solid);
    content: "\f077";
    text-align: center;
    color: #525252;
    font-size: 1em;
    float: right;
    padding: 0px 0px;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    line-height: 20px;
    text-decoration: none;
}
.block-search-api-sorts .sort-asc::before {
    font: var(--fa-font-solid);
    content: "\f078";
    text-align: center;
    color: #525252;
    font-size: 1em;
    float: right;
    padding: 0px 0px;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    line-height: 20px;
    text-decoration: none;
}


@media (min-width: 768px) {
.block-search-api-sorts {
    display: flex;
    justify-content: flex-end;
    margin: 0em 0px 0em;	
}
}




/* ---------- Collapsiblock ----------- */

.js-collapsible-block {
  margin-bottom: 1em !important;
}

.collapsible-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.block-collapse-chevron svg {
  transition: transform .2s ease-in-out;
    color: #000000;
}
.is-collapsed {
  opacity: 0.95;
}

/* Amikor a blokk be van csukva, nullázzuk az alsó margóját */
.js-collapsible-block.is-collapsed h2 {
  margin-bottom: 0px !important;
}


.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}


.main-content .block-facet--checkbox.block-facets:first-of-type {
    margin-top: 1em;
}




/* ---------- Block - Telefonszam ----------- */

#block-headermessage-2,
#block-headermessage {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    text-align: right;  
}
#block-headermessage-2 h2,
#block-headermessage h2 {
    color: #60d49b;	
}
#block-headermessage-2 .field--name-body,
#block-headermessage .field--name-body {	
    margin: 0px;
    padding: 0;	
}
#block-headermessage-2 .field--name-body h2,
#block-headermessage .field--name-body h2 {
	margin: 0em;
    color: #a7a7a7;	
}
#block-headermessage-2 .field--name-body h2 strong,
#block-headermessage .field--name-body h2 strong {
    font-weight: normal;
    color: #a7a7a7;		
}
#block-headermessage-2 .field--name-body h2::before,
#block-headermessage .field--name-body h2::before {
    font: var(--fa-font-solid);
    content: "\f095";
}
#block-headermessage-2 .field--name-body a,
#block-headermessage .field--name-body a {
    color: #ffffff;
}
#block-headermessage-2 .field--name-body p,
#block-headermessage .field--name-body p {
    margin: 3px 0 3px;
    padding: 0;
    color: #a7a7a7;	
}

@media (max-width: 576px) {
#block-headermessage {    
    margin: 5px 0px 20px 0px;
    padding: 0px;	
    text-align: center;
}
#block-headermessage-2 {    
    margin: 15px 10px 15px 10px;
    padding: 0px;	
    text-align: left;
}
}




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

.video-filter { 
    position: relative; 
	padding-bottom: 56.25%; 
	height: 0; overflow: hidden; 
	max-width: 100%;
}
.video-filter iframe, 
.video-filter object,
.video-filter embed { 
    position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%;
	height: 100%;
}




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

.klaro label {
    color: #000000;
}