2B"; } #product-accordion, .accordionModule>.panel .panel-body { height: auto; background: #fff; border-top: none !important; padding: 5px 0; } #product-accordion .panel.hide { display: none; } .panel-body p, .panel-body a, .panel-body li { font-size: 14px; } .panel-body h4 { font-size: 16px; } .accordionModule .panel-title { font-size: 1.4rem; font-weight: 500; color: #444 !important; } .accordionModule .panel-title:hover { color: #aaa !important; } .accordionModule .panel-title .sub-toggle { font-size: 1rem; margin-right: 10px; } .panel-body:after, .panel-body:before { content: none; } .panel-body .olink { background: #fff !important; border: 1px solid #cf6e1d !important; color: #cf6e1d !important; border-radius: 3px; } .panel-body .olink:hover { background: #cf6e1d !important; color: #fff !important; } #productSpecificationsWrapper tr { float: left; width: 48%; margin-right: 1%; padding: 3px; display: grid; grid-template-columns: 1fr 1fr; } #productSpecificationsWrapper tr:nth-child(3), #productSpecificationsWrapper tr:nth-child(4), #productSpecificationsWrapper tr:nth-child(7), #productSpecificationsWrapper tr:nth-child(8), #productSpecificationsWrapper tr:nth-child(11), #productSpecificationsWrapper tr:nth-child(12), #productSpecificationsWrapper tr:nth-child(15), #productSpecificationsWrapper tr:nth-child(16), #productSpecificationsWrapper tr:nth-child(19), #productSpecificationsWrapper tr:nth-child(20), #productSpecificationsWrapper tr:nth-child(23), #productSpecificationsWrapper tr:nth-child(24), #productSpecificationsWrapper tr:nth-child(27), #productSpecificationsWrapper tr:nth-child(28) { background: #f2f2f2; } #productSpecificationsWrapper tr td:first-child { font-weight: 700; } table tbody>tr>td { font-size: 14px; } .productVideoTabWrapper { width: 80%; } .productVideoTabWrapper .altVideoViews { list-style-type: none; padding: 0 10px; text-align: center; } .productVideoTabWrapper .altVideoViews li { display: inline-block; width: 20%; margin-right: 1%; } .productVideoTabWrapper .altVideoViews li img { width: 100%; } .videoTab { margin-bottom: 15px; } /* ------------- RELATED PRODUCTS --------------- */ .hawk-recommendation.hawk-recommendation-horizontal .rocModule-header { border-bottom: none; } .hawk-recommendation.hawk-recommendation-horizontal .rocModule-header>.title { font-size: 1.4rem; font-weight: 700; text-transform: none; } .hawk-recommendation-horizontal .rocModule-content { width: 95%; margin: 0 auto; } .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next, .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev, .hawk-recommendation .hawk-recommendation-inner.hawk-recommendation-not-loaded .productListInner.recommendation-server-side .hawk-carousel-prev, .hawk-recommendation .hawk-recommendation-inner.hawk-recommendation-not-loaded .productListInner.recommendation-server-side .hawk-carousel-next { top: 45% !important; } .hawk-recommendation .hawk-carousel-next, .hawk-recommendation .hawk-carousel-prev, .rocModule-header { z-index: 1; } .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev, .hawk-recommendation .hawk-recommendation-inner.hawk-recommendation-not-loaded .productListInner.recommendation-server-side .hawk-carousel-prev { left: -50px; right: auto; } .hawk-recommendation .hawk-carousel-next::before, .hawk-recommendation .hawk-carousel-prev::after, .hawk-recommendation .hawk-recommendation-inner.hawk-recommendation-not-loaded .productListInner.recommendation-server-side .hawk-carousel-prev::after, .hawk-recommendation .hawk-recommendation-inner.hawk-recommendation-not-loaded .productListInner.recommendation-server-side .hawk-carousel-next::before { font-size: 1.75em; } @media (max-width: 1550px) { .pdp-wrapper { padding: 10px 15px; } } @media (max-width: 1400px) { .price { font-size: 1.7rem; line-height: 15pt; } } @media (max-width: 1300px) { .price { font-size: 1.5rem; } } @media (max-width: 1200px) { .price { font-size: 1.3rem; line-height: 12pt; } } @media (max-width: 1024px) { body { overflow: hidden !important; } .price { font-size: 2rem; line-height: 20pt; } .pdp-wrapper { padding: 10px 0; } .product-title-column { grid-row: 1; grid-column: 1 / span 12; } .product-image-column { grid-column: 1 / span 6; grid-row: 2 / span 10; } .product-options-column, .product-specs-column, .product-price-column { grid-column: 7 / span 6; grid-row: auto; } .product-price-column { border-left: none; } .product-price-column > div { position: static; } .lower-content { grid-column: 1 / span 12; } .productVideoTabWrapper .altVideoViews li { width: 30%; } ul.altViews { width: 100%; grid-template-columns: repeat(7, 1fr); } .prodLogo { width: 70px; top: 5px; } .prodPricing { padding-top: 0; } .availibility-wrapper a { margin-top: 10px; font-size: 12px !important; } .product-options-column .detailsRow.border-top { padding: 10px 0; } .itemInventory ul { padding-bottom: 20px; } } @media (max-width: 768px) { #listnotes>li { font-size: 12px; } #productSpecificationsWrapper tr { float: none; margin: 0; width: 100%; } #productSpecificationsWrapper tr:nth-of-type(odd) { background: #fff; } #productSpecificationsWrapper tr:nth-of-type(even) { background: #f2f2f2; } .productDetails.upper { display: block; } .productDetails.upper.mobile { display: none; } .productVideoTabWrapper { width: 100%; } .pdp-wrapper, .pdp-wrapper > div { padding: 0; } .table-overflow { margin: 0; } .prodPricing { margin: 0 0 !important; } #itemPriceWrapper { margin-bottom: 0; } #productInventoryWrapper .detailsRow .itemSku, #productInventoryWrapper .detailsRow .itemSku span { margin: 0; } .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next { right: -35px !important; } .hawk-recommendation.hawk-recommendation-horizontal .rocModule-header { padding: 0 0 10px !important; } .hawk-recommendation .rocModule-miniList { 0 0 20px; } ul.altViews.slick-initialized .slick-dots { overflow: auto; } .itemInventory.collapse.in li { width: 49%; } .pricing-wrapper { margin-top: 5px !important; padding-top: 10px; border-top: 1px solid #e4e2e1; } .itemCheckoutBox.noPrice { margin-top: 0; } } @media (max-width: 650px) { .productVideoTabWrapper .altVideoViews li { width: 48%; } .pdp-wrapper > .col-sm-12 { grid-template-columns: repeat(1,minmax(0,1fr)); } .product-image-column, .product-title-column, .product-options-column, .product-specs-column, .product-price-column, .lower-content { grid-column: 1 / span 1; } .product-title-column { grid-row: 1; } .product-image-column { grid-row: 2; } .row > .col-sm-12 { padding: 0; } ul.altViews { grid-template-columns: repeat(6, 1fr); } #productInventoryWrapper .detailsRow .itemSku, #productInventoryWrapper .detailsRow .itemSku span, #productInventoryWrapper .detailsRow span, #productInventoryWrapper .detailsRow strong { font-size: 14px; } .detailsRow { padding: 0; } .selections { margin: 0; } .product-options-column .formee .formee-control-inline { margin: 0 0 10px; width: 100%; } .currentPrice .price > span { text-align: left; } #productInventoryWrapper .detailsRow .itemSku, #productInventoryWrapper .detailsRow .itemSku span { margin: 0 0 10px; } #productInventoryWrapper .check-availability { margin-bottom: 0; } .hawk-recommendation.hawk-recommendation-horizontal .rocModule-header>.title { font-size: 1.4rem !important; } /* ------ FIXED POSITIONED PRICE SECTION ------- .pricing-wrapper { position: fixed; bottom: 0; left: 0; width: 100%; padding: 5px 0 0; background: #fff; z-index: 2; box-shadow: 1px -1px 11px -1px rgba(0,0,0,0.6); -webkit-box-shadow: 1px -1px 11px -1px rgba(0,0,0,0.6); -moz-box-shadow: 1px -1px 11px -1px rgba(0,0,0,0.6); } .itemCheckoutBox { background: #fff; padding: 0 10px; } .itemCheckoutBox .columns .column:first-child { float: none; display: inline-block; width: 120px; margin: 0 5px 0 0; padding-top: 5px; } .itemCheckoutBox .itemButtons { display: inline-block !important; width: calc(100% - 125px) !important; } .prodPricing, .prodPricing.hasPrice { border: none !important; padding: 0 10px; margin: 0 !important; } #itemPriceWrapper { margin-bottom: 5px; } .prodPricing .detailsRow .currentPrice { padding-right: 10px; padding-top: 5px; } .currentPrice .price > span { display: inline-block; vertical-align: top; } .prodPricing .detailsRow .listPrice { display: inline-block; } */ }