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

body.toolbar-horizontal.toolbar-tray-open #navbar-main.fixed-top {
    top: 97px;
}

body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #555;
    font-size: 15px;
    background: #eeeee6;
}

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

#main-wrapper a, #main-wrapper a:hover, #main-wrapper a:focus, #main-wrapper a:visited,
.footer a, .footer a:hover, .footer a:focus, .footer a:visited {
    color: #b5331f;
    text-decoration: none;
    font-weight: 500;
}
#navbar-top a:hover,
#main-wrapper a:hover,
.footer a:hover {
    opacity: 0.8;
}


.navbar-collapse {
    justify-content: space-between !important;
    margin: 10px 0 9px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    color: #00535e;
}

.field--name-body h4 {
    margin: 0;
    padding: 10px 0;
}

#main-wrapper h1 a, #main-wrapper h1 a:hover, #main-wrapper h1 a:focus, #main-wrapper h1 a:visited,
#main-wrapper h2 a, #main-wrapper h2 a:hover, #main-wrapper h2 a:focus, #main-wrapper h2 a:visited,
#main-wrapper h3 a, #main-wrapper h3 a:hover, #main-wrapper h3 a:focus, #main-wrapper h3 a:visited,
#main-wrapper h4 a, #main-wrapper h4 a:hover, #main-wrapper h4 a:focus, #main-wrapper h4 a:visited,
#main-wrapper h5 a, #main-wrapper h5 a:hover, #main-wrapper h5 a:focus, #main-wrapper h5 a:visited {
    color: #00535e;
    text-decoration: none;
    font-weight: 500;
}

#navbar-main {
    background-color: #fff;
    border-top: 3px solid #00535e;
    border-bottom: 1px solid #d4d4d4;
    box-shadow: 0 2px 6px 0 rgba(80,80,80,0.1);
    padding: 0 15px;
}

.navbar-brand {
    display: flex;
    align-items: flex-start;
    padding: 10px 0 9px;
}

#navbar-main .navbar-brand a {
    color: #00535e;
    text-decoration: none;
}
#navbar-main .navbar-brand a:hover {
    color: #00535e;
    opacity: 0.5;
}

#navbar-main .site-name-slogan {
    margin: 5px 0;
}

#navbar-main .site-name {
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.67rem;
    line-height: 20px;
}
.navbar-brand img {
    width: 80px;
}

#navbar-main .site-slogan {
    color: #00535e;
    margin: 0;
    font-family: 'Quicksand', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 0.7rem;
    text-align: center;
    margin: 0;
    line-height: 1;
}


.navbar.fixed-top {
    min-height: 120px;
}

#page {
    padding-top: 120px;
    background: #fff;
}

#main-wrapper {
    background: transparent;
}
#main {
    background: #fff;
    padding: 15px;
    min-height: 100vh;
}

.navbar-collapse .logo.navbar-btn {
    margin: 0;
}



