@charset "UTF-8";
/* CSS Document */
/*
Used colors
success green #319616
success green:hover #45c423
upload blue #165b96
upload blue:hover #4297de
failure red #c50000
failure red fill (lighter red) #f3b7b7
common orange #f05323
common grey #202324
Premier Yellow 2022 #ffc42c
Premier Orange 2022 #f05323
Premier Light Grey 2022 #ececec
Premier Dark Grey 2022 #202324
*/
html {
    font-variant-ligatures: no-common-ligatures !important;
	background-color: #555 !important;
	font-family: 'Roboto', sans-serif !important;
    width: 100% !important;
    margin: 0 auto !important;
}
body {
    font-variant-ligatures: no-common-ligatures !important;
	background-color: #FFF !important;
	font-family: 'Roboto', sans-serif !important;
    width: 100% !important;
    margin: 0 auto !important;
}
p {
    font-weight: 400 !important;
	font-size: 16px  !important;
    font-family: 'Roboto', sans-serif !important;
	line-height: 1.5em !important;
}
h1 {
	font-family: 'Raleway', sans-serif !important;
	text-align: center !important;
	font-size: 34px !important;
	margin: 0 !important;
	text-transform: none !important;
	font-weight: bold !important;
	margin-bottom: 20px !important;
	line-height: 1em !important;
}
h2 {
	font-family: 'Roboto', sans-serif;
	text-align: center !important;
}
h2 {
	text-transform: uppercase !important;
	font-weight: 600 !important;
	font-size: 18px !important;
	margin: 0 !important;
	letter-spacing: 2px !important;
}
img {
	outline: none !important;
}
a {
	text-decoration: none !important;
	outline: none !important;
}
.white {
	color: white !important;
}
.white-bkgd {
	background-color: white !important;
}
.black {
	color: #000 !important;
}
.black-bkgd {
	background-color: #000 !important;
}
.PCA-light-grey {
	color: #ececec !important;
}
.PCA-light-grey-bkgd {
	background-color: #ececec !important;
}
.PCA-dark-grey {
	color: #202324 !important;
}
.PCA-dark-grey-bkgd {
	background-color: #202324 !important;
}
.PCA-orange {
	color: #f05323 !important;
}
.PCA-orange-bkgd {
	background-color: #f05323 !important;
}
.PCA-yellow {
	color: #ffc42c !important;
}
.PCA-yellow-bkgd {
	background-color: #ffc42c !important;
}

.inner-space {
	padding: 40px !important;
}
.align-left {
text-align: left !important;
}
.align-center {
text-align: center !important;
}
.align-right {
text-align: right !important;
}
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.button {
	background-color: #f05323 !important;
	color: #fff !important;
	border-radius: 30px !important;
	padding: 10px 20px !important;
	text-align: center !important;
	margin: 0 auto !important;
}
.button:hover {
	background-color: #fff !important;
	color: #f05323 !important;
}
div.button a {
	color: white;
}
div.button a:hover {
	color: #fff !important;
}
a .button {
	background-color: #f05323 !important;
	color: #fff !important;
	text-transform: uppercase !important;
	font-weight: 800 !important;
	font-size: 16px !important;
	letter-spacing: 2px !important;
	font-family: 'Roboto', sans-serif !important;
}
a.PCA-orange {
	color: #f05323 !important;
}
/*
a .button:hover {
	color: #f05323 !important;
}
a h2.PCA-orange {
	color: #f05323 !important;
}
a h2.PCA-orange:hover {
	text-decoration: underline !important;
}
*/
/* LINKS ON DyeSubServices | Artists links*/
div.artists a h2 {
	color: #f05323 !important;
    padding-bottom: 14px;
}
div.artists a h2:hover {
	text-decoration: underline !important;
}
div.button.grey {
    background-color: #202324 !important;
	color: #fff !important;
    border-radius: 30px !important;
    padding: 10px 20px !important;
    text-align: center !important;
    display: inline-block !important;
    margin: 0 auto !important;
}
div.button.grey:hover{
	background-color: #fff !important;
	color: #202324 !important;
}
/* Only buttons on Accreditations and Associations */
div.cred.button:hover {
	color: white !important;
    background-color: #202324 !important;
}
a div.button.grey:hover {
	background-color: #fff !important;
	color: #202324 !important;
}
a div.button.hover-dark:hover {
	color: white !important;
    background-color: #202324 !important;
}
img.yellow-chevron {
	height: 24px !important;
	width: 24px !important;
}
/* Pop up label on featured categories */
div.product-title {
	background-color: #f05323 !important;
	padding: 12px !important;
}
div.product-title a {
	color: #fff !important;
	font-size: 1.5rem !important;
}
/* End Pop up label on featured categories */
.PCA-row {
	/*height: 200px;*/
	margin-top: 10px !important;
	width: 100% !important;
	/*background-color: cyan !important;*/
	display: flex !important;
}

.PCA-full-page-width {
	/*height: 100px;*/
	width: 100% !important;
	margin: 0 !important;
/*	margin-bottom: 10px !important;*/
}
.PCA-half-page-left, .PCA-half-page-right {
	/*height: 100px;*/
	display: flex !important;
	flex: 1 !important;
	justify-content: center !important;
	margin: 0 auto !important;
	/*flex-direction: column !important;*/
	position: relative !important;
/*	margin-bottom: 10px !important;*/
	overflow: hidden !important;
}
.PCA-half-page-left {
	margin-right: 5px !important;
	margin-left: 0px !important;
}
.PCA-half-page-right {
	margin-right: 0px !important;
	margin-left: 5px !important;
}
.center-vertically {
		flex-direction: column !important;
}
/* Make main double colum blocks into single column blocks */
@media (max-width: 1000px) {
.PCA-row {
	margin-top: 18px !important;
	width: 100% !important;
	display: block !important;
}
.PCA-half-page-left, .PCA-half-page-right {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    text-align: center;
    display: block;
	width: 100% !important;
	}
div#guardRailsCat div.shadeHorzDisplay, div#tableCoversCat div.shadeHorzDisplay {
	margin: 0 !important;
	position: absolute !important;
	bottom: 0 !important;
	width: 90% !important;
}
h1.white {
	font-size: 32px !important;
	}
}

