@import url("fonts.css");
html, body {
     overflow-x: hidden;
}

/* Több nyelv egyszerre */
html[lang="hu"] #menu-item-4049,
html[lang="en"] #menu-item-4049 {
  display: none !important;
}


body {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
      overflow-x: hidden;
      color: #555;
      transition: all 0.3s ease-in-out;

      font-family: 'Roboto';
      font-weight: 400;
    line-height: 1.5;
    margin: 0 0 0 0
   
}
p {
    margin-top: 0
}
.herotext b {
      color: #ad9263;
}
h1, h2, h3, h4, h5, h6 {
      clear: both;
    color: #222529;

      font-weight: 600;
      margin: 0 0 20px 0;
  
    font-family: 'Lora';
     line-height: 1.5
    
}

.gallery:after {content:"";display:table;clear:both;}


img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;}
img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
figure {max-width: 100%; height: auto; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}

.gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;}

.gallery figure {float:left; margin:0 2% 1em 0;}

.gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}

.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}

.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}

.gallery.gallery-columns-4 figure {width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}

.gallery.gallery-columns-5 figure {width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}

.gallery.gallery-columns-6 figure {width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}

.gallery.gallery-columns-7 figure {width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}

.gallery.gallery-columns-8 figure {width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}

.gallery.gallery-columns-9 figure {width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}

@media (max-width:767px) {
	img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;}
	.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {width:100%; margin:0 0 1em 0; float:none;}
}


.elementor-heading-title {
    line-height: 1.5
}


table {
      border-collapse: collapse;
      border-spacing: 0;
      width: 100%;
}
td, th {
      border: 1px solid #fff;
      text-align: left;
      padding: 8px;
}
tr:nth-child(even) {
      background-color: #f2f2f2
}
th {
      padding-top: 11px;
      padding-bottom: 11px;
      background-color: #ccc#A;
      border-color: #fff!important;
      color: white;
}
img {
      max-width: 100%;
      height: auto;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
 color: #686868;
}

:-moz-placeholder {
 color: #686868;
}

::-moz-placeholder {
 color: #686868;
 opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
 color: #686868;
}
/**
 * 5.0 - Forms
 */
input
{
   filter: none;
}



input:focus {
      outline: none
}

*:focus {
       outline: none;
}

a {
      color: #000;
      text-decoration: none;
      transition: all 0.3s ease-in-out;
}
a:hover {
      color: #000;
      text-decoration: none
}
a:focus, a:active, a:visited {
      outline: 0;
      text-decoration: none;
      color: #000
}


.main-navigation {
      height: auto;
      text-align: right;
    
    display: flex;
  align-items: center;
}
.mobile-menu-button {
      display: none;
      cursor: pointer;
      float: right
}
.mobile-menu .menuContainer {
      padding: 0px 0;
      clear: both;
      background-color: #fff
}
.mobile-menu ul {
      margin: 0;
      padding: 0;
}
.mobile-menu ul li {
      border-bottom: 1px solid #333;
      padding-bottom: 10px;
      padding-top: 10px
}
.mobile-menu ul li:last-child {
    border: none
}
.mobile-menu ul li a {
      display: block;
      color: #555;
      padding: 0 15px;
      text-align: center;
    font-weight: 500
}
.primary-menu {
      margin: 0;
      padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    list-style: none
}
.primary-menu li {
      
      margin: 10px 0 10px 20px;
     
}

.primary-menu li:first-child{
    margin-left: 0
}

.primary-menu li a {
      color: #444;
      font-size: 17px;
      font-weight: 600;
      padding-top: 0px;
      display: block;
      line-height: 1.5px;
     position: relative
}
.primary-menu li a:hover {
      color: #ad9263;
      text-decoration: none;
}
.primary-menu li a:hover::after {
     content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    
    background-color:#ad9263;
    top:14px
}



.primary-menu li.current_page_item a {
      color: #ad9263;
    position: relative
}
.primary-menu li.current_page_item a::after{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    
    background-color:#ad9263;
    top:14px
}
.primary-menu li:hover > .sub-menu {
      display: block;
}
.primary-menu li.current_page_item .sub-menu a {
      color: #ad9263;
}
.primary-menu li.current_page_item .sub-menu li:hover > a {
      color: #fff;
}
.sub-menu {
      position: absolute;
      background-color: #FFFFFF;
      padding: 0;
      z-index: 10;
      margin: 0;
      width: 180px;
      display: none;
      -webkit-box-shadow: 0px 14px 10px 4px rgba(0,0,0,0.1);
      -moz-box-shadow: 0px 14px 10px 4px rgba(0,0,0,0.1);
      box-shadow: 0px 14px 10px 4px rgba(0,0,0,0.1);
}
.sub-menu >  ul {
      display: none;
      margin: 0;
      padding: 0;
}
.sub-menu li {
      float: none;
      padding: 0px;
      margin: 0;
      cursor: pointer;
      width: 100%;
      position: relative;
      line-height: normal
}
.sub-menu .sub-menu {
      left: 180px;
      top: 0px;
      background-color: #fff;
      position: absolute
}
.sub-menu li a {
      font-size: 13px;
      text-align: left;
      width: 100%;
      display: block;
      height: auto;
      padding: 8px 12px 8px 12px;
      line-height: 20px
}
.sub-menu li:hover {
      background-color: #ef7e1c;
}
.sub-menu li:hover > a {
      color: #fff;
}




