/**
 * File for custom CSS. You can use it to override the default styling of the theme.
 *
 * 1. Copy the file "default.override.css" and rename it to "override.css".
 * 2. Enable it in the admin panel.
 *
 */


/* 
==================================================
INDEX

1 - Structure & UI
2 - Layout
3 - Functionality
4 - Ecommerce
5 - Page Specific

==================================================
*/

/* 1 - Structure > UI
--------------------------------------------------*/
@import url(ui/general.css);
@import url(ui/structure.css);
@import url(ui/buttons.css);
@import url(ui/typography.css);
@import url(ui/forms.css);

/* 2 - Layout
--------------------------------------------------*/
@import url(layout/header.css);
@import url(layout/footer.css);
@import url(layout/navigation.css);
/*@import url(https://ayresbeauty.com/skin/frontend/shopper/ayres/css/top-cart.css); */
@import url(vertnav.css);

/* 3 - Functionality
--------------------------------------------------*/
@import url(functionality/main-slider.css);

/* 4 - Ecommerce
--------------------------------------------------*/
@import url(ecomm/data-tables.css);
@import url(ecomm/cart.css);
@import url(ecomm/account.css);
@import url(ecomm/product-view.css);
@import url(ecomm/product-list.css);
@import url(ecomm/checkout.css);
@import url(ecomm/login-register.css);

/* 5 - Page Specific
--------------------------------------------------*/
@import url(page-specific/home.css);
@import url(page-specific/company.css);
@import url(page-specific/wholesale.css);
@import url(page-specific/store-locator.css);
@import url(page-specific/blog.css);
@import url(page-specific/contact-us.css);