/*!
Theme Name: YuleBerwick
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: yuleberwick
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

YuleBerwick is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	font-family: 'Inter', sans-serif;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

#page {
	/*background-color: orange;*/
	max-width: 1100px;
	padding-right: 20px;
	padding-left: 20px;
	margin: auto;
	margin-top: 56px;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
	padding-bottom: 10px;
}

#secondary {
	display: none;
}

/*Header*/

#masthead {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 18px !important;
	background-color: white;
	position: fixed;
	top: 0px;
	width: 100vw;
	z-index: 2000 !important;
}

.logged-in #masthead {
	top: 32px;
}

#head-inner {
	max-width: 1100px;
	margin: auto;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 18px;
}

.site-branding {
	min-width: 440px;
	display: inline-block;
}

.site-branding a {
	text-decoration: none !important;
	color: black;
	transition: color 0.5s ease;
}

.site-branding a:hover {
	color: black !important;
}

.page-id-9 #berwick_title, .page-id-9 #slash {
	color: grey;
}

.page-id-11 #yule_title, .page-id-11 #slash, .parent-pageid-11 #yule_title, .parent-pageid-11 #slash {
	color: grey;
}

.site-title {
	max-width: 410px;
}

.menu-menu-1-container {
	display: inline-block;
}

#site-navigation {
	/*width: 50%;*/
	display: inline-block;
	float: right;
	text-align: right;
}

#site-navigation li {
	display: inline-block;
	margin-left: 20px;
}

#site-navigation a {
	text-decoration: none !important;
	color: grey;
	transition: color 0.5s ease;
}

#site-navigation a:hover {
	color: black !important;
}

.search-icon {
	width: 15px;
	height: 15px;
}

.current-page-ancestor a, .current-menu-item a {
	color: black !important;
}

.hamburger {
	float: right;
	display: none;
}

.menu-item-649 {
	display: none !important;
}

.page-title-container {
	width: 100%;
	height: 59px;
	padding-top: 2px;
	padding-bottom: 10px;
}

.page-title {
	font-size: 80px;
	font-weight: 900;
	text-transform: uppercase;
	float: left;
	margin-right: 15px;
	line-height: 0.75;
}

.page-title-fill {
	overflow: hidden;
	height: 100%;
	background-color: black;
}

.custom_content .gallery {
	display: none !important;
}

.custom_content p {
	margin: 0px !important;
}

/*Home Page*/

.home-content {
	display: block;
}

.home-text {
	font-size: 140px;
	font-weight: 900;
	text-transform: uppercase;
	position: absolute;
	color: black !important;
	top: 20%;
}

#photo-home{
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

#photo-home img {
	width: 70%;
	height: auto;
	border: thin #ECEBEB solid;
}

#photo-home .home-text {
	right: 0px;
}

#film-home {
	width: 100%;
	position: relative !important;
	margin-bottom: 10px;
}

#film-home .home-text {
	left: 0px;
}

#film-images {
	text-align: right;
}

#film-images img {
	width: 25%;
	margin-left: 20px;
	height: auto;
	border: thin #ECEBEB solid;
}

#sculpture-home{
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

#sculpture-home img {
	width: 50%;
	height: auto;
	border: thin #ECEBEB solid;
}

#sculpture-home .home-text {
	right: 0px;
}


#shop-home {
	width: 100%;
	position: relative;
	margin-bottom: 10px;
	display: block;
}

#shop-home .home-text {
	left: 0px;
}

#shop-images {
	text-align: right;
}

#shop-images img {
	max-width: 40%;
	height: 100%;
	margin-right: 20px;
	height: auto;
	border: thin #ECEBEB solid;
}

/*Film Page*/

.films_list {
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-flow: row wrap;
	width: 100%;

}

.film_item {
	width: calc(20% - 17px);
	float: left;
	margin-right: 18px !important;
	margin-bottom: 16px;
	list-style: none;
	padding: 0px !important;
	overflow: hidden;
	border: thin #ECEBEB solid;
}

