/*!
 * Contact Buttons Plugin Demo 0.1.0
 * https://github.com/joege/contact-buttons-plugin
 *
 * Copyright 2015, José Gonçalves
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
 
@media (min-width: 767px){
	 #contact-buttons-bar {
	  position: fixed;
	  top: 170px;
	  left: -50px;
	  width: 50px;
	}
	.show-hide-contact-bar,
	.contact-button-link-hide.show-hide-contact-bar:focus,
	.contact-button-link-hide.show-hide-contact-bar:active {
		display:none;
	}
	.contact-button-link-hide.show-hide-contact-bar:hover { 
		display:none;
	}
	.contact-button-link-hide  {
		display:none;
	}
	.contact-button-link  {
		left:3px;
	}
}
@media (max-width: 767px){
  #contact-buttons-bar {
	  position: fixed;
	  top: 100px;
	  left: -50px;
	  width: 50px;
  }
  .contact-button-link  {
		left:-50px;
   }
  .contact-button-link-hide  {
	  display: block;
	  /* width: 50px;
	  height: 50px;*/
	  padding:0;
	  margin-bottom: 5px;
	  text-align: center;
	  /* line-height: 50px; 
	  line-height: 40px; 
	  font-size: 25px; 
	  background: #8e8e93;
	  color: #fff;*/
	  opacity: 1;
	  position: relative;
	  left: 3px;
	  cursor: pointer;
	  border-radius: 25px;
	  text-align: center;
	  background: rgba(77, 77, 79, 0.68);
	  color: #e2e2e2;
	  border: 1px solid #e2e2e2;
	  font-size: 20px;
	  height: 38px;
	  width: 38px;
	  
	  -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box;
	  
	  -webkit-transition: all 250ms;
		 -moz-transition: all 250ms;
			  transition: all 250ms;

	  white-space: pre-wrap; /* css-3 */    
	  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	  white-space: -pre-wrap; /* Opera 4-6 */    
	  white-space: -o-pre-wrap; /* Opera 7 */    
	  word-wrap: break-word; /* Internet Explorer 5.5+ */
  }
  .show-hide-contact-bar,
  .contact-button-link-hide.show-hide-contact-bar:focus,
  .contact-button-link-hide.show-hide-contact-bar:active {
	display: block;
    padding: 0;
    margin-bottom: 5px;
    text-align: center;
    opacity: 1;
    position: relative;
    left: 3px;
    cursor: pointer;
    border-radius: 25px;
    text-align: center;
    background: rgba(77, 77, 79, 0.68);
    color: #e2e2e2;
    border: 1px solid #e2e2e2;
    font-size: 20px;
    height: 38px;
    width: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    transition: all 250ms;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
  }
  .contact-button-link-hide.show-hide-contact-bar:hover {  
	display: block;
    padding: 0;
    margin-bottom: 5px;
    text-align: center;
    opacity: 1;
    position: relative;
    left: 3px;
    cursor: pointer;
    border-radius: 25px;
    text-align: center;
    background: #ccc;
    color: #000;
    border: 1px solid #e2e2e2;
    font-size: 20px;
    height: 38px;
    width: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    transition: all 250ms;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
  }
}

#contact-buttons-bar.slide-on-scroll {
  /*position: absolute;*/
	position:fixed;
}

.contact-button-link  {
  display: block;
  /* width: 50px;
  height: 50px;*/
  padding:0;
  margin-bottom: 5px;
  text-align: center;
  /* line-height: 50px; 
  line-height: 40px; 
  font-size: 25px; 
  background: #8e8e93;
  color: #fff;*/
  opacity: 1;
  position: relative;
  /* left: 3px; */
  cursor: pointer;
  border-radius: 25px;
  text-align: center;
  background: rgba(77, 77, 79, 0.68);
  color: #e2e2e2;
  border: 1px solid #e2e2e2;
  font-size: 20px;
  height: 38px;
  width: 38px;
  
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  
  -webkit-transition: all 250ms;
     -moz-transition: all 250ms;
          transition: all 250ms;

  white-space: pre-wrap; /* css-3 */    
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */    
  white-space: -o-pre-wrap; /* Opera 7 */    
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.contact-button-link span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.contact-button-link:hover,
.contact-button-link:focus,
.contact-button-link:active {
  /* color: #fff;
  padding-left: 20px;
  width: 70px; */
}
.contact-button-link.cb-hidden {
  /* left: -50px; */
  left: 3px;
}

/* .contact-button-link.facebook {
  background: #3b5998;
} 
.contact-button-link.linkedin {
  background: #0077b5;
}
.contact-button-link.gplus {
  background: #db4437;
}*/

.contact-button-link.separated {
  margin-top: 1em;
}

/*.show-hide-contact-bar,
.contact-button-link.show-hide-contact-bar:focus,
.contact-button-link.show-hide-contact-bar:active {
background: transparent;
  color: #000;
  border: 0;
  outline: 0;
  padding: 0;
  width: 50px; 
}
.contact-button-link.show-hide-contact-bar:hover {
  color: #000;
  background: #ccc;
  padding: 0;
  width: 50px;
}*/
.slide-on-scroll>a:hover, a:focus{
	color: #e3dede;
	text-decoration: none;
}