div.clear {clear:both;}
a {color: #374e52; text-align:justify}
a:hover, a:hover p {text-decoration: underline;color:#374e52;}
.center_media_article .list-item-image {
  float: left;
}
.center_media_article img, .center_media_article iframe {
	margin: 12px 12px 12px 0;
}

.rightcol {
	width: 24%;
	margin-top: -130px;

}
@media screen and (max-width: 800px) {
  #navpages {
    margin-top: 0;
  }
  #navcats, #navpages, header {
    padding-left: 0;
  }
  header h1 {
    padding-left: 8px;
  }
  #wrapper {
    max-width: 100%;
  }

  #headerright {
    padding-top: 10px;
  }
  #langs {
    display: none;
  }

  .search-btn-container {
    max-width: 80%;
  }

  .center_media_article {
    width: initial;
  }
  .center_media_article img {
    max-width: calc(100vw - 34px);
  }


  .rightcol {
    position: absolute; 
    top: 0; 
    margin-top:0 !important;
    right: 0;
    opacity: 0; 
    visibility: hidden; 
    transition: opacity 0.5s ease;
    pointer-events: none;
  }

  .rightcol.right-sidebar {
    /* display: block; */
    position: absolute;
    right: 0;
    background: white;
    padding: 0 20px;
    box-shadow: -5px 0px 10px 0px gray;
    min-width: 100px;
    width: 140px;
    opacity: 1; 
    visibility: visible; 
    pointer-events: auto;
  }
}