/*
Theme Name: OPSv3
Theme URI: 
Version: 1.0
Description: This is the core parent theme for the Online Print Solution web to print themes.
Author:   Laura Wheatman
Author URI: http://www.onlineprintsolution.co.uk/
Description: The base theme for OPS.  
Text Domain: OPSv3
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {	font-family: sans-serif;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;}
body {	margin: 0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {	display: block;}
audio,canvas,progress,video {	display: inline-block;	vertical-align: baseline;}
audio:not([controls]) {	display: none;	height: 0;}
[hidden],template {	display: none;}
a:active,a:hover {	outline: 0;}
abbr[title] {	border-bottom: 1px dotted;}
b,strong {	font-weight: bold;}
dfn {	font-style: italic;}
h1 {	font-size: 2em;	margin: 0.67em 0;}
mark {	background: #ff0;	color: #000;}
small {	font-size: 80%;}
sub,sup {	font-size: 75%;	line-height: 0;	position: relative;	vertical-align: baseline;}
sup {	top: -0.5em;}
sub {	bottom: -0.25em;}
img {	border: 0;}
svg:not(:root) {	overflow: hidden;}
figure {	margin: 1em 40px;}
hr {	box-sizing: content-box;	height: 0;}
pre {	overflow: auto;}
code,kbd,pre,samp {	font-family: monospace, monospace;	font-size: 1em;}
button,input,optgroup,select,textarea {	color: inherit;	font: inherit;	margin: 0;}
button {	overflow: visible;}
button,select {	text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {	-webkit-appearance: button;	cursor: pointer;}
button[disabled],html input[disabled] {	cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {	border: 0;	padding: 0;}
input {	line-height: normal;}
input[type="checkbox"],input[type="radio"] {	box-sizing: border-box;	padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {	height: auto;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {	-webkit-appearance: none;}
fieldset {	border: 1px solid #c0c0c0;	margin: 0 2px;	padding: 0.35em 0.625em 0.75em; background-color:#FFF;}
legend {border: 0;padding: 0;font-weight: bold;font-size: 1.5rem;}
textarea {	overflow: auto;}
optgroup {	font-weight: bold;}
table {	border-collapse: collapse;	border-spacing: 0;}
td,th {	padding: 0;}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,button,input,select,optgroup,textarea {	font-family: sans-serif;	font-size: 16px;	font-size: 1rem;	line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {	clear: both;}
p {	margin-bottom: 1.5em;}
p:first-child{
  margin-top:0;
}
p:last-child{
  margin-bottom: 0;
}
dfn, cite, em, i {	font-style: italic;}
blockquote {	margin: 0 1.5em;}
address {	margin: 0 0 1.5em;}
pre {	background: #eee;	font-family: "Courier 10 Pitch", Courier, monospace;	font-size: 15px;	font-size: 0.9375rem;	line-height: 1.6;	margin-bottom: 1.6em;	max-width: 100%;	overflow: auto;	padding: 1.6em;}
code, kbd, tt, var {	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;	font-size: 15px;	font-size: 0.9375rem;}
abbr, acronym {	border-bottom: 1px dotted #666;	cursor: help;}
mark, ins {	background: #fff9c0;	text-decoration: none;}
big {	font-size: 125%;}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {	box-sizing: border-box;}
*,*:before,*:after {	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */box-sizing: inherit;}
body {	background: #fff;	/* Fallback for when there is no custom background color defined. */}
hr {	background-color: #ccc;	border: 0;	height: 1px;	margin-bottom: 1.5em;}
ul, ol {	margin: 0 0 1.5em 0;}
ul {	list-style: disc;}
ol {	list-style: decimal;}
li > ul,li > ol {	margin-bottom: 0;	margin-left: 1.5em;}
dt {	font-weight: bold;}
dd {	margin: 0 1.5em 1.5em;}
img {height: auto;	/* Make sure images are scaled correctly. */max-width: 100%;	/* Adhere to container width. */display: block;}
figure {	margin: 1em 0;	/* Extra wide images within figure tags don't overflow the content area. */}
table {margin: 0 0 1.5em;width: 100%;}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,input[type="button"],input[type="reset"],input[type="submit"] {}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {	border-color: #ccc #bbb #aaa;}
button:active, button:focus,input[type="button"]:active,
input[type="button"]:focus,input[type="reset"]:active,
input[type="reset"]:focus,input[type="submit"]:active,
input[type="submit"]:focus {	border-color: #aaa #bbb #bbb;}
input[type="text"],input[type="email"],
input[type="url"],input[type="password"],
input[type="search"],input[type="number"],
input[type="tel"],input[type="range"],
input[type="date"],input[type="month"],
input[type="week"],input[type="time"],
input[type="datetime"],input[type="datetime-local"],
input[type="color"],textarea {	color: #666;	border: 1px solid #ccc;	border-radius: 3px;	padding: 3px;}
input[type="text"]:focus,input[type="email"]:focus,
input[type="url"]:focus,input[type="password"]:focus,
input[type="search"]:focus,input[type="number"]:focus,
input[type="tel"]:focus,input[type="range"]:focus,
input[type="date"]:focus,input[type="month"]:focus,
input[type="week"]:focus,input[type="time"]:focus,
input[type="datetime"]:focus,input[type="datetime-local"]:focus,
input[type="color"]:focus,textarea:focus {	color: #111;}
select {	border: 1px solid #ccc;}
textarea {	width: 100%;}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {	color: royalblue;}
a:visited {	color: purple;}
a:hover, a:focus, a:active {	color: midnightblue;}
a:focus {	outline: thin dotted;}
a:hover, a:active {	outline: 0;}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {	clear: both;	display: block;	float: left;	width: 100%;}
.main-navigation ul {display: none;list-style: none;margin: 0;padding-left: 0;}
.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);float: left;position: absolute;top: 100%;left: -999em;z-index: 9999999999999;}
.main-navigation ul ul ul {	left: -999em;	top: 0;}
.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul {	left: 100%;}
.main-navigation ul ul a {	width: 200px;}
.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul {	left: auto;}
.main-navigation li {	float: left;	position: relative;}
.main-navigation a {	display: block;	text-decoration: none;}
/* Small menu. */
.menu-toggle,.main-navigation.toggled ul {	display: block;}
@media screen and (min-width: 37.5em) {
	.menu-toggle {		display: none;	}
	.main-navigation ul {display: block;}
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {	margin: 0 0 1.5em;	overflow: hidden;}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {	float: left;	width: 50%;}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {	float: right;	text-align: right;	width: 50%;}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {	border: 0;	clip: rect(1px, 1px, 1px, 1px);	clip-path: inset(50%);	height: 1px;	margin: -1px;	overflow: hidden;	padding: 0;	position: absolute !important;	width: 1px;	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	clip-path: none;	color: #21759b;	display: block;	font-size: 14px;	font-size: 0.875rem;	font-weight: bold;	height: auto;	left: 5px;	line-height: normal;	padding: 15px 23px 14px;	text-decoration: none;	top: 5px;	width: auto;	z-index: 100000;	/* Above WP toolbar. */}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {	outline: 0;}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {	display: inline;	float: left;	margin-right: 1.5em;}
.alignright {	display: inline;	float: right;	margin-left: 1.5em;}
.aligncenter {	clear: both;	display: block;	margin-left: auto;	margin-right: auto;}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,.clear:after,
.entry-content:before,.entry-content:after,
.comment-content:before,.comment-content:after,
.site-header:before,.site-header:after,
.site-content:before,.site-content:after,
.site-footer:before,.site-footer:after {	content: "";	display: table;	table-layout: fixed;}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {	clear: both;}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {	margin: 0 0 1.5em;	/* Make sure select elements fit in widgets. */}
.widget select {	max-width: 100%;}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {	display: block;}
/*.hentry {	margin: 0 0 1.5em;}*/
.updated:not(.published) {	display: none;}
.page-content,.entry-content,.entry-summary {	margin: 1.5em 0 0;}
.page-links {	clear: both;	margin: 0 0 1.5em;}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {	word-wrap: break-word;}
.bypostauthor {	display: block;}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer {	/* Theme Footer (when set to scrolling) */	display: none;}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {	display: block;}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley {	border: none;	margin-bottom: 0;	margin-top: 0;	padding: 0;}
/* Make sure embeds and iframes fit their containers. */
embed,iframe,object {	max-width: 100%;}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {	display: inline-block;}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {	margin-bottom: 1.5em;	max-width: 100%;}
.wp-caption img[class*="wp-image-"] {	display: block;	margin-left: auto;	margin-right: auto;}
.wp-caption .wp-caption-text {	margin: 0.8075em 0;}
.wp-caption-text {	text-align: center;}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {	margin-bottom: 1.5em;}
.gallery-item {	display: inline-block;	text-align: center;	vertical-align: top;	width: 100%;}
.gallery-columns-2 .gallery-item {	max-width: 50%;}
.gallery-columns-3 .gallery-item {	max-width: 33.33%;}
.gallery-columns-4 .gallery-item {	max-width: 25%;}
.gallery-columns-5 .gallery-item {	max-width: 20%;}
.gallery-columns-6 .gallery-item {	max-width: 16.66%;}
.gallery-columns-7 .gallery-item {	max-width: 14.28%;}
.gallery-columns-8 .gallery-item {	max-width: 12.5%;}
.gallery-columns-9 .gallery-item {	max-width: 11.11%;}
.gallery-caption {	display: block;}

/*=======================
	WEBFLOW RESPONSIVE
======================*/
.w-container {margin-left: auto;margin-right: auto;max-width: 1200px; padding: 0 20px;}
.w-container:before,
.w-container:after {  content: " ";  display: table;}
.w-container:after {  clear: both;}
.w-row {margin:0 -10px;}
.w-row:before,
.w-row:after {  content: " ";  display: table;}
.w-row:after { clear: both;}
.w-row .w-row {  margin-left: 0;  margin-right: 0;}
.w-col {  position: relative;  float: left;  width: 100%;  min-height: 1px;  padding-left: 10px;  padding-right: 10px;}
/*.w-col .w-col {  padding-left: 0;  padding-right: 0;}*/
.w-container  .w-col .w-row { margin-left: -10px; margin-right: -10px; }
.w-col-1 {  width: 8.33333333%;}
.w-col-2 {  width: 16.66666667%;}
.w-col-3 {  width: 25%;}
.w-col-4 {  width: 33.33333333%;}
.w-col-5 {  width: 41.66666667%;}
.w-col-6 {  width: 50%;}
.w-col-7 {  width: 58.33333333%;}
.w-col-8 {  width: 66.66666667%;}
.w-col-9 {  width: 75%;}
.w-col-10 {  width: 83.33333333%;}
.w-col-11 {  width: 91.66666667%;}
.w-col-12 {  width: 100%;}
.w-col-push-1 {  left: 8.33333333%;}
.w-col-push-2 {  left: 16.66666667%;}
.w-col-push-3 {  left: 25%;}
.w-col-push-4 {  left: 33.33333333%;}
.w-col-push-5 {  left: 41.66666667%;}
.w-col-push-6 {  left: 50%;}
.w-col-push-7 {  left: 58.33333333%;}
.w-col-push-8 {  left: 66.66666667%;}
.w-col-push-9 {  left: 75%;}
.w-col-push-10 {  left: 83.33333333%;}
.w-col-push-11 {  left: 91.66666667%;}
.w-col-pull-1 {  right: 8.33333333%;}
.w-col-pull-2 {  right: 16.66666667%;}
.w-col-pull-3 {  right: 25%;}
.w-col-pull-4 {  right: 33.33333333%;}
.w-col-pull-5 {  right: 41.66666667%;}
.w-col-pull-6 {  right: 50%;}
.w-col-pull-7 {  right: 58.33333333%;}
.w-col-pull-8 {  right: 66.66666667%;}
.w-col-pull-9 {  right: 75%;}
.w-col-pull-10 {  right: 83.33333333%;}
.w-col-pull-11 {  right: 91.66666667%;}
.w-col-offset-1 {  margin-left: 8.33333333%;}
.w-col-offset-2 {  margin-left: 16.66666667%;}
.w-col-offset-3 {  margin-left: 25%;}
.w-col-offset-4 {  margin-left: 33.33333333%;}
.w-col-offset-5 {  margin-left: 41.66666667%;}
.w-col-offset-6 {  margin-left: 50%;}
.w-col-offset-7 {  margin-left: 58.33333333%;}
.w-col-offset-8 {  margin-left: 66.66666667%;}
.w-col-offset-9 {  margin-left: 75%;}
.w-col-offset-10 {  margin-left: 83.33333333%;}
.w-col-offset-11 {  margin-left: 91.66666667%;}
.w-hidden-main {  display: none !important;}
@media screen and (max-width: 991px) {
  .w-container {    max-width: 728px;  }
  .w-hidden-main {    display: inherit !important;  }
  .w-hidden-medium {    display: none !important;  }
  .w-col-medium-1 {    width: 8.33333333%;  }
  .w-col-medium-2 {    width: 16.66666667%;  }
  .w-col-medium-3 {    width: 25%;  }
  .w-col-medium-4 {    width: 33.33333333%;  }
  .w-col-medium-5 {    width: 41.66666667%;  }
  .w-col-medium-6 {    width: 50%;  }
  .w-col-medium-7 {    width: 58.33333333%;  }
  .w-col-medium-8 {    width: 66.66666667%;  }
  .w-col-medium-9 {    width: 75%;  }
  .w-col-medium-10 {    width: 83.33333333%;  }
  .w-col-medium-11 {    width: 91.66666667%;  }
  .w-col-medium-12 {    width: 100%;  }
  .w-col-medium-push-1 {    left: 8.33333333%;  }
  .w-col-medium-push-2 {    left: 16.66666667%;  }
  .w-col-medium-push-3 {    left: 25%;  }
  .w-col-medium-push-4 {    left: 33.33333333%;  }
  .w-col-medium-push-5 {    left: 41.66666667%;  }
  .w-col-medium-push-6 {    left: 50%;  }
  .w-col-medium-push-7 {    left: 58.33333333%;  }
  .w-col-medium-push-8 {    left: 66.66666667%;  }
  .w-col-medium-push-9 {    left: 75%;  }
  .w-col-medium-push-10 {    left: 83.33333333%;  }
  .w-col-medium-push-11 {    left: 91.66666667%;  }
  .w-col-medium-pull-1 {    right: 8.33333333%;  }
  .w-col-medium-pull-2 {    right: 16.66666667%;  }
  .w-col-medium-pull-3 {    right: 25%;  }
  .w-col-medium-pull-4 {    right: 33.33333333%;  }
  .w-col-medium-pull-5 {    right: 41.66666667%;  }
  .w-col-medium-pull-6 {    right: 50%;  }
  .w-col-medium-pull-7 {    right: 58.33333333%;  }
  .w-col-medium-pull-8 {    right: 66.66666667%;  }
  .w-col-medium-pull-9 {    right: 75%;  }
    .w-col-medium-pull-10 {    right: 83.33333333%;  }
  .w-col-medium-pull-11 {    right: 91.66666667%;  }
  .w-col-medium-offset-1 {    margin-left: 8.33333333%;  }
  .w-col-medium-offset-2 {    margin-left: 16.66666667%;  }
  .w-col-medium-offset-3 {    margin-left: 25%;  }
  .w-col-medium-offset-4 {    margin-left: 33.33333333%;  }
  .w-col-medium-offset-5 {    margin-left: 41.66666667%;  }
  .w-col-medium-offset-6 {    margin-left: 50%;  }
  .w-col-medium-offset-7 {    margin-left: 58.33333333%;  }
  .w-col-medium-offset-8 {    margin-left: 66.66666667%;  }
  .w-col-medium-offset-9 {    margin-left: 75%;  }
  .w-col-medium-offset-10 {    margin-left: 83.33333333%;  }
  .w-col-medium-offset-11 {    margin-left: 91.66666667%;  }
  .w-col-stack {      width: 100%;    left: auto;    right: auto;  }
}
@media screen and (max-width: 768px) {
  .w-hidden-main {    display: inherit !important;  }
  .w-hidden-medium {    display: inherit !important;  }
  .w-hidden-small {    display: none !important;  }
  .w-row,  .w-container .w-row {margin-left: -10px;margin-right: -10px;}
  .w-col {    width: 100%;    left: auto;    right: auto;  }
  .w-col-small-1 {    width: 8.33333333%;  }
  .w-col-small-2 {    width: 16.66666667%;  }
  .w-col-small-3 {    width: 25%;  }
  .w-col-small-4 {    width: 33.33333333%;  }
  .w-col-small-5 {    width: 41.66666667%;  }
  .w-col-small-6 {    width: 50%;  }
  .w-col-small-7 {    width: 58.33333333%;  }
  .w-col-small-8 {    width: 66.66666667%;  }
  .w-col-small-9 {    width: 75%;  }
  .w-col-small-10 {    width: 83.33333333%;  }
  .w-col-small-11 {    width: 91.66666667%;  }
  .w-col-small-12 {    width: 100%;  }
  .w-col-small-push-1 {    left: 8.33333333%;  }
  .w-col-small-push-2 {    left: 16.66666667%;  }
  .w-col-small-push-3 {    left: 25%;  }
  .w-col-small-push-4 {    left: 33.33333333%;  }
  .w-col-small-push-5 {    left: 41.66666667%;  }
  .w-col-small-push-6 {    left: 50%;  }
  .w-col-small-push-7 {    left: 58.33333333%;  }
  .w-col-small-push-8 {    left: 66.66666667%;  }
  .w-col-small-push-9 {    left: 75%;  }
  .w-col-small-push-10 {    left: 83.33333333%;  }
  .w-col-small-push-11 {    left: 91.66666667%;  }
  .w-col-small-pull-1 {    right: 8.33333333%;  }
  .w-col-small-pull-2 {    right: 16.66666667%;  }
  .w-col-small-pull-3 {    right: 25%;  }
  .w-col-small-pull-4 {    right: 33.33333333%;  }
  .w-col-small-pull-5 {    right: 41.66666667%;  }
  .w-col-small-pull-6 {    right: 50%;  }
  .w-col-small-pull-7 {    right: 58.33333333%;  }
  .w-col-small-pull-8 {    right: 66.66666667%;  }
  .w-col-small-pull-9 {    right: 75%;  }
  .w-col-small-pull-10 {    right: 83.33333333%;  }
  .w-col-small-pull-11 {    right: 91.66666667%;  }
  .w-col-small-offset-1 {    margin-left: 8.33333333%;  }
  .w-col-small-offset-2 {    margin-left: 16.66666667%;  }
  .w-col-small-offset-3 {    margin-left: 25%;  }
  .w-col-small-offset-4 {    margin-left: 33.33333333%;  }
  .w-col-small-offset-5 {    margin-left: 41.66666667%;  }
  .w-col-small-offset-6 {    margin-left: 50%;  }
  .w-col-small-offset-7 {    margin-left: 58.33333333%;  }
  .w-col-small-offset-8 {    margin-left: 66.66666667%;  }
  .w-col-small-offset-9 {    margin-left: 75%;  }
  .w-col-small-offset-10 {    margin-left: 83.33333333%;  }
  .w-col-small-offset-11 {    margin-left: 91.66666667%;  }
}
@media screen and (max-width: 479px) {
  .w-container {    max-width: none;  }
  .w-hidden-main {    display: inherit !important;  }
  .w-hidden-medium {    display: inherit !important;  }
  .w-hidden-small {    display: inherit !important;  }
  .w-hidden-tiny {    display: none !important;  }
  .w-col {    width: 100%;  }
  .w-col-tiny-1 {    width: 8.33333333%;  }
  .w-col-tiny-2 {    width: 16.66666667%;  }
  .w-col-tiny-3 {    width: 25%;  }
  .w-col-tiny-4 {    width: 33.33333333%;  }
  .w-col-tiny-5 {    width: 41.66666667%;  }
  .w-col-tiny-6 {    width: 50%;  }
  .w-col-tiny-7 {    width: 58.33333333%;  }
  .w-col-tiny-8 {    width: 66.66666667%;  }
  .w-col-tiny-9 {    width: 75%;  }
  .w-col-tiny-10 {    width: 83.33333333%;  }
  .w-col-tiny-11 {    width: 91.66666667%;  }
  .w-col-tiny-12 {    width: 100%;  }
  .w-col-tiny-push-1 {    left: 8.33333333%;  }
  .w-col-tiny-push-2 {    left: 16.66666667%;  }
  .w-col-tiny-push-3 {    left: 25%;  }
  .w-col-tiny-push-4 {    left: 33.33333333%;  }
  .w-col-tiny-push-5 {    left: 41.66666667%;  }
  .w-col-tiny-push-6 {    left: 50%;  }
  .w-col-tiny-push-7 {    left: 58.33333333%;  }
  .w-col-tiny-push-8 {    left: 66.66666667%;  }
  .w-col-tiny-push-9 {    left: 75%;  }
  .w-col-tiny-push-10 {    left: 83.33333333%;  }
  .w-col-tiny-push-11 {    left: 91.66666667%;  }
  .w-col-tiny-pull-1 {    right: 8.33333333%;  }
  .w-col-tiny-pull-2 {    right: 16.66666667%;  }
  .w-col-tiny-pull-3 {    right: 25%;  }
  .w-col-tiny-pull-4 {    right: 33.33333333%;  }
  .w-col-tiny-pull-5 {    right: 41.66666667%;  }
  .w-col-tiny-pull-6 {    right: 50%;  }
  .w-col-tiny-pull-7 {    right: 58.33333333%;  }
  .w-col-tiny-pull-8 {    right: 66.66666667%;  }
  .w-col-tiny-pull-9 {    right: 75%;  }
  .w-col-tiny-pull-10 {    right: 83.33333333%;  }
  .w-col-tiny-pull-11 {    right: 91.66666667%;  }
  .w-col-tiny-offset-1 {    margin-left: 8.33333333%;  }
  .w-col-tiny-offset-2 {    margin-left: 16.66666667%;  }
  .w-col-tiny-offset-3 {    margin-left: 25%;  }
  .w-col-tiny-offset-4 {    margin-left: 33.33333333%;  }
  .w-col-tiny-offset-5 {    margin-left: 41.66666667%;  }
  .w-col-tiny-offset-6 {    margin-left: 50%;  }
  .w-col-tiny-offset-7 {    margin-left: 58.33333333%;  }
  .w-col-tiny-offset-8 {    margin-left: 66.66666667%;  }
  .w-col-tiny-offset-9 {    margin-left: 75%;  }
  .w-col-tiny-offset-10 {    margin-left: 83.33333333%;  }
  .w-col-tiny-offset-11 {    margin-left: 91.66666667%;  }

}

.w-clearfix:before, .w-clearfix:after { content: " "; display: table; }
.w-clearfix:after { clear: both; }

/*=======================
Integrations Specific
======================*/

#myaccount #TradePrintSuccess, #myaccount #TradePrintError {
    display: none;
}

/*=======================
	OPS CORE STYLES
======================*/

/* Pre Flight Check*/
.upload-container{
	background-color:#f7f7f7;
	border-radius:20px;
	margin-bottom:1rem;
	display: inline-block;
	width: 100%;
	padding: 20px;
}
.upload-container.checklist{
	padding:20px;
}
.upload-container ul{
	text-align:left;
	list-style:none;
	margin:0;
	padding:0;
}
.upload-container ul li{
	position:relative;
	padding:10px 0;
	padding-left:40px;
}
.upload-container ul li.neutral:before{
	content:'\f111';
	font-family:'Fontawesome';
	position:absolute;
	left:0;
	font-size:1.5rem;
	color:#aaa;
	line-height: 1;
}
.upload-container ul li.fail:before{
	content:'\f00d';
	font-family:'Fontawesome';
	position:absolute;
	left:0;
	font-size: 0.9rem;
  padding: 0.3rem;
	background-color:#e4003b;
  color: #fff;
  line-height: 1;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
}
.upload-container ul li.pass:before{
	content:'\f00c';
	font-family: 'Fontawesome';
  position: absolute;
  left: 0;
  font-size: 0.9rem;
  padding: 0.3rem;
  background-color: #4fb59e;
  color: #fff;
  line-height: 1;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
}
.upload-container ul li.soft:before {
  content: '\f12a';
  font-family: 'Fontawesome';
  position: absolute;
  left: 0;
  background-color: #FF9800;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.3rem;
  line-height: 1rem;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
}
.upload-container ul li.processing:before {
    content: '\f021';
    font-family: 'Fontawesome';
    position: absolute;
    left: 0;
    font-size: 0.9rem;
    padding: 0.3rem;
    background-color: #aaa;
    color: #fff;
    line-height: 1;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.upload-container ul li.neutral:before{
	content:'\f111';
	font-family:'Fontawesome';
	position:absolute;
	left:0;
	font-size:1.5rem;
	color:#aaa;
	line-height: 1;
}
.imprint-message span.info-toggle{
	color:#e2400b;
	font-weight:bold;
}
.info-toggle{
	cursor:pointer;
}
.info-box{
	display:none;
	background-color:#FFF;
	margin-top:10px;
	padding:10px;
	border-radius:15px;
}

.upload-container .dropfile{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:20px;
	border:2px dashed #ddd;
	border-radius:20px;
}
.upload-desc{
	border:2px dashed #ddd;
	border-radius:20px;
	padding:20px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.upload-queue{
	display:none;
}
.file-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	/* 17-02-2023 MM: Added to space the column in the my data list */
	column-gap: 10px;
	border-bottom: 1px solid #ddd;
    	padding: 3px 0px;
}
/* 17-02-2023 MM: Added to break up the wording my my data list */
.filename {
    word-break: break-word;
}
.progressbar{
	width:100%;
	height:20px;
	border-radius:20px;
	background-color:#ddd;
	overflow:hidden;
}
.pending .progressbar:before {
  content: 'pending';
  display: block;
  text-align: center;
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.2rem;
}
.progress-counter{
	width: 5%;
	height:20px;
	background-color: #e4003b;
	overflow:hidden;
	position: relative;
	transition: 0.4s ease-in-out;
}
.file-info{
	width:80%;
	display:flex;
	    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
    line-height: 1.8;
}
.progressbar-container{
  padding: 3px 0px;
	width: 40%;
	border-radius:20px;
	display:none;
}
.progress-counter:after {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background-image: linear-gradient(
    -45deg, 
    rgba(0, 0, 0, .1) 25%, 
    transparent 25%, 
    transparent 50%, 
    rgba(0, 0, 0, .1) 50%, 
    rgba(0, 0, 0, .1) 75%, 
    transparent 75%, 
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: move 2s linear infinite;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}
/* Progress Bar custom colours */
.progress-counter{
	background-color:transparent;
	/*background-image:linear-gradient(45deg, #812b85, #e6355f);*/
}
.progress-counter.complete{
	background-image:none;
	background-color: #9ad175;
}
.progress-counter.complete:before{
	content:'Upload Complete!';
	position:absolute;
	color:#000;
	font-weight:bold;
	left: 37%;
	top: 1px;
	font-size: 13px;
	line-height: 1.4;
}
.progress-counter.complete:after{
	display:none;
}
.progressnav span{
	cursor:pointer;
	font-weight:bold;
}
#uploadFileCont .file-row{
	border:none;
}
.progress-counter.complete .deleteFile.artworkIcon{
	position: absolute;
    right: 10px;
    top: -3px;
    color: #000;
    font-size: 13px;
}
.progress-counter.complete i.uploadedDelete{
	position:relative;
	top:auto;
	left:auto;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.upload-container {
  position: relative;
}
.pfNumberOfFiles, .pfTimeToLockout {
  position: absolute;
  top: -15px;
  right: 5px;
  font-size: 0.8rem;
  line-height:1rem;
  text-align: right;
}
.pfIcon i.uploadedDelete.fa.fa-trash {
  position: relative;
}
.pfIcon.deleteFile.artworkIcon {
  left: auto;
  top: auto;
}
span.pfIcon {
  color: white;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  text-align: center;
  cursor: pointer;
}
span.pfIcon.pfInfo {
  background-color: blue;
}
span.pfIcon.pfCheckSoft {
  background-color: orange;
  cursor: default;
}
span.pfIcon.pfCheckSuccess {
  background-color: #4fb59e;
  cursor: default;
}
span.pfIcon.pfCheckFail {
  background-color: #e4003b;
  cursor: default;
}
span.pfIcon.deleteFile.artworkIcon, span.pfIcon.pfCheckNone {
  background-color: #666666;
}
span.pfAwaiting {
  opacity: 0.5;
  cursor: default;
}
#pfAcceptCont {
  background-color: #ddd;
  margin: 1rem 0;
  border-radius: 5px;
  padding: 10px;
}
#pfAcceptBtn i.fa-refresh {
  display: none;
}
#pfAcceptBtn.processing i.fa-refresh {
  display: inline-block;
}
/* Pre Flight Check End */