﻿.checkout-confirmation .inner-wrapper {
    padding: 6px 20px 60px 20px;
    color: #262626;
}

.checkout-confirmation h1 {
    font-size: 21px;
}

.checkout-confirmation .next .i18x18 {
    margin-top: 3px;
}

.checkout-confirmation .print-button {
    display: none;
}

.checkout-confirmation .goal-mention {
    padding-top: 10px;
    width: 70%;
    margin: auto;
    text-align: center;
}

.checkout-confirmation .share {
    background: #dae3ea;
    padding: 20px;
    margin: 30px 0 60px;
}

    .checkout-confirmation .share h1 {
        color: #be4a27;
        margin: 0 0 10px;
    }

    .checkout-confirmation .share h3 {
        color: #c56138;
        margin: 0;
    }

    .checkout-confirmation .share .icons {
        text-align: left;
        display: inline-block;
    }

        .checkout-confirmation .share .icons div {
            margin: 10px 0;
        }

    .checkout-confirmation .share .icon {
        width: 32px;
        height: 32px;
        background: url('images/social-sprite.png');
        background-position: 0 0;
        display: inline-block;
        border: none;
        margin-right: 10px;
    }

        .checkout-confirmation .share .icon.twitter {
            background-position: -32px 0;
        }

        .checkout-confirmation .share .icon.facebook {
            background-position: 0 0;
        }

        .checkout-confirmation .share .icon.email {
            background-position: -64px 0;
        }

    .checkout-confirmation .order-information-wrapper {
        display: none;
    }

.checkout-confirmation .stormwater,
.checkout-confirmation .co2,
.checkout-confirmation .air-quality {
    background-size: 127px 150px !important;
    background-position: right 10px top 20px !important;
}

/*.checkout-confirmation .stormwater {
    background: url('images/stormwater.svg') no-repeat;
}

.checkout-confirmation .co2 {
    background: url('images/co2emissions.svg') no-repeat;
}

.checkout-confirmation .air-quality {
    background: url('images/airpollutants.svg') no-repeat;
}*/

.checkout-confirmation .stats {
    padding: 0 0 30px;
    border-bottom: 1px solid #d1d2d0;
}

    .checkout-confirmation .stats.air-quality {
        border-bottom: none;
    }

    .checkout-confirmation .stats h3 {
        color: #be4a27;
        text-shadow: none;
        margin: 30px 0 10px;
    }

    .checkout-confirmation .stats label {
        display: block;
        margin-bottom: 0;
    }

    .checkout-confirmation .stats .stat {
        color: #7fb742;
        margin: 0;
    }

    .checkout-confirmation .stats .info {
        padding-left: 26px;
        display: inline-block;
        background: url('images/info.png') no-repeat 0 3px;
        margin-top: 30px;
    }

.checkout-confirmation .actions {
    margin: 30px 0;
}

.checkout-confirmation .values-note {
    clear: both;
    color: #6d6e71;
    font-style: italic;
    font-size: 14px;
}

.checkout-confirmation .tree-list h3.total-cost {
    text-align: right;
}



@media (min-width: 768px) {
    #checkout-confirmation-container {
        width: 60%;
        max-width: 960px;
        min-width: 748px;
    }

    .checkout-confirmation .stats {
        border-bottom: none;
    }

    .checkout-confirmation .share .icons {
        text-align: center;
        width: 100%;
    }

    .checkout-confirmation .print-button {
        display: inline-block;
        float: right;
        margin: 20px;
    }

        .checkout-confirmation .print-button span {
            color: #a0a0a0;
            display: block;
            padding: 3px 0;
        }
}