/* Breadcrumb Styles */ #catalogue #breadcrumb { padding: 0% 6px; font-family: 'Lato', sans-serif; font-size: 0px; line-height: 0px; font-weight: 300; text-align: right; color: #306936; } #catalogue #breadcrumb a { font-size: 0.875rem; line-height: 1.25rem; } #catalogue #breadcrumb a:after { content: ' / '; } #catalogue #breadcrumb a:last-of-type:after { display: none; } #catalogue #breadcrumb span { display: none; } /* Category List Styles */ #catalogue #category_header { padding: 21px 0% 0% 0%; } #catalogue #category_header h1 { margin: 0% 0% 1.563rem 0%; padding: 0%; font-size: 1.5rem; font-weight: 700; color: #8C1C1E; background-color: transparent; } /* Category List Panel Styles */ #catalogue ul#categories li { background-color: #FFFFFF; border: 0px; box-shadow: 0px 0px 9px rgba(0,44,42,0.03); transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; } #catalogue ul#categories li .image_container { padding-top: 90%; } #catalogue ul#categories li div.detail { padding: 8px 8px; min-height: 52px; text-align: center; background-color: transparent; } #catalogue ul#categories li div.detail h2 { margin: 0%; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; text-transform: uppercase; color: #002C2A; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; } #catalogue ul#categories li div.category_summary { display: none !important; } #catalogue ul#categories li:hover { background-color: #158C79; } #catalogue ul#categories li:hover div.detail h2 { color: #FFFFFF; } /* Product List Styles */ #catalogue #products_header { margin: 0%; padding: 21px 0% 0% 0%; } #catalogue #products_header h1 { margin: 0%; padding: 0%; font-size: 1.5rem; font-weight: 700; color: #8C1C1E; background-color: transparent; } #catalogue .catalogue_filters { padding: 6px 0% 0% 0%; } #catalogue .catalogue_filters div.heading { display: none; } #catalogue .catalogue_filters h4 { margin: 1rem 0% 0% 0%; padding: 0.5rem 1rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; position: relative; color: #FFFFFF; background-image: none; background-color: #158C79; } /* #catalogue .catalogue_filters h4:after { top: 8px; right: 12px; content: '\f078'; font-family: 'Font Awesome 5 Pro'; display: block; position: absolute; transition: transform 0.3s ease; } */ /* #catalogue .catalogue_filters h4.open { background-image: none; } */ /* #catalogue .catalogue_filters h4.open:after { transform: rotate(180deg); } */ #catalogue .catalogue_filters span.heading { display: none; } #catalogue #page_navigation { margin: 1rem 0% 1.5em 0%; padding: 1rem 0%; background-color: transparent; } #catalogue #page_navigation a { color: #158C79; } #catalogue #page_navigation div.pagination a { margin: -2px 3% 0% 3%; padding: 5px 8px; color: #FFFFFF; background-color: #8C1C1E; border-radius: 6px; } #catalogue #page_navigation select { padding: 0.438rem 0.5rem 0.5rem 0.5rem; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: #002C2A; background-color: #FFFFFF; border: 1px solid #C3CCCC; border-radius: 1px; } /* Product List Panel Styles */ #catalogue ul.products li { background-color: #FFFFFF; border: 0px; box-shadow: 0px 0px 9px rgba(0,44,42,0.03); transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; } #catalogue ul.products li .image_container { padding-top: 100%; } #catalogue ul.products li .productlisting_details { padding: 8px 8px; min-height: 52px; text-align: center; display: block; background-color: transparent; border-top: 0px; } #catalogue ul.products li .productlisting_details p { margin: 0%; font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; text-transform: uppercase; color: #002C2A; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; } #catalogue ul.products li div.price_segment span.Price_label { display: none !important; } #catalogue ul.products li div.price_segment span.Price_value { font-family: 'Lato', sans-serif; font-size: 1.063rem; font-weight: 700; color: #002C2A; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; } #catalogue ul.products li div.price_segment span.from_label { margin: 0% 0.125rem 0% 0%; font-size: 0.875rem; font-weight: 400; } #catalogue ul.products li a.info { display: none !important; } #catalogue ul.products li:hover { background-color: #158C79; } #catalogue ul.products li:hover .productlisting_details p { color: #FFFFFF; } #catalogue ul.products li:hover div.price_segment span.Price_value { color: #FFFFFF; } /* Product Detail Styles */ #catalogue #product_container h3 { margin: 0.875rem 0% 1.25rem 0%; font-weight: 400; color: #306936; } #catalogue #product_container #col-left { padding: 45px 15px 141px 9px; width: 52%; display: inline-block; vertical-align: top; float: none; } #catalogue #product_container #col-right { padding: 42px 4px 141px 4.5%; width: 48%; display: inline-block; vertical-align: top; float: none; } #catalogue #product_container div.productpage_image { border: 1px solid #C7DFDB; border-radius: 2px; } #catalogue #product_container div.description-area { padding: 0%; } /* #catalogue #product_container div.price_container { margin: -0.938rem 0% 0% 0%; } */ #catalogue #product_container div.price_segment span.price_label { display: none !important; } #catalogue #product_container div.price_segment span.price_value { font-family: 'Lato', sans-serif; font-size: 1.25rem; font-weight: 700; color: #002C2A; } #catalogue #product_container div.price_segment span.from_label { margin: 0% 0.25rem 0% 0%; font-size: 1.125rem; font-weight: 400; } /* #catalogue #product_container div.product_addtobasket { margin: -3px 0% 52px 0%; max-width: 278px; } */ #catalogue #product_container div.product_addtobasket table { display: block; } #catalogue #product_container div.product_addtobasket tr { display: block; background-color: transparent; } #catalogue #product_container div.product_addtobasket td { padding: 9px 0% 8px 0%; width: 61%; font-family: 'Lato', sans-serif; display: inline-block; vertical-align: middle; } #catalogue #product_container div.product_addtobasket td.quantity_label { padding: 5px 29px 3px 2px; width: 39%; font-size: 1.125rem; font-weight: 400; color: #002C2A; } #catalogue #product_container div.product_addtobasket td.quantity_field { max-width: 100px; } #catalogue #product_container div.product_addtobasket td.quantity_field input { padding: 0.313rem 0.75rem 0.25rem 0.75rem; } #catalogue #product_container div.product_addtobasket #add_to_basket { padding: 20px 0% 8px 3px; width: 100%; } #catalogue #product_container div.price_container { margin: 1em 0 2em; } #catalogue .product_addtobasket { margin-top: 0; } #catalogue #product_container #image_thumbs { --row_count: 6; } #catalogue #product_container #image_thumbs .thumbnail_image:nth-of-type(5n+1) { margin: var(--margin_spacing, 2%) 0 0 var(--margin_spacing, 2%); width: calc((100% - (var(--margin_spacing, 2%) * (var(--row_count, 5) - 1))) / var(--row_count, 5)); display: inline-block; cursor: pointer; } #catalogue #product_container #image_thumbs .thumbnail_image:nth-of-type(6n+1) { margin-left: 0; } /* #catalogue #product_container #make_an_enquiry { margin: -38px 0% 38px 0%; position: relative; display: block; } */ #catalogue #product_container input, #catalogue #product_container select { padding: 0.375rem 0.5rem; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; color: #002C2A; background-color: #FFFFFF; border: 1px solid #C3CCCC; border-radius: 1px; } #catalogue #product_container .add_to_basket a, #catalogue #product_container .add_to_basket button { margin: 1em 0 2em; padding: 6px 19px 8px 17px; min-width: 0px; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 400; text-transform: uppercase; display: inline-block; color: #FFFFFF; background-color: #1E2F23; border-radius: 8px; } #catalogue #product_container table td { padding: 3px 32px 3px 0%; font-family: 'Lato', sans-serif; font-size: 1rem; line-height: 1.5rem; color: #2B2B2B; } #catalogue #product_container div.summary-area { padding: 0% 0% 0% 3px; } #catalogue #product_container div.summary-area h4 { margin: 0% 0% 0.125rem 0%; font-family: 'Lato', sans-serif; font-size: 1.125rem; line-height: 1.75rem; font-weight: 700; text-transform: uppercase; color: #1E2F23; } #catalogue .price_container.productlisting_price .price_now { font-size: 1rem; } #catalogue .price_container.productlisting_price .price_now .price_label { display: none; } /* 800px Resolution Specific Behaviour */ @media only screen and (min-width: 0px) and (max-width: 800px) { /* Product Detail Mobile Styles */ #catalogue #product_container h1 { text-align: left; } #catalogue #product_container p { font-size: 1rem; line-height: 1.5rem; } #catalogue #product_container #col-left { margin: 0%; padding: 12px 0% 6px 0%; width: 100%; display: block; } #catalogue #product_container #col-right { margin: 0%; padding: 42px 0% 141px 0%; width: 100%; text-align: left; display: block; } #catalogue #product_container div.price_container { margin: 2.5rem 0% 0% 0%; } #catalogue #product_container div.price_segment span.price_value { font-size: 1.5rem; } #catalogue #product_container div.product_addtobasket { margin: 18px 0% 56px 0%; max-width: 100%; } #catalogue #product_container #add_to_basket a, #catalogue #product_container #add_to_basket button { padding: 10px 19px 12px 17px; } #catalogue #product_container div.product_addtobasket td { width: 100%; } }