/*Titillium Web Regular*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/TitilliumWeb/TitilliumWeb-Regular.eot') format('eot');
  src: url('/fonts/TitilliumWeb/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
       local('Titillium Web'),
       local('TitilliumWeb-Regular'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Regular.svg') format('svg'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Regular.ttf') format('truetype'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Regular.woff2') format('woff2'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Regular.woff') format('woff');
}

/*Titillium Web SemiBold*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/TitilliumWeb/TitilliumWeb-SemiBold.eot') format('eot');
  src: url('/fonts/TitilliumWeb/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
       local('TitilliumWeb-SemiBold'),
       url('/fonts/TitilliumWeb/TitilliumWeb-SemiBold.svg') format('svg'),
       url('/fonts/TitilliumWeb/TitilliumWeb-SemiBold.ttf') format('truetype'),
       url('/fonts/TitilliumWeb/TitilliumWeb-SemiBold.woff') format('woff');
}

/*Titillium Web Bold*/
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/TitilliumWeb/TitilliumWeb-Bold.eot') format('eot');
  src: url('/fonts/TitilliumWeb/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
       local('TitilliumWeb-Bold'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Bold.svg') format('svg'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Bold.ttf') format('truetype'),
       url('/fonts/TitilliumWeb/TitilliumWeb-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/OpenSans/OpenSans-Regular.eot') format('eot');
  src: url('/fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
      local('Open Sans'),
      local('OpenSans'),
      url('/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'),
      url('/fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'),
      url('/fonts/OpenSans/OpenSans-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/OpenSans/OpenSans-Bold-webfont.eot');
  src: url('/fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'),
       url('/fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff'),
       url('/fonts/OpenSans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
}

@font-face {
  font-family: 'lcs_iconset';
  src: url('/fonts/lcs_icons/lcs_iconset.eot?1565964000');
  src: url('/fonts/lcs_icons/lcs_iconset.eot?1565964000#iefix') format('embedded-opentype'),
       url('/fonts/lcs_icons/lcs_iconset.woff2?1565964000') format('woff2'),
       url('/fonts/lcs_icons/lcs_iconset.woff?1565964000') format('woff'),
       url('/fonts/lcs_icons/lcs_iconset.ttf?1565964000') format('truetype'),
       url('/fonts/lcs_icons/lcs_iconset.svg?1565964000#lcs_iconset') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body {
  color: #555555;
  font-family: sans-serif;
  font-kerning: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-variant-ligatures: common-ligatures;
  height:100%;
  margin: 0;
  padding: 0;
  position: relative;
  text-rendering: optimizeLegibility;
  width: 100%;
}
/* disable font boosting on mobile devices*/
body * {
   max-height: 1000000em;
   -moz-text-size-adjust: none;
}

h1 {
/* LCS * /
   color: #3b80c2;
/* R&S */
   color: #001437;
/* --- */
   font-style: italic;
   margin: 16px 0 0 0;
   text-align: center
}

div.breadcrumb {
/* LCS * /
   background-color: #3b80c2;
   border-color: #ff7800;
/* R&S */
   background-color: #001437;
   border-color: #eff0f1;
/* --- */
   border-style: solid none solid none;
   border-width: 2px;
   font-weight: bold;
   height: 24px;
   margin: 0 0 16px 0;
   padding: 10px 4px 6px 4px;
   vertical-align: middle;
}
div.breadcrumb a {
   text-decoration: none;
}
div.breadcrumb,
div.breadcrumb a {
/* LCS * /
   color: #ffffff;
/* R&S */
   color: #eff0f1;
/* --- */
}
div.breadcrumb .current {
/* LCS * /
   color: #ffe800;
/* R&S */
   color: #ffffff;
   text-decoration: underline;
/* --- */
}

div.content {
/* LCS * /
   border: 2px solid #3b80c2;
/* R&S */
   border: 2px solid #001437;
/* --- */
   border-radius: 10px;
   clear: both;
   overflow: auto;
   padding: 16px;
   position: relative;
   width: 800px;
/**/
   margin: 0 auto 0 auto;
   max-height: 76%;
   
/** /
   bottom: 32px;
   left: 50%;
   margin: 0 auto 0 -400px;
   position: absolute;
   top: 100px;
/**/
   text-align: center;
/* LCS * /
   scrollbar-color: #ff5a5a #3b80c2;
/* R&S */
   scrollbar-color: #001437 #eff0f1;
/* --- */
   scrollbar-width: thin;
}
div.content::-webkit-scrollbar {
   width: 8px;
}
div.content::-webkit-scrollbar-track {
/* LCS * /
   background-color: #3b80c2;
/* R&S */
   background-color: #eff0f1;
/* --- */
}
div.content::-webkit-scrollbar-thumb {
  border-radius: 3px;       /* roundness of the scroll thumb */
/* LCS * /
  background-color: #ff5a5a;    /* color of the scroll thumb * /
  border: 1px solid #ff5a5a;  /* creates padding around scroll thumb */
/* R&S */
  background-color: #001437;    /* color of the scroll thumb */
  border: 1px solid #001437;  /* creates padding around scroll thumb */
/* --- */
}
div.content .entry {
/* LCS * /
   background-color: #f0f2ff;
   border-color: #e8e800 #888888 #888888 #e8e800;
/* R&S */
   background-color: #eff0f1;
   border-color: #9499a3 #001437 #001437 #9499a3;
/* --- */
   border-style: solid;
   border-width: 1px;
   border-radius: 8px;
   box-shadow: 5px 5px 8px 2px #c8c8c8;
/*   float: left;*/
   display: inline-block;
   height: 165px;
   margin: 8px 12px 0 0;
   overflow: hidden;
   padding: 8px;
   width: 165px;
}
div.content .entry:hover {
/* LCS * /
   border-color: #f8f000 #b8a0a0 #b8a0a0 #f8f000;
/* R&S */
   border-color: #dde6f5 #4a4d52 #4a4d52 #dde6f5;
/* --- */
   box-shadow: 5px 5px 8px 2px #afa8a8;
}
/**/
div.content .entry:nth-child(4n),
div.content .entry:last-child {
   margin: 8px 0 0 0;
}
/**/
div.content .entry,
div.content .entry a {
   font-size: 16px;
}
div.content .entry.file a {
   font-size: 12px;
}
div.content .entry a {
   color: #383838;
   text-decoration: none;
}
div.content .entry div {
   width: 100%;
   height: 100%;
}
div.content .entry .img {
   display: flex;
   height: 80px;
   justify-content: center;
   max-height: 80px;
   max-width: 165px;
   overflow: hidden;
   vertical-align: middle;
}
div.content .entry img {
   display: block;
   margin: auto;
   vertical-align: middle;
}
div.content .entry h1,
div.content .entry h2,
div.content .entry h3,
div.content .entry h4,
div.content .entry h5,
div.content .entry h6 {
   text-align: center;
}