body {
  font-family: Arial, sans-serif;
  font-size: 16pt;
}

.hidden, .fk_h, .highcontrast_skin, .aural, .navbar-toggle, .sr-only, #banner-slider, .modal { display: none; }
img { max-width: 100% !important; height: auto!important; }
  
@media screen, projection {
  body {
    background-color: #000;
    color: white;
    padding: 20px;
  }
  a, a:active {
    color: yellow;
  }

  a:visited {
    color: orange;
  }

  a.default_skin {
    position: absolute;
    right: 10px;
    top: 10px;

  }
  .navbar-brand {
    background-image: none !important;
    border-bottom: 1px solid #ccc;
    font-size: 30pt;
    margin: 0px 0px 10px 0px;
    text-decoration: none;
    padding: 0px 0px 10px 0px;
  }

  #footer {
    border-top: 1px solid #ccc;
    margin: 20px 0px;
    padding: 20px 0px;    
  }

  .main-title {
    padding: 20px;
  }

  .main-title h1, .main-title h2 {
    text-shadow: 
     0px 0px 5px #000;
  }

  .breadcrumb {
    background-color: #111;
    margin: 20px 0px;
    padding: 20px;
  }

  .breadcrumb .foldername {
    padding: 0px 10px;
  }

  .breadcrumb .delimiter::after {
    content: "\2192";
  }

  #sidebar .list-group-item {
    display: block;
  }

  #share-post button {
    background-color: transparent;
    border: 0;
    color: yellow;
    cursor: pointer;
    font-size: 16pt;
    outline: none;
    padding: 0px;
    text-decoration: underline;
  }

  #search-and-social-container ul {
  	list-style-type: none;
  }

  #mainbg {
    display: none;
  }


}



/*--------------
*  Print fix
*--------------*/
@media print {
  .container {width: auto;}
  aside,
  article footer,
  #header,
  #footer,
  #back-top,
  #unique-google-maps,
  #share-post,
  .breadcrumb {display: none;}
      
  #main-bg {max-height: 400px!important;height: auto!important;}
      
  h1 {font-size: 30pt!important;}
      
  h2, h3 {
     page-break-after: avoid;
  }
      
  img {
     max-width: 100% !important;
  }
   /*   
  article {
     page-break-before: always;
  }*/

  ul, img {
     page-break-inside: avoid;
  }
      
  article a {
    font-weight: bolder;
    text-decoration: none;
  }

  a[href]:after {
      content: none !important;
  }

  article a[href^=http]:after {
    content:" <" attr(href) "> ";
  }
      
  article a[href^="#"]:after {
     content: "";
  }
      
  $a:after > img {
     content: "";
  }
      
  a:not(:local-link):after {
     content:" <" attr(href) "> ";
  }

      
  blockquote {
      border:none;
      border-left: 5px solid #eee;
  }

}

@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}