﻿
@media print {

    body {
        width: 100%;
        line-height: 1.4;
        word-spacing: 1.1pt;
        letter-spacing: 0.2pt;
        font-family: myriad-pro-1, Arial, sans-serif;
        color: #000;
        background: none;
        font-size: 10pt;
    }

    /*Show print logo etc*/
    .print {
        display: block;
    }

    /*Page margin*/
    @page {
        margin: 0.5cm;
    }

    /*Main body*/
    html, body {
        background-color: #fff !important;
    }

    #wrapHeader,
    #wrapFooter,
    #wrapContent {
        overflow: hidden;
        clear: both;
    }

    /*Headings */

    h1, h2, h3, h4, h5, h6 {
        font-family: Helvetica, Arial, sans-serif;
        text-indent: 0;
        margin: 0.5cm 0;
    }

    h1 {
        font-size: 19pt;
        clear: both;
    }

    h2 {
        font-size: 17pt;
    }

    h3 {
        font-size: 13pt;
    }

    h4, h5, h6 {
        font-size: 12pt;
    }

    blockquote {
        margin: 1.3em;
        padding: 1em;
        font-size: 10pt;
    }

    hr {
        background-color: #ccc;
    }

    /* Images */

    img {
        float: left;
        margin: 1em 1.5em 1.5em 0;
    }

    a img {
        border: none;
    }

    /* Links */

    a:link, a:visited {
        background: transparent;
        font-weight: 700;
        text-decoration: underline;
        color: #333;
    }

        a:link[href^="http://"]:after, a[href^="http://"]:visited:after {
            content: " (" attr(href) ") ";
            font-size: 90%;
        }

    a[href^="http://"] {
        color: #000;
    }

    .level2Heading {
        font-size: 15pt;
    }

    /* Table */

    table {
        margin: 1px;
        text-align: left;
    }

    th {
        border-bottom: 1px solid #333;
        font-weight: bold;
    }

    td {
        border-bottom: 1px solid #333;
    }

    th, td {
        padding: 4px 10px 4px 0;
    }

    tfoot {
        font-style: italic;
    }

    caption {
        background: #fff;
        margin-bottom: 2em;
        text-align: left;
    }

    thead {
        display: table-header-group;
    }

    tr {
        page-break-inside: avoid;
    }

    /* Hide various parts from the site here */
    #accessibility,
    #navAccessibilityLinks,
    #header,
    #wrapNavGlobal,
    #breadcrumb,
    #quickLinks,
    #footer {
        display: none;
    }

    /* Show various parts of the site here */

    .total-interest-calc,
    .total-cost-calc,
    .repayment-calc-result,
    .actionRight,
    .actionLeft,
    ul.leftNav,
    .numberToggle,
    .wrapper-dropdown,
    .ConditionalForm fieldset a,
    .importantInformation {
        display: none !important;
    }

        .repayment-calc-result.selected,
        .total-cost-calc.selected,
        .total-interest-calc.selected {
            display: inline !important;
        }

    .emailaddress,
    .disclaimerHeader,
    .large,
    .xlarge,
    .xxlarge,
    .xxxlarge,
    .result .repayment-calc-result,
    .calculatedResults .row p.selected,
    .calculatedResults .row .total-loan-calc {
        font-weight: bold;
    }

    .homeLoanModule .calculatedResults .xxxlarge {
        font-size: 1.4em;
    }

    .homeLoanModule h4 {
        font-size: 1em;
        margin: 0;
    }

    .homeLoanModule {
        font-family: myriad-pro-1, Arial, sans-serif;
        line-height: 1.5em;
        clear: both;
    }

        .homeLoanModule p {
            display: block;
            margin: 0;
        }

        .homeLoanModule fieldset {
            float: left;
            width: auto !important;
            height: auto !important;
            border: 0 none;
            padding: 0 20px 0 0;
            clear: both;
            margin-bottom: 20px;
        }

            .homeLoanModule fieldset legend {
                font-size: 1.4em;
                font-weight: bold;
                padding: 0 0 10px 0;
                margin: 0;
            }

    .disclaimer-wrapper {
        display: block !important;
    }

    .disclaimer-hook {
        opacity: 1 !important;
    }

    .primaryHeading {
        display: none;
    }

    .ConditionalForm .primaryHeading {
        display: block;
        font-size: 19pt;
        margin: 0.5cm 0;
    }

    .introSection {
        clear: both;
        float: left;
        width: 100%
    }

        .introSection p {
            padding: 5px 0;
        }

    .ConditionalForm fieldset {
        margin: 10px 0;
    }

    .homeLoanModule fieldset.TermsAndConditions {
        font-size: 8pt;
    }

    .wrapProgressPanel {
        position: relative !important;
        margin-left: 10px;
        padding-left: 10px;
        border-left: 4px solid #3d3d3d;
    }

    .progressPanel {
        margin-top: 20px;
    }

    #tab-1,
    #tab-2 {
        display: block !important;
    }

    .extraInfo {
        border: 1px dashed #3d3d3d;
        padding: 10px;
        float: left;
        clear: both;
        margin-top: 10px;
    }

    .introSection,
    .calculatedResults .row .total-loan-calc,
    .calculatedResults .row label,
    .calculatedResults .row div,
    .calculatedResults .row p.selected,
    .calculatedResults .row .item,
    .calculatedResults .item {
        display: inline-block;
    }

    .sectionPrimary {
        border-left: #818181 4px solid;
        float: left;
        padding-left: 10px;
        width: 600px;
    }

        .sectionPrimary form {
            float: left;
        }

    .wrapSectionSecondary {
        overflow: hidden;
        float: left;
        height: auto !important;
        clear: both;
        border-left: 4px solid #818181;
        padding-left: 10px;
        margin: 10px 0;
        width: 600px;
    }

        .wrapSectionSecondary .sectionSecondary label {
            display: inline-block;
        }

        .wrapSectionSecondary .createScenario {
            margin-top: .2cm;
        }

    .wrapResultsPanel {
        float: left;
        padding-left: 10px;
        margin-left: 10px;
        border-left: 4px solid #3d3d3d;
        width: 500px;
    }

        .wrapResultsPanel.Bottom {
            clear: both;
        }

    .user-suggested-repayment-frequency {
        display: none !important;
    }

        .user-suggested-repayment-frequency.selected {
            display: block !important;
        }

    .resultsPanel {
        height: auto !important;
    }

    .homeLoanModule input[type="radio"] {
        display: inline-block;
    }

    .homeLoanModule label {
        margin-top: 5px;
        display: inline-block;
        font-weight: bold;
    }

    .homeLoanModule .wrapSectionPrimary .btn {
        margin-top: 10px;
    }

    .wrapCallToActionSection {
        border-left: 4px solid #818181;
        float: left;
        clear: both;
        padding-left: 10px;
        margin-top: 10px;
        width: 600px;
    }

        .wrapCallToActionSection p,
        .wrapCallToActionSection a {
            float: left;
            clear: both;
        }

        .wrapCallToActionSection .innerWrapRight {
            width: 500px;
            margin-left: 10px;
            margin-top: 10px;
            border-left: 4px solid #3d3d3d;
            float: left;
            padding-left: 10px;
        }

            .wrapCallToActionSection .innerWrapRight ul {
                padding-left: 20px;
            }

    .wrapDisclaimers {
        float: left;
        clear: both;
        margin-top: 10px;
        padding-left: 10px;
        border-left: 4px solid #818181;
        width: 600px;
    }

    /*CONDITIONAL FORM*/
    .crumblet {
        display: none;
    }

        .crumblet .current {
            display: inline;
        }

    .ConditionalForm .sectionPrimary {
        background-color: #fff;
    }

    .ConditionalForm .wrapResultsPanel {
        margin-top: 20px;
    }

    /*REPAYMENTS*/
    #RepaymentCalculatorOuter .onescenario,
    #RepaymentCalculatorOuter .threescenarios,
    #RepaymentCalculatorOuter .twoscenarios {
        float: left;
        width: 500px;
        margin-top: 10px;
        clear: both;
    }

    .wrapResultsPanel.empty {
        display: none;
    }

    .add-another-scenario-panel {
        display: none;
    }

    .repaymentSlider {
        display: none;
    }

    /*DEBT CON*/
    .innerWrapRight {
        clear: both;
    }

    /*ACCOUNT APP*/
    .partialContent {
        width: 100%;
        clear: both;
    }

    /*SAVINGS CALC*/

    #GoalSavingsCalculatorOuter .callToActionSection h3 {
        clear: both;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .wrap-canvas {
        display: none;
    }

    /* MY PHOTO CARD */
    .progressBar {
        display: none;
    }

    .qr-code-container {
        display: flex;
        justify-content: center;
    }


    .app-store-container {
        display: flex;
        flex-wrap: wrap;
        padding-top: 2em;
    }

    .app-store {
        flex: 1;
    }

    .img-go-momey-qr-code {
        width: 10em;
    }

    .img-apple-app-store-badge {
        float: right;
        padding-right: 0.2em;
    }

    .img-google-play-store-badge {
        padding-left: 0.2em;
    }
}
