﻿@font-face {
    font-family: PracticeBlack;
    src: url(../fonts/custom/PracticeBlack.otf) format('opentype')
}

@font-face {
    font-family: PracticeBlack;
    font-style: italic;
    src: url(../fonts/custom/PracticeBlackIta.otf) format('opentype')
}

@font-face {
    font-family: PracticeRegular;
    src: url(../fonts/custom/PracticeRegular.otf) format('opentype')
}

@font-face {
    font-family: PracticeRegularIta;
    src: url(../fonts/custom/PracticeRegular.otf) format('opentype')
}

@media screen and (min-width:625px) {
    .products_form .product_item {
        background-color: #f1f4f8;
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
        border-radius: 10px;
        margin-bottom: 10px;
        vertical-align: top
    }

        .products_form .product_item .product_item_head {
            padding-bottom: 20px
        }

            .products_form .product_item .product_item_head .product_item_head_title, .products_form .product_item .product_info_full .product_item_head_title {
                padding-bottom: 10px;
                font-size: 28px;
                font-family: PracticeRegular,serif;
                color: #2d323a;
                font-weight: 400;
                line-height: 140%
            }

            .products_form .product_item .product_item_head .product_item_head_summary {
                padding-bottom: 10px;
                font-style: italic;
                font-size: 14px
            }

        .products_form .product_item .product_item_row {
            padding-bottom: 5px
        }

            .products_form .product_item .product_item_row .product_info {
                width: 100%;
                display: block;
                text-align: left;
                vertical-align: top
            }

                .products_form .product_item .product_item_row .product_info .product_title {
                    font-size: 16px;
                    font-family: "Open Sans",sans-serif;
                    line-height: 140%;
                    width: 60%;
                    padding-right: 2%;
                    display: inline-block
                }

                .products_form .product_item .product_item_row .product_info .product_price {
                    font-size: 16px;
                    font-family: "Open Sans",sans-serif;
                    line-height: 140%;
                    width: 20%;
                    padding-right: 2%;
                    display: inline-block
                }

                    .products_form .product_item .product_item_row .product_info .product_price span {
                        display: none
                    }

                .products_form .product_item .product_item_row .product_info .product_qty {
                    font-size: 16px;
                    font-family: "Open Sans",sans-serif;
                    line-height: 140%;
                    width: 10%;
                    display: inline-block
                }

                    .products_form .product_item .product_item_row .product_info .product_qty span {
                        display: none
                    }

                    .products_form .product_item .product_item_row .product_info .product_qty input {
                        width: 40px
                    }

                        .products_form .product_item .product_item_row .product_info .product_qty input::-webkit-outer-spin-button {
                            -webkit-appearance: none;
                            margin: 0
                        }

        .products_form .product_item .product_info_full {
            width: 100%;
            display: block;
            text-align: left;
            vertical-align: top
        }

            .products_form .product_item .product_info_full .prod_image {
                width: 45%;
                display: inline-block;
                text-align: left;
                vertical-align: top;
                margin-left: 5%;
                float: right
            }

                .products_form .product_item .product_info_full .prod_image img {
                    width: 100%
                }

            .products_form .product_item .product_info_full .prod_content {
                width: 49%;
                display: inline-block;
                text-align: left;
                vertical-align: top
            }

            .products_form .product_item .product_info_full .form-row {
                width: 100%;
                margin: 0 auto 20px
            }

                .products_form .product_item .product_info_full .form-row .form-label {
                    font-weight: 600;
                    width: 225px;
                    padding-right: 20px;
                    box-sizing: border-box;
                    display: inline-block;
                    text-align: left;
                    vertical-align: top
                }

                .products_form .product_item .product_info_full .form-row .form-field {
                    width: calc(100% - 250px);
                    display: inline-block
                }

                    .products_form .product_item .product_info_full .form-row .form-field input[type=text], .products_form .product_item .product_info_full .form-row .form-field textarea, .products_form .product_item .product_info_full .form-row .form-field select {
                        padding: 10px;
                        border: 1px solid #ddd;
                        box-sizing: border-box;
                        width: 100%
                    }

                    .products_form .product_item .product_info_full .form-row .form-field input[type=checkbox] {
                        margin-right: 20px
                    }

                .products_form .product_item .product_info_full .form-row .form-field-full input[type=text], .products_form .product_item .product_info_full .form-row .form-field-full textarea, .products_form .product_item .product_info_full .form-row .form-field-full select {
                    padding: 10px;
                    border: 1px solid #ddd;
                    box-sizing: border-box;
                    width: 100%
                }

                .products_form .product_item .product_info_full .form-row .form-field-full input[type=checkbox] {
                    margin-right: 20px
                }

            .products_form .product_item .product_info_full .form-message {
                width: 100%;
                margin: 10px 0;
                color: #f00
            }

            .products_form .product_item .product_info_full .product_link {
                padding: 40px 0 20px;
                text-align: center
            }

                .products_form .product_item .product_info_full .product_link a {
                    padding: 10px 20px;
                    text-transform: uppercase;
                    font-family: PracticeRegular,serif;
                    color: #fff;
                    background-color: #a58c5b;
                    border-radius: 5px;
                    font-weight: 400;
                    text-decoration: none;
                    line-height: 100%
                }

                    .products_form .product_item .product_info_full .product_link a:hover {
                        background-color: #000;
                        color: #fff
                    }
}