/*HEADER*/


.site-header {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 100;
    background-color: #fff;
    height: 122px;
}
.site-header.sticky {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 100;
      -webkit-box-shadow: 0px 4px 10px 4px rgba(0,0,0,0.1);
      -moz-box-shadow : 0px 4px 10px 4px rgba(0,0,0,0.1);
      box-shadow: 0px 4px 10px 4px rgba(0,0,0,0.1);
      background-color: #fff;
}
.site-header.sticky.animated {
       animation: slide-down 0.7s;
}
.site-header.temeto {
    background-color: #e2d5c5
}
body.temeto-sablon {
    background-color: #f4ece1
}

 @keyframes slide-down {
 0% {
 opacity: 1;
 transform: translateY(-100%);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}


a.logo {
      display: inline-block;
      float: left
}
a.logo img {
      height: 90px;
    mix-blend-mode: multiply;
}
.main-menu {
      float: right
}
.toprow {
    display: flex;
    align-items: center;
    position: relative
}
.toprow ul {
    margin: 0;
    padding: 0
}


.languages {
    margin-left: 20px;

}
.languages ul {
    display: flex;
    list-style: none
}
.languages ul li {
    margin-left: 10px
}
.languages ul li .flag {
    display: block;
    width: 30px;
    height: 20px;
    background-color:red
}
.headContainer {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 10px
    
}

.headLogo {
    flex: 0 0 auto;
    padding: 0 10px
}

.headMenu {
display: flex;
    
    padding: 0 10px;
 
    flex-direction: column;
  align-items: flex-end;
    justify-content: space-around
}
#mobileMenu {
    display: none
}
.toggle {
    width: 30px;
    cursor: pointer;
    display: none
}
.toggle .bar {
    height:4px;
    width: 100%;
    background-color: #ad9263;
    margin-bottom: 4px;
}
.toggle .bar:last-child {
    margin-bottom: 0
}

/*IFRAME MAKE RESPONSIVE 16:9*/
.responsiveVideo {
      padding-top: 56.25%;
      background-color: yellow;
      position: relative;
}
.responsiveVideo iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}
/*SEARCH*/
.searchIcon {
   position: relative;
      cursor: pointer;
    width: 18px;
    height: 18px;
  
    margin-left: 20px
    
}
.searchBox {
    display: none;
  border: 1px solid #999;
  border-radius: 30px;
  padding-left: 10px;
  padding-right: 4px;
  margin-left: 20px;
    position: absolute;
    top:30px;
    right: 0;
    background-color: #fff;
    z-index: 100;
    outline:10px solid #fff;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.3)
    
}

.search-form {
    display: flex;
    align-items: center
}
.search-field {
    height: 50px;
    max-width: 260px;
    font-size: 16px;
    border: none;
    border-radius:20px;
}
button.search-submit {
    border-radius: 0px 20px 20px 0px!important;
    height: 42px!important;
  width: 48px!important;
  border: none!important;
    background-color: #d6d6d6;
   background-image: url("../images/search.svg")!important;
    background-position: center!important;
    background-size: 16px!important;
    background-repeat: no-repeat!important;
    padding: 0;
}
button.search-submit:hover {
  background-color: #b9b9b2!important  
}
/*FOOTER*/
.site-footer {
      background-color: #202428;
      color: #fff;
       padding: 20px 0
}
.site-footer a {
      color: #fff
}


.site-info a {
    color: #AD9263
}


ul.footerMenu {
      padding: 0
}

.site-info {
      padding: 20px 0;
    background-color: #1c2023;
    color: #999999;
  
}
.site-info .container {
    max-width: 1200px;
    padding: 0 10px;
    margin: 0 auto
}
.site-info .container  .row {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;

}
.site-info .container  .row .col-6 {
    width: 50%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}
.site-info .container  .row .col-6 .inner {
    line-height: 1.4
}
.site-info .container  .row .col-6.right {
align-items: flex-end;
  flex-direction: column;
}
.site-info .emmilogo {

    max-width: 250px;
    margin-top: 5px
  
}
.elementor-widget-icon-box:hover {
    transform: scale(1.05);
    cursor: pointer;
    color:#AD9263
}

