/*
Theme Name: AgLine Theme
Theme URI: https://aglineequipment.com
Version: 1.0
Description: A theme created for AgLine Equipment.
Author: The Driven Digital Team
Author URI: https://drivendigital.us
template: bb-theme
*/

/* Add your custom styles here... */ 

.cart_totals .cart-pdf-button { display: none !important; }

.page-id-10 #fl-main-content .fl-content { margin: 0; }
.page-id-10 #fl-main-content .fl-content header { margin: 0; display:none; }
.wc-ma-main-content { background-color: #DD9933; width: 100vw; max-width:100vw; margin-left: calc(50% - 50vw); }
.wc-ma-main-content .fl-content { }
.wc-ma-main-content .fl-content .header-wrapper { display: flex; flex-direction: column; padding: 95px 0;
    align-items: center; justify-content: center;
    color: #fff;
}
.wc-ma-main-content .fl-content h2 { color: #fff; text-align: center; font-size: 36px; }
.wc-ma-main-content .fl-content .header-wrapper p { color: #fff; font-size: 18px; margin-top: 24px; }
.wc-ma-main-content .fl-content .header-wrapper a { color:#fff; text-decoration: underline; }
.wc-ma-cards { margin-top: -60px; }
.wc-ma-cards ul { display: flex; justify-content: space-between; gap:20px; margin:0; padding:0; }
.wc-ma-cards ul li { width: 150px; height: 120px; display: flex; align-items:center; justify-content: center;
     border-radius: 6px; box-shadow: 0 4px 20px rgba(51,51,51,.12); background-color: #fff; }
.wc-ma-cards ul li a { display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items:center;}
.wc-ma-cards ul li a p { color: #333333;   transform: translateY(0px); transition: all 0.5s;font-size: 16px; }
.wc-ma-cards ul li div { width: 40px; height: 40px; background-size: cover; background-position: center;
    transform: translateY(0px); transition: all 0.5s; }
.wc-ma-cards ul li a:hover { text-decoration: none; }
.wc-ma-cards ul li a:hover div { transform: translateY(4px); }
.wc-ma-cards ul li a:hover p { transform: translateY(-8px); color: #DD9933;  }
.wc-ma-cards ul li.is-active p { color: #DD9933; }
.wc-ma-cards ul li.woocommerce-MyAccount-navigation-link--dashboard div { background-image: url(/wp-content/themes/agline/assets/img/layout-grid.svg); }
.wc-ma-cards ul li.woocommerce-MyAccount-navigation-link--quotes div { background-image: url(/wp-content/themes/agline/assets/img/notes.svg); }
.wc-ma-cards ul li.woocommerce-MyAccount-navigation-link--orders div { background-image: url(/wp-content/themes/agline/assets/img/shopping-cart.svg);}
.wc-ma-cards ul li.woocommerce-MyAccount-navigation-link--downloads div { background-image: url(/wp-content/themes/agline/assets/img/cloud-download.svg); }
.wc-ma-cards ul li.woocommerce-MyAccount-navigation-link--edit-address div { background-image: url(/wp-content/themes/agline/assets/img/map-pin.svg); }
.wc-ma-cards ul li.woocommerce-MyAccount-navigation-link--edit-account div { background-image: url(/wp-content/themes/agline/assets/img/user.svg); }
.wc-ma-cards ul li.woocommerce-MyAccount-navigation-link--customer-logout div { background-image: url(/wp-content/themes/agline/assets/img/logout.svg); }

body.woocommerce-account .woocommerce-MyAccount-content { float: none; width: 100%; margin: 32px 0 129px; }

@media screen and (max-width: 768px) {
    .wc-ma-main-content { margin-left: unset; width: 100%; }
    .page-id-10 #fl-main-content .fl-content { width:100%; }
    .wc-ma-cards ul {
        display: grid;
        gap: 20px;
        grid-template-columns: auto auto;
        width: 86%;
        margin: 0 auto !important;
    }
    .wc-ma-main-content .fl-content .header-wrapper {
        padding: 80px 40px;
        text-align: center;
    }
    .wc-ma-main-content .fl-content .header-wrapper p { margin-top: 0; }
}