@media only screen and (max-width:624px) {
    .products_form .product_item {
        background-color: #f1f4f8;
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
        border-radius: 10px;
        margin-bottom: 10px;
        vertical-align: top
    }

        .products_form .product_item .product_item_head {
            padding-bottom: 10px
        }

            .products_form .product_item .product_item_head .product_item_head_title, .products_form .product_item .product_info_full .product_item_head_title {
                padding-bottom: 5px;
                font-size: 24px;
                font-family: PracticeRegular,serif;
                color: #2d323a;
                font-weight: 400;
                line-height: 140%
            }

            .products_form .product_item .product_item_head .product_item_head_summary {
                padding-bottom: 10px;
                font-style: italic;
                font-size: 14px
            }

        .products_form .product_item .product_item_row {
            padding-bottom: 5px
        }

            .products_form .product_item .product_item_row .product_info {
                width: 100%;
                display: block;
                text-align: left;
                vertical-align: top;
                padding-bottom: 5px
            }

                .products_form .product_item .product_item_row .product_info .product_title {
                    font-size: 16px;
                    font-family: "Open Sans",sans-serif;
                    line-height: 140%;
                    width: 100%;
                    padding-bottom: 2px;
                    display: block;
                    font-weight: 600
                }

                .products_form .product_item .product_item_row .product_info .product_price {
                    font-size: 16px;
                    font-family: "Open Sans",sans-serif;
                    line-height: 140%;
                    width: 100%;
                    padding-bottom: 2px;
                    display: block
                }

                .products_form .product_item .product_item_row .product_info .product_qty {
                    font-size: 16px;
                    font-family: "Open Sans",sans-serif;
                    line-height: 140%;
                    width: 100%;
                    padding-bottom: 2px;
                    display: block
                }

                    .products_form .product_item .product_item_row .product_info .product_qty input {
                        width: 40px
                    }

                        .products_form .product_item .product_item_row .product_info .product_qty input::-webkit-outer-spin-button {
                            -webkit-appearance: none;
                            margin: 0
                        }

        .products_form .product_item .product_info_full {
            width: 100%;
            display: block;
            text-align: left;
            vertical-align: top
        }

            .products_form .product_item .product_info_full .prod_image {
                width: 100%;
                text-align: left;
                vertical-align: top;
                margin-bottom: 20px
            }

                .products_form .product_item .product_info_full .prod_image img {
                    width: 100%
                }

            .products_form .product_item .product_info_full .prod_content {
                width: 100%;
                text-align: left;
                vertical-align: top
            }

            .products_form .product_item .product_info_full .form-row {
                width: 100%;
                margin: 0 auto 10px
            }

                .products_form .product_item .product_info_full .form-row .form-label {
                    font-weight: 600;
                    width: 100%;
                    padding-bottom: 5px;
                    box-sizing: border-box;
                    display: block;
                    text-align: left;
                    vertical-align: top
                }

                .products_form .product_item .product_info_full .form-row .form-field {
                    width: 100%;
                    padding-bottom: 10px;
                    box-sizing: border-box;
                    display: block;
                    text-align: left;
                    vertical-align: top
                }

                    .products_form .product_item .product_info_full .form-row .form-field input[type=text], .products_form .product_item .product_info_full .form-row .form-field textarea, .products_form .product_item .product_info_full .form-row .form-field select {
                        padding: 10px;
                        border: 1px solid #ddd;
                        box-sizing: border-box;
                        width: 100%
                    }

                    .products_form .product_item .product_info_full .form-row .form-field input[type=checkbox] {
                        margin-right: 20px
                    }

                .products_form .product_item .product_info_full .form-row .form-field-full input[type=text], .products_form .product_item .product_info_full .form-row .form-field-full textarea, .products_form .product_item .product_info_full .form-row .form-field-full select {
                    padding: 10px;
                    border: 1px solid #ddd;
                    box-sizing: border-box;
                    width: 100%
                }

                .products_form .product_item .product_info_full .form-row .form-field-full input[type=checkbox] {
                    margin-right: 20px
                }

            .products_form .product_item .product_info_full .form-message {
                width: 100%;
                margin: 10px 0;
                color: #f00
            }

            .products_form .product_item .product_info_full .product_link {
                padding: 40px 0 20px;
                text-align: center
            }

                .products_form .product_item .product_info_full .product_link a {
                    padding: 5px 10px;
                    text-transform: uppercase;
                    font-family: PracticeRegular,serif;
                    color: #fff;
                    background-color: #a58c5b;
                    border-radius: 5px;
                    font-weight: 400;
                    text-decoration: none;
                    line-height: 100%
                }

                    .products_form .product_item .product_info_full .product_link a:hover {
                        background-color: #000;
                        color: #fff
                    }
}
