/* Breadcrumb Styles */ #catalogue #breadcrumb { padding: 11px 13px 0% 0%; font-size: 0.875rem; text-align: right; color: #6A6A96; } /* Category List Styles */ #catalogue #category_header { margin: 0% 0% 44px 0%; } #catalogue #category_header h1 { margin: 0%; padding: 0%; font-family: 'Lato', sans-serif; font-size: 1.875rem; line-height: 2.25rem; font-weight: 400; color: #333366; background-color: transparent; } #catalogue #category_header div.col-full { padding: 11px 0% 0% 20px; width: 100%; display: block; } /* Category List Panel Styles */ #catalogue #category_container { margin: 0% auto; padding: 0% 0% 48px 0%; max-width: 1162px; } #catalogue #category_container div.category_description { margin: 0% 0% 2.5rem 0%; padding: 0% 18px; background-color: #FFFFFF; } #catalogue ul#categories { margin: 0%; padding: 0%; width: 100%; } #catalogue ul#categories li { border: 1px solid #FFFFFF; border-radius: 1px; transition: border-color 0.3s ease; -webkit-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; } #catalogue ul#categories li div.detail { padding: 18px 18px; background-color: #FFFFFF; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; } #catalogue ul#categories li div.detail h2 { margin: 0%; font-size: 1.25rem; line-height: 1.5rem; font-weight: 400; text-transform: none; color: #6A6A96; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; } #catalogue ul#categories li:hover { border-color: #9CC9DB; } #catalogue ul#categories li:hover div.detail { background-color: #9CC9DB; } #catalogue ul#categories li:hover div.detail h2 { color: #FFFFFF; } /* Product List Styles */ #catalogue #products_header { margin: 0% 0% 44px 0%; } #catalogue #products_header h1 { margin: 0%; padding: 0%; font-family: 'Lato', sans-serif; font-size: 1.875rem; line-height: 2.25rem; font-weight: 400; color: #333366; background-color: transparent; } #catalogue #products_header div.col-left { padding: 11px 0% 0% 20px; width: 50%; display: inline-block; vertical-align: middle; } #catalogue #products_header div.col-right { width: 50%; display: inline-block; vertical-align: middle; } #catalogue #page_navigation { margin: 10px 0% 0% 0%; padding: 12px 4px 0% 0%; text-align: right; background-color: transparent; } #catalogue #page_navigation div.page_sort { width: auto; } #catalogue #page_navigation div.page_sort span { font-weight: 600; color: #333366; } #catalogue #page_navigation div.page_sort select { padding: 1px 6px; min-width: 138px; color: #333366; } #catalogue #page_navigation div.pagination { margin: 0% 0% 0% 10.5%; width: auto; color: #6A6A96; } #catalogue #page_navigation div.pagination a { padding: 0% 6px; font-size: 0px; font-weight: 400; color: #333366; } #catalogue #page_navigation div.pagination span.left a:before { content: '\f053'; font-family: 'Font Awesome 5 Pro'; font-size: 0.938rem; } #catalogue #page_navigation div.pagination span.right a:before { content: '\f054'; font-family: 'Font Awesome 5 Pro'; font-size: 0.938rem; } #catalogue #page_navigation div.pagination span.navigation { vertical-align: 2px; } #catalogue #page_navigation div.pagination span.pages { letter-spacing: 0.05em; } #catalogue #page_navigation div.pagination #page_number_label { margin: 0% 3px 0% 2px; padding: 0% 0% 0% 4px; border: 1px solid #333366; } #catalogue #page_navigation div.show_all { display: none; } /* Product List Panel Styles */ #catalogue #products_container { margin: 0% auto; max-width: 1162px; } #catalogue ul.products li { border: 2px solid #FFFFFF; border-radius: 6px; transition: border-color 0.3s ease; -webkit-transition: border-color 0.3s ease; -moz-transition: border-color 0.3s ease; } #catalogue ul.products li span.more-info { padding: 5px 0% 3px 0%; width: 100%; right: 0px; bottom: -40px; left: 0px; font-size: 0.875rem; line-height: 1.5rem; position: absolute; text-align: center; text-transform: uppercase; color: #FFFFFF; background-color: rgba(156,201,219,0.85); transition: bottom 0.3s ease; -webkit-transition: bottom 0.3s ease; -moz-transition: bottom 0.3s ease; } #catalogue ul.products li div.productlisting_details { padding: 20px 4px 0% 4px; background-color: #FFFFFF; border: 0px; } #catalogue ul.products li div.productlisting_details * { cursor: default; } #catalogue ul.products li div.productlisting_details div.prices { font-weight: 600;} #catalogue ul.products li div.productlisting_title, #catalogue ul.products li div.productlisting_title h3 { margin: 0%; font-size: 1rem; line-height: 1.5rem; font-weight: 400; text-transform: none; color: #6A6A96; } #catalogue ul.products li div.productlisting_price { padding: 7px 0% 14px 0%; text-align: center; } #catalogue ul.products li div.productlisting_details div.price_container { margin: 0% !important; } #catalogue ul.products li div.productlisting_price span.Price_label { display: none !important; } #catalogue ul.products li div.productlisting_price span.Price_value { margin: 0%; font-size: 1rem; line-height: 1.5rem; font-weight: 600; text-transform: none; color: #6A6A96; } #catalogue ul.products li:hover { border-color: #9CC9DB; } #catalogue ul.products li:hover span.more-info { bottom: 0px; } #catalogue.col_5 ul.products li { width: 17.4%; } #catalogue.col_5 ul.products li:nth-of-type(5n+1) { margin: 0% 0% 1.75% 0%; } #catalogue.col_5 ul.products li:nth-of-type(5n+2) { margin: 0% 0% 1.75% 3.25%; } #catalogue.col_5 ul.products li:nth-of-type(5n+3) { margin: 0% 0% 1.75% 3.25%; } #catalogue.col_5 ul.products li:nth-of-type(5n+4) { margin: 0% 0% 1.75% 3.25%; } #catalogue.col_5 ul.products li:nth-of-type(5n+5) { margin: 0% 0% 1.75% 3.25%; } #catalogue ul.products li.no_results { margin: 0%; width: 100%; } #catalogue ul.products li.no_results h2 { margin: 0% 0% 24px 0%; padding: 39px 20px 0% 20px; font-family: 'Lato', sans-serif; font-size: 1.875rem; line-height: 2.25rem; font-weight: 400; color: #333366; background-color: transparent; } #catalogue ul.products li.no_results h3 { margin-left: 0px; } #catalogue ul.products li.no_results ul.search_tips { margin: 1.5rem 0% 2.5rem 0%; padding: 0%; } #catalogue ul.products li.no_results #product_container { padding: 0% 20px; } #catalogue div.footer-product-nav { padding: 0% 0% 48px 0%; } #page_navigation .product_filters_btn { display: none; } /* Product Detail Styles */ #catalogue #product_container h1 { margin: 0%; font-size: 1.875rem; font-family: 'Lato', sans-serif; } #catalogue #product_container #col-left { padding: 20px 13px 0% 9px; width: 52%; display: inline-block; vertical-align: top; float: none; } #catalogue #product_container #col-right { padding: 59px 14px 0% 76px; width: 48%; display: inline-block; vertical-align: top; float: none; } #catalogue #product_container div.productpage_stock-code { margin: 0.625rem 0% 0% 0%; color: #417C92; } #catalogue #product_container div.price_container { margin: 1.563rem 0% 0% 0%; font-size: 1.5rem; line-height: 1.5rem; font-weight: 400; color: #323265; } #catalogue #product_container div.price_container div.price_segment { font-size: 1.5rem; line-height: 1.5rem; font-weight: 400; color: #323265; } #catalogue #product_container div.price_container span.price_label { display: none; } #catalogue #product_container div.price_container #make_an_enquiry { margin: -1.375rem 0% 0% 0%; display: block; } #catalogue #product_container div.price_container a.button { padding: 10px 28px 12px 28px; font-size: 0px; display: inline-block; color: #FFFFFF; background-color: #323266; } #catalogue #product_container div.price_container a.button:before { content: 'Enquire About This Product'; font-size: 1rem; line-height: 1.5rem; text-transform: capitalize; } #catalogue #product_container div.price_container div.temporarily_unavailable_message_container { margin: 2rem 0% 1rem 0%; font-size: 1.375rem; font-weight: 700; } #catalogue #product_container div.temporarily_unavailable_enquire a.button { padding: 10px 28px 12px 28px; font-size: 1rem; line-height: 1.5rem; text-transform: capitalize; display: inline-block; color: #FFFFFF; background-color: #323266; } #catalogue #product_container div.description-area { padding: 21px 0%; } #catalogue #product_container div.description-area p { margin: 0%; font-size: 1.125rem; line-height: 1.875rem; color: #417C92; } #catalogue #product_container div.note { margin: 1.875rem 0% 0% 0%; } #catalogue #product_container div.note p { font-size: 1.125rem; line-height: 1.5rem; color: #323266; } #catalogue #products_slider { margin: 12px 0% 71px 0%; padding: 0% 22px; width: 100%; background-color: transparent; } #catalogue #products_slider div.heading { margin: 0% 0% 2.063rem 2.875rem; font-size: 1.5rem; line-height: 1.5rem; font-weight: 400; color: #417C92; } #catalogue #products_slider button.slick-prev, #catalogue #products_slider button.slick-next { width: 20px; height: 32px; } #catalogue #products_slider button.slick-prev:before, #catalogue #products_slider button.slick-next:before { font-family: 'Font Awesome 5 Pro'; font-size: 32px; color: #D0D0D0; } #catalogue #products_slider button.slick-prev:before { content: '\f053'; } #catalogue #products_slider button.slick-next:before { content: '\f054'; } #catalogue #product_container #add_to_basket a, #catalogue #product_container #add_to_basket button { background-color: #333367; } #catalogue #product_container input, #catalogue #product_container select { border: 1px solid #CCCCCC; border-radius: 4px; } #catalogue #product_container div.warning_message { margin: 32px 0%; padding: 12px 16px 12px 58px; font-size: 1.063rem; line-height: 1.75rem; font-weight: 700; position: relative; color: #FFFFFF; background-color: #9CC9DC; border-radius: 8px; } #catalogue #product_container div.warning_message:before { content: '\f06a'; top: 10px; left: 18px; font-family: 'Font Awesome 5 Pro'; font-size: 1.5rem; line-height: 2rem; font-weight: 400; display: block; position: absolute; opacity: 0.6; } /* 1000px Resolution Specific Behaviour */ @media only screen and (min-width: 0px) and (max-width: 1000px) { /* Product List Panel Styles */ #catalogue.col_5 ul.products li { width: 22.5%; } #catalogue.col_5 ul.products li:nth-of-type(4n+1) { margin: 0% 0% 3.33% 0%; } #catalogue.col_5 ul.products li:nth-of-type(4n+2) { margin: 0% 0% 3.33% 3.33%; } #catalogue.col_5 ul.products li:nth-of-type(4n+3) { margin: 0% 0% 3.33% 3.33%; } #catalogue.col_5 ul.products li:nth-of-type(4n+4) { margin: 0% 0% 3.33% 3.33%; } #catalogue ul.products li.no_results { margin: 0%; width: 100%; } /* 800px Resolution Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 800px) { /* Category List Mobile Styles */ #catalogue #category_header { margin: 0% 0% 18px 0%; } #catalogue #category_header h1 { text-align: center; } /* Product List Mobile Styles */ #catalogue #products_header { margin: 0% 0% 18px 0%; } #catalogue #products_header h1 { text-align: center; } #catalogue #products_header div.col-left { margin: 0%; width: 100%; display: block; } #catalogue #products_header div.col-right { margin: 0%; width: 100%; display: block; } #catalogue #page_navigation { margin: 0%; padding: 12px 0% 0% 0%; text-align: center; } #catalogue #page_navigation div.page_sort { background-color: transparent; } /* Product Detail Mobile Styles */ #catalogue #product_container h1 { text-align: left; } #catalogue #product_container #col-left { margin: 0%; padding: 20px 0% 0% 0%; width: 100%; display: block; } #catalogue #product_container #col-right { margin: 0%; padding: 59px 0% 0% 0%; width: 100%; display: block; } #catalogue #products_slider { margin: 64px 0% 71px 0%; padding: 0%; width: 100%; background-color: transparent; } #catalogue #products_slider div.heading { margin: 0% 0% 1.5rem 0%; } #catalogue #products_slider button.slick-prev, #catalogue #products_slider button.slick-next { display: none !important; } #catalogue ul.products { margin: 0%; } #catalogue ul.products li.no_results h2 { padding: 39px 0% 0% 0%; } #catalogue ul.products li.no_results #product_container { padding: 0% 0%; } /* 720px Resolution Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 720px) { /* Product List Panel Styles */ #catalogue.col_5 ul.products li { width: 31%; } #catalogue.col_5 ul.products li:nth-of-type(3n+1) { margin: 0% 0% 3.5% 0%; } #catalogue.col_5 ul.products li:nth-of-type(3n+2) { margin: 0% 0% 3.5% 3.5%; } #catalogue.col_5 ul.products li:nth-of-type(3n+3) { margin: 0% 0% 3.5% 3.5%; } #catalogue ul.products li.no_results { margin: 0%; width: 100%; } /* 600px Resolution Specific Behaviour */ } @media only screen and (min-width: 0px) and (max-width: 600px) { /* Product List Panel Mobile Styles */ #catalogue.mcol_2 ul.products li { margin: 0% 0% 4% 4%; width: 48%; } #catalogue.mcol_2 ul.products li:nth-of-type(2n+1) { margin: 0% 0% 4% 0%; } #catalogue.mcol_2 ul.products li:nth-of-type(2n+2) { margin: 0% 0% 4% 4%; } #catalogue ul.products li.no_results { margin: 0%; width: 100%; } }