/**
Theme Name: Yorkshire Packaging Systems
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yorkshire-packaging-systems
Template: astra
*/
/**
 * JET MOBILE MENU
 **/

html,
body {
	width: 100%;
}

@media (max-width: 520px) {
	html,
	body {
		overflow-x: hidden;
	}
}

.jet-mobile-menu__controls div[aria-label="Close Menu"],
.jet-mobile-menu__breadcrumbs .jet-mobile-menu__breadcrumb:not(:last-of-type) {
	display: none !important;
}
.jet-mobile-menu__breadcrumbs {
	position: relative;
}
.jet-mobile-menu__breadcrumbs:after {
	content: "";
	display: block;
	width: calc(100% + 30px);
	height: 1px;
	background-color: #f0f0f0;
	position: absolute;
	left: 0;
	bottom: 10px;
}
.jet-mobile-menu__breadcrumbs {
	padding: 20px 20px 30px 60px;
}
.jet-mobile-menu__controls div[aria-label="Back to Prev Items"] {
	position: absolute;
	top: 140px;
	left: 40px;
}
.jet-mobile-menu__controls div[aria-label="Back to Prev Items"] svg {
	width: 9px;
}
.post-title a {
	text-decoration: none !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.jet-mobile-menu__controls div[aria-label="Back to Prev Items"] {
		position: absolute;
		top: 105px;
		left: 10px;
	}
}

/**
* Custom YPS Tabs 
**/

.customYPStabs {
	display: flex;
	background-color: #33334b;
	border-radius: 5px;
	overflow: hidden;
}

.customYPStabs .tabs_desktop {
	display: flex;
}

.customYPStabs .tabButtons {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 350px;
}
.customYPStabs .tabButtons button {
	font-family: "Exo", Sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 71px;
	position: relative;
	background-color: #1c1c32;
	transition: all 0.2s linear;
	text-align: left;
	border-radius: 0;
	padding-right: 0;
}
.customYPStabs .tabButtons button:hover {
	background-color: #33334b;
}
.customYPStabs .tabButtons button.active {
	background-color: #33334b;
}

.customYPStabs .tabButtons button:not(.active) {
	color: #5a587d;
}
.customYPStabs .tabButtons button:not(.active):hover {
	color: #fff;
	background-color: #5a587d;
}

.customYPStabs .tabButtons button:not(.active):not(:last-of-type) {
	border-bottom: solid #3b3b55 2px !important;
}
.customYPStabs .tabButtons button.active:before {
	content: "" !important;
	width: 5px !important;
	height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	transform: unset !important;
	background-color: #ff020b !important;
	position: absolute;
}

.customYPStabs .tabContent {
	display: flex;
	align-items: center;
}

.customYPStabs .tabContent > div {
	display: none;
	padding-right: 20px;
}
.customYPStabs .tabContent > div.active {
	display: block;
}

.customYPStabs .tabContent .ypsTabContent .elementor-col-33:nth-child(2) {
	max-width: 340px;
}
@media (max-width: 520px) {
	.customYPStabs .ypsTabContent ul.elementor-nav-menu li a {
		line-height: 20px !important;
	}
}

.customYPStabs .tabs_mobile {
	display: none;
}

.customYPStabs .tabs_mobile button {
	font-family: "Exo", Sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 71px;
	position: relative;
	background-color: #1c1c32;
	transition: all 0.2s linear;
	text-align: left;
	border-radius: 0;
	padding-right: 54px;
	width: 100%;
}
.customYPStabs .tabs_mobile .tab_mobile .ypsTabContent {
	display: none;
}
.customYPStabs .tabs_mobile .tab_mobile.active .ypsTabContent {
	display: block;
}

.customYPStabs .tabs_mobile .tab_mobile.active button {
	background-color: #33334b;
	color: white;
	border-bottom: solid #ff020b 2px;
	position: relative;
}

