/* --------------------------------------------------------------*/
/* # Case Study Print-out ---------------------- */
/* --------------------------------------------------------------*/
@media print {

    @page {
        width:210mm;
        height:297mm;
        margin:10mm 10mm;
    }

    @page:first {
        width:210mm;
        height:297mm;
        margin:5mm 10mm;
    }

    body.single-case_study a {
        font-weight:400;
    }
    
    body.single-case_study {
        overflow: hidden !important;
    }

    body.single-case_study div#content {
        padding: 0;
        width:100%;
        margin: 0;
    }

    body.single-case_study header#masthead {
        height: auto;
        width: 100% !important;
        position: relative !important;
        top: 0 !important;
        left: 0;
        border: 0;
        background: #FFF;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        padding: 0;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-bottom: 9pt !important;
        min-height: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        }

    body.single-case_study header#masthead+div:not(#content){
        display:none !important;
    }

    body.single-case_study div#page,
    body.single-case_study div#primary {
        padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;}

    header#masthead > div,
    header#masthead > div#nav-contact {
        padding: 0;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: auto;
    }

    .site-branding > a:last-child {
        display:none;
    }

    #main-logo {
        margin: 0;
        width: 150pt;
        height: auto;
    }

    body.single-case_study #main-logo > svg {
        width: auto;
        height: 130px;
        margin: 0;
        }

    body.single-case_study header#masthead > .main-navigation,
    body.single-case_study header#masthead > div#nav-search,
    body.single-case_study div.contact-address,
    body.single-case_study div#nav-contact > div#contact-modal-button,
    body.single-case_study .site-branding > span,
    body.single-case_study a#gplus-review,
    body.single-case_study div#case-study-wrap,
    body.single-case_study h1.page-top,
    body.single-case_study div#content:before,
    body.single-case_study header#masthead:before,
    body.single-case_study #mobile-nav-wrap {
        display: none !important;
    }

    body.single-case_study @page {
        size: 210mm 297mm;
    }

    body.single-case_study article.case-study-single > div.cell {
        width: 100% !important;
        position: relative;
        padding: 0 !important;
    }

    body.single-case_study .intro-paragraph {
        margin: 2.5mm 0 5mm 0;
    }

    body.single-case_study #main > article.case-study-single {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    body.single-case_study article > div.case-left > div.hero-img {
        position: absolute;
        width: 110mm;
        bottom: -110mm;
        height: 110mm;
        -o-object-fit: contain;
        object-fit: contain;
        left: 0;
    }
	
	body.single-case_study article > div.case-left > div.hero-img a {
		display:block;
		border:none;
		height: 100%;
	}

    body.single-case_study .case-grid-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        width: 75mm;
        margin-left: 115mm;
        height: 110.5mm;
        margin-right: 0;
        overflow: hidden;
        align-items: flex-end;
    }

    body.single-case_study .case-grid-wrap:last-of-type {
        height: 68mm;
    }

    body.single-case_study .case-grid-wrap > div.img-grid-col.wide-full,
    body.single-case_study .case-grid-wrap > div:last-child {
        width: 32.5mm;
        margin-left: 2.5mm !important;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 32.5mm;
    }

    body.single-case_study .case-grid-wrap > div:last-child {
        width:100%;
        height: auto;
    }

    body.single-case_study .case-grid-wrap > div.img-grid-col.wide-full {
        margin-bottom: 2.5mm;
        height: auto;
        width: 100%;
    }

    body.single-case_study .case-grid-wrap > div.img-grid-col.stack > a {
        width: calc(50% - 1.25mm);
        display: block;
    }

    body.single-case_study .case-grid-wrap > div.img-grid-col.stack > a > img {
        margin: 0;
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain;
    }

    body.single-case_study article > div.case-left > div.hero-img > a > img {
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
    }

    body.single-case_study header {
        position:relative;
        margin:0 !important;
    }

    body.single-case_study header > h1,
    body.single-case_study h2 {
        font-size: 9.5mm;
        line-height: 1;
        color: #ee2f4e;
    }

    body.single-case_study header > h2 {
        font-size: 1.25rem;
        margin: .5rem 0 0 0;
    }

    body.single-case_study .intro-paragraph + .case-grid-wrap {
        width: 100%;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
    }

    body.single-case_study #colophon > div > div:nth-child(1) > div:nth-child(3),
    body.single-case_study #colophon > div > div:nth-child(1) > div:nth-child(4),
    body.single-case_study #colophon > div > div:nth-child(1) > div:nth-child(5),
    body.single-case_study #colophon > div > div:nth-child(2) {
        display: none;
    }

    body.single-case_study article > div.case-right > div:nth-child(3) > div:nth-child(1) {
        margin-right: 0;
        width: 49%;
    }

    body.single-case_study img#foot-logo {
        margin: 0 auto;
    }

    body.single-case_study #colophon > div > div:nth-child(1) {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
            -ms-flex-flow:row nowrap;
                flex-flow:row nowrap;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
    }

    body.single-case_study #colophon > div > div:nth-child(1) > div {
        width: 40vw;
    }

    body.single-case_study #colophon > div > div:nth-child(1) > div:nth-child(2) {
        width: 55vw;
    }

    body.single-case_study #colophon > div > div:nth-child(1) > div:nth-child(2) > p.foot-address br:first-of-type {
        display: none;
    }

    body.single-case_study article p {
        line-height:1.275;
    }

    body.single-case_study article > div.case-right > div:nth-child(3) > div.img-grid-col.wide > a > img,
    body.single-case_study article > div.case-right > div:nth-child(3) > div:nth-child(1) > a > img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
    }

    body.single-case_study .case-grid-wrap > div.img-grid-col.wide > a {
        max-height: none;
        width: 100%;
    }

    body.single-case_study div#nav-contact,
    body.single-case_study div#nav-contact-wrap {
        width: 100% !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding-top: 0.5rem;
    }

    body.single-case_study div#nav-contact {
        position:absolute;
        top:0;
        right:0;
    }

    body.single-case_study #nav-contact-wrap > div.contact-details {
        
        display: -webkit-box;
        
        display: -ms-flexbox;
        
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -ms-flex-line-pack: center;
            align-content: center;
        justify-items: center;
    }

    body.single-case_study #nav-contact-wrap > div.contact-details > div {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
    width: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row nowrap;flex-flow: row nowrap;white-space: nowrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;margin: 0 .75rem;}

    body.single-case_study header#masthead::after {
        content: 'Design Case Study';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 150mm;
        height: 13.5mm;
        line-height: 13.5mm;
        padding-left: 0;
        text-align: right;
        font-size: 13.5mm;
        color: #6d538b;
        font-weight: 600;
    }


    body.single-case_study #colophon > div > div:nth-child(1) > div:nth-child(2) > p.foot-address > strong {
        display: none;
        position: absolute;
    }

    body.single-case_study .site-info p {
        line-height: 1.1;
    }

    body.single-case_study .site-info p:first-child:after {
        content: 'www.modernprint.co.uk';
        display: block;
        margin-top: .5rem;
        color: #ffcb08;
        line-height: 1;
        font-size: 1.125rem;
    }

    body.single-case_study footer#colophon:before {
        display: none;
    }

    body.single-case_study footer#colophon {
        background: url(img/footer-print.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 50% 0;background-color: #49286d;margin-top: 5mm;
        padding-top: 5mm;
    }

}