/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Jens Engel
Author URI: https://carponi.com/
Template: enfold
*/



/*Add your own styles here:*/



/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

  /* Sidebar on top in mobile.  */
  #top .main-shop-page div.container_wrap > div.container {
    display: flex!important;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  /* Header */
  #top .main-shop-page div.container_wrap > div.container header {
    order: 1 !important;
    flex-grow: 1;
  }
  /* Sidebar */
  #top .main-shop-page div.container_wrap > div.container aside {
    order: 2 !important;
    flex-grow: 1;
  }
  /* Main Content */
  #top .main-shop-page div.container_wrap > div.container main.template-shop {
    order: 3 !important;
    flex-grow: 1;
    padding: 0 0px 0 0;
  }
}