/*
 Theme Name:   OPSv3 Theme 5
 Description:  OPS Theme 5
 Author:       Laura Wheatman
 Author URI:   http://www.onlineprintsolution.co.uk
 Template:     OPSv3
 Version:      1.0.1313
*/

/* =============
GENERAL
================*/

/* Brand Colours */
:root {
	--pink:#da1884;
	--lightblue:#00a9e0;
	--teal:#009ca6 ;
	--indigo:#2e2267;
	--yellow:#ffc72c;
	--wegoprintgreen:#01a379;
}

.page-id-7610 #page #masthead, .page-id-7610 #page #colophon, .page-id-7610 #page .footerlinks {
display:none
}

.page-id-7611 #page #masthead, .page-id-7611 #page #colophon, .page-id-7611 #page .footerlinks {
display:none
}

.page-id-7623 #page #masthead, .page-id-7610 #page #colophon, .page-id-7610 #page .footerlinks, .page-id-7623 #page #masthead, .page-id-7611 #page #colophon, .page-id-7611 #page .footerlinks {
display:none;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/fonts/AvenirLT45Book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('assets/fonts/Avenir-Roman.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aver';
    src: url('assets/fonts/Aver.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aver';
    src: url('assets/fonts/Aver-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aver';
    src: url('assets/fonts/Aver-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aver';
    src: url('assets/fonts/Aver-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}


body{
	font-family: 'Avenir', sans-serif;
	font-size: 14px;
    line-height: 1.7rem;
}

h1 {
	font-size: 3rem;
    font-weight: 700;
    line-height: 50px;
    line-height: normal;
}

h2 {
    font-size: 2rem;
    font-family: 'Avenir', sans-serif;
    margin: 1rem 0;
	font-weight: 700;
	color: #2e2267;
	line-height: normal;
}

h3{
	margin:1rem 0;
	margin-top: 0;
	font-weight: 500;
	line-height: normal;
}

h1, h2, h3, h4 {
    	font-family: 'Avenir', sans-serif;
}

p {
margin-bottom:1rem;
font-family: 'Avenir', sans-serif;
}

a {
	font-family: 'Avenir', sans-serif;
}

section#section-1.singl-col {
padding-bottom:0;
}

#content{
	background-color: #FFF;
}
.whitesection{
	background-color: #FFF;
}
.greysection{
	background-color: #F5F5F5;
}
.darkgreysection{
	background-color: #eee;
}
.colorsection{
	color:#FFF;
}

.removepadding{
	padding-top:0;
}

.w-container{
	max-width: 1400px;
	position: relative;
}
#catalogue .w-container{
	padding-bottom:30px;
}

.centered h1, .centered h2, .centered h3 {
    text-align: center;
    margin-bottom: 2rem;
}

.twocolumns {
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:1rem;

}
.threecolumns {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:1rem;
}
.fourcolumns {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:1rem;
}

.graphiclinksrow:before {
content:unset;
display:none;
}

/* =============
HEADER
================*/

.main-header{
	/* padding: 1rem 0; */
}

/* LOGO */
.site-title{
	margin: 0rem 0;
	padding: 1.5rem 0;
}

.site-title img{
	max-height:80px;
}

@media screen and (max-width: 768px) {
	#masthead{
		position: fixed;
		z-index: 99999;
	}
	#main-header{
		padding:0.5rem 0;
	}
	.headersearchblock { display: none; }

	#filters {
    display: none;
    padding-top: 1rem;
}

.w-row.slider-row {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

}




/* ACCOUNT LINKS */

.account_links{
	text-align: right;
}

a.account_link{
	height: auto;
	width: auto;
	line-height: normal;
	padding: 10px;
	display:inline-block;
	font-size: 0.9rem;
	overflow: initial;
	text-decoration: none;
	color: #FFF;
}
div.account_link{
	padding: 0px;
}

.account_link:hover{position: relative; background:rgba(0,0,0,0.5);}

.account_login .account_link{
	float: left;
}

/* HEADER CONTACT */

.header-contact {
    margin: 38px 0 0 0;
    text-align: right;
}

.header-contact a:hover {
color: black;
}

.contact-text {
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 5px;
}

a.phone{
	font-size:1.1em;
	display: block;
	line-height: 1;
	margin-bottom: 0.25rem;
}

a.email{
	font-size:1.1em;
	display: block;
	line-height: 1;
}
.floatlinks { float: right; margin-left: 0.5em; }

span.floatlinks { font-size: 1.2em; line-height:1em; }


/* Search*/
.search_block {
    margin-top: 42px;
}

input#search_input {
    float: left;
    width: calc(100% - 47px);
}
button.search_button {
    height: 46px;
    display: inline-block;
    width: 46px;
    border: 0;
    color: #fff;
}
.searchform input[type="text"]{
	border:none;
	background-color: transparent;
	padding: 0px 10px;
}
.search_link form input[type="text"]:focus{
	border-bottom: transparent;
}
.search_link i, .search_link.active i{
	line-height: normal;
	color: #FFF;
}



/* NAVIGATION */


.fixed-top{
    position: fixed;
    top: 0;
    z-index: 1020;
	width:100%;
}

#site-navigation ul#primary-menu{
	width:100%;
	width: 100%;
    display: flex;
    align-items: center;
}
#site-navigation ul#megamenus{
	float:right;
}
.main-navigation ul{
	font-size: 0;
}
.main-navigation li{
	     display: flex;
    padding: 0;
    transition: 0.5s;
    flex-direction: column;
}

.main-navigation ul li.sectors:hover ul.sub-menu {

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;

}

.main-navigation li.cart_item{
	position: absolute;
	right:20px;
}

.main-navigation li a{
	padding: 15px;
	color: #FFF;
	font-size: 1rem;
	transition: 0.2s;
	line-height: 1.2;
}



/* Mega Menu*/

.megamenus{
	float: right;
}

.mega_menu_image{
	display: block;
}

.products_menu .category-link,
.products_menu .list_title{
	color:#333;
	background-color: #FFF;
	padding: 5px 10px;
	text-align: left;
	text-decoration: none;
	font-size: 0.9rem;
	border-bottom: 0;
}


ul.products_menu_list > li,
ul.products_menu_list li > ul > li > a{
	text-align: left;
	text-decoration:none;
}
ul.products_menu_list > li > a,
ul.products_menu_templates li a{
	text-decoration:none;
	width: auto;
	font-size: 1.1em;
	margin-bottom: 5px;
	padding: 10px;
	display: block;
	line-height: 1;
	text-transform: uppercase;
}

ul.products_menu_list > li{
	display: block;
	-webkit-column-break-inside: avoid;
	/*page-break-inside: avoid;*/
	break-inside: avoid;
	margin-bottom:1rem;
	width: 100%;
}

ul.products_menu_templates{
   padding:0;
   margin:0;
}
 ul.products_menu_list{
	column-gap: 20px;
	font-size: 1rem;
	margin:0;
	padding:0;
}
.main-navigation ul ul.products_menu_list li > ul {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    left: 0!important;
    box-shadow: none;
    width: 100%;
}
ul.prodmenu{
	display: block;
	margin:0;
	padding-bottom: 1rem;
}
ul.prodmenu > li > a{
	font-weight: normal;
}

#design ul.products_menu_list > li > a,
#design ul.products_menu_templates li a{
	border:none;
}

#print{
	position: relative;
}
#design{
	position: relative;
}
#print .products_menu_templates .products_menu_list{
	display: inline-block;
}
a.w-col.w-col-3.category{
	margin-bottom: 1rem;
}

ul.products_menu_list{
	-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.products_menu_container{
	width: 1024px;
	left: 0px;
	top: 48px;
}



.products_menu{
	min-height: 600px;
	padding: 0;
}
a.w-col.w-col-3.product {
    height: 250px;
}

#design .products_menu_container{
    width: 1200px;
    left: -180px;
    top: 49px;
}
#design .products_menu .category-link, #design .products_menu .list_title {    color: #333333;
    border-bottom: 1px solid #ac6ad6; font-size: 16px; font-weight: 400; width: 100%; display: inline-block;
} 
#design .products_menu .category-link:hover, #design .products_menu .list_title:hover {    color: #333333;
    border-bottom: 1px solid #ac6ad6; font-size: 16px; font-weight: 400; width: 100%; display: inline-block;
} 
.main-navigation ul ul a {
    width: 100%;
}
.products_menu_templates img {
    width: 100%;
}
.category .mega-cat-image{
	max-height:150px;
	overflow:hidden;
}
.category .mega-cat-image img{
	position: relative;
    	bottom: 30px;	
}

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

	ul.products_menu_list{
		-webkit-column-count: 2!important;
	    -moz-column-count: 2!important;
    	column-count: 3!important;
	}
	#primary-menu > li.menu-item.menu-item-type-custom.menu-item-object-custom.mega_link.mega-print > ul {
	column-count: 1!important;
	}

	.header-contact {
    margin: 8px 0 0 0;
    text-align: right;
}
.search_block {
    margin-top: 1.8em!important;
    margin-bottom: 1em;
}
.products_menu_container {
    width: 100%!important;
    left: 0;
    top: 49px;
}

}

.products_menu_container {
    width: 1200px;
    left: -50px;
    top: 49px;
}

/* =============
FOOTER
================*/
footer{
	color:#FFF;
}
footer h3{
	font-weight:normal;
}



footer a, footer a:visited{
	color:#FFF;

}
footer a:hover{
	color:#FFF;
	text-decoration: underline;
	text-underline-offset: 3px;
}
footer .social_icons {
	margin-bottom: 1em;
}



footer .social_icons  a { border: none; background-color: rgba(0, 0, 0, 0.1); margin-right: 1px}
.top-footer{
	/* padding:10px 0; */
}
footer .social_icons a {
	background-color: var(--indigo);
	color: white;
	transition: 0.15s;
}
footer .social_icons a:hover {
	background-color: var(--pink);
	transition: 0.15s;
}

.top-footer a{
	color:#FFF;
	margin-right: 15px;
	padding: 10px 0;
	display: inline-block;
}

ul#menu-footer-menu li, ul#menu-extra-menu li{
	line-height: 1.6rem;
}




.footerlinks{
	text-align: center;
	font-size: 0.8rem;
	padding:10px 0;

}
.footerlinks a{
	color:#a7e2ff;
}
.footerlinks a:hover{
	color:#FFF;
}

.social-icons{
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 20px;
    justify-content: start;
}

.footerpayment {
    display: inline-block;
    max-width: 50px;
    margin: 0 2px 0.5em;
    padding: 0;
    opacity: 0.85;
}
.payment h3 {display: none;}
.footerpayment:hover { opacity: 1; }
.footerpayment img  {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0.5rem;
}
.card-types img {
    max-height: inherit;
    display: inline-block;
}
a.social{
	background-color: transparent;
	margin: 0;
	padding: 0;
	border-right: 1px solid rgba(0,0,0,0.1);
}
a.social i{
	font-size: 1.4rem;
	text-align: center;
	color:#FFF;
	vertical-align: middle;
}

.textwidget {
    margin-bottom: 1em;
}

