@font-face {

  font-family: 'Merriweather-Regular';

  src: url('../fonts/Merriweather-Regular.svg#Merriweather-Regular') format('svg'),

       url('../fonts/Merriweather-Regular.ttf') format('truetype'),

       url('../fonts/Merriweather-Regular.woff') format('woff'),

       url('../fonts/Merriweather-Regular.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Merriweather-LightItalic';

  src: url('../fonts/Merriweather-LightItalic.svg#Merriweather-LightItalic') format('svg'),

       url('../fonts/Merriweather-LightItalic.ttf') format('truetype'),

       url('../fonts/Merriweather-LightItalic.woff') format('woff'),

       url('../fonts/Merriweather-LightItalic.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Merriweather-Light';

  src: url('../fonts/Merriweather-Light.svg#Merriweather-Light') format('svg'),

       url('../fonts/Merriweather-Light.ttf') format('truetype'),

       url('../fonts/Merriweather-Light.woff') format('woff'),

       url('../fonts/Merriweather-Light.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Merriweather-Italic';

  src: url('../fonts/Merriweather-Italic.svg#Merriweather-Italic') format('svg'),

       url('../fonts/Merriweather-Italic.ttf') format('truetype'),

       url('../fonts/Merriweather-Italic.woff') format('woff'),

       url('../fonts/Merriweather-Italic.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Merriweather-BoldItalic';

  src: url('../fonts/Merriweather-BoldItalic.svg#Merriweather-BoldItalic') format('svg'),

       url('../fonts/Merriweather-BoldItalic.ttf') format('truetype'),

       url('../fonts/Merriweather-BoldItalic.woff') format('woff'),

       url('../fonts/Merriweather-BoldItalic.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Merriweather-Bold';

  src: url('../fonts/Merriweather-Bold.svg#Merriweather-Bold') format('svg'),

       url('../fonts/Merriweather-Bold.ttf') format('truetype'),

       url('../fonts/Merriweather-Bold.woff') format('woff'),

       url('../fonts/Merriweather-Bold.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Merriweather-BlackItalic';

  src: url('../fonts/Merriweather-BlackItalic.svg#Merriweather-BlackItalic') format('svg'),

       url('../fonts/Merriweather-BlackItalic.ttf') format('truetype'),

       url('../fonts/Merriweather-BlackItalic.woff') format('woff'),

       url('../fonts/Merriweather-BlackItalic.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Merriweather-Black';

  src: url('../fonts/Merriweather-Black.svg#Merriweather-Black') format('svg'),

       url('../fonts/Merriweather-Black.ttf') format('truetype'),

       url('../fonts/Merriweather-Black.woff') format('woff'),

       url('../fonts/Merriweather-Black.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}


  ::-webkit-scrollbar {

    width: 14px;

    background-color: transparent;

  }



  ::-webkit-scrollbar-track{

    width: 14px;

    background-color: transparent;



  }

  

  ::-webkit-scrollbar-thumb {

    border: 4px solid rgba(0, 0, 0, 0);

    background-clip: padding-box;

    border-radius: 9999px;

    background-color: #AAAAAA;

  }



  a{

    text-decoration: none;

  }

  .searchButton{

    display: none;

  }

  .searchBtn{
    float: right;
    margin-top: 1.3vw;
    height: 2.5vw;
    border-radius: 0.5vw;
    border: 0vw;
    background-color:#f0af53;
    color: black;
    font-family: 'Merriweather-Regular';
    font-size: 1vw;
    width: 6vw;
    text-transform: uppercase;
    cursor: pointer;
  }

  input:focus{

    outline: 0vw;

  }

  /* CARDS */

  .cardsdiv {

    margin: 0;

    grid-template-rows: 1fr auto;

    grid-auto-flow: column;

    display: block;

    margin-bottom: 1vw;

    margin-right: 0.5vw;

    break-inside: avoid;

    background: #fff;

    border: 1px solid #dedede;

/*     box-shadow: 0px 0px 2px 0px #999;

    box-sizing: border-box; */

    border-radius: 0.5vw 0.5vw 0vw 0vw;

    overflow: hidden;

    font-family: 'Merriweather-Bold' !important;

    position: relative;

    color: #333;

  }



  .cards {

    transition-duration: 0.5s;

    opacity: 1;

    column-count: 5;

    column-gap: 1vw;

    padding-left: 1.5vw;

  }

  /* CARDS END */

  .egyCikkContainer{
    color: black;
    width: 100%;
    height: 15vw;
    border-radius: 0.5vw;
    background-color: white;
    box-shadow: 0px 0px 5px 0px #999;
    position: relative;
    margin-bottom: 2vw;
  }

  .picsContainer{
    height: 100%;
    width: 25%;
    float: left;
    border-radius: 0.5vw 0vw 0vw 0.5vw;
    overflow: hidden;
  }

  .searchtextContainer{
    height: 100%;
    width: 100%;
    text-align: center;
    font-family: 'Merriweather-Bold';
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
     padding-top: 1vw;
     position: relative;
     padding-left: 2vw;
     padding-right: 2vw;
     padding-bottom: 1vw;
  }
  
  .searcherrorDiv{
    width: 100%;
    height: auto;
    display: none;
    text-align: center;
  }

  .searcherror{
    font-family: 'Merriweather-Bold';
    font-size: 1.5vw;
  }



  .prevPics{

    width: 100% !important;

    height: auto;

    position: relative;

  }



  .prevTitle{

    font-size: 0.9vw;

    margin-top: 1vw;

    margin-bottom: 0.5vw;

  }



  .prevDesc{

    font-size: 0.7vw;

    font-family: 'Merriweather-Light' !important;

  }



  .textBox{

    padding-left: 1vw;

    padding-right: 1vw;

    padding-bottom: 0.5vw;

  }



  .copyright{

    margin-left: 1.5vw;

  }



  .typeBox{

    position: absolute;

    width: 10vw;

    text-align: right;

    bottom: 0vw;

    right: 0vw;

    height: 2vw;

  }

  .picsBox{

    position: relative;

    overflow: hidden;

    max-height: 13vw;

  }



  .typeIcon{

    width: 1.5vw;

    position: relative;

    float: right;

    padding-right: 0.5vw;

    -webkit-filter: invert(100%); /* Safari/Chrome */

    filter: invert(100%);

  }



  .cikkNezet{

    opacity: 0;

    transition-duration: 0.5s;

    display: none;

  }



  .tagek{

    opacity: 0.5;

    font-size: 0.5vw;

  }





@media screen and (max-width: 1000px) and (orientation: portrait) {



  .picsBox{

    max-height: 65vw;

  }
  

  .tagek{

    font-size: 2vw;

  }



  .cikkNezet{

    display: none;

  }

  .searchBtn{
    height: 10vw;
    margin-top: 5vw;
    width: 15vw;
    margin-right: 1vw;
    font-size: 2vw;
  }

  .cardsdiv {

    margin-bottom: 5vw;

  }



  .cards {

    column-count: 1;

  }

  .egyCikkContainer{
    min-height: 93vw;

    margin: 0;

    grid-template-rows: 1fr auto;

    grid-auto-flow: column;

    margin-bottom: 5vw;

    margin-right: 0.5vw;

    break-inside: avoid;

    background: #fff;

    border: 1px solid #dedede;

/*     box-shadow: 0px 0px 2px 0px #999;

    box-sizing: border-box; */

    border-radius: 0.5vw 0.5vw 0vw 0vw;

    overflow: hidden;

    font-family: 'Merriweather-Bold' !important;

    position: relative;

    color: #333;
  }

  .picsContainer{

    height: unset;
    width: unset;
    float: unset;

    position: relative;

    overflow: hidden;

    max-height: 65vw;
  }

  .textContainer{
    padding-left: 3vw;

    padding-right: 3vw;

    padding-bottom: 2vw;

    height: unset;
    width: unset;
    margin-left: unset;
    text-align: unset;

  }

  .searchtextContainer{
    text-align: left;
  }

  .prevTitle{

    font-size: 6vw;

    margin-top: 4vw;

    margin-bottom: 0.5vw;

  }



  .prevDesc{

    font-size: 3vw;

  }



  .textBox{

    padding-left: 3vw;

    padding-right: 3vw;

    padding-bottom: 2vw;

  }



  .socialIcon{

    width: 8vw;

    margin-top: 6vw;

    margin-left: 0vw;

  }
  





  .typeBox{

    width: auto;

    height: auto;

    bottom: 1vw;

    right: 1vw;

  }



  .typeIcon{

    width: 10vw;

  }

}



@media screen and (max-height: 900px) and (orientation: landscape) {



}