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

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

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

h1 {
    font-size: 2em;
    margin: 0.67em 0;
    line-height: normal;
}

h2 {
    font-size: 28px;
    font-family: "Manrope", sans-serif;
    margin: 1rem 0;
}

h3{
	margin:1rem 0;
	margin-top: 0;
}

i {
	font-family: 'Font Awesome 5 Pro'!important;
	font-style: unset;
}

select {
    border: 1px solid #ccc;
    font-size: 16px;
}

.social i {
  font-family: "Font Awesome 5 Brands", var(--fa-style-family, "Font Awesome 6 Free") !important;
}


#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;
}

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

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

.headersearchblock {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.headersearchblock #site-navigation div.w-container {
padding: 0;
}

a.menu-parent {
	padding-bottom: 0;
}

.headersearchblock #site-navigation div.w-container ul#primary-menu.menu > li > a.menu-parent {
	padding-left:0;
}

.headerbrandblock {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.desktopsearch.input-wrapper {
	width: 400px;
    padding-top: 15px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    padding-left: 10px;
    margin-bottom: 1rem;

}

.headercontactblock.mobilehide {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.search_block form {
	position: relative;
}

.main-header .w-row:before, .w-row:after {
    content: unset;
    display: unset;
}

.main-header-row {
    display: grid;
    grid-template-columns: auto 2fr 1fr;
    gap: 2rem;
    padding: 0 0px;
}

.sliderhalf.featured-image {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    align-items: flex-end;


}

.w-col.w-col-4.w-col-medium-12.w-col-small-12.w-col-tiny-12.headerbrandblock {
    height: 100%;
}

.w-col.w-col-4.w-col-medium-12.w-col-small-12.w-col-tiny-12.headersearchblock {
    height: 100%;
}

.main-header-row {
	height: 120px;
}


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

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


/* ACCOUNT LINKS */

.account_links{
	text-align: right;
}

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

.account_link:hover{
	transform: scale(1.05);
}

.account_login .account_link{
	float: left;
}

/* HEADER CONTACT */

.header-contact {
    text-align: right;
}

.top-header {
	height:40px;
}

.top-header .w-container, .top-header .w-container .topbarsocial, .top-header .w-container .topbaraccountlink  {
	height: 100%;
}

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

.topbaraccountlink {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.topbaraccountlink a, .topbaraccountlink span {
	color:white;
}

.topbaraccountlink .phone {
	margin: 0;
}

.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; margin-right: 0.5em; }

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


/* Search*/



input#search_input {
    float: left;
    width: calc(100% - 47px);
}
button.search_button {
    color: black;
	background-color: transparent;
}
.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 */


header#masthead {
    background-color: #ffffff;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 99999;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

#masthead {
  transition: top 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

#masthead .account_link {
	color: black;
}

#masthead .account_link:hover {
	color: #ff7200;
}


#site-navigation ul#primary-menu{
	float:left;
	width:100%;
}
#site-navigation ul#megamenus{
	float:right;
}
.main-navigation ul{
	text-align: left;
	font-size: 0;
}
.main-navigation li{
	display: inline-block;
	position: relative;
	text-align: center;
	padding:0;
	transition: 0.5s;
}
.main-navigation li.cart_item{
	position: absolute;
	right:20px;
}

.main-navigation li a{
	padding: 15px;
	color: black;
	font-size: 0.9rem;
	transition: 0.2s;
	line-height: 1.2;
	font-weight: 600;
}

.img-w-txt .sideimage img {
width:80%;
border-radius: 10px 10px 10px 10px;
}

#print-plan-video .content-container p {
    display: flex;
    justify-content: center;
}

.w-col.w-col-7.img-w-txt-side-content {
    padding: 5rem;
}

.img-w-txt.whitesection .social.mail i, .img-w-txt.whitesection .social.globe i {
color:black;
}

.img-w-txt.greysection .social.mail i, .img-w-txt.greysection .social.globe i {
color:white;
}

.img-w-txt.blacksection .social.mail i, .img-w-txt.blacksection .social.globe i {
color:white;
}
.img-w-txt.whitesection a.social:hover, .img-w-txt.greysection a.social:hover, .img-w-txt.blacksection a.social:hover  {
background-color:transparent;
}

.banner.no-background {
    background-color: #fff;
    color: #000;
    padding: 1rem 0rem;
}

.faq h3 {
    padding: 5px;
    color: black;
    border-radius: 5px;
    margin-bottom: 0;
    padding-left: 0;


}

.faq h2 {
text-align:left;
}

.faq h3:after {
    font-family: fontawesome;
    content: '\f078';
    float: right;
    transition:0.2s;
}

.faq h3.open:after {
    font-family: fontawesome;
    content: '\f077';
    float: right;
    transition:0.2s;
}

.page-content, .entry-content, .entry-summary {
    margin: 0em 0 0;
}

ul#primary-menu > li.mega-print > a::after {
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;     
  transition: transform 0.25s ease; 
}

ul#primary-menu > li.mega-print > a:hover::after {
  transform: rotate(-180deg);
}

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

.fa-bell {
  display: inline-block;
  transform-origin: top center;
  animation: ring 2s ease-in-out infinite; /* was 1s, now 2s */
}

