/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */
 /* my changes */
.woocommerce-price-suffix {
	
}
.yith_magnifier_thumbnail {
	height: 80px;
	display: inline-block;
	max-height: 200px;
	overflow: hidden;
}
@media (max-width: 767px){
	.yith_magnifier_gallery li {
		width: 100px;
		overflow: hidden;
	}
}
.yith_magnifier_gallery li a {
	outline-color: #ccc;
	height: 100% !important;
	margin-bottom: 1px;
	opacity: .7;
}
.yith_magnifier_gallery li a:focus {
	outline: none;
	opacity: 1;
}
@media (min-width: 768px){
	.thumbnails {
		float: left;
		width: 20%;
	}
	.yith_magnifier_zoom_wrap {
		position: relative;
		float: right;
		width: 80%;
	}
}
.size-shop_thumbnail {
	width: 250px;
}
@media (min-width: 768px){
	body:not(.galleria-no-masonry) .content-area {
	    width: 100% !important;
	    float: left;
	    margin-right: 4.347826087%;
	}

	.storefront-full-width-content.single-product div.product .summary {
	    padding-left: 200px;

	}
}
.yith-wcwl-add-to-wishlist {
    margin-top: -80px;
}

/* Hide the date fields from users. They are still being used by JS and PHP form validation  */
.wc-bookings-date-picker-date-fields {
	display: none;
}
#wc-bookings-booking-form .wc-bookings-date-picker-choose-date {
	display: inline;
    border: 1px solid #ccc;
    padding: .5em 1em;
    font-weight: normal;
    text-decoration: none;
    color: #888;
}
#wc-bookings-booking-form .wc-bookings-date-picker-choose-date:hover,
#wc-bookings-booking-form .wc-bookings-date-picker-choose-date:focus {
    border: 1px solid #aaa;
    color: #444;
}
/* Hide linebreaking elements so size checkbox align horizontally */
.wc_booking_field_size br {
	display: none;
}
.wc_booking_field_size input:not(:first-of-type) {
	margin-left: .4em;
}
.ui-widget {
	font-family: "Libre Baskerville", "Georgia", serif;
	margin-right: 1px;
	margin-top: 10px;
}
/**
 * Datepicker Colors
 *
 *  Light: #bac6d6
 *  Dark: #68788d
 */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-next, 
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev {
	background-color: #bac6d6!important
}
#wc-bookings-booking-form .wc-bookings-date-picker .ui-widget-content {
	box-shadow: 0 0 1px #bac6d6;
}
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker-header {
	background-color: transparent;
	color: #68788d;
	letter-spacing: .1em;
}
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker th {
	background-color: transparent !important;
}
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a {
	background-color: transparent !important;
	position: relative;
}
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a:hover {
	background-color: #bac6d6 !important;
}
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a {
	background-color: white !important;
	color: #68788d !important;
}
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td:not(.not_bookable) a.ui-state-hover {
    background-color: #bac6d6!important
}
.ui-state-hover-first:after {
    content: "";
    width: 6px;
    height: 6px;
    background: white;
    position: absolute;
    top: 1px;
    left: 1px;
}
.ui-state-hover-last:after {
    content: "";
    width: 6px;
    height: 6px;
    background: white;
    position: absolute;
    bottom: 1px;
    right: 1px;
}
.datepicker-legend-start,
.datepicker-legend-end {
	float: left;
	width: 50%;
	margin: 0;
	line-height: 47px;
}
.datepicker-legend {
	font-size: 14px
}
.datepicker-legend .ui-state-hover {
	background: #bac6d6;
	border: 0;
	position: relative;
	width: 14.285714286%;
	height: 39px;
	float: left;
	margin: 4px;
}
.datepicker-legend-start.ui-state-hover-first:after,
.datepicker-legend-end.ui-state-hover-last:after {
	position: static;
}
@media (min-width: 768px) {
	.galleria-no-masonry #primary {
		float: right;
	}
	.galleria-no-masonry #secondary {
		float: left;
	}
	.widget-area .WOOF_Widget, .widget-area .widget-woof {
		padding-left: 0;
	}
	#pbf_wc_brands_a_z .row {
		clear: both;
	}
	#pbf_wc_brands_a_z .col-md-4 {
		width: 33%;
		float: left;
	}
}
.woof_container h4 {
	position: relative;
}
a.woof_front_toggle {
    position: absolute;
    width: 100%;
    text-align: right;
    left: 0;
}
a.woof_front_toggle:focus {
	outline: none;
}
.pbf_wc_brands {
	list-style: none;
}
#pbf_wc_brands_a_z h3 {
	text-transform: uppercase;
}
.widget-area .widget.WOOF_Widget a.woof_front_toggle {
	text-decoration: none;
	font-style: 9px;
}
.irs .irs-bar {
	background: black;
}
.irs .irs-slider {
	background: black;
    width: 4px;
}
.irs .irs-single {
	background: black;
}
.irs .irs-from,
.irs .irs-to {
	background: black;
}
.irs .irs-from:after, .irs .irs-to:after, .irs .irs-single:after {
	border-top-color: black;
}