/* Full width bars with headlings and buttons */
div.h-bar {
	text-align: center !important;
    margin: 0 auto !important;
}
div.h-bar h1 {
    margin: 0 !important;
}
/* buttons in full width bars */
.h-bar-button {
    margin-left: 30px !important;
	vertical-align: -8px;
}

.fas {
	padding-right: 5px !important;
}



/*@media all and (max-width:768px) {
	h2 {
		font-size: 16px !important;
	}

	p {
		font-size: 14px !important;
	}

	p {
		text-align: left !important;
	}
}*/

@media all and (max-width:630px) {
	input {
		width: 100% !important;
	}
}

@media all and (max-width:500px) {
	.logo {
		max-width: 230px !important;
	}

	#menuToggle {
		margin-top: 30px !important;
	}

	#menuToggle span {
		display: block !important;
		width: 27px !important;
		height: 3px !important;
	}

	h2 {
		font-size: 14px !important;
	}
}

@media all and (max-width:480px) {
	input {
		margin: 0px !important;
	}
}

/*! CSS Used from: https://use.fontawesome.com/releases/v5.1.0/css/all.css */
.fas {
	-moz-osx-font-smoothing: grayscale !important;
	-webkit-font-smoothing: antialiased !important;
	display: inline-block !important;
	font-style: normal !important;
	font-variant: normal !important;
	text-rendering: auto !important;
	line-height: 1 !important;
}

.fa-question-circle:before {
	content: "\f059" !important;
}
.fa-envelope:before {
	content: "\f0e0" !important;
}

.fa-file-invoice-dollar:before {
	content: "\f571" !important;
}

.fa-money-check-alt:before {
	content: "\f53d" !important;
}

.fa-upload:before {
	content: "\f093" !important;
}

.fa-user-tie:before {
	content: "\f508" !important;
}

/*.fas {
	font-family: "Font Awesome 5 Free" !important;
}*/

.fas {
	font-weight: 900 !important;
}


/* *******************  THIRD ROW NAVIGATION ROLL DOWN MENU   *********************** */
#printSubMenu, #displaySubMenu, #apparelSubMenu, #promoSubMenu, #fulfillmentSubMenu {
    display: none;
}
.headerThirdBar {
    text-align: center;
    width: 100%;
    /*	max-width: 1420px;*/
    padding: 0px;
    margin: 0 auto 0 auto;
    /* left and right zero values for centering */
    position: absolute;
    left: 0px;
    top: auto;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.7);
    background-color: #ffc42c;
    /*	background-color: #555;
	color: #fff;
    z-index: -2;*/
}
/*	Bring sub menu to in front of main menu for mobile */
@media all and (max-width:768px) {
    .headerThirdBar {
/*        z-index: 10;*/
    }
}
.headerThirdBar a {
    padding: 14px;
    color: #202324;
    text-transform: uppercase;
    display: inline-block;
	font-size: 18px !important;
	font-weight: 900 !important;
}
.headerThirdBar a:hover {
    color: #fff;
    background-color: #202324;
}
.innerContent {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    /*overflow: auto;*/
}
.logoColumn {
    display: flex;
    justify-content: center;
    text-align: left;
    align-content: center;
    flex-direction: column;
    width: 26%;
	padding-top: 20px;
	padding-left: 2%;
}
@media all and (max-width:768px) {
.logoColumn {
    width: 50%;
	padding-left: 0px;
	padding-top:16px;
	}
}
.menuNavColumn {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    margin: 0px;
    flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	width: 70%;
	padding-top: 10px;
	padding-right: 2%;
}
.logo {
    width: 100%;
    /*
	max-width: 272px;
	text-align: left;
	margin-left: 10px;
	OLD */
}
.menuItem a {
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
}
.menuItem:hover a {
    color: #f05323;
}

/* Animation for shrinking Icon back to original size on mouse out */
@keyframes shrinkIcon {
    0% {
        background-size: 100%;
        opacity: 100%;
    }
    100% {
        background-size: 80%;
        opacity: 50%;
    }
}
.menuItem:hover a div.iconBox {
    opacity: 100%;
    background-size: 100%;
    animation-name: growIcon;
    animation-duration: 0.5s;
}
/* Animation for growing Icon size on hover */
@keyframes growIcon {
    0% {
        background-size: 80%;
        opacity: 50%;
    }
    100% {
        background-size: 100%;
        opacity: 100%;
    }
}
h2.iconText {
    color: #fff;
    animation-name: iconTextWhite;
    animation-duration: 0.5s;
}
/* Animation for growing Icon size on hover */
@keyframes iconTextWhite {
    0% {
        color: #f05323;
    }
    100% {
        color: #fff;
    }
}
.menuItem:hover a h2.iconText {
    color: #f05323;
    animation-name: iconTextOrange;
    animation-duration: 0.5s;
}
/* Animation for growing Icon size on hover */
@keyframes iconTextOrange {
    0% {
        color: #fff;
    }
    100% {
        color: #f05323;
    }
}
.menuItem.active a {
    color: #f05323;
}
/* --------------------- END STYLE HEADER AND NAV AREA ------------------------ */