@keyframes ring {
  0%   { transform: rotate(0); }
  10%  { transform: rotate(15deg); }
  20%  { transform: rotate(-15deg); }
  30%  { transform: rotate(10deg); }
  40%  { transform: rotate(-10deg); }
  50%  { transform: rotate(5deg); }
  60%  { transform: rotate(-5deg); }
  70%, 100% { transform: rotate(0); } /* pause effect */
}

@media screen and (max-width: 991px) {
    .search_link{
    	display: none;
    }
    .account_login{
    	display: none;
    }
}

	

.headercontactblock {
	display: none;
}

/* 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;
}
span.product_price {
    position: absolute;
    z-index: 9999;
    height: max-content;
    width: max-content;
    background-color: #ff7200;
    color: white;
    padding: 5px 10px 5px 10px;
    border-radius: 0px 0px 10px 0px;
    font-weight: 500;
}

.single_sol_img img {
width:100%;
}

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;
}
.products_menu_container {
    width: 100%!important;
    left: 0;
    top: 49px;
}

}

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

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



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

}
footer a:hover{
	color:#FFF;
	text-decoration: none;
	border-bottom:1px solid #fff;
}

.footerbox-1 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

footer .social_icons {
    display: grid;
    flex-wrap: wrap;
    gap: 0.2rem;
    grid-template-columns: repeat(4, 1fr);

}

footer .social_icons  a { 
    border: none;
    background-color: white;
    margin-right: 1px;
}
footer .social_icons a i { 
color:black;
}
.top-footer{
	/* padding:10px 0; */
}

.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-top: 2rem;
	padding-bottom: 2rem;

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

.footerlinks {
	border-top: 1px solid #F5F5F5;
}

.footerpayment {
	width: 50px;
}

.footer-links-container {
    display: flex;
    align-items: center;
}

.footerlinks .w-col.w-col-6.w-col-medium-6.w-col-small-12.payment {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: flex-start;
}

.footerlinks .w-col.w-col-6.w-col-medium-6.w-col-small-12.copyright {
	display: flex;
    align-items: center;
    justify-content: flex-end;
}

.payment div.w-clearfix {
	width: max-content;
}

.social-icons{
	text-align: right;
}

i.fa.fa-instagram {
color:#E1306C;
}
i.fa.fa-facebook {
color:#1877F2;
}
i.fa.fa-twitter {
color:#000000;
}
i.fa.fa-linkedin {
color:#0A66C2;
}
i.fa.fa-pinterest {
color:#E60023;
}
i.fa.fa-youtube {
color:#FF0000;
}

.login-password-label {
    width: max-content;
}

#myaccount .boxcontent p {
width:max-content;
}

.login-pass {
    display: grid;
    grid-template-columns: auto 1fr;
    height: max-content;
    gap:1rem;
}

p.login-email-label, .login-password-label {
    min-width: 65px;
}
input#password, .login-email-input input {
    width: 350px;
}
.login-email {
    display: flex;
    gap: 1rem;
}

.login-password-input > div {
    position: relative;
    width: max-content;
}
span#password-toggle {
    position: absolute;
    right: 10px;
    top: -10px;
    background-color: transparent;
    color: #000000;
    margin: 0;
    cursor: pointer;
}
.footerpayment {
    display: inline-block;
    max-width: 50px;
    margin: 0 2px 0.5em;
    padding: 0;
    opacity: 0.85;
}

.footer-widget h3 {
	font-size: 16px;
	font-weight: 700;
}

.w-row.footer-box-widgets::before {
	content: unset;
	display: none;
}

/* Base styles for footer grid */
.footer-box-widgets {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: start;
    gap: 2rem;

}

/* Footer box styling (optional) */
.footer-box-widgets .footerbox {
    background-color: transparent;
    padding: 15px;
    box-sizing: border-box;
    padding-top: 0;
    padding-bottom: 0;
}

/* Tablet: 2 columns */
@media (max-width: 1024px) {
    .footer-box-widgets {
        grid-template-columns: repeat(2, 1fr);
    }

	.footer-links-container {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.footerlinks .payment {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
}
.footerlinks .copyright {
    display: flex;
    align-items: center;
    justify-content: center;
}
}

/* Mobile: 1 column */
@media (max-width: 600px) {
    .footer-box-widgets {
        grid-template-columns: 1fr;
    }
	.footer-widget, .social_icons {
		text-align: center;
	}
}

.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{
	padding: 6px 13px;
	background-color: transparent;
	margin: 0;
	border-right: 1px solid rgba(0,0,0,0.1);
}
a.social i{
	font-size: 0.9rem;
	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#colophon {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

section{
	padding:1rem 0;
}



/* General */

.heading-container{
	background-size:100% 100%;
	margin-bottom: 2em;
}
.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;
}

.heading-container h1, .heading-container h2, .heading-container h3, .heading-container h4{
	margin: 0;
	display: inline-block;
	padding: 0.75rem 20px;
	font-size: 1.5rem;
	font-weight:normal;
}

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



.whitesection .content-container{
	/* background-color:#F7F7F7; */
}

@media screen and (max-width: 1200px) {
	.heading-container .header-icon{
	font-size: 1.2rem;
	padding: 10px;
	}
}
@media screen and (max-width: 768px) {
	.heading-container h1, .heading-container h2, .heading-container h3, .heading-container h4{
		font-size: 1.2rem;
	}
	.heading-container .header-icon{
	font-size: 1rem;
	padding: 10px;
	}
}

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

.slide .w-row{
	    margin: 0px -10px;
    height: 100%;
    display: flex;
    align-items: center;
}

.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: 4em 6em;
    display: flex;
    flex-direction: column;
    width: 700px;

}
.slide.slick-slide {
    background-color: #000;

}       
.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;
	width:max-width;
}

