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


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

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: #d68d24;
}
.h1,h1 {
    font-size: 1.6em;
    color: #d68d24;
}
.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 #000000;
    opacity: 1;
    margin: 0.7em 1em 0.7em;	
}


label {
	color: #ffffff;
    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: #9f9f9f;
    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(0, 0, 0, 0.075);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    caption-side: top;	
}
.table tr th,
table tr th {
    background: #444;	
    padding: .5rem .5rem;
    border: 1px solid #000;    	
    color: #fff;
    text-align: left;
}
.table tr th, 
.table tr th a, 
.table tr th a:hover, 
.table tr th a:focus {
    color: #fff;
    font-weight: bold;
}
table tr th, 
table tr th a, 
table tr th a:hover, 
table tr th a:focus {
    color: #fff;
    font-weight: bold;
}
table tbody tr {
    border: 1px solid #000;
}
table tbody tr:hover {
    background-color: #2d2d2d !important;
	color: #9f9f9f;
}
table tbody tr:nth-of-type(odd) {
    background-color: #232323;
    color: #9f9f9f;
}
table tbody tr:nth-of-type(even) {
    background-color: #111111;
    color: #9f9f9f;
}
table tr td {
    padding: .5rem .5rem;
    border: 0px solid #000;
    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: #9f9f9f;
}


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


#header {
    padding: 0px 12px;
}
#header .container {
    background: #232323;
    border: 1px solid #000000;
    border-radius: 0.375rem;
    padding: 12px;
}
@media (max-width: 992px) {
#header .container {
    padding: 8px 12px 8px;
}
}


@media (min-width: 576px) {
body {
    background: #000000 url("../images/globalbg.jpg") no-repeat fixed center top;
    margin-top: 0px;
    color: #e2e2e2; 
}
}




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

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


.navbar .site-logo {
    margin-right: 1em;
}
.navbar .site-logo img {
    border: 1px solid #000000;
    border-radius: 0.375rem;
}

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


.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: 100%;      /* á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: 0px;
}
.site-footer .content a, 
.site-footer .content a.is-active {
    color: #759aba;
}
.site-footer .content a:hover,
.site-footer .content a:focus {
    color: #ffffff;
}
.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: #d68d24;	
}
#block-footermessage .field--name-body {
    font-size: 1em;
    color: #e2e2e2;
}




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

#block-facebook {
	text-align: center;
}
#block-facebook .field--name-body ul {
    margin: 0em;
}
#block-facebook .field--name-body ul.list-inline li {
    display: inline-block;
	margin: 0px 0px 1em;	
}
#block-facebook .field--name-body ul.list-inline svg.fa-circle {
    border-radius: 50%;
	border: 2px solid #111111;
    width: auto;	
}
#block-facebook .field--name-body ul.list-inline a,
#block-facebook .field--name-body ul.list-inline a:visited {
	color: #333333;
}
#block-facebook .field--name-body ul.list-inline a:hover {
	color: #d68d24;
	-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: 0em 0px 0.5em 0px;	
    padding: 0px 0px 0px;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: #9f9f9f;
    content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}




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

.nav.nav-tabs {
    border-bottom: 1px solid #000;
}
.nav.nav-tabs > li > a {
    background: #000000 linear-gradient(#515151,#000000) repeat scroll 0 0;
    border: 1px solid #000000;
    color: #fff;
    margin-right: 1px;	
}
.nav.nav-tabs > li > a:hover {
    background: #414141 linear-gradient(#414141,#414141) repeat scroll 0 0;
    border: 1px solid #000000;
    color: #fff;	
}
.nav.nav-tabs > li > a.active {
    background: #222222 linear-gradient(#222222,#222222) repeat scroll 0 0;	
    border: 1px solid #000000;
    color: #fff;	
}
.nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:hover, .nav.nav-tabs > li.active > a:focus {
    color: #9f9f9f;
    cursor: default;
    background: #222222;
    border: 1px solid #000;
}




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

.btn-primary,
.btn-default {
    background: #d68d24;
    border: 1px solid #000000;
    color: #000;
    text-shadow: 0 1px 0 #d68d24;	
}
.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: #000000;
}
.pagination > li > a {
    background: #232323;
    border: 1px solid #000;
    text-decoration: none;
    color: #dddddd;    
}
.pagination > li > a:hover {
    background: #444;
    border-color: #000;
    color: #fff;    
}
.pagination > .active > a {
    color: #fff;
    background: #d68d24;
    border-color: #000000;
}
.pagination .page-link {
    background: #232323;
    border: 1px solid #000;
    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-galaktikaklub-search-form-narrow .menu-base-theme,
.search-block-form#block-galaktikaklub-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-galaktikaklub-search-form-narrow .container-inline div {
    display: block;
}


#block-galaktikaklub-search-form-narrow {
    background: #232323;
    border: 1px solid #000;
    border-radius: 0.375rem;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
    margin: 1em 0em 0em 0em;
    padding: 5px;
}
#block-galaktikaklub-search-form-narrow .mb-3 {
    margin-bottom: 0rem !important;
}


#search-block-form--2 {
    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--2 .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--2 input[type="search"] {
    width: 100%;             /* az input a szülő div szélességét veszi fel */
}


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

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


