.iqitfake{ display: none;} /*** Style mixins ***/ /*** Variables mixins and functions ***/ body { background: #e6e6e6; } .container, .elementor-section.elementor-section-boxed > .elementor-container { max-width: 100%; } a:link:not(.nav-link):not(.btn), a:visited:not(.nav-link):not(.btn) { color: #000000; } a:hover:not(.nav-link):not(.btn) { color: #777777; } .pagination .page-list li:hover { border-color: #777777; } .pagination .page-list li.current { border-color: #777777; } .pagination .page-list li.current a { color: #777777; } #mobile-header { background: #e6e6e6; border-bottom: solid 1px #f5f5f5; } #mobile-header #mobile-header-sticky { background: #e6e6e6; } #mobile-header .mobile-main-bar { padding-top: 1.2857142857rem; padding-bottom: 1.2857142857rem; } #mobile-header .m-nav-btn { color: #000000; } #mobile-header .m-nav-btn:hover { color: #777777; } #mobile-header .m-nav-btn > span { display: none !important; } #mobile-header .mobile-buttons-bar { background: #c9c9c9; } html { font-size: 14px; } @media (max-width: 767px) { html { font-size: 12px; } } body { line-height: 1.4rem; } body { font-family: "Montserrat", sans-serif; } #blockcart-content { background: #ffffff; border: none 1px; box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } /*** Secondary button ***/ .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled, .bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default { background: #ffffff; color: #000000; border: solid 1px #adadad; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary :active, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled :active, .btn-secondary:disabled:hover, .btn-secondary:disabled:focus, .btn-secondary:disabled :active, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:hover, .bootstrap-touchspin .group-span-filestyle .btn-touchspin:focus, .bootstrap-touchspin .group-span-filestyle .btn-touchspin :active, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:hover, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:focus, .group-span-filestyle .bootstrap-touchspin .btn-touchspin :active, .group-span-filestyle .btn-default:hover, .group-span-filestyle .btn-default:focus, .group-span-filestyle .btn-default :active { background: #dedede; color: #2e2e2e; } .btn-secondary:not(:disabled):not(.disabled):active { background: #dedede; color: #2e2e2e; } .btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { background: #ffffff; color: #000000; border: none 1px #e3e3e3; } .btn-outline-secondary:hover, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { background: #dedede; color: #2e2e2e; border: none 1px #e3e3e3; } /*** Primary button ***/ .btn-primary, .btn-primary.disabled, .btn-primary:disabled { background: #3db972; color: #ffffff; border: solid 1px #3db972; } .btn-primary:hover, .btn-primary:focus, .btn-primary :active, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled :active, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled :active { background: #333333; color: #ffffff; } .btn-primary:not(:disabled):not(.disabled):active { background: #333333; color: #ffffff; } #wrapper .breadcrumb { background: #ffffff; padding-top: 1.2857142857rem; padding-bottom: 1.2857142857rem; margin-top: -2.1428571429rem; margin-bottom: 2.1428571429rem; font-size: 0.7857142857rem; font-style: normal; font-weight: normal; text-transform: none; color: #858585; } #wrapper .breadcrumb li:after { color: #858585; } #wrapper .breadcrumb a { color: #858585; } /*** Text fields ***/ .form-control { background-color: #f7f7f7; color: #777777; border: none 1px #e3e3e3; } .custom-select2, .custom-select2 option { background-color: #f7f7f7; } .custom-select2:after { color: #777777; } .bootstrap-touchspin .btn-touchspin { background-color: #f7f7f7; color: #777777; border: none 1px #e3e3e3; } .bootstrap-touchspin .btn-touchspin:hover { color: #777777; background: #e3e3e3; } .form-control::-webkit-input-placeholder { color: #777777; } .form-control::-moz-placeholder { color: #777777; } .form-control:-ms-input-placeholder { color: #777777; } .form-control:-moz-placeholder { color: #777777; } .form-control:focus { color: #777777; background: #e3e3e3; border-color: #8a8a8a; } .custom-select2:focus-within { background: #e3e3e3; } /*** Radio buttons and checkboxes ***/ .custom-checkbox input[type=checkbox] + span .checkbox-checked { color: #000000; } .custom-radio input[type=radio]:checked + span { background-color: #000000; } .custom-checkbox input[type=checkbox] + span:not(.color), .custom-radio { background: #ffffff; color: #000000; border-color: #e3e3e3; } /*** Dropdowns ***/ .dropdown-menu, .autocomplete-suggestions { background: #ffffff; border: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item, .autocomplete-suggestions .dropdown-item { color: #474747!important; border-bottom: solid 1px #e3e3e3; } .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .autocomplete-suggestions .dropdown-item:focus, .autocomplete-suggestions .dropdown-item:hover { background: rgba(71, 71, 71, 0.05); } /*** Tooltips ***/ .tooltip-inner { background: #333333!important; color: #ffffff!important; } .tooltip { --bs-tooltip-bg: #333333; --bs-tooltip-color: #ffffff; } /*** Modals ***/ .modal-backdrop { background: rgba(145, 145, 145, 0.93); } .modal-content { background: #ffffff; border: solid 1px hsla(0, 0%, 63%, 0.25); box-shadow: 0px 0px 0px 8px rgba(245, 245, 245, 0.38); } .js-quickview-np-btn { background: #ffffff; } /*** Notifications ***/ .ns-box { background: #3db972; color: #ffffff; border: none 1px; } .product-price { color: #3db972; } .iqit-review-star { color: #e0d041; } .product-flags .product-flag { font-size: 0.7857142857rem; font-style: normal; font-weight: normal; text-transform: none; } .product-flags .discount, .product-flags .on-sale { background: #3db972; color: #ffffff; } .product-flags .new { background: #969696; color: #ffffff; } .product-flags .online-only, .product-flags .pack { background: #e0e0e0; color: #000000; } .product-flags .out_of_stock { background: #a17738; color: #fff7f7; } .discount { background: #3db972; color: #ffffff; } .product-available { background: #67a675; color: #ffffff; } .product-unavailable { background: #a17738; color: #fff7f7; } .alert-success a:link:not(.nav-link):not(.btn), .alert-success a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-info a:link:not(.nav-link):not(.btn), .alert-info a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-warning a:link:not(.nav-link):not(.btn), .alert-warning a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } .alert-danger a:link:not(.nav-link):not(.btn), .alert-danger a:visited:not(.nav-link):not(.btn) { text-decoration: underline; } #iqitcompare-floating { background: #ffffff; border-top: none 1px; border-left: none 1px; border-right: none 1px; } #page-preloader { background: #ffffff; } #back-to-top { background: #3db972; color: #ffffff; } #back-to-top:hover { background: #333333; color: #000000; } #header, #checkout-header { background: #ffffff; border-top: none 1px; border-bottom: none 1px #e3e3e3; box-shadow: 5px 0px 15px 0px rgba(61, 57, 57, 0.09); } #header .container, #checkout-header .container { max-width: 100%; } .sticky-desktop-wrapper #desktop-header.stuck-header { background: #ffffff; border-bottom: none 1px #e3e3e3; box-shadow: 5px 0px 15px 0px rgba(61, 57, 57, 0.09); } #header .header-nav { color: #000000; background: #e6e6e6; border-bottom: solid 1px rgba(0, 0, 0, 0.12); padding-top: 0.3571428571rem; padding-bottom: 0.3571428571rem; font-size: 0.8571428571rem; display: none !important; } #header .header-nav a { color: #000000; } #header .header-nav a:hover { color: #777777; } #header .header-nav .social-links._topbar { font-size: 0.8571428571rem; } #header .header-nav .social-links._topbar a:not(:hover) { color: #000000 !important; } .header-top { padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; color: #000000; } .header-top a:not(.btn):not(.nav-link) { color: #000000; } .header-top a:not(.btn):not(.nav-link):hover { color: #777777; } .header-top .form-search-control { border: solid 1px #e3e3e3; } .header-top .header-btn-w .header-btn > .icon { font-size: 1.7142857143rem; display: block; } .header-top .header-btn-w .header-btn .title { display: none !important; } .header-top .header-cart-default a.cart-toogle { background: #000000; color: #3db972; padding: 0.6428571429rem 0.6428571429rem; } .header-top .header-cart-default a.cart-toogle:hover { color: #3db972; } .header-top a.header-cart-btn:not(:hover) { color: #3db972; } .stuck-header .header-top { padding-top: 0.3571428571rem; padding-bottom: 0.3571428571rem; } .sticky-desktop-wrapper #desktop-header.stuck-header, .stuck-menu { background: #f7f7f7; } .header-top { transition: padding 0.3s ease; } .cart-products-count-btn { background: #3db972; color: #ffffff; } .desktop-header-style-1 .search-widget, .desktop-header-style-2 .search-widget { max-width: 50%; } /*** HORIZONTAL MENU ***/ #iqitmegamenu-horizontal { border-top: none 1px #e3e3e3; border-right: none 3px #38b82c; border-bottom: none 3px #e3e3e3; border-left: none 3px #a6cc0f; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { line-height: 3.2142857143rem; max-width: 14.2857142857rem; color: #000000; padding-left: 1.2142857143rem; padding-right: 1.2142857143rem; border-left: none 1px #575757; } #sticky-cart-wrapper a.header-cart-btn:not(:hover) { color: #000000; } #sticky-cart-wrapper .ps-shoppingcart.side-cart #blockcart-content { top: -1.0357142857rem; } .cbp-vertical-on-top .cbp-vertical-title { line-height: 3.2142857143rem !important; } .cbp-vertical-on-top .cbp-vertical-title-text { display: none !important; } .cbp-horizontal > ul > li.cbp-hropen > a, .cbp-horizontal > ul > li.cbp-hropen > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li.cbp-hropen > a:hover { color: #d06e6a; } .cbp-horizontal .cbp-tab-title { font-size: 1rem; font-style: normal; font-weight: bold; text-transform: uppercase; line-height: 1em; } .cbp-horizontal .cbp-legend { background: #ca5058; color: #ffffff; } .cbp-horizontal .cbp-mainlink-icon, .cbp-horizontal .cbp-mainlink-iicon { font-size: 1.5714285714rem; max-height: 1.5714285714rem; } .cbp-horizontal > ul { text-align: right; } .cbp-horizontal > ul > li { float: none; text-align: left; } @media (max-width: 1300px) { .cbp-horizontal .cbp-tab-title { font-size: 0.8571428571rem; } .cbp-horizontal > ul > li > a, .cbp-horizontal > ul > li > a:not([href]):not([tabindex]), .cbp-horizontal > ul > li > .cbp-main-link { padding-left: 0.5714285714rem; padding-right: 0.5714285714rem; } } #cbp-hrmenu .cbp-hrsub, #cbp-hrmenu .cbp-hrsub-level2, #cbp-hrmenu .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .iqitmegamenu-submenu-container { padding: 0; } /*** VERTICAL MENU ***/ .cbp-vertical-on-top #cbp-hrmenu1-ul { background: #ffffff; border: solid 1px #e3e3e3; } #content-wrapper #cbp-hrmenu1 { background: #ffffff; border: solid 1px #e3e3e3; } #cbp-hrmenu1 .cbp-vertical-title { font-size: 1.2857142857rem; font-style: italic; font-weight: normal; text-transform: none; color: #ffffff; background: #000000; line-height: 3.5714285714rem; } #cbp-hrmenu1 .cbp-vertical-title:hover { color: #ffffff; background: #000000; } #cbp-hrmenu1 > ul > li > a, #cbp-hrmenu1 > ul > li > span.cbp-main-link { font-style: normal; font-weight: normal; text-transform: none; padding-top: 0.5714285714rem; padding-bottom: 0.5714285714rem; border-top: solid 1px rgba(227, 227, 227, 0.35); } #cbp-hrmenu1 > ul > li > a .cbp-mainlink-icon, #cbp-hrmenu1 > ul > li > a .cbp-mainlink-iicon { font-size: 1.7142857143rem; max-height: 1.7142857143rem; } #cbp-hrmenu1 > ul > li.cbp-hropen > a, #cbp-hrmenu1 > ul > li.cbp-hropen > a:hover { background: #f8f8f8; color: #333333; } #cbp-hrmenu1 .cbp-legend { background: #ca5058; color: #ffffff; } #cbp-hrmenu1 .cbp-hrsub, #cbp-hrmenu1 > ul, #cbp-hrmenu1 .cbp-hrsub-level2, #cbp-hrmenu1 .cbp-hrsub-wrapper { transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; } .cbp-vert-expanded #cbp-hrmenu1 .cbp-vertical-title { color: #ffffff; background: #000000; } .cbp-not-on-top #cbp-hrmenu1-ul { position: relative; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper { top: 0; margin-top: 0px !important; min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-hrsub { min-height: 100%; } .cbp-hrmenu.cbp-vertical .cbp-show { -js-display: flex; display: flex; flex-wrap: wrap; } .cbp-hrmenu.cbp-vertical .cbp-hrsub-inner { width: 100%; } /*** SUBMENU ***/ .cbp-hrmenu .cbp-hrsub { font-size: 1rem; font-style: normal; font-weight: normal; text-transform: none; } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu ul.cbp-hrsub-level2 { background: #ffffff; border: solid 1px #e3e3e3; box-shadow: 0px 4px 25px 0px rgba(74, 63, 63, 0.15); } .cbp-hrmenu .cbp-hrsub-inner, .cbp-hrmenu .cbp-hrsub-inner a, .cbp-hrmenu .cbp-hrsub-inner a:link { color: #000000 !important; } .cbp-hrmenu .cbp-hrsub-inner a:hover { color: #d06e6a !important; } .cbp-hrmenu .tabs-links { background: #f7f7f7; } .cbp-hrmenu .cbp-tabs-names li a { color: #777777 !important; } .cbp-hrmenu .cbp-tabs-names li a:hover, .cbp-hrmenu .cbp-tabs-names li a.active { background: #ffffff; color: #777777 !important; } .cbp-hrmenu .cbp-hrsub-inner .cbp-column-title, .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link { color: #333333 !important; border-bottom: none 3px #c2bc29; font-size: 1.0714285714rem; font-style: normal; font-weight: bold; text-transform: uppercase; } .cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover { color: !important; } /*** MOBILE MENU ***/ #mobile-header .col-mobile-menu-dropdown.show { background: #f4f2f2; } #mobile-header .col-mobile-menu-dropdown.show .m-nav-btn { color: #595050 !important; } #iqitmegamenu-mobile { background: #f4f2f2; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab { min-height: 3.8571428571rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__tab:not(:last-child) { border-bottom: none 1px; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__arrow { padding-top: 1.1428571429rem; padding-bottom: 1.1428571429rem; } #iqitmegamenu-mobile li > ul.mobile-menu__submenu--accordion .mobile-menu__link { color: #595050 !important; padding-top: 1.1428571429rem; padding-bottom: 1.1428571429rem; font-size: 1.2857142857rem; font-style: normal; font-weight: normal; text-transform: none; } .col-mobile-menu-push #iqitmegamenu-mobile { border: none 1px; } .col-mobile-menu-push #_mobile_iqitmegamenu-mobile { box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15); } .mobile-menu__submenu { background: #f4f2f2; } .mobile-menu__tab { border-bottom: double 1px rgba(147, 147, 147, 0.31); min-height: 4.1428571429rem; } .mobile-menu__link { color: #595050 !important; padding-top: 1.2857142857rem; padding-bottom: 1.2857142857rem; font-size: 1.2857142857rem; font-style: normal; font-weight: normal; text-transform: uppercase; } .mobile-menu__arrow { padding-top: 1.2857142857rem; padding-bottom: 1.2857142857rem; color: #595050; font-size: 1.5714285714rem; } .mobile-menu__tab-icon { font-size: 1.2857142857rem; } .mobile-menu__tab-icon--img { max-height: 1.2857142857rem; } .mobile-menu__legend { font-size: 0.8571428571rem; font-style: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color: #595050; } .mobile-menu__header-wrapper { color: #595050; background-color: #f4f4f4; border-bottom: none 1px; } .mobile-menu__title { font-size: 1.5714285714rem; font-style: normal; font-weight: normal; text-transform: none; } .mobile-menu__column-title { font-size: 1.4285714286rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050 !important; } .mobile-menu__column { font-size: 1.1428571429rem; font-style: normal; font-weight: normal; text-transform: none; color: #595050; margin-bottom: 2.8571428571rem; } .mobile-menu__column-categories:not(:last-child) { margin-bottom: 2.8571428571rem; } .mobile-menu__links-list-li { padding-top: 0.4285714286rem; padding-bottom: 0.4285714286rem; } .mobile-menu__close, .mobile-menu__back-btn { color: #595050; } .mobile-menu__footer { border-top: none 1px; color: #595050; background-color: #f4f4f4; } /*** PS_FacatedSearch ***/ /*** Carousels ***/ .swiper-button-next, .swiper-button-prev { background: #ffffff; color: #000000; } .swiper-pagination-bullet { background: #333333; } /*** Product miniature ***/ .products.row { margin: -0.0714285714rem; } .products.row > .col, .products.row > [class*=col-] { padding: 0.0714285714rem; } .swiper-container-wrapper { margin: -0.0714285714rem; } .swiper-container-wrapper .products.swiper-container { padding: 0.0714285714rem; } .swiper-container-wrapper .product-carousel { padding: 0.0714285714rem; } .swiper-products-carousel.swiper-arrows-above .swiper-button { margin: 0.0714285714rem; } .product-miniature { border: none 1px; outline: 1px none transparent; } .product-miniature .iqit-review-star { color: #000000; } .product-miniature .thumbnail-container .product-thumbnail-second { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease; backface-visibility: hidden; } .product-miniature .thumbnail-container:hover .product-thumbnail-second { opacity: 1; } .product-miniature .thumbnail-container:hover .product-thumbnail-first { opacity: 0; } .product-miniature .thumbnail-container:hover picture:last-child .product-thumbnail-first { opacity: 1; } .product-miniature-grid .product-title { font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; } .product-miniature-grid .product-price { font-size: 1.1428571429rem; font-style: normal; font-weight: bold; text-transform: none; } @media (hover: hover) { .product-miniature:hover { outline: none 1px hsla(0, 0%, 63%, 0.25); } } .product-miniature-grid .product-functional-buttons { background: #fafafa; } .product-miniature-grid .product-functional-buttons a:link, .product-miniature-grid .product-functional-buttons a:visited, .product-miniature-grid .product-functional-buttons a:hover { color: !important; } .products-grid .product-miniature .product-category-name { display: none !important; } .products-grid .product-miniature .product-reference { display: none !important; } .products-grid .product-miniature .product-brand { display: none !important; } .products-grid .product-miniature .product-description-short { display: none !important; } .products-grid .product-miniature .product-add-cart { display: none !important; } .products-grid .product-miniature .flag-discount-value { display: none !important; } .product-miniature .input-qty, .product-miniature .input-group-add-cart .bootstrap-touchspin { display: none !important; } .btn-product-list { padding: 0.5rem 1rem; background: #ffffff; color: #000000; border: solid 1px hsla(0, 0%, 63%, 0.25); } .btn-product-list:hover { background: #d06e6a; color: #ffffff; border-color: #d06e6a; } .products-grid .product-miniature-layout-1 { text-align: center; } .products-grid .product-miniature-layout-1 .input-group-add-cart { justify-content: center; } .products-grid .product-miniature-layout-1 .product-description { padding: 1.4285714286rem; } .products-grid .product-miniature-layout-2 .product-add-cart { display: none !important; } .products-grid .product-miniature-layout-2 .products-variants { padding-top: 0rem; } .products-grid .product-miniature-layout-2 .product-description { padding: 1.4285714286rem; } .products-grid .product-miniature-layout-3 .product-description { background: rgba(219, 219, 219, 0.88); } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-rows: 1fr; grid-auto-rows: 0; display: grid; overflow-y: hidden; } .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } @media (min-width: 768px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(5, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); } } @media (min-width: 1200px) { .layout-full-width .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(6, 1fr); } .layout-left-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper, .layout-right-column .swiper-default-carousel:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(5, 1fr); } } .product_header_container .product-price, .product_p_price_container .product-price { font-size: 1.4285714286rem; font-style: normal; font-weight: bold; text-transform: none; } #product .images-container .product-cover { border: none 1px #f4f2f2; } .images-container .swiper-button-arrow, #product .product-cover .expander > span, #product-modal .modal-body .swiper-button-arrow { color: #333333; background: #ffffff; } .images-container .swiper-button-arrow:hover, #product .product-cover .expander > span:hover, #product-modal .modal-body .swiper-button-arrow:hover { opacity: 0.6 !important; } #col-product-info { position: -webkit-sticky; position: sticky; z-index: 1; top: 30px; transition: top 300ms ease 0s; } #main-product-wrapper .product-cover .expander { z-index: 1; } @media screen and (min-width: 768px) { #main-product-wrapper .no-quick-view-d-md-none { display: none; } } @media screen and (min-width: 768px) { #main-product-wrapper #swiper-wrapper-column-images { display: block; } } .modal-open #col-product-info { position: static; } .product-cover .expander { width: 100%; height: 100%; padding: 0; bottom: 0; right: 0; } .product-cover .expander > span { position: absolute; bottom: 1rem; right: 1rem; padding: 0.6rem; } #product .product-cover .expander > span { color: #333333; background: #ffffff; transition: opacity 0.2s cubic-bezier(0.7, 0, 0.3, 1), color 0.2s cubic-bezier(0.7, 0, 0.3, 1); } #product .product-cover .expander > span:hover { opacity: 0.6 !important; } .product-variants > .product-variants-item { display: inline-block; margin-right: 1rem; vertical-align: top; } .product-tabs .nav-tabs { justify-content: center; } .col-product-info, .quickview-info { text-align: center; } .product-variants-item > ul { display: inline-block; } .product-variants-item .custom-select2 { margin: 0 auto; } .product-add-to-cart .row.product-quantity { justify-content: center; } @media screen and (max-width: 768px) { .col-left-product-cover, .col-left-product-thumbs { flex: 0 0 100%; max-width: 100%; } .col-left-product-thumbs { order: 2; margin-top: 2rem; } } #wrapper { background: #ffffff; border-top: none 1px; border-bottom: none 1px; padding-top: 2.1428571429rem; padding-bottom: 2.1428571429rem; color: #000000; } #index #wrapper, #module-iqitelementor-Preview.elementor-landing-body #wrapper { padding-top: 0rem; padding-bottom: 0rem; } #content-wrapper .page-title { color: #000000; font-size: 2.2857142857rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #content-wrapper .page-title a:link, #content-wrapper .page-title a:visited { color: #000000; } #content-wrapper .page-title:after { content: ""; position: absolute; bottom: -2.5px; display: block; width: 40px; height: 1px; border-bottom: none 5px #ca5058; left: 0; right: 0; } #content-wrapper .section-title { color: #333333; font-size: 1.2857142857rem; font-style: normal; font-weight: bold; text-transform: none; margin-bottom: 0.8em; padding-bottom: 0.6em; } #content-wrapper .section-title a:link, #content-wrapper .section-title a:visited { color: #333333; } #content-wrapper .section-title:after { content: ""; position: absolute; bottom: -1.5px; display: block; width: 30px; height: 1px; border-bottom: solid 3px #3db972; left: 0; right: 0; } .nav-tabs .nav-link { color: #000000; font-size: 1.2857142857rem; font-style: normal; font-weight: bold; text-transform: none; } .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #000000; border-bottom: solid 3px #3db972; } .iqit-accordion .title { font-style: normal; font-weight: normal; text-transform: none; } .iqit-accordion .nav-link { border-bottom: solid 3px #3db972; border-bottom-color: transparent; } .iqit-accordion .nav-link:not(.collapsed) { color: #000000; border-bottom: solid 3px #3db972; } #wrapper .block-title { color: #000000; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #949494; margin-bottom: 0.8em; padding-bottom: 0.5em; } #wrapper .block-title a:link, #wrapper .block-title a:visited { color: #000000; } #left-column .block, #right-column .block { background: #ebebeb; padding: 1.0714285714rem; border: none 1px hsla(0, 0%, 63%, 0.25); } #footer, #checkout-footer { background: #e6e6e6; } #footer .ps-emailsubscription-block .newsletter-input-group, #checkout-footer .ps-emailsubscription-block .newsletter-input-group { border: solid 1px hsla(0, 0%, 63%, 0.25); background: #ffffff; } #footer .ps-emailsubscription-block .newsletter-input-group .input-subscription, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .input-subscription { color: #000000; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe { color: #d06e6a; } #footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover, #checkout-footer .ps-emailsubscription-block .newsletter-input-group .btn-subscribe:hover { color: #d06e6a; } #footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-webkit-input-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription::-moz-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription:-ms-input-placeholder { color: #000000; } #footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder, #checkout-footer .ps-emailsubscription-block input.input-subscription :-moz-placeholder { color: #000000; } #footer .social-links._footer, #checkout-footer .social-links._footer { font-size: 1.1428571429rem; } #footer .social-links._footer a:not(:hover), #checkout-footer .social-links._footer a:not(:hover) { color: #000000 !important; } #footer .block-title, #checkout-footer .block-title { color: #000000; font-size: 1rem; font-style: normal; font-weight: bold; text-transform: none; border-bottom: solid 1px #c2c2c2; margin-bottom: 0.8em; padding-bottom: 0.5em; } #footer .block-title a:link, #footer .block-title a:visited, #checkout-footer .block-title a:link, #checkout-footer .block-title a:visited { color: #000000; } #footer-container-first { border-top: none 1px hsla(0, 0%, 63%, 0.25); padding-top: 2.1428571429rem; padding-bottom: 2.1428571429rem; color: #ffffff; } #footer-container-first h5 { font-size: 1.5rem; font-style: normal; font-weight: bold; text-transform: none; } #footer-container-main, #checkout-footer { border-top: none 2px #000000; padding-top: 2.1428571429rem; padding-bottom: 1.1428571429rem; color: #000000; } #footer-container-main a, #checkout-footer a { color: #000000; } #footer-container-main a:hover, #checkout-footer a:hover { color: #777777; } #footer-copyrights { border-top: none 2px #000000; padding-top: 1.4285714286rem; padding-bottom: 1.4285714286rem; } .footer-style-inline .block-title { display: none !important; } #maintenance-page { background: #e3e3e3; color: #333333; } #maintenance-page a, #maintenance-page a:link { color: #333333; } .maintenance-page-newsletter .maintenance-page-newsletter-btn { background: #000000; color: #ffffff; } .maintenance-page-newsletter .maintenance-page-newsletter-btn:hover { background: #333333; color: #ffffff; } .maintenance-page-newsletter input[type=email] { border: solid 1px #333333; background: #e3e3e3; color: #333333; } .maintenance-page-newsletter input[type=email]::-webkit-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]::-moz-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email]:-ms-input-placeholder { color: #333333; } .maintenance-page-newsletter input[type=email] :-moz-placeholder { color: #333333; }body{ background:#fbfafa; } body#index section#wrapper { margin: 0 auto !important; } body#index div#inner-wrapper{ padding: 0px; } section#wrapper { max-width: 89rem !important; margin: 8rem auto; } body#checkout div#inner-wrapper ,body#cart section#main,div#inner-wrapper{ padding: 0 22px; } h1.step-title.js-step-title.h3 { font-size: 18px !important; } .page-authentication section#wrapper #content-wrapper .page-title{ text-align: center; } button#send-reset-link { margin-top: 1rem; } /* Container to ensure overflow is hidden */ .sec7Grid .elementor-image-box-img { overflow: hidden; cursor:pointer; } .lens-mobile { display: none; } /* Image base style */ .sec7Grid .elementor-image-box-img img { transition: transform 0.5s ease; transform: scale(1); display: block; width: 100%; height: auto; } /* Hover effect */ .sec7Grid:hover .elementor-image-box-img img { transform: scale(1.08); /* light zoom */ } nav#cbp-hrmenu { display: none; } .header-top { background: #f5f3efe6; } .col.col-header-left.col-header-menu a:hover { color: #191714 !important; } #desktop-header .header-blog-link.px-3 { width: 60px; } .col.col-header-left.col-header-menu a { padding: 0 1rem; font-family: "Inter", system-ui, sans-serif; color: #6b6561; } .sec7Col .elementor-image-box-img img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; display: block; } .bannerImg9 a.elementor-button-link.elementor-button.btn.elementor-size-medium.btn-secondary.btn-traditional { border-color: #f4e9dc4d !important; border-width: 2px !important; background: transparent !important; } .border-hover a.elementor-button-link.elementor-button.btn.elementor-size-medium.btn-secondary.btn-traditional:hover span{ color: #d3a417 !important; } a.elementor-button-link.elementor-button.btn.elementor-size-medium.btn-secondary.btn-traditional span:hover ,a.elementor-button-link.elementor-button.btn.elementor-size-medium.btn-secondary.btn-traditional:hover span{ color: #000 !important; } .bannerImg9 a.elementor-button-link.elementor-button.btn.elementor-size-medium.btn-secondary.btn-traditional:hover{ border-color: #d3a417 !important; } .conBG .elementor-element .elementor-view-stacked .elementor-icon{ width: 18px; height: 18px; display: flex; justify-content: center; align-items: center; } .conBG .elementor-element .elementor-view-stacked .elementor-icon i{ font-size:10px !important; } .bannerImg9 a.elementor-button-link.elementor-button.btn.elementor-size-medium.btn-secondary.btn-traditional:hover { background: transparent !important; } /* ============================================================ MOBILE VIEW FIXES (Max-width: 767px) ============================================================ */ @media (max-width: 767px) { ..footer-social-text,p.copyright-text { text-align: center !important; } #footer .col-6.col-lg-2.mb-4 { display: contents; } .elementor-element.elementor-element-q36ulfl .elementor-heading-title { font-size: 32px !important; } /* Reset widths to 100% so text isn't squashed in the middle */ .bannerHeading, .elementor-widget.bannerHeading { max-width: 100% !important; width: 100% !important; text-align: left !important; /* Keeps alignment consistent with your mockup */ } .under-hero-section .elementor-container.elementor-column-gap-extended { padding-top: 4rem; } .mainBanner .elementor-container.elementor-column-gap-wider { padding: 35px; } .bannerPara, .elementor-widget.bannerPara { width: 100% !important; max-width: 100% !important; } .sec7Col .elementor-widget-wrap { padding: 10px; } /* Adjust font size for the large "Soul of Wheat" title on mobile */ .bannerHeading .elementor-heading-title { font-size: 3rem !important; /* Smaller than the 5rem desktop size */ line-height: 1.1 !important; } .mainBanner a.elementor-button-link.elementor-button.btn.elementor-size-medium.btn-secondary.btn-traditional { width: 100% !important; margin-bottom: 2rem; } /* Ensure the container has enough side padding on mobile */ .mainBanner .elementor-container { /* padding-left: 20px !important; */ padding-right: 20px !important; } } .elementor-widget-wrap>.elementor-widget-image-box.sec8Grid{ margin-bottom:0 !important; } .elementor-element.elementor-element-6n33ocb .elementor-button{ border-color: #f4e9dc4d; } .sec7Col a.elementor-button-link.elementor-button.btn.elementor-size-medium.btn-secondary.btn-traditional { background: transparent !important; } /* --- Desktop Layout: 2-Column Grid for Icons --- */ .op-flat-oil .elementor-element-ghoki2v .elementor-widget-wrap { display: grid !important; grid-template-columns: 1fr 1fr !important; /* Creates the 2-column layout */ gap: 15px !important; height: fit-content; } .sec8Grid figure.elementor-image-box-img { width: 18% !important; } /* Ensure the full-width elements (titles, description, button) span both columns */ .op-flat-oil .elementor-element-rbkib62, .op-flat-oil .elementor-element-zq9am7y, .op-flat-oil .elementor-element-imu3xar, .op-flat-oil .elementor-element-biiu0hx { grid-column: span 2 !important; } /* --- Tablet & Mobile: Image on Bottom (Mockup 3 & 4) --- */ @media (max-width: 1024px) { /* Reverse order is NOT used here because mockups 3/4 show text then image */ .op-flat-oil .elementor-container > .elementor-row { display: flex !important; flex-direction: column-reverse !important; } .sec8Grid figure.elementor-image-box-img { width: 18% !important; } .op-flat-oil .elementor-col-50 { width: 100% !important; } /* Keep icons in 2 columns on Tablet */ .op-flat-oil .elementor-element-ghoki2v .elementor-widget-wrap { grid-template-columns: 1fr 1fr !important; } /* Mockup 3 Padding for Tablet Image */ .op-flat-oil .elementor-element-496jckg { padding: 20px 0 !important; } } /* --- Mobile Specific: Single Column Icons (Mockup 4) --- */ @media (max-width: 767px) { /* Stack icons vertically on mobile as per mockup 4 */ .op-flat-oil .elementor-element-ghoki2v .elementor-widget-wrap { grid-template-columns: 1fr !important; } .sec8Grid figure.elementor-image-box-img { width: 12% !important; } .op-flat-oil .sec8Grid .elementor-image-box-title { text-align: left; margin-left: 1rem; } .sec8Grid .elementor-image-box-description { text-align: left; margin-left: 1rem !important; } .op-flat-oil .elementor-column-wrap.elementor-element-populated { padding: 0px 8px 4px 0px !important; margin: 10px !important; } .op-flat-oil .elementor-element-ghoki2v .elementor-widget-wrap > * { grid-column: span 1 !important; } /* Center text/button for mobile if desired, or keep left as per mockup */ .op-flat-oil .elementor-widget-heading, .op-flat-oil .elementor-text-editor { text-align: left !important; } /* Padding for the mobile image */ .op-flat-oil .elementor-element-496jckg img { padding: 10px !important; width: 100% !important; height: auto !important; } } .op-flat-oil .elementor-widget-image-box.elementor-position-left.elementor-vertical-align-top.sec8Grid { width: 100% !important; } /* --- Icon Box Styling to match Mockup --- */ .op-flat-oil .sec8Grid .elementor-image-box-wrapper { display: flex !important; align-items: flex-start !important; gap: 8px !important; } .op-flat-oil .sec8Grid .elementor-image-box-title { font-size: 16px !important; font-weight: 600 !important; margin-bottom: 5px !important; } /* --- Tablet and Mobile Common Rules --- */ @media (max-width: 1024px) { /* Reverse order to move image to top and force full width */ .under-table-section .elementor-element-iduotbn > .elementor-container > .elementor-row { display: flex !important; flex-direction: column-reverse !important; } /* Force columns to 100% width for full-size appearance */ .under-table-section .elementor-element-4bkakc9, .under-table-section .elementor-element-1zebofb { width: 100% !important; max-width: 100% !important; } /* Apply requested 10px padding to image container */ .under-table-section .elementor-element-9whlnro .elementor-widget-container { padding: 10px !important; } } /* --- Mobile Specific Rules --- */ @media (max-width: 767px) { /* Prevent text from wrapping to a new line in the list items */ .under-table-section .elementor-icon-box-description p { white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; /* Adds "..." if screen is too narrow for the text */ } .under-table-section .elementor-element.elementor-element-4bkakc9 > .elementor-element-populated { margin: 26px !important; } .under-table-section .elementor-icon-box-icon { padding: 0px 8px 4px 0px !important; margin: 0px !important; } .under-table-section .elementor-column-wrap.elementor-element-populated { margin-bottom: 3rem !important; } /* Ensure the icon and text stay on the same line */ .under-table-section .elementor-widget-icon-box .elementor-icon-box-wrapper { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; } /* Adjusting margins for mobile spacing */ .under-table-section .elementor-element-1zebofb { margin-bottom: 15px !important; } } /* ========================= BANNER SECTION ========================= */ .bannerImg2 .elementor-element.elementor-element-ywbmcno .elementor-heading-title{ line-height: 1.1 !important;; } .bannerImg2 { position: relative; overflow: hidden; min-height: 634px; display: flex; align-items: center; background-position: center center; background-size: cover; } /* Dark overlay */ .bannerImg2::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.58) 35%, rgba(0,0,0,0.15) 70%, rgba(0,0,0,0.05) 100% ); z-index: 1; } /* Content above overlay */ .bannerImg2 .elementor-container { position: relative; z-index: 2; max-width: 1320px; width: 100%; } /* Left content width */ .bannerImg2 .elementor-column { max-width: 720px; } /* ========================= TOP LABEL ========================= */ .bannerImg2 .elementor-element-mi2w4v3 h2 { color: #d3a417; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 20px; } /* ========================= MAIN TITLE ========================= */ .bannerImg2 .elementor-element-ywbmcno h2 { color: #fff; font-size: 78px; line-height: 1.08; font-weight: 500; font-family: "Playfair Display", serif; margin-bottom: 28px; } /* ========================= DESCRIPTION ========================= */ .bannerImg2 .bannerPara p { color: rgba(255,255,255,0.85); font-size: 18px; line-height: 1.6; font-weight: 400; max-width: 820px; } /* ========================= GRAIN LIST ========================= */ .bannerImg2 .elementor-element-6atgor4 h2, .bannerImg2 .elementor-element-vjtho8g h2 { color: #fff; font-size: 30px; line-height: 1.5; font-family: "Playfair Display", serif; margin: 0; } /* ========================= BUTTON ========================= */ .bannerImg2 .elementor-button { background: #d3a417 !important; color: #191714 !important; border-radius: 6px; padding: 22px 42px !important; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; border: none; transition: all .3s ease; margin-top: 25px; display: inline-flex; align-items: center; justify-content: center; } .bannerImg2 .elementor-button:hover { background: #be9312 !important; transform: translateY(-2px); } /* ========================= LARGE SCREEN ========================= */ @media (min-width: 1600px) { .bannerImg2 { min-height: .bannerImg2; } .bannerImg2 .elementor-element-ywbmcno h2 { font-size: 92px; } .bannerImg2 .bannerPara p { font-size: 18px; max-width: 900px; } } /* ========================= LAPTOP ========================= */ @media (max-width: 1366px) { .bannerImg2 { min-height: 700px; padding: 100px 40px; } .bannerImg2 .elementor-element-ywbmcno h2 { font-size: 64px; } .bannerImg2 .bannerPara p { font-size: 26px; } } /* ========================= TABLET ========================= */ @media (max-width: 1024px) { .elementor-element.elementor-element-3w6yalu { padding: 0px 46px 62px 0px !important; } .bannerImg2 { min-height: auto; padding: 90px 35px; } .bannerImg2::before { background: rgba(0,0,0,0.62); } .bannerImg2 .elementor-column { max-width: 100%; } .bannerImg2 .elementor-element-mi2w4v3 h2 { font-size: 13px; letter-spacing: 3px; } .bannerImg2 .elementor-element-ywbmcno h2 { font-size: 52px; line-height: 1.15; } .bannerImg2 .bannerPara p { font-size: 22px; line-height: 1.6; margin-bottom: 32px; } .bannerImg2 .elementor-element-6atgor4 h2, .bannerImg2 .elementor-element-vjtho8g h2 { font-size: 24px; } .bannerImg2 .elementor-button { padding: 18px 30px !important; font-size: 14px; } } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .elementor-element.elementor-element-qk1rlog > .elementor-element-populated { margin: 10px 10px 10px 15px !important; } .bannerImg2 { padding: 70px 22px; text-align: left; } .bannerImg2::before { background: rgba(0,0,0,0.70); } .bannerImg2 .elementor-element-mi2w4v3 h2 { font-size: 11px; letter-spacing: 2px; margin-bottom: 16px; } .bannerImg2 .elementor-element-ywbmcno h2 { font-size: 40px; line-height: 1.15; margin-bottom: 22px; } .bannerImg2 .bannerPara p { font-size: 18px; line-height: 1.7; margin-bottom: 28px; } .bannerImg2 .elementor-element-6atgor4, .bannerImg2 .elementor-element-vjtho8g { padding-left: 16px; margin-bottom: 18px; } .bannerImg2 .elementor-element-6atgor4 h2, .bannerImg2 .elementor-element-vjtho8g h2 { font-size: 19px; line-height: 1.6; } .bannerImg2 .elementor-button { width: 100%; padding: 16px 20px !important; font-size: 13px; } } /* Price + button same row */ .products-grid .product-price-and-shipping { display: flex !important; align-items: center; justify-content: space-between; gap: 15px; width: 100%; margin-top: 20px; } /* Price left side */ .products-grid .product-price { font-size: 32px; font-weight: 700; color: #111; margin: 0; } /* Custom appended button */ .products-grid .custom-add-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #d4a514; color: #111; border: none; border-radius: 6px; padding: 10px 14px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; cursor: pointer; transition: all .3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.08); } .products-grid .custom-add-btn:hover { background: #8a6700 !important; } .products-grid .custom-add-btn svg { width: 14px; height: 14px; } body,h2{ font-family: Playfair Display, Georgia, serif; } #mobile-header .mobile-main-bar { padding-top: 0.285714rem !important; padding-bottom: 0.285714rem !important; } #mobile-header .m-nav-btn>i, .contact-rich .part .icon i { font-size: 20px !important; } #header .container, #checkout-header .container { max-width: 89rem !important; } #mobile-header #mobile-header-sticky { background-color: #f5f3efe6 !important; } .bannerImg2::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.2) 95% ); z-index: 1; } .mainBanner::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.2) 95% ); z-index: 1; } .bannerHeading{ display: block; max-width: 60% !important; } .bannerPara{ width: 55% !important; } .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{ padding: 0px !important; } span.elementor-align-icon-left.elementor-button-icon i.fa-truck{ color: #d3a417 !important; } a.elementor-button-link.elementor-button.btn.elementor-size-medium.btn-secondary.btn-traditional:hover { color: #d3a417; } .products.row.products-grid{ justify-content: center !important; } .eviva-comparison-section{ padding:40px 20px; font-family: "Inter", system-ui, sans-serif; } .eviva-container{ max-width:960px; margin:0 auto; } .eviva-table{ width:100%; } .eviva-table-head{ display:grid; grid-template-columns: 36% 34% 34%; padding-bottom:18px; border-bottom:1px solid #ddd4cb; margin-bottom:0; } .eviva-table-head div{ font-size: 12px; letter-spacing: 1.8px; font-family: 'Inter'; font-weight: 600; line-height: 16px; color:#191714; } .eviva-table-head div:nth-child(3){ color:#c2957a; } .eviva-row{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom:1px solid #ddd4cb; padding:20px 0; column-gap:18px; } .eviva-label{ font-size: 14px; color: #191714; font-weight: 600; line-height: 20px; padding-right:15px; } .eviva-good, .eviva-bad{ display:flex; align-items:flex-start; gap:12px; font-size:14px; line-height:1.625; font-weight:400; } .eviva-good{ color:#191714; } .eviva-bad{ color:#6b6561; } .eviva-icon{ font-size:18px; line-height:1; margin-top:2px; flex-shrink:0; } .eviva-icon.good{ color:#59794e; } .eviva-icon.bad{ color:rgb(239 68 68 / 60%); } @media(max-width:767px){ .eviva-title{ font-size:36px; margin-bottom:45px; } .eviva-table-head{ display:none; } .eviva-row{ grid-template-columns:1fr; gap:18px; padding:24px 0; } .eviva-label{ margin-bottom:2px; } } .conBG{ background-color: hsl(29deg 24% 80% / 0.4) !important; } .sec7Col{ background-color: rgb(236 232 225) !important; } .sec7Grid{ background-color:#f5f3ef !important; } .sec8Grid .elementor-image-box-wrapper .elementor-image-box-img img{ background-color: rgb(186 210 177 / 40%) !important; border-radius: 50%; padding: 9px !important; width: 100% !important; } .elementor-widget-wrap { /* display: flex;*/ flex-wrap: wrap; } /* keep first 3 widgets full width */ .elementor-widget-wrap > .elementor-widget:nth-child(1), .elementor-widget-wrap > .elementor-widget:nth-child(2), .elementor-widget-wrap > .elementor-widget:nth-child(3) { width: 100%; } /* target ONLY your image-box items */ .elementor-widget-wrap > .elementor-widget-image-box.sec8Grid { width: calc(50% - 12px); margin-right: 24px; } /* remove right margin from every 2nd item */ .elementor-widget-wrap > .elementor-widget-image-box.sec8Grid:nth-of-type(2n) { margin-right: 0; } /* button full width */ .elementor-widget-wrap > .elementor-widget-button { width: 100%; } .elementor-column-gap-wide>.elementor-row>.elementor-column>.elementor-element-populated{ margin-top: -3.5rem; margin-left: 4rem; } .elementor-element.elementor-element-3m41f67 .elementor-button:hover{ background-color: #8a6700 !important; } /* ========================= PRODUCTS GRID LAYOUT ========================= */ .products-grid { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; padding:10px } .products-grid > div[class*="js-product-miniature-wrapper"] { width: calc(25% - 23px) !important; max-width: calc(25% - 23px) !important; flex: 0 0 calc(25% - 23px) !important; padding: 0 !important; } /* ========================= PRODUCT CARD ========================= */ .products-grid .product-miniature { background: #fff; border: 1px solid #e5e5e5; overflow: hidden; height: 100%; transition: all 0.3s ease; } .products-grid .product-miniature:hover{ box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); } /* ========================= IMAGE ========================= */ .products-grid .thumbnail-container { position: relative; overflow: hidden; } .products-grid .thumbnail-container img { width: 100%; height: 320px; object-fit: cover; display: block; transition:transform .5s ease !important; } .product-miniature:hover .thumbnail-container img{ transform:scale(1.06); } /* ========================= BADGE ========================= */ .products-grid .product-flags { position: absolute; top: 14px; left: 14px; margin: 0; padding: 0; list-style: none; z-index: 2; } .products-grid .product-flag { background: #d4a514; color: #fff; font-size: 11px; font-weight: 700; padding: 6px 12px; text-transform: uppercase; border-radius: 2px; } /* ========================= CONTENT ========================= */ .products-grid .product-description { padding: 20px; position: relative; } .products-grid .product-category-name, .products-grid .product-brand, .products-grid .product-reference, .products-grid .product-description-short, .products-grid .products-variants, .products-grid .product-functional-buttons, .products-grid .input-qty { display: none !important; } .products-grid .product-title { margin-bottom: 12px; line-height: 1.3; } .products-grid .product-title a { font-size: 28px; font-weight: 600; color: #191714; text-decoration: none; } /* ========================= PRICE + BUTTON ========================= */ .products-grid .product-price-and-shipping { margin-top: 18px; } .products-grid .product-price { font-size: 18px; font-weight: 700; color: #111; } .products-grid .product-add-cart { margin-top: 20px; } .products-grid .input-group-add-cart { display: flex; justify-content: space-between; align-items: center; } .products-grid .add-to-cart { background: #d4a514; border: none; color: #111; font-size: 14px; font-weight: 700; padding: 12px 18px; border-radius: 6px; transition: 0.3s ease; box-shadow: none; } .products-grid .add-to-cart:hover { background: #bf930d; color: #fff; } /* Hide extra icons inside button */ .products-grid .spinner-icon { display: none !important; } /* Show title + short description under image */ .products-grid .product-description-short { display: block !important; font-size: 14px; line-height: 1.6; color: #777; margin-top: 10px; margin-bottom: 14px; } /* Product title */ .products-grid .product-title { display: block !important; margin-top: 15px; } /* Optional hover effect */ .products-grid .product-title a:hover { color: #191714 !important; } /* Make text visible properly */ .products-grid .product-description { display: block !important; } /* Disable hover overlay effect */ .products-grid .product-description { opacity: 1 !important; visibility: visible !important; transform: none !important; position: relative !important; bottom: auto !important; } /* Prevent hidden content on hover */ .products-grid .product-miniature:hover .product-description { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; } /* Remove overlay behavior */ .products-grid .product-overlay-link { display: none !important; } /* Keep title and price always visible */ .products-grid .product-title, .products-grid .product-description-short { opacity: 1 !important; visibility: visible !important; display: block !important; } /* Remove any theme hover animation */ .products-grid .product-miniature *, .products-grid .product-description * { transition: none !important; } .products-grid .product-miniature-layout-3 .product-description { background-color: #f5f3ef !important; padding: 20px; } .products-grid .product-miniature-layout-3 .product-description a { font-size: 14px; } /* ========================= TABLET - 2 PRODUCTS ========================= */ @media (max-width: 1024px) { .products-grid { gap: 20px; } .products-grid > div[class*="js-product-miniature-wrapper"] { width: calc(50% - 10px) !important; max-width: calc(50% - 10px) !important; flex: 0 0 calc(50% - 10px) !important; cursor: pointer !important; } .products-grid .thumbnail-container img { height: 280px; } .products-grid .product-title a { font-size: 22px; } } .products-grid .product-price { font-size: 18px; } /* ========================= MOBILE - 1 PRODUCT ========================= */ @media (max-width: 767px) { .products-grid > div[class*="js-product-miniature-wrapper"] { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } .products-grid .thumbnail-container img { height: auto; } .products-grid .product-description { padding: 18px; } .products-grid .product-title a { font-size: 20px; } .products-grid .product-price { font-size: 18px; } .products-grid .add-to-cart { width: 100%; justify-content: center; } } /* --- 1. FORCE THE THREE COLUMN GRID --- */ @media (min-width: 992px) { /* Target the main container and its internal row structure */ #footer-container-main .container, #footer-container-main .container > .row { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; /* Prevents Agency from dropping to next line */ justify-content: space-between !important; align-items: flex-start !important; } /* Allow the columns to occupy equal space */ .footer-custom-col { flex: 1 !important; max-width: 33.33% !important; padding: 0 20px !important; margin: 0 !important; } } /* --- 2. HIDE DEFAULT MODULES CAUSING CLUTTER --- */ .block-iqitlinksmanager, .block-iqitcontactpage, .block-title { display: none !important; } /* --- 3. STYLING REFINEMENT (MOCKUP ACCURACY) --- */ #footer { background-color: #1a1714 !important; /* Deep brand charcoal */ padding: 35px 0 !important; } #footer h3 { color: #7b756b !important; /* Muted tan/gold */ font-size: 13px !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 25px !important; } #footer ul { list-style: none !important; padding: 0 !important; } #footer ul li { margin-bottom: 8px !important; } #footer ul li a { color: #f4e9dc99 !important; font-size: 15px !important; text-decoration: none !important; transition: color 0.3s ease; } #footer ul li a i { color: #f4e9dc99 !important; } #footer ul li a:hover { color: #d3a417 !important; } /* --- 4. MOBILE RESPONSIVENESS --- */ @media (max-width: 991px) { #footer-container-main .container, #footer-container-main .container > .row { display: block !important; text-align: center !important; } .footer-custom-col { width: 100% !important; max-width: 100% !important; margin-bottom: 40px !important; } } /* --- HIDE PRESTASHOP CLUTTER --- */ .block-iqitlinksmanager, .block-iqitcontactpage, .block-title, #footer hr { display: none !important; } /* --- THE GRID ENGINE --- */ #footer { background-color: #1a1714 !important; padding: 35px 0 !important; } .footer-grid-wrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; /* Centers the whole block */ align-items: flex-start !important; max-width: 1100px !important; margin: 0 auto !important; } .footer-grid-col { /*flex: 1 !important;*/ padding: 0 8rem !important; box-sizing: border-box !important; } /* --- TEXT STYLING --- */ #footer h3 { color: #7b756b !important; font-size: 13px !important; font-weight: 600 !important; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 25px !important; text-align: left !important; } #footer ul { list-style: none !important; padding: 0 !important; margin: 0 !important; } #footer ul li { margin-bottom: 12px !important; } #footer ul li a { color: #f4e9dc99 !important; font-size: 15px !important; text-decoration: none !important; line-height: 1.4 !important; transition: 0.3s; } #footer ul li a:hover { color: #d3a417 !important; } /* --- MOBILE RESPONSIVENESS --- */ @media (max-width: 991px) { .footer-grid-wrapper { flex-direction: column !important; text-align: center !important; } .footer-grid-col { width: 100% !important; margin-bottom: 40px !important; padding: 0 !important; } #footer h3 { text-align: center !important; } #footer ul li { margin-bottom: 12px !important; text-align: center !important; } } #footer ul li { margin-bottom: 12px !important; text-align: left; } /* --- Banner Container Styling --- */ .bannerImg9 { position: relative; background-image: url('https://devln.agricolapiano.com/img/cms/img7.jpg'); background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; min-height: 80vh !important; display: flex !important; /* Centers content vertically and horizontally */ align-items: center !important; justify-content: center !important; text-align: center !important; } /* Dark overlay to make text readable */ .bannerImg9::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; } /* Ensure content sits above overlay and takes full width for centering */ .bannerImg9 .elementor-container { position: relative; z-index: 2; padding-left: 0 !important; /* Removed 5% padding to allow true centering */ width: 100%; } /* Ensure the column itself is centered */ .bannerImg9 .elementor-column { display: flex !important; justify-content: center !important; } .bannerImg9 .elementor-widget-wrap { display: flex; flex-direction: column; align-items: center; /* Centers all inner widgets */ } /* --- Typography Styling --- */ /* Small Upper Label */ .bannerImg9 .elementor-element-8h2p031 .elementor-heading-title { color: #d3a417 !important; text-transform: uppercase; letter-spacing: 2px; font-size: 12px !important; margin-bottom: 15px !important; } /* Main Heading */ .bannerImg9 .elementor-element-1o1e4wp .elementor-heading-title { color: #ffffff !important; font-family: 'Playfair Display', serif !important; line-height: 1.1 !important; max-width: 800px; /* Increased width for centered look */ margin-bottom: 20px !important; margin-left: auto; margin-right: auto; letter-spacing: 0 !important; } /* Description Text */ .bannerImg9 .elementor-widget-text-editor { color: rgba(255, 255, 255, 0.8) !important; max-width: 600px; line-height: 1.6; margin-bottom: 20px !important; margin-left: auto; margin-right: auto; } /* Removing the vertical border-left and adding a bottom border or just spacing for centered grain labels */ .bannerImg9 .elementor-element-yaawxfv, .bannerImg9 .elementor-element-3822r75 { border-left: none !important; /* Removed vertical line as it looks odd centered */ padding-left: 0 !important; margin-bottom: 10px !important; } /* --- Button Styling --- */ .bannerImg9 .elementor-button { background-color: rgba(211, 211, 211, 0) !important; border-radius: 4px !important; padding: 15px 30px !important; font-weight: 600 !important; text-transform: uppercase; transition: 0.3s ease; } .bannerImg9 .elementor-button:hover { background-color: #b08912 !important; } /* --- Responsive Adjustments --- */ /* Tablet */ @media (max-width: 1024px) { .bannerImg9 .elementor-element-1o1e4wp .elementor-heading-title { font-size: 42px !important; } } /* Mobile */ @media (max-width: 767px) { .bannerImg9 { min-height: 60vh !important; } .bannerImg9 .elementor-element-1o1e4wp .elementor-heading-title { font-size: 32px !important; } #footer ul li { margin-bottom: 12px !important; text-align: center; } .bannerImg9 .elementor-widget-wrap { margin: 2rem; } } /* CSS */ .testimonial-section{ width:100%; background:#f7f5f2; box-sizing:border-box; font-family: Inter; margin-top: 45px; } .testimonial-wrapper{ display:flex; gap:32px; justify-content:space-between; flex-wrap:wrap; } .testimonial-card{ background:#dfe2d6; flex:1; min-width:300px; padding:34px 32px 28px; min-height:267px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:flex-start; } .stars{ color:#c79611; font-size:18px; letter-spacing:2px; margin-bottom:13px; line-height:1; } .testimonial-text{ color:#191714; font-size:14px; line-height:1.625; font-style:italic; margin:0 0 30px; font-weight:400; } .reviewer h4{ margin:0; font-size: 14px; color: #191714; font-weight: 600; line-height: 1.25rem; } .reviewer span{ display:block; margin-top:2px; color:#666; font-size:12px; font-weight:400; } .bottom-divider{ width:100%; height:1px; background:#d9d2c6; margin:80px 0 48px; } .features-list{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:55px; text-align:center; } .features-list span{ text-transform:uppercase; font-weight:500; color: #59794e; font-size: 11px; letter-spacing: 1.65px; } /* Responsive */ @media(max-width:1024px){ .testimonial-wrapper{ gap:24px; } .testimonial-card{ min-width:100%; } .bottom-divider{ margin:50px 0 35px; } .features-list{ gap:25px; } } @media(max-width:767px){ .testimonial-section{ padding:30px 18px 40px; } .testimonial-card{ padding:28px 24px; } .testimonial-text{ font-size:15px; line-height:1.7; } .features-list{ flex-direction:column; gap:18px; } .features-list span{ font-size:12px; letter-spacing:2px; } } .bannerImg9::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient( to bottom, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.45) 100% ); } .sec8Grid2 .elementor-image-box-wrapper .elementor-image-box-img img { background-color: #f5f3ef !important; border-radius: 50%; padding: 14px !important; width: 36% !important; } .sec8Grid2 figure.elementor-image-box-img { width: 40% !important; } /* --- Global / Desktop Styles --- */ .sec8Grid2 .elementor-image-box-wrapper { text-align: center !important; } .sec8Grid2 .elementor-image-box-wrapper .elementor-image-box-img img { background-color: #f5f3ef !important; border-radius: 50% !important; padding: 20px !important; /* Use fixed width for the image to keep circles consistent */ width: 60px !important; height: 60px !important; object-fit: contain !important; display: inline-block !important; } .sec8Grid2 figure.elementor-image-box-img { width: 100% !important; margin-bottom: 15px !important; } /* --- Tablet (2 Columns) --- */ @media (max-width: 1024px) and (min-width: 768px) { .under-hero-section .elementor-container > .elementor-row { display: flex !important; flex-wrap: wrap !important; } .under-hero-section .elementor-column.elementor-col-25 { width: 50% !important; /* Forces 2 columns */ margin-bottom: 30px !important; } } /* --- Mobile (1 Column) --- */ @media (max-width: 767px) { .under-hero-section .elementor-column.elementor-col-25 { width: 100% !important; margin-bottom: 40px !important; } .sec8Grid2 .elementor-image-box-wrapper .elementor-image-box-img img { width: 55px !important; height: 55px !important; padding: 12px !important; } } /* Container styling for all screens */ .responsive-badges { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; } /* Medium and Large Mobile / Desktop */ /* Keeps items in a row and allows them to wrap if they run out of space */ @media (min-width: 481px) { .responsive-badges { flex-direction: row !important; gap: 20px 0px !important; /* spacing between items */ } } /* Small Mobile (Single Line Stack) */ /* Forces items to appear one under the other */ @media (max-width: 480px) { .responsive-badges { flex-direction: column !important; align-items: flex-start !important; /* Aligns items to the left */ gap: 12px !important; /* Vertical spacing between lines */ } /* Optional: Remove the dashes (—) on small mobile for a cleaner look */ .responsive-badges span[dir="auto"] span:contains("—") { display: none !important; } } /* Ensure the flags container is always on top */ .products-grid .product-flags { z-index: 99 !important; pointer-events: none; /* Allows clicks to pass through to the image if needed */ } /* Force visibility even when the parent article is hovered */ .products-grid .product-miniature:hover .product-flags, .products-grid .product-miniature:hover .product-flag { opacity: 1 !important; visibility: visible !important; display: block !important; z-index: 999 !important; } /* Specific fix for the 'New' badge position and visibility */ .products-grid .product-flag.new { background-color: #d4a514 !important; /* Your brand gold */ color: #fff !important; opacity: 1 !important; visibility: visible !important; } /* Prevent any theme transition from hiding it */ .product-flags, .product-flag { transition: none !important; } .bannerImg2 .elementor-widget.elementor-element.elementor-element-mi2w4v3.elementor-widget-heading, .bannerImg2 .elementor-widget.elementor-element.elementor-element-ywbmcno.elementor-widget-heading { margin: 0 !important; padding: 0 !important; } .bannerImg2 .elementor-widget-wrap>.elementor-widget:nth-child(3) Specificity: (0,3,0) { width: 100% !important; } .elementor-button-link:hover .elementor-button-text span ,.sec8Grid a.elementor-button-link.elementor-button.btn.elementor-size-medium.btn-secondary.btn-traditional:hover .elementor-button-text span{ color: #000 !important; } .sticky-desktop-wrapper { height: 0 !important; } .page-authentication section#wrapper nav.breadcrumb { display: none !important; } .page-authentication #content-wrapper .page-title Specificity: (1,1,0) { text-align: center; } .page-authentication div#content { width: 50%; } /* Container Background */ .footer-custom-dark { background-color: #191714 !important; padding-top: 60px; } /* Headers: PRODOTTI, AZIENDA, ASSISTENZA */ .footer-custom-dark .footer-title { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.25em; /* Crucial for mockup look */ color: rgba(255, 255, 255, 0.4); margin-bottom: 30px; } /* Link Style */ .footer-custom-dark .footer-links { list-style: none; padding: 0; font-family: "Inter", system-ui, sans-serif; } .footer-custom-dark .footer-links li { margin-bottom: 15px; font-family: "Inter", system-ui, sans-serif; } .footer-custom-dark .footer-links a { font-size: 13px; color: rgba(255, 255, 255, 0.65); transition: color 0.3s ease; text-decoration: none; font-family: "Inter", system-ui, sans-serif; } .footer-custom-dark .footer-links a:hover { color: #fff; } /* Brand Column Text */ .text-secondary-small { font-size: 12px; color: #f4e9dc80; line-height: 1.625; font-family: "Inter", system-ui, sans-serif; } .text-uppercase-tracking { font-size: 10px; text-transform: uppercase; letter-spacing: 0.15em; color: rgba(255, 255, 255, 0.3); font-family: "Inter", system-ui, sans-serif; } /* Contact Info */ .text-contact { font-size: 12px; color: rgba(255, 255, 255, 0.4); margin-bottom: 5px; line-height: 1; font-family: "Inter", system-ui, sans-serif; } /* Bottom Bar Styling */ .border-top-dark { border-top: 1px solid rgba(255, 255, 255, 0.1); } .copyright-text { font-size: 10px; color: rgba(255, 255, 255, 0.3); } .footer-social-text a { font-size: 10px; color: #f4e9dc4d !important; letter-spacing: 0.15em; margin-left: 25px; text-decoration: none; transition: color 0.3s ease; font-family: "Inter", system-ui, sans-serif; } .footer-social-text a:hover { color: #fff; } #footer-container-main { max-width: 1260px; margin: 0 auto; font-family: "Inter", system-ui, sans-serif; } i.fa.fa-shopping-bag.fa-fw.icon { font-size: 20px; } i.fa.fa-search.fa-fw.icon , i.fa.fa-user.fa-fw.icon { font-size: 16px; }