.slide_content h2 {
    font-size: 60px;
    line-height: 3.5rem;
    font-weight: 500;
}
h3.smalltitle {
font-size:25px;
width:max-content;
}
.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: 20px!important;
}
.message{
	border-left: none;
	font-size: 1rem;
	margin-bottom: 1rem;
	background-color: transparent;
	padding: 0;
	color: #fff;
	line-height: 1.5rem;
}
.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;
    width: max-content;
}
.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: max-content;
    width: 60px;
}
.slider-section button.slick-next.slick-arrow{
	right:0px;
	border-radius: 0;
	height: max-content;
	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{
		font-size: 2rem;
	}
	.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;
}
a.account_link {
	font-size: 2rem;
}
.home .slider-section {
    margin-bottom: 0rem;
}
	.message {
    display: inline-block;
    padding:  0.25rem!important;
    font-size: 0.8rem;
    line-height:  1.3rem;
    margin: 0;
}		
.account_link span {
	display: none;
}
.message span {
 display: none;
}

	.badge { top: 0; right: 0; width: 100%; }
	.slide{
		height:fit-content;
		padding:0rem 0;
	}
	.slide_content h2, .slide_content h1, .message{
		text-align: center;	
	}
	.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-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;       
     }

.slide_image { 
width:50%;
}
.featured-image {
width: 100%;
}
}

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


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

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

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

/* Single Column*/

section.singl-col{
	min-height: 225px;
}

.banner{
	background-color: transparent;
}

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

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

.catalogue-banner{
	padding: 6rem 0;
	background-position:center;
	background-size: cover;
}
.category-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
}
.background-product {
    display: flex;
    justify-content: center;
}
.background-overlay-review {
    position: absolute;
    bottom: 10px;
    left: 10px;
    height: max-content;
    width: max-content;
    background-color: white;
    padding: 1rem;
    border-radius: 10px 10px 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

.w-container.reviewscontainer {
    margin-left: 0!important;
    margin-right: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
    display: flex;
    background-color: #F5F5F5;
    max-width: unset;
    justify-content: center;
}
.w-container.reviewscontainer > div.ti-widget  {
max-width:1400px;
}

.background-overlay-review p {
margin:0;
}
.background-overlay-review img.star-rating {
    width: 160px;
}
.background-product-image {
position:relative;
}
.background-product img {
border-radius:10px;
}
.background-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
    padding: 4rem;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    height: 100%;

}

.background-social-media a.social.globe i, .background-social-media a.social.mail i {
color:black;
}


.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;
	}          
	.responsiveTabs {
    display: block;
    margin-top: 0rem;  
    margin-bottom: 1rem;
}

}

/* 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;
	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 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-direction: column;

}


.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;
	color:black;
	vertical-align: middle;
	font-weight: normal;
	line-height: 1.1rem;
}
.funnel p{
    margin-top: 0;
    line-height: 1.5rem;
    margin: 0;
    color: black;
    text-align: center;

}

.banner.no-background {
  background-color: #fff;
  color: #000;
}

.banner.no-background h1,
.banner.no-background h2,
.banner.no-background h3,
.banner.no-background p,
.banner.no-background a {
  color: #000 !important;
}
.funnel a{
	text-decoration: none;
	color:#FFF;
}

.funnel-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 columns on desktop */
  gap: 1.5rem; /* spacing between items */
}

.w-row.funnel-row::before {
	content: unset;
	display: none;
}

/* Sticky Summary */

.summary_column {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 7px;
    background: #ff7200;
    z-index: 999;
    padding-left: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;

}



.sidebar.order_summary {
    border-radius:0
}

.summary {
    color: #FFF;
    height: 45px;
}

.summary_column .summary {
    display: grid;
    height: auto;
    gap: 1rem;
    grid-template-columns: auto auto;
    justify-content: center;
}

.p-matrix-options h2 {
	font-size:20px;
}

.p-matrix-attributes label select, .p-matrix-attributes.prod_attrib select {
	width:100%;
}

.img-attr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}



.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #00c5ad;
    text-shadow: none;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.summary_column .summary .delivery-container {
    margin-right: 30px;
    display: none;
}

.summary_column .summary .delivery-container .countdown-delivery-label {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding-bottom: 10px;
}

.summary_column .summary .delivery-container .countdown-delivery-label, .summary_column .summary .delivery-container .p-schedule-date {
    display: block;
    width: 100%;
    line-height: 1;
}

.summary_column .summary .delivery-container .p-schedule-date {
    font-size: 0.9rem;
}

.summary_column .summary .delivery-container .countdown-delivery-label, .summary_column .summary .delivery-container .p-schedule-date {
    display: block;
    width: 100%;
    line-height: 1;
}

.order_summary_top {
    width: 51%;
    text-align: right;
    display: inline-block;
}

.summary_column .order_summary_top {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 1rem;
}

.summary_column .order_summary_top {
    width: max-content;
}

.w-clearfix.summary_row {
    padding: 0.5rem 0;
    text-align: left;
}

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

.summary_column .order_summary_top .summary_row {
    padding-top: 0;
    padding-bottom: 0;
	width: max-content;
}