#block-galaktikaklub-search-form-wide {
    background: #232323;
    border: 1px solid #000000;
    border-radius: 0.375rem;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
    margin: 0em 0em 1em 0em;
    padding: 5px;
}
#block-galaktikaklub-search-form-wide .mb-3 {
    margin-bottom: 0rem !important;
}




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

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




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

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

.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: #9f9f9f;
    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-galaktikaklub-main-menu-menu {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}	
#block-galaktikaklub-main-menu {   
    padding: 0em 0em 1.0em 0em;
}	
#block-galaktikaklub-main-menu .menu-base-theme {
    background: #414141 linear-gradient(#414141,#151515) repeat scroll 0 0;   
}
#block-galaktikaklub-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.2em;
    color: #ffffff;
    border-bottom: 3px solid transparent;
}
#block-galaktikaklub-main-menu .menu-base-theme a.highlighted,
#block-galaktikaklub-main-menu .menu-base-theme a.is-active,
#block-galaktikaklub-main-menu .menu-base-theme a.active,
#block-galaktikaklub-main-menu .menu-base-theme a:focus,
#block-galaktikaklub-main-menu .menu-base-theme a:hover {
    background-color: #222222;    
    border-bottom: 3px solid #d68d24;
    color: #d68d24;		
}
#block-galaktikaklub-main-menu .menu-base-theme .menu-item--expanded a {
    padding: 0.8em 1.6em 0.8em 0.8em;  
}
#block-galaktikaklub-main-menu .menu-base-theme > li {
    background: #414141 linear-gradient(#414141,#151515) repeat scroll 0 0;       
    border-left: 1px solid #000000;
}
#block-galaktikaklub-main-menu .menu-base-theme .sub-arrow  {
    padding: 0px;
    top: 55%;
    right: 0.7em;
    left: auto;
    border-color: #d68d24 transparent transparent transparent;
}
#block-galaktikaklub-main-menu li.nav-item i.fab, 
#block-galaktikaklub-main-menu li.nav-item i.fas, 
#block-galaktikaklub-main-menu li.nav-item i.fa {
    color: #d68d24;
    font-size: 0.9em;	
}


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