.region-header-form {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* main menu */

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


.navbar-collapse .nav-link {
    color: #535353;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 20px;
    padding: 18px 12px;
}

.navbar-nav .nav-link {
    text-decoration: none;
}

.navbar-toggler {
    border: 0;
    margin-left: auto;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-form {
    display: none;
}


a.nav-link[data-drupal-link-system-path="user/logout"]::before {
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg class="bi bi-lock" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.5 8h-7a1 1 0 00-1 1v5a1 1 0 001 1h7a1 1 0 001-1V9a1 1 0 00-1-1zm-7-1a2 2 0 00-2 2v5a2 2 0 002 2h7a2 2 0 002-2V9a2 2 0 00-2-2h-7zm0-3a3.5 3.5 0 117 0v3h-1V4a2.5 2.5 0 00-5 0v3h-1V4z" clip-rule="evenodd"/></svg>');
    background-repeat: no-repeat;
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
    background-position: 0 0;
    width: 1.5rem;
    height: 1.2rem;
    visibility: visible;
}

a.nav-link--,
a.nav-link--user,
a.nav-link--user-login,
a.nav-link[data-drupal-link-system-path="user/logout"]::before {
    background-position: 0 4px;
}
a.nav-link-- {
    height: 20px;
    visibility: hidden;
    width: 2.5em;
}
a.nav-link--::before {
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg class="bi bi-house" width="1em" height="1em" viewBox="0 0 16 16" fill="%23555555" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M2 13.5V7h1v6.5a.5.5 0 00.5.5h9a.5.5 0 00.5-.5V7h1v6.5a1.5 1.5 0 01-1.5 1.5h-9A1.5 1.5 0 012 13.5zm11-11V6l-2-2V2.5a.5.5 0 01.5-.5h1a.5.5 0 01.5.5z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M7.293 1.5a1 1 0 011.414 0l6.647 6.646a.5.5 0 01-.708.708L8 2.207 1.354 8.854a.5.5 0 11-.708-.708L7.293 1.5z" clip-rule="evenodd"/></svg>');
    background-repeat: no-repeat;
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
    background-position: 0 -2px;
    width: 1.5em;
    height: 1em;
    visibility: visible;
}

.dropdown-menu {
    font-size: 14px;
    text-align: left;
    list-style: none;
}

ul.dropdown-menu,
.dropdown-item {
    padding: 5px 0;
}

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

.dropdown-item:focus,.dropdown-item:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}


.dropdown-item.active,.dropdown-item:active {
    color: inherit;
    background-color: transparent;
}
.nav-item .dropdown-item a.active {
    color: inherit;
    text-decoration: underline;
}

.dropdown-toggle::after {
    margin-left: 0;
    vertical-align: 0.1em;
    border: 0;
    content: "\f107";
    font-family: 'FontAwesome';
    padding-left: 5px;
    font-size: 13px;
}
.dropdown-menu .menu-item--expanded>a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    border: 0;
    margin: 0;
    content: "\f105";
    font-family: 'FontAwesome';
    padding-left: 5px;
    font-size: 12px;
}

.dropdown-menu .menu-item--expanded:hover>a:after {
    visibility: visible;
}

.dropdown-menu .menu-item--expanded > .dropdown-menu {
    top: -5px;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}



/* user menu */

.menu--account .nav-link:hover {
    opacity: 0.8;
}

.navbar a.nav-link[data-drupal-link-system-path="user/logout"] {
    visibility: hidden;
    width: 2.5em;
}


.block-language .nav-link {
    padding: 15px 6px;
}

.block-language .nav-link .language-link {
    color: #555;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
}

.language-link.is-active,
.nav-link .language-link:hover {
    opacity: 0.5;
}

.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
  color: #535353;
}



#navbar-main .block-language {
    display: block;
}
#navbar-main .region-header-form .block-language {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}

#block-meta-st-keresesikon {
    position: absolute;
    top: -2px;
    right: 80px;
}




/* search */

.region-top-header .block-search {
    display: block;
    margin-top: 2em;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    min-width: 300px;
    padding: 0 15px;
}

header #search-block-form {
    padding-right: 0;
}

form.search-block-form {
    display: flex;
    gap: 5px;
}
.search-block-form .form-type-search,
.search-block-form .form-actions {
    margin: 0 !important;
}


.search-block-form  input::placeholder {
    color: gray;
    opacity: 0.5;
    font-size: 0.8em;
}

.region-header-form #block-meta-st-search-form-wide {
    position: absolute;
    background: #fff;
    height: auto;
    padding: 15px 10px;
    right: 80px;
    top: 50px;
    border-top: 3px solid #00535e;
    z-index: 999999;
    box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.20);
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.20);
    justify-content: flex-end;
    gap: 5px;
}

#start-search .svg-inline--fa {
    font-size: 16px;
    color: #555;
    padding-left: 3px;
}
#close-search .svg-inline--fa {
    font-size: 20px;
    height: 19px;
    width: 16px;
    color: #cf9421;
}


#close-search {
    display: none;
}

#start-search,
#close-search {
    cursor: pointer;
}

