/*
Theme Name:         Harvey Maria
Author:             Design South East
Author URI:         http://designsoutheast.co.uk
*/
.product-list-container {
    overflow: auto;
}

@media only screen and (max-width:767px) {
    .product-list-container {
        overflow: scroll;
    }
}

img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px;
}

.lost_reset_password .woocommerce-Button.button {
    background-color: #667451 !important;
}

.pending-account-notice {color:#687451;}

/* CSS moved from footer 
#prodmyModal .gfield--width-half {float:none; width:100%; margin:0px;margin-top: 8px; }
#prodmyModal .gfield--width-half:nth-child(even) {float:none; width:auto; clear:right;margin-top: 8px;}
.harvey-modal .form-columns .ginput_complex > span {max-width:100%;}
.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices {padding: 4px;}
.gform_wrapper.gravity-theme .gfield_label {font-weight:normal;}
#prodmyModal .harvey-modal fieldset, .harvey-modal .gfield--type-text {margin-bottom:0;}
#prodmyModal .gform_wrapper.gravity-theme .gfield_label {margin-bottom:0;font-size:15px;}
#prodmyModal .gform_wrapper.gravity-theme .ginput_container_address span, .gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) {margin-bottom:0;}
#prodmyModal .form-columns .ginput_complex > span {max-width: 100%;}
.harvey-other-requirements {visibility: hidden;}
*/

body.tax-product_cat .woocommerce-message {
 margin-top: 20px;
 margin-bottom: 20px;
}

.registration-notification-container {
    margin-bottom:1rem;
}

.registration-notification-container .row {
    margin-bottom:0;
    padding: 0 1rem;
}

.registration-notification {
    background-color: #667451;
    color:white;
    padding:1rem;
    border-radius:0.5rem;
    display:flex;
    align-items: center;
    margin: 1rem 0 0;
}

.registration-notification i {
    flex:0;
    margin-right:1rem;
}

.registration-notification p {
    color:white;
    margin:0;
    flex:1;
}

.harvey-modal .smallstext a,
.harvey-modal .smallstext a:hover,
.harvey-modal .harvey-sample-terms, 
.harvey-modal .harvey-sample-terms:hover
{
    color: #3a7a92;
}
.harvey-modal .gform_validation_error_link
{
    color: black;
}

h2.woocommerce-loop-product__title a {
  font-family: minion-3 !important;
  color: #000001;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding-bottom: 0;
    z-index: 3;
    position: relative;
}

.small-12.medium-3.columns.whlecust {
    padding-left: 10px;
}

.ovelay {
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */ 
    padding: 15px;
    overflow: hidden;
    box-sizing: border-box;
}

.harvey-modal.modal {overflow:auto;}
.prodsecpopup .flex-row {
    flex-wrap: wrap;
}
.prodsecpopup .flex-row .column {
    margin-bottom: 20px;
}
/* Modal Content/Box */
.modal-content {
    background-color: #FFF;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #707070;
    max-width: 1100px;
    width: 100%;
    position: relative;
}
.harvey-modal .modal-content {
    max-width: 800px;
}
.harvey-modal .close {
    position: absolute;
    right: -10px;
    top: -10px;
    color: #000;
    z-index: 1;
    border-radius: 100%;
    background-color: white;
    box-shadow: 1px 1px 0 black;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 1;
}
.harvey-modal .gform-button--width-full {
    width: 100%;
    background-color: #ED6E4A!important;
    height: auto;
    line-height: 1.5;
    margin-top: 10px;
}
.harvey-tooltip-close {
    position: absolute;
    right: 0px;
    top: 0px;
    color: #000;
    z-index: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 1;
    font-size: 1.5rem;
}

/*Product sample popup new changes*/
.harvey-modal .modal-content {
    padding:0;
}

.harvey-modal fieldset, .harvey-modal .gfield--type-text  {
    margin-bottom:1rem;
}

.harvey-modal .form-columns .ginput_complex {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.harvey-modal .form-columns .ginput_complex > span{
    flex: 1 1 50%;
    max-width: 48%;
    margin: 0px;
}

.harvey-modal label {
    font-weight: normal;
}

.harvey-modal .hidden_label {
    padding:0;
    border:0;
}

.harvey-modal .hidden_label legend {
    display:none;
}

.harvey-modal .gf_clear.gf_clear_complex {
    display:none;
}

.harvey-modal input {
    margin:0;
}

.sample-popup-header {
    padding: 0 20px 20px;
    background-color:#FAF9F8;
    height:122px;
    position:relative;
    border-bottom: 2px solid #E7E3DC;
    margin-bottom: 20px;
}

.sample-popup-header img.attachment-thumbnail {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
}

.sample-popup-header h3 {
   font-family: "Lato", arial, sans-serif;
   text-align:left;
   font-size:0.8rem;
   color:#667551;
   text-transform:uppercase;
   position:absolute;
   top:10px;
}

.sample-popup-header h2{
   text-align:left;
   font-size:1.5rem;
   position:absolute;
   bottom:0px;
}

.prodsecpopup h4 {
    padding: 0 20px;
    font-family: minion-3!important;
    font-size: 1.25rem;
    margin-bottom:1rem;
}

a.sample-popup-tab {
    border: 2px solid #E7E3DC;
    padding:10px;
    color:#000000;
    position:relative;
    display: flex;
    background: #FAF9F8;
    padding: 20px;
    position: relative;
}

a.sample-popup-tab:hover {
    color:#000000;
}

a.sample-popup-tab.selected {
    border: 2px solid #667551;
    background-color:white;
}

.sample-popup-tab-content {
    display:none;
    padding: 0 20px 20px;
}

.sample-popup-mobile-thumb {
    display:none;
}

.woocommerce .sample-popup-tab-content .add-sample {
    width: 100%;
    background-color: #ED6E4A!important;
    height: auto;
    line-height: 1.5;
    margin-top:10px;
}

.samplecont .smalltext {
    color: #6E7882;
}

.sample-popup-tab-content h3 {
    font-size: 1.15rem;
}

.flex-row.sample-buttons {
    padding:0 20px 20px;
    justify-content: flex-start;
    gap:1rem;
}
.flex-row.sample-buttons .column {
    padding: 0px;
    flex: 1 0 31%;
    margin: 0;
    max-width: 32%;
}
.sample-popup-check {
    display:inline-block;   
    width:25px;
    height:25px;
    border-radius: 100%;
    border:2px solid #EAE6E1;
    background-color:white;
    margin-right:10px;
}

a.sample-popup-tab.selected .sample-popup-check {
    border: 2px solid #667551;
    background-color:#667551;
}

a.sample-popup-tab .sample-popup-check i {
    color: white;
    display:none;
}

a.sample-popup-tab.selected .sample-popup-check i {
    display: block;
    width: 100%;
    font-size: 13px;
    top: 4px;
    position: relative;
    left: 4px;
}

/* The Close Button */
.close { 
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus, .harvey-tooltip-close:hover, .harvey-tooltip-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.boxarea strong {
  display: block;
}


div.boxarea .button {
    position: absolute;
    left: 35px;
    bottom: 28px;
    max-width: calc(100% - 70px);
}
.boxarea p > br {
    display: none;
}
.boxarea .button {
    width: 100%;
}
.column:nth-child(1) .boxarea .button, .column:nth-child(2) .boxarea .button {
    background: #eb6d4f !important;
}
.prodsecpopup > p {
    padding: 5px 55px 0;
    font-size: 0.84rem;
}
.boxarea h3 {
    text-align: left !important;
}
.smallstext{font-size: 0.92rem !important;}
.samplecont p {
    margin: 0; line-height:1.5;
}
.samplecont {
    margin-bottom: 15px;
}
#onlacct-footer-links {
    margin-bottom: 20px;
}
#gform_submit_button_18 {
  background: #667451;
}
#payment #delivery_date_picker #delivery_date_disclaimer p {
  font-size: 0.8rem;
}

@media only screen and (max-width:767px) {
    .modal {overflow: auto; }
    .prodsecpopup > p {padding: 5px 0 0; text-align: center; }
    .boxarea {padding: 20px 20px 54px 20px; }
    .prodsecpopup .flex-row .column {margin-bottom: 20px; flex: unset; }
    div.boxarea .button {position: absolute; left: 20px; bottom: 20px; max-width: calc(100% - 40px); }
    .prodsecpopup .flex-row {flex-wrap: nowrap; }
    a.sample-popup-tab {flex-wrap:wrap;justify-content: center;text;}
    a.sample-popup-tab span {text-align:center;font-weight:bold;font-size:1.1rem;}
    a.sample-popup-tab .sample-popup-check {text-align:left;margin:0 0 10px;}
    .samplecont {text-align:center;}
    .prodsecpopup h4 {text-align:center;}
    .prodsecpopup .flex-row .column {flex:0.32;margin:0;}
    .sample-popup-tab-content h3 {font-size:1.25rem;}
    .samplecont p.smallstext {font-size:1.05rem !important;}
    .samplecont p.smallstext br {display:none;}
    .sample-popup-mobile-thumb {display:block;height:120px;margin-bottom: 20px;overflow:hidden; position:relative; }
    .sample-popup-mobile-thumb img {width:100%; height:100%; object-fit:cover;object-position:bottom;}
    .sample-popup-header .attachment-thumbnail {display:none;}
    .sample-popup-header h3, .sample-popup-header h2 {position: relative; text-align:center;margin:0;}
    .sample-popup-header {margin-bottom:0;height:auto;padding:13px;border:0;}
    .sample-popup-header h3 {margin-bottom:15px;}
    .woocommerce .sample-popup-tab-content .add-sample {font-weight: bold !important; font-size: 1.05rem;}
}

/* New CSS for alternative product page layouts */
.product-simple-layout {
    position: relative;
    margin-top: 1.5rem;
}

.product-simple-layout .the-content {
    margin-top:1rem;
}

.product-simple-layout .order-sample-button, .product-simple-layout .purchase-details-button {
    padding:0.618em;
    width:49%;
    background-color: #687451;
    color:white;
    display: inline-block;
    text-align: center;
}

.product-simple-layout .purchase-details-button {
    background-color: #474C52;
}

.product-details-table .details-row {
    display:flex;
    border-top:1px solid #dddddd;
    padding:1.25rem 0;
}

.product-details-table .details-row .details-cell {
    flex:1;
    font-size:0.875rem;
}

.product-details-table .details-row .details-cell {
    img {display:none;}
}

.gform_validation_errors .gform_submission_error {
    color: red;
    font-size: 1.1rem;
    font-family: "Lato", arial, sans-serif!important;
    font-weight: bold;
}

.gform_wrapper .validation_message {
    color: red;
    font-size: 0.8rem;
    font-weight: bold;
}

.gform_fields .gfield--width-half.form-columns {
    width:98%;
}

.gform_wrapper.gravity-theme .special-product label.gfield_label, 
.gform_wrapper.gravity-theme .special-product .ginput_complex label {
    margin-bottom:0;
    font-weight: normal;
    font-size: 0.875rem;
}

.discontinued {
    padding-top: 1rem;
}

.discontinued .flex-row.products_you_may_like {
    margin: 0 -10px;
}

.discontinued .products_you_may_like .column {
    padding:0;
    margin: 0 10px;
}

.discontinued .products_you_may_like .column a {
    display: block;
}

.price_group_label {
    color: white;
    padding: 0.7rem 1rem;
    display: inline-block;
}
/* End CSS for alternative product page layouts */

.lowpriceline {
   margin-top:0.25em; 
}

.lowpriceline span {
    font-style: italic;
    font-weight: bold;
    color:#667451;
}

.lowpriceline a {
    color:black;
    font-weight: bold;
    text-decoration: underline;
}

.lowpriceline i.fas {
    display: inline-block;
    border: 2px solid black;
    border-radius: 100%;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 13px;
    font-size: 9px;
    position: relative;
    top: -2px;
}

.lowpriceline a:hover {
    color:black;
}

.lowpriceline i {
    cursor: pointer;
}

.extra-details {
    position: absolute;
    background-color: #e5e9e8;
    right: -70px;
    left: -7px;
    top: -5px;
    bottom: -93px;
    z-index: -1;
    -webkit-box-shadow: 3px 3px 17px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 3px 3px 17px 0px rgba(0, 0, 0, 0.41);
    box-shadow: 3px 3px 17px 0px rgba(0, 0, 0, 0.41);
    opacity: 0;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    cursor: pointer;
}

.gfield--width-half {
    float:left;
    width:49%;
    margin:2px;
}

.gfield--width-half:nth-child(even) {
    float:right;
    width:49%;
    clear:right;
}

#get_quote_modal .gchoice {
    float: left;
    width:50%;
}
#get_quote_modal .gchoice:nth-child(even) {
    float: right;
    width:50%;
    clear:right;
}

.woocommerce ul.products .product .mycat > .button {display: none;}

.leads-table {
    width: 100%;
    text-align: left;
    min-width: 830px;
}

.woocommerce .free-sample .button.pink {
    background: white !important;
    color: #ed6e4a !important;
    border: 3px solid #ed6e4a;
    font-weight: bold!important;
}

.woocommerce .single_add_to_cart_button.button {
    background-color: #677451 !important;
    font-weight: bold!important;
    line-height:normal;
}

.no-bold,
.no-bold strong {
    font-weight: normal!important;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
li,
span,
label {
    color: #000001;
}

.category-header h1,
.category-header h2,
h1,
h2,
#homepage-slider .title h1,
#homepage-slider .title h2 {
    font-family: minion-3!important;
}

form .hide-label label {display: none;}
#myModalcretail .modal-content .hide-legend legend {display: none;}
#myModalcretail .modal-content .hide-label legend {display: none;}
#myModalcretail .modal-content .capture-field label {display:none;}
#myModalcretail .modal-content p.gform_required_legend {margin-bottom:0;}
#myModalcretail .modal-content .gform_wrapper .gform_footer {margin-top:2em;}

#termsmodal p {font-size:0.8rem;}

.fullwidth-image .row h1.rsc-title-dark {
    color: #000001;
    font-size: 3rem;
    text-shadow: none;
}
tr.show-quote-details-row {
    margin-bottom:5px;
}

tr.show-quote-details-row:hover {
  background-color: #f5f5f5;
  cursor:pointer;
}

.leads-table tr th {
  background-color: transparent;
  padding: 2px 5px;
}

tr.show-quote-details-row td {
    background-color: transparent;
    padding: 2px 5px;
    border-bottom:1px solid white;
}

tr.show-quote-details-row {
    border-bottom:1px solid white;
}

tr.show-quote-details-row select {
    margin:0;
    background-color:red;
}

.quote-reveal {
    letter-spacing: -4px;
    flex:1;
    display:flex;
    flex-direction: column;
}

.get-quote-form .gform_heading {
    display: none;
}

.get-quote-form .gform_footer input {
    font-weight: bold !important;
    background-color: #ed6e4a !important;
    min-width: 300px;
}

.quote-form-buttons {
    text-align: center;
    margin: 2em 0;
    font-weight: bold;
}

.woocommerce .quote-form-buttons a.button.buy-direct-online {
    background-color: #ed6e4a !important;
}

.woocommerce .quote-form-buttons a.button {
    font-weight: bold !important;
    font-size: 16px;
}

.get-quote-form {
    text-align: left;
}

.get-quote-form h2 {
    text-align: center;
    margin: 0;
    margin-bottom:1rem;
    font-size:1.4rem;
}

.get-quote-form h3 {
    font-size: 1.15rem;
    margin: 0 0 1rem;
    text-align: center;
    font-family: minion-3;
    font-weight: normal;
}

.harvey-tooltip {
    display: none;
    position: fixed;
    background-color: white;
    border: 0;
    padding: 15px;
    z-index: 1000;
    width:600px;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.5);
    max-height: 100%;
    overflow: scroll;
    max-width:90%;
}

.terms-checkbox {
    padding:0;
    border:0;
    margin-top:1rem;
}

.terms-checkbox legend {
    display:none;
}

.product-non-transactional-contact.options {
    background-color:transparent;
    padding:0;
    margin-top:2rem;
}

.product-non-transactional-contact.free-sample {
    display:none;
}

.quote-tab-selector {
    display: flex;
    margin-bottom: 1em;
}

.quote-tab-selector .quote-tab,
.quote-tab-selector .quote-tab-item {
    display: inline-block;
    padding: 9px 20px;
    text-align: center;
    text-decoration: none;
    background-color: #f2f2f2;
    margin-right: 10px;
    color:white;
    flex:1;
    font-weight:bold;
}

.quote-tab.half-size {
    flex:0.5;
}

.quote-tab-selector .quote-tab.get-quote-color {
    background-color: #a49482;
}

.quote-tab-selector .quote-tab.order-sample-color {
    background-color: #ed6e4a;
}

.quote-tab-selector .quote-tab:last-child {
  margin-right: 0;
}

.quote-tab-selector a,
.quote-tab-selector a:hover,
.quote-tab-selector a:focus {
    color: white;
}

.quote-tab-selector a span {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: 2px solid black;
    margin-right: 5px;
}

.quote-tab-selector a.selected span {
    width: 18px;
    height: 18px;
    border: 6px solid #ed6e4a;
    margin-right: 5px;
}

.quote-tab-content {
    display: none;
}

.quote-tab-content.visible {
    display: block;
}

#session_check_message {
    margin-top: 1em;
}

#session_check_message .quote-tab {
    color: #ed6e4a;
    text-decoration: underline;
    font-weight: bold;
    font-size: 1rem;
}

.quote-preferences {
    position: relative;
}

.quote-preferences .disabled {
    opacity: 0.75;
    background-color: white;
    position: absolute;
    width: 100%;
    height: 100%;
}


/*Lead Preferences*/

.lead-preferences>p {
    margin-bottom: 1em;
}

.lead-preferences button.button {
    background-color: #667451 !important;
}


/*Sales badge override*/

.sale-badge-override {
    letter-spacing: 2px;
    font-weight: bold;
}

.sale-badge-override:after {
    content: ' ';
    position: absolute;
    width: 20px;
    height: 1px;
    background: white;
    display: block;
    left: 25px;
    bottom: 15px;
}


/*
Be Rocket category filters
*/

.category-filters {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cat-filter {}

.berocket_aapf_widget_selected_filter ul {
    margin: 0;
}

.berocket_aapf_widget_selected_filter li i {
    margin-right: 0.4rem;
}

.berocket_aapf_widget_selected_filter li a {
    margin-right: 1rem;
}

.berocket_aapf_widget_selected_filter .bapf_sfa_taxonomy>span {
    display: none;
}

.irs--bapf-flat .irs-line {
    min-width: 150px;
}

body.woocommerce-edit-address .select2-container,.woocommerce-checkout .select2-container {
    z-index: unset;
}

@media only screen and (max-width:767px) {
    .category-filters {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .quote-tab-selector {
        flex-direction: column-reverse;
        padding:0 18px;
    }
    .quote-tab-selector .quote-tab:last-child {
        margin-right: 0;
        margin-bottom:10px;
    }
    .quote-tab-selector .quote-tab {
        margin-right: 0;
    }
}

/*4 column hub template*/

.bottom-4-info-links a {
    font-weight: bold;
}


/*Vimeo iframes*/

.vimeo {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    display: block;
}

@media only screen and (max-width:480px) {
    .vimeo {
        max-height: 600px;
    }
}

.row.brochure {
    max-width: 1400px;
}

.selected-woods p {
    line-height: 1.3em;
    margin-bottom: 1em;
}

span.exclusive-to-wholesaler {
    color: #24485f;
    font-size: 0.65em;
    margin-left: 1em;
    top: -2px;
    position: relative;
}

p.exclusive-to-wholesaler {
    color: #24485f;
    font-size: 0.87rem;
    font-weight: bold;
    margin-bottom: 1em;
    top: 0px;
    margin-left: 0;
}


/*Date Picker*/

input.hasDatepicker {
    /*background: url(/wp-content/themes/harvey/img/icon-calendar.png) no-repeat;*/
    background-position: right;
    background-size: 26px;
    background-origin: content-box;
}

#datepicker_field {
    padding: 0;
    margin-bottom: 20px;
}

.ui-widget.ui-widget-content {
    border: 0px solid transparent;
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.18);
}

.ui-datepicker-next.ui-corner-all.ui-state-hover,
.ui-datepicker-prev.ui-corner-all.ui-state-hover {
    border: 0;
}

.ui-datepicker .ui-datepicker-next-hover {
    top: 12px;
    right: 2px;
    background: transparent;
}

.ui-datepicker .ui-datepicker-prev-hover {
    top: 12px;
    left: 2px;
    background: transparent;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    top: 12px;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background: #74b1a5;
}

.ui-datepicker {
    width: 20em;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 0.8em;
}

.ui-datepicker .ui-datepicker-header {
    margin: -.2em;
    border-radius: 0;
    border: 0;
    padding: .75em 0;
    background: #74b1a5;
}

.ui-datepicker .ui-datepicker-title span {
    color: white;
}

.ui-state-hover .ui-icon {
    background-image: url(https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_FFFFFF_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_FFFFFF_256x240.png);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid transparent;
}

.ui-datepicker-unselectable.ui-state-disabled .ui-state-default {
    background: transparent;
}

.backorder-message {
    text-align: center;
}


/*Left side help menu*/

.help-nav h3 {
    font-size: 1.15rem;
    color: #000001;
    padding-left: 10px;
}

.help-nav ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 50px;
}

.help-nav a {
    color: #000001;
    display: block;
    position: relative;
    padding: 10px 0;
    font-size: 0.9rem;
    padding-left: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.help-nav li:first-child a:not(.selected) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.help-nav a.selected {
    background-color: rgba(0, 0, 0, 0.07);
    text-decoration: underline;
    font-weight: bold;
    border-bottom: 0;
}

.help-nav a:after {
    content: " ";
    background: url(https://www.harveymaria.com/wp-content/themes/harvey/img/icon-arrow-right.png) no-repeat;
    position: absolute;
    width: 13px;
    height: 13px;
    background-size: contain;
    right: 6px;
    top: 16px;
}

.help-nav a:hover {
    color: #000001;
}

.help-nav a.button {
    color: #000001;
    background-color: #f2e8e5;
    border: 0;
    text-align: center;
}

.help-nav a.button:after {
    background: none;
    content: "";
}

li {
    font-size: 0.93rem;
}

#homepage-slider .title h2,
.fade-auto-slider .title h2 {
    text-shadow: 2px 2px rgba(0, 0, 0, 0.1);
}


/*US redirect header*/

.us-redirector-container {
    background-color: #c59935;
}

.us-redirector-container.top-offer {
    background-color: #cba99f;
}

.us-redirector {
    padding: 17px 8px;
    display: flex;
    width: 72.5rem;
    max-width: 100%;
    margin: 0 auto;
    justify-content: center;
    color: white;
    font-family: Lato;
    font-size: 0.95rem;
}

.us-redirector span {
    color: white;
}

.us-redirector a {
    padding: 10px 15px;
    margin: 0 3px;
    color: white;
    text-decoration: none;
}

.us-redirector span a {
    color: white;
    text-decoration: underline;
}


/*.us-redirector a {color:white;text-decoration:underline;}*/

.us-redirector a.us-site {
    color: white;
    background-color: #24485f;
    margin-left: 20px;
}

.us-redirector a.uk-site {
    color: #6e7682;
    background-color: #e5ebe9;
}

body #pageheader .us-redirector a.uk-site:hover {
    color: #6e7682 !important;
}

.us-redirector a:hover {
    color: white;
}

.term-description {
    background-color: #cba99f;
    color: white;
    text-align: center;
    margin-right: -0.9375rem;
    margin-top: -13px;
}

.term-description p {
    color: white;
    padding: 2px 0;
}

@media only screen and (max-width:1000px) {
    .us-redirector {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 10px 8px;
    }
    .us-redirector div:first-child {
        margin-bottom: 15px;
    }
    .us-redirector a {
        padding: 10px 15px;
        margin: 0px 3px 0;
        display: inline-block;
    }
    .us-redirector a.us-site {
        margin-left: 0;
    }
}

@media only screen and (max-width:480px) {
    .us-redirector a {
        padding: 0;
        margin: 0;
        display: inline-block;
    }
}


/*Notify me out of stock form*/

.contact-form.notify-me .gform_button.button {
    margin-top: 0px;
    margin-bottom: 5px;
}

.contact-form.notify-me {
    background: #ececec;
    padding: 20px 18px;
}

.contact-form.notify-me p {
    margin-bottom: 10px;
}

.contact-form.notify-me .notify-capture label {
    display: none;
}

.contact-form.notify-me .notify-capture {
    padding-top: 15px;
}

.contact-form.notify-me .notify-privacy>label {
    display: none;
}

.contact-form.notify-me .notify-privacy {
    padding-bottom: 0;
}

.contact-form.notify-me .notify-privacy .ginput_container li {
    padding-bottom: 0;
}

.contact-form.notify-me .notify-privacy .ginput_container input {
    width: auto;
    float: none;
    display: inline-block;
    top: 7px;
    position: relative;
}

.contact-form.notify-me .notify-privacy .ginput_container label {
    float: none;
    padding-left: 10px;
}

.notify-me .validation_error {
    color: red;
    font-weight: bold;
    margin-bottom: 15px;
}

.notify-me .validation_message {
    color: red;
    font-weight: bold;
    padding: 5px 0;
}

.notify-me .notify-terms {
    margin-top: 1rem;
}

.notify-me .notify-terms p {
    font-size: 0.725rem;
}


/*Warranty form*/

.disclaimer-text p {
    font-size: 0.8rem;
}

.disclaimer-text p a {
    font-size: 0.8rem;
}

.gform_wrapper span.gfield_required {
    visibility: visible;
}

.contact-form.warranty .validation_message {
    display: none;
}

.contact-form.warranty .gfield_error input,
.contact-form.warranty .gfield_error select {
    border: 2px solid red;
}

.contact-form.warranty .validation_error {
    background-color: red;
    margin-bottom: 15px;
    padding: 10px;
    color: white;
}


/*US pop up*/

#usvisitor {
    color: #5E6871;
}

#usvisitor a {
    color: #2B475E;
    font-weight: bold;
    text-decoration: underline;
}


/*Feature strip sample page*/

.sample-button-container.feature-strip .button.sample-button {
    margin-left: 0;
}

.sample-button-container.feature-strip {
    margin-left: 6px;
}

.samples-header.feature-strip {
    max-width: 420px;
}


/*Alternate Sale Badge*/

.woocommerce span.onsale.alternative {
    width: 100px;
    height: 100px;
    line-height: 22px;
    text-align: center;
    padding: 28px 0;
}


/*Black friday sale */

.category-header.hide-the-title > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}

.category-header.hide-the-title .content {
    display:none;
}

@media only screen and (max-width:960px) {
    .category-header.hide-the-title>div,
    .category-header.hide-the-title>div {
        min-height: auto;
    }
    .category-header.hide-the-title img {
        max-width: 100%;
        min-height: auto;
    }
}

@media only screen and (max-width:640px) {
    .category-header.hide-the-title img {
        max-width: 100%;
        min-height: auto;
    }
}


/* numbers */

.number-circle {
    font-size: 4.1875rem;
    font-family: minion-3!important;
    font-style: italic;
    font-weight: 400;
}


/* Blog */

.flex-row.featured-image-row {
    margin-top: 50px;
}

.blog-content {
    padding-top: 30px;
}

.blog-content>div {
    max-width: 620px;
    margin: 0 auto;
    float: none;
}

.flex-row .featured-image {
    flex: 0 0 670px;
}

.blog-title-container {
    background-color: #f1e9e6;
}

.blog-title-container>div {
    padding: 25px 0;
}

.blog-title-container h1 {
    font-family: minion-3, serif;
    font-weight: bold;
    font-size: 2rem;
    line-height: 2.25rem;
    position: relative;
    padding-left: 50px;
    margin-right: 40px;
}

.blog-title-container p {
    padding-left: 50px;
}

.blog-title-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 40px 0;
}

.blog-content a {
    color: #F6A0AB;
}

.blog-content a:hover {
    color: #F6A0AB;
    text-decoration: underline;
}

.blog-content p {
    font-size: 0.975rem;
}

.blog-bottom-links {
    text-align: center;
    font-family: minion-3;
}

.blog-bottom-links p,
.blog-bottom-links a {
    text-align: center;
    font-family: minion-3;
}

.blog-bottom-links .tags {
    font-weight: bold;
}

.blog-bottom-links .back-to-blog a {
    color: #000001;
    text-decoration: underline;
    font-size: 1rem;
}

.blog-bottom-links .tags a {
    font-weight: normal;
    text-decoration: underline;
    font-family: minion-3;
}

.blog-bottom-links .blog-socials p {
    font-size: 1.1rem;
}

.blog-bottom-links .blog-socials a {
    font-size: 1.5rem;
    padding: 0 5px;
    color: #000001;
}

.related-posts {
    margin-top: 50px;
}

.related-posts h2 {
    text-align: center;
    font-family: minion-3, serif;
    font-weight: bold;
    margin-bottom: 0;
}

.related-posts .main-images {
    margin-top: 35px;
}

.related-posts h4,
.latest-posts h4 {
    text-align: center;
    font-family: minion-3, serif;
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 1rem;
}

.entry-content .aligncenter {
    margin: 25px auto;
}

.call-to-action {
    text-align: center;
    margin-top: 25px;
}

.call-to-action .button {
    display: inline-block;
    background-color: #0e2c37;
    color: white;
}

.call-to-action .button:hover {
    text-decoration: none;
    color: white;
}

.thumbnail-container {
    min-height: 350px;
    overflow: hidden;
    max-height: 350px;
}

.main-images .thumbnail-container img {
    width: 100%;
    min-height: 350px;
    object-fit: cover;
}

.blog-category-menu a {
    color: #000001;
    font-family: minion-3, serif;
    font-weight: bold;
    font-size: 1.05rem;
}

.blog-category-menu a:hover {
    color: #000001;
}

.blog-category-menu a.selected {
    text-decoration: underline;
}

.blog-category-intro {
    text-align: center;
    max-width: 750px;
    margin: 40px auto 0;
    color: #000001;
}

.blog-category-intro h2 {
    color: #000001;
    font-family: minion-3;
    font-weight: bold;
    margin-bottom: 1rem;
}

.flex-row.blog-category-menu {
    justify-content: center;
    margin-top: 0;
    margin-bottom: 20px;
}

.flex-row.blog-category-menu>li {
    flex: none;
    padding: 0 25px;
}

.flex-row.blog-category-menu li {
    list-style-type: none;
}

.blog-image {
    text-align: center;
    margin: 25px 0 20px;
    display: flex;
    flex-flow: wrap;
    align-content: space-evenly;
    justify-content: center;
    min-height: 310px;
}

.blog-image img {
    width: 280px;
}

.latest-posts .main-images {
    margin-top: 20px;
}

.latest-posts .main-images a,
.related-posts .main-images a {
    padding-bottom: 30px;
}

.latest-posts {
    margin-top: 30px;
}

.flex-row.post-navigation {
    justify-content: center;
    margin: 50px 0;
}

.flex-row.post-navigation div {
    flex: none;
    padding: 10px 25px;
    background-color: #c0a29b;
    text-align: center;
}

.flex-row.post-navigation div a {
    color: white;
}

.post-title {
    text-align: center;
    max-width: 940px;
    margin: 0 auto;
}

.post-title h2 {
    font-family: minion-3, serif;
    font-weight: bold;
}

.category-links {
    margin-top: 0px;
    margin-bottom: 30px;
    padding-top: 40px;
    background-color: white;
}

.row.category-links {
    max-width: 800px;
}

.blog-category-menu>li:before {
    content: " ";
    width: 30px;
    height: 16px;
    background-image: url(/wp-content/themes/harvey/img/blog-link-1.jpg);
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: -15px;
    z-index: 1;
}

.blog-category-menu>li {
    position: relative;
}

.blog-category-menu>li:first-child:before {
    background-image: url(/wp-content/themes/harvey/img/blog-link-1.jpg);
}

.blog-category-menu>li:nth-child(2):before {
    background-image: url(/wp-content/themes/harvey/img/blog-link-2.jpg);
}

.blog-category-menu>li:nth-child(3):before {
    background-image: url(/wp-content/themes/harvey/img/blog-link-3.jpg);
}

.blog-category-menu>li:nth-child(4):before {
    background-image: url(/wp-content/themes/harvey/img/blog-link-4.jpg);
}

.blog-category-menu>div {
    position: relative;
}

.blog-category-menu .active {
    background-color: transparent;
}

.sub-menu {
    margin: 0;
    display: none;
    position: absolute;
    max-width: 220px;
    text-align: left;
    padding: 15px 0;
    width: 320px;
    z-index: 1;
    background-color: white;
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.25);
}

.sub-menu a {
    display: block;
    padding: 5px 10px;
}

.sub-menu.show {
    display: block;
}

.blog-category-menu>li.current-menu-item,
.blog-category-menu>li.current-menu-parent {
    text-decoration: underline;
}

.blog-header-background {
    background-color: #e3ddd1;
    background-image: url(/wp-content/themes/harvey/img/header-background.gif);
}

.blog-header {
    margin-top: 75px;
    position: relative;
    padding-bottom:30px;
}

.blog-header:before {
    content: " ";
    background-image: url(/wp-content/themes/harvey/img/masking-tape.png);
    width: 280px;
    height: 102px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -140px;
    top: -51px;
    z-index: 1;
}

.blog-header-row {
    margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
    .flex-row.featured-image-row {
        flex-direction: column;
    }
    .flex-row .featured-image {
        flex: 1;
        margin-bottom: 0;
    }
    .flex-row .featured-image img {
        width: 100%;
    }
    .blog-title-container {
        margin: 0;
    }
    .flex-row.blog-category-menu>li {
        padding: 0 10px;
    }
    .category-links {
        margin-bottom: 0;
    }
    .blog-image {
        display: block;
        min-height: auto;
    }
    .blog-image img {
        margin: 20px 0;
    }
    .gfield--width-half, .gfield--width-half:nth-child(even) {
        float:none;
        width:100%;
    }
    #get_quote_modal {
        width:90%;
    }
}


/* Customer gallery */

#customer-gallery.grid {
    display: grid;
    grid-template-columns: 4;
    grid-template-columns: repeat(auto-fill, minmax(24%, 4fr));
    grid-gap: 4px;
    margin-top: 50px;
}

#customer-gallery a {
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-direction: column;
    max-height: 200px;
}

#customer-gallery a img {
    height: 100%;
    max-width: none;
}


/* Add to basket changes */

.glues-link {
    float: right;
    padding: 0px 25px 0px 0;
}

.woocommerce-message {
    line-height: 38px;
}

@media only screen and (max-width: 500px) {
    .glues-link {
        float: right;
        padding: 0px 0 0px 30px;
    }
    .woocommerce-message {
        line-height: 1.5;
    }
}


/* New Product Page Layout */

.wholesaler-packs-remaining {
    margin-top: 12px;
}

p.notify-p {
    margin-bottom: 12px;
}

.up-sells-title {
    text-align: center;
    position: relative;
    margin-bottom: 2rem;
}

.up-sells-title span {
    font-family: minion-3, serif;
    font-weight: bold;
    background-color: white;
    z-index: 1;
    position: relative;
    padding: 0 10px;
    font-size: 1.5rem;
}

.up-sells-title:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ddd;
    bottom: 40%;
}

.products_you_may_like p {
    text-align: center;
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 1.3rem;
}

.flex-row.products_you_may_like .column {
    float: none;
    max-width: 200px;
}

.flex-row.products_you_may_like {
    justify-content: center;
    padding-bottom: 30px;
}

.flex-row.designer-row {
    justify-content: center;
    padding: 75px 0;
}

.flex-row.designer-row .column {
    float: none;
    max-width: 300px;
}

.flex-row.designer-row .column:first-child {
    padding-top: 30px;
}

.flex-row.designer-row .column img {
    box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.3);
}

.flex-row.designer-row .column p b {
    font-size: 1.5rem;
    font-weight: bold;
}

.flex-row.designer-row .column p .designer {
    font-size: 1.5rem;
    font-weight: bold;
    font-style: italic;
    font-family: minion-3, serif;
}

.flex-row.designer-row .column p {
    font-size: 1rem;
}

.extend-width {
    clear: both;
    margin-left: calc(-100vw / 2 + 1160px / 2);
    margin-right: calc(-100vw / 2 + 1160px / 2);
}

.extend-width.designer-container {
    background-color: #f4efec;
}

.extend-width.reasons-container {
    background-color: #caa9a0;
    padding: 50px 0;
}

.extend-width.reasons-container.qr-code {
    background-color: #474C52;
}

.flex-row.reasons {
    flex-direction: column;
    color: white;
}

.reasons .reasons-intro {
    text-align: center;
}

.reasons-intro p {
    font-size: 1.25rem;
}

.reasons h3,
.reasons p,
.reasons h4 {
    color: white;
}

.reasons h3 {
    font-size: 2.25rem;
}

.reasons-intro.qr-code h3, .suitability-intro.qr-code h3 {
    font-size: 2rem;
    font-weight: normal;
}

.reasons-intro.qr-code p, .suitability-intro.qr-code p {
    font-size: 1rem;
    font-weight: normal;
}

.reasons h3,
.reasons h4 {
    font-family: minion-3, serif;
    font-weight: bold;
}

.reasons .point-icon {
    max-width: 80px;
}

.reasons .point-icon img {
    width: 100%;
    max-height: 80px;
}

.flex-row.point {
    padding: 10px 0;
}

.point-details h4 {
    font-size: 1.25rem;
    margin-bottom: 0;
    font-weight: 600;
}

.point-details p {
    font-size: 0.9rem;
}

.point-details {
    padding: 0 50px 0 20px;
}

.reason-points {
    max-width: 1000px;
    margin: 0 auto;
}

.reason-points .grid {
    margin-top: 25px;
    padding: 0 20px;
}

.flex-row.suitability {
    flex-direction: column;
}

.suitability-container {
    background-color: #f4efec;
    padding: 50px 0;
}

.suitability-container.qr-code {
    background-color: #E1D6C9;
}

.suitability-intro h3 {
    font-family: minion-3, serif;
    text-align: center;
    font-size: 2.25rem;
}

.suitability-intro p {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    text-align: center;
}

.suitability-icons span {
    min-height: 130px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.suitability-icons {
    text-align: center;
    width: 92%;
}

.suitability-icons.mobile {
    display: none;
}

.suitability-icons p {
    font-family: minion-3, serif;
    text-transform: none;
    font-size: 0.95rem;
    font-weight: bold;
}

.visualise-container p {
    text-align: center;
    margin-bottom: 2rem;
}

.visualise-title {
    text-align: center;
    position: relative;
    margin-bottom: 1rem;
}

.visualise-title span {
    font-family: minion-3, serif;
    font-weight: bold;
    background-color: white;
    z-index: 1;
    position: relative;
    padding: 0 10px;
    font-size: 1.5rem;
}

.visualise-title:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 1px solid #ddd;
    bottom: 40%;
}

.woocommerce-product-gallery .wts_control_nav .flex-viewport {
    border-left: 0;
    border-right: 0;
}

.wts_control_nav.see-more-images {
    display: block;
    position: absolute;
    width: auto;
    bottom: 27px;
    right: 15px;
}

.woocommerce div.product div.images .see-more-images span img {
    display: inline;
    width: auto;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.see-more-images p {
    margin-bottom: 0;
}

.see-more-images p b {
    margin-bottom: 0;
    font-size: 1rem;
}

.harvey-tab a {
    font-family: minion-3, serif;
    font-size: 2rem;
    color: #000001;
    font-weight: bold;
    padding: 15px 0;
    display: block;
    position: relative;
}

.harvey-tab a:hover {
    color: #000001;
}

.harvey-tab a:focus {
    color: #000001;
}

.harvey-tab a:after {
    content: " ";
    width: 20px;
    height: 20px;
    font-family: minion-3, serif;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotateZ(-90deg);
    background-image: url(https://www.harveymaria.com/wp-content/themes/harvey/img/icon-arrow-down.png);
    background-size: contain;
    margin-top: -10px;
}

.harvey-tab a.open:after {
    transform: rotateZ(0deg);
}

.harvey-tabs-panel {
    display: none;
}

.harvey-tabs-panel .nested-info-row>.columns {
    padding: 0;
}

.harvey-tabs-panel p {
    font-size: 0.975rem;
}

#tab-title-gallery_tab a {
    text-align: left;
}

#tab-title-gallery_tab a {
    padding-left: 0;
}

.woocommerce-tabs.wc-tabs-wrapper {
    max-width: 875px;
    margin: 0 auto;
    padding: 50px 0;
}

.flex-row.shortcuts {
    margin-top: 20px;
}

.flex-row.shortcuts a {
    color: #000001;
    font-size: 0.875rem;
    font-weight: bold;
    padding-right: 30px;
}

.harvey-tabs-panel .nested-info-row:before,
.harvey-tabs-panel .nested-info-row:after {
    display: table;
    content: " ";
}

.harvey-tabs-panel .nested-info-row:after {
    clear: both;
}

.visual-designer-container.max-width {
    max-width: 811px;
}

.visual-designer-container {
    margin: 0 auto;
    padding-bottom: 2rem;
}

.visual-designer {
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
    padding-top: 88%;
    /*ADJUST THIS TO CHANGE ASPECT RATIO*/
    margin: 0 auto;
}

.visual-designer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media only screen and (max-width: 1160px) {
    .extend-width {
        margin-left: 0;
        margin-right: 0;
    }
    .visual-designer {
        padding-top:88%;
    }
}

@media only screen and (max-width: 800px) {
    .suitability-icons.desktop {
        display: none;
    }
    .suitability-icons.mobile {
        display: flex;
    }
}

@media only screen and (max-width: 640px) {
    .visual-designer {
        padding-top: 100%;
    }
}

@media only screen and (max-width: 420px) {
    .wts_control_nav.see-more-images {
        width: 160px;
        right: 0;
    }
    .flex-row.designer-row .column:first-child {
        padding-top: 0;
    }
}


/* New Homepage layout */

.flex-row {
    display: flex;
    max-width: 1160px;
    margin: 0 auto;
}

.row.usps-row {
    margin-bottom: -15px;
}

.row.headline-text-row {
    margin-top: 2.5rem;
}

.grid {
    display: grid;
    grid-template-columns: 2;
    grid-template-columns: repeat(auto-fill, minmax(48%, 2fr));
    grid-gap: 1rem;
}

.grid.inspiration-links {
    grid-template-columns: repeat(auto-fill, minmax(47%, 2fr));
    margin: 30px 0 60px;
}

.grid.inspiration-links a {
    font-size: 1.3rem;
    min-height: 45px;
}

.grid.useful-links {
    grid-template-columns: repeat(auto-fill, minmax(24%, 2fr));
    grid-gap: 0.5rem;
    margin-top: 30px;
}

.grid.useful-links h4:after,
.main-images h3:after {
    content: " ";
    display: block;
    position: relative;
    width: 30px;
    height: 2px;
    background-color: #6f7581;
    margin: 0 auto;
    top: 2px;
}

.grid.useful-links h4:after {
    top: 5px;
}

.flex-row>div {
    flex: 1;
}

.grid>div {}

.usps,
.main-images {
    text-align: center;
    margin-top: 50px;
}

.main-images p {
    margin-top: 12px;
}

.usps h4 {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
}

.main-images h3,
.grid.useful-links h4 {
    margin-bottom: 0;
    font-weight: bold;
    font-family: minion-3, serif;
    font-size: 1.825rem;
    margin-top: 0.5em;
    position: relative;
}

.grid.useful-links h4 {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 0;
    padding: 2rem 0;
    background-color: #f8f8f6;
}

.grid.useful-links img {
    width: 100%;
}

.main-images img {
    width: 100%;
    height: auto;
}

.content-boxes h3,
.content-boxes h4,
.content-boxes h2,
.content-boxes h1,
.content-boxes p,
.content-boxes a,
.content-boxes a:hover {
    color: white;
}

.content-boxes h3,
.content-boxes h4,
.content-boxes h2,
.content-boxes h1 {
    font-family: minion-3, serif;
}

.content-boxes h3,
.content-boxes h4 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

.content-boxes>div.with-image h3,
.content-boxes>a.with-image h4 {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.content-boxes div p a {
    text-decoration: underline;
}

.content-boxes div p {
    margin-bottom: 1.5rem;
}

.content-boxes>div,
.content-boxes>a {
    background-size: cover;
    padding: 40px;
}

.content-boxes>div.with-image,
.content-boxes>a.with-image {
    padding: 0;
    position: relative;
}

.content-boxes>div.with-image>div,
.content-boxes>a.with-image>div {
    position: absolute;
    padding: 40px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
}

.content-boxes>div.with-image img,
.content-boxes>a.with-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grid.useful-links>a {
    display: block;
}

.headline-text h3,
.headline-text h1 {
    font-family: minion-3, serif;
    font-size: 1.625rem;
    font-weight: bold;
    margin-bottom: 0;
}

.headline-text p {
    font-family: minion-3, serif;
    font-size: 1.325rem;
    font-weight: bold;
    margin-bottom: 0;
}


.headline-text-row {
    margin-bottom: 0;
}

.headline-text h3 a,
.headline-text h1 a {
    font-family: minion-3, serif;
    color: #667451;
}

@media only screen and (max-width: 640px) {
    .grid.useful-links {
        grid-template-columns: repeat(auto-fill, minmax(33%, 2fr));
    }
    .usps-row {
        display: none;
    }
    .content-boxes>div,
    .content-boxes>a {
        min-height: auto;
    }
    .grid {
        display: grid;
        grid-template-columns: 2;
        grid-template-columns: repeat(auto-fill, minmax(49%, 2fr));
        grid-gap: 1rem;
    }
}


/* New header css*/

#nav {
    margin-right: 0;
}

.background-light#mainheader .logo {
    margin-top: 0;
}

.top-header-bar-container {
    background-color: #e5ebe9;
}

.top-header-bar-container.retailer {
    background-color: #6d7782;
}

.top-header-bar {
    display: flex;
    width: 72.5rem;
    margin: 0 auto;
    height: 31px;
    font-family: Lato, arial, sans-serif;
    max-width: 100%;
    padding: 0 0.5rem;
}

.top-header-bar .left-content {
    justify-content: flex-start;
}

.top-header-bar .right-content {
    justify-content: flex-end;
}

.top-header-bar .left-content div {
    margin-right: 25px;
}

.top-header-bar .right-content div {
    margin-left: 30px;
}

.top-header-bar .left-content,
.top-header-bar .right-content {
    display: flex;
    flex: 1;
    color: #4c5056;
    font-size: 0.77rem;
    align-items: center;
}

.retailer .top-header-bar .left-content,
.top-header-bar .right-content,
.retailer a {
    color: white;
}

.fa-search-icon {
    float: right;
    margin-right: 6px;
    margin-top: -38px;
    position: relative;
    z-index: 2;
    color: #4c5056;
    font-size: 16px;
    opacity: 0.6;
}

.top-header-bar i {
    margin: 0 7px;
}

.top-header-bar #basket-header-link i {
    margin: 0 2px;
}

.top-header-bar img {
    max-width: 20px;
}

.top-header-bar #basket-header-link {
    margin: 0;
    font-size: 0.77rem;
}

#basket-header-link span {
    background-color: #caa9a0;
    border-radius: 15px;
    color: #ffffff;
    font-weight: 600;
    width: 4px;
    height: 6px;
    padding-left: 2px;
    padding-right: 2px;
    -webkit-transition: background .4s;
    transition: background .4s;
}

#basket-header-link .fas,
#basket-header-link .far {
    color: white;
}

.top-header-bar .right-content a {
    color: #4c5056;
}

body #pageheader .top-header-bar .right-content a:hover {
    color: #8caba8 !important;
}

body #pageheader .top-header-bar .left-content a:hover {
    color: #c39947 !important;
}

.retailer .top-header-bar .right-content a {
    color: white;
}

.top-header-bar .left-content a {
    color: #c39947;
    font-weight: bold;
}

.retailer .top-header-bar .left-content a {
    color: white;
}

.checkout.logo,
.checkout.retailer-logo {
    display: inline-block;
}

.top-links ul.header-nav-list>li a {
    text-transform: none;
    font-size: 0.925rem;
    padding-left: 1rem;
}

.top-links ul.header-nav-list>li a.retailer-logo {
    padding: 4px 0 0;
    width: 267px;
}

.top-links ul.header-nav-list>li a.retailer-logo img {
    width: 100%;
}

.top-links ul>li.search-li {
    padding-left: 1rem;
}

.search-li {
    background-color: transparent;
}

header input[type="text"] {
    height: 1.8rem;
}

#nav {
    width: 100%;
}

.has-dropdown:hover,
.has-dropdown.active,
.country-select:hover,
.subnav {
    background-color: #eeece7;
    text-align: left;
}

.subnav {
    padding: 0;
}

.subnav-contents {
    padding: 30px 33px 30px;
}

.flooring-dropdown .subnav {
    left: -32px;
    right: -32px;
}

.subnav-contents.full {
    text-align: left;
    display: flex;
}

.subnav-contents.full.hide {
    display: none;
}

.subnav-contents.full div {
    flex: 1;
}

.subnav-contents.full div:last-child a {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.subnav-contents.full div:last-child a:first-child {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.625rem;
}

.inspiration-dropdown .subnav {
    left: 288px;
    right: -32px;
}

.fitting-dropdown .subnav-contents {
    padding:0;
    border: 0;
}

.inspiration-dropdown .subnav-contents ul {
    margin-bottom: 18px !important;
}

.subnav-contents ul {
    border-right: 0;
    margin-left: 0!important;
    margin-bottom: 18px !important;
}

.subnav-contents h3 {
    border-bottom: 2px solid;
    display: inline-block;
    padding-bottom: 0.5rem;
    margin-bottom: 3px;color: #212020;
}
#pageheader .top-links ul .has-dropdown > a:hover::after {
    filter: brightness(0);
  }
#pageheader .top-links ul > li a:hover,
#pageheader .top-links ul > li:hover a,
.flooring-dropdown .subnav li a{ color: #212020 !important;}
.top-links ul.header-nav-list>li a.header-logo {
    width: 280px;
    max-width: 280px;
    display: inline-block;
    padding-left: 0;
}
#pageheader .top-links ul .has-dropdown > a:hover::after {
    filter: brightness(0);
  }

.top-links ul.header-nav-list>li a.header-logo {
    width: 280px;
    max-width: 280px;
    display: inline-block;
    padding-left: 0;
}

.top-links ul.header-nav-list {
    width: 100%;
    text-align: right;
}

.top-links ul.header-nav-list>li:first-child {
    float: left;
}

.top-links ul>li a:last-child {
    padding-bottom: 0;
}

#mainheader .row .row {
    margin-right: 0;
    margin-left: 0;
}

#mainheader>.row {
    padding: 0 0.5rem;
}

.top-links ul.header-nav-list {}

.subnav-contents .colour {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -2px;
}
/* 
.colour.black {
    background: black;
}

.colour.white {
    background: white;
}

.colour.grey {
    background: #c9c5c6;
}

.colour.blue {
    background: #739eb1;
}

.colour.brown {
    background: #8f6d3f;
}

.colour.yellow {
    background: #edde7f;
}

.colour.green {
    background: #c0cfa6;
}

.colour.orange {
    background: #f0bf7c;
}

.colour.purple {
    background: #838cb5;
}

.colour.pink {
    background: #c997cc;
}

.colour.red {
    background: #a95467;
}

.colour.cream {
    background: #fcf5eb;
}

.colour.beige {
    background: #e3d3bf;
} */

.colour.black {
    background: url(img/Black.svg) no-repeat;  background-position: center center;
}
.colour.white {
    background: url(img/White.svg) no-repeat;  background-position: center center;
}
.colour.grey {
    background: url(img/Grey.svg) no-repeat;  background-position: center center;
}
.colour.terracotta {
    background: url(img/terracotta.svg) no-repeat;  background-position: center center;
}
.colour.blue {
    background: url(img/Blue.svg) no-repeat;  background-position: center center;
}
.colour.brown {
    background: url(img/Brown.svg) no-repeat;  background-position: center center;
}
.colour.yellow {
    background: url(img/Yellow.svg) no-repeat;  background-position: center center;
}
.colour.green {
    background: url(img/Green.svg) no-repeat;  background-position: center center;
}
.colour.orange {
    background: url(img/Orange.svg) no-repeat;  background-position: center center;
}
.colour.purple {
    background: url(img/Purple.svg) no-repeat;  background-position: center center;
}
.colour.pink {
    background: url(img/Pink.svg) no-repeat;  background-position: center center;
}
.colour.red {
    background: url(img/Red.svg) no-repeat;  background-position: center center;
}
.colour.cream {
    background: url(img/Cream.svg) no-repeat;  background-position: center center;
}
.colour.beige {
    background: url(img/Beige.svg) no-repeat;  background-position: center center;
}
.subnav-contents button.button-blue,
.woocommerce .button.button-blue {
    background-color: #2b475e !important;
}

.subnav-contents button.button-mustard {
    background-color: #667451 !important;
}

.subnav-contents button.button-dusky {
    background-color: #caa9a0 !important;
}

.woocommerce .subnav-contents .button {
    font-size: 16px;
    line-height: 1.5rem;
}


/* New Footer */

.footer-bar .fancy {
    font-family: minion-3, serif;
    font-weight: bold;
    font-size: 1.4rem;
}

.footer-bar footer.row {
    margin-bottom: .25rem;
}

.footer-bottom {
    background-color: #6d7781;
}

.footer-bottom .row {
    margin-bottom: 0;
    border-top: 2px solid #a8adb3;
    padding-top: 30px;
}

.footer-links-container {
    margin-bottom: 0;
}

.footer-links-container a {
    margin-bottom: 0;
    font-weight: 400;
}

.footer-links-container .title {
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

.footer-links-container .title i {
    display: none;
}

.footer-links-container ul {
    margin-bottom: 24px;
}

.footer-bottom p,
.footer-bottom p span {
    color: white;
}

.footer-socials a {
    font-size: 1.4rem;
    margin-right: 25px;
}

.footer-socials a:last-child {
    margin-right: 0;
}

.payment-options {
    display: flex;
    color: white;
    align-items: center; 
}
.footer-links-container .footer-socials > span, .footer-links-container .payment-options > span {
    min-width: 130px !important;
    margin: 0;
}.footer-links-container .payment-options > span {
    font-weight: normal;
}
div.footer-links-container .container.fstrlg .columns {
    padding-left: 10px;
    padding-right: 10px;
}
.payment-options span {
    color: white;
    font-size: 0.875rem;
}

.payment-options span:first-child {
    margin-right: 0;
}

.payment-options .cards {
    font-size: 1.875rem;
}

.payment-options .cards i {
    margin-right: 0.5rem;
}

.payment-options .cards i:last-child {
    margin-right: 0;
}

.bottom-links a {
    margin-right: 30px;
    font-size: 0.775rem;
}

.bottom-links a:hover {
    color: white;
}

.footer-bottom .footer-left p {
    font-size: 0.775rem;
}

.bottom-links a:last-child {
    margin-right: 0px;
}

.hide-on-mobile {
    display: block;
}

.hide-on-desktop {
    display: none !important;
}

@media only screen and (max-width: 1024px) {
    .footer-bottom .row {
        padding: 30px 0.625rem;
    }
    #mainheader>.row {
        padding: 0 1rem;
    }
    .fa-search-icon {
        margin-top: -34px;
    }
}

@media only screen and (max-width: 1000px) {
    .top-links ul>li {
        display: inline-block;
    }
    .top-links ul>li.contact-menu-link {
        display: none;
    }
}

@media only screen and (max-width: 1000px) {
    .top-links ul>li {
        display: block;
    }
    .hide-on-mobile {
        display: none !important;
    }
    .hide-on-desktop {
        display: block !important;
    }
    .top-links ul.header-nav-list {
        text-align: left;
    }
    .top-links ul.header-nav-list>li:first-child {
        float: none;
    }
    .flooring-dropdown .subnav,
    .inspiration-dropdown .subnav {
        right: auto;
        left: auto;
    }
    /* .fitting-dropdown .subnav-contents {
        padding: 5px 30px 10px;
    } */
    .subnav-contents {
        padding: 15px 13px 30px;
    }
    .retailer-logo img {
        position: relative;
        top: 10px;
    }
    .logo img {
        max-width: 55%;
    }
    /*   .search-li, .search-li:hover,.search-li:focus {display: block; position: absolute; right: 128px; width: 60px; text-align: center; color: #4c5056!important; font-size: 0.8125rem; top: -21px;}
   .search-li span {color:#4c5056;}*/
    .top-links ul>li.search-li {
        padding: 0;
        width: 100%;
    }
    .top-links ul>li.search-li input {
        margin: 0;
        padding-left: 2rem;
        height: 2.2rem;
        margin-bottom: 6px;
    }
    .top-links #nav {
        display: none;
    }
    #basket-link i {
        display: none;
    }
    #searchbar {
        left: 0;
        top: 88px;
        padding: 0;
        background: transparent;
    }
    #searchbar input {
        border: 0;
        width: 100%;
        padding-left: 40px;
        background-color: #e5e9e8;
    }
    .fa-search-icon {
        position: absolute;
        float: none;
        margin: 0;
        top: 9px;
        left: 7px;
    }
    .background-light #basket a,
    .background-light #basket-link,
    .background-light #basket-link:hover {
        color: #4c5056;
    }
    .menu-toggle a {
        display: block;
        text-align: center;
        line-height: 18px;
    }
    .menu-toggle a i {
        font-size: 17px;
        position: relative;
        top: 2px;
        left: 2px;
    }
    .menu-toggle {
        margin-top: 0;
        top: -23px;
    }
    body #pageheader .menu-toggle a:focus,
    body #pageheader .menu-toggle a:hover {
        color: #4c5056 !important;
    }
    #basket-link span {
        width: auto;
        color: #4c5056;
    }
    .background-dark #basket-link span,
    body #pageheader .background-dark .menu-toggle a:focus,
    body #pageheader .background-dark .menu-toggle a:hover,
    .background-dark .search-li,
    .background-dark .search-li:hover,
    .background-dark .search-li:focus,
    .background-dark #basket a,
    .background-dark .search-li span {
        color: white !important;
    }
    .top-links ul>li .subnav a {
        border-bottom: 0;
    }
    #mainheader>.row {
        padding: 0;
    }
    #mainheader .logo a {
        margin-left: 10px;
    }
    .top-links ul>li a:last-child {
        padding-bottom: 0.625rem;
    }
}

@media only screen and (max-width: 640px) {
    #mainheader .logo a {
        margin-left: 0px;
    }
    .subnav-contents.full,
    .inspiration-dropdown .subnav-contents.full {
        flex-direction: column;
    }
    .subnav-contents {
        padding: 15px 33px 30px;
    }
    .footer-bottom .payment-options {
        justify-content: center;
    }
    .footer-bottom .bottom-links {
        text-align: center;
    }
    .footer-small {
        display: none;
    }
    .footer-links-container {
        display: block;
        padding: 15px 15px;
    }
    .footer-bar a {
        padding-left: 23px;
    }
    .footer-links-container ul:last-of-type {
        margin-bottom: 24px;
    }
    .footer-left {
        display: block;
        text-align: center;
    }
    .footer-left.left {
        float: none;
    }
    .footer-right.right {
        float: none;
    }
    .footer-links-container .collapse {
        display: none;
    }
    .footer-links-container .title {
        line-height: 1.75rem;
    }
    .footer-links-container .title i.rotated {
        transform: rotateZ(180deg);
    }
    .footer-links-container .title i {
        display: inline-block;
        -webkit-transition: all 150ms ease-in;
        -moz-transition: all 150ms ease-in;
        -ms-transition: all 150ms ease-in;
        -o-transition: all 150ms ease-in;
        transition: all 150ms ease-in;
    }
}


/* -------------- */


/* New flooring layout page */

.flooring-tile img {
    margin-bottom: 17px;
}

.flooring-tile {
    text-align: center;
    margin-bottom: 45px;
    display: block;
}

.flooring-tile .title {
    display: block;
    font-family: minion-3;
    font-size: 1.25rem;
    font-weight: bold;
}

.flooring-tile .collection-link {
    text-decoration: underline;
    color: #000001;
    margin-top: 5px;
    display: inline-block;
}

.intro-text h2,
.intro-text h1 {
    font-family: minion-3;
    font-weight: bold;
    font-size: 1.875em;
}

.archive.woocommerce-page .intro-text p {
    font-size: 1rem;
}

.overarching-category-row {
    transform: translateX(0px);
}

.flooring-groups .small-6 {
    margin-bottom: 1.25rem;
}

.row.flooring-groups {
    margin-bottom: 0;
}

.flooring-groups .small-6:nth-child(2) {
    margin-bottom: 1.25rem;
}


/* -------------- */

.product_meta .fancy {
    font-family: Lato, arial, sans-serif;
    color: #000001;
    font-weight: 400;
    font-size: .9rem;
}

.product_meta a {
    font-family: minion-3, serif;
    font-style: italic;
    font-weight: bold;
    color: #000001;
}

.product_meta {
    margin-bottom: 5px;
}

.product_meta .non-designer a {
    font-weight: normal;
}


/* -------------- */

.woocommerce form .form-row.terms.retailer {
    margin-top: 5px;
    margin-bottom: 25px;
}

.terms.retailer label {
    position: relative;
    padding-left: 23px;
    display: block !important;
    line-height: 20px !important;
}

.terms.retailer input {
    position: absolute;
    left: 0;
    top: 6px;
}


/* -------------- */

h2 {
    font-size: 1.875em;
}

#homerow1,
#homerow2,
#homerow3 {
    overflow: hidden;
}

#homerow1 .home-block {
    height: 272px;
}

#homerow2 .home-intro {
    height: 600px;
}

#homerow3 .absolute-text {
    height: 264px;
}

#intro .sample-fade {
    min-height: 563px;
}

.sample-fade {
    padding-bottom: 21px;
}

.search-li a {
    width: 100px;
}

.search-li a span {
    display: block;
}

.extra-details.showing {
    display: block;
    opacity: 1;
}

.list-image-thumbs {
    position: relative;
    right: 5px;
    top: 5px;
    margin-bottom: 35px !important;
    min-height: 201px;
}

.list-image-thumb {
    margin-bottom: 9px;
    cursor: pointer;
    text-align: right;
}

.list-image-thumb:hover img {
    border: 4px solid white;
}

.list-image-thumb:hover img {
    width: 58px;
    height: 58px;
}

.list-image-thumbs img {
    width: 58px;
    height: 58px;
    border: 2px solid white;
}

.extra-details-row {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    padding: 0 7px;
    margin-top: 0px;
}

.extra-details-row.cat-price {
    position: absolute;
    bottom: 108px;
    right: 0px;
}

.extra-details-row.label {
    margin-top: 7px;
}

.extra-details-row.collapse {
    margin-top: 7px;
    justify-content: flex-end;
}

#product-range .product .extra-details-row.cat-price .amount,
.products .product .extra-details-row.cat-price .amount {
    max-width: 100%;
}

.view-floor-range br {
    display: none;
}

.search-results .small-text {
    display: none;
}

#product-range.search-results .column.product {
    margin-bottom: 45px;
}

.extra-details-row.no-padding {
    padding: 0;
}

.extra-details-row>span {
    flex: 1;
    line-height: 1em;
}

.product-label {
    background-color: transparent;
    color: white;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 5px;
}

.extra-details-row a {
    color: #000001;
    font-size: 12px;
}

.product-type {
    font-size: 12px;
}

.extra-details-row>span.view-details {
    text-align: right;
    flex: 0.8;
}

.product .hover-bottom {
    background-color: transparent;
    position: absolute;
    bottom: 0;
    padding-bottom: 5px;
    padding-top: 0px;
    margin-top: 0px;
    left: 0;
    right: 0;
}

.designer-label {
    font-family: lato, arial, sans-serif;
    flex: 0;
    font-size: 14px;
    font-weight: normal;
}

.designer-logo {
    margin-bottom: 3px;
}

.extra-details-row .designer-label {
    flex: 0;
}

.woocommerce ul.products li.product .product-designer img {
    width: auto;
    display: inline-block;
    margin-top: -3px;
    max-height: 18px;
}

.woocommerce ul.products li.product .product-designer,
.search-results .extra-details-row .product-designer {
    font-family: minion-3, serif;
    font-style: italic;
    font-weight: bold;
    margin-left: 4px;
    margin-top: 4px;
    font-size: 0.95rem;
}

.woocommerce ul.products li.product .extra-details-row .wc-measurement-price-calculator-price,
.woocommerce ul.products li.product .extra-details-row .price {
    display: inline-block;
}

.products .product .extra-details-row .amount {
    display: inline-block;
}

.extra-details-row>span.product-label {
    flex: 0;
    white-space: nowrap;
}

.extra-details-row .mobile {
    text-align: right;
}

.woocommerce ul.products li.product .extra-details-row .mobile .wc-measurement-price-calculator-price {
    display: none;
}

.top-links ul>li .subnav-contents .columns:last-child a {
    padding-left: 0;
}

.to-front {
    z-index: 10;
}

.woocommerce-loop-product__title {
    font-weight: bold;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding-bottom: 0;
    text-align:left;
}

.woocommerce-page ul.products li.product .extra-details .price .wc-measurement-price-calculator-price,
.products .product .extra-details .amount {
    display: inline-block;
}

.products .product .extra-details .amount {
    display: inline;
}

.woocommerce ul.products li.product .extra-details .price {
    text-align: right;
    display: inline-block;
    font-weight: bold;
    padding: 5px 0;
}

.woocommerce-page ul.products li.product .extra-details .price .wc-measurement-price-calculator-price,
.woocommerce-page ul.products li.product .extra-details-row .price .wc-measurement-price-calculator-price {
    font-size: 0;
}

.woocommerce-page ul.products li.product .extra-details .price .amount,
.woocommerce-page ul.products li.product .extra-details-row .price .amount {
    font-size: 15px;
    padding: 0 5px 0 0;
}

.woocommerce-page ul.products li.product .extra-details .woocommerce-Price-amount {
    float: none;
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
    width: 30%;
}

.add-sample-button {
    margin-top: 9px;
}

.extra-details .add-sample-button.button,
.add-sample-button.button.mobile {
    margin-top: 0;
    display: block;
    margin: 0 7px;
    text-transform: uppercase;
    background-color: #eb6d4f !important;
    border: 2px solid white;
    font-weight: bold !important;
    font-size: 13px;
}

.extra-details .add-sample-button.button:hover {
    background-color: #eb6d4f !important;
}

.add-sample-button.button.mobile {
    display: none;
}

.add-sample-button.button.mobile {
    background-color: transparent !important;
    color: #000001 !important;
    border: 1px solid #7c868f;
    padding: 6px !important;
    margin: 5px 0;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0 2.65% 1.5em 0;
    width: 23%;
}

.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
    margin-right: 0;
}

.woocommerce ul.products li.product .onsale {
    display: none;
}

.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins {
    display: inline-block;
    line-height: 9px;
}

.woocommerce ul.products li.product .price del .amount {
    text-decoration: line-through;
}

.woocommerce ul.products li.product .price {
    display: none;
}

.woocommerce ul.products li.product_cat-samples .button {
    margin-bottom: 6px !important;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    color: #000001;
    opacity: 1;
    margin-right: 5px;
}

.woocommerce div.product p.price ins span,
.woocommerce div.product span.price ins,
.woocommerce ins .woocommerce-Price-amount,
.woocommerce ins .woocommerce-Price-currencySymbol,
.woocommerce div.product p.price ins .woocommerce-Price-currencySymbol {
    color: #667451;
    font-weight: bold;
}

del span {
    text-decoration: line-through;
}

.woocommerce-page ul.products li.product .extra-details-row .price .sale-price-big .amount {
    font-size: 1.1rem;
    font-weight: bold;
}

.woocommerce div.product p.price ins span {
    font-size: 1.2rem;
}

.woocommerce div.product p.price del span {
    font-size: .95rem;
}

.woocommerce span.onsale {
    background-color: #667451;
    font-family: minion-3, serif;
    font-size: 1.15rem;
    width: 70px;
    height: 70px;
}

.pink-sale span {
    color: #ef7f8f;
    font-weight: bold;
}

.blue-sale span {
    color: #3a7a92;
    font-weight: bold;
}

.woocommerce .wholesale-price span ins span {
    color: #000001;
}

.woocommerce .rrp-prices td,
.woocommerce div.product form.cart .pack-price-table .rrp-prices td.rrp-price {
    font-size: 0.8rem;
}

.rrp-sale-price,
.rrp-sale-price span {
    color: #ef7f8f !important;
}

.product-non-transactional-contact .pricing-column {
    padding-right: 0;
}

.woocommerce div.product p.stock {
    margin-bottom: 15px;
}

.woocommerce ul.products li.product .extra-details-row .price del,
.woocommerce ul.products li.product .extra-details-row .price ins {
    display: inline;
}

.product-non-transactional-contact td {
    font-size: .87rem;
}

.product-non-transactional-contact.free-sample {
    padding: 0;
    background: transparent;
}

.product-non-transactional-contact.free-sample .row {
    margin-left: 0;
    margin-right: 0;
}

.product-non-transactional-contact.free-sample .button-container {
    padding: 0;
}

.product-non-transactional-contact.free-sample img {
    margin-right: 0.5rem;
}

.price-with-fitting {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    background-color: #ececec;
    padding: 0em;
    align-items: center;
}

.price-with-fitting-form {
    margin-top: 0em;
    background-color: #ececec;
    padding: 0;
    align-items: center;
}

#buy-now-link {
    text-decoration:underline;
    font-weight: bold;
    color:black;
}

.price-with-fitting p,
.price-with-fitting input,
.price-with-fittin-form p {
    margin-bottom: 0;
}

.price-with-fitting {
    margin-top: 1em;
}

.price-with-fitting input {
    text-align: center;
    font-weight: bold;
    border: 0;
    background-color: white;
    display: inline-block;
    flex:1;
    padding:12px;
    font-size:16px;
}


.price-with-fitting input[type="text"].valid {
   /* background-color: rgba(50, 255, 50, 0.2); */
}

.price-with-fitting input[type="text"].invalid {
   /* background-color: rgba(255, 0, 0, 0.2); */
}

.price-with-fitting input[type="submit"] {
    background: #677451;
    color: white;
    padding: 12px;
    height: 2.3125rem;
}

.price-with-fitting input[type="submit"].valid {
    opacity: 1;
}

.price-with-fitting input[type="submit"].invalid {
    opacity: 1;
}

.invoices-row .shop_table.order_details .order_item img {
    max-height: initial !important;
}

.shop_table td.product-name {
    font-size: 1rem;
}

strike span.amount {
    text-decoration: line-through;
}

.colours a {
    position: relative;
}

.colours .block {
    padding: 0;
    position: relative;
    float: none;
}

.colours .block .has-tip {
    display: block;
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #8a8a8a;
    font-weight: bold;
    cursor: help;
}

.tooltip {
    position: absolute;
    top: calc(100% + 0.6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: 0.75rem;
    border-radius: 3px;
    background-color: #6d7782;
    font-size: 80%;
    color: #fefefe;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
}

.tooltip::before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #6d7782;
    bottom: 100%;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.category-header {
    margin-bottom: 1em;
}

.category-header a,
.category-header a:hover {
    color: #667451;
}

.tax-product_cat .row .medium-9.columns {
    padding-right: 0;
}

.tab-cart-button .wc-measurement-price-calculator-price,
.tab-cart-button .woocommerce-Price-amount {
    display: none !important;
}

.woocommerce div.product p.price {
    margin-bottom: 0;
}

.calculator-info img {
    height: 40px;
    max-width: 100%;
    float: left;
    margin-right: 14px;
}

.woocommerce .floor-calculator-form a.button {
    margin-right: 20px;
}

.separator {
    margin: 0 15px;
}

.size-calculator-form {
    padding: 25px;
}

table td {
    color: #000001;
}

.shop_table .coupon-onesample td .woocommerce-remove-coupon {
    display: none;
}

.product-delivery-text .open-delivery-tab {
    color: #000001;
    font-size: 0.875rem;
    text-decoration: underline;
    margin-left: 15px;
    position: relative;
    top: -2px;
    margin-top: 30px;
}

.product-delivery-text {
    margin-top: 30px;
}

.woocommerce-message,
.woocommerce-info {
    border: 0;
    background-color: #e7e7e7;
}

.woocommerce-message a,
.woocommerce-info a {
    font-weight: bold;
}

.retailer-only-text {
    margin: 20px 0 25px;
}

.per-square-metres-in-stock {
    margin-left: 5px;
}

.per-square-metres-in-stock.green:before, .retailer-online-rrp-price:before {
    content: '|';
    margin: 0 5px;
    color: #000001;
    font-weight:normal;
    font-size: 16px;
}

.per-square-metres-in-stock.green {
    margin-left: 0px;
    font-size: 16px;
}

.retailer-online-rrp-price {
    font-size: 0.85rem;
}

.low-stock-subtext,
.retailer-warranty-text {
    padding-top: 5px;
    clear: both;
}

div.product-description {
    margin-top: 1.3rem;
    clear: both;
}

div.product-description p {}

.product_cat-fitting-and-care div.product-description p {
    display: block;
}

.woocommerce-Reviews ul a,
.woocommerce-Reviews ul a:hover,
.see-more-reviews a,
.see-more-reviews a:hover {
    color: #f9b8be;
    font-weight: bold;
}

.see-more-reviews {
    text-align: right;
}

.woocommerce-Reviews ul {
    list-style-type: none;
    margin: 0;
}

.woocommerce-Reviews ul li {
    display: flex;
    align-items: flex-start;
    border-bottom: 2px solid #E5E9E8;
    padding-bottom: 1.25rem;
    margin-bottom: 1.1875rem;
}

.woocommerce-Reviews ul li>img {
    width: 100%;
    border: solid 2px #eee;
    max-width: 34px;
    max-height: 41px;
    margin-right: 30px;
}

.woocommerce-Reviews .reviwer-img {
    width: auto;
    float: none;
    min-width: 34px;
}

.woocommerce-Price-currencySymbol {
    margin-left: 0;
}

.single-product .product div.colours {
    margin-top: 26px;
    margin-bottom: 0;
}

.single-product .product div.colours .fancy {
    display: block;
    padding-top: 0;
    margin-bottom: 10px;
}

.woocommerce div.product form.cart {
    margin-bottom: 0;
}

.woocommerce div.product form.cart .calculator-link {
    padding-top: 1em;
}

.woocommerce div.product form.cart .pack-price-table {
    width: 100%;
}

.woocommerce div.product form.cart .pack-price-table td {
    padding: 3px 0;
    font-family: Lato, arial, sans-serif;
}

.woocommerce div.product form.cart .pack-price-table td.rrp-price {
    font-size: 0.85rem;
}

.woocommerce div.product form.cart .pack-price-table td.wholesale-price {
    font-size: 0.95rem;
}

.woocommerce div.product form.cart .quantity {
    width: 100%;
    padding: 3px 0 3px 0 !important;
    display: flex;
    justify-content: flex-end;
}

.woocommerce div.product form.cart .quantity .minus,
.woocommerce div.product form.cart .quantity .plus,
.woocommerce div.product form.cart .quantity input.qty,
.woocommerce-page .cart_item .quantity .minus,
.woocommerce-page .cart_item .quantity .plus,
.woocommerce-page .cart_item .quantity input.qty {
    float: none !important;
    position: initial;
    margin: 0 !important;
}

.woocommerce div.product form.cart .quantity input.qty,
.woocommerce-page .cart_item .quantity input.qty {
    padding: 0;
    width: 37px!important;
}

.woocommerce table.shop_table {
    border: 0;
}

.quantity.buttons_added:before {
    content: 'Quantity';
}

.woocommerce-cart table.cart img {
    width: 50px;
}

.woocommerce a.remove {
    color: #000001 !important;
}

.woocommerce table.shop_table td {
    padding: 12px;
}

.woocommerce table.shop_table td.actions {
    padding: 12px 0;
}

.woocommerce .cart .continue-shopping {
    background-color: #b9bdbc !important;
    float: left;
}

.woocommerce a.add-glues.button {
    background-color: #26475f !important;
}

.cart-reminder p {
    font-size: 17px;
    margin-bottom: 10px;
}

.cart-reminder p b {
    font-weight: 900;
}

.woocommerce-cart .basket-page-icons {
    margin-top: 50px;
}

.woocommerce table.shop_table {
    margin-bottom: 40px;
}

.woocommerce .checkout--your-order table.shop_table tfoot .order-total td {
    text-transform: none;
}

.includes_tax .woocommerce-Price-amount.amount {
    font-weight: bold;
}

.checkout-totals {
    width: 100%;
    border-spacing: 0;
}

.woocommerce table.shop_table td.checkout-totals-container {
    padding: 0;
}

.woocommerce table.shop_table .checkout-totals th {
    text-align: left;
    border: 1px solid white;
    width: 25%;
}

.woocommerce table.shop_table .checkout-totals td {
    border: 1px solid white;
    border-left: 0;
}

.address-field {
    position: relative;
}

.address-field .cc_c2a_manual {
    position: absolute;
    right: 7px;
    top: 9px;
}

.address-field input[type=text].cc_c2a_search_input::placeholder {
    color: red;
}

input[type=text]::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #777 !important;
    opacity: 1;
    /* Firefox */
}

input[type=text]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #777 !important;
}

input[type=text]::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #777 !important;
}

.woocommerce form .form-row label.radio {
    display: inline-block;
    margin-left: 10px;
}

.woocommerce-pagination {
    position: relative;
    z-index: 1;
}

#catapult-cookie-bar span {
    color: white;
}

#catapult-cookie-bar a {
    text-decoration: underline;
}

#catapult-cookie-bar button#catapultCookie {
    padding: 15px 9px;
    border-radius: 0px;
    width: 100%;
    font-weight: bold;
}

ul.products li .button.ajax_add_to_cart {
    display: none;
}

.woocommerce ul.products li .button.product_type_simple {
    display: none;
}

.woocommerce #order_review ul#shipping_method li {
    white-space: normal;
    padding: .25em 0 .25em 0px;
    text-indent: 0;
}

.woocommerce #order_review ul#shipping_method li label {
    display: block;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: 40%;
}

.woocommerce-checkout #payment .payment_box.payment_method_cheque {
    margin-top: 0;
}

.page-template-default .pay-now-discount {
    text-transform: uppercase;
    padding: 0 16px;
    font-size: 16px;
}

.page-template-page-4-column-hub .small-6.medium-3.columns img {
    width: 100%;
}

#searchbar .button {
    font-size: 11px;
    font-weight: 600;
}

.update-button {
    opacity: 0.4;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}

.update-button.active {
    opacity: 1;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#mainheader {
    min-height: 90px;
}

.secure-checkout {
    float: right;
    text-align: center;
    line-height: 16px;
    margin-right: 20px;
}

.secure-checkout i {
    font-size: 24px;
}

.secure-checkout span {
    text-transform: uppercase;
    font-size: 11px;
}

.background-dark .secure-checkout,
.background-dark .secure-checkout span {
    color: white;
}

.background-light .secure-checkout,
.background-light .secure-checkout span {
    color: #68717a;
}

.background-dark {
    background: #6d7782;
}

.background-dark#subheader p {
    color: white;
}

.background-dark #navbar li a,
.background-dark #navbar .has-dropdown>a:after {
    color: white;
}

.background-dark #navbar .has-dropdown>a:after {
    content: url(/wp-content/themes/harvey/img/icon-drop.png);
}

.background-dark #navbar li {
    color: white;
}

.background-light .top-links ul>li a {
    color: #000001;
}

.background-light .top-links ul>li a {
    color: #68717a;
}

body #pageheader .background-light li:not(.has-dropdown) a:hover {
    color: #68717a !important;
}

body #pageheader .background-light li .subnav-contents a:hover {
    color: #fff !important;
    font-weight: bold;
}

.background-light .has-dropdown>a:after {
    content: url("img/icon-drop-dark.png");
}

.background-light#mainheader {
    padding-top: 1.875rem;
}

#ship-to-different-address-checkbox {
    margin: 0px 8px 0 3px;
}

#ship-to-different-address label {
    font-size: 0.95rem;
}

@media only screen and (max-width: 1000px) {
    .background-dark#subheader #navbar {
        background-color: #7c868f;
    }
    .background-dark#subheader .medium-8 {
        padding-left: 0!important;
    }
    .secure-checkout {
        top: -25px;
        position: relative;
    }
}

.reveal {
    padding: 2rem;
}

.close-button {
    padding: 6px 10px;
    font-size: 20px;
}

.flex-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.flex-video iframe,
.youtube-responsive-container object,
.youtube-responsive-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#contact_permission_field input {
    float: left;
}

#contact_permission_field label {
    float: left;
    line-height: 1.3rem;
    margin-top: -3px;
    margin-bottom: 15px;
}

#contact_permission_field br {
    clear: both;
}

.woocommerce .cart_item .quantity:before {
    content: '';
}

.woocommerce .cart_item .quantity {
    padding: 0!important;
    display: flex;
}

.woocommerce-checkout #payment div.payment_box {
    margin: 0;
}

.page-template-default .pay-now-discount {
    margin: 0;
}

.woocommerce .checkout--your-order table.shop_table {
    margin-bottom: 30px;
}

.woocommerce-page .woocommerce-result-count {
    display: inline-block;
    float: none;
}

.woocommerce-page .sample-button-container+.woocommerce-result-count {
    display: none;
}

.background-extra-light .accordion .accordion-navigation>a {
    border-bottom: 1px solid #ced2d6;
}

#crafty_find_label_billing {
    font-weight: bold;
    color: #5e6871;
    font-size: 16px;
}

input[type=text].cc_c2a_search_input {
    border: 2px solid #5e6871;
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    border-color: #aaa!important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .5)!important;
}

.gform_wrapper [type=radio] {
    float: left;
    width: auto;
    margin-top: 3px;
}

.contact-form ul li {
    clear: both;
    font-size: 14px;
}

.contact-form #choice_3_10_0 {
    margin-top: 3px;
}

.optin_field .gfield_label,
.captcha .gfield_label {
    display: none;
}

.captcha {
    margin-top: 15px;
}

.optin_field [type=radio] {
    margin: 3px 20px 0 0;
}

#field_3_10 {
    display: block;
    margin-bottom: 9px;
    padding-top: 5px;
}

.contact-form .gform_button.button {
    margin: 0 0 20px;
}

.contact-form.warranty ul li input[type="text"],
.contact-form.warranty textarea,
.contact-form.warranty select {
    float: none;
    width: 100%;
}

.contact-form.warranty .gfield {
    display: flex;
}

.contact-form.warranty .gfield_html {
    display: block;
    text-align: left;
}

.contact-form.warranty .gform_button.button {
    height: 3rem;
}

.contact-form.warranty .gform_wrapper [type=radio] {
    margin-right: 5px;
}

.contact-form.warranty .gform_wrapper[type=radio] {
    float: none;
}

.contact-form.warranty .gfield_radio li {
    display: flex;
    padding: 0;
}

.contact-form.warranty .gfield_radio li input[type="text"] {
    margin-top: 3px;
}

.contact-form.warranty .gfield_checkbox li {
    text-align: left;
    display: flex;
    align-items: center;
    flex: 1 1 50%;
}

.contact-form.warranty .gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
}

.contact-form.warranty .ginput_container.ginput_container_checkbox {
    padding-top: 5px;
}

.contact-form.warranty .gfield_checkbox li label {
    float: none;
    padding: 0;
    margin: 0;
    line-height: 1.3rem;
}

.contact-form.warranty .gfield_checkbox li input {
    float: none;
    width: auto !important;
    height: auto;
    margin: 0;
    margin-right: 5px;
    margin-top: 2px;
}

.contact-form.warranty .ginput_container {
    flex-grow: 2;
    max-width: 68%;
}

.contact-form.warranty .gform_wrapper .gfield_label {
    float: none;
    text-align: left;
    line-height: 1.35em;
    flex: 1;
    height: auto;
}

.contact-form.warranty .gform_wrapper .captcha .gfield_label {
    display: none;
}

.contact-form.warranty .gform_title {
    margin-bottom: 20px;
    display: none;
}

.contact-form.warranty .gsection_title {
    font-size: 1.6rem;
}

.contact-form.warranty {
    padding: 18px 30px 8px;
}

.page-template-page-contact-us .contact p {
    margin-bottom: 20px;
}

.contact-form.warranty .gfield_error .gfield_radio li {
    border: 2px solid red;
}

.contact p span strong {
    color: #667451;
}

#intro .larger-text {
    margin-bottom: 0px;
    font-size: 1.2rem !important;
}

.contact-form.warranty .gfield.stack {
    flex-direction: column;
}

.contact-form.warranty .fitting-details textarea {
    height: 165px;
}

@media only screen and (max-width: 768px) {
    .contact-form.warranty .gfield.mobile-stack {
        flex-direction: column;
    }
}


/*.woocommerce div.product div.images .flex-control-thumbs {display:flex;margin-top: 20px;padding: 0 25px;}
.woocommerce div.product div.images .flex-control-thumbs li {margin-right:10px;}
.woocommerce div.product div.images .flex-control-thumbs li:last-child {margin-right:0;}*/

.slides.flex-control-nav {
    margin-left: 0;
}

.wts_control_nav .flex-viewport {
    padding: 20px 0;
    border-right: solid 20px rgba(0, 0, 0, 0);
    border-left: solid 20px rgba(0, 0, 0, 0);
}

button.pswp__button {
    background: transparent !important;
}

button.pswp__button--close {
    background-image: url('/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png') !important;
    background-position: 0 -44px !important;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    font-weight: normal;
    text-decoration: none;
}

.wholesale_price_container {
    display: inline !important;
}

.wholesale_price_title {
    display: none;
}

form.cart .qty-based-discount-table-description,
form.cart .order-quantity-based-wholesale-pricing-view,
.order-quantity-based-wholesale-pricing-view+.small-text,
.product-list-table .small-text {
    display: none;
}

.order-quantity-based-wholesale-pricing-view~.per-square-metres-in-stock.green:before {
    content: none;
}

ins {
    text-decoration: none;
}

.home-block h2 {
    font-size: 1.6em;
}

.home-intro h3 {
    font-size: 1.25rem;
    font-weight: 600;
}

.home-intro h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.samples-header h1 {
    font-size: 1.75em;
}

#intro h1 {
    font-size: 1.575rem;
}

.fitting .box img {
    width: 100%;
}

.homerow3-right a:first-child .medium-6:before {
    content: " ";
    background-color: #eaece9;
    position: absolute;
    top: 0;
    left: 0.625rem;
    right: 0.625rem;
    bottom: 0;
    z-index: -1;
}

.homerow3-right a:last-child .medium-6:before {
    content: " ";
    background-color: #284c36;
    position: absolute;
    top: 0;
    left: 0.625rem;
    right: 0.625rem;
    bottom: 0;
    z-index: -1;
}

.shipping span.amount {
    display: inline !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    margin: 0 0 5px;
}

.woocommerce-checkout #payment ul.payment_methods li>label {
    display: block;
    margin-bottom: 5px;
    margin-top: 20px;
}

.woocommerce-checkout #payment div.payment_box .form-row {
    padding: 0;
}

.optional {
    display: none;
}

.wc_payment_method.disabled input,
.wc_payment_method.disabled label span:first-child {
    opacity: 0.65;
}

#delivery-updates {
    font-size: 0.83rem;
    line-height: 1.6;
}

.product-list-table td {
    border: 1px solid #666;
    padding: 8px 6px;
    border-bottom: 0;
    border-right: 0;
}

.product-list-table td:last-child {
    border-right: 1px solid #666;
}

.product-list-table tr:last-child td {
    border-bottom: 1px solid #666;
}

.product-list-table th {
    font-size: 14px;
    color: #000001;
    padding: 4px 6px;
}

.view-floor-range a {
    color: white;
    font-size: 1.25rem;
}

.view-floor-range a:hover {
    color: white;
}

.fullwidth-image .bg {
    top: 0;
    position: relative;
}

.fullwidth-image {
    max-height: none;
}

.fullwidth-image .row {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.fullwidth-image .row h1 {
    margin: 0;
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 1625px) {
    .fullwidth-image .bg {
        width: 100%;
        height: auto;
        max-width: 100%;
    }
}

@media only screen and (min-width: 40em) {
    .home-intro h1 {
        font-size: 1.5rem;
        line-height: 1.4;
        margin-top: 0;
        margin-bottom: 0.5rem;
    }
}

@media only screen and (max-width: 1024px) {
    .reveal {
        padding: 2rem;
    }
    .add-sample-button.button.mobile,
    .extra-details-row .mobile {
        display: block;
    }
    .woocommerce ul.products li.product .extra-details-row .mobile .wc-measurement-price-calculator-price {
        display: inline-block;
    }
    .extra-details {
        display: none;
    }
    .fullwidth-image .bg {
        width: auto;
        height: auto;
        max-width: 200%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .add-sample-button.button.mobile,
    .extra-details-row .mobile {
        display: block;
    }
    .woocommerce ul.products li.product .extra-details-row .mobile .wc-measurement-price-calculator-price {
        display: inline-block;
    }
    .extra-details {
        display: none;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 30.5%;
        margin: 0 3% 2.992em 0;
    }
    .woocommerce ul.products li.first,
    .woocommerce-page ul.products li.first {
        clear: none;
    }
    .woocommerce ul.products li.last,
    .woocommerce-page ul.products li.last {
        margin-right: 3.8%;
    }
    .woocommerce ul.products li.product:nth-child(3n),
    .woocommerce-page ul.products li.product:nth-child(3n) {
        margin-right: 0;
    }
    .woocommerce ul.products li.product:nth-child(3n+1),
    .woocommerce-page ul.products li.product:nth-child(3n+1) {
        clear: both;
    }
}

@media only screen and (max-width: 1340px) {
    .extra-details {
        z-index: 1;
        background-color: transparent;
        right: -5px;
    }
    .list-image-thumb {
        margin-bottom: 2px;
        margin-right: 3px;
        margin-top: 5px;
    }
    .product .hover-bottom {
        margin-top: 0px;
        background-color: #68717a;
        padding-top: 0px;
    }
    .list-image-thumbs img {
        width: 40px;
        height: 40px;
    }
    .list-image-thumb:hover img {
        width: 40px;
        height: 40px;
    }
    .product-type {
        color: white;
    }
    .extra-details {
        bottom: -99px;
    }
    .woocommerce ul.products li.product .extra-details .price {
        margin-top: 7px;
        margin-right: -8px;
    }
    .extra-details-row.collapse {
        flex-direction: column;
    }
}

@media only screen and (max-width:1185px) {
    .post-type-archive-product.woocommerce .small-12 .medium-4.flush-left {
        padding-left: 0 !important;
        padding-right: 1.75em !important;
    }
    .category-header .content {
        width: 65%;
    }
}

@media only screen and (max-width:1000px) {
    #mainheader .hide-on-desktop {
        display: block !important;
    }
}

@media only screen and (max-width:960px) {
    .category-header .content {
        width: 75%;
    }
    .category-header .columns {
        min-height: 300px;
    }
    .category-header img {
        max-width: none;
    }
}

@media only screen and (max-width: 768px) {
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        margin: 0 0 2.992em;
        width: 48%;
    }
    .woocommerce ul.products li.product:nth-child(odd),
    .woocommerce-page ul.products li.product:nth-child(odd) {
        clear: both;
    }
    .woocommerce .cart_item .quantity {
        justify-content: flex-end;
    }
    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
    }
    .woocommerce ul.products li.product:nth-child(2n),
    .woocommerce-page ul.products li.product:nth-child(2n),
    .woocommerce-page[class*=columns-] ul.products li.product:nth-child(2n),
    .woocommerce[class*=columns-] ul.products li.product:nth-child(2n) {
        float: right;
        clear: none!important;
    }
    .larger-light {
        margin-top: 20px;
    }
    .category-header .content {
        width: 85%;
    }
    .category-header .columns {
        min-height: 300px;
    }
    #homerow3 .absolute-text {
        height: 324px;
        margin-bottom: 20px;
    }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1 {
        width: 100% !important;
        float: none !important;
    }
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        width: 100% !important;
        float: none !important;
    }
    .fullwidth-image .bg {
        margin-left: auto;
    }
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        /* min-height: 45px; */
    }
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        min-height: unset;
    }
    .woocommerce ul.products li.product:nth-child(2n+1),
    .woocommerce-page ul.products li.product:nth-child(2n+1) {
        clear: both;
    }
    .contact-form.warranty .ginput_container.ginput_container_checkbox {
        padding-top: 5px;
        max-width: 100%;
    }
}

@media only screen and (max-width:640px) {
    .category-header .content {
        width: 95%;
    }
    .category-header img {
        max-width: none;
    }
    .category-header .columns {
        min-height: 325px;
    }
    .contact-form.warranty ul li input[type="text"],
    .contact-form.warranty textarea,
    .contact-form.warranty select {
        float: none;
        width: 100%!important;
    }
    .contact-form.warranty .ginput_container {
        max-width: 58%;
    }
    .contact-form.warranty .gfield {
        padding-bottom: 5px;
    }
    .contact-form.warranty .gfield_radio li input[type="radio"] {
        width: auto!important;
        margin-right: 10px;
    }
    .contact-form.warranty ul li label {
        padding-top: 0;
        text-align: left;
    }
    .contact-form.warranty .gfield.gfield_html {
        padding-bottom: 20px;
    }
    .contact-form.warranty .gform_wrapper .captcha {
        margin: 0;
    }
    .contact-form.warranty .captcha .ginput_container {
        max-width: none;
    }
    .contact-form.warranty .captcha .ginput_container>div {
        width: auto !important;
    }
    .woocommerce-checkout .lsi-flooring,
    .woocommerce-cart .lsi-flooring {
        left: auto;
        padding: 0 1.5rem !important;
    }
}

@media only screen and (max-width:480px) {
    #homerow1 .medium-3,
    #nestedrow .small-6 {
        width: 100%;
    }
    #homerow1 .medium-3:first-child,
    #nestedrow .small-6:first-child {
        margin-bottom: 1.3em;
    }
    .category-header .columns {
        min-height: 350px;
    }
    #contact_permission_field label {
        max-width: 300px;
    }
}

/* my custom css */

.smallconditioncls
{
    font-size: 12px;
}

.subnav-contents > div > span {
    border-bottom: 2px solid #212020;
    display: inline-block;
    padding-bottom: 0.5rem;
    margin-bottom: 3px;
    color: #212020;
    font-weight: 600;
}
.inspiration-dropdown .subnav {
    left: 0;
    right: auto;
    min-width: 270px;
}.fitting-dropdown .subnav {
    left: 450px;
    right: 0;
}.has-dropdown.inspiration-dropdown {
    position: relative;
}.fitting-dropdown .subnav-contents.full div:last-child {
    text-align: left;
}.fitting-dropdown .subnav > .subnav-contents {
    padding: 30px 33px 30px;
} 

/*ul.header-nav-list .fitting-dropdown .subnav {
  left: unset !important;
  right: unset;
} */

@media only screen and (min-width:1025px) {
    .header-nav-list .fitting-dropdown .subnav {
        left: 350px !important;
    }
}


.bottomlftright .row {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 60px;
}
.bottomlftright .row .order-md-0 {
    order: 0;
}
.bottomlftright .row .order-md-1 {
    order: 1;
}








.woocommerce-account .woocommerce-MyAccount-content.lead-preferences {
    padding: 0 8px;
}
.woocommerce-account .woocommerce-MyAccount-content .account-info-page h3 {
    margin-top: 37px;
    font-weight: bold;
    font-size: 27px;
    margin-bottom: 16px;
}
.woocommerce-account .woocommerce-MyAccount-content .account-info-page .account-page-content h3 {
    font-size:1.25rem;
    margin-top:0;
}
.woocommerce-account .woocommerce-MyAccount-content .account-info-page p {
    font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-content .account-info-page 
 .myacpglayout {
    margin-top: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content .account-info-page .myacpglayout ul.accordion.plain {
    margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .account-info-page .myacpglayout ul.accordion.plain li.accordion-item {
    margin: 0;
    border-top: solid 1px #ededed;
}
.woocommerce-account .woocommerce-MyAccount-content .account-info-page .myacpglayout ul.accordion.plain li.accordion-item:last-child {
    border-bottom: solid 1px #ededed;
}
.woocommerce-account .woocommerce-MyAccount-content .account-info-page .myacpglayout ul.accordion.plain li.accordion-item a span {
    font-size: 14px;
    color: #667451;
}
.woocommerce-account .woocommerce-MyAccount-content .account-info-page .myacpglayout ul.accordion.plain li.accordion-item a:focus span {
    color: #3a7a92;
}
.woocommerce-account .woocommerce-MyAccount-content .account-info-page .myacpglayout ul.accordion.plain li.accordion-item a {
    padding: 17px 0;
    font-size: 17px;
}












/* NEW template */

.extra-templ .row {
    display: flex; flex-wrap: wrap;
}
.extra-templ .topseccls .row {
    align-items: center;
}
.extra-templ .topseccls .row h1 {
    margin: 0;
    font-size:  1.875em;
}
.extra-templ .arttlarea {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    
    margin-bottom: 35px;
}
.extra-templ .artblock-cls .artbox .artboxdesc .datesec p {
    display: flex;
    align-items: center;
}
.extra-templ .artblock-cls .artbox .artboxdesc .datesec p img {
    margin-right: 6px;
}
.extra-templ .arttlarea a {
    margin-top: auto;
    margin-bottom: auto;
    color: #c98d80;
    text-decoration: underline;
    font-style: italic;font-family: minion-3 !important;
}
.extra-templ .topseccls .tmmenu {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
}
.extra-templ .topseccls .tmmenu li a {
    font-size: 18px;
    color: #000;
}
.extra-templ .topseccls .tmmenu li {
    margin-left: 30px;
}
.extra-templ .topseccls {
    padding: 40px 0;
}
.extra-templ .topseccls .row {
    align-items: center;
    margin-bottom: 0;
}
.extra-templ p:last-child{
    margin: 0;
}
.extra-templ .topdesc p {
    font-size: 1.2rem;
}
.extra-templ .row{margin-bottom: 0; }

.extra-templ .topdesc {
    padding:60px 0 0 0;
}
.extra-templ .artblock-cls h2 {
    font-style: italic;
    margin-bottom: 0;
}
.extra-templ .artblock-cls .artbox {
    border: solid 1px #efece7;
    text-align: center;
}
.extra-templ .artblock-cls {
    border-bottom: solid 1px #e9e6df;
    padding-bottom: 40px;
    padding-top: 70px;
}
.extra-templ .artblock-cls .artbox .img img {
    height: 205px;
    width: 100%;
    object-fit: cover;
}
.extra-templ .artblock-cls .artbox .artboxdesc {
    padding: 20px;
}
.extra-templ .artblock-cls .artbox .artboxdesc .tagcatcls {
    margin: 0;
    text-transform: uppercase;
    color: #6D7781;
}
.extra-templ .artblock-cls .artbox .artboxdesc h3 {
    font-family: minion-3, serif;
    font-weight: normal;
    max-width: 200px;
    margin: auto;
    line-height: normal;
}

.extra-templ .artblock-cls .artbx{padding-bottom: 30px !important ;}
.extra-templ .artblock-cls .artbox .artboxdesc .datesec {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 5px;
}
.extra-templ .artblock-cls .artbox .artboxdesc .datesec p {
    margin: 0 10px;
    color: #6D7781;
}
.extra-templ .shopflorsec {
    border-bottom: solid 1px #e9e6df;
    padding: 45px 0;
}
.extra-templ .shopflorsec h2 {
    font-style: italic;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    text-decoration: underline;
}
.extra-templ .iconwithtxtcls {
    padding: 50px 0;
}
.extra-templ .iconwithtxtcls .small-6:nth-child(1) {
    border-right: solid 1px #fff;
}
.extra-templ .iconwithtxtcls .icontitle {
    font-family: minion-3, serif;
    font-weight: normal;
    line-height: normal;
    text-decoration: underline;
    font-style: italic;
    margin-top: 15px;
    margin-bottom: 5px;
}
.extra-templ .quest-sec {
    padding: 70px 0;
}
.extra-templ .quest-sec * {
    color: #fff;
}
.extra-templ .quest-sec h2 {
    margin-top: 15px;
    margin-bottom: 5px;
}
.extra-templ .quest-sec .smaldesc {
    max-width: 695px;
    margin: auto;
}
.extra-templ .quest-sec .smaldesc p {
    font-size: 1.2rem;
    font-weight: 300;
}
.extra-templ .quest-sec .btngroups {
    margin-top: 35px;
    display: flex;
    justify-content: center;
}
.extra-templ .btngroups .btn {
    border: solid 1px #fff;
    margin: 0 5px;
}
.extra-templ .btngroups .btn.primary {
    background: #fff;
    color: #4c4c56;
}
.extra-templ .btngroups .btn.primary, 
.extra-templ .btngroups .btn.secondary:hover {
    background: #fff;
    color: #4c4c56;
}
.extra-templ .btngroups .btn.primary:hover{
    color: #fff;
    background: transparent;
}
.extra-templ .shpfl-img img {
    max-width: 104px;
    width: 104px;
    margin-bottom: 10px;
}
.extra-templ .shopflorsec .bx-title {
    font-size: 18px;
}
.extra-templ .shopflorsec a:hover p {
    text-decoration: underline;
}
.extra-templ .shopflorsec .row {
    justify-content: center;
}
.extra-templ .shopflorsec .row .boxes {
    padding: 0 15px 30px 15px;
}

/* END NEW template */

.singleart .fimagecls .wp-post-image {
    width: 100%;
}
.singleart .tagcatcls {
    margin: 0;
    text-transform: uppercase;
    color: #6D7781;
}
.singleart {
    padding-top: 70px;
}
.singleart .artdesc {
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0 0 20px;
}
.singleart h1 {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
    line-height: 47px;
}
 
  .singleart .datesec {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 25px;
    padding-bottom: 55px;
}
.singleart .datesec p {
    margin: 0 10px;
    color: #6D7781;
  }
  
.singleart .datesec p img {
    margin-right: 6px;
  } 
.singleart .maincontbox > .row {
    margin: 0;
    align-items: center;
    display: flex;
}
.singleart .maincontbox > .row .imgbox {
    padding: 0;
}
.singleart .maincontbox > .row .imgbox img {
    width: 100%;
    height: 210px;
    object-fit: cover;
}
.singleart .maincontbox > .row .conbox {
    padding: 20px 50px; 
}
.singleart .maincontbox > .row .conbox h2 {
    color: #fff;
    font-family: 'Lato' !important;
    font-style: inherit;
    font-size: 1.575em;
}
.singleart .maincontbox > .row .conbox .button {
    border: solid 1px #fff;
    margin-top: 8px;
    margin-bottom: 10px;
}
.singleart .maincontbox > .row .conbox .button:hover, 
.singleart .maincontbox > .row .conbox .button:focus {
    background: #fff;
    color: #000001;
}
.singleart .artcontent-cls.contwithimage {
    padding-bottom: 50px;
}
.singleart .artcontent-cls.contwithimage .large-8 > h2 {
    border-top: solid 1px #f0ede9;
    padding-top: 55px;
    font-style: italic;
  }



  
.singleart .artblock-cls h2 {
    font-style: italic;
    margin-bottom: 0;
}
.singleart .artblock-cls .artbox {
    border: solid 1px #efece7;
    background-color: #fff;
    text-align: center;
}
.singleart .artblock-cls .artbox .img img {
    height: 205px;
    width: 100%;
    object-fit: cover;
}
.singleart .artblock-cls .artbox .artboxdesc {
    padding: 20px;
}
.singleart .artblock-cls .artbox .artboxdesc .tagcatcls {
    margin: 0;
    text-transform: uppercase;
    color: #6D7781;
}
.singleart .artblock-cls .artbox .artboxdesc h3 {
    font-family: minion-3, serif;
    font-weight: normal;
    max-width: 200px;
    margin: auto;
    line-height: normal;
}

.singleart .artblock-cls .artbx{padding-bottom: 30px !important ;}
.singleart .artblock-cls .artbox .artboxdesc .datesec {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 5px;
}
.singleart .artblock-cls .artbox .artboxdesc .datesec p {
    margin: 0 10px;
    color: #6D7781;
}
.singleart .maincontbox {
    margin-top: 50px;
}
.singleart .artblock-cls.related-art {
    background: #faf9f8;
    border-top: solid 1px #eeebe6;
  
    padding-bottom: 40px;
    padding-top: 70px;
}
.singleart .arttlarea {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 35px;
  }
.singleart .arttlarea a {
    margin-top: auto;
    margin-bottom: auto;
    color: #c98d80;
    text-decoration: underline;
    font-style: italic;
    font-family: minion-3 !important;
  }
.singleart .artcontent-cls ul {
    margin: 0;
}
.singleart .artcontent-cls ul li {
    list-style: none;
    position: relative;
    margin-bottom: 15px;
    padding-left: 30px;
}
.singleart .artcontent-cls ul li::before {
    font-weight: normal;
    background-image: url(/wp-content/uploads/2023/02/arrowicon.jpg);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    height: 20px;
    width: 20px;
    background-position: center center;
    background-size: 20px;
    content: "";
    display: block;
    top: 2px;
}
.a2a_kit a.a2a_dd {
    color: #000;
    text-transform: uppercase;
    text-align: center; 
    line-height: normal;
    font-weight: bold;
    font-size: 13px;
}
.a2a_kit a {
    display: flex !important;
    justify-content: center;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.a2a_kit {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    border: solid 1px #e7e3dc;
    border-radius: 5px 0 0 5px !important;
    width: 60px;
} 

/*Global css*/
.singleart  .artcontent-cls .large-push-2 h2 {font-style: italic;font-size: 2em;}
.singleart .artcontent-cls hr {border-width: 1px 0 0;margin: 56px 0 30px !important;}
.singleart .artcontent-cls .txtdesc-cls h4 {font-weight: 600;}
.singleart .artcontent-cls ul li {font-weight: 500;font-size: 1.1rem;}
.singleart .artcontent-cls p {font-size: 1.2rem;font-weight: 500;}
.singleart .contwithimage h3 {font-size: 1.65rem;}
.singleart .artcontent-cls .large-push-2 h2 hr {margin-top: 0 !important;}
/*media css*/

/*Spinner animation
$offset: 187;
$duration: 1.4s;
*/

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(270deg); }
}

.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation:
    dash 1.4s ease-in-out infinite, 
    colors 1.4s ease-in-out infinite;
}

@keyframes colors {
  0% { stroke: #ed6e4a; }
  50% { stroke: #677451; }
  100% { stroke: #ed6e4a; }
}

@keyframes dash {
 0% { stroke-dashoffset: 187; }
 50% {
   stroke-dashoffset: 46.75;
   transform:rotate(135deg);
 }
 100% {
   stroke-dashoffset: 187;
   transform:rotate(450deg);
 }
}