#block-fonavigacio.navigation {
    background: #232323 none repeat-x scroll left top;
    border: 1px solid #000000;
    border-radius: 0.375rem;
    padding: 8px 8px 8px 8px;
    margin-bottom: 1em;	
}
#block-fonavigacio h2#block-fonavigacio-menu {
    font-size: 1.5em;
    color: #d68d24;
}
#block-fonavigacio ul.nav {
	margin: 0em -8px -8px -8px;	
    padding-left: 0em;
    display: block;   
    list-style-type: none;	
}
#block-fonavigacio ul.nav {
    margin-left: em;
    padding: 0;
    list-style: none outside;
    text-align: left;
}
#block-fonavigacio ul.nav li.nav-item {
    list-style-type: none;	
    border-bottom: 0px solid #111111;
    border-left: 5px solid #111111;
    border-top: 3px solid #111111;	
	margin: 0em 0 0em 0em;
    padding: 1px 0px 1px 1em;
}
#block-fonavigacio ul.nav li.nav-item ul.menu li.nav-item {
    list-style-type: none;	
}
#block-fonavigacio ul.nav li.nav-item .nav-link {
	margin: 0.4em 0 0.4em 0;
    padding: 0px 0px;
    color: #ffffff;    
}
#block-fonavigacio ul.nav li.nav-item .nav-link.is-active,
#block-fonavigacio ul.nav li.nav-item .nav-link.active {
    color: #d68d24 !important;	 
}
#block-fonavigacio .nav > li > a {
    position: relative;
    display: block;
    padding: 0px 0px;
}
#block-fonavigacio .nav > li > a:hover, 
#block-fonavigacio .nav > li > a:focus {
    text-decoration: underline;	
    color: #d68d24 !important;
}

#block-fonavigacio ul.nav li:hover {
    background: #333;
    border-left: 5px solid #555;
    color: #d68d24 !important;	
}
#block-fonavigacio ul.nav li.nav-item:has(> a.is-active) {
  background: #111;
  border-left: 5px solid #d68d24;
}
#block-fonavigacio ul.nav li.nav-item.menu-item--expanded.menu-item--active-trail {
    list-style-type: none;
}
#block-fonavigacio ul.nav li.nav-item.menu-item--expanded.menu-item--active-trail li.nav-item:has(> a.is-active) {
  background: #111;
  border-left: 5px solid #d68d24;
}
#block-fonavigacio ul.nav ul.menu {
    margin-left: -1.3em;
    padding: 0;
    list-style: none outside;
    text-align: left;
}





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

#block-galaktikaklub-account-menu .menu-base-theme {
    background: #232323;
}
#block-galaktikaklub-account-menu .menu-base-theme > li {
    border-top: 0px solid #232323;
}
#block-galaktikaklub-account-menu .menu-base-theme a, 
#block-galaktikaklub-account-menu .menu-base-theme a:hover, 
#block-galaktikaklub-account-menu .menu-base-theme a:focus, 
#block-galaktikaklub-account-menu .menu-base-theme a:active, 
#block-galaktikaklub-account-menu .menu-base-theme a.highlighted {
    padding: 0.8em 0.8em 0.8em 0.8em;	
    background: #232323;
    color: #9f9f9f;
}
#block-galaktikaklub-account-menu .menu-base-theme a:hover, 
#block-galaktikaklub-account-menu .menu-base-theme a:focus, 
#block-galaktikaklub-account-menu .menu-base-theme a:active {
    color: #759aba;
}
#block-galaktikaklub-account-menu .menu-base-theme ul li a:hover, 
#block-galaktikaklub-account-menu .menu-base-theme ul li a:focus, 
#block-galaktikaklub-account-menu .menu-base-theme ul li a:active {
    background: #333333;
}
#block-galaktikaklub-account-menu .menu-base-theme li.nav-item i.fab, 
#block-galaktikaklub-account-menu .menu-base-theme li.nav-item i.fas, 
#block-galaktikaklub-account-menu .menu-base-theme li.nav-item i.fa {
    color: #d68d24;
}
#block-galaktikaklub-account-menu .menu-base-theme .menu-item--expanded a {
    padding: 0.8em 2.2em 0.8em 0.8em;       
}
#block-galaktikaklub-account-menu .menu-base-theme .sub-arrow {
    padding: 0px;
    top: 55%;
    right: 0.7em;
    left: auto;
    border-color: #d68d24 transparent transparent transparent;
}


