/* Vexcolt "modern look" (Vexpert plugin). Everything is scoped to body.vx-modern so it can be switched off in Settings > Vexpert. */
body.vx-modern{font-family:'Barlow','Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.65;color:#1c1c1c}
body.vx-modern p,body.vx-modern li,body.vx-modern td,body.vx-modern th,body.vx-modern dd,body.vx-modern dt,body.vx-modern label,body.vx-modern input,body.vx-modern select,body.vx-modern textarea,body.vx-modern button,body.vx-modern .button,body.vx-modern blockquote{font-family:'Barlow','Segoe UI',Arial,sans-serif}
body.vx-modern #main_content p,body.vx-modern #main_content li{font-size:17px;line-height:1.65}
body.vx-modern h1,body.vx-modern h2,body.vx-modern h3,body.vx-modern h4,body.vx-modern h5,body.vx-modern h6,body.vx-modern .product_title{font-family:'Jost','Century Gothic','Segoe UI',sans-serif;font-weight:600;letter-spacing:0;color:#1c1c1c}
body.vx-modern #main_content h2{line-height:1.2}
body.vx-modern #main_content .wpb_text_column p,body.vx-modern #main_content .text p{max-width:78ch}
body.vx-modern #main_content .content_row{margin-bottom:8px}
body.vx-modern #main_content > .content_row:not(.sub_page_header) > .content_row_wrapper{padding-top:28px;padding-bottom:28px}

/* header: white bar, dark menu text, red underline, Vexpert as the one red button */
body.vx-modern .top-header .header-row.second,body.vx-modern .top-header .header-row.second.dynamic-skin{background:#ffffff!important;border:0!important;box-shadow:none}
body.vx-modern .top-header .header-row.second::before{background:#ffffff!important;border-top:1px solid #e6e6e6;border-bottom:3px solid #d10a11;box-sizing:border-box}
body.vx-modern .top-header ul.main-menu > li > a,body.vx-modern .top-header ul.main-menu > li > a > span{font-size:15px!important}
body.vx-modern .sub_page_header .breadcrumb *::before{color:#6b6b6b!important}
body.vx-modern .top-header ul.main-menu > li > a{font-family:'Barlow Condensed','Barlow','Arial Narrow',sans-serif!important;font-weight:600;letter-spacing:1px;color:#1c1c1c!important;background:transparent!important}
body.vx-modern .top-header ul.main-menu > li > a > span{color:#1c1c1c!important;border-color:transparent!important}
body.vx-modern .top-header ul.main-menu > li:hover > a > span,body.vx-modern .top-header ul.main-menu > li.current-menu-item > a > span,body.vx-modern .top-header ul.main-menu > li.current-menu-ancestor > a > span,body.vx-modern .top-header ul.main-menu > li.current_page_item > a > span{color:#d10a11!important}
body.vx-modern .top-header ul.main-menu > li > a[href*="/vexpert/"]{background:#d10a11!important;margin:10px 0 10px 8px;line-height:1}
body.vx-modern .top-header ul.main-menu > li > a[href*="/vexpert/"] > span{color:#ffffff!important;padding:12px 16px!important;display:inline-block}
body.vx-modern .top-header ul.main-menu > li > a[href*="/vexpert/"]:hover{background:#a3080d!important}
body.vx-modern .top-header ul.main-menu ul a{font-family:'Barlow',Arial,sans-serif!important}

/* page title band: light instead of solid red */
body.vx-modern .sub_page_header{background:#f2f2f2!important;border-bottom:1px solid #d8d8d8}
body.vx-modern .sub_page_header .page-title h1,body.vx-modern .sub_page_header .page-title{color:#1c1c1c!important}
body.vx-modern .sub_page_header .page-title h1{font-size:30px;font-weight:600}
body.vx-modern .sub_page_header .breadcrumb,body.vx-modern .sub_page_header .breadcrumb a,body.vx-modern .sub_page_header .breadcrumb span,body.vx-modern .sub_page_header [class*="icon-"]{color:#4a4a4a!important}
body.vx-modern .sub_page_header .breadcrumb a:hover{color:#d10a11!important}

/* one button style: square, solid red; outline for secondary */
body.vx-modern a.button,body.vx-modern button.button,body.vx-modern input[type=submit],body.vx-modern .button_,body.vx-modern a.button_,body.vx-modern .wpcf7-submit,body.vx-modern .mc4wp-form input[type=submit],body.vx-modern .vx-btn{font-family:'Barlow Condensed','Barlow','Arial Narrow',sans-serif!important;font-weight:700;font-size:16px;letter-spacing:1.5px;text-transform:uppercase;border-radius:0!important;background:#d10a11;color:#ffffff!important;border:1px solid #d10a11;padding:12px 22px;line-height:1.2;box-shadow:none;text-shadow:none;display:inline-block;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
body.vx-modern a.button:hover,body.vx-modern button.button:hover,body.vx-modern input[type=submit]:hover,body.vx-modern .button_:hover,body.vx-modern .vx-btn:hover{background:#a3080d;border-color:#a3080d;color:#ffffff!important}
body.vx-modern .vx-btn--line,body.vx-modern a.button.product_type_simple{background:#ffffff;color:#1c1c1c!important;border-color:#1c1c1c}
body.vx-modern .vx-btn--line:hover,body.vx-modern a.button.product_type_simple:hover{background:#1c1c1c;border-color:#1c1c1c;color:#ffffff!important}
body.vx-modern input[type=text],body.vx-modern input[type=email],body.vx-modern input[type=tel],body.vx-modern textarea,body.vx-modern select{border-radius:0;border:1px solid #9c9c9c;font-size:16px}
body.vx-modern .mc4wp-form label{display:block;font-size:15px;margin-bottom:4px}
body.vx-modern .mc4wp-form input[type=text],body.vx-modern .mc4wp-form input[type=email]{width:100%;padding:10px 12px;box-sizing:border-box}

/* footer: calmer, readable */
body.vx-modern #footer,body.vx-modern #footer p,body.vx-modern #footer li,body.vx-modern #footer a{font-size:15px;line-height:1.6}
body.vx-modern #footer .footer_widgets{padding-top:40px;padding-bottom:28px}
body.vx-modern #footer h5,body.vx-modern #footer .widget-title,body.vx-modern #footer h4{font-family:'Barlow Condensed','Barlow',sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}

/* product listings */
body.vx-modern ul.products li.product{text-align:left}
body.vx-modern ul.products li.product .woocommerce-loop-product__title,body.vx-modern ul.products li.product h2,body.vx-modern ul.products li.product h3{font-family:'Jost',sans-serif;font-size:18px;font-weight:600;line-height:1.25;padding:12px 0 6px}
body.vx-modern ul.products li.product img{background:#f2f2f2;border-top:3px solid #d10a11}

/* ================= product page ================= */
body.vx-modern.single-product .product_title{font-size:38px;line-height:1.1;margin:0 0 16px}
body.vx-modern.single-product .summary .price:empty{display:none}
body.vx-modern.single-product .woocommerce-product-details__short-description p{margin-bottom:12px}
body.vx-modern .vx-figs{display:flex;flex-wrap:wrap;gap:1px;margin:0 0 20px}
body.vx-modern .vx-fig{flex:1 1 130px;background:#f2f2f2;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
body.vx-modern .vx-fig-v{font-family:'Jost',sans-serif;font-size:23px;font-weight:600;color:#d10a11;line-height:1.2}
body.vx-modern .vx-fig-k{font-family:'Barlow Condensed','Barlow',sans-serif;font-size:13px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;color:#1c1c1c}
body.vx-modern .vx-h{font-family:'Barlow Condensed','Barlow',sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px}
body.vx-modern .vx-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
body.vx-modern .vx-dl{margin:18px 0 8px;clear:both}
body.vx-modern .vx-dl-row{display:flex;flex-wrap:wrap;gap:10px}
body.vx-modern .vx-dl-a{flex:1 1 150px;max-width:230px;min-height:44px;display:flex;flex-direction:column;gap:1px;padding:10px 14px;border:1px solid #9c9c9c;color:#1c1c1c!important;text-decoration:none!important;background:#fff;transition:border-color .15s,background .15s}
body.vx-modern .vx-dl-a:hover{border-color:#d10a11;background:#fdf3f3}
body.vx-modern .vx-dl-l{font-family:'Barlow Condensed','Barlow',sans-serif;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
body.vx-modern .vx-dl-s{font-size:13px;color:#6b6b6b}
body.vx-modern .vx-sections{clear:both;padding-top:32px}
body.vx-modern .vx-lead{font-size:19px!important;line-height:1.55!important;color:#4a4a4a;max-width:none;margin:0 0 24px}
body.vx-modern .vx-sec{border-top:1px solid #d8d8d8}
body.vx-modern .vx-sec:last-child{border-bottom:1px solid #d8d8d8}
body.vx-modern .vx-sec-h{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:18px 0;font-family:'Barlow Condensed','Barlow',sans-serif;font-size:19px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}
body.vx-modern .vx-sec-h::-webkit-details-marker{display:none}
body.vx-modern .vx-sec-h::before{content:"";width:10px;height:10px;background:#d10a11;flex:none}
body.vx-modern .vx-sec-h::after{content:"+";margin-left:auto;font-family:'Barlow',sans-serif;font-size:26px;font-weight:400;letter-spacing:0;line-height:1;color:#6b6b6b}
body.vx-modern .vx-sec[open] > .vx-sec-h::after{content:"–"}
body.vx-modern .vx-sec-b{padding:0 0 28px}
body.vx-modern .vx-kv{width:100%;border-collapse:collapse;border:0;margin:0}
body.vx-modern .vx-kv th,body.vx-modern .vx-kv td{padding:12px 0;border:0;border-bottom:1px solid #d8d8d8;font-size:16px;line-height:1.5;vertical-align:top;background:transparent;text-align:left;white-space:pre-line}
body.vx-modern .vx-kv th{width:34%;font-weight:400;color:#6b6b6b;padding-right:24px;white-space:normal}
body.vx-modern .vx-kv td{font-weight:600}
body.vx-modern .vx-tag{display:inline-block;font-family:'Barlow Condensed','Barlow',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:1px 6px;margin-right:10px;vertical-align:1px}
body.vx-modern .vx-tag--add{background:#d10a11;color:#fff}
body.vx-modern .vx-tag--opt{border:1px solid #1c1c1c;color:#1c1c1c}
body.vx-modern .vx-note{font-size:14px!important;color:#6b6b6b;margin:12px 0 0}
body.vx-modern .vx-table td.vx-alt{background-color:#f6f6f6!important}
body.vx-modern .vx-table tr:hover > td:not([rowspan]),body.vx-modern .vx-table tr:hover > td[rowspan="1"]{background-color:#fde8e9!important}
body.vx-modern .vx-table td.vx-code{cursor:pointer;font-weight:600;color:#d10a11;white-space:nowrap;position:relative}
body.vx-modern .vx-table td.vx-code::after{content:"Copy";font-family:'Barlow Condensed','Barlow',sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#6b6b6b;border:1px solid #c8c8c8;padding:0 5px;margin-left:10px;opacity:0;transition:opacity .15s}
body.vx-modern .vx-table tr:hover td.vx-code::after,body.vx-modern .vx-table td.vx-code:focus::after{opacity:1}
body.vx-modern .vx-table td.vx-code.vx-copied::after{content:"Copied";opacity:1;color:#fff;background:#1c1c1c;border-color:#1c1c1c}
body.vx-modern .vx-cards{display:none}
body.vx-modern .vx-card-g{font-family:'Barlow Condensed','Barlow',sans-serif;font-size:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin:22px 0 10px}
body.vx-modern .vx-card{border:1px solid #d8d8d8;border-top:3px solid #d10a11;padding:14px 16px;margin:0 0 12px;background:#fff}
body.vx-modern .vx-card-t{font-family:'Barlow Condensed','Barlow',sans-serif;font-size:20px;font-weight:700;letter-spacing:1px;color:#d10a11;margin-bottom:8px}
body.vx-modern .vx-card-d{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 14px;margin:0}
body.vx-modern .vx-card-d dt{font-size:14px;color:#6b6b6b;font-weight:400;margin:0;display:flex;align-items:center;gap:6px}
body.vx-modern .vx-card-d dt img{height:16px;width:auto}
body.vx-modern .vx-card-d dd{font-size:15px;font-weight:600;margin:0}
body.vx-modern.single-product section.related{clear:both;padding-top:40px}
body.vx-modern.single-product section.related > h2{font-family:'Barlow Condensed','Barlow',sans-serif;font-size:19px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:18px}
@media (max-width:1100px){body.vx-modern .vx-tablewrap{overflow-x:auto}}
@media (max-width:700px){
  body.vx-modern .vx-tablewrap{display:none}
  body.vx-modern .vx-cards{display:block}
  body.vx-modern.single-product .product_title{font-size:30px}
  body.vx-modern .vx-kv th{width:42%}
  body.vx-modern .vx-dl-a{max-width:none}
}

/* height and colour chooser above the selection table */
body.vx-modern .vx-choose{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 14px;margin:0 0 12px;background:#f1f1f1;border-left:3px solid #d10a11}
body.vx-modern .vx-choose-t{font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:#1c1c1c}
body.vx-modern .vx-choose-f{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;color:#1c1c1c}
body.vx-modern .vx-choose-f select{min-height:40px;padding:6px 30px 6px 10px;border:1px solid #9c9c9c;background-color:#fff;font:inherit;color:#1c1c1c;width:auto}
body.vx-modern .vx-choose-n{font-size:14px;color:#5a5a5a}

/* key feature cards on product pages */
body.vx-modern .vx-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:18px 0 22px}
body.vx-modern .vx-feat-b{background:#fff;border:1px solid #e0e0e0;border-top:3px solid #d10a11;padding:14px 16px 12px}
body.vx-modern .vx-feat-b--wide{grid-column:1/-1}
body.vx-modern .vx-feat-h{font-family:'Barlow Condensed','Barlow',sans-serif!important;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:#1c1c1c;margin:0 0 8px;line-height:1.3}
body.vx-modern .vx-feat-l{list-style:none;margin:0;padding:0}
body.vx-modern .vx-feat-l li{position:relative;margin:0 0 5px;padding:0 0 0 16px;font-size:15.5px;line-height:1.45;color:#3a3a3a}
body.vx-modern .vx-feat-l li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:#d10a11}
body.vx-modern .vx-feat-img{overflow-x:auto}
body.vx-modern .vx-feat-img img{display:block;max-width:100%;width:440px;height:auto;margin:2px 0 0}

/* price / sample button sits under the Vexpert button, same width */
body.vx-modern .vexpert-cta--side{display:flex;flex-direction:column;align-items:stretch;gap:10px}
body.vx-modern .vexpert-cta--side a{text-align:center;margin:0!important}