/* 
 Theme Name:     acorn30 Child Theme
 Author:         Brendan Quigley
 Author URI:     http://acorn30.com/labs
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme built with the intention of adding CSS helper classes that aid in the development of Divi Sites. Attribution to CSS given when possible.
 Wordpress Version: 4.8.1
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/* -- Vertical Align Content in Rows 
--------------------------------------------------------------------------------------------------------------
Attribution: 
    Divi Soup https://divisoup.com/quick-snack-vertically-center-any-content-in-divi/
Instructions:
    1. Apply Equalize Column Heights to Row
    2. Apply ds-vertical-align class to each column 
-------------------------------------------------------------------------------------------------------------- */

.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/* -- Material Design Box Shadows 
--------------------------------------------------------------------------------------------------------------
Attribution: 
    Samuel Thornton Code Pen https://codepen.io/sdthornton/pen/wBZdXq
Instructions:
    1. Apply Class to Element
    2. To see examples visit the code pen link
-------------------------------------------------------------------------------------------------------------- */

.card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  height: 300px;
  margin: 1rem;
  position: relative;
  width: 300px;
}

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

/* -- Border Radius Classes
--------------------------------------------------------------------------------------------------------------
Attribution: 
    Brendan Quigley
Instructions:
    1. Apply Class to Element
-------------------------------------------------------------------------------------------------------------- */

.border3{
    border-radius: 3px;
}

.border5{
    border-radius: 5px;
}

.border8{
    border-radius: 8px;
}

.border10{
    border-radius: 10px;
}