.user-logged-out #block-galaktikaklub-account-menu ul {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}
.user-logged-out #block-galaktikaklub-account-menu .menu-base-theme li a {
	background: #111111;
    border: 1px solid #000000;
    color: #ffffff;
    text-shadow: 0 1px 0 #111111;
    font-size: 1em;
    border-radius: 0.375rem;
    font-weight: normal;
}
.user-logged-out #block-galaktikaklub-account-menu .menu-base-theme li i.fab, 
.user-logged-out #block-galaktikaklub-account-menu .menu-base-theme li i.fas, 
.user-logged-out #block-galaktikaklub-account-menu .menu-base-theme li i.fa {
    color: #d68d24;
}
.user-logged-out #block-galaktikaklub-account-menu .menu-base-theme li:hover i.fab, 
.user-logged-out #block-galaktikaklub-account-menu .menu-base-theme li:hover i.fas, 
.user-logged-out #block-galaktikaklub-account-menu .menu-base-theme li:hover i.fa {
    color: #52526f;
}
.user-logged-out #block-galaktikaklub-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-galaktikaklub-account-menu .navbar-nav li i.fab, 
.user-logged-in #block-galaktikaklub-account-menu .navbar-nav li i.fas, 
.user-logged-in #block-galaktikaklub-account-menu .navbar-nav li i.fa {
    color: #52526f;
}




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

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: rgb(0 0 0 / 100%);
    background-color: #111;
    border: var(--bs-border-width) solid rgb(255 255 255 / 100%);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
    height: 44px;
	margin-top: -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: #292929 !important;
}
#CollapsingNavbar .offcanvas-body {
	background: #292929 !important;
}

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


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




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

.profile h4.label {
    margin-bottom: 0px;
    display: block;	
	color: #d68d24;
}
body.path-user .profile h4.label {
    margin-bottom: 0px;
    display: inline-block;	
	color: #d68d24;
}
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: #759aba;
    min-width: 250px;
    color: #000;
}




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

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




