/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 10 2022 | 09:19:20 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 


#social-bubble{
  width: 60px;
  height: 60px;
  background-color: #fff;
  position: fixed;
  bottom: 50px;
  right: 50px;
  border-radius: 50%;
  z-index: 5;
  cursor: pointer;
}



#social-bubble-wrap{
z-index: 5;
}




#social-bubble-content{
	display: flex;
  	flex-direction: column;
  	width: 230px;
  	position: fixed;
    bottom: 130px;
    right: 50px;
    background: #fff;
  	padding: 15px 20px;
  	display: none;
  	z-index: 5;
}

#social-bubble-content > div{
	padding: 12px 0px;
}

#social-bubble-content > div a{
	padding-left: 10px;
}

#social-bubble-content h4{
	color: #003054;
  	font-size: 1.4rem;
}

#social-bubble-toggle-img{
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}


@media only screen and (max-width: 576px) {
  #social-bubble{
	bottom: 20px;
  	right: 20px;
  }
  
  
  #social-bubble-content{
     bottom: 106px;
    right: 20px;
    
  }
}