/* a.social.facebook:hover i{
color:#3b5998;
}
a.social.twitter:hover i{
color:#00aced;
}
a.social.instagram:hover i{
color:#bc2a8d;
}
a.social.linkedin:hover i{
color:#0077b5;
}
a.social.google:hover i{
color:#d34836;
}
a.social.pinterest:hover i{
color:#bd081c;
}
a.social.youtube:hover i{
color:#ff0000;
}
a.social.rss:hover i{
color:#f26522;
}
a.social.mail:hover i{
color:#9fae37;
}
*/
.card-types i{
	font-size: 1.8rem;
	padding:1px;
}
.footer-box{
	padding: 20px 0;
}

section{
	padding:3rem 0;
}



@media screen and (max-width: 768px) {
	.top-footer, .social-icons{
		text-align: center;
	}
	.top-footer a{
		margin-right: 10px;
	}
	a.social{
		border:none;
	}
	.footer-box{
		margin-bottom: 1rem;
	}
	ul#menu-footer-menu{
		columns: 1;
	}
}

/* General */

.heading-container{
	background-size:100% 100%;
	margin-bottom: 1em;
	background-color: unset;
	text-align:center;
}
.heading-container .header-icon{
	position: relative;
	display: inline-block;
	padding: 0.75rem 20px;
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 700;
	text-transform: none;
}

.photo-gallery .slick-dots {
    bottom: -30px;
}

.heading-container h1, .heading-container h2, .heading-container h3, .heading-container h4{
	margin: 0;
	display: inline-block;
	padding: 0.75rem 20px;
	background:transparent;
}
.sub-heading .heading-container h3{
	display: inline-block;
	color:#FFF;
	padding: 0.75rem 20px;
	margin: 0;
}
.content-container{
}

.single-post .entry-header img {
width:100%;
}

.whitesection .content-container{
	/* background-color:#F7F7F7; */
}
.greysection .content-container{
	background-color:transparent;
}
@media screen and (max-width: 1200px) {
	.heading-container .header-icon{
	font-size: 1.2rem;
	padding: 10px;
	}
}


/* Slider*/
.slide{
	background-color: #ffffff;
	height:490px;
	padding: 0rem 0;
}
.slide .w-container {
    padding: 0;
    height: 490px;
}

.w-row.slider-row {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.slide .w-row{
	margin:0px -10px;
}

.slide .w-col{
	padding: 0;
}

.slide .left-box{
	background-color: #333;
	padding: 4rem 10rem;
	padding-right: 10rem;
	height: 500px;
}

.slide .right-box{
    height: 500px;
    background-position: center;
    width: 100%;
}

.slide .left-box .slide_image{
	position: absolute;
	left: 86%;
	z-index: 999;
	max-height: 400px;
}
/*.slide_image {
    position: relative;
    top: -4em;
    left: 3em;
}*/
.slide_content {
    padding: 2rem;
background-color: #000000c7;
    border-radius: 5px;
	width: 80%;
}
.slide .w-col {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slide.slick-slide {
    background-color: #000;

}     

.photo-gallery div.w-container img {
    width: auto;
    height: 90px;
}


#content a.grid_page_box {
    text-decoration: none;
    display: flex;
    justify-content: center;
}
 
.slide.slick-slide.mrbrightslide {
    background-color: #fff;

}

.slide_content h2, .slide_content h1{
	font-size: 2rem;
	line-height: 2.5rem;
	border-left: none;
	background-color: transparent;
	margin-bottom: 1rem;
	padding: 0;
	color: #fff;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 0.75rem; }

.slick-dots li.slick-active button:before {
    opacity: 1;
}
.slider-section ul.slick-dots {
    bottom: -30px!important;
}
.message{
	border-left: none;
	font-size: 1rem;
	background-color: transparent;
	padding: 0;
	color: #fff;
	line-height: 1.5rem;
}

.message p {
color:white;
}
.badge{
	float: left;
	display: inline-block;
	width: auto;
	color:#FFF;
	padding: 10px 20px;
	margin-right: 10px;
	font-weight: bold;
}
.badge {
    float: unset;
    display: block;
    width: fit-content;
    color: #FFF;
    padding: 10px 20px;
    /* margin-right: 10px; */
    font-weight: bold;
    position: absolute;
    left: calc(100% - variable-width);
    z-index: 99;
    /* transform: rotateY( 
0deg) rotate( 
35deg); */
    transition: transform 2s;
    /* top: 20px; */
    /* box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px; */
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
    right: -0.8em;
    top: 2rem;
}

#content .slide a.readmore{
	color:#FFF;
	font-size: 1rem;
	float: left;
	display: inline;
	margin-bottom: 1rem;
	margin-right: 20px;
	text-decoration: none;
	border-radius: 5px;
}
.slider-section button.slick-arrow:hover {
    background-color: rgba(0,0,0,0.25);
}
.slider-section button.slick-prev.slick-arrow {
    left: 0px;
    border-radius: 0;
    height: 490px;
    width: 60px;
}
.slider-section button.slick-next.slick-arrow{
	right:0px;
	border-radius: 0;
	height: 490px;
	width: 60px;
}

.slider-section .slick-prev:before, .slider-section .slick-next:before {
    color: #fff;
    font-size: 4rem!important;
    opacity: 1;
}
.slider-section .slick-prev:before { text-shadow: none; }
.mrbrightslide { color: #333 }
.mrbrightslide .slide_content h2, .mrbrightslide .slide_content h1, .mrbrightslide .slider_text, .mrbrightslide .message {
    color: #333;
}

@media screen and (max-width: 991px) {
	.megamenus, .header-contact{
		display: none;
	}
	.site-title{
		display: inline-block;
	}
	.slide .right-box{
		/* display: none; */
	}
	header#masthead{
		height: auto;
		width: 100%;
	}
	/* Mobile Menu*/
	#masthead i.fa-times, #masthead i.fa-bars{
		top: 0rem;
	}
	.admin-bar #masthead i.fa-times, .admin-bar #masthead i.fa-bars{
		top:2rem;
	}
	#mobile_nav{
		width: 300px;
	}
	.mobile_icons{
		padding-left: 8px;
	}
	.mobile_button{
		right:1rem;
	}
	.mobile_button.fa-close{
		font-size: 2rem;
		cursor: pointer;
		z-index: 999999999;
	}
	.phone a, .email a, .phone a:visited, .email a:visited{
		display: none;
		border:none;
		color:#FFF;
		cursor: pointer;
		padding:0;
	}
	.phone a:hover, .email a:hover{
		border:none;
		color:#FFF;
	}
	.slide_content h2, .slide_content h1{
		font-size: 2rem;
		display: block;
		padding:0px;
	}
	.message{
		font-size: 1rem;
		display: block;
		line-height: 1.3rem;
	}
	.cart_link{
		margin-right: 0;
	}
	  #mobile_nav .search_form {
	  	padding:10px 20px;
	  	background:none;
	  }
	
}
/*admin bar changes to icons at this width*/
@media screen and (max-width: 783px) {
	.admin-bar #masthead i.fa-times, .admin-bar #masthead i.fa-bars{
		top:0rem;
	}
}
@media screen and (max-width: 768px) {
	.slider-section .slick-prev:before, .slider-section .slick-next:before {
    color: #fff;
    font-size: 3rem!important;
    opacity: 1;
}
.slide_image {
	width: 45%;
}
.home .slider-section {
    padding-top: 0rem;
    margin-bottom: 0rem;
}
	.message {
    display: inline-block;
    padding:  0.25rem!important;
    font-size: 0.8rem;
    line-height:  1.3rem;
    margin: 0;
}		

.message span {
 display: none;
}

.site-title{
	padding: 1rem 0;
	width: 300px;
	}
	.badge { top: 0; right: 0; width: 100%; }
	.slide{
		height:fit-content;
		padding:0rem 0;
	}

	.slide_content h2, .slide_content h1 {
    line-height: 1.5rem;
    font-size: 1.5rem;
}
	#content .slide a.readmore{
		margin-bottom: 0.5rem;
		margin-right: 0;
	}
	header#masthead{
	width: 100%;
	}

	/*img.slide_image{
	max-height: 200px;
	}*/

	.img-small{
		padding:0;
	}
	.badge, .slide a.readmore{
		display: block;
		text-align: center;
		width: 100%;
		margin:0;
		margin-bottom: 10px;
	}
          
.badge {
    right: 60px;
    top: unset;
    bottom: calc(50% - 10em);
    max-width: 502px;       
     }
}

@media screen and (max-width: 480px) {
	.site-title{
	padding: 1rem 0;
	width: 200px;
	}

	#masthead i.fa-times, #masthead i.fa-bars,
	.admin-bar #masthead i.fa-times, .admin-bar #masthead i.fa-bars {
	    top: 0rem;
	    font-size: 2rem;
	}

	/*img.slide_image{
		height: 150px;
		margin: 0 auto;
	}*/
	.slide a.readmore{
		margin-right: 0;
	}  
	.slide_content {
    max-width: 100%;
    margin: 0 auto;
    padding: 2em 1em 0 1em;
    margin-top: 0;   
    position: relative;
    bottom: unset;
    width:100%;
}        
     	.badge {

    right: 0em;
    top: unset;
    bottom: 0rem;
}  
}
.slider-section .slick-prev:before{
	font-family: 'Fontawesome';
	content:'\f104';
}
.slider-section .slick-next:before{
	font-family: 'Fontawesome';
	content:'\f105';
}
.slider-section .slick-prev:before, .slider-section .slick-next:before{
	font-size: 1.4rem;
}

/* Single Column*/

section.singl-col {
    min-height: 400px;
    display: flex;
    align-items: center;
    padding-top: 4rem;
}

.banner {
background-color: #00000082;
    border-radius: 10px;
    display: flex;
    align-items: center;
	max-width: 750px;
}

.contact-info-h2 {
text-align:center;
}



.banner p {
	color: white;
}

.banner h1, .banner h2{
	 color: #FFF;

}

.banner h2 {
margin-top: 0;
font-size: 2rem;
}

.banner h3.subheading{
	color:#FFF;
}
.banner-content{
	margin-bottom: 1rem;
}

.catalogue-banner{
	padding: 6rem 0;
	background-position:center;
	background-size: cover;
}
.catalogue-banner h1{
	margin:0;
	padding:0;
	font-size: 3rem;
	line-height: 2.9rem;
}

.page-banner{
	text-align: right;
}
.page-banner h1{
	text-align:right;
	padding:0.5em;
	margin:0.5em 0 0;
	font-size:4rem;
	display:inline-block;
	background:#fff;
}
.mobileslidebg { 
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

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

	.catalogue-banner{
		padding:2rem 0;
	}
	.catalogue-banner h1{
		font-size: 2.5rem;
	}

}

/* Feature Icons */

.benefit i{
	font-size: 3rem;
}
.benefit a.readmore i{
	font-size: 1rem;
	width: auto;
}
.benefit-content{
	margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
	.benefit{
		margin-bottom: 1rem;
	}
}

/* Feature Tabs */
.slick-current .slider_nav_link_internal {
	color: white;
}
.slider-for .slick-prev:before, .slider-for .slick-next:before {
	font-size: 2rem;
}
@media only screen and (max-width: 680px) {
  .slider-for .slick-prev:before, .slider-for .slick-next:before { font-size: 1.5rem;}
}

