/* common */
.ff-widget-wrapper + .button {
	padding: 6px 10px 4px;
	font-size: 11px;
 	white-space: nowrap;
    position: absolute;
    left: 185px;
    top: 47px;
    transition: none;
    transition: color .5s linear, background .5s linear;
}



.ff-header-widgets:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
}
.ff-custom-cart {
	float: right;
	margin: 0 0 0 25px;
}
.ff-custom-login {
	float: right;
	margin-top: 6px;
}
.ff-custom-address {
	clear: both;
}

/* override with .wrapper */
body .ff-widget-wrapper,
body .ff-widget-wrapper button, 
body .ff-widget-wrapper input {
	font-family: 'Roboto', sans-serif;
}
body .ff-widget-wrapper .ff-product-card-title {
	display: none;
}
body .ff-widget-wrapper .ff-product-card-unit {
	display: none;
}


body .ff-widget-wrapper .ff-modal-submit {
	font-size: 14px;
	font-weight: 700;
	background: #5ac6c7;
}
body .ff-widget-wrapper .ff-modal-submit:hover,
body .ff-widget-wrapper .ff-modal-submit:active {
	background: rgba(98, 198, 199, 0.85);
}
body .ff-widget-wrapper .ff-info-list-additional-button {
	border-color: #5ac6c7;
	color: #5ac6c7;
}
body .ff-widget-wrapper .ff-info-list-additional-button:hover,
body .ff-widget-wrapper .ff-info-list-additional-button:active {
	border-color: rgba(98, 198, 199, 0.85);
	color: #ffffff;
	background: rgba(98, 198, 199, 0.85);
}
body .ff-widget-wrapper .ff-info-item-title button {
	color: #5ac6c7;
	border-color: #5ac6c7;
}
body .ff-widget-wrapper .ff-info-item-button {
	background: #5ac6c7;
}
body .ff-widget-wrapper .ff-info-item-button:hover,
body .ff-widget-wrapper .ff-info-item-button:active {
	background: rgba(98, 198, 199, 0.85);
}


/* product card */
.wrapper .ff-widget-wrapper .ff-product-card {
	padding-left: 80px;
    padding-top: 15px;
}
.wrapper .ff-widget-wrapper .ff-product-card-button {
	background: #5ac6c7;
    height: 46px;
    line-height: 48px;
    padding: 0 25px;
    width: auto;
    font-size: 14px;
}
.wrapper .ff-widget-wrapper .ff-product-card-button:active,
.wrapper .ff-widget-wrapper .ff-product-card-button:hover {
	background: rgba(98, 198, 199, 0.85);
}
.wrapper .ff-widget-wrapper .ff-product-card-price {
	position: absolute;
    left: 0;
    width: 80px;
    text-align: center;
    bottom: 14px;
    margin-bottom: 0;
    font-size: 20px;
}
.wrapper .ff-widget-wrapper .ff-product-card-price-old {
	width: 80px;
    position: absolute;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    bottom: 28px;
    left: 0;
}
.wrapper .ff-widget-wrapper .ff-product-card-price-old + .ff-product-card-price {
	bottom: 5px;
}


/* login button */
.wrapper .ff-widget-wrapper .ff-login-button {
	font-size: 13px;
	line-height: 22px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
}
.wrapper .ff-widget-wrapper .ff-login-button:hover {
	color: #3f4347;
}
.inner-page .ff-widget-wrapper .ff-login-button:hover {
	color: rgba(255, 255, 255, 0.7);
}


/* cart button */
.wrapper .ff-widget-wrapper .ff-cart-button {
	font-size: 13px;
	line-height: 34px;
	font-weight: 500;
	color: #ffffff;
	background: none;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 3px;
	text-transform: uppercase;
	transition: all .2s ease-in-out;
	width: auto;
	padding-right: 12px;
	padding-left: 42px;
}
.wrapper .ff-widget-wrapper .ff-cart-button:hover {
	background: #ffffff;
	color: #3f4347;
}
.wrapper .ff-widget-wrapper .ff-cart-button span {
    height: 21px;
    top: -12px;
    font-size: 12px;
    line-height: 22px;
	text-transform: none;
}
.wrapper .ff-widget-wrapper .ff-cart-button:after {
	left: 10px;
    top: 6px;
	background: url('../images/ff-widgets/dc-cart-icon.png') no-repeat scroll 0 0;
}


/* address button */
.wrapper .ff-widget-wrapper .ff-address-button {
	color: #ffffff;
	font-size: 12px;
	background-size: 10px 12px;
    padding: 0 0 0 15px;
    font-weight: 400;
    background-position: 0 4px;
    margin-top: 8px;
}
.wrapper .ff-widget-wrapper .ff-address-button:hover {
	color: #3f4347;
}
.inner-page .ff-widget-wrapper .ff-address-button:hover {
	color: rgba(255, 255, 255, 0.7);
}



@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .ff-cart-button:after {
      background-image: url('../images/ff-widgets/dc-cart-icon@2x.png');

    }
}