//
//  Variables
//  _____________________________________________

$checkout-wrapper__margin              : 20px !default;
$checkout-wrapper__columns             : 8 !default;

$indent__xl : 10px;
$indent__l: 10px;

$checkout-step-title__border           : 1px solid #ccc !default;
$checkout-step-title__font-size        : 26px !default;
$checkout-step-title__font-weight      : 300 !default;
$checkout-step-title__padding          : 10px !default;

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

$headerHeight: 50px;

.checkout-index-index {
    .page-title-wrapper {

    }
    .page-header {
        height:$headerHeight;        
    }
    .main-container {
        padding-top: $headerHeight;
    }
}

.checkout-container {    
    margin: 0 0 $checkout-wrapper__margin;
}

.opc-wrapper {
    margin: 0 0 $checkout-wrapper__margin;

    .opc {

    }

    .step-title {

    }

    .step-content {
        margin: 0 0 $indent__xl;
    }
}

.checkout-index-index {
    .nav-sections,
    .nav-toggle {
        display: none;
    }

    .logo {
        margin-left: 0;
    }
}

.checkout-onepage-success {

    .print {
        display: none;
    }
}

//
//  Mobile
//  _____________________________________________


@include media-breakpoint-down(sm){
    .opc-wrapper {
        .step-title {
            font-size: 12px;
            border-bottom: 0;
            padding-bottom: 0;
        }
    }
}

//
//  Desktop
//  _____________________________________________

@include media-breakpoint-up(md){
    .opc-wrapper {
        
        padding-right: $indent__l;
    }

    .checkout-onepage-success {
        .print {
            display: block;
            float: right;
            margin: 22px 0 0;
        }
    }
}