/* --------------------- START VIDEO STYLES ------------------------ */
.shadow-text {
	text-shadow: 0px 0px 15px black !important;
}

h1.header-text {
	font-size: 55px !important;
}
#video-container {
    position: relative !important;
	display: grid !important;
	margin: 0px auto  0 auto !important;
}
.video-overlay {
	width: 100% !important;
	margin: 0 auto !important;
	position: absolute !important;
	height: 100% !important;
	background-image: url(https://premierprinting2.ca/infigo_assets/premier/images/css-images/raster_dot.png) !important;
	background-repeat: repeat !important;
	max-width: 1340px !important;
	top: 0px !important;
	left: 0px !important;
	/*background-color: yellow !important;*/
}

:focus {
	outline: none !important;
}

@media all and (max-width:1500px) {
	@media all and (max-width:1280px) {
		h1 {
			font-size: 32px !important;
		}

		h1.header-text {
			font-size: 48px !important;
		}
	}
}

@media all and (max-width:768px) {
	#video-container {
		display: none !important;
	}

	h1 {
		font-size: 24px !important;
		margin-bottom: 20px !important;
	}
}

@media all and (max-width:500px) {
	h1.header-text {
		font-size: 34px !important;
	}

	h1 {
		font-size: 20px !important;
	}
}

/* --------------------- END VIDEO STYLES ------------------------ */

div#BeforeMainContainer {
	/* With top Alert bar */
	/*margin-top: 242px !important;*/
	/* Without top Alert bar */
	/*margin-top: 270px !important;*/
	/*background-color: red;*/
}
@media all and (max-width:1087px) {
div#BeforeMainContainer {
	/* With top Alert bar */
	margin-top: 0px !important;
	/* Without top Alert bar */
	/*margin-top: 98px !important;*/
	}
}
@media all and (max-width: 768px) {
div#BeforeMainContainer {
	/* With top Alert bar */
	/*margin-top: 0px !important;*/
	/* Without top Alert bar */
	/*margin-top: 126px !important;*/
	}
}
@media all and (max-width: 730px) {
div#BeforeMainContainer {
	/* With top Alert bar */
	/*margin-top: 120px !important;*/
	/* Without top Alert bar */
	/*margin-top: 126px !important;*/
	}
}
@media all and (max-width: 564px) {
div#BeforeMainContainer {
	/* With top Alert bar */
	/*margin-top: 120px !important;*/
	/* Without top Alert bar */
	/*margin-top: 148px !important;*/
	}
}
div#phTopic.topicpage {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/* USED ON EMPLOYMENT BANNERS - START */
.short-term-container {
	position: relative !important;
	width: 100% !important;
}
.short-term-text {
	margin: auto !important;
	padding: 20px 0px !important;
}
.short-term-click {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 16px 40px;
}
/* USED ON EMPLOYMENT BANNERS - END */

.imageOverlay {
	width: 100% !important;
	position: absolute !important;
	bottom: 40% !important;
	text-align: center !important;
}
.contactBlock {
	width: 100% !important;
	position: absolute !important;
	bottom: 25% !important;
	text-align: center !important;
}
.contactBlock h1 {
	font-size: 28px !important;
}

.min160 {
	min-width: 160px !important;
}

a.continue-reading {
	font-weight: 600 !important;
	font-style: italic !important;
}
a.continue-reading:hover {
	text-decoration: underline !important;
}
:focus {
	outline: none !important;
}

@media all and (max-width:1500px) {
	@media all and (max-width:1365px) {
		.column1 {
			margin-right: 0px !important;
		}
	}

	@media all and (max-width:1280px) {
		h1 {
			font-size: 32px !important;
		}
	}
}

@media all and (max-width:1000px) {
	.PCA-half-page-left, .PCA-half-page-right {
		margin-left: 0px !important;
		margin-bottom: 10px !important;
		text-align: left !important;
		display: block !important;
		flex: auto !important;
		width: 100% !important;
	}

	h1 {
		font-size: 24px !important;
		margin-bottom: 20px !important;
	}

	.button {
		padding: 5px 20px !important;
	}
	.popupcolumn3 {
		text-align: center !important;
	}
	.popupcolumn3 img {
		max-width: 600px !important;
	}
}

@media all and (max-width:500px) {
	h1 {
		font-size: 20px !important;
	}
}

/* COLOR MAIN CONTAINER OF CUSTOM HTML TO SEE THE CONTAINER */
.topicpage-body {
	/*background-color: purple !important;*/
}
/* ************************* CATEGORY BLOCKS ************************** */
.categoryHalfLeft, .categoryHalfRight, .displayHalfLeft, .displayHalfRight  {
    background-color: #333 !important;
    width: 48% !important;
    margin: 1% !important;
    padding-top: 2% !important;
    padding-bottom: 2% !important;
    max-height: 600px !important;
}
.categoryHalfLeft, .displayHalfLeft {
    float: left !important;
}
.categoryHalfRight, .displayHalfRight {
    float: right !important;
}
.halfWidth {
	width: 50% !important;
	margin-top: 20px !important;
}
.displayHalfLeft, .displayHalfRight  {
	background-color: transparent !important;
	padding-top: 0 !important;
}
.displayHalfLeft h1.PCA-yellow  {
	margin-bottom: 4px !important;
	text-align: left !important;
	margin-left: 70px !important;
}
.displayHalfLeft a h1.PCA-yellow:hover  {
	color: white !important;
}
.displayCategory, .apparelCategory {}
.BlockCatLeftDisplay {
    padding: 30px 0 30px 5% !important;
	background-color: #202324 !important;
    /*background-color: green !important;*/
}
.BlockCatCenterDisplay {
    padding: 30px 5% 0px 5% !important;
	background-color: #202324 !important;
    /*background-color: yellow !important;*/
}
.BlockCatLeftApparel {
    padding: 30px 0 0 5% !important;
	background-color: #202324 !important;
    /*background-color: green !important;*/
}
.BlockCatRightApparel {
    padding: 30px 30px 0 0 !important;
	background-color: #202324 !important;
    /*background-color: green !important;*/
}
.BlockCenterApparel {
	background: white url('images/#') center center no-repeat !important;
	text-align: center !important;
	height: 340px !important;
	position: relative !important;
}
.apparelBlock {}