/* Design Funnels*/

.funnel-section h1, .funnel-section h2{
	font-weight:normal;
	margin-bottom:2rem;
}

.funnel-container{
	padding:0rem;
	-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.7)));
	mask-image: gradient(linear, left top, right bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.7)));
}
.funnel-container .w-col {    padding: 1em 0;}


.funnel-container h3 { font-size: 1em; }
@media screen and (max-width: 767px){
	.funnel {
		PADDING: 0.5em;
	}
	.funnel-container .w-col {
    padding: 0.5em;
}
	.funnel i{
	text-align: center;
	color:#FFF;
	margin-right: 0rem;
	font-size: 2rem;
	margin: 0;
	padding: 0;
	display: block;
}

.funnel h3{
	display: block;
	margin: 0 auto;
	margin-left:0em;
	color:#FFF;
	vertical-align: middle;
	font-weight: normal;
	text-align:  center; 
	line-height: 1.1rem;
}
}

.funnel{
	text-align: center;
}

.funnel i{
	text-align: center;
	vertical-align: middle;
	color:#FFF;
	margin-right: 1rem;
	font-size: 2rem;
	margin: 0;
	padding: 0;
}

.funnel h3{
	display: inline-block;
	margin: 0;
	margin-left:1em;
	color:#FFF;
	vertical-align: middle;
	font-weight: normal;
	line-height: 1.1rem;
}
.funnel p{
	margin-top:0;
	line-height: 1.5rem;
	margin: 0;
	color:#FFF;
}
.funnel a{
	text-decoration: none;
	color:#FFF;
}

@media screen and (max-width: 991px) {
	.funnel {
		text-align: center;
	}
	.funnel i{
		margin:0;
	}
}

/* Graphic Links */

.solutions {
	text-align: center;
}
.solutions p{
	text-align: left;
}

#content a.cta {
	transition: 0.2s;
	transform: scale(1);
}

#content a.cta:hover {
		background-color: var(--lightblue);
	color: white;
	transition: 0.2s;
	transform: scale(1.05);
}

.single_sol_text_content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
padding-top: 1.5rem;
}

a.single_sol_content .single_solution a.cta {
	transition: 0.2s;
	transform: scale(1);
}
.single_solution:hover a.cta {
	background-color: var(--lightblue);
	color: white;
	transition: 0.2s;
	transform: scale(1.05);
}
.single_solution:hover .single_sol_img {
	transition: 0.2s;
	transform: scale(1);
}
a.single_sol_content .single_solution:hover .single_sol_img {
	transition: 0.2s;
	transform: scale(1.05);
}
.whitesection .single_solution{
	background-color: white;
	overflow: hidden;
	margin-bottom:1rem;
}
.single_solution{
	background-color: #FFF;
    overflow: hidden;
    margin-bottom:1rem;
}
.single_sol_img{
	width: 100%;
	max-width: none;
	transition: 0.2s;
	transform: scale(1);
}
.single_solution.animated.fadeInRightShort.go {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
	border: solid 1px transparent;
	border-bottom: none;
	transition: 0.3s;
}
.single_solution.animated.fadeInRightShort.go:hover {
    border: solid 1px #2e226742;
    transition: 0.3s;
	border-bottom: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    background-color: var(--lightblue);
}
.flick-graphic {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(to left, #da1884 0%, transparent 75%);
  pointer-events: none;
  z-index: 999;
  overflow: hidden; /* ensures the overlay stays contained */
}

.flick-graphic::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0; /* start hidden */
  background: #da1884;
  animation: revealGradient 2s ease forwards;
}

@keyframes revealGradient {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 100%;
    opacity: 1;
  }
}



a.single_sol_content{
    display: flex;
    text-decoration: none;
    transition: 0.2s ease-in-out;
    background-position: center;
    background-size: 100%;
    background-color: white;
    flex-direction: column;
    gap: 1rem;
}

a.single_sol_content h3 {
    color: black;
	text-align: center;
}
.graphiclinks .hasImage a.single_sol_content{
	margin-top:80%;
	text-align:left;
}

a.single_sol_content:hover{
	background-size: 110%;
}

.single_sol_content p {
	text-align: left;
}

.banner {
    padding: 2rem;
}

.img-w-txt h2 {
	text-align: left;
	margin-bottom: 2rem;
}

.img-w-txt p {
	width:75%;
}

.single_solution a.cta {
	margin-top:1rem;
}

h3.single_sol_h3{
	font-size: 1rem;
	text-align: left;
	color:black;
	/*text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);*/
	line-height: 1.2;
	margin: 0;
}
.single_sol_content h4{
	margin:0;
    font-size: 1rem;
}

.single_solution p{
	margin-bottom: 0.5rem;
    line-height: normal;
}

a.readmore i{
	margin-left: 10px;
}

.image-slider-with-text {
	padding: 0;
}
@media screen and (max-width: 991px) {
	.single_solution{
		margin-bottom: 1rem;
	}
}

/* Featured Products*/

a.product{
	position: relative;
	text-decoration: none;
}

a.product img{
	transform: scale(1);
	transition: 0.3s ease-in-out;
	width: 100%;
}


.whitesection .product_container, .greysection .product_container{
	background-color: #FFF;
	overflow: hidden;
}

.greysection .product_container{
	background-color: #F7F7F7;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	border: solid 1px transparent;
	border-bottom: 0;
}

.product_container.bg-image .bg_product_image{
	min-height:260px;
}

.product_container.bg-image .product_image{
	margin-top:-170px;
}
.product_container.bg-image .product_detail_container{
	padding-top: 15px;
    margin-top: -50px;
}
.product_image_container{
	position: relative;
	overflow: hidden;
}
h4.product_title{
	width:100%;
	color: #333;
	margin:0 0 0px;
	padding: 0 0 10px 0;
	font-size: 1.2rem;
	font-weight:normal;
	}
h3.product_title {
    font-size: 1rem;
    text-align: center;
    font-weight: 600;
    color: black;
}
.product_subtitle{
	font-size: 0.8rem;
	padding: 10px 0;
	padding-top: 0;
	display: block;
	color: #333;
	line-height: 0.9;
	text-transform: uppercase;
}
.listing-price{
	font-size:0.9rem;
}
.product_image{
	display: block;
}

.product_detail_container{
    text-align: left;
    transition: 0.7s;
    background-color: white;
    padding: 2rem;
}
.product_container{
	transition:0.7s ease;
	border-radius: 5px;
}



/* moved to style.php .product_container:hover {
	background:#3c79d2;
} */

.product_container:hover .product_detail_container, .product_container:hover h4.product_title, .product_container:hover .product_desc, .product_container:hover .product_subtitle {
		color: black;
}
.product_container div.product_image_container {
transform: scale(1);
transition: ease-in 0.15s;
}


a.solution {
	margin-bottom: 0;
}

#google-reviews .review-item {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
}




.product_container {
transition: 0.40s;
border: solid 1px transparent;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.product_container:hover {
opacity: 1;
transition: 0.30s;
border: solid 1px #2e226742;
border-bottom: 0;
}
.product_container:hover a.cta {
background-color: var(--lightblue);
}
.product_container:hover .product_detail_container {
	background-color: transparent;
	border-color: unset;
}

.product_container span.readmore{
	display: block;
	width:100%;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.product_container{
		margin-bottom: 1rem;
	}



/* Portfolio*/
.examples .slick-dots li button:before {
	opacity: 1;
	font-size: 1rem;
	font-family: 'fontawesome';
	content:"\f10c"
}
.examples .slick-dots li.slick-active button:before{
	font-family: 'fontawesome';
	content:"\f111";
}

/* Sample Pack */

.sample-pack a.readmore{
	border:1px solid white;
	color: #FFF;
	background-color: transparent;
	font-weight: bold;
}
.sample-pack a.readmore:hover{
	background-color: #FFF;
}
.sample-pack a.readmore i{
	transition: 0.2s;
    transform: translateX(0);
}
.sample-pack a.readmore:hover i{
	transform: translateX(3px);
}
.sample-image{
	position: relative;
	height: 400px;
}
.sample-image img{
	position: absolute;
	bottom: -80px;
}


@media screen and (max-width: 768px) {
	.sample-content{
		padding:10px;
	}
	.sample-image{
		height: 337px;
	}
	.sample-image img{
		top: 30px;
	}
}

/* Price List */

div.matrix td.red{
	background-color: #f6f9fb;
    border: 1px solid #dbe9f2;
}

div.matrix td.purple{
	background-color: #fff1fc;
    border: 1px solid #f5e3f3;
}
div.matrix th.green{
	background-color: #fed302;
	border: 1px solid #fed302;
	color:#333;
}
div.matrix td.green{
	background-color: #f8f8f4;
    border: 1px solid #e3e1d5;
}
/* Blog */

.blog .solution h3{
	width: 100%;
    right: 0;
    height: auto;
}



.solution:hover h3{
	transform: none;
}

a.solution{
	overflow: hidden;
}
.solution img{
	opacity: 1;
	overflow: hidden;
	transform: none;
}
span.subheading{
	display: block;
	font-size: 1.2rem;
}



/* Text */

.txt .sub-heading h2{
	font-size: 1.5rem;
	margin:0;
}




@media screen and (max-width: 768px) {
	.txt .w-row:last-child .w-col{
		margin-bottom: 1rem;
	}
}


.clientname{
	display: block;
}

.org, .clientname{
	color:#FFF;
	display: block;
}
.rating i{
	font-size: 1.5rem;
	padding:0 5px;
}

@media screen and (max-width: 991px) {
	.testimonial{
		margin-bottom: 1rem;
	}

}

@media screen and (max-width: 768px) {
	.testimonial .centered{
		width:80%;
	}
	.testimonials .slick-slider .slick-next{
		right:0;
	}
	.testimonials .slick-slider .slick-prev{
		left:0;
	}
}


/* Grid Section*/
a span.gridtitle, a:visited span.gridtitle{
font-size: 1.2rem;
text-decoration: none;
color:black;
}

/* Tabs*/

.tab .r-tabs{
	border-radius: 0;
	background-color: transparent;
	border: none;
}

.tab div.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { color:#FFF ;}

.r-tabs .r-tabs-panel{
	min-height:350px;
}
.whitesection.tab .r-tabs .r-tabs-panel{
	background-color: #f7f7f7;
}
.whitesection.tab .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
	background-color: #f7f7f7;
	padding: 10px 30px;
}
.whitesection.tab .r-tabs .r-tabs-nav .r-tabs-anchor{
	padding: 10px 30px;
	border-radius: 0;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
	border-radius: 0px;
}


@media screen and (max-width:1310px){
	#catalogue .r-tabs .r-tabs-nav .r-tabs-anchor{
		font-size:0.8em;
		width:auto;
	}
}
@media screen and (min-width:1110px){
	#catalogue .r-tabs .r-tabs-nav .r-tabs-tab{
		width:auto;
	}
}
@media screen and (max-width:1110px){
	#catalogue .r-tabs .r-tabs-nav .r-tabs-anchor{
		font-size:1em;
		width:100%;
	}
	#catalogue .r-tabs .r-tabs-nav .r-tabs-tab{
		width:100%;
	}
}

/* Catalogue */