/* ---------- 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: #232323;
    border: 1px solid #000000;
    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: #9f9f9f;
	font-size: 1em;
}




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

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




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

#collapseExample2 .card-body,
#collapseExample1 .card-body,
#collapseExample .card-body {
    background: #32303b;
    border: 1px solid #000000;
    margin: 0px 0px 1em 0px;
    color: #9f9f9f;
}




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

.block-addtoany-block h2,
.block-block-content49783eaf-0fbb-4c04-940c-03a0594771c4 h2 {
	color: #9f9f9f;
}




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

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

.node--promoted.node--view-mode-full .featured-layout,
.node--promoted.node--view-mode-default {
    background: #232323;
    border: 1px solid #000000;
    border-radius: 0.375rem;
    padding: 0.5em;	
	margin-bottom: 1em;	
}
.node--promoted.node--view-mode-teaser {
    background: #232323;
    border: 1px solid #000000;
    border-radius: 0.375rem;
    padding: 0.5em;	
	margin-bottom: 1em;	
}
.node--promoted.node--view-mode-teaser:hover {
    background: #151515;
}
.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: #759aba;	
}

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

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

.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 {
    border-radius: 0.375rem;
    margin: 0.5em 0px 0.5em 0px;
    padding: 0;
    vertical-align: top;
}
td.views-field-field-image img {
    border-radius: 0.375rem;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    vertical-align: top;
}
.node--promoted.node--view-mode-teaser .field--type-image img {
    border-radius: 0.375rem;
    margin: 0.5em 0px 0.5em 0px;
    padding: 0;
    vertical-align: top;
    clear: both;	
}
.node--promoted.node--view-mode-teaser .field--name-field-video img {
    border-radius: 0.375rem;
    margin: 0.5em 0px 0em 0px;
    padding: 0;
    vertical-align: top;
    clear: both;	
}

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

.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: #333333;	
    border: 1px solid #000;
    border-radius: 0.375rem;
    color: #ccc;	
    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: #232323;
}
.views-row .file .text-primary,
.field--name-field-upload .file .text-primary {
    color: #ccc;
}
.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: #d59024;
}




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

.view-slideshow .view-content {
    background: #232323 none repeat-x scroll left top;
    border: 1px solid #000000;
    border-radius: 0.375rem;
    margin: 0px 0px 1em 0px;
    padding: 0.5em;
}
.block.block-views-blockslideshow-block-1 {
    margin-bottom: 0em;
}

.view-slideshow .slide__caption {	
    background: linear-gradient(to right, rgba(174,238,0,0) 1%,rgba(174,238,0,0.39) 50%,rgba(174,238,0,0.4) 51%,rgba(174,238,0,0) 100%);
    margin: 0px;
    text-align: center;
}
.view-slideshow .slide__caption .slide__title a {
    color: #a7f00b;
    font-size: 1.6em;
    font-style: normal;	
    text-decoration: none;
    text-shadow: 1px 1px 2px #d68d24;
}
.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: #a7f00b;
    text-shadow: 1px 1px 2px #d68d24;  
}
.view-slideshow .slide__caption .slide__link {
    margin: 0px auto 5px;
}
.view-slideshow .slide__caption .slide__link a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #a7f00b;
    text-decoration: none;    
    text-shadow: 1px 1px 2px #d68d24;       
}


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


@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: #232323 none repeat-x scroll left top;
    border: 1px solid #000000;
    border-radius: 0.375rem;
    margin: 0px 0px 1em 0px;
    padding: 0.3em;
}
.view-slideshow .slide__caption {	
    background: linear-gradient(to right, rgba(174,238,0,0) 1%,rgba(174,238,0,0.39) 50%,rgba(174,238,0,0.4) 51%,rgba(174,238,0,0) 100%);
    padding: 5px 10px 5px 10px;
    margin: 0px;
    position: absolute;
    bottom: 0%;
    text-align: center;
    color: #a7f00b;	
}
.view-slideshow .slide__caption .slide__title a {
    color: #a7f00b;
    font-size: 1.2em;
}
}


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


.view-slideshow .view-content img {
    border-radius: 0.375rem;
}


/*
.view-slideshow .view-content .blazy .media--blazy img.media__element {
    margin: 0px 0px 0px 0px;
}
*/




/* ---------- Comments ----------- */

.field--name-comment.field--label-above h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    margin: 1em 0px 0.5em 0px;
    color: #d68d24;	
}
.field--name-comment.field--label-above h2::after {
    content: '';
    border-top: 1px solid;
    margin: 0 0 0 20px;
    flex: 1 0 20px;
    color: #000000;
}
.main-content .comment-wrapper .comment-form__title {
    margin-bottom: 0.5em;
}

#comment-form {
    background: none repeat scroll 0 0 #232323;
    border: 1px solid #000;
    border-radius: 0.375rem;
    padding: 0.5em;
}

#comment-form .form-item-notify-type {
    /* display: inline; */
    margin-left: 1.5em;
}
#comment-form .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 2.5em;
    margin-bottom: 1.0rem;
}  

.js-comment {
    background: #232323;
    border: 1px solid #000000;
    border-radius: 0.375rem;
    margin: 0px 0px 0.5em 0px;
    padding: 0em;
}

.js-comment h3 {
    margin: 0px 0px 0.5em 0px;
    padding: 0px;
	display: none;
}
.js-comment h3 a {
    color: #d68d24;
}


.field--name-comment .indented {
  margin-left: 1em;
}


.js-comment .text-danger {
	font-size: 1.5em;
    --bs-text-opacity: 1;
    color: rgb(255 255 255) !important;
}