.summary_attribute, .summary_attribute_title {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    font-size: 0.9rem;
}

.summary_attribute_title {
    font-weight: bold;
}

.summary_column .summary_row .summary_attribute, .summary_column .summary_row .summary_attribute_title {
    display: block;
    width: 100%;
    line-height: 1;
}



.summary_column .summary_row .summary_attribute_title {
    padding-bottom: 5px;
}

.summary_attribute, .summary_attribute_title {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    font-size: 0.9rem;
}

img.small_logo {
	max-width: 200px;
}

picture.small_logo {
	max-width: 200px;
}

.summary_attribute, .tabs_column .summary_attribute_title {
    font-size: 0.9rem;
}

.summary_column .summary_row .summary_attribute, .summary_column .summary_row .summary_attribute_title {
    display: block;
    width: 100%;
    line-height: 1;
}

.summary_column .summary_row .summary_attribute, .summary_column .summary_row .summary_attribute_title {
    display: block;
    width: 100%;
    line-height: 1;
}

.summary_column .summary_row .summary_attribute span {
    display: inline-block;
    font-size: 0.9rem;
    color: white;
    font-weight: unset;
}

.order_summary_bottom {
    text-align: right;
}

.summary_column .order_summary_bottom {
    display: flex !important;
    justify-content: space-evenly;
    width: 380px;
    padding-top: 0;
}

.formloggedincentre {
	display: flex;
    justify-content: center;
}

article#quote h1 {
text-align:center;
}

article#quote .p-quoteform .w-row {
display:grid;
grid-template-columns:1fr 1fr;
}

article#quote .p-quoteform .w-row:before {
content:unset;
display:none;
}

article#quote > .w-container {
    display: grid;
    justify-items: center;
    gap: 2rem;

}

article#quote .w-form {
    display: grid;
    justify-content: center;
}

article#quote form.quote_form.secureForm {
    display: inline-flex;
}

.quote-form-top.white_bg.noBottom {
    border: 1px solid rgba(0,0,0,.125);
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    width: 500px;

}

.quote-form-top-container {
    display: flex;
    justify-content: center;
}

article#quote .block-header {
    display: flex;
    align-items: center;
    gap: 1rem;
}

article#quote .quote-form-top-container input.quote_field {
width:100%;
}

article#quote .p-quoteform .form-text {
width:100%;
}


.formloggedincentre .quote-form-bottom.white_bg {
    border: 1px solid rgba(0,0,0,.125);
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	max-width:500px;
}

.quoterequest {
    border: 1px solid rgba(0,0,0,.125);
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    max-width: 680px;
}

.summary_container a#lightboxTest, #content a.cta.central_cta.p-matrix-proceed, .order_summary_bottom a.readmore, #content a.cta.central_cta.quote_cta.email_cta {
    display: block;
}

.page-template-ops-products #content a.cta.central_cta.quote_cta.email_cta {
    width: 47%;
}

.page-template-ops-products #content .summary_column .order_summary_bottom .cta.central_cta.quote_cta.email_cta, .page-template-ops-products #content .summary_column .order_summary_bottom .cta.central_cta.quote_cta.last_cta.p-matrix-proceed {
    max-width: 180px;
    padding: 8px 20px;
    font-size: 15px;
}

.page-template-ops-products #content .summary_column .order_summary_bottom .cta.central_cta.quote_cta.email_cta {
    font-weight: bold;
    color: #ffffff;
    background: #333333;
    display: flex;
    align-items: center;
    line-height: 1.2rem;
    justify-content: center;
}

a.quote_cta i {
    font-size: 1.3rem;
    margin-right: 0.5rem;
}

.page-template-ops-products #content .summary_column .order_summary_bottom .cta.central_cta.quote_cta.email_cta i, .page-template-ops-products #content .summary_column .order_summary_bottom .cta.central_cta.quote_cta.last_cta.p-matrix-proceed i {
    font-size: 1rem;
}

.summary_container a#lightboxTest, #content a.cta.central_cta.p-matrix-proceed, .order_summary_bottom a.readmore, #content a.cta.central_cta.quote_cta.email_cta {
    display: block;
}

.page-template-ops-products #content .summary_column .order_summary_bottom .cta.central_cta.quote_cta.email_cta, .page-template-ops-products #content .summary_column .order_summary_bottom .cta.central_cta.quote_cta.last_cta.p-matrix-proceed {
    max-width: 180px;
    padding: 8px 20px;
    font-size: 15px;
	border-radius: 5px 5px 5px 5px;
}

.page-template-ops-products #content .summary_column .order_summary_bottom .cta.central_cta.quote_cta.last_cta.p-matrix-proceed {
    font-weight: bold;
    color: #ffffff;
    background: #333333;
    display: flex;
    align-items: center;
    line-height: 1.2rem;
    justify-content: center;
	border-radius: 5px 5px 5px 5px;
}

.summary .cta {
    background-color: transparent;
    margin-top: 0;
    text-align: left;
    padding: 8px 30px;
}

.order_summary_bottom a.cta::after {
	display:none;
}

#catalogue .summary_column .w-container {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

.summary_column .order_summary_bottom {
	padding:0;
	margin:0;
}

/* End Summary Column */

/* Tablet (e.g., ≤ 1024px) */
@media (max-width: 1024px) {
  .funnel-row {
    grid-template-columns: 1fr 1fr;
	gap: 0.5rem;
  }
}

