/* Webicons by Adam Fairhead at Fairhead Creative http://fairheadcreative.com */
.webicon {
  display: inline-block;
  background-size: 100%;
  width: 27px;
  height: 27px;
  text-indent: -999em;
  text-align: left;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
  border:0px solid green;
  border:2px solid #777;
}
.webicon-spacer {
  display: inline-block;
  background-size: 100%;
  width: 27px;
  height: 27px;
  text-indent: -999em;
  text-align: left;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
  border:0px solid green;
  border:2px solid transparent;
  background-color:transparent;
}

.webicon:hover {
  margin: -1px 0 1px;
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); 
  border:0px solid #999;
  opacity:.8;
  border:2px solid Gainsboro;  
}

.webicon.small {
  width: 20px;
  height: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.webicon.large {
  width: 48px;
  height: 48px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

/* restore webicons accessibility for print */
@media print {
  * {
      background: transparent !important;
      color: #000 !important;
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      text-shadow: none !important;
  }
  .webicon {
    text-indent: 0;
    width: auto !important;
    height: auto !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
  }
}

.no-svg .webicon.github {
  background: url("images/webicon-github-m.png"); }

.webicon.webicon-github {
  background: url("../images/webicon-github-m.png"); }
  
.no-svg .webicon.github.large {
  background: url("images/webicon-github.png"); }

.no-svg .webicon.github.small {
  background: url("images/webicon-github-s.png"); }

.svg .webicon.github {
  background: url("images/webicon-github.svg"); }

.no-svg .webicon.linkedin {
  background: url("images/webicon-linkedin-m.png"); }
.webicon.webicon-linkedin {
  background: url("../images/webicon-linkedin-m.png"); 
  }

.no-svg .webicon.linkedin.large {
  background: url("images/webicon-linkedin.png"); }

.no-svg .webicon.linkedin.small {
  background: url("images/webicon-linkedin-s.png"); }

.svg .webicon.linkedin {
  background: url("images/webicon-linkedin.svg"); }

.no-svg .webicon.mail {
  background: url("images/webicon-mail-m.png"); } 

  
.webicon.webicon-mail { 
  background: url("../images/webicon-mail-m.png"); 
  } 

.no-svg .webicon.mail.large {
  background: url("images/webicon-mail.png"); }

.no-svg .webicon.mail.small { 
  background: url("images/webicon-mail-s.png"); }

.svg .webicon.mail {
  background: url("images/webicon-mail.svg"); }

.no-svg .webicon.twitter {
  background: url("images/webicon-twitter-m.png"); } 
.webicon.webicon-twitter {
  background: url("../images/webicon-twitter-m.png"); } 

.no-svg .webicon.twitter.large {
  background: url("images/webicon-twitter.png"); }

.no-svg .webicon.twitter.small {
  background: url("images/webicon-twitter-s.png"); }

.svg .webicon.twitter {
  background: url("images/webicon-twitter.svg"); 
  }
.webicon.webicon-fb { 
  background: url("../images/webicon-fb-m.png");
  background-size:     cover;                      
  background-repeat:   no-repeat;
  background-position: center center;      
  } 
.webicon.webicon-kb { 
  background: url("../images/webicon-kb-m.png"); 
  background-size:     cover;                      
  background-repeat:   no-repeat;
  background-position: center center;    

  } 
.webicon.webicon-insta { 
  background: url("../images/webicon-insta-m.png"); 
  background-size:     cover;                      
  background-repeat:   no-repeat;
  background-position: center center;    

  }  
.webicon.webicon-cerb { 
  background: url("../images/webicon-cerb-m.png"); 
  background-size:     cover;                      
  background-repeat:   no-repeat;
  background-position: center center;    

  }   
.webicon.webicon-na { 
  background: url("../images/webicon-na-m.png");
  background-size:     cover;                      
  background-repeat:   no-repeat;
  background-position: center center;    
  } 
.webicon.webicon-iERP { 
  background: url("../images/iERPico.png"); 
  background-size:     cover;                      
  background-repeat:   no-repeat;
  background-position: center center;    
  }
.webicon.webicon-buddha { 
  background: url("../images/buddha.png");
  background-size:     cover;                      
  background-repeat:   no-repeat;
  background-position: center center;      
  } 
.webicon.webicon-boERP { 
/* background: url("../images/bookOfERP.png");*/
  background: url("../images/bookicon.png");
  background-size:     cover;                      
  background-repeat:   no-repeat;
  background-color: #FFF;
  background-position: center center;      
  }