.imageShade {
    float: right !important;
    /*	margin-top: 20px !important;*/
    text-align: center !important;
    background-color: rgb(0, 0, 0, 0.5) !important;
    padding: 12px 2% !important;
}
.apparelShade {
    text-align: center !important;
    background-color: rgb(0, 0, 0, 0.5) !important;
    padding: 24px 2% !important;
	width: 96% !important;
	position: absolute !important;
	bottom: 0px !important;
	left: 0px !important;
}
.apparelShade h1.PCA-yellow {
	margin-bottom: 10px !important;
}
.shadeVertDisplay {
    margin-top: 0 !important;
    width: 60% !important;
}
.shadeHorzDisplay {
    margin-top: 50% !important;
    width: 96% !important;
}
.shadeBotLeftDisplay {
    margin-top: 30% !important;
    width: 60% !important;
}
.shadeRightApparel {
    width: 60% !important;
    float: right !important;
}
.shadeLeftApparel {
    width: 60% !important;
    float: left !important;
}
.imageShade h1 {
    margin-bottom: 24px !important;
}
.imageShade h2 {
    margin-bottom: 5px !important;
}
.imageShade p {
    margin: 24px auto !important;
    width: 80% !important;
    text-align: left !important;
}
.categoryBGimage {
    padding-bottom: 80% !important;
    background: transparent no-repeat top left/contain !important;
    /*background-color: red !important;*/
}
#displayCat {
    background-image: url('https://premierprinting2.ca/infigo_assets/premier/images/display-main.png') !important;
}
#displayStandsCat {
    background-image: url('https://premierprinting2.ca/infigo_assets/premier/images/categories/PCA-VStand-Angled-shad.png') !important;
}
#retractablesCat {
    background-image: url('https://premierprinting2.ca/infigo_assets/premier/images/categories/PCA-Sigma-Angle-shad.png') !important;
}
#vflagsCat {
    background-image: url('https://premierprinting2.ca/infigo_assets/premier/images/categories/PCA-VFlag-Square-glow.png') !important;
}
#flagsCat {
    background-image: url('https://premierprinting2.ca/infigo_assets/premier/images/categories/PCA-Custom-Banner-glow.png') !important;
}
#tableCoversCat {
    background-image: url('https://premierprinting2.ca/infigo_assets/premier/images/categories/PCA-Openback-Front-glow.png') !important;
}
#tentsCat {
    background-image: url('https://premierprinting2.ca/infigo_assets/premier/images/categories/PCA-Tent-Full-shad.png') !important;
}
#wallsCat {
    background-image: url('https://premierprinting2.ca/infigo_assets/premier/images/categories/PCA-PopUp-Front-Corner-Down-shad.png') !important;
}
#guardRailsCat {
    background-image: url('https://premierprinting2.ca/infigo_assets/premier/images/categories/PCA-GuardRail-shad.png') !important;
}
#womensApparelCat {
    background-image: url('https://premierprinting2.ca/infigo_assets/premier/images/categories/womens-Apparel-shad.png') !important;
    background-position: -10% 0 !important;
}
#mensApparelCat {
    background-image: url('https://premierprinting2.ca/infigo_assets/premier/images/categories/mens-Apparel-shad.png') !important;
    background-position: 120% 0 !important;
}
@media (max-width: 768px) {

.displayHalfLeft, .displayHalfRight {
	width: 98% !important;
	float: none !important;
	text-align: center !important;
}
.row:first-child {
        margin-top: 20px !important;
    }
    .BlockCatLeftDisplay {
        padding-right: 0 !important;
        /*    background-color: pink !important;*/
    }
    .shadeVertDisplay, .shadeLeftApparel, .shadeRightApparel {
        margin-top: 14% !important;
    }
}
@media (max-width: 650px) {
    .shadeVertDisplay {
        margin-top: 0 !important;
    }
}
/* ************************* END CATEGORY BLOCKS ************************** */

/* START STYLES FOR PRINT LANDING PAGE */

