/* 
 Theme Name:     Stomatolog Jaroslaw 
 Author:         stomatolog
 Author URI:     https://barbarabuszewska.pl 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/* ANIMACJA IKON */
.blurb-card .et_pb_main_blurb_image {
 margin-bottom: 0 !important;
}
.blurb-card h6 {
 color: #37aa44 ;
 margin-top: 20px;
}
.blurb-card .et_pb_button {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 zoom: 1;
 filter: alpha(opacity=0);
 opacity: 0;
}
.blurb-card .et_pb_blurb {
 margin-bottom: 0 !important;
}
.blurb-card .et_pb_column {
 position: relative;
}
.blurb-card .et_pb_blurb_container {
 background: #fff;
 padding: 75px 25px 25px 25px;
 border-radius: 4px;
 box-shadow: 0px 1px 3px rgba(0, 0, 0, .08) !important;
 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .08) !important;
 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .08) !important;
 -webkit-transition: all 0.1s linear;
 -o-transition: all 0.1s linear;
 -moz-transition: all 0.1s linear;
 -ms-transition: all 0.1s linear;
 -kthtml-transition: all 0.1s linear;
 transition: all 0.1s linear;
 margin-top: -50px;
}
.blurb-card .et_pb_column:hover .et_pb_blurb_container {
 -webkit-box-shadow: 5px 15px 15px rgba(0, 0, 0, .2) !important;
 -moz-box-shadow: 5px 15px 15px rgba(0, 0, 0, .2) !important;
 box-shadow: 5px 15px 15px rgba(0, 0, 0, .2) !important;
 -webkit-transition: all 0.1s linear;
 -o-transition: all 0.1s linear;
 -moz-transition: all 0.1s linear;
 -ms-transition: all 0.1s linear;
 -kthtml-transition: all 0.1s linear;
 transition: all 0.1s linear;
}
 
/* Effect 8 */
.blurb-card .et-pb-icon {
 padding: 33px;
 font-size: 35px;
 position: relative;
 z-index: 1;
 color: #37aa44  !important;
 -webkit-transition: all 0.1s linear;
 -o-transition: all 0.1s linear;
 -moz-transition: all 0.1s linear;
 -ms-transition: all 0.1s linear;
 -kthtml-transition: all 0.1s linear;
}
.blurb-card .et-pb-icon:after {
 pointer-events: none;
 position: absolute;
 width: 100%;
 height: 100%;
 border-radius: 50%;
 content: '';
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
}
.blurb-card .et-pb-icon:before {
 content: '';
 display: block;
}
.blurb-card .et-pb-icon {
 background: rgba(255, 255, 255, 0.1);
 -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
 -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
 transition: transform ease-out 0.1s, background 0.2s;
}
.blurb-card .et-pb-icon:after {
 top: 0;
 left: 0;
 padding: 0;
 z-index: -1;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
 opacity: 0;
 -webkit-transform: scale(0.9);
 -moz-transform: scale(0.9);
 -ms-transform: scale(0.9);
 transform: scale(0.9);
}
.blurb-card .et_pb_column:hover .et-pb-icon {
 background: rgba(255, 255, 255, 0.05);
 color: #fff !important;
 -webkit-transition: all 0.1s linear;
 -o-transition: all 0.1s linear;
 -moz-transition: all 0.1s linear;
 -ms-transition: all 0.1s linear;
 -kthtml-transition: all 0.1s linear;
}
.blurb-card .et_pb_column:hover .et-pb-icon:after {
 -webkit-animation: sonarEffect 0.5s ease-out 50ms;
 -moz-animation: sonarEffect 0.5s ease-out 75ms;
 animation: sonarEffect 0.5s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
 0% {
 opacity: 0.3;
 }
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px #37aa44 , 0 0 10px 10px #37aa44 , 0 0 0 10px #37aa44 ;
 }
 100% {
 box-shadow: 0 0 0 2px #37aa44 , 0 0 10px 10px #37aa44 , 0 0 0 10px #37aa44 ;
 -webkit-transform: scale(1.5);
 opacity: 0;
 }
}
@-moz-keyframes sonarEffect {
 0% {
 opacity: 0.3;
 }
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px #37aa44 , 0 0 10px 10px #37aa44 , 0 0 0 10px #37aa44 ;
 }
 100% {
 box-shadow: 0 0 0 2px #37aa44 , 0 0 10px 10px #37aa44 , 0 0 0 10px #37aa44 ;
 -moz-transform: scale(1.5);
 opacity: 0;
 }
}
@keyframes sonarEffect {
 0% {
 opacity: 0.3;
 }
 40% {
 opacity: 0.5;
 box-shadow: 0 0 0 2px #37aa44 , 0 0 10px 10px #37aa44 , 0 0 0 10px #37aa44 ;
 }
 100% {
 box-shadow: 0 0 0 2px #37aa44 , 0 0 10px 10px #37aa44 , 0 0 0 10px #37aa44 ;
 transform: scale(1.5);
 opacity: 0;
 }
} 