/* ****************************************************************************
   PRINT
   ----------------------------------------------------------------------------
   @name:        /css/imports/print.less
   @modified:    18/04/2013
   @author:      DH

   @description: Print Less Styles Only!
                 Inspired by:
                 - http://coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/
                 - http://alistapart.com/article/improvingprint

   @contents:
                 1  Hide stuff
                 2  Page setup
                 3  Hyperlinks

IMPORTS settings.less because print.less is compiled alone */
/* ****************************************************************************
   SETTINGS
   ----------------------------------------------------------------------------
   @name:        /css/imports/settings.less
   @modified:    25/09/2013
   @author:      DH

   @description: All needed variables, colors, fonts, etc

   @contents:
                 1  Colors
                 2  Font stacks
                 3  Sizes (Mediaqueries, typography, grid, gutters, radii etc)



    NOTE: DO NOT EDIT THIS FILE DIRECTLY!
          EDIT THE site.settings.less instead!
 =========================================================================== */
/* = Colors
 --------------------------------------------------------------------------- */
/* @cl_accent is defined in site.settings.less => edit there! */
/* = Font Stacks
 --------------------------------------------------------------------------- */
/* = Sizes
 --------------------------------------------------------------------------- */
/* = SITE-SPECIFIC (Site-Specific colors etc)
     Change These: try not to change the others above
 --------------------------------------------------------------------------- */
/* ****************************************************************************
   SITE SPECIFIC SETTINGS
   ----------------------------------------------------------------------------
   @name:        /css/imports/site.settings.less
   @modified:    24/09/2013
   @author:      DH

   @description: All needed variables, colors, fonts, FOR THIS SPECIFIC SITE

   @contents:
                 1  Colors
 =========================================================================== */
/*
 =========================================================================== */
html {
  font-family: sans-serif;
  font-size: 12pt;
  background: #FFF;
  color: #000;
  margin: 1em 2em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  font-size: 14pt;
  margin: 0 0 .25em 0;
}
h1,
.logo {
  font-size: 24pt;
}
h2 {
  font-size: 18pt;
}
h3 {
  font-size: 16pt;
}
/* = HIDING unnecessary elements
 --------------------------------------------------------------------------- */
.nav,
nav,
.social-share,
.nav--breadcrumb,
.is-narrow-only,
form form,
.form,
.comment-form,
.l-unit-search,
.toplinks,
.services-bar,
.l-unit-search,
.l-unit-promotion,
.l-unit-profile .btn-bar,
.l-header-mobile,
.menu__main,
.menu__services,
.flex-control-nav,
.flex-direction-nav,
.btn-bar,
.profileTabs,
.comment__moderation,
.ad,
#promo,
.banner,
.PDS_Poll,
.addThis,
.likebtn-complete,
.l-footer,
#sidebar {
  display: none;
}
.media-list,
.list-stacked,
.slides {
  list-style: none;
  padding: 0;
}
.media-list > li,
.list-stacked > li,
.media {
  overflow: hidden;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #DDD;
}
.media {
  clear: both;
}
.media__img,
figure {
  float: left;
  margin: 0 1em .5em 0;
}
.media__body {
  overflow: hidden;
  padding: 1em 0;
}
.media-list .media {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
figure,
.figure {
  margin-top: 1em;
}
.slides {
  overflow: hidden;
}
.slides li {
  float: none !important;
  display: inline-block !important;
  vertical-align: top;
  width: 30% !important;
  margin: 0 1em 1em 0 !important;
  padding: 0 !important;
}
.slides li img {
  max-width: 100%;
}
.taglist {
  padding: 0;
}
.taglist li {
  display: inline-block;
  margin-right: 1em;
  font-weight: bold;
  font-style: italic;
}
time,
.date {
  color: #999;
  font-style: italic;
}
.list-comments .date {
  float: right;
}
.comment__author {
  float: left;
}
.comment__text {
  clear: both;
  padding-top: 1em;
}
.view-count,
.comment-count,
.label,
.author,
.date {
  margin-right: .5em;
  color: #999;
}
.view-count:before {
  content: "views: ";
}
.comment-count:before {
  content: "comments: ";
}
.label:before {
  content: "label: ";
}
/* = PAGE LAYOUT
 --------------------------------------------------------------------------- */
@page {
  margin: 0.5cm 1cm;
}
.l-unit-logo,
.l-footer-rights {
  text-align: center;
  padding: 1em;
  border-bottom: .2em solid #000;
  margin-bottom: 2em;
}
.l-footer-rights {
  border-bottom: none;
  border-top: .2em solid #000;
  margin-top: 2em;
}
.l-unit-profile {
  border: 1px solid #DDD;
  width: 25%;
  float: right;
  margin: 0 0 1em 1em;
  padding: 1em;
}
.l-unit-profile .media,
.l-unit-profile .media__body {
  border: 0;
  margin: 0;
  padding: 0;
}
.date--in-hd {
  float: right;
}
/* = HYPERLINKS
 --------------------------------------------------------------------------- */
a {
  color: #262262;
  text-decoration: none;
  word-break: break-all;
}
p a {
  word-wrap: break-word;
}
.qrcode {
  display: block;
  margin: 0 auto;
}