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

@media all {
body {
    margin-top: 0;
    background-color: #000033;
    font-weight: 300;
    line-height: 1.7;
    font-size: 14px;
    font-family: 'Roboto','Open Sans', Helvetica Neue, Arial, Sans-serif;
}

a {
    color: #2e8b57;
    text-decoration: none;
}
a:hover, a:focus {
    color: #1b5233;
    text-decoration: none;
}

.field--name-body a,
.view a {
    font-weight: 400;
}

.page-view-frontpage #navbar-top {
    padding: 0;
}
.region-top-header {
    text-align: center;
    width: 100%
}

.region-top-header .block {
    margin-bottom: 20px;
}

.header-kicsi {
    display: none;
}

.header-nagy img, .header-kicsi img {
    max-width: 100%;
    width: 100%;
}


.table-responsive > .table > tbody > tr > td.views-field-field-datum {
    white-space: nowrap;
}

.navbar-brand {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif;
    letter-spacing: 0.1em;
    font-size: 24px;
    font-weight: 500;
    color: #777;
    white-space: wrap;
    margin-right: 0;
    margin-top: 20px;
}

.navbar-brand:hover,
.navbar-brand:focus {
    color: #5e5e5e;
}


button.navbar-toggler:focus {
    box-shadow: none;
}

#navbar-main {
    background-color: transparent;
    border-bottom: 1px solid #2e8b57;
    padding: 20px 1em 0;
}

.page-view-frontpage #navbar-main {
    padding: 45px 1em 0;
}

.nav-link {
    color: #2e8b57;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif;
    font-weight: 400;
}
nav .nav-link {
    padding: 9px;
}

.dropdown-toggle::after {
    border: 0;
    content: "\f107";
    font-family: 'FontAwesome';
    vertical-align: middle;
    font-size: 16px;
    position: relative;
    top: -2px;
    line-height: 17px;
}


.nav-link:hover {
    color: #1b5233;
}

.inline__links .nav-link,
.nav-tabs .nav-link {
    color: #3b3b3b;
    font-size: 0.95em;
    line-height: 20px;
    text-transform: none;
    font-family: 'Roboto','Open Sans', Helvetica Neue, Arial, Sans-serif;
    font-weight: 300;
}

.visitors-counter.nav-link {
    display: none;
}

.dropdown-item {
    font-size: 16px;
    line-height: 30px;
}
.dropdown-item a {
    text-decoration:none;
    color: #333;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color:#333;
    background-color:#eee;
}
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration:none;
    background-color:#2e8b57;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #2e8b57;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
    color: #fff;
    background-color: #2e8b57;
}


.stickynav-active {
    position: fixed;
    top: 0px;
    z-index: 1000;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    /*background-color: rgba(255, 255, 255, 0.95);*/
    background-color: #fff;
    -webkit-box-shadow: 0 2px 14px rgba(100, 100, 100, 0.1), 0 2px 2px rgba(100, 100, 100, 0.1);
    box-shadow: 0 2px 14px rgba(100, 100, 100, 0.1), 0 2px 2px rgba(100, 100, 100, 0.1);
}

#page {
    background-color: #000033;
}
#page > * {
    max-width: 1170px;
    background-color: #fff;
    margin: 0 auto;
}

#main-wrapper {
    background-color: #fafae0;
    padding: 10px 10px 40px;
}

#page > footer {
    max-width: 100%;
    background-color: #000022;
    margin: 0;
}

.site-footer {
    margin-top: 0;
    border-top: none;
    background-color: #000022;
}

.site-footer .content,
.site-footer .content a,
.site-footer a.nav-link {
    font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    text-decoration: none;
}

.site-footer a.nav-link:hover,
.site-footer a.nav-link:focus,
.site-footer .content a:hover,
.site-footer .content a:focus {
    opacity: 0.8;
}

.site-footer .block {
    margin: 0;
    border: 0;
}

.site-footer ul.menu li a:before {
    font-family: "FontAwesome";
    content: "\f105";
    position: absolute;
    left: 0;
    top: 12px;
    font-size: 12px;
}
.site-footer .nav > li > a {
    padding: 8px 0 8px 20px;
    text-transform: uppercase;
}
.site-footer ul.menu li a:hover {
  -ms-transform: translateX(5px);
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
  background-color: transparent;
}


.node__content {
    font-size: 1em;
}

#content {
    padding: 0;
}