#content a.listing-category-name{
	margin-bottom: 1rem;
	text-decoration: none;
}

.listing-category .listing-category-text, .listing-product .listing-product-text{
	background-color: #FFF;
}

.listing-category a.readmore, .listing-product a.readmore{
	width:100%;
}

.cat-header{
	background-color: #FFF;
}

.cat-header-image{
	display: table-cell;
    width: 66.666%;
    background-size: cover;
    background-position: 50% 50%;
    height: 400px;
}
.cat-header-content{
	display: table-cell;
    width: 33.333%;
    vertical-align: top;
    padding: 20px;
}

/* PRODUCT PAGE*/

.thumbs-container{
	position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    padding: 0 30px;
}

section.print-banner{
	position: relative;
	padding:5rem 0;
	padding-top:6rem;
}

.thumbs-container .p-thumbs{
	color:#FFF;
	font-size: 0.9rem;
	font-weight: bold;
	z-index: 9;
}
#catalogue > .p-maincontent > .p-thumbs{
	max-width: 80%;
	margin:0 auto;
	margin-right: 12%;
}

@media screen and (max-width: 768px) {
	.thumbs-container .p-thumbs{
		text-align: center;
	}
	section.print-banner{
		text-align: center;
		padding: 2rem;
		padding-top: 5rem;
	}
}

.slick-slide img{
	margin: 0 auto;
}

#catalogue .content-container{
	background-color: #FFF;
}

#myTab #templates .content-container{
	background-color: transparent;
}

.product-content{
	background-color: #FFF;
	padding:20px;
	margin-top: 1rem;
}
#checkout .checkout-action a, #myaccount .checkout-action a, #content .checkout-action a{
	margin-left: 0;
	color: #FFF;
}
.checkout-action a:hover{
	color:#FFF;
}

.tot-mat .CurrencySymbol{
	font-size: 1.3rem;
	font-weight: bold;
}

.p-matrix-cost{
	font-size: 1.3rem;
}
.p-maincontent section.whitesection{
	padding:0;
}
.p-maincontent-image img{
	display: block;
	width: 100%
}
img#product_img{
display:block;
}

/* TABS */

#myTab.r-tabs .r-tabs-panel{
	background-color: #FFF;

}
#myTab.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{
	color:#FFF;
	border:none;
}
#myTab.r-tabs .r-tabs-accordion-title .r-tabs-anchor{
	border:1px solid #eee;
	color: #FFF;
}
#myTab.r-tabs .r-tabs-panel{
	border:none;
	padding: 1rem 2rem;
}

#myTab.r-tabs .r-tabs-panel .w-row:after{
	content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
#custom5, #custom6{
	padding:30px;
}


@media screen and (max-width: 768px) {
	#myTab{
		margin-bottom: 1rem;
	}
	.p-matrix-options h2{
		text-align: center;
		font-size: 1.4rem;
		margin:0;
	}
	.p-matrix-attributegroup, .p-matrix-attributes{
		width:100%;
	}
}

/* Product Page Templates listing*/
.template-box-sets{
	margin-top:25px;
	border:none;
	border-radius: 0;
	width:100%;
	background-color: #FFF;
}

.template-box-sets .r-tabs{
	background-color: transparent;
	border:none;
}

.template-box-sets .r-tabs .r-tabs-nav{
	background-color: #f7f7f7;
}

.template-box-sets .r-tabs .r-tabs-nav .r-tabs-tab{
	text-align: center;
}
.template-box-sets .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
	border-radius: 0;
	width: 100%;
	text-align: center;
	background-color: #FFF;
}
#designs .template-box-sets .r-tabs .r-tabs-nav .r-tabs-state-default .r-tabs-anchor{
	width: 100%;
	font-size:1rem;
	color:#FFF;
}
div#templates{
	padding: 1rem 20px;
}
div#templates h2{
	display: inline-block;
}
div#templates .checkout-action{
	display: inline-block;
	float:right;
	margin:0 0 10px;
	width:100%;
}
div#templates .checkout-action:after{
content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.template-box-sets #templates .listing-name{
	font-size: 1rem;
	font-weight: bold;
}

#templates .w-col{
	height:auto !important;
}
.template-box-sets .template_container{
	padding:0;
}
	.template-box-sets .template_container .optionbuttons{
		/*position:absolute;*/
		/*bottom:0;*/
	}
.template_container{
	/* padding:20px; */
	background-color: #f5f5f5;
}

.template_container .content-container{
	border-top:1px solid #ddd;
}

.template-designs .template_container{
	background-color: #FFF;
}

#template-designs .template_container{
	position:relative;
}
	#template-designs .template_container .optionbuttons{
		position:relative;
		bottom:0;
		margin-top:10px;
		display:block;
		transition:0.7 ease-in;
	}
	#template-designs .template_container .optionbutton{
		transition:0.7 ease-in;
	}
	#template-designs .template_container .optionbuttons:hover{
		background:#fff;
	}
#template-designs .template_container {
    position: relative;
    margin-bottom: 1em;
}
.listing-name{
	font-size: 1.5rem;

}

#designs a.optionbutton, #designs a.optionbutton:visited, #designs a.listing-product-link, #designs a.listing-product-link:visited, #designs a.form-submit{
	padding: 10px 20px;
	display: inline-block;
	text-align: center;
	border-radius: 0px;
	color: #FFF;
	text-decoration: none;
}

#designs .ops-template a.form-submit{
	padding: 4px 10px;
}
#content a.optionbutton{
	color:#FFF;
}
a.optionbutton i{
	margin-left: 10px;
}
.filter_block h2{
	margin:0;
}
#filters h3{
	margin-bottom: 0.5rem;
}
#filters ul{
	margin-bottom: 1rem;
	margin-left: 2px;
}
.filter-more:before{
	font-family: 'Fontawesome';
	content:'\f0d7 ';
	margin-right: 5px;
}
.filter-less:before{
	font-family: 'Fontawesome';
	content:'\f0d8 ';
	margin-right: 5px;
}

/* Total Bar*/
.summary{
	color:#FFF;
	height: 45px;
}
.summary h3{
	color:#FFF;
	display: inline-block;
}
.total-price{
	margin:20px 0;
	display: inline-block;
}
.summary .cta{
	background-color: transparent;
	margin-top: 0;
	text-align: left;
	padding:8px 30px;
}

.summary_container{margin-top: 0;}

.w-clearfix.summary_row{
	display: inline-block;
	font-size: 1.2rem;
}

.sidebar.order_summary{
}


.order_summary_title{
	font-weight: bold;
	color: #FFF;
}

.order_summary_bottom {
    text-align: right;
}
a.readmore.p-matrix-proceed{
	margin-bottom: 0;
	text-align: center;
	border: 0;
	border-radius:0;
	color:#FFF;
	text-decoration: none;
}
a.readmore.p-matrix-proceed:hover{
	color:#FFF;
}
a#lightboxTest{
	color:#FFF;
	border-radius:0;
	text-align: center;
	border:none;
}
a.quote_cta i{
	font-size: 1.3rem;
	margin-right: 0.5rem;
}
.order_summary_top{
	width: 51%;
	text-align: right;
	display: inline-block;
}
.order_summary_bottom{
	width: 100%;
	padding: 1rem;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	.order_summary_top{
		width: 100%;
	}
	.order_summary_bottom{
		width: 100%;
		margin-bottom: 0.5rem;
	}
}

/* Sidebar CTA*/

.sidebar_box{
	margin-top:1rem;
	color: #FFF;
}
.sidebar_title h4{
	margin:0;
	color:#FFF;
	padding:10px;
}
.sidebar_content{
	padding:20px;
	color: #FFF;
}
.sidebar_content p{
	margin:0;
	color: #FFF;
}
.sidebar_content .cta{
	margin-top:0.5rem;
}

/* Listing */

#catalogue{
	background-color: #f7f7f7;
}

#catalogue .w-row .catalogue-items{
	display:grid;
	grid-template-columns: 1fr;
		grid-template-rows: auto;
}
@media screen and (min-width: 600px){
	#catalogue .w-row .catalogue-items{
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
	}
}
@media screen and (min-width: 900px){
	#catalogue .w-row .catalogue-items{
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: auto auto auto auto;
	}
}
	#catalogue .w-row .catalogue-items .w-col-3{
		width:100%;
		padding:0.5em;
	}

	#catalogue .w-row .catalogue-items .w-col-3 a, #designs .w-row .catalogue-items .w-col-3 a{
	    display: block;
    height: 100%;
    background: #fff;
    margin-bottom: 0;
    background-color: #FFF;
    box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
}

.page-template-ops-checkout #content, .page-template-ops-myaccount #content{
    background-color: #f7f7f7;
}
		#catalogue .w-row .catalogue-items .w-col-3 a:hover,
		#catalogue .w-row .catalogue-items .w-col-3 a:focus{
		}
	#catalogue .catalogue-items .listing-product-image{
		background:none;
	}
		#catalogue .catalogue-items .listing-product-image .banner_image + .primary_image,
		#catalogue .listing-category-image .banner_image + .primary_image{
			margin-top:-55%;
		}
	#catalogue .catalogue-items .listing-product .listing-product-image {
		background:none;
	}
	#catalogue .catalogue-items .listing-product {
		transition:0.7s ease;
		background:#fff;
		border-bottom:2px solid #fff;
	}
	#catalogue .catalogue-items .listing-product:hover {
		background:#3c79d2;
		border-bottom:2px solid #333;
	}
	#catalogue .catalogue-items .listing-product-text{
		height:55%;
		margin-top:-5px;
	}
	#catalogue .catalogue-items a .listing-product-text{
		/*border-bottom:2px solid #fff;*/
	}
	#catalogue .catalogue-items a .listing-product-text{
		transition:0.7s ease-in;
		background:none;
	}
	#catalogue .catalogue-items a:hover .listing-product-text{
		/*background:#3c79d2;*/
		/*border-bottom:2px solid #333;*/
		color:#fff;
	}
		#catalogue .catalogue-items a:hover .listing-product-text h3{
			color:#fff;
		}
	
#catalogue .single-listing h1, #catalogue .single-listing h2 {
	text-align: left;
	font-weight: normal;
	font-size:  1.2rem;
}
#catalogue h1.product-name { font-size:  1.6rem; text-align: left; } 

	
.listing-related, .listing-product, .listing-category{
	overflow: hidden;
	margin-bottom: 1rem;
}
.listing-product-content,.listing-category-text, .listing-product-text{
	/* padding-left: 20px; */
}

a.listing-product-link i, a.form-submit i, a.optionbutton i,a.readmore i{
	transition: 0.2s;
    transform: translateX(0);
}

a.listing-product-link:hover i, a.form-submit:hover i, a.optionbutton:hover i, a.readmore:hover i{
	transform: translateX(3px);
}

.listing-product-name, .listing-category-name, #designs .listing-name{
	margin:0;
}

#design .listing-name{
	color:#FFF;
}

.listing-category-int, .listing-product-int{
	margin-bottom: 0.5rem;
}

.category-content{
	margin-bottom: 2rem;
}

.template_thumb, .listing-product-image img, .listing-category-image img{
	border:none;
}