/*! CSS Used from: https://premier.ca/css/style.css */
.testimonials {background-color:#2a2e2f;width:100%;height:100%;}
.testimonialTextBlock {padding:50px 60px;}
.testimonialTextBlock p {padding: 20px 30px;}
.fas{padding-right:5px;}
#printResourceBox{background-color:#ffc42c;width: 100% !important;}
.printQuoteBox, .bar {padding: 12px 20px 10px 20px;margin-bottom: 10px !important;}
.printQuoteBox h1 {margin: 0px 0px 6px 0px !important;}
#documentImage{float:left;opacity:50%;height:100px !important;padding:10px 0px 10px 20px;}
/*@media (max-width: 768px){
.row:first-child{margin-top:20px;}
}*/
.innerSpace{padding:40px;}
.innerSpaceExpand{padding:40px;}
.innerSpaceExceed{padding:40px;}
.checkColumn{display:flex;flex:1;justify-content:center;margin:0 auto;flex-direction:column;position:relative;margin-right:10px;margin-top: 20px;}
@media all and (max-width:1000px){
	.checkColumn:nth-child(2){margin-top: 0px;}
}
.servicesBox h1{color:#f05323;}
.servicesBox p{color:#202324;}
.servicesBox{background-color:white;cursor:pointer;border:none;display:block;min-height:300px;}
.servicesBox i{visibility:hidden;opacity:0;transition:visibility 0s, opacity 0.1s linear;-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.servicesBox:hover i{visibility:visible;opacity:1;}
.servicesBox:after{-webkit-transition:border 0.5s ease;-moz-transition:border .5s ease;-o-transition:border .5s ease;-ms-transition:border .5s ease;transition:border .5s ease;content:"";}
.servicesBox:hover:after{content:"";position:absolute;bottom:0;right:0;border-width:40px 40px 0px 0px;border-style:solid;border-color:white #202324;display:block;width:0;-webkit-box-shadow:0 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 0px rgba(0, 0, 0, 0.2);box-shadow:0 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 0px rgba(0, 0, 0, 0.2);}
.servicesBox:hover{background-color:#f05323;}
.servicesBox:hover h1{color:white;}
.servicesBox:hover p{color:white;}
.associationsImg{width:100%;max-width:117px;}
.brokerPartnership{background-image:url(https://premierprinting2.ca/infigo_assets/premier/images/protected-broker-partnership-cta.jpg);background-repeat:no-repeat;width: 100%;}
:focus{outline:none;}
li{line-height:1.5em;}
.column3{display:flex;flex-basis:31%;justify-content:center;margin:0 auto;flex-direction:column;position:relative;margin-bottom:2%;align-items:center;padding-top:30px;}
#headerImageContainer{display:none;}
@media all and (max-width:1500px){
@media all and (max-width:1365px){
.column1{margin-right:0px;}
.column1:nth-child(2),.column1:nth-child(3),.column1:nth-child(4){margin-left:10px;}
}
@media all and (max-width:1280px){
h1{font-size:32px;}
.innerSpace{padding:25px;}
.innerSpaceExpand{padding:-1px 25px;}
.innerSpaceExceed{padding:25px;}
}
}
@media all and (max-width:1040px){
.row { flex-wrap:wrap; }
}
@media all and (max-width:768px){
main{margin-top:180px;}
.contactBlock {
	padding: 15px 15px;
	text-align: left;
	}
.servicesBox{min-height:150px;}
#video-container{display:none;}
#headerImageContainer{display:grid;margin:10px 0px;}
.column1{margin-left:0px;margin-bottom:10px;text-align:center;display:block;flex:auto;}
.column1:nth-child(2){margin-left:0px;}
.row{display:block;margin-top:0px;}
h1{font-size:24px;margin-bottom:20px;}
h2{font-size:16px;}
p{font-size:14px;}
.column3{flex-basis:100%;}
.servicesBox h1{display:inline-flex;width:38%;text-align:left;}
.servicesBox p{display:inline-flex;width:60%;text-align:left;}
li p{text-align:left;}
li{text-align:left;}
p{text-align:left;}
}
@media all and (max-width:630px){
main{margin-top:162px;}
}
@media all and (max-width:500px){
h1{font-size:20px;}
h2{font-size:14px;}
.innerSpace{padding:10px 10px;}
.innerSpaceExpand{padding:10px;}
.innerSpaceExceed{padding:10px;}
.row{flex-wrap:wrap;}
}

/* END STYLES FOR PRINT LANDING PAGE */

/* START STYLES FOR APPAREL LANDING PAGE */

/*! CSS Used from: https://premier.ca/css/style.css?v3 */
#dyeSubGuidelinesBox{background-color:#ffc42c;}
#sizingInstructionsBox{padding:20px 40px;background:url(https://premierprinting2.ca/infigo_assets/premier/images/SVGs/t-shirt-tilted.svg) 20px 10px no-repeat, url(https://premierprinting2.ca/infigo_assets/premier/images/SVGs/ruler-top.svg) center top no-repeat, #920015 url(https://premierprinting2.ca/infigo_assets/premier/images/SVGs/ruler-bottom.svg) center bottom no-repeat;background-size:120px, 103%, 103%;}
.shadeRightApparel{width:60%;float:right;}
.shadeLeftApparel{width:60%;float:left;}
.imageShade h1{margin-bottom:24px;}
.imageShade h2{margin-bottom:5px;}
.imageShade p{margin:24px auto;width:80%;text-align:left;}
#womensApparelCat{background-image:url('https://premierprinting2.ca/infigo_assets/premier/images/categories/womens-Apparel-shad.png');background-position:-10% 0;}
#mensApparelCat{background-image:url('https://premierprinting2.ca/infigo_assets/premier/images/categories/mens-Apparel-shad.png');background-position:120% 0;}
@media (max-width: 768px){
/*.row:first-child{margin-top:20px;}*/
.shadeLeftApparel,.shadeRightApparel{margin-top:14%;}
}

/* END STYLES FOR APPAREL LANDING PAGE */

/* START STYLES FOR PROMO LANDING PAGE */

.bigNum {
    font-weight: 800;
    font-size: 20px;
    background-color: #f05323;
    color: #fff;
    border-radius: 20px;
    float: left;
    text-align: center;
    padding: 0px 9px 0px 9px;
    margin-right: 10px;
}

.blockquote {
    margin-left: 40px;
	margin-bottom: 16px;
}
/* 
.instagramColumn{
   display:flex;
    justify-content:center;
    flex-direction:column;
    flex-basis:18%;
}
.instagramColumn:nth-child(2){flex-basis:57%;padding-left:20px;}
.instagramColumn:nth-child(3){flex-basis:25%;margin-right:10px;}*/
.b-shift{vertical-align:10%;}

@media all and (max-width:768px){
/*.instagramRow{flex-wrap:wrap;}
.instagramColumn h1.alignLeft{text-align:center;margin-top:10px;}
.instagramColumn h2.alignLeft{text-align:center;margin-bottom:20px;}
.instagramColumn{flex-basis:100%;}
.instagramColumn:nth-child(2){flex-basis:100%;}
.instagramColumn:nth-child(3){flex-basis:100%;margin-right:0px;padding-bottom:10px;text-align:center;}*/
}
#instagram-bar {
	margin-top: 10px;
	padding: 24px;
	position: relative;
	background-image: url('https://premierprinting2.ca/infigo_assets/premier/images/instagram-cta.jpg') !important;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto 100%;
}
.instagram-button {
    position: absolute;
    top: 34px;
    right: 24px;
}
@media all and (max-width:1040px){
.instagram-button {
    position: relative;
	text-align: center;
	margin: auto;
	top: 10px;
    right: auto;
}
}
/* END STYLES FOR PROMO LANDING PAGE */

/*! CSS Used from: https://use.fontawesome.com/releases/v5.1.0/css/all.css */
.fa,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.fa-2x{font-size:2em;}
.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0;}
.fa-ul>li{position:relative;}
.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit;}
.fa-check:before{content:"\f00c";}
.fa-chevron-left:before{content:"\f053";}
.fa-chevron-right:before{content:"\f054";}
.fa-plus:before{content:"\f067";}
/*.fa,.fas{font-family:"Font Awesome 5 Free";}*/
.fa,.fas{font-weight:900;}
/*! CSS Used from: https://premier.ca/css/owl.carousel.css */
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden;}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel.owl-loaded{display:block;}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.no-js .owl-carousel{display:grid;}
.owl-next{position:absolute;top:40%;right:10px;}
.owl-prev{position:absolute;top:40%;left:10px;}
/*! CSS Used from: https://premier.ca/css/owl.theme.default.css */
.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent;}
.owl-theme .owl-nav [class*='owl-']{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;display:inline-block;cursor:pointer;border-radius:3px;}
.owl-theme .owl-nav [class*='owl-']:hover{color:rgba(255,255,255,0.5);text-decoration:none;}
.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent;position:absolute;bottom:20px;width:100%;}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:rgba(255,255,255,0.5);display:block;-webkit-backface-visibility:visible;transition:opacity 200ms ease;border-radius:30px;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:white;}
@media all and (max-width:769px){
.owl-theme .owl-dots{bottom:10px;}
.owl-next{position:absolute;bottom:43%;top:unset;right:10px;}
.owl-prev{position:absolute;bottom:43%;left:10px;top:unset;}
}

/* END STYLES FOR PROMO LANDING PAGE */

.reasons {

}

#reason-1 {background: #202324 url('https://premierprinting2.ca/infigo_assets/premier/images/circle-1.png') -34px -24px no-repeat;min-height: 400px;}
#reason-2 {background: #202324 url('https://premierprinting2.ca/infigo_assets/premier/images/circle-2.png') -34px -24px no-repeat;min-height: 400px;}
#reason-3 {background: #202324 url('https://premierprinting2.ca/infigo_assets/premier/images/circle-3.png') -34px -24px no-repeat;min-height: 400px;}


/*
Used colors
success green #319616
success green:hover #45c423
upload blue #165b96
upload blue:hover #4297de
failure red #c50000
failure red fill (lighter red) #f3b7b7
common orange #f05323
common grey #202324
Premier Yellow 2022 #ffc42c
Premier Orange 2022 #f05323
Premier Dark Grey 2022 #202324
*/

/* END STYLES FOR FULFILLMENT LANDING PAGE */



/* END STYLES FOR FULFILLMENT LANDING PAGE */


h1.resourceSub {
    color: #f7d50a !important;
    font-size: 24px !important;
    text-align: left !important;
    margin: 30px 0px 20px 12px !important;
}

div.resourceColumn {
    display: flex !important;
    justify-content: center !important;
    /* margin: 0 auto !important; */
    flex-direction: column !important;
    position: relative !important;
    /* flex-basis: 10% !important; */
}
div.resourceColumn a {
    font-family: 'Raleway', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    margin-left: 20px !important;
    padding: 6px 0px 6px 40px !important;
    letter-spacing: 2px !important;
    text-decoration: none !important;
    color: #000 !important;
    background: transparent url('https://premierprinting2.ca/infigo_assets/premier/images/PDF_icon_b.png') left center no-repeat !important;
}
div.resourceColumn a:hover {
    color: #FFF  !important;;
    background: transparent url('https://premierprinting2.ca/infigo_assets/premier/images/PDF_icon_w.png') left center no-repeat  !important;;
}
/* END STYLES FOR RESOURCES PAGE */



/* START STYLES FOR CONTACT US PAGE */

#rep-container {
	margin-top: 10px !important;
}
.rep-row {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
}
.rep-column {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: left !important;
	flex-basis: 33% !important;
	padding-bottom: 60px !important;
}
.rep-photo {
	width: 105px !important;
	min-width: 105px !important;
	max-width: 105px !important;
}
.rep-info {
    text-align: left !important;
	padding-left: 18px !important;
	/*background-color: yellow;*/
	width: auto !important;
}
.rep-info h2 {
    text-align: left !important;
}

