// /**
//  * Copyright © 2015 Magento. All rights reserved.
//  * See COPYING.txt for license details.
//  */

//
//  Variables
//  _____________________________________________

$checkout-wrapper__margin: $indent-base;
$checkout-wrapper__columns: 8;

$checkout-step-title__border: 1px solid lighten($default, 50%);
$checkout-step-title__font-size: 26px;
$checkout-step-title__font-weight: bold;
$checkout-step-title__padding: 10px;

$checkout-step-title-mobile__font-size: 18px;

//
//  Common
//  _____________________________________________

.checkout-index-index
    .opc-wrapper {
        .step-title {
            @extend .heading-3;
            border-bottom: $checkout-step-title__border;
            padding-bottom: $checkout-step-title__padding;
            margin-bottom: $checkout-step-title__padding;

        }

        .step-content {
            margin: 0;

            .note{
                font-size: $input-font-size - 2;
                &::before{
                    font-family: $fa;
                    content: '\f0d8';
                    padding-right: 5px;
                }
            }
        }
    }

//
//  Mobile
//  _____________________________________________

//
//  Desktop
//  _____________________________________________

@media (min-width: $screen-sm-min + 1) {
    .checkout-container{
        &::after{
            clear: both;
        }
        .opc-wrapper{
            float: left;
            padding-right: 30px;
            width: 66.6667%;
        }

        .opc-sidebar{
            float: right;
            margin: 0 0 20px;
            width: 33.3333%;
        }
    }
}

