/* Pinterest "Pin It" Button Pro Public CSS */

/* Share Bar */

/* This padding needs to be removed from the sharebar button so that the buttons adapt responsively smoothly */
.pib-sharebar-pinterest .pin-it-btn-wrapper {
	padding-bottom: 0;
}

.pib-sharebar {
	padding: 10px 0 5px;
	margin: 0;
	width: 100%;
    clear: both;
	/* text-align set in settings */
}

.pib-sharebar img,
.entry-content .pib-sharebar img {
	border-radius: 0;
	box-shadow: none;
	vertical-align: top;
	border: none;
	padding: 0;
	margin: 0;
	background: none;
}

.pib-sharebar ul,
.entry-content .pib-sharebar ul,
.pib-sharebar li,
.entry-content .pib-sharebar li {
    margin: 0;
    padding: 0;
	list-style: none;
	border: none;
	background: none;
    text-indent: 0;    
}

.pib-sharebar li,
.entry-content .pib-sharebar li {
	float: left;
	text-align: left;
	display: block;
	height: 26px;
	margin: 0 5px 5px 0;
    /* width set in settings */
}

.pib-sharebar li:before,
.entry-content .pib-sharebar li:before {
    content: none;
}

li.pib-sharebar-pinterest {
    text-align: left;
}

/* Specific overrides for the Facebook share image button. */
.entry-content .pib-sharebar-facebook-share img {
	border: 0;
	margin: 0;
}

/* Specific overrides for the old unsupported Facebook share iframe button.
   We don't usually add !important tags in but this is the only way to override the old Facebook style element injection.
 */
li.pib-sharebar-facebook-share .fb_iframe_widget {
	display: inline !important;
}

li.pib-sharebar-facebook-share .fb_iframe_widget span {
	vertical-align: top !important;
}

/*** Button Overlay on Hover Image ***/

.pib-hover-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
}

.pib-hover-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    text-align: left;
}

.pib-hover-btn-link {
    /* Default position is top-left corner. */
    top: 0;
    left: 0;

    /* Background image and dimensions should be overwritten, but leave in the default just in case. */
    background-image: url("//assets.pinterest.com/images/pidgets/pin_it_button.png");
    background-repeat: no-repeat;
    width: 58px;
    height: 27px;
    position: absolute;

    /* Margin setting from any corner. */
    margin: 10px;
    vertical-align: baseline;
    text-decoration: none;
}

/* Specific positions for hover button link */
.pib-hover-top-left {
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
}

.pib-hover-top-right {
    top: 0;
    bottom: auto;
    left: auto;
    right: 0;
}

.pib-hover-bottom-left {
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
}

.pib-hover-bottom-right {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}

/* Same as original WP alignleft, alignright, aligncenter to fix ProPhoto/CSS overwrite issue */
.pib-hover-container-alignleft,
.pib-hover-mask-alignleft {
    float: left;
}

.pib-hover-container-alignright,
.pib-hover-mask-alignright {
    float: right;
}

.pib-hover-container-aligncenter,
.pib-hover-mask-aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Pin it button below image defaults (background image, width & height should always be overwritten). */
.pib-img-under {
	background: url("//assets.pinterest.com/images/pidgets/pin_it_button.png") 0 0 no-repeat;
	display: block;
	width: 40px;
	height: 20px;
	clear: both;
}

/* Pin it button below image wrapper */
.pib-img-under-wrapper {
	margin-bottom: 10px;
}

/* WooCommerce-specific styles */

/* Add padding above Pin It button if under Add to Cart button. */
.product .summary .cart .pin-it-btn-wrapper {
	padding-top: 15px;
}

/* But not if using the share bar. */
.product .summary .cart .pib-sharebar .pin-it-btn-wrapper {
	padding-top: 0;
}