/*
 Theme Name: Sproutouts Shop Child Theme
 Theme URI: https://www.sproutouts.com
 Description: Child Theme created by Sproutouts
 Author: Meagan Howey
 Author URI: https://www.sproutouts.com
 Template: Divi
 Version: 1.1.0

*/

/* Classes
-------------------------------------------------------
* General Classes - - - - - - -

* Background Images - -
* sp-parallax: Apply a fixed background image on an element.

* Image Effects - -
* sp-square: Apply a square aspect ratio and cover object fit to an image.
* sp-2-3: Apply a 2:3 aspect ratio and cover object fit to an image.

* Menu Effects - -
* sp-always-open-menu: Keep full menu on mobile devices instead of dropdown.
* sp-vertical-menu: Enable vertical menu layout and keep menu open on mobile devices.

* Scroll Effects - -
* sp-scroll-x: Allow horizontal scrolling
* sp-scroll-y: Allow vertical scrolling
* sp-hidden-x: Hide horizontal overflow
* sp-hidden-y: Hide vertical overflow

* Site specific classes - - - - - - -

-------------------------------------------------------*/

/*-----General Classes*-----*/

/*--Background Images--*/

/*sp-parallax: Fixed Background Image*/
@media only screen and (min-width: 980px) {
  .sp-parallax {
    background-attachment: fixed !important;
  }
}

/*--Image Effects--*/

/*sp-square: Apply a square aspect ratio and cover object fit to an image.*/

  .sp-square img {
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
  }

/*sp-2-3: Apply a 2:3 aspect ratio and cover object fit to an image.*/

    .sp-2-3 img {
      object-fit: cover !important;
      object-position: top !important;
      aspect-ratio: 2 / 3 !important;
    }

/*--Menu Effects--*/

/*sp-always-open-menu: Keep full menu on mobile devices*/
@media only screen and (max-width: 1200px) {

  /*Keep menu open. Also applies to vertical menus*/
	.sp-always-open-menu .et_pb_menu__menu, .sp-vertical-menu .et_pb_menu__menu {
		display: flex !important;
	}

  /*Hide hamburger icon. Also applies to vertical menus*/
	.sp-always-open-menu .et_mobile_nav_menu, .sp-vertical-menu .et_mobile_nav_menu {
		display: none !important;
	}
}

/*sp-vertical-menu: Enable vertical menu layout*/
.sp-vertical-menu .et-menu > li {
	padding-left: 0;
	padding-right: 0;
}

.sp-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 10px 0;
}

/*--Scroll Effects--*/

/*sp-scroll-x: Allow horizontal scrolling*/
.sp-scroll-x {
  overflow-x: scroll;
}

/*sp-scroll-y: Allow vertical scrolling*/
.sp-scroll-y {
  overflow-y: scroll;
}

/*sp-hidden-x: Hide Horizontal Overflow*/
.sp-hidden-x {
  overflow-x: hidden;
}

/*sp-hidden-y: Hide Vertical Overflow*/
.sp-hidden-y {
  overflow-y: hidden;
}