/** * Compare Popup */ .woocommerce div.table-responsive table.compare-list { margin: 10px; table-layout: fixed } .woocommerce div.table-responsive table.compare-list tfoot, .woocommerce div.table-responsive table.compare-list thead { display: none } .table-wrapper { width: 100% } .woocommerce div.table-responsive table.compare-list thead th a.close, h1 a.close { float: right; margin-right: 10px; font-weight: 600; font-size: .9em; color: #fff; text-decoration: none } .woocommerce div.table-responsive table.compare-list .price.repeated td, .woocommerce div.table-responsive table.compare-list td, .woocommerce div.table-responsive table.compare-list th { padding: 10px } .woocommerce div.table-responsive table.compare-list td, .woocommerce div.table-responsive table.compare-list th { border-bottom: 1px solid #D6D6D6 } .woocommerce div.table-responsive table.compare-list tr.image td, .woocommerce div.table-responsive table.compare-list tr.image th, .woocommerce div.table-responsive table.compare-list tr.price td, .woocommerce div.table-responsive table.compare-list tr.price th, .woocommerce div.table-responsive table.compare-list tr.remove td, .woocommerce div.table-responsive table.compare-list tr.remove th, .woocommerce div.table-responsive table.compare-list tr.title td, .woocommerce div.table-responsive table.compare-list tr.title th { border-bottom: 0; padding-bottom: 0 } .woocommerce div.table-responsive table.compare-list tr.image td, .woocommerce div.table-responsive table.compare-list tr.image th { height: 186px } .woocommerce div.table-responsive table.compare-list tr.image td, .woocommerce div.table-responsive table.compare-list tr.image th, .woocommerce div.table-responsive table.compare-list tr.price td, .woocommerce div.table-responsive table.compare-list tr.price th, .woocommerce div.table-responsive table.compare-list tr.title td, .woocommerce div.table-responsive table.compare-list tr.title th { color: #333; text-transform: uppercase; font-size: 1.076em } .woocommerce div.table-responsive table.compare-list tr.add-to-cart td, .woocommerce div.table-responsive table.compare-list tr.add-to-cart th, .woocommerce div.table-responsive table.compare-list tr.image td, .woocommerce div.table-responsive table.compare-list tr.image th, .woocommerce div.table-responsive table.compare-list tr.price td, .woocommerce div.table-responsive table.compare-list tr.price th { padding-top: 4px } .woocommerce div.table-responsive table.compare-list tr.add-to-cart th, .woocommerce div.table-responsive table.compare-list tr.image th, .woocommerce div.table-responsive table.compare-list tr.price th, .woocommerce div.table-responsive table.compare-list tr.title th { text-indent: 150%; overflow: hidden; white-space: nowrap } .woocommerce div.table-responsive table.compare-list .remove td a { color: #747373; text-decoration: none } .woocommerce div.table-responsive table.compare-list .remove td a:hover { color: #333 } .woocommerce div.table-responsive table.compare-list .remove td a .remove { border-radius: 100%; color: red; display: inline-block; font-size: 1em; font-weight: 600; height: 1em; line-height: .81em; text-align: center; text-decoration: none; width: 1em } .yith-woocompare-widget ul.products-list a.remove { float: left } .woocommerce div.table-responsive table.compare-list .remove td a:hover .remove { background-color: red; color: #fff } .woocommerce div.table-responsive table.compare-list .add-to-cart td a { margin: 10px 0; background-color: #4F4F4F } .woocommerce div.table-responsive table.compare-list .add-to-cart td a:hover { background: #868686 } .woocommerce div.table-responsive table.compare-list .stock td span { color: #090 } .woocommerce div.table-responsive table.compare-list .stock td span.out-of-stock { color: #900 } .woocommerce div.table-responsive table.compare-list .price td { text-decoration: underline } .woocommerce div.table-responsive table.compare-list th .fixed-th { width: 205px } .woocommerce div.table-responsive table.compare-list th { width: 205px; max-width: 205px; min-width: 205px; overflow: hidden; text-align: left; font-size: 1.076em; color: #333; font-weight: 400; text-transform: uppercase } .woocommerce div.table-responsive table.compare-list td { width: 230px; max-width: 230px; min-width: 230px; text-align: center } .woocommerce div.table-responsive table.compare-list td.even { background: #fff } .woocommerce div.table-responsive table.compare-list td img { background: #FFF; border: 1px solid #DADADA; height: auto; padding: 3px; margin-bottom: 20px; max-width: none } .fht-table, .fht-table tbody, .fht-table td, .fht-table tfoot, .fht-table th, .fht-table thead, .fht-table tr { margin: 0; padding: 0; font: inherit; vertical-align: top } .fht-table { border-collapse: collapse; border-spacing: 0 } .fht-table-wrapper, .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-fixed-column .fht-tbody, .fht-table-wrapper .fht-tbody, .fht-table-wrapper .fht-tfoot, .fht-table-wrapper .fht-thead { overflow: hidden; position: relative } .fht-table-wrapper .fht-fixed-body .fht-tbody, .fht-table-wrapper .fht-tbody { overflow: auto } .fht-table-wrapper .fht-table .fht-cell { overflow: hidden; height: 1px } .fht-table-wrapper .fht-fixed-body, .fht-table-wrapper .fht-fixed-column { top: 0; left: 0; position: absolute } .fht-table-wrapper .fht-fixed-column { z-index: 1 } .woocommerce div.table-responsive table.compare-list thead th { color: #fff; font-weight: 800; padding: 6px 10px; border-bottom: 2px solid #fff; display: block; text-transform: uppercase; font-size: 1.076em } .woocommerce div.table-responsive table.compare-list .add-to-cart td a { background: #c45d3c!important; color: #fff!important; text-transform: uppercase; font-weight: 600; padding: 12px 22px; border-radius: 2px; border: none; line-height: 14px; clear: both; font-size: 12px; margin-bottom: 10px; margin-top: 10px; text-decoration: none; display: inline-block } .woocommerce div.table-responsive table.compare-list td.odd, .woocommerce div.table-responsive table.compare-list thead th { background: #f9f8f4 }