/*
Theme Name: 	Trophy Textiles
Theme URI: 		https://www.trophytextiles.co.uk
Description: 	Wordpress theme!
Version: 		1.1
Author: 		Bryony Snell
Author URI: 	https://www.dynamek.co.uk
Tags: 			bespoke
*/

div, article, section, header, footer, nav, li { position:relative; }
.group:after { display:block; height:0; clear:both; content:"."; visibility:hidden;  }
::-moz-selection { background:#ff0; color:#333; }
::selection { background:#ff0; color:#333; }

*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, input[type="text"], input[type="submit"], input[type="email"], input[type="tel"], input[type="password"], textarea, select {
	-webkit-appearance: none;-moz-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius: 0;font-family: 'Ubuntu', sans-serif;font-size:20px;color:#999;font-weight:400;}
body {background:#fff;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0; }
h1 {color:#621563;font-size:64px;padding:10px 0 15px;font-family: 'Arimo', sans-serif;font-weight:700;text-align:center;}
h2 {color:#621563;font-size:60px;padding:20px 0;font-family: 'Arimo', sans-serif;font-weight:700;line-height:60px;text-align: center;}
h3 {color:#f70095;font-size:36px;padding:10px 0;}
h4 {color:#c80066;font-size:26px;padding:10px 0 5px;font-weight:500;}
h5 {font-size:22px;padding:10px 0;color:#999;}
h6 {font-size:20px;padding:30px 0 0;}

a {color:#666;text-decoration:none;}
a:hover {text-decoration:none;color:#621563;}
p {font-size:20px;margin:0;padding:5px 0;line-height: 25px;font-family: 'Ubuntu', sans-serif;color:#999;}
p b {color:#999;}

a.link, #searchsubmit, a.wp-block-button__link {background-color: #971457;padding: 20px 25px;text-transform: uppercase;color: #fff !important;font-size: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;display: inline-block;margin: 0 auto;width: auto;font-weight: 500;border: 0px;line-height: 25px;}
a.link:hover, a.wp-block-button__link:hover {text-decoration: none;background-color:#63153d;}
a.more {font-size: 18px;color: #999;border: 2px solid #999;padding: 10px 15px;display: inline-block;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;margin: 20px 0 0;transition: all 0.5s ease;}

ul li {padding: 5px 0 5px 10px;list-style: disc;margin: 0 0 0 30px;color:#999;font-size:20px;}

td {
  vertical-align: middle;line-height: 34px;}

img.alignright {float:right;margin:10px 0 10px 20px;}
img.alignleft {float:left;margin:10px 20px 10px 0;}
img.aligncenter {}

div.wrapGlobal {overflow: hidden;}
div.wrapHeader {background-color:#eee;height: auto;}
div#headerWrap {margin: 0 auto;width: 100%;box-sizing: border-box;padding: 0;position: absolute;top: 0;right: 0;left: 0;}
div#headerWrap ul.icons {max-width: 1280px;margin: 0 auto;text-align: right;z-index: 10;position: relative;}
div#headerWrap ul.icons li {margin:0;padding:0;float:right;list-style: none;}
div#headerWrap ul.icons li a {margin:0;padding: 20px 0 20px 20px;float:right;color:#fff;text-transform: uppercase;font-weight: 500;font-size: 18px;}
div#headerWrap ul.icons li a:before {
	margin: 0 13px 0 10px;content:"";background: url('/wp-content/themes/trophy/images/sprite.svg') no-repeat 0 -50px /177px auto transparent;width: 20px;height: 20px;display: block;float: left;position: relative;top: 2px;}
div#headerWrap ul.icons li.search a:before {}
div#headerWrap ul.icons li.account a:before {width:16px;background-position: -50px -50px;}
div#headerWrap ul.icons li.basket a:before {width:23px;background-position: -100px -50px;}

div#header {background:rgba(255,255,255,0.75);height:80px;margin: 65px 0 0;}
div#header header {max-width:1280px;margin:0 auto;}

div#header h1 {padding:0;}
div#header h1 a {float:left;margin: 0;width:249px;height:178px;background: url('/wp-content/themes/trophy/images/logo.svg') no-repeat 0 0 / 100% auto transparent;text-indent:-9999px;display:block;top: -28px;position: relative;	}

div#header header nav {float: right;clear: right;}
div#header header nav ul li {display:block;float:left;list-style:none;padding:0;margin:0;}
div#header header nav ul li a.respMenu {display:none;}
div#header header nav ul ul li {float:left;display:block;}
div#header header nav ul ul li a {float:left;display:block;padding: 30px 0;color:#621563;text-transform: uppercase;margin:0 1em;font-size:20px;line-height: 20px;font-weight:500;}
div#header header nav ul ul li:last-child a {margin-right:5px;}
div#header header nav ul ul li a:hover {text-decoration:none;}
div#header header nav ul ul ul {border-top: 3px solid #971457;background-color:rgba(255,255,255,0.6);display:none;top: 80px;position:absolute;width: 100%;padding: 2px 0 5px;left: 20px;z-index: 20;min-width: 160px;}
div#header header nav ul ul ul li {width: auto;}
div#header header nav ul ul li:hover ul {display:block;position:absolute;}
div#header header nav ul ul ul li a {font-family: 'Ubuntu', sans-serif;font-size:16px;text-transform:none;text-shadow:none;padding:4px 10px;width: auto;box-sizing:border-box;margin:0;}

.soliloquy-container .soliloquy-viewport {overflow:hidden !important;}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
	background:transparent !important;text-transform: uppercase;text-shadow: 1px 2px 7px rgba(0,0,0,0.5) !important;padding: 0 !important;letter-spacing: 2px;}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h1 {font-size:70px !important;font-weight: 700;color:#fff;padding: 20px 30px !important;font-family: 'Arimo', sans-serif;text-shadow: 1px 2px 7px rgba(0,0,0,0.5) !important;}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h2 {font-size:56px !important;font-weight: 700;color:#fff;padding: 20px 30px !important;font-family: 'Arimo', sans-serif;text-shadow: 1px 2px 7px rgba(0,0,0,0.5) !important;}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h3 {font-size:28px !important;color:#fff;text-transform: uppercase;padding: 10px 30px 30px !important;font-family: 'Ubuntu', sans-serif;font-weight:300;text-shadow: 1px 2px 2px rgba(0,0,0,0.5) !important;}
.soliloquy-container .soliloquy-caption.soliloquy-caption-top {position: absolute;top: 65% !important;transform: translateY(-35%);}
#soliloquy-container-44.soliloquy-container .soliloquy-caption.soliloquy-caption-top {position: absolute;top: 50% !important;transform: translateY(-50%);}


div.wrapContent {}

div.col1A {clear:both;margin:0 auto;width:100%;box-sizing:border-box;padding:30px 0;max-width: 1340px;}
div.col1A.home {text-align:center;overflow: hidden;}
div.col1A.home div.widget_text {clear:both;}
div.col1B {background-color:#63153d;text-align:center;padding: 30px 0;}
	div.col1B h2 {color:#fff;font-size:48px;}
div.col1C {background: url('/wp-content/themes/trophy/images/map.svg') no-repeat right 0 #350735;content: "";text-align:center;padding: 90px 0;}
	div.col1C h2 {color:#fff;font-size:56px;padding:0 0 30px;line-height: 56px;}
	div.col1C ul {column-count: 2;width: 60%;margin: 0 auto;}
	div.col1C ul li {margin:0;padding: 10px 0;list-style: none;color:#fff;display: inline-block;width: 100%;font-size: 24px;font-weight: 500;}
	div.col1C ul li a {color:#fff;}
	div.col1C ul li a:hover {opacity:0.8;}
	div.col1C ul li:before {background: url('/wp-content/themes/trophy/images/sprite.svg') no-repeat 0 -150px transparent;content: "";width: 12px;height: 20px;top: 4px;position: relative;padding: 0 0 0 30px;}

div.menu-tag-links-container {margin: 20px 0;}
div.menu-tag-links-container ul li {padding:0;margin:0;display:inline-block;list-style:none;}
div.menu-tag-links-container ul li a {text-transform: uppercase;font-size: 26px;padding: 20px;display: inline-block;}

div.col2A {width:33.33%;box-sizing:border-box;padding:0 10px 0 0;float:left;}
div.col2B {width:66.66%;box-sizing:border-box;padding:0 0 0 10px;float:left;}
div.col2C {width:66.66%;box-sizing:border-box;padding:0 10px 0 0;float:left;}
div.col2D {width:33.33%;box-sizing:border-box;padding:0 0 0 10px;float:right;}
div.col2E {width:50%;box-sizing:border-box;padding:0 0 20px 0;float:left;}

div.col3, div.menu-find-my-container ul li {text-align:center;width:33.33%;box-sizing:border-box;padding:10px 20px;float:left;margin: 0;list-style: none;}
	div.menu-find-my-container ul li a {background-color: #971457;padding: 20px 25px;text-transform: uppercase;color: #fff !important;font-size: 28px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;display: inline-block;margin: 0 auto;width: auto;font-weight: 500;}
	div.col3.services {width:calc(33.33% - 14px);margin: 30px 0;padding: 50px 30px 40px !important;border: 2px solid #ddd;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}

	div.col3.services:nth-child(3n+1) {}
	div.col3.services h2 {text-align: center;font-size: 28px !important;font-family: 'Ubuntu', sans-serif;font-weight: 500;line-height: 28px;padding: 30px 0 0;}
	div.col3.services img {-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;width: 100%;height: auto;max-width: 300px;}
	div.col3.services.noround img {-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}

div.col3A, div.col3B, div.col3C {text-align:center;width:33.33%;box-sizing:border-box;padding:10px 20px;float:left;}

div.col4 {width:50%;box-sizing:border-box;padding:30px 80px 30px 0;float:left;}
div.col4.schools:before {background: url('/wp-content/themes/trophy/images/sprite.svg') no-repeat 0 -200px transparent;content: "";width: 170px;height: 120px;display: block;float: left;margin: 7px 50px 0 0;}
div.col4.business {clear: both;}
div.col4.business:before {background: url('/wp-content/themes/trophy/images/sprite.svg') no-repeat 0 -350px transparent;content: "";width: 170px;height: 120px;display: block;float: left;margin: 7px 50px 0 0;}
div.col4.sports:before {background: url('/wp-content/themes/trophy/images/sprite.svg') no-repeat 0 -500px transparent;content: "";width: 170px;height: 136px;display: block;float: left;margin: 7px 50px 0 0;}
div.col4.assoc:before {background: url('/wp-content/themes/trophy/images/sprite.svg') no-repeat 0 -650px transparent;content: "";width: 170px;height: 120px;display: block;float: left;margin: 7px 50px 0 0;}

a.read-more {display: block;width: auto;float: right;margin-top:0;}

div.col2D div.col3A, div.col2D div.col3B {width:100%;padding: 15px 20px 35px 20px;}
div.col2D div.col3C {width:100%;padding: 15px 20px 0;}

div.col4A, div.col4B, div.col4C, div.col4D {width:25%;box-sizing:border-box;padding:0 20px;float:left;}

form.wpcf7-form {overflow: hidden;margin: 0 0 20px 0;}
form p {padding:0;}
input[type="text"], input[type="submit"], input[type="email"], input[type="tel"], input[type="password"], textarea, select {box-sizing: border-box;padding: 10px;width: 100%;border: 1px solid #ccc;margin: 5px 0;-webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;color:#666;}
textarea {resize:vertical;height:120px;}
input.wpcf7-submit {
	background-color: #63153d !important;padding: 10px 20px !important;text-transform: uppercase;color: #fff;font-size: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; float:right;display: block;margin: 10px 0 0 !important;text-align: center;width: auto !important;border: none !important;}
footer input::-webkit-input-placeholder, footer textarea::-webkit-input-placeholder {color: #fff;}
select {opacity: 0.6;border-color: #b2b2b2;padding: 9px 8px;}
span.wpcf7-form-control-wrap.service-required:after, span.wpcf7-form-control-wrap.time-scale:after {content: "\25bc";display: block;right: 5px;width: 20px;height: 20px;top: 1px;position: absolute;font-size: 12px;color: #30c5f0;}

ol.search {overflow: hidden;padding: 20px 0;}
ol.search li {clear: both;}
ol.search li div.thumbnail {float:left;}
ol.search li div.content {float:left;width: calc(100% - 150px);}
ol.search li div.content h4 {padding: 20px;}
ol.search li div.content p {padding: 10px 20px;}
ol.search li div.content a.link {margin:20px 0 0 0;padding: 15px 20px;font-size: 20px;float: right;}

.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
    padding: 6px;
    border: 1px solid #ccc;
}

div.footer input, div.footer textarea {box-sizing: border-box;padding: 10px;width: 100%;margin: 5px 0;background-color:transparent;border:2px solid #fff;color: #fff;}

div.footer {clear:both;background: #1a1a1a;color: #808080;overflow: hidden;}
footer {position:relative;width:100%;box-sizing:border-box;padding: 30px 0 50px;max-width: 1380px;margin: 0 auto;overflow: hidden;}
footer h3 {color:#808080;font-size:28px;padding: 10px 0 25px;}
footer p, footer a {color:#808080;}

div.colFooterA, div.colFooterB, div.colFooterC, div.colFooterD {width:25%;box-sizing:border-box;padding:0 20px;float:left;}
div.colFooterB span {float: right;}

body.page-template-contact div.col2A span {
    float: right;padding: 0 20px 0 0;
}

div.wrapFooter2 {background-color:#141414;overflow: hidden;}
div.colFooterE {width:100%;box-sizing:border-box;padding: 20px 0 15px;max-width: 1340px;margin: 0 auto;overflow: hidden;}
div.colFooterE:after {width: 177px;height: 46px;display: block;
	background-image: url('/wp-content/themes/trophy/images/sprite.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position:0 -100px;
	background-color:#141414;
	content: "";float: right;margin: 10px 0;}
div.colFooterE ul li {list-style:none;margin:0;padding:11px 0 0;float:left;}
div.colFooterE ul li:after {content:" | ";padding: 0 10px;}
div.colFooterE ul li:last-child:after {content:" ";}

div.wrapFooter {background-color:#000;}
div.copyright {width:100%;box-sizing:border-box;padding:15px 0;max-width: 1340px;margin: 0 auto;overflow: hidden;color:#4d4d4d;font-size: 16px;}
div.copyright div.col2A {width:75%;box-sizing:border-box;padding:0;float:left;}
div.copyright div.col2B {width:25%;box-sizing:border-box;padding:0;float:left;text-align:right;}

ul.social li {list-style:none;padding:0;margin:0;}
ul.social li a {background: url('/wp-content/themes/trophy/images/sprite.svg') no-repeat 0 0 transparent;content: "";width: 40px;height: 40px;float: left;margin: 10px 10px 0 0;text-indent: -9999px;}
ul.social li a.tel {}
ul.social li a.email {background-position: -50px 0;}
ul.social li a.fb {background-position: -100px 0;}

div.menu-order-collect-container ul li {margin:0;padding:0;list-style:none;}
div.menu-order-collect-container ul li a {font-size:20px;padding:5px 0;display: block;}

@media screen and (max-width: 1300px) {
	div#header h1 a {top: -20px;width: 210px;height:150px;}
	.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h1 {font-size:42px !important;}
	.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h2 {font-size:42px !important;padding: 5px 20px !important;}
	.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h3 {font-size:20px !important;padding: 5px 20px 15px !important;}
	.soliloquy-container .soliloquy-caption.soliloquy-caption-top {top: 65% !important;transform: translateY(-35%);}
}

@media screen and (max-width: 1200px) {
	h2 {font-size: 42px !important;line-height: 48px;}
	h3 {font-size: 28px !important;}
	div.menu-tag-links-container ul li a {font-size:18px;padding:10px;}
	div#header h1 a {top: -22px;width: 168px;height:120px;margin: 0 0 0 10px;}
	div#header {height: 50px;}
	div#headerWrap ul.icons {padding: 5px 20px 0 0;}
	
	div.menu-main-menu-container {padding: 0 8px 0 0;}
	div#header header nav ul ul li a {margin: 0 !important;font-size: 18px;padding: 15px 8px;}
	div#header header nav ul ul ul {top: 50px;left:0;}
	
	div.menu-find-my-container ul li a, a.link, #searchsubmit {font-size:24px;}
	
	div.col1A {padding: 30px 20px;}
	div.copyright div.col2A, div.copyright div.col2B {padding: 0 20px;}
	div.colFooterE {padding: 20px 20px 15px;}
	
	/* Home */ #soliloquy-container-44.soliloquy-container .soliloquy-caption.soliloquy-caption-top {position: absolute;top: 60% !important;transform: translateY(-40%);}
	.soliloquy-container .soliloquy-caption.soliloquy-caption-top {position: absolute;top: 65% !important;transform: translateY(-35%);}
}
 
@media screen and (max-width: 1024px) {
	body, p, .woocommerce div.product .woocommerce-tabs .panel div, ul li, div.menu-order-collect-container ul li a {font-size:18px;}
	.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h1 {font-size:28px !important;padding: 5px 10px !important;}
	.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h2 {font-size:24px !important;padding: 0 !important;}
	.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h3 {font-size:18px !important;padding: 5px 10px 15px !important;}
	div.colFooterA, div.colFooterB, div.colFooterC, div.colFooterD {width:50%;}
	div.colFooterC {clear:both;}
}

@media screen and (max-width: 800px) {
	h2 {font-size: 36px !important;line-height: 40px;}
	h3 {font-size: 22px;}
	header h1 {padding: 50px 0 0 30px;}
	div#header h1 a {display:none;}
	div#header {background-color:transparent;margin:10px 0 0;}
	div#header header nav {clear:none !important;position: absolute;top: -9px;margin: 0 !important;float: none !important;}
	div#header header nav ul li a.respMenu {
		display: block !important;padding: 0 0 10px;margin:0 0 0 10px;text-indent: -9999px;width: 49px;height:49px;
	background:url('/wp-content/themes/trophy/images/menu.png') no-repeat 0 0 transparent;
	background:url('/wp-content/themes/trophy/images/menu.svg') no-repeat 0 0 transparent;position: relative;top: 0px;}
	div#header header nav ul ul {display:none;width:100%;padding: 10px 0;overflow: hidden;}
	div#header header nav ul li:hover ul {display: block;}
	div#header header nav ul li div.menu-main-menu-container {width:100%;position:relative;top:10px;z-index: 1000;background-color: #fff;overflow: hidden;padding: 0;}
	div#header header nav ul li:hover div.menu-main-menu-container {}
	div#header header nav ul ul li {width:100% !important;}
	div#header header nav ul ul li a {box-sizing: border-box;width: 100%;padding: 10px 20px 10px 30px !important;color: #999 !important;text-shadow: none !important;margin: 0 !important;}
	div#header header nav ul ul ul {display: block !important;position: relative !important;top: 0 !important;background-color: #fff !important;border-top: none !important;}
	div#header header nav ul ul ul li a {width: 100%;padding:10px 20px 10px 50px !important;margin:0 !important;}
	div#header header nav ul li.no-hover div.menu-main-menu-container ul {display: none !important;}
	
	div.col2A, div.col2B {width:100%;}
	div.col2A, div.col2B {padding:0 0 20px 0;}
	div.menu-tag-links-container ul li a {padding: 10px;font-size: 22px;}
}


@media screen and (max-width: 480px) {
	h1 {font-size: 36px;}
	h4 {font-size: 20px;}
	
	div#headerWrap ul.icons {width: 50%;float: right;position:relative;z-index:1000;text-align: unset;}
	div#headerWrap ul.icons li {float: right;}
	div#headerWrap ul.icons li a {text-indent:-9999px;background:url('/wp-content/themes/trophy/images/sprite.svg') no-repeat 0 -50px / 177px auto transparent;width: 30px;height: 30px;margin: 10px;padding: 20px 0 20px 5px;}
	div#headerWrap ul.icons li a:before {background:none;margin: 0;padding: 0;top: 0;}
	div#headerWrap ul.icons li.basket a {width: 35px;background-position: -100px -50px;}
	div#headerWrap ul.icons li.account a{width: 23px;background-position: -50px -50px;}
	
	/* Home */ #soliloquy-container-44.soliloquy-container .soliloquy-caption.soliloquy-caption-top {position: absolute;top: 55% !important;transform: translateY(-45%);}
	
	.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h1 {font-size:24px !important;}
	.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h2 {font-size:18px !important;}
	.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h3 {font-size:14px !important;padding: 5px 10px 15px 10px !important;margin: 0 0 10px 0;}
	
	div.col3, div.menu-find-my-container ul li, div.col3.services, div.col4, div.colFooterA, div.colFooterB, div.colFooterC, div.colFooterD, div.copyright div.col2A, div.copyright div.col2B, div.col2E {width:100%;}
	img.alignright, img.alignleft {float: none;margin: 20px auto; display: block;}
	a.link, #searchsubmit {font-size: 18px;padding: 17px 22px;}
	
	div.col1A {padding: 30px 10px;}
	div.col1C ul {column-count: 1;width:80%;}
	div.col1C ul li {font-size: 20px;}
	
	div.col3.services {margin: 0 0 20px !important;}
	
	div.col4 {padding: 30px 20px 30px 20px;}
	div.col4:before {margin: 0 auto 20px !important;float: none !important;text-align: center;}
	div.col4 h4, div.col4 p {text-align: center;}
	
	div.colFooterA, div.colFooterB, div.colFooterC, div.colFooterD {padding: 20px;}
	div.colFooterE {padding: 20px;}
	
	div.copyright div.col2A, div.copyright div.col2B {padding: 20px;}
	
	div.menu-tag-links-container ul li a {font-size: 24px;}
	
	body.measuring-size-guide div.col1A table {width:100% !important;}
	
}
@media screen and (max-width: 320px) {
	
	.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h2 {font-size:16px !important;}
	.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h3 {font-size:12px !important;}
}