.comment__content::after {
    border-top: 20px solid #232323;
    border-right: 20px solid #333333;
    border-bottom: 20px solid #232323;
    margin-right: 0px;
}
.js-comment .card {
    --bs-card-spacer-y: 0.2rem;
    --bs-card-spacer-x: 0.6rem;
    --bs-card-border-color: #333333;
    --bs-card-cap-bg: #333333;
    --bs-card-bg: #333333;
}


.js-comment.new .comment__content::after {
    border-top: 20px solid #232323;
    border-right: 20px solid #555555;
    border-bottom: 20px solid #232323;
    margin-right: 0px;
}
.js-comment.new .card {
    --bs-card-spacer-y: 0.2rem;
    --bs-card-spacer-x: 0.6rem;
    --bs-card-border-color: #555555;
    --bs-card-cap-bg: #555555;
    --bs-card-bg: #555555;
}


.js-comment.comment--unpublished .comment__content::after {
    border-top: 20px solid #111111;
    border-right: 20px solid #fff4f4;
    border-bottom: 20px solid #111111;
    margin-right: 0px;
}
.js-comment.comment--unpublished .card {
    --bs-card-spacer-y: 0.2rem;
    --bs-card-spacer-x: 0.6rem;
    --bs-card-border-color: #fff4f4;
    --bs-card-cap-bg: #fff4f4;
    --bs-card-bg: #fff4f4;
	color: #000;
}



.comment__meta {
    padding: 1em 1.5em 1em 1em;
    font-size: 0.9em;
    text-align: center;
}

.js-comment .field--name-user-picture img {
    border: 0px solid #000000;	
    border-radius: 50%;
    margin: 0px 0px 0.5em 0px;
    padding: 0px;
    width: 60px;
}

.comment__author {
    margin: 4px 0;
    line-height: 1.2;
    font-weight: normal;
    font-size: 1.1em;
}
.comment__time, 
.comment__permalink {
    margin-bottom: 4px;
    color: #cccccc;
    font-size: 0.9em;
    line-height: 1.2;
    padding: 0 0.5em 0 0;
}

.comment .links-inline span {
	margin: 0px 4px 4px 0px;
    padding: 3px 10px 3px 12px;
    font-size: 0.9em;
}


.links .comment-add a::before {
    font: var(--fa-font-solid);
    content: "\f067";
    font-weight: normal;
    color: #d68d24;
    position: relative;
    right: 5px;
}
.links .comment-add a {
    color: #d68d24;	
}


.links .comment-new-comments a::before {
    font: var(--fa-font-solid);
    content: "\f075";
    font-weight: normal;
    color: #d68d24;
    position: relative;
    right: 5px;
}
.links .comment-new-comments a {
    color: #d68d24;
}


.links .comment-comments a::before {
    font: var(--fa-font-solid);
    content: "\f075";
    font-weight: normal;
    color: #759aba;
    position: relative;
    right: 5px;
}
.links .comment-comments a {
    color: #759aba;	
}




.links .comment-delete {    
	background-color: #d9534f;
    border-color: #d43f3a;
    border-radius: 0.375rem;		
}
.links .comment-delete:hover {  
    background-color: #c9302c;
    border-color: #ac2925;
}
.links .comment-delete a::before {
    font: var(--fa-font-solid);
    content: "\f2ed";
    font-weight: normal;
    color: #fff;
    position: relative;
    right: 5px;
}
.links .comment-delete a {
    color: #fff;	
}


.links .comment-edit {    
    background-color: #f0ad4e;
    border-color: #eea236;
    border-radius: 0.375rem;
}
.links .comment-edit:hover {    
    background-color: #ec971f;
    border-color: #d58512;
}
.links .comment-edit a::before {
    font: var(--fa-font-solid);
    content: "\f044";
    font-weight: normal;
    color: #fff;
    position: relative;
    right: 5px;
}
.links .comment-edit a {
    color: #fff;	
}


