/**
 * FoodCoopShop - The open source software for your foodcoop
 *
 * Licensed under the GNU Affero General Public License version 3
 * For full copyright and license information, please see LICENSE
 * Redistributions of files must retain the above copyright notice.
 *
 * @since         FoodCoopShop 3.3.0
 * @license       https://opensource.org/licenses/AGPL-3.0
 * @author        Mario Rothauer <office@foodcoopshop.com>
 * @copyright     Copyright (c) Mario Rothauer, https://www.rothauer-it.com
 * @link          https://www.foodcoopshop.com
 */
@media only screen and (max-device-width: 850px) and (orientation : portrait) {
    #LoginForm button {
        margin-right: 0px;
    }
    #RegistrationForm .input.checkbox input[type="checkbox"] {
        margin-top: 8px;
    }
    body.categories .blog-post-wrapper,
    body.manufacturers.detail .blog-post-wrapper,
    body.pages.home .blog-post-wrapper,
    body.blog_posts.index .blog-post-wrapper,
    body.carts.order_successful .blog-post-wrapper {
        width: 46% ! important;
        margin-right: 2% ! important;
        margin-left: 2%;
        height: 234px;
    }
    body.categories .blog-wrapper,
    body.manufacturers.detail .blog-wrapper {
        height: 265px;
    }
    body.blog_posts.detail .blog-wrapper,
    body.blog_posts.detail .blog-post-wrapper {
        height: 234px;
    }
    .blog-post-wrapper span.date {
        display: none;
    }
    .pw .price {
        margin-bottom: 5px ! important;
    }
    .pw .deposit {
        margin-left: 0 ! important;
        float: left ! important;
        font-size: 12px ! important;
        margin-bottom: 5px ! important;
    }
    div.c2 {
        padding-right: 6px ! important;
    }
    div.c3 {
        padding-left: 6px ! important;
        padding-right: 0px ! important;
    }
    .pw .amount-wrapper {
        margin-bottom: 5px ! important;
    }
    body.blog_posts.detail p.neighbors a {
        width: 100% ! important;
        margin-bottom: 5px ! important;
    }
    a.blog-post-wrapper .img-wrapper {
        min-height: 100px ! important;
    }
    .carts span.product-name-wrapper {
        width: 190px ! important;
    }
    body.carts .cart:not(#cart) .product {
        padding-top: 10px;
    }
    body.carts .cart:not(#cart) span.amount {
        margin-left: -8px;
        padding-right: 100px; /* to move short products names to next row */
    }
    body.carts .cart:not(#cart) span.right {
        position: static;
    }
    body.carts .cart:not(#cart) .image {
        margin-top: 0;
    }
    body.carts .cart:not(#cart) .input.checkbox label {
        font-size: 13px;
    }
 }