.cat-grid{
	display:grid;
	grid-template-columns: 1fr;
	grid-column-gap: 10px;
	margin-top: 20px;
}
.cat-grid w-col-3{ width:auto;}
@media screen and (min-width:600px){
	.cat-grid{
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (min-width:600px){
	.cat-grid{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
	.cat-grid a{
		display:block;
		height:100%;
	}
.cat-grid .listing-category{
	background:#fff;border-bottom:2px solid #fff;
	height:100%;
}
.cat-grid .listing-category:hover{
	background:#3c79d2;
	border-bottom:2px solid #333;
}
.listing-category-image, .listing-product-image{
	overflow: hidden;
	background-color: #333;
}
	.listing-category-image{
		background:none;
	}
.listing-category , .listing-product {
	color:#000;
	transition: 0.7s;
}

.cat-grid .listing-category .listing-category-text, .cat-grid .listing-product .listing-category-text{
		background:none;
/*	transform: scale(1.1);*/
/*    opacity: 0.5;*/
}
.listing-category:hover .listing-category-text h3, .listing-product:hover .listing-category-text h3{
	color:#fff;
}

/* Log In */

.page-template-ops-myaccount #content{
	padding-bottom:3rem;
}

.existing-customer{
	max-width: 900px;
	margin:0 auto;
}

.login-forgotpassword input[type="submit"]{
	border:none;
	background-color: transparent;
	padding:0;
	margin:0;
	line-height: 2rem;
}

span#password-toggle {
    position: absolute;
    right: 10px;
	top: 0px;
    background-color: transparent;
    color: #000000;
    margin: 0;
    cursor: pointer;
}

form#loginform{
	margin-top: 1rem;
}

p.login-email-label{
	margin:0;
}

/* Account Page*/

.cartbox-top{
	padding:20px 0;
}

#checkout .cartbox-checkout, #checkout .cartbox-checkout table{
	margin-bottom: 0;
}

#checkout .cartbox-cell{
	padding:5px;
}

/* Email Quote */
.prettyPopin .prettyContent .prettyContent-container{
    margin: 0 auto;
    text-align: center;
}
.prettyContent-container p{
	margin-bottom: 0.5rem;
}
.prettyPopin a#b_close{
	top: 10px;
	right: 10px;
}

#emailFormInput, #emailAddressLightbox {
    width: 40%;
    display: block;
    margin: 0 auto;
}
#emailAddressLightbox{
	margin-top:1rem;
}
/* CONTACT PAGE */

.section.contact_section{
	background-color: #f5f5f5;
	padding:2rem 0;
}
.contactdetails{
	background-color: #FFF;
	padding:20px;
}
h4.contactheading, .contactdetails h4{
	margin: 0;
}
.contact-box{
	background-color: #FFF;
	padding:20px;
}

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, select{
	padding:10px;
	width: 100%;
	border-radius: 0px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	font-family:inherit;
}

textarea{
	height:150px;
}

.whitesection input[type="text"], .whitesection input[type="email"],
.whitesection input[type="url"],  .whitesection input[type="password"],
.whitesection input[type="search"],  .whitesection input[type="number"],
.whitesection input[type="tel"],  .whitesection input[type="range"],
.whitesection input[type="date"], .whitesection input[type="month"],
.whitesection input[type="week"],  .whitesection input[type="time"],
.whitesection input[type="datetime"],  .whitesection input[type="datetime-local"],
.whitesection input[type="color"], .whitesection textarea, .whitesection select{
	border: 1px solid #bbb;
	background-color: #f7f7f7;
}


input[type="submit"]{
	padding:10px 20px;
	color:#FFF;
	font-size: 1rem;
	border-radius: 0px;
	border:none;
	margin:0;
}

.p-matrix-attributegroup {
    width: 40%;
    clear: both;
    line-height: 1.5em;
}

.contact-box button,
input[type="button"],
input[type="reset"],
input[type="submit"]
.cta.solid.purple,
input.form-submit{
	border: none;
	color: #FFF;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 1rem;
	font-weight: normal;
	margin:0;
	border-radius: 0px;
}
.p-matrix-attributegroup {
    width: 25%;
    clear: both;
    line-height: 1.5em;
}
.p-matrix-attributes {
    width: 75%;
}
.p-matrix-attribute {
    margin-right: 0;
    display: inline;
    text-align: center;
    float: left;
    width: 25%;
}
.p-matrix-express .p-matrix-attribute {
    width: 100%;
    text-align: left;
    line-height: 1.5em;
}
/* FAQ */

.faq h3{
	/*background-color: #FFF;*/
	border:1px solid transparent;
	border-radius: 0;
	margin:0;
}
.faq .entry-content{
	background-color: #FFF;
	margin-top: 0;
	padding: 1.5em;
	padding-bottom: 0;
}

.sidebar{
	background-color: #FFFFFF;
	padding:1em;
}

/* Sidebar */

.sidebar_box_content{
	background-color: #f7f7f7;
}

/*Designs*/

#designs{
	background-color:#f5f5f5;
}
#designs .listing-product{
	text-align: center;
	color: #FFF;
	opacity: 1;
	transition: 0.2s;
}
#designs .listing-product:hover{
	opacity: 0.8;
}

#designs .listing-name, #designs .listing-price{
	 padding:5px; 
}
#designs .listing-name a, #designs .listing-name a:visited{
	color: #FFF;
	width: 100%;
	padding: 10px;
	display: inline-block;
	text-decoration: none;
}
#designs h1{
	margin-bottom: 1.8rem;
}

.filter_block{
	background-color: #FFF;
	padding:20px;
}


#tc-prices #p-matrix-options-container{
	margin:0 ;
}
#tc-prices .proceed_box{
	margin-top: 1rem;
	padding:20px;
}

.template_detail{
	background-color: #FFF;
	padding:20px;
}

#designs .btn.secondary.lonebutton{
	color:#FFF;
	margin:0;
	border-radius: 0;
	padding:10px 20px;
}

.p-matrix td, .p-matrix th{
	color:#FFF;
	font-weight: bold;
	border: 1px solid #ddd;
}


/* TEmplate detail*/

.template_detail .r-tabs{
	background-color: transparent;
	border:none;
	border-radius: 0px;
}



.r-tabs .r-tabs-nav .r-tabs-state-active a.r-tabs-anchor{
	color:#FFF;
}

.template_detail li.r-tabs-tab a, .template_detail li.r-tabs-tab a:visited{
	color:#888;
}

.template_detail .r-tabs .r-tabs-nav .r-tabs-state-active a.r-tabs-anchor{
	padding: 10px 12px;
}

.template_detail input[type="text"], .template_detail input[type="email"],
.template_detail input[type="url"],.template_detail input[type="password"],
.template_detail input[type="search"], .template_detail input[type="number"],
.template_detail input[type="tel"], .template_detail input[type="range"],
.template_detail input[type="date"], .template_detail input[type="month"],
.template_detail input[type="week"], .template_detail input[type="time"],
.template_detail input[type="datetime"], .template_detail input[type="datetime-local"],
.template_detail input[type="color"], .template_detail textarea, .template_detail select{
	background-color: #f3f3f3;
}


/* Design Steps */

section.process_section{
	color:#FFF;
	margin-bottom: 0;
}
.order_step.active i{
	background-color: #FFF;
	font-style: normal;
	font-weight: bold;
	font-size: 2rem;
}
.order_step i{
	background-color: #FFF;
	font-style: normal;
	font-weight: bold;
	font-size: 2rem;
}
/* Editor */

.ops-template{
	background-color: #FFF;
}
.editor_navigation h3{
	margin:0;
}

.template-proof.r-tabs li a{
	color:#FFF;
	padding:10px;
	display: block;
}
.template-proof.r-tabs {
	border-radius: none;
}


/* Countdown*/

#cutOffCountdown{
	margin-bottom: 1.5rem;
}

.link_graphic.countdown{
	margin-bottom: 1rem;
	padding: 0;
}

.countdown-header{text-transform: none;}

.p-schedule-wrapper{
	display: inline-block;
	width:49%;
	text-align: center;
	color:#FFF;
}
span.countdown-amount{
	background-color: #f7f7f7;
	border:1px solid #ddd;
}
.countdown-section { border-radius: 0; }
span.countdown-period{
	color:#fff;
}

.p-schedule-date, .p-schedule-head{
	float: none;
	line-height: 1.5rem;
}

/* Quotation System */

#quote{
	background-color: #f5f5f5;
	padding-bottom: 2rem;
}
.quote-form-bottom, .quote-form-top{
	background-color: #FFF;
	padding:20px;
}
.block-header i{
	font-size: 1.8rem;
}
.block-header h2{
	display: inline-block;
	margin:0.5rem;
}

.quote_form input, .quote_form textarea{
background-color:#f7f7f7;
}

.quote_form  .w-row{
	margin:0.5rem 0;
}

/* Calculator*/

#catalogue .whitesection{
	padding: 0;
	padding-bottom: 2rem;
}

.tabs_column #prices{
	padding:30px;
}


/* Calculator Summary*/

.summary_container{
	display: block;
	margin-top: 0;
	background-color: #F5F5F5;
}
.summary_container .sidebar.order_summary.main{
	background-color: #f5f5f5;
	border:none;
	border-radius: 0;
}
.summary_attribute, .tabs_column .summary_attribute_title{
	font-size: 1rem;
}
.summary_container .w-clearfix.summary_row{
	display: block;
}

.summary_container .summary_attributes{
	padding-bottom: 0rem;
	background-color: #FFF;
}

.summary_container .order_summary_bottom{
	width: 100%;
	text-align: center;
}


.sidebar.order_summary{
	background-color: #FFF;
	border:none;
	margin-top: 0;
	text-align: left;
}


@media screen and (max-width: 991px) {
	.summary_container .w-clearfix.summary_row{
		margin:0;
	}
}

/* Matrix */
.p-matrix-quantity, .p-matrix-format{
	background-color: #808285;
	color:#FFF;
}


/* Checkout */

#checkout h1{
	margin:1rem 0;
}

.cart-view{
	background-color: transparent;
}
#checkout p{
	margin:0;
}

.checkout-box{
	background-color: #FFF;
	padding:20px;
	margin-bottom: 1rem;
}
table.cartsteps{
	margin-bottom: 0;
}

.cartbox-cell .fa{
	font-size: 1.5rem;
}
.checkout-action{
	/* margin-bottom: 1.8rem; */
}



.cartbox-cell .delivery-dd{
border:1px solid #ddd;}

/* Cart Discount */
.cart-discount{
	width:40%;
}

/* Blog */

#secondary a{
	text-decoration: none;
}

article.post{
	background-color: #FFF;
}

.blog .entry-header{
	width:49%;
	display: inline-block;
	vertical-align:top;
}

.blog .entry-content{
	padding: 20px;
	width:50%;
	display: inline-block;
	vertical-align:top;
}

.entry-container .post{
	display:grid;
	grid-template-columns: 1fr;
	grid-column-gap: 10px;
	margin-top: 20px;
}
@media screen and (min-width:900px){
	.entry-container .post{
		grid-template-columns: 1fr 1fr;
	}
}
.entry-container  .post .entry-content{
	padding-top:0;
}

.entry-content a{
	text-decoration: none;
}