.customYPStabs .tabs_mobile .tab_mobile button.ypsTabButton:after {
	content: "";
	width: 20px;
	height: 20px;
	background-image: url(/wp-content/uploads/2025/04/chevron.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	color: red;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(90deg);
}

.customYPStabs .tabs_mobile .tab_mobile.active button.ypsTabButton:after {
	transform: translateY(-50%) rotate(-90deg);
}

@media (max-width: 769px) {
	.customYPStabs {
		flex-direction: column;
	}
	.customYPStabs .tabButtons {
		max-width: 100%;
	}
	.customYPStabs .tabButtons button {
		font-size: 18px;
	}
	.customYPStabs .tabContent > div.active {
		padding: 20px;
	}
}

@media (max-width: 520px) {
	.customYPStabs .tabs_desktop {
		display: none;
	}

	.customYPStabs .tabs_mobile {
		display: block;
	}

	.customYPStabs .ypsTabContent ul li a {
		padding-right: 25px !important;
	}

	.customYPStabs .tabs_mobile button {
		line-height: 31px;
		padding: 30px;
	}
}

@media (max-width: 320px) {
	.customYPStabs .tabs_mobile button {
		line-height: 31px;
		padding: 20px 50px 20px 20px;
	}
}

/**
 * Custom YPS Sidebar CTA Box
 * */

.customSidebarCTA {
	background-color: #fff;
	padding: 20px;
	border: solid 1px #ededed;
	border-radius: 5px;
}
.customSidebarCTA img {
	aspect-ratio: 4/3;
	object-fit: cover;
}
.customSidebarCTA a.ctaButton {
	display: inline-block;
	background-color: var(--e-global-color-secondary);
	font-family: "Exo", Sans-serif;
	font-size: 16px;
	font-weight: 600;
	border-style: solid;
	border-width: 1px;
	border-color: var(--e-global-color-039d320);
	border-radius: 5px 5px 5px 5px;
	padding: 15px 50px;
	color: #fff;
}
.customSidebarCTA a.ctaButton:focus,
.customSidebarCTA a.ctaButton:hover {
	background-color: var(--e-global-color-039d320);
}

/**
* Custom YPS Flip Box
**/
.custom_flip_box {
	position: relative;
	overflow: hidden;
	border: solid #ededed 1px;
	border-radius: 5px;
}
.custom_flip_box .custom_flip_box__front {
	position: relative;
	width: 100%;
	background-color: white;
}
.custom_flip_box .custom_flip_box__front img.recycled_image {
	width: 100px;
	height: 100px;
	object-fit: cover;
	position: absolute;
	top: 20px;
	right: 20px;
}
.custom_flip_box .custom_flip_box__front img.front_image {
	width: 100%;
	object-fit: contain;
	height: calc(100% - 82px);
}

.custom_flip_box .custom_flip_box__back {
	position: absolute;
	background-color: #f5f5f6;
	top: 0;
	left: 100%;
	width: 100%;
	transition: left 0.5s ease-in-out;
}

.custom_flip_box .custom_flip_box__front,
.custom_flip_box .custom_flip_box__back {
	height: 400px;
}

@media (max-width: 520px) {
	.custom_flip_box .custom_flip_box__front,
	.custom_flip_box .custom_flip_box__back {
		height: 500px;
	}
}

@media (max-width: 320px) {
	.custom_flip_box .custom_flip_box__front,
	.custom_flip_box .custom_flip_box__back {
		height: 680px;
	}
	.custom_flip_box .fb_title {
		padding-right: 20px !important;
	}
}

.custom_flip_box.hover .custom_flip_box__back {
	left: 0;
}
.custom_flip_box:hover .custom_flip_box__back {
	left: 0;
}
.custom_flip_box .fb_title {
	position: absolute;
	bottom: 0;
	background-color: #f5f5f6 !important;
	width: 100%;
	padding: 30px 20px;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	left: 0;
	color: #33334b !important;
}

@media (max-width: 520px) {
	.custom_flip_box .fb_title.front_title {
		padding: 30px 40px 30px 20px !important;
	}
	.custom_flip_box .fb_title.back_title a {
		padding-right: 20px;
	}
}

.custom_flip_box .fb_title a {
	color: #33334b !important;
	text-decoration: none !important;
	position: relative;
	width: 100%;
	display: block;
}
.custom_flip_box .fb_title.front_title:after,
.custom_flip_box .fb_title.back_title a:after {
	content: "";
	position: absolute;
	background-image: url(/wp-content/uploads/2025/04/chevron.svg);
	background-repeat: no-repeat;
	background-position: center right;
	bottom: 0;
	background-color: #f5f5f6 !important;
	width: 20px;
	height: 30px;
	bottom: 27px;
	right: 25px;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}
.fb_title.back_title a:after {
	bottom: -4px !important;
	right: 6px !important;
}
.custom_flip_box .custom_flip_box__back {
	padding: 30px 25px;
	text-align: left;
}
.custom_flip_box .custom_flip_box__back h3 {
	font-family: "Exo", Sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: none;
}
.custom_flip_box .custom_flip_box__back ul {
	list-style: none;
	padding-left: 25px;
}
.custom_flip_box .custom_flip_box__back ul li {
	position: relative;
	padding: 2px 0;
}
.custom_flip_box .custom_flip_box__back ul li:before {
	content: "";
	width: 25px;
	height: 25px;
	background-image: url(/wp-content/uploads/2025/04/Orion_checked-circle.svg);
	background-position: center;
	background-size: contain;
	display: block;
	position: absolute;
	top: 0;
	left: -30px;
}

.case-studies-template-default h1,
.post-template-default h1 {
	font-size: 39px !important;
	margin-top: 0em !important;
	text-transform: inherit !important;
}

.case-studies-template-default h2,
.post-template-default h2 {
	font-size: 21px !important;
	margin-top: 0em !important;
	text-transform: inherit !important;
}

.case-studies-template-default h3,
.post-template-default h3 {
	font-size: 19px !important;
	margin-top: 0em !important;
	text-transform: inherit !important;
}

.case-studies-template-default h4,
.post-template-default h4 {
	font-size: 17px !important;
	margin-top: 0em !important;
	text-transform: inherit !important;
}

.case-studies-template-default h5,
.post-template-default h5 {
	font-size: 17px !important;
	margin-top: 0em !important;
	text-transform: inherit !important;
}

.case-studies-template-default h6,
.post-template-default h6 {
	font-size: 16px !important;
	margin-top: 0em !important;
	text-transform: inherit !important;
}

/**
* Make Elements in case study sidebnar sticky
**/
.caseStudyContent .elementor-col-33 {
	height: auto !important;
}

.caseStudyContent .elementor-widget-custom_flip_box {
	position: sticky;
	top: 200px;
}

.caseStudyContent .custom_flip_box .custom_flip_box__back ul {
	padding-left: 0px;
	margin-left: 30px;
}

.caseStudyContent .custom_flip_box .custom_flip_box__back h3 {
	font-size: 16px !important;
}

.caseStudyContent .custom_flip_box .custom_flip_box__front,
.caseStudyContent .custom_flip_box .custom_flip_box__back {
	height: 500px;
}

@media (max-width: 520px) {
	.caseStudyContent .custom_flip_box .custom_flip_box__front,
	.caseStudyContent .custom_flip_box .custom_flip_box__back {
		height: 600px;
	}
}
/**
* Custom YPS Flip Box Large
**/
.custom_flip_box_large {
	align-items: center;
	overflow: hidden;
	background-color: #f8f8f9;
	border: solid #f3f3f3 1px;
	border-radius: 6px;
	display: flex;
	align-items: stretch;
}

.custom_flip_box_large.flipped {
	flex-direction: row-reverse;
}

@media (max-width: 520px) {
	.custom_flip_box_large,
	.custom_flip_box_large.flipped {
		flex-direction: column;
	}
}

.custom_flip_box_large .custom_flip_box__left,
.custom_flip_box_large .custom_flip_box__right {
	width: 100%;
	flex: 1;
	flex-direction: column;
}

.custom_flip_box_large .custom_flip_box_left_content {
	padding: 40px;
}

.custom_flip_box_large .custom_flip_box_left_content,
.custom_flip_box_large .custom_flip_box_right_content {
	flex: 1;
	flex-direction: column;
}

.custom_flip_box_large .custom_flip_box_left_content .ctaButton {
	background-color: var(--e-global-color-secondary);
	font-family: "Exo", Sans-serif;
	font-size: 16px;
	font-weight: 600;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var(--e-global-color-039d320);
	border-radius: 5px 5px 5px 5px;
	padding: 10px 25px 10px 25px;
	color: white;
	margin-top: 20px;
	display: inline-block;
	text-decoration: none !important;
}

.custom_flip_box_large .custom_flip_box_right_content {
	position: relative;
	height: 100%;
}

.custom_flip_box_large:not(.flipped)
	.custom_flip_box_right_content:hover
	.custom_flip_box_right_content_image {
	right: -100%;
}

.custom_flip_box_large.flipped
	.custom_flip_box_right_content:hover
	.custom_flip_box_right_content_image {
	left: -100%;
}

.custom_flip_box_large
	.custom_flip_box_right_content
	.custom_flip_box_right_content_image {
	position: absolute;
	top: 0;

	width: 100%;
	height: 100%;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease-in-out;
}

.custom_flip_box_large
	.custom_flip_box_right_content
	.custom_flip_box_right_content_image:after {
	content: "";
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 30px;
	height: 30px;
	background-image: url("img/elipse.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 2;
	transition: all 0.5s ease-in-out;
}

.custom_flip_box_large:not(.flipped)
	.custom_flip_box_right_content
	.custom_flip_box_right_content_image {
	right: 0;
}

.custom_flip_box_large.flipped
	.custom_flip_box_right_content
	.custom_flip_box_right_content_image {
	left: 0;
}

.custom_flip_box_large .custom_flip_box_right_content_list {
	padding: 20px 50px;
}
@media (max-width: 520px) {
	.custom_flip_box_large .custom_flip_box_right_content_list {
		padding: 20px 20px;
	}
}

.custom_flip_box_large
	.custom_flip_box_right_content_list
	.custom_flip_box_right_content_list_item {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	gap: 20px;
}

.custom_flip_box_large
	.custom_flip_box_right_content_list
	.custom_flip_box_right_content_list_item:last-of-type {
	margin-bottom: 0;
}

.custom_flip_box_large
	.custom_flip_box_right_content_list
	.custom_flip_box_right_content_list_item
	img {
	max-width: 30px;
	height: auto;
}

.custom_flip_box_large .custom_flip_box_right_content_list {
	display: flex;
	align-items: start;
	flex-direction: column;
	height: 100%;
	justify-content: center;
}

.custom_flip_box_large
	.custom_flip_box_right_content_list
	.custom_flip_box_right_content_list_item
	.custom_flip_box_right_content_list_item_content {
}

.custom_flip_box_large .custom_flip_box_right_content_list_item_icon {
	position: absolute;
	aspect-ratio: 1;
	object-fit: cover;
	object-position: center;
}

.custom_flip_box_large
	.custom_flip_box_right_content_list
	.custom_flip_box_right_content_list_item
	.custom_flip_box_right_content_list_item_content
	> * {
	margin: 0 !important;
}

/**
YPS Custom Video Player
**/
.custom_video_player {
	position: relative;
	width: 100%;
	height: 100%;
}
.custom_video_player iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 16/9;
	border-radius: 6px;
}

/**
YPS Custom Icon Section
**/

.yps_icon_section {
	border-radius: 5px;
}

.yps_icon_section__list {
	display: flex;
	width: 100%;
	margin-top: 20px;
	flex-wrap: wrap;
	justify-content: center;
}

.yps_icon_section .yps_icon_section__title {
	font-family: "Exo", Sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: white !important;
	text-align: center;
	text-transform: uppercase !important;
}

.yps_icon_section__list .yps_icon_section__list_item {
	width: 25%;
	text-align: center;
	color: white;
}

@media (max-width: 520px) {
	.yps_icon_section__list .yps_icon_section__list_item {
		width: 50%;
	}
}
@media (max-width: 320px) {
	.yps_icon_section__list .yps_icon_section__list_item {
		width: 100%;
	}
}

.yps_icon_section__list .yps_icon_section__list_item_title {
	color: white;
	margin-top: 20px !important;
	display: block;
	font-family: "Exo", Sans-serif;
	font-size: 14px !important;
	font-weight: 600;
	text-transform: uppercase !important;
}

.yps_icon_section {
	padding: 20px;
}

/**
Hot Spot Adjustments
**/

.yps_hotspot_section .ysp_hotspot_section__title {
	text-align: center;
}

.yps_hotspot_section .yps_hotspot_image_container {
	position: relative;
	margin: auto;
}

.yps_hotspot_section .yps_hotspot_image_container .hotspot-item {
	position: absolute;
}

.yps_hotspot_section .yps_hotspot_image_container .hotspot-item .hotspot-icon {
	width: 25px;
	height: 25px;
	background-color: #c0272d;
	border-radius: 100%;
	display: block;
	animation: pulse-animation 2s infinite;
	z-index: 0;
}

.yps_hotspot_section .yps_mobile_hotspots {
	position: relative;
}
.yps_hotspot_section .yps_mobile_hotspots .mobile-hotspot-item {
	display: none;
}
.yps_hotspot_section .yps_mobile_hotspots .mobile-hotspot-item.active {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
	width: 80%;
	max-width: 300px;
}

.yps_hotspot_section .yps_mobile_hotspots .hotspot-close-icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
}

