/******* BLURB STYLES *******/ .b3_blurb_1 img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; } .b3_blurb_1 { border: none !important; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; width: 100%; position: relative; z-index: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; box-shadow: 0 20px 100px rgba(212, 215, 217,.5); -webkit-box-shadow: 0 20px 100px rgba(212, 215, 217,.5); -moz-box-shadow: 0 20px 100px rgba(212, 215, 217,.5); -o-box-shadow: 0 20px 100px rgba(212, 215, 217,.5); } .b3_blurb_1:hover { box-shadow: 0 40px 100px rgb(212, 215, 217); -webkit-box-shadow: 0 40px 100px rgb(212, 215, 217); -moz-box-shadow: 0 40px 100px rgb(212, 215, 217); -o-box-shadow: 0 40px 100px rgb(212, 215, 217); } .b3_blurb_1:hover img { -ms-transform: scale(1.00) !important; -webkit-transform: scale(1.00) !important; transform: scale(1.00) !important; -webkit-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); -moz-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); -o-transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); transition: all 1000ms cubic-bezier(0.170, 0.690, 0.470, 0.995); /* custom */ } .b3_blurb_1 .et_pb_main_blurb_image { margin-bottom: 20px; text-align: center; } /**** BLURB LINK ***/ .blurb_link { display: block; margin-top: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } .blurb_link:hover { letter-spacing: 1px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; } /*------------------------------------------------------------------------*/ /*-------------------- BLURB RIPPLE EFFECT ------------------------------*/ /*------------------------------------------------------------------------*/ /* Ripple Out */ @-webkit-keyframes blurb-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes blurb-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .blurb-ripple-out .et-pb-icon { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .blurb-ripple-out .et-pb-icon:before { content: ''; position: absolute; /* This is your ripple color & size */ border: #2c94f2 solid 6px; /* Uncomment the line below if it's a circle*/ border-radius: 50%; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .blurb-ripple-out:hover .et-pb-icon:before, .blurb-ripple-out:focus .et-pb-icon:before, .blurb-ripple-out:active .et-pb-icon:before { -webkit-animation-name: blurb-ripple-out; animation-name: blurb-ripple-out; }