img, svg {
    max-width: 100%;
    height: auto;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif;
    letter-spacing: 0.1em;
    line-height: 2em;
    margin-top: 20px;
    margin-bottom: 10px;
}
h1, h2 {
    font-weight: 300;
}
h1.title {
    line-height: 1.4em;
    margin-bottom: 1em;
    font-size: 30px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 9px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

strong {
    font-weight: 600;
}
h2 strong {
    font-weight: 500;
}

h4 {
    font-size: 18px;
}

p {
    margin-bottom: 10px;
}

.file {
    display: table;
    font-size: 75%;
    font-weight: 700;
    margin: 5px 0;
    background: #fff;
    color: #337ab7;
    border: 1px solid #ccc;
    padding: 0.5em 1em;
}

.field__label {
    font-weight: 400;
    padding-right: 0.5em;
}
.field__label::after {
    content: ":";
}
article .content img {
    max-width: 100%;
}
.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex .fel {
    width: 100%;
    padding: 10px;
}
span.vastag {
    font-weight: 400;
}

table {
    font-size:1em;
    line-height: 1.42857143;
}


.table > :not(caption) > * > * {
    padding: 8px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    --bs-table-accent-bg: transparent;
}
table tr th {
    background: transparent;
    color: #3b3b3b;
    font-weight: 400;
}

tr td, tr th {
    border: 0;
}

tr {
    background: transparent;
}
tbody tr {
    background: transparent;
    border-top: 1px solid #ddd;
}

tbody tr:hover {
    background: #fff;
}

.table {
    --bs-table-striped-bg: transparent;
    --bs-table-active-bg: transparent;
    --bs-table-hover-bg: #fff;
}

.resp-table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    max-width: 600px;
}
.resp-table-caption{
    display: table-caption;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif;
    letter-spacing: 0.1em;
    font-weight: 300;
    font-size: 24px;
    text-align: center;
    line-height: 2em;
}
.resp-table-body{
    display: table-row-group;
}

.resp-table-row{
    display: table-row;
    border-bottom: 1px solid #ddd;
}

.normal {
    font-weight: inherit;
    color: inherit;
}

.elso, .nev {
    display: table-cell;
    padding: 10px;
}
.elso {
    width: 50%;
    font-weight: 400;
}
.kicsi {
    font-size: 0.85em;
}
.field__label-inline::after {
    content:"";
    clear: both;
    display: block;
}

.view-content.row {
    margin: 0;
}
.view-vezetoseg .view-content{
    max-width: 650px;
    width: 100%;
    min-width: 300px;
    display: table;
}
.view-vezetoseg  .table-responsive {
    display: table-row;
}
.view-vezetoseg .table{
    display: flex;
    margin-bottom: 0;
}

.view-vezetoseg .table {
    --bs-table-hover-bg: transparent;
}
.view-vezetoseg tr:hover {
    background: transparent;
}


.view-vezetoseg  tr {
    border-top: 1px solid #ddd;
}

.view-vezetoseg caption {
    color: inherit;
    font-weight: 400;
    text-align: left;
    border-top: 1px solid #ddd;
    font-size: 0.8em;
    width: 100px;
    text-transform: uppercase;
}
.view-vezetoseg caption,
.view-vezetoseg .views-field {
    padding: 5px 0;
}
.view-vezetoseg .views-field-field-image {
    width: 90px;
    min-width: 90px;
}
.view-vezetoseg .views-field-title {
    width: 190px;
    padding: 5px;
}

.views-field-field-image img,
.views-field-field-kepek img,
.field--name-field-kepek img {
    border-radius: 6px;
}

.view-hirek .views-row,
.view-tucsokbogar .views-row {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

article .field {
    padding: 5px 0;
}

article .field--name-field-video {
    padding: 15px 0;
}

.view-programok caption {
    font-size: 20px;
    text-align: center;
}
.view-programok a {
    color: #2e8b57;
}
.view-programok a:hover,
.view-programok a:focus {
    color: #1b5233;
}

.view-programok.view-display-id-page_2 {
    margin: 40px 0;
}
span.rendkivuli {
    color: red;
}
span.megjegyzes {
    color: blue;
}
.views-field-field-kepek img {
    min-width: 100px;
}

.field--name-field-kepek img{
    margin: 10px 0;
}
.view-programok .row>* {
    padding: 0;
}

.view-programok .views-field-title {
    font-weight: 400;
}
span.cim {
    font-weight: 300;
}
span.file {
    width: auto;
}
.file-link {
    width: auto;
}
.views-exposed-form .btn-primary {
    background-color: #2e8b57;
    border-color: #1b5233;
}
.views-exposed-form .btn-primary:hover {
    background-color: #1b5233;
}
.views-exposed-form label,
.field__label {
    font-weight: 400;
}

.field--name-field-eloado .field__label {
    font-weight: 300;
}

.field--name-field-eloado .field__item {
    font-weight: 400;
}
.field--name-field-eloado {
    font-size: 1.3em;
}

.field--name-field-video .field__item {
    margin-bottom: 2em;
}

figcaption,
.alairas {
    font-style: italic;
    font-size: 0.8em;
    color: #777;
}

.fluid-width-iframe {
    height: 450px;
    width: 100%;
}

.normal .vastag, .normal span.rendkivuli, .normal span.megjegyzes {
    font-weight: inherit;
    color: inherit;
}

.field--name-body img {
    height: auto;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: calc(2.3rem + 2px);
    padding: 0px;
}
.form-floating > label {
    padding: 6px 10px 6px 6px;
}

ul.pagination {
    margin: 1em 0 0;
    justify-content: center;
    font-size: 14px;
    flex-wrap: wrap;
}

.pagination,
.pagination .page-link,
.pagination .page-item {
    background: transparent;
    --bs-pagination-font-size: 14px;
}

.page-link {
    color: #2e8b57;
}

.page-link:hover,
.page-link:focus {
    color: #1b5233;
    background: #fff;
}
.page-item.active .page-link {
    background-color: #2e8b57;
    border-color: #2e8b57;
}
.page-item.active .page-link:hover {
    color: #fff;
}

}



