/* Product Layout Styles */ #catalogue .products_colleft { margin: 0; padding: 0; width: 100%; display: none; position: relative; } #catalogue .products_colright { margin: 0; padding: 0; width: 100%; position: relative; } #catalogue.navigation .products_colleft { margin-right: 2%; width: 18.5%; display: block; float: left; } #catalogue.navigation .products_colright { margin-left: 1.7%; width: 77.8%; float: right; } #catalogue .no_results .products_colleft { display: none; } #catalogue .no_results .products_colright { width: 100%; } /* Product Category Text Styles */ #catalogue #products_header { margin-bottom:1em; } #catalogue #products_header h1 { margin: 0; padding: 0.25em 0.875em; font-size: 1.5em; font-weight: 400; color: #FFFFFF; background-color: #232021; display: block; } #catalogue #products_header img { margin: 0 auto; max-width: 100%; display: block; } #catalogue #products_header .category_description { } #catalogue #products_container .loading_msg { top: 0; bottom: 0; left: 0; right: 0; background-image: url('../../../images/ajax-loader.png'); background-size: 100px 100px; background-repeat: no-repeat; background-position: center center; position: fixed; opacity: 1; } /* Product Sort Styles */ #catalogue #page_navigation { margin: 1em 0 1em; padding: 0.5625em 1em; width: 100%; background-color: #ECEEED; white-space: nowrap; clear: both; } #catalogue #page_navigation a { font-weight: 600; text-decoration: none; color: #0B7ED6; } #catalogue #page_navigation .page_sort, #catalogue #page_navigation .show_all, #catalogue #page_navigation .pagination { font-size: 0.8125em; vertical-align: middle; display: inline-block; float: none; } #catalogue #page_navigation .page_sort { width: 34%; } #catalogue #page_navigation .page_sort span { font-size: 1em; font-weight: 700; color: #232021; } #catalogue #page_navigation .show_all { width: 44%; text-align: center; } #catalogue #page_navigation .pagination { width: 22%; text-align: right; } #catalogue #page_navigation .pagination .navigation.disabled { display: none; } #catalogue #page_navigation .pagination a { padding: 5px 10px; background-color: #FFFFFF; vertical-align: middle; display: inline-block; } #catalogue #show_more { margin: 0; width: 100%; border: 0 none; clear: both; display: none; } #catalogue #show_more button { padding: 2%; width: 100%; color: #FFFFFF; background-color: #808080; text-align: center; display: block; } /* Product List Styles, Default 3 Columns */ #catalogue ul.products { margin: 0; padding: 0; width: 100%; font-size: 1em; list-style-type: none; } #catalogue ul.products li { margin: 0 0 2% 2%; padding: 0; height: auto; font-size: 1em; vertical-align: top; display: inline-block; border: 1px solid #CCDEE0; } ul.products li .image_dimensions { background-color: #FFFFFF; } /* Use of Variables is limited, so for wider availability manual override is needed. When support is more readily available. Use --margin-spacing: 2%; and var(--margin-spacing) to easily override styles Also add in col_# --row-count: #;. Allows for easier changes for margin. width only overridden on col_1 otherwise on li width: calc((100 - (var(--margin-spacing) * (var(--row-count) - 1)))/ var(--row-count));*/ #catalogue.col_6 ul.products li { width: 15%; } #catalogue.col_5 ul.products li { width: 18.4%; } #catalogue.col_4 ul.products li { width: 23.5%; } #catalogue.col_3 ul.products li { width: 32%; } #catalogue.col_2 ul.products li { width: 49%; } #catalogue.col_1 ul.products li { margin-left: 0; width: 100%; } #catalogue.col_6 ul.products li:nth-of-type(6n+1), #catalogue.col_5 ul.products li:nth-of-type(5n+1), #catalogue.col_3 ul.products li:nth-of-type(3n+1), #catalogue.col_4 ul.products li:nth-of-type(4n+1), #catalogue.col_2 ul.products li:nth-of-type(2n+1) { margin-left: 0; } #catalogue p.no_results { margin-left:1em; } #catalogue ul.products li.no_results { width:100%; border:none; } #catalogue ul.products li.no_results h2 { margin-left:0.5em; } #catalogue ul.products li.no_results h3 { margin-left:1.5em; } #catalogue ul.products li.no_results ul.search_tips { } #catalogue ul.products li.no_results ul.search_tips li { overflow:visible; display:list-item; width: auto; margin-left: 2em; border:none; } /* Product Styles */ #catalogue ul.products li { opacity: 1; overflow: hidden; position: relative; transition: 1s ease-in 0s opacity; } #catalogue ul.products.loading_products li { opacity: 0.1; } #catalogue ul.products li .image_dimensions { padding: 0; } #catalogue ul.products li .info { margin-top:0.8em; padding: 0.25em 0.75em; font-size: 0.6875em; text-decoration: none; color: #FFFFFF; background-color: #116BC9; border-radius: 5px; vertical-align: top; float: right; } #catalogue ul.products li .productlisting_details { padding: 0.625em 0.875em; width: 100%; background-color: #EDEDED; border-top: 1px solid #CCDEE0; } #catalogue ul.products li .productlisting_details p { margin: 0; font-size: 0.75em; text-transform: uppercase; } #catalogue ul.products li .productlisting_title { padding: 0 0 5px; font-size: 1em; line-height: 1.125em; font-weight: 400; text-transform: uppercase; color: #292929; text-align: center; } #catalogue ul.products li .productlisting_title p { min-height: 3em; line-height: 1.5em; } #catalogue ul.products li .productlisting_title a { color: inherit; } #catalogue ul.products li .productlisting_caption { padding: 0.25em; top: 0; left: 0; right: 0; line-height: 1.375em; font-weight: 800; color: #FFFFFF; background-color: #D8242E; text-align: center; position: absolute; } #catalogue ul.products li .productlisting_caption.bottom { top: auto; bottom: 0; background-color: #116BC9; } #catalogue ul.products li .productlisting_reference { display: none; } #catalogue ul.products li .productlisting_price { padding: 0 2px; overflow: hidden; } #catalogue ul.products li .price_label { font-weight: 700; } #catalogue ul.products li .productlisting_summary { display: none; } #catalogue ul.products li .productlisting_summary a { color: inherit; } #catalogue ul.products li .productlisting_specification { display: none; } #catalogue ul.products li p.price { margin-top: 0px; font-size: 0.875em; text-align: center; display: block; } /* Full width container for show more results */ #catalogue #products_container.full_width { padding: 12px 32px; width: 100%; float: none; } #catalogue #products_container.full_width a.button { margin: 0.425em 0; padding: 4px 14px; color: #FFFFFF; background-color: #FE8651; display: inline-block; float: right; } #catalogue #products_container.full_width ul li { margin: 0.5%; padding: 0; width: 32%; float: left; display: block; } #catalogue ul.products li#no_results { padding: 4%; width: 92%; border: 0 none; } #catalogue ul.products li.zero_results { width: 100%; border: 0 none; } /* Product Detail Styles */ div.page.product-detail section.shop .offset { max-width: none; padding: 0; } div.page.product-detail section.shop #breadcrumb { max-width: 1220px; padding: 0px 10px; margin: 0px auto; } div.page.product-detail section.shop #catalogue #product_container { max-width: 1220px; padding: 0px 10px; margin: 0px auto; } #catalogue #product_container { --margin_spacing: 2%; } #catalogue #product_container h1 { margin: 0.5em 0; padding: 0; font-size: 1.5em; } #catalogue #product_container h5 { margin: 0.5em 0; padding: 0; font-weight: 400; } #catalogue #product_container #col-left { margin: 0; width: 43%; text-align: center; vertical-align: middle; float: left; } #catalogue #product_container #image_thumbs { padding: 1em; text-align: left; --row_count: 5; } #catalogue #product_container #image_thumbs .thumbnail_image { 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(5n+1) { margin-left: 0; } #catalogue #product_container #col-right { width: 54%; float: right; } #catalogue #product_container #col-right h2 { color: #333333; } #catalogue #product_container .description-area { padding: 1em 0; } #catalogue #product_container #main-product-image .image_dimensions { font-size: 0.8em; } #catalogue #price { font-size: 1.125em; color: #1E1E1E; } #catalogue #price_exvat { font-size: 0.875em; color: #808080; } /* Redirect Out Of Stock Product Styles */ #catalogue #product_container .outofstockproduct_container { display: flex; padding: 1.5rem 1rem; align-items: center; background-color: #f7f7f7; margin-top: 1rem; } #catalogue #product_container .outofstockproductimage_container { height: 80px; width: 80px; object-fit: contain; margin-right: 2rem; } #catalogue #product_container .outofstockproductdescription_container { display: flex; flex-direction: column; } #catalogue #product_container .outofstockproductdescription_container .outofstock_productlabel { font-size: 1.5rem; font-weight: 700; } #catalogue #product_container .outofstockproductdescription_container .outofstock_productnote { font-size: 1.25rem; } #catalogue #product_container .outofstockproudcticon_container { padding-right: 2rem; padding-left: 1rem; } #catalogue #product_container .outofstockproudcticon_container .icon { font-size: 3rem; color: #808080; } /* Product Detail Prices */ #catalogue .price_container .price_segment { font-size: 1em; line-height: 1.667em; /* color: #232021; */ } #catalogue .price_container .price_segment .price_label { } #catalogue .price_container .price_segment .price_value { /* color: #FF9200; */ } #catalogue .price_container .price_segment .from_label { font-size: 0.625em; font-weight: 400; text-transform: lowercase; color: inherit; } #catalogue .price_container .price_rrp { } #catalogue .price_container .price_was { /* color: #292929; */ } #catalogue .price_container .price_save { font-size:1.2em; font-weight: 700; color: #D8242E; } #catalogue .price_container .price_now { font-size:1.4em; font-weight: 700; /* color: #116BC9; */ } #catalogue .price_container .price_cashback { font-size:1.4em; /* font-size: 1.6em; color: #116BC9; */ } #catalogue .price_container .price_now.cashback_enabled { font-size:1em; /* color: #116BC9; */ } #catalogue .price_container .price_today { /* color: #FF9200; */ } #catalogue .price_container .price_was .price_value { text-decoration: line-through; } /* #catalogue .price_container .price_save .price_value { font-size:1.6em; } #catalogue .price_container .price_now .price_value { font-size:1.2em; } #catalogue .price_container .price_cashback .price_value { font-size:1.6 em; } #catalogue .price_container .price_today .price_value { font-size:1.2em; } #catalogue .price_container .price_today.cashback_enabled { font-size:1.0em; } */ #catalogue .price_container .price_segment.show_vat .price_value.gross { font-size: 0.75em; display: block; } #catalogue .price_container .price_segment .vat_ex_label { font-size: 0.6em; } #catalogue .price_container .price_segment .vat_inc_label { font-size: 0.6em; } #catalogue .price_container .sold_message_container { font-weight: bold; color: #d9534f; } /* Product Listing Prices */ /*#catalogue .price_container .price_segment .price_label { font-size: 0.7em; } #catalogue .price_container .price_segment .price_value { font-size: 1em; } #catalogue .price_container .price_segment .from_label { font-size: 0.625em; font-weight: 400; } */ #catalogue .price_container.productlisting_price .price_rrp { font-size: 0.85em; } #catalogue .price_container.productlisting_price .price_was { font-size: 0.85em; } #catalogue .price_container.productlisting_price .price_save { font-size: 0.85em; } #catalogue .price_container.productlisting_price .price_now { font-size: 1.125em; } #catalogue .price_container.productlisting_price .price_cashback { font-size: 0.85em; } #catalogue .price_container.productlisting_price .price_today { font-size: 0.85em; } #catalogue .product_addtobasket { margin-top: 1em; } #catalogue .product_addtobasket .option_selection td { padding-top: 0.5em; padding-bottom: 1.5em; } #catalogue .product_addtobasket .option_selection:first-of-type td { padding-bottom: 0; } #catalogue #product_container input, #catalogue #product_container select { padding: 0.25em 1em; width: 100%; font-size: 1em; border: 1px solid #005966; } #catalogue #product_container .quantity_field input { width: 5em; } #catalogue .product_addtobasket td#add_to_basket { padding: 0; } #catalogue .product_addtobasket td { padding: 0.375em 1.5em; font-size: 0.875em; vertical-align: middle; } #catalogue .product_addtobasket tr { background-color: #EDEDED; } #catalogue .product_addtobasket input { width: 5em; } #catalogue .product_addtobasket select { width: 100%; } #catalogue .product_addtobasket td.gv_label { padding-top: 0.75em; vertical-align: top; } #catalogue .product_addtobasket td.gv_field .field_notes { padding: 0.429em 0.286em; font-size: 0.857em; width: 100%; display: block; } #product_container #add_to_basket a, #product_container #add_to_basket button { padding: 1em; min-width: 0; font-size: 1em; font-weight: 700; text-decoration: none; text-transform: uppercase; color: #FFFFFF; background-color: #FF9200; border-radius: 0; text-align: center; display: block; } #product_container .product_reserved { padding: 0.75em; font-size: 0.9em; font-weight: 600; text-align: center; } #catalogue .stock_message_container { margin-top: 0em; padding: 0em; background-color: #EDEDED; } #catalogue .stock_message_container p { margin: 0; padding: 0em 1.5em 0em 1.5em; width: 85%; } #catalogue .stock_message_container p a { font-weight: bold; color: #FF9200; } #catalogue .stock_message_container p a:hover { text-decoration: underline; } #catalogue .stockmessageicon_container { padding-left: 1rem; width: 15%; } #catalogue .stockmessageicon_container .icon { font-size: 3rem; color: #808080; } #catalogue .stock_message_container.hide_oofstockmessage { display: none; } #catalogue .stock_message_container.show_oofstockmessage { display: flex; padding: 1rem; margin-top: 0.5rem; flex-wrap: wrap; align-items: center; justify-content: center; } #catalogue .stock_message_container .stock_message { font-size: 1rem; display: inline-block; } #catalogue .stock_message_container .stock_message > span { font-size: 1rem; font-weight: bold; display: inline-block; } #catalogue .stock_message_container .open_outofstock_form { font-size: 1rem; font-weight: bold; } #catalogue .stock_message_container .outofstock_form_container { width: 100%; } #catalogue .stock_message_container .outofstock_form_container p { padding: 1rem 0 0; font-size: 14px; font-weight: 600; margin: 0; max-width: 300px; line-height: 1.25; } #catalogue .stock_message_container .outofstock_form_container select, #catalogue .stock_message_container .outofstock_form_container input { max-width: 300px; } #catalogue .stock_message_container .outofstock_form_container .button-container { max-width: 300px; width: 100%; } #catalogue .stock_message_container .outofstock_form_container .button-container button { width: 100%; } #catalogue .stock_message_container .outofstock_form_container .g-recaptcha { height: 78px; max-width: 300px; background: url(../../../../images/ajax-loader.png); background-repeat: no-repeat; background-size: 60px; background-position: center; } #catalogue.product_detail_bundle #product_addtobasket #add_to_basket { display: none; } #catalogue .bundled-products { width: 100%; } #catalogue .product_bundle { margin: 0.5em 0; width: 70%; background-color: #EDEDED; } #catalogue .product_bundle .image_container { border: 1px solid #303030; border-radius: 1px; } #catalogue .bundle_container { padding: 0.375em 1.5em; width: 100%; height: 100%; display: block; } #catalogue .product_bundle .bundle_title { padding: 0.375em 1em 0 0; width: 42%; font-size: 0.875em; font-weight: 700; vertical-align: top; display: inline-block; } #catalogue .product_bundle .bundle_options { width: 58%; font-size: 0.875em; vertical-align: top; display: inline-block; } #catalogue .product_bundle .bundle_price { font-size: 0.875em; display: block; } #catalogue .product_bundle .field { width: 100%; text-align: center; display: block; } #catalogue .product_bundle .field + .field { margin: 1em 0 0; } #catalogue .product_bundle .field_label { padding: 0.375em 1.5em 0.375em 0; width: 30%; text-align: right; vertical-align: top; display: inline-block; } #catalogue .product_bundle select { width: 90%; text-align: left; vertical-align: middle; display: inline-block; } #catalogue .product_bundle .field_label + select { width: 70%; } #catalogue .product_bundle .bundle_add { margin: 1em 0 0; line-height: 1em; } #catalogue .product_bundle .bundle_add input { margin: 0 auto 1em; padding: 0.25em 0.5em; width: 90%; font-size: 0.875em; } #catalogue .product_bundle button { margin: 0 5%; padding: 0.25em 1.5em; width: 40%; min-width: 0; font-size: 0.75em; line-height: 1.5em; vertical-align: middle; } #catalogue .bundle_total { padding: 0; text-align: right; } #catalogue .bundle_total .product_addtobasket table { text-align: left; } #catalogue .bundle_total table.complete_bundle { margin: 1em 0 0; width: 100%; font-size: 1.125em; border: 0; table-layout: fixed; } #catalogue .bundle_total table.complete_bundle button { margin: 0 0 0 5%; padding: 0.25em 1.5em; min-width: 0; font-size: 0.75em; line-height: 1.5em; vertical-align: middle; } #catalogue .bundle_total table.complete_bundle .product_name { width: 75%; } #catalogue .bundle_total table.complete_bundle .product_price { width: 25%; } #catalogue .bundle_total table.complete_bundle tr { border: 0; } #catalogue .bundle_total table.complete_bundle .total_row { font-weight: bold; } #catalogue .bundle_total table.complete_bundle td { padding: 0.5em 0; border: 0; } #catalogue .bundle_total table.complete_bundle .total_row td { padding-top: 1em; padding-bottom: 1em; } #catalogue .bundled-products .slick-track { display: flex; } #catalogue .slick-slider .product_bundle { margin: 0 10px; height: inherit; background-color: #E9E9E9; display: inline-block; } #catalogue .slick-slider .bundle_container { padding: 10% 18% 8%; text-align: center; } #catalogue .slick-slider .product_bundle .field { font-size: 0.875em; } #catalogue .slick-slider .product_bundle .field_label { padding: 0.375em 0; text-align: right; } #catalogue .slick-slider .product_bundle .bundle_title { margin: 0.5em 0; padding-right: 0; width: 100%; min-height: 3em; text-align: center; display: block; } #catalogue .slick-slider .product_bundle .bundle_options { margin: 0.5em 0; width: 100%; display: block; } #catalogue .slick-slider .product_bundle .bundle_price { margin: 0.5em 0; text-align: center; } #catalogue .slick-slider .bundle_total { padding: 0 0.5em; } #catalogue .kit-products { width: 100%; } #catalogue .product_kit { margin: 0.5em 0; height: inherit; } #catalogue .kit_container { width: 100%; height: 100%; text-align: center; display: block; } #catalogue .product_kit .image_container { padding-top: 30%; width: 30%; vertical-align: top; display: inline-block; } #catalogue .product_kit .kit_details { padding: 1em; width: 70%; vertical-align: top; display: inline-block; } #catalogue .product_kit .kit_title { margin: 0.5em 0; font-size: 0.875em; min-height:3em; font-weight: 700; text-align: left; display: block; } #catalogue .product_kit .kit_price { margin: 0.5em 0; text-align: center; } #catalogue .kit-products.disabled .kit_options, #catalogue .kit-products.disabled .kit_add { opacity: 0.3; } #catalogue .product_kit .field { margin: 1em 0 0; width: 100%; font-size: 0.875em; text-align: center; } #catalogue .product_kit .field_label { width: 30%; text-align: left; vertical-align: top; display: inline-block; } #catalogue .product_kit input, #catalogue .product_kit select { width: 90%; text-align: left; vertical-align: top; display: inline-block; } #catalogue .product_kit .field_label + input, #catalogue .product_kit .field_label + select { width: 70%; } #catalogue .product_kit .bundle_add { margin: 1em 0 0; line-height: 1em; } #catalogue .product_kit .bundle_add input { margin: 0 auto 1em; padding: 0.25em 0.5em; width: 90%; font-size: 0.875em; } #catalogue .product_kit button { margin: 0 5%; padding: 0.25em 1.5em; width: 40%; min-width: 0; font-size: 0.75em; line-height: 1.5em; vertical-align: middle; } @media only screen and (min-width: 0px) and (max-width: 1150px) { #catalogue .product_bundle { width: 80%; } } @media only screen and (min-width: 0px) and (max-width: 1100px) { #catalogue .product_bundle { width: 90%; } } /* Tablet Styles */ @media only screen and (min-width: 0px) and (max-width: 800px) { /* Product Layout Styles */ #catalogue.navigation #products_header { margin: 0; } #catalogue.navigation .products_colleft { margin: 2% 0 0; width: 100%; float: none; } #catalogue.navigation .products_colright { margin: 2% 0 0; width: 100%; float: none; } /* Product Category Text Styles */ #catalogue #products_header h1 { font-size: 1.4em; } /* Product Sort Styles */ #catalogue #page_navigation { margin: 2% 0; padding: 0; width: 100%; background-color: transparent; position: relative; } #catalogue #page_navigation .page_sort { padding: 0.65em; width: 55%; display:flex; align-items: center; justify-content: right; background-color: #808080; float: none; font-size: 1em; } #catalogue #page_navigation .page_sort span { font-size: 1em; font-weight: 400; color: #FFFFFF; } #catalogue #page_navigation .page_sort select { width:100%; } #catalogue #page_navigation .show_all { display: none; } #catalogue #page_navigation .pagination { display: none; } #catalogue #show_more.active { display: block; } /* Product List Styles, Default 2 Columns */ #catalogue ul.products { margin: 2% 0 0; font-size: 1.25em; } #catalogue ul.products li { margin-bottom: 5%; padding: 0; } #catalogue.tcol_4 ul.products li { width: 23.5%; } #catalogue.tcol_3 ul.products li { width: 32%; } #catalogue.tcol_2 ul.products li { width: 49%; } #catalogue.tcol_1 ul.products li { width: 100%; } /* Cancels desktop column styles */ #catalogue.tcol_4 ul.products li:nth-of-type(n), #catalogue.tcol_3 ul.products li:nth-of-type(n), #catalogue.tcol_2 ul.products li:nth-of-type(n) { margin-left: 2%; } /* Sets Tablet column styles */ #catalogue.tcol_4 ul.products li:nth-of-type(4n+1), #catalogue.tcol_3 ul.products li:nth-of-type(3n+1), #catalogue.tcol_2 ul.products li:nth-of-type(2n+1), #catalogue.tcol_1 ul.products li:nth-of-type(n) { margin-left: 0; } /* Product Styles */ #catalogue ul.products li .productlisting_details { padding: 2% 1% 1%; } #catalogue ul.products li .productlisting_title { margin: 0; height: auto; } #catalogue ul.products li .price_incvat { margin: 0; width: 100%; font-size: 1.3em; text-align: center; } #catalogue ul.products li .price_exvat { margin: 0; width: 100%; text-align: center; } #catalogue .clear { line-height: 0px; } /* Product Detail Styles */ #catalogue #product_container h1 { margin: 0 0 10px; padding: 0; font-size: 1.75em; line-height: 1.25em; } #catalogue #product_container h2 { font-size: 1.5em; line-height: 1.25em; } #catalogue #product_container h5 { margin: 0 0 10px; padding: 0; font-weight: 400; } #catalogue #product_container p { font-size: 1.25em; line-height: 1.25em; } #catalogue #product_container .outofstock_form_container p { font-size: 1rem; } #catalogue #product_container #col-left { margin: 0 1%; width: 98%; text-align: center; vertical-align: middle; float: none; } #catalogue #product_container #col-left #mainimage { margin: 0 0 2%; width: 100%; } #catalogue #product_container #col-left #image_thumbs { margin-left: 0; width: 100%; text-align: left; } #catalogue #product_container #col-right { margin: 0 1%; width: 98%; float: none; } #catalogue #price { font-size: 1.4em; } #catalogue #price_exvat { font-size: 0.8em; } #catalogue .product_addtobasket table, #catalogue .product_addtobasket tbody, #catalogue .product_addtobasket tr { display: block; } #catalogue .product_addtobasket td { padding: 0.5em; width: 50%; font-size: 1.25em; display: inline-block; } #catalogue .product_addtobasket td.add_to_basket { width: 100%; margin-top: 0.5em; } #catalogue .product_addtobasket td.add_to_basket button { width: 100%; } #catalogue .product_addtobasket .option_selection td { padding-top: 0.5em; padding-bottom: 0.5em; } #catalogue #product_container .quantity_field input { font-size: 1em; width: 100%; } #catalogue #product_container #add_to_basket { padding: 0%; width: 100%; display: block; } #catalogue #product_container #add_to_basket a, #catalogue #product_container #add_to_basket button { padding: 0.3em; width: 100%; font-size: 1.25em; line-height: 1.5em; text-align: center; display: block; } #catalogue .bundled-products { margin: 0 0 0.5em; } #catalogue .product_bundle { margin: 0; width: 100%; } #catalogue .bundle_container { padding: 0.5em; } #catalogue .product_bundle .bundle_title { font-size: 1em; } #catalogue .product_bundle .bundle_options { font-size: 1em; } } /* Mobile Styles */ @media only screen and (min-width: 0px) and (max-width: 600px) { /* Product List Styles, Default 1 Columns */ #catalogue ul.products { font-size: 1.125em; } #catalogue ul.products li { padding: 0; width: 100%; } #catalogue.mcol_2 ul.products li { width: 49%; } #catalogue.mcol_1 ul.products li { width: 100%; } #catalogue.mcol_2 ul.products li:nth-of-type(n), #catalogue.mcol_1 ul.products li:nth-of-type(n) { margin-left: 0; } #catalogue.mcol_2 ul.products li:nth-of-type(2n) { margin-left: 2%; } #catalogue #product_container .stock_message_container .stock_message > span { display: inline; } } /* Small Mobile Styles */ @media only screen and (min-width: 0px) and (max-width: 450px) { /* Product List Styles, List Always 1 Column */ #catalogue.smcol_2 ul.products li { width: 49%; } #catalogue.smcol_1 ul.products li { width: 100%; } #catalogue.smcol_2 ul.products li:nth-of-type(n), #catalogue.smcol_1 ul.products li:nth-of-type(n) { margin-left: 0; } #catalogue.smcol_2 ul.products li:nth-of-type(2n) { margin-left: 2%; } #catalogue .product_bundle .bundle_title { margin: 0; padding-bottom: 0.375em; width: 100%; display: block; } #catalogue .product_bundle .bundle_options { margin: 0; width: 100%; display: block; } #catalogue #product_container .stock_message_container p { padding: 1rem; width: 100%; } #catalogue #product_container .stockmessageicon_container { padding-left: 0rem; padding-top: 0rem; width: 100%; text-align: center; } #catalogue #product_container .outofstock_form_container p { padding: 0rem 0 0; } } @media only screen and (min-width: 0px) and (max-width: 300px) { /* Product List Styles, List Always 1 Column */ #catalogue.mcol_2 ul.products li { width: 100%; } #catalogue.mcol_2 ul.products li:nth-of-type(n) { margin-left: 0; } #catalogue .product_bundle .bundle_title { margin: 0; padding-bottom: 0.375em; width: 100%; display: block; } #catalogue .product_bundle .bundle_options { margin: 0; width: 100%; display: block; } } /*--TEMPLATE_1--*/