/** Shopify CDN: Minification failed Line 75:88 Expected identifier but found "*" Line 76:37 Expected identifier but found "*" Line 82:41 Expected identifier but found "*" Line 82:75 Expected identifier but found "*" Line 160:78 Expected identifier but found "*" Line 195:37 Expected ":" Line 543:49 "hegiht" is not a known CSS property Line 569:208 Expected identifier but found "14px" Line 600:34 "hegiht" is not a known CSS property Line 697:36 "hegiht" is not a known CSS property ... and 2 more hidden warnings **/ dth/* /* SECTION 1 /* 1.1 - Base Styles /* 1.2 - HTML5 Elements /* 1.3 - Forms and Inputs /* 1.4 - Typography /* 1.5 - Links and Buttons /* 1.6 - Tables /* 1.7 - Icons /* 1.8 - Tags /* /* SECTION 2 /* 2.1 - Helper classes /* 2.2 - Grid system /* 2.3 - Lists /* /* SECTION 3 /* 3.1 - Toolbar /* 3.2 - Header /* 3.3 - Navigation /* 3.4 - Footer /* 3.5 - Homepage /* 3.6 - Product & Collections /* 3.7 - Cart /* 3.8 - Blogs/Articles/Search /* 3.9 - Customer Pages /* /* SECTION 4 /* 4.1 - Media Query - Desktop Slim /* 4.2 - Media Query - Tablet Landscape /* 4.3 - Media Query - Mobile Landscape /* 4.4 - Media Query - Mobile Portrait /* /* SECTION 5 /* 5.1 - IE Fixes /* /* SECTION 6 /* 6.1 - Fancybox plugin /* 6.2 - FlexSlider plugin /* =================== */ /* SECTION 1 */ /* =================== */ /* 1.1 - Base Styles */ html,body { margin: 0; padding: 0; border: 0; background-color: #ffffff; } html { font-size: 62.5%; -webkit-touch-callout:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%; } body { line-height: 1.5; font-size: 16px; color: #727272; font-family: 'Open Sans'; } .full-width {width: 100%; height: auto;} .fullwithpadding { width: auto; padding-left: 30px; padding-right: 30px; } /* 1.2 - HTML5 Elements */ article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; } /* 1.3 - Forms and Inputs */ form { margin:0; padding:0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; width:auto; } button, input { line-height: normal; *overflow: visible; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } select, input[type=file] { height: 27px; *height: auto; line-height: 27px; *margin-top: 4px; } input, textarea { color: #727272; font-family: 'Open Sans'; padding: 10px 20px; border: 1px solid #72727250; display:inline-block; } input.focus, input:focus, textarea.focus, textarea:focus { border:1px solid #4c90ee; -moz-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); -webkit-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); } input[type=password]:focus, input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, textarea:focus { outline:none; } input[type=checkbox],input[type=radio] { height:16px; line-height:16px; vertical-align:middle; } input[type=checkbox] { -webkit-appearance:checkbox; } input[type=file] { cursor:pointer; border:none; box-shadow:none; padding:0; margin:0; } input[type=submit] { cursor:pointer; } ::-webkit-input-placeholder { color: #5c666f !important; } :-moz-placeholder { color: #5c666f !important; } select { display:inline-block; color: inherit; width: auto; height: auto; padding: 5px 5px; border:1px solid #72727250; border-radius: 30px; } @-moz-document url-prefix() { select { padding:6px; } } /* Firefox fix */ select:focus, select.focus { outline:none; border:1px solid #4c90ee; /* -webkit-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); -moz-box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2); box-shadow:0px 0px 2px 1px rgba(76, 144, 238, 0.3) inset, 0px 0px 2px 0px rgba(76, 144, 238, 0.2);*/ } textarea { min-height:20px; width: 90%; } img { display: block; margin: auto; max-width:100%; border: 0; -ms-interpolation-mode: bicubic; } ul, ol { margin: 0 0 20px 20px; padding: 0; } ul li { margin-bottom: 5px; } ul { list-style:disc outside none; } .documentation-header { margin-bottom: 30px !important; } #contactFormProduct {width: 300px;} #contactFormWrapper textarea { height: 100px; width: 300px; } /* 1.4 - Typography */ h1,h2,h3,h4,h5,h6 {width: 100%; clear: both; float: none; font-weight:300; color:#2089b6; margin:0 0 0 0; text-transform:none; font-family:Helvetica, Arial, sans-serif; } h1,h2,h3,h4,h5,h6,.cart-summary, .toolbar {clear: both; float: none; font-family: Open Sans, Helvetica, Arial, sans-serif; } h1 { width: 100%;float: none!important; color: #343f71; font-weight:900; font-size:48px; line-height:48px; margin-bottom:20px; } h2 { color: #343f71;; font-weight: 900; font-size:48px; line-height:48px; } h3 { color: #343f71; font-weight:300; font-size:24px; line-height:28px;} h4 { font-size: 13px; color: #343f71; } h5 { font-size: 12px; color: #343f71;} h6 { font-size: 10px; color: #343f71;} h1 .note, h2 .note, h3 .note, h4 .note, h5 .note, h6 .note { clear: both; float: none; margin-left: 8px; font-weight: 400; font-size: 14px; color: #5c666f; } h1 .note a, h2 .note a, h3 .note a, h4 .note a, h5 .note a, h6 .note a { clear: both; float: none; color: #26aae1; } p { } .white {color: #ffffff;} .blue {color:#179fda;} .notbold { font-weight: normal; } .bold { font-weight: bold; } /* 1.5 - Links and Buttons */ a { color:#26aae1; text-decoration: none; outline: none;} a:hover { color:#2089b6; } a:active { outline: none; } a.btn, input.btn {border: none; font-size: inherit; font-family: inherit; color: white; padding: 15px 15px 15px 15px; background-color: #3cb078; border-radius: 10px; margin: 15px 0px;} a.btn:hover, input.btn:hover {background-color: #62d397;} input.disabled.btn:hover { background-color:#1ac61a; color:#ffffff; } .disabled {-moz-opacity:0.50; opacity:.50; filter:alpha(opacity=50); cursor:default; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {clear: both; float: none; color: #343f71; } a.back-to-top { font-size: 12px !important; color: #26aae1 !important; } a:hover.back-to-top { color: #2089b6 !important; } .accent-color { color: #26aae1 !important; } .genericbutton { display: block; border: none; font-size: inherit; font-family: inherit; color: white; padding: 15px 15px 15px 15px; background-color: #3cb078; border-radius: 10px; } .genericbutton:hover { background-color: #62d397; color: white; } #product .add-to-cart .icon, a.btn, input.btn, .searchform input.submit, .cart-summary a .icon { border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; /*-webkit-box-shadow: 0px 4px 0px 0px rgba(20,171,20,1); -moz-box-shadow: 0px 4px 0px 0px rgba(20,171,20,1); box-shadow: 0px 4px 0px 0px rgba(20,171,20,1);*/ } #button-holder {padding:20px; padding-top:10px;} #button-holder .btn-quote { padding: 10px; background-color: #179fda; color: #ffffff; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #button-holder .btn-sample { padding: 10px; background-color: #62c2eb; color: #ffffff; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #button-holder .btn-quote:hover { background-color: #2089b6;} #button-holder .btn-sample:hover { background-color: #2089b6;} /* 1.6 - Tables */ table { width: 100%; border-spacing: 0; } /*table tr td { border-top: 1px solid #e0e0e0; }*/ table tr td, table tr th { padding: 10px; text-align: left; } table tr td:first-child, table tr th:first-child { padding-left: 0px; } table tr td:last-child, table tr th:last-child { padding-right: 0px; } strong { font-weight: 700; } em { font-style: italic; } /* 1.7 - Icons */ .social-links a { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin: 0.19em; padding: 0 6px 6px 0; line-height: 24px } [class^="shopify-social-icon-"]:before, [class*=" shopify-social-icon-"]:before { color: #ffffff; font-size: 40px; } [class^="shopify-social-icon-"]:hover:before, [class*=" shopify-social-icon-"]:hover:before {color: #5c666f ;} .icon-cart { float: left; display: block; width: 20px; height: 16px; margin: 21px 10px 0 0; opacity: 0.5; filter: alpha(opacity = 50); } .icon-cart { background: url('//www.pgpromotionalitems.co.uk/cdn/shop/t/96/assets/icon-cart-small.png?3801') no-repeat; background-position: 0 -16px; } #social .google-plus, #product .tweet-btn, #product .pinterest, #product .facebook-like { display:block; float:left; margin-right:10px; } #social .pinterest { width: 70px; } #social .share-this { float: left; margin: 0 10px 0 0; } .oldie .credit-cards { display: none; } /* SVG not supported in IE8 */ .credit-cards { margin:0 auto; list-style:none outside none; text-align: center; } .credit-cards li { display: inline; margin-right: 10px; } /* 1.8 - Tags */ .tags { margin: 0 0 0 12px; padding: 0; right: 24px; bottom: -12px; list-style: none; } .tags li { margin-bottom: 5px !important; } .tags li, .tags a { float: left; height: 24px; line-height: 24px; position: relative; font-size: 11px; } .tags a { margin: 0 15px 15px 0; padding: 0 10px 0 12px; background: #f6f6f6; color: #5c666f; text-decoration: none; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .tags a:before { content:""; float: left; position: absolute; top: 0; left: -12px; width: 0; height: 0; border-color: transparent #f6f6f6 transparent transparent; border-style: solid; border-width: 12px 12px 12px 0; } .tags a:after { content:""; position: absolute; top: 10px; left: 0; float:left; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; } .tags a:hover, .tags li.active a { background: #cccccc; color: #eeeeee; } .tags a:hover:before, .tags li.active a:before { border-color: transparent #cccccc transparent transparent;} /* =================== */ /* SECTION 2 */ /* =================== */ /* 2.1 - Helper Classes */ .row:before, .row:after, .clearfix:before, .clearfix:after {content:"\0020";display:block;height:0;visibility:hidden} .clearfix:after, .row:after { clear:both; } .clearfix, .row { zoom:1; margin-left } .p0 { margin-bottom: 0px !important; } .p5 { margin-bottom: 5px !important; } .p10 { margin-bottom: 10px !important; } .p15 { margin-bottom: 15px !important; } .p20 { margin-bottom: 20px !important; } .p25 { margin-bottom: 25px !important; } .p30 { margin-bottom: 30px !important; } .p40 { margin-bottom: 40px !important; } .p50 { margin-bottom: 50px !important; } .p60 { margin-bottom: 60px !important; } .fr { float: right !important; } .fl { float: left !important; } .fn { float: none !important; } .tr { text-align: right !important; } .tl { text-align: left !important; } .tc { text-align: center !important; } .border-top { border-top: 1px solid #e0e0e0; } .border-right { border-right: 1px solid #e0e0e0; } .border-bottom { border-bottom: 1px solid #e0e0e0; } .border-left { border-left: 1px solid #e0e0e0; } .display-table { display: table; height: 100%; } .display-table-cell { display: table-cell; vertical-align: middle; display:inline-block; } .table { display: table; margin: 0 auto; } .fixed { position: fixed; } .divider { display: block; height: 2px; margin: 25px 0; width: 100%; background-color: #72727250; } .row .results hr.divider { display: none; } hr.divider { margin: 15px 0; background: #e0e0e0; height: 1px; border: 0; } /* 2.2 - Grid System */ .wrapper { background: #ffffff;} .toolbar-wrapper { width: 100%; background-color: #343f71; } .toolbar .span12 { border-bottom: 5px solid #26aae1; } #transparency > .row:before, #transparency > .row:after { content: ""; display: table; } #transparency > .row:after { clear: both; } #transparency > .row { zoom: 1; margin-bottom: 0px;} .row { margin: 0 0 10px 0; } .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { display: block; float: left; } .inner-left { margin-left: 0px !important; } .inner-right { margin-right: 0px !important; } .wrapper { width: 100%; margin: 0 auto; } .toolbar { width: 100%; margin: 0 auto; } footer { width: 100%; margin: 0 auto; } .span1 { width: 53px; } .span2 { width: 136px; } .span3 { width: 219px; } .span4 { width: 302px; } .span5 { width: 385px; } .span6 { width: 468px; } .span7 { width: 551px; } .span8 { width: 634px; } .span9 { width: 717px; } .span10 { width: 800px; } .span11 { width: 883px; } .span12 { width: 100%; } .span3.adaptive-grid {width: 219px;} .span3.adaptive-grid:nth-child(6n+7) {clear: none;} .span3.adaptive-grid:nth-child(4n+5) {clear: both;} .span2.adaptive-grid {width: 18%; margin: 20px 0px 20px 0px;} .span13.adaptive-grid {width: 25%; float: left; margin: 0px 0px 20px 0px;} /* 2.3 - Lists */ ul.unstyled, ol.unstyled { margin: 0; list-style: none outside none; } ul.unstyled > li, ol.unstyled > li { list-style: none; } ul.horizontal > li, ol.horizontal > li { display: block; float: left; } ul.horizontal-inline, ol.horizontal-inline { text-align: center; } ul.horizontal-inline > li, ol.horizontal-inline > li { display: inline; margin: 0 5px; } ul.expanded > li, ol.expanded > li { margin-bottom: 10px; } /* =================== */ /* SECTION 3 */ /* =================== */ /* 3.1 - Toolbar */ .toolbar { color: #ffffff; font-size: 14px; } .toolbar li { line-height: 50px; list-style: none; padding: 0px 30px 0px 30px;; margin-bottom: 0 !important; } .toolbar a { color: #ffffff; } .toolbar a:hover { color: #5c666f; } .search_box { color: 727272; min-width: 250px; padding-left: 26px; border: none; vertical-align: middle; font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 14px; border-radius: 20px; } .go { position: absolute; width: auto; height: auto; padding: 0 8px; border: none; box-shadow: none; line-height: 50px; background: transparent; color: #888; outline: none; } .flyout .go {line-height: 32px; position: relative; margin-top: 2px; float: left;} .flyout .search_box {margin-left: -30px; float: right;} .toolbar .fa-shopping-cart { padding-right: 6px; } .toolbar .fa-user { padding-right: 6px; } .toolbar .or { color: #26AAE1;} .toolbar .btn {color: white; padding: 10px 15px; background-color: #3cb078; border-radius: 10px; margin: 15px 0px;} .toolbar .btn:hover {background-color: #62d397;} .promo-bar {width: 100%; height: auto; background-color: #FF0000; padding-top: 2px; padding-bottom: 1px;} .promo-text {color: white; font-family: inherit; z-index: 100; text-align: center; vertical-align: middle; font-size: 18px;} .promo-text-small {color: white; font-family: inherit; z-index: 100; text-align: center; vertical-align: middle; font-size: 10px;} .fade-in { animation: fadeIn ease 2s; -webkit-animation: fadeIn ease 2s; -moz-animation: fadeIn ease 2s; -o-animation: fadeIn ease 2s; -ms-animation: fadeIn ease 2s; } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-o-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-ms-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } .blink { -webkit-animation: blink 3s linear infinite; -moz-animation: blink 3s linear infinite; -ms-animation: blink 3s linear infinite; -o-animation: blink 3s linear infinite; animation: blink 3s linear infinite; } @-webkit-keyframes blink { 0% { opacity: 0.50; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes blink { 0% { opacity: 0.50; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes blink { 0% { opacity: 0.50; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes blink { 0% { opacity: 0.50; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } @keyframes blink { 0% { opacity: 0.50; } 50% { opacity: 1; } 50.01% { opacity: 0; } 100% { opacity: 0; } } /* 3.2 - Header */ .logo { max-width: 1278px; } .logo a img, .logo h1 a { display: block; margin: 0 auto; max-height:180px; } .logo h1 { text-align: center; } .logo { float: left; padding-left: 30px;} .wide .logo img {margin: 0 auto;} .logo h1 { margin:0; border:0; } .logo h1 a { text-decoration:none; font-size:60px; line-height:60px; color:#2089b6; font-weight:300; margin:0; padding:0; border:0; } .logo h1 a:hover { text-decoration:none; color:#2089b6; } .logo a, .logo img { display:block; margin:0; } .wide .logo {float: left; text-align: center; } .number-container {width: 60%; margin: 0px auto; float: left; text-align: center; padding: 50px 0px 0px 0px; } .header-review {float: right; padding:30px 30px 0px 0px} .number-container p.strapline {font-size:20px; font-family: "open sans", arial, Serif; color: #2089b6;} .number-container p.number {font-size:30px; font-family: "open sans", arial, Serif; color: #2089b6; line-height:30px;} /* 3.3 - Navigation */ nav { font-family:Open Sans;} nav { position: relative; border-bottom: 2px solid #72727250; margin-bottom: 20px; } nav > ul > li { margin-bottom: 0; } nav > ul > li > a { color: #343f71 ; display: block; padding: 20px 20px; font-size: 16px; } nav > ul > li > a.current { color: #26aae1; } nav > ul > li:hover { background-color: #eee; } nav > ul > li:hover > a { color: #5c666f; text-decoration: none; } nav > ul > li.dropdown { position:relative; } nav > ul > li.dropdown > .dropdown { background: #ffffff; list-style: none outside none; padding: 5px 15px; display: none; position: absolute; min-width: 180px; z-index: 99999; top: 100%; left: 0%; margin-left: 15px; border: 1px solid #72727250; border-radius: 0px 0px 10px 10px; } nav > ul > li.dropdown:hover > .dropdown { display: block; z-index: 999999; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10); box-shadow:0 0 3px rgba(0, 0, 0, 0.10); } nav > ul > li.dropdown li { list-style: none; line-height: 2.5em; } nav > ul > li.dropdown li a { line-height: 2.5em; color: #5c666f; } nav > ul > li.dropdown li a:hover { color: #26aae1; } /*nav > ul > li.dropdown a:hover {background-color: #eeeeee;}*/ nav > ul > li.dropdown > .dropdown { margin-left: 0; } nav > ul > li.dropdown:hover > .dropdown { display: block; z-index: 999999; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10); } nav > ul { text-align: center; } nav > ul > li { float: none !important; display:inline-block !important; } nav > ul > li.dropdown > .dropdown { text-align: left; } nav > ul > li.dropdown > .dropdown > li { display: block; } nav li a { white-space: nowrap; } nav.mobile { display: none; border: none; } nav.mobile > ul > li > a { line-height: 30px; height: 30px; } nav.mobile select { height: 30px; line-height: 30px; width: 100%; } #nav .wide {margin-left: 0px;} #nav .wide nav {padding-top: 0px; border-top: 1px solid #e0e0e0;} /* Mobile Nav Styles */ .menu-icon {display: none; position: relative; font-size: 20px; color: #ffffff; float: left; font-size: 16px; cursor: pointer; line-height: 50px;} .menu-icon i {padding-right: 6px;} nav.mobile {padding-top: 0px; width: 100%;} .mobile-wrapper {display: none; margin-bottom: 0px;} .flyout {background: #eeeeee; border-bottom: 1px solid #26aae1;} .flyout > ul {margin: 0px; list-style-type: none;} .flyout > ul li {margin: 0px; cursor: pointer; } .flyout > ul li a.navlink, .flyout > ul li .account-links, .flyout > ul > li > ul > li.customer-links a { color: #5c666f; display: block; font-size: 14px; line-height: 35px; height: 35px; padding: 0 40px; border-bottom: 1px solid #26aae1; border-top: none; } .flyout > ul li .more {float: right; margin-top: -36px; font-size: 18px; display: block; height: 35px; line-height: 35px; width: 35px; text-align: center; color: #fff; cursor: pointer;} .flyout > ul li, .flyout > ul li .more { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .flyout > ul li .more, .flyout > ul > li > ul > li a.navlink, .flyout > ul > li > ul > li.customer-links a { @if lightness(#eeeeee) > 50 { background: darken(#eeeeee, 10%); } @else { background: lighten(#eeeeee, 10%);} } .flyout > ul > li > ul { list-style-type: none; margin: 0px;} .flyout > ul > li > ul > li a.navlink, .flyout > ul > li > ul > li.customer-links a { color: #5c666f; padding-left: 50px; } .flyout > ul > li > ul > li a.navlink:hover, .flyout > ul li a.navlink:hover, .flyout > ul > li > ul > li.customer-links a:hover {color: #26aae1; } .flyout #go {line-height: 34px; position: relative; top: 34px;} .flyout .search-field {margin: 12px 0; float: left; padding: 0 40px; width: 100%; box-sizing: border-box;} .flyout .search-field .search {height: 35px;} .flyout .search_box { box-sizing: border-box; height: 35px; width: 100%; border-radius: 5px;} .search-field fr { padding-right: 30px; } /* 3.4 - Footer */ footer .span4 { padding-inline-start: 30px; padding-inline-end: 5px; } .footer-wrapper { width: 100%; background-color: #343f71; border-top: 5px solid #00a9e8; } footer { padding: 0; } footer > .row > .span12 { padding: 15px 0 0; } footer { padding-bottom: 20px; } footer .row { margin-bottom: 0; } footer, footer p { color: #ffffff; } footer h1, footer h2, footer h3, footer h4, footer h5 { color: #ffffff; } footer a { color: #ffffff ; } footer a:hover { color: #5c666f !important; } footer h4 { font-size: large; font-weight: 900; margin-bottom: 20px; } footer ul li { margin-bottom: 5px; } footer .btn.newsletter { font-size: 16px; font-weight: bold; height: 34px; line-height: 34px; margin-left: 15px; background: #1ac61a; color: #ffffff; } footer .btn.newsletter:hover { background: #11ad11; color: #f6f6f6; } footer #mail { width: 165px; } footer .copyright { margin: 20px 0 10px; } footer .tweet ul li { margin-bottom: 20px; } footer .tweet_list { list-style: none; margin: 0; } footer .tweet_avatar { display: none; } footer .tweet_time { display: none; } footer .tweet_text a { color: #ffffff !important; } footer .tweet_text a:hover { color: #5c666f !important; } /*3.4a ICONS */ .far .fa-check-circle {color: white;} /* footer .footer-ad {height: 80px; background-color: #152A50;} footer .ad-container {margin: 0 auto; width:90%; heigth: 60px; background-color:#ff8700;}*/ /* 3.5 - Homepage */ .intro h2 { font-size: 30px; margin-bottom: 20px; text-align: center;} .intro p, .intro li { font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 27px; } /*.phone-number-container {width:100%; hegiht: auto;} .phone-number-container-inner {width:100%; margin-left: auto; margin-right: auto; color: #1AC61A; text-align: center; } .phone-number-container-inner p {font-size:20px; color: #1AC61A; font-weight:400; line-height: 30px;}*/ .phone-number-container-product {width:100%; hegiht: auto; clear: both;} .phone-number-container-inner-product {width:100%; color: #1AC61A; } .phone-number-container-inner-product p {font-size:20px; color: #1AC61A; font-weight:400; line-height: 20px;} /* 3.6 - Product & Collections */ .product-loop-outer { background-color: white; border: 5px solid red; } .product { position: relative; margin-bottom: 20px; float: left; } .product .image { position:relative; overflow: hidden; margin: 0 0 20px;} .product .image a { text-align: center; } .image a#placeholder.zoom, .thumbs .image a { text-align: center; } .product .image.loading { background-position: 50% 50%; } .product img { margin: 0 auto; opacity: 1; filter: alpha(opacity = 100); -webkit-transition:opacity 0.15s; -moz-transition:opacity 0.15s; transition:opacity 0.15s; } .zoomImg { cursor: crosshair; } .product:hover img { opacity: 0.7; filter: alpha(opacity = 70.0); } .product img, .product .image a { display: block; margin: 0 auto; } .product a { text-decoration: none; } .product .title, .product .vendor { display: block; margin: 0; display: block; } .product .title { font-weight: bold; font-size: 14px; } .product .vendor { font-size: 13px; margin-bottom: 2px; } .product .circle, #product .circle { position: absolute; text-transform: uppercase; z-index: 9999; font-size: 14px; top: 0px; text-align: center; padding: 15px 7px; -moz-border-radius: 50px; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; } .product .circle.sale, #product .circle.sale { font-family: inherit; background-color: #fffff70; border-style: solid; border-color: #ed6f3b; color: #ed6f3b; position: absolute; text-transform: uppercase; z-index: 9999; top: -10px; text-align: center; padding: 18px 9px; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; ; -webkit-font-smoothing: subpixel-antialiased; z-index: 1;} .circlebs { font-family: inherit; background-color: #ffffff60; border-radius: 10px; border-style: solid; border-color: #ed6f3b; color: #ed6f3b; position: absolute; text-transform: uppercase; z-index: 9999; top: -10px; text-align: center; padding: 18px 9px; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; ; -webkit-font-smoothing: subpixel-antialiased; z-index: 1; } .circlenew { font-family: inherit; background-color: #ffffff60; border-radius: 10px; border-style: solid; border-color: #00a9e8; color: #00a9e8; position: absolute; text-transform: uppercase; z-index: 9999; top: -10px; text-align: center; padding: 18px 9px; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; ; -webkit-font-smoothing: subpixel-antialiased; z-index: 1; } .circleex { font-family: inherit; background-color: #ffffff60; border-radius: 10px; border-style: solid; border-color: #3cb078; color: #3cb078; position: absolute; text-transform: uppercase; z-index: 9999; top: -10px; text-align: center; padding: 18px 9px; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; ; -webkit-font-smoothing: subpixel-antialiased; z-index: 1; } .circlesale { font-family: inherit; background-color: #ffffff60; border-radius: 10px; border-style: solid; border-color: #E43A36; color: #E43A36; position: absolute; text-transform: uppercase; z-index: 9999; 14px; top: -10px; text-align: center; padding: 18px 9px; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; ; -webkit-font-smoothing: subpixel-antialiased; z-index: 1; } .circlepg { font-family: inherit; font-weight: 900; background-color: #ffffff60; border-radius: 10px; border-style: solid; border-color: #E43A36; color: #E43A36; position: absolute; text-transform: uppercase; z-index: 9999; top: -10px; text-align: center; padding: 18px 9px; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; ; -webkit-font-smoothing: subpixel-antialiased; z-index: 1; } .breadcrumb { margin: 0 0 30px 0; padding-left: 30px; font-family: inherit;} .breadcrumb .arrow-space { margin: -2px 6px 0; font-size: 10px; opacity: .5; filter:alpha(opacity=50); } .breadcrumb a { color: #5c666f; } .purchase h2.price { margin: 0 0 10px; display: block; font-size: 40px !important; font-weight: 900 !important; color: white; float: left; margin-right:10px; } .purchase h2.price-checkout { margin: 0 0 10px; display: block; font-size: 40px !important; color: #1ac61a; margin-right:10px; } .purchase h2.price del {display:none;} .details {text-align: center; color: #727272;} .details:hover {text-decoration: none;} .details .price { color: #727272;} .details .price del { color: #5c666f;} .product-loop-loggedin {color: white; padding: 15px 15px; background-color: #3cb078; border-radius: 10px; margin: 15px 0px;} .product-loop-loggedin:hover {background-color: #62d397;} #product .featured { margin-bottom: 40px; position: relative;} #product .description { margin-bottom: 15px; } #product .thumbs .image { margin-bottom: 15px; } #product .thumbs .image:nth-child(3n+4) { clear: left; } .collection-price {color: #3cb078; font-size: 20px; margin-bottom: 20px;} /*#product h3.collection-title { font-size: 20px; padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; }*/ .row .products { padding:30px; margin: auto; } .purchase { } .purchase span i {padding-left:10px;} .exvat {color: #ffffff;} .exvat-container {float:left; padding-left: 20px; margin: 5px 0px; padding-top:14px; padding-left: 5px;} .checkout-price {width: 100%; } .compare_price {font-size: 10px;} .price-container-outer { width: auto; height: auto; padding: 0px 20px 0px 20px; } .price-container { width: 100%; hegiht: auto; } #price-calculator {border: 3px solid #26aae1; border-radius: 5px; margin-bottom:20px; } #review-box {border: 3px solid rgb(18, 207, 108); border-radius: 5px; margin-top:20px; } .sales-price {float: left; padding-left: 20px;} #price-preview del {color: #5c666f; font-size:18px !important; font-weight:500; } #price-preview.price {color: #E43A36; height: auto; font-size: 40px; font-weight: 700; font-family: "open sans" arial, helvetica, cursive;} .vat-price { display: block; } .price-container h3 {font-weight: 900 !important;} .price-container h2 {padding: 0px 0px 0px 10px;} .file-upload {margin-bottom:20px;} .options-inner {padding: 20px 20px 0px 20px;} .bsscommerce-ltsp-message a { color: white; padding: 15px 15px; background-color: #3cb078; border-radius: 10px; margin: 15px 0px 0px 0px;} .bsscommerce-ltsp-message a:hover { background-color: #62d397; } .usp-review { margin:0px; padding: 0px;} .usp-feature { width: 100%; } .price-check { } .price-disclaimer p { margin: 20px 0px 0px 0px; } .usp-feature ul {margin:0px;} ul.product-usp li { /*list-style-image: url('/cdn/shop/files/tick.jpg?17210824267328253062');*/ padding: 10px 0px; display: inline-block; float:left; width: 25% !important; color: #ffffff; height: auto; list-style: none; text-align: center; margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; } .extra-info {padding: 20px 0px 0px 20px;} /* STYLED OPTIONS */ .selector-wrapper {margin-bottom:15px;} .quote-header-box {height: auto; width:100%; background-color: #26aae1;padding-bottom:5px;} .quote-header-box-inner {padding:10px 0px 10px 20px;} .product-options { display: block; } .product-options label { display: block; font-weight:900; color:#2089b6; margin:0 0 2px 0; text-transform:none; font-family: Open sans, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5em; } .product-options select { height:45px !important; /*border: 1px solid #e0e0e0 !important; /*Removes border*/ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ background: #ffffff url(/cdn/shop/files/Dropdown_Arrow.png?v=1752743668) no-repeat 95% center; width: 100%; /*Width of select dropdown to give space for arrow image*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/ cursor: pointer; border-radius:5px; } .product-options textarea { width: 30px; line-height: 1.5em; height: 18px; min-height: 18px; margin-bottom: 10px; } .product-options .field textarea { width: 100%; height: auto; } .field { font-size: 16px; } #quantity { width: 50px; margin-bottom: 20px; } @-moz-document url-prefix() { .product-options select { height: 30px; line-height: 30px; } } /* Firefox fix */ #collection h1 { display: inline; padding-left: 30px;} #collection .browse-tags { float: right; padding-right:30px;} #collection .browse-tags label { float: left; display: block; margin: 1px 8px 0 0; } @-moz-document url-prefix() { #collection .browse-tags label { margin: 7px 8px 0 0; } #collection .browse-tags select { float: right; height: 30px !important; line-height: 30px !important; } } .pagination { text-align: center;} .pagination li { display: inline; padding: 0 12px; font-size: 14px; } .pagination li span { color: #5c666f; } .pagination li a {color: white; padding: 15px 15px; background-color: #3cb078; border-radius: 10px; margin: 15px 0px;} .pagination li a:hover { background-color: #62d397; } .cantfind { display: block; width: auto; text-align: center; padding: 30px 30px; } .signupbox {width: 100%; height: 40px; float: left; background-color: #FFC021; line-height: 36px; margin-bottom:20px;} .signupboxtext {width: 90%; height: auto; margin-right: auto; margin-left:auto; color: white;} .usp-smiley img {} .usp-smiley p {width: 100%;} .collections-outer {width:100%; hegiht: auto; background-color: #FFC021; padding: 25px 10px;} .collections-inner {width:100%; margin-left: auto; margin-right: auto; color: #ffffff; text-align: center; } .collections-inner p {margin: 0px;} .circlesaleicon { font-family: inherit; background-color: #ffffff60; border-radius: 10px; border-style: solid; border-color: #E43A36; color: #E43A36; position: absolute; text-transform: uppercase; z-index: 9999; font-size: 16px; top: -10px; text-align: center; padding: 20px 10px; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; ; -webkit-font-smoothing: subpixel-antialiased; z-index: 1; } .circlebsicon { font-family: inherit; background-color: #ffffff60; border-radius: 10px; border-style: solid; border-color: #ed6f3b; color: #ed6f3b; position: absolute; text-transform: uppercase; z-index: 9999; font-size: 16px; top: -10px; text-align: center; padding: 20px 10px; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; ; -webkit-font-smoothing: subpixel-antialiased; z-index: 1; } .circlenewicon { font-family: inherit; background-color: #ffffff60; border-radius: 10px; border-style: solid; border-color: #00a9e8; color: #00a9e8; position: absolute; text-transform: uppercase; z-index: 9999; font-size: 16px; top: -10px; text-align: center; padding: 20px 10px; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; ; -webkit-font-smoothing: subpixel-antialiased; z-index: 1; } .circleexicon { font-family: inherit; background-color: #ffffff60; border-radius: 10px; border-style: solid; border-color: #3cb078; color: #3cb078; position: absolute; text-transform: uppercase; z-index: 9999; font-size: 16px; top: -10px; text-align: center; padding: 20px 10px; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; ; -webkit-font-smoothing: subpixel-antialiased; z-index: 1; } #collection-description { display: block; width: auto; text-align: center; padding-left: 30px; padding-right: 30px; } .usp-image-collections img {width: 35px;} .usps-container {margin-top: 20px;} /* HOVER STYLE */ div#hover-container { width: 100%; } div#pop-up { display: none; position: absolute; max-width: 300px; padding: 15px; background: #e5f7ff; border: 1px solid #26AAE1; font-size: 90%; z-index: 1; border-radius: 5px; } #hover-container a.hover-close {position: absolute; right: 10px;} /* END HOVER STYLE */ /* REVIEWS */ .character-review { margin-right:10px;} .outer-container {padding: 40px 0px 20px 20px; } /*TAB*/ @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); #tabs section { display: none; padding: 20px 0 0; border-top: 1px solid #ddd; } #tabs input { display: none; } #tabs label { display: inline-block; margin: 0 0 -1px; padding: 15px 25px; font-weight: 600; text-align: center; color: #bbb; border: 1px solid transparent; } #tabs label:before { font-family: fontawesome; font-weight: normal; margin-right: 10px; } #tabs label[for*='1']:before { content: '\f040'; } #tabs label[for*='2']:before { content: '\f085'; } #tabs label[for*='3']:before { content: '\f0d1'; } #tabs label[for*='4']:before { content: '\f1fc'; } #tabs label:hover { color: #5c666f; cursor: pointer; } #tabs input:checked + label { color: #5c666f; border: 1px solid #ddd; border-top: 3px solid #f7bf1e; border-bottom: 1px solid #fff; } #tabs #tab1:checked ~ #content1, #tabs #tab2:checked ~ #content2, #tabs #tab3:checked ~ #content3, #tabs #tab4:checked ~ #content4 { display: block; } @media screen and (max-width: 650px) { label { font-size: 0; } label:before { margin: 0; font-size: 18px; } } @media screen and (max-width: 400px) { label { padding: 15px; } } /* 3.7 - Cart */ #cart {padding: 0px 30px;} #cart .buttons { margin: auto; padding: 10px 20px; } #cart .extra-checkout-buttons { margin: auto; width: 10%; } #cart .extra-checkout-buttons input { border: none; box-shadow: none; height: 42px; } #cart .qty { text-align: center; } #cart .price, #cart .remove { font-size: 16px;} #update-cart { /*float: right;*/ } #cart .image { text-align: center; } #cart .image a, #cart .image img { margin: 0; border: none; } #cart a .variant_title { display: block; color: #5c666f; } #cart a:hover .variant_title { color: #2089b6; } #cart .item { max-width: 400px; } #cart .item-description { font-size: 12px; } .subtext.success { font-weight: 700; color: #40954a; } div.errors, .subtext.error { color: #E43A36; } div.errors { margin-bottom: 15px; } .notespace {margin-top: 10px;} .notespace textarea {max-width:500px; margin: 20px auto;} .artwork-container {max-width:500px; margin: 20px auto;} .featured-cart-title { display: block; width: 100%; margin: 0px 0px 30px 0px;} ul.cart-usp { list-style-image: url('/cdn/shop/files/tick.jpg?17210824267328253062'); margin-left: 30px; margin-top: 10px; } /* 3.8 - Blog / Articles / Search */ .sidebar h3 { font-size: 18px; } .sidebar .article { margin: 0 0 15px; } .sidebar .article a { display: block; } .sidebar .tags li { margin: 0; } .article h1 {clear: both; float: none; } .article h1 a { display: block; color: #26aae1; } .article h1 .article-title { display: block; } .article h1 a:hover { color: #2089b6; } .article h1 .date, .article-body h1 .date { font-size: 13px; font-family: Helvetica, Arial, sans-serif; } .article .continue { display: block; margin-top: 15px; } #article .comment { margin-bottom: 15px; } #article .comment_form { margin-top: 30px; } #article .comment_form .subtext { margin-bottom: 15px; } #article .comment_form label { display: block; } #article .comment_form .text { margin-bottom: 15px; display:block; } #article h2.comment-title { font-size: 20px; } #article #comment_body { width: 100%; height: 200px; } #article h3.author { font-size: 14px; font-style: italic; } #article-content h1 { color: #2089b6; font-weight:300; font-size:48px; line-height:48px; } #article-content h2 { color: #2089b6; font-weight:300; font-size:48px; line-height:48px; } #article-content h3 { color: #2089b6; font-weight:300; font-size:24px; line-height:28px; } #search .results .thumbnail a { display:block; float: left; margin-right: 30px; } #search .search-border { border-bottom: 1px solid #e0e0e0; } #search .results .thumbnail a { float: none; } #search .search-field { position: relative; height: 60px; line-height: 60px; } #search .search_box { height: 34px; padding: 0 10px 0 26px; border: none; vertical-align: middle; line-height: normal; font-family: Open Sans, Helvetica, Arial, sans-serif; color: #5c666f !important; border: 1px solid #26aae1; } #search { padding-left: 30px; padding-right: 30px; } /* 3.9 - Customer Pages */ #customer-login { width: 100%, height: auto; padding-left: 30px; } #customer-account { line-height: inherit; width: auto; display: block; padding-left:30px; padding-right: 30px; } #customer-account h1 { width: 100% } #customer-account p, #customer-order p { line-height: 14px; } #login input.text { display: block; width: 200px; border-radius: 10px; } #customer-activate .create-password { margin-bottom: 30px; } #customer-activate .label, #customer-login .label, #customer-reset-password .label, #customer-register .label { display: block; margin-bottom: 10px; } #customer-activate .text, #customer-login .text, #customer-reset-password .text, #customer-register .text { margin-bottom: 10px; } #customer-login .action_bottom, #customer-register .action_bottom { margin-top: 10px; } #order_cancelled { margin-bottom: 30px; } #customer-addresses { display: block; padding-left: 30px; padding-right: 30px; width: 100%; height: auto; } #customer-addresses .add-new-address { display: block; } #address_tables { width: 100%; } #customer_orders { display: block; width: 100%; padding-right: 30px; padding-left:30px; margin-bottom: 30px; } .view_address { margin-top: 30px; } .action_bottom span { display: block; } .customer_login { display: block; width: auto; margin-top: 30px; } #customer_sidebar { display: block; width: 100%; padding-left: 30px; padding-right:30px; margin-top: 30px; } /* =================== */ /* SECTION 4 */ /* =================== */ /* 4.1 - Desktop Wide */ @media only screen and (min-width: 1340px) { .wrapper, .toolbar, footer { width: 100%; } .span1 {width: 79px;} .span2 {width: 188px;} .span3 {width: 20%; padding: 30px;} .span4 {width: 30%;} .span5 {width: 515px;} .span6 {width: 624px;} .span7 {width: 733px;} .span8 {width: 842px;} .span9 {width: 951px;} .span10 {width: 1060px;} .span11 {width: 1169px;} .span12 {width: 100%;} #product .span6 {display: block; padding-left: 2%; padding-right: 2%; width: 46%;} .row .results .span1 { width: auto;} .span3.adaptive-grid {width: 20%;} #product-spacer .row .products .span3 {margin: 0px 30px;} /*.span3.adaptive-grid:nth-child(4n+5) {clear: none;} .span3.adaptive-grid:nth-child(6n+7) {clear: both;}*/ } /* 4.2 - Desktop Slim */ @media only screen and (min-width: 768px) and (max-width: 1026px) { .logo { max-width: 738px; } .wrapper, .toolbar, footer { width:768px; } .span1 { width:34px; } .span2 { width:92px; } .span3 { width:162px; } .span4 { width:226px; } .span5 { width:290px; } .span6 { width:354px; } .span7 { width:418px; } .span8 { width:482px; } .span9 { width:546px; } .span10 { width:610px; } .span11 { width:674px; } .span12 { width:738px; } .span3.adaptive-grid {width: 226px;} .span3.adaptive-grid:nth-child(6n+7) {clear: none;} .span3.adaptive-grid:nth-child(4n+5) {clear: none;} .span3.adaptive-grid:nth-child(3n+4) {clear: both;} footer .btn.newsletter { font-size: 12px; padding-right: 8px; padding-left: 8px; } footer #mail { width: 124px; } .number-container {width: 40%; margin: 0px auto; float: left; text-align: center; padding: 50px 0px 0px 0px; } .header-review {float: right; padding:30px 0px;} .number-container p.strapline {font-size:20px; font-family: "open sans", arial, Serif; color: #2089b6;} .number-container p.number {font-size:25px; font-family: "open sans", arial, Serif; color: #2089b6; line-height: 25px;} .usp-feature ul li {min-height: 30px;} } /* 4.3 - Tablet Landscape */ @media only screen and (min-width: 600px) and (max-width: 797px) { .mobile-wrapper {display: block;} section#nav { display:none; } nav.mobile, .menu-icon { display: block; } .logo { float: left; margin: 0 auto; } .logo a, .logo img { margin: 0 auto; max-height:135px; } .logo h1 a { text-align: center; } nav.mobile { padding: 0; } .logo { max-width:430px; } .logo { max-width: 570px; } .wrapper, .toolbar, footer { width:600px; } .span1 { width:20px; } .span2 { width:70px; } .span3 { width:120px; } .span4 { width:170px; } .span5 { width:220px; } .span6 { width:270px; } .span7 { width:320px; } .span8 { width:370px; } .span9 { width:420px; } .span10 { width:470px; } .span11 { width:520px; } .span12 { width:570px; } .span4.logo-wrapper { width:570px; } .span3.adaptive-grid {width: 270px;} .span3.adaptive-grid:nth-child(6n+7) {clear: none;} .span3.adaptive-grid:nth-child(4n+5) {clear: none;} .span3.adaptive-grid:nth-child(3n+4) {clear: none;} .span3.adaptive-grid:nth-child(2n+3) {clear: both;} .toolbar .customer-links {display: none;} .toolbar {width: 100%; padding: 0 40px; box-sizing: border-box;} .toolbar .search-field { display: none; } footer .span1, footer .span2, footer .span3, footer .span4, footer .span5, footer .span6, footer .span7, footer .span8, footer .span9, footer .span10, footer .span11, footer .span12 { width: 550px; } #product .span6 {width: 570px;} #product .span5 { width: 470px; } #product .span1 { width: 70px; } #blog .sidebar { display: none; } #blog .span9 { width: 570px; } #header .span9, #header .span3 { width: 570px; } #header .span9 { margin-left: 0 !important; } #header .span7, #header .span5 { width: 570px; } #header .span7 { margin-left: 0 !important; } .footer-menu { margin-bottom: 20px; } .number-container {width: 40%; margin: 0px auto; height: 500, auto; float: left; text-align: center; padding: 50px 0px 0px 0px; } .header-review {display: none;} .number-container p.strapline {font-size:20px; font-family: "open sans", arial, Serif; color: #2089b6;} .number-container p.number {font-size:25px; font-family: "open sans", arial, Serif; color: #2089b6; line-height: 25px;} } /* 4.4 - Mobile Landscape */ @media only screen and (min-width: 510px) and (max-width: 629px) { .mobile-wrapper {display: block;} section#nav { display:none; } nav.mobile, .menu-icon { display: block; } nav.mobile { padding: 0; } .logo { max-width:320px; margin: 0 auto; } .logo { max-width: 450px; } .logo { margin: 0 auto; float: none; text-align: center; } .logo a, .logo img { margin: 0 auto; max-height:135px; } .logo h1 a { font-size:32px; margin-left:0px; } .toolbar .search-field { display: none; } .wrapper, .toolbar, footer { width:480px; } .span1 { width:10px; } .span2 { width:50px; } .span3 { width:90px; } .span4 { width:130px; } .span5 { width:170px; } .span6 { width:450px; } .span7 { width:250px; } .span8 { width:290px; } .span9 { width:330px; } .span10 { width:370px; } .span11 { width:410px; } .span12 { width:450px; } .span4.logo-wrapper { width:450px; } .span3.adaptive-grid {width: 210px;} .span3.adaptive-grid:nth-child(6n+7) {clear: none;} .span3.adaptive-grid:nth-child(4n+5) {clear: none;} .span3.adaptive-grid:nth-child(3n+4) {clear: none;} .span3.adaptive-grid:nth-child(2n+3) {clear: both;} .toolbar .customer-links {display: none;} .toolbar {width: 100%; padding: 0 40px; box-sizing: border-box;} #collection .browse-tags select {margin-top: 12px;} footer .span1, footer .span2, footer .span3, footer .span4, footer .span5, footer .span6, footer .span7, footer .span8, footer .span9, footer .span10, footer .span11, footer .span12 { width: 450px; } #product .span6, #product .span4, { width: 450px; } #product .span5 { width: 350px; } #product .span1 { width: 70px; } #blog .sidebar { display: none; } #blog .span9 { width: 450px; } #cart .item-description { display: none; } #collection .browse-tags { float: none !important; display: block; padding-top: 10px; } #collection .browse-tags label { display: none; } #collection .browse-tags select { width: 100%; height: 30px !important; line-height: 30px !important; } #article .sidebar { display: none; } #article .article { width: 450px; } #header .span9, #header .span3, #header .span7, #header .span5 { width: 450px; } #header .span9, #header .span7 { margin-left: 0 !important; } .footer-menu { margin-bottom: 20px; } #product .thumbs .image:nth-child(3n+4) { clear: none; } #product .thumbs .image:nth-child(6n+7) { clear: left; } #product .thumbs .last-in-row { padding-right: 15px; } #product .thumbs .image:nth-child(6n+6) { padding-right: 0; } #collection .browse-tags {padding-left: 0px;} .number-container {width: 40%; margin: 0px auto; float: left; text-align: center; width:100%; padding: 10px 0px 0px 0px; } .header-review {display:none;} .number-container p.strapline {font-size:15px; font-family: "open sans", arial, Serif; color: #2089b6;} .number-container p.number {font-size:20px; font-family: "open sans", arial, Serif; color: #2089b6; line-height: 20px;} .usp-feature ul li {min-height: 30px;} } /* 4.5 - Mobile Portrait */ @media only screen and (max-width: 509px){ .mobile-wrapper {display: block;} #checkout-link { display:none; } .logo { width:100%; margin: 0 auto; padding: 30px 0px; } .logo img { margin: 0 auto; max-height: 130px; max-width: 100%; } .logo h1 a { line-height: 36px; text-align: center; } section#nav { display:none; } nav.mobile, .menu-icon { display: block; } nav.mobile { padding: 0; } .wrapper { padding: 0; } .wrapper, .toolbar, footer { width:320px; } .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12, .span4.logo-wrapper { width:290px; float:none; } .logo h1 a { font-size:24px; margin-left:0px; } .toolbar .search-field { display: none; } .flex-controls { display: none !important; } footer .btn.newsletter { font-size: 12px; padding-right: 8px; padding-left: 8px; } footer #mail { width: 168px; } footer #mail input:-webkit-input-placeholder { line-height: 30px; } #blog .sidebar { display: none; } #blog .span9 { width: 290px; } #product .title { font-size: 22px; } #product .featured { margin-bottom: 15px; } #product .thumbs { margin: 0 0 30px 0; } #product .thumbs .image a { max-width: 60px; float: left; margin: 0 15px 0 0; } #cart .item-description { display: none; } #collection h1 { float: none !important; } #collection .browse-tags { float: none !important; display: block; padding-top: 10px; } #collection .browse-tags label { display: none; } #collection .browse-tags select { width: 100%; height: 30px; line-height: 30px; } #product .span6 {clear: both;} #product .span5 { float: left; width: 230px; } #product .span1 { float: left; width: 60px; margin: 0; } #product .thumbs { margin: 0 0 15px 0; } #product .thumbs .image { margin-bottom: 0; } #product .thumbs .image a { margin-bottom: 15px; } #content { min-height: 0px !important; } .footer-menu { margin-bottom: 20px; } .toolbar .customer-links {display: none;} .toolbar {width: 100%; padding: 0 40px; box-sizing: border-box;} .toolbar li { padding: 0px 30px 0px 30px; } .flyout .search-field {float: none;} .span3.adaptive-grid {width: 290px;} #collection .browse-tags select {margin-top: 12px;} #collection .browse-tags {padding-left: 0px;} .number-container {width: 40%; margin: 0px auto;float: left; text-align: center; width:100%; padding: 10px 0px 0px 0px; } .header-review {display:none;} .number-container p.strapline {font-size:15px; font-family: "open sans", arial, Serif; color: #2089b6;} .number-container p.number {font-size:20px; font-family: "open sans", arial, Serif; color: #2089b6; line-height: 20px;} .usp-feature ul li {min-height: 30px;} } /* =================== */ /* SECTION 5 */ /* =================== */ /* 5.1 - IE Fixes */ .ie8 .product .circle, .ie8 #product .circle { right: 0; top: 0; padding: 8px 12px; } .ie8 .span3.adaptive-grid:first-child + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid, .ie8 .span3.adaptive-grid:first-child + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid, .ie8 .span3.adaptive-grid:first-child + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid, .ie8 .span3.adaptive-grid:first-child + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid + .span3.adaptive-grid {clear: both;} .ie7 nav > ul > li { float: left !important; display:inline-block !important; } /* =================== */ /* SECTION 6 */ /* =================== */ /* 6.1 - FancyBox */ /*!fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.fancybox-opened{z-index:1;}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);}.fancybox-outer,.fancybox-inner{position:relative;}.fancybox-inner{overflow:hidden;}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;}.fancybox-image{max-width:100%;max-height:100%;}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('fancybox_sprite.png');}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:0;}#fancybox-loading div{width:44px;height:44px;background:url('fancybox_loading.gif') center center no-repeat;}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:0;}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:0;}.fancybox-prev{left:0;}.fancybox-next{right:0;}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:0;visibility:hidden;}.fancybox-prev span{left:10px;background-position:0 -36px;}.fancybox-next span{right:10px;background-position:0 -72px;}.fancybox-nav:hover span{visibility:visible;}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important;}.fancybox-lock{overflow:hidden!important;width:auto;}.fancybox-lock body{overflow:hidden!important;}.fancybox-lock-test{overflow-y:hidden!important;}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:0;background:url('fancybox_overlay.png');}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;z-index:0;}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}.fancybox-opened .fancybox-title{visibility:visible;}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}.fancybox-title-inside-wrap{padding-top:10px;}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8);}@media only screen and(-webkit-min-device-pixel-ratio:1.5),only screen and(min--moz-device-pixel-ratio:1.5),only screen and(min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('fancybox_sprite@2x.png');background-size:44px 152px;}#fancybox-loading div{background-image:url('fancybox_loading@2x.gif');background-size:24px 24px;}} /* 6.2 - FlexSlider */ .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline: none;} .slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {width: 100%; margin: 0 0 30px 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin-bottom: 0px !important;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {background: transparent; position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.8); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.8); font-size: 14px; line-height: 18px;} .flex-direction-nav { height: 0; display: none; } .flex-direction-nav li { margin-bottom: 0; } .flex-direction-nav li a {width: 50px; height: 50px; display: block; background: url('//www.pgpromotionalitems.co.uk/cdn/shop/t/96/assets/slider-arrows.png?v=181410133311947576791753268549') no-repeat; position: absolute; top: 48%; cursor: pointer; text-indent: -999em;} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Light Direction Nav */ .flex-direction-nav li .prev {left: 20px; background-position: 0 -100px; } .flex-direction-nav li .next {right: 20px; background-position: -250px -100px; } .flex-direction-nav li .prev:hover {background-position: 0 -150px; } .flex-direction-nav li .next:hover {background-position: -250px -150px; } .flex-controls { opacity: 0.9; filter: alpha(opacity = 90); } /* Horizontally centering slides in slideshow when the slides are not wide enough */ .flexslider .slides li { text-align: center !important; } .flexslider .slides img { display: inline !important;} .banner-wrapper { width: 100% height: auto; } /* added by kevin @ shopify */ input[type="radio"] {-webkit-appearance: radio;} .centre {text-align: center; margin-right: 0px auto; margin-left: 0px auto;} /* nu */ .upr-section { height: 110px; cursor: pointer; } p.para1 { font-size: 21px !important; color:#2089b6; } .upr-section p { font-size: 10px; margin: 10px 0px 0px 0px; } i.fa.fa-angle-right { font-size: 21px; font-weight:bold; } .second { font-size: 20px !important; margin-top:10px; } .second_a { font-size: 12px; } .sec { text-align: center; position: relative; bottom: 89px; font-size: 12px !important; left: 18px; } .upr-section i { position: relative; } /* #product h1{ margin-left:-5px; font-size:45px!important; color: #ff1493; text-transform: uppercase; font-weight: 900; } */ @media screen and (max-width: 479px){ p.para1 { font-size: 12px !important; margin-left: 9px; } i.fa.fa-angle-right { right: 31px; } .second { bottom: 60px; font-size: 14px !important; left: 20px; } .sec { bottom: 75px; left: 23px; } .upr-section i { margin-left: 7px; position: relative; bottom: 14px; font-size: 9px; } #product .circle.sale { top: 0px; } } @media screen and (min-width: 480px) and (max-width: 767px){ p.para1 { font-size: 12px !important; margin-left: 9px; } i.fa.fa-angle-right { right: 31px; } .second { bottom: 60px; font-size: 14px !important; left: 20px; } .sec { bottom: 75px; left: 23px; } .upr-section i { margin-left: 7px; position: relative; bottom: 14px; font-size: 9px; } #product .circle.sale { top: 0px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 960px) and (max-width: 1024px) { i.fa.fa-angle-right { right: 20px !important; } .second { left: 63px; font-size: 19px !important; bottom: 63px; } .sec { left: 81px; } } .price-container-outer .bsscommerce-ltsp-message { display: block; margin-top: 20px; } .collection-price span.bsscommerce-ltsp-message { display: none !important; }