@charset "utf-8";
/*
Theme Name: Hot Foil UK
Version: 2.0
Author: Webfold Alex
*/

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}h1,h2,h3,h4,h5,h6{font-size:100%;}table{border-collapse:collapse;border-spacing:0; }strong,b,mark{font-weight:bold;font-style:inherit;}em,i,cite,q,address,dfn,var{font-style:italic;font-weight:inherit;}abbr[title],dfn[title]{cursor:help; border-bottom:1px dotted;}ins {border-bottom:1px solid;}a,u,ins{text-decoration:none;}del,s{text-decoration:line-through;}pre,code,samp,kbd{font-family:monospace;}small{font-size:0.75em;}img{border:none;font-style:italic;}input,select,textarea{font:inherit;}ul,ol{list-style:none;}

/* GENERAL */
body { background:#333; font:14px 'Open Sans', Arial, Helvetica, sans-serif; color:#757575; line-height:1.5; -webkit-font-smoothing:antialiased; }
h1, h2, h3, h4, h5, h6 { font-weight:400; margin:0 0 20px 0; color:#454545; }
h3, h4, h5, h6, strong { font-weight:600; color:#454545; }
h1 { font-size:32px; }
h2 { font-size:28px; }
h3 { font-size:18px; }
h4, h5, h6 { font-size:16px; }
p { margin:0 0 20px 0; }
ul { margin:0; }
ul li { margin:0; list-style:none; }
a { color:#454545; }
a:hover { color:#454545; text-decoration:underline; }
.inner { max-width: 960px; width: 100%; margin:0 auto; position:relative; }

article ul { margin:0 0 20px 40px; }
article ul li { margin:5px 0 0 0; list-style:disc; }

header.main { padding:30px 0; }

.branding { float:left; max-width:530px; width: 100%; }
.branding h2,
.branding p { margin:0; }
.branding h2 { float:left; }
.branding h2 a { color:white; width:276px; height:40px; display:block; text-indent:-99999px; background:url(img/logo.png); }
.branding p.description { float:right; border-left:2px solid #444; padding:0 0 0 20px; margin:9px 0 0 0; color:white; font-size:14px; }

.strapline { clear:both; padding:15px 0 0 0; }
.strapline p { margin:0; color:white; font-size:18px; border-top:2px solid #444; padding:10px 0 0 0; text-align:center; font-style:italic; letter-spacing:1px; text-shadow:1px 1px 1px rgba(0,0,0,.2); }

.contact-info { float:right; text-align:right; font-size:16px; font-weight:400; margin-top:15px; }
.contact-info a { color:white; padding:0 30px 0 0; display:block; }
.contact-info a:hover { color:white; }
.contact-info a.tel { background:url(img/icon-tel.png) no-repeat top right; margin-bottom:10px; }
.contact-info a.mail { background:url(img/icon-mail.png) no-repeat top right; margin-bottom: 10px; }
.contact-info a.basket { background:url(img/basket-icon.png) no-repeat top right; background-size: 24px; }

nav.main { background:#fafafa; font-size:14px; position:relative; z-index:99; }
.page-id-258 nav.main { border-bottom:1px solid #ebebeb; }
nav.main li { float:left; width:137px; border-bottom:5px solid #ebebeb; position:relative; }
nav.main li:nth-child(1) { border-bottom:5px solid #d9ad6e; }
nav.main li:nth-child(2) { border-bottom:5px solid #c75f2b; }
nav.main li:nth-child(3) { border-bottom:5px solid #afafa8; }
nav.main li:nth-child(4) { border-bottom:5px solid #ae7c30; }
nav.main li:nth-child(5) { border-bottom:5px solid #757d81; }
nav.main li:nth-child(6) { border-bottom:5px solid #cc5d25; }
nav.main li:nth-child(7) { border-bottom:5px solid #c2c1bd; }
nav.main li a { display:block; padding:20px 0; background:#f5f5f5; border-left:1px solid #e1e1e1; text-align:center; }
nav.main li:last-child a { border-right:1px solid #e1e1e1; }
nav.main li:hover > a { background:#ebebeb; text-decoration:none; }
nav.main li.current-menu-item > a,
nav.main li.current-menu-parent > a { background:#fff; }
a.drop { position:relative; }
a.drop span { background:url(img/drop.png); width:9px; height:5px; position:absolute; left:50%; top:80%; margin-left:-4px; }

nav.main li ul { position:absolute; left:-99999px; border:1px solid #ebebeb; border-top:none; }

nav.main li:hover ul { left:0; top:66px; }

a.inactive { cursor:default !important; text-decoration:none !important; }

nav.main li ul li { float:none; width:318px; border-bottom:none !important; }
nav.main li ul li a { padding:12px 30px; background:#fff; border:none !important; border-bottom:1px solid #ebebeb !important; text-align:left; font-size:13px; }
nav.main li ul li:last-child a { border-bottom:none!important; }
nav.main li ul li a:hover { background:#f5f5f5; }
nav.main li ul li.current_page_item a { font-weight:600; background:#f5f5f5; }

.hero { background:#fff; border-bottom:1px solid #ebebeb; }
.hero img { display:block; line-height:1; max-width: 100%; height: auto;}

.title { background:#333; text-align:center; padding:30px 0; }
.title h1 { margin:0; font-size:30px; color:#fafafa; float:left; }

.page-id-258 .title { background:#f5f5f5; text-align:center; border-bottom:1px solid #ebebeb; }
.page-id-258 .title h1 { color:#454545; }

.examples { float:right; background:#f55148; color:#fff; padding:10px 0; text-align:center; width:260px; display:block; position:relative; top:2px; }
.examples.print { background:#e98e57; }

section.main { background:#fff; padding:30px 0; }
.page-id-258 section.main { padding:30px 0; }

#content { float:left; width:660px; font-size:15px; }
#content.wide { width:100%; float:none; }

aside.main { float:right; width:260px; }
	.widget { font-size:13px; margin:0 0 15px 0; }
	.widget h3 { margin:0; background:#555; color:#fff; line-height:1; padding:15px 20px; font-size:16px; text-transform:uppercase; }
	.widget .widget-content { background:#f5f5f5; padding:20px; }
	.widget ul li a { color:#757575; font-weight:600; }
	.widget ul li li a { color:#757575; font-weight:400; }
	.widget ul li a:hover { color:#454545; }
	.widget ul li { margin:5px 0 0 0; }
	.widget ul li:first-child { margin-top:0; }
	.widget ul ul { margin:0 0 0 10px; padding-top:5px; }
	.widget ul .current_page_item,
	.widget ul .current-menu-item {  }
	.widget ul .current_page_item > a,
	.widget ul .current-menu-item > a { color:#454545; font-weight:600; text-decoration:underline; }
	
	.widget form label { display:none; }
	.widget form p { margin:0 0 5px 0; }
	.widget form p.submit { margin:0; }
	.widget p.intro { margin:0 0 10px 0; }

a.navigate { display:block; background:#fff url(img/google.png) no-repeat left 20px top 18px; font-weight:600; padding:20px 0 20px 60px; border:1px solid #ebebeb; border-right-color:#d7d7d7; border-bottom-color:#d7d7d7; margin:0 0 20px 0; }

.portals li { width:460px; float:right; }
.portals h2 { line-height:1; }
.portals .more { margin:0; }
.portals .more a, .gateways .more a { background:#f55148; color:#fff; padding:10px 20px; display:block; }
.portals li.services { float:left; }
.portals li.services a { }

.video-gallery h3 { margin-bottom:5px; }
.video-gallery .videoWrapper { margin-bottom:20px; }
.video-gallery .videoWrapper:last-child { margin-bottom:0px; }

.machine { clear:both; border-top:2px solid #eee; padding-top:20px; }
.machine:first-child { border-top:none; padding-top:0px; }
.machine .thumbnail { float:left; width:170px; margin:0; margin-bottom:20px; }
.machine .thumbnail a { display:block; }
.machine .thumbnail img { display:block; line-height:1; padding:5px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.2); width:150px; height:auto; }
.machine .item { width:470px; float:right; }
.machine .item h2 { margin:0 0 10px 0; font-size:20px; font-weight:600; }

.machine-gallery { padding-bottom:0px; }
.machine-gallery a { display:block; float:left; margin:0 10px 10px 0; }
.machine-gallery a img { width:75px; height:auto; display:block; line-height:1; padding:3px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.2); }

article h2 { margin:0 0 10px 0; font-size:24px; font-weight:600; }
article h3 { margin:0 0 10px 0; font-size:20px; font-weight:600; }
article h4 { margin:0 0 10px 0; font-size:18px; font-weight:600; }

article img { display:block; line-height:1; max-width:100%; height:auto; margin:0 0 20px 0; }
article .alignleft { float:left; margin:0 20px 20px 0; }
article .alignright { float:right; margin:0 0 20px 20px; }

.ribbon img { display:block; line-height:1; padding:10px; max-width:640px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2); }
.ribbon:hover img { box-shadow:0 0 7px rgba(0,0,0,.4); }

article input[type=text],
article input[type=tel],
article input[type=email],
article textarea { background:#fafafa; }

article form { border:2px solid #eee; padding:20px; } 
article form p.submit { margin:5px 0; border-top:1px solid #eee; padding-top:17px; }
article form p.submit input { float:right; }
article form p.submit img { float:left; }
article form .wpcf7-file { margin-bottom:10px; }

article table th,
article table td { border:1px solid #ddd; font-size:13px; text-align:center; padding:10px 15px; }
article table th { background:#333; border:1px solid #333; color:#ddd; }
article table tr:nth-child(even) td { background:#fafafa; }
article table tr:hover td { background:#eee !important; color:#333; }
article table tr th:nth-child(1) { text-align:left; }
article table tr td:nth-child(1) { text-align:left; font-weight:600; }
article table tr th:last-child { text-align:left; }
article table tr td:last-child { text-align:left; }

article .meta { font-size:13px; margin:0 0 3px 0; color:#ccc; }
article.long .meta { margin:0 0 20px 0; }
article.short { margin:0 0 20px 0; }
article.short h2 { margin:0 0 2px 0; }

.blog-back { background:#56b1e8; color:#fff; display:block; padding:15px 20px; margin-bottom:15px; font-weight:600; }
.blog-back:hover { background:#4886f3; color:#fff; text-decoration:none; }

.page-id-521 section.main .inner { width:90%; min-width:960px; }

.cta { background:#444; color:#fff; padding:30px 0; text-align:center; }
.cta p { margin:0; font-size:22px; }
.cta p a { color:rgba(255,255,255,.75); display:block; }
.cta p a:hover { text-decoration:none; color:rgba(255,255,255,1); text-shadow:1px 1px 0px rgba(0,0,0,.2); }

.align strong { float:right; }

footer.main { padding:30px 0; }
footer.main h3 { color:#ddd; margin:0 0 5px 0; }
footer.main li { margin:2px 0 0 0; }
footer.main a { color:#888; }
footer.main a:hover { color:#bbb; }

.footer-copy { text-align:center; background:#292929; padding:30px 0; color:#777; }
.footer-copy p.copy { text-align:left; float:left; }
.footer-copy p.cont { text-align:right; float:right; }
.footer-copy p.cont strong { color:#888; font-weight:600; }

.print-gallery { text-align:center; line-height:0; word-spacing:-4px; }
.print-gallery a { display:inline-block; margin:0 5px 10px 5px; width:180px; height:217px; vertical-align:top }
.print-gallery a h3 { line-height:1.35; clear:both; display:block; word-spacing:normal; font-size:13px; padding:0 10px; color:#959595; font-weight:normal; }
.print-gallery a:hover { text-decoration:none; }
.print-gallery a:hover h3 { color:#454545; }
.print-gallery img { display:block; line-height:1; padding:5px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.2); width:140px; height:auto; margin:0 auto 7px auto; }

span.wpcf7-not-valid-tip { color:#fff; background:#f55148; font-size:13px; display:block; padding:5px 10px; }

div.wpcf7-response-output { margin:20px 0 0 0; padding:15px 20px; border:2px solid #eee; font-size:13px; text-align:center; color:#444; }
div.wpcf7-validation-errors { border:2px solid #f55148; }
div.wpcf7-mail-sent-ok { border:2px solid #7cd86d; }

/* FORM ELEMENTS */
form p { margin:0 0 12px 0; }
label { display:block; clear:both; margin:0 0 5px 0; }
input[type=checkbox] { margin:0 3px 0 0; position:relative; top:3px; }
input[type=radio] { margin:0 3px 0 0; position:relative; top:3px; }
label.checkbox { display:inline-block; }
select.select { margin:0 0 15px 0; }
abbr.required, span.req, span.required { font-size:16px; color:#f55148; font-weight:600; border:none; }
input[type=text], input[type=tel], input[type=number], input[type=password], input[type=email], select, textarea { display:inline-block; padding:8px 10px; border:1px solid #e1e1e1; border-top:1px solid #ccc; border-left:1px solid #ccc; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:2px; border-radius:2px; margin:0; font-size:13px; width:100%; max-width:100%; font-size:14px; }
.button {
	background: #f5f5f5;
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #e1e1e1 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e1e1e1)); 
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#e1e1e1 100%); 
	background: -o-linear-gradient(top,  #f5f5f5 0%,#e1e1e1 100%); 
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#e1e1e1 100%); 
	background: linear-gradient(to bottom,  #f5f5f5 0%,#e1e1e1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e1e1e1',GradientType=0 ); 
	border:1px solid #e1e1e1;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	color:#343434;
	cursor:pointer;
	display:inline-block;
	padding:8px 20px;
	margin:0;
	font-size:14px;
	border-radius:2px;
	text-decoration:none;
	}
.button:hover, .button:focus {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); 
	background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); 
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); 
	border:1px solid #e1e1e1;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-decoration:none;
	outline:none;
	}
.button:active {
	background: #ebebeb;
	background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff)); 
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 100%); 
	background: -o-linear-gradient(top,  #ebebeb 0%,#ffffff 100%); 
	background: -ms-linear-gradient(top,  #ebebeb 0%,#ffffff 100%); 
	background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); 
	border:1px solid #e1e1e1;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-decoration:none;
	outline:none;
	}

/* EXTRAS */
::-webkit-input-placeholder, .placeholder { color:#ccc; }
.none { display:none; }
.nomargin { margin:0; }

/* CLEARFIX */
.cf:before, .cf:after,
.inner:before, .inner:after { content:" "; display:table; }
.cf:after,
.inner:after { clear:both; }

/* HOMEPAGE GATEWAYS */

.gateways img { display:block; line-height:1; margin:0 0 10px 0; max-width:100%; height:auto; }
.gateways p { font-size:13px; margin:0 0 10px 0; }
.gateways p.more { margin:0; }
.gateways .more a { background:#404040; color:#fff; padding:10px 20px; display:block; font-size:15px; font-weight:600; }
.portals li.services { float:left; }
.gateways .col { padding:15px; border:1px solid #ddd; }
.gateways h3 { padding: 8px 18px 8px 22px; background:#F55148; color: #FFF; text-shadow: 1px 1px 0px #cb4942; box-shadow: inset 10px 0px 0px #cb4942; margin:0; border-bottom:1px solid rgba(0,0,0,.15); }
.gateways .col:nth-child(2) h3 { background: #E98E57; text-shadow: 1px 1px 0px #cc7c4c; box-shadow: inset 10px 0px 0px #cc7c4c; }
.gateways .col:nth-child(3) h3 { background: #7cd86d; text-shadow: 1px 1px 0px #61bd52; box-shadow: inset 10px 0px 0px #61bd52; }

/* COLUMNS */

.col { float: left; box-sizing: border-box; }
.third { width: 32%; margin-right: 2%; }
.last { margin-right: 0 !important; }

/* CAROUSEL */

.carousel .slick-dots { left: 0; bottom: 45px; text-align: left; }

/* Shop */

section.woocommerce { width: 700px; float: left; padding-right: 15px; box-sizing: border-box; }
.woocommerce-cart section.woocommerce, .woocommerce-checkout section.woocommerce, .single-product section.woocommerce { width: 100%; float: none; }
.woocommerce .button { border-radius: 0 !important; }

.woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, a.button.wc-forward { 
	border-radius: 0;
    background: #4886F3;
    padding: 13px 20px;
    color: #FFF;
}

.woocommerce div.product form.cart .button { margin-left: 10px; }
.woocommerce-message { border-top-color: #7CD86D; }
.woocommerce-message:before { color: #7CD86D; }
a.button.wc-forward { background: #7CD86D; border: 2px solid #7CD86D; }
.woocommerce a.button.wc-forward:hover, .woocommerce a.button.wc-forward:focus, .woocommerce a.button.wc-forward:active { background: transparent; color: #7CD86D; }

.related.products { clear: both; }
.woocommerce .quantity .qty { width: 4em; }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #7CD86D; }
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { list-style: none !important; }
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #6DC95E; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 30%; }

.tawcvs-swatches .swatch { margin-bottom: 10px; }

.woocommerce article table tr:hover td { background:#FFF !important; color:#333; }
.woocommerce article table tr:nth-child(even) td { background: #FFF !important; }

.woocommerce div.product p.price, .woocommerce div.product span.price { color: #757575; }
.woocommerce-variation-price .wc-measurement-price-calculator-price {     margin-bottom: 20px;
    font-weight: bold;
    color: #5f615f;
    font-size: 28px;
    display: block; }

    .tawcvs-swatches .swatch-color.swatch-white { border: 1px solid #AAA; }
    .tawcvs-swatches .swatch-color.swatch-whitegold {
    	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,f1f1f1+51,a48c44+51,a48c44+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f1f1f1 51%, #a48c44 51%, #a48c44 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#f1f1f1 51%,#a48c44 51%,#a48c44 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#f1f1f1 51%,#a48c44 51%,#a48c44 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a48c44',GradientType=1 ); /* IE6-9 */
border: 1px solid #CCC;
}

    .tawcvs-swatches .swatch-color.swatch-whiteblack {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,000000+51,000000+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #000000 51%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#000000 51%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#000000 51%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
border: 1px solid #CCC;
}

.tawcvs-swatches .swatch-color.swatch-whitesilver {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,9e9e9e+51,9e9e9e+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #9e9e9e 51%, #9e9e9e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#9e9e9e 51%,#9e9e9e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#9e9e9e 51%,#9e9e9e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9e9e9e',GradientType=1 ); /* IE6-9 */
border: 1px solid #CCC;
}



.woocommerce ul.products li.product { 
	text-align: center;     
	box-sizing: border-box;
    padding: 10px 10px 20px 10px;
    background: #F8F8F8;
    border: 1px solid #EEE; 
}
.woocommerce ul.products li.product a img { border: 1px solid #EEE; }
.woocommerce ul.products li.product h3 { font-size: 1.3em; }
.woocommerce ul.products li.product h3:after { content: ''; margin-left: auto; margin-right: auto; display: block; margin-top: 8px; width: 40px; height: 2px; background: #DDD; margin-bottom: 8px; }
.woocommerce ul.products li.product .price {
    color: #555;
    font-weight: 600;
    font-size: 1.2em;
}

.woocommerce article table th { background: transparent; color: #333; border: none; }
.woocommerce-result-count {
	color: #333;
    font-size: 13px;
    font-weight: bold;
}