/* Mobile (e.g., ≤ 640px) */
@media (max-width: 640px) {
  .funnel-row {
    grid-template-columns: 1fr;
  }
}

@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;
}
.whitesection .single_solution{
	background-color: #f7f7f7;
}
.single_solution{
	background-color: #FFF;
    overflow: hidden;
    margin-bottom:1rem;
}
.single_sol_img{
	width: 100%;
	max-width: none;
}


a.single_sol_content{

	padding: 20px;
	display: block;
	min-height: 200px;
	text-decoration: none;
	transition: 0.2s ease-in-out;
	background-position: center;
	background-size: 100%;
}
.graphiclinks .single_sol_content {
    padding: 2rem;
    color: black;
}

.graphiclinks a.cta {
margin-top:0rem;
margin-bottom:1rem;
}

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

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

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

.single_solution p{
	margin-bottom: 0.5rem;
	color:#FFF;
	line-height:1.2;
	/*text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);*/
}

a.readmore i{
	margin-left: 10px;
}
@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%;
}

.product_image_container {
  position: relative;
  display: inline-block;
}

.product_image {
  display: block;
  width: 100%;
  height: auto;
}

/* Put image2 on top, but hidden */
.product_image.image2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease; /* smooth fade */
}

/* Show image2 on hover */
.product:hover .product_image.image2 {
  opacity: 1;
  z-index: 1;
}


.whitesection .product_container{
	background-color: #FFF;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.greysection .product_container{
	background-color: #F7F7F7;
}

.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;
	width:100%;
}

#content .product_detail_container a.readmore {
	display: block;
	width: max-content;
	margin-top: 1rem;
}
h4.product_title{
	width:100%;
	color: #333;
	margin:0 0 10px;
	padding: 0 0 10px 0;
	font-size: 1.2rem;
	font-weight:normal;
	}
.product_subtitle{
    color: white;
    width: 50px;
    height: 40px;
    line-height: normal;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    font-weight: 700;
    color: black;
}

.cta-container {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin-top: 2rem;
}

#content .cta-container p.readmore {
	margin-top: 0;
	width: 170px;
}
.listing-price{
	font-size:0.9rem;
}
.product_image{
	display: block;
}

.product_desc ul {
	padding-left: 1rem;
}

.product_detail_container{
	padding: 30px 30px;
    text-align: left;
    transition: 0.7s;
    display: flex;
    flex-direction: column;
}
.product_container{
	transition:0.7s ease;
	margin-bottom: 1rem;
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
}

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


.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: 'Font Awesome 5 Pro';
	content:"\f10c"
}
.examples .slick-dots li.slick-active button:before{
	font-family: 'Font Awesome 5 Pro';
	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 */



.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;
	}
}
/* Testimonial */


.testimonials .slick .slick-prev:before{
	font-family: 'Font Awesome 5 Pro';
	font-size:3rem;
	content:'\f104';
}

.testimonials .slick .slick-next:before{
	font-family: 'Font Awesome 5 Pro';
	font-size:3rem;
	content:'\f105';
}

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

.testimonials .centered{
	max-width: 700px;
}

.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: 'Font Awesome 5 Pro';
	content:'\f0d7 ';
	margin-right: 5px;
}
.filter-less:before{
	font-family: 'Font Awesome 5 Pro';
	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;
}

article.faq-question {
    margin: 0rem 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;
	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:auto;
	display: inline-block;
	vertical-align:top;
}
.blog .entry-content{
	padding: 20px;
	width:auto;
	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;
}
	section.blog div > h2, .blog div > h3 {
	text-align: center;
	margin-bottom: 2rem;
	font-weight: normal;
}
.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: 0em 0 0.5em 0 !important;
}

.r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
    background-color: transparent;
    width: 100%;
    border: solid white 1px;
}
.tab-section {
  margin-bottom: 2rem;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 1.5rem;
}

.p-thumbs {
    text-align: right;
    font-size: 0.9rem;
    margin:0;
}
div.p-matrix-attributes.tot-mat > span:nth-child(6) {
	color:inherit;
}
.tot-ex-vat {
	color:#ff7200;
}
span.CurrencySymbol.vatsymbol {
    color: inherit;
}
.r-tabs-tab {
  margin-bottom: 0.5rem;
}

.r-tabs-anchor {
  display: inline-block;
  font-weight: 600;
  font-size: 1.1rem;
  text-decoration: none;
  color: #222;
}

.r-tabs-anchor:hover {
  text-decoration: underline;
}

.r-tabs-panel {
  display: block;
  margin-top: 0rem;
}

.usp-flex {
    display: grid;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: auto auto auto auto;

}

a.cat-usp, a.cat-usp:hover {

}

a.cat-usp {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: start;
    gap: 1rem;
}

.usp-container {
    position: relative;
    width: max-content;
}

@media screen and (max-width: 1024px) {
.topbarsocial { display:none; }
.topbaraccountlink { text-align: center; }
.site-title img {max-width: 200px;}
#masthead i.fa-bars {
    font-size: 2rem;
}
.search_block {
    margin-top: 0;
}
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;
}

}
.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;
    width: 100%;
    transition:0.15s;
}

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

.sidebar.order_summary {
    margin: 0;
    padding: 0;
    display: grid;
    justify-content: center;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(100px, max-content));
    justify-items: center;
}