.region-header-form .block-search {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
}

.region-header-form.active-search .block-search {
    visibility: visible;
    opacity: 1;
    height: auto;
    width: auto;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.region-header-form.active-search #close-search {
    display: block;
}

.region-header-form.active-search #start-search {
    display: none;
}


/* search vege */

#block-meta-st-idezet {
    position: absolute;
    top: 7%;
    left: 100px;
    margin-right: 100px;
    display: none;
}

#block-meta-st-idezet .field--name-body {
    width: auto;
    padding: 20px 25px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid transparent;
    border-radius: 12px;
    line-height: 1.5rem;
    font-weight: 500;
}

#block-meta-st-idezet .field--name-body p {
    color: #fff;
}





.inline__links .nav-link {
    color: #535353;
    padding: 0;
}

#navbar-top {
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 50px;
    background-color: #fff;
}
.path-frontpage #navbar-top {
    height: 90vh;
    width: 100vw;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
    background-image: url("../images/gyep_Molnar_AP.jpg");
}
.region-top-header {
    text-align: center;
}




.site-name-slogan {
    display: block !important;
    font-weight: 700;
    margin: 15px 15px 0;
}


h1.title {
    color: #00535e;
    font-weight: 700;
    margin: 40px 0 20px;
    font-size: 36px;
}

h2 {
    font-size: 30px;
}
.row > h3, h3 {
    font-size: 24px;
    margin: 20px 0 10px;
}

h4 {
    font-size: 18px;
}



/* footer */

.site-footer {
    background: #00535e;
    color: #fff;
}

.site-footer .container {
    padding: 0;
    max-width: 100%;
} 

.site-footer__top {
    padding: 0 15px;
}

.site-footer__top .region {
    padding: 0 30px;
}

.site-footer__top .region-footer-second {
    display: block;
    padding-top: 1em;
}

.site-footer .nav {
    display: block;
}

.site-footer__top .nav-link,
.site-footer__top .nav-link:hover {
    color: #fff;
    padding: 0;
}

.site-footer .nav-link:hover,
.site-footer .nav-link:focus {
    opacity: 0.7;
}

.site-footer .nav-item {
    border-bottom: 0;
    text-align: left;
}

.site-footer .block.menu--account {
    margin-bottom: 1em;
}

.site-footer .navbar-nav {
    margin: 1em 0;
}

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

.site-footer .content {
    color: #fff;
    font-size: 1em;
}
.site-footer .content a, 
.site-footer .content a.is-active,
.site-footer .content a:hover, 
.site-footer .content a:focus {
    color: #fff;
    text-decoration: none;
}

.site-footer svg.ext {
    fill: #fff;
}

.site-footer svg.ext path, .site-footer svg.mailto path, .site-footer svg.tel path {
    stroke: #fff;
}

/* footer vege */


.view-filters label {
    display: none;
}

ol, ul {
    padding-left: 2em;
}

/** image, kep-tipusok Drupal 7**/
img.eredeti {margin: 5px 0 0 0;}
img.eredeti-jobb {margin: 5px 0 0 10px; float: right;}
img.eredeti-bal {margin: 5px 10px 0 0; float: left;}

img.index {width: 120px; margin: 5px 0 0 0;}
img.index-jobb {width: 120px; margin: 5px 0 0 10px; float: right;}
img.index-bal {width: 120px; margin: 5px 10px 0 0; float: left;}

