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

 Theme Name:   ADIA
 Theme URI:    
 Description:  A quality Divi child-theme create for ADIA.net.au
 Author:       Bec Waterhouse
 Author URI:   https://virtuallyholistic.com.au
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


/*----------------Button Reveal Blurbs---------------*/

/*Set the blurb shadow and background iage size*/

.ds-blurb {
    box-shadow: 0 0 20px #d7d7d7;
    background-size: cover;
}


/*Increase the shadow spread slightly on hover*/

.ds-blurb:hover {
    box-shadow: 0 0 30px #d7d7d7;
}


/*Add some padding under the title*/

.ds-blurb h4 {
    padding-bottom: 15px;
}


/*Set the container colour, padding and transition effect*/

.ds-blurb .et_pb_blurb_container {
    padding: 50px 20px 20px;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


/*Bring the background image up*/

.ds-blurb .et_pb_main_blurb_image {
    margin-bottom: -60px;
}


/*Set the content area width and transition effect*/

.ds-blurb .et_pb_blurb_content {
    max-width: 100%;
    cursor: default;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


/*Move the content area on hover*/

.ds-blurb:hover .et_pb_blurb_content {
    transform: translateY(-40px);
}


/*Style the more info link container*/

.ds-blurb-button-container {
    background: #fff;
    width: 100%;
    display: block;
    height: 10px;
    padding: 15px;
    margin: 0 -20px -20px -20px;
    position: absolute;
    bottom: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


/*Move the more info container on hover - this will actually make it look like it isn't moving at all!*/

.ds-blurb:hover .ds-blurb-button-container {
    transform: translateY(40px);
    padding-top: 30px;
}


/*Position the more info link*/

.ds-blurb-button {
    left: 0;
    right: 0;
    width: 50%;
    margin: 0 auto;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


/*Style the more info link*/

a.ds-blurb-button {
    color: #ffffff !important;
    background: #027BB6;
    border-width: 0px !important;
    border-radius: 25px;
    letter-spacing: 0px;
    font-size: 18px;
    padding: .5em 1em;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    top: -20px;
}


/*Style the more info link on hover*/

a.ds-blurb-button:hover {
    color: #ffffff !important;
    background: #333333;
}


/*Reveal the more info button on blurb hover*/

.ds-blurb:hover a.ds-blurb-button {
    opacity: 1;
}

/*--------------Button Reveal Blurbs-------------*/