/*
* Style Page
*/

.main-content{
	overflow: hidden;
}
.page-header{
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: none;
}
.page-title{
    font-size: 24px;
    text-transform: uppercase;
}

/**
 * Checkout
 */
.woocommerce-checkout {
    .checkout {
        .col-2 {
            h3#ship-to-different-address {
                float: left;
                clear: none;
            }

            .notes {
                clear: left;
            }

            .form-row-first {
                clear: left;
            }
        }

        .create-account small {
            font-size: 11px;
            color: #777;
            font-weight: normal;
        }

        div.shipping-address {
            padding: 0;
            clear: left;
            width: 100%;
        }

        .shipping_address {
            clear: both;
        }
    }

    #payment {
        background: $secondary;
        border-radius: 5px;

        ul.payment_methods {
            text-align: left;
            padding: 1em;
            border-bottom: 1px solid darken( $secondary, 10% );
            margin: 0;
            list-style: none outside;

            li {
                line-height: 2;
                text-align: left;
                margin: 0;
                font-weight: normal;

                input {
                    margin: 0 1em 0 0;
                }

                img {
                    vertical-align: middle;
                    margin: -2px 0 0 .5em;
                    padding: 0;
                    position: relative;
                    box-shadow: none;
                }

                img + img {
                    margin-left: 2px;
                }
            }
        }

        div.form-row {
            padding: 1em;
        }

        div.payment_box {
            position: relative;
            width: 96%;
            padding: 1em 2%;
            margin: 1em 0 1em 0;
            font-size: 0.92em;
            border-radius: 2px;
            line-height: 1.5;
            background-color: darken( $secondary, 5% );
            color: $secondarytext;

            input.input-text, textarea {
                border-color: darken( $secondary, 15% );
                border-top-color: darken( $secondary, 20% );
            }

            ::-webkit-input-placeholder {
                color: darken( $secondary, 20% );
            }

            :-moz-placeholder {
                color: darken( $secondary, 20% );
            }

            :-ms-input-placeholder {
                color: darken( $secondary, 20% );
            }

            .wc-credit-card-form-card-number,
            .wc-credit-card-form-card-expiry,
            .wc-credit-card-form-card-cvc {
                font-size: 1.5em;
                padding: 8px;
                background-repeat: no-repeat;
                background-position: right;
            }

            span.help {
                font-size: .857em;
                color: #777;
                font-weight: normal;
            }

            .form-row {
                margin: 0 0 1em;
            }

            p:last-child {
                margin-bottom: 0;
            }

            &:after {
                content: "";
                display: block;
                border: 8px solid darken( $secondary, 5% ); /* arrow size / color */
                border-right-color: transparent;
                border-left-color: transparent;
                border-top-color: transparent;
                position: absolute;
                top: -3px;
                left: 0;
                margin: -1em 0 0 2em;
            }
        }

        .payment_method_paypal {
            .about_paypal {
                float: right;
                line-height: 52px;
                font-size: 0.83em;
            }

            img {
                max-height: 52px;
                vertical-align: middle;
            }
        }

    }
}

/**
 * Check Cart
 */
.cart_item {
    .add-action{
        display: none;
    }
}
/**
 * Contact form
 */
.contact{
    .fa{
        color: $theme-color;
        font-size: 18px;
        width: 30px;
    }
}
/**
 * error 404
 */
.error-404 {
    padding: 200px 0;
    text-align: center;
    #searchform{
        max-width: 450px;
        display: inline-block;
        .form-control{
            width: 400px;
        }
    }
}
/**
 * panel
 */
.panel-heading >*,.panel-title{
    font-size: 18px;
    text-transform: uppercase;
}
.panel-body{
    padding: 30px;
}

.edit {
    font-size: 16px;
    font-style: italic;
    text-transform: capitalize;
}