/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .social-links{
   top: -5px!important;
   text-transform: lowercase;
 }
 .social-links:first-letter{
  text-transform: uppercase;
 }
 .social-links a{
  display: inline-block!important;
 }
 .social-links a:first-of-type{
  padding: 20px 15px 20px 15px!important; 
 }
 .widget-box.gray > svg.realtime {
  display: none;
 }
 .widget-box.gray .widget-title {
  color: #EB4146;
  font-weight: 600;
 }
 .widget-box.gray .widget-body .widget-footer a.action {
  color: #EB4146;
  border-color: #EB4146;
}
.widget-box.gray .widget-body .widget-footer a.action .icon {
  fill: #EB4146!important;
}
@media (min-width:400px) and (max-width: 939px){
	.mobile.social-links{
		position:absolute;
		top: 0px!important;
		right:0px;
		margin-right: 15px;
	}
  .mobile.social-links a{
    padding: 20px 15px;
  }
	.mobile.social-links a:first-of-type {
    padding: 20px 0px 20px 15px!important;
	}

}
@media (min-width:270px) and (max-width: 399px){
  .logo{
    margin: 0 20px!important;
  }
  .mobile.social-links{
		position:absolute;
		top: 0px!important;
		right:0px;
		margin-right: 15px;
	}
  .mobile.social-links a{
    padding: 20px 15px;
  }
	.mobile.social-links a:first-of-type {
    padding: 20px 0px 20px 15px!important;
	}
}
@media (max-width: 269px){
  .mobile.social-links{
    display: none;
  }
}
@media (min-width: 940px){
  .mobile.social-links{
    display: none;
  }
}
