@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;

  }



  .cikkmhlogo{

    float: unset;

  }



  .cikkKep{

    width: 100%;

  }



  .kepContainer{

    width: 100%;

    height: auto;

    position: relative;

    margin-bottom: 2vw;

    padding-left: 2vw;

    padding-right: 1vw;

    -moz-box-sizing: border-box; 

    -webkit-box-sizing: border-box; 

     box-sizing: border-box;

  }



  .cikkCime{

    font-family: 'Merriweather-Bold';

    font-size: 2vw;

    margin-bottom: 0vw;

  }

  .cikkContainer{
    width: 100%;

    height:auto;

    padding-bottom: 2vw;

    position: relative;

    padding-left: 25%;

    padding-right: 25%;

    -moz-box-sizing: border-box; 

    -webkit-box-sizing: border-box; 

     box-sizing: border-box;
  }



  iframe{

    width: 100%;

    height: 100%;

  }



  .videoContainer{

    width: 100%;

    height: 25vw;

    position: relative;

    margin-bottom: 2vw;

    -moz-box-sizing: border-box; 

    -webkit-box-sizing: border-box; 

     box-sizing: border-box; 

  }



  .dotContainer{

    margin-bottom: 2vw;

  }



  .textContainer{

    width: 100%;

    height: auto;

    margin-bottom: 2vw;

    -moz-box-sizing: border-box; 

    -webkit-box-sizing: border-box; 

     box-sizing: border-box; 

     font-family: 'Merriweather-Regular';

     font-size: 0.8vw;

     line-height: 1.7vw;

    color: #333;

  }



  .backButton{

    font-family: 'Merriweather-Bold';

    font-size: 1vw;

    width: 8vw;

    height: 3vw;

    border-radius: 0.5vw;

    border: 0vw;

    background-color: #f0af53;

    margin-top: 1.3vw;

    margin-left: 2vw;

    cursor: pointer;

  }



  .audioContainer{

    width: 100%;

    height: auto;

    margin-bottom: 2vw;

    -moz-box-sizing: border-box; 

    -webkit-box-sizing: border-box; 

     box-sizing: border-box; 

  }



  #audio{

    width: 100%;

    height: 3vw;

    border-radius: 0vw;

    display: none;

  }



  .audioplayer{

    width: 100%;

    height: 5vw;

    margin-bottom: 2vw;

    border-radius: 0.5vw;

    line-height: 5vw;

    border: 0vw;

    box-shadow: 0px 0px 5px 0px #999;

  }



  #play{

    cursor: pointer;

    width: 4vw;

    margin-top: 0.5vw;

    margin-left: 1.5vw;

  }



  #pause{

    cursor: pointer;

    width: 4vw;

    margin-top: 0.5vw;

    margin-left: 1.5vw;

    display: none;

  }



  #track{

    width: 75%;

    height: 4vw;

  }



  .timeRemaining{

    float: right;

    font-family: 'Merriweather-Bold';

    font-size: 1.5vw;

    margin-right: 1.5vw;

  }



  video{

    width: 100%;

    height: 100%;

  }



  .slideshow-container{

    max-width: 100% !important;

    margin-bottom: 2vw;

    -moz-box-sizing: border-box; 

    -webkit-box-sizing: border-box; 

     box-sizing: border-box; 

  }



  .szerkesztodatum{

    width: 100%;

    text-align: left;

    font-family: 'Merriweather-Light';

    font-size: 0.8vw;

    -moz-box-sizing: border-box; 

    -webkit-box-sizing: border-box; 

     box-sizing: border-box; 

    margin-bottom: 2vw;

    height: auto;

  }



  .leadText{

    font-family: 'Merriweather-Regular';

    font-size: 0.8vw !important;

  }

  /* SHARE */

  .shareContainer{
    position: fixed;
    left: 0vw;
    top: 12vw;
    height: 20vw;
    width: 5vw;
    background-color: white;
    box-shadow: 0px 0px 4px 0px #999;
    border-radius: 0vw 0.5vw 0.5vw 0vw;
    z-index: 100000;
  }
  
  .shareIcon{
    cursor: pointer;
    width: 3vw;
    margin-left:1vw;
    margin-top: 2.5vw;
  }

  .shareText{
    display: none;
  }

  /* SHARE END */

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

  .shareContainer{
    position: relative;
    height: 20vw;
    width: 100%;
    background-color: white;
    box-shadow: 0px 0px 4px 0px #999;
    border-radius: 0vw 0.5vw 0.5vw 0vw;
    z-index: 100000;
    line-height: 20vw;
    top: unset;
  }
  
  .shareIcon{
    cursor: pointer;
    width: 10vw;
    margin-left:unset;
    margin-right: 7vw;
    margin-top: 5vw;
    float: right;
  }

  .shareText{
    font-family: 'Merriweather-Bold';
    font-size: 5vw;
    margin-left: 5vw;
    float: left;
    display: unset;
  }

  .cikkContainer{
    padding-left: 2vw;

    padding-right: 2vw;
  }



  .szerkesztodatum{
    margin-top: 1.5vw;
    font-size: 3vw;

  }



    .backButton{

      font-size: 4vw;

      width: 25vw;

      height: 10vw;

    }



    .cikkCime{

      font-size: 6vw;

    }




    .textContainer{

      padding-right: 2vw;

      font-size: 3.5vw;

      line-height: 9vw;

    }

    .leadText{

      padding-left: 0vw !important;

      line-height: 5vw !important;

      font-size: 3vw !important;

    }



    .videoContainer{

      height: 54vw;

    }


    .audioContainer{

      width: 100%;

      height: auto;

      margin-bottom: 2vw;

      -moz-box-sizing: border-box; 

      -webkit-box-sizing: border-box; 

       box-sizing: border-box; 

    }

  

    #audio{

      width: 100%;

      height: 3vw;

      border-radius: 0vw;

      display: none;

    }

  

    .audioplayer{

      width: 100%;

      height: 15vw;

      border-radius: 0.5vw;

      line-height: 15vw;

      border: 0vw;

      box-shadow: 0px 0px 5px 0px #999;

    }

  

    #play{

      cursor: pointer;

      width: 8vw;

      margin-top: 3.5vw;

      margin-left: 1.5vw;

    }

  

    #pause{

      cursor: pointer;

      width: 8vw;

      margin-top: 3.5vw;

      margin-left: 1.5vw;

      display: none;

    }

  

    #track{

      width: 75%;

      height: 8vw;

    }

  

    .timeRemaining{

      float: right;

      font-family: 'Merriweather-Bold';

      font-size: 2.5vw;

      margin-right: 3.5vw;

    }

}



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

}