a.headerLink {
display: block;
    margin-left: 28px!important;
   color: #555!important;
    font-size: 14px!important;
    font-weight: 500;
}
a.headerLink:hover {
    color: #AC9162!important;
}
a.headerLink.phone::before {
    content: "";
    background-image: url("../images/phone.png");
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top:5px;
    margin-right: 10px 
}
a.headerLink.email::before {
    content: "";
    background-image: url("../images/envelope.png");
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top:9px;
    margin-right: 10px 
}
.picBorder {
    position: relative
}
.picBorder::before {
    content: '';
    width: 50px;
    height: 85%;
    position: absolute;
    left: -25px;
    background-color: #A68B5C;
    z-index: -1;
    top:50%;
    transform: translateY(-50%)
    
}

.imageSlider img {
    height: 450px;
    object-fit: contain;
  object-position: center;
     
}
.rotateImg svg  {
      transition: all 0.2s ease-in-out;
}

.rotateImg:hover svg {
   transform: rotate(45deg);
      transition: all 0.1s ease-in-out;
}


.uael-team-desc {
    text-align: justify;
  max-width: 800px;
  margin: 0 auto;
}

.uael-separator-wrapper  {
    cursor: pointer;
    
}



.uael-separator-wrapper:hover::after {
    color:#777
}
.uael-team-member-desc::before {
   content: 'БИОГРАФИЈА';
  display: block;
  position: relative;
  margin-top: 22px;
   color: #A68B5C;
    font-weight: 600
}
.uael-team-member-desc > .uael-team-desc {
    display: none
}
.uael-post__meta-data svg {
  height: 15px;
  width: 20px;
  vertical-align:inherit;
  top: 3px;
  position: relative;
  margin-right: 3px;
}

.uael-post__grid-empty {
    text-align: center;
  font-size: 20px;
  font-weight: 700;
  padding: 50px 0;
}

.searchTitle {
   color: #fff;
    text-align: center;
    margin: 0;
    line-height: 1.4
}

 
.sidebar h4{
    font-size: 22px
}
.sidebar #yearly-archive{
    margin: 0;
    padding: 0;
    list-style: none
}
.sidebar #yearly-archive li {
    margin-bottom: 10px
}
.sidebar #yearly-archive li a {
   color:#ad9263;
    font-weight: 700
}
.sidebar #yearly-archive li a:hover {
   color:#000;
}


.project_loop_box{
    border:20px solid #E7E7E7;
    padding: 20px
    
}
.project_loop_box .autor {
    margin-bottom: 10px
}

.project_loop_box .external_link .button {
    background-color: antiquewhite;
   color: #AD9263;
  padding: 5px 15px 5px 15px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
    display: inline-block
}
.project_loop_box .excerpt {
    margin-top: 20px;
     margin-bottom: 25px
}



.project_loop_box .more_button a {
    color: #ffffff;
  border-radius: 6px 6px 6px 6px;
  padding: 10px 14px 12px 10px;
  font-weight: 500;
    background-color: #AD9263;
    display: inline-block;
}

.izdanjaList .uael-post__thumbnail {
    background-color: #ad9263
}
.izdanjaList .uael-post__thumbnail  img {
    max-height: 250px;
  width: auto;
  margin: 0 auto;
  display: block;
}

.munkatars_container {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}
.munkatars_blokk {
    flex: 0 0 33.33%;
    padding: 0 20px;
    text-align: center;
    margin-bottom: 50px
}
.munkatars_blokk .name {
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: 700
} 
.munkatars_blokk .bio_description {
    display: none;
    text-align: justify
}

.munkatars_blokk .bio {
    padding-top: 10px
}
.munkatars_blokk .bio .more, .munkatars_blokk .bio .close {
     color: #A68B5C;
    font-weight: 600;
    cursor: pointer
}

.munkatars_blokk .bio .more:hover , .munkatars_blokk .bio .close:hover{
    color: #000
}


.country-selector a {
    padding: 0 !important;
    margin-left: 0px
}
.weglot-flags > a::before, .weglot-flags > span.wglanguage-name::before{
    margin-right: 10!important
}
.weglot-flags.flag-3.wg-sr-latn > a::before, .weglot-flags.flag-3.wg-sr-latn > span::before {

  border-radius: 50% !important;
 
}

.weglot-flags.flag-3.wg-sr > a::before, .weglot-flags.flag-3.wg-sr > span::before {
    border-radius: 50% !important;
}

.country-selector.weglot-dropdown .wgcurrent a, .country-selector.weglot-dropdown .wgcurrent span {
  padding-right: 32px!important;
}