@media (max-width: 768px){
:focus {
		outline:none;
		}
.rep-row {
	display: block !important;
}
.rep-column {
        justify-content: center !important;
		width: 100% !important;
}
.rep-info {
    width: 240px !important;
}
a.underline:hover {
	text-decoration:underline;
	}
}
@media all and (max-width:1500px){
@media all and (max-width:1365px){
}
@media all and (max-width:1280px){
h1{font-size:32px;}
.innerSpace {padding:25px;}
}
}
@media all and (max-width:1040px){
.row{flex-wrap:wrap;}
}
@media all and (max-width:768px){
}
@media all and (max-width:500px){
}
@media all and (max-width:480px){
}
/* END STYLES FOR CONTACT US PAGE */

/******************** CAREERS PAGE Job Postings **************************/
a.whiteLink {
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
	font-size: 18px;
}
a.whiteLink:hover {
	text-decoration: none;
}
div.jobPosition {
	text-align: center !important;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
	border-bottom: 2px solid #ffc42c !important;
}
div.jobPosition h2 {
	margin-bottom: 16px !important;
}
div.jobDetails {
	text-align: left !important;
}
div.jobDetails h2 {
	text-align: left !important;
}
div.jobDetails p {
	margin: 10px 0px;
}
div.column3 div.jobDetails {
	padding: 6%;
	margin: 2%;
	width: 84%;
	display: none;	
}
div.column2 div.jobDetails {
}
div.column1 div.jobDetails {
	padding: 0 6% 6% 6%;
	margin: 2%;
	width: 84%;
	display: none;	
}
.add30px {
	padding-top: 30px;	
}
div.rollButtonOrange, div.rollButtonYellow {
	background-color: #2a2e2f;
    border-radius: 30px;
    padding: 10px 20px;
    text-align: center;
    margin: 0 auto;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family:Roboto, sans-serif;
	font-size:14px;
	font-weight:800;
	letter-spacing: 2px;
	width: 150px;
}
div.rollButtonOrange:hover, div.rollButtonYellow:hover {
	color: #2a2e2f;
	background-color:#fff;
}
/******************** CAREERS PAGE Job Postings **************************/

