/* FOR HERMEQ BREEZE SWISSLABS THEME */ /* BREAKPOINTS MOBILE MENU: 920px */ .page-header { background:#12487c !important; color:#fff !important; } .navigation li > a { color:#fff; } /* MEGA MENU H2 and H3 NOW P TAGS #navigation-wrapper { max-width:94%; margin:0 auto; justify-content:center; } #navigation-wrapper .navigation > ul { justify-content:center; } #navigation-wrapper ul.animated.column1 { max-width:100%; } #navigation-wrapper .menu-category-item p.menu_heading { position:absolute; bottom:10px; font-size:15px; color:#fff !important; font-weight: 500; padding: 10px !important; text-transform:uppercase; background: #12487c; line-height:16.5px; } #navigation-wrapper .menu-category-item p.menu_cat_link { position:absolute; bottom:10px; font-size:15px; color:#fff !important; font-weight: 500; padding: 10px !important; text-transform:uppercase; background: #12487c; line-height:16.5px; margin:0; } #navigation-wrapper .menu-category-item:hover p.menu_heading { background: #90c741; } #navigation-wrapper .menu-title-container p.menu_top_heading { line-height:1; } #navigation-wrapper .menu-title-container p.menu_top_heading a:before { content:none; } #navigation-wrapper .menu-title-container p.menu_top_heading a { font-size:17px; font-weight: 700; text-transform:uppercase; color:#12487c; } #navigation-wrapper .menu-category-link { display:block; } #navigation-wrapper ul.main_megamenu ul { display:none; } @media screen and (max-width: 1023px) { #navigation-wrapper .section-item-content .menu-container .menu.horizontal>ul .menu-category-item p { position:relative; padding:0; margin:0; line-height:1.6; background-color:#fff !important; padding:0 !important; bottom:0; } #navigation-wrapper .section-item-content .menu-container .menu.horizontal>ul .menu_top_heading { display:none; } } /* END OF MEGA MENU H2 and H3 NOW P TAGS */ .create-trade-account { border: 1px solid #90c741; padding: 5px 10px; font-size: 14px; border-radius: 5px; display: inline-block; color: #fff; } .create-trade-account:hover { color: #fff; background: #90c741; } #main_header a.action.toggle.switcher-trigger:hover, #main_header a.action.showcart:hover { color:#90c741; } /* .section-item-content .menu-container .menu > ul > li.menu-dropdown-icon > a:before { content: "\f107"; font-size: 18px; font-weight: normal; font-family: "FontAwesome"; margin: 2px 0px 0 12px; color: #333; line-height: 18px; float: right; } .nav-sections .section-item-content .menu-container .menu.horizontal ul { margin-bottom:0.5em; } */ .top_banner_row { max-width:100% !important; padding:0.9em 1em 0 1em !important; margin:0; position:relative; } .top_banner_row img { width:100%; } .top_banner_row { padding:1em; position:relative; } .top_banner_row img { width:100%; } .homepage_banner_txt { position:absolute; top:4rem; left:5rem; } .homepage_banner_txt h1 { font-size:3.5rem; color:#fff; line-height:1.1; font-weight:600; } .homepage_banner_txt h1 .green { color:#90c741; } .homepage_banner_txt h2 { color:#fff; font-size:2.3rem; font-weight:400; letter-spacing:1px; margin-bottom:0; } /* H1=45px H2=30px */ @media only screen and (max-width: 1500px) { .homepage_banner_txt { top:2.5rem; } .homepage_banner_txt h1 { font-size:2.6rem; } .homepage_banner_txt h2 { font-size:2rem; } } /* H1=40px H2=30px */ @media only screen and (max-width: 1300px) { .homepage_banner_txt { top:2.4rem; left:3em; } .homepage_banner_txt h1 { font-size:2.5rem; margin-bottom:1.5rem; } .homepage_banner_txt h2 { font-size:1.9rem; margin-top:0; } } /* H1=35px H2=25px */ @media only screen and (max-width: 1200px) { .homepage_banner_txt { } .homepage_banner_txt h1 { font-size:2.3rem; margin-bottom:1rem; } .homepage_banner_txt h2 { font-size:1.6rem; } } /* H1=30px H2=20px */ @media only screen and (max-width: 1050px) { .homepage_banner_txt { top:1.5rem; } .homepage_banner_txt h1 { font-size:1.9rem; } .homepage_banner_txt h2 { font-size:1.3rem; } } @media only screen and (max-width: 1023px) { .top_banner_row { padding:0em !important; } } /* H1=30px H2=15px */ @media only screen and (max-width: 900px) { .homepage_banner_txt { top:1.75rem; left:3rem; } .homepage_banner_txt h1 { font-size:1.7rem; margin-bottom:0.5rem; } .homepage_banner_txt h2 { font-size:1.25rem; } } @media only screen and (max-width: 800px) { .homepage_banner_txt { top:1.5rem; left:3rem; } .homepage_banner_txt h1 { font-size:1.5rem; margin-bottom:0.5rem; } .homepage_banner_txt h2 { font-size:1rem; } } /* H1=25px H2=10px */ @media only screen and (max-width: 750px) { .homepage_banner_txt { top:1rem; left:2rem; } .homepage_banner_txt h1 { font-size:1.35rem; } .homepage_banner_txt h2 { font-size:1rem; } } /* H1= H2= */ @media only screen and (max-width: 650px) { .homepage_banner_txt { top:1rem; left:1rem; } .homepage_banner_txt h1 { font-size:1.2rem; margin-bottom:0.2rem; } .homepage_banner_txt h2 { font-size:0.8rem; } } /* H1= H2= */ @media only screen and (max-width: 500px) { .homepage_banner_txt { top:1rem; } .homepage_banner_txt h1 { font-size:1rem; } .homepage_banner_txt h2 { display:none; } } /* H1= H2= */ @media only screen and (max-width: 430px) { .homepage_banner_txt { top:0.5rem; } .homepage_banner_txt h1 { font-size:0.75rem; line-height:1.3; } .homepage_banner_txt h2 { display:none; } } /* H1= H2= */ @media only screen and (max-width: 330px) { #maincontent .top_banner_row { display:none !important; } .homepage_banner_txt h1 { display:none; } .homepage_banner_txt h2 { display:none; } } /* .banner_image_txt { position:absolute; left:10em; top:7em; max-width:60%; } .banner_image_txt h1 { font-size:2.8em; line-height:1.1; letter-spacing:3px; } .banner_image_txt h2 { font-size:2.4em; font-weight:300; } @media only screen and (max-width: 1500px) { .banner_image_txt { top:2rem; left:5em; } .banner_image_txt h1 { font-size:2rem; } .banner_image_txt h2 { font-size:1.75rem; } } @media only screen and (max-width: 1300px) { .banner_image_txt { top:2rem; left:5em; } .banner_image_txt h1 { font-size:1.5rem; margin-bottom:0.5em; } .banner_image_txt h2 { font-size:1.25rem; margin-top:0; } } /* HERMEQ EU @media only screen and (max-width: 999px) { .top_banner_row { padding:0 !important; } .banner_image_txt h2 { display:none; } } @media only screen and (max-width: 915px) { .banner_image_txt { max-width:55%; } .banner_image_txt h1 { font-size:1.15rem; margin-bottom:0.5em; } .banner_image_txt h2 { display:none; } } @media only screen and (max-width: 800px) { .banner_image_txt { top:1em; left:2em; max-width:70%; } } @media only screen and (max-width: 700px) { .banner_image_txt { max-width:60%; } #maincontent .banner_image_txt h1 br.secondbr { display:none; } } @media only screen and (max-width: 600px) { .banner_image_txt { top:1rem; } .banner_image_txt h1 { font-size:1rem; margin-bottom:0em; } .banner_image_txt h2 { display:none; } } @media only screen and (max-width: 500px) { .banner_image_txt { } .banner_image_txt h1 { font-size:0.75rem; } .banner_image_txt h2 { display:none; } } @media only screen and (max-width: 430px) { .banner_image_txt { top:0.5rem; left:1rem; } .banner_image_txt h1 { font-size:0.65rem; } } */ .white { color:#fff; } .green { color:#90c741; } .navigation-wrapper { width:100%; } .navigation-section ul.level0 a { color:#12487c; } @media only screen and (max-width:640px) { .navigation .parent > a { color:#12487c; font-size:1em; } } @media only screen and (min-width:640px) and (max-width:1023px) { .navigation .parent > a { font-size:0.75em; padding-bottom:0; } #header-wrapper .navigation > ul { gap:0.2rem; } } #main_header .panel.wrapper { background-color:#12487c; border-bottom:1px solid #335a80; } #main_header .panel.wrapper .panel.header { max-width:96%; } #header-wrapper { max-width:100% !important; width:100%; padding-top:0.5rem; padding-bottom:0.5rem; padding-left:2.5%; padding-right:2%; border-bottom: 1px solid #335a80; } @media only screen and (max-width:1023px) { #header-wrapper { padding-left:0.5em; padding-right:2em; justify-content:end; } } #main_footer .footer-middle { background:none; } /* REMOVE WAVEY LINE */ #main_footer .footer-top > div { } #main_footer .footer-middle > div, #main_footer .footer-middle::after { background-color:#12487c; } #main_footer .column1 { column-count:2; } #main_footer .newletter_subscribe { margin-top:1em; } @media (max-width: 1300px) { #main_footer .footer-middle { padding-left:1.5em; padding-right:1.5em; } } @media screen and (max-width: 1023px) { #main_footer .footer-middle { padding-left:1em; padding-right:1em; } #header-wrapper a.logo img { width:12em !important; } } @media (max-width: 850px) { #main_footer .footer-middle { padding-left:0.5em; padding-right:0.5em; } } /* {{config path="general/store_information/phone"}} */ /* CATEGORY PAGE */ .catalog-category-view .breadcrumbs .items { max-width:90% !important; padding-left:1rem; font-size:0.9em; } .catalog-category-view #maincontent { max-width:90%; } .catalog-category-view #maincontent .category-view { display:flex; flex-direction:row; } .catalog-category-view #maincontent .category-view .category-description,#below_cat_products .category-description { font-size:1em; line-height:1.25; } .catalog-category-view #maincontent .category-view .category-description h1,#below_cat_products .category-description h1 { display:block; font-size:2.25em; margin-bottom:0.5em; text-transform:uppercase; color:#12487c; font-weight:600; } .catalog-category-view #maincontent .category-view .category-description h2,#below_cat_products .category-description h2 { font-size:1.5em; color:#12487c; } .catalog-category-view #maincontent .category-view .category-description h3,#below_cat_products .category-description h3 { color:#12487c; font-weight:700; } .catalog-category-view #maincontent .category-view .category-description { font-size:1em; line-height:1.25; width:95%; } .catalog-category-view #maincontent .category-view .category-image img { max-height:35em; } .catalog-category-view #maincontent .category-view .above_cat_products.category-description { margin:0 0 1em 0; } .catalog-category-view #maincontent .category-view .above_cat_products.category-description h1 { } .catalog-category-view #maincontent .category-view .category-description p,#below_cat_products .category-description p { color:#1C2E47; font-size:1em; line-height:1.5; } .catalog-category-view #maincontent .columns li.item.product { box-shadow: 0 4px 8px 0 rgba(100,100,100,.2); } .catalog-category-view #maincontent .columns li.item.product:hover { box-shadow: 0 4px 8px 0 rgba(64,64,64,.5); } .catalog-category-view #maincontent .sub_category_info:hover { box-shadow: 0 4px 8px 0 rgba(64,64,64,.5); } .catalog-category-view #maincontent #sorter { border:2px solid #90c741; } .catalog-category-view #maincontent #limiter { border:2px solid #90c741; } .catalog-category-view #maincontent .products.wrapper.grid.products-grid { margin-bottom:3em; } .catalog-category-view #maincontent .product-image-photo, .product.media .main-image, .product.media .images img, .product.media .thumbnails img, .item.product .product-image-photo { filter:none; } .catalog-category-view #maincontent a.product-item-link { font-weight:400; font-size:1.1em; } .catalog-product-view .breadcrumbs ul { max-width:96% !important; padding-left:0 !important; } .breadcrumbs strong { color:#12487c; font-weight:500 !important; } .breadcrumbs ul li:last-child { color:#12487c; font-weight:500 !important; } .breadcrumbs li::after { color:#90c741; } @media screen and (max-width:768px) { .catalog-product-view .breadcrumbs ul { padding-top:1em; font-size:0.75em; } } #below_cat_products { margin-top:5em; } #below_cat_products .category_desc_content_holder_top { display:grid; grid-template-columns:3fr 1fr; } #below_cat_products .category-description h2:first-child { font-size:2.25em; text-transform:uppercase; } .catalog-category-view #sub_categories { display:flex; flex-wrap:wrap; margin-bottom:1em; justify-content:center; gap:1em; } .catalog-category-view #sub_categories .sub_category_info { padding:0.3em; max-width: 32%; border:1px solid #ccc; border-radius:0.5em; color:#12487c; } .catalog-category-view #sub_categories .sub_category_info a { display:block; } .catalog-category-view #sub_categories .sub_category_info h4 { height:2rem; color:#12487c; font-weight:700; } .catalog-category-view #sub_categories .sub_category_image_link { text-align:center; margin-top:1em; } .catalog-category-view #sub_categories .sub_category_image_frame { margin:0 auto; width:96%; border:1px solid #ccc; border-radius:0.5em; } .catalog-category-view #sub_categories .sub_category_image { width:70%; } .catalog-category-view #sub_categories .sub_category_txt { margin:1em; } .catalog-category-view #sub_categories .sub_category_txt hr { border:1px solid #d1d1d1; } .catalog-category-view #sub_categories .cat_view_products_link { font-weight:700; color:#12487c; margin-top:0.3em; } .catalog-category-view button.action.tocart.primary { width:100%; } .catalog-category-view .contact_for_price_form { text-align:center; } .catalog-category-view button.contact-for-price.action { width:80%; font-size:1.1em; padding:0.85em 0.75em; margin-bottom:0; } .catalog-category-view .product-item-inner .actions-primary { width:100%; } .catalog-category-view .product-item-inner .stock { display:none; } .catalog-category-view .column.main { min-height:0; } .catalog-category-view #maincontent .columns { grid-template-columns: auto; gap:0; } .catalog-category-view .columns .sidebar.sidebar-additional { display:none; } .catalog-category-view #maincontent .product.details { flex-direction:column; } .catalog-category-view #maincontent .product.name { max-width:100%; text-align:center; color:#12487c; height:4rem; } .catalog-category-view #maincontent .price-box { max-width:100%; text-align:center; } .catalog-category-view #maincontent .price-box .price-wrapper.price-excluding-tax span.price, .catalog-category-view #maincontent .price-box .price-wrapper:not(.price-including-tax) span.price { color:#fff; background:#8fc741; display:block; padding:0.6rem; font-weight:700; border-radius:0.25rem; font-size:1.25em; line-height:1.3; width:70%; margin:0 auto; } .catalog-category-view #maincontent .price-box .price-wrapper.price-including-tax { margin-top:1em; } @media (max-width:900px) { .catalog-category-view #sub_categories .sub_category_txt h4 { display:block; height:3em; } .catalog-category-view button.contact-for-price.action { width:90%; font-size:1.2em; } .catalog-category-view #sub_categories .sub_category_info { max-width: 48%; } } @media (max-width:520px) { .catalog-category-view #sub_categories .cat_description { word-wrap:break-word; } .catalog-category-view #sub_categories .sub_category_txt h4 { line-height:1.1; height:1.5em; } .catalog-category-view #sub_categories .sub_category_info { max-width:100%; } .catalog-category-view .popular_categories { display:none; } } @media (max-width:450px) { .catalog-category-view button.contact-for-price.action { font-size:1em; } .catalog-category-view #maincontent .price-box .price-wrapper.price-including-tax span.price { font-size:1.4em; } } @media screen and (max-width:400px) { .catalog-category-view button.contact-for-price.action { font-size:0.75em; } .catalog-category-view #maincontent .price-box .price-wrapper.price-including-tax span.price { font-size:1.1em; } } /* :root { --base-color: 18, 72, 124; --headings-color: 18, 72, 124; } /* PRODUCT PAGE .catalog-product-view { --base-color: 18, 72, 124; --headings-color: 18, 72, 124; } */ .catalog-product-view .iwd-paypal-product-credit-ms { display:none; } .catalog-product-view #maincontent h1 { text-transform:uppercase; margin-bottom:0.35em; font-weight:650; } .catalog-product-view #maincontent .product-info-stock-sku { margin-bottom:0.25em; } .catalog-product-view #maincontent .price-wrapper.price-excluding-tax span.price { font-weight:700; font-size:1.3em; } .catalog-product-view #maincontent #custom-options-wrapper .price-wrapper.price-excluding-tax span.price, .catalog-product-view #maincontent #product_extra_options .price-wrapper.price-excluding-tax span.price { font-weight:500; font-size:1em; } .catalog-product-view #maincontent .product-info-wrapper .price-excluding-tax:after { content:' Excl VAT'; font-size:0.75em; font-weight:375; } .catalog-product-view #maincontent .product-info-wrapper .price-including-tax:after { content:' Incl VAT'; font-size:0.75em; font-weight:375; } .catalog-product-view #maincontent #product-options-wrapper { margin-bottom:0; padding-bottom:0; } .catalog-product-view #maincontent #product-options-wrapper select { border:2px solid #bbc0c7; } .catalog-product-view #maincontent .product-options-bottom { margin-top:0; flex-wrap:wrap; justify-content:end; } .catalog-product-view #maincontent .product-options-bottom input { border:2px solid #6f7b90; } .catalog-product-view #maincontent h3.sku_header { font-size:1em; margin:0; font-weight:normal; line-height:1; } .catalog-product-view #maincontent h3.sku_header .sku_label { font-weight:450; } .catalog-product-view #maincontent h3.sku_header .value { font-weight:700; } .catalog-product-view #maincontent .product.overview p { color:#333; } .catalog-product-view #maincontent .product.info.details.specifications .data.item.content p strong { } #highlights_info_holder { border:1px solid #ddd; border-radius:0.5em; margin:0.5em 2em 0 2em; padding:1em 0em 1.5em 0em; display:flex; justify-content:center; flex-direction:column; text-align:center; } #highlights_info_holder ul { text-align:left; margin-left:2em; } #highlights_info_holder ul > li { list-style:none; margin:0; padding:0 0 0 1.5em; background-image: url("/media/hermeq_logo_bullet.png"); background-repeat:no-repeat; background-position: left 5px; background-size: 0.75em; } #highlights_info_holder p.highlights_header { text-transform:uppercase; text-align:center; } #highlights_info_holder h2.highlights_header { font-size:15px; font-weight:400; text-transform:uppercase; text-align:center; margin-top:0; margin-bottom:10px; } #highlights_info_holder h2.highlights_header { font-size:1.25em; text-transform:uppercase; text-align:center; font-weight:700; } @media screen and (max-width:500px) { #highlights_info_holder { padding:1em 0; } } @media screen and (max-width:800px) { .catalog-product-view #maincontent h1 { font-size:2em; padding-left:0.5rem; } #highlights_info_holder { margin:0; } } @media screen and (max-width:768px) { .catalog-product-view #maincontent h1 { padding-left:0.5rem; margin-bottom:0; } } @media screen and (max-width:600px) { .catalog-product-view #maincontent h1 { font-size:1.8em; } .catalog-product-view #product-addtocart-button { font-size:0.9em; } .catalog-product-view #enquire_about_sku_block { font-size:0.9em; } .catalog-product-view #requestaquote { font-size:0.9em; } } @media screen and (max-width:500px) { .catalog-product-view #maincontent h1 { font-size:1.7em; } .catalog-product-view #maincontent p.quickest_delivery { display:flex; flex-direction:column; } } @media screen and (max-width:400px) { .catalog-product-view #maincontent h1 { font-size:1.65em; line-height:1.25; } } #maincontent .product-info-main { padding-right:6rem; } #maincontent .product.info { padding-left:12.5rem; padding-right:12.5rem; } /* PADDING FOR DETAILS SECTION */ @media screen and (max-width:1300px) { #maincontent .product.info { padding-left:8.5rem; padding-right:8.5rem; } } @media screen and (max-width:1100px) { #maincontent .product.info { padding-left:2.5rem; padding-right:2.5rem; } } @media screen and (max-width:1000px) { #maincontent .product.info { padding-left:2rem; padding-right:2rem; } } @media screen and (max-width:900px) { #maincontent .product.info { padding-left:1.5rem; padding-right:1.5rem; } } @media screen and (max-width:800px) { #maincontent .product.info { padding-left:1rem; padding-right:2rem; } } @media screen and (max-width:700px) { #maincontent .product.info { padding-left:1rem; padding-right:1rem; } } @media screen and (max-width:600px) { #maincontent .product.info { padding-left:0.1rem; padding-right:0.1rem; } } #maincontent .product.info.detailed { margin-top:5em; padding-bottom:1.5em; border-bottom:1px solid #12487c; } #maincontent .product.info .item.title { text-transform:uppercase; padding:0.5em 2em; margin:0 0.1em 0 0; background:#ccc; color:#fff; border-top-left-radius:0.5em; border-top-right-radius:0.5em; font-size:1em; } #maincontent .product.info .item.title.active { background:#12487c; } #maincontent .product.info .item.content { box-shadow: 5px 4px 8px 5px rgba(100,100,100,.2); padding:2em; border-radius:0.5em; } #maincontent .product.info .item.content .value { font-size:1em; line-height:1.5; padding:1em; } #maincontent .product.info .item.content .value h4 { font-size:1em !important; font-weight:600 !important; margin-top:2em; } #maincontent .product.info .item.content .value h4 strong { font-size:1em !important; font-weight:600; margin-top:2em; } #maincontent .product.info .item.content .value h4:first-child { margin-top:0em; } #maincontent .product.info .item.content .tab_title { text-transform:uppercase; font-size:1.5em; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:0.5em 0; margin-bottom:1em; font-weight:600; line-height:1; } #maincontent .product.info .item.content ul li strong { /* color:#90c741; font-weight:400; */ } #maincontent .product.info .item.content a { color:#90c741; } @media screen and (max-width:600px) { #maincontent .product.info .item.content { padding-left:0.5em; padding-right:0.5em; } } #maincontent .block .block-title::before { display:none; -webkit-mask:none; } #maincontent .block .block-title { text-transform:uppercase; } .catalog-product-view #maincontent .block.related { padding-bottom:2em; } .catalog-product-view #maincontent .block.related .products.list { flex-wrap:nowrap; } .catalog-product-view #maincontent .block.related .product.name { height:4em; } .catalog-product-view #maincontent .block.related .product.name { max-width:100%; text-align:center; color:#12487c; height:4rem; } .catalog-product-view #maincontent .block.related .product img { padding:1em; } .catalog-product-view #maincontent .block.related .price-box { max-width:100%; text-align:center; } .catalog-product-view #maincontent .block.related .price-box .price-wrapper.price-excluding-tax span.price, .catalog-product-view #maincontent .block.related .price-box .price-wrapper:not(.price-including-tax) span.price { color:#fff; background:#8fc741; display:block; padding:0.6rem; font-weight:700; border-radius:0.25rem; font-size:1.25em; line-height:1.3; width:70%; margin:0 auto 1em; } .catalog-product-view #maincontent .block.related .old-price { display:none; } .catalog-product-view #maincontent .block.related a.contact-for-price { color:#fff; background:#12487c; display:block; padding:0.75rem 0.6em; font-weight:700; border-radius:0.25rem; font-size:1.25em; line-height:1.3; width:70%; margin:0 auto 1em; } .catalog-product-view #maincontent .block.related .price-box .price-wrapper.price-excluding-tax span.price:after { content:'Excl.VAT'; font-size:0.5em; display:flex; justify-content:center; font-weight:375; } .catalog-product-view #maincontent .block.related .price-box .price-wrapper.price-including-tax { display:none; } .catalog-product-view #maincontent .block.related .field.choice.related { display:none; } .catalog-product-view #maincontent .block.upsell .field.choice.related { display:none; } .catalog-product-view #maincontent .block.related .product.details.product-item-details { text-align:center; justify-content: center; } .catalog-product-view #maincontent .block.related .product-item-link { font-weight:400; font-size:1.1em; } .catalog-product-view #maincontent .block.related li.item.product { box-shadow: 0 4px 8px 0 rgba(100,100,100,.2); } .catalog-product-view #maincontent .block.related li.item.product:hover { box-shadow: 0 4px 8px 0 rgba(64,64,64,.5); } .catalog-product-view #maincontent .price-box .price-wrapper.price-including-tax { margin-top:0em; font-size:0.75em; } .catalog-product-view #maincontent .delivery_txt { font-weight:500; } .catalog-product-view #maincontent .block.upsell .product.name { height:4em; } .catalog-product-view #maincontent .block.upsell .price-box { max-width:100%; text-align:center; } .catalog-product-view #maincontent .block.upsell .price-box .price-wrapper.price-including-tax span.price { color:#fff; background:#8fc741; display:block; padding:0.6rem; font-weight:700; border-radius:0.25rem; font-size:1.7em; line-height:1.3; width:80%; margin:0 auto; } @media (max-width: 1500px) { .catalog-product-view #maincontent .block.related .price-box .price-wrapper.price-excluding-tax span.price { font-size:1.65em; } .catalog-product-view #maincontent .block.related .price-box { margin-top:0.5em; } } @media (max-width: 1100px) { .catalog-product-view #maincontent .block.related .price-box .price-wrapper.price-excluding-tax span.price { font-size:1.2em; } } @media (max-width: 1023px) { .catalog-product-view #maincontent .block.related .products.list li.item_num6 { display:none !important; } .catalog-product-view #maincontent .block.related .price-box .price-wrapper.price-excluding-tax span.price { font-size:1.1em; } } @media (max-width: 900px) { .catalog-product-view #maincontent .block.related .product.name { font-size:0.8em; } } @media (max-width: 800px) { .catalog-product-view #maincontent .block.related .price-box .price-wrapper.price-excluding-tax span.price { font-size:1em; } } @media (max-width: 700px) { .catalog-product-view #maincontent .block.related .products.list { gap:0.5em; } .catalog-product-view #maincontent .block.related .products.list li.item_num5 { display:none !important; } .catalog-product-view #maincontent .block.related .price-box .price-wrapper.price-excluding-tax span.price { font-size:1em; } } @media (max-width: 639px) { .catalog-category-view #maincontent .category-view { flex-direction:column; } .catalog-category-view #sub_categories .sub_category_info h4 { font-size:1em; } } @media (max-width: 550px) { .catalog-product-view #maincontent .block.related .products.list { flex-wrap:wrap; } } @media (max-width: 400px) { .catalog-category-view #maincontent .products.list { } .catalog-category-view #maincontent .products.list .product.name { font-size:0.8em; line-height:1.25; } .catalog-category-view #maincontent .products.list button.action.tocart { font-size:0.75em; } } @media (min-width: 640px) { #navigation-wrapper.navigation-wrapper .submenu { width:17rem; } .header.panel, .header.content { --container-max-width: 96% !important; } } /* PRODUCT PAGE CUSTOM OPTIONS */ .catalog-product-view #custom-options-wrapper p.options_header, .catalog-product-view #product-options-wrapper p.options_header { font-weight:600; display:block; width:100%; } .catalog-product-view #custom-options-wrapper, .catalog-product-view #product_extra_options { display:flex; flex-wrap:wrap; justify-content:space-between; } .catalog-product-view #custom-options-wrapper .field { } .catalog-product-view #custom-options-wrapper .field label, .catalog-product-view #product_extra_options .field label { text-align:left; text-decoration:none; font-weight:400; width:100%; } .catalog-product-view #custom-options-wrapper .field label:first-child, .catalog-product-view #product_extra_options .field label:first-child { font-weight:600 !important; display:none; } .catalog-product-view #custom-options-wrapper .field.choice.admin__field.admin__field-option, .catalog-product-view #product_extra_options .field.choice.admin__field.admin__field-option { border:solid 1px #e4e4e4; padding:2px 10px; width:31em; justify-content:space-around; background:none; } .catalog-product-view #custom-options-wrapper .field.choice.admin__field.admin__field-option.active, .catalog-product-view #product_extra_options .field.choice.admin__field.admin__field-option.active { background:#efefef; } .catalog-product-view #custom-options-wrapper .label-qty, .catalog-product-view #product_extra_options .label-qty { display: inline-block; padding: 5px; } .catalog-product-view #custom-options-wrapper .qty.mageworx-option-qty, .catalog-product-view #product_extra_options .qty.mageworx-option-qty { width:2em; padding:0; } .catalog-product-view #product-options-wrapper .field label { text-align:left; text-decoration:none; font-weight:400; width:100%; } .catalog-product-view #product-options-wrapper .field label:first-child { font-weight:400 !important; } .catalog-product-view #product-options-wrapper .field.choice.admin__field.admin__field-option { border:solid 1px #e4e4e4; padding:2px 10px; width:31em; justify-content:space-around; background:none; } .catalog-product-view #product-options-wrapper .field.choice.admin__field.admin__field-option.active { background:#efefef; } .catalog-product-view #product-options-wrapper .label-qty { display: inline-block; padding: 5px; } .catalog-product-view #product-options-wrapper .qty.mageworx-option-qty { width:2em; padding:0; } @media screen and (max-width:600px) { .catalog-product-view #custom-options-wrapper, .catalog-product-view #product_extra_options { width:100%; } .catalog-product-view #custom-options-wrapper, .catalog-product-view #product_extra_options .field { width:100%; } .catalog-product-view #custom-options-wrapper .field.choice.admin__field.admin__field-option, .catalog-product-view #product_extra_options .field.choice.admin__field.admin__field-option { width:100%; } } @media screen and (max-width:600px) { .catalog-product-view #custom-options-wrapper .label.admin__field-label, .catalog-product-view #product_extra_options .label.admin__field-label { font-size:0.85em; } } #iwd_checkout_iframe { width:100%; } #maincontent .homepage_whyhermeq_row { color:#12487c; } #maincontent .homepage_whyhermeq_row a { color:#90c741; } #maincontent .homepage_whyhermeq_row h2{ color:#12487c; text-transform:uppercase; font-weight:600; } #maincontent .homepage_whyhermeq_row h3{ color:#12487c; } #maincontent .homepage_whyhermeq_row p{ line-height:1.65; font-weight:400; } @media (min-width: 1024px) { #maincontent .homepage_cats_row { width:94%; } #maincontent .homepage_products_row { width:80%; } #maincontent .homepage_whyhermeq_row { width:80%; } } /* HOMEPAGE CATEGORIES */ #maincontent .homepage_cats_row { margin-bottom:1.25em; } .homepage_cats_row h2 { color:#12487c; text-transform:uppercase; font-weight:325; padding-top:1.25em; } .homepage_cats_row h2::before { content: "\2193"; margin-right:0.25em; } /* ARROW */ .homepage_cats_row h2::after { content: "\2193"; margin-left:0.25em; } /* ARROW */ .homepage_cats { margin-bottom:1.25em; } .homepage_cats [data-background-type=image] { background-size:100% !important; } .homepage_cats .saw_banner [data-background-type=image] { background-size:82% !important; } .homepage_cats .homepage_cat_info { margin:0 1em; } .homepage_cats .homepage_cat_info_txt { border:1px solid #12487c; border-radius:5px; min-height:12em; } .homepage_cats .homepage_cat_info_txt h3 { font-size:1.1em; font-weight:400; background:#12487c; color:#fff; border-top-left-radius:5px; border-top-right-radius:5px; padding:0.25em 1em 0.4em 0.5em; } .homepage_cats .homepage_cat_info_txt h3 a:link,.homepage_cats .homepage_cat_info_txt h3 a:visited { color:#fff !important; } .homepage_cats .homepage_cat_info.long_description h3 { font-size:1.1em; } .homepage_cats .homepage_cat_info_txt p { padding-left:1em; font-size:0.9em; font-weight:375; } .homepage_cats .homepage_cat_info_txt a:link,.homepage_cats .homepage_cat_info_txt a:visited { color:#12487c; } .homepage_cats .homepage_cat_info_txt a:hover { color:#90c741; } .homepage_cats .homepage_cat_info_txt p:last-child a:last-child,.homepage_cats .homepage_cat_info_txt p:last-child a:last-child:visited { color:#90c741; } .homepage_cats .homepage_cat_info_txt p:last-child a:last-child:hover { color:#12487c; } .homepage_cats a.view_cat_link,.homepage_cats a.view_cat_link:visited { color:#90c741 !important; } /* CENTRE LAST HOMEPAGE CATEGORY */ #maincontent .homepage_cats_row.cats_last_row .homepage_cats .pagebuilder-column-line { justify-content:center; } #maincontent .homepage_cats_row.cats_last_row .cats_blank_col { display:none; } @media (max-width: 1150px) { .homepage_cats .homepage_cat_info_txt h3 { font-size:1.15em; } .homepage_cats .homepage_cat_info_txt p { font-size:0.8em; } } @media (max-width: 1023px) { #maincontent .homepage_cats_row { width:96%; margin-top:0 !important; } h2.homepage_category_heading { font-size:1.35em; margin-bottom:0; } .homepage_cat_info_txt h3 { height:auto; line-height:1.2; } .homepage_cats .homepage_cat_info { margin:0 0.5em; } } @media (max-width: 950px) { .homepage_cats .homepage_cat_info_txt h3 { font-size:1em; } .homepage_cats .homepage_cat_info_txt p a { font-size:1.1em; } } @media (max-width: 768px) { #maincontent .pagebuilder-column-line { justify-content:center; } #maincontent .homepage_cats_row { width:98%; padding:0; } #maincontent .homepage_cats .homepage_cat_info { max-width:47%; margin:0 0.5em; } } @media (max-width: 560px) { #maincontent .homepage_cats .homepage_cat_info { margin:0 0.25em; } #maincontent .homepage_cats_row .pagebuilder-poster-overlay { min-height:150px; } } @media (max-width: 560px) { #maincontent .homepage_cats_row .pagebuilder-poster-overlay { min-height:125px; } } #block-summary.content { display:block !important; } /* remove blob */ #maincontent.page-main::before, #maincontent.page-main::after { -webkit-mask: none; background-color:inherit; } body.page-layout-1column #maincontent { margin:0 auto; width:96%; max-width:96%; } body.cms-index-index #maincontent { width:100%; max-width:100%; } body.page-layout-1column #maincontent .columns { max-width:100%; } body.cms-no-route .grid-x.menu-col-5 { display:flex; margin-bottom:1.5em; } body.cms-no-route .grid-x.menu-col-5 .menu-category-wrapper { padding:1em; } body.cms-no-route h1 { text-align:center; } body.cms-no-route h2 { font-size:1.2em; font-weight:500; margin-top:0; } body.cms-no-route h3.intro { font-size:1.1em !important; margin-top:0; color: #12487c !important; font-weight:700 !important; } body.cms-no-route ul.nopadding_list { margin-left:0; padding-left:0; } body.cms-no-route ul.nopadding_list li { margin-left:0; padding-left:0; } body.cms-no-route .popular_categories h3 { font-size:1em; font-weight:500; color:#12487c; line-height:1.1; } body.cms-no-route .popular_categories h3 a { } /* body.checkout-onepage-success */ #maincontent .checkout-success { margin-bottom:2em; max-width:60%; } @media (max-width: 1200px) { #maincontent .checkout-success { max-width:98%; } } @media (max-width: 768px) { body.page-layout-1column #maincontent { max-width:100%; width:100%; } .page-footer .block.newsletter .form { justify-content:center !important; } } /* .catalog-product-view .block.related, .catalog-product-view .block.upsell { background:#ccc; border-radius:1em; } */ .catalog-product-view .block.related .products-grid .product-items { justify-content:center; } .catalog-product-view .block.upsell .products-grid .product-items { justify-content:center; } .catalog-product-view #product_contact_us_block { background:linear-gradient(47deg, #12487B 10%, #1C2E47 70%); color:#fff; width:70%; margin:0 auto; border-radius:1em; margin-top:2em; margin-bottom:2em; } .catalog-product-view #product_contact_us_block .contact_us_block_content { padding:2em; display:flex; } .catalog-product-view #product_contact_us_block .contact_us_block_txt { width:70%; } .catalog-product-view #product_contact_us_block .contact_us_block_txt a { text-decoration:underline; color:#fff; } .catalog-product-view #product_contact_us_block .contact_us_block_txt h4 { color:#fff; text-transform:uppercase; font-size:1.8em; font-weight:700; margin-bottom:0.75em; } .catalog-product-view #product_contact_us_block .contact_us_block_txt p { font-size:1.3em; line-height:1.3; } .catalog-product-view #product_contact_us_block .contact_us_block_button { width:30%; display:flex; flex-direction:column; justify-content:center; } .catalog-product-view #product_contact_us_block .contact_us_button { padding:0.9em 0.6em; font-size:1.8em; font-weight:700; color:#fff; background:#8fC741; border:2px solid #fff; text-align:center; border-radius:0.5em; width:10em; margin:0 auto; text-transform:uppercase; } @media (max-width: 1440px) { .catalog-product-view #product_contact_us_block { width:80%; } .catalog-product-view #product_contact_us_block .contact_us_button { font-size:1.5em; } } @media (max-width: 1200px) { .catalog-product-view #product_contact_us_block { width:90%; } } @media (max-width: 1000px) { .catalog-product-view #product_contact_us_block .contact_us_block_txt h4 { font-size:1.4em; } .catalog-product-view #product_contact_us_block .contact_us_block_txt p { font-size:1em; } .catalog-product-view #product_contact_us_block .contact_us_button { font-size:1.2em; width:8em; } } @media (max-width: 800px) { .catalog-product-view #product_contact_us_block .contact_us_block_txt h4 { font-size:1.3em; } .catalog-product-view #product_contact_us_block .contact_us_block_txt p { font-size:1em; } .catalog-product-view #product_contact_us_block .contact_us_button { font-size:1.1em; width:7em; padding:0.5em 0.25em; } } @media (max-width: 700px) { .catalog-product-view #product_contact_us_block .contact_us_block_txt h4 { font-size:1.1em; } .catalog-product-view #product_contact_us_block .contact_us_block_txt p { font-size:1em; } .catalog-product-view #product_contact_us_block .contact_us_button { width:6em; font-size:1em; } } @media (max-width: 600px) { .catalog-product-view #product_contact_us_block .contact_us_block_txt h4 { font-size:0.9em; } .catalog-product-view #product_contact_us_block .contact_us_block_txt p { font-size:0.85em; } .catalog-product-view #product_contact_us_block .contact_us_button { width:6em; font-size:0.9em; margin-right:0; font-weight:500; } } @media screen and (max-width: 500px) { .catalog-product-view #product_contact_us_block { width:98%; } .catalog-product-view #product_contact_us_block .contact_us_block_content { flex-direction:column; } .catalog-product-view #product_contact_us_block .contact_us_block_txt { width:100%; } .catalog-product-view #product_contact_us_block .contact_us_button { width:100%; margin-top:1em; } .breadcrumbs ul li.item.current_product { display:none; } } .catalog-product-view .product-options-bottom { display:flex; } .catalog-product-view .product-options-bottom #enquire_about_sku_block { display:flex; padding:1.25rem 0 1.25rem 1em; border-top: none; border-bottom: 2px solid #fff; /* rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); */ } .catalog-product-view .button-to-enquire { color:#fff; background:linear-gradient(47deg, #2CB34A 10%, #8FC741 70%); padding:0.5em 1.25em; border-radius:0.25em; border:none; /* 2px solid rgba(var(--button-border-color), var(--button-border-alpha)); */ line-height:1.5rem; font-weight:500; } .catalog-product-view .box-tocart .fieldset .actions { gap:0; } @media (max-width: 1170px) { .catalog-product-view .product-options-bottom { flex-wrap:wrap; justify-content:left; } } .catalog-product-view #product-addtocart-button { background:linear-gradient(47deg, #1C2E47 10%, #12487B 70%); font-weight:500; } .catalog-product-view .box-tocart { border-top:none; } .catalog-product-view .box-tocart .fieldset { gap:2rem; } @media screen and (max-width: 850px) { .catalog-product-view .box-tocart .fieldset { flex-wrap:wrap; justify-content:right; } .catalog-product-view .box-tocart .fieldset .actions { flex-grow:0; } .catalog-product-view #maincontent .product.info .data.item.title { font-size:0.85em; } } #faq_accordion div > div::after { content:'\2193'; float:right; } #faq_accordion div.active > div::after { content:'\2191'; } /* SLIDER @media (max-width: 767px) { .catalog-product-view .images .slick-list { height:20em; } .catalog-product-view .images .slick-list a img { height:20em; width:auto;} } */ .checkout-cart-index #shopping-cart-table .field.qty input.input-text.qty { width:3.5rem; } #homepage_blocks .grid-x.full_width { max-width:100%; } #homepage_blocks .small-4 { width:33%; } #homepage_blocks { background:#90c741; } #homepage_blocks .homepage_block { color:#fff; display:flex; justify-content:center; margin-top:0.5em; margin-bottom:0.5em; } #homepage_blocks .homepage_block_text { padding-left:1em; line-height:1.1; font-size:1.25em; text-transform:uppercase; font-weight:400; } #homepage_blocks .header_block_icon { padding-top:0.45rem; } #homepage_blocks .hb2 .homepage_block { border-left:1px solid #efefef; border-right:1px solid #efefef; } @media (max-width: 1200px) { #homepage_blocks .homepage_block { font-size:0.75em; } } @media (max-width: 1023px) { #homepage_blocks .homepage_block { font-size:0.6em; } #homepage_blocks .homepage_block:first-child { padding-left:1em; } } @media (max-width: 920px) { #homepage_blocks .homepage_block { font-size:0.5em; } #homepage_blocks .homepage_block:first-child { padding-left:1em; } } @media (max-width: 549px) { #homepage_blocks { display:none; } } @media (min-width: 1536px) { :root { --container-max-width: 1600px !important; } } /* REQUEST A QUOTE */ button.request_quote_button.checkout { margin-top:1em; background:#3da5ff; } /* PRODUCT PAGE REQUEST A QUOTE BUTTON */ #requestaquote { display:flex; padding:1.25rem 0 1.25rem 1em; border-top: none; border-bottom: 2px solid rgba(var(--muted-bg), var(--muted-bg-alpha, 1)); } #requestaquote a.button-requestaquote { color:#fff; background:#12487c; padding:0.5em 1.25em; border-radius:0.25em; border:2px solid rgba(var(--button-border-color), var(--button-border-alpha)); line-height:1.5rem; font-weight:500; } /*display:inline-block; text-transform:uppercase; background: linear-gradient(47deg, #1C2E47 10%, #12487B 70%); border:1px solid #E6E7E8; padding:0 30px; line-height:52px; font-size:1em; border-radius:5px; color:#fff !important; font-weight:500; } */ #requestaquote a.button-requestaquote:hover { cursor:pointer; } #rqstaquote_msgs { margin-top:1em; color:#ff0000; } .homepage_cats .homepage_cat_info:hover .homepage_cat_info_txt h3 { background:#90c741; transition:0.4s; } .homepage_cats .homepage_cat_info:hover .pagebuilder-banner-wrapper { transform: scale(0.95); transition:0.4s; } .homepage_cats .homepage_cat_info_txt h3 a:hover { text-decoration:none; } #main_footer h4 { text-transform:uppercase; font-weight:500; } #main_footer ul li a { font-size:0.95em; font-weight:375; } @media screen and (max-width: 768px) { .footer-contact-information .text-right { text-align:center; } } /* MEGA MENU MOBILE FORMATTING */ @media screen and (max-width: 1023px) { #navigation-wrapper .menu-title-container { padding-left:0; margin-top:0;} #navigation-wrapper .section-item-content .menu-container .menu.horizontal > ul .menu-category-link img { display:none; } #navigation-wrapper .menu-category-wrapper { padding:0 0 0 0.6em; margin:0; } #navigation-wrapper .menu_cat_link a { text-transform:none; color:#333; } #navigation-wrapper } /* END OF MEGA MENU MOBILE FORMATTING */ .header-panel-info a svg { color:#90c741; } /* SEARCH BAR IN HEADER */ #search_mini_form #search { border:2px solid #90c741; } .block.block-search { flex-shrink:0; flex-grow:1; } .block.block-search .block-content .field.search { width:100%; } .block.block-search .block-content .field .control { text-align:center; } .block.block-search .block-content .field .control input { width:100%; max-width:40rem; } /* SEARCH BAR IN HEADER */ /* SLIDER 679px working to 768px */ @media (max-width: 767px) { .catalog-product-view .images .slick-list { height:20em; } .catalog-product-view .images .slick-list a img { height:20em; width:auto;} } /* FOOTER INTRA-COMPANY LINKS */ #company_links a.company_link img { width: 1.25em; min-height: 1em; margin-right:0.25em; } #company_links .our_other_sites { column-count:1; } /* END OF FOOTER INTRA-COMPANY LINKS */ /* FIXES FOR FR Magento 2.4.8 */ .catalog-category-view .faq_area { padding:2em 5em 2em; margin:0em 0 0em 0; background:#efefef; width:100%; } .catalog-category-view .faq_area h3 { color:#333; margin-bottom:1em; } .catalog-category-view .faq_area div[data-role="trigger"] { font-weight:500; padding:1em; background:#fff; border:1px solid #ccc; margin-bottom:1em; border-radius:1em; } .catalog-category-view .faq_area div[data-role="trigger"]:hover { cursor:pointer; } .catalog-category-view .faq_area div[data-role="content"] { padding:0em 1em 1em 1em; font-size:0.9em; } .catalog-category-view .popular_categories { padding:0em 0em 0em; margin:0em 0 0em 0; } .catalog-category-view .popular_categories h3 { font-size:1.3em; font-weight:550 !important; } .catalog-category-view .popular_categories.sub_cat_pop_cats > h3 { padding-left:0em; } .catalog-category-view .popular_categories.sub_cat_pop_cats { margin-top:0; } .catalog-category-view .popular_categories.sub_cat_pop_cats .popular_categories_block_wrapper { justify-content:space-between; } .catalog-category-view .popular_categories .popular_categories_block_wrapper { display:flex; flex-wrap:wrap; margin-top:1em; } .catalog-category-view .popular_categories .popular-category-wrapper { background:#efefef; display:flex; border:1px solid #ccc; border-radius:2em; margin:0 1em 1em 1em; } .catalog-category-view .popular_categories .popular-category-wrapper .popular_cat_thumb_wrapper { display:flex; width:4em; height:4em; background:#fff; justify-content: center; flex-direction: column; border-radius:50%; } .catalog-category-view .popular_categories .popular-category-wrapper img { width:auto; height:4em; border-radius:50%; } .catalog-category-view .popular_categories .popular-category-item { display:flex; cursor:pointer; } .catalog-category-view .popular_categories .popular-category-item p { line-height:3.9em !important; font-size:1em; padding:0 1em 0 1em; margin:0; font-weight:500;} .catalog-category-view .popular_categories .popular-category-item p a { color:#333; } .catalog-category-view .popular_categories hr { height:1px; max-width:100%; width:100%; border-color:#ccc; margin-bottom:0; } .catalog-category-view .subcats_list { display:flex; flex-wrap:wrap; justify-content:space-between; padding:0em 3em 1.5em; margin:2em 0 1em 0; } .catalog-category-view .subcats_list:after { content: ""; flex: 0 0 32%; } .catalog-category-view .subcat_info { display:flex; flex-direction:column; width:32%; border:1px solid #ccc; border-radius:0.5em; padding:1.25em; margin-bottom:1em; } .catalog-category-view .subcat_info a.subcat_category_img { display:flex; flex-direction:column; justify-content:center; width:100%; border-radius:0.5em; height:15em; overflow:hidden; border:1px solid #ccc; text-align:center; } .catalog-category-view .subcat_info a.subcat_category_img img { width:auto; max-width:75%; max-height:14.5em; } .catalog-category-view .subcat_info hr.post_cat_name { margin:0; padding:0; width:100%; max-width:100%; border_color:#ccc; } .catalog-category-view .subcat_info h4.subcat_name { font-size:1.2em; color:#12487c; margin-top:1em; margin-bottom:0.5em; } .catalog-category-view .subcat_info h4.subcat_name a, .catalog-category-view .subcat_info h4.subcat_name a:visited { color:#12487c; } .catalog-category-view .subcat_info .sub_cat_description { margin-top:1em; } .catalog-category-view .subcat_info a.subcat_view_products,.catalog-category-view .subcat_info a.subcat_view_products:visited { color:#12487c; font-weight:600; } .catalog-category-view #maincontent .popular_categories.sub_cat_pop_cats hr { background:none; border:none; } /* CALCULATORS MAGENTO 2.4.8 */ #calc_results { display:flex; } #quote-details { width:40%; } #product-options-wrapper .fieldset .field .label-qty { //* display:none !important; */ } /* #product-options-wrapper .fieldset p.options_header { display:none; } // Optional Extras heading */ #custom-options-wrapper, #product_extra_options { width:49%; } #maincontent .calculator_wrapper #product-options-wrapper .field.required.options .label-qty { display:none !important; } #maincontent .calculator_wrapper .box-tocart.calculator_sku .field.qty { display:none; } #maincontent .calculator_wrapper .product-info-help .std-price-container { display:none; } #maincontent .calculator_wrapper .product-info-help .price-box { display:none; } #maincontent .calculator_wrapper .product-info-help .calculator_price { display:block; } #maincontent .calculator_wrapper #product_extra_options { display:none; } /* END OF MAGENTO 2.4.8 CALCULATORS */ /* MOBILE SETTINGS MENU */ #mobilesettings { color:#fff; padding:2em 1em 1em 1em; } #mobilesettings a, #mobilesettings a:visited, #mobilesettings a:link { color:#fff; } #mobilesettings a.lang_switcher .lang_img { width:1.25em; } /* PRODUCT FROM PRICE FIX FOR EX-INC-TAX FOR HERMEQ.FR */ .catalog-category-view span.price-wrapper.price-excluding-tax,.catalog-category-view span.price-wrapper.price-including-tax { line-height:inherit; } .catalog-category-view span.price-wrapper.price-excluding-tax span.price:after { content:'Excl.VAT'; font-size:0.5em; display:flex; justify-content:center; font-weight:375; } .catalog-category-view span.price-wrapper.price-including-tax span.price:after { content:''; } .catalog-category-view span.price-wrapper.price-including-tax { display:none; } .catalog-category-view .delivery_speed { text-align:center; padding-bottom:0.5em; } .catalog-category-view h3.popular_cats { font-size:1.3em; } .header.panel .flag_switcher_link ul { background:none; padding:0.25em 0.5em 0.5em 0.5em; list-style-type:none; } .header.panel .flag_switcher_link ul.expand { background:#1979c3; } .header.panel .flag_switcher_link li a.lang_switcher { background:#1979c3; } .header.panel .flag_switcher_link li.active a.lang_switcher { margin-top:0; background:none; } .header.panel .flag_switcher_link li.active a.lang_switcher span { line-height:1.2em; } .header.panel .flag_switcher_link ul.expand li a.lang_switcher { background:none; } /* LOWER CATEGORY PAGE DESIGN JULY 2026 */ /* LEVEL 3 CATEGORY PAGE */ .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder_top { display:flex; border:none; border-radius:2em; margin:0; padding:0; } .catalog-category-view #maincontent .category-description.cat_level3 { display:flex; margin-top:0em; margin-bottom:1em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder { width:60%; background:#12487c; color:#fff; border-top-left-radius:2em; border-bottom-left-radius:2em; display:flex; flex-direction:column; justify-content:start; height:auto; min-height:25em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder.full_width { width:100%; border-radius:2em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder.content_second { border-bottom-right-radius:2em; border-top-right-radius:2em; border-top-left-radius:0; border-bottom-left-radius:0; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder p, .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder a, .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder h1, .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder h2, .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder h3 { color:#333; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder h2 { text-transform:none; font-size:2em; font-weight:600; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder a:hover { color:#90c741; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder ul { font-size:1em; line-height:1.5; margin-top:0.5em; margin-bottom:0.5em; margin-left:0.75em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder ul > li { list-style:none; margin:0; padding:0 0 0.3em 1.4em; background-image: url("/media/HERMEQ_ul.svg"); background-repeat:no-repeat; background-position: left 5px; background-size: 0.75em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_image { width:40%; flex-shrink:0; height:auto; overflow:hidden; /* border-bottom:1px solid #ccc; border: 1px solid #12487c; */ border-bottom-right-radius:2em; border-top-right-radius:2em; text-align:center; display:flex; flex-direction:column; justify-content:start; align-items:center; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_image.image_first { border-top-left-radius:2em; border-bottom-left-radius:2em; border-bottom-right-radius:0; border-top-right-radius:0; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_image img { width:100%; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder h3 { font-weight:600; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder .category_desc_content { padding:3em 3em 3em 3em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder .breadcrumbs { position:relative; padding-left:3em !important; margin:1.5em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder .breadcrumbs a { line-height:1.9em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder .breadcrumbs .current_category { font-weight:bold; text-decoration:none; line-height:2em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content a { text-decoration:underline; } .catalog-category-view #maincontent .category-description.cat_level3 .breadcrumbs .current_category { color:#12487c; font-weight:700; } .catalog-category-view #maincontent .category-description.cat_level3 h1 { margin-top:0.5em; } .catalog-category-view #maincontent .category-description-lower { margin-top:1em; margin-bottom:1em; } .catalog-category-view #maincontent .products-grid .product-items { justify-content:center; } /* AMASTY SEARCH BAR */ #main_header .amsearch-wrapper-block { width:35em; max-width:35em; margin:0; padding-top:0; padding-bottom:0; margin:0 auto; display:block; max-width:100%; } #main_header .amsearch-form-block { max-width:900px; justify-content:start; } #main_header .amsearch-input-wrapper { width:100%; max-width:35em; } #main_header .amsearch-input-wrapper input { padding:0.5em 2.25em; border:2px solid #90c741; border-radius:0.5em; outline:none; } #main_header .amsearch-result-section { margin-top:0; } #main_header .amsearch-highlight { color:#12487c; font-weight:550; } #main_header .product-item-description .amsearch-highlight { font-weight:normal; } #main_header .amsearch-link { color:#333; font-size:1rem; } #main_header .amsearch-link.item-name .amsearch-highlight { font-weight:normal; } #main_header .amsearch-description { color:#333; font-size:1.1rem; } #main_header .amsearch-title { color:#333; font-size:1.2rem; } #main_header .amsearch-count { color:#333; } #main_header .amsearch-message-block span { color:#333; } #main_header ul.amsearch-product-list .amsearch-description a.amsearch-link.product-item-link { font-size:1.3em; color:#12487c; font-weight:550; } #main_header ul.amsearch-product-list .product-item-description { color:#12487c; font-size:1.1rem; } #main_header ul.amsearch-product-list .price-box { display:none; } #main_header ul.amsearch-product-list .amsearch-title { color:#12487c; font-weight:normal; } #main_header ul.amsearch-product-list .amsearch-sku-block .amsearch-title { font-size:1rem; } #main_header ul.amsearch-product-list .amsearch-sku-block { color:#12487c; font-size:1rem; } #main_header .amsearch-items-section .amsearch-block-header { margin-bottom:0.5rem; } #main_header .amsearch-link.item-name:hover { color:#90c741 !important; } #main_header .amsearch-link.item-name:hover span { color:#90c741 !important; } #main_header ul.amsearch-product-list .amsearch-description a.amsearch-link.product-item-link:hover { color:#90c741 !important; } #main_header ul.amsearch-product-list .amsearch-description a.amsearch-link.product-item-link:hover span { color:#90c741 !important; } #main_header .amsearch-button { display:none; } #main_header .amsearch-wrapper-block:before { height:0px; background:none; } @media screen and (max-width: 1250px) { #main_header .amsearch-input-wrapper { max-width:30em; } #main_header .amsearch-form-block { max-width:45em; } } @media screen and (max-width: 1200px) { #main_header .amsearch-wrapper-block { width:30em !important; } } /* Create Account link disappears */ @media screen and (max-width: 1149px) { #main_header .amsearch-result-section { max-width:35em; } } @media screen and (max-width: 1100px) { #main_header .amsearch-wrapper-block { width:27em !important; } } /* Search bar starts to overlap again */ @media screen and (max-width: 1049px) { #main_header .amsearch-result-section { max-width:30em; } } /* Search bar starts to overlap again */ @media screen and (max-width: 1023px) { #main_header .amsearch-input-wrapper { max-width:30em; } #main_header .amsearch-form-block { max-width:30em; } #main_header .amsearch-result-section { max-width:40em; } } /* Search bar starts to overlap again */ @media screen and (max-width: 950px) { #main_header .amsearch-input-wrapper { max-width:30em; } #main_header .amsearch-form-block { max-width:30em; } #main_header .amsearch-result-section { max-width:35em; } } /* View All button on search results gets hidden without this */ @media screen and (max-width: 499px) { .mst-searchautocomplete__show-all { margin-bottom:3em; } } /* CONTACT PAGE */ .contact-index-index #contact-form { max-width:50%; } body.cms-page-view.page-layout-1column .breadcrumbs { width:96%; margin:0 auto 3em; } body.cms-page-view.page-layout-1column .breadcrumbs ul.items { margin-left:0; } body.cms-page-view.page-layout-1column h2 { margin-top:3rem; } body.cms-page-view.page-layout-1column h3 { font-size:1.875rem; font-weight:700; margin-top:3rem; } body.cms-page-view.page-layout-1column h2 a, body.cms-page-view.page-layout-1column h2 a:visited { color:#12487c; } body.cms-page-view.page-layout-1column ol { margin-left:1em; } body.cms-page-view.page-layout-1column ol li::marker { color:#12487c; } body.cms-page-view.page-layout-1column ul { margin-left:1em; } /* FURTHER CAT DESIGN JULY 2026 */ hr.below_cat_products { background:#12487c; height:1px; border:none; margin:2em 0 3em; opacity:0.5; } hr.below_cat_products:first-child { margin:2em 0 5em; } .catalog-category-view #maincontent #below_cat_products .intro_paragraph { margin-bottom:1.25em; font-size:1.15em; } .catalog-category-view #maincontent #below_cat_products .intro_paragraph h2 { font-size:2em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder { background:#e9ebef; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_image { background:#e9ebef; padding:1em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_image img { border-radius:2em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder p { color:#333; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder ul { color:#333; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder h2 { color:#12487c; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder h3 { color:#1c2e47; font-weight:475; font-size:1.3em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder h4 { color:#12487c; } @media screen and (max-width:767px) { .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder h2 { font-size:2em } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder_top.internal { display:block; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder { width:100%; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder .category_desc_content { padding-bottom:1em; padding-top:1em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_image img { max-height:10em; width:auto; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder.content_first {border-top-right-radius:2em; border-bottom-left-radius:0; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder.content_second {border-top-right-radius:0; border-bottom-left-radius:2em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_image { width:100%; border-bottom-left-radius:2em; border-top-right-radius:0; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_image.image_first { border-bottom-left-radius:0; border-top-right-radius:2em; padding-top:1em; } .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_image.image_second { padding-bottom:1em; } .catalog-category-view .faq_area { padding:1.5em; } #main_footer .footer_company_info { text-align:center !important; } } @media screen and (max-width:767px) { .catalog-category-view #maincontent .category-description.cat_level3 .category_desc_content_holder h2 { font-size:2em } } /* BLOG PAGES */ .blog.blog_home_page h3 { line-height:1.2; } .blog.blog_home_page h3 a { color:#12487c; } .blog.blog_home_page h3 a:hover { color:#90c741; text-decoration:none; } .blog.blog_home_page tr { display:flex; } .blog.blog_home_page td { border:1px solid #ccc; border-radius:0.75em; padding:1em; margin:1em; } #maincontent .blog_content table { border:1px solid #12487c; } #maincontent .blog_content table th { border:1px solid #12487c; padding-left:1em; padding-right:1em; background:#efefef; } #maincontent .blog_content table td { border:1px solid #12487c; padding-left:1em; padding-right:1em; } #maincontent .blog_row .pagebuilder-column { padding:1em; border:1px solid #ccc; border-radius:0.75em; margin:0; text-align:center; } #maincontent .blog_row .pagebuilder-column img { height:10em; } #maincontent .blog_row .pagebuilder-column h3 { font-size:1.1em; text-align:center; margin-top:1em; } #maincontent .blog_row .pagebuilder-column h3 a { color:#12487c; } #maincontent .blog_row .pagebuilder-column h3 a:hover { color:#90c741; text-decoration:none; } .top-container { display:none; } #newsletter-validate-detail .amgdpr-checkbox.field.choice { margin-top:0; } .catalog-product-view #maincontent .product.data.items { margin-bottom:3em; } .catalog-product-view #maincontent .product.data.items table { border-color:#12487c; } .catalog-product-view #maincontent .product.data.items table tr { border-color:#12487c; } .catalog-product-view #maincontent .product.data.items table td { border-color:#12487c; } @media screen and (max-width: 1400px) { /* #header-wrapper { padding-left:2em; padding-right:2em; } */ } @media screen and (max-width: 920px) { #header-wrapper { flex-wrap:nowrap; } #header-wrapper .create-trade-account { line-height:1; text-align:center; font-size:0.75em; } } @media screen and (max-width: 700px) { #header-wrapper .create-trade-account { display:none; } #maincontent .top_banner_row figure { margin-bottom:0; } } @media screen and (max-width: 550px) { #header-wrapper { flex-wrap:wrap; justify-content:space-between; gap:0; padding-right:0em; padding-left:0; } #header-wrapper a.logo { width:66%; text-align:center; } #header-wrapper .switcher.switcher-account { display:none; } #header-wrapper .amsearch-form-block { margin:0 auto; } #header-wrapper .minicart-wrapper { margin-right:0.75em; } /* OFFSET TO MATCH MENU LINES */ #maincontent .banner_image_txt h1 br { display:none; } #maincontent h2.homepage_category_heading { font-size:1.1em; } } #no_opts_selected { color:#ff0000; } /* ADD TO CART POP-UP - MAY 2025 */ #addtocart_popup { display:none; justify-content: center; align-items: center; flex:1 1 0%; z-index:90000; position:fixed; top:0; left:0; width:100%; height:100%; } #addtocart_popup_overlay { position:absolute; z-index:10000; top:0; left:0; width:100%; height:100%; background:rgb(0,0,0,0.7); } #addtocart_popup_frame { display:none; position:relative; /* top:0; left:800px; */ text-align:center; width: auto; border-radius:0.5em; background: #fff; color:#12487c; padding:0 1em 2em 1em; margin-top:2em; box-shadow: 4px 4px 8px 0 rgba(64,64,64,.5); border:3px solid #90c741; } #addtocart_popup_content { padding:0; border-radius:0.25em; } #addtocart_popup_frame { z-index:10000; left:0; } #addtocart_popup_frame #popup_header_txt p { color:#90c741; font-size:1.5em; text-transform:uppercase; font-weight:600; margin-top:1em; } #addtocart_popup_frame p { color:#12487c; line-height:1.5; } #addtocart_popup_frame p.popup_txt_info { margin-bottom:1.5em; } #addtocart_popup_frame .abutton { padding:1em 3em; text-transform:uppercase; color:#fff; line-height:52px; font-size:1em; margin-left:0.25em; margin-right:0.25em; border-radius:0.5em; font-weight:500; white-space:nowrap; } #addtocart_popup_frame #button-continue { background: linear-gradient(47deg, #2CB34A 10%, #8FC741 70%); border: 1px solid #E6E7E8; color:#fff; } #addtocart_popup_frame #button-proceed { background: linear-gradient(47deg, #1C2E47 10%, #12487B 70%); border: 1px solid #E6E7E8; color:#fff; } } @media screen and (max-width: 899px) { #addtocart_popup_frame { width:90%; } } /* SHANIA CHANGES SEP 2026 */ #main_header .contact_us_left { line-height:1.1; } #main_header .contact_us_left span { color:#90c741; font-weight:400; text-transform:uppercase; font-size:0.7rem; } #main_header .contact_us_left a { font-size:1.1rem; font-weight:400; } #main_header .give_us_a_call { flex-direction: column; line-height:1.1; text-align:right; } #main_header .give_us_a_call span { color:#90c741; font-weight:400; text-transform:uppercase; font-size:0.7rem; } #main_header .give_us_a_call a { font-size:1.1rem; font-weight:400; } #homepage_blocks .fal { font-weight:300; } #header-wrapper a.logo img { width:15rem; height:3rem; } #navigation-wrapper .section-item-content .menu-container .menu > ul > li > a { font-weight:350; } @media screen and (max-width: 1023px) { #main_header .amsearch-wrapper-block { width:25em !important; } #main_header .amsearch-input-wrapper { max-width:25em !important; } } .catalog-product-view #maincontent .product-info-wrapper .control select { color:#1C2E47; } #maincontent .product.media .thumbnails { padding-left:6rem; } @media screen and (max-width:768px) { #maincontent .product.media .thumbnails { padding-left:0rem; } #maincontent .product.media { overflow:hidden; } } #maincontent .data.item.content .table-wrapper thead th { font-size:1.2em; } #maincontent .data.item.content .table-wrapper tbody tr { border-color:#bbc0c7; } #maincontent .data.item.content .faq-section h3 { font-size:1.3rem; margin-bottom:0.2rem; } #maincontent .data.item.content .faq-section p { margin-bottom:2rem; } #maincontent .data.item.content .mp-attachment-tab p.header { font-size:1.3em; font-weight:500; margin-bottom:1em; } #maincontent .data.item.content .mp-attachment-tab__item__name { font-size:1em; } .minicart-wrapper .action.showcart::before { -webkit-mask:url(/media/shopping-basket.svg); } #header-wrapper .minicart-wrapper .counter.qty { width:1.25em; height:1.25em; top:-0.5em; right:-0.5em; background:#90c741; } #header-wrapper .minicart-wrapper .counter-number { display:block; position:relative; top:0; left:0; text-align:center; width:1.55em; font-size:0.75em; color:#fff; } .amsearch-overlay-block { z-index:50 !important; } /* SWISS VENDOR LATEST THEME CHANGES */ .catalog-product-view .product-options-bottom #enquire_about_sku_block { border-bottom: none; padding-bottom:1.5rem; } #requestaquote { border-bottom:none; padding-bottom:1.5rem; } /* HERMEQ-USA EXTRA CSS */ .notopmargin { margin-top:0; } #header_callback_button { background:#90c741; color:#fff; padding:0.5em 1em; border-radius:0.5em; font-weight:600; padding-left:1em; padding-right:1em; } #header_callback_button:hover { color:#12487c; text-decoration:none; } .switcher.switcher-account { padding-left:15.5em; } /*body.cms-home .column.main { background-image: url(/media/wysiwyg/usa_ripple_flag_bg.webp); background-repeat:no-repeat; background-size:98% 50%; background-position:50% 7%; } */ .homepage_cats .homepage_cat_info_txt { background:#fff; } .usa_top_header h1 { font-size:1.3em; font-weight:400; margin:0; line-height:1.5; } .usa_top_header p { font-size:1.3em; font-weight:400; margin:0; line-height:1.5; } .homepage_aboutus_col .pagebuilder-column { align-self:auto !important; } body.page-layout-1column.checkout-index-index #maincontent { width:80%; } .checkout-index-index #maincontent #checkoutSteps input { border: 1px solid #888; } @media screen and (max-width: 768px) { body.page-layout-1column.checkout-index-index #maincontent { width:96%; } } .checkout-onepage-success #maincontent #registration { margin-top:2em !important; margin-bottom:2em !important; } #main_header .amsearch-input-wrapper input { padding-left:1em !important; } .homepage_whyhermeq_row { margin-top:7em !important; } /* .homepage_cats_row .pagebuilder-banner-wrapper { background-size:80% !important; } */ .footer-store-information { text-align:right; } .catalog-category-view .above_cat_products .popular_categories { margin-top:5em; } .section-item-content .menu-container .menu > ul.main_megamenu > li { margin-top:5px; } .contact_hermeq_today { margin-top:2.5em; } #product\.info\.details\.specifications ul { margin-bottom:1em; } #product\.info\.details\.faq p { margin-bottom:1.5em; } @media screen and (max-width: 767px) { /* Target Cookiebot's main container */ #CybotCookiebotDialog { max-height: 60vh !important; /* Cap it at 40% of the screen height */ overflow-y: auto !important; /* Allow internal scrolling if content is long */ } /* Compact the internal content padding */ #CybotCookiebotDialog .CybotCookiebotDialogBody { padding: 10px !important; } #CybotCookiebotDialogBodyContent { padding-top:0.5em !important; } /* Target all main action buttons in the Cookiebot dialog */ #CybotCookiebotDialog button, #CybotCookiebotDialog .CybotCookiebotDialogNavButton, #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton { padding: 8px 12px !important; /* Reduces internal padding/breathing room */ font-size: 13px !important; /* Shrinks the text size slightly */ min-height: unset !important; /* Removes Cookiebot's default tall minimum height */ line-height: 1.2 !important; /* Packs the text closer together */ } /* Tighten the spacing between the buttons */ #CybotCookiebotDialogBodyButtons { gap: 6px !important; margin-top: 10px !important; } /* 1. Target the toggle switch container wrapper */ #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelDetailsSelectSwitch, #CybotCookiebotDialog .cookiebot-switch { width: 36px !important; /* Shrinks the horizontal track width (Default is ~50px) */ height: 20px !important; /* Shrinks the vertical track height (Default is ~28px) */ } /* 2. Target the sliding circular knob inside the switch */ #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelDetailsSelectSwitch input + .slider::before, #CybotCookiebotDialog .cookiebot-switch input + .slider::before { height: 14px !important; /* Fits the knob inside the narrower track */ width: 14px !important; left: 3px !important; /* Centers the knob aligned left by default */ bottom: 3px !important; } /* 3. Handle the sliding positioning when the switch is toggled ON */ #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelDetailsSelectSwitch input:checked + .slider::before, #CybotCookiebotDialog .cookiebot-switch input:checked + .slider::before { transform: translateX(16px) !important; /* Limits the slide distance to the smaller track width */ } /* 4. Tighten the row spacing of the details category list */ #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelDetails { padding: 6px 0 !important; /* Reduces vertical gaps between different categories */ } } /* MY ACCOUNT PAGE */ #maincontent .block-new-customer p a { color:#90c741; } .cms-page-view #maincontent a.button { background:#90c741; padding: 0.75em 1em; border-radius: 5px; color: #fff; display:inline-block; font-weight:600; } .cms-page-view #maincontent a.button:hover { background:#12487c; text-decoration:none; }