.film_item:nth-child(5n) {
	margin-right: 0px !important;
}

.film_item img {
	max-width: 100%;
	height: auto;
	display: block !important;
	transition: transform 0.3s;
}

.film_item img:hover {
	transform: scale(1.03);
}

.film_container {
	padding: 20px;
	vertical-align: top;
	padding-bottom: 20px;
	border: thin #d6d6d6 solid;
	background-color: #f3f3f3;
}

.film_container .post-thumbnail {
	display: inline-block;
	width: 22%;
}

.film_container .post-thumbnail img {
	max-width: 100%;
	height: auto;
	display: block !important;
	border: thin #d6d6d6 solid;
}

.film_container .entry-content {
	width: 60%;
	display: inline-block;
	vertical-align: top;
	padding-left: 20px;
}

.film_container .entry-content h1 {
	margin-top: 0px;
	font-size: 16px;
}

.film_container .entry-content p {
	font-size: 14px;
	font-weight: 300;
}

.more_films {
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
}

.film_pagination {
	display: flex;
	justify-content: space-between;
	border-top: solid 1px #d6d6d6;
	padding-top: 20px;
	margin-top: 20px;
}

.film_pagination a {
	color: black;
	font-size: 14px;
}

#prev_film {
}

#next_film {
	text-align: right;
}

/*Photography Page*/

#photo-container {
}

#photo-gallery {
	/*column-count: 4;
	column-gap: 10px; 
	line-height: 0px;*/
}

.gallery-item--width:nth-child(3n) {
	/*column-span: all;*/
	width: 49.5% !important;
}

.page-template-page-photo #page {
	/*padding-right: 20px !important;*/
}

.grid-sizer { 
	width: 24.25%; 
}

.gutter-sizer { 
	width: 1%; 
}

.gallery-item {
	width: 24.25%;
	display: block;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	margin-top: 0px;
	overflow: hidden;
}

.gallery-item img {
	width: 100%;
	transition: transform .3s ease;
}

.gallery-item img:hover {
	transform: scale(1.02);
}

.image-caption {
	display: none;
}


/* Shop Page */

.woocommerce #menu-item-544 a {
	color: black !important;
}

.woocommerce a {
	color: black;
}

#cart-entry {
	position: fixed;
	right: 0px;
	top: calc( 50vh - 20px);
	border: 2px solid black;
	border-right: none;
	height: 35px;
	width: 35px;
	padding: 10px;
	opacity: 0.25;
	transition: opacity 0.3s ease;
	font-size: 15px;
	text-align: center;
	display: none;
}

.woocommerce #cart-entry {
	display: block;
}

#cart-entry:hover {
	opacity: 1;
}

.woocommerce-result-count {
	display: none;
}

.woocommerce-ordering {
	display: none;
}

.page-id-543 h1 {
	font-size: 25px !important;
}

.page-id-543 h2 {
	font-size: 16px !important;
	font-weight: 500 !important;
}

