/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
/* -------------------- Icon footer --------------------   */
span.phoner:before {
content: '\e80e';
position: absolute;
font-family: 'zucker-icon1';
color: #ec4135;
font-size: 35px;
line-height: 36px;
}
span.mailer:before {
content: '\e80d';
position: absolute;
font-family: 'zucker-icon1';
color: #ec4135;
font-size: 35px;
line-height: 36px;
}
span.mapper:before {
content: '\e80c';
position: absolute;
font-family: 'zucker-icon1';
color: #ec4135;
font-size: 35px;
line-height: 36px;
margin-left: -30px;
}
.phoner a, .mailer a, span.mapper {margin-left: 30px; display: inline-block;}
span.phoner, span.mailer {margin-bottom: 10px; display: inline-block;}


/* -------------------- Zunderline --------------------   */
.phoner a,
.mailer a {
  display: inline-block;
  position: relative;
  padding: 0.07em 0;
  color: #fff;
  text-decoration: none !important;
}

/* Fade in */
.phoner a:after,
.mailer a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: #ec4135;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}

.phoner a:hover:after,
.mailer a:hover:after,
.phoner a:focus:after,
.mailer a:focus:after {
  opacity: 1;
  transform: translate3d(0, 0.1em, 0);
}

/* Slide in */
.phoner a, .mailer a {
  overflow: hidden;
}

.phoner a:after,
.mailer a:after  {
  opacity 1;
  transform: translate3d(-85%, 0, 0);
}

.phoner a:hover:after,
.phoner a:focus::after,
.mailer a:hover:after,
.mailer a:focus::after {
  transform: translate3d(0, 0, 0);
}