/*
Custom CSS for coolbluewoo plugin*
----------------------------
*/

@import 'magnific-popup.css';

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 900px;
  margin: 20px auto;
}


.col{
	padding: 1%;
}

.tutorial{
  background-color: #fff;
  border-radius: 5px;
  padding: 0%;
  margin: 2% 0% 2% 0%;
  overflow: auto;
  -webkit-box-shadow: 0 1px 0px 0px #909496;
  -moz-box-shadow: 0 1px 0px 0px #909496;
  box-shadow: 0 5px 0px 0px #909496;
  width: 100%;
}

.tutorial-box-header{
	background-color: #8e6b87;
	color: #fff;
	font-size: 1.5em !important;
	padding: 1% 0% 1% 1%;
	margin-bottom: 0%;
	text-align: left;
    -webkit-box-shadow: 0 1px 0px 0px #909496;
    -moz-box-shadow: 0 1px 0px 0px #909496;
    box-shadow: 0 5px 0px 0px #909496;
}

#tutorial-text {
	font-size: 1.4rem !important;
	color: #fff !important;
}

.fb-box-header{
	background-color: #1877f2;
	color: #fff;
	padding: 1% 0% 1% 1%;
	margin-bottom: 2%;
	text-align: left;
}

.twitter-box-header{
	background-color: #1d9bf0;
	color: #fff;
	padding: 1% 0% 1% 1%;
	margin-bottom: 2%;
	text-align: left;
}

.email-box-header{
	background-color: #aecfd1;
	color: #fff;
	padding: 1% 0% 1% 1%;
	margin-bottom: 2%;
	text-align: left;
}

.icon{
	margin-right: 15px;
}

.facebook .icon{
	background:url('../images/facebook.png');
	float: left;
    height: 69px;
    width: 70px;
}

.twitter .icon{
	background:url('../images/twitter.png');
	float: left;
    height: 69px;
    width: 70px;
}

.email .icon{
	background:url('../images/email.png');
	float: left;
	height: 80px;
    width: 81px;
}

.gplus .icon{
	background:url('../images/google.png');
	display:block;
	height: 80px;
    width: 80px;
	float:left;
}

.click-to-share{
	float:right;
	background:url('../images/share_button.png');
	width:140px;
	height:37px;
}

.click-to-show{
	float:right;
	background:url('../images/show_button.png');
	width:140px;
	height:37px;
}

.learn-more {
	float:right;
	background:url('../images/learn-more.png');
	width:140px;
	height:37px;
}

.share .email { width: auto; }

#subscriptions-table_paginate {
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0;
}

#subscriptions-table_paginate .paginate_button{
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}

#subscriptions-table_paginate .paginate_button {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #428bca;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

.menu-lower-bar {
	display: inline;
	background-color: #81abb0 !important;
	color: #fff !important;
	text-decoration: none;

}

.menu-lower-bar-links{
	background-color: #81abb0 !important;
	color: #fff !important;
	text-align: center;
	padding: .75%;
    margin-top: -2%;
}

.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--rewards a:before{
	content: "\f5a2"
}
.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--referrals a:before{
	content: "\f1e0"
}