.page-id-543 .products {
	margin: 0px !important;
	/*margin-left: 20px !important;*/
	padding: 0px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.page-id-543 .product {
	margin-right: 15px !important;
	margin-bottom: 15px !important;
	width: auto !important;
	transition: opacity 0.25s ease;
	opacity: 1;
	clear: none !important;
	/*float: left !important;*/
}

.page-id-543 .product:nth-child(4n) {
	margin-right: 0px !important;
}

.page-id-543 .product:hover {
	opacity: 0.75;
}

.page-id-543 .product img {
	width: 231px !important;
	height: 200px !important;
	/*border: #B7B6B6 solid 1px;*/
	margin-bottom: 5px !important;
	object-fit: contain;
	/*padding: 15px;*/
}

.page-id-543 .product h2 {
	width: 231px;
}

.product .product_type_variable {
	display: none !important;
}

.product a {
	color: black !important;
}

.product .woocommerce-Price-amount {
	color: black !important;
}

.woocommerce-product-gallery__trigger {
	display: none;
}

.product_cat-books .price  {
	display: none !important;
}

/*Product Page*/

.product .entry-header {
	display: none;
}

.woocommerce-product-gallery__wrapper {
	border: thin #d6d6d6 solid;
}

.price {
	margin-top: 0px;
}

.woocommerce-product-details__short-description {
	font-size: 14px;
}

.variations .label {
	display: none;
}

.value select {
	height: 40px;
	width: 100%;
	border-radius: 0px;
	border: black 2px solid;
	text-align: center;
	text-align-last: center;
	font-size: 18px;
}

.quantity {
	display: block;
	float: none !important;
	margin-bottom: 10px !important;
}

.quantity input {
	border-radius: 0px;
	border: black 2px solid;
	text-align: center;
	height: 32px !important;
	font-size: 18px;
}

.single_add_to_cart_button {
	height: 40px;
	width: 100%;
	border-radius: 0px !important;
	border: black 2px solid !important;
	background-color: white !important;
	text-align: center;
	text-align-last: center;
	color: black !important;
}

.product_meta {
	display: none;
}

.product .navigation {
	display: none;
}

#comments {
	display: none;
}

.checkout-button {
	padding: 15px !important;
	border-radius: 0px !important;
	border: black 2px solid !important;
	background-color: white !important;
	text-align: center;
	text-align-last: center;
	color: black !important;
}

.woocommerce-billing-fields input {
	border-radius: 0px !important;
	border: black 1px solid !important;
	background-color: white !important;
	color: black !important;
	padding: 5px;
}

.nav-links {
	display: none;
}

.woocommerce-form-coupon-toggle {
	display: none;
}

.coupon {
	display: none;
}

.woocommerce-tabs {
	height: 0px;
	overflow: hidden;
}

.related {
	display: none;
} 

.woocommerce div.product div.images .flex-control-thumbs li {
	margin-right: 5px !important;
	margin-top: 5px !important;
	width: calc(25% - 4px);
}

.woocommerce div.product div.images .flex-control-thumbs li:nth-child(4n) {
	margin-right: 0px !important;
}

/*About Page*/

.page-template-page-about main {
	font-weight: 300;
}

.page-template-page-about .entry-content p:first-child {
	margin-top: 0px;
}

.page-template-page-about .alignright {
	float: right;
	margin-left: 10px;
}

.page-template-page-about .alignleft {
	float: left;
	margin-right: 10px;
}

/* Search */

.search-results article {
	width: 75% !important;
}

.search-results .page-title {
	margin-top: 0px !important;
	font-size: 30px;
}

.search-results article img {
	max-height: 300px !important;
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	border: thin #ECEBEB solid;
}

.search-results .entry-summary {
	border-bottom: solid thin black;
}

.search-results a {
	color: black !important;
}

.search-results .type-product p {
	display: none;
}

.search-results .type-product p:first-child {
	display: block;
}

.search-results .type-product p:nth-child(2) {
	display: block;
}


.search-field {
	width: 80% !important;
}

input.search-field {
	-moz-appearance: none;/* older firefox */
	-webkit-appearance: none; /* safari, chrome, edge and ie mobile */
	appearance: none; /* rest */
	border: 2px solid black !important;
	padding: 9px 20px !important;
	margin: 8px 0 !important;
	box-sizing: border-box !important;
	border-radius: 0px !important;
}

.search-submit {
	-moz-appearance: none;/* older firefox */
	-webkit-appearance: none; /* safari, chrome, edge and ie mobile */
	appearance: none; /* rest */
	width: 19% !important;
	background-color: black !important;
	color: white !important;
	border: none !important;
	font-size: 18px !important;
	padding: 8px !important;
	padding-bottom: 12px !important;
	font-family: 'Inter', sans-serif;
	font-weight: bold;
	border-radius: 0px !important;
}