section.widget{
	background-color: #FFF;
	padding:20px;
}
h2.widget-title{
	margin:0.5rem 0;
}

time.entry-date.published, a.url.fn.n{
	font-weight: bold;
}

.single-post article .entrycontent{
	padding:20px;
}
.single-post #main{
	margin:2rem 0;
}
#comments{
	background-color: #FFF;
	padding: 20px 0;
}
.single-post .entry-content{
	padding: 20px 0;
	margin-top: 0;
}
#respond .form-submit{
	background-color: transparent;
	padding:0;
	margin:0;
}

.comment-body a.comment-reply-link{
	color:#FFF;
	padding: .6em 1em;
	border-radius: 3px;
}

/* Proofing System */

.proof-approve{
	display: inline-block;
}

/* Library */

#img-library.r-tabs{
	background-color: #FFF;
	border:none;
}
#img-library .r-tabs-nav{
	border-bottom: 1px solid #ddd;
}

#img-library .r-tabs .r-tabs-nav li.r-tabs-tab{
	background-color: transparent!important;
}

script.featherlight-inner{
	opacity: 0;
}

#home h1, #catalogue h1, #designs h1 {
    margin: 0 0 1rem 0;
    text-align: left;
    padding: 0.5em 0;
}
/*#catalogue .title-background {
    position: relative;
    height: 100px;
    margin: 4.5em 0;
    background: #fff;
}
#catalogue h1.title{}
*/
.page-id-12 #catalogue { padding-top:0em; }


}
/*#catalogue h1.title span{
		background:#fff;
		padding:0.25em 0.5em;
		display: block;
		position: absolute;
		right:0;
		top:0.75em;
		max-width:50%;
		font-size: 1.25em;
	}
	#catalogue h1.title img{
		position:absolute;
		left:1em;
		top:0.7em;
		max-height:7em;

	}
	.background-product {
    max-width: 300px;
    position: relative;
    top: -100px;
}
*/
.template-matrix-options #p-matrix-options-container .p-matrix-attributes select{
	border:1px solid #ddd;
}

.attr-I-container .p-matrix-attributes.prod_attrib > label > span{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
}
@media screen and (max-width: 1030px) {
	.attr-I-container .p-matrix-attributes.prod_attrib > label > span{
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 991px) {
	.top-header{
		padding:5px 0;
	}
}
@media screen and (max-width: 768px) {
	.slider-section .w-container{
		padding:0;
		max-width: 90%;
		height: 100%;
	}
	.slide{
		height: 600px;
	}
	.slider-section { margin-bottom:0; }
	.slider-section button.slick-prev.slick-arrow {
    left: 0px;
    border-radius: 0;
    height: 60px;
    width: 35px;
}
.slider-section button.slick-next.slick-arrow {
    right: 0px;
    border-radius: 0;
    height: 60px;
    width: 35px;
}

}
ul.products_menu_list > li, 
ul.products_menu_list li > ul > li > a{
	display: block;
	padding: 5px 10px;
	width: 100%;
	font-size: 0.8rem;
}
ul.products_menu_list li > ul > li {
    display: block;
    padding: 0;
    width: 100%;
}
#topmaincontent section#catalogue{
	padding:0;
}

#topmaincontent section#catalogue{
	font-size: 3rem;
	line-height: 1;
	font-weight: normal;
	text-align: center;
}

.listing-category-text,
.listing-product-text{
	padding:10px;
}

.listing-category-text h3{
	display: block;
	margin-bottom: 0.5rem;
}

#p-matrix-container{
	background-color: #FFF;
	margin:0;
	display: inline-block;
	width: 100%;
	padding: 0 20px;
}
	
	#p-matrix-container h2{
		position:relative;
		overflow:hidden;
		text-align:center;
	}
	#p-matrix-container h2:before,
	#p-matrix-container h2:after{
		content: " ";
		position: absolute;
		top: 53%;
		width: 1000%;
		opacity: .4;
	}
		#p-matrix-container h2:before{ left:74%;}
		#p-matrix-container h2:after{ right:74%;}
	

.template-box-sets{
	padding:0;
}
tr.p-matrix-quantity-row:nth-child(odd) {
    background: #f8f8f8;
}
#catalogue #myTab{
	background-color: #FFF;
	border:none;
}

#catalogue .r-tabs .r-tabs-state-active .r-tabs-anchor{
	background-color: #FFF;
}

.sidebar_content h4{
	margin:0;
	margin-bottom: 0.5rem;
	font-size: 2rem;
	line-height: 1;
}

.tot-mat,
.tot-mat .CurrencySymbol{
	/*font-size:2rem;
	font-weight: bold;*/
}

.tot-mat{
	margin-bottom: 0.5rem;
}

#content a.readmore{
	display: block;
}
.new-customer, .existing-customer {
    padding: 20px;
    background-color: #fff;
}
.page-template-ops-myaccount #content a.readmore {display: inline-block;}

.page-template-ops-checkout #content p a { text-decoration: none!important; font-weight:400!important; }

span.split-toggle {display:  none;}

.template-box-sets {
    margin-top: 0;
    border: none;
    border-radius: 0;
    width: 100%;
    background-color: #FFF;
}
.product-name {
    margin: 0 !important;
    padding: 1em 0 0.5em 0 !important;
}

@media screen and (max-width: 1024px) {
.topbarsocial { display:none; }
.topbaraccountlink { text-align: center; }
.site-title img {max-width: 200px;}
#masthead i.fa-bars {
	color: white;
}
.search_block {
    margin-top: 0;
    margin-bottom: 1em;
}
input#search_input {
    float: left;
width: calc(100% - 47px);
}
.r-tabs-anchor {
    color: #fff !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #fff;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	    color: #000;
}

}
.indigo-signs-and-print .menucart.account_link.cart_link.tool-tip {
display: none; 
}

.fixed-top .menucart.account_link.cart_link.tool-tip {
    float: right;
    height: 50px;
    line-height: 50px;
    display: block;
    padding: 0 10px;
}
.mobile_button.fa.fa-close {color: #fff!important}

#catalogue .r-tabs .r-tabs-nav .r-tabs-anchor{
	color:#FFF;
}

#cutOffCountdown {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
}

.p-schedule-wrapper:last-child { float:right; margin-bottom: 1rem; }

#specs a img {
    max-width: 50px;
    float: left;
    margin-right: 10px;
}
.w-col-5 .r-tabs .r-tabs-panel { min-height: auto; height: auto; }
#specs a {
    display: inline-block;
}
#specs a:hover {
   background: none;
}
#specs a:hover img {
  opacity: 0.8;
}
.p-matrix-options .vat-small { display:none; }
.product-slider .slick-slide img {
    margin: 0;
    width: 100%;
}
.acf-map {
    width: 100%;
    height: 800px;
}
.product-slider .slick-prev.slick-arrow, .product-slider .slick-next.slick-arrow {
    height: 30px;
    background: #074e5f;
    width: 30px;
}
.product-slider .slick-prev.slick-arrow i, .product-slider .slick-next.slick-arrow i {
opacity: 1;
}
.product-slider .slick-prev.slick-arrow:hover, .product-slider .slick-next.slick-arrow:hover {
    height: 30px;
    background: #1191ca;
    width: 30px;
}
.product-slider .slick-prev::before, .product-slider .slick-next::before { opacity:1; }
.product-slider .slick-prev {
    left: 0;
}
.product-slider .slick-next {
    right: 0;
}
.related h2 {
    font-size: 1.5em; }

.related { padding: 0rem 0; background-color: #fff;}

.related .product_container, .cat-grid .product_container {
box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75); background-color: #fff;}

.cat-grid .product_container { margin-bottom:10px; }

#turnaround-table a:hover { background:none; color: #fff;} 
#turnaround-next, #turnaround-prev {
border-radius: 0px;
box-shadow: none;}



tfoot tr, tfoot td {
    border: 0 !important;
}

.p-matrix td, .p-matrix th {
    color: #FFF;
    font-weight: bold;
    border: 1px solid #fff;
}
a.cta { color: #fff!important; font-family: inherit;}

.vo-btns .tooltip {
    background: none;
    width: 21px;
    height: 21px;
    margin-left: 0;
    vertical-align: text-bottom;
    display: inline-block;
    color: transparent;
    margin-bottom: 10px;
}

.template-preview .r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
    background-color: #f9f9f9;
}
span.template-design-price {
    display: block;
    margin-top: 5px;
}



.fileupload-container a {
    width: 100%;
}

#p-matrix-options-container, #p-matrix-container, .p-matrix-container-title {
    margin: 0 0px 20px;
}
.p-schedule-wrapper div {
    width: 50%;
    float: left;
    margin: 0;
    text-align: center;
    background: rgba(255,255,255,0.1);
    padding: 20px;
}

p.countdown-header {
    font-size: 1.1rem;
    padding: 1em 0;
    display: inline-block;
    text-align: center;
    width: 100%;
}
#content a.readmore {
    display: inline-block;
}
.template_detail .r-tabs .r-tabs-nav .r-tabs-anchor {
    display: inline-block;
    padding: 10px 12px;
    text-decoration: none;
    /* text-shadow: 0 1px rgb(0 0 0 / 40%); */
    font-size: 14px;
    font-weight: bold;
    color: #333;
    background: #f9f9f9;
}
.template_detail .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {color: #fff!important;}
.account_link {
    margin-left: 0; }

    .r-tabs .r-tabs-panel {
    background-color: white;
    border-bottom: 4px solid white;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}



.cart-container h2 {
    font-size: 1.1rem;
}
.cartbox-cell .fa {
    font-size: 1.2rem;}

    .tc-filter-BusinessSector h3, .tc-filter-Colour h3 {
    font-size: 1rem;
}

td.cartbox-top {
   /* background: #333;
    padding: 10px;
    color: #fff;    */
}

.img-w-txt-row {
	display: flex;
    align-items: center;
    gap:3rem;
}

.w-col.w-col-6.sideimage {
    display: flex;
    align-items: center;
    justify-content: center;
	justify-content: flex-end;
}

.img-w-txt-row::before {
	content:unset;
	display: unset;
}

.slick-prev, .slick-next {
	z-index: 99;
}

.desktopslidebg {
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.slide { position: relative; }   
.slider-section .slick-prev:before{
	font-family: 'Fontawesome';
	content:'\f104';
}
.slider-section .slick-next:before{
	font-family: 'Fontawesome';
	content:'\f105';
}
.slider-section .slick-prev:before, .slider-section .slick-next:before{
	font-size: 1.4rem;
}           
.r-tabs-state-active a.r-tabs-anchor {
    color: #fff;
}           
a.cta {
    font-size: 1rem;
}             
.optionbuttons {
    position: absolute!important;
    bottom: 0!important;
}    
.template_container {
    min-height: 333px;
}              
.template-box-sets #enquiryform {
    margin: 1rem 0rem;
    margin-bottom: 2rem;
}       
@media screen and (max-width: 480px) {
	.p-matrix-attributes, .p-matrix-attributegroup { width: 100%; }
}           
input#search_input:focus-visible {
    outline: none!important;
}       

.image-nav .slick-slide img {
    padding: 0;
    height: 100px;
    object-fit: cover;
    width: 100px;
}