.yps_hotspot_section .hotspot-content p:last-of-type {
	margin-bottom: 0;
}

.yps_hotspot_section .yps_mobile_hotspots .hotspot-close-icon:after {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background-color: #c0272d;
	border-radius: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.yps_hotspot_section .yps_mobile_hotspots .hotspot-close-icon:before {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background-color: #c0272d;
	border-radius: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.yps_hotspot_section .yps_mobile_hotspots .hotspot-tooltip-inner {
	text-align: center;
}

.yps_hotspot_section .hotspot-tooltip {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 300px;
	padding-top: 30px;
	pointer-events: none;
	z-index: 1;
	text-align: center;
}

.yps_hotspot_section .hotspot-tooltip-inner {
	padding: 15px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 0px
		rgba(51.00000000000001, 51.00000000000001, 75.00000000000001, 0.86);
}

.yps_hotspot_section
	.yps_hotspot_image_container
	.hotspot-item:hover
	.hotspot-tooltip {
	opacity: 1;
}

@media (max-width: 768px) {
	.yps_hotspot_section .hotspot-tooltip {
		display: none !important;
	}

	.yps_hotspot_section .yps_mobile_hotspots {
		display: block;
	}
}

@media (max-width: 520px) {
	.yps_hotspot_section
		.yps_hotspot_image_container
		.hotspot-item
		.hotspot-icon {
		width: 17px;
		height: 17px;
		background-color: #c0272d;
		border-radius: 100%;
		display: block;
		animation: pulse-animation 2s infinite;
	}
	.yps_hotspot_section .hotspot-tooltip {
		display: none !important;
	}

	.yps_hotspot_section .yps_mobile_hotspots {
		display: block;
	}
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgba(192, 39, 45, 0.2);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(192, 39, 45, 0);
	}
}

blockquote {
	margin-top: 1em;
	margin-left: 0em;
	font-size: 16px !important;
}

blockquote::before {
	content: "\201C";
}

blockquote::after {
	content: "\201D";
}

blockquote p {
	margin: 0; /* Remove margin from p tag inside blockquote */
	display: inline; /* Make sure it's inline and not block-level */
}

@media (min-width: 1025px) {
	.hide-desktop {
		display: none !important;
	}
}

/**
 * Fix Button Stacking Issue
 * [Request a quote] [Download Brochure]
 * Mostly on packaging machinery sub pages.
 **/

@media (max-width: 768px) {
	.downloadBrochureBtn {
		margin-top: 10px;
	}
}
@media (max-width: 520px) {
	.downloadBrochureBtn {
		margin-top: 0px;
	}
}
@media (max-width: 375px) {
	.downloadBrochureBtn {
		margin-top: 10px;
	}
}

/**
 * Home Hero Videos Mobile Borders
 * 
**/

@media (max-width: 520px) {
	.homeVideoBorders {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		overflow: hidden;
	}
}

/**
 * Jet Carousel Padding
 **/
.indSlider .jet-carousel .slick-list {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

/**
 * Jet Carousel Trusted Logos - FLip Direction
 **/

.trusted-bottom-slider img {
	transform: rotateY(180deg);
}
.trusted-bottom-slider {
	transform: rotateY(180deg);
}

.grecaptcha-badge { 
visibility: hidden; 
}