.search-form .page-title {
	margin-top: 0px !important;
	margin-bottom: 20px;
}

/*Footer*/

.site-footer {
	border-top: solid #d6d6d6 1px;
	padding-top: 10px;
}

.copyright {
	float: right;
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 15px;
	opacity: 0.5;
}

.social_media {
	float: left;
}

.social_media img {
	height: 20px;
	margin-left: 10px;
	opacity: 0.5;
	transition: opacity 0.35s ease;
}


.social_media img:hover {
	opacity: 1;
}

.entry-footer {
	padding-top: 15px;
	padding-bottom: 15px;
}


@media screen and (max-width: 1240px) {
	
	body {
	}

	#page {
		max-width: 900px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#head-inner {
		max-width: 900px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.page-title-container {
		padding-bottom: 10px;
	}

	.gallery-item {
		margin-bottom: 5px;
	}

	.film_item {
		width: calc(25% - 11px);	
		margin-right: 12px !important;
		margin-bottom: 12px;
	}

	.film_item:nth-child(5n) {
		margin-right: 12px !important;
	}

	.film_item:nth-child(4n) {
		margin-right: 0px !important;
	}

	.page-id-543 .product img {
		width: 156px !important;
		height: 140px !important;
		/*padding: 15px;*/
	}

	.page-id-543 .product h2 {
		width: 156px;
	}


	.page-id-543 .product {
		font-size: 12px;
	}

	.film_container {
		padding: 15px;
	}

	.home-text {
		font-size: 100px;
	}
}

@media screen and (max-width: 930px) {

	body {
	}


	.site-branding {
		min-width: 330px;
	}

	#page {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#head-inner {
		max-width: 750px;
		font-size: 14px;
	}


	.search-icon {
		width: 11px;
		height: 11px;
	}


	.page-title-container {
		width: 100%;
		height: 44px;
		padding-bottom: 10px;
	}

	.page-title {
		font-size: 60px;
	}

	#photo-home{
		margin-bottom: 7px;
	}

	#film-images img {
		margin-left: 8px;
	}

	.film_item {
		width: calc(25% - 11px);	
		margin-right: 12px !important;
		margin-bottom: 12px;
	}

	.film_item:nth-child(5n) {
		margin-right: 12px !important;
	}

	.film_item:nth-child(4n) {
		margin-right: 0px !important;
	}

	.page-id-543 .product img {
		width: 187px !important;
		height: 160px !important;
		/*padding: 10px;*/
	}

	.page-id-543 .product h2 {
		width: 187px;
	}

	.page-id-543 .product {
		margin-right: 10px !important;
	}

	.page-id-543 .product:nth-child(4n) {
		margin-right: 10px !important;
	}

	.page-id-543 .product:nth-child(3n) {
		margin-right: 0px !important;
	}

	.pswp__scroll-wrap {
		top: 44px !important;
		height: calc(100% - 44px) !important;
	}

	.pswp__share-tooltip {
		top: 44px;
	}

	#page {
		margin-top: 44px;
	}

	.film_container {
		padding: 15px;
	}

	.home-text {
		font-size: 80px;
	}
}


@media screen and (max-width: 780px) {

	body {
		/*background-color: orange;*/
	}

	.site-branding {
		display: none;
		/*width: 100%;
		text-align: center;*/
	}

	#head-inner {
		font-size: 12px;
	}


	.search-icon {
		width: 9px;
		height: 9px;
	}


