/**
* Print Stylesheet Vawa Mei
* @version         1.0
*/

@media print {

    *,
    *:before,
    *:after,
    *:first-letter,
    p:first-line,
    div:first-line,
    blockquote:first-line,
    li:first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    @page {
        size: 297mm 210mm portrait; /* landscape */
        /* you can also specify margins here: */
        margin: 20mm;
        /* for compatibility with both A4 and Letter */
    }

    body {
        font: 11pt "Source Sans Pro", sans-serif;
        line-height: 1.3;
        background: #fff !important;
        color: #000;
        overflow: visible;
    }
    .container, .card-container, .row.row-listing{
        overflow: hidden;
    }

    .hero-home h1,
    h1 {
        font-size: 20pt;
    }

    h2,
    h3,
    h4 {
        font-size: 14pt;
        margin-top: 25px;
    }

    a {
        page-break-inside: avoid
    }

    blockquote {
        page-break-inside: avoid;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid;
        page-break-inside: avoid
    }

    img,
    svg {
        display: block;
        max-width: 100%;
    }

    table,
    pre {
        page-break-inside: avoid
    }

    ul,
    ol,
    dl {
        page-break-before: avoid
    }

    /* Linkfarbe und Linkverhalten darstellen */
    /*a:link,
    a:visited,
    a {
        background: transparent;
        color: #520;
        font-weight: bold;
        text-decoration: underline;
        text-align: left;
        font-size: 10px;
    }

    a {
        page-break-inside: avoid
    }

    a[href^=http]:after {
        content: " <"attr(href) "> ";
    }

    $a:after>img {
        content: "";
    }

    article a[href^="#"]:after {
        content: "";
    }

    a:not(:local-link):after {
        content: " <"attr(href) "> ";
    }*/
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: "";
    }

    abbr[title]:after {
        content: "";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

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

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

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

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

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

    iframe,
    ins {
        display: none;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        line-height: 0pt !important;
        white-space: nowrap;
    }

    .embed-youtube,
    .embed-responsive {
        position: absolute;
        height: 0;
        overflow: hidden;
    }

    .main:after {
        content: "\00a9 Copyright VAWA-MEI 2018";
        display: block;
        text-align: center;
        padding: 20px 0;
        font-size: 10px;
        color: #777 !important;
    }

    p,
    address,
    li,
    dt,
    dd,
    blockquote {
        font-size: 100%
    }

    code,
    pre {
        font-family: "Courier New", Courier, mono
    }

    ul,
    ol {
        list-style: square;
        margin-left: 18pt;
        margin-bottom: 20pt;
    }

    li {
        line-height: 1.6em;
    }
    ul > li:before{
        display: none;
    }

    .main,
    .main .innner,
    .program-overview .row.justify-content-end .col-lg-8,
    .printversion,
    .program-overview .col-lg-8 {
        width: 100%;
        flex: 0 0 100%;
        max-width: none;
        margin: 0;
        float: none;
    }

    header.header,
    header.headerScroll,
    header.fixed.headerScroll.scrolled,
    .container.header-wrap,
    #mobile-nav,
    #mobile-nav.show,
    .mb-nav-header,
    .mb-nav-wrap,
    .tertiary-nav,
    .tertiary-nav-box,
    .share-wdg,
    footer.footer,
    .home-testi,
    .link-wdg.sticky,
    .printversion,
    .printit,
    .home-subscribe,
    .hero-search,
    .filter-result,
    .filter-row,
    .contact-row,
    .circle,
    .print-hide {
        display: none !important;
    }

    .hero-home,
    .hero-subpages {
        min-height: initial;
        padding: 40px 0;
    }

    .reg-training,
    .home-data-viz,
    .home-data-viz .inside,
    .home-news,
    .about-mission,
    .about-ourwork,
    .about-ourwork .centered,
    .list-unstyled,
    .home-news-box .desc,
    .main .bg-grey,
    .individual-post-content .inner,
    .date-space,
    .grant-card-head,
    .single-program-overview,
    .basic-card header h3, .basic-card header p.header-title,
    .basic-card header {
        padding: 0;
        margin: 0;
        max-width: none;
    }

    .basic-card,
    .feature-card, 
    .grant-card {
        border-color: #c9d3d5;
        height: auto !important;
        page-break-inside:avoid !important;
    }
    .grant-card {
        min-height: 240px !important;
    }

    .grant-card .circle,
    .icon-title .circle {
        background: #00758d !important;
        color: #fff !important;
    }

    .grant-card .circle span,
    .grant-card .circle span:first-letter,
    .icon-title .circle span,
    .icon-title .circle span:first-letter {
        color: #fff !important;
    }

    .icon-title .circle {
        margin-right: 5px;
    }

    .grant-card-head p.desc-title{
        margin: 0 0 5px;
        font-size: 20px;
        line-height: 25px;
    }

    .blockquote .blockquote-footer,
    .blockquote {
        padding: 15px;
    }

    .date-space {
        margin-top: 10px;
    }

    #accordion .collapse {
        display: block;
    }

    .single-program-overview{
        border: none;
        overflow: hidden;
    }
    .basic-card p.card-title{
        margin: 15px 0;
    }

    /*bootstrap*/
    .row{
        flex: none;
        display: block;
        margin-right: -15px;
        margin-left: -15px;
    }

    [class*="col-sm-"],
    [class*="col-xs-"],
    [class*="col-lg-"] {
        float: left;
        display: block;
        flex: none;
    }

    .col-sm-12,
    .col-xs-12,
    .chart-item.col-sm-6,
    .home-faq.tools-resources-box .col-lg-4.col-md-6 {
        width: 100% !important;
    }

    .col-sm-11,
    .col-xs-11 {
        width: 91.66666667% !important;
    }

    .col-sm-10,
    .col-xs-10,
    .home-faq .col-lg-4.col-md-6{
        width: 83.33333333% !important;
    }
    .visualizer-chart{
        page-break-inside: avoid;
    }

    .col-sm-9,
    .col-xs-9 {
        width: 75% !important;
    }

    .col-sm-8,
    .col-xs-8 {
        width: 66.66666667% !important;
    }

    .col-sm-7,
    .col-xs-7 {
        width: 58.33333333% !important;
    }

    .col-sm-6,
    .col-xs-6,
    .hero-home--act .col-md-6.col-lg-3 {
        width: 50% !important;
    }

    .col-sm-5,
    .col-xs-5 {
        width: 41.66666667% !important;
    }

    .col-sm-4,
    .col-xs-4 {
        width: 33.33333333% !important;
    }

    .col-sm-3,
    .col-xs-3{
        width: 25% !important;
    }

    .col-sm-2,
    .col-xs-2 {
        width: 16.66666667% !important;
    }

    .col-sm-1,
    .col-xs-1 {
        width: 8.33333333% !important;
    }

    .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,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        float: left !important;
    }
    .home-faq .col-lg-4.col-md-6,
    .chart-item.col-sm-6{
        float: none !important;
        margin: 0 auto;
    }
    .page-break { 
        page-break-after: always;
        height: 0;
        display: block;  
        clear: both;   
        float: none;
    }
    .space45, .space20, .space60, .space40{
        height: 0;
    }
    .clearfix::after {
        content: "";
        clear: both;
        display: table;
    }

}