/******************** ADDITIONAL PAGES FOR PAY INVOICE PAGES  **************************/

.innerPageContent {
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
	}
#payInvoice {

}
div.interacImage {
	background: #202324 url('https://premierprinting2.ca/infigo_assets/premier/images/SVGs/Interac.svg') no-repeat 20px 22px;
	background-size: 124px;
	padding: 24px 0px 24px 20px;
	margin-bottom: 10px;
	}
@media (max-width: 900px ){
div.interacImage div {
	margin: 20px 140px !important;
	}
}
.currencyBox {
    text-align: center;
    background-color: #2a2e2f;
}
.currencyBox:hover {
    background-color: #ddd;
}
.currencyBox a {
    padding: 40px;
}
#payInvoice {
background: #202324 url('https://premierprinting2.ca/infigo_assets/premier/images/css-images/payinvoice-bg.jpg') no-repeat;
}
/* --------------------- FOOTER ABOVE 1200PX -------------------------- */

div.PCS-footer-container {
	width: 100% !important;
	font-family: 'Roboto', sans-serif !important;
/*    background: #202324 url(https://premierprinting2.ca/infigo_assets/premier/images/angled-lines.png) no-repeat left bottom !important;*/
    background-size: 200px !important;
	background-color: #202324 !important;
    overflow: auto !important;
    padding: 40px 40px !important;
    margin-top: 10px !important;
	/* These 2 declarations are so the fixed positioned photos on product pages are underneath the dark grey footer and not above. */
	position: relative !important;
	z-index: 2 !important;
}
div.footer-left-half {
    /*background-color: pink !important;*/
    overflow: auto !important;
	
    width: 63% !important;
    float: left !important;
}
div.footer-right-half {
    /*background-color: lime !important;*/
    /*overflow: auto !important;*/
    width: 37% !important;
    float: right !important;
}
div.custom-footer-block {
    color: #ccc !important;
    float: left !important;
    /*overflow: auto !important;*/
    text-align: left !important;
}
div#footer-block-1 a, div#footer-block-1 a:visited, div#footer-block-2 a, div#footer-block-2 a:visited, div#footer-block-3 a, div#footer-block-3 a:visited, div#footer-block-4 a, div#footer-block-4 a:visited, div#footer-block-5 a, div#footer-block-5 a:visited, div#footer-block-6 a, div#footer-block-6 a:visited {
    color: #ccc !important;
}
div#footer-block-1 a:hover, div#footer-block-2 a:hover, div#footer-block-3 a:hover, div#footer-block-4 a:hover, div#footer-block-5 a:hover, div#footer-block-6 a:hover {
    color: #fff !important;
}
#footer-block-1 {
    width: 30% !important;
    float: left !important;
}
#footer-block-2 {
    width: 38% !important;
    float: right !important;
}
#footer-block-3 {
    width: 32% !important;
    float: left !important;
}
#footer-block-4 {
    width: 17% !important;
    float: left !important;
}
#footer-block-5 {
    width: 47% !important;
    float: left !important;
}
#footer-block-6 {
    width: 36% !important;
    float: right !important;
    overflow: hidden !important;
}
.custom-footer-block h4 {
	font-size: 18px;
    margin-bottom: 3px !important;
    margin-left: 0px !important;
    color: #fff !important;
}
.custom-footer-block hr {
    color: #fff !important;
    width: 160px !important;
    text-align: left !important;
    margin: 0 0 10px 0 !important;
}
.fcustom-footer-block p {
    margin-left: 8px !important;
}
div.PCS-footer-container p {
    font-size: 16px !important;
}
.socialIcons:hover {
    color: #f7d50a !important;
}
/* --------------------- END FOOTER ABOVE 1200PX -------------------------- */

/* ------------------------- FOOTER BELOW 1200PX ------------------------------ */

