
/*
 * DEZE FILE WORDT GEBRUIKT DOOR DE EDITOR
 */

@page {
    size: auto;  /* auto is the initial value */
    margin: 9mm; /* this affects the margin in the printer settings */
}


/*
 * TEST / / / / / / / / / / / /
 */


a[href] { -ro-link: attr(href); }
a[name] { -ro-anchor: attr(name); }

.body { counter-increment: section }

.maglr-printview  {
    -webkit-font-smoothing: antialiased;
 }

.pdf-pagenumber:after {
    counter-increment: section;
    content: "Section " counter(section) ": ";

}

.pd-imagebg {
    background-image: url('../../images/maglr-placeholder-1.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


/* Pagina schermvullend 100vh op desktop en volle hoogte A4 */
.maglr-printview.maglr-margin .m-pd-full {
    width: 755px;
    height: 1098px;
    display:table;
}

.maglr-printview.maglr-margin .m-pd-cover {
    width: 755px;
    height: 1098px;

}

/* Kan over mee pagina's flowen op A4*/
.maglr-printview.maglr-margin .m-pd-fullscroll {
    width: 755px;
    min-height: 1098px;
    display:table;


}

/* Desktop op 100VH schermvullend, kan op A4 meerdere pagina's flowen */
.maglr-printview.maglr-margin .m-pd-full-auto {
    width: 755px;
    min-height: 1098px;
    display:table;


}

/* Eerste view een volle achtergrond */
.maglr-printview.maglr-margin .pd-background {
    min-height: 1098px;
    display:table;

}


/* Indien de template margins uit staan */
.maglr-printview.maglr-nomargin .m-pd-full {
    width: 827px;
    height: 1169px;
}


.maglr-printview .m-break-element {
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid;
}

/* Een row moet indien die niet past naar een volgende pagina springen. Met inline-block behoud het element zijn top-marge/padding op de vervolg pagina */
.maglr-printview .m-row {
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid;
    display: inline-block;
}



/* In printview aanpassen, niet meer op flex, anders breken rijen niet */
.maglr-printview  .contentblock-item {display:inherit;}


/* Voor print reset geven, anders flowen de blokken niet netjes over de pagina's. In desktop worden ze op flex gezet voor IE10 */
.maglr-printview .contentblocks-area {
    display: block;

}

/* In de PDF view omzetten naar display:block, anders breken elementen in de expand container niet netjes naar volgende pagina; */
.maglr-printview .m-expand-content {
    display:block !important;


}


/* Flexheight aanpassen naar inline-flex om paddings op columns-breaks toe te staan */
.maglr-printview .m-flexheight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: inline-flex;
    vertical-align: top;
    height:auto;
}
.maglr-printview .m-flexheight:after {
  display: table;
  background: blue;
  content: '';
}


.maglr-printview .contentblocks-area .contentblock-item {
    margin-top: 0px;
    padding-top: 0px;
}


/* Text en introtekst moet over 2 pagina's kunnen lopen, zonder dat het naar de volgende pagina springt als het niet past */
.maglr-printview .m-do-not-break {
    display: block !important;
    -webkit-column-break-inside: auto; /* Chrome, Safari, Opera */
    page-break-inside: auto; /* Firefox */
    break-inside: auto ;

}

/* Elementen in de PDF versie weglaten */
.maglr-printview .m-hide-pdf { display:none !important; }