.links .comment-reply {    
	background-color: #5cb85c;
    border-color: #4cae4c;
    border-radius: 0.375rem;		
}
.links .comment-reply:hover {    
    background-color: #449d44;
    border-color: #398439;
}
.links .comment-reply a::before {
    font: var(--fa-font-solid);
    content: "\f4ad";
    font-weight: normal;
    color: #fff;
    position: relative;
    right: 5px;
}
.links .comment-reply a {
    color: #fff;	
}


.links .comment-approve {    
	background-color: #6c757d;
    border-color: #606971;
    border-radius: 0.375rem;
}
.links .comment-approve:hover {    
    background-color: #606971;
    border-color: #606971;
}
.links .comment-approve a::before {
    font: var(--fa-font-solid);
    content: "\f164";
    font-weight: normal;
    color: #fff;
    position: relative;
    right: 5px;
}
.links .comment-approve a {
    color: #fff;	
}


.ck .ck-editor__top .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
    flex-wrap: wrap;
}




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

#block-views-block-esettanulmanyok-block-1,
#block-views-block-hirek-block-1,
#block-views-block-programok-block-3,
#block-views-block-rendezvenyek-block-1 {
    background: #111111;
    border: 0px solid #000000;	
    padding: 3px;
    margin: 0px 0px 1.0em 0px;
    text-decoration: none;
}
#block-views-block-esettanulmanyok-block-1 h2,
#block-views-block-hirek-block-1 h2,
#block-views-block-programok-block-3 h2,
#block-views-block-rendezvenyek-block-1 h2 {
    padding: 5px 5px 0.2em 5px;
    margin: 0;
    text-decoration: none;
    color: #d68d24;	
}
#block-views-block-esettanulmanyok-block-1 .views-field-title,
#block-views-block-hirek-block-1 .views-field-title,
#block-views-block-programok-block-3 .views-field-title,
#block-views-block-rendezvenyek-block-1 .views-field-title {
    padding: 0px 0px 0.2em 0px;
    margin: 0;
    text-decoration: none;
    color: #d68d24;
    font-size: 1.2em;	
}
.region-sidebar-second .view-empty,
#block-views-block-esettanulmanyok-block-1 .view-content,
#block-views-block-hirek-block-1 .view-content,
#block-views-block-programok-block-3 .view-content,
#block-views-block-rendezvenyek-block-1 .view-content {
    background: #232323;
    border: 0px solid #000000;
    border-radius: 0rem;
    padding: 5px;
    margin: 0;	
    text-align: left;
    font-size: 0.9em;	
}
#block-views-block-programok-block-3 .view-empty p {
    font-size: 0.9em;	
    margin: 0px 5px 0px 5px;	
}
#block-views-block-programok-block-3 img {
    margin: 10px 0px 0px 0px;	
}
.region-sidebar-second .view-empty,
.region-sidebar-second .views-field-taxonomy-vocabulary-5,
.region-sidebar-second .views-field-field-address,
.region-sidebar-second .views-field-field-location,
.region-sidebar-second .views-field-field-date,
.region-sidebar-second .views-field-created {
    font-size: 0.9em;
}

.view-programok .views-label, .view-cikkek-tanulmanyok .views-label, 
.view-hirek .views-label, .view-esettanulmanyok-search .views-label, 
.view-esettanulmanyok .views-label, .view-rendezvenyek .views-label {
    color: #999;
    font-weight: normal;
}
.region-sidebar-second .view-empty, 
.region-sidebar-second .views-field-taxonomy-vocabulary-5, 
.region-sidebar-second .views-field-field-address, 
.region-sidebar-second .views-field-field-location, 
.region-sidebar-second .views-field-field-date, 
.region-sidebar-second .views-field-created {
    font-size: 0.9em;
}




/* ---------- Bootstrap - Tartalom hozzaadasa ----------- */