.index-jobb:after {
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
img.fulltext {width: 250px; margin: 5px 0 0 0;}
img.fulltext-jobb {width: 250px; margin: 5px 0 0 10px; float: right;}
img.fulltext-bal {width: 250px; margin: 5px 10px 0 0; float: left;}
/** image, kep-tipusok vege **/

/** Drupal 7 egyeb **/
div.sor {
    padding-bottom: 2em;
    clear: both;
}
.sor::after {
    display: table;
    content: ' ';
    clear: both;
}
.field--name-field-kapcsolatok,
.field--name-field-file,
.field--name-field-kapcs-publikaciok {
    padding: 0.5em 0;
    clear: both;
}

.natura-fo {
    font-weight: bold;
    clear: both;
    padding-top: 2em;
}

.natura-id {
    font-weight: bold;
    float: left;
    clear: both;
    margin: 0 1em;
}

table.szeles-121 {
    width:100%;
    min-width: 920px
    border-spacing: 0;
}
table.szeles-121 td {
    text-align: center;
    border: 1px solid;
    padding: 2px;
}

table.szeles-121 table {
    margin: 0;
    width:100%;
}

table.szeles-121 td.osztott {
    padding: 0;
}

table.szeles-121 td.osztott td {
    border: 0 none;
    border-right: 1px solid;
    padding: 2px;
}
table.szeles-121 td.osztott td.last {
    border-right: 0 none;
}

table.szeles-121 td.cell-21 {
    width:21%;
    text-align: left;
}
table.szeles-121 td.cell-18 {
    width:18%;
    text-align: left;
}
table.szeles-121 td.cell-10 {
    width:10%;
}
table.szeles-121 td.cell-20 {
    width:20%;
}
table.szeles-121 td.cell-18 {
    width:18%;
}
table.szeles-121 td.cell-11 {
    width:11%;
}
table.szeles-121 td.cell-5 {
    width:5%;
}
table.szeles-121 td.cell-16 {
    width:16%;
}
table.szeles-121 td.cell-9 {
    width:9%;
}
table.szeles-121 td.cell-15 {
    width:15%;
}
table.szeles-121 td.cell-4 {
    width:4%;
}
table.szeles-121 td.cell-25 {
    width:25%;
}
table.szeles-121 td.cell-30 {
    width:33%;
}
table.szeles-121 td.cell-70 {
    width:67%;
}
table.szeles-121 td.cell-50 {
    width:50%;
}

#zold-tabla1 {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #00a0af;
    color: #fff;
    display: none;
}
#zold-tabla1 a,
#zold-tabla1 a:visited {
    color: #004165;
}
#zold-tabla1 a:hover,
#zold-tabla1 a:focus {
    color: #fff;
}
#zold-tabla1 td {
    vertical-align: top;
}
#zold-tabla1 ul {
    margin: 1em 0 1em 1em;
}
#zold-tabla1 li {
    line-height: 150%;
    font-size: 0.9em;
}
td.elohely-kod, td.fototar-link, td.eiu-link {
    font-weight: 600;
    width: 5%;
    vertical-align: top;
}

table.lista a,
table.lista a:visited {
    color: #555;
    font-weight: 400;
}

table.lista a,
table.lista a:visited,
table.lista a:hover,
table.lista a:focus {
    font-weight: 400;
}

div.jobb-hasab {
    display: none;
}

/** Drupal 7 egyeb vege **/

.field--name-body table {
    margin-bottom: 1.5em;
}

.field--name-body td {
    padding: 3px;
}

.field--name-body li {
    padding: 0.1em;
}

div.views-field-created::before {
    content: "\f073";
    font-family: 'FontAwesome';
    color: #00535e;
    padding-right: 0.3em;
}

.fa-calendar {
    color: #00535e;
}
.views-field-created {
    color: #888;
    font-size: 0.9em;
}

.node-submitted-details {
    color: #888;
    font-size: 0.9em;
    margin-bottom: 0.5em;
}
.view-hirek .views-field-nothing,
.view-eredmenyek .views-field-nothing {  
    margin: 1em 0;
}
.view-hirek .hirek-image,
.view-eredmenyek .hirek-image {  
    float: left;
    margin-right: 1em;
    width: 120px;
}
.view-hirek .views-row,
.view-eredmenyek .views-row {  
    padding: 1em 0;
    clear: both;
}

.view-publikaciok .views-row {  
    padding: 1em 0;
    border-bottom: 1px solid #ddd;
}

.view-publikaciok p {  
    margin-bottom: 0;
}

p.anchor,
a.anchor-v {
    display: block;
    position: relative;
    visibility: hidden;
    top: -200px;
}