/*	.hamburger {
		display: inline-block;
	}*/

	.page-title-container {
		width: 100%;
		height: 36px;
		padding-bottom: 10px;
	}

	.page-title {
		font-size: 50px;
	}

	#site-navigation {
		width: 100%;
		text-align: center;
	}

	#site-navigation ul {
		padding-left: 0px;
		/*margin-top: 0px;*/
	}

	#site-navigation ul li {
		margin-left: 6px;
		margin-right: 6px;
	}

	#photo-home {
		margin-bottom: 4px;
	}

	#film-images img {
		margin-left: 5px;
	}

	#film-home {
		margin-bottom: 4px;
	}


	#shop-home {
		display: block;
	}


	.gallery-item {
		margin-bottom: 0.4vw;
	}

	#shop-images img {
		margin-right: 6px;
	}

	.film_container .post-thumbnail {
		width: 100%;
		text-align: center;
	}


	.film_container .post-thumbnail img {
		width: 70%;
		margin: auto;
		margin-bottom: 15px;
	}

	.film_container .entry-content {
		width: 100%;
		padding-left: 0px;
	}

	.film_item {
		width: calc(50% - 6px) !important;	
		margin-right: 8px !important;
		margin-bottom: 8px !important;
	}

	.film_item:nth-child(5n) {
		margin-right: 8px !important;
	}

	.film_item:nth-child(2n) {
		margin-right: 0px !important;
	}
	.menu-item-649 {
		display: inline-block !important;
	}

	.home-text {
		font-size: 60px;
	}

	.copyright {
		padding-top: 4px;
		font-size: 11px;
	}

	.page-id-543 .product img {
		width: calc(50vw - 47px) !important;
		height: calc(50vw - 47px) !important;
		/*padding: 10px;*/
	}

	.page-id-543 .product h2 {
		width: calc(50vw - 47px);
	}

	.page-id-543 .product {
		margin-right: 10px !important;
	}

	.page-id-543 .product:nth-child(2n) {
		margin-right: 0px !important;
	}

	.page-id-543 .product:nth-child(3n) {
		margin-right: 10px !important;
	}

	.search-results article {
		width: 100% !important;
	}	

	.search-submit {
		width: 18% !important;
		font-size: 14px !important;
		padding: 8px !important;
		padding-bottom: 10px !important;
	}

}


/*@media screen and (max-width: 680px) {
	.page-id-543 .product img {
		height: 120px !important;
	}
}*/

@media screen and (max-width: 450px) {
	#head-inner {
		font-size: 9px;
	}

	.home-text {
		font-size: 48px;
	}
}

/* Photoswipe */

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: 0;
    font-family: 'Inter';
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: default !important
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 56px;
    width: 100%;
    height: calc(100% - 56px);
    overflow: hidden;
}

.logged-in .pswp__scroll-wrap {
	top: 88px;
    height: calc(100% - 88px);
}

.pswp--fs .pswp__scroll-wrap {
    top: 0;
    height: 100% !important;
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #eee
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC
}

.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline
}

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: 0;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: 0;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(https://www.judah.co.uk/wp-content/themes/gerry-judah-dev/default-skin-black.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media(-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:105dpi),
(min-resolution:1.1dppx) {
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(https://www.judah.co.uk/wp-content/themes/gerry-judah-dev/default-skin-black.svg)
    }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: 0
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: 0;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__button--shop {
	background-image: url(http://www.paulyule.com/wp-content/uploads/shopping-cart.png) !important;
	background-size: 40%;
	background-position: center;
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #f9f9f9;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #FFF
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #FFF
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #DDD
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #000;
    opacity: .75;
    padding: 0 10px;
    font-family: 'Inter';
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #BBB
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: 0;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #f9f9f9;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(249, 249, 249, 0.7)
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(249, 249, 249, 0.7)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: 0
}

.pswp__caption__center {
	max-width: 100% !important;
	text-align: center;
	font-size: 16px;
	color: #000;
	padding-top: 13px;
	padding-bottom: 7px;
}
.pswp__caption {
	background-color: rgba(249,249,249,0.7) !important;
}

/*Hamburger*/

.hamburger {
  padding: 15px 15px;
  /*display: inline-block;*/
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 20px;
  height: 12px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 20px;
    height: 3px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -6px; }
  .hamburger-inner::after {
    bottom: -6px; }

/* Squeeze */

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }