/**
    * Theme: Heroprint
    * Version: 1.0.1
    * Last Modified: 30.03.2017
    * Author: Liquid Communications
    *
    * Description: Heroprint template built on Foundation 6.3.0 CSS framework
    * All style overrides should be done in this file, avoid editing foundation.min.css or foundation.css directly
    * Styles here have been broken down into sections to make finding styles for a particular section of the site easier
    *
    * Full documentation on Foundation 6 with code and class name breakdowns:
    * http://foundation.zurb.com/sites/docs/kitchen-sink.html
    *
 */

/*
 ***** GLOBAL STYLES *****
 * These are styles that affect elements across the entire site
 */
.row { max-width: 68rem; } /* changes global site width */
/* Links */
a {
    color: #e86722;
    -webkit-transition: color 0.3s, opacity 0.3s;
    -moz-transition: color 0.3s, opacity 0.3s;
    -ms-transition: color 0.3s, opacity 0.3s;
    -o-transition: color 0.3s, opacity 0.3s;
    transition: color 0.3s, opacity 0.3s;
}
a:hover { color: #e86722; }

/* Text and link colours*/
.orange, a:hover.hover-orange { color: #e86722; }
.black, a:hover.hover-black { color: #343537; }
.white, a:hover.hover-white { color: white; }
.grey, a.grey { color: #727579; }
.orange-bg { background: #e56722; }
i.success { color: #54c57f; font-size: 20px; }

/* Options to add or remove padding to any element */
.no-left-pad { padding-left: 0 !important; }
.no-right-pad { padding-right: 0 !important; }
.no-top-pad { padding-top: 0 !important; }
.no-bottom-pad { padding-bottom: 0 !important; }
.no-padding { padding: 0 !important; }
.no-left-margin { margin-left: 0 !important; }
.no-right-margin { margin-right: 0 !important; }
.no-top-margin { margin-top: 0 !important; }
.no-bottom-margin { margin-bottom: 0 !important; }
.no-margin { margin: 0 !important; }

.pad-top { padding-top: 40px; }
.pad-bottom { padding-bottom: 40px; }
.pad-left { padding-left: 20px; }
.pad-right { padding-right: 20px; }
.large-pad-left { padding-left: 60px !important; }
.large-pad-right { padding-right: 60px !important; }
.pad-top-small { padding-top: 10px; }
.pad-bottom-small { padding-bottom: 10px; }
.pad { padding: 20px; }

/* Borders */
.left-border { border-left: 1px solid #eaeaea; }
.top-border { border-top: 1px solid #eaeaea; }
.right-border { border-right: 1px solid #eaeaea; }
.bottom-border { border-bottom: 1px solid #eaeaea; }

.top-margin { margin-top: 30px; }
.bottom-margin { margin-bottom: 30px; }

/* Option to wrap a row with a div.section that will be 100% width and have 30px padding top and bottom for spacing rows */
.section { width: 100%; padding: 30px 0; }
.section-grey { background: #f2f2f2; }

/* Content area wrap */
.content-wrap { padding-top: 1.875rem; }

/* Default tick style lists with orange tick instead of standard bullets */
.content-wrap ul li { list-style: none; margin-left: 0; }
.content-wrap ul li:before { content: '\f00c'; display: inline-block; margin-left: -20px; padding-right: 10px; font-family: 'FontAwesome'; color: #eb6923; } /* Tick before list item */

/* Optional class to add a shadow all around an element */
.shadow { box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.shadow-top {
    -webkit-box-shadow: 0 -1px 7px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 -1px 7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -1px 7px rgba(0, 0, 0, 0.2);
}

.no-js .title-bar { display: none; }
.grey-bg { background: #f2f2f2; }
.white-bg { background: #fff; border: 1px solid #ebeaea;}

/* Separator */
hr { border-bottom: 1px solid #e3e3e3; margin: 1.1rem auto; }

/* Force removal of a background */
.no-bg { background: transparent !important; }

/* Option to make a list horizontal */
ul.inline-list li { display: inline-block; padding-right: 25px; }

/* Default font styles */
body, p { font: 400 14px/1.4em 'proxima-nova', sans-serif; color: #595959; }
p strong { color: #e86722; }
h1, h2, h3 { font-family: 'proxima-nova', sans-serif; font-weight: 300; }
h1 { font-size: 40px; color: #2e2f31; }
h2 { font-size: 32px; color: #2e2f31; }
h3 { font-size: 24px; color: #323437; font-weight: 400; }
h4 { font-size: 20px; color: #323437; font-weight: 400; }
h5 { font-size: 16px; color: #323437; }
h1 small, h2 small, h3 small, h4 small, h5 small { color: #323437; font-size: 60%; }
h1 .large, h2 .large, h3 .large, h4 .large, h5 .large { font-size: 150%; }
p { max-width: 900px; margin-left: auto; margin-right: auto; }
.content-wrap p a { font-weight: 700; border-bottom: 1px dotted #eed5cc; }
.content-wrap p a.black { border-bottom: 1px dotted #343537; }
.fixed-width { display: inline-block; width: 70px; margin-right: 10px; }

/* Icons */
.fa.large { font-size: 20px; }

/*
 ***** HEADER *****
 * Top bar, logo and cart menu styling
 */
.top-bar { padding: 0; background: white; }
.top-bar ul { background: none; }
.top-bar .top-bar-right { padding-top: 15px; }
.top-bar .top-bar-right ul.menu li { border-left: 1px solid #eaeaea; }
.top-bar .top-bar-right a { color: #444649; }
.top-bar.sticky { width: 100%; }
#main-header .menu-wrapper { background: #929497; }
#main-header #top-bar { padding-top: 15px; padding-bottom: 15px; }
#main-header .sticky {
    z-index: 20;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}


/*
 ***** MAIN NAVIGATION *****
 * Main navigation styles including drop downs and hanging 'order here' buttons
 */
#main-menu ul.mega-menu-container { display: table; width: 100%; position: relative; }
#main-menu li a { color: white; text-align: center; padding: 1.1rem 1rem; font-size: 13px; }
#main-menu ul.menu li { text-transform: uppercase; }
.menu li.active > a { background: inherit; }
.menu li a i { font-size: 18px; }

/* Nav Colours */
#main-menu ul.menu > li.nav-home { background: #e76722; }
#main-menu ul.menu > li.nav-business-card, #main-menu ul.menu > li.nav-business-card ul li { background: #f4a807; }
#main-menu ul.menu > li.nav-digital, #main-menu ul.menu > li.nav-digital ul li { background: #56ae45; }
#main-menu ul.menu > li.nav-wide-format, #main-menu ul.menu > li.nav-wide-format ul li { background: #34aa95; }
#main-menu ul.menu > li.nav-finishes, #main-menu ul.menu > li.nav-finishes ul li { background: #268bb6; }
#main-menu ul.menu > li.nav-stock, #main-menu ul.menu > li.nav-stock ul li { background: #424fb8; }
/*#main-menu ul.menu > li.nav-about, #main-menu ul.menu > li.nav-about ul li { background: #424fb8; }*/
#main-menu ul.menu > li.nav-help { background: #aa42b7; }
#main-menu ul.menu > li.nav-help ul li { background: #d586df; }
#main-menu ul.menu > li > a:hover, #main-menu ul.menu li.active > a, #main-menu ul.menu > li .floating-button > a:hover { opacity: 0.7; }
#main-menu ul.menu li ul li a { text-align: left; }

/* Hanging 'ORDER HERE' buttons */
#main-menu li .hanging-button { position: absolute; width: inherit; text-align: center; margin-top: 2px; }
#main-menu li .hanging-button { padding: 3px 0; display: block; font-weight: 600;  color: white;}
#main-menu li:nth-child(2) .hanging-button { background: #e38e08; }
#main-menu li:nth-child(3) .hanging-button { background: #469236; }
#main-menu li:nth-child(4) .hanging-button { background: #2b8a79; }

/* Hide the drop down menu indicators */
.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after, .dropdown.menu>li.is-dropdown-submenu-parent>a:after { display: none; content: ''; color: white; }

/* Mega Menu (Full width sub menu styles) */
.menu .mega-menu .menu, .menu .menu { border: none; box-shadow: 0 5px 15px rgba(0,0,0,0.4); }
#main-menu .mega-menu { position: static; }
#main-menu .mega-menu .menu { left: 0; right: 0; top: auto; position: absolute; z-index: 500; /* z-index to push drop downs over other menu items in accordion menu */ }
#main-menu ul.menu > li.mega-menu ul li { background: #f3f3f3; }
.mega-menu-container .menu li .column { border-right: 1px solid #f7f7f7; padding: 0; }
.mega-menu-container .menu li .column:last-of-type { border-right: none; }
.mega-menu-container .menu li .nav-header {
    background: #f6e0b1;
    padding: 10px 10px 10px 15px;
    margin-top: 0;
    color: #434552;
    text-transform: none;
    font-size: 15px;
    height: 65px;
    display: table;
    vertical-align: middle;
    width: 100%;
}

/*.mega-menu-container .menu-green li .nav-header {background: #bcdab5 !important;}
.mega-menu-container .menu-aqua li .nav-header {background: #99CCBF !important;}*/ /* CM 20170410 for Wade Old:#afe4da Then:#7CBEAE Then:#9CCCBE Current:#99CCBF */

.nav-digital li .nav-header {background: #bcdab5 !important;}
.nav-wide-format li .nav-header {background: #99CCBF !important;}
.nav-finished li .nav-header {background: #cacaca !important;}
.nav-stock li .nav-header {background: #a5abdc !important;}

.mega-menu-container .nav-header i { display: table-cell; vertical-align: middle; max-width: 36px; width: 36px; }
.mega-menu-container .nav-header span { display: table-cell; vertical-align: middle; padding-left: 5px; line-height: 1.3em; width: auto; }
.mega-menu-container .menu .row { margin: 0; }
#main-menu .mega-menu ul.menu li { display: block; }
#main-menu .mega-menu ul.menu li ul { padding: 15px 0 30px 0; }
#main-menu ul.menu li.mega-menu ul li a { color: #434552; padding: 5px 1rem; display: block; text-transform: none; font-size: 13px; text-align: left; }
#main-menu .mega-menu ul.menu li ul li a:hover { color: #e86822; }
#main-menu .is-dropdown-submenu-parent > a:after { border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0); }

/* Foundation 6 uses JS for dropdowns, so we add this to allow dropdowns to work in browsers with JS disabled */
.no-js .dropdown.menu ul { display: inherit; }
.no-js .dropdown.menu ul.menu { display: none; position: absolute; }
.no-js .dropdown.menu ul.menu li { display: block; }
.no-js #main-menu ul.menu ul.menu {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
    display: block;
    z-index: 30;
}
.no-js #main-menu .mega-menu ul.menu { display: table; width: 100%; }
.no-js #main-menu ul.menu > li:hover > ul.menu { opacity: 1; }

/* Mobile Menu */
.title-bar { background: #939598; padding: 1rem; }
/* On mobile the menu changes to an accordian style menu via JS, so we have some style changes for this */
.is-accordion-submenu-parent>a:after { border-color: #ffffff transparent transparent; }
#main-menu ul.menu.accordion-menu ul li { display: block; }


/*
 ***** BUTTONS *****
 * General button styles and colour schemes used across the site
 */
.button {
    background: #e76722;
    color: white;
    font-weight: 600;
    padding: 0.85em 2em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.button:hover, .button:focus { background: #df5430; }
.button.large { font-size: 1rem; }
/* Button colours to match nav section of site, just add relevant colour class to a.button */
.button.yellow-button { background: #f3a807; }
.button.green-button { background: #56ae45; }
.button.teal-button { background: #34aa95; }
.button.blue-button { background: #268bb6; }
.button.purple-button { background: #424fb8; }
.button.pink-button { background: #aa42b7; }
.button.white-button { background: white; border: 1px solid #dddddd; color: #343537; }
.button.dark-button { background: #343537; color: white; }
.button.clear-button { background: transparent; border: 1px solid #dddddd; color: #2e2f31; }
.button .fa-left { margin-right: 10px; }
.button .fa-right { margin-left: 10px; }
.button.alert { background: #d31c29; }
.button.success { color: white; background: #53a842; }
.button.success:focus, .button.success:hover { background: #469236; color: white; }
.button.fullwidth { width: 100%; padding-left: 0; padding-right: 0; }


/*
 ***** TEMPLATE :: HOME  *****
 * These are styles specific to the home page
 * Includes styling for the home page content slider
 */

/*
    HEADER SLIDER (flexslider)
 */
.orbit, .orbit-container, .orbit-slide { max-height: 450px; }
/* Slider text overlays */
.orbit figcaption { top: 0; background: transparent; text-align: center; }
.orbit-caption { color: white; background: transparent; padding: 0; }
.orbit-caption .row { text-align: left; padding-top: 4em; }
.row .limit-content-width { max-width: 50%; }
.light-caption.orbit-caption h1, .light-caption.orbit-caption p { color: white; }
.orbit-caption h1 { line-height: 1.15em; }
.orbit-caption p { line-height: 1.6em; }
.orbit-caption p.lead { text-transform: uppercase; font-weight: 600; margin-bottom: 0.5em; }

/* 'Our Technology' section at base of home page */
/*#our-technology { background: #f2f2f2 url(/includes/images/our-technology-printer.png) no-repeat center; }*/


/*
 ***** GENERAL PAGE HEADER  *****
 * Page Header used on categories, products and other page types
 */
#page-header { min-height: 400px; background: #727579; color: white; }
#page-header.light-caption h1, #page-header.light-caption h2, #page-header.light-caption p { color: white; }
#page-header .row { display: table; height: 400px; }
#page-header .caption { display: table-cell; vertical-align: middle; height: 100%; }
#page-header h1 { line-height: 1.15em; }
#page-header a.button { margin-top: 20px; }
#page-header ul li { list-style: none; margin-left: 0; }
#page-header.light-caption ul li:before { color: #eb6923; content: '\f00c'; display: inline-block; margin-left: -15px; padding-right: 5px; font-family: 'FontAwesome'; }
#page-header hr { border-bottom: 1px solid #404046; }
/* Narrow header used on order pages or where you don't want a header image */
#page-header.narrow-header { min-height: 100px; padding: 40px 0 20px 0; }
#page-header.narrow-header .row { height: auto; }


/*
 ***** TEMPLATE :: PRODUCT & CATEGORY LISTINGS *****
 * Contains styling for categories and product listing grids
 */

/* PRODUCT & CATEGORY LISTING */
.category-grid figure, .product-grid figure {
    position: relative;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    text-align: center;
}
.category-grid a:hover figure, .product-grid a:hover figure { opacity: 0.8; }
.category-grid figure figcaption { position: absolute; bottom: 0; padding: 10px 0; margin-bottom: 0; background: rgba(255,255,255,0.85); width: 100%; height: auto; text-align: center; font-size: 16px; font-weight: 400; color: #323437; }
.category-grid figure img, .product-grid figure img { width: 100%; height: auto; max-width: 514px; }
.product-grid figcaption ul { margin-left: 1rem; }
.product-grid figcaption ul, .product-grid figcaption ul li { list-style: disc; }
.product-grid figcaption ul li:before { display: none; content: ''; }

/* Two Column Product Listing. (Image left, text on right) */
.product-grid.two-col-preview figure .product-image { float: left; max-width: 218px; height: 218px; margin-right: 20px; border: 1px solid #e3e3e3; width: 50%; padding: 0; background: white; }
.product-grid.two-col-preview figure figcaption {
    float: left;
    width: 50%;
    background: none;
    border: none;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 10px 0;
    text-align: left;
    position: relative;
}

/* Single Column Product Listing */
.product-grid.single-col-preview .product-image {
    display: block;
    background: white;
    border: 1px solid #e3e3e3;
    padding: 20px;
    margin-bottom: 20px;
}
.product-grid.single-col-preview .product-image img {
    width: auto;
    height: auto;
    max-height: 245px;
    max-width: 100%;
}
.product-grid.single-col-preview figcaption { text-align: left; color: #595959; }
.product-grid.single-col-preview figcaption h2, .product-grid.single-col-preview figcaption h3, .product-grid.single-col-preview figcaption h4 { text-align: left; color: #595959; margin-bottom: 0; }

.product-grid.single-col-preview figcaption h6 { text-transform: uppercase; font-weight: 600; color: #e86722; margin-bottom: 0; }


/*
 ***** TABLES *****
 */
table {
    border-spacing: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border: none;
    margin-bottom: 2rem;
}
table.no-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
table thead th {
    background: #eb6923;
    color: #f3dbce;
    text-transform: uppercase;
    text-align: center;
    font: 400 12px/13px "proxima-nova", sans-serif;
    border-right: 1px solid #da6322;
}
table thead th:last-of-type { border-right: none; }
table tbody td { padding: 1rem 1.2rem; border-right: 1px solid #e9e9f2; }
table tbody td:last-of-type { border-right: none; }
table .show-on-stack { display: none; }
table td ul { margin-bottom: 0; }

table.no-styling {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
}
table.no-styling tr, table.no-styling tbody { background: none; }
table.no-styling td { border: none; padding: 0.5rem 0.5rem 0 0; background: none; }
table.no-styling tr:nth-child(even) { background: inherit; }

table tbody td.vertical-actions {
    padding: 0; vertical-align: 100%; height: 145px; min-height: 100%; min-width: 60px;
}
table tbody td.vertical-actions table { height: 145px; }
table tbody td.vertical-actions table td { height: 50%; vertical-align: middle; text-align: center; }
table tbody td.vertical-actions table tr:nth-child(even) td { border-top: 1px solid #e9e9f2; }

/*
 ***** ORDER PAGES *****
 * Overall order styles
 */
.progress-wrapper {
    -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 8px 5px rgba(0, 0, 0, 0.5);
    background: white;
}
.progress-steps { padding: 20px 0; display: table; width: 100%; max-width: 900px; }
.progress-steps > div {
    display: table-cell;
    vertical-align: middle;
    background: url(/includes/images/progress-step-divider.png) no-repeat right center;
    width: 33%;
}
.progress-steps > div:last-child { background: none; }
.progress-steps .step-number {
    display: table-cell;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #f2f2f2;
    border: 1px solid #e8e8e8;
    vertical-align: middle;
    font-weight: 700;
    color: #bdc3c7;
}
.progress-steps .active .step-number { background: #eb6923; border: 1px solid #eb6923; color: white; }
.progress-steps .step-title {
    display: table-cell;
    font-size: 12px;
    line-height: 1.2em;
    text-transform: uppercase;
    padding-left: 5px;
    vertical-align: middle;
    background: white;
    padding-right: 10px;
    color: #cfcfcf;
}
.progress-steps .active .step-title { color: #595959; }

/* Pricing Table */
table.pricing-table { margin-top: 20px; }
table.pricing-table, table.pricing-table thead { border-spacing: 0; background: none; }

table.pricing-table th, table.pricing-table td { border: 1px solid #ebeaea; padding: 10px; text-align: right;  }
/*table.pricing-table tr.totalKinds td.highlight span.price {position: relative; left: 0px !important;}*/
table.pricing-table td span.price {position: relative; left: -10px;}

table.pricing-table th { background: #f8f8f8; color: #37393c; }
table.pricing-table td { font-size: 150%; }
table.pricing-table thead th:first-child { background: none; border: none; }
table.pricing-table tbody td:first-child { background: #f8f8f8; font-size: 13px; text-align: left; }
table.pricing-table th.highlight { border-top: 1px solid #eb6923; }
table.pricing-table tfoot td { font-weight: 400; }
table.pricing-table tfoot td:first-child { font-weight: 600; font-size: 13px; text-align: left; border-bottom-left-radius: 10px; }
table.pricing-table tfoot td:last-child { border-bottom-right-radius: 10px; }
table.pricing-table th.highlight, table.pricing-table td.highlight { border-left: 1px solid #eb6923; border-right: 1px solid #eb6923; font-weight: 600 !important; }
table.pricing-table tfoot td.highlight { border-top: 1px solid #eb6923; background: #eb6923; color: white;}

/* Cart */
table.cart-table tbody td:not(:first-child) { text-align: center; }
table.cart-table tbody td.actions a { color: #8f9194; font-size: 16px; }

.badge {
    background: #c6c9cd;
    padding: 0.5em 2em;
    font-size: 14px;
    font-weight: 700;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.cart-total {
    background: white; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 2rem 1rem 1rem 1rem;
    margin-top: -15px;
}
.cart-total .total-price {
    display: inline-block;
    text-align: left;
    color: #c8c9d5;
    font-weight: 700;
    font-size: 14px;
    padding-bottom: 15px;
}
.cart-total .total-price h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1em;
    color: #eb6923;
    padding: 0;
    margin: 0 0 5px 0;
}

.cart-total .total-price .highlight {
    color: #eb6923;
}

.cart-total .total-price>div {
    padding-top: 20px;
    color: #c8c9d5;
    font-size: 18px;
    font-family: 'proxima-nova', sans-serif;
}

.price-disclaimer {
    margin-top: 10px;
}


/*
 ***** FORM STYLING *****
 * Overall form styles
 */
fieldset { padding: 20px; background: #eaeaea; margin-bottom: 20px; }
fieldset label { text-transform: uppercase; font-size: 13px; line-height: 1.7em; }
select, input[type=text], input[type=number], input[type=password], input[type=date], input[type=datetime], input[type=email], textarea {
    border-radius: 3px;
    font-weight: 700;
    color: #595959;
    font-size: 14px;
}
fieldset.highlighted { background: white; border: 1px solid #ebeaea; }
fieldset.white { background: white; padding: 0; }
fieldset.highlighted.no-border { border: none; }
fieldset.highlighted label { margin-bottom: 10px; padding: 5px; text-transform: none; font-weight: 700; font-size: 14px; color: #595959; }
fieldset.highlighted label, fieldset.highlighted select, fieldset.highlighted input[type=text], fieldset.highlighted input[type=number], fieldset.highlighted input[type=password], fieldset.highlighted input[type=date], fieldset.highlighted input[type=datetime], fieldset.highlighted input[type=email], fieldset.highlighted textarea,
fieldset.white select, fieldset.white input[type=text], fieldset.white input[type=number], fieldset.white input[type=password], fieldset.white input[type=date], fieldset.white input[type=datetime], fieldset.white input[type=email], fieldset.white textarea{
    background-color: #f7f7f7; border: 1px solid #dddddd; border-radius: 3px; color: #595959;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.is-invalid-input:not(:focus), fieldset.highlighted .is-invalid-input:not(:focus), fieldset.white .is-invalid-input:not(:focus), fieldset .is-invalid-input:not(:focus) {
    border-color: #cc4b37;
    background-color: #f9ecea;
}
fieldset.highlighted label input[type=file], fieldset.white label input[type=file] { margin-bottom: 0; }
textarea.tall { height: 150px; }

/* Placeholder colours, do not group these */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #595959;
    font-size: 14px;
    font-weight: 700;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    /* FF 4-18 */
    color: #595959;
    font-size: 14px;
    font-weight: 700;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    /* FF 19+ */
    color: #595959;
    font-size: 14px;
    font-weight: 700;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #595959;
    font-size: 14px;
    font-weight: 700;
}
input.inline-short, select.inline-short { width: auto; max-width: 6rem; display: inline-block; margin-bottom: 0; }
select.inline { width: 95%; max-width: 282px; display: inline-block; }

.help-text { color: #a8a8a8; }

/* Form validation */
.form-error { font-weight: 600; color: #eb6923; }
.is-invalid-label { color: red !important; }
.is-invalid-label .error-message {display: block !important;}

/* Search Form */
#search-form {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f2f2f2;
    border: 1px solid #dddddd;
    padding: 0 5px 0px 20px;
    display: inline-block;
    width: 220px;
}
#search-form input[type=text] {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
    width: 80%;
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
    margin-right: 10px;
}
#search-form button {
    display: block;
    margin-left: 20px;
    float: right;
    padding-top: 10px;
}

/* My Jobs */
#job-tabs.tabs > .tabs-title { background: white; border: 1px solid #ddd; }
#job-tabs.tabs > .tabs-title a { border-top: none; color: #595959; }
#job-tabs.tabs > .tabs-title.is-active { background: #f2f2f2; }
#job-tabs.tabs > .tabs-title.is-active a { border-top: none; color: #eb6923; }

#my-jobs .tabs-content { background: none; border: none; }
#my-jobs table thead th, #saved-quotes table thead th { padding-left: 1.2rem; padding-right: 1.2rem; }
#my-jobs table tbody td { color: #595959; }

.single-job {
    background: white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.single-job table tbody td { padding: 0.5rem 1rem; border: none; color: #595959; }
.single-job .orange-bg a.button { background: #df5430; }

/* Pagination and Per Page */
#per-page-selection { display: inline-block; margin-right: 10px; color: #595959; }
#per-page-selection select { width: auto; background-color: #fbfbfb; margin-bottom: 0; border-color: #ddd; color: #595959; margin-left: 10px; }
.pagination { display: inline-block; border: 1px solid #ddd; border-radius: 3px; background: #fbfbfb; margin-bottom: 0; }
.pagination li a { padding: 0.5rem; font-weight: 600; color: #595959; }
.pagination li.current { background: none; color: #df5430; padding: 0.5rem; font-weight: 600; }
.pagination li.pagination-next { border-left: 1px solid #ececec; }
.pagination li.pagination-previous { border-right: 1px solid #ececec; }
.pagination li.pagination-next a, .pagination li.pagination-previous a, .pagination li.pagination-next.disabled, .pagination li.pagination-previous.disabled { padding-left: 0.8rem; padding-right: 0.8rem; }
.pagination .pagination-previous:before, .pagination .pagination-previous a:before, .pagination .pagination-next:after,  .pagination .pagination-next a:after { display: none; }

/*
 ***** FOOTER *****
 * Overall footer styles
 */
#advantages { font-size: 13px; color: #6e7072; background: white; }
#advantages .columns { border-right: 1px solid #ebebeb; }
#advantages .columns:last-child { border-right: none; }


footer { background: #343537; color: white; }
footer h1, footer h2, footer h3, footer h4, footer h4 a { color: white; }
footer p, footer a { color: #c6c9cd; }
footer p { margin: 20px 0; line-height: 1.5em; }
footer .social-icons a i {
    margin-right: 10px;
    color: #343537;
    background: #c6c9cd;
    padding: 7px 0 0 0;
    border-radius: 14px;
    text-align: center;
    width: 28px;
    height: 28px;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
footer .social-icons a:hover i { background: #fff; }
footer .menu li a { padding-left: 0; }
footer .menu .active > a { background: none; color: white; }

footer.base { background: #2e2f31; color: #7c7d7f; padding: 20px 0; }
footer.base a { color: #7c7d7f; }
footer.base a:hover { color: #c6c9cd; }


/*
  ***** TABS *****
 */

.tabs { border: none; background: none; }
.tabs .tabs-title>a:focus, .tabs .tabs-title>a[aria-selected=true] {
    background: white;
    border-top: 3px solid #eb6923;
    color: #532955;
}
.tabs-title>a {
    background: #f7f7f7;
    border-top: 3px solid #f7f7f7;
    text-transform: uppercase;
    text-align: center;
    color: #eb6923;
    font-size: 13px;
    font-weight: 600;
}
.tabs li.tabs-title:before { display: none; content: ""; }
.content-wrap .tabs-content .tabs-panel { padding: 0; }

/* Full page tabs */
.page-tabs-header { margin-top: -55px; background: rgba(0,0,0,0.4); }
.page-tabs-header .tabs { background: none; }
.page-tabs-header .tabs .tabs-title { border-right: 1px solid #4f5058; }
.page-tabs-header .tabs .tabs-title:last-of-type { border-right: none; }
.page-tabs-header .tabs-title>a { color: white; background: none; border-top: 3px solid transparent; }

/*
  ***** MODAL POPUPS *****
 */
.reveal { border: none; border-radius: 5px; }
.reveal-overlay { background: rgba(57,51,57,0.65); }
.reveal.large { max-width: 1060px; }

#login-modal.reveal, #quote-modal.reveal { padding: 0; }
#login-modal.reveal .tabs { display: table; width: 100%; }
#login-modal.reveal .tabs > .tabs-title { display: table-cell; width: 50%; float: none; }
#login-modal.reveal .tabs:before, #login-modal.reveal .tabs:after { display: none; }
#login-modal.reveal input[type=text], #login-modal.reveal input[type=password] {
    background: #f7f7f7;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* #video-modal.reveal { padding: 0; width:854px; height:480px; border-radius: 0px; overflow:hidden;}        Youtube   */
#video-modal.reveal { padding: 0; width:640px; height:360px; border-radius: 0px; overflow:hidden;}     /*   Wistia   */
#video-modal.reveal::-webkit-scrollbar { 
    display: none; 
}


.reveal .header {
    background: #f9f9f9;
    border-bottom: 1px solid #eaeaea;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    text-align: center;
}

.no-js .top-bar {
    display: none;
}

/*
 ***** RESPONSIVE OVERRIDES *****
 * These are styles that are specific for smaller screens
 * Ref: http://foundation.zurb.com/sites/docs/media-queries.html
 */
@media screen and (max-width: 1100px) {
    .orbit-caption {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media screen and (max-width: 790px) {
    .orbit, .orbit-container, .orbit-slide {
        height: 330px;
    }
    .orbit-caption .row { padding-top: 3em; }
    img.orbit-image { max-width: none; width: auto; }
}
@media screen and (max-width: 700px) {
    /* Top menu fix alignment on smaller screens */
    .top-bar-left { text-align: center; float: none; display: block; }
    .top-bar-left img { display: inline-block; }
    .top-bar-right { float: none; display: block; }
    .top-bar-right ul.menu { text-align: center; }
    .top-bar-right li { display: inline-block !important; }

}
/* Overrides for medium screens */
@media screen and (max-width: 63.9375em){
    #main-menu li .hanging-button { display: none; }
    .page-tabs-header { margin-top: 0; background: #f7f7f7; }
    .page-tabs-header .tabs .tabs-title { border-right: 1px solid #f0f0f0; }
    .page-tabs-header .tabs .tabs-title:last-of-type { border-right: none; }
    .page-tabs-header .tabs-title>a { color: #595959; background: none; border-top: 3px solid transparent; }

    table.stack td { text-align: left !important; }
    table.stack .show-on-stack { display: block; font-weight: 700; }
    table.stack tbody td { padding: 0.4rem 1.2rem; }

    .reveal .small-12.large-pad-left { padding-left: 10px !important; }
    .reveal .small-12.large-pad-right { padding-right: 10px !important; }

    table tbody td.vertical-actions { height: auto !important; }
    table tbody td.vertical-actions table { height: auto; }
    table tbody td.vertical-actions table tr { display: inline-block; width: auto; }
    table tbody td.vertical-actions table td { display: inline-block; }
    table tbody td.vertical-actions table tr:nth-child(even) td { border-top: none; }

    #search-form { width: 100%; margin-bottom: 10px; }
}
/* Overrides for small screens */
@media screen and (max-width: 39.9375em) {
    #advantages .row { max-width: 300px; }
    #advantages .columns { padding-bottom: 15px; }
    #advantages .columns { border-right: none; }
    .page-tabs-header > .column { padding-left: 0; padding-right: 0; }
    .page-tabs-header .tabs .tabs-title { display: block; float: none; }
    .tabs-content .tabs-panel { padding: 1rem 0; }
    .centre-on-small { text-align: center !important; }
    .hide-bg-on-small { background-image: none !important; }

    /* Order progress steps */
    .progress-steps, .progress-steps>div { display: block; }
    .progress-steps>div { width: 100%; padding-bottom: 10px; padding-top: 10px; background: none; }
    .progress-steps>div:nth-child(even) { background: #f7f7f7; }
    .progress-steps .step-title { background: none; }

    label, label.middle { margin-bottom: 0; padding-bottom: 0; }
}

@media print, screen and (min-width: 40em) {
    .reveal.tiny {
        width: 35%;
        max-width: 75rem;
    }

    /* Stops the menu flicker on mobile */
    .no-js .top-bar {
        display: block;
    }

    .no-js .title-bar {
        display: none;
    }

    /*
     * Allow vertically aligned columns
     * Using this, we remove the floats and display the first set of columns as table cells
    */
    .row.medium-vertical {
        display: table;
    }

    .row.medium-vertical > .columns {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }

}

/***  Extra Items *****************************************************************/
.testimonials .column>div:nth-child(even) {margin: 10px; text-align: center;}
.highlight {color:#e86722; font-weight: 700;}
.print-support li {margin-bottom: 20px;}
.print-support p {margin-bottom: 20px;}
.content-wrap.no-content {height: 500px;}
.margin-top-10 {margin-top: 10px;}

h2.column {max-width: 900px; margin-left: auto; margin-right: auto;}

#product_has_delivery,#product_no_delivery {margin-bottom: 2em;}

/****************/
.oneKind td,.multipleKinds td {color: #AAA;}
.oneKind.primary-price td,.multipleKinds.primary-price td {color: #37393c;}

.oneKind td:nth-child(3), .multipleKinds td:nth-child(3) {color: #ebb598;}
.oneKind.primary-price td:nth-child(3),.multipleKinds.primary-price td:nth-child(3) {color: #eb6923;}
/****************/
.quote-button {width: 151px;}

#view-live-jobs tbody td:nth-child(2),#view-order-history tbody td:nth-child(2),#invoice-summary td:nth-child(2) {width: 160px;}
#view-live-jobs tbody td,#view-order-history tbody td,#invoice-summary td {vertical-align: top;}

.menu a.button {color: white;}
#job-modal .working {padding: 10px;}
input[type=radio][name=quantityType],input[type=radio][name=printingType] {position: relative; left: 10px;}
label.short {padding-top: 0px; padding-bottom: 0px;}
label.short.middle {margin: 0px;}
.printing-type label {font-size: 14px; padding-left: 3px; line-height: 0.1em;}

.t-panel {padding: 1rem !important;}
.finish-binding-table tr td:nth-child(1) {width: 150px;}
div.highlighted {background-color: #FFF; border: 1px solid #ebeaea;}
.white-bg {background-color: #FFF}
fieldset.white-bg input, 
fieldset.white-bg textarea,
fieldset.white-bg select {border: 1px solid #dddddd; background-color: #f7f7f7;}

.standard-label {background-color: transparent !important; border: 0px !important;}

.progress-bars {text-align: center;}
.progress-complete {margin-top: 20px;}
.progress {
    display: inline-block; 
    border: 1px solid #dddddd;
    border-radius: 3px;
    height: 30px; 
    padding: 0px;
    
    background-color: #f7f7f7;
}
.progress div { position: absolute;overflow: hidden;}
.progress div:nth-child(1) {
    height: 25px; 
    z-index: 5; 
    padding: 5px; 
    color: #000;
}
.bar {
    /*background-color: #dddddd;*/
    background-color: #53a842;
    padding: 5px;
    height: 28px;
    overflow: hidden;
}

.product-header>div:nth-child(2) {display: table-cell; vertical-align: bottom;}
.product-header {display: table;}

.product-header>div:nth-child(2)>div {display: table; height: 100%;}
.product-header>div:nth-child(2)>div>div {display: table-cell; vertical-align: bottom;}

.profit-calculator-row {margin-top: 20px;}
.profit-calculator-row>div:nth-child(1) {padding: 10px;}

/* full width - 125px / 161px */ 
/* 2/3rds width - 80px / 116px */
.profit-calculator>div {width: 161px; display: inline-block;}

.special-header {
    
    background-color: #929497;
    border: 1px solid #999;
    padding: 15px;
    border-radius: 3px;
    text-align: left;
}

.special-header h4 {margin-bottom: 10px;}


.product-header h4 {color: white;}
.product-header h5 {color: white;}

.product-header {width: 100%;}

#selectedFinishings a {float: right; color: #555; font-size: 18px;}

.product-success {border: 1px solid green !important;}
.product-fail {border: 1px solid red !important;}

#pc_sizes_w, #pc_sizes_h {width: 65px; display: inline-block !important;}

.testimonials p {font-style: italic; margin-bottom: 5px;}
#ringForQuote {color: red;}

.cart-table-odd {background-color: transparent !important}
.cart-table-even {background-color: #f1f1f1 !important;}

.jobs-table td {cursor: pointer;}
.profit-calculator {position: relative; top: -10px;}

.alt-quantities-noselect-pad-active {
    padding-bottom: 112px !important;
}

.autoquote-pad-bottom {padding-bottom: 2px;}

.special-input {
    border: 1px solid #dddddd;
    background-color: #f7f7f7;

    border-radius: 3px;
    font-weight: 700;
    color: #595959;
    font-size: 14px;

    padding: 0px 10px 0px 10px;
}
.special-input input {
    border: 0px !important;
    box-shadow: none !important;
    background-color: transparent !important;
    width: 80px;
    display: inline;
    margin: 0px;
}

.disabled {color: #999;}

.reveal-modal {
    top: 100px; 
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background: #FFF;
    position: absolute;
    z-index: 101;
    padding: 30px 40px 34px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    outline: none;

}

.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer;
} 

#warnModal h2 {margin-bottom: 15px;}
#warnModal h2 img {width: 50px; position: relative; top: -4px;}
#warnModal p {margin-bottom: 20px;}

.mega-menu-container .menu li .column {background-color: #f3f3f3; height: 320px;}
.mega-menu-container .menu li .column:hover {background-color: #eaeaea !important;}
#main-menu ul.menu > li.mega-menu ul li {background-color: transparent;}

.btn-orange-white {
    background-color: white;
    color: #e76722;
    border-color: #e76722;
}

.btn-orange-white:hover {
    background-color: #F3F3F3;
    color: #e76722;
    border-color: #e76722;
}

#saved-addresses table {box-shadow: none; margin-bottom: 0}
#saved-addresses td, #saved-addresses tr {border: 0px; background-color: transparent;vertical-align: top; padding: 5px 10px;}
#saved-addresses .edit-address td {padding-bottom: 0px; padding-top: 0px;}
#saved-addresses table tr>td:nth-child(1) {width: 150px; font-weight: 700;}
#saved-addresses h4 {padding-left: 10px; margin-bottom: 20px;}
#saved-addresses .muted {margin-top: 10px;}
#saved-addresses i {color: #595959; margin-left: 10px;}

.edit-address button {margin-left: 10px;}

.muted {color: #999;}

/*.checkbox { position: relative;}
.checkbox input[type=checkbox] {display: none;}
.checkbox label {
    cursor: pointer;
    position: absolute;
    width: 35px !important;
    height: 35px !important;
    top: 0 !important;
    background: #eee !important;
    border:1px solid #ddd !important;
    padding: 0px;
}

.checkbox label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 15px !important;
    height: 8px !important;
    background: transparent !important;
    top: 9px !important;
    left: 9px !important;
    border: 3px solid #333 !important;
    border-top: none !important;
    border-right: none !important;

    transform: rotate(-45deg);
}

.checkbox label:hover::after {opacity: 0.2;}
.checkbox input[type=checkbox]:checked + label:after {opacity: 1;}


.radio { position: relative; display: inline-block; padding-bottom: 30px;}
.radio input[type=radio] {display: none;}
.radio input[type=radio] + label > span{
    cursor: pointer;
    width: 34px !important;
    height: 34px !important;
    top: 10px !important;
    left: -7px !important;
    background: #eee !important;
    border:1px solid #ddd !important;
    border-radius: 17px;
    display: inline-block;
    position: relative;
    top: 10px;
}


.radio input[type=radio]:checked + label > span > span{
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 13px;
    background: #aaa !important;

    position: relative;
    left: 4px;
    top: 4px;
    opacity: 1.0 !important;
}

.radio input[type=radio]:hover + label > span > span {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 13px;
    background: #aaa !important;

    position: relative;
    left: 4px;
    top: 4px;
    opacity: 0.5;
}

.radio input[type=radio] + label.is-invalid-label > span {
    background-color: #f9ecea !important;
    border-color: #cc4b37 !important;
}

.radio input[type=radio] + label.is-invalid-label {
    color: #cc4b37;
}*/

.label-spacer-fix {display: inline-block; width: 2px;}

.highlight-box {
    background-color: white;
    border: 1px #e86722 solid;
    border-radius: 10px;
    color: #e86722;
    padding: 12px;
    margin-top: 10px;
    display: inline-block;
    font-weight: 400;
}

.is-submenu-item .badge {
    background-color: #e76722;
    padding: 3px 8px 3px 8px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 8px;
}

@media print, screen and (min-width: 40em) {
    .product-header {width: 40rem;}
}

@media print, screen and (min-width: 64em) {
    .product-header {width: 68rem;}
}



.liquid-logo {display: inline-block; margin-top: 10px;}

.quote-quantity {
    padding: 0px;

}

.quote-quantity table {
    width: 100%;
    min-height: 145px;
    box-shadow: 0 0 0px;
    margin-bottom: 0px;
}

.quote-quantity tr td:nth-child(1), .quote-quantity tr td:nth-child(2) {
     width: 140px;
     padding: 2px;
}

.quote-quantity tr td:nth-child(3) {
     width: 120px;
     padding: 2px;
}

.quote-quantity tr:nth-child(1), .quote-quantity tr:nth-child(2), .quote-quantity tr:nth-child(3) {
    height: 30px;
}

.quote-quantity tr:nth-child(1) td {
    padding-top: 15px;
}

.quote-quantity table, .quote-quantity tbody, .quote-quantity tr, .quote-quantity td {
    background-color: transparent !important;
}

label.highlighted {
    margin-bottom: 10px;
    padding: 5px;
    text-transform: none;
    font-weight: 700;
    font-size: 14px;
    color: #595959;
    background-color: #f7f7f7;
    border: 1px solid #dddddd;
    border-radius: 3px;
}

.product-td {
    padding: 0px;
}

.product-td>div {
    padding: 1rem 1.2rem;
}

.vertical-actions table {height: 100% !important;}

#toggleQuote {
    width: 197px; 
    float: right;
    margin-top: 10px; 
    padding: 0px;
    padding-top: 0.85em; 
    padding-bottom: 0.85em
}

.menu-colour {
    color: #e86722;
}

.menu-colour.nav-business-card {color: #f4a807 !important;}
.menu-colour.nav-digital {color: #56ae45 !important;}
.menu-colour.nav-wide-format {color: #34aa95 !important;}
.menu-colour.nav-finishes {color: #268bb6 !important;}
.menu-colour.nav-stock {color: #424fb8 !important;}

table.pricing-table.nav-business-card th.highlight, table.pricing-table.nav-business-card td.highlight {border-left: 1px solid #f4a807 !important; border-right: 1px solid #f4a807 !important;}
table.pricing-table.nav-digital th.highlight, table.pricing-table.nav-digital td.highlight {border-left: 1px solid #56ae45 !important; border-right: 1px solid #56ae45 !important;}
table.pricing-table.nav-wide-format th.highlight, table.pricing-table.nav-wide-format td.highlight {border-left: 1px solid #34aa95 !important; border-right: 1px solid #34aa95 !important;}
table.pricing-table.nav-finishes th.highlight, table.pricing-table.nav-finishes td.highlight {border-left: 1px solid #268bb6 !important; border-right: 1px solid #268bb6 !important;}
table.pricing-table.nav-stock th.highlight, table.pricing-table.nav-stock td.highlight {border-left: 1px solid #424fb8 !important; border-right: 1px solid #424fb8 !important;}

table.pricing-table.nav-business-card th.highlight {border-top: 1px solid #f4a807 !important; }
table.pricing-table.nav-digital th.highlight {border-top: 1px solid #56ae45 !important; }
table.pricing-table.nav-wide-format th.highlight {border-top: 1px solid #34aa95 !important; }
table.pricing-table.nav-finishes th.highlight {border-top: 1px solid #268bb6 !important; }
table.pricing-table.nav-stock th.highlight {border-top: 1px solid #424fb8 !important; }

table.pricing-table.nav-business-card tfoot td.highlight {background-color: #f4a807 !important; border-top: #f4a807 !important;}
table.pricing-table.nav-digital tfoot td.highlight {background-color: #56ae45 !important; border-top: #56ae45 !important;}
table.pricing-table.nav-wide-format tfoot td.highlight {background-color: #34aa95 !important; border-top: #34aa95 !important;}
table.pricing-table.nav-finishes tfoot td.highlight {background-color: #268bb6 !important; border-top: #268bb6 !important;}
table.pricing-table.nav-stock tfoot td.highlight {background-color: #424fb8 !important; border-top: #424fb8 !important;}

/* Non-muted colours */
table.pricing-table.nav-business-card .oneKind.primary-price td:nth-child(3), table.pricing-table.nav-business-card .multipleKinds.primary-price td:nth-child(3) {color: #f4a807 !important;}
table.pricing-table.nav-digital .oneKind.primary-price td:nth-child(3), table.pricing-table.nav-digital .multipleKinds.primary-price td:nth-child(3) {color: #56ae45 !important;}
table.pricing-table.nav-wide-format .oneKind.primary-price td:nth-child(3), table.pricing-table.nav-wide-format .multipleKinds.primary-price td:nth-child(3) {color: #34aa95 !important;}
table.pricing-table.nav-finishes .oneKind.primary-price td:nth-child(3), table.pricing-table.nav-finishes .multipleKinds.primary-price td:nth-child(3) {color: #268bb6 !important;}
table.pricing-table.nav-stock .oneKind.primary-price td:nth-child(3), table.pricing-table.nav-stock .multipleKinds.primary-price td:nth-child(3) {color: #424fb8 !important;}

/* Muted colours */
table.pricing-table.nav-business-card .oneKind td:nth-child(3), table.pricing-table.nav-business-card .multipleKinds td:nth-child(3), .menu-colour-mute.nav-business-card {color: #f6e0b1;}
table.pricing-table.nav-digital .oneKind td:nth-child(3), table.pricing-table.nav-digital .multipleKinds td:nth-child(3), .menu-colour-mute.nav-digital {color: #bcdab5;}
table.pricing-table.nav-wide-format .oneKind td:nth-child(3), table.pricing-table.nav-wide-format .multipleKinds td:nth-child(3), .menu-colour-mute.nav-wide-format {color: #99CCBF;}
table.pricing-table.nav-finishes .oneKind td:nth-child(3), table.pricing-table.nav-finishes .multipleKinds td:nth-child(3), .menu-colour-mute.nav-finishes {color: #f6e0b1;}
table.pricing-table.nav-stock .oneKind td:nth-child(3), table.pricing-table.nav-stock .multipleKinds td:nth-child(3), .menu-colour-mute.nav-stock {color: #f6e0b1;}