/*
Theme Name:     Divi Child
Theme URI:      www.juliavanveen.nl
Description:    Child Theme voor Divi 
Author:         Julia van Veen
Author URI:     www.juliavanveen.nl/wordpress
Template:       Divi
Version:        1.0
*/

@import url("../Divi/style.css");

.image-grow {
border: none !important;
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
-ms-transition:all 0.6s ease-out;
-o-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
}
.image-grow:hover {
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15);
}

.image-shrink {
border: none !important;
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
-ms-transition:all 0.6s ease-out;
-o-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
}
.image-shrink:hover {
-webkit-transform:scale(0.50);
-moz-transform:scale(0.50);
-ms-transform:scale(0.50);
-o-transform:scale(0.50);
transform:scale(0.50);
}

.image-rotate {
border: none !important;
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
-ms-transition:all 0.6s ease-out;
-o-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
}
.image-rotate:hover {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}

.image-move {
border: none !important;
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
-ms-transition:all 0.6s ease-out;
-o-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
}
.image-move:hover {
-webkit-margin-left: 50px ;
-moz-margin-left: 50px;
-ms-margin-left: 50px;
-o-margin-left: 50px;
margin-left: 50px;
}
/* Change the margin attribute regarding to the direction you want */

.image-hiddentext {
border: none !important;
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
-ms-transition:all 0.6s ease-out;
-o-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
font-size: 0px;
}
.image-hiddentext:hover {
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
transform:scale(1.05);
background: transparent;
color: #000000 !important;
font-size: 15px;
text-align: center;
padding: 12px;
border-radius: 6px;
font-weight: bold;
}
/* Add those lines to your code if you are regarding to an effect for the blurp icon!
(Here, i’ts a rotation mouse hover effect but you can choose another one) */
.image-hiddentext span {
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
-ms-transition:all 0.6s ease-out;
-o-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
}
.image-hiddentext span:hover {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}