p.anchor {
    margin-bottom: -10px;
}

p.indent {
    padding-left: 1.5em;
}

.tamogatok.tabla {
    width: 100%;
}
.tamogatok.tabla td {
    min-width: 130px;
    border: 1px solid #ddd;
    padding: 0.5em;
}
.tamogatok.tabla img {
    width: 110px;
}



@media (max-width: 767px) {

h1, h1.title,
.navbar-brand {
    font-size: 20px;
}
h2, h3, .row > h2, .row > h3 {
    font-size: 18px;
}

.navbar {
    align-items: flex-start;
}

.navbar-collapse {
    border-top: 1px solid #ddd;
}

ul.dropdown-menu.show li.menu-item--expanded>ul.dropdown-menu {
    padding-left: 1em;
}

.field--name-body table {
    font-size: 0.8em;
}

}

@media (min-width: 576px) {
  .node .field--type-image {
    float: right;
    margin: 0 0 1em 1em;
  }

  #main.container {
        max-width: 100%; 
    }
}

@media (min-width: 768px) {

#navbar-main {
    flex-wrap: wrap;
}
.region-top-header .block-search {
    display: none;
}

.navbar-form {
    display: block;
}
.region-header-form. block-language {
    display: block;
}

#navbar-main .block-language {
    display: none;
}

#navbar-main .region-header-form .block-language {
    display: block;
}



.navbar-nav {
    margin: 0 15px;
}

.navbar-brand {
    padding: 5px 0 0;
}

.navbar-expand-md .navbar-collapse {
    align-items: flex-start;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding: 1px 12px;
}
.block-language .nav-link {
    padding: 15px 6px;
}


#block-meta-st-idezet {
    display: block;
}

#navbar-top {
    min-height: 100px;
    background-color: transparent;
}

.path-frontpage #navbar-top {
    height: calc(100vh + 90px);
}

#main {
    padding: 40px;
    position: relative;
    top: -140px;
    border: 1px solid #fff;
    border-radius: 12px;
}

.path-frontpage #main {
    top: -60px;
}

.view-fejleckepek {
    position: relative;
    top: -30px;
}

.site-footer__top .region {
    width: 33.3333%;
}

.site-footer__top .region-footer-second {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    padding-top: 0;
}


.tamogatok.tabla {
     width: 80%;
     min-width: 600px;
}
table.lista {
    margin: 0 0 0 20px;
    width: 100%;
    min-width: 800px;
}
#zold-tabla1 {
    display: block;
}

p.anchor,
a.anchor-v {
    top: -100px;
}

p.anchor {
    margin-bottom: -30px;
}

p.indent {
    padding-left: 1.5em;
}

.view-publikaciok .views-row {  
    display: flex;
    flex-wrap: wrap;
}

.view-publikaciok .views-field-nothing {  
    width: 90%;
    padding-right: 1.5em;
}

.view-publikaciok .views-field-view-node {  
    width: 10%;
    min-width: 70px;
}

div.jobb-hasab {
    display: block;
    float: right;
    margin-left: 3em;
}



}

@media (min-width: 992px) {
#block-meta-st-idezet .field--name-body {
    width: 40vw;
}

#main.container,
.site-footer .container {
    width: 970px;
}

}


@media (min-width: 1200px) {
.navbar.fixed-top {
    min-height: 90px;
}

#page {
    padding-top: 90px;
    background: transparent;
}
  
#navbar-top {
    min-height: 60px;
}
#navbar-main {
    flex-wrap: nowrap;
}

#navbar-main .region-header-form .block-language,
#block-meta-st-keresesikon {
    position: relative;
    right: 0;
    top: 0;
}

.region-header-form #block-meta-st-search-form-wide {
    right: 60px;
    top: 90px;
}

.navbar-brand {
    padding: 10px 0 9px;
}

.navbar-collapse {
    min-height: 70px;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding: 18px 12px;
}


#main.container,
.site-footer .container {
    width: 1170px;
}


}