.node-add #block-galaktikaklub-content dt {
    background: rgba(0, 0, 0, 0) url("../../../core/misc/icons/bebebe/chevron-disc-right.svg") no-repeat 1px 20px;
    border-top: 1px solid #000000;
	padding: 1em 15px 0em 25px;
}
.node-add #block-galaktikaklub-content dt a {
	font-weight: bold;
	color: #759aba;
}
.node-add #block-galaktikaklub-content dd {
	padding: 0px 15px 0.5em 25px;
    color: #ffffff;
}




/* ---------- Page-class ----------- */

.node-add .main-content,
.forum .main-content,
.esetek-bejelentese .main-content,
.path-user #main.container {
    background: #232323;
    border: 1px solid #000000;
    border-radius: 0.375rem;
    padding: 12px;
    margin-bottom: 1em;
}




/* ---------- Kepgaleria ----------- */
.view-kepgaleria .view-content {
    background: #232323;
    border: 1px solid #000000;
    border-radius: 0.375rem;
    padding: 0.5em;
    margin-bottom: 1em;
}
.view-kepgaleria.view-display-id-page_1 img {
    background: #272727;
    border: 1px solid #000000;
    border-radius: 0rem;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    vertical-align: top;
}




/* ---------- EVA - Display teaser ----------- */

.view-eva.view-display-id-entity_view_1 .views-field-body {
    overflow: hidden;
}


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


.view-eva.view-display-id-entity_view_1 .views-field-field-image img {
    margin: 5px 0px 5px 0px;
    padding: 0px;
}




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

.view-video .view-content {
    background: #232323;
    border: 1px solid #000000;
    border-radius: 0.375rem;
    padding: 0.5em;
    margin-bottom: 1em;
}
.views-field-field-video,
.field--name-field-video .field__item {
    margin: 0.5em 0px 1em 0px;
}
.field--name-field-video .field--name-name {
    margin: 0.5em 0px 1em 0px;
	color: #cccccc;
}




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

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




/* ---------- Ckeditor ----------- */

.field--name-body .cikkek_box {
    margin: 15px 0px;
    padding: 0px;
    text-align: center;
}
.field--name-body .cikkek_box img {
    background: #ffffff;
    border: 0px solid #ffffff;
    border-radius: 0rem;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    vertical-align: top;
    width: 100%;
}
.field--name-body div.cikkek_box p:last-child {
    margin: 0px;
    padding: 1em;
    color: #ffffff;	
    text-align: left;
}




/* ---------- Leaflet ----------- */

.leaflet-popup-content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #525252;
    font-size: 1.2em;
}
.leaflet-popup-content .views-field-title {
    color: #0078A8;
}
.leaflet-popup-content .views-field-field-image {
    clear: both;
    margin: 5px 0px 5px 0px;
    padding: 0px;
}

.view-terkep .views-label {
    font-weight: bold;
}
.view-terkep.view-display-id-page_1 .view-content  {
    background: #232323;
    border: 1px solid #000000;
    border-radius: 0.375rem;
    margin: 10px 0px;
    padding: 0.5em;
}
.view-terkep.view-display-id-page_1 .attachment .view-content {
    background: none;
    border: 0px solid #000000;
    border-radius: 0rem;
    margin: 0;
    padding: 0em;
}

.block-views-blockterkep-block-1 h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
	color: #d68d24;
}
.block-views-blockterkep-block-1 > h2::after {
    content: '';
    border-top: 1px solid;
    margin: 0 0 0 20px;
    flex: 1 0 20px;
    color: #000000;  
}
.block.block-views-blockterkep-block-1 {
    margin-bottom: 0em;
}
.view-terkep.view-display-id-block_1 {
    background: #232323;
    border: 1px solid #000000;
    border-radius: 0.375rem;
    margin: 10px 0px 0px 0px;
    padding: 0.3em 0.8em 0.5em;
}
.view-terkep.view-display-id-block_1 .view-display-id-attachment_2 {
    margin: 0px 0px 10px;
    padding: 0em;
}




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

.klaro label {
    color: #000000;
}