.slick-slide img {
    margin: 0;
}
.product-slider.slick-initialized {
    display: block;
    margin-bottom: 1rem;
}

#content .slide_content a.readmore {
	background-color: var(--pink);
}

#content .slide a.readmore:hover {
	background-color: var(--lightblue);
}

.p-matrix-proceed.disabled,
.p-matrix-proceed.disabled:hover {
    cursor: no-drop !important;
    border: 1px solid rgb(0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0.9) !important;
    font-size: 0 !important;
    line-height: 1.5 !important;
}

.p-matrix-proceed.disabled::before {
    content: "We're sorry, a product with the options selected is not available. Please update your options.";
    font-size: 1rem !important;
    color: #fff !important;
}

#content a.readmore {
	background-color: var(--pink);
}

#content div.readmore {
    background-color: var(--pink);
	color: #FFF;
    font-size: 1rem;
    float: left;
    display: inline;
    margin-bottom: 1rem;
    margin-right: 20px;
    text-decoration: none;
    border-radius: 5px;
	padding: 10px 20px;
	text-align: center;
}

#content a.banner-container-link:hover div.readmore {
	transition: 0.2s;
	background-color: var(--pink);
}
#content a.banner-container-link:hover div.readmore {
	transition: 0.2s;
	background-color: var(--lightblue);
	transform: scale(1.025);
}

#content a.readmore:hover {
	background-color: var(--lightblue);
}

#turnaround-prev.disabled,
#turnaround-prev.disabled:hover,
#turnaround-next.disabled,
#turnaround-next.disabled:hover {
    background-color: #f5f5f5 !important;
    cursor: no-drop !important;
    color: #aaa !important;
    border: 1px solid #ccc !important;
}

.p-matrix-price-link.disabled {
    cursor: no-drop !important;
}

.disabledtd,
.disabledtd:hover,
.disabledtd .p-matrix-price-link {
    background: #eee !important;
    color: #aaa !important;
}                   
.p-matrix-attribute {
    width: 100%;
    text-align: left;
    line-height: 1.5em;
}    
.category-content {
    margin-bottom: 2rem;
    padding: 0 5px 0;
}
#home h1, #catalogue h1, #designs h1 {
    margin: 0 0 0rem 0;
    text-align: left;
    padding: 0.5em 0;
}
#catalogue .w-container {
    padding-bottom: 10px;
}              
#catalogue .w-container:first-child .w-col {
    padding: 0px 5px;
}         

ul.products_menu_list > li > a, ul.products_menu_templates li a {
    text-decoration: none;
    width: auto;
    font-size: 1.1em;
    margin-bottom: 1px;
    padding: 10px;
    display: block;
    line-height: 1;
    text-transform: uppercase;
}        

#design .products_menu .category-link, #design .products_menu .list_title {
    color: #fff;
    border-bottom: 1px solid #ac6ad6;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    display: inline-block;
    background: #ac6ad6;
}
 #design .products_menu .category-link:hover, #design .products_menu .list_title:hover, #design .products_menu .w-col:hover .list_title {
    color: #fff;
    border-bottom: 1px solid #3c79d2;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    display: inline-block;
    background: #3c79d2;
}



.searchform {
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 0;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0;
    border: 0;
    width: 100%;
    display: inline-block;
    height: 45px!important;
}
button.search_button {
    height: 46px;
    display: inline-block;
    width: 46px;
    border: 0;
    color: #fff;
    position: absolute;
}
.searchform {
    background-color: transparent;
    position: absolute;
    right: 0;
    top: -19px;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0;
    border: 0;
    width: 100%;
    display: inline-block;
    height: 46px!important;
}
#desktopsearch-icon{
	display:none;
}
#myTab > ul > li.r-tabs-tab.r-tabs-state-active > a {
color: black!important;
}
#description_tabs > ul > li.r-tabs-tab.r-tabs-state-active > a {
color: black!important;
}

.p-matrix-attribute.image-attribute {
	width: 20%;
}

.measurementsin, .lookupUnits-container {
	display:none;
}

/*
ul.products_menu_list>li,ul.products_menu_list li>ul>li>a {
   display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
}
*/
.products_menu_container {
    min-width: 1200px;
}

.products_menu_list > li {
    margin-bottom: 10px; /* Add some spacing between list items */
    /* min-height: 250px; Adjust as needed to prevent breaking */
    width:20%;
}

.products_menu {
    min-height: 300px;
}

.main-navigation ul ul.products_menu_list {
	-webkit-column-count: 5;
    	-moz-column-count: 5;
    	column-count: 5;
    	-webkit-column-gap: 20px;
    	-moz-column-gap: 20px;
    	column-gap: 20px;
}

.main-navigation ul li.popular-products:hover ul.sub-menu {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;

}

.password-show {
  top: 0px;
}
#ApplyDiscount .fa-spin {
	display:none;
}

.p-matrix-attribute .image-radio {
	padding:0px;	
}
.attr-I-container .p-matrix-attributes span {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}
#wa .wa__btn_popup {
	bottom:90px;	
}
article.post {
    background-color: white;
}
.entry-content {
padding: 20px;
}
aside#secondary.widget-area {
    padding: 20px;
    background-color: white;
}

/* Indigo Design Custom */

/* Nav */
header#masthead {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 999;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.w-row.nav-row {
    display: flex;
    align-items: center;
    gap: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#masthead #site-navigation {
	background-color:var(--indigo);
	display: unset;
}

#site-navigation .w-row.nav-row:before{
	content: unset;
    display: unset;
}

.w-row.nav-row {
      padding-top: 1rem;
    padding-bottom: 1rem;
    transition: all 0.3s ease;
    padding-left: 1rem;
    padding-right: 1rem;
}

.w-row.nav-row picture img {
  width: 150px;
  transition: width 0.3s ease;
}

.w-row.nav-row.scrolled {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.w-row.nav-row.scrolled picture img {
  width: 80px;
}

.w-row.nav-row.scrolled img {
  width: 80px;
}

.inverted {
	    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}



li.printservices {
	background-color: var(--lightblue);
	border-radius: 5px;
}
li.ourproducts {
        background-color: var(--pink);
    border-radius: 5px;
    margin-left: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

}

li.ourproducts:hover
	{
		background-color: var(--lightblue);
	}


li.ourproducts::after {
    content: '\f107';
	font-family: 'FontAwesome';
    font-size: 0.8rem;
    color: white;
    display: inline-block;
    margin-left: 6px;
    transition: transform 0.3s ease;
	margin-right: 10px;
}



.rating {
    background-image: url('/wp-content/themes/OPSv3/images/star.png');
    background-repeat: repeat-x;
    display: block;
    height: 25px;
    /* width: 90%; */
}

.photo-gallery {
	padding-top: 0;
	margin: 0;
}

body.home .photo-gallery {
	padding-top: 2rem;
	margin: 0;
}

body.home .banner {
    background-color: #ffffffe6;
    max-width: unset;
    width: 950px;
    border-radius: 5px;
    gap: 2rem;

}

body.home .slick.photo-gallery {
padding-top:0;
}

body.home .banner h2, body.home .banner p, body.home .banner h3, body.home .banner li {
color:black;
}

body.home .banner picture {
	display: flex;
	justify-content: center;
	align-items: center;
}
.photo-gallery div.w-container {
	margin-left: 0;
	margin-right: 0;
	max-width: unset;
	padding: 0;
}

.photo-gallery div.w-container img {
padding: 0;
}

#wegoprintsingle a.readmore {
	background-color: var(--pink);
	color: white;
	transform: scale(1);
	transition: 0.15s;
}

#wegoprintsingle a.readmore:hover {
	background-color: var(--wegoprintgreen);
	color: white;
	transform: scale(1.05);
	transition: 0.15s;
}

.featured-lists {
	display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.features li {
    position: relative;
    padding-left: 1.5rem;
}

.solution:hover h3 {
    -moz-transform: unset;
    -ms-transform: unset;
    -webkit-transform: unset;
    transform: unset;
}

li.ourproducts a {
    padding:10px;
}

.main-navigation li a, .main-navigation li a:visited {
    color: white;
}
li.printservices:hover {
	transform: scale(1.10);
	transition: 0.15s;
}

.main-navigation li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: white; /* keep your text color */
}

.banner-content ol, .banner-content ol li ol {
	margin-left: 0.5rem;
	padding-left: 0.5rem;
}



.main-navigation li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.5px; /* adjust if you want space under text */
  width: 0;
  height: 2px; /* thickness of underline */
  background: currentColor; /* matches text color */
  transition: width 0.3s ease;
}

.featured_product .heading-container {
margin-bottom:1rem;
}

.single_solution a.cta {
	margin-top:0;
}
.product-info-content-container h1 {
margin-top:0;
}

.banner-container-link .banner h1 {
margin:0;
}

ul.sub-menu li a::after {
	background: unset;
	height: unset;
	content: unset;
	background-color: grey;
}
li.printservices a::after {
	background: unset;
	height: unset;
	content: unset;
}

.main-navigation li a:hover::after {
  width: 100%;
}

.main-navigation ul li:hover ul.sub-menu li a:hover {
    background-color: transparent;
	transform: scale(1.05);
	transition: 0.15s;
	color: var(--indigo);
}

li.printservices a {
	padding: 10px;
	font-weight: 600;
}

.main-navigation ul li:hover ul.sub-menu li a {
    font-weight: 400;
}
section#section-1 {
padding-top:0;
}
.txt h1 {
	text-align: center;
	margin-top: 0;
}

.txt h2 {
	margin-bottom: 3rem;
	text-align:center;
}



.w-row.contact-panels {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 2rem;
}
 .panel {
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    text-align: center;
    padding: 1rem;

}
.contact-panels:before {
content:unset;
display:none;
}

.contact-panels .panel a i {
color:black;
}

.contact-panels .panel a {
border:none;
}
.contact-panels .panel a:hover {
background-color:transparent;
}
.w-row.contact-panels a.readmore i {
color:white;
}
.social-icons-container {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}
.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
    position: absolute;
}

.w-row {
	margin: 0 0px;
}

/* Testimonial */


.testimonials .slick .slick-prev:before{
	font-family: 'Fontawesome';
	font-size:3rem;
	content:'\f104';
}

.testimonials .slick .slick-next:before{
	font-family: 'Fontawesome';
	font-size:3rem;
	content:'\f105';
}

.testimonials .slick-prev, .testimonials .slick-next{
	top: 40%;
}

.testimonials .centered{
	width: 100%;
}

.testimonials-container {
	padding-left: 0;
	padding-right: 0;
}

.testimonial div p {
	font-size: 1.3rem;
    font-style: italic;
}

.testimonial div p::before {
	content: '"';
}

.testimonial div p::after {
	content: '"';
}

.testimonials .w-container {
	margin: 0;
    width: 100%;
    max-width: unset;
} 

.main-navigation ul li:hover ul.sub-menu {
    display: grid;
    grid-template-columns: repeat(6, auto);
    gap: 10px;
    max-width: max-content;
    padding: 1rem;
    position: absolute;
    left: 0;
}

.w-row.nav-row a img {
width: 150px;
    transition: width 0.3s ease;
}

#google-reviews .review-text {
    font-size: 1rem;
    height: 150px;
    overflow-x: auto;
}

