/**
 * Head CSS Styles
 * Contains all custom styles from head.php
 */

/* ==========================
   Cart and Product Styles
   ========================== */
/*.product-summary-case .buttons_added {
    display: none !important;
}*/

.woocommerce-cart-form__cart-item .product-quantity .minus,
.woocommerce-cart-form__cart-item .product-quantity .plus {
    display: none !important;
}

.woocommerce-cart-form__cart-item .product-quantity .qty {
    pointer-events: none;
    border: none !important;
}

/* ==========================
   Warranty Section
   ========================== */
.hidewarrnty {
    display: none !important;
}

/* ==========================
   Electronics Section
   ========================== */
.electronics h3 {
    font-size: 25px !important;
}

#pl-21 #bottom-banners-top .widget_sow-image,
#pl-21 #bottom-banners-med .widget_sow-image {
    margin-top: 15px;
    border: 1px solid #ddd;
}

#pl-21 .panel-grid-cell .electronics .widget-title {
    margin-top: -15px;
    margin-bottom: 15px;
}

.product_item .product_details h5 {
    font-size: 15px;
}

/* ==========================
   Payment Method Styles
   ========================== */
.wc_payment_method img {
    display: none;
}

/* ==========================
   Brand Section Styles
   ========================== */
.brandsection1 {
    width: 33.33%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

.brandsrow {
    width: 15%;
    float: left;
    padding: 15px;
    background: #fff;
    margin: 5px;
}

.brandsrow .imgclass img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}

.brandsrow .imgclass img:hover {
    transform: scale(1.2);
    transition: transform 0.9s;
}

.brandsrow .headinftext {
    margin-top: 20px;
    text-align: center;
    font-size: 0.9em;
    padding-bottom: 15px;
}

.brandsrow:hover {
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 5px #ccc;
}

#samedayid {
    padding-top: 30px;
}

/* ==========================
   App-specific Styles
   ========================== */
#appidmobi {
    display: none;
}

/* ==========================
   Responsive Design
   ========================== */
@media (min-width: 780px) {
    #pl-21 #bottom-banners-top .panel-grid-cell,
    #pl-21 #bottom-banners-med .panel-grid-cell {
        width: calc(33.3333% - (0.66666666666667 * 10px));
    }
}

@media (max-width: 780px) {
    .brandsection1 {
        width: 100% !important;
    }

    .brandsrow,
    .homewrappertwo {
        width: 44.99% !important;
    }
}

/* ==========================
   Sell Site Specific Styles
   ========================== */
.sell-site .entry-summary .pricebox .woocommerce-Price-amount,
.sell-site div.product form.cart .button {
    float: right;
}

.sell-site .pricebox .product_price {
    float: left;
    width: 100%;
}