/* ======= social icons======= */
.social-buttons{
  a{display: inline-block; background-color:#333; width:34px; height: 34px; border-radius:6px; text-align: center; color: #fff; line-height: 38px; }
  a:hover{color: #fff }
  i{font-size: 20px;}
  .facebook{background-color: #405D9D}
  .twitter{background-color: #2C99D7}
  .instagram{background-color: #C8046C}
  .youtube{background-color: #E52D27}
}

.btn-primary{background-color:$primary; border:$primary; 
	&:hover{background-color:$accent}
}

.btn-warning{background-color:$accent; border-color:$accent; 
	&:hover, &:focus{background-color:$accent2; }
}

.btn-outline{border:1px solid $accent; color:$accent; background-color:rgba(#fff,.4);}

.btn-normal{padding-top:10px; padding-bottom:10px; background-color:#eee; border:1px solid #ddd; color:$accent; box-shadow:inset 0 2px 2px #fff;}
.btn{
    i{vertical-align:middle; margin-right:7px; font-size:18px }
}

.btn-round{border-radius:30px!important; padding-left:30px; padding-right:30px;}

.btn .caret{
	margin-left:4px; margin-top:-2px;
	border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.btn:not(.active).focus, .btn:focus{outline:none}
.btn-group .btn-default.active{ background-color:$accent2; color:#fff; border-color: $accent;}