.reviews h2 {
    text-align: center;
    margin-bottom: 2rem;
}

.main-navigation ul li:hover ul.sub-menu li a {
       color: #000;
    font-size: 0.9rem;
    padding: 0px 10px;
    text-align: left;
    min-width: max-content;
	font-weight: 600;
}

.solution img {

    opacity: 1;
}

#site-navigation ul.sub-menu li ul.sub-menu {
	    display: unset;
    position: unset;
	padding:0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	box-shadow: unset;
	font-size: 0.8rem;
}

#site-navigation ul.sub-menu li ul.sub-menu li {

    	width:100%;
}

#site-navigation ul.sub-menu li ul.sub-menu li a {
	font-size: 0.8rem;
    font-weight: 300;
    padding-top: 1rem;
    	width:100%;
}


@media screen and (max-width: 1024px) {
	.p-matrix-attribute.image-attribute {
	  width: 33%;
	}
	#masthead i.fa-close {
		display:block;
	}
	.headersearchblock{
		display:none;
	}
#site-navigation ul#primary-menu {
	display: none;
	
}
.w-row.nav-row.scrolled picture img {
    width: 80px;
}
#site-navigation {
    display: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.w-row.nav-row picture img {
	width:80px;
}
}

.w-container.textmap-container {
    display: flex;
    gap: 1rem;
}
.w-container.textmap-container:before {
	content:unset;
	display:unset;
}

#content section.blog a.solution {
	height: 350px;
	border-radius: 5px;
}
#content section.blog h2 {
	text-align: center;
	margin-bottom: 2rem;
}

footer#colophon {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.footer-box.footer-box-1 img {
width:100px;
}

.footer-box.footer-box-5 {

}

.contact-details {
    margin-top: 1rem;
}

.contact-details {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
}

form.blog-search {
    display: flex;
    align-items: center;
    justify-content: center;
	margin-left: 2rem;
}

form.blog-search input[type="search"] {
	font-size: 16px;
}
form.blog-search a.search-submit {
	background-color: transparent;
	color: white;
}
footer a.social i {
	transform:scale(1);
	transition: 0.20s;
}
footer a.social:hover i {
	transform:scale(1.1);
	transition: 0.20s;
	color: var(--pink);
}
.blog-search .search-wrapper {
    position: relative;
    display: inline-block;
    width: 100%; /* or set a fixed width */
}

.blog-search .search-field {
    width: 100%;
    padding: 8px 40px 8px 12px; /* leave space for the button on the right */
    border: 1px solid #ccc;
    border-radius: 4px;
}

.blog-search .search-submit {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: #666;
    font-size: 16px;
}


.notice {
	color: white;
	background-color: red;
	padding-top: 1rem;
	padding-bottom: 1rem;
	text-align: center;
}
.breadcrumb-section {
padding: 1rem;
}

.w-col.w-col-8.w-col-medium-6.w-col-small-12.product-info {
    padding: 3rem;
}



.w-col.w-col-8.w-col-medium-6.w-col-small-12.product-info h1 {
 margin-top: 0;
}

.form-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    text-align: left;
}

.product-info p {
	width: 75%;
}

.form-column {
    flex: 1;
    min-width: 250px;
}

.form-column p {
    text-align: left;
	margin-bottom: 0;
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
    text-align: left;
}

nav.breadcrumb {
    text-align: right;
}

/* Make full-width fields span across both columns */
.full-width {
    width: 100%;
}
.full-width .wpcf7-select,
.full-width .wpcf7-text,
.full-width .wpcf7-textarea {
    width: 100%;
    box-sizing: border-box; /* ensures padding doesn’t break width */
}

.product-banner {
	height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-banner h1 {
	    color: white;
    margin-top: 3rem;
}


.banner .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-info-container {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: unset;
}
p.submit-container {
	width: 100%;
    text-align: right;
    display: flex;
justify-content: flex-start;
}
.img-w-txt-row:after {
content: unset;
display: unset;
}

div.form-column p {
	width: 100%;
}

.product-info-content-container {
    padding: 3rem;
}


@media screen and (max-width: 1024px) {
.topbaraccountlink {
    text-align: right;
    width: 100%;
}
.img-w-txt-row h2, .img-w-txt-row h1 {
text-align:center;
}
.product-info p {
    width: 100%;
}
.img-w-txt p {
    width: 100%;
}
body.home .banner {
	width: auto;
}
 .threecolumns {
        grid-template-columns: 1fr 1fr; /* reduce 3 ? 2 columns */
    }
    .fourcolumns {
        grid-template-columns: 1fr 1fr; /* reduce 4 ? 2 columns */
    }

.header-contact {
    margin: 21px 0 0 0;
    text-align: right;
} 

.footer-container-5 h3 {
	text-align: center;
}
	.social-icons {
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}




.w-container.textmap-container {
    display: flex;
    gap: 1rem;
    flex-direction: column;
}
.acf-map {
    width: 100%;
    height: 350px;
}
.w-col.w-col-8.w-col-medium-12.w-col-small-12.product-info {
    width: 50%;
}
.w-col.w-col-4.w-col-medium-12.w-col-small-12.product-images {
    width: 50%;
}
}
@media screen and (max-width: 768px) {

.p-matrix-attributes {
    width: 65%;
}
.p-matrix-attributegroup {
    width: 35%;
    clear: both;
    line-height: 1.5em;
}
	#myTab.r-tabs .r-tabs-panel {
    border: none;
    padding: 1rem!important;
}
.twocolumns {
        grid-template-columns: 1fr; /* 2 ? 1 column */
    }
    .threecolumns {
        grid-template-columns: 1fr; /* 3 ? 1 column */
    }
    .fourcolumns {
        grid-template-columns: 1fr 1fr; /* 4 ? 1 column */
    }
.banner {
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
}
#catalogue h1.product-name {
    font-size: 1.6rem;
    text-align: left;
    margin-top: 0!important;
    padding-top: 0!important;
}
.p-schedule-wrapper div {
    width: 100%;
    float: left;
    margin: 0;
    text-align: center;
    background: rgba(255,255,255,0.1);
    padding: 5px 10px;
}
.img-w-txt-row {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
}
}
.slick-prev:before,
.slick-next:before {
  font-family: 'FontAwesome' !important;
  font-size: 50px !important;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.4); 
  color: var(--pink)!important; 
}

/* Keep your icon content separate */
.slick-prev:before {
  content: "\f104" !important;
}

.slick-next:before {
  content: "\f105" !important;
}

@media screen and (max-width: 480px) {
#content .profile-option a.cta {
    display: block;
    margin: 5px 10px;
    max-width: 200px;
    font-size: 1rem;
    padding: 5px;
}              
.topbaraccountlink {
    text-align: center;
    width: 100%;
    padding: 0;
}
a.account_link {
    height: auto;
    width: auto;
    line-height: normal;
    padding: 10px 7px;
    display: inline-block;
    font-size: 0.9rem;
    overflow: initial;
    text-decoration: none;
    color: #FFF;
}
.twocolumns {
        grid-template-columns: 1fr; 
}

.threecolumns {
grid-template-columns: 1fr; 
}

.fourcolumns {
grid-template-columns: 1fr; 
}
}  

@media screen and (max-width: 480px) {
	.account_link.cart_link{
		margin: 0;
	}     
	.mob-hide { display: none }
}
.image-slider-with-text .slide-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* container height */
}

.image-slider-with-text .slide-image img {
    height: 100%;       /* fill container height */
    width: 100%;        /* preserve aspect ratio */
    object-fit: cover; /* keeps full image visible */
    max-width: 100%;    /* prevent overflow */

}


.slick.slider.slick-initialized.slick-slider {
    height: 100%;
}

.image-slider-with-text .slick-slider .slick-track {
    height: 100%;
}

.image-slider-with-text .slick-slider .slick-list  {
    height: 100%;
}


.product-row {
  display: flex;
  align-items: stretch; /* ensures children take full equal height */
}

.product-row > .w-col {
  display: flex;
  flex-direction: column; /* so contents flow normally */
}

.product-images {
  flex: 1; /* let this column stretch full height */
  padding-left: 0;
}

@media screen and (max-width: 991px) {
    .search_link {
        display: none;
    }
    .account_login {
        display: none;
    }
    .w-col.w-col-4.w-col-medium-12.w-col-small-12.product-images {
        width: 100%;
    }
    .w-col.w-col-8.w-col-medium-12.w-col-small-12.product-info {
        width: 100%;
    }
    .footer-widget {
	text-align: center;
	}
	.w-row.nav-row {
padding:0;
}
.w-row.contact-panels {
    display: grid;
    grid-template-columns: auto;
}
.avg-rating {
    float: none;
    text-align: center;
    display: flex;
    justify-content: center;
}
.reviews h2 {
text-align:center;
}
.footer-box.footer-box-1,
.footer-box.footer-box-2,
.footer-box.footer-box-3,
.footer-box.footer-box-4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-content: center;
	padding: 10px 0;
}
.footer-box.footer-box-5 {
    text-align: center;
}
.contact-details {
	text-align: center;
}

    /* Unset image slider styles */
    .image-slider-with-text .slide-image {
        display: block;
        align-items: unset;
        justify-content: unset;
        height: auto;
    }

    .image-slider-with-text .slide-image img {
        height: auto;
        width: 100%;
        object-fit: unset;
        max-width: 100%;
    }
	div.blog-container {
	margin-bottom:1rem;
	}
    .w-row.nav-row a img {
width: 100px;
    }
    .slick.slider.slick-initialized.slick-slider,
    .image-slider-with-text .slick-slider .slick-track,
    .image-slider-with-text .slick-slider .slick-list {
        height: auto;
    }

    /* Unset product row flex layout */
    .product-row {
        display: block;
        align-items: unset;
    }

    .product-row > .w-col {
        display: block;
        flex-direction: unset;
    }

    .product-images {
        flex: unset;
    }
}
.sideimage picture img {
	width: 100%;
}

/* We Go Prints */

body.we-go-prints #masthead #site-navigation {
    background-color: white;
    display: unset;
}

body.we-go-prints .flick-graphic {
background: linear-gradient(to left, #00a47c 0%, transparent 75%);
}

body.we-go-prints #content .slide_content a.readmore {
    background-color: #00a47c;
}

body.we-go-prints #content .slide_content a.readmore:hover {
    background-color: #00549f;
}

body.we-go-prints .flick-graphic::before {
background: #00a47c;
}

body.we-go-prints .slick-prev:before, body.we-go-prints .slick-next:before {
color: #00549f!important;
}

body.we-go-prints footer a, footer a:visited {
    color: #000;
}

body.we-go-prints footer h3 {
    color: #000;
}

body.we-go-prints a.social i {
    font-size: 1.4rem;
    text-align: center;
    color: #000;
    vertical-align: middle;
}

body.we-go-prints .main-navigation li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: black;
}

body.we-go-prints #content a.cta:hover {
    background-color: #00549f;
    color: white;
    transition: 0.2s;
    transform: scale(1.05);
}

body.we-go-prints a.account_link {
color:black;
}

body.we-go-prints a.account_link:hover {
background-color:#00a47c;
color:white;
}

/* End We Go Prints */