.summary_container {
    margin-top: 0;
}

.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;
    background-color: white;
    margin-top: 0;
	padding-top: 0;
    
}
.r-tabs-anchor:after {
  content: '\f078'; /* Font Awesome chevron-down */
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  top: 25%;
  right: 1rem;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}

.r-tabs-tab.r-tabs-state-active .r-tabs-anchor:after {
  transform: rotate(180deg);
}
#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%;
}
.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;
}

#google-reviews {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

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

#p-matrix-options-container, #p-matrix-container, .p-matrix-container-title {
    margin: 0 0px 20px;
}
.p-schedule-wrapper div {
    float: left;
    margin: 0;
    text-align: center;
    padding: 0px;
	text-transform: none;
}

.p-schedule-wrapper {
    padding: 0px;
}

p.countdown-header {
    font-size: 1.1rem;
    padding: 0em 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    text-transform: none;
}

.wrapper-container {
    line-height: 0;
    display: grid;
    flex-direction: row;
    gap: 0.3rem;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
}



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

#cutOffCountdown .countdown-amount {
    font-size: 14px;
    padding: 3px 3px;
}

.countdown {
    padding: 5px;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

#cutOffCountdown .countdown-period {
    padding-top: 6px;
}



.p-matrix-express .p-matrix-attribute {
    width: 100%;
    cursor: pointer;
    border-radius: 0 0px 0 0;
    background-color: #333333;
	color: white;
}

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    background-color: white;
}

.p-matrix-express .p-matrix-attribute.selected {
    background-color: #ff7200;
    color: #FFF;
}
.p-matrix-express .p-matrix-attribute label {
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    border-radius: 0 0px 0 0;
}

#content p.readmore {
    display: inline-block;
	border-radius: 5px 5px 5px 5px;
	background-color: #333333;
	color: white;
	font-weight: 700;
	    padding: 10px 20px;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 1rem;
    transition: 0.2s;
    line-height: 1.7;
    width: 170px;
}
/* Hide the native radio */
input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    margin-right: 0.5rem;
}

/* Create a small dot inside when checked */
input[type="radio"]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;           /* 👈 smaller inner size (try 6–9px) */
  height: 8px;
  background: #333333;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s ease-in-out;
}

/* Show the inner dot when checked */
input[type="radio"]:checked::after {
  transform: translate(-50%, -50%) scale(1);
}

/* Outer border color change on check */
input[type="radio"]:checked {
    border-color: white;
    box-shadow: 0 0 0 2px white;
    margin-right: 0.5rem;
}

/* Hover/focus */
input[type="radio"]:hover {
  border-color: unset;
}

input[type="radio"]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}

.checkout-action a {
	    color: white !important;
    font-weight: 500;
}

#content a.cta:hover {
    transform: scale(1.015);
    transition:0.15s;
    background-color: #54595f;

}

.p-matrix-attributegroup {
    font-size: 16px;
}

.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;
}
.blog-row {
	height: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 3 columns desktop */
	gap: 1.5rem; /* spacing between cards */
}
.blog-row div {
	padding: 0;
}



.product_container p.readmore i {
	transition: 0.20s;
}

.product_container:hover p.readmore i {
	transition: 0.20s;
	margin-left: 10px;
}

.blog-row::before {
	content: unset;
	display: none;
}


.blog-header {
	     background-color: white;
    color: black;
    padding: 30px 30px;
    margin-bottom: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    font-weight: normal;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
}

.ajaxResults-container {
	top: 50px;
}

#content .blog-header .readmore {
	width: 200px;
}

.blog-row div {
	height: 350px;
    display: flex;
    flex-direction: column-reverse;
	transform: scale(1);
	transition: 0.30s;
}

.blog-row a:hover div {
	transform: scale(1.015);
	transition: 0.15s;
}

.featured_clients_slider {
	padding: 2rem 0;
}

.slide.featured_client_slide.slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
	height: 150px;
	background-color: transparent;
}

.featured_clients_slider .featured_client_slide img {
	width: 150px;
}



#new-tag {
	background-color: #ff7200;
    position: absolute;
    top: 20px;
    left: 0;
    width: 60px;
    height: 40px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	font-weight:700;
	color: white;
	border-radius:0 20px 20px 0;
}

.featured_slider_h2 {
	text-align: center;
}

.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;
}
.matrix-overlay i {
display:none;
}
.formWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
a#emailAddressLightbox::after {
    content: "\f0e0";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    display: inline-block;
    margin-left: 10px;
    transition: margin-left 0.2s ease;
}
.p-schedule-wrapper {
    display: flex;
    gap: 1rem;
}
/* Default desktop behavior */
.img-w-txt-row {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* If alignment = right (image first, text second) */
.img-w-txt-row.align-right {
    flex-direction: row-reverse;
}

/* If alignment = left (text first, image second) */
.img-w-txt-row.align-left {
    flex-direction: row;
}

/* MOBILE OVERRIDE (always text → image) */
@media (max-width: 780px) {
    .img-w-txt-row {
        flex-direction: column !important; /* forces text above image */
        align-items: center !important;
        text-align: center; /* optional */
    }

    .img-w-txt-side-content,
    .sideimage {
        width: 100%;
    }
}
@media screen and (max-width: 1350px) { 
.p-matrix-attributes.prod_attrib.inlineScheduleContainer {
    width: 100%;
}
}

@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;
}
#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;
    font-size:14px;
}
}
a.single_sol_content { background-color: #333; }

.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;    */
}

