/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {

    @page {                
        size: A4;
        margin: 0.5cm;
    }

    /* Bootstrap resets, overrides, hacks */
    .breadcrumb {
        padding: 0;
        margin-bottom: 0;
        list-style: none;
        background-color: transparent;
        border-radius: 0;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
    .visible-xs {
        display: none !important;
    }
    .hidden-xs {
        display: block !important;
    }
    table.hidden-xs {
        display: table;
    }
    tr.hidden-xs {
        display: table-row !important;
    }
    th.hidden-xs,
    td.hidden-xs {
        display: table-cell !important;
    }
    .hidden-xs.hidden-print {
        display: none !important;
    }
    .hidden-sm {
        display: none !important;
    }
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }

    /* Opmaak layout aanpassingen en uitschakelingen */
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {text-decoration: underline;}

    /*
    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    */
    
    a[href]:after,
    abbr[title]:after,
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: none !important; 
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {display: table-header-group;}

    tr,
    img {page-break-inside: avoid;}

    img {max-width: 100% !important;}

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {page-break-after: avoid;}

    p {
        font-weight: normal;
        color: #000;
        line-height: 150%;
        font-size: 13pt;
    }

    h1,h2,h3,h4,h5,h6, strong {
        font-weight: bold;
        font-size: 17pt;
        margin: 10pt 0 5pt 0;
    }

    #logo img {
        width: 113pt !important;
        filter: Gray();                          /* IE4-8: depreciated */
        filter: url('desaturate.svg#grayscale'); /* SVG version for IE10, Firefox, Safari 5 and Opera */
        -webkit-filter: grayscale(100%);         /* Chrome + Safari 6 */
        -moz-filter: grayscale(100%);            /* Future proof */
        -ms-filter: grayscale(100%);             /* Future proof */
        -o-filter: grayscale(100%);              /* Future proof */
        filter: grayscale(100%);                 /* Future proof or polyfilled */
    }
    #logo {
    	width: auto;
    	height: auto;
    }

    iframe, video, 
    audio, object, embed,
    #header-menu,
    .header-bg,
    #mapcontainer,
    button.collapse-button,
    .zoeken-form,
    .contact-bg,
    .newsflash-image,
    .breadcrumb > li + li::before,
    .footer  {display: none;}

    .container,
    .blog-content-container .category-desc, 
    #home .blog-content-container .category-desc {width: 100%;}

    ul.breadcrumb {margin-left: 0 !important;}

    .blog {top: 0;}

    .page-header-article h1,
    .page-header h1 {
        margin: 19pt 0 11pt 0;
        text-transform: none;
        font-size: 24pt;
        max-width: 100%;
    }
    .category-desc {
        width: 100%;
        padding: 0;
        min-height: auto;
    }

    #header::after {
        content: "www.mediant.nl";
        top: 80pt;
    	position: relative;
    	right: 8pt;
    	float: right;
    }

    #header {border-bottom: .25pt solid #CCC;}

    #header {
        padding-bottom: 12pt;
        padding-top: 12pt;
        display: block;
        min-height: 109pt;
    }

    .hoogte-blok-tekst {height: auto;}

    .breadcrumb .divider {
        display: inline-block;
        padding-left: 5pt;
    }
    .breadcrumb .divider:first-child {padding-left: 0;}

    .newsflash-item {
        min-height: auto !important;
        padding-left: 0;
        padding-right: 0;
    }

    div[itemprop="articleBody"] ul li, 
    .view-article .articleBody ul li, 
    .articleBody ul li, .category-desc ul li {
        padding: 2pt 0;
        background: transparent; 
        list-style-type: disc;
        font-size: inherit;
    }

    .com_rsform .container.view-content-background, 
    .view-article .container.view-content-background {padding: 0;}
    div[itemprop="articleBody"] {
        padding-left: 11pt !important;
        padding-right: 11pt !important;
    }
    
    #content ul {margin-left: 14pt;}

    .newsflash {
        margin: 60px auto !important;
        position: relative;
        top: -120px;
    }

}