/*!
 * 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
 */

#contact-buttons-bar {
  display: none;
  z-index: 501;
  -webkit-transition: all 0s ease-in-out 0s !important;
  -moz-transition: all 0s ease-in-out 0s !important;
  -o-transition: all 0s ease-in-out 0s !important;
  transition: all 0s ease-in-out 0s !important;
}

#contact-buttons-bar.open {
  -webkit-transition: all 200ms ease 0s !important;
  -moz-transition: all 200ms ease 0s !important;
  -o-transition: all 200ms ease 0s !important;
  transition: all 200ms ease 0s !important;
}

#contact-buttons-bar.closed {
  height: 45px;
}

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

.contact-button-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  color: #fff !important;
  background: #8e8e93;
  font-size: 22px;
  text-align: center;
  line-height: 50px;
  padding: 0;
  border-radius: 0 !important;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  -webkit-transition: all 200ms ease-in-out 0s !important;
  -moz-transition: all 200ms ease-in-out 0s !important;
  -o-transition: all 200ms ease-in-out 0s !important;
  transition: all 200ms ease-in-out 0s !important;
}

.contact-button-link:hover,
.contact-button-link:focus,
.contact-button-link:active {
  width: 55px;
  color: #fff;
  padding-left: 10px;
}

.contact-button-link .fa {
  color: #fff;
}

.contact-button-link.cb-hidden {
  left: -45px;
}

.contact-button-link.facebook {
  top: 50px;
  background: #3b5998;
}

.contact-button-link.email {
  top: 150px;
  background: #bd190d;
  background: -moz-radial-gradient(center, ellipse cover, #bd190d 0%, #9b0b00 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #bd190d 0%,#9b0b00 100%);
  background: radial-gradient(ellipse at center, #bd190d 0%,#9b0b00 100%);
}

.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 {
  width: 45px;
  color: #000;
  background: #282726;
  padding: 0;
  border: 0;
  outline: 0;
}

.contact-button-link.show-hide-contact-bar:hover,
.contact-button-link.show-hide-contact-bar:focus {
  width: 45px;
  color: #000;
  background: #2d2d2d;
  padding: 0;
}

@media (min-width: 768px) {
  #contact-buttons-bar {
    position: fixed !important;
    top: 210px;
    left: 0;
    display: block;
    width: auto;
  }

  .contact-button-link {
    width: 45px;
    height: 45px;
    font-size: 22px;
    line-height: 45px;
  }

  .contact-button-link.facebook {
    top: 45px;
  }

  .contact-button-link.email {
    top: 90px;
  }
}

@media (min-width: 992px) {
  #contact-buttons-bar {
    top: 222px;
  }

  #contact-buttons-bar.closed {
    height: 50px;
  }

  .contact-button-link.cb-hidden {
    left: -50px;
  }

  .show-hide-contact-bar,
  .contact-button-link.show-hide-contact-bar:focus,
  .contact-button-link.show-hide-contact-bar:active {
    width: 50px;
  }

  .contact-button-link.show-hide-contact-bar:hover {
    width: 50px;
  }

  .contact-button-link {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .contact-button-link.facebook {
    top: 50px;
  }

  .contact-button-link.email {
    top: 100px;
  }
}

@media (min-width: 1200px) {
  #contact-buttons-bar {
    top: 250.5px;
  }
}