.desktopslidebg {
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.slide { position: relative; }   
.slider-section .slick-prev:before{
	font-family: 'Font Awesome 5 Pro';
	content:'\f104';
}
.slider-section .slick-next:before{
	font-family: 'Font Awesome 5 Pro';
	content:'\f105';
}
.slidertext {
	display: flex;
    justify-content: flex-end;
}
.slider-section .slick-prev:before, .slider-section .slick-next:before{
	font-size: 1.4rem;
} 
h3.smalltitle {
    color: white;
}
.r-tabs-state-active a.r-tabs-anchor {
    color: #fff;
}           
a.cta {
    font-size: 1rem;
	display: inline-block;
    background-color: #333333;
    color: white;
    font-weight: 700;
    padding: 10px 20px;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 1rem;
    transition: 0.2s;
    line-height: 1.7;
    margin-top: 2rem;
    width: 190px;
}
/* Add the Font Awesome arrow icon after the text */
a.cta::after {
    content: "\f061"; /* Unicode for fa-arrow-right */
    font-family: "Font Awesome 6 Free"; /* Ensure FA 6 Free is loaded */
    font-weight: 900; /* Required for 'solid' style icons */
    display: inline-block; 
    margin-left: 10px;
    transition: margin-left 0.2s ease;
}

#content p.readmore:not(.product_detail_container p.readmore)::after
{
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: inline-block;
    margin-left: 10px;
    transition: margin-left 0.2s 
ease;
}

#content  p.readmore:not(.product_detail_container p.readmore):hover::after {
    margin-left: 20px;
}

/* On hover, move the arrow slightly to the right */
a.cta:hover::after {
    margin-left: 20px;
}      
.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: 100%;
    object-fit: cover;
    width: 100%;
}

.image-nav .slick-track {
	display: flex;
    gap: 1rem;
}

.image-nav .slick-track::before {
	display:none;
	content:unset;
}

.slick-slide img {
    margin: 0;
    width: 500px;
}
picture.slide_image {
    width: 500px;
}


.product-slider.slick-initialized {
    display: block;
    margin-bottom: 0.5rem;
}

.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;
}

#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;
    font-size: 36px;
}
#catalogue h1, #designs h1 {
	color:black;
}
#catalogue .w-container {
    padding-bottom: 10px;
    padding-top: 10px;
}              
#catalogue .w-container:first-child .w-col {
    padding: 0px 10px;
}         
@media screen and (max-width: 1024px) {
.topbaraccountlink {
    text-align: right;
    width: 100%;
}            
.header-contact {
    margin: 21px 0 0 0;
    text-align: right;
} }
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 #333333;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    display: inline-block;
    background: #333333;
}
 #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 #ff7200;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    display: inline-block;
    background: #ff7200;
}
@media screen and (max-width: 480px) {
#content .profile-option a.cta {
    display: block;
    margin: 5px 10px;
    max-width: 200px;
    font-size: 1rem;
    padding: 5px;
}     
 .top-header {
	display: none;
 }        
.topbaraccountlink {
    text-align: center;
    width: 100%;
    padding: 0;
}
a.account_link {
    height: auto;
    width: auto;
    line-height: normal;
    padding: 10px 7px;
    font-size: 2rem;
    overflow: initial;
    text-decoration: none;
}}  


button.search_button {
    position: absolute;
top: 25px;
right: 10px;
	border: none;
}
#content a.readmore {
    display: inline-block;
	border-radius: 5px 5px 5px 5px;
	background-color: #333333;
	color: white;
	font-weight: 700;
	transition: 0.2s;
	width: 250px;
	border:none;
}

#content a.readmore i {
transition: 0.2s;
}
#content a.readmore:hover i {
transition: 0.2s;
margin-left:20px;
}
.searchform {
    background-color: transparent;
    line-height: 2.5rem;
    padding: 0;
    border: 0;
    width: 100%;
    display: inline-block;
	    height: 2.5rem;
}
#desktopsearch-icon{
	opacity: 0;
	position: absolute;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color:transparent;
}

#desktopsearch-icon.fas.fa-sync.fa-spin {
	opacity: 1;
	position: absolute;
	z-index: 99999999;
	top: 2rem;
	right: 3rem;
}

ul#desktopsearch-ajaxResults li:last-child a {
    color: #000;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.cat-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 10px;
    margin-top: 20px;
}

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

.listing-product-image img {
width:100%;
}

#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;
}



.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%;
}

#catalogue .breadcrumb-container {
	padding-bottom: 0px;
}

.products_menu {
    min-height: 480px;
}

section.sample_pack .w-container {
	max-width: unset;
	margin-left:0;
	margin-right:0;
	padding-left: 0;
	padding-right: 0;
}

.sample-content {
    padding:10%;
}

.sample_pack, .sample-pack {
	margin: 0;
	padding: 0;
}

.sample-pack-row {
	display: flex;
    flex-wrap: wrap;
}

.sample-pack-row div.img-small, .sample-text {
	height:auto;
}

.sample-pack h2 {
	margin-top: 0;
}

.sample-text {
	display: flex;
    align-items: center;
    justify-content: center;
	padding: 0;
}

.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;
}

a.solution {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
height: auto;
position: unset;
}

.solution h3 {
	position: unset;
	bottom: 0;
}