@media all and (max-width:1200px) {

div.PCS-footer-container {
    padding: 10px 0px !important;
    overflow: hidden !important;
	}
div.footer-left-half {
    /*background-color: yellow !important;*/
    overflow: auto;
	
    width: 100% !important;
    float: none !important;
    padding-left: 4% !important;
	}
div.footer-right-half {
    /*background-color: green !important;*/
    overflow: auto;
	
	margin-top: 10px !important;
    width: 100% !important;
    float: none !important;
    padding-left: 4% !important;
	}
#footer-block-1, #footer-block-2, #footer-block-3, #footer-block-4, #footer-block-5, #footer-block-6 {
    width: 32% !important;
    float: left !important;
	}
}
/* --------------------- END FOOTER BELOW 1200PX -------------------------- */

/* ------------------------- FOOTER BELOW 768PX ------------------------------ */

@media all and (max-width:768px) {

div.footer-right-half {
	margin-top: 0 !important;
	}
    #footer-block-1, #footer-block-2, #footer-block-3, #footer-block-4, #footer-block-5, #footer-block-6 {
		margin-top: 20px !important;
        width: 96% !important;
        float: left !important;
    }
    .custom-footer-block hr {
        width: 96% !important;
    }
}
/* --------------------- END FOOTER BELOW 768PX -------------------------- */

/* --------------------- USER ACCOUNT GALLERY (IF TURNED ON IN CUSTOMER SETTINGS)  -------------------------- */
/* --------------------- move album container down because of customer header  -------------------------- */
div#album {
	margin-top: 120px !important;
}





/* --------------------- START MEGA EDITOR ALTERATIONS  -------------------------- */


/* --------------------- IMPORTANT  -------------------------- */

/* MEGAEDITOR ALTERATION STYLES MUST BE ADDED TO THE CSS OVERRIDE STYLESHEET.
THE MEGAEDITOR DOES LOAD THE STYLE SHEETS ADDED AT...
Configuration > Settings > Infigo Settings > PageHeadContainer: 
LIKE OTHER CUSTOM STYLE SHEETS ADDED TO THE SITE */

/* TOP BLACK BAR 
div.editorTop {
	position: static !important;
}*/
div.editorTop.pane {
  background: #202324 !important;
  color: #fff !important;
  padding: .5rem !important;
  height: auto !important;
  z-index: 9999 !important;
}
div#previewView {
	position: absolute !important;
	top: 60px !important;
}
/* CHANGE CURSOR TO MOVE CURSOR WHILST OVER 3D PREVIEW */
/* Here, \33 is the escaped version of the digit 3. This allows you to use 3DPreview as a class name. */
html.\33 DPreview {
	cursor: move !important;
}
/* MAIN RIGHT SIDE CONTROL PANEL CONTAINER */
div.ui-layout-east.freeTargetContainer {
	background-color: #333 !important;
     color: #fff !important;
	 /*Add some space at bottom of megaedit form*/
	 padding-bottom: 50px !important;
}
.freeTargetContainer .customScriptUi-freeTarget {
	background: #333 !important;
}
/* FULL WIDTH DROP DOWN DIV CONTAINING COLOR CHIP */
button#single-button.button {
     background-color: #444 !important;
     color: #FFF !important;
     border: 1px solid #202324 !important;
     padding: 0px 20px 0px 0px !important;
}
/* DROP DOWN DIV FOR JERSEY COLOR CHIP IN MEGA EDIT */
div.option-node {
     padding: 4px 6px !important;
     border-radius: 29px !important;
     height: 62px !important;
     background-color: #202324 !important;
	 margin: 0 !important;
}
/* COLOR CHIP SQUARE IN DROP DOWN FOR JERSEY COLOR IN MEGA EDIT */
div.option-node-image {
     padding: 0px !important;
     border-radius: 26px !important;
     height: 54px !important;
}
/* FONT SELECTOR DROP DOWN */
div.option-node p {
	background-color: #DDD !important;
	color: #000 !important;
	padding: 14px !important;
	width: 300px !important;
	border-radius: 24px !important;
	margin-top: 1px !important;
	text-align: center !important;
  }
/* ROUND BOTTOM CORNERS ON IMAGE UPLOAD CONTAINERS */
div.card {
	border-radius: 0 0 30px 30px !important;
}
div.card.is-danger {
	border-width: 8px !important;
	border-color: #FF0000 !important;
	background-color: #FF9C9C !important;
}
/* ROUND BOTTOM CORNERS ON REPLACE IMAGE AND REMOVE BUTTON CONTAINER */
footer.card-footer {
     background-color: #444 !important;
     color: #FFF !important;
     border: 1px solid #202324 !important;
	 border-radius: 0 0 22px 22px !important;
	 /*border: none !important;*/
}
/* GIVE UPLOADED IMAGE PREVIEW AREA BREATHING ROOM */
div.card-content {
	padding: 10px !important;
}
/* GIVE REPLACE IMAGE AND REMOVE BUTTONS BREATHING ROOM */
footer.card-footer button.card-footer-item {
	margin: 10px !important;
	border: none !important;
}
/* ADDITIONAL NOTES TEXT AREA */
.catfish-textarea {
	background-color: #efefef !important;
}
/* HOCKEY APPAREL COLOR SWATCH POP UP */
div.html-list-popup {
	left: 25% !important;
	width: 50% !important;
}
/* MEGAEDITOR INSTRUCTIONS POP UP */
div.ui-dialog.ui-widget {
	left: 25% !important;
	width: 50% !important;
}
/* "Don't show again" checkbox on megaeditor instructions */
input#DontShowAgain {
	margin-right: 10px !important;
}
/* Close button on megaeditor instructions */
div.ui-dialog-buttonset {
	margin-left: 20px !important;
}
/* --------------------- END MEGA EDITOR ALTERATIONS  -------------------------- */