@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
body
{
  font-family: 'Roboto Condensed', sans-serif;
}
#edcover_wrapper
{
  max-width:400px;
  margin-left:auto;
  margin-right:auto;
  background-color: #baebed;
  position:relative;
  overflow: hidden;
}

#edcover_login_area
{
  position:absolute;
  width:100%;
  left:100%;
  top:0;
  background-color: rgba(70,110,140,0.9);
  height:100%;
  transition: 0.5s;
  text-align:center;
}
#edcover_login_area h3
{
  color: #fff;
}
#edcover_login_cancel
{
  color: #fff;
  margin-top:20px;
  text-decoration: underline;
}
#edcover_login_area input
{
  border: 0px;
  height: 20px;
  padding: 5px;
  border-radius: 12px;
  margin:10px;
  text-align:center;
}
#edcover_header
{
  text-align:center;
  font-weight:bold;
  color: #fff;
  height:20px;
  padding:5px;
  background-color: #00b0bd;
}
#edcover_header:before
{
  content: "Lue tuorein lehti";
}
#edcover_issue0
{
  font-size: 1.0em;
  font-weight: bold;
  float:left;
  text-align: center;
  padding:2%;
  width:46%;
  position: relative;
}
#edcover_issue1,#edcover_issue2
{
  display:none;
}
#edcover_attachment0
{
  font-size: 1.0em;
  font-weight: bold;
  float:left;
  text-align: center;
  padding:2%;
  width:46%;
  position: relative;
}
#edcover_attachment1,#edcover_attachment2
{
  display:none;
}

.edcover_cover img
{
  max-width: 136px;
  width: 100%;
  box-shadow: 2px 2px 5px;
}
.edcover_cover img:hover
{
  transform: scale(1.05);
}

#edcover_lock
{
  position:absolute;
  top: 8px;
  left:15px;
  color: #fff;
  width:20px;
  border-radius:6px;
  height:15px;
  padding:5px;
  margin-top:5px;
  background-color: #7ec4ff;
}
#edcover_number0,#edcover_number1,#edcover_number2
{
  display:none;
}
#edcover_title0,#edcover_title1,#edcover_title2
{
  margin-top:5px;
}
#edcover_footer
{
  clear:both;
  text-align:center;
}
#edcover_archive
{
  color: #fff;
  height:20px;
  padding:5px;
  background-color: #00b0bd;
  width:60%;
  margin: 0 auto 0 auto;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

#edcover_archive a
{
  color: #fff;
  text-decoration: none;
}

#edcover_archive_text:before
{
  content: "Arkisto...";
}
.edcover_cover
{
  cursor:pointer;
}