@media (max-width: 991px) {
.navbar-default .navbar-text,
.navbar-default .navbar-nav > li > a,
.navbar-default li.dropdown span.navbar-text::after {
    font-size: 16px;
    line-height: 8px;
    text-transform: none;
}
.dropdown-menu > li > a {
    font-size: 16px;
}

h1, h1.title {
    font-size: 24px;
    line-height: 1.6em;
}
}


@media (max-width: 767px) {
.container > .navbar-header {
    margin: 0;
}

.header-kicsi {
    display: block;
}
.header-nagy {
    display: none;
}
.navbar-brand {
    font-size: 18px;
    line-height: 1.3em;
}

h1, h2, h3, h1.title {
    font-size: 16px;
    line-height: 1.6em;
    margin-top: 10px;
}

.site-footer {
    font-size: 13px;
}
.site-footer ul.menu {
    text-align: center;
}
.site-footer .nav > li >a {
    padding: 7px 20px 8px 20px;
}





.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    white-space: normal;
}
.table-responsive > .table > tbody > tr > td.views-field-field-datum {
    white-space: nowrap;
    font-size: 0.8em;
    padding: 10px 2px 8px 2px;
}

.view-vezetoseg .table-responsive {
    margin-bottom: 0;
    border: 0;
}
}


@media (min-width: 768px) {
body {
    font-size: 18px;
}
.pagination {
    --bs-pagination-font-size: 1rem;
}

.navbar-expand-md .navbar-nav {
    justify-content: center;
}
    
.navbar-collapse.justify-content-end {
  justify-content: center !important;
}

.dropdown-menu[data-bs-popper] {
    margin-top: 0;
}

#main-wrapper {
    padding: 10px 40px 40px;
}


ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}

.site-footer__top {
    max-width: 1170px;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.views-field-visitors-ip {
    text-align: center;
}

.flex .fel {
    width: 50%;
}

.d-flex {
    gap: 0.5em;
}

.view-programok .view-filters #edit-combine-1 {
    width: 6em;
}
.form-inline .form-group {
    margin-right: 20px;
}

.view-vezetoseg caption,
.view-vezetoseg .views-field {
    padding: 10px;
}
.view-vezetoseg caption {
    width: 180px;
    font-size: 1em;
}
.view-vezetoseg .views-field-field-image {
    width: 110px;
    max-width: 110px;
}
.view-vezetoseg .views-field-title {
    width: 300px;
    padding: 10px;
}
.views-field-field-linkek, .views-field-field-video {
    margin-left: 1em;
}
.fluid-width-iframe {
    height: 600px;
}
td.views-field-changed {
    white-space: nowrap;
}
.stickynav-active {
  max-width: 750px;
}
}


@media (min-width: 851px) {
.site-footer__top .region {
    width: auto;
}

}
@media (min-width: 992px) {

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.6em;
}

.field--name-field-eloado {
    position: relative;
    top: -1em;
    font-size: 1.3em;
}
.user-logged-in .field--name-field-eloado {
    top: 0;
}
.node .field--name-field-kepek {
    float: right;
    margin-right: 0;
}
.field--name-field-kepek img {
    margin: 10px 10px 0 10px;
}
.alairas {
    text-align: center;
    margin-bottom: 20px;
}
.stickynav-active {
  max-width: 970px;
}
}

@media (min-width: 1200px) {
.stickynav-active {
  max-width: 1170px;
}
}