/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.wbu-referral-link {
	padding:0; margin-bottom: 1rem;
	background-color: #efefef;
	overflow: hidden;
}

#wbu-referral-link-text{
	float: left;
	padding: 1rem 1.3rem;
}
#wbu-referral-cp-btn{
	background-color: #3b5998;
	color:white;
	float: right;
	font-family: "din-next-pro-medium","PT Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	padding: 1.25rem 1.3rem;
}
#wbu-referral-cp-btn.copied{
	background-color: #78A4A5;
}

#fb_post {
	background-color: #3b5998; 
	margin-right: 1rem;
}

#tw_post {
	background-color: #4099FF
}

.gf-invite-a-friend, .wbu-referral-link, .social-share-buttons {
	margin-top: 1rem;
}



/*FIXME: remove after fixed in main theme css*/
.gf-invite-a-friend .woocommerce input.button {
	padding: 0 1em !important;
	font-size: 0.9rem !important;
	text-transform: lowercase !important; 
	text-transform: capitalize !important;
	font-weight: 400 !important;
}

.sign-up-text {
	margin-bottom: 1rem;
}


@media screen and (max-width: 39.9375em){
	#wbu-referral-link-text{
		max-width:calc(100% - 58px);
		overflow: hidden;
	}
	#wbu-referral-link-text.full{
		float: none;
		text-align: center;
		max-width:100%;
		padding:1rem 0.5rem;
	}
	.hide-on-mobile{
		display: none;
	}
	.social-share-buttons{
		text-align: center;
	}
}