/**
 * 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) {

    #container,
    #header,
    #content,
    #inner-content,
    .blog-wrapper,
    #footer,
    #login-form,
    #login-form form,
    #login-form .input,
    body.customers.new_password_request form,
    #login-form .input,
    body.customers.new_password_request .input,
    #RegistrationForm .detail-form,
    #RegistrationForm .input.checkbox label,
    #inner-content iframe {
        width: 100% ! important;
    }
    .color-mode-toggle {
        margin-top: 0;
        margin-right: 0;
        float: none;
    }
    #cookies-eu-banner {
        left: 2% ! important;
        bottom: 1% ! important;
        width: 96% ! important;
    }
    body.categories.detail #inner-content h2,
    body.carts.order_successful #inner-content h2,
    body.customers.registration_successful #inner-content h2 {
        padding-bottom: 5px ! important;
    }
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
    body.pages.home .blog-wrapper {
        height: 255px;
        margin-bottom: 0px;
    }
    body.blog_posts.index .blog-post-wrapper,
    body.pages.home .blog-post-wrapper {
        width: 29% ! important;
        margin-left: 2%;
        margin-right: 2%;
    }
    body.categories .blog-wrapper,
    body.manufacturers.detail .blog-wrapper {
        margin-top: -10px;
    }
    body.blog_posts.detail .blog-wrapper {
        width: 46% ! important;
    }
    body.blog_posts.detail .blog-post-wrapper {
        width: 100% ! important;
    }
    body.blog_posts.detail img.blog-post-image {
        width: 100% ! important;
    }
    body.blog_posts.detail img.blog-post-image {
        margin-left: 0 ! important;
    }
    body.blog_posts.detail #inner-content > .img-wrapper {
        float: none;
    }
    body.blog_posts.detail h1 {
        margin-bottom: 0 ! important;
    }
    h1.middle-line {
        display: block;
        width: 100%;
        float: left;
    }
    h1.middle-line span.middle {
        display: none;
    }
    h1.middle-line span.left {
        float: left;
    }
    h1.middle-line span.right {
        float: right;
        margin-top: 10px;
    }
    #cart,
    .sidebar,
    #header,
    #footer .c1,
    #right {
        display: none ! important;
    }
    #footer .c2 {
        border-left: none ! important;
        float: left ! important;
        width: 100% ! important;
        padding-left: 0 ! important;
        text-align: center ! important;
        word-break: break-word;
    }
    #footer .bottom a.fcs-backlink {
        position: static;
    }
    #footer .additional-footer-info {
        text-align: center ! important;
    }
    #footer .additional-footer-info img {
        max-width: 100%;
        height: auto ! important;
    }
    .carts .credit-balance-wrapper {
        font-size: 16px ! important;
    }
    .carts .credit-balance-wrapper .payment {
        float: right ! important;
    }
    .image-badge {
        right: -10px ! important;
    }
    #inner-content {
        padding: 5px ! important;
        margin-top: 10px ! important;
    }
    /* show all editor images in full width and below each other */
    #inner-content img:not(.manufacturer-logo):not(.blog-post-image) {
        display: block ! important;
        width: 100% ! important;
        height: auto ! important;
    }
    body.superadmin .pw .heading h4,
    .blog-post-wrapper .c2 h4 {
        max-width: 89%;
    }
    div.c1 {
        width: 23% ! important;
        margin-right: 3% ! important;
        min-height: 1px;
    }
    .blog-post-wrapper div.c3 div.additional-info {
        margin-top: 10px ! important;
    }
    .blog-post-wrapper div.c3 a.btn {
        margin-top: 0 ! important;
    }
    div.c1 img {
        width: 100% ! important;
        margin-right: 1% ! important;
    }
    div.c2 {
        width: 44% ! important;
        min-height: 100px ! important;
    }
    div.c2 h4,
    div.c3 .price {
        font-size: 16px ! important;
    }
    div.c2 h4 {
        margin-top: 0 ! important;
        line-height: 19px ! important;
        width: 100% ! important;
    }
    div.c3 {
        width: 30% ! important;
        padding-right: 8px ! important;
    }
    div.c3 .ew {
        margin-bottom: 0 ! important;
    }
    .pw .amount-wrapper .loi {
        display: none;
    }
    .pw .amount-wrapper {
        width: 100%;
    }
    .pw .amount-wrapper .fas {
        font-size: 18px;
        margin-top: 5px;
    }
    .manufacturer-wrapper div.c3 a.btn {
        margin-top: 0 ! important;
        float: right ! important;
    }
    body.manufacturers.detail .manufacturer-infos {
        clear: both ! important;
    }
    body.manufacturers.detail .manufacturer-infos a.edit-shortcut-button {
        top: -3px;
    }

    #content {
        padding: 0 ! important;
        margin-top: 50px ! important;
    }
    #responsive-header {
        width: 100% ! important;
        padding: 2px 5px ! important;
        border-bottom: 1px solid #d6d4d4 ! important;
        top: 0 ! important;
        background: #fff ! important;
        z-index: 9999 ! important;
        position: fixed ! important;
        height: 55px;
    }
    #responsive-header .logo {
        height: 51px ! important;
        float: left ! important;
    }
    #responsive-header .fa-spin,
    .ew .btn-cart i.fa-spin,
    .btn-cart-detail i.fa-spin {
        padding-top: 0px;
    }
    #responsive-header .sb-toggle-left {
        float: left ! important;
        margin: 12px 8px 5px 0 ! important;
        text-align: center;
        width: 32px;
    }
    #responsive-header .open-with-modal {
        float: right ! important;
        margin: 13px 5px 5px 3px ! important;
    }
    #slider {
        margin-left: 0 ! important;
    }
    #slider,
    #slider img {
        width: 100% ! important;
    }
    /**
     * sidebar-left: menu starts here
     */
    #login-form .input input,
    body.customers.new_password_request .input input {
        width: 60% ! important;
    }
    body.customers.new_password_request .btn-success {
        float: left;
        margin-left: 73px;
    }
    #LoginForm .input.checkbox label {
        width: 140px ! important;
        padding-left: 0;
    }
    #LoginForm button {
        margin-right: 65px;
    }
    #login-form .input label {
        width: 80px;
    }
    #login-form h1 {
        padding-left: 10px;
    }
    #login-form .input input[type="checkbox"] {
       width: 30px ! important;
    }
    #RegistrationForm .input.checkbox {
        margin-left: 0;
    }
    #RegistrationForm .input.checkbox input[type="checkbox"] {
        margin-left: -35px;
        margin-top: 0px;
    }
    form div.error-message {
        width: 60% ! important;
    }
    #login-form div.error-message {
        margin-left: 90px;
    }
    form .input.textarea div.error-message {
        width: 100% ! important;
    }
    body.carts #load-last-order-details {
        margin-bottom: 10px;
        border: 1px solid #d6d4d4;
    }
    body.carts .cart:not(#cart) .input.checkbox .error-message,
    body.carts .cart:not(#cart) .input.select .error-message {
        font-size: 12px;
        line-height: 18px;
    }
    .testimonial-quote .quote-container {
        padding-left: 20px;
    }
}