.solution:hover h3 {
	transform: unset;
}


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

.p-matrix-attribute .image-radio {
	padding:0px;	
	padding: 0.5rem;
}
.attr-I-container .p-matrix-attributes span {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

.p-matrix-attributes.prod_attrib > span {
display:grid;
    grid-template-columns: repeat(4, 1fr);
}
#wa .wa__btn_popup {
	bottom:90px;	
}

div.inlineScheduleContainer > span.p-matrix-express {
    display: flex;
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
    width: 100%;
}

article.post {
    background-color: white;
}
.entry-content {
padding: 20px;
padding-left:0px;
padding-top:0;
padding-bottom:0;
}
input#quantity-dd {
	width: 100%;
}
aside#secondary.widget-area {
    padding: 20px;
    background-color: white;
}

.catalogue-items {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:1rem;
}
@media screen and (max-width: 768px) {
	#masthead{
		position: fixed;
		z-index: 99999;
	}
	#main-header{
		padding:0.5rem 0;
	}
	.header-whats-new {
		display: none;
	}
	.headersearchblock { display: none; }

	#filters {
    display: none;
    padding-top: 1rem;
	}
	.sample-pack-row div.img-small {
		height: 350px;
	}
	.footerlinks .copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	}
	.footerlinks .payment {
    display: flex;
    align-items: center;
    /* gap: 1rem; */
    justify-content: center;
    flex-direction: column;
	}
	.slide .w-row {
    margin: 0px -10px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.slide_content {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
}

/* Tablet (2 columns) */
@media (max-width: 1024px) {
  .blog-row {
    grid-template-columns: repeat(2, 1fr);
  }
  	.img-attr {
    grid-template-columns: repeat(4, 1fr);
}
.p-matrix-attributes {
    width: 100%;
}
  .headersearchblock{
		display:none;
	}
  .cat-grid {
    grid-template-columns: 1fr 1fr 1fr;
}
.catalogue-items {
	grid-template-columns: 1fr 1fr 1fr;
}
.usp-flex {
    display: grid;
    justify-content: space-between;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.usp-container {
    position: relative;
    width: unset;
}
}

.slider-section .slick.slider {
    height: 490px;
    overflow: hidden;
}


/* Mobile (1 column) */
@media (max-width: 640px) {
  .blog-row {
    grid-template-columns: 1fr;
  }
}

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

	#masthead i.fa-close {
		display:block;
	}
	.format-container > .p-matrix-attributes {
	width:100%;
	}

	.main-header-row {
        grid-template-columns: auto 1fr 50px;
}
  .cat-grid {
    grid-template-columns: 1fr 1fr;
}
.catalogue-items {
	grid-template-columns: 1fr 1fr;
}
}

@media screen and (max-width: 768px) {
	.top-footer, .social-icons{
		text-align: center;
	}
	.top-footer a{
		margin-right: 10px;
	}
	a.social{
		border:none;
	}
	.social-icons{
		display: flex;
		justify-content: space-between;
	}
	ul#menu-footer-menu{
		columns: 1;
	}
	.usp-flex {
	grid-template-columns: 1fr;
	}
	.quote-form-top.white_bg.noBottom {
    width: auto;
}
.quoterequest {
padding:0;
}
	.sideimage picture {
    display: flex;
    justify-content: center;
}
	.slider-section .slick.slider {
    height: 600px;
    overflow: hidden;
}
.r-tabs .r-tabs-nav {
    display: unset;
}
.sidebar.order_summary {
    display: none;
}
.summary_column {
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
}
.summary_column .summary {
    display: grid;
    height: auto;
    gap: 1rem;
    grid-template-columns: auto;
    justify-content: center;
    justify-items: center;
}
.page-template-ops-products #content .summary_column .order_summary_bottom .cta.central_cta.quote_cta.email_cta, .page-template-ops-products #content .summary_column .order_summary_bottom .cta.central_cta.quote_cta.last_cta.p-matrix-proceed {
	width: max-content;
}
.summary_column .order_summary_top {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 1rem;
}
  .cat-grid {
    grid-template-columns: 1fr;
}
.login-password-input > div {
    width: 100%;
}
#myaccount p.login-email-input {
    width: 100%;
}
input#password, .login-email-input input {
    width: 100%;
}
}
@media screen and (max-width: 480px) {
	.account_link.cart_link{
		margin: 0;
	}     
	.mob-hide { display: none !important;	
	}
	.catalogue-items {
	grid-template-columns: 1fr;
}

.img-attr {
    grid-template-columns: repeat(2, 1fr);
}
.p-matrix-attributes.prod_attrib > span {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.countdown-show4 .countdown-section {
    width: 100%;
}
.site-title img {
    max-width: 50px;
}
.p-matrix-express {
    display: flex;
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
    width: 100%;
    flex-direction: row;

}
#cutOffCountdown .countdown-row {
    display: flex;
    width: 100%;
    margin-bottom: 0px;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    flex-direction: column;
    gap:0.5rem;
}
.wrapper-container {
    grid-template-columns: 1fr;
}
}

@media screen and (max-width: 360px) {
	.summary_column .order_summary_bottom {
    display: flex !important;
    justify-content: space-evenly;
    padding-top: 0;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}
.page-template-ops-products #content .summary_column .order_summary_bottom .cta.central_cta.quote_cta.email_cta {
	width: 100%;
}    
}