/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
.left-sidebar{
  position: fixed;
  top: 30%;
  z-index: 999;
}
.left-sidebar ul{
  border: none;
}
.left-sidebar i.fa{
  padding: 8px;
  font-size: 25px;
  color: #fff;
}
.left-sidebar li{
  width: 80px;
  transition: .5s;
}
.left-sidebar li:nth-child(1){
  background: #1877f2;
  border-radius: 0px 15px 0px 0px;
}
.left-sidebar li:nth-child(2){
  background: #25d366;
  border-radius: 0px 0px 0px 0px;
}
.left-sidebar li:nth-child(3){
  background: #e1306c;
  border-radius: 0px 0px 15px 0px;
}

.left-sidebar li:hover{
  width: 150px;
}
.navbar-mobile-hide{
  display: block;
}
#social-list li{
  display: inline;
}
#logo-site{
  height: 55px;
  margin-left: 100px;
  border-radius: 0px 0px 15px 15px;
}
#logo-mobile-1{
  width: 65%;
  border-radius: 0px 50px 50px 0px;
}
@media (max-width: 600px) {
  #logo-footer {
    width: 50%;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  #logo-footer {
    width: 70%;
  }
}
@media (min-width: 993px) {
  #logo-footer {
    width: 20%;
  }
}