/* Minification failed. Returning unminified contents.
(28,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(155,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(161,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(375,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(694,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(702,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(707,24): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(724,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(758,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(764,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(951,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(1055,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(1063,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(1188,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(1766,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(1989,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(2029,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(2038,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(2042,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(2048,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(2108,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(2239,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(2296,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(2300,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(2534,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(2625,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(2718,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(2807,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(2871,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(3029,26): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(3160,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(4020,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(4044,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(4509,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(4580,24): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(4636,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(4674,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(4691,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(4701,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(4734,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(4790,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(4829,26): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(4870,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(4916,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5187,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5252,24): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5359,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5380,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5413,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5442,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5456,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5475,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5511,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5566,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5660,24): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5680,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5752,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5763,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5794,26): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5848,24): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(5893,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6203,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6284,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6357,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6365,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6377,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6404,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6441,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6459,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6464,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6491,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6531,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6594,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6617,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6628,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6638,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6656,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6720,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6728,15): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6738,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6835,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6840,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6915,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6925,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6943,24): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(6964,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7021,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7028,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7056,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7102,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7234,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7244,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7481,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7495,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7544,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7577,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7711,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7720,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7742,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(7866,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(8251,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(8514,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(8622,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(8837,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(8966,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9028,35): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9065,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9475,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9481,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9489,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9527,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9552,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9567,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9586,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9677,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9888,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9893,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9973,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(9979,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10047,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10072,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10087,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10106,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10205,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10274,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10314,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10330,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10341,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10478,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10514,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10610,24): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10619,24): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(10873,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11093,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11104,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11197,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11213,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11219,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11229,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11462,19): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11530,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11550,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11559,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11579,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11586,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11596,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11639,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11707,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11802,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11833,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11847,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11870,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11896,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11907,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11927,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11947,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11979,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(11991,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12094,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12163,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12173,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12189,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12214,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12230,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12252,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12364,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12373,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12393,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12467,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12500,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12643,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12700,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12718,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(12852,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(13032,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(13175,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(13193,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(13233,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(13254,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(13541,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(13767,30): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(14029,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(14101,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(14409,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(14481,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(14543,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(15041,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(15066,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(15208,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(15339,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(15451,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(15495,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(15704,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(15784,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(15828,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(15849,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(15954,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16212,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16219,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16399,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16408,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16479,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16688,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16701,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16734,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16757,33): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16764,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16770,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16781,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16800,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16813,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16846,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16851,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16860,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16867,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16884,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16904,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(16928,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17154,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17196,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17299,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17376,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17488,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17709,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17733,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17739,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17748,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17779,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17790,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17844,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17851,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17863,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(17932,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(18608,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(18617,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(18631,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(18636,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(18663,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(18668,38): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(18675,24): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(18929,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19085,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19165,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19267,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19350,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19431,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19451,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19468,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19501,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19515,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19562,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19680,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19700,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19744,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19856,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19885,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19899,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(19919,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(20039,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(20049,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(20151,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(20190,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(20223,15): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(20555,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(20643,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(20656,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(20821,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(20881,30): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21063,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21081,25): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21094,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21168,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21194,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21204,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21213,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21231,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21307,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21313,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21336,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21341,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21699,35): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21715,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21734,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21746,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21868,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21873,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(21879,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(22286,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(22841,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(22868,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(22912,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(22948,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23001,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23024,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23038,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23155,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23164,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23174,15): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23184,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23218,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23304,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23309,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23315,15): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23325,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23348,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23371,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23398,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23427,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23487,27): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23765,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23777,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23785,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23836,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23841,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23945,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(23958,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(24031,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(24051,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(24057,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(24341,34): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(24404,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(24438,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(24442,33): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(24447,33): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(24475,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(24780,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(24784,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(24825,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(24887,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25024,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25046,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25145,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25200,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25238,33): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25298,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25303,33): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25312,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25317,35): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25322,35): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25359,35): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25590,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25616,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25642,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25655,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25695,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25758,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25769,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(25980,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(26003,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(26056,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(26071,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(26145,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(26197,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(26214,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(26350,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(26371,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(26385,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(26398,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(26453,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(26464,32): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(26645,36): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27007,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27252,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27260,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27281,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27337,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27398,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27426,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27450,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27568,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27589,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27604,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27619,31): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27628,29): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27695,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27777,19): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27786,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27795,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27822,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27833,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27854,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27857,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(27919,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28026,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28122,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28140,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28153,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28231,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28251,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28269,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28272,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28328,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28396,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28472,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28543,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28625,19): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28634,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28661,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28672,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28693,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28696,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28758,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28861,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28957,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28969,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(28981,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(29103,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(29108,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(29114,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(29521,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(30076,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(30103,28): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(30147,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(30183,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(30236,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(30259,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(30273,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(30332,33): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(30352,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(30362,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(30444,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(30468,23): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
(30772,21): run-time error CSS1039: Token not allowed after unary operator: '-webfont-primary'
*/
/* So much absurdity above.... let's aim to scb-ify and only bring over what we need so we can delete all that absurdity above one day... */
/*
OMG, where does it go? Glad you asked...
.main-product-and-family - product and family page, housewares and furniture (most stuff)
.main-product - product page only, housewares and furniture
.main-family - family page only, housewares and furniture
.main-housewares - housewares page only, product and family
.main-furniture - furniture page only, product and family
*/
/* #region ==================== Product and Family Page - Housewares and Furniture ==================== */
.main-product-and-family {
padding: 0 1.3em;
margin-bottom: 16px;
/* #region =========== HW Right Detail =========== */
}
.main-product-and-family .hw-right-detail {
display: inline-block;
}
.main-product-and-family .hw-detail-sku {
margin: 0 0 8px 0;
float: none;
display: block;
font: 400 11px/28px var(--webfont-primary, sans-serif);
}
.main-product-and-family .section-recently-viewed .recently-viewed-description {
display: none;
}
.main-product-and-family .carousel-item:hover img {
opacity: 1;
}
/* #region =========== Tap To Zoom =========== */
.tap-zoom-overlay {
display: block;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-transform: uppercase;
width: 130px;
height: 40px;
font-style: normal;
text-align: center;
margin: 0 auto;
padding: 12px;
background-color: rgba(255, 255, 255, 0.85);
z-index: 1;
pointer-events: none;
opacity: 1;
-webkit-animation: fadeOut 4s ease;
-moz-animation: fadeOut 4s ease;
-o-animation: fadeOut 4s ease;
animation: fadeOut 4s ease;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeIn {
0% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.outward-player-popup {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
}
.outward-player-popup .zoom-img-top-bar {
position: absolute;
right: 20px;
top: 10px;
}
.outward-player-popup .zoom-img-top-bar .zoom-img-button-close {
background: none;
border: 0;
}
.outward-player-popup .custom-player-area {
position: absolute;
top: 22%;
}
/* #endregion =========== Tap To Zoom =========== */
/* #region =========== Serverside Rendering Override =========== */
@media screen and (max-width: 768px) {
.carousel-item-container.server-side-rendered .carousel-item-img {
width: 100px;
}
}
/* #endregion =========== Serverside Rendering Override =========== */
/* #region ============ International =========== */
.international-container {
float: left;
width: 100%;
font-size: 12px;
font-family: var(--webfont-primary, sans-serif);
line-height: 20px;
}
.international-container .invalid-item-canada {
font-size: 12px;
font-family: var(--webfont-primary, sans-serif);
}
.international-container .view-intl-button {
display: block;
}
.international-container .b,
.international-container strong,
.international-container .international-title {
font-weight: 700;
}
.international-container button {
display: inline;
background: none;
border: 0;
padding: 0;
color: #222;
text-align: left;
text-decoration: underline;
}
.international-container button:hover {
text-decoration: underline;
}
.international-container button:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.international-container button:focus::before {
display: none;
}
/* #endregion ========= International =========== */
/* #region Base Styling for Auto-Width Children */
.auto-width-children {
/* if the number of children may vary,
specify one of the following auto-width-children-split
helper classes to ensure your layout */
}
.auto-width-children::after {
display: block;
content: "";
clear: both;
}
.auto-width-children .auto-width-child {
float: left;
box-sizing: border-box;
margin-right: 6px;
margin-bottom: 6px;
width: 100%;
}
.auto-width-children .auto-width-child:first-child:nth-last-child(1) {
/* one child */
width: 100%;
}
.auto-width-children .auto-width-child:first-child:nth-last-child(2),
.auto-width-children .auto-width-child:first-child:nth-last-child(2) ~ .auto-width-child {
/* two children */
width: calc(50% - 3px);
}
.auto-width-children .auto-width-child:first-child:nth-last-child(3),
.auto-width-children .auto-width-child:first-child:nth-last-child(3) ~ .auto-width-child {
/* three children */
width: calc(33.3333% - 4px);
}
.auto-width-children .auto-width-child:first-child:nth-last-child(4),
.auto-width-children .auto-width-child:first-child:nth-last-child(4) ~ .auto-width-child {
/* four children */
width: calc(25% - 5px);
}
.auto-width-children .auto-width-child:last-child {
margin-right: 0 !important;
}
.auto-width-children.auto-width-children-split-1-2 {
/* only two children, 1st is 1 col wide, 2nd is cols wide */
}
.auto-width-children.auto-width-children-split-1-2 .auto-width-child:first-child:nth-last-child(2),
.auto-width-children.auto-width-children-split-1-2 .auto-width-child:first-child:nth-last-child(2) ~ .auto-width-child {
width: calc(66.6666% - 4px);
}
.auto-width-children.auto-width-children-split-1-2 .auto-width-child:first-child:nth-last-child(2) {
width: calc(33.3333% - 4px);
}
.auto-width-children.auto-width-children-split-2-1 {
/* only two children, 1st is 2 cols wide, 2nd is 1 col wide */
}
.auto-width-children.auto-width-children-split-2-1 .auto-width-child:first-child:nth-last-child(2),
.auto-width-children.auto-width-children-split-2-1 .auto-width-child:first-child:nth-last-child(2) ~ .auto-width-child {
width: calc(33.3333% - 6px);
}
.auto-width-children.auto-width-children-split-2-1 .auto-width-child:first-child:nth-last-child(2) {
width: calc(66.6666% - 6px);
}
.auto-width-children.auto-width-children-split-1-1 {
/* create rows of two items */
}
.auto-width-children.auto-width-children-split-1-1 .auto-width-child {
width: calc( 50% - 3px) !important;
}
.auto-width-children.auto-width-children-split-1-1 .auto-width-child:nth-child(even) {
margin-right: 0;
}
.auto-width-children.auto-width-children-split-1-1-1 {
/* create rows of three items */
}
.auto-width-children.auto-width-children-split-1-1-1 .auto-width-child {
width: calc( 33.3333% - 4px) !important;
}
.auto-width-children.auto-width-children-split-1-1-1 .auto-width-child:nth-child(3n) {
margin-right: 0;
}
/* #endregion Base Styling for Auto-Width Children */
/* #region ==================== Housewares Page Only - Product and Family ==================== */
.main-housewares .zip-code-change {
box-sizing: border-box;
max-width: calc(100% - 32px);
margin: 0;
padding-left: 32px;
}
.main-housewares .zip-code-change .zip-code-display,
.main-housewares .zip-code-change .promo-popup {
margin-left: 0;
}
/* #endregion ================= Housewares Page Only - Product and Family ==================== */
/* #region ============ Zip Code Panel =========== */
/* #region ============ Zip Code Panel For Mobile and HW Availability-wrapper Override =========== */
.main-product-and-family .availability-wrapper .secondary-message .zip-code-panel {
display: block;
position: relative;
background: #fff;
top: 10px;
left: 0;
margin: 0;
max-width: 100%;
max-height: 0;
transition: max-height 0.3s ease-out;
}
.main-product-and-family .availability-wrapper .secondary-message .zip-code-panel > * {
-webkit-animation: fadeIn 0.3s ease-out;
-moz-animation: fadeIn 0.3s ease-out;
-o-animation: fadeIn 0.3s ease-out;
animation: fadeIn 0.3s ease-out;
}
.main-product-and-family .availability-wrapper .secondary-message .zip-code-panel.reveal-zip-code-panel {
border: 1px solid #ccc;
max-height: 75px;
}
.main-product-and-family .availability-wrapper .secondary-message .zip-code-panel.reveal-zip-code-panel .zip-code-panel-content,
.main-product-and-family .availability-wrapper .secondary-message .zip-code-panel.reveal-zip-code-panel .zip-code-panel-close {
display: block;
}
.main-product-and-family .availability-wrapper .secondary-message .zip-code-panel .zip-code-panel-content,
.main-product-and-family .availability-wrapper .secondary-message .zip-code-panel .zip-code-panel-close {
display: none;
}
.main-product-and-family .availability-wrapper .secondary-message .zip-code-panel-content {
float: none;
clear: none;
}
.main-product-and-family .availability-wrapper .secondary-message .zip-code-panel-content > * {
clear: none;
}
.main-product-and-family .availability-wrapper .secondary-message .zip-code-panel-content > *.form-zip-button-wrap button {
margin: 0;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-text-wrap input[type="text"].zip-input {
box-sizing: border-box;
display: inline-block;
border: solid 1px #666;
border-radius: 0;
box-shadow: none;
width: 100%;
position: relative;
outline: 0;
vertical-align: top;
background-color: #fff;
color: #222;
font-style: normal;
font-weight: normal;
font-family: var(--webfont-primary, sans-serif);
transition: border linear 0.2s, box-shadow linear 0.2s;
padding: 5px 16px;
font-size: 12px;
line-height: normal;
height: 32px;
margin: 0;
padding-left: 4px;
padding-right: 4px;
text-align: center;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-text-wrap input[type="text"].zip-input:-moz-placeholder {
color: #999;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-text-wrap input[type="text"].zip-input::-moz-placeholder {
color: #999;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-text-wrap input[type="text"].zip-input:-ms-input-placeholder {
color: #999;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-text-wrap input[type="text"].zip-input::-webkit-input-placeholder {
color: #999;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-text-wrap input[type="text"].zip-input.focus, .main-product-and-family .availability-wrapper .secondary-message .form-zip-text-wrap input[type="text"].zip-input:focus {
border-color: #666;
box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #666 inset;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link {
border-color: #222;
background: #222;
color: #fff;
letter-spacing: 1px;
height: 32px;
padding: 0 16px;
font-size: 12px;
line-height: 28px;
padding: 0;
margin: 0;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link.hover, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link:hover {
border-color: #111;
background: #111;
color: #fff;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link.focus, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link:focus {
border-color: #222;
background: #222;
color: #fff;
box-shadow: none;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link.focus::before, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link:focus::before {
display: block;
content: "";
border-color: #aaa;
border-width: 1px;
border-radius: 0;
border-style: solid;
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link.disabled, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[disabled], .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[aria-disabled="true"] {
border-color: #ccc;
background: #ccc;
color: #fff;
cursor: default;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link.disabled.hover, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link.disabled:hover, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[disabled].hover, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[disabled]:hover, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[aria-disabled="true"].hover, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[aria-disabled="true"]:hover {
border-color: #ccc;
background: #ccc;
color: #fff;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link.disabled.focus, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link.disabled:focus, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[disabled].focus, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[disabled]:focus, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[aria-disabled="true"].focus, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[aria-disabled="true"]:focus {
border-color: #ccc;
background: #ccc;
color: #fff;
box-shadow: none;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link.disabled.focus::before, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link.disabled:focus::before, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[disabled].focus::before, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[disabled]:focus::before, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[aria-disabled="true"].focus::before, .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[aria-disabled="true"]:focus::before {
display: block;
content: "";
border-color: #fff;
border-width: 1px;
border-radius: 0;
border-style: solid;
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link.disabled i,
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link.disabled svg,
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link.disabled [class*="svg-icon-"], .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[disabled] i,
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[disabled] svg,
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[disabled] [class*="svg-icon-"], .main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[aria-disabled="true"] i,
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[aria-disabled="true"] svg,
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link[aria-disabled="true"] [class*="svg-icon-"] {
opacity: 0.3;
}
.main-product-and-family .availability-wrapper .secondary-message .form-zip-button-link .button-icon:hover {
color: #000;
}
.main-product-and-family .availability-wrapper .secondary-message .online-only a {
float: none;
}
.main-product-and-family .availability-wrapper .secondary-message .zip-code-panel-close {
background: url(//images.crateandbarrel.com/is/image/Crate/furniture_sprite?fmt=png-alpha) no-repeat -356px -69px transparent;
}
.main-product-and-family .availability-wrapper .secondary-message .zip-code-panel-close:focus {
outline: dashed 1px #222;
outline-offset: 2px;
}
/* #endregion =========== Zip Code Panel For Mobile and HW Availability-wrapper Override=========== */
.zip-code-panel {
*zoom: 1;
display: none;
position: absolute;
bottom: 0;
left: 101%;
z-index: 101;
width: 375px;
height: auto;
background: #fff;
border: 0;
box-sizing: border-box;
overflow: hidden;
-webkit-animation: fadeIn 0.3s ease-out;
-moz-animation: fadeIn 0.3s ease-out;
-o-animation: fadeIn 0.3s ease-out;
animation: fadeIn 0.3s ease-out;
}
.zip-code-panel:before, .zip-code-panel:after {
display: table;
content: "";
line-height: 0;
}
.zip-code-panel:after {
clear: both;
}
.zip-code-panel.reveal-zip-code-panel {
display: block;
border: 1px solid #ccc;
}
.zip-code-panel-content {
margin: 0 auto;
width: 250px;
height: auto;
display: block;
}
.zip-code-panel-content .validation {
clear: both;
color: #b00;
font-size: 14px;
}
.zip-code-label {
float: left;
line-height: 30px;
margin: 9px 10px 0 0;
color: #222;
font-weight: normal;
font-size: 14px;
}
.form-zip-text-wrap {
max-width: 68px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}
.form-zip-text-wrap input[type="text"].zip-input {
margin: 0;
padding: 0 4px;
font-size: 12px;
text-align: center;
}
.form-zip-button-wrap {
float: left;
margin-top: 10px;
}
.form-zip-button-wrap .form-zip-button-link {
padding: 0;
position: relative;
border-radius: 0;
}
.form-zip-button-wrap .form-zip-button-link .button-icon {
width: 30px;
height: 30px;
}
.form-zip-button-wrap .form-zip-button-link .button-icon:hover {
color: #000;
}
.zip-code-panel-close {
padding: 2px;
position: absolute;
border: 0;
right: 10px;
top: 16px;
width: 16px;
height: 16px;
background: url(//images.crateandbarrel.com/is/image/Crate/furniture_sprite?fmt=png-alpha) no-repeat -354px -68px transparent;
}
.zip-code-panel-close:focus {
outline: dashed 1px #222;
outline-offset: 2px;
}
/* #endregion =========== Zip Code Panel =========== */
/* #region =========== Favorite Heart =========== */
.main-product-and-family .favorites-text {
display: inline-block;
margin-left: 20px;
}
.main-product-and-family .section-exclusive {
display: flex;
}
.main-product-and-family .section-exclusive [class*="svg-icon"] {
max-height: 12px;
max-width: 75px;
margin-top: 6px;
}
.main-product-and-family .section-exclusive .cb-exclusive {
margin: 0;
font-size: 12px;
}
[class*="svg-icon-heart"] {
height: 25px;
width: 25px;
width: 1.482421875em;
color: #222;
vertical-align: middle;
}
.svg-icon-heart {
color: #222;
}
/* #endregion =========== Favorite Heart =========== */
/*#region ========= Tweaks to Base Components on Product and Family Pages ============================================= */
.slider.swatch ul li.first:not(:first-child) {
margin-left: 15px;
}
.js [role="dialog"] {
z-index: 999999;
}
/*#endregion ====== Tweaks to Base Components on Product and Family Pages ============================================= */
/* #region =========== Old modal popup close button =========== */
.overlay-dialog .close-dialog {
width: auto;
float: right;
padding: 1em 1.3em;
color: #333;
background: none;
border: none;
}
.overlay-dialog .close-dialog i {
font-size: 1.4em;
padding-left: 0.4em;
float: right;
}
/* #endregion =========== Old modal popup close button =========== */
/* For when we get around to tablets... */
/* Until then, serve 'em desktop styles too. */
/* DESKTOP - Media Queries (Tablets and Up...) */
@media screen and (min-width: 768px) {
#pageWrap,
.container-fluid {
overflow: visible;
}
}
#messagePrint {
display: none;
}
/* #region ========== Email Popup ======================================= */
#global-popup.narrow .email-a-friend {
font-family: var(--webfont-primary, sans-serif);
color: #000;
}
#global-popup.narrow .email-a-friend h2 {
font-size: 20px;
line-height: 24px;
margin: 0 0 6px;
font-family: var(--webfont-primary, sans-serif);
color: #222;
}
#global-popup.narrow .email-a-friend #instructions {
font: 14px/24px var(--webfont-primary, sans-serif);
margin: 0 0 30px;
}
#global-popup.narrow .email-a-friend .email-wrap {
margin: 12px 0;
overflow: auto;
}
#global-popup.narrow .email-a-friend .email-wrap .input-emails {
display: block;
margin: 0 0 8px 0;
color: #222;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
font-family: var(--webfont-primary, sans-serif);
}
#global-popup.narrow .email-a-friend .email-wrap .input-emails strong {
color: #222;
font-weight: 600;
}
#global-popup.narrow .email-a-friend .email-wrap .input-emails span,
#global-popup.narrow .email-a-friend .email-wrap .input-emails .required {
color: #666;
font-weight: 400;
text-transform: lowercase;
}
#global-popup.narrow .email-a-friend .email-wrap .a11y-checkbox-label, #global-popup.narrow .email-a-friend .email-wrap #okta-sign-in .o-form .o-form-input label, #okta-sign-in .o-form .o-form-input #global-popup.narrow .email-a-friend .email-wrap label {
font-size: 12px;
line-height: 20px;
}
#global-popup.narrow .email-a-friend .email-wrap #SenderEmail, #global-popup.narrow .email-a-friend .email-wrap #RecipientEmails {
box-sizing: border-box;
display: inline-block;
border: solid 1px #666;
border-radius: 0;
box-shadow: none;
width: 100%;
position: relative;
outline: 0;
vertical-align: top;
background-color: #fff;
color: #222;
font-style: normal;
font-weight: normal;
font-family: var(--webfont-primary, sans-serif);
transition: border linear 0.2s, box-shadow linear 0.2s;
padding: 5px 16px;
font-size: 14px;
line-height: normal;
height: 36px;
font-family: var(--webfont-primary, sans-serif);
}
#global-popup.narrow .email-a-friend .email-wrap #SenderEmail:-moz-placeholder, #global-popup.narrow .email-a-friend .email-wrap #RecipientEmails:-moz-placeholder {
color: #999;
}
#global-popup.narrow .email-a-friend .email-wrap #SenderEmail::-moz-placeholder, #global-popup.narrow .email-a-friend .email-wrap #RecipientEmails::-moz-placeholder {
color: #999;
}
#global-popup.narrow .email-a-friend .email-wrap #SenderEmail:-ms-input-placeholder, #global-popup.narrow .email-a-friend .email-wrap #RecipientEmails:-ms-input-placeholder {
color: #999;
}
#global-popup.narrow .email-a-friend .email-wrap #SenderEmail::-webkit-input-placeholder, #global-popup.narrow .email-a-friend .email-wrap #RecipientEmails::-webkit-input-placeholder {
color: #999;
}
#global-popup.narrow .email-a-friend .email-wrap #SenderEmail.focus, #global-popup.narrow .email-a-friend .email-wrap #SenderEmail:focus, #global-popup.narrow .email-a-friend .email-wrap #RecipientEmails.focus, #global-popup.narrow .email-a-friend .email-wrap #RecipientEmails:focus {
border-color: #666;
box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #666 inset;
}
#global-popup.narrow .email-a-friend .email-wrap .input-error {
margin-top: -5px;
margin-bottom: 10px;
float: left;
width: 100%;
color: #b00;
display: flex;
align-items: center;
}
#global-popup.narrow .email-a-friend .email-wrap .input-error .svg-icon-error {
width: 1em;
height: 1em;
vertical-align: middle;
color: #b00;
padding-right: 6px;
}
#global-popup.narrow .email-a-friend .button-submit {
margin-top: 20px;
border-color: #222;
background: #222;
color: #fff;
letter-spacing: 1px;
height: 40px;
padding: 0 24px;
font-size: 12px;
line-height: 36px;
}
#global-popup.narrow .email-a-friend .button-submit.hover, #global-popup.narrow .email-a-friend .button-submit:hover {
border-color: #111;
background: #111;
color: #fff;
}
#global-popup.narrow .email-a-friend .button-submit.focus, #global-popup.narrow .email-a-friend .button-submit:focus {
border-color: #222;
background: #222;
color: #fff;
box-shadow: none;
}
#global-popup.narrow .email-a-friend .button-submit.focus::before, #global-popup.narrow .email-a-friend .button-submit:focus::before {
display: block;
content: "";
border-color: #aaa;
border-width: 1px;
border-radius: 0;
border-style: solid;
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
}
#global-popup.narrow .email-a-friend .button-submit.disabled, #global-popup.narrow .email-a-friend .button-submit[disabled], #global-popup.narrow .email-a-friend .button-submit[aria-disabled="true"] {
border-color: #ccc;
background: #ccc;
color: #fff;
cursor: default;
}
#global-popup.narrow .email-a-friend .button-submit.disabled.hover, #global-popup.narrow .email-a-friend .button-submit.disabled:hover, #global-popup.narrow .email-a-friend .button-submit[disabled].hover, #global-popup.narrow .email-a-friend .button-submit[disabled]:hover, #global-popup.narrow .email-a-friend .button-submit[aria-disabled="true"].hover, #global-popup.narrow .email-a-friend .button-submit[aria-disabled="true"]:hover {
border-color: #ccc;
background: #ccc;
color: #fff;
}
#global-popup.narrow .email-a-friend .button-submit.disabled.focus, #global-popup.narrow .email-a-friend .button-submit.disabled:focus, #global-popup.narrow .email-a-friend .button-submit[disabled].focus, #global-popup.narrow .email-a-friend .button-submit[disabled]:focus, #global-popup.narrow .email-a-friend .button-submit[aria-disabled="true"].focus, #global-popup.narrow .email-a-friend .button-submit[aria-disabled="true"]:focus {
border-color: #ccc;
background: #ccc;
color: #fff;
box-shadow: none;
}
#global-popup.narrow .email-a-friend .button-submit.disabled.focus::before, #global-popup.narrow .email-a-friend .button-submit.disabled:focus::before, #global-popup.narrow .email-a-friend .button-submit[disabled].focus::before, #global-popup.narrow .email-a-friend .button-submit[disabled]:focus::before, #global-popup.narrow .email-a-friend .button-submit[aria-disabled="true"].focus::before, #global-popup.narrow .email-a-friend .button-submit[aria-disabled="true"]:focus::before {
display: block;
content: "";
border-color: #fff;
border-width: 1px;
border-radius: 0;
border-style: solid;
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
}
#global-popup.narrow .email-a-friend .button-submit.disabled i,
#global-popup.narrow .email-a-friend .button-submit.disabled svg,
#global-popup.narrow .email-a-friend .button-submit.disabled [class*="svg-icon-"], #global-popup.narrow .email-a-friend .button-submit[disabled] i,
#global-popup.narrow .email-a-friend .button-submit[disabled] svg,
#global-popup.narrow .email-a-friend .button-submit[disabled] [class*="svg-icon-"], #global-popup.narrow .email-a-friend .button-submit[aria-disabled="true"] i,
#global-popup.narrow .email-a-friend .button-submit[aria-disabled="true"] svg,
#global-popup.narrow .email-a-friend .button-submit[aria-disabled="true"] [class*="svg-icon-"] {
opacity: 0.3;
}
/* #endregion ========== Email Popup ======================================= */
/* So much absurdity above.... let's aim to scb-ify and only bring over what we need so we can delete all that absurdity above one day... */
/*
OMG, where does it go? Glad you asked...
.main-product-and-family - product and family page, housewares and furniture (most stuff)
.main-product - product page only, housewares and furniture
.main-family - family page only, housewares and furniture
.main-housewares - housewares page only, product and family
.main-furniture - furniture page only, product and family
*/
.adaptive-layout {
/* #region ================================== PRODUCT AND FAMILY PAGE - HOUSEWARES AND FURNITURE ================================================ */
/* #region ============ International =========== */
/* #endregion ========= International =========== */
/* #endregion =============================== PRODUCT AND FAMILY PAGE - HOUSEWARES AND FURNITURE ================================================ */
/* #region ================================== PRODUCT PAGE ONLY - HOUSEWARES AND FURNITURE ====================================================== */
/* #endregion =============================== PRODUCT PAGE ONLY - HOUSEWARES AND FURNITURE ====================================================== */
/* #region ================================== FAMILY PAGE ONLY - HOUSEWARES AND FURNITURE ======================================================= */
/* #endregion =============================== FAMILY PAGE ONLY - HOUSEWARES AND FURNITURE ======================================================= */
/* #region ================================== HOUSEWARES PAGE ONLY - PRODUCT AND FAMILY ========================================================= */
/* #endregion ================= Housewares Page Only - Product and Family ==================== */
/* #region ================================== FURNITURE PAGE ONLY - PRODUCT AND FAMILY ========================================================== */
/* #endregion =============================== FURNITURE PAGE ONLY - PRODUCT AND FAMILY ========================================================== */
/* #region ================================== MISC ============================================================================================== */
/* #endregion =============================== MISC ============================================================================================== */
/* #region =========== Tap To Zoom =========== */
/* #endregion =========== Tap To Zoom =========== */
}
.adaptive-layout .main-product-and-family {
min-width: 1000px;
margin-bottom: 48px;
/* #region ============ Grid 9up =========== */
/* #endregion ========= Grid 9up =========== */
}
.adaptive-layout .main-product-and-family .grid-9up {
*zoom: 1;
width: 100%;
max-width: 1008px;
}
.adaptive-layout .main-product-and-family .grid-9up:before, .adaptive-layout .main-product-and-family .grid-9up:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .main-product-and-family .grid-9up:after {
clear: both;
}
.adaptive-layout .main-product-and-family .grid-9up .grid-9up-header {
margin: 0;
padding: 10px 0 5px 0;
color: #222;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
font-family: var(--webfont-primary, sans-serif);
text-align: center;
}
.adaptive-layout .main-product-and-family .grid-9up .grid-9up-header a {
color: #222;
}
.adaptive-layout .main-product-and-family .grid-9up .grid-9up-tagline {
margin: 0;
padding: 0 0 15px 0;
font-weight: 400;
font-style: italic;
font-size: 32px;
line-height: 1;
font-family: "ITC Century Book", Georgia, serif;
text-align: center;
}
.adaptive-layout .main-product-and-family .grid-9up .grid-9up-group {
*zoom: 1;
float: left;
box-sizing: border-box;
list-style: none;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
.adaptive-layout .main-product-and-family .grid-9up .grid-9up-group:before, .adaptive-layout .main-product-and-family .grid-9up .grid-9up-group:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .main-product-and-family .grid-9up .grid-9up-group:after {
clear: both;
}
.adaptive-layout .main-product-and-family .grid-9up .grid-9up-item {
float: left;
box-sizing: border-box;
display: flex;
height: 100%;
width: 33.3333%;
margin: 0;
padding: 6px;
position: relative;
cursor: pointer;
}
.adaptive-layout .main-product-and-family .grid-9up .grid-9up-item:hover .grid-9up-link, .adaptive-layout .main-product-and-family .grid-9up .grid-9up-item.is-focused .grid-9up-link {
opacity: .3;
}
.adaptive-layout .main-product-and-family .grid-9up .grid-9up-item:hover .grid-9up-detail, .adaptive-layout .main-product-and-family .grid-9up .grid-9up-item.is-focused .grid-9up-detail {
opacity: 1;
}
.adaptive-layout .main-product-and-family .grid-9up .grid-9up-link {
float: left;
box-sizing: border-box;
width: 100%;
}
.adaptive-layout .main-product-and-family .grid-9up .grid-9up-link:focus {
outline: dashed 1px;
}
.adaptive-layout .main-product-and-family .grid-9up .grid-9up-img {
float: left;
width: 100%;
}
.adaptive-layout .main-product-and-family .grid-9up .grid-9up-detail {
width: calc(100% - 20px);
margin: 0 10px;
position: absolute;
left: 0;
transition: opacity 0.5s ease;
opacity: 0;
height: 100%;
align-items: center;
justify-content: center;
flex-direction: column;
display: flex;
}
.adaptive-layout .main-product-and-family .grid-9up .detail-form {
display: block;
margin: 10px -16px 0;
padding: 0;
}
.adaptive-layout .main-product-and-family .grid-9up .detail-form .field-qty {
padding: 5px !important;
}
.adaptive-layout .main-product-and-family .grid-9up .detail-name {
clear: both;
margin: 0;
padding: 0;
color: #222;
font: bold 12px/18px var(--webfont-primary, sans-serif);
}
.adaptive-layout .main-product-and-family .grid-9up .detail-price {
display: block;
margin: 0;
padding: 0;
color: #666;
font: normal 12px/18px var(--webfont-primary, sans-serif);
}
.adaptive-layout .international-container {
float: left;
width: 100%;
padding-top: 8px;
}
.adaptive-layout .international-container .invalid-item-canada {
width: 100%;
border-top: 1px solid #b00;
border-bottom: 1px solid #b00;
background: #fffbfa;
padding: 20px 0 20px 20px;
box-sizing: border-box;
margin-top: 5px;
font-size: 14px;
line-height: 20px;
}
.adaptive-layout .international-container .p-international,
.adaptive-layout .international-container .p-international-note {
width: 49%;
margin: 0;
padding: 7px 0 0 0;
box-sizing: border-box;
font-size: 14px;
}
.adaptive-layout .international-container .p-international {
float: left;
padding-right: 5px;
}
.adaptive-layout .international-container .p-international-note {
float: right;
}
.adaptive-layout .international-container .b, .adaptive-layout .international-container strong {
font-weight: 700;
}
.adaptive-layout .alaska-hawaii-enabled .shop-bar-availability {
float: left !important;
width: 100%;
padding-top: 8px;
position: relative !important;
left: 0 !important;
}
.adaptive-layout .main-housewares {
position: relative;
/* #region ============ Product Detail Right =========== */
/* #endregion ======== Product Detail Right ========= */
/* #region ======== Sticky Header ========= */
/* #endregion ======== Sticky Header ========= */
}
.adaptive-layout .main-housewares .section-product-top {
width: 100%;
display: inline-block;
position: relative;
}
.adaptive-layout .main-housewares .section-product-top * {
box-sizing: border-box;
}
.adaptive-layout .main-housewares .section-product-top .hw-left-product-image {
display: inline-block;
width: 66%;
padding-right: 30px;
max-width: 655px;
position: -webkit-sticky;
position: sticky;
top: 123px;
z-index: 5;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .hw-right-llm {
padding-bottom: 10px;
}
.adaptive-layout .main-housewares .sticky-header .international-container {
display: none;
}
.adaptive-layout .main-housewares.main-family .hw-left-product-image {
position: relative;
top: 0;
}
.adaptive-layout .main-furniture {
/* #region =========== Returns Section =========== */
/* #endregion ========= Returns Section =========== */
}
.adaptive-layout .main-furniture .section-return .reveal-container .reveal-content {
max-height: none;
}
.adaptive-layout .main-furniture .section-return .button-learn-more {
display: block;
}
.adaptive-layout .favorites-text {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.adaptive-layout .tap-zoom-overlay {
display: none;
}
/* #region =========== Wallpaper calculator Popup =========== */
.wallpaper-calculator {
font-family: var(--webfont-primary, sans-serif);
}
.wallpaper-calculator h2 {
font-size: 40px;
margin-top: 0;
}
.wallpaper-calculator .wallpaper-calc-title {
display: flex;
border-bottom: 1px solid #ccc;
padding-bottom: 16px;
margin-bottom: 16px;
}
.wallpaper-calculator .wallpaper-calc-title .thumbnail-img {
width: 100px;
height: 100px;
margin-right: 16px;
}
.wallpaper-calculator .wallpaper-calc-title .product-name {
margin-top: 0;
}
.wallpaper-calculator .sub-title {
font-weight: 600;
}
.wallpaper-calculator .wall-group {
margin: 16px 0 24px;
display: flex;
flex-direction: row;
align-items: center;
}
.wallpaper-calculator .wall-group .wall-input {
width: 50px;
border-radius: 1px;
border: 1px solid #222;
box-shadow: none;
margin: 0 8px 0 0;
}
.wallpaper-calculator .wall-group .wall-label {
margin: 0 24px 0 0;
}
.wallpaper-calculator .wall-group .door-width {
padding: 0 3px 0 0;
}
.wallpaper-calculator .action-links {
margin: 24px 0;
border-top: 1px solid #ccc;
}
.wallpaper-calculator .action-links .action-link-container {
margin: 16px 0;
}
.wallpaper-calculator .action-links .add-window-door-button {
display: block;
margin: 16px 0;
}
/* #endregion =========== Wallpaper Calculator Popup =========== */
.bottom-content-wrapper {
max-width: 1008px;
margin: 0 auto;
}
/* Angi - Installation Service common styles */
.angi-services {
display: inline-block;
width: 100%;
}
.angi-services .angi-service-select label {
padding-left: 35px;
}
.angi-services .angi-service-details {
display: flex;
}
.angi-services .angi-service-details .angi-logo {
margin: 0 8px 0 32px;
}
.angi-services .angi-service-details .angi-logo svg {
display: block;
width: 48px;
height: 48px;
}
.angi-services .angi-service-details .angi-price-info {
margin-top: 5px;
font-size: 12px;
}
.angi-services .angi-service-details .angi-price-info p {
margin: 0;
}
.angi-services .angi-service-details .angi-price-info a {
color: #222;
text-decoration: underline;
}
.angi-services .angi-service-details .angi-price-info a:hover {
text-decoration: underline;
}
.angi-services .angi-service-details .angi-price-info a:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
/* spill
/*-------------------------------------------------------------------------------*/
.renderBody > .spill,
[data-cb-bind*="RenderBody"] > .spill {
width: 100%;
}
.image-map-container img {
max-height: 15px;
}
.spill {
padding: 0 1.2em;
box-sizing: border-box;
/*.spill-two-column, .spill-three-column, .spill-four-column, .spill-items-container {
flex-wrap: wrap;
display: flex;
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr;
grid-gap: 18px;
grid-row-gap: 0;
}*/
/*.spill-two-column {
.product-miniset {
flex: 1 0 50%;
width: 100%;
height: auto;
box-sizing: border-box;
overflow: hidden;
padding: 0;
margin: 0;
margin-bottom: 26px;
margin-right: 18px;
.product-thumb {
margin-top: 0;
}
.product-details-wrapper {
position: relative;
}
&:nth-child(2n) {
margin-right: 0;
}
.product-miniset-title {
width: calc(100% - 30px);
display: inline-block;
font-size: 12px;
font-weight: $font-weight-light;
letter-spacing: 0.5px;
line-height: 16px;
margin-top: 0;
text-transform: uppercase;
color: $primary;
font-family: $webfont-primary;
.new {
font-weight: $font-weight-heavy;
padding-right: 10px;
}
}
.product-miniset-thumbnail {
height: 0;
padding-bottom: 100%;
position: relative;
padding-top: 0;
img {
position: absolute;
left: 0;
top: 0;
height: 100%;
object-fit: contain;
width: 100%;
}
&:focus {
outline: $focus-outline-style $focus-outline-width $text;
outline-offset: $focus-outline-offset;
}
}
.color-bar {
margin-top: 5px;
}
span.shipping-msg {
display: inline-block;
width: 100%;
color: $sale;
text-transform: uppercase;
font-size: 12px;
font-weight: 300;
font-family: $webfont-primary;
font-weight: $font-weight-light;
letter-spacing: 0.1em;
&:empty {
display: none;
}
}
.color-bar {
margin-top: 5px;
}
}
}*/
}
.spill .search-correct.search-correct-sli h1 {
padding-bottom: 10px;
}
.spill h1 {
padding: 1em 0 0.75em;
line-height: 1.3em;
}
.spill .icon-favorites,
.spill .empty-icon-favorites {
float: right;
height: 20px;
width: 21px;
overflow: hidden;
cursor: pointer;
background: url(//images.crateandbarrel.com/is/image/Crate/Mood_board_Sprite?fmt=png-alpha) no-repeat 0 0;
position: absolute;
right: 0;
top: 0;
z-index: 100;
}
.spill .button-add-to-favorites {
border: 0;
width: auto;
padding: 0 0 7px 8px;
float: left;
margin-top: -3px;
}
.spill .button-add-to-favorites .favorites-text {
display: none;
}
.spill .spill-fabric-swatch + .product-info .button-add-to-favorites {
top: -20px;
}
.spill .icon-favorites {
background-position: -79px -14px;
}
.spill .empty-icon-favorites {
background-position: -105px -14px;
}
.spill .search-suggestions {
margin: 0 0 20px 0;
padding: 0;
width: 100%;
height: 21px;
overflow: hidden;
}
.spill .search-suggestions .suggested-title {
display: inline;
}
.spill .search-suggestions ul {
list-style-type: none;
overflow: hidden;
padding: 0;
display: inline;
}
.spill .search-suggestions ul li {
display: inline-block;
float: none;
white-space: nowrap;
border-bottom: solid 1px #666;
margin: 0 10px;
}
.spill .search-suggestions ul li a {
cursor: pointer;
}
.spill .search-suggestions ul li a:hover {
text-decoration: none;
}
.spill .test-b, .spill .test-c {
display: none;
}
.spill .onlyClearAll {
display: none;
}
.spill .select-list {
margin-bottom: 15px;
}
.spill .select-list .clear-filters {
display: block;
text-align: center;
}
.spill .test-a .sort-and-filter {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 15px;
border: solid 1px;
margin-bottom: 5px;
border-radius: 2px;
padding: 12px 18px;
}
.spill .test-b .sort-and-filter {
margin-bottom: 0;
position: relative;
display: flex;
justify-content: space-between;
}
.spill .test-b .sort-and-filter .sort-by, .spill .test-b .sort-and-filter .filter-by {
padding: 12px 18px;
font-size: 14px;
line-height: 18px;
}
.spill .test-b .sort-and-filter .sort-by-container {
position: relative;
}
.spill .test-b .sort-and-filter .sort-by-container .sort-by {
box-sizing: border-box;
height: auto;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
margin-bottom: 5px;
}
.spill .test-b .sort-and-filter .sort-by-container select::-ms-expand {
display: none;
}
.spill .test-b .sort-and-filter .sort-by-container:before {
content: "";
display: block;
position: absolute;
height: 8px;
width: 8px;
border: solid 1px;
border-width: 1.8px 1.8px 0 0;
border-radius: 1px;
right: 0;
top: 0;
transform: rotate(135deg);
margin-right: 19px;
margin-top: 16px;
}
.spill .test-b .sort-and-filter .sort-by-container, .spill .test-b .sort-and-filter .filter-by-container {
width: 49%;
}
.spill .test-b .sort-and-filter .filter-by {
border-style: solid;
border-width: 1px;
text-align: center;
}
.spill .test-b .sort-and-filter .sort-dropdown {
clear: both;
border-style: solid;
border-width: 1px 1px 1px 1px;
padding: 10px 15px;
position: absolute;
top: 45px;
left: 0;
right: 0;
display: none;
background: #fff;
z-index: 5;
}
.spill .test-b .sort-and-filter .sort-dropdown ul li {
padding: 4px 0;
}
.spill .row [class*="col-xs-6"] {
width: 50%;
border-top: 1px solid #eee;
border-right: none;
border-left: 1px solid #eee;
margin-left: -1px;
padding-left: 1.3em;
}
.spill .row [class*="col-xs-6"]:nth-child(odd) {
padding-right: 1.3em;
padding-left: 0;
clear: both;
border-right: 1px solid #eee;
border-left: none;
}
.spill .row .margin-bottom-search {
margin: 0 0 3em;
}
.spill .row .spill-fabric-swatch {
display: inline-block;
padding-top: .2em;
width: 100%;
}
.spill .row .spill-fabric-swatch .spill-custom-swatch-bar {
float: left;
}
.spill .row .spill-fabric-swatch .spill-custom-swatch-bar img {
margin-right: .2em;
}
.spill .row .spill-fabric-swatch .spill-custom-swatch-bar img.jsLazyLoad {
width: 77px;
}
.spill .row .spill-fabric-swatch img {
float: left;
max-height: 13px;
}
.spill .row .spill-fabric-swatch .swatch-count {
font-size: .7em;
float: left;
position: relative;
margin-left: .1em;
color: #555;
}
.spill .row .product-thumb {
margin-top: 21px;
font-size: 40px;
line-height: 1;
letter-spacing: -1.5px;
margin-bottom: 10px;
}
.spill .row .product-thumb .svg-icon-circle-crate-kids {
position: absolute;
top: 8px;
left: 8px;
width: 32px;
height: 32px;
}
.spill .select-list select {
width: 100%;
}
.spill .select-list fieldset {
display: block;
}
.spill .select-list .mobile-search-filters {
height: auto;
}
.spill .select-list .mobile-search-filters .filter-by .search-included-brands {
border-bottom: none;
padding-top: 20px;
padding-bottom: 0;
}
.spill .product {
padding: 0;
font-size: .9em;
}
.spill .product .product-thumb {
display: block;
position: relative;
}
.spill .product .product-thumb img {
display: block;
margin: 0 auto;
}
.spill .product .swatch-collection {
margin-bottom: .5em;
overflow: hidden;
display: block;
}
.spill .product .swatch-collection .swatch-collection-image {
width: 135px;
float: left;
}
.spill .product .swatch-collection .swatch-collection-image img {
max-width: none;
}
.spill .product .swatch-collection .swatch-collection-count {
width: 50px;
overflow: hidden;
color: #666;
font-size: .85em;
display: block;
float: left;
line-height: 2em;
}
.spill .product .product-info {
text-align: left;
line-height: 1.2em;
display: inline-block;
padding: 0;
color: #222;
position: relative;
}
.spill .product .product-info .product-name {
display: block;
width: 100%;
box-sizing: border-box;
float: left;
}
.spill .product .product-info .sale {
padding: 0;
width: calc(100% - 30px);
float: left;
}
.spill .product .product-info .new {
padding-right: 4px;
color: #222;
}
.spill .product .product-miniset-label {
float: left;
width: 100%;
clear: both;
}
.spill .product .product-miniset-label .personalized-label {
font: 400 12px/16px var(--webfont-primary, sans-serif);
font-style: italic;
color: #717171;
}
.spill .product .swatch-collection .swatch-collection-image {
width: 90px;
overflow: hidden;
margin-right: .25em;
}
.spill .product .product-info {
padding-bottom: 0;
display: block;
}
.spill .product .product-info .product-name {
display: block;
}
.spill .product .swatch-collection .swatch-collection-image {
width: 75px;
overflow: hidden;
}
.spill .product .swatch-collection .swatch-collection-image img {
width: 165px;
}
.spill .product .product-info {
padding-bottom: 0;
display: block;
}
.spill .product.product-info-link {
width: calc(100% - 30px);
float: left;
}
.spill .salePrice,
.spill .regPrice {
font-size: .9em;
margin-bottom: 0;
display: block;
clear: both;
}
.spill .alert {
font-size: .9em;
height: 1.2em;
}
.spill .view-more {
padding-top: 10px;
}
.spill .search-correct {
margin-bottom: 1em;
}
.spill .search-correct p {
margin-bottom: 0;
}
.spill.spill-search-empty {
padding: 0;
margin-bottom: 50px;
}
.spill.spill-search-empty .top-section-container {
background-color: #eee;
padding-bottom: 25px;
margin-bottom: 25px;
}
.spill.spill-search-empty .top-section-container .top-section {
padding: 0 18px;
text-align: center;
}
.spill.spill-search-empty .bottom-section-container {
padding: 0 18px;
width: auto;
overflow: hidden;
}
.spill.spill-search-empty .chat-container {
clear: both;
padding: 30px 18px;
text-align: center;
}
.spill.spill-search-empty .chat-container p span {
display: block;
}
.spill.spill-search-empty .chat-container .chat-link {
display: inline-block;
width: auto;
margin-bottom: 0;
}
.spill.spill-search-empty p {
margin: 0;
}
.spill.spill-search-empty .site-search {
margin: 25px 0;
position: relative;
float: left;
width: 100%;
min-height: 32px;
background: #fff;
padding: 0;
}
.spill.spill-search-empty .site-search:focus {
width: 500px;
}
.spill.spill-search-empty .site-search #ui-id-1.ui-autocomplete {
padding-top: 0 !important;
}
.spill.spill-search-empty .site-search input.search {
padding: 0 0 0 25px;
height: 30px;
background: #fff;
width: 100%;
border: 0;
border-radius: 0;
}
.spill.spill-search-empty .site-search input.search::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #999;
}
.spill.spill-search-empty .site-search input.search::-moz-placeholder {
/* Firefox 19+ */
color: #999;
}
.spill.spill-search-empty .site-search input.search:-ms-input-placeholder {
/* IE 10+ */
color: #999;
}
.spill.spill-search-empty .site-search input.search:-moz-placeholder {
/* Firefox 18- */
color: #999;
}
.spill.spill-search-empty .site-search input.search:focus {
box-shadow: none;
outline: none;
}
.spill.spill-search-empty .site-search input:focus ~ .underline:after {
height: 0;
transform: scaleX(1);
}
.spill.spill-search-empty .site-search .underline {
position: absolute;
border-bottom: 1px solid #ccc;
width: 100%;
left: 0;
bottom: 0;
}
.spill.spill-search-empty .site-search .underline:after {
content: " ";
position: absolute;
border-bottom: 2px solid #222;
width: 100%;
transform: scaleX(0);
transform-origin: left;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms;
left: 0;
}
.spill.spill-search-empty .site-search .icon-search {
position: absolute;
top: -.2em;
left: 0;
border: none;
padding: .6em 1.1em 1.1em .1em;
background: transparent;
color: #000;
font-size: 1.5em;
width: .5em;
height: .5em;
}
.spill.spill-search-empty .site-search .icon-search:before {
position: absolute;
content: "";
width: 16px;
background: url(//images.crateandbarrel.com/is/image/Crate/cb-desktop-sprite-super?fmt=png-alpha) no-repeat -34px -249px;
height: 17px;
margin-left: -2px;
}
.spill .theme-miniset {
justify-self: center;
}
.spill .grid-1x2, .spill .grid-1x3, .spill .grid-1x4, .spill .grid-2x1, .spill .grid-2x2, .spill .grid-3x1, .spill .grid-4x1 {
display: none;
}
.product-miniset-label {
float: left;
width: 100%;
clear: both;
}
.product-miniset-label .personalized-label {
font: 400 12px/16px var(--webfont-primary, sans-serif);
font-style: italic;
color: #717171;
}
.spill-view-more-product-wrap {
width: 100%;
}
.spill-view-more-product-wrap .button-view-more-product {
margin: 0px auto;
display: block;
}
@media screen and (max-device-width: 768px) {
.seo-spill-layout {
padding: 0;
width: auto;
}
.seo-spill-layout .page-title {
padding: 1.143em 1em;
font-weight: 300;
font-size: 1.6em;
}
.seo-spill-layout .spillContent {
width: auto;
}
.seo-spill-layout .seo-spill-description {
padding-left: 12px;
padding-right: 12px;
}
.seo-spill-layout .product-info .favorites-text {
display: none;
}
.seo-spill-layout .product-info .button {
margin: 0;
}
.seo-spill-layout .product-miniset {
width: 45%;
height: auto !important;
font: 12px / 16px var(--webfont-primary, sans-serif);
}
.seo-spill-layout .product-miniset .product-miniset-thumbnail img {
height: auto !important;
}
.seo-spill-layout .product-miniset .swatch-collection-image {
margin: 0.571em 0;
}
.seo-spill-layout .product-miniset .spill-product-swatches .colorCount a {
font: 11px / 16px var(--webfont-primary, sans-serif);
color: #555;
}
.spill-layout .product-miniset {
font: 12px / 16px var(--webfont-primary, sans-serif);
}
.spill-layout .product-miniset .product-miniset-price .sale, .spill-layout .product-miniset .product-miniset-price .hwShippingMessage, .spill-layout .product-miniset .product-miniset-price .hwThreeWideRow .regPrice {
font-weight: 400;
}
.spill-layout .product-miniset .hwThreeWideRow .sale, .spill-layout .product-miniset .hwShippingMessage, .spill-layout .product-miniset .hwThreeWideRow .regPrice {
font: 12px / 16px var(--webfont-primary, sans-serif);
font-weight: 400;
}
.spill-layout .product-miniset .spill-product-swatches img {
max-height: 13px;
}
}
@supports (display: grid) {
.spill .grid-1x2, .spill .grid-1x3, .spill .grid-1x4, .spill .grid-2x1, .spill .grid-2x2, .spill .grid-3x1, .spill .grid-4x1 {
display: block;
}
.grid-1x2 {
grid-row: auto / span 2;
}
.grid-1x3 {
grid-row: auto / span 3;
}
.grid-1x4 {
grid-row: auto / span 4;
}
.grid-2x1 {
grid-column: auto / span 2;
}
.grid-2x2 {
grid-column: auto / span 2;
grid-row: auto / span 2;
}
.grid-3x1 {
grid-column: auto / span 3;
}
.grid-4x1 {
grid-column: auto / span 4;
}
}
/* For when we get around to tablets... */
/* Until then, serve 'em desktop styles too. */
@media screen and (min-width: 768px) {
.spill-layout.seo-spill-layout .spill-three-column .product-miniset .spill-product-swatches .image-map-container {
position: relative;
display: flex;
line-height: 14px;
margin-bottom: 15px;
}
.spill-layout.seo-spill-layout .spill-three-column .product-miniset .spill-product-swatches .image-map-container area:focus {
border: none;
outline: none;
}
.spill-layout.seo-spill-layout .spill-three-column .product-miniset .non-interactive .image-map-container map {
background: none !important;
}
}
.product-miniset .spill-product-swatches .spill-more-options {
margin-left: 5px;
}
.product-miniset .spill-product-swatches .spill-more-options span {
margin-left: 0;
font-family: var(--webfont-primary, sans-serif);
}
.spill-layout {
width: 1008px;
margin: 0 auto;
display: block;
min-height: 550px;
}
.spill-layout::after {
display: block;
content: "";
clear: both;
}
.spill-layout .breadcrumb-title {
display: none;
}
.spill-layout .cmpr-international {
border-top: 2px solid #000;
min-height: 19px;
display: block;
clear: both;
}
.spill-layout .spill-grid {
margin: 0 0 45px -12px;
width: 1020px;
float: left;
}
.spill-layout .spillContent {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.spill-layout .hwThreeWideContent {
width: 1021px;
}
.spill-layout .hwThreeWideContent .product-miniset .non-interactive .image-map-container map {
background: none;
}
.spill-layout .hwThreeWideContent .product-miniset .non-interactive .image-map-container area {
outline: none;
border: none;
cursor: default;
}
.spill-layout .hwThreeWideContent .product-miniset .quicklook-button-wrap {
display: inline-block;
}
.spill-layout .spillThemeLeft {
margin-left: 12px;
}
.spill-layout .hwSpillTheme.product-miniset.fL {
float: none !important;
}
.spill-layout .product-miniset {
width: 328px;
height: 500px;
margin: 0 -4px 12px 12px;
display: inline-block;
vertical-align: top;
}
.spill-layout .product-miniset .socialIcon {
display: none !important;
}
.spill-layout .product-miniset .product-details-wrapper {
clear: both;
position: relative;
margin-top: 10px;
}
.spill-layout .product-miniset .product-details-wrapper .non-interactive .image-map-container area {
outline: none;
border: none;
cursor: default;
}
.spill-layout .product-miniset .spill-product-swatches {
display: block;
position: relative;
float: left;
box-sizing: border-box;
margin: 0 auto;
width: 100%;
}
.spill-layout .product-miniset .spill-product-swatches li {
float: left;
margin: 0 3px 10px 0;
}
.spill-layout .product-miniset .spill-product-swatches li a:focus, .spill-layout .product-miniset .spill-product-swatches li.selected a:focus {
border-bottom: 1px solid #222;
}
.spill-layout .product-miniset .spill-product-swatches .colorCount a:focus {
text-decoration: underline;
}
.spill-layout .product-miniset .selected-swatch {
display: none;
}
.spill-layout .product-miniset .spillThemeRight .cmsCol {
padding-left: 15px;
}
.spill-layout .product-miniset h3 {
margin-top: 21px;
font-size: 40px;
line-height: 1;
letter-spacing: -1.5px;
}
.spill-layout .product-miniset p.crate-helvetica-roman,
.spill-layout .product-miniset p.crate-primary-roman {
width: 290px;
margin-top: 20px;
font-size: 14px;
line-height: 20px;
font-family: var(--webfont-primary, sans-serif);
font-style: normal !important;
font-variant: normal;
text-transform: none;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.spill-layout .product-miniset .product-miniset-thumbnail {
display: block;
height: 326px;
margin-bottom: 10px;
padding: 0;
text-align: center;
}
.spill-layout .product-miniset .product-miniset-thumbnail:focus {
outline: 1px solid #222;
outline-offset: 2px;
}
.spill-layout .product-miniset .product-miniset-thumbnail .svg-icon-circle-crate-kids {
position: absolute;
top: 29px;
left: 8px;
width: 32px;
height: 32px;
}
.spill-layout .product-miniset .product-miniset-title {
margin-top: -3px;
font-weight: 600;
display: block;
width: 100%;
}
.spill-layout .product-miniset .product-miniset-title:focus {
text-decoration: underline;
}
.spill-layout .product-miniset .product-miniset-price {
float: left;
clear: both;
}
.spill-layout .product-miniset .dutieIncludedPrice {
display: inline-block;
width: inherit;
font-size: 11px;
}
.spill-layout .product-miniset .reg {
font-weight: 300;
color: #666;
}
.spill-layout .product-miniset .reg .regPrice {
font-family: var(--webfont-primary, sans-serif);
}
.spill-layout .product-miniset .sale {
font-family: var(--webfont-primary, sans-serif);
font-weight: 300;
color: #bb0000;
clear: both;
}
.spill-layout .product-miniset .sale .salePriceDetail {
color: #666;
font-weight: 400;
}
.spill-layout .product-miniset .collectionSwatchImageMapWrap {
width: 135px;
overflow: hidden;
display: inline-block;
margin-top: -3px;
}
.spill-layout .product-miniset .collectionSwatchImageMapWrap img {
max-width: none;
margin-top: 0;
}
.spill-layout .product-miniset .product-miniset-swatches {
display: block;
position: relative;
margin: 0 0 5px -1px;
}
.spill-layout .product-miniset .product-miniset-swatches .selected-swatch {
display: none;
}
.spill-layout .product-miniset .product-miniset-swatches .available-swatches {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.spill-layout .product-miniset .product-miniset-swatches li {
float: left;
margin: 0 3px 2px 0;
}
.spill-layout .product-miniset .product-miniset-swatches li a {
display: block;
padding: 0 0 4px 0;
}
.spill-layout .product-miniset .product-miniset-swatches .colorCount a {
font-size: 11px;
display: inline-block;
padding: 0 0 0 3px;
}
.spill-layout .product-miniset .product-miniset-swatches .colorCount a:focus {
text-decoration: underline;
}
.spill-layout .product-miniset .product-miniset-swatches:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.spill-layout .product-miniset .product-miniset-reviewstar {
display: block !important;
margin: 0;
float: left;
clear: both;
width: 77px;
}
.spill-layout .product-miniset .product-miniset-options {
display: block;
margin: 14px 0 0;
float: left;
clear: both;
}
.spill-layout .product-miniset .product-miniset-options a {
font-size: 10px;
font-weight: 600;
display: inline-block;
text-transform: uppercase;
}
.spill-layout .product-miniset .product-miniset-options a:hover, .spill-layout .product-miniset .product-miniset-options a:active, .spill-layout .product-miniset .product-miniset-options a:focus {
text-decoration: underline;
}
.spill-layout .product-miniset .product-miniset-options .product-compare {
margin: 0 5px 0 0;
position: relative;
z-index: 1;
color: #222;
text-decoration: underline;
}
.spill-layout .product-miniset .product-miniset-options .product-compare.add:focus {
text-decoration: underline;
}
.spill-layout .product-miniset .product-miniset-options .product-compare i.icon-check-box {
position: relative;
z-index: -1;
}
.spill-layout .product-miniset .product-miniset-options .product-compare i.icon-check-box:before {
display: block;
content: " ";
float: left;
margin: -1px 0 0 0;
width: 12px;
height: 12px;
background: url(//images.crateandbarrel.com/is/image/Crate/fj_hwj_sprite?fmt=png-alpha) no-repeat;
background-position: -12px -100px;
}
.spill-layout .product-miniset .product-miniset-options .product-compare i.icon-check-box.active:before {
background-position: -74px -102px;
}
.spill-layout .product-miniset .product-miniset-options .product-compare.add {
color: #666;
text-decoration: none;
}
.spill-layout .product-miniset .product-miniset-options .product-compare.add:hover {
text-decoration: underline;
}
.spill-layout .product-miniset .product-miniset-options .view-compare {
display: none;
}
.spill-layout .product-miniset .product-miniset-options i.icon-search {
height: 10px;
position: relative;
top: 0;
}
.spill-layout .product-miniset .product-miniset-options i.icon-search:before {
display: block;
content: " ";
float: left;
margin: -1px 4px 0 0;
width: 12px;
height: 12px;
background: url(//images.crateandbarrel.com/is/image/Crate/fj_hwj_sprite?fmt=png-alpha) no-repeat;
background-position: -23px -102px;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar {
margin-top: 10px;
width: 100%;
height: 20px;
overflow: hidden;
margin-bottom: 10px;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar .divSwatchCarousel,
.spill-layout .product-miniset .spill-special-order-swatch-bar .shop-bar-carousel {
width: auto;
float: left;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar .shop-bar-carousel {
min-width: 0;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar .shop-bar-carousel li {
margin-right: 3px;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar .shop-bar-carousel li a {
pointer-events: none;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar .shop-bar-carousel li img {
margin: 0;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar .shop-bar-carousel li .spill-more-options {
border: 0;
color: #666;
font-size: 12px;
pointer-events: visible;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar .shop-bar-carousel li .spill-more-options:focus span {
text-decoration: underline;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar .shop-bar-carousel li .spill-more-options:hover {
color: #666;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar .divSwatchCarousel img,
.spill-layout .product-miniset .spill-special-order-swatch-bar .spill-product-swatches img {
max-height: 17px;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar .divSwatchCarousel .jsLazyLoad,
.spill-layout .product-miniset .spill-special-order-swatch-bar .spill-product-swatches .jsLazyLoad {
max-height: 15px;
width: 165px;
}
.spill-layout .product-miniset .spill-section-planner-bar .divSwatchCarousel .jsLazyLoad {
max-height: none;
width: auto;
}
.spill-layout .product-miniset .spill-section-planner-bar .shop-bar-carousel li {
float: left;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar-wrap {
float: left;
padding: 7px 0 0 0;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar-wrap .divSwatchCarousel,
.spill-layout .product-miniset .spill-special-order-swatch-bar-wrap .shop-bar-carousel,
.spill-layout .product-miniset .spill-special-order-swatch-bar-wrap .shop-bar-carousel li,
.spill-layout .product-miniset .spill-special-order-swatch-bar-wrap .shop-bar-carousel a,
.spill-layout .product-miniset .spill-special-order-swatch-bar-wrap .shop-bar-carousel img {
box-sizing: border-box;
float: left;
font: 400 12px/20px var(--webfont-primary, sans-serif);
color: #717171;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar-wrap .shop-bar-carousel li {
padding: 4px 2px 0 0;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar-wrap .shop-bar-carousel li.see-more {
padding: 0 0 0 4px;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar-wrap .shop-bar-carousel li a:focus {
outline: dashed 1px #222;
outline-offset: 2px;
}
.spill-layout .product-miniset .spill-special-order-swatch-bar-wrap ~ i[class*="favorite"] {
margin-top: -47px !important;
}
.spill-layout .product-miniset i.icon-search {
height: 14px;
position: relative;
top: 4px;
}
.spill-layout .product-miniset i.icon-search:before {
display: block;
content: " ";
float: left;
margin: -1px 0 0 0;
width: 12px;
height: 12px;
background: url(//images.crateandbarrel.com/is/image/Crate/fj_hwj_sprite?fmt=png-alpha) no-repeat;
background-position: -23px -102px;
}
.spill-layout .product-miniset .ships-free {
display: block;
}
.spill-layout .product-details-wrapper {
position: relative;
}
.spill-layout .button-add-to-favorites {
padding: 0 8px;
background: none;
border: 0;
top: -3px;
right: 0;
position: absolute;
}
.spill-layout .button-add-to-favorites:focus:before {
outline: dashed 1px #222;
outline-offset: 2px;
border-width: 0px;
}
.spill-layout.search-layout .spill-grid {
margin: 0 0 45px -12px;
width: 1020px;
float: left;
}
.spill-layout.search-layout .spill-grid .product-miniset {
width: 245px;
min-height: 400px;
height: auto;
margin: 0 -7px 12px 12px;
}
.spill-layout.search-layout .spill-grid .product-miniset .favorite-wrap-search {
width: inherit;
}
.spill-layout.search-layout .spill-grid .product-miniset .search-sli {
display: block;
float: left;
padding-top: 5px;
width: 100%;
}
.spill-layout.search-layout .spill-grid .product-miniset .search-sli span {
display: block;
padding-top: 3px;
color: #222;
font-size: 11px;
font-weight: 600;
font-family: var(--webfont-primary, sans-serif);
}
.spill-layout.search-layout .spill-grid .product-miniset .product-miniset-thumbnail {
height: 243px;
}
.spill-layout.search-layout .seo-common-searches h1 {
margin-left: 13px;
}
.spill-layout.search-layout .seo-common-searches a {
color: black;
}
.spill-layout.search-layout .seo-common-searches .seo-col {
width: 40%;
float: left;
}
@media screen and (max-width: 768px) {
.spill-layout.search-layout .seo-common-searches .seo-col {
width: 21%;
}
}
.spill-layout .jcarousel-next-horizontal,
.spill-layout .jcarousel-prev-horizontal {
position: absolute;
}
@media screen and (min-width: 768px) {
.spill.spill-search-empty .chat-container {
padding: 40px 0;
}
.spill.spill-search-empty .chat-container p {
display: inline-block;
margin-right: 10px;
}
.spill.spill-search-empty .chat-container p span {
display: inline;
}
}
/* Housewares Spill, *not* Furniture */
.housewares-spill-layout:not(.furniture-spill) .is-interactive .image-map-container, .spill-layout .is-interactive .image-map-container {
position: relative;
display: flex;
line-height: 14px;
margin-bottom: 16px;
min-height: 15px;
}
.housewares-spill-layout:not(.furniture-spill) .is-interactive .image-map-container map, .spill-layout .is-interactive .image-map-container map {
position: absolute;
height: 8px;
width: 27px;
top: 18px;
left: 0;
background: 0;
}
.housewares-spill-layout:not(.furniture-spill) .is-interactive .image-map-container map area:focus, .spill-layout .is-interactive .image-map-container map area:focus {
outline: none;
border: 0;
content: "";
position: absolute;
background: #222;
margin-top: -18px;
height: 1px;
width: 100%;
}
.housewares-spill-layout:not(.furniture-spill) .is-interactive .image-map-container map .image-map-underline, .spill-layout .is-interactive .image-map-container map .image-map-underline {
margin-top: -18px;
position: absolute;
background: #222;
width: 100%;
height: 2px;
}
.housewares-spill-layout:not(.furniture-spill) .is-interactive .image-map-container area:focus, .spill-layout .is-interactive .image-map-container area:focus {
border: none;
outline: none;
}
.housewares-spill-layout:not(.furniture-spill) .spill-special-order-swatch-bar, .spill-layout .spill-special-order-swatch-bar {
margin-bottom: 5px;
}
/* Recently viewed */
.sectionHeader {
color: #222;
font: 300 18px/1.2 var(--webfont-primary, sans-serif);
text-align: center;
margin: 0;
padding: 10px 0 5px 0;
}
span.sectionHeader {
display: block;
}
.sectionHeaderAnchor, .sectionHeaderAnchor:link, .sectionHeaderAnchor:visited, .sectionHeaderAnchor:active, .sectionHeaderAnchor:not([href]):hover, .sectionHeaderAnchor:not([href]):focus {
color: #222;
text-decoration: none;
}
.sectionTagline {
color: #222;
font: 400 30px/1 "ITC Century Book", Georgia, serif;
font-style: italic;
text-align: center;
margin: 0;
padding: 0 0 15px 0;
}
.rugTagline {
background-color: #F0EFED;
text-align: left;
padding: 30px 0 30px 30px;
border-top: solid 1px #ccc;
margin: 0;
}
/* Product Recently Viewed */
.spill-recently-viewed {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
.spill-recently-viewed .spill-recently-viewed-description {
color: #222;
display: none;
font-size: 12px;
line-height: 1em;
}
.spill-recently-viewed .spill-recently-viewed-description .title {
display: block;
font-weight: 600;
padding: 10px 0 5px;
}
.spill-recently-viewed .spill-recently-viewed-item {
display: inline-block;
line-height: 1.2;
height: 250px;
margin: 0;
text-align: left;
vertical-align: top;
width: 121px;
}
.spill-recently-viewed .spill-recently-viewed-link {
text-decoration: none;
}
.spill-recently-viewed .spill-recently-viewed-link:hover .spill-recently-viewed-description {
display: block;
}
/* /Product Recently Viewed */
/* Drawers used in GR and customer Service
-------------------------------------------------------------------*/
.drawerBox {
float: left;
width: 998px;
}
.drawerBoxBorder {
float: left;
width: 998px;
border-bottom: 2px solid #e6e7e9;
}
.drawerBoxHeader h2,
.drawerBoxHeader h3 {
background: url(/Assets/Backgrounds/registryList_gradient.gif) repeat-x 0 bottom;
color: #000;
font: bold 18px/30px var(--webfont-primary, sans-serif);
padding: 15px 0 0 15px;
margin: 0;
width: 983px;
height: 30px;
}
.drawerBoxHeader h2 span,
.drawerBoxHeader h3 span {
float: left;
padding-top: 3px;
}
.drawerBox .closed h2 .arrow,
.drawerBox .closed h3 .arrow {
background: url(//images.crateandbarrel.com/is/image/Crate/cb-desktop-sprite-super?fmt=png-alpha) no-repeat -349px -145px;
height: 12px;
margin: 13px 8px 0 0;
width: 12px;
}
.drawerBox .open h2 .arrow,
.drawerBox .open h3 .arrow {
background: url(//images.crateandbarrel.com/is/image/Crate/cb-desktop-sprite-super?fmt=png-alpha) no-repeat -349px -121px;
height: 12px;
margin: 13px 8px 0 0;
width: 12px;
}
.drawerBoxHeader h2:hover,
.drawerBoxHeader h3:hover {
cursor: pointer;
cursor: hand;
}
.drawerBoxContent {
float: left;
width: 998px;
}
.drawerBoxContent .carousel5up .jcarousel-container-horizontal {
overflow: hidden;
width: 998px;
}
.drawerBoxContent .carousel5up .jcarousel-clip-horizontal {
margin: 0;
overflow: hidden;
width: 936px;
margin: 0 31px;
}
.drawerBoxContent .carousel5up .thumbView {
height: 220px !important;
}
.drawerBoxContent .carousel5up .thumbView li {
height: 220px !important;
width: 156px !important;
}
.drawerBoxContent .carousel5up .thumbView li a {
float: left;
width: 156px !important;
font: bold 14px/18px var(--webfont-primary, sans-serif);
color: #000;
}
.drawerBoxContent .carousel5up .thumbView li a span {
float: left;
padding: 0 20px;
}
.drawerBoxContent .carousel5up .thumbView li a img {
float: left;
padding: 30px 20px 20px;
}
.drawerBoxContent .jcarousel-next-horizontal,
.drawerBoxContent .jcarousel-prev-horizontal {
top: 50px;
}
/* Guided Navigation Tab Items
-------------------------------------------------------*/
.searchContent.spill ._resultsForText h1 {
font-size: 38px;
}
.searchContent.spill #guidedNavigation {
border-top: 2px solid #000;
}
.searchContent.spill #guidedNavigation ul.leftNav {
width: auto !important;
}
.searchContent.spill #guidedNavigation ul.leftNav li a {
color: #222 !important;
}
.searchContent.spill #guidedNavigation .sortByLabel {
margin: 11px 12px 0 5px;
}
#guidedNavigation .guidedNavigationTabItems {
float: left;
height: auto;
width: 1010px;
margin: 0;
background: transparent;
padding: 0;
margin: 0 0 10px -10px;
}
#guidedNavigation .guidedNavigationTabItems .columns {
display: inline-block;
vertical-align: top;
}
#guidedNavigation .guidedNavigationTabItems .first_column {
width: 25%;
}
#guidedNavigation .guidedNavigationTabItems .first_column .guidedNavShowAll,
#guidedNavigation .guidedNavigationTabItems .first_column .guidedNavClearAll {
background: none;
border: none;
color: #222 !important;
font-weight: normal !important;
font-size: 12px !important;
margin: 0;
padding: 7px 10px 0;
width: auto;
}
#guidedNavigation .guidedNavigationTabItems .second_column {
display: inline-block;
width: 72%;
}
#guidedNavigation .guidedNavigationTabItems .second_column a {
background-color: #fafafa;
border: solid 1px #bfc5ce;
color: #333;
display: block;
font-weight: normal;
margin: 5px 10px 0 0;
padding: 0;
text-decoration: none;
text-shadow: -1px -1px #fff;
width: 77px;
}
#guidedNavigation .guidedNavigationTabItems .second_column a:hover {
text-decoration: underline;
}
#guidedNavigation .guidedNavigationTabItems .third_column {
display: inline-block;
width: 996px;
}
#guidedNavigation .guidedNavigationTabItems .showOnly {
display: inline-block;
font-size: 12px;
}
#guidedNavigation .guidedNavigationTabItems .sortBylabel {
display: inline-block;
font-size: 12px;
margin: 11px 15px 6px 0;
}
#guidedNavigation .guidedNavigationTabItems .mobile-select-wrapper {
display: inline-block;
margin: 0 0 -11px 0;
width: 150px;
}
#guidedNavigation .guidedNavigationTabItems .mobile-select-wrapper select {
background-color: #F5F6F8;
border: 1px solid #e9e9e9;
border-radius: 2px;
font-weight: 600;
padding: 6px 8px;
width: 100%;
}
#guidedNavigation .guidedNavigationTabItems .leftNav {
display: inline-block;
height: 37px;
margin: 0 10px 0 0 !important;
overflow: hidden;
width: auto;
}
#guidedNavigation .guidedNavigationTabItems .firstTab {
display: none;
}
#guidedNavigation .guidedNavigationTabItems .leftNav ul,
#guidedNavigation .guidedNavigationTabItems .leftNav li {
float: left;
clear: none;
margin: 0;
width: auto;
height: 37px;
display: block !important;
background: none !important;
white-space: nowrap;
padding: 0 !important;
}
#guidedNavigation .guidedNavigationTabItems .leftNav ul {
width: 725px;
}
#guidedNavigation .guidedNavigationTabItems .leftNav a,
#guidedNavigation .guidedNavigationTabItems .leftNav a:link,
#guidedNavigation .guidedNavigationTabItems .leftNav a:visited,
#guidedNavigation .guidedNavigationTabItems .leftNav a:active {
font: normal 12px var(--webfont-primary, sans-serif);
border: none !important;
line-height: 1.5;
color: #222 !important;
float: left;
height: 12px;
width: auto;
margin: 11px 0;
padding: 0 15px 6px 20px;
}
#guidedNavigation .guidedNavigationTabItems .leftNav li:hover a.parentNavItem {
color: #0165b1 !important;
text-decoration: none !important;
}
#guidedNavigation .guidedNavigationTabItems .leftNav li a.parentNavItem:hover {
text-decoration: underline !important;
}
#guidedNavigation .guidedNavigationTabItems .firstTab a.checked,
#guidedNavigation .guidedNavigationTabItems .firstTab a.checked:link,
#guidedNavigation .guidedNavigationTabItems .firstTab a.checked:visited,
#guidedNavigation .guidedNavigationTabItems .firstTab a.checked:active,
#guidedNavigation .guidedNavigationTabItems .leftNav a.active,
#guidedNavigation .guidedNavigationTabItems .leftNav a.active:link,
#guidedNavigation .guidedNavigationTabItems .leftNav a.active:visited,
#guidedNavigation .guidedNavigationTabItems .leftNav a.active:active {
color: #222 !important;
background-color: #fff !important;
display: block;
}
#guidedNavigation .guidedNavigationTabItems .firstTab a.checked:hover,
#guidedNavigation .guidedNavigationTabItems .leftNav a.active:hover {
text-decoration: underline;
}
#guidedNavigation .guidedNavigationTabItems .firstTab a.unchecked,
#guidedNavigation .guidedNavigationTabItems .firstTab a.unchecked:link,
#guidedNavigation .guidedNavigationTabItems .firstTab a.unchecked:visited,
#guidedNavigation .guidedNavigationTabItems .firstTab a.unchecked:active {
background: none !important;
display: block;
}
.spill .spillContentHeader .sortControl {
top: 45px;
}
.spill .guidedNavSearchHeading {
display: none;
}
.spill .searchHeadingAdjustment {
margin-top: 0;
margin-bottom: 0;
padding: 3px 0 0;
width: 598px;
color: #666;
font-weight: normal;
}
.spill .searchHeadingAdjustment .number {
color: #000;
font-weight: bold;
}
.spill .searchHeadingAdjustment a {
font-weight: bold;
}
.spill .guidedNavItem {
margin: 0;
border: 0;
}
.spill .searchSectionHeading .headingDiv {
display: block;
float: left;
clear: both;
}
.spill .guidedNavigationTabItems,
.searchPage .guidedNavigationTabItems {
display: block;
}
#guidedNavigation .guidedNavigationTabItems input[type="checkbox"],
#guidedNavigation .guidedNavigationTabItems input[type="radio"] {
float: left;
margin: 2px 7px 0 0;
}
.spill .spillContentHeader {
position: static;
/*width:998px;*/
border: 0 none;
border-bottom: 2px solid #e6e7e9;
display: block;
}
.spill .spillContentHeader #_h1TitleNewGuidedNav {
height: 30px;
}
.searchPage .spillContentHeader {
display: none !important;
}
.searchContentHeader {
float: left;
position: relative;
width: 998px;
height: 51px;
border-top: 2px solid #e6e7e9;
border-bottom: 2px solid #e6e7e9;
}
.search-results-page-title {
border-bottom: 2px solid #222;
padding: 0 0 17px 15px;
}
.search-results-page-title h1 {
font-size: 30px;
font-weight: 300;
margin: 20px 0 6px;
}
.search-results-page-title > #_productMatch {
font: normal 12px/14px var(--webfont-primary, sans-serif);
color: #666;
}
.seo-spill-layout .section-related-searches li {
display: inline-block;
}
.seo-spill-layout .section-related-searches li a {
margin: 0 20px 0 0;
}
.video-theme .popup-container .popup-content .popup-container {
box-sizing: border-box;
margin-top: 103px !important;
}
.spill-layout .twoWideContent .product-miniset {
width: 498px;
height: 428px;
}
.spill-layout .twoWideContent .product-miniset .product-miniset-thumbnail {
height: initial;
}
/* #region old super/category styles until new resposnive design launches ------ */
.spill {
box-sizing: border-box;
padding: 0 1.2em;
}
.spill .row [class*="col-xs"] {
min-height: 0;
}
.spill .row [class*="col-xs-6"] {
border-left: 1px solid #d8d8d8;
border-right: medium none;
border-top: 1px solid #d8d8d8;
margin-left: -1px;
padding-left: 1.3em;
}
.spill .row [class*="col-xs-6"]:nth-child(2n+1) {
border-left: medium none;
border-right: 1px solid #d8d8d8;
clear: both;
padding-left: 0;
padding-right: 1.3em;
}
.spill .product {
padding-top: .7em;
}
.spill .product a {
display: block;
text-align: center;
}
.spill .product .productName {
color: #222;
text-align: left;
}
/* #endregion ------------------------------------------------------------------ */
/* category (super category and category pages)
/*-------------------------------------------------------------------------------*/
/* ===== Mobile and Up ===== */
h1 {
padding: 1em 0 .75em;
/* class category is not applied to super category pages, so need to override general H1 settings. */
}
.category {
box-sizing: border-box;
*zoom: 1;
padding: 0;
position: relative;
}
.category:before, .category:after {
display: table;
content: "";
line-height: 0;
}
.category:after {
clear: both;
}
.category h1 {
box-sizing: border-box;
*zoom: 1;
line-height: 1.3em;
margin: 0;
padding: 1em .9em;
}
.category h1:before, .category h1:after {
display: table;
content: "";
line-height: 0;
}
.category h1:after {
clear: both;
}
.category .skip-link {
position: absolute;
right: 1em;
top: .75em;
padding: 1em;
transition: background 1s ease, color 1s ease;
overflow: hidden;
width: 1px;
height: 1px;
text-indent: 1em;
outline: dashed 1px;
background: rgba(0, 0, 0, 0);
color: rgba(255, 255, 255, 0);
}
.category .skip-link:focus {
width: auto;
height: auto;
text-indent: 0;
outline: dashed 1px #626262;
background: #fff;
color: #222;
}
.category .recently-viewed-wrapper {
padding: 0 1.2em;
}
.category .back-to-previous-category a {
padding: 1em 1.3em .5em;
color: #666;
font-size: .9em;
position: relative;
display: block;
}
.category .back-to-previous-category a [class*="icon-"] {
width: 1em;
height: 1em;
padding: .5em;
background: #333;
text-align: center;
border-radius: 50%;
font-size: .9em;
color: #fff;
left: -0.25em;
top: .5em;
margin-right: .4em;
}
.category .category-nav-column,
.category .category-nav,
.category .category-main-content,
.category .category-CMS-small,
.category .category-CMS-large,
.category .category-CMS-extra,
.category .category-items-container {
box-sizing: border-box;
}
.category .category-CMS-extra {
background: #f8f8f8;
border-top: 0.4em solid #e0e0e0;
}
.category .category-nav-column #category-navigation {
background: rgba(0, 0, 0, 0);
color: rgba(255, 255, 255, 0);
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.category .category-nav-column #category-navigation:focus, .category .category-nav-column #category-navigation.focused {
/* Keeps text revealed after keyboard tabs onwards */
transition: background 2s ease, color 2s ease;
display: block;
clip: auto;
width: auto;
height: auto;
margin-bottom: -1em;
padding: 1em;
position: static;
font-weight: bold;
background: #fff;
color: #222;
}
.category .category-nav-column #category-navigation:focus {
/* JS or not, remove outline when keyboard tabs onwards */
transition: all 2s ease;
outline: dashed 1px gray;
}
.category .category-nav {
border: solid #e0e0e0;
border-width: 0.1em 0.1em 0 0.1em;
}
.category .category-nav > li {
position: relative;
display: block;
border-bottom: 0.1em solid #e0e0e0;
font-size: 1.2em;
}
.category .category-nav > li.category-gift-combinations {
display: none;
}
.category .category-nav > li > ul {
/* If children - hide the kids! */
display: none;
}
.category .category-nav > li > ul > li > a [class*="icon-"] {
display: none;
}
.category .category-nav a {
display: block;
padding: .9em 1em 0.8em;
color: #222;
position: relative;
}
.category .category-nav a:focus {
color: #222;
}
.category .category-nav a [class*="icon-"] {
position: absolute;
top: 1em;
right: 1em;
color: #eee;
}
.category .category-main-content {
overflow: hidden;
margin: 0;
}
.category .category-items-container {
position: relative;
}
.category .category-items-container:before {
content: "";
width: 1px;
height: 100%;
background: #e0e0e0;
position: absolute;
left: 50%;
top: 0;
}
.category .category-items-container > .row > .col-xs-6:nth-child(odd) {
clear: left;
}
.category .category-items-container > .row > .col-xs-6:nth-child(odd):before {
content: "";
display: block;
width: 200%;
height: 1px;
background: #e0e0e0;
}
.category #recently-viewed-container .section-recently-viewed {
padding: 0 1.3em;
}
.category #recently-viewed-container .section-recently-viewed li a img {
margin-right: 0.5em;
}
.category .product {
padding: 1em;
}
.category .product .product-thumb {
text-align: center;
}
.category #super-category-sign-in-button {
display: none;
}
.reveal-seo-container .reveal-content {
max-height: 250px;
overflow: hidden;
transition: max-height 0.5s ease-out;
position: relative;
}
.reveal-seo-container .reveal-content:after {
content: "";
position: absolute;
z-index: 1;
bottom: -39px;
left: 0;
pointer-events: none;
background-image: linear-gradient(to bottom, rgba(240, 239, 237, 0), #fff 70%);
width: 100%;
height: 140px;
transition: all 1s linear;
}
.reveal-seo-container .reveal-content h2 {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
color: #222;
}
.reveal-seo-container .reveal-content p {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
color: #666666;
}
.reveal-seo-container .reveal-content ~ .js-reveal-toggle .icon-angle-up {
transform: rotate(180deg);
height: 18px;
width: 18px;
-webkit-transition: .1s all ease;
-moz-transition: .1s all ease;
-o-transition: .1s all ease;
transition: .1s all ease;
float: right;
margin-left: 5px;
position: relative;
font-size: 24px;
}
.reveal-seo-container .reveal-content ~ .js-reveal-toggle .icon-angle-up:before {
position: absolute;
top: -5px;
left: 1px;
}
.reveal-seo-container .revealed-content {
max-height: 3000px;
transition: max-height 0.8s ease-in;
}
.reveal-seo-container .revealed-content:after {
height: 0px;
}
.reveal-seo-container .revealed-content ~ .js-reveal-toggle .icon-angle-up {
transform: rotate(0deg);
}
.reveal-seo-container .js-reveal-toggle {
margin: 10px 0;
float: left;
display: block !important;
color: #222;
height: auto;
background: none;
padding: 0;
}
.reveal-seo-container .js-reveal-toggle:hover {
color: #222;
}
.reveal-category-content h2 {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
}
/* ===== Tablet and Up ===== */
@media screen and (min-width: 768px) {
.category {
padding: 0;
}
.category h1 {
font-size: 3em;
line-height: 1;
margin: 0;
padding: .47em .35em;
}
.category .category-content {
*zoom: 1;
padding-left: 252px;
}
.category .category-content:before, .category .category-content:after {
display: table;
content: "";
line-height: 0;
}
.category .category-content:after {
clear: both;
}
.category .category-nav-column {
float: left;
margin-left: -252px;
width: 222px;
overflow: hidden;
}
.category .category-nav {
border: 0;
border-bottom: solid 1px #e6e7e9;
font-size: 1em;
line-height: 1em;
padding: 0;
}
.category .category-nav li a {
display: block;
padding: .5em 0 .5em 1em;
color: #000;
border: 0;
font-size: 1em;
}
.category .category-nav li a:focus {
outline: dashed 1px gray;
}
.category .category-nav > li {
/* first level only */
border-top: solid 1px #e6e7e9;
}
.category .category-nav > li > a {
/* first level only */
font-weight: bold;
margin-top: 1em;
}
.category .category-nav > li > a:only-child {
/* If first level has no children */
margin-bottom: 1em;
}
.category .category-nav > li > a [class*="icon-"] {
display: none;
}
.category .category-nav > li:first-child {
/* except very first item */
border: 0;
/*> a {
padding-top:0;
}*/
}
.category .category-nav > li > ul {
/* If children - let the kids out to play! */
display: block;
padding-bottom: 1em;
}
.category .category-nav > li > ul > li > ul li a {
/* If grandchildren - give 'em a little bump in */
padding-left: 2em;
}
.category .category-nav .back-to-previous-category a {
padding-left: 1em;
}
.category .category-nav .back-to-previous-category a:only-child {
margin-top: .5em;
margin-bottom: .5em;
}
.category .category-nav .back-to-previous-category a [class*="icon-"] {
display: inline-block;
left: -.25em;
top: .5em;
}
.category .category-main-content {
float: right;
overflow: hidden;
margin: 0;
width: 100%;
}
.category .category-CMS-small,
.category .category-CMS-large,
.category .category-CMS-extra,
.category .category-items-container {
float: left;
width: 100%;
}
.category .category-CMS-small .product-name:focus .product-thumb,
.category .category-CMS-large .product-name:focus .product-thumb,
.category .category-CMS-extra .product-name:focus .product-thumb,
.category .category-items-container .product-name:focus .product-thumb {
outline: dashed 1px #626262;
}
}
/* ===== Desktop and Up ===== */
@media screen and (min-width: 992px) {
.category .category-items-container:before {
left: 33.33%;
}
.category .category-items-container:after {
content: "";
width: 1px;
height: 100%;
background: #e0e0e0;
position: absolute;
left: 66.66%;
top: 0;
}
.category .category-items-container > .row > .col-xs-6:nth-child(odd) {
clear: none;
}
.category .category-items-container > .row > .col-xs-6:nth-child(odd):before {
display: none;
}
.category .category-items-container > .row > .col-xs-6:nth-child(3n+1) {
clear: left;
}
.category .category-items-container > .row > .col-xs-6:nth-child(3n+1):before {
content: "";
display: block;
width: 300%;
height: 1px;
background: #e0e0e0;
}
}
/* #region Furniture Journey All Collections Page */
.collections-all-page, .collections-all-page ~ .recently-viewed-container {
position: relative;
padding: 0 1.3em 1em;
}
.collections-all-page #description, .collections-all-page ~ .recently-viewed-container #description {
position: absolute;
left: 0;
bottom: 0;
margin: 0 1.3em 1.3em;
}
.collections-all-page .collection-group, .collections-all-page ~ .recently-viewed-container .collection-group {
margin-bottom: 2.6em;
}
.collections-all-page .collections-page-header, .collections-all-page ~ .recently-viewed-container .collections-page-header {
font-size: 1.5em;
line-height: 1.1em;
margin: 1em 0 .66em 0;
}
.collections-all-page .collection-info-header, .collections-all-page ~ .recently-viewed-container .collection-info-header {
margin: .66em 0 0 0;
font-size: 1.1em;
line-height: 1em;
}
.collections-all-page .collection-hero-img-link:focus .collection-hero-img, .collections-all-page ~ .recently-viewed-container .collection-hero-img-link:focus .collection-hero-img {
outline: dashed 1px #000;
}
.collections-all-page .collection-info-price, .collections-all-page ~ .recently-viewed-container .collection-info-price {
margin: 0;
font-size: 1em;
}
.collections-all-page .collection-swatches, .collections-all-page ~ .recently-viewed-container .collection-swatches,
.collections-all-page .collection-sku-examples,
.collections-all-page ~ .recently-viewed-container .collection-sku-examples {
clear: right;
}
.collections-all-page .collectionSwatchDetailsLink, .collections-all-page ~ .recently-viewed-container .collectionSwatchDetailsLink {
float: right;
margin: .66em 0 0 0;
font-size: 1.1em;
width: 100%;
}
.collections-all-page .collectionSwatchDetailsLink .all-collection-special-order-swatch-bar img, .collections-all-page ~ .recently-viewed-container .collectionSwatchDetailsLink .all-collection-special-order-swatch-bar img {
float: left;
margin: 0 0 1px 1px;
width: calc(16.6666% - 1px);
}
.collections-all-page .collectionSwatchDetailsLink .all-collection-special-order-swatch-bar .swatch-count, .collections-all-page ~ .recently-viewed-container .collectionSwatchDetailsLink .all-collection-special-order-swatch-bar .swatch-count {
clear: left;
float: left;
margin: 2px 0 0 0;
font-size: .78em;
color: #000;
}
.collections-all-page .collection-swatch-image-map, .collections-all-page ~ .recently-viewed-container .collection-swatch-image-map {
margin-top: .79em;
}
.collections-all-page .collection-info-header-link, .collections-all-page ~ .recently-viewed-container .collection-info-header-link,
.collections-all-page .collection-info-price-link,
.collections-all-page ~ .recently-viewed-container .collection-info-price-link,
.collections-all-page .collection-swatch-details-link,
.collections-all-page ~ .recently-viewed-container .collection-swatch-details-link,
.collections-all-page .collection-sku-examples-total-link,
.collections-all-page ~ .recently-viewed-container .collection-sku-examples-total-link {
color: #000;
}
.collections-all-page .collection-info-header-link:focus, .collections-all-page ~ .recently-viewed-container .collection-info-header-link:focus,
.collections-all-page .collection-info-price-link:focus,
.collections-all-page ~ .recently-viewed-container .collection-info-price-link:focus,
.collections-all-page .collection-swatch-details-link:focus,
.collections-all-page ~ .recently-viewed-container .collection-swatch-details-link:focus,
.collections-all-page .collection-sku-examples-total-link:focus,
.collections-all-page ~ .recently-viewed-container .collection-sku-examples-total-link:focus {
text-decoration: underline;
/* accessibility */
}
.collections-all-page .collection-info-price-link .limited-time-offer, .collections-all-page ~ .recently-viewed-container .collection-info-price-link .limited-time-offer {
color: #b00;
font-size: 14px;
display: block;
clear: left;
}
.collections-all-page .collection-info-header-link, .collections-all-page ~ .recently-viewed-container .collection-info-header-link {
line-height: 1.3em;
}
.collections-all-page .collection-swatch-details-link, .collections-all-page ~ .recently-viewed-container .collection-swatch-details-link,
.collections-all-page .collection-sku-examples-total-link,
.collections-all-page ~ .recently-viewed-container .collection-sku-examples-total-link {
position: relative;
top: .3em;
font-size: 12px;
}
.collections-all-page .collection-sku-examples-total-link, .collections-all-page ~ .recently-viewed-container .collection-sku-examples-total-link {
top: 0;
line-height: 1.1em;
}
/* #endregion Furniture Journey All Collections Page */
/* #region Furniture Journey All Collections Page - TINY MOBILE SCREENS */
@media screen and (max-width: 400px) {
.collections-all-page, .collections-all-page ~ .recently-viewed-container {
padding: 0 1.3em 1em;
}
}
/* #endregion */
/* #region Furniture Journey Single Collection Page */
.collections-single-page {
padding: 0 1.3em 0;
}
.collections-single-page .single-collection-header {
font-size: 1.5em;
line-height: 1.1em;
margin: .66em 0 .33em 0;
}
.collections-single-page .single-collection-description {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.collections-single-page .swatch-bar {
border: 0;
margin-top: 0;
margin-bottom: 0;
}
.collections-single-page .create-your-own {
float: left;
margin-top: 8px;
}
.collections-single-page .custom-swatch-carousel {
margin-top: 0;
}
.collections-single-page .single-collection-sub-group-header {
clear: left;
color: #000;
font-size: 1.1em;
line-height: 1.8;
text-align: center;
margin: 0;
padding: 2.5em 0 .33em 0;
}
.collections-single-page .single-collection-sub-group-header:first-of-type {
padding-top: 1.25em;
}
.collections-single-page .single-collection-sub-group-header .fjH,
.collections-single-page .single-collection-sub-group-header-tagline {
font-size: 1.2em;
line-height: 1;
text-align: center;
display: block;
color: #000;
clear: both;
padding: 0 0 .5em;
}
.collections-single-page .variable-row-item-count-spill-list {
clear: left;
float: none;
margin: 0 0 1.42em 0;
padding: 0;
text-align: center;
width: 100%;
}
.collections-single-page .variable-row-item-count-spill-list-item {
float: none;
display: inline-block;
margin: 0;
padding: 0;
vertical-align: bottom;
}
.collections-single-page .variable-row-item-count-spill-list-item-img-link {
display: inline-block;
padding: 1.78em 1.42em;
color: #000 !important;
}
.collections-single-page .variable-row-item-count-spill-list-item-img-link:focus {
outline: dashed 1px #717171;
}
.collections-single-page .variable-row-item-count-spill-list-item-img {
display: inline-block;
}
.collections-single-page .variable-row-item-count-spill-list-item-name {
font-size: 1em;
line-height: 1.28em;
color: #000;
margin: 0;
}
.collections-single-page .variable-row-item-count-spill-list-item-options {
font-size: 1em;
line-height: 1.42em;
color: #000;
}
.collections-single-page .variable-row-item-count-spill-list-item-price {
font-size: 1em;
line-height: 1.28em;
color: #000;
}
/* #endregion Furniture Journey Single Collection Page */
/* =============================================================================================
Merch Menu Styling
============================================================================================== */
.merchMenuContainer {
clear: left;
max-width: 1008px;
margin: 0 auto;
}
#merchMenu {
display: block;
height: 200px;
}
.merchMenuContainer .merchMenu-column {
background: transparent;
margin: 30px 0 15px;
width: 245px;
float: left;
position: relative;
display: inline;
border-right: 1px solid #eee;
height: auto;
max-height: 400px;
}
.merchMenuContainer .fourWide .merchMenu-column {
width: 24%;
}
.merchMenuContainer .threeWide .merchMenu-column {
width: 33%;
}
.merchMenuContainer .merchMenu-column:last-child,
.merchMenuContainer .threeWide .merchMenu-column:last-child,
.merchMenuContainer .fourWide .merchMenu-column:last-child {
border-right: 0;
}
.merchMenuContainer .merchMenu-column .menu-list {
margin: 0;
float: left;
list-style: none;
padding: 10px 35px 0 40px;
position: relative;
}
.merchMenuContainer .merchMenu-column .menu-list ul.menu {
height: 80px;
overflow: hidden;
float: left;
}
.merchMenuContainer .merchMenu-column .menu-list.active {
position: absolute;
z-index: 500;
left: -1px;
top: -1px;
background: #f8f8f8;
border: 1px solid #ccc;
width: 180px;
overflow: visible;
padding-bottom: 20px;
}
.merchMenuContainer .merchMenu-column .menu-list .menu.active {
height: auto;
}
.merchMenuContainer .merchMenu-column .menu-list .menu-category {
padding: 5px 0 4px 5px;
font-size: 13px;
font-weight: bold;
line-height: 15px;
height: auto;
color: #000;
text-align: left;
letter-spacing: 0;
float: left;
margin-top: 5px;
margin-bottom: 0;
}
.merchMenuContainer .merchMenu-column .menu-list .menu-item > a,
.merchMenuContainer .merchMenu-column .menu-list .menu-item > span {
color: #333;
font: normal 13px/16px var(--webfont-primary, sans-serif);
letter-spacing: 0;
padding: 2px 5px 3px 5px;
float: left;
clear: both;
display: block;
width: 165px;
}
.merchMenuContainer .merchMenu-column .menu-list .menu-item > a:hover,
.merchMenuContainer .merchMenu-column .menu-list .menu-item > span:hover {
text-decoration: none;
background: #444;
color: #fff;
}
.more {
position: relative;
clear: both;
float: left;
padding: 20px 10px 10px 25px;
display: block;
color: #222;
z-index: 500;
font: bold 12px/28px var(--webfont-primary, sans-serif);
}
.more:hover {
text-decoration: none;
color: #222;
}
.merchMenuContainer .merchMenu-column .menu-list.active .more {
display: none;
}
#category-back-layer {
height: 500px;
width: 100%;
display: block;
background-size: cover !important;
}
/* SEO related searches */
.section-related-container {
padding: 0 1.3em;
}
.section-related-searches {
padding-bottom: 1.3em;
}
.section-related-searches li {
margin: .8em 0;
}
.home {
border: 1px solid transparent;
padding-bottom: .5em;
}
/* BV review style overrides */
.product-crate span.bv-rating-stars.bv-rating-stars-off,
.product-crate span.bv-rating-stars-on.bv-rating-stars,
.family-crate span.bv-rating-stars.bv-rating-stars-off,
.family-crate span.bv-rating-stars-on.bv-rating-stars {
letter-spacing: .15em !important;
}
.product-crate .review-stars button.bv-write-review.bv-focusable.bv-submission-button,
.family-crate .review-stars button.bv-write-review.bv-focusable.bv-submission-button {
color: #fff !important;
}
.product-crate .review-stars .bv-rating-stars-container.bv-focusable span.bv-rating-stars.bv-rating-stars-off,
.product-crate .review-stars .bv-rating-stars-container.bv-focusable span.bv-rating-stars-on.bv-rating-stars,
.family-crate .review-stars .bv-rating-stars-container.bv-focusable span.bv-rating-stars.bv-rating-stars-off,
.family-crate .review-stars .bv-rating-stars-container.bv-focusable span.bv-rating-stars-on.bv-rating-stars {
font-size: 24px !important;
letter-spacing: .1em !important;
}
.product-crate .review-stars .bv-cleanslate .bv-core-container-403 .bv-summary-bar-minimalist-horizontal .bv-stars-container,
.family-crate .review-stars .bv-cleanslate .bv-core-container-403 .bv-summary-bar-minimalist-horizontal .bv-stars-container {
margin-right: 0 !important;
}
.product-crate span.review-count,
.family-crate span.review-count {
color: #222 !important;
font-size: 1.1em !important;
}
.responsive-search {
min-height: 550px;
}
.responsive-search .spill-layout {
min-height: initial;
}
.responsive-search .sli-search-banner {
display: none;
}
.responsive-search .scb-search .left-column, .responsive-search.scb-search .left-column, .responsive-search .scb-search-empty .left-column, .responsive-search.scb-search-empty .left-column {
display: none;
}
.responsive-search .scb-search .search-term-info, .responsive-search.scb-search .search-term-info, .responsive-search .scb-search-empty .search-term-info, .responsive-search.scb-search-empty .search-term-info {
margin: 25px 0 0 0;
}
.responsive-search .scb-search .search-suggestions, .responsive-search.scb-search .search-suggestions, .responsive-search .scb-search-empty .search-suggestions, .responsive-search.scb-search-empty .search-suggestions {
margin: 0 0 20px 0;
padding: 0;
width: 100%;
height: 21px;
overflow: hidden;
}
.responsive-search .scb-search .search-suggestions .suggested-title, .responsive-search.scb-search .search-suggestions .suggested-title, .responsive-search .scb-search-empty .search-suggestions .suggested-title, .responsive-search.scb-search-empty .search-suggestions .suggested-title {
display: inline;
}
.responsive-search .scb-search .search-suggestions ul, .responsive-search.scb-search .search-suggestions ul, .responsive-search .scb-search-empty .search-suggestions ul, .responsive-search.scb-search-empty .search-suggestions ul {
list-style-type: none;
overflow: hidden;
padding: 0;
display: inline;
}
.responsive-search .scb-search .search-suggestions ul li, .responsive-search.scb-search .search-suggestions ul li, .responsive-search .scb-search-empty .search-suggestions ul li, .responsive-search.scb-search-empty .search-suggestions ul li {
display: inline-block;
float: none;
white-space: nowrap;
border-bottom: solid 1px #666;
margin: 0 10px;
}
.responsive-search .scb-search .search-suggestions ul li a, .responsive-search.scb-search .search-suggestions ul li a, .responsive-search .scb-search-empty .search-suggestions ul li a, .responsive-search.scb-search-empty .search-suggestions ul li a {
cursor: pointer;
}
.responsive-search .scb-search .search-suggestions ul li a:hover, .responsive-search.scb-search .search-suggestions ul li a:hover, .responsive-search .scb-search-empty .search-suggestions ul li a:hover, .responsive-search.scb-search-empty .search-suggestions ul li a:hover {
text-decoration: none;
}
.responsive-search .scb-search .filter-layout-options, .responsive-search.scb-search .filter-layout-options, .responsive-search .scb-search-empty .filter-layout-options, .responsive-search.scb-search-empty .filter-layout-options {
display: grid;
grid-template-columns: 5fr 1fr 1fr;
-ms-grid-columns: 6fr 1fr 1fr;
align-items: center;
}
.responsive-search .scb-search .filter-layout-options .sort-and-filter, .responsive-search.scb-search .filter-layout-options .sort-and-filter, .responsive-search .scb-search-empty .filter-layout-options .sort-and-filter, .responsive-search.scb-search-empty .filter-layout-options .sort-and-filter {
margin-bottom: 0;
margin-right: 10px;
}
.responsive-search .scb-search .filter-layout-options .search-layout, .responsive-search.scb-search .filter-layout-options .search-layout, .responsive-search .scb-search-empty .filter-layout-options .search-layout, .responsive-search.scb-search-empty .filter-layout-options .search-layout {
height: 75%;
width: 70%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.responsive-search .scb-search .filter-layout-options .layout-icon, .responsive-search.scb-search .filter-layout-options .layout-icon, .responsive-search .scb-search-empty .filter-layout-options .layout-icon, .responsive-search.scb-search-empty .filter-layout-options .layout-icon {
height: 20px;
width: 20px;
}
/*@import '../../../../Styles/Common/base/base.xs.scss';*/
@media screen and (min-width: 768px) {
.responsive-search {
min-height: 750px;
}
.responsive-search .spill-layout {
min-height: initial;
}
.responsive-search .scb-search, .responsive-search.scb-search {
padding: 0;
}
.responsive-search .scb-search .search-suggestions, .responsive-search.scb-search .search-suggestions, .responsive-search .scb-search-empty .search-suggestions, .responsive-search.scb-search-empty .search-suggestions {
margin: 10px 0 40px 0;
padding: 0;
width: 100%;
height: 20px;
overflow: hidden;
}
.responsive-search .scb-search .search-suggestions .suggested-title, .responsive-search.scb-search .search-suggestions .suggested-title, .responsive-search .scb-search-empty .search-suggestions .suggested-title, .responsive-search.scb-search-empty .search-suggestions .suggested-title {
font-size: 14px;
display: inline;
margin-right: 10px;
}
.responsive-search .scb-search .search-suggestions ul, .responsive-search.scb-search .search-suggestions ul, .responsive-search .scb-search-empty .search-suggestions ul, .responsive-search.scb-search-empty .search-suggestions ul {
list-style-type: none;
overflow: hidden;
padding: 0;
display: inline;
}
.responsive-search .scb-search .search-suggestions ul li, .responsive-search.scb-search .search-suggestions ul li, .responsive-search .scb-search-empty .search-suggestions ul li, .responsive-search.scb-search-empty .search-suggestions ul li {
display: inline-block;
float: none;
white-space: nowrap;
font-size: 14px;
margin: 0 10px;
}
.responsive-search .scb-search .search-suggestions ul li a, .responsive-search.scb-search .search-suggestions ul li a, .responsive-search .scb-search-empty .search-suggestions ul li a, .responsive-search.scb-search-empty .search-suggestions ul li a {
cursor: pointer;
}
.responsive-search .scb-search .search-suggestions ul li a:hover, .responsive-search.scb-search .search-suggestions ul li a:hover, .responsive-search .scb-search-empty .search-suggestions ul li a:hover, .responsive-search.scb-search-empty .search-suggestions ul li a:hover {
text-decoration: none;
}
.responsive-search .scb-search .sli-search-filters, .responsive-search.scb-search .sli-search-filters, .responsive-search .scb-search-empty .sli-search-filters, .responsive-search.scb-search-empty .sli-search-filters {
display: inline;
float: left;
width: 100%;
margin-bottom: 25px;
position: relative;
}
.responsive-search .scb-search .sli-search-filters .product-filters, .responsive-search.scb-search .sli-search-filters .product-filters, .responsive-search .scb-search-empty .sli-search-filters .product-filters, .responsive-search.scb-search-empty .sli-search-filters .product-filters {
display: inline-block;
}
.responsive-search .scb-search .sli-search-filters .scb-sort, .responsive-search.scb-search .sli-search-filters .scb-sort, .responsive-search .scb-search-empty .sli-search-filters .scb-sort, .responsive-search.scb-search-empty .sli-search-filters .scb-sort {
display: block !important;
}
.responsive-search .scb-search .sli-search-filters .clear-filter, .responsive-search.scb-search .sli-search-filters .clear-filter, .responsive-search .scb-search-empty .sli-search-filters .clear-filter, .responsive-search.scb-search-empty .sli-search-filters .clear-filter {
cursor: pointer;
position: absolute;
right: 215px;
}
.responsive-search .scb-search .sli-search-filters .dropdown-container, .responsive-search.scb-search .sli-search-filters .dropdown-container, .responsive-search .scb-search-empty .sli-search-filters .dropdown-container, .responsive-search.scb-search-empty .sli-search-filters .dropdown-container {
display: inline-block;
position: relative;
padding-bottom: 10px;
}
.responsive-search .scb-search .sli-search-filters .dropdown, .responsive-search.scb-search .sli-search-filters .dropdown, .responsive-search .scb-search-empty .sli-search-filters .dropdown, .responsive-search.scb-search-empty .sli-search-filters .dropdown {
border: solid 1px;
display: inline-block;
font-size: 0;
position: relative;
box-sizing: border-box;
cursor: pointer;
}
.responsive-search .scb-search .sli-search-filters .dropdown.filtered, .responsive-search.scb-search .sli-search-filters .dropdown.filtered, .responsive-search .scb-search-empty .sli-search-filters .dropdown.filtered, .responsive-search.scb-search-empty .sli-search-filters .dropdown.filtered {
border: solid 1px;
}
.responsive-search .scb-search .sli-search-filters .dropdown .dropdown-content, .responsive-search.scb-search .sli-search-filters .dropdown .dropdown-content, .responsive-search .scb-search-empty .sli-search-filters .dropdown .dropdown-content, .responsive-search.scb-search-empty .sli-search-filters .dropdown .dropdown-content {
display: none;
position: absolute;
background-color: #fff;
}
.responsive-search .scb-search .sli-search-filters .dropdown .dropdown-content .apply-filter, .responsive-search.scb-search .sli-search-filters .dropdown .dropdown-content .apply-filter, .responsive-search .scb-search-empty .sli-search-filters .dropdown .dropdown-content .apply-filter, .responsive-search.scb-search-empty .sli-search-filters .dropdown .dropdown-content .apply-filter {
width: 93%;
margin-bottom: 5px;
}
.responsive-search .scb-search .sli-search-filters .dropdown .dropdown-content .clear-facet, .responsive-search.scb-search .sli-search-filters .dropdown .dropdown-content .clear-facet, .responsive-search .scb-search-empty .sli-search-filters .dropdown .dropdown-content .clear-facet, .responsive-search.scb-search-empty .sli-search-filters .dropdown .dropdown-content .clear-facet {
display: inline-block;
margin-bottom: 10px;
margin-left: 1px;
font-weight: normal;
font-size: 12px;
}
.responsive-search .scb-search .sli-search-filters .dropdown .selected-count, .responsive-search.scb-search .sli-search-filters .dropdown .selected-count, .responsive-search .scb-search-empty .sli-search-filters .dropdown .selected-count, .responsive-search.scb-search-empty .sli-search-filters .dropdown .selected-count {
display: inline;
padding: 0;
color: #222;
}
.responsive-search .scb-search .sli-search-filters .dropdown .filter-criteria, .responsive-search.scb-search .sli-search-filters .dropdown .filter-criteria, .responsive-search .scb-search-empty .sli-search-filters .dropdown .filter-criteria, .responsive-search.scb-search-empty .sli-search-filters .dropdown .filter-criteria {
position: relative;
border: solid 1px #ccc;
border-top: none;
margin-top: -1px;
margin-left: -1px;
background-color: #eee;
padding: 8px 0 0 15px;
}
.responsive-search .scb-search .sli-search-filters .dropdown .filter-criteria button, .responsive-search.scb-search .sli-search-filters .dropdown .filter-criteria button, .responsive-search .scb-search-empty .sli-search-filters .dropdown .filter-criteria button, .responsive-search.scb-search-empty .sli-search-filters .dropdown .filter-criteria button {
background: none;
border: none;
width: 44%;
padding-left: 0;
}
.responsive-search .scb-search .sli-search-filters .dropdown .filter-criteria button .cmpr_icon_radiobutton, .responsive-search.scb-search .sli-search-filters .dropdown .filter-criteria button .cmpr_icon_radiobutton, .responsive-search .scb-search-empty .sli-search-filters .dropdown .filter-criteria button .cmpr_icon_radiobutton, .responsive-search.scb-search-empty .sli-search-filters .dropdown .filter-criteria button .cmpr_icon_radiobutton {
border: 1px solid #bbb;
cursor: pointer;
margin: 2px 8px 1.6px 0;
background-color: #222 !important;
display: block;
float: left;
width: 11px;
height: 11px;
vertical-align: baseline;
line-height: normal;
}
.responsive-search .scb-search .sli-search-filters .dropdown .filter-criteria button label, .responsive-search.scb-search .sli-search-filters .dropdown .filter-criteria button label, .responsive-search .scb-search-empty .sli-search-filters .dropdown .filter-criteria button label, .responsive-search.scb-search-empty .sli-search-filters .dropdown .filter-criteria button label {
font-weight: 300 !important;
cursor: pointer;
font-size: 14px;
float: left;
text-transform: lowercase;
}
.responsive-search .scb-search .sli-search-filters .dropdown span, .responsive-search.scb-search .sli-search-filters .dropdown span, .responsive-search .scb-search-empty .sli-search-filters .dropdown span, .responsive-search.scb-search-empty .sli-search-filters .dropdown span {
clear: none;
padding: 10px 20px 10px 10px;
display: block;
font-size: 14px;
}
.responsive-search .scb-search .sli-search-filters .dropdown .border-hider, .responsive-search.scb-search .sli-search-filters .dropdown .border-hider, .responsive-search .scb-search-empty .sli-search-filters .dropdown .border-hider, .responsive-search.scb-search-empty .sli-search-filters .dropdown .border-hider {
height: 11px;
display: block;
position: relative;
background-color: #fff;
}
.responsive-search .scb-search .sli-search-filters .dropdown .filter-list-container, .responsive-search.scb-search .sli-search-filters .dropdown .filter-list-container, .responsive-search .scb-search-empty .sli-search-filters .dropdown .filter-list-container, .responsive-search.scb-search-empty .sli-search-filters .dropdown .filter-list-container {
padding: 10px 0 10px 15px;
}
.responsive-search .scb-search .sli-search-filters .dropdown .filter-by, .responsive-search.scb-search .sli-search-filters .dropdown .filter-by, .responsive-search .scb-search-empty .sli-search-filters .dropdown .filter-by, .responsive-search.scb-search-empty .sli-search-filters .dropdown .filter-by {
list-style-type: none;
font-size: 14px;
color: #444;
position: relative;
background: #fff;
border: solid 1px #666;
padding: 0;
margin: -1px 0 -1px -1px;
width: 250px;
box-sizing: border-box;
z-index: 2;
max-height: 400px;
overflow: hidden;
}
.responsive-search .scb-search .sli-search-filters .dropdown .filter-by .filter-list, .responsive-search.scb-search .sli-search-filters .dropdown .filter-by .filter-list, .responsive-search .scb-search-empty .sli-search-filters .dropdown .filter-by .filter-list, .responsive-search.scb-search-empty .sli-search-filters .dropdown .filter-by .filter-list {
margin-right: -15px;
width: 100%;
position: relative;
max-height: 320px;
overflow-y: auto;
}
.responsive-search .scb-search .sli-search-filters .dropdown .filter-by .filter-list li, .responsive-search.scb-search .sli-search-filters .dropdown .filter-by .filter-list li, .responsive-search .scb-search-empty .sli-search-filters .dropdown .filter-by .filter-list li, .responsive-search.scb-search-empty .sli-search-filters .dropdown .filter-by .filter-list li {
padding: 0;
}
.responsive-search .scb-search .sli-search-filters .dropdown .filter-by .filter-list li label, .responsive-search.scb-search .sli-search-filters .dropdown .filter-by .filter-list li label, .responsive-search .scb-search-empty .sli-search-filters .dropdown .filter-by .filter-list li label, .responsive-search.scb-search-empty .sli-search-filters .dropdown .filter-by .filter-list li label {
font-size: 12px;
}
.responsive-search .scb-search .sli-search-filters .dropdown.open-state, .responsive-search.scb-search .sli-search-filters .dropdown.open-state, .responsive-search .scb-search-empty .sli-search-filters .dropdown.open-state, .responsive-search.scb-search-empty .sli-search-filters .dropdown.open-state {
color: #222;
border-bottom: none;
}
.responsive-search .scb-search .sli-search-filters .dropdown.open-state .border-hider, .responsive-search.scb-search .sli-search-filters .dropdown.open-state .border-hider, .responsive-search .scb-search-empty .sli-search-filters .dropdown.open-state .border-hider, .responsive-search.scb-search-empty .sli-search-filters .dropdown.open-state .border-hider {
border-right: solid 1px #666;
border-left: solid 1px #666;
border-bottom: solid 1px #fff;
border-top: none;
width: 114px;
margin-left: -1px;
z-index: 3;
}
.responsive-search .scb-search .sli-search-filters .dropdown-container.add-filters .dropdown .filter-by, .responsive-search.scb-search .sli-search-filters .dropdown-container.add-filters .dropdown .filter-by, .responsive-search .scb-search-empty .sli-search-filters .dropdown-container.add-filters .dropdown .filter-by, .responsive-search.scb-search-empty .sli-search-filters .dropdown-container.add-filters .dropdown .filter-by {
padding: 10px 0 10px 15px;
font-size: 12px;
overflow-y: auto;
}
.responsive-search .scb-search .sli-search-filters .dropdown-container.add-filters:before, .responsive-search.scb-search .sli-search-filters .dropdown-container.add-filters:before, .responsive-search .scb-search-empty .sli-search-filters .dropdown-container.add-filters:before, .responsive-search.scb-search-empty .sli-search-filters .dropdown-container.add-filters:before {
left: 11px;
height: 23px;
width: 23px;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
border-top: none;
border-right: none;
transform: rotate(45deg);
top: -9px;
}
.responsive-search .scb-search .sli-search-filters .dropdown-container.add-filters .dropdown, .responsive-search.scb-search .sli-search-filters .dropdown-container.add-filters .dropdown, .responsive-search .scb-search-empty .sli-search-filters .dropdown-container.add-filters .dropdown, .responsive-search.scb-search-empty .sli-search-filters .dropdown-container.add-filters .dropdown {
width: 120px;
margin-left: 22px;
border-left: none;
}
.responsive-search .scb-search .sli-search-filters .dropdown-container.add-filters.open-state:before, .responsive-search.scb-search .sli-search-filters .dropdown-container.add-filters.open-state:before, .responsive-search .scb-search-empty .sli-search-filters .dropdown-container.add-filters.open-state:before, .responsive-search.scb-search-empty .sli-search-filters .dropdown-container.add-filters.open-state:before {
border-top: none;
border-bottom: none;
}
.responsive-search .scb-search .sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state, .responsive-search.scb-search .sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state, .responsive-search .scb-search-empty .sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state, .responsive-search.scb-search-empty .sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state {
border-left: solid 1px #666;
}
.responsive-search .scb-search .sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state .border-hider, .responsive-search.scb-search .sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state .border-hider, .responsive-search .scb-search-empty .sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state .border-hider, .responsive-search.scb-search-empty .sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state .border-hider {
width: 118px;
}
.responsive-search .scb-search .sli-search-filters .sort-dropdown, .responsive-search.scb-search .sli-search-filters .sort-dropdown, .responsive-search .scb-search-empty .sli-search-filters .sort-dropdown, .responsive-search.scb-search-empty .sli-search-filters .sort-dropdown {
margin-right: 0;
}
.responsive-search .scb-search .sli-search-filters .filter-select, .responsive-search.scb-search .sli-search-filters .filter-select, .responsive-search .scb-search-empty .sli-search-filters .filter-select, .responsive-search.scb-search-empty .sli-search-filters .filter-select {
font-size: 0;
}
.responsive-search .scb-search .sli-search-filters .filter-select a, .responsive-search.scb-search .sli-search-filters .filter-select a, .responsive-search .scb-search-empty .sli-search-filters .filter-select a, .responsive-search.scb-search-empty .sli-search-filters .filter-select a {
display: inline;
font-size: 14px;
color: #222;
}
.responsive-search .scb-search .sli-search-filters .filter-select a:hover, .responsive-search.scb-search .sli-search-filters .filter-select a:hover, .responsive-search .scb-search-empty .sli-search-filters .filter-select a:hover, .responsive-search.scb-search-empty .sli-search-filters .filter-select a:hover {
text-decoration: none;
}
.responsive-search .scb-search .sli-search-filters .sortByFilter, .responsive-search .scb-search .sli-search-filters .sortControl, .responsive-search.scb-search .sli-search-filters .sortByFilter, .responsive-search.scb-search .sli-search-filters .sortControl, .responsive-search .scb-search-empty .sli-search-filters .sortByFilter, .responsive-search .scb-search-empty .sli-search-filters .sortControl, .responsive-search.scb-search-empty .sli-search-filters .sortByFilter, .responsive-search.scb-search-empty .sli-search-filters .sortControl {
height: 37px;
float: right;
}
.responsive-search .scb-search .sli-search-filters .sortControl, .responsive-search .scb-search .sli-search-filters #selSortBy, .responsive-search.scb-search .sli-search-filters .sortControl, .responsive-search.scb-search .sli-search-filters #selSortBy, .responsive-search .scb-search-empty .sli-search-filters .sortControl, .responsive-search .scb-search-empty .sli-search-filters #selSortBy, .responsive-search.scb-search-empty .sli-search-filters .sortControl, .responsive-search.scb-search-empty .sli-search-filters #selSortBy {
width: 161px;
}
.responsive-search .scb-search .sli-search-filters .sortControl:before, .responsive-search .scb-search .sli-search-filters #selSortBy:before, .responsive-search.scb-search .sli-search-filters .sortControl:before, .responsive-search.scb-search .sli-search-filters #selSortBy:before, .responsive-search .scb-search-empty .sli-search-filters .sortControl:before, .responsive-search .scb-search-empty .sli-search-filters #selSortBy:before, .responsive-search.scb-search-empty .sli-search-filters .sortControl:before, .responsive-search.scb-search-empty .sli-search-filters #selSortBy:before {
margin-top: 12px !important;
}
.responsive-search .scb-search .sli-search-filters .filter-label, .responsive-search.scb-search .sli-search-filters .filter-label, .responsive-search .scb-search-empty .sli-search-filters .filter-label, .responsive-search.scb-search-empty .sli-search-filters .filter-label {
font-size: 14px;
font-weight: 500 !important;
color: #666;
margin-bottom: 10px;
margin-top: 0;
}
.responsive-search .scb-search .sli-search-filters .filter-sortControl, .responsive-search.scb-search .sli-search-filters .filter-sortControl, .responsive-search .scb-search-empty .sli-search-filters .filter-sortControl, .responsive-search.scb-search-empty .sli-search-filters .filter-sortControl {
display: inline-block;
position: relative;
}
.responsive-search .scb-search .sli-search-filters .filter-sortControl:before, .responsive-search.scb-search .sli-search-filters .filter-sortControl:before, .responsive-search .scb-search-empty .sli-search-filters .filter-sortControl:before, .responsive-search.scb-search-empty .sli-search-filters .filter-sortControl:before {
content: "a";
display: block;
position: absolute;
right: 0;
margin-right: 28px;
margin-top: 12px;
width: 8px;
height: 8px;
border: solid #444;
border-width: 1.8px 1.8px 0 0;
border-radius: 1px;
transform: rotate(135deg);
}
.responsive-search .scb-search .sli-search-filters option, .responsive-search.scb-search .sli-search-filters option, .responsive-search .scb-search-empty .sli-search-filters option, .responsive-search.scb-search-empty .sli-search-filters option {
padding: 0 2px;
}
.responsive-search .scb-search .sli-search-filters ul, .responsive-search.scb-search .sli-search-filters ul, .responsive-search .scb-search-empty .sli-search-filters ul, .responsive-search.scb-search-empty .sli-search-filters ul {
display: inline-block;
}
}
.spill.empty-search-results {
margin-bottom: 50px;
margin-top: 4px;
}
.spill.empty-search-results .empty-search-results-top-container {
max-width: 1008px;
margin: 0 auto;
padding-bottom: 30px;
text-align: center;
}
.spill.empty-search-results .empty-search-results-top-container .search-term {
display: block;
padding-bottom: 10px;
}
.spill-layout.search-layout .sli-search-filters #sortControlTopWrapper.scb-sort {
display: none;
}
.spill-search-no-results {
width: auto !important;
margin-bottom: 50px;
}
.spill-search-no-results .sli-search-banner {
display: none;
}
.searchSectionHeading {
float: left;
clear: left;
height: auto;
width: 983px;
overflow: hidden;
padding: 17px 0 15px 30px;
}
.searchSectionHeading h2 {
font: bold 18px/20px var(--webfont-primary, sans-serif);
color: #727376;
margin: 5px 0 5px 0;
}
.spill-search-no-results {
display: block;
min-height: 335px;
height: 100%;
width: 1008px !important;
margin: auto;
position: relative;
}
.spill-search-empty-copy p {
font-size: 12px;
line-height: 1.5;
margin: 0 0 10px 0;
}
.pT20 {
padding-top: 20px !important;
}
.pB40 {
padding-bottom: 40px !important;
}
.width600 {
width: 600px;
margin-top: -20px;
}
.width400 {
width: 400px;
}
.width400, .width600 {
float: left;
position: relative;
display: inline;
margin-left: 0;
margin-right: 0;
}
.noResultsFoundOtherWrap {
width: 398px;
overflow: hidden;
position: absolute;
border-bottom: 0 none;
top: 5px;
right: 0;
}
.noResultsFoundOtherWrap .findRegistryBox {
height: 220px;
float: left;
margin: 0;
position: relative;
}
.noResultsFoundOtherWrap .subHeadline {
float: left;
font-size: 16px;
line-height: 18px;
height: 25px;
margin: 20px 0 0 15px;
width: 383px;
}
.noResultsFoundOtherWrap .subHeadline span {
font: 14px/16px var(--webfont-primary, sans-serif);
height: 16px;
overflow: hidden;
position: relative;
width: 198px;
color: #222;
}
.noResultsFoundOtherWrap .pL15 {
padding-left: 15px;
}
.noResultsFoundOtherWrap .formRow {
margin: 0 0 7px 0;
}
.noResultsFoundOtherWrap .fL {
float: left;
}
.noResultsFoundOtherWrap .spill-giftregistry-form {
margin: 6px 0;
width: 300px;
}
.noResultsFoundOtherWrap .spill-giftregistry-form input[type="search"] {
-webkit-appearance: textfield;
color: #717171;
padding: 6px 8px;
border: solid 1px #bcbcbc;
box-shadow: 0 2px 6px #ececec inset;
box-sizing: content-box;
font-size: 13px;
height: 28px;
line-height: 28px;
border-radius: unset;
width: 300px;
}
.noResultsFoundOtherWrap .spill-giftregistry-form a {
text-decoration: none;
}
.noResultsFoundOtherWrap .spill-giftregistry-form a span {
color: #fff;
font-weight: 300;
font-size: 15px;
line-height: 38px;
text-shadow: none;
height: 28px;
}
.noResultsFoundOtherWrap .spill-giftregistry-form .btnD2 {
border-radius: 2px;
border: 1px solid #333;
background: #333;
font-family: var(--webfont-primary, sans-serif);
height: 38px;
padding: 10px 18px;
}
.noResultsFoundOtherWrap .spill-giftregistry-form .mT5 {
margin-top: 5px;
}
/*footer {
width: 1008px;
position: relative;
background: #fff;
margin: auto;
padding: 0 0 10px 0;
.footer-nav {
li {
display: inline;
}
}
form {
margin-bottom: 30px;
}
p.email-policy {
font: normal 12px/14px $font-stack !important;
color: #666 !important;
clear: both;
}
}*/
.search-layout #links h2 {
position: relative;
float: left;
font-size: 34px;
font-weight: 300;
line-height: 34px;
font-family: var(--webfont-primary, sans-serif);
margin: 0 0 17px 15px;
-webkit-font-smoothing: antialiased;
color: #222;
}
.links.product {
float: left;
height: auto;
margin: -2px 0 45px 0;
width: 970px;
border: solid 1px #e6e7e9;
padding: 15px;
}
.links.product a {
width: 968px;
font: bold 13px/20px var(--webfont-primary, sans-serif);
color: #222;
text-decoration: none;
}
.spill-search-no-results {
padding: 0 !important;
}
.spill.spill-search-no-results h1 {
font: 600 16px/18px var(--webfont-primary, sans-serif);
color: #666;
width: 570px;
top: 10px;
position: static;
margin: 17px 15px 0 0;
}
.spill.spill-search-no-results .spill-search-empty-copy {
width: 525px;
}
.spill.spill-search-no-results .btn-black {
border: 1px solid #333;
background: #333;
}
.spill.spill-search-no-results .search {
width: 420px;
}
.spill.spill-search-no-results .search fieldset {
padding: 5px 0;
width: 100%;
}
.spill.spill-search-no-results .search fieldset label {
margin: 0;
padding: 5px 0 5px 0;
width: 100%;
color: #000 !important;
font-weight: bold !important;
height: inherit;
font: bold 16px/19px var(--webfont-primary, sans-serif);
}
.spill.spill-search-no-results .search fieldset #headerSearchTxt {
color: #717171;
border: solid 1px #bcbcbc;
box-shadow: 0 2px 6px #ececec inset;
box-sizing: content-box;
font-size: 13px;
width: 325px;
height: 28px;
line-height: 28px;
margin: 0;
padding: 0 5px;
border-radius: unset;
}
.spill.spill-search-no-results .search fieldset .arrowLinkOuterLarge {
background: url(//images.crateandbarrel.com/is/image/Crate/cb-desktop-sprite-super?fmt=png-alpha) no-repeat -226px -31px transparent;
float: left;
height: 30px;
width: 33px;
margin: 0 0 0 5px;
padding: 0;
}
.spill.spill-search-no-results .search fieldset a.arrowLink, .spill.spill-search-no-results .search fieldset a.arrowLink:link {
background: none;
height: 30px;
text-decoration: none;
margin: 0;
width: 33px;
}
.spill.spill-search-no-results form, .spill.spill-search-no-results fieldset {
display: inline;
}
#sizeSortBottom .userControls .guidedNavigationSortControl {
display: flex !important;
}
.view-more-products {
text-align: center;
margin-top: 50px;
}
#cmpr_gridwall h1 {
font-size: 34px;
line-height: 1.2em;
padding: 0.5em 0 0.25em 0;
}
#cmpr_gridwall .searchHeading {
font-size: 14px;
color: #666;
font: normal 12px/14px var(--webfont-primary, sans-serif);
padding: 0;
}
#cmpr_gridwall .filter-label {
padding-top: 8px;
color: #999999;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
#cmpr_gridwall .second_column {
display: inline-block;
width: 100%;
}
#cmpr_gridwall .second_column .showOnly {
float: left;
font-size: 12px;
font-weight: bold;
margin: 11px 15px 0 0;
display: inline-block;
}
#cmpr_gridwall .second_column .leftNav {
height: 37px;
margin: 0 10px 0 0 !important;
overflow: hidden;
width: auto;
float: left;
}
#cmpr_gridwall .second_column .leftNav li {
float: left;
position: inherit;
}
#cmpr_gridwall .second_column .leftNav a, #cmpr_gridwall .second_column .leftNav a:link, #cmpr_gridwall .second_column .leftNav a:visited, #cmpr_gridwall .second_column .leftNav a:active {
font: normal 12px var(--webfont-primary, sans-serif);
border: none !important;
line-height: 1.5;
color: #222 !important;
float: left;
height: 12px;
width: auto;
margin: 11px 0;
padding: 0 15px 6px 20px;
}
#cmpr_gridwall .second_column .leftNav li a.unchecked {
background: url(//images.crateandbarrel.com/is/image/Crate/cb-desktop-sprite-super?fmt=png-alpha) no-repeat scroll -393px -123px transparent !important;
height: 15px;
display: block;
font-weight: normal !important;
}
#cmpr_gridwall .second_column .leftNav li a.active, #cmpr_gridwall .second_column .leftNav a.checked {
background: url(//images.crateandbarrel.com/is/image/Crate/cb-desktop-sprite-super?fmt=png-alpha) no-repeat scroll -393px -154px transparent !important;
height: 18px;
font-weight: normal !important;
}
#cmpr_gridwall .second_column .leftNav ul {
width: 725px;
}
#cmpr_gridwall .second_column a {
background-color: #fafafa;
border: solid 1px #666;
display: block;
text-shadow: -1px -1px #fff;
width: 77px;
color: #333;
text-decoration: none;
height: 22px;
float: right;
text-align: center;
border-radius: 2px;
overflow: hidden;
font-family: var(--webfont-primary, sans-serif);
margin-top: 5px;
}
#cmpr_gridwall .second_column a:hover {
text-decoration: none;
}
#cmpr_gridwall .search-suggestions {
margin: 10px 0 40px 0;
padding: 0;
width: 100%;
height: 20px;
overflow: hidden;
}
#cmpr_gridwall .search-suggestions .suggested-title {
font-size: 14px;
display: inline;
margin-right: 10px;
}
#cmpr_gridwall .search-suggestions ul {
list-style-type: none;
overflow: hidden;
padding: 0;
display: inline;
}
#cmpr_gridwall .search-suggestions ul li {
display: inline-block;
float: none;
white-space: nowrap;
font-size: 14px;
margin: 0 10px;
}
#cmpr_gridwall .search-suggestions ul li a {
cursor: pointer;
}
#cmpr_gridwall .search-suggestions ul li a:hover {
text-decoration: none;
}
#cmpr_gridwall .guidedNavigationTabItems, #cmpr_gridwall .guidedNavigationTabItems_search {
font-family: var(--webfont-primary, sans-serif);
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters {
display: inline;
float: left;
/*font-size: 14px;
font-weight: 300;
color: #333;*/
width: 100%;
margin-bottom: 25px;
/*text-transform: lowercase !important;*/
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .product-filters, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .product-filters, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .product-filters, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .product-filters {
display: inline-block;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .clear-filter, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .clear-filter, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .clear-filter, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .clear-filter {
cursor: pointer;
position: absolute;
right: 215px;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown-container, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown-container, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown-container, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown-container {
display: inline-block;
position: relative;
padding-bottom: 10px;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown {
border: solid 1px;
display: inline-block;
font-size: 0;
position: relative;
box-sizing: border-box;
cursor: pointer;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown.filtered, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown.filtered, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown.filtered, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown.filtered {
border: solid 1px;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .dropdown-content, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .dropdown-content, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .dropdown-content, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .dropdown-content {
display: none;
position: absolute;
background-color: #fff;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .dropdown-content .apply-filter, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .dropdown-content .apply-filter, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .dropdown-content .apply-filter, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .dropdown-content .apply-filter {
width: 93%;
/*font-size: 14px;
line-height: 20px;
color: #444;
background-color: $white;
border-color: #444;
border-width: 1px;
margin: 0 0 10px 0;
text-transform: lowercase !important;
&:hover {
background-color: #f1efef;
}
&:focus, &:active:focus {
outline: none;
}*/
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .selected-count, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .selected-count, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .selected-count, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .selected-count {
display: inline;
padding: 0;
color: #222;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .filter-criteria, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .filter-criteria, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .filter-criteria, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .filter-criteria {
position: relative;
border: solid 1px #ccc;
border-top: none;
margin-top: -1px;
margin-left: -1px;
background-color: #eee;
padding: 8px 0 0 15px;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .filter-criteria button, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .filter-criteria button, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .filter-criteria button, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .filter-criteria button {
background: none;
border: none;
width: 44%;
padding-left: 0;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .filter-criteria button .cmpr_icon_radiobutton, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .filter-criteria button .cmpr_icon_radiobutton, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .filter-criteria button .cmpr_icon_radiobutton, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .filter-criteria button .cmpr_icon_radiobutton {
border: 1px solid #bbb;
cursor: pointer;
margin: 2px 8px 1.6px 0;
background-color: #222 !important;
display: block;
float: left;
width: 11px;
height: 11px;
vertical-align: baseline;
line-height: normal;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .filter-criteria button label, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .filter-criteria button label, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .filter-criteria button label, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .filter-criteria button label {
font-weight: 300 !important;
cursor: pointer;
font-size: 14px;
float: left;
text-transform: lowercase;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown span, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown span, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown span, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown span {
clear: none;
padding: 10px 20px 10px 10px;
display: block;
font-size: 14px;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .border-hider, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .border-hider, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .border-hider, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .border-hider {
height: 11px;
display: block;
position: relative;
background-color: #fff;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .filter-by, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .filter-by, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .filter-by, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .filter-by {
list-style-type: none;
font-size: 14px;
color: #444;
position: relative;
background: #fff;
border: solid 1px #ccc;
padding: 10px 0 10px 15px;
margin: -1px 0 -1px -1px;
width: 250px;
box-sizing: border-box;
z-index: 2;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .filter-by ul, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .filter-by ul, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .filter-by ul, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .filter-by ul {
margin-right: -15px;
width: 100%;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .filter-by ul li, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .filter-by ul li, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .filter-by ul li, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .filter-by ul li {
padding: 5px 0;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .filter-by ul li label, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .filter-by ul li label, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .filter-by ul li label, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .filter-by ul li label {
font-weight: normal !important;
position: relative;
padding-left: 20px;
cursor: pointer;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .filter-by ul li label:before, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .filter-by ul li label:before, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .filter-by ul li label:before, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .filter-by ul li label:before {
content: '';
width: 11px;
height: 11px;
border: 1px solid #bbb;
background-color: #fff;
position: absolute;
margin-top: 3px;
left: 0;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .filter-by ul li input[type="checkbox"], #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .filter-by ul li input[type="checkbox"], #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .filter-by ul li input[type="checkbox"], #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .filter-by ul li input[type="checkbox"] {
margin: 0 10px 0 0;
vertical-align: middel;
display: none;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .filter-by ul li input[type="checkbox"]:checked + label, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .filter-by ul li input[type="checkbox"]:checked + label, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .filter-by ul li input[type="checkbox"]:checked + label, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .filter-by ul li input[type="checkbox"]:checked + label {
color: #222;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown .filter-by ul li input[type="checkbox"]:checked + label:before, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown .filter-by ul li input[type="checkbox"]:checked + label:before, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown .filter-by ul li input[type="checkbox"]:checked + label:before, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown .filter-by ul li input[type="checkbox"]:checked + label:before {
background-color: #222;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown.open-state, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown.open-state, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown.open-state, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown.open-state {
color: #222;
border: solid 1px #ccc;
border-bottom: none;
/*.dropdown-content {
display: block;
}*/
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown.open-state .border-hider, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown.open-state .border-hider, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown.open-state .border-hider, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown.open-state .border-hider {
border-right: solid 1px #ccc;
border-left: solid 1px #ccc;
border-bottom: solid 1px #fff;
border-top: none;
width: 114px;
margin-left: -1px;
z-index: 3;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown-container.add-filters:before, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown-container.add-filters:before, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown-container.add-filters:before, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown-container.add-filters:before {
left: 11px;
height: 23px;
width: 23px;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
border-top: none;
border-right: none;
transform: rotate(45deg);
top: -9px;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown-container.add-filters .dropdown, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown-container.add-filters .dropdown, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown-container.add-filters .dropdown, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown-container.add-filters .dropdown {
width: 120px;
margin-left: 22px;
border-left: none;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown-container.add-filters.open-state:before, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown-container.add-filters.open-state:before, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown-container.add-filters.open-state:before, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown-container.add-filters.open-state:before {
border-top: none;
border-bottom: none;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state {
border-left: solid 1px #ccc;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state .border-hider, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state .border-hider, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state .border-hider, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .dropdown-container.add-filters.open-state .dropdown.open-state .border-hider {
width: 118px;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .filter-select, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .filter-select, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .filter-select, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .filter-select {
font-size: 0;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .filter-select a, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .filter-select a, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .filter-select a, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .filter-select a {
display: inline;
font-size: 14px;
color: #222;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .filter-select a:hover, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .filter-select a:hover, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .filter-select a:hover, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .filter-select a:hover {
text-decoration: none;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .sortByFilter, #cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .sortControl, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .sortByFilter, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .sortControl, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .sortByFilter, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .sortControl, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .sortByFilter, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .sortControl {
height: 37px !important;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .sortControl, #cmpr_gridwall .guidedNavigationTabItems .sli-search-filters #selSortBy, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .sortControl, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters #selSortBy, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .sortControl, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters #selSortBy, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .sortControl, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters #selSortBy {
width: 161px !important;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .sortControl:before, #cmpr_gridwall .guidedNavigationTabItems .sli-search-filters #selSortBy:before, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .sortControl:before, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters #selSortBy:before, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .sortControl:before, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters #selSortBy:before, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .sortControl:before, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters #selSortBy:before {
margin-top: 12px !important;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .filter-label, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .filter-label, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .filter-label, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .filter-label {
font-size: 14px;
font-weight: 500 !important;
color: #666;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters select, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters select, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters select, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters select {
display: inline;
width: 116px;
height: 37px !important;
margin-right: 18px;
font-size: 14px;
font-family: var(--webfont-primary, sans-serif);
color: #666;
font-weight: 300;
text-transform: lowercase !important;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters select::-ms-expand, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters select::-ms-expand, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters select::-ms-expand, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters select::-ms-expand {
display: none;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .filter-sortControl, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .filter-sortControl, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .filter-sortControl, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .filter-sortControl {
display: inline-block;
position: relative;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters .filter-sortControl:before, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters .filter-sortControl:before, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters .filter-sortControl:before, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters .filter-sortControl:before {
content: "a";
display: block;
position: absolute;
right: 0;
margin-right: 28px;
margin-top: 12px;
width: 8px;
height: 8px;
border: solid #444;
border-width: 1.8px 1.8px 0 0;
border-radius: 1px;
transform: rotate(135deg);
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters option, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters option, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters option, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters option {
padding: 0 2px;
}
#cmpr_gridwall .guidedNavigationTabItems .sli-search-filters ul, #cmpr_gridwall .guidedNavigationTabItems.sli-search-filters ul, #cmpr_gridwall .guidedNavigationTabItems_search .sli-search-filters ul, #cmpr_gridwall .guidedNavigationTabItems_search.sli-search-filters ul {
display: inline-block;
}
#cmpr_gridwall .search-filters {
margin: 0 0 15px;
border-right: medium none;
background: none;
float: left;
width: 1006px !important;
height: auto;
border-top: 2px solid #000;
}
#cmpr_gridwall .search-filters .visible-filters {
display: inline-block;
width: 85%;
}
#cmpr_gridwall .search-filters .visible-filters .leftNav li.parentNavItem {
padding: 0 0 30px !important;
margin: 5px 5px 0 0;
}
#cmpr_gridwall .search-filters .guidedNavShowLess {
color: #727272;
float: right;
font: 12px/16px var(--webfont-primary, sans-serif);
padding: 0 8px 0 0;
position: relative;
right: 15px;
top: 20px;
}
#cmpr_gridwall .search-filters .guidedNavShowAll {
background: url(/Assets/GuidedNavigation/arrowBlue_down.gif) no-repeat scroll right 7px transparent;
width: 156px;
}
#cmpr_gridwall .search-filters .guidedNavShowLess {
background: url(/Assets/GuidedNavigation/arrowBlue_up.gif) no-repeat scroll right 7px transparent;
width: 140px;
}
#cmpr_gridwall .search-filters .sortBylabel {
margin: 11px 0 0 0;
font-size: 12px;
font-weight: bold !important;
color: #000 !important;
display: inline-block;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search {
margin: 0 0 10px 0;
/*.leftNav {
display: inline-block;
height: 37px;
margin: 0 10px 0 20px !important;
overflow: hidden;
width: auto;
a, a:link, a:visited, a:active {
font: normal 12px $font-stack;
border: none !important;
line-height: 1.5;
color: $link !important;
float: left;
height: 12px;
width: auto;
margin: 11px 0;
padding: 0 15px 6px 20px;
}
li a.unchecked {
background: url(//images.crateandbarrel.com/is/image/Crate/cb-desktop-sprite-super?fmt=png-alpha) no-repeat scroll -393px -123px transparent !important;
height: 15px;
display: block;
font-weight: normal !important;
}
li a.active, a.checked {
background: url(//images.crateandbarrel.com/is/image/Crate/cb-desktop-sprite-super?fmt=png-alpha) no-repeat scroll -393px -154px transparent !important;
height: 18px;
font-weight: normal !important;
}
ul {
width: 725px;
}
}*/
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .filterBylabel {
margin: 11px 0 0 0;
font-size: 12px;
font-weight: bold !important;
color: #000 !important;
display: inline-block;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .filterBylabel {
width: 100%;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .CrateFilterTestA, #cmpr_gridwall .search-filters .guidedNavigationTabItems_search .CrateFilterTestB {
display: inline;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .CrateFilterTestB .leftNav {
margin: 0 10px 0 0 !important;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl_b {
height: auto;
float: right;
display: flex;
align-items: center;
margin: 5px 0 0 0;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl_b .sortBylabel {
margin: 0 10px 0 0;
font-size: 12px;
font-weight: bold !important;
color: #000 !important;
display: inline-block;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl_b .sortControl {
bottom: 0;
right: 0;
height: 28px;
margin-top: 4px;
position: relative;
font-family: var(--webfont-primary, sans-serif);
font-size: 12px;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl_b .sortControl select {
width: 162px;
height: 32px;
border: solid 1px #e6e7e9;
border-radius: unset;
margin: 0;
padding: 6px 8px 6px 8px;
background-color: transparent !important;
float: left;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl_b .sortControl select option {
color: #666;
font: normal 12px/14px var(--webfont-primary, sans-serif);
position: relative;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl_b .sortControl select::-ms-expand {
display: none;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl_b .sortControl:before {
content: "";
display: block;
position: absolute;
right: 0;
margin-right: 10px;
margin-top: 12px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid black;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl_b .sortByText {
float: left;
clear: none;
position: relative;
width: 131px;
height: 21px;
text-indent: -10000px;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl_b .sortByText .option {
color: #666;
font: normal 12px/14px var(--webfont-primary, sans-serif);
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl {
height: 40px;
display: inline-block;
float: left;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl .sortBylabel {
margin: 4px 12px 0 0;
float: left;
font-size: 12px;
font-weight: bold;
color: #000;
display: inline-block;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl .sortControl {
bottom: 0;
right: 0;
height: 51px;
width: 215px;
position: relative;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl .sortControl select {
width: 150px;
height: auto;
font: bold 12px/14px var(--webfont-primary, sans-serif);
margin: 0.65em 0;
padding: 0.2em 0.5em;
text-indent: 0.01px;
text-overflow: '';
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background: url(//images.crateandbarrel.com/is/image/Crate/icon-search-filters?fmt=png-alpha) no-repeat 125px -69.5px transparent;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl .sortControl select option {
color: #666;
font: normal 12px/14px var(--webfont-primary, sans-serif);
position: relative;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl .sortControl select::-ms-expand {
display: none;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl .sortByText {
float: left;
clear: none;
position: relative;
width: 131px;
height: 21px;
text-indent: -10000px;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .guidedNavigationSortControl .sortByText .option {
color: #666;
font: normal 12px/14px var(--webfont-primary, sans-serif);
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .first_column .guidedNavShowAll, #cmpr_gridwall .search-filters .guidedNavigationTabItems_search .first_column .guidedNavClearAll {
background: none;
border: none;
color: #222 !important;
font-weight: normal !important;
font-size: 12px !important;
margin: 0;
padding: 7px 10px 0;
width: auto;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .second_column {
display: inline-block;
width: 60%;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .second_column .leftNav {
margin: 0 10px 0 20px !important;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .second_column a {
background-color: #fafafa;
border: solid 1px #666;
display: block;
text-shadow: -1px -1px #fff;
width: 77px;
color: #333;
text-decoration: none;
height: 22px;
float: left;
text-align: center;
border-radius: 2px;
overflow: hidden;
font-family: var(--webfont-primary, sans-serif);
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .second_column a:hover {
text-decoration: none;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .third_column {
display: inline-block;
width: auto !important;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .section_one {
width: 82% !important;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .section_one .leftNav {
margin: 0 10px 0 0 !important;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .CrateFilterTestB .leftNav {
margin: 0 10px 0 0 !important;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .CrateFilterTestB .third_column {
width: 82% !important;
}
#cmpr_gridwall .search-filters .guidedNavigationTabItems_search .showOnly {
float: left;
font-size: 12px;
font-weight: bold;
margin: 11px 15px 0 0;
display: inline-block;
}
#cmpr_gridwall .search-filters .showRefinementsFilter {
float: right;
font-weight: bold;
margin: 10px 10px 0 0;
font-size: 13px;
}
#cmpr_gridwall .search-filters .filter-dropdown {
background-color: #f9f9f9;
border-top: 1px solid #e6e7e9;
border-bottom: 1px solid #e6e7e9;
border-right: 1px solid #e6e7e9;
border-left: none;
float: right;
height: 28px;
padding: 0 0 0 9px;
text-align: left;
margin: 5px 20px 0 0;
position: relative;
font-family: var(--webfont-primary, sans-serif);
font-size: 12px;
cursor: pointer;
}
#cmpr_gridwall .search-filters .filter-dropdown:before {
content: '';
position: absolute;
left: -10.5px;
top: 3px;
height: 21px;
width: 20px;
transform: rotate(45deg);
background: #f9f9f9;
border-bottom: 1px solid #e6e7e9;
border-left: 1px solid #e6e7e9;
border-top: none;
border-right: none;
}
#cmpr_gridwall .search-filters .filter-dropdown .filter-dropdown-label {
float: left;
vertical-align: baseline;
margin: 7px 7px 5px 5px;
color: #333;
text-decoration: none;
}
#cmpr_gridwall .search-filters .filter-dropdown .filter-dropdown-label div {
position: relative;
}
#cmpr_gridwall .search-filters .filter-dropdown .cmpr-icon-plus, #cmpr_gridwall .search-filters .filter-dropdown .cmpr-icon-minus {
margin: 7px 0 0 5px;
display: block;
background-color: #333;
width: 11px;
height: 1px;
float: right;
}
#cmpr_gridwall .search-filters .filter-dropdown .cmpr-icon-plus:after {
content: '';
width: 1px;
height: 11px;
float: right;
margin: -5px 5px;
background-color: #333;
}
#cmpr_gridwall .search-filters .leftNav {
display: inline;
left: 0;
margin: 0;
width: auto;
float: left;
}
#cmpr_gridwall .search-filters .leftNav li {
float: left;
position: inherit;
}
#cmpr_gridwall .search-filters .leftNav li.active, #cmpr_gridwall .search-filters .leftNav li.inactive {
height: 32px;
}
#cmpr_gridwall .search-filters .leftNav li.active {
position: relative;
}
#cmpr_gridwall .search-filters .leftNav .parentNavItem {
border: 1px solid #e6e7e9;
box-sizing: border-box;
height: 8px;
margin: 0 5px 5px 0;
padding: 0 0 30px;
width: 162px;
}
#cmpr_gridwall .search-filters .leftNav .parentNavItem a.viewAll {
background: url(//images.crateandbarrel.com/is/image/Crate/cb-desktop-sprite-super?fmt=png-alpha) no-repeat -307px -197px transparent !important;
padding: 0;
border: none;
position: relative;
height: 20px;
width: 20px;
margin: 0px;
left: -5px;
top: 6px;
float: right;
}
#cmpr_gridwall .search-filters .leftNav span.parentNavItem {
font: bold 12px var(--webfont-primary, sans-serif);
background: #fff;
color: #222 !important;
font-weight: normal;
height: 30px;
width: 158px;
line-height: 1.5;
border: 0 none !important;
clear: none;
padding: 6px 8px 6px 8px;
position: relative;
float: left;
}
#cmpr_gridwall .search-filters .leftNav span.active {
display: none;
position: static;
}
#cmpr_gridwall .search-filters .leftNav span.activeValue {
font: normal 13px/18px var(--webfont-primary, sans-serif);
color: #4a4a4a !important;
border: none;
border-top: none 0px;
display: block;
padding: 7px 4px 0 8px;
width: 105px;
height: 25px;
margin: 0;
float: left;
}
#cmpr_gridwall .search-filters .leftNav span.parentNavItem:after {
display: block;
content: " ";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #333;
position: absolute;
right: 8px;
top: 12px;
}
#cmpr_gridwall .search-filters .leftNav ul.childNavItem {
height: auto;
background: #fff;
margin: -5px 0 20px -1px;
float: left;
font-size: 12px;
clear: left;
padding: 0 0 0 0;
position: relative;
z-index: 920 !important;
display: none;
top: -1px;
width: 162px;
border: 1px solid #e9e9e9;
border-width: 0 1px 1px 1px;
box-sizing: border-box;
}
#cmpr_gridwall .search-filters .leftNav ul.childNavItem a.childNavItem, #cmpr_gridwall .search-filters .leftNav ul.childNavItem a.childNavItem:link, #cmpr_gridwall .search-filters .leftNav ul.childNavItem a.childNavItem:visited, #cmpr_gridwall .search-filters .leftNav ul.childNavItem a.childNavItem:active {
padding: 6px 8px 6px 8px;
position: relative;
}
#cmpr_gridwall .search-filters .leftNav a.childNavItem:hover {
text-decoration: underline;
color: #222;
}
#cmpr_gridwall .search-filters .narrowYourChoicesIcon_plus {
background: url(//images.crateandbarrel.com/is/image/Crate/icon-search-filters?fmt=png-alpha) no-repeat 0px 0px transparent;
display: block;
float: left;
height: 28px;
margin-top: -6px;
margin-right: 10px;
width: 28px;
}
#cmpr_gridwall .search-filters .narrowYourChoicesIcon_minus {
background: url(//images.crateandbarrel.com/is/image/Crate/icon-search-filters?fmt=png-alpha) no-repeat 0px -28px transparent;
display: block;
float: left;
height: 28px;
margin-top: -6px;
margin-right: 10px;
width: 28px;
}
#cmpr_gridwall a.childNavItem, #cmpr_gridwall a.childNavItem:link, #cmpr_gridwall a.childNavItem:visited, #cmpr_gridwall a.childNavItem:active {
font: normal 12px/14px var(--webfont-primary, sans-serif);
float: left;
padding: 0 0 6px 0;
margin: 0;
height: auto;
border: 0 none;
width: 163px;
}
/*---------------------------------------------------------------------------------------------------*/
.search-filters .leftNav li.active ul.childNavItem li a.active {
font: normal 12px/18px var(--webfont-primary, sans-serif);
color: #727272;
border: none !important;
width: 110px;
height: 36px;
background: #fff !important;
display: block !important;
}
.search-filters .leftNav ul.active {
background: url(/Assets/GuidedNavigation/boxBtm.gif) no-repeat bottom right;
display: block !important;
width: 126px;
padding: 0;
}
.search-filters a.guidedNavClearAll {
display: inline-block;
margin-top: 7px;
}
.search-filters a.guidedNavClearAll img {
margin: 4px 0px 0px 0px;
}
/* Guided Navigation Tab Items
-------------------------------------------------------*/
.search-filters .guidedNavigationTabItems .leftNav a,
.search-filters .guidedNavigationTabItems .leftNav a:link,
.search-filters .guidedNavigationTabItems .leftNav a:visited,
.search-filters .guidedNavigationTabItems .leftNav a:active {
font: normal 12px var(--webfont-primary, sans-serif);
border: none !important;
line-height: 1.5;
color: #222 !important;
float: left;
height: 12px;
width: auto;
margin: 11px 0;
padding: 0 15px 6px 20px;
}
.search-filters .guidedNavigationTabItems .leftNav li:hover a.parentNavItem {
color: #0165b1 !important;
text-decoration: none !important;
}
.search-filters .guidedNavigationTabItems .leftNav li a.parentNavItem:hover {
text-decoration: underline !important;
}
.search-filters .leftNav ul.childNavItem li a.unchecked,
.search-filters .leftNav ul.childNavItem li a.unchecked:link,
.search-filters .leftNav ul.childNavItem li a.unchecked:visited,
.search-filters .leftNav ul.childNavItem li a.unchecked:active {
background: none !important;
}
.search-filters .leftNav ul.childNavItem li a.checked,
.search-filters .leftNav ul.childNavItem li a.checked:link,
.search-filters .leftNav ul.childNavItem li a.checked:visited,
.search-filters .leftNav ul.childNavItem li a.checked:active {
background: none !important;
}
.search-filters .leftNav li.active ul.childNavItem li a.childNavItem {
display: none !important;
}
.search-filters .leftNav ul.childNavItem li a.active:hover {
text-decoration: none;
}
.search-filters .leftNav li:hover a.viewAll {
padding: 0;
}
.search-filters #leftNav a.checked,
.search-filters #leftNav a.unchecked {
display: none;
}
.search-filters .guidedNavShowLess {
color: #727272;
float: right;
font: 12px/16px var(--webfont-primary, sans-serif);
padding: 0 8px 0 0;
position: relative;
right: 15px;
top: 20px;
}
.search-filters .guidedNavShowAll {
background: url(/Assets/GuidedNavigation/arrowBlue_down.gif) no-repeat scroll right 7px transparent;
width: 156px;
}
.search-filters .guidedNavShowLess {
background: url(/Assets/GuidedNavigation/arrowBlue_up.gif) no-repeat scroll right 7px transparent;
width: 140px;
}
.search-filters .leftNav ul.active {
background: url(/Assets/GuidedNavigation/boxBtm.gif) no-repeat bottom right;
display: block !important;
width: 126px;
padding: 0;
}
.search-filters .leftNav ul.childNavItem li a.childNavItem,
.search-filters .leftNav ul.childNavItem li a.childNavItem:link,
.search-filters .leftNav ul.childNavItem li a.childNavItem:visited,
.search-filters .leftNav ul.childNavItem li a.childNavItem:active {
padding: 6px 8px 6px 8px;
position: relative;
}
.sortControl select {
width: 140px;
float: right;
margin-right: 20px;
}
/* ---------------------------------------------------------------------typeahead css------------------------------------------------------------------------- */
.search-input {
display: inline-block;
position: relative;
margin-left: 35%;
margin-top: 30px;
color: #717171;
font: 300 14px var(--webfont-primary, sans-serif);
}
.search-input input {
height: 30px;
width: 400px;
padding: 0 25px 0 10px;
}
.search-input input:focus {
outline: none;
}
.search-input input:focus + .typeahead {
display: block;
}
.search-input i {
position: absolute;
margin: 7px 7px 0 0;
right: 0;
color: #444;
}
.search-input .typeahead {
display: block;
border: solid 1px #aaa;
border-top: none;
}
.search-input .typeahead div {
padding: 0 0;
}
.search-input .typeahead .section-header {
padding: 10px 10px;
border-bottom: solid 1px #aaa;
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #444;
background: #eee;
}
.search-input .typeahead ul {
list-style-type: none;
margin: 0;
padding: 0 10px;
}
.search-input .typeahead ul li {
padding: 5px 0;
}
.search-input .typeahead ul li:hover {
cursor: pointer;
text-decoration: underline;
}
.search-input .typeahead ul li img {
vertical-align: middle;
margin-right: 15px;
}
.search-input .typeahead .photo-suggestions {
border-top: solid 1px #aaa;
margin-bottom: 5px;
}
.seo-related {
float: none;
margin-top: 1em;
margin-left: auto;
margin-right: auto;
max-width: 1008px;
font-size: 1em;
}
.seo-related ul {
margin: 0 0 .9em;
padding: 0;
}
.seo-related ul li {
display: inline-block;
margin: 0 35px 0 0;
}
.seo-related ul li:last-child {
margin: 0;
}
.seo-related ul li a {
display: inline-block;
font-weight: normal;
text-decoration: none;
color: #222;
}
.seo-related ul li a:focus, .seo-related ul li a:hover {
text-decoration: underline;
}
.reveal-seo-content {
border-top: 1px solid #eee;
font-size: 12px;
padding: .9em 0 1.2em;
}
.reveal-seo-content h2 {
color: #717171;
font-size: 1.5em;
margin: .5em 0;
}
#popupLayerTarget #catalog-check-address-modal .avs-block,
#catalog-check-address-modal .avs-block {
margin: 0px;
}
#popupLayerTarget #catalog-check-address-modal .avs-block .has-suggestions,
#catalog-check-address-modal .avs-block .has-suggestions {
background-color: #f7f7f7;
margin-bottom: 1.3em;
}
#popupLayerTarget #catalog-check-address-modal address,
#catalog-check-address-modal address {
margin: 0px;
}
@media screen and (max-width: 768px) {
.catalog-request-layout .catalog-request-required {
font-size: 1.1em;
line-height: 1.2em;
color: #717171;
}
.catalog-request-layout .catalog-request-label {
display: inline-block;
font-weight: bold;
color: #444;
}
.catalog-request-layout label {
display: inline-block;
font-weight: bold;
color: #444;
}
}
@media screen and (min-width: 768px) {
.catalog-request-layout .field-validation-error {
padding-top: 0.5em;
}
.catalog-request-layout .catalog-request-required {
font-size: 1.1em;
line-height: 1.2em;
color: #717171;
}
.catalog-request-layout label {
display: inline-block;
font-weight: bold;
color: #444;
}
.catalog-request-layout form .row {
margin-top: 7px;
margin-bottom: 7px;
}
.catalog-request-layout form .col-md-4, .catalog-request-layout form .col-md-5, .catalog-request-layout form .col-md-6, .catalog-request-layout form .col-md-7, .catalog-request-layout form .col-md-12 {
padding-right: 6px;
padding-left: 6px;
}
.catalog-request-layout .zipMsgArea {
top: 0.8em;
}
.catalog-request-layout button.submit {
float: left;
clear: left;
}
#popupLayerTarget .check-address-layer .avs-margin-top {
margin-top: 0;
}
#popupLayerTarget .check-address-layer .avs-block {
margin: 0;
border-bottom: none;
}
#popupLayerTarget .check-address-layer .avs-block:hover {
cursor: pointer;
}
#popupLayerTarget .check-address-layer .avs-block:last-child {
border-bottom: 0.1em solid #eee;
}
#popupLayerTarget .check-address-layer .section.we-found {
margin-bottom: 0;
}
#popupLayerTarget .check-address-layer .no-suggestions {
background: #f7f7f7;
margin-bottom: 1.3em;
}
#popupLayerTarget .check-address-layer .has-suggestions {
background: #f7f7f7;
margin-bottom: 1.3em;
}
#popupLayerTarget .check-address-layer .big-top-border {
border-top: 0.12em solid black;
margin-bottom: 0;
padding: .6em 0 .6em 0;
}
#popupLayerTarget .check-address-layer .radio-box {
display: inline;
}
#popupLayerTarget .check-address-layer .action-block {
margin: 0px;
}
}
.catalog-preference-layout .avs-block {
margin: 0px;
}
.catalog-preference-layout .action-block {
background: none;
}
.catalog-preference-layout .has-suggestions {
background-color: #f7f7f7;
margin-bottom: 1.3em;
}
.catalog-preference-layout address {
margin: 0px;
}
#user-address-validation-result {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #000000;
background-color: rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 768px) {
.catalog-preference-layout .catalog-request-required {
font-size: 1.1em;
line-height: 1.2em;
color: #717171;
}
.catalog-preference-layout .catalog-request-label {
display: inline-block;
font-weight: bold;
color: #444;
}
.catalog-preference-layout #user-address-validation-result {
z-index: 9999;
}
}
@media screen and (min-width: 768px) {
.catalog-preference-layout .catalog-preference-required {
font-size: 1.1em;
line-height: 1.2em;
color: #717171;
}
.catalog-preference-layout label {
display: block;
font-weight: bold;
color: #444;
}
.catalog-preference-layout #user-address-validation-result {
z-index: 9999;
}
.catalog-preference-layout form .row {
margin-top: 7px;
margin-bottom: 7px;
}
.catalog-preference-layout form .col-md-4, .catalog-preference-layout form .col-md-5, .catalog-preference-layout form .col-md-6, .catalog-preference-layout form .col-md-7, .catalog-preference-layout form .col-md-12 {
padding-right: 6px;
}
.catalog-preference-layout form .zipcitystate-zip-validation-wrapper {
margin-left: 7px;
}
.catalog-preference-layout form .radio-button {
margin-top: 0px;
margin-bottom: 0px;
}
.catalog-preference-layout .zipMsgArea {
top: 0.8em;
}
.catalog-preference-layout input[type="text"], .catalog-preference-layout select, .catalog-preference-layout input[type="tel"] {
border: solid 1px #bcbcbc;
box-shadow: 0 2px 6px #ececec inset;
box-sizing: border-box;
color: #000;
font-size: .9em;
height: 28px;
line-height: 28px;
margin: 0;
padding: 0 5px;
border-radius: 0px;
}
.catalog-preference-layout button.submit {
float: left;
clear: left;
}
.catalog-preference-layout .page-title {
border: 0;
color: #000;
font-weight: 600;
line-height: 25px;
font-family: var(--webfont-primary, sans-serif);
display: block;
float: left;
margin: 0;
padding: 15px 0 13px;
position: relative;
}
}
.seo-related {
float: none;
margin-top: 1em;
margin-left: auto;
margin-right: auto;
max-width: 1008px;
font-size: 1em;
}
.seo-related ul {
margin: 0 0 .9em;
padding: 0;
}
.seo-related ul li {
display: inline-block;
margin: 0 35px 0 0;
}
.seo-related ul li:last-child {
margin: 0;
}
.seo-related ul li a {
display: inline-block;
font-weight: normal;
text-decoration: none;
color: #222;
}
.seo-related ul li a:focus, .seo-related ul li a:hover {
text-decoration: underline;
}
.reveal-seo-content {
border-top: 1px solid #eee;
font-size: 12px;
padding: .9em 0 1.2em;
}
.reveal-seo-content h2 {
color: #717171;
font-size: 1.5em;
margin: .5em 0;
}
.product-reviews {
/* JS show more */
}
.product-reviews .reviews-sort {
height: 30px;
margin: 22px 0 28px 0;
text-align: center;
clear: both;
border-bottom: 1px solid #ccc;
}
.product-reviews .reviews-sort a.selectedSort {
color: #222;
}
.product-reviews .reviews-sort-link {
padding: 0 24px;
margin: 0;
height: 20px;
display: inline-block;
color: #222;
cursor: pointer;
position: relative;
border-left: 1px solid #ccc;
text-transform: lowercase;
font: 300 14px var(--webfont-primary, sans-serif);
letter-spacing: .03em;
}
.product-reviews .reviews-sort-link:hover {
text-decoration: none;
color: #222;
}
.product-reviews .reviews-sort-link:last-of-type {
border-right: 1px solid #ccc;
}
.product-reviews .selectedSort:after {
content: "";
position: absolute;
bottom: -19px;
left: 50%;
margin-left: -10px;
border-width: 10px 10px 0;
border-style: solid;
border-color: #222 transparent;
display: block;
width: 0;
}
.product-reviews .product-reviews {
width: 1008px;
padding-top: 3px;
float: left;
}
.product-reviews .hidejsMore {
height: 0;
display: none;
margin-top: -10px;
}
.product-reviews .hidejsMore a {
color: white;
}
.product-reviews .review-col-1 {
width: 496px;
float: left;
}
.product-reviews .review-col-2 {
width: 496px;
float: right;
}
.product-reviews .product-review {
width: 484px;
margin-bottom: 40px;
padding: 17px 25px 20px 25px;
box-sizing: border-box;
float: left;
position: relative;
}
.product-reviews .product-review span {
float: left;
}
.product-reviews .review-badge-note, .product-reviews .originally-posted-message {
font-style: italic;
}
.product-reviews .review-title {
width: 100%;
margin: -5px 0 3px;
color: #555;
font: 500 16px var(--webfont-primary, sans-serif);
}
.product-reviews .review-text {
margin: 0;
width: 100%;
padding: 0;
color: #222;
font: 300 14px var(--webfont-primary, sans-serif);
letter-spacing: .03em;
line-height: 21px;
float: left;
}
.product-reviews .review-text-italic {
margin: 0;
width: 100%;
padding: 0;
color: #555;
font-style: italic;
font: 300 14px var(--webfont-primary, sans-serif);
letter-spacing: .03em;
line-height: 21px;
float: left;
}
.product-reviews .review-image-thumbs {
width: 100%;
float: left;
}
.product-reviews .reviews-thumb {
display: block;
overflow: hidden;
position: relative;
float: left;
margin: 0 10px 10px 0;
background-position: center center;
width: 50px;
height: 50px;
}
.product-reviews .reviews-thumb img {
display: none;
}
.product-reviews .review-details {
font: 300 13px var(--webfont-primary, sans-serif);
letter-spacing: .03em;
text-transform: lowercase;
color: #555;
width: 100%;
float: left;
padding: 10px 0;
}
.product-reviews .review-details .helpfulVote,
.product-reviews .review-details .reportReview {
color: #222;
text-decoration: underline;
}
.product-reviews .review-details .helpfulVote:hover,
.product-reviews .review-details .reportReview:hover {
text-decoration: underline;
}
.product-reviews .review-details .helpfulVote:focus,
.product-reviews .review-details .reportReview:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.product-reviews .review-details span {
margin-right: 7px;
}
.product-reviews .review-syndication {
padding-top: 5px;
float: left;
}
.product-reviews .review-id {
font: 500 14px var(--webfont-primary, sans-serif);
text-transform: none;
}
.product-reviews .review-no {
padding-left: 3px;
}
.product-reviews .product-review a, .product-reviews .product-review a:link {
color: #222;
}
.product-reviews .crate-response {
padding: 18px 0 5px 20px;
float: left;
}
.product-reviews .crate-response-title {
font: 500 14px var(--webfont-primary, sans-serif);
color: #222;
}
.product-reviews .crate-response-text {
font: 300 14px var(--webfont-primary, sans-serif);
letter-spacing: .03em;
color: #555;
line-height: 20px;
padding-bottom: 8px;
}
.product-reviews .add-review {
background-color: #555;
color: #fff !important;
padding: 11px 40px;
font-size: 15px !important;
line-height: 38px !important;
text-transform: lowercase;
cursor: pointer;
}
.product-reviews .more-reviews-container {
width: 100%;
float: left;
text-align: center;
margin-top: 20px;
}
.product-reviews .more-reviews {
padding: 18px 25px;
text-align: center;
font: 300 16px var(--webfont-primary, sans-serif);
text-transform: lowercase;
cursor: pointer;
}
.product-reviews .helpfulVote {
cursor: pointer;
}
.product-reviews .jsSelected {
font-weight: bold;
}
.product-reviews .reportReview {
cursor: pointer;
}
.product-reviews .js-reveal-content {
max-height: 85px;
overflow: hidden;
transition: max-height 0.5s ease-out;
}
.product-reviews .js-revealed-content {
max-height: 900px;
transition: max-height 0.8s ease-in;
}
.product-reviews .js-reveal-toggle {
height: 0;
padding-top: 60px;
margin-top: -60px;
position: relative;
cursor: pointer;
display: block;
}
.product-reviews .js-more, .product-reviews .js-less {
padding: 5px 5px 0 0;
color: #222;
font: 300 14px var(--webfont-primary, sans-serif);
text-transform: lowercase;
float: left;
}
.product-reviews .remove-fade {
background: transparent;
}
.product-reviews-container {
min-height: 230px;
}
.product-reviews-container .content-reviews {
top: 125px;
}
/*#region -------- add to favortie popup -------------*/
.js-hide-scroll.fav-layer-opened {
position: fixed;
width: 100%;
}
.favorite-popup .popup-content, .registry-popup .popup-content {
height: auto;
max-height: 85vh;
z-index: 4000;
display: block;
width: 100%;
}
.favorite-popup .show-more, .registry-popup .show-more {
cursor: pointer;
}
.favorite-popup .not-signed-in a, .registry-popup .not-signed-in a {
color: #222;
text-decoration: underline;
}
.favorite-popup .not-signed-in a:hover, .registry-popup .not-signed-in a:hover {
text-decoration: underline;
}
.favorite-popup .not-signed-in a:focus, .registry-popup .not-signed-in a:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.favorite-popup .select-list-wrap, .registry-popup .select-list-wrap {
margin-top: 20px;
}
.favorite-popup .fake-image, .registry-popup .fake-image {
width: 150px;
height: 150px;
background-color: #444;
float: left;
margin-bottom: 5px;
}
.favorite-popup .title, .registry-popup .title {
font-family: var(--webfont-primary, sans-serif);
font-weight: 600;
font-size: 16px;
line-height: 18px;
margin-bottom: 10px;
float: left;
width: 100%;
}
.favorite-popup .select-list-wrap .design-list, .registry-popup .select-list-wrap .design-list {
width: 100%;
float: left;
padding: 17px 70px 17px 10px;
border: 1px solid #ccc;
margin-bottom: 12px;
box-sizing: border-box;
color: #000;
text-decoration: none;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
font-family: var(--webfont-primary, sans-serif);
font-weight: 400;
font-size: 16px;
line-height: 18px;
}
.favorite-popup .product-info, .registry-popup .product-info {
padding-right: 24px;
}
.favorite-popup .product-title, .registry-popup .product-title {
font-family: var(--webfont-primary, sans-serif);
font-weight: 600;
font-size: 14px;
line-height: 18px;
margin-left: 20px;
float: left;
width: 100%;
}
.favorite-popup .product-price, .registry-popup .product-price {
font-family: var(--webfont-primary, sans-serif);
font-weight: 400;
font-size: 14px;
line-height: 18px;
font-weight: 400;
margin-left: 20px;
float: left;
width: 100%;
}
.favorite-popup input.design-board-new-name, .registry-popup input.design-board-new-name {
width: 100%;
box-shadow: none;
float: left;
box-sizing: border-box;
border: 1px dashed #222;
border-radius: 0;
padding: 15px 10px 15px 40px;
font-family: var(--webfont-primary, sans-serif);
font-weight: 400;
font-size: 16px;
line-height: 18px;
outline: none;
color: #222;
margin-bottom: 10px;
height: 55px;
background: url(//images.crateandbarrel.com/is/image/Crate/mobile_mood_plus_3?fmt=png) no-repeat 10px 13px;
background-size: 25px;
}
.favorite-popup .error input.design-board-new-name, .registry-popup .error input.design-board-new-name {
border: #cc0000 1px solid !important;
}
.favorite-popup input.design-board-new-name:focus, .registry-popup input.design-board-new-name:focus {
border: 1px solid #ccc;
outline: none;
color: #000;
padding-right: 85px;
background-image: none;
padding-left: 10px;
}
.favorite-popup input.design-board-new-name::-webkit-input-placeholder, .registry-popup input.design-board-new-name::-webkit-input-placeholder {
color: #222;
}
.favorite-popup .select-list-wrap a:hover .add-list-button, .registry-popup .select-list-wrap a:hover .add-list-button {
display: block;
}
.favorite-popup .select-list-wrap .design-list.added-span, .registry-popup .select-list-wrap .design-list.added-span {
cursor: default;
}
.favorite-popup .add-list-button, .registry-popup .add-list-button {
width: 60px;
height: 42px;
position: absolute;
right: 5px;
top: 5px;
display: none;
padding: 0;
}
.favorite-popup .new-list-input-wrap, .registry-popup .new-list-input-wrap {
position: relative;
margin-top: 10px;
}
.favorite-popup .new-list-input-wrap .svg-icon-plus, .registry-popup .new-list-input-wrap .svg-icon-plus {
position: absolute;
left: 14px;
top: 18px;
width: 18px;
height: 18px;
}
.favorite-popup .new-list-input-wrap.error:after, .registry-popup .new-list-input-wrap.error:after {
content: "List requires a name";
color: #cc0000;
padding: 5px 0;
font-family: var(--webfont-primary, sans-serif);
font-weight: 400;
font-size: 16px;
line-height: 18px;
}
.favorite-popup .not-signed-in .login-popup-trigger-button, .registry-popup .not-signed-in .login-popup-trigger-button {
background: transparent;
color: var(--webfont-primary, sans-serif);
border: none;
padding: 0px;
margin: 0px;
text-transform: none;
letter-spacing: inherit;
text-decoration: underline;
height: auto;
line-height: inherit;
font-weight: normal;
font-family: var(--webfont-primary, sans-serif);
font-size: 14px;
}
.favorite-popup .current-list-scroll, .registry-popup .current-list-scroll {
max-height: 320px;
overflow-y: auto;
}
.favorite-popup i.db-sprite, .registry-popup i.db-sprite {
width: 25px;
height: 25px;
float: left;
background: url(//images.crateandbarrel.com/is/image/Crate/Mood_board_Sprite?fmt=png-alpha);
}
.favorite-popup i.green-check, .registry-popup i.green-check {
background-position: -260px -20px;
}
.favorite-popup i.view-arrow, .registry-popup i.view-arrow {
background-position: -452px -17px;
float: right;
}
.favorite-popup .added-active, .registry-popup .added-active {
position: absolute;
right: 15px;
top: 16px;
}
.favorite-popup .added-confirmation-modal-container, .registry-popup .added-confirmation-modal-container {
height: 60px;
z-index: 4000;
display: block;
width: 90%;
margin: 0;
background-color: #222;
color: #fff;
padding: 1.4em 2.1em;
box-sizing: border-box;
position: fixed;
top: 45%;
bottom: 100px;
visibility: visible;
}
.favorite-popup .added-confirmation-modal-container .item-added-wrap, .registry-popup .added-confirmation-modal-container .item-added-wrap {
margin-top: -3px;
}
.favorite-popup .added-confirmation-modal-container .green-check, .registry-popup .added-confirmation-modal-container .green-check {
margin-top: -3px;
}
.favorite-popup .added-confirmation-modal-container .list-confirmation-message, .registry-popup .added-confirmation-modal-container .list-confirmation-message {
color: #56b401;
float: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 50%;
}
.favorite-popup .added-confirmation-modal-container .view-list-message, .registry-popup .added-confirmation-modal-container .view-list-message {
float: right;
color: #fff;
font-weight: 300;
cursor: pointer;
}
.favorite-popup .svg-icon-success, .registry-popup .svg-icon-success {
width: 18px;
height: 18px;
color: #007B00;
}
.favorite-popup .view-list-message:hover, .registry-popup .view-list-message:hover {
text-decoration: none;
}
.favorite-popup .added-img, .registry-popup .added-img {
width: 160px;
margin-bottom: 12px;
}
.favorite-popup .confirm-view, .registry-popup .confirm-view {
visibility: visible;
}
/*#endregion -------- add to favortie popup ----------*/
/*#region -------- favortie board delete popup -----------*/
#global-popup.favorites-delete-confirmation .popup-container {
width: 365px;
}
#global-popup.favorites-delete-confirmation .popup-container .delete-title {
font: 600 16px/18px var(--webfont-primary, sans-serif);
margin-bottom: 0;
}
#global-popup.favorites-delete-confirmation .popup-container .delete-p {
font: 300 14px/1.5 var(--webfont-primary, sans-serif);
margin-bottom: 20px;
}
/*#endregion -------- favortie board delete popup --------*/
/* #region ------------favorite limit popup-----------------*/
.favorite-limit-popup {
position: fixed;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
top: 0;
left: 0;
cursor: pointer;
}
.favorite-limit-popup .popup-content {
background: white;
position: relative;
top: 50%;
transform: translateY(-50%);
width: 510px;
margin: auto;
padding: 50px 40px;
z-index: 11;
cursor: auto;
max-height: 90vh;
overflow-y: auto;
}
.favorite-limit-popup .popup-close {
position: absolute;
right: 15px;
top: 15px;
width: 19px;
height: 19px;
background: url(//images.crateandbarrel.com/is/image/Crate/furniture_sprite?fmt=png-alpha) no-repeat -354px -68px transparent;
cursor: pointer;
}
.favorite-limit-popup .modal-container {
margin: 300px 0;
}
.favorite-limit-popup body.popup-open {
overflow: hidden;
}
/* #endregion ------------favorite limit popup-------------*/
/*#region -----------items add to addiitonal list--------*/
.favorite-add-to-list-popup .show-more {
cursor: pointer;
}
.favorite-add-to-list-popup .select-list-wrap {
width: 320px;
float: right;
margin-right: -20px;
}
.favorite-add-to-list-popup .item-added-wrap {
width: 160px;
float: left;
}
.favorite-add-to-list-popup .fake-image {
width: 150px;
height: 150px;
background-color: #444;
float: left;
margin-bottom: 5px;
}
.favorite-add-to-list-popup .modal-title {
font: 600 16px/18px var(--webfont-primary, sans-serif);
margin-bottom: 10px;
float: left;
width: 100%;
}
.favorite-add-to-list-popup .select-list-wrap .design-list {
width: 100%;
float: left;
padding: 17px 70px 17px 10px;
font: 300 16px/18px var(--webfont-primary, sans-serif);
border: 1px solid #ccc;
margin-bottom: 12px;
box-sizing: border-box;
color: #000;
text-decoration: none;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
}
.favorite-add-to-list-popup .select-list-wrap .design-list:last-child {
margin-bottom: 0;
}
.favorite-add-to-list-popup .product-title, .favorite-add-to-list-popup .product-price {
font: 14px/18px var(--webfont-primary, sans-serif);
width: 100%;
float: left;
}
.favorite-add-to-list-popup .product-title {
font-weight: 400;
}
.favorite-add-to-list-popup .product-price {
font-weight: 400;
}
.favorite-add-to-list-popup input.design-board-new-name {
width: 100%;
box-shadow: none;
float: left;
box-sizing: border-box;
border: 1px dashed #222;
border-radius: 0;
padding: 15px 10px 15px 40px;
font: 300 16px/18px var(--webfont-primary, sans-serif);
outline: none;
color: #222;
margin-bottom: 10px;
height: 54px;
background: url(//images.crateandbarrel.com/is/image/Crate/mobile_mood_plus_3?fmt=png) no-repeat 10px 13px;
background-size: 25px;
}
.favorite-add-to-list-popup .error input.design-board-new-name {
border: #cc0000 1px solid !important;
}
.favorite-add-to-list-popup input.design-board-new-name:focus {
border: 1px solid #ccc;
outline: none;
color: #000;
padding-right: 85px;
background-image: none;
padding-left: 10px;
}
.favorite-add-to-list-popup input.design-board-new-name::-webkit-input-placeholder {
color: #222;
}
.favorite-add-to-list-popup .select-list-wrap a:hover .add-list-button {
display: block;
}
.favorite-add-to-list-popup .add-list-button {
width: 60px;
height: 42px;
float: right;
text-align: center;
background-color: #000;
color: #fff;
position: absolute;
right: 5px;
top: 5px;
border-radius: 3px;
line-height: 40px;
display: none;
cursor: pointer;
}
.favorite-add-to-list-popup .new-list-input-wrap {
position: relative;
float: left;
width: 300px;
margin-top: 10px;
}
.favorite-add-to-list-popup .new-list-input-wrap.error:after {
content: "List requires a name";
color: #cc0000;
padding: 5px 0;
font: 300 16px/18px var(--webfont-primary, sans-serif);
}
.favorite-add-to-list-popup .create-new-list-btn {
width: 60px;
height: 45px;
float: right;
font: 300 16px/18px var(--webfont-primary, sans-serif);
text-align: center;
background-color: #000;
color: #fff;
position: absolute;
right: 5px;
top: 5px;
border-radius: 3px;
line-height: 34px;
border: 0;
display: none;
cursor: pointer;
}
.favorite-add-to-list-popup .current-list-scroll {
max-height: 320px;
overflow-y: auto;
}
.favorite-add-to-list-popup .current-list-wrap {
float: left;
width: 300px;
}
.favorite-add-to-list-popup .current-list-wrap .create-new-list-btn {
width: 60px;
height: 45px;
float: right;
font: 300 16px/18px var(--webfont-primary, sans-serif);
text-align: center;
background-color: #000;
color: #fff;
position: absolute;
right: 5px;
top: 5px;
border-radius: 3px;
line-height: 34px;
border: 0;
display: none;
cursor: pointer;
}
.favorite-add-to-list-popup i.db-sprite {
width: 25px;
height: 25px;
float: left;
background: url(//images.crateandbarrel.com/is/image/Crate/Mood_board_Sprite?fmt=png-alpha);
}
.favorite-add-to-list-popup i.green-check {
background-position: -260px -20px;
}
.favorite-add-to-list-popup i.view-arrow {
background-position: -452px -17px;
float: right;
}
.favorite-add-to-list-popup i.added-active {
position: absolute;
right: 15px;
top: 13px;
}
.favorite-add-to-list-popup .select-list-wrap .design-list.added-span {
cursor: default;
}
.favorite-add-to-list-popup .added-confirmation-modal-container {
position: fixed;
left: 50%;
margin-left: -200px;
background-color: #222;
top: 80%;
font: 600 16px/18px var(--webfont-primary, sans-serif);
padding: 33px 35px 32px;
width: 420px;
box-sizing: border-box;
z-index: 1000;
-webkit-font-smoothing: antialiased;
}
.favorite-add-to-list-popup .added-confirmation-modal-container .item-added-wrap {
margin-top: -3px;
}
.favorite-add-to-list-popup .added-confirmation-modal-container .green-check {
margin-top: -3px;
}
.favorite-add-to-list-popup .list-confirmation-message {
color: #56b401;
float: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 200px;
}
.favorite-add-to-list-popup .view-list-message {
float: right;
color: #fff;
font-weight: 300;
cursor: pointer;
}
.favorite-add-to-list-popup .view-list-message:hover {
text-decoration: none;
}
.favorite-add-to-list-popup .added-img {
width: 160px;
margin-bottom: 12px;
}
.favorite-add-to-list-popup .confirm-view {
visibility: visible;
}
/*#endregion ---------items add to addiitonal list--------*/
@media screen and (max-width: 768px) {
.favorite-popup .title, .registry-popup .title {
font-weight: 600;
}
.favorite-popup .select-list-wrap .design-list, .favorite-popup .select-list-wrap p, .registry-popup .select-list-wrap .design-list, .registry-popup .select-list-wrap p {
font-weight: 400;
}
.favorite-popup .product-title, .registry-popup .product-title {
font-weight: 600;
}
.favorite-popup .add-list-button, .registry-popup .add-list-button {
display: none !important;
}
.favorite-popup .create-new-list-btn, .registry-popup .create-new-list-btn {
width: 60px;
height: 45px;
padding: 0;
position: absolute;
right: 5px;
top: 5px;
line-height: 34px;
display: none;
cursor: pointer;
text-align: center;
}
.registry-popup .design-list {
font-weight: 400;
}
.registry-popup .current-list-scroll {
max-height: initial;
}
.registry-popup .registrant-name {
display: block;
font-size: 12px;
line-height: 14px;
color: #666;
padding: 8px 0 0 0;
}
}
@media screen and (min-width: 1px) {
.registry-popup .regPrice {
display: block;
}
.registry-popup .design-list {
height: auto;
text-align: left;
}
}
@media screen and (min-width: 768px) {
.favorite-popup .popup-container, .registry-popup .popup-container {
width: 640px;
}
.favorite-popup .popup-content, .registry-popup .popup-content {
width: 510px;
padding: 0px 30px;
z-index: 11;
cursor: auto;
max-height: 90vh;
min-height: auto;
overflow-y: auto;
}
.favorite-popup .modal-container, .registry-popup .modal-container {
margin: 300px 0;
}
.favorite-popup body.popup-open, .registry-popup body.popup-open {
overflow: hidden;
}
.favorite-popup .show-more, .registry-popup .show-more {
cursor: pointer;
}
.favorite-popup .select-list-wrap, .registry-popup .select-list-wrap {
width: 320px;
float: right;
margin-right: -20px;
margin-top: 0;
}
.favorite-popup .fake-image, .registry-popup .fake-image {
width: 150px;
height: 150px;
background-color: #444;
float: left;
margin-bottom: 5px;
}
.favorite-popup .title, .registry-popup .title {
font: 16px / 18px var(--webfont-primary, sans-serif);
font-weight: 600;
margin-bottom: 10px;
float: left;
width: 100%;
}
.favorite-popup .select-list-wrap .design-list, .registry-popup .select-list-wrap .design-list {
width: 100%;
float: left;
padding: 17px 70px 17px 10px;
font: 300 16px / 18px var(--webfont-primary, sans-serif);
border: 1px solid #ccc;
box-sizing: border-box;
color: #000;
text-decoration: none;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
cursor: pointer;
font-weight: 400;
}
.favorite-popup .product-title, .registry-popup .product-title {
font-weight: 600;
}
.favorite-popup .product-title, .favorite-popup .product-price, .registry-popup .product-title, .registry-popup .product-price {
margin-left: 0;
}
.favorite-popup input.design-board-new-name, .registry-popup input.design-board-new-name {
width: 100%;
box-shadow: none;
float: left;
box-sizing: border-box;
border: 1px dashed #222;
border-radius: 0;
padding: 15px 10px 15px 40px;
outline: none;
color: #222;
margin-bottom: 10px;
height: 54px;
background: url(//images.crateandbarrel.com/is/image/Crate/mobile_mood_plus_3?fmt=png) no-repeat 10px 13px;
background-size: 25px;
}
.favorite-popup .error input.design-board-new-name, .registry-popup .error input.design-board-new-name {
border: #cc0000 1px solid !important;
}
.favorite-popup input.design-board-new-name:focus, .registry-popup input.design-board-new-name:focus {
border: 1px solid #ccc;
outline: none;
color: #000;
padding-right: 85px;
background-image: none;
padding-left: 10px;
}
.favorite-popup input.design-board-new-name::-webkit-input-placeholder, .registry-popup input.design-board-new-name::-webkit-input-placeholder {
color: #222;
}
.favorite-popup .select-list-wrap a:hover .add-list-button, .registry-popup .select-list-wrap a:hover .add-list-button {
display: block;
}
.favorite-popup .select-list-wrap a:focus .add-list-button, .registry-popup .select-list-wrap a:focus .add-list-button {
display: block;
}
.favorite-popup .select-list-wrap a:focus .add-list-button::before, .registry-popup .select-list-wrap a:focus .add-list-button::before {
display: block;
content: "";
border-color: #aaa;
border-width: 1px;
border-radius: 0;
border-style: solid;
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
}
.favorite-popup .add-list-button, .registry-popup .add-list-button {
width: 60px;
height: 42px;
position: absolute;
right: 5px;
top: 5px;
display: none;
padding: 0;
line-height: 40px;
}
.favorite-popup .new-list-input-wrap, .registry-popup .new-list-input-wrap {
position: relative;
float: left;
width: 300px;
margin-top: 10px;
}
.favorite-popup .new-list-input-wrap.error:after, .registry-popup .new-list-input-wrap.error:after {
content: "List requires a name";
color: #cc0000;
padding: 5px 0;
}
.favorite-popup .create-new-list-btn, .registry-popup .create-new-list-btn {
width: 60px;
height: 42px;
position: absolute;
right: 5px;
top: 6px;
display: none;
padding: 0;
}
.favorite-popup .create-new-list-btn:focus, .registry-popup .create-new-list-btn:focus {
outline: 0;
}
.favorite-popup .create-new-list-btn:focus::before, .registry-popup .create-new-list-btn:focus::before {
display: block;
content: "";
border-color: #aaa;
border-width: 1px;
border-radius: 0;
border-style: solid;
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
}
.favorite-popup .current-list-scroll, .registry-popup .current-list-scroll {
max-height: 320px;
overflow-y: auto;
}
.favorite-popup .current-list-wrap, .registry-popup .current-list-wrap {
float: left;
width: 300px;
}
.favorite-popup i.db-sprite, .registry-popup i.db-sprite {
width: 25px;
height: 25px;
float: left;
background: url(//images.crateandbarrel.com/is/image/Crate/Mood_board_Sprite?fmt=png-alpha);
}
.favorite-popup i.green-check, .registry-popup i.green-check {
background-position: -260px -20px;
}
.favorite-popup i.view-arrow, .registry-popup i.view-arrow {
background-position: -452px -17px;
float: right;
}
.favorite-popup i.added-active, .registry-popup i.added-active {
position: absolute;
right: 15px;
top: 13px;
}
.favorite-popup .select-list-wrap .design-list.added-span, .registry-popup .select-list-wrap .design-list.added-span {
cursor: default;
}
.favorite-popup .added-confirmation-modal-container, .registry-popup .added-confirmation-modal-container {
position: fixed;
left: 50%;
margin-left: -200px;
background-color: #222;
top: 50%;
width: 420px !important;
box-sizing: border-box;
z-index: 1000;
-webkit-font-smoothing: antialiased;
}
.favorite-popup .added-confirmation-modal-container .item-added-wrap, .registry-popup .added-confirmation-modal-container .item-added-wrap {
margin-top: -3px;
}
.favorite-popup .added-confirmation-modal-container .green-check, .registry-popup .added-confirmation-modal-container .green-check {
margin-top: -3px;
}
.favorite-popup .list-confirmation-message, .registry-popup .list-confirmation-message {
color: #56b401;
float: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 200px;
}
.favorite-popup .view-list-message, .registry-popup .view-list-message {
float: right;
color: #fff;
font-weight: 300;
cursor: pointer;
}
.favorite-popup .view-list-message:hover, .registry-popup .view-list-message:hover {
text-decoration: none;
}
.favorite-popup .added-img, .registry-popup .added-img {
width: 170px;
margin-bottom: 12px;
}
.favorite-popup .confirm-view, .registry-popup .confirm-view {
visibility: visible;
}
.favorite-popup .not-signed-in, .registry-popup .not-signed-in {
font-weight: 400;
}
.registry-popup .design-list {
font-weight: 400;
}
.registry-popup .design-list:hover {
background: none;
}
.registry-popup .add-list-button {
top: 16px;
}
.registry-popup .registrant-name {
display: block;
font-size: 12px;
line-height: 14px;
color: #666;
padding: 8px 0 0 0;
}
.create-new {
position: fixed;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
top: 0;
left: 0;
cursor: pointer;
}
.create-new .popup-content {
background: white;
position: relative;
top: 50%;
transform: translateY(-50%);
width: 270px;
margin: auto;
padding: 45px 40px;
z-index: 11;
cursor: auto;
max-height: 90vh;
overflow-y: auto;
}
.create-new .popup-close {
position: absolute;
right: 15px;
top: 15px;
width: 19px;
height: 19px;
background: url(//images.crateandbarrel.com/is/image/Crate/furniture_sprite?fmt=png-alpha) no-repeat -354px -68px transparent;
cursor: pointer;
}
.create-new body.popup-open {
overflow: hidden;
}
.create-new .modal-title {
font: 600 16px / 18px var(--webfont-primary, sans-serif);
margin-bottom: 10px;
float: left;
width: 100%;
}
.create-new input.design-board-new-name {
width: 100%;
height: auto;
box-shadow: none;
float: left;
box-sizing: border-box;
border: 1px dashed #222;
border-radius: 0;
padding: 15px 10px 15px 40px;
font: 400 16px / 18px var(--webfont-primary, sans-serif);
outline: none;
color: #222;
margin-bottom: 10px;
height: 50px;
background: url(//images.crateandbarrel.com/is/image/Crate/mobile_mood_plus_3?fmt=png) no-repeat 10px 11px;
background-size: 25px;
}
.create-new .error input.design-board-new-name {
border: #cc0000 1px solid;
}
.create-new input.design-board-new-name:focus {
border: 1px solid #ccc;
outline: none;
color: #000;
background-image: none;
padding-left: 10px;
}
.create-new input.design-board-new-name::-webkit-input-placeholder {
color: #222;
}
.create-new .select-list-wrap a:hover .add-list-button {
display: block;
}
.create-new .add-list-button {
width: 60px;
height: 38px;
float: right;
text-align: center;
background-color: #000;
color: #fff;
position: absolute;
right: 5px;
top: 5px;
border-radius: 3px;
line-height: 34px;
display: none;
cursor: pointer;
}
.create-new .new-list-input-wrap {
position: relative;
float: left;
width: 270px;
margin-top: 10px;
}
.create-new .new-list-input-wrap.error:after {
content: "List requires a name";
color: #cc0000;
padding: 5px 0;
font: 300 16px / 18px var(--webfont-primary, sans-serif);
}
.create-new .create-new-list-btn {
position: absolute;
right: 5px;
top: 5px;
display: none;
cursor: pointer;
padding: 0;
}
}
/* #region =========== Product Header ================================= */
/* #region =========== Product Header ================================= */
@media screen and (min-width: 1px) {
.section-product-header {
float: left;
padding: 15px 0 0 0;
width: 100%;
}
.section-product-header .warning {
font-size: 12px;
display: inline-block;
margin: 0;
clear: none;
line-height: 16px;
}
.shop-bar-product-title {
font-weight: 400;
line-height: 24px;
font-size: 20px;
padding: 0;
margin-bottom: 4px;
font-family: var(--webfont-primary, sans-serif);
}
.shop-bar-right-product-info {
width: 100%;
}
.shop-bar-price-area {
line-height: 20px;
font-size: 14px;
font-weight: 400;
float: left;
clear: both;
}
.shop-bar-price-area .sale .salePriceDetail {
margin-right: 4px;
font-weight: 600;
color: #222;
}
.shop-bar-price-area .sale .salePrice {
color: #b00;
margin-right: 4px;
}
.shop-bar-price-area .sale .regPrice {
color: #666;
font-weight: 400;
}
.shop-bar-price-area .reg .regPrice {
color: #222;
}
.sku-review-area {
width: 100%;
clear: both;
}
.sku-review-area .shop-bar-reviews {
float: left;
padding-right: 8px;
}
.sku-review-area .shop-bar-reviews .review-stars {
width: 85px;
}
.sku-review-area .shop-bar-reviews .review-count {
font-size: 12px;
line-height: 20px;
font-weight: 400;
}
.sku-review-area .shop-bar-sku-area {
margin-top: 11px;
display: inline-block;
font-size: 12px;
}
.sku-review-area .shop-bar-sku-area::before {
content: "|";
padding-right: 6px;
transform: scaleY(1.3);
display: inline-block;
}
.hide-exclusive.section-exclusive {
display: none;
}
}
/* #endregion =========== Product Header ================================= */
.adaptive-layout .main-product-and-family {
/* #region =========== Base Layout ==================================== */
/* #endregion ======== Base Layout ==================================== */
/* #region =========== Product Info LEFT (Title + Availability + Exclusive text) ========= */
/* #endregion ======== Product Info LEFT (Title + Availability + Exclusive text) =================== */
/* #region ======== Product Info RIGHT ( Price + Sku + Reviews) =================== */
/* Shop Bar - SKU/Review area */
/* #endregion ======== Product Info RIGHT ( Price + Sku + Reviews ) =================== */
/* #region =========== Promo Messaging (Promo) ====== */
/* #endregion ======== Promo Messaging (Promo) ====== */
}
.adaptive-layout .main-product-and-family .section-product-header {
*zoom: 1;
display: block;
float: none;
}
.adaptive-layout .main-product-and-family .section-product-header:before, .adaptive-layout .main-product-and-family .section-product-header:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .main-product-and-family .section-product-header:after {
clear: both;
}
.adaptive-layout .main-product-and-family .shop-bar {
/* default state */
box-sizing: border-box;
height: auto;
width: 1008px;
padding-top: 16px;
padding-bottom: 15px;
float: left;
background: #fff;
z-index: 500;
position: relative;
display: block;
border-bottom: 1px solid #ccc;
}
.adaptive-layout .main-product-and-family .shop-bar::after {
display: block;
content: "";
clear: both;
}
.adaptive-layout .main-product-and-family .shop-bar-product-info {
float: left;
width: 100%;
height: auto;
margin-bottom: 7px;
}
.adaptive-layout .main-product-and-family.main-furniture.main-product .shop-bar-product-info {
max-height: none;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info {
box-sizing: border-box;
float: left;
max-width: none;
width: 504px;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-product-title {
box-sizing: border-box;
float: left;
max-width: 478px;
margin: 0;
padding: 0;
font: 600 20px/24px var(--webfont-primary, sans-serif);
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .exclusive-text {
display: inline-block;
float: left;
line-height: 20px;
margin-right: 10px;
font-size: 12px;
font-family: var(--webfont-primary, sans-serif);
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .exclusive-text .svg-icon-logo-crate-and-kids-teal-small {
margin: 16px 0 0 0;
width: 75px;
max-width: 75px;
max-height: 12px;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap {
float: left;
width: 100%;
padding-top: 4px;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap .shop-bar-availability {
clear: right;
float: left;
height: auto;
padding: 0 0 8px 0;
position: relative;
font: 400 12px/16px var(--webfont-primary, sans-serif);
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap .shop-bar-availability .swatch-exclusive {
font-size: 12px;
line-height: 20px;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap .shop-bar-availability .product-information {
padding: 0;
max-width: 550px;
clear: left;
float: left;
position: relative;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap .shop-bar-availability .product-information span {
display: inline;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap .shop-bar-availability .availability {
font-size: 12px;
line-height: 20px;
float: left;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap .shop-bar-availability .availability .product-backorder {
color: #b00;
font-size: 13px;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap .shop-bar-availability .availability-msg {
margin-right: 4px;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap .shop-bar-availability .change-zip-link {
color: #222;
text-decoration: underline;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap .shop-bar-availability .change-zip-link:hover {
text-decoration: underline;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap .shop-bar-availability .change-zip-link:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap .shop-bar-availability .zipCodePanel label {
margin-top: 10px;
color: #222;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap .shop-bar-availability .zipCodePanel .formZIPtextWrap {
max-width: 50px;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap.exclusive-text-enabled .shop-bar-availability {
position: absolute;
left: 97px;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap.exclusive-text-enabled .shop-bar-availability.quotable-ground-message {
position: relative;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap.exclusive-text-enabled [data-is-kids="true"][data-exclusive-text="Crate and Kids Exclusive"] {
display: flex;
align-items: flex-start;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap.exclusive-text-enabled [data-is-kids="true"][data-exclusive-text="Crate and Kids Exclusive"] + .shop-bar-availability {
left: 143px;
line-height: 20px;
padding-top: 13px;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap.exclusive-text-enabled [data-is-kids="true"][data-exclusive-text="Crate and Kids Exclusive"] .exclusive-label {
margin: 13px 0 0 0;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap.exclusive-text-enabled [data-exclusive-text="Crate and Barrel Exclusive"] + .shop-bar-availability {
left: 153px;
line-height: 22px;
}
.adaptive-layout .main-product-and-family .shop-bar-left-product-info .shop-bar-availability-wrap .exclusive-text[data-is-kids="true"][data-exclusive-text=""] + .shop-bar-availability {
line-height: 20px;
padding-top: 13px;
}
.adaptive-layout .main-product-and-family .shop-bar-divided .shop-bar-left-product-info .exclusive-text-enabled [data-exclusive-text] + .shop-bar-availability {
left: 0;
}
.adaptive-layout .main-product-and-family .shop-bar-divided .shop-bar-left-product-info .exclusive-text-enabled [data-is-kids="true"][data-exclusive-text="Crate and Kids Exclusive"] + .shop-bar-availability {
left: 0;
}
.adaptive-layout .main-product-and-family .shop-bar-divided .shop-bar-left-product-info .exclusive-text {
visibility: hidden;
overflow: hidden;
}
.adaptive-layout .main-product-and-family .shop-bar-divided.header-stick .exclusive-text-enabled {
margin-top: -8px;
}
.adaptive-layout .main-product-and-family .shop-bar-divided.header-stick .shop-bar-secondary-llm {
padding-top: 14px;
}
.adaptive-layout .main-product-and-family .shop-bar-right-product-info {
box-sizing: border-box;
float: right;
max-width: none;
width: 504px;
}
.adaptive-layout .main-product-and-family .shop-bar-price-area {
float: right;
clear: none;
font: 600 20px/30px var(--webfont-primary, sans-serif);
}
.adaptive-layout .main-product-and-family .shop-bar-price-area .sale .salePriceDetail,
.adaptive-layout .main-product-and-family .shop-bar-price-area .sale .salePrice {
margin-right: 0;
}
.adaptive-layout .main-product-and-family .shop-bar-price-area .sale .regPrice {
font-weight: 400;
font-size: 16px;
margin: 0 0 0 10px;
}
.adaptive-layout .main-product-and-family .shop-bar-price-area .dutieIncludedPrice {
display: none;
}
.adaptive-layout .main-product-and-family .sku-review-area {
float: right;
font-weight: 300;
clear: both;
width: auto;
/* Shop Bar - SKU Area */
}
.adaptive-layout .main-product-and-family .sku-review-area .shop-bar-reviews {
float: left;
padding: 0 10px 0 0;
margin-top: -7px;
}
.adaptive-layout .main-product-and-family .sku-review-area .shop-bar-reviews:only-child {
padding: 0;
}
.adaptive-layout .main-product-and-family .sku-review-area .shop-bar-sku-area {
float: right;
padding: 0;
font-size: 12px;
line-height: 20px;
margin-top: 0;
vertical-align: middle;
font-weight: 400;
}
.adaptive-layout .main-product-and-family .sku-review-area .shop-bar-sku-area::before {
padding-right: 10px;
transform: none;
}
.adaptive-layout .main-product-and-family .delivery-promo {
float: right;
clear: right;
}
.adaptive-layout .main-product-and-family .delivery-promo:empty {
display: none;
}
.adaptive-layout .main-product-and-family .delivery-promo a {
font-size: 12px;
line-height: 20px;
color: #b00;
}
.adaptive-layout .main-product-and-family .delivery-promo .promo-message-custom {
font-size: 12px;
line-height: 20px;
color: #b00;
}
.adaptive-layout.international-layout .main-family.main-furniture .shop-bar-product-info {
max-height: none;
}
.adaptive-layout .section-product-header {
*zoom: 1;
padding-top: 0;
/* #region =========== Sticky Layout =========== */
/* #endregion =========== Sticky Layout =========== */
}
.adaptive-layout .section-product-header:before, .adaptive-layout .section-product-header:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .section-product-header:after {
clear: both;
}
.adaptive-layout .section-product-header.sticky-header {
position: -webkit-sticky;
position: sticky;
top: -1px;
z-index: 60;
background: #fff;
width: 100%;
}
.adaptive-layout .section-product-header.sticky {
position: fixed;
}
.adaptive-layout .section-product-header .header-stick {
box-shadow: 0 5px 5px -5px #999;
border-bottom: 1px solid #d8d8d8;
padding-right: 7px;
padding-left: 7px;
box-sizing: content-box;
margin-left: -7px;
}
.adaptive-layout .section-product-header .header-stick .shop-bar-left-product-info .shop-bar-availability-wrap.exclusive-text-enabled .shop-bar-availability {
left: 103px;
}
.adaptive-layout .section-product-header .header-stick .shop-bar-left-product-info .shop-bar-availability-wrap.exclusive-text-enabled [data-is-kids="true"] + .shop-bar-availability {
left: 150px;
}
.adaptive-layout .section-product-header .header-stick .shop-bar-left-product-info .shop-bar-availability-wrap.exclusive-text-enabled [data-exclusive-text="Crate and Kids"] + .shop-bar-availability {
left: 96px;
}
.adaptive-layout .section-product-header .header-stick .shop-bar-left-product-info .shop-bar-availability-wrap.exclusive-text-enabled [data-exclusive-text="Crate and Barrel Exclusive"] + .shop-bar-availability {
left: 159px;
line-height: 20px;
}
/* #endregion =========== Product Header ================================= */
/* #region =========== Custom Button - "More Options" and "Close" =========== */
/* #region =========== Custom Button - "More Options" and "Close" =========== */
@media screen and (min-width: 1px) {
.button-customize {
height: 48px;
padding: 0 24px;
font-size: 12px;
line-height: 44px;
float: left;
width: 100%;
border-color: #666;
margin-top: 14px;
position: relative;
}
.button-customize .custom-icon-color-wheel-spinner {
width: 25px;
height: 25px;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
.button-customize .button-icon-text-container {
width: 140px;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.button-customize .button-icon-text-container.button-text-more-options svg, .button-customize .button-icon-text-container.button-text-close svg {
height: 30px;
width: 30px;
position: relative;
float: left;
overflow: hidden;
top: 8px;
line-height: 48px;
}
.button-customize .button-icon-text-container.button-text-more-options .svg-icon-custom, .button-customize .button-icon-text-container.button-text-close .svg-icon-custom {
display: block;
}
.button-customize .button-icon-text-container.button-text-more-options .svg-icon-close, .button-customize .button-icon-text-container.button-text-close .svg-icon-close {
display: none;
}
.button-customize .button-icon-text-container.button-text-more-options span, .button-customize .button-icon-text-container.button-text-close span {
float: left;
margin-left: 10px;
}
.button-customize.slide-active {
/* Button has been pressed, class assigned via JavaScript */
width: 125px;
left: 0;
padding-left: 20px;
}
.button-customize.slide-active .button-icon-text-container {
width: 82px;
}
.button-customize.slide-active .button-icon-text-container.button-text-more-options,
.button-customize.slide-active .button-icon-text-container .svg-icon-custom {
display: none;
}
.button-customize.slide-active .button-icon-text-container.button-text-close,
.button-customize.slide-active .button-icon-text-container .svg-icon-close {
display: block;
}
}
/* #endregion =========== Custom Button - "More Options" and "Close" =========== */
.adaptive-layout .button-customize {
overflow: hidden;
margin: 0px;
position: absolute;
left: 335px;
z-index: 10;
width: 190px;
transition: width 0.3s, left 0.3s ease-out, background 0.3s ease-out;
-webkit-transition: width 0.3s, left 0.3s ease-out, background 0.3s ease-out;
-moz-transition: width 0.3s, left 0.3s ease-out, background 0.3s ease-out;
-o-transition: width 0.3s, left 0.3s ease-out, background 0.3s ease-out;
}
.adaptive-layout .button-customize .button-text-more-options i,
.adaptive-layout .button-customize .button-text-close i {
left: -5px;
}
.adaptive-layout .button-customize.slide-active {
/* Button has been pressed, class assigned via JavaScript */
width: 125px;
left: 0;
padding-left: 20px;
}
.adaptive-layout .section-product-header.lean-product-header .color-bar-divided .button-customize {
left: 300px;
top: 10px;
width: 160px;
}
.adaptive-layout .section-product-header.lean-product-header .color-bar-divided .button-customize .button-icon-text-container .svg-icon-custom {
left: 16px;
}
.adaptive-layout .section-product-header.lean-product-header .color-bar-divided .button-customize .button-icon-text-container span {
margin-left: 26px;
}
/* #endregion =========== Custom Button - "More Options" and "Close" =========== */
/* #region =========== Color Bar =========== */
/* #region =========== Color Bar =========== */
@media screen and (min-width: 1px) {
.shop-bar-color-bar {
*zoom: 1;
clear: left;
float: left;
width: 100%;
height: auto;
position: relative;
}
.shop-bar-color-bar:before, .shop-bar-color-bar:after {
display: table;
content: "";
line-height: 0;
}
.shop-bar-color-bar:after {
clear: both;
}
.shop-bar-color-bar .color-bar-label-wrap {
display: none;
}
.shop-bar-color-bar .shop-bar-carousel {
clear: left;
float: left;
display: block;
width: 100%;
padding: 0px;
}
.shop-bar-color-bar .shop-bar-carousel [class*='svg-icon-arrow-'] {
display: none;
}
.shop-bar-color-bar .shop-bar-carousel .swatch-list-item {
float: left;
width: auto;
height: auto;
padding: 0;
box-sizing: border-box;
}
.shop-bar-color-bar .shop-bar-carousel .swatch-list-item:last-child {
margin-right: 0;
}
.shop-bar-color-bar .shop-bar-carousel .swatch-list-item .swatch-img {
width: 100%;
box-sizing: border-box;
padding: 1px;
}
.shop-bar-color-bar .shop-bar-carousel .radio-item {
*zoom: 1;
}
.shop-bar-color-bar .shop-bar-carousel .radio-item:before, .shop-bar-color-bar .shop-bar-carousel .radio-item:after {
display: table;
content: "";
line-height: 0;
}
.shop-bar-color-bar .shop-bar-carousel .radio-item:after {
clear: both;
}
.shop-bar-color-bar .shop-bar-carousel .radio-item label {
cursor: pointer;
border: solid 2px transparent;
}
.shop-bar-color-bar .shop-bar-carousel .radio-item input[type="radio"]:checked ~ label {
border-color: #222;
}
.shop-bar-color-bar .shop-bar-carousel .radio-item input[type="radio"]:focus ~ label {
outline: dashed 1px #222;
outline-offset: -1px;
}
.color-bar-divided .shop-bar-color-bar:not(.disable-divider) .color-bar-label-wrap {
display: block;
}
.color-bar-divided .shop-bar-color-bar:not(.disable-divider) .left {
width: 50%;
}
.color-bar-divided .shop-bar-color-bar:not(.disable-divider) .right {
width: 50%;
float: left;
}
.color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-1 .stock-itme-visible .left {
width: 83px;
}
.color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-1 .stock-itme-visible .right {
width: 140px;
}
.color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-2 .stock-itme-visible .left {
width: 127px;
}
.color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-2 .stock-itme-visible .right {
width: 60%;
}
.color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-3 .stock-itme-visible .left {
width: 170px;
}
.color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-3 .stock-itme-visible .right {
width: 47%;
}
.color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-4 .stock-itme-visible .left {
width: 223px;
}
}
@media screen and (min-width: 1px) and (min-width: 768px) {
.color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-4 .stock-itme-visible .left {
width: 180px;
}
}
@media screen and (min-width: 1px) {
.color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-4 .stock-itme-visible .right {
width: 33%;
}
.color-bar-divided .product-option-colorbar-wrap .section-header {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.color-bar-divided .divider {
height: 47px !important;
width: 1px !important;
background: #aaa !important;
margin: 0 10px 0 25px !important;
}
.color-bar-divided .color-bar-label-wrap {
width: 100%;
float: left;
margin-bottom: 5px;
transition: opacity 0.4s ease-in;
}
.color-bar-divided .color-bar-label-wrap.text-fade {
opacity: 0;
}
.color-bar-divided .color-bar-label-wrap .left, .color-bar-divided .color-bar-label-wrap .right {
position: relative;
height: 15px;
overflow: hidden;
}
.color-bar-divided .color-bar-label-wrap .left span, .color-bar-divided .color-bar-label-wrap .right span {
font: 400 12px / 16px var(--webfont-primary, sans-serif);
position: absolute;
left: 0;
transition: opacity 0.1s ease-in;
}
.color-bar-divided .color-bar-label-wrap .left .stocked {
opacity: 0;
}
.color-bar-divided .color-bar-label-wrap .left .non-stocked {
opacity: 1;
}
.color-bar-divided .color-bar-label-wrap .right .non-stocked {
opacity: 0;
}
.color-bar-divided .color-bar-label-wrap.stock-itme-visible span {
transition: opacity 0.4s ease-in;
}
.color-bar-divided .color-bar-label-wrap.stock-itme-visible .left .stocked {
opacity: 1;
}
.color-bar-divided .color-bar-label-wrap.stock-itme-visible .left .non-stocked {
opacity: 0;
}
.color-bar-divided .color-bar-label-wrap.stock-itme-visible .right .non-stocked {
opacity: 1;
}
}
/* #endregion =========== Color Bar =========== */
.adaptive-layout .color-bar-wrapper {
float: left;
max-width: 592px;
position: relative;
}
.adaptive-layout .color-bar-wrapper.color-bar-wrapper-open {
width: 125px;
height: 48px;
}
.adaptive-layout .color-bar-container {
float: left;
opacity: 1;
transition: opacity .8s ease;
}
.adaptive-layout .color-bar-container.color-bar-container-hide {
opacity: 0;
}
.adaptive-layout .shop-bar-color-bar {
*zoom: 1;
clear: left;
float: left;
width: 318px;
height: auto;
position: relative;
max-width: 311px;
top: -2px;
left: -4px;
}
.adaptive-layout .shop-bar-color-bar:before, .adaptive-layout .shop-bar-color-bar:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .shop-bar-color-bar:after {
clear: both;
}
.adaptive-layout .shop-bar-color-bar .shop-bar-carousel {
clear: left;
float: left;
display: block;
width: 100%;
padding: 0px;
max-height: 56px;
}
.adaptive-layout .shop-bar-color-bar .shop-bar-carousel [class*='svg-icon-arrow-'] {
width: 28px;
height: 28px;
left: 0px;
top: 0px;
position: absolute;
display: block;
}
.adaptive-layout .shop-bar-color-bar .shop-bar-carousel .swatch-list-item {
float: left;
width: auto;
height: auto;
padding: 0;
box-sizing: border-box;
}
.adaptive-layout .shop-bar-color-bar .shop-bar-carousel .swatch-list-item:last-child {
margin-right: 0;
}
.adaptive-layout .shop-bar-color-bar .shop-bar-carousel .swatch-list-item .swatch-img {
width: 100%;
box-sizing: border-box;
padding: 1px;
max-width: 48px;
}
.adaptive-layout .shop-bar-color-bar .shop-bar-carousel .radio-item {
*zoom: 1;
}
.adaptive-layout .shop-bar-color-bar .shop-bar-carousel .radio-item:before, .adaptive-layout .shop-bar-color-bar .shop-bar-carousel .radio-item:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .shop-bar-color-bar .shop-bar-carousel .radio-item:after {
clear: both;
}
.adaptive-layout .shop-bar-color-bar .shop-bar-carousel .radio-item label {
cursor: pointer;
border: solid 2px transparent;
}
.adaptive-layout .shop-bar-color-bar .shop-bar-carousel .radio-item input[type="radio"]:checked ~ label {
border-color: #222;
}
.adaptive-layout .shop-bar-color-bar .shop-bar-carousel .radio-item input[type="radio"]:focus ~ label {
outline: dashed 1px #222;
outline-offset: -1px;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer[role="dialog"],
.adaptive-layout .shop-bar-color-bar .custom-leg-layer {
position: absolute;
left: 0;
top: 60px !important;
margin-top: 0 !important;
display: none;
z-index: 1100;
width: 585px;
height: auto;
}
.adaptive-layout .shop-bar-color-bar .custom-leg-layer {
height: 244px;
}
.adaptive-layout .shop-bar-color-bar .custom-leg-layer .custom-leg-layer-data-area {
clear: left;
display: table;
box-sizing: border-box;
padding: 15px 0;
}
.adaptive-layout .shop-bar-color-bar .custom-leg-layer .custom-leg-layer-data-area .custom-leg-layer-info-area {
width: 275px;
padding: 0 10px 0 20px;
}
.adaptive-layout .shop-bar-color-bar .custom-leg-layer .custom-leg-layer-data-area .custom-leg-layer-info-area .custom-leg-layer-info {
font-size: 14px;
}
.adaptive-layout .shop-bar-color-bar .custom-leg-layer .custom-leg-layer-data-area .custom-leg-layer-info-area .custom-leg-layer-label {
font-weight: 600;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-content,
.adaptive-layout .shop-bar-color-bar .custom-leg-layer-content {
display: block;
box-sizing: border-box;
box-shadow: 0 0 10px 3px rgba(50, 50, 50, 0.25);
border: solid 1px #ccc;
background: #fff;
width: 100%;
height: 100%;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-img-area {
display: block;
box-sizing: border-box;
position: relative;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-img-area::after {
display: block;
content: "";
clear: both;
}
.adaptive-layout .shop-bar-color-bar #custom-item-swatch-zoom {
margin: 40px 17px 0 17px;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-btn-add-to-favorites {
position: absolute;
bottom: 0;
right: 0;
padding: 5px 12px 3px 12px;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-btn-add-to-favorites:hover:hover,
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-btn-add-to-favorites:hover {
background: #fff;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-data-area {
clear: left;
display: table;
box-sizing: border-box;
padding: 17px 0;
width: 100%;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-data-area .custom-swatch-layer-order-swatches-and-care-icons {
padding-left: 5px;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-data-area .custom-swatch-layer-order-swatches-and-care-icons:nth-of-type(1) {
padding-top: 6px;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-info-area,
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-description {
display: table-cell;
vertical-align: top;
box-sizing: border-box;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-info-area {
width: 275px;
padding: 0 10px 0 40px;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-description {
padding: 0 40px;
border-left: 1px solid #ccc;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-description.no-romance-copy {
border-left: 0px;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-info {
margin: 0;
padding: 0;
max-width: 200px;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-info + .custom-swatch-layer-info {
padding-top: 4px;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-label,
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-text,
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-description a,
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-description p {
font: 400 12px/20px var(--webfont-primary, sans-serif);
margin: 0;
width: 280px;
max-height: 150px;
overflow: auto;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-description p {
margin: 0 0 10px 0;
font-size: 14px;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-label {
margin-right: 5px;
font-weight: bold;
}
.adaptive-layout .shop-bar-color-bar .order-swatches-link {
display: inline-block;
padding: 5px 0;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-care-icons {
margin-left: -5px;
padding-top: 5px;
}
.adaptive-layout .shop-bar-color-bar .custom-swatch-layer-care-icons .care-icon {
margin: 8px 5px 0 0;
display: inline-block;
vertical-align: top;
width: 135px;
height: auto;
}
.adaptive-layout .color-bar-divided .shop-bar-color-bar:not(.disable-divider) {
max-width: 275px !important;
width: 275px !important;
left: -1px;
}
.adaptive-layout .color-bar-divided .shop-bar-color-bar:not(.disable-divider) .shop-bar-carousel {
max-height: 37px;
}
.adaptive-layout .color-bar-divided .shop-bar-color-bar:not(.disable-divider) .right {
float: right;
}
.adaptive-layout .color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-1 .stock-itme-visible .left {
width: 22%;
}
.adaptive-layout .color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-1 .stock-itme-visible .right {
width: 73%;
}
.adaptive-layout .color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-2 .stock-itme-visible .left {
width: 30%;
}
.adaptive-layout .color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-2 .stock-itme-visible .right {
width: 60%;
}
.adaptive-layout .color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-3 .stock-itme-visible .left {
width: 30%;
}
.adaptive-layout .color-bar-divided .shop-bar-color-bar:not(.disable-divider).stock-3 .stock-itme-visible .right {
width: 47%;
}
.adaptive-layout .color-bar-divided .divider {
height: 37px !important;
}
/* #endregion =========== Color Bar =========== */
/* #region =========== Comfort Video =========== */
/* #endregion =========== Comfort Video =========== */
/* #region =========== Comfort Video =========== */
.adaptive-layout .section-comfort iframe {
border: 0;
}
/* #endregion =========== Comfort Video =========== */
/* #region =========== Shop Button (QTY + Add to cart + Add to registry + Add to fav) =========== */
/* #region =========== Shop Button (QTY + Add to cart + Add to registry + Add to fav) =========== */
@media screen and (min-width: 1px) {
.section-price-v3 {
float: left;
width: 100%;
margin-top: 15px;
}
.shop-bar-carting-area {
float: left;
width: 100%;
margin-top: 25px;
max-width: 100%;
}
.shop-bar-carting-area .qty-input .field-qty {
margin-right: 5px;
}
.shop-bar-carting-area input[type="number"][id*='qty-'].input-lg {
float: left;
text-align: center;
width: 48px;
height: 48px;
font-family: var(--webfont-primary, sans-serif);
font-weight: 600;
}
.shop-bar-carting-area .button-add-single {
width: calc(100% - 54px);
margin-bottom: 20px;
}
.shop-bar-carting-area .button-add-single,
.shop-bar-carting-area .button-select-pickup-store,
.shop-bar-carting-area .button-add-to-registry,
.shop-bar-carting-area .button-add-to-favorites {
height: 48px;
padding: 0 24px;
font-size: 12px;
line-height: 44px;
float: left;
font-weight: 600;
}
.shop-bar-carting-area .button-add-to-registry {
margin-bottom: 0;
border-radius: 0;
}
.shop-bar-carting-area .button-add-to-registry .svg-icon-gift {
height: 20px;
width: 20px;
vertical-align: middle;
margin-right: 12px;
stroke-width: 1.8;
}
.shop-bar-carting-area .add-to-registry-button-wrap {
top: -1px;
width: 50%;
}
.shop-bar-carting-area .add-to-favorites-wrapper .button-add-to-favorites {
top: -1px;
}
.shop-bar-carting-area .button-add-to-favorites {
width: 100%;
height: 48px;
padding: 0 10px;
margin: 0;
border-radius: 0;
}
.shop-bar-carting-area .button-add-to-favorites .svg-icon-heart-outline {
color: #222;
}
.shop-bar-carting-area .button-add-to-favorites .favorites-text {
margin-left: 12px;
}
.shop-bar-carting-area .button-add-to-favorites [class*="svg-icon-heart"] {
height: 20px;
width: 20px;
stroke-width: 2;
}
.shop-bar-carting-area .button-share-and-save {
height: 48px;
padding: 0 24px;
font-size: 12px;
line-height: 44px;
border-radius: 0;
font-weight: 600;
margin: 0;
top: -2px;
}
.shop-bar-carting-area .button-share-and-save .svg-icon-share {
height: 22px;
width: 22px;
vertical-align: middle;
margin-right: 12px;
stroke-width: 1.8;
}
.responsive-layout .main-product-and-family .shop-buttons .button-primary {
height: 48px;
padding: 0 24px;
font-size: 12px;
line-height: 44px;
float: left;
font-weight: 600;
}
.responsive-layout .shop-bar-carting-area .button-add-to-registry {
height: 48px;
}
.responsive-layout .shop-bar-carting-area .button-add-to-registry .add-to-registry-text {
vertical-align: middle;
}
.responsive-layout .shop-bar-carting-area .button-add-to-favorites [class*="svg-icon-heart"] {
margin-left: 7px;
}
.responsive-layout .shop-bar-carting-area .button-add-to-favorites .favorites-text {
vertical-align: middle;
}
.responsive-layout .shop-bar-carting-area .button-share-and-save .save-share-text {
vertical-align: middle;
}
.custom-qty-btn-row .shop-buttons-ak-hi {
float: left;
width: calc(100% - 55px);
}
}
/* #endregion =========== Shop Button (QTY + Add to cart + Add to registry + Add to fav) =========== */
.adaptive-layout .shop-bar-carting-area {
float: right;
max-width: 440px;
min-height: 32px;
width: auto;
margin-top: 0;
}
.adaptive-layout .shop-bar-carting-area input[type="number"][id*='qty-'].input-lg {
margin: 0;
}
.adaptive-layout .shop-bar-carting-area .button-add-single {
width: auto;
}
.adaptive-layout .shop-bar-carting-area .button-add-to-cart-all {
margin-top: 0;
margin-bottom: 5px;
}
.adaptive-layout .shop-bar-carting-area .button-add-single,
.adaptive-layout .shop-bar-carting-area .button-select-pickup-store,
.adaptive-layout .shop-bar-carting-area .button-add-to-registry,
.adaptive-layout .shop-bar-carting-area .button-add-to-favorites {
height: 48px;
padding: 0 24px;
font-size: 12px;
line-height: 44px;
padding: 0 16px;
margin: 0 0 0 6px;
float: left;
font-weight: 600;
width: auto;
}
.adaptive-layout .shop-bar-carting-area .button-select-pickup-store {
margin-left: 0;
}
.adaptive-layout .shop-bar-carting-area .button-add-to-registry {
margin-bottom: 0;
border-radius: 0;
}
.adaptive-layout .shop-bar-carting-area .button-add-to-registry[aria-disabled="true"], .adaptive-layout .shop-bar-carting-area .button-add-to-registry[disabled] {
border-color: #ccc;
}
.adaptive-layout .shop-bar-carting-area .button-add-to-registry .svg-icon-gift {
display: none;
}
.adaptive-layout .shop-bar-carting-area .add-to-favorites-wrapper .button-add-to-favorites {
top: 0;
}
.adaptive-layout .shop-bar-carting-area .button-add-to-favorites {
width: 48px;
height: 48px;
padding: 0 12px;
border-radius: 0;
border-color: #666;
}
.adaptive-layout .shop-bar-carting-area .button-add-to-favorites .svg-icon-heart-outline {
stroke-width: 2;
}
.adaptive-layout .shop-bar-carting-area .button-add-to-favorites[aria-disabled="true"], .adaptive-layout .shop-bar-carting-area .button-add-to-favorites[disabled] {
border-color: #ccc;
}
.adaptive-layout .shop-bar-divided .shop-bar-carting-area {
margin-top: 8px;
}
.adaptive-layout .shop-buttons {
float: left;
}
.adaptive-layout .shop-bar .shop-buttons .button {
height: 48px;
padding: 0 24px;
font-size: 12px;
line-height: 44px;
}
/* #endregion =========== Shop Button (QTY + Add to cart + Add to registry + Add to fav) =========== */
/* #region =========== Availability Section =========== */
/* #region =========== Availability Section =========== */
@media screen and (min-width: 1px) {
.main-product-and-family .shop-bar-availability-wrap {
*zoom: 1;
float: left;
max-width: 100%;
}
.main-product-and-family .shop-bar-availability-wrap:before, .main-product-and-family .shop-bar-availability-wrap:after {
display: table;
content: "";
line-height: 0;
}
.main-product-and-family .shop-bar-availability-wrap:after {
clear: both;
}
.main-product-and-family .availability-wrapper {
position: relative;
float: left;
clear: both;
margin-bottom: 16px;
font-size: 12px;
padding: 0;
line-height: 20px;
font-weight: 400;
font-family: var(--webfont-primary, sans-serif);
max-width: 100%;
}
.main-product-and-family .availability-wrapper * {
float: left;
clear: both;
}
.main-product-and-family .availability-wrapper .availability-radio {
top: 0;
left: 0;
background: white;
border: 1px solid #666;
width: 20px;
height: 20px;
position: absolute;
border-radius: 50%;
pointer-events: none;
}
.main-product-and-family .availability-wrapper input {
position: absolute;
}
.main-product-and-family .availability-wrapper input[type="radio"] {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.main-product-and-family .availability-wrapper input:checked ~ .availability-radio {
background: #666;
border: 0;
}
.main-product-and-family .availability-wrapper input:checked ~ .availability-radio:before {
content: "";
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: white;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border: 0;
}
.main-product-and-family .availability-wrapper input.hidden ~ .availability-radio {
display: none;
}
.main-product-and-family .availability-wrapper input.hidden ~ .view-in-store {
margin-left: 0;
}
.main-product-and-family .availability-wrapper input.hidden ~ .availability-label {
padding-left: 0;
}
.main-product-and-family .availability-wrapper input.hidden ~ div.secondary-availability-msg, .main-product-and-family .availability-wrapper input.hidden ~ .secondary-message a, .main-product-and-family .availability-wrapper input.hidden ~ .secondary-message div, .main-product-and-family .availability-wrapper input.hidden ~ .secondary-message span {
margin-left: 0;
}
.main-product-and-family .availability-wrapper input.hidden ~ button, .main-product-and-family .availability-wrapper input.hidden ~ div, .main-product-and-family .availability-wrapper input.hidden ~ span, .main-product-and-family .availability-wrapper input.hidden ~ a {
margin-left: 0;
}
.main-product-and-family .availability-wrapper input.hidden ~ label {
cursor: auto;
}
.main-product-and-family .availability-wrapper .message-label, .main-product-and-family .availability-wrapper .store-pickup > div:not(.availability-radio), .main-product-and-family .availability-wrapper .store-pickup > span, .main-product-and-family .availability-wrapper .secondary-availability-msg, .main-product-and-family .availability-wrapper .secondary-message > div, .main-product-and-family .availability-wrapper .secondary-message > span, .main-product-and-family .availability-wrapper a, .main-product-and-family .availability-wrapper button {
float: left;
clear: both;
background: none;
border: 0;
padding: 0;
margin-left: 32px;
margin-bottom: 0;
line-height: 20px;
}
.main-product-and-family .availability-wrapper .warning {
margin: 0;
line-height: 20px;
}
.main-product-and-family .availability-wrapper .product-backorder {
width: 100%;
}
.main-product-and-family .availability-wrapper .product-backorder.availMsg {
font-size: 1em;
}
.main-product-and-family .availability-wrapper .red {
color: #b00;
}
.main-product-and-family .availability-wrapper .promo-popup {
color: #b00;
}
.main-product-and-family .availability-wrapper a, .main-product-and-family .availability-wrapper button {
color: #222;
}
.main-product-and-family .availability-wrapper a:hover, .main-product-and-family .availability-wrapper button:hover {
text-decoration: underline;
}
.main-product-and-family .availability-wrapper a:focus, .main-product-and-family .availability-wrapper button:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.main-product-and-family .availability-wrapper .secondary-message {
float: left;
clear: both;
max-width: 100%;
}
.main-product-and-family .availability-wrapper .secondary-message button {
margin-left: 0;
}
.main-product-and-family .availability-wrapper .secondary-message > div > *, .main-product-and-family .availability-wrapper .secondary-message > span > * {
margin-left: 0;
}
.main-product-and-family .availability-wrapper .secondary-message .zip-code-panel-content {
margin: 0 auto;
}
.main-product-and-family .availability-wrapper .secondary-message .call-your-local-store {
float: none;
}
.main-product-and-family .secondary-availability-msg .plcHolderTOM {
color: #b00;
}
.main-product-and-family .availability-ship {
margin-bottom: 10px;
}
.main-product-and-family .availability-label {
color: #222;
font: 400 16px / 20px var(--webfont-primary, sans-serif);
padding-left: 32px;
float: left;
clear: both;
cursor: pointer;
margin-bottom: 4px;
}
.main-product-and-family .availability-label:empty, .main-product-and-family .availability-label:empty + .availability-radio {
display: none;
}
.main-product-and-family .availability-label .cB {
font-size: 12px;
}
.main-product-and-family .availability-label .cB a {
float: none;
margin: 0;
}
.main-product-and-family .attribute-image {
margin: 0;
}
.main-product-and-family .delivery-promo a {
color: #b00;
}
}
/* #endregion =========== Availability Section =========== */
.adaptive-layout {
/* #region =========== Availability Popup Section =========== */
/* #endregion =========== Availability Popup Section =========== */
}
.adaptive-layout .popup-store-availability .store-availability-top .store-availability-info .store-search-container .store-search-form .find-a-stores .form-zip-button {
top: 25px;
height: 40px;
}
/* #endregion =========== Availability Section =========== */
/* #region =========== Custom Summary (Selected Fabric + Leg + Cushion) =========== */
/* #region =========== Custom Summary (Selected Fabric + Leg + Cushion) =========== */
@media screen and (min-width: 1px) {
.shop-bar-summary {
clear: left;
float: left;
width: 100%;
height: auto;
margin: 5px 0 0 0;
}
.shop-bar-summary .shop-bar-summary-item {
float: left;
padding: 0 20px 0 0;
width: 100%;
margin-bottom: 10px;
box-sizing: border-box;
}
.shop-bar-summary .shop-bar-summary-item-img {
float: left;
width: 30px;
height: 15px;
margin: 0 5px 0 0;
}
.shop-bar-summary .shop-bar-summary-item-text {
float: left;
font: normal 14px / 15px var(--webfont-primary, sans-serif);
}
.shop-bar-summary .shop-bar-summary-item-label {
float: left;
padding: 0 5px 0 0;
font-weight: 600;
}
.shop-bar-summary .shop-bar-summary-item-description {
float: left;
}
}
/* #endregion =========== Custom Summary (Selected Fabric + Leg + Cushion) =========== */
.adaptive-layout .shop-bar-summary {
clear: left;
float: left;
width: auto;
height: auto;
margin: 5px 0 0 0;
}
.adaptive-layout .shop-bar-summary .shop-bar-summary-item {
float: left;
padding: 0 20px 0 0;
width: auto;
margin-bottom: 0;
}
.adaptive-layout .shop-bar-summary .shop-bar-summary-item-img {
float: left;
width: 30px;
height: 15px;
margin: 0 5px 0 0;
}
.adaptive-layout .shop-bar-summary .shop-bar-summary-item-text {
float: left;
font: normal 12px/15px var(--webfont-primary, sans-serif);
}
.adaptive-layout .shop-bar-summary .shop-bar-summary-item-label {
float: left;
padding: 0 5px 0 0;
font-weight: 600;
}
.adaptive-layout .shop-bar-summary .shop-bar-summary-item-description {
float: left;
}
.adaptive-layout .section-grouper .shop-bar-summary {
margin-top: 2px;
}
/* #endregion =========== Custom Summary (Selected Fabric + Leg + Cushion) =========== */
/* #region =========== Showcase widget =========== */
/* #region =========== Showcase widget =========== */
@media screen and (min-width: 1px) {
.showcase-widget {
*zoom: 1;
max-width: 1008px;
width: calc(100% + 36.4px);
left: -18.2px;
position: relative;
margin-bottom: 5px;
}
.showcase-widget:before, .showcase-widget:after {
display: table;
content: "";
line-height: 0;
}
.showcase-widget:after {
clear: both;
}
.showcase-widget .showcase-item-container {
overflow: hidden;
width: 1008px;
height: auto;
position: relative;
}
.showcase-widget .showcase-item-container .showcase-item {
width: 100%;
}
.showcase-widget .showcase-item-zoomed .showcase-item {
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
max-width: none !important;
}
.showcase-nav-panel {
display: none;
}
}
/* #endregion =========== Showcase widget =========== */
.adaptive-layout #global-popup.showcase-video-popup .popup-container {
width: 756px;
padding: 48px 32px 16px;
}
.adaptive-layout #global-popup.showcase-video-popup .popup-close {
top: 5px;
right: 5px;
}
.adaptive-layout #global-popup.showcase-video-popup iframe {
border: 0;
height: 392px;
margin: 0 auto;
display: block;
box-sizing: border-box;
}
.adaptive-layout .main-product-and-family .showcase-widget {
width: 100%;
left: auto;
margin-bottom: 0;
}
.adaptive-layout .main-product-and-family .showcase-widget .showcase-zoom-image [class*='svg-icon-arrow-'] {
width: 42px;
height: 42px;
left: 0px;
top: 0px;
position: absolute;
}
.adaptive-layout .main-product-and-family .showcase-widget .showcase-item-container .showcase-item {
width: auto;
}
.adaptive-layout .main-product-and-family .showcase-nav-panel {
*zoom: 1;
width: 100%;
height: auto;
max-width: 1008px;
float: left;
display: block;
}
.adaptive-layout .main-product-and-family .showcase-nav-panel:before, .adaptive-layout .main-product-and-family .showcase-nav-panel:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .main-product-and-family .showcase-nav-panel:after {
clear: both;
}
.adaptive-layout .main-product-and-family .showcase-nav-controls {
float: left;
max-width: 130px;
width: 100%;
margin-top: 20px;
}
.adaptive-layout .main-product-and-family .view-full-screen,
.adaptive-layout .main-product-and-family .zoom-in,
.adaptive-layout .main-product-and-family .zoom-out {
height: 32px;
width: 32px;
overflow: hidden;
float: left;
box-sizing: border-box;
position: relative;
border: 0;
background: 0;
padding: 0;
margin-right: 6px;
}
.adaptive-layout .main-product-and-family .view-full-screen:before,
.adaptive-layout .main-product-and-family .zoom-in:before,
.adaptive-layout .main-product-and-family .zoom-out:before {
position: absolute;
}
.adaptive-layout .main-product-and-family .view-full-screen:focus,
.adaptive-layout .main-product-and-family .zoom-in:focus,
.adaptive-layout .main-product-and-family .zoom-out:focus {
outline: dashed 1px #222;
outline-offset: 2px;
}
.adaptive-layout .main-product-and-family .view-full-screen .svg-icon-expand {
width: 32px;
height: 32px;
left: 0px;
top: 0px;
}
.adaptive-layout .main-product-and-family .zoom-in .svg-icon-zoom-in {
width: 32px;
height: 32px;
left: 0px;
top: 0px;
}
.adaptive-layout .main-product-and-family .zoom-out .svg-icon-zoom-out {
width: 32px;
height: 32px;
left: 0px;
top: 0px;
}
.adaptive-layout .main-product-and-family .social-share-container {
width: 130px;
float: left;
margin-top: 20px;
z-index: 5;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-pinterest-container,
.adaptive-layout .main-product-and-family .social-share-container .social-share-fb-container,
.adaptive-layout .main-product-and-family .social-share-container .social-share-houzz-container {
float: left;
position: relative;
cursor: pointer;
padding: 3px 7px;
border-right: 1px solid #ccc;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-pinterest-container:hover .social-share-pinterest-box {
display: block;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-pinterest-container .social-share-pinterest-box[aria-hidden="false"] {
display: block;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-fb-container:hover .social-share-fb-box {
display: block;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-fb-container .social-share-fb-box[aria-hidden="false"] {
display: block;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-houzz-container {
border-right: 0;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-houzz-container:hover .social-share-houzz-box {
display: block;
margin-top: 4px;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-houzz-container .social-share-houzz-box[aria-hidden="false"] {
display: block;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-pinterest-icon,
.adaptive-layout .main-product-and-family .social-share-container .social-share-fb-icon,
.adaptive-layout .main-product-and-family .social-share-container .social-share-houzz-icon {
height: 27px;
width: 27px;
overflow: hidden;
float: left;
box-sizing: border-box;
position: relative;
border: 0;
background: 0;
padding: 0;
pointer-events: none;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-pinterest-icon [class*='svg-icon-'],
.adaptive-layout .main-product-and-family .social-share-container .social-share-fb-icon [class*='svg-icon-'],
.adaptive-layout .main-product-and-family .social-share-container .social-share-houzz-icon [class*='svg-icon-'] {
height: 20px;
width: 20px;
left: 4px;
top: 4px;
position: absolute;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-pinterest-icon:focus,
.adaptive-layout .main-product-and-family .social-share-container .social-share-fb-icon:focus,
.adaptive-layout .main-product-and-family .social-share-container .social-share-houzz-icon:focus {
outline: dashed 1px #222;
outline-offset: 2px;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-pinterest-box,
.adaptive-layout .main-product-and-family .social-share-container .social-share-fb-box,
.adaptive-layout .main-product-and-family .social-share-container .social-share-houzz-box {
position: absolute;
display: none;
padding-top: 20px;
top: 22px;
left: 0;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-fb-box {
width: 165px;
height: 35px;
text-align: center;
left: -54px;
z-index: 5;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-fb-box .fb_iframe_widget {
margin-right: 4px;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-pinterest-box .pin-it-button {
display: block;
height: 20px;
margin: 4px auto;
text-indent: 0;
width: 51px;
position: relative;
overflow: hidden;
border-radius: 4px;
}
.adaptive-layout .main-product-and-family .social-share-container .social-share-pinterest-box .pin-it-button:before {
content: url("//images.crateandbarrel.com/is/image/Crate/pinterest_save?fmt=png-alpha");
position: absolute;
top: 0;
}
.adaptive-layout .main-product-and-family .showcase-thumbnail {
float: right;
width: 642px;
margin-top: 8px;
}
.adaptive-layout .main-product-and-family .showcase-thumbnail img {
float: left;
width: 60px;
cursor: pointer;
padding-bottom: 5px;
margin: 0 2px;
border-bottom: 5px solid transparent;
}
.adaptive-layout .main-product-and-family .showcase-thumbnail img:focus, .adaptive-layout .main-product-and-family .showcase-thumbnail img.selected, .adaptive-layout .main-product-and-family .showcase-thumbnail img:hover {
border-color: #222;
}
.adaptive-layout .main-product-and-family .showcase-thumbnail img:focus {
outline: 0;
border-bottom-width: 3px;
}
.adaptive-layout .main-product-and-family .showcase-thumbnail [class*='svg-icon-arrow-'] {
width: 28px;
height: 28px;
left: 0px;
top: 0px;
position: absolute;
stroke-width: 2.8;
}
.adaptive-layout .main-furniture .social-share-container .social-share-pinterest-box .pin-it-button {
margin: 0;
}
.adaptive-layout .main-furniture .social-share-container .social-share-houzz-container:hover .social-share-houzz-box {
display: block;
margin-top: 0px;
}
.adaptive-layout .main-housewares .showcase-widget {
margin-top: 10px;
max-width: 630px;
}
.adaptive-layout .main-housewares .showcase-widget .showcase-item-container {
width: 655px;
}
.adaptive-layout .main-housewares .showcase-thumbnail {
max-width: 322px;
}
/* #endregion =========== Showcase widget =========== */
/* #region =========== Promotion Bar =========== */
/* #region =========== Promotion Bar =========== */
@media screen and (min-width: 1px) {
.en-CA .promotion-bar .promotion-bar-item button.promo-bar-view-details {
display: none;
}
.promotion-bar {
display: inline-block;
width: 100%;
}
.promotion-bar-item {
box-sizing: border-box;
float: left;
width: 100%;
padding: 0;
}
.promotion-bar-item.rewards-container {
padding-top: 10px;
}
.promotion-bar-item img {
float: left;
margin: 0 24px 0 0;
width: 20%;
}
.promotion-bar-item .promo-bar-text-block {
float: left;
width: 70%;
line-height: 0;
}
.promotion-bar-item .promo-bar-text-block a,
.promotion-bar-item .promo-bar-text-block button {
display: inline;
background: none;
border: 0;
padding: 0;
color: #222;
text-align: left;
text-decoration: underline;
font-size: 12px;
line-height: 16px;
}
.promotion-bar-item .promo-bar-text-block a:hover,
.promotion-bar-item .promo-bar-text-block button:hover {
text-decoration: underline;
}
.promotion-bar-item .promo-bar-text-block a:focus,
.promotion-bar-item .promo-bar-text-block button:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.promotion-bar-item .promo-bar-text-block a:focus::before,
.promotion-bar-item .promo-bar-text-block button:focus::before {
display: none;
}
.promotion-bar-item .promo-bar-text-block .promo-bar-shipping-txt, .promotion-bar-item .promo-bar-text-block div {
display: inline;
}
.promotion-bar-item .promo-bar-text-block .promo-bar-learn-more {
margin: 8px 0;
text-align: left;
display: block;
}
.promotion-bar-item .promo-bar-header {
color: #222;
font: 500 16px / 20px var(--webfont-primary, sans-serif);
margin: 0 0 8px 0;
padding: 0;
}
.promotion-bar-item p {
font-size: 12px;
font-family: var(--webfont-primary, sans-serif);
line-height: 16px;
margin: 0;
}
}
.promo-bar-popup .popup-container {
/* width: 775px !important; */
font-family: var(--webfont-primary, sans-serif);
}
.promo-bar-popup .popup-container .popup-content {
width: 93%;
min-height: 100% !important;
max-height: 100% !important;
padding: 0px !important;
/* Tab Interface - Headers - Align Left */
}
.promo-bar-popup .popup-container .popup-content .tab-interface {
max-width: 100%;
display: inline-block;
/* tab headers - base colors/fonts */
/* tab panels */
}
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tablist"] {
box-sizing: border-box;
list-style: none;
}
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tablist"] li {
list-style: none;
background: #fff;
color: #222;
}
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tablist"] a[role="tab"] {
box-sizing: border-box;
border-bottom: solid 4px transparent;
background: #fff;
color: #222;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.8;
font-family: var(--webfont-primary, sans-serif);
text-decoration: none;
}
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tablist"] a[aria-selected],
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tablist"] a[role="tab"]:focus {
border-color: #222;
}
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tablist"] a[role="tab"]:focus {
outline: dashed 1px #666;
outline-offset: 2px;
}
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tabpanel"] {
display: block;
box-sizing: border-box;
margin: 0;
padding: 20px 0;
background: #fff;
color: #222;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 24px;
font-family: var(--webfont-primary, sans-serif);
}
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tabpanel"][aria-hidden="true"] {
display: none;
}
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tabpanel"] p {
margin: 0;
padding: 0 0 10px 0;
color: #222;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 24px;
font-family: var(--webfont-primary, sans-serif);
}
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tabpanel"] ul {
list-style: none;
margin: 0 0 0 16px;
padding: 0;
color: #222;
}
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tabpanel"] li {
list-style: disc outside none;
margin: 0 0 3px 2px;
padding: 0;
color: #222;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 24px;
font-family: var(--webfont-primary, sans-serif);
}
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tabpanel"] a {
color: #222;
text-decoration: underline;
color: #222;
}
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tabpanel"] a:hover {
text-decoration: underline;
}
.promo-bar-popup .popup-container .popup-content .tab-interface [role="tabpanel"] a:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.promo-bar-popup .popup-container .popup-content .tab-interface .tabpanel-header {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.promo-bar-popup .popup-container .popup-content .tablist-align-left {
/* tab headers - layout */
}
.promo-bar-popup .popup-container .popup-content .tablist-align-left [role="tablist"] {
display: inline-block;
white-space: nowrap;
width: 100%;
margin: 0;
padding: 0;
}
.promo-bar-popup .popup-container .popup-content .tablist-align-left [role="tablist"] li {
display: inline-block;
margin: 0 16px;
padding: 0;
}
.promo-bar-popup .popup-container .popup-content .tablist-align-left [role="tablist"] li:first-child {
margin-left: 0;
}
.promo-bar-popup .popup-container .popup-content .tablist-align-left [role="tablist"] li:first-child a[role="tab"] {
margin-left: 0;
padding-left: 0;
}
.promo-bar-popup .popup-container .popup-content .tablist-align-left [role="tablist"] li:last-child {
margin-right: 0;
}
.promo-bar-popup .popup-container .popup-content .tablist-align-left [role="tablist"] li:last-child a[role="tab"] {
margin-right: 0;
padding-right: 0;
}
.promo-bar-popup .popup-container .popup-content .tablist-align-left [role="tablist"]::after {
display: block;
content: "";
clear: both;
}
.promo-bar-popup .popup-container .popup-content .tablist-align-left [role="tablist"] a[role="tab"] {
display: inline-block;
margin: 0;
padding: 0;
}
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBox,
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxContent {
width: 100%;
}
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3 {
box-sizing: border-box;
border: 2px solid;
border-radius: 0;
margin: 0 0 8px;
padding: 0 20px;
font-family: var(--webfont-primary, sans-serif);
font-style: normal;
font-weight: 600;
text-align: center;
text-decoration: none;
text-transform: uppercase;
position: relative;
outline: 0;
white-space: nowrap;
height: 36px;
padding: 0 20px;
font-size: 12px;
line-height: 32px;
border-color: #666;
background: #fff;
color: #222;
letter-spacing: 1px;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3:hover, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3:focus {
text-decoration: none;
transition: background ease 0.3s;
}
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3.hover, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3:hover {
border-color: #666;
background: #f3f3f3;
color: #222;
}
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3.focus, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3:focus {
border-color: #666;
background: #fff;
color: #222;
box-shadow: none;
}
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3.focus::before, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3:focus::before {
display: block;
content: "";
border-color: #666;
border-width: 1px;
border-radius: 0;
border-style: solid;
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
}
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3.disabled, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[disabled], .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[aria-disabled="true"] {
border-color: #ccc;
background: #efefef;
color: #ccc;
cursor: default;
pointer-events: none;
}
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3.disabled.hover, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3.disabled:hover, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[disabled].hover, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[disabled]:hover, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[aria-disabled="true"].hover, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[aria-disabled="true"]:hover {
border-color: #ccc;
background: #efefef;
color: #ccc;
}
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3.disabled.focus, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3.disabled:focus, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[disabled].focus, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[disabled]:focus, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[aria-disabled="true"].focus, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[aria-disabled="true"]:focus {
border-color: #ccc;
background: #efefef;
color: #ccc;
box-shadow: none;
}
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3.disabled.focus::before, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3.disabled:focus::before, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[disabled].focus::before, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[disabled]:focus::before, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[aria-disabled="true"].focus::before, .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[aria-disabled="true"]:focus::before {
display: block;
content: "";
border-color: #ccc;
border-width: 1px;
border-radius: 0;
border-style: solid;
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
}
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3.disabled i,
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3.disabled svg,
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3.disabled [class*="svg-icon-"], .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[disabled] i,
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[disabled] svg,
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[disabled] [class*="svg-icon-"], .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[aria-disabled="true"] i,
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[aria-disabled="true"] svg,
.promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3[aria-disabled="true"] [class*="svg-icon-"] {
opacity: 0.3;
}
.adaptive-layout .promo-bar-popup .popup-container .popup-content #shippingChargesAK .drawerBoxHeader h3 {
display: inline-block;
width: auto;
padding: 0 20px;
}
.promo-bar-popup .popup-container .popup-content table.resize {
width: 100%;
}
.promo-bar-popup .popup-container .popup-content .shipping {
width: 100%;
max-width: 500px;
}
.promo-bar-popup .popup-container .popup-content .mB30 {
margin-bottom: 30px;
}
/* #endregion =========== Promotion Bar =========== */
.adaptive-layout .promotion-bar {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-top: 30px;
}
.adaptive-layout .promotion-bar .section-header {
display: none;
}
.adaptive-layout .promotion-bar [data-module="shippingPanel"] {
float: left;
width: 50%;
border-right: solid 1px #ccc;
}
.adaptive-layout .promotion-bar [data-module="shippingPanel"]:last-child {
width: 100%;
border-right: 0;
}
.adaptive-layout .promotion-bar-item {
padding: 40px 32px 40px 32px;
}
.adaptive-layout .promotion-bar-item:first-child {
margin: 0;
}
.adaptive-layout .promotion-bar-item.rewards-container {
width: 50%;
border-left: solid 1px #ccc;
margin-left: -1px;
}
.adaptive-layout .promotion-bar-item .promo-bar-img {
float: left;
margin: 0 24px 0 0;
width: 125px;
}
.adaptive-layout .promotion-bar-item .promo-bar-text-block {
width: calc(100% - 150px);
}
.adaptive-layout .promotion-bar-item .promo-bar-view-details {
margin-left: 4px;
}
/* #endregion =========== Promotion Bar =========== */
/* #region =========== Description Section =========== */
/* #region =========== Description Section =========== */
@media screen and (min-width: 1px) {
.main-product-and-family .tab-interface .tabpanel p:empty {
display: none;
}
.main-product-and-family .section-description,
.main-product-and-family .section-product-top {
font-size: 14px;
line-height: 24px;
}
.main-product-and-family .section-description ul,
.main-product-and-family .section-description .product-description-list,
.main-product-and-family .section-product-top ul,
.main-product-and-family .section-product-top .product-description-list {
display: inline-block;
width: 100%;
font-size: 14px;
line-height: 24px;
}
.main-product-and-family .section-description ul li:not(.add-on-accessories-list-item),
.main-product-and-family .section-description .product-description-list li:not(.add-on-accessories-list-item),
.main-product-and-family .section-product-top ul li:not(.add-on-accessories-list-item),
.main-product-and-family .section-product-top .product-description-list li:not(.add-on-accessories-list-item) {
list-style-type: disc;
margin: 0 0 0 20px;
}
.main-product-and-family .svg-icon-safety-warning-outline {
vertical-align: sub;
}
.main-furniture .section-description {
width: 100%;
box-sizing: border-box;
}
.main-furniture .section-description .description-intro {
display: inline-block;
}
.main-furniture .section-description .description-expanded {
display: inline-block;
}
.main-housewares .international-msg {
font-size: 12px;
font-family: var(--webfont-primary, sans-serif);
line-height: 20px;
}
.main-housewares .international-msg p, .main-housewares .international-msg span {
font-size: 12px;
font-family: var(--webfont-primary, sans-serif);
line-height: 20px;
}
.main-housewares .international-msg strong {
color: #222;
}
.main-housewares .international-msg button {
display: inline;
background: none;
border: 0;
padding: 0;
color: #222;
text-align: left;
text-decoration: underline;
}
.main-housewares .international-msg button:hover {
text-decoration: underline;
}
.main-housewares .international-msg button:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.main-housewares .international-msg button:focus::before {
display: none;
}
.main-housewares .international-msg .b, .main-housewares .international-msg strong, .main-housewares .international-msg .international-title {
font-weight: 700;
}
.section-description {
display: inline-block;
}
.section-description br + br {
display: none;
}
.section-description br + a {
margin-top: 32px;
display: inline-block;
}
.section-description .details-list em {
display: block;
margin-top: 18px;
}
}
@media screen and (max-width: 767px) {
.main-product-and-family {
/* ========== Angi Interface ========== */
}
.main-product-and-family .angi-service-container {
display: inline-block;
width: 100%;
}
.main-product-and-family .angi-service-container .angi-services {
padding: 18px 0;
border-top: 2px dashed #ccc;
border-bottom: 2px dashed #ccc;
margin: 16px 0;
}
.main-product-and-family .angi-service-container .angi-services .angi-service-select {
padding-bottom: 10px;
}
.main-product-and-family .angi-service-container .angi-services .angi-service-select label {
padding-left: 32px;
}
.main-product-and-family .angi-service-container .angi-services .angi-service-details .angi-price-info p {
font-size: 12px;
margin-bottom: 4px;
}
}
/* #endregion =========== Description Section =========== */
.adaptive-layout .main-family {
/* #region ============ Family Description =========== */
/* #endregion ========= Family Description =========== */
}
.adaptive-layout .main-family .hw-right-detail .hw-details-tab-title {
padding: 0;
height: 34px;
font: 400 20px/32px var(--webfont-primary, sans-serif);
color: #222;
letter-spacing: 0.05px;
}
.adaptive-layout .main-family .hw-right-detail .hw-details {
font: 400 14px/24px var(--webfont-primary, sans-serif);
/*li {
clear: both;
list-style-type: disc;
margin: 14px 14px 14px 28px;
}*/
}
.adaptive-layout .main-housewares .tab-interface .tabpanel p:empty {
display: none;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail {
display: inline-block;
width: 33%;
min-height: 730px;
padding: 27px 0 26px;
margin-top: 24px;
vertical-align: top;
float: right;
/* ========== Angi Interface ========== */
/* ========== Tab Interface ========== */
/* Tab Interface - Base */
/* Tab Interface - Headers - Align Left */
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail #section-angi-service {
display: inline-block;
width: 100%;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail #section-angi-service .angi-services {
margin-top: 18px;
padding: 27px 0 22px;
border-top: 1px solid #ccc;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail #section-angi-service .angi-services .angi-service-details {
padding-top: 5px;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface {
max-width: 100%;
display: inline-block;
/* tab headers - base colors/fonts */
/* tab panels */
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tablist"] {
box-sizing: border-box;
list-style: none;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tablist"] li {
list-style: none;
background: #fff;
color: #222;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tablist"] a[role="tab"] {
box-sizing: border-box;
border-bottom: solid 4px transparent;
background: #fff;
color: #222;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.8;
font-family: var(--webfont-primary, sans-serif);
text-decoration: none;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tablist"] a[aria-selected],
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tablist"] a[role="tab"]:focus {
border-color: #222;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tablist"] a[role="tab"]:focus {
outline: dashed 1px #666;
outline-offset: 2px;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tabpanel"] {
display: block;
box-sizing: border-box;
margin: 0;
padding: 20px 0;
background: #fff;
color: #222;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 24px;
font-family: var(--webfont-primary, sans-serif);
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tabpanel"][aria-hidden="true"] {
display: none;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tabpanel"] p {
margin: 0;
padding: 0 0 10px 0;
color: #222;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 24px;
font-family: var(--webfont-primary, sans-serif);
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tabpanel"] ul {
list-style: none;
margin: 0 0 0 16px;
padding: 0;
color: #222;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tabpanel"] li {
list-style: disc outside none;
margin: 0 0 3px 2px;
padding: 0;
color: #222;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 24px;
font-family: var(--webfont-primary, sans-serif);
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tabpanel"] a {
color: #222;
text-decoration: underline;
color: #222;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tabpanel"] a:hover {
text-decoration: underline;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface [role="tabpanel"] a:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface .tabpanel-header {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface #section2 span + ul {
margin-top: 15px;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface #section2 ul {
margin-bottom: 15px;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tab-interface #section2 > div span {
display: block;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tablist-align-left {
/* tab headers - layout */
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tablist-align-left [role="tablist"] {
display: inline-block;
white-space: nowrap;
width: 100%;
margin: 0;
padding: 0;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tablist-align-left [role="tablist"] li {
display: inline-block;
margin: 0 16px;
padding: 0;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tablist-align-left [role="tablist"] li:first-child {
margin-left: 0;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tablist-align-left [role="tablist"] li:first-child a[role="tab"] {
margin-left: 0;
padding-left: 0;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tablist-align-left [role="tablist"] li:last-child {
margin-right: 0;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tablist-align-left [role="tablist"] li:last-child a[role="tab"] {
margin-right: 0;
padding-right: 0;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tablist-align-left [role="tablist"]::after {
display: block;
content: "";
clear: both;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .tablist-align-left [role="tablist"] a[role="tab"] {
display: inline-block;
margin: 0;
padding: 0;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .international-msg {
margin-bottom: 24px;
font-size: 12px;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .international-msg > * {
line-height: 20px;
font-family: var(--webfont-primary, sans-serif);
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .international-msg > * button {
display: inline;
background: none;
border: 0;
padding: 0;
color: #222;
text-align: left;
text-decoration: underline;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .international-msg > * button:hover {
text-decoration: underline;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .international-msg > * button:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .international-msg > * button:focus::before {
display: none;
}
.adaptive-layout .main-housewares .section-product-top .hw-right-detail .description-llm {
font-size: 12px;
padding: 10px 0 14px 0;
}
.adaptive-layout .section-description {
display: inline-block;
max-width: 765px;
width: 75%;
box-sizing: border-box;
padding: 40px 20px 20px 0;
min-width: initial !important;
}
.adaptive-layout .section-description h2 {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.adaptive-layout .section-description .section-headline {
border: 0;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.adaptive-layout .section-description .description-intro {
display: inline;
margin: 0;
padding: 0;
font-family: var(--webfont-primary, sans-serif);
font-weight: 300;
font-size: 20px;
line-height: 32px;
}
.adaptive-layout .section-description .description-intro div {
display: inline;
}
.adaptive-layout .section-description .description-intro p:empty {
display: none;
}
.adaptive-layout .section-description .reveal-content-container {
display: inline;
}
.adaptive-layout .section-description .reveal-content-container .reveal-content {
display: none;
}
.adaptive-layout .section-description .reveal-content-container .expanded,
.adaptive-layout .section-description .reveal-content-container .expanded .reveal-content-height,
.adaptive-layout .section-description .reveal-content-container .expanded .description-expanded {
display: inline;
}
.adaptive-layout .section-description .reveal-content-container .expanded ~ .button-learn-more,
.adaptive-layout .section-description .reveal-content-container .expanded .reveal-content-height ~ .button-learn-more,
.adaptive-layout .section-description .reveal-content-container .expanded .description-expanded ~ .button-learn-more {
display: none;
}
.adaptive-layout .section-description .button-learn-more {
display: inline;
background-color: transparent;
border: 0;
font-size: 20px;
font-weight: 600;
font-family: var(--webfont-primary, sans-serif);
color: #222;
padding: 0;
line-height: 32px;
}
.adaptive-layout .section-description .button-learn-more .icon {
display: none;
}
.adaptive-layout .section-description .button-learn-more:hover, .adaptive-layout .section-description .button-learn-more:focus {
text-decoration: underline;
}
.adaptive-layout .section-description .description-expanded {
display: inline;
font-family: var(--webfont-primary, sans-serif);
font-weight: 300;
font-size: 20px;
line-height: 32px;
}
.adaptive-layout .section-description .product-description-list {
display: inline-block;
height: auto;
visibility: visible;
opacity: 1;
font: 400 14px/24px var(--webfont-primary, sans-serif);
column-width: 200px;
column-count: 2;
column-gap: 32px;
text-align: left;
column-fill: balance;
width: 100%;
margin-top: 16px;
}
@media screen and (min-width: 768px) and (max-width: 936px) {
.adaptive-layout .section-description .product-description-list {
column-width: auto;
column-count: 1;
}
}
.adaptive-layout .section-description .product-description-list ul {
display: block;
}
.adaptive-layout .section-description .product-description-list li {
list-style-type: disc;
margin: 0 0 0 20px;
line-height: 24px;
}
.adaptive-layout .section-description .button-learn-more {
margin: 0;
}
.adaptive-layout .section-description .button-learn-more i {
display: none;
}
/* #endregion =========== Description Section =========== */
/* #region =========== Sub Divided Spill =========== */
/* #region =========== Sub Divided Spill =========== */
@media screen and (min-width: 1px) {
.spill-layout.sub-divided-spill.seo-spill-layout .spill-two-column {
padding: 0 16px 0 16px;
}
.spill-layout.sub-divided-spill .sub-divided-sticky-nav {
box-sizing: border-box;
position: -webkit-sticky;
position: sticky;
top: -1px;
z-index: 998;
width: 100%;
background: white;
margin-top: 0;
}
.spill-layout.sub-divided-spill .sub-divided-sticky-nav:before {
content: "";
background: white;
width: 3px;
height: 100%;
left: -3px;
top: 0;
position: absolute;
}
.spill-layout.sub-divided-spill .sub-divided-sticky-nav:after {
content: "";
background: white;
width: 3px;
height: 100%;
right: -3px;
top: 0;
position: absolute;
}
.spill-layout.sub-divided-spill .sub-divided-sticky-nav.static-nav {
position: static;
}
.spill-layout.sub-divided-spill .sub-divided-sticky-nav.static-nav .sub-divided-nav-container .active .sub-divided-button {
border-color: #eee;
color: #666;
}
.spill-layout.sub-divided-spill .sub-divided-sticky-nav.nav-fixed {
box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
}
.spill-layout.sub-divided-spill .sub-divided-sticky-nav .sub-divided-nav-container {
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
animation: nav-slide-in 1s forwards;
-webkit-animation: nav-slide-in 1s forwards;
animation-iteration-count: 1;
visibility: visible !important;
opacity: 0;
color: white;
}
.spill-layout.sub-divided-spill .sub-divided-sticky-nav .sub-divided-nav-item {
list-style-type: none;
padding-bottom: 20px;
padding-top: 20px;
padding-right: 8px;
display: inline-block;
}
.spill-layout.sub-divided-spill .sub-divided-sticky-nav .sub-divided-nav-item:last-child {
padding-right: 0;
}
.spill-layout.sub-divided-spill .sub-divided-sticky-nav .sub-divided-nav-item.active .sub-divided-button {
background: none;
border: 1px solid #222;
border-radius: 25px;
color: #222;
}
.spill-layout.sub-divided-spill .sub-divided-sticky-nav .sub-divided-nav-item .sub-divided-button {
background: none;
border: 1px solid #eee;
border-radius: 25px;
padding: 4px 16px;
margin-right: 0;
font-size: 14px;
outline: none;
cursor: pointer;
z-index: 999;
}
.spill-layout.sub-divided-spill ul.spill-two-column {
margin: 0;
}
#jsIsMobile[value="1"] ~ #main-body-container .sub-divided-spill .spill-grid {
width: 100%;
}
.sub-divided-spill {
box-sizing: border-box;
width: 100%;
display: block;
margin: 0 auto;
position: relative;
padding: 0 16px 0 16px;
}
.sub-divided-spill .spill-grid {
margin-left: 0 !important;
}
.sub-divided-spill h1.spill-layout-title {
font: 24px / 36px var(--webfont-primary, sans-serif);
font-weight: 400;
padding: 15px 0;
-webkit-font-smoothing: antialiased;
}
.sub-divided-spill .sub-divided-minisets {
margin-bottom: 50px;
overflow: hidden;
}
.sub-divided-spill .sub-divided-minisets .sub-divided-title {
margin-bottom: 0;
max-width: 1008px;
}
.sub-divided-spill .sub-divided-minisets .product-thumb {
margin-top: 20px;
}
.spill-more-products-container {
box-sizing: border-box;
display: inline-block;
position: relative;
width: 100%;
}
.spill-more-products-container:empty {
display: none;
}
.spill-more-products-container .miniset-show-more {
left: 50%;
transform: translateX(-50%);
display: inline-block;
position: relative;
box-sizing: border-box;
margin-top: 39px;
background: none;
color: #222;
border: 0;
font-size: 14px;
font-family: var(--webfont-primary, sans-serif);
padding: 0 26px 0 0;
}
.spill-more-products-container .miniset-show-more:hover, .spill-more-products-container .miniset-show-more:focus {
text-decoration: underline;
}
.spill-more-products-container .svg-icon-chevron-down {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 18px;
color: #222;
stroke-width: 2px;
pointer-events: none;
}
.animate-anchor-up {
animation: animate-anchor-up .5s forwards;
-webkit-animation: animate-anchor-up .5s forwards;
}
.animate-anchor-down {
animation: animate-anchor-down .5s forwards;
-webkit-animation: animate-anchor-down .5s forwards;
}
}
@-webkit-keyframes nav-slide-in {
0% {
opacity: 0;
}
65% {
color: white;
}
100% {
opacity: 1;
color: #666;
border: 1px solid #666;
}
}
/* Standard syntax */
@keyframes nav-slide-in {
0% {
opacity: 0;
}
65% {
color: white;
}
100% {
opacity: 1;
color: #666;
}
}
@-webkit-keyframes animate-anchor-up {
0% {
opacity: 0;
transform: translateY(80px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* Standard syntax */
@keyframes animate-anchor-up {
0% {
transform: translateY(80px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes animate-anchor-down {
0% {
transform: translateY(-80px);
}
100% {
transform: translateY(0);
}
}
/* Standard syntax */
@keyframes animate-anchor-down {
0% {
transform: translateY(-80px);
}
100% {
transform: translateY(0);
}
}
/* #endregion =========== Sub Divided Spill =========== */
.adaptive-layout h1.spill-layout-title {
font: 30px/36px var(--webfont-primary, sans-serif);
font-weight: 400;
padding: 15px 0;
-webkit-font-smoothing: antialiased;
border-bottom: 0;
border-top: 1px solid #e6e7e9;
}
.adaptive-layout h2.sub-divided-title {
font: 24px/60px var(--webfont-primary, sans-serif);
font-weight: 600;
letter-spacing: normal;
color: #222;
text-align: left;
padding: 0;
margin-top: 26px;
display: inline-block;
}
.adaptive-layout h2.sub-divided-title:after {
content: "";
border-bottom: 2px solid #e0e0e0;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.adaptive-layout .sub-divided-spill {
max-width: 1008px;
padding: 0;
}
.adaptive-layout .sub-divided-spill .sub-divided-sticky-nav .sub-divided-nav-container {
overflow: auto;
white-space: normal;
}
.adaptive-layout .sub-divided-spill .sub-divided-minisets {
margin-bottom: 0;
margin-top: 0;
}
.adaptive-layout .spill-more-products-container {
margin-top: 0;
margin-bottom: 25px;
}
.adaptive-layout .spill-more-products-container .miniset-show-wrapper {
margin-top: 0;
}
.adaptive-layout .spill-more-products-container .miniset-show-more {
font-size: 16px;
line-height: 38px;
margin-top: 0;
}
/* #endregion =========== Sub Divided Spill =========== */
/* #region =========== Spategory =========== */
/* #region =========== Spategory =========== */
@media screen and (min-width: 1px) {
.spategory-layout .carousel-item-header {
display: none;
}
.is-kids .spategory-layout .crate-kids-logo {
display: none;
}
.spategory-layout .spill-more-products-container {
display: none;
}
.items-circle-row {
display: inline-block;
width: calc(100% + 40px);
margin-left: -20px;
padding: 0 20px;
box-sizing: border-box;
overflow: hidden;
margin-bottom: 6px;
}
.items-circle-row .items-circle-container {
box-sizing: border-box;
}
.items-circle-row .items-circle-container .carousel-x {
padding-right: 24px;
}
.items-circle-row .items-circle-container .carousel-item-centered {
padding-right: 0;
}
.items-circle-row .items-circle-container .carousel-item-centered .carousel-item {
display: inline-block;
position: relative;
}
.items-circle-row .items-circle-container .carousel-item-centered > div {
text-align: center;
}
.items-circle-row .items-circle-container .carousel-item-header {
display: none;
}
.items-circle-row .items-circle-container .carousel-item {
max-width: 21vw;
}
.items-circle-row .items-circle-container .items-anchor-container {
vertical-align: top;
}
.items-circle-row .items-circle-container .carousel-item.is-focused .carousel-item-link img, .items-circle-row .items-circle-container .carousel-item:focus .carousel-item-link img, .items-circle-row .items-circle-container .carousel-item:hover .carousel-item-link img {
opacity: 1;
}
.items-circle-row .items-circle-container .carousel-item:last-child {
margin: 0;
min-width: 100%;
}
.items-circle-row .items-circle-container .carousel-item-detail {
position: relative;
width: 100%;
height: auto;
display: inline-block;
left: 0;
opacity: 1;
margin: 13px 0;
pointer-events: none;
box-sizing: border-box;
}
.items-circle-row .items-circle-container .carousel-item-link {
position: relative;
box-sizing: border-box;
width: 100%;
padding-bottom: 0;
margin: 0;
transition: 200ms background linear;
}
.items-circle-row .items-circle-container .carousel-item-link:hover {
transition: 200ms background linear;
}
.items-circle-row .items-circle-container .carousel-item-link:focus {
outline: 0;
}
.items-circle-row .items-circle-container .carousel-item-link:focus::before {
content: " ";
position: absolute;
outline: 0;
width: calc(100% + 6px);
padding-bottom: calc(100% + 6px);
border-radius: 50%;
border: 1px solid #666;
top: -3px;
left: 50%;
transform: translate(-50%, 0%);
z-index: 1;
}
.items-circle-row .items-circle-container .carousel-item-link:hover::after {
border: 1px solid #666;
}
.items-circle-row .items-circle-container .carousel-item-link:hover ~ .carousel-item-detail .detail-name {
text-decoration: underline;
}
.items-circle-row .items-circle-container .carousel-item-link:after {
content: " ";
position: absolute;
width: 100%;
border: 1px solid #ccc;
border-radius: 50%;
padding-bottom: 100%;
top: 0;
left: 50%;
transform: translate(-50%, 0%);
z-index: 1;
}
.items-circle-row .items-circle-container .carousel-item-img {
border-radius: 50%;
}
.items-circle-row .items-circle-container .detail-form {
display: none;
}
.items-banner-row {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 61vw;
max-height: 250px;
min-height: 50px;
overflow: hidden;
}
.items-banner-row .items-banner-link {
width: 100%;
}
.items-banner-row .items-banner-link .items-banner-img {
width: 100%;
}
.recently-viewed-container {
box-sizing: border-box;
display: inline-block;
padding: 0 12px 0 12px;
width: 100%;
}
}
@-webkit-keyframes slidein {
0% {
opacity: 0;
}
1% {
-webkit-transform: translateX(160px);
transform: translateX(160px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slidein {
0% {
opacity: 0;
}
1% {
-webkit-transform: translateX(160px);
transform: translateX(160px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
/* #endregion =========== Spategory =========== */
.adaptive-layout .spill-layout.sub-divided-spill.spategory-layout {
margin: 0 auto;
width: 100%;
display: block;
}
.adaptive-layout .items-circle-row {
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
overflow: visible;
}
.adaptive-layout.is-kids .spategory-layout .crate-kids-logo {
display: none;
}
.adaptive-layout .spategory-layout {
display: block;
padding: 0;
}
.adaptive-layout .spategory-layout .spill-layout-title {
border-top: 0;
}
.adaptive-layout .spategory-layout .content-layout.category-sub-header {
position: relative;
width: 100%;
margin: 0;
}
.adaptive-layout .spategory-layout .category-header {
font-family: var(--webfont-primary, sans-serif);
font-weight: 300;
font-size: 1.6em;
box-sizing: border-box;
zoom: 1;
line-height: 1;
margin: 0;
padding: 18px;
height: auto;
letter-spacing: 0;
}
.adaptive-layout .spategory-layout .navigation-breadcrumbs {
width: 100%;
}
.adaptive-layout .spategory-layout .content-layout .category-header-wrapper {
margin: 0;
width: 100%;
}
.adaptive-layout .spategory-layout .recently-viewed-container {
margin-top: 48px;
}
.adaptive-layout .category-view-all {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-30%);
}
.adaptive-layout .items-banner-row {
display: flex;
align-items: center;
justify-content: center;
height: 350px;
max-height: 350px;
overflow: hidden;
}
.adaptive-layout .view-all-container {
margin-bottom: 33px;
margin-top: 5px;
}
.adaptive-layout .view-all-container .miniset-view-all {
padding: 0;
cursor: pointer;
}
.adaptive-layout .recently-viewed-container {
margin-top: 21px;
}
/* #endregion =========== Spategory =========== */
/* #region =========== Care Section =========== */
/* #region =========== Care Section =========== */
@media screen and (min-width: 1px) {
.section-care {
margin: 4px 0 8px 0;
}
.section-care p,
.section-care .care-list {
font-size: 14px;
line-height: 24px;
}
.section-care a {
color: #222;
text-decoration: underline;
}
.section-care a:hover {
text-decoration: underline;
}
.section-care a:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
}
/* #endregion =========== Care Section =========== */
.adaptive-layout .section-care .care-content.care-fabric-column {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
-webkit-column-width: 200px;
-moz-column-width: 200px;
column-width: 200px;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance;
width: 100%;
width: 68%;
min-height: 240px;
}
.adaptive-layout .section-care .care-content.care-fabric-column::after {
*zoom: 1;
}
.adaptive-layout .section-care .care-content.care-fabric-column::after:before, .adaptive-layout .section-care .care-content.care-fabric-column::after:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .section-care .care-content.care-fabric-column::after:after {
clear: both;
}
.adaptive-layout .section-care .care-content.care-fabric-column *:not(.columnize-break-inside) {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.adaptive-layout .section-care .care-content {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
-webkit-column-width: 200px;
-moz-column-width: 200px;
column-width: 200px;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance;
width: 100%;
width: 100%;
position: relative;
min-height: 0;
}
.adaptive-layout .section-care .care-content::after {
*zoom: 1;
}
.adaptive-layout .section-care .care-content::after:before, .adaptive-layout .section-care .care-content::after:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .section-care .care-content::after:after {
clear: both;
}
.adaptive-layout .section-care .care-content *:not(.columnize-break-inside) {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.adaptive-layout .section-care .care-content * {
-webkit-column-break-inside: auto !important;
page-break-inside: auto !important;
break-inside: auto !important;
}
.adaptive-layout .section-care .care-content .reveal-container {
width: 100%;
}
.adaptive-layout .section-care .care-content .reveal-content {
max-height: 100%;
}
.adaptive-layout .section-care .care-content .care-intro {
margin-bottom: 10px;
font-size: 14px;
-moz-column-break-after: always;
-webkit-column-break-after: always;
line-height: 24px;
margin-top: 0;
}
.adaptive-layout .section-care .care-content .care-list {
float: none;
width: auto;
}
.adaptive-layout .section-care .care-content .care-list li {
list-style-type: disc;
margin: 0 0 0 17px;
padding-left: 0;
}
.adaptive-layout .section-care .care-content .care-list li span {
font-size: 14px;
line-height: 24px;
}
.adaptive-layout .section-care .care-content .care-fabric {
position: absolute;
width: 48%;
padding-left: 4%;
top: 0;
left: 100%;
margin-top: 0;
line-height: 24px;
}
.adaptive-layout .section-care .care-content .care-fabric .care-icon {
margin: 8px 8px 0 0;
float: left;
}
.adaptive-layout .section-care .care-content .care-fabric h3.sub-care-header {
margin-top: 0;
font-size: 14px;
}
.adaptive-layout .section-care .care-info-button {
text-decoration: none;
font-family: var(--webfont-primary, sans-serif);
font-weight: 400;
font-size: 16px;
}
.adaptive-layout .section-care .care-info-button:hover {
text-decoration: underline;
}
.adaptive-layout .care-popup {
clear: both;
font-family: var(--webfont-primary, sans-serif);
}
.adaptive-layout .care-popup .popup-container {
width: 420px !important;
}
.adaptive-layout .care-popup .care-popup-content {
width: 350px;
position: relative;
top: -16px;
}
.adaptive-layout .care-popup .care-popup-content h2[data-modal-title] {
font-size: 1.429em;
}
.adaptive-layout .care-popup .care-popup-content h3 {
font-size: 1em;
}
.adaptive-layout .care-popup .care-popup-content .care-info-list {
font-size: 1em;
}
.adaptive-layout .care-popup .care-popup-content a {
color: #222;
text-decoration: underline;
}
.adaptive-layout .care-popup .care-popup-content a:hover {
text-decoration: underline;
}
.adaptive-layout .care-popup .care-popup-content a:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
/* #endregion =========== Care Section =========== */
/* #region =========== Dimension Section =========== */
/* #region =========== Dimension Section =========== */
@media screen and (min-width: 1px) {
.section-dimensions .dimensions-details div.dimensions-item,
.hw-right-detail .dimensions-details div.dimensions-item {
margin-bottom: 16px;
}
.section-dimensions .dimensions-details div.dimensions-item p, .section-dimensions .dimensions-details div.dimensions-item h5,
.hw-right-detail .dimensions-details div.dimensions-item p,
.hw-right-detail .dimensions-details div.dimensions-item h5 {
font-size: 14px;
line-height: 20px;
margin: 0;
padding: 0;
}
.section-dimensions .dimensions-image {
position: relative;
}
.section-dimensions .dimensions-details {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 28px;
-moz-column-gap: 28px;
column-gap: 28px;
width: 100%;
}
.section-dimensions .dimensions-details .dimensions-item {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
margin-bottom: 2em;
margin-top: 0;
}
.dimensions-details .svg-icon-close {
display: none;
}
}
/* #endregion =========== Dimension Section =========== */
.adaptive-layout .section-dimensions {
float: left;
}
.adaptive-layout .section-dimensions:hover {
float: left;
}
.adaptive-layout .section-dimensions h3.dimensions-product-name {
width: 100%;
text-align: center;
margin: 0 0 30px 0;
font: 400 16px/24px var(--webfont-primary, sans-serif);
}
.adaptive-layout .section-dimensions .dimensions-container {
position: relative;
display: block;
width: 1008px;
height: auto;
border: 0;
outline: 0;
}
.adaptive-layout .section-dimensions .preparing-for-delivery-header {
margin-right: 8px;
display: inline-block;
color: #222;
font: 600 16px/1.2 var(--webfont-primary, sans-serif);
}
.adaptive-layout .section-dimensions .preparing-for-delivery-intro {
display: inline-block;
color: #222;
font: 400 16px/1.2 var(--webfont-primary, sans-serif);
margin: 0 16px 0 0;
}
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button {
box-sizing: border-box;
border: 2px solid;
border-radius: 0;
margin: 0 0 8px;
padding: 0 20px;
font-family: var(--webfont-primary, sans-serif);
font-style: normal;
font-weight: 600;
text-align: center;
text-decoration: none;
text-transform: uppercase;
position: relative;
outline: 0;
white-space: nowrap;
border-color: #666;
background: #fff;
color: #222;
letter-spacing: 1px;
height: 40px;
padding: 0 24px;
font-size: 12px;
line-height: 36px;
padding: 0 16px;
font-size: 12px;
}
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button:hover, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button:focus {
text-decoration: none;
transition: background ease 0.3s;
}
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button.hover, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button:hover {
border-color: #666;
background: #f3f3f3;
color: #222;
}
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button.focus, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button:focus {
border-color: #666;
background: #fff;
color: #222;
box-shadow: none;
}
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button.focus::before, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button:focus::before {
display: block;
content: "";
border-color: #666;
border-width: 1px;
border-radius: 0;
border-style: solid;
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
}
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button.disabled, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[disabled], .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[aria-disabled="true"] {
border-color: #ccc;
background: #efefef;
color: #ccc;
cursor: default;
pointer-events: none;
}
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button.disabled.hover, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button.disabled:hover, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[disabled].hover, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[disabled]:hover, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[aria-disabled="true"].hover, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[aria-disabled="true"]:hover {
border-color: #ccc;
background: #efefef;
color: #ccc;
}
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button.disabled.focus, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button.disabled:focus, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[disabled].focus, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[disabled]:focus, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[aria-disabled="true"].focus, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[aria-disabled="true"]:focus {
border-color: #ccc;
background: #efefef;
color: #ccc;
box-shadow: none;
}
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button.disabled.focus::before, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button.disabled:focus::before, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[disabled].focus::before, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[disabled]:focus::before, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[aria-disabled="true"].focus::before, .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[aria-disabled="true"]:focus::before {
display: block;
content: "";
border-color: #ccc;
border-width: 1px;
border-radius: 0;
border-style: solid;
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
}
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button.disabled i,
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button.disabled svg,
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button.disabled [class*="svg-icon-"], .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[disabled] i,
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[disabled] svg,
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[disabled] [class*="svg-icon-"], .adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[aria-disabled="true"] i,
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[aria-disabled="true"] svg,
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button[aria-disabled="true"] [class*="svg-icon-"] {
opacity: 0.3;
}
.adaptive-layout .section-dimensions .preparing-for-delivery .watch-video-button span::before {
content: "Watch the ";
}
.adaptive-layout .section-dimensions .dimension-details-container {
width: 100%;
float: left;
background: #f7f7f7;
padding: 22px 30px 0;
user-select: text;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimension-overview {
width: 100%;
float: left;
margin-bottom: 14px;
min-height: 50px;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimension-overview .overall-dimension {
width: 50%;
float: left;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimension-overview .overall-dimension p, .adaptive-layout .section-dimensions .dimension-details-container .dimension-overview .overall-dimension h4 {
display: inline-block;
font-size: 14px;
margin: 0px;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimension-overview .overall-dimension p {
margin: 0 0px 0px 25px;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimension-overview .preparing-for-delivery {
width: 50%;
float: right;
text-align: right;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimension-overview .preparing-for-delivery .preparing-for-delivery-text-wrap {
width: 305px;
float: left;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimension-overview .preparing-for-delivery .watch-video-button {
float: right;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimension-overview .preparing-for-delivery .preparing-for-delivery-header,
.adaptive-layout .section-dimensions .dimension-details-container .dimension-overview .preparing-for-delivery .preparing-for-delivery-intro {
font-size: 14px;
margin-right: 12px;
}
.adaptive-layout .section-dimensions .dimension-details-container .reveal-content-container {
width: 100%;
float: left;
position: relative;
}
.adaptive-layout .section-dimensions .dimension-details-container .reveal-content-container .button-learn-more {
position: absolute;
top: -48px;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimensions-details {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
-webkit-column-width: 140px;
-moz-column-width: 140px;
column-width: 140px;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance;
width: 100%;
box-sizing: border-box;
position: relative;
width: 100%;
height: 100%;
background-color: #f7f7f7;
border-top: 1px solid #999;
padding: 20px 0px 20px;
margin-bottom: 10px;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimensions-details::after {
*zoom: 1;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimensions-details::after:before, .adaptive-layout .section-dimensions .dimension-details-container .dimensions-details::after:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimensions-details::after:after {
clear: both;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimensions-details *:not(.columnize-break-inside) {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.adaptive-layout .section-dimensions .dimension-details-container .dimensions-details .dimensions-item:first-child {
display: none;
}
.adaptive-layout .section-dimensions .dimensions-no-image .dimension-details-container {
padding: 40px 30px 20px;
}
.adaptive-layout .section-dimensions .dimensions-image {
position: relative;
height: 100%;
width: 100%;
border: 0;
padding: 0;
pointer-events: none;
}
.adaptive-layout .section-dimensions .dimensions-image:before {
content: none;
}
.adaptive-layout .section-dimensions .dimensions-item {
-webkit-column-break-inside: avoid;
margin: 0 0 16px 0;
column-rule: 1px dotted #ccc;
font: 14px var(--webfont-primary, sans-serif);
line-height: 24px;
}
.adaptive-layout .section-dimensions .dimensions-item .will-it-fit {
font: 400 16px/24px "ITC Century Book", Georgia, serif;
font-style: italic !important;
text-align: left;
padding: 0;
margin: 0 0 16px;
}
.adaptive-layout .section-dimensions .dimensions-item a {
pointer-events: auto;
line-height: 24px;
}
.adaptive-layout .section-dimensions .dimensions-item a:hover {
text-decoration: underline;
}
.adaptive-layout .section-dimensions .dimensions-item h5 {
font-weight: 600;
margin: 0;
font-size: 14px;
}
.adaptive-layout .section-dimensions .dimensions-item p {
font: inherit;
padding: 0;
margin: 0;
}
.adaptive-layout .section-dimensions .dimensions-item p abbr {
text-decoration: none;
border: none;
}
.adaptive-layout .section-dimensions .button-learn-more {
display: block;
}
/* #endregion =========== Dimension Section =========== */
/* #region =========== Return and Exchanges Section =========== */
/* #region =========== Return and Exchanges Section =========== */
@media screen and (min-width: 1px) {
.section-return .return-policy-copy h3 {
font-size: 14px;
line-height: 24px;
}
.section-return .return-policy-copy a {
color: #222;
text-decoration: underline;
}
.section-return .return-policy-copy a:hover {
text-decoration: underline;
}
.section-return .return-policy-copy a:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.section-return p {
font-size: 14px;
line-height: 24px;
}
.section-return .bullet li {
margin: 0 0 0 20px;
font-family: var(--webfont-primary, sans-serif);
line-height: 24px;
}
}
/* #endregion =========== Return and Exchanges Section =========== */
.adaptive-layout .section-return.section-return-housewares .col-sm-4 {
padding-right: 8px;
}
.adaptive-layout .section-return.section-return-housewares .return-policy-copy .col-sm-6:first-child {
padding-left: 8px;
padding-right: 8px;
}
.adaptive-layout .section-return.section-return-housewares .return-policy-copy .col-sm-6:last-child {
padding-left: 8px;
}
.adaptive-layout .section-return.section-return-housewares .return-intro {
font-family: var(--webfont-primary, sans-serif);
font-size: 16px;
line-height: 24px;
}
.adaptive-layout .section-return.section-return-furniture .return-intro {
display: inline;
margin: 0;
padding: 0;
font-family: var(--webfont-primary, sans-serif);
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.adaptive-layout .section-return.section-return-furniture .reveal-container {
margin: 16px 0 0 0;
}
.adaptive-layout .section-return.section-return-furniture .return-policy-copy .col-sm-6:first-child {
padding-right: 8px;
}
.adaptive-layout .section-return.section-return-furniture .return-policy-copy .col-sm-6:last-child {
padding-left: 8px;
}
.adaptive-layout .section-return .row h3 {
margin: 8px 0;
font-family: var(--webfont-primary, sans-serif);
font-weight: 600;
font-size: 14px;
line-height: 20px;
}
.adaptive-layout .section-return .row p {
font-family: var(--webfont-primary, sans-serif);
font-weight: 400;
font-size: 14px;
line-height: 24px;
}
.adaptive-layout .section-return .button-learn-more {
padding: 15px 25px;
margin: 0 auto;
color: #222;
font-family: var(--webfont-primary, sans-serif);
font-weight: 600;
font-size: 16px;
cursor: pointer;
}
.adaptive-layout .section-return .button-learn-more:hover {
color: #222;
text-decoration: none;
outline: none;
}
.adaptive-layout .section-return .button-learn-more .svg-icon-chevron-down {
display: none;
}
/* #endregion =========== Return and Exchanges Section =========== */
/* #region ========== Cross Sell Right PI ========== */
/* #region ========== Cross Sell Right PI ========== */
/* #endregion ========== Cross Sell Right PI ========== */
.adaptive-layout .main-housewares #family-pi-data-aside,
.adaptive-layout .main-housewares #product-pi-data-aside {
float: right;
width: 83px;
height: auto;
z-index: 100;
background: #fff;
position: absolute;
top: 0;
right: -90px;
display: none;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item-header,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item-header {
display: none;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item-tagline,
.adaptive-layout .main-housewares #family-pi-data-aside .section-tagline,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item-tagline,
.adaptive-layout .main-housewares #product-pi-data-aside .section-tagline {
color: #666;
font: 400 12px/16px var(--webfont-primary, sans-serif) !important;
margin: 10px 0 12px 0;
float: left;
padding: 0;
text-align: left;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item-group,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item-group {
border: 0;
padding: 0;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item {
float: right;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item:hover, .adaptive-layout .main-housewares #family-pi-data-aside .carousel-item.is-focused,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item:hover,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item.is-focused {
width: 291px;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item:hover .carousel-item-link,
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item:hover .carousel-item-img, .adaptive-layout .main-housewares #family-pi-data-aside .carousel-item.is-focused .carousel-item-link,
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item.is-focused .carousel-item-img,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item:hover .carousel-item-link,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item:hover .carousel-item-img,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item.is-focused .carousel-item-link,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item.is-focused .carousel-item-img {
opacity: 1;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item:hover .carousel-item-link, .adaptive-layout .main-housewares #family-pi-data-aside .carousel-item.is-focused .carousel-item-link,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item:hover .carousel-item-link,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item.is-focused .carousel-item-link {
position: relative;
padding-left: 209px;
z-index: 201;
border-left: none;
width: 291px;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item:hover .carousel-item-detail, .adaptive-layout .main-housewares #family-pi-data-aside .carousel-item.is-focused .carousel-item-detail,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item:hover .carousel-item-detail,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item.is-focused .carousel-item-detail {
pointer-events: all;
border-right: 1px solid #ccc;
width: 209px;
left: 0;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item:last-child,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item:last-child {
margin: 0;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item .carousel-item-link,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item .carousel-item-link {
margin-bottom: 8px;
margin-left: 0;
border: 1px solid #ccc;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item .carousel-item-detail,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item .carousel-item-detail {
box-sizing: border-box;
font: 600 12px/16px var(--webfont-primary, sans-serif);
float: left;
width: 208px;
height: 83px;
position: absolute;
background: #f0efee;
padding: 10px 15px;
border: solid #ccc;
left: -208px;
top: 0;
z-index: 200;
overflow: hidden;
border-width: 1px 0 1px 1px;
margin: 0;
text-align: left;
display: block;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item .carousel-item-detail .detail-name,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item .carousel-item-detail .detail-name {
font-weight: 600;
text-align: left;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item .carousel-item-detail .detail-name,
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item .carousel-item-detail .detail-price,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item .carousel-item-detail .detail-name,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item .carousel-item-detail .detail-price {
font-size: 12px;
line-height: 16px;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item .carousel-item-detail .detail-name .dutieIncludedPrice,
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item .carousel-item-detail .detail-price .dutieIncludedPrice,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item .carousel-item-detail .detail-name .dutieIncludedPrice,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item .carousel-item-detail .detail-price .dutieIncludedPrice {
display: none;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item .carousel-item-detail .detail-form,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item .carousel-item-detail .detail-form {
display: none;
}
.adaptive-layout .main-housewares #family-pi-data-aside .carousel-item .carousel-item-detail:hover,
.adaptive-layout .main-housewares #product-pi-data-aside .carousel-item .carousel-item-detail:hover {
pointer-events: all;
cursor: pointer;
}
@media screen and (min-width: 1168px) {
.adaptive-layout .main-housewares #family-pi-data-aside,
.adaptive-layout .main-housewares #product-pi-data-aside {
display: block;
}
}
/* #endregion ========== Cross Sell Right PI ========== */
/* #region =========== Page Navigation (Skip Links) =========== */
/* #region =========== Page Navigation (Skip Links) =========== */
/* #endregion =========== Page Navigation (Skip Links) =========== */
.adaptive-layout .section-region.section-page-nav {
padding-bottom: 0;
}
.adaptive-layout nav.section-page-region ul {
background: #fff;
}
.adaptive-layout nav.section-page-region ul li {
border: 0;
}
.adaptive-layout nav.section-page-region ul li a {
color: #222;
}
.adaptive-layout .section-page-nav .page-nav {
width: 100%;
max-width: 1008px;
box-sizing: border-box;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
margin: 0;
padding: 9px 0;
text-align: center;
clear: left;
top: 0;
}
.adaptive-layout .section-page-nav .page-nav-item {
display: inline-block;
}
.adaptive-layout .section-page-nav .page-nav-link {
font: 300 20px/1.5 var(--webfont-primary, sans-serif);
display: block;
text-align: center;
padding: 20px 32px;
text-decoration: none;
}
.adaptive-layout .section-page-nav .page-nav-link:hover, .adaptive-layout .section-page-nav .page-nav-link:focus {
text-decoration: underline;
}
.adaptive-layout .page-nav-content:focus {
outline: 0;
}
/* #endregion =========== Page Navigation (Skip Links) =========== */
/* #region =========== SEO Bar =========== */
/* #region =========== SEO Bar =========== */
@media screen and (min-width: 1px) {
.seo-region {
margin-top: 32px;
margin-bottom: 32px;
}
.seo-region a {
display: inline;
background: none;
border: 0;
padding: 0;
color: #222;
text-align: left;
text-decoration: underline;
font-family: var(--webfont-primary, sans-serif);
}
.seo-region a:hover {
text-decoration: underline;
}
.seo-region a:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.seo-region a:focus::before {
display: none;
}
.shop-by-category .section-header {
font: 16px / 20px var(--webfont-primary, sans-serif);
color: #222;
font-weight: 600;
text-align: left;
border: 0;
padding-bottom: 16px;
padding-top: 8px;
margin: 0;
text-transform: none;
display: inline-block;
width: 100%;
}
.section-seo {
position: relative;
float: left;
width: 100%;
max-width: none;
box-sizing: border-box;
text-align: left;
padding: 0 1.3em 30px;
text-align: left;
}
.section-seo .section-header {
font: 16px / 20px var(--webfont-primary, sans-serif);
color: #222;
font-weight: 600;
text-align: left;
border: 0;
padding-bottom: 16px;
padding-top: 8px;
margin: 0;
text-transform: none;
}
.section-seo .reveal-container a {
color: #222;
text-decoration: underline;
}
.section-seo .reveal-container a:hover {
text-decoration: underline;
}
.section-seo .reveal-container a:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.section-seo .section-seo-container {
width: 100%;
max-width: 1008px;
margin: 0 auto;
font-family: var(--webfont-primary, sans-serif);
color: #222;
font-size: 14px;
line-height: 24px;
}
.section-seo .section-seo-container .menu-category {
color: #222;
float: left;
width: 100%;
margin: 0 0 6px 0;
padding: 0;
font-family: var(--webfont-primary, sans-serif);
font-size: 16px;
line-height: 24px;
}
.section-seo .section-seo-container h2 {
color: #222;
font-size: 16px;
line-height: 24px;
float: left;
width: 100%;
}
.section-seo .section-seo-container b {
color: #222;
}
.section-seo .section-seo-container p {
display: inline-block;
margin: 8px 0 0 0;
color: #222;
font-size: 14px;
line-height: 24px;
font-family: var(--webfont-primary, sans-serif);
}
.section-seo .section-seo-container .view-more-seo-category {
font-weight: 400;
float: left;
clear: both;
display: block;
padding: 1px;
text-transform: none;
}
}
@media screen and (min-width: 1px) and (max-width: 768px) {
.section-seo .section-seo-container .view-more-seo-category {
margin-left: 4px;
}
}
@media screen and (min-width: 1px) {
.section-seo ul li {
font-family: var(--webfont-primary, sans-serif);
box-sizing: border-box;
float: left;
line-height: 24px;
text-align: left;
width: 100%;
font-size: 14px;
padding-left: 3px;
padding-top: 2px;
}
.section-seo ~ .section-seo {
padding-top: 0;
margin-top: 0;
border-bottom: 0;
}
.section-seo ~ .section-seo .reveal-container {
border-top: 1px solid #ccc;
padding-top: 24px;
}
.section-seo ~ .section-seo .reveal-container h2 {
margin-top: 24px;
}
.section-seo ~ .section-seo .reveal-container h2:first-of-type {
margin-top: 0px;
}
.section-seo .section-related-searches > ul .section-header,
.section-seo .section-seo-container > ul .section-header {
padding-top: 0;
margin-top: 0;
}
.section-seo .section-related-searches > ul li,
.section-seo .section-seo-container > ul li {
font-family: var(--webfont-primary, sans-serif);
width: auto;
text-align: left;
display: inline-block;
line-height: 1;
box-sizing: border-box;
float: left;
margin: 0 8px 8px 0;
}
.section-seo .section-related-searches > ul li a,
.section-seo .section-seo-container > ul li a {
color: #222;
font-family: var(--webfont-primary, sans-serif);
font-size: 14px;
line-height: 20px;
display: inline-block;
background-color: #f7f7f7;
padding: 8px 16px;
text-decoration: none;
}
.section-seo .section-related-searches > ul li a:hover,
.section-seo .section-seo-container > ul li a:hover {
text-decoration: underline;
}
.section-seo .section-related-searches > ul li a:focus,
.section-seo .section-seo-container > ul li a:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.spill-collection-mobile-container {
background: #f7f7f7;
margin-top: 20px;
}
.spill-collection-mobile-container .reveal-seo-container {
float: left;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 16px;
}
.spill-collection-extend-mobile-container .section-region {
padding-left: 18px;
margin-top: 30px;
margin-bottom: 30px;
}
.spill-collection-extend-mobile-container .reveal-seo-container {
float: left;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 16px;
}
}
/* #nedregion =========== SEO Bar =========== */
.adaptive-layout .section-seo {
padding: 0 45px 30px 0;
}
.spategory-layout.renew .merchMenu-mobile-container,
.spategory-layout.renew .section-seo,
.super-category-layout .merchMenu-mobile-container,
.super-category-layout .section-seo,
.plp-layout .merchMenu-mobile-container,
.plp-layout .section-seo {
padding-left: 0;
padding-right: 0;
}
.spategory-layout.renew .merchMenu-mobile-container .section-seo-container,
.spategory-layout.renew .section-seo .section-seo-container,
.super-category-layout .merchMenu-mobile-container .section-seo-container,
.super-category-layout .section-seo .section-seo-container,
.plp-layout .merchMenu-mobile-container .section-seo-container,
.plp-layout .section-seo .section-seo-container {
margin: 0;
max-width: 1280px;
}
@media screen and (min-width: 768px) {
.section-seo ~ .section-seo .reveal-container {
border-top: 0;
padding-top: 0;
}
.section-seo ~ .section-seo .reveal-container h2 {
margin-top: 0;
}
.section-seo ~ .section-seo .section-seo-container {
border-top: 1px solid #ccc;
padding-top: 30px;
}
.section-seo ~ .section-seo .section-seo-container .seo-related-link {
padding: 6px 16px;
}
.section-seo .section-seo-container p {
font-size: 14px;
line-height: 24px;
display: inline-block;
}
.section-seo .section-seo-container > ul {
margin-left: -2px;
}
.section-seo .section-seo-container > ul li {
width: auto;
height: auto;
line-height: 24px;
margin: 0 4px 4px 0;
padding: 0;
}
.section-seo .section-seo-container > ul li:first-of-type {
margin-top: 0;
}
.section-seo .section-seo-container > ul li:last-child {
margin-bottom: 0;
}
.section-seo .section-seo-container .section-header {
font: 16px / 20px var(--webfont-primary, sans-serif);
color: #222;
font-weight: 600;
text-align: left;
border: 0;
padding-bottom: 16px;
padding-top: 8px;
margin: 0;
text-transform: none;
}
}
/* #endregion =========== SEO Bar =========== */
/* #region =========== Line List items =========== */
/* #region =========== Line List items =========== */
@media screen and (min-width: 1px) {
.section-line-item .line-items-container {
*zoom: 1;
}
.section-line-item .line-items-container:before, .section-line-item .line-items-container:after {
display: table;
content: "";
line-height: 0;
}
.section-line-item .line-items-container:after {
clear: both;
}
.section-line-item .line-items-container .line-item {
*zoom: 1;
border-top: 1px solid #ccc;
margin: 20px 0;
}
.section-line-item .line-items-container .line-item:before, .section-line-item .line-items-container .line-item:after {
display: table;
content: "";
line-height: 0;
}
.section-line-item .line-items-container .line-item:after {
clear: both;
}
.section-line-item .line-items-container .line-item:last-child {
border-bottom: 1px solid #ccc;
}
.section-line-item .line-items-container .line-item .left-container {
float: left;
position: sticky;
position: -webkit-sticky;
top: -1px;
background: #fff;
z-index: 2;
padding: 10px 0;
width: 100%;
}
.section-line-item .line-items-container .line-item .left-container.item-stick {
box-shadow: 0 5px 5px -5px #999;
border-bottom: 1px solid #d8d8d8;
}
.section-line-item .line-items-container .line-item .left-container .item-img-btn {
float: left;
background: none;
border: 0;
padding: 0 10px 0 0;
width: 38%;
}
.section-line-item .line-items-container .line-item .left-container .item-details {
float: left;
width: 62%;
}
.section-line-item .line-items-container .line-item .left-container .item-details .item-title-link {
font: 600 14px / 1.2 var(--webfont-primary, sans-serif);
color: #222;
float: left;
}
.section-line-item .line-items-container .line-item .left-container .item-details .item-title-link:hover, .section-line-item .line-items-container .line-item .left-container .item-details .item-title-link:focus {
text-decoration: underline;
}
.section-line-item .line-items-container .line-item .left-container .item-details .item-view-details-link {
color: #222;
text-decoration: underline;
font: 400 14px / 1.2 var(--webfont-primary, sans-serif);
clear: both;
float: left;
margin: 0;
padding: 0;
}
.section-line-item .line-items-container .line-item .left-container .item-details .item-view-details-link:hover {
text-decoration: underline;
}
.section-line-item .line-items-container .line-item .left-container .item-details .item-view-details-link:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.section-line-item .line-items-container .line-item .left-container .item-details .care-info-button {
text-decoration: none;
font-family: var(--webfont-primary, sans-serif);
font-weight: 400;
}
.section-line-item .line-items-container .line-item .left-container .item-details .care-info-button:hover {
text-decoration: underline;
}
.section-line-item .line-items-container .line-item .left-container .item-details .price-sku-wrap {
width: 100%;
*zoom: 1;
}
.section-line-item .line-items-container .line-item .left-container .item-details .price-sku-wrap:before, .section-line-item .line-items-container .line-item .left-container .item-details .price-sku-wrap:after {
display: table;
content: "";
line-height: 0;
}
.section-line-item .line-items-container .line-item .left-container .item-details .price-sku-wrap:after {
clear: both;
}
.section-line-item .line-items-container .line-item .left-container .item-details .item-price {
border: 0;
margin: 0;
padding: 0;
clear: both;
float: left;
margin-bottom: 10px;
font: 600 14px / 1.2 var(--webfont-primary, sans-serif);
}
.section-line-item .line-items-container .line-item .left-container .item-details .item-price .sale .salePrice,
.section-line-item .line-items-container .line-item .left-container .item-details .item-price .sale .salePriceDetail {
margin-right: 4px;
}
.section-line-item .line-items-container .line-item .left-container .item-details .item-price .sale .regPrice {
font-weight: 400;
}
.section-line-item .line-items-container .line-item .left-container .item-details .item-price .dutieIncludedPrice {
font-size: 12px;
color: #222;
display: block;
clear: both;
}
.section-line-item .line-items-container .line-item .left-container .item-details .item-sku {
font: 400 12px / 1.2 var(--webfont-primary, sans-serif);
float: left;
clear: both;
}
.section-line-item .line-items-container .line-item .left-container .item-dimension {
float: left;
clear: both;
font-size: 14px;
}
.section-line-item .line-items-container .line-item .right-container {
float: right;
padding: 10px 0;
width: 100%;
}
.section-line-item .line-items-container .line-item .right-container .hw-right-detail {
margin-top: 16px;
width: 100%;
}
.section-line-item .line-items-container .line-item .right-container .hw-right-detail .international-msg .b, .section-line-item .line-items-container .line-item .right-container .hw-right-detail .international-msg strong, .section-line-item .line-items-container .line-item .right-container .hw-right-detail .international-msg .international-title {
font-weight: 700;
}
.section-line-item .line-items-container .line-item .right-container .hw-right-detail .international-msg > * {
font: 500 13px / 16px var(--webfont-primary, sans-serif);
}
.section-line-item .line-items-container .line-item .right-container .hw-right-detail .international-msg > * button {
display: inline;
background: none;
border: 0;
padding: 0;
color: #222;
text-align: left;
text-decoration: underline;
}
.section-line-item .line-items-container .line-item .right-container .hw-right-detail .international-msg > * button:hover {
text-decoration: underline;
}
.section-line-item .line-items-container .line-item .right-container .hw-right-detail .international-msg > * button:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.section-line-item .line-items-container .line-item .right-container .hw-right-detail .international-msg > * button:focus::before {
display: none;
}
.section-line-item .line-items-container .line-item .right-container .hw-right-grouper h2 {
margin-top: 0px;
}
.section-line-item .line-items-container .line-item .right-container .hw-right-grouper .grouper-attributes {
margin-bottom: 10px;
overflow: auto;
}
.section-line-item .line-items-container .line-item .right-container .zip-code-change .zip-code-panel-content .zip-code-label {
display: none;
}
.section-line-item .line-items-container .line-item .right-container .zip-code-change .zip-code-panel-content .form-zip-text-wrap .zip-input {
width: 68px;
height: 32px;
margin: 0;
}
.section-line-item .line-items-container .line-item .right-container .zip-code-change .zip-code-panel-content .validation {
font-size: inherit;
clear: both;
}
.main-family.main-furniture .section-line-item .line-items-container .line-item .right-container .jsGrouperSelection {
margin: 0;
}
}
/* #endregion =========== Line List items =========== */
.adaptive-layout .section-line-item .line-items-container {
*zoom: 1;
}
.adaptive-layout .section-line-item .line-items-container:before, .adaptive-layout .section-line-item .line-items-container:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .section-line-item .line-items-container:after {
clear: both;
}
.adaptive-layout .section-line-item .line-items-container .line-item {
*zoom: 1;
padding: 24px 0 32px 0;
border-top: 1px solid #ccc;
margin: 0;
}
.adaptive-layout .section-line-item .line-items-container .line-item:before, .adaptive-layout .section-line-item .line-items-container .line-item:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .section-line-item .line-items-container .line-item:after {
clear: both;
}
.adaptive-layout .section-line-item .line-items-container .line-item.fade-in {
-webkit-animation: fadeIn 0.3s ease-in;
-moz-animation: fadeIn 0.3s ease-in;
-o-animation: fadeIn 0.3s ease-in;
animation: fadeIn 0.3s ease-in;
}
.adaptive-layout .section-line-item .line-items-container .line-item:last-child {
border-bottom: 0;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container {
max-width: 573px;
float: left;
position: relative;
padding-top: 0;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .item-img-btn {
float: left;
background: none;
border: 0;
margin: 0 20px 0 0;
padding: 0;
width: auto;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .item-details {
float: left;
width: 310px;
padding-top: 8px;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .item-details .item-title-link {
font: 600 16px/24px var(--webfont-primary, sans-serif);
color: #222;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .item-details .item-title-link:hover, .adaptive-layout .section-line-item .line-items-container .line-item .left-container .item-details .item-title-link:focus {
text-decoration: underline;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .item-details .item-dimension {
font: 400 14px/24px var(--webfont-primary, sans-serif);
margin-bottom: 2px;
float: left;
clear: both;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .item-details .family-list-llm {
clear: left;
float: left;
padding: 5px 0;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .item-details .hw-right-grouper .grouper-carousel {
margin-bottom: 8px;
margin-top: 4px;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .item-details .item-view-details-link {
color: #222;
text-decoration: underline;
font: 400 14px/20px var(--webfont-primary, sans-serif);
clear: left;
float: left;
margin: 5px 5px 5px 0;
padding: 0;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .item-details .item-view-details-link:hover {
text-decoration: underline;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .item-details .item-view-details-link:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .item-details .care-info-button {
font-size: 14px;
line-height: 20px;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .shop-bar-color-bar-fieldset {
clear: left;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .shop-bar-color-bar {
width: 100%;
margin-top: 5px;
}
.adaptive-layout .section-line-item .line-items-container .line-item .left-container .grouper-attributes {
margin-bottom: 0;
overflow: auto;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container {
max-width: 404px;
float: right;
padding-top: 8px;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .price-sku-wrap {
float: left;
clear: both;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .hw-right-detail {
float: left;
clear: both;
display: block;
margin-top: 0;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .hw-right-detail .international-msg {
margin-bottom: 24px;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .hw-right-detail .international-container {
margin-bottom: 16px;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .shop-bar-carting-area {
float: left;
clear: both;
max-width: none;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .item-price {
border: 0;
margin: 0;
padding: 0;
clear: both;
float: left;
font: 600 16px/24px var(--webfont-primary, sans-serif);
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .item-price .sale .salePrice {
margin-right: 4px;
color: #b00;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .item-price .sale .salePriceDetail {
margin-right: 4px;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .item-price .sale .regPrice {
color: #666;
font-weight: 400;
font-size: 14px;
margin-right: 15px;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .item-price .reg .regPrice {
color: #222;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .item-price .dutieIncludedPrice {
font-size: 12px;
line-height: 20px;
color: #b00;
display: block;
clear: both;
font-weight: 400;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .item-sku {
font: 400 12px/24px var(--webfont-primary, sans-serif);
float: left;
clear: both;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .shop-bar-carting-area {
float: left;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .shop-bar-carting-area input[type="number"][id*='qty-'].input-lg {
width: 40px;
height: 40px;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .shop-bar-carting-area .button-add-single,
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .shop-bar-carting-area .button-select-pickup-store,
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .shop-bar-carting-area .button-add-to-registry,
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .shop-bar-carting-area .button-add-to-favorites {
height: 40px;
padding: 0 24px;
font-size: 12px;
line-height: 36px;
padding: 0 16px;
margin: 0 0 0 6px;
float: left;
font-weight: 600;
width: auto;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .shop-bar-carting-area .button-select-pickup-store {
margin-left: 0;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .shop-bar-carting-area .button-add-to-favorites {
width: 40px;
padding: 0 6px;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container #ship, .adaptive-layout .section-line-item .line-items-container .line-item .right-container #ship .secondary-message {
width: 100%;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .zip-code-change {
width: 100%;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .zip-code-change .zip-code-message {
max-width: 72%;
float: left;
padding-right: 10px;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .zip-code-change .zip-code-panel-content {
width: 28%;
float: left;
}
.adaptive-layout .section-line-item .line-items-container .line-item .right-container .zip-code-change .zip-code-panel-content > div {
margin: 0;
}
.adaptive-layout .line-item-sub-group-header.section-tagline {
text-align: left;
font-size: 30px;
border-top: 0;
padding-bottom: 10px;
}
.adaptive-layout .main-family.main-furniture .section-line-item .line-items-container .line-item .left-container .hw-right-grouper .grouper-carousel {
margin-bottom: 8px;
margin-top: 4px;
max-width: 276px;
}
.adaptive-layout .main-family.main-furniture .section-line-item .line-items-container .line-item .left-container .hw-right-grouper .grouper-carousel .grouper-attributes .attribute-image {
height: 46px;
width: 46px;
}
.adaptive-layout .main-family.main-furniture .section-line-item .line-items-container .line-item .left-container .grouper-attributes {
overflow: initial;
}
.adaptive-layout .main-family.main-furniture .section-line-item .line-items-container .line-item .left-container .grouper-attributes .jsGrouperSelection {
margin-top: 3px;
}
.adaptive-layout .main-family.main-furniture .section-line-item .line-items-container .line-item .left-container .attribute-image:focus {
border: 1px dotted #222;
}
.adaptive-layout .main-family.main-furniture .section-line-item .line-items-container .line-item .left-container .shop-bar-color-bar {
max-width: 264px;
}
.adaptive-layout .main-family.main-furniture .section-line-item .line-items-container .line-item .left-container .shop-bar-color-bar .shop-bar-carousel .swatch-list-item .swatch-img {
max-width: 40px;
min-width: 0;
}
.adaptive-layout .main-family.main-furniture .section-line-item .line-items-container .line-item .left-container [class*='svg-icon-arrow-'] {
width: 24px;
height: 24px;
left: 0px;
top: 0px;
position: absolute;
display: block;
}
/* #endregion =========== Line List items =========== */
/* #region =========== Custom Layer =========== */
.custom-popup-layer .popup-container {
padding-top: 0 !important;
}
.filter-by-thumbnail img.lazyload {
opacity: 0;
}
.filter-by-thumbnail img.lazyloaded {
opacity: 1;
height: auto;
}
.js-scroll-started .custom-layer-top {
max-height: 38px !important;
transition: max-height 0.5s ease !important;
}
.js-scroll-started .custom-layer-top .sale .regPrice {
visibility: hidden;
}
.fabric-feature {
width: 100%;
border: 1px solid #666;
padding: 10px 15px;
box-sizing: border-box;
margin: 14px 0;
}
.fabric-feature .fabric-feature-toggle {
color: #222;
font: 400 14px/16px var(--webfont-primary, sans-serif);
width: 100%;
text-decoration: none;
position: relative;
}
.fabric-feature .fabric-feature-toggle svg {
height: 20px;
width: 20px;
position: absolute;
right: 0;
}
.fabric-feature .fabric-feature-toggle svg.rotate-icon {
transform: rotate(180deg);
}
.fabric-feature .fabric-feature-toggle:hover, .fabric-feature .fabric-feature-toggle:focus {
text-decoration: none;
}
.fabric-feature .fabric-feature-toggle:focus {
outline: dashed 1px #222;
outline-offset: 8px;
}
.fabric-feature .fabric-feature-content {
margin: 25px 0 20px 0;
padding-top: 25px;
border-top: 1px solid #ccc;
}
.fabric-feature .fabric-feature-content legend {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.fabric-feature .fabric-feature-content .filter-by-checkbox .checkbox-item {
width: 50%;
}
.fabric-feature .fabric-feature-content .filter-by-checkbox .checkbox-item:nth-of-type(odd) .a11y-checkbox-tooltip {
left: 80px;
}
.fabric-feature .fabric-feature-content .filter-by-checkbox .fabric-vs-leather-wrap {
float: left;
width: 100%;
margin-top: 20px;
font-family: var(--webfont-primary, sans-serif);
}
.fabric-feature .fabric-feature-content .filter-by-checkbox .fabric-vs-leather-wrap p,
.fabric-feature .fabric-feature-content .filter-by-checkbox .fabric-vs-leather-wrap .leather-option-link {
float: left;
font-size: 14px;
line-height: 20px;
}
.fabric-feature .fabric-feature-content .filter-by-checkbox .fabric-vs-leather-wrap .leather-option-link {
margin-left: 5px;
}
.filter-by-fabric-swatch .fabric-vs-leather-wrap {
background: #f2f2f2;
padding: 18px;
margin-top: 30px;
font-family: var(--webfont-primary, sans-serif);
}
.filter-by-fabric-swatch .fabric-vs-leather-wrap p,
.filter-by-fabric-swatch .fabric-vs-leather-wrap a {
font-size: 14px;
line-height: 20px;
}
.filter-by-fabric-swatch .fabric-vs-leather-wrap p {
float: left;
margin-right: 5px;
}
.international-layout .filter-by-fabric-feature {
width: 100%;
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
width: calc(100% + 34px);
margin: 0 0 0 -17px;
padding-bottom: 50px;
float: left;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region =========== Custom Layer Top Area =========== */
/* #endregion =========== Custom Layer Top Area =========== */
}
.responsive-layout .custom-xs-popup .custom-layer-top,
.responsive-layout .product-option .custom-layer-top {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
z-index: 51;
background: #eee;
box-sizing: border-box;
height: auto;
max-height: 100px;
overflow: hidden;
float: left;
width: 100%;
padding: 0 15px;
border-bottom: 0.06em solid #ccc;
transition: max-height 0.5s ease;
}
.responsive-layout .custom-xs-popup .custom-layer-top .popup-close,
.responsive-layout .product-option .custom-layer-top .popup-close {
z-index: 100;
top: 0 !important;
left: 13px;
font-weight: 400;
color: #222;
width: 53px !important;
height: 38px !important;
position: sticky;
position: -webkit-sticky;
margin-left: 12px;
}
.responsive-layout .custom-xs-popup .custom-layer-top .popup-close:after,
.responsive-layout .product-option .custom-layer-top .popup-close:after {
content: "Back";
margin-left: 14px;
height: 38px;
margin-top: -11px;
display: block;
}
.responsive-layout .custom-xs-popup .custom-layer-top .popup-close:before,
.responsive-layout .product-option .custom-layer-top .popup-close:before {
content: url('data:image/svg+xml;utf8,');
left: -3px;
top: -3px;
position: absolute;
height: 20px;
width: 15px;
}
.responsive-layout .custom-xs-popup .custom-price-area .reg,
.responsive-layout .custom-xs-popup .custom-price-area .sale,
.responsive-layout .product-option .custom-price-area .reg,
.responsive-layout .product-option .custom-price-area .sale {
margin: 8px 0;
float: right;
font-size: 16px;
max-width: 150px;
}
.responsive-layout .custom-xs-popup .custom-price-area .reg,
.responsive-layout .product-option .custom-price-area .reg {
float: right;
clear: both;
}
.responsive-layout .custom-xs-popup .custom-price-area .sale .salePrice,
.responsive-layout .custom-xs-popup .custom-price-area .sale .regPrice,
.responsive-layout .product-option .custom-price-area .sale .salePrice,
.responsive-layout .product-option .custom-price-area .sale .regPrice {
float: right;
clear: both;
}
.responsive-layout .custom-xs-popup .custom-area-header,
.responsive-layout .product-option .custom-area-header {
background: #eee;
float: left;
width: 100%;
box-sizing: border-box;
padding: 15px 15px 0;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .qty-input,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .qty-input {
box-sizing: border-box;
float: left;
width: 45px;
margin-right: 10px;
display: inline-block;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg {
box-sizing: border-box;
display: inline-block;
border: solid 1px #666;
border-radius: 0;
box-shadow: none;
width: 100%;
position: relative;
outline: 0;
vertical-align: top;
background-color: #fff;
color: #222;
font-style: normal;
font-weight: normal;
font-family: var(--webfont-primary, sans-serif);
transition: border linear 0.2s, box-shadow linear 0.2s;
padding: 5px 16px;
font-size: 16px;
line-height: normal;
height: 40px;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg:-moz-placeholder,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg:-moz-placeholder {
color: #999;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg::-moz-placeholder,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg::-moz-placeholder {
color: #999;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg:-ms-input-placeholder,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg:-ms-input-placeholder {
color: #999;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg::-webkit-input-placeholder,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg::-webkit-input-placeholder {
color: #999;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg.focus, .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg:focus,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg.focus,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .qty-input input.field-qty.input-lg:focus {
border-color: #666;
box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #666 inset;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-single,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-single {
width: calc(100% - 110px);
margin: 0;
display: block;
float: left;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites {
display: inline-block;
margin: 0 0 0 10px;
padding: 10px;
width: 45px;
height: 40px;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites.disabled, .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[disabled], .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[aria-disabled="true"], .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[tabindex="-1"],
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites.disabled,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[disabled],
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[aria-disabled="true"],
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[tabindex="-1"] {
border-color: #ccc;
background: #f3f3f3;
background-image: none;
color: #aaa;
opacity: 1;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites.disabled:hover, .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites.disabled:focus, .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[disabled]:hover, .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[disabled]:focus, .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[aria-disabled="true"]:hover, .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[aria-disabled="true"]:focus, .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[tabindex="-1"]:hover, .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[tabindex="-1"]:focus,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites.disabled:hover,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites.disabled:focus,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[disabled]:hover,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[disabled]:focus,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[aria-disabled="true"]:hover,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[aria-disabled="true"]:focus,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[tabindex="-1"]:hover,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[tabindex="-1"]:focus {
border-color: #ccc;
background: #f3f3f3;
background-image: none;
color: #aaa;
opacity: 1;
pointer-events: none;
cursor: default;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites.disabled i,
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites.disabled svg,
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites.disabled [class*="svg-icon-"], .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[disabled] i,
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[disabled] svg,
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[disabled] [class*="svg-icon-"], .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[aria-disabled="true"] i,
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[aria-disabled="true"] svg,
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[aria-disabled="true"] [class*="svg-icon-"], .responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[tabindex="-1"] i,
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[tabindex="-1"] svg,
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites[tabindex="-1"] [class*="svg-icon-"],
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites.disabled i,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites.disabled svg,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites.disabled [class*="svg-icon-"],
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[disabled] i,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[disabled] svg,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[disabled] [class*="svg-icon-"],
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[aria-disabled="true"] i,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[aria-disabled="true"] svg,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[aria-disabled="true"] [class*="svg-icon-"],
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[tabindex="-1"] i,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[tabindex="-1"] svg,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites[tabindex="-1"] [class*="svg-icon-"] {
color: inherit;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites svg,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites svg {
margin-top: -2px;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-favorites .favorites-text,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-favorites .favorites-text {
display: none;
}
.responsive-layout .custom-xs-popup .custom-area-header .custom-qty-btn-row .button-add-to-registry,
.responsive-layout .product-option .custom-area-header .custom-qty-btn-row .button-add-to-registry {
display: none;
}
.responsive-layout .custom-xs-popup .custom-area-header .button-learn-more,
.responsive-layout .product-option .custom-area-header .button-learn-more {
margin: 0 0 15px 0px;
float: left;
clear: both;
}
.responsive-layout .custom-xs-popup .custom-area-header .button-learn-more .svg-icon-chevron-down,
.responsive-layout .product-option .custom-area-header .button-learn-more .svg-icon-chevron-down {
width: 20px;
height: 20px;
margin-bottom: -5px;
}
.responsive-layout .custom-xs-popup .custom-area-header .reveal-content,
.responsive-layout .product-option .custom-area-header .reveal-content {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region =========== Custom Layer Bottom Area =========== */
/* #endregion =========== Custom Layer Bottom Area =========== */
}
.responsive-layout .custom-xs-popup #custom-upholstery-row,
.responsive-layout .product-option #custom-upholstery-row {
float: left;
width: 100%;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region =========== Custom Layer Outward Image Area =========== */
/* #region Tap To Zoom outward player area*/
/* #endregion Tap To Zoom outward player area*/
/* #endregion =========== Custom Layer Outward Image Area =========== */
}
.responsive-layout .custom-xs-popup .custom-upholstery-player-col,
.responsive-layout .product-option .custom-upholstery-player-col {
float: left;
border-bottom: solid 1px #ccc;
width: 100%;
min-height: 120px;
padding-top: 10px;
background: #fff;
text-align: center;
position: -webkit-sticky;
position: sticky;
top: 19px;
z-index: 2;
}
.responsive-layout .custom-xs-popup .custom-upholstery-player-col #custom-player-img,
.responsive-layout .product-option .custom-upholstery-player-col #custom-player-img {
max-height: 100vw;
}
.responsive-layout .custom-xs-popup .custom-upholstery-player-row .product-zoom-overlay,
.responsive-layout .product-option .custom-upholstery-player-row .product-zoom-overlay {
position: absolute;
top: 45%;
left: 0;
width: 100%;
height: 50px;
}
.responsive-layout .custom-xs-popup .custom-upholstery-player-row .product-zoom-overlay .tap-zoom,
.responsive-layout .product-option .custom-upholstery-player-row .product-zoom-overlay .tap-zoom {
display: block;
margin: 0 auto;
padding: 1em 1em 0.9em 1em;
background-color: rgba(255, 255, 255, 0.85);
background-image: none;
font-size: 0.9em;
font-family: var(--webfont-primary, sans-serif);
color: #000;
font-style: normal;
text-align: center;
font-weight: normal;
text-transform: uppercase;
width: 100px;
}
.responsive-layout .custom-xs-popup #custom-upholstery-row .custom-player-zoom-img-wrap,
.responsive-layout .product-option #custom-upholstery-row .custom-player-zoom-img-wrap {
height: 100%;
width: 100%;
display: block;
position: fixed;
background: #fff;
top: 0;
left: 0;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.responsive-layout .custom-xs-popup #custom-upholstery-row .custom-player-zoom-img-wrap .zoom-img-button-close,
.responsive-layout .product-option #custom-upholstery-row .custom-player-zoom-img-wrap .zoom-img-button-close {
background: transparent;
border: 0;
position: absolute;
right: 5px;
top: 12px;
font-size: 1.2em;
}
.responsive-layout .custom-xs-popup #custom-upholstery-row .custom-player-zoom-img-wrap .zoom-img-top-bar,
.responsive-layout .product-option #custom-upholstery-row .custom-player-zoom-img-wrap .zoom-img-top-bar {
width: 100%;
height: 40px;
}
.responsive-layout .custom-xs-popup .custom-player-area,
.responsive-layout .product-option .custom-player-area {
height: 100%;
width: 100%;
margin-left: 0;
}
.responsive-layout .custom-xs-popup .custom-player-area iframe,
.responsive-layout .product-option .custom-player-area iframe {
width: 100% !important;
height: 100% !important;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup .custom-upholstery-data-col,
.responsive-layout .product-option .custom-upholstery-data-col {
float: left;
width: 100%;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region Base Styling for Filter area */
/* #endregion Base Styling for Filter area */
}
.responsive-layout .custom-xs-popup .filter-by-checkbox legend,
.responsive-layout .custom-xs-popup .filter-by-price-group legend,
.responsive-layout .custom-xs-popup .filter-by-radio legend,
.responsive-layout .custom-xs-popup .filter-by-color-family legend,
.responsive-layout .custom-xs-popup .filter-by-thumbnail legend,
.responsive-layout .product-option .filter-by-checkbox legend,
.responsive-layout .product-option .filter-by-price-group legend,
.responsive-layout .product-option .filter-by-radio legend,
.responsive-layout .product-option .filter-by-color-family legend,
.responsive-layout .product-option .filter-by-thumbnail legend {
border: 0;
padding: 15px 0 5px;
font-size: 14px;
font-weight: bold;
color: #222;
margin-bottom: 0;
}
.responsive-layout .custom-xs-popup .filter-by-checkbox .checkbox-item,
.responsive-layout .product-option .filter-by-checkbox .checkbox-item {
width: 50%;
float: left;
box-sizing: border-box;
}
.responsive-layout .custom-xs-popup .filter-by-thumbnail .radio-group,
.responsive-layout .product-option .filter-by-thumbnail .radio-group {
width: 100%;
}
.responsive-layout .custom-xs-popup .filter-by-thumbnail .radio-group .radio-item,
.responsive-layout .product-option .filter-by-thumbnail .radio-group .radio-item {
float: left;
width: 20%;
height: 20%;
position: relative;
}
.responsive-layout .custom-xs-popup .filter-by-thumbnail .radio-group .radio-item label,
.responsive-layout .product-option .filter-by-thumbnail .radio-group .radio-item label {
border: solid 2px transparent;
box-sizing: border-box;
float: left;
margin: 0;
padding: 2px;
}
.responsive-layout .custom-xs-popup .filter-by-thumbnail .radio-group .radio-item input[type="radio"]:checked ~ label,
.responsive-layout .product-option .filter-by-thumbnail .radio-group .radio-item input[type="radio"]:checked ~ label {
border-color: #222;
}
.responsive-layout .custom-xs-popup .filter-by-thumbnail .radio-group .radio-item input[type="radio"]:focus ~ label,
.responsive-layout .product-option .filter-by-thumbnail .radio-group .radio-item input[type="radio"]:focus ~ label {
outline: dashed 1px #222;
outline-offset: -1px;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region =========== Custom Layer Interaction Area =========== */
/* #endregion =========== Custom Layer Interaction Area =========== */
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion {
padding: 0 18px;
box-sizing: border-box;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .a11y-drawers,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .a11y-drawers {
border: 0;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .interaction-area-header,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .interaction-area-header {
color: #222;
margin-top: 20px;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail .radio-item label,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail .radio-item label {
width: 100%;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail .radio-item label .swatch-img,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail .radio-item label .swatch-img {
width: 100%;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset legend p,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset legend p {
font-family: var(--webfont-primary, sans-serif);
font-weight: 300;
margin-bottom: 0;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset legend .special-order-delivery-message,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset legend .special-order-delivery-message {
font-weight: 400;
margin-bottom: 7px;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset legend .special-order-price-group-message,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset legend .special-order-price-group-message {
margin-bottom: 7px;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset legend .special-order-title,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset legend .special-order-title {
font-size: 14px;
line-height: 16px;
font-weight: 400;
font-family: var(--webfont-primary, sans-serif);
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset legend .special-order-title .sale-price,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset legend .special-order-title .sale-price {
color: #b00;
font-weight: 600;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset legend .special-order-title .sale-price ~ .reg-price,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset legend .special-order-title .sale-price ~ .reg-price {
color: #666;
text-transform: none;
margin-left: 3px;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset label,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset label {
border: 0;
margin: 4px 6px 10px 0;
padding: 0;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset .radio-item label,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset .radio-item label {
border: solid 2px transparent;
box-sizing: border-box;
float: left;
margin: 0;
padding: 2px;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset .radio-item input[type="radio"]:focus ~ label,
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset .radio-item input[type="radio"]:checked ~ label,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset .radio-item input[type="radio"]:focus ~ label,
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .filter-by-thumbnail fieldset .radio-item input[type="radio"]:checked ~ label {
border-color: #222;
/*outline: 0;
box-shadow: 0 2px 0 1px $white, 0 7px 0 0 $selectedItemBorder; // draws line under selected or focused item*/
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .special-order-title,
.responsive-layout .product-option .custom-upholstery-data-col .special-order-title {
font-size: 12px;
line-height: 16px;
font-weight: 400;
font-family: var(--webfont-primary, sans-serif);
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .special-order-title .sale-price,
.responsive-layout .product-option .custom-upholstery-data-col .special-order-title .sale-price {
color: #b00;
font-weight: 600;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .special-order-title .sale-price ~ .reg-price,
.responsive-layout .product-option .custom-upholstery-data-col .special-order-title .sale-price ~ .reg-price {
color: #666;
text-transform: none;
margin-left: 3px;
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .special-order-delivery-message .special-order-title,
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .special-order-delivery-message .special-order-text,
.responsive-layout .product-option .custom-upholstery-data-col .special-order-delivery-message .special-order-title,
.responsive-layout .product-option .custom-upholstery-data-col .special-order-delivery-message .special-order-text {
font-size: 14px;
line-height: 16px;
color: #222;
font-weight: 600;
font-family: var(--webfont-primary, sans-serif);
}
.responsive-layout .custom-xs-popup .custom-upholstery-data-col .special-order-delivery-message .special-order-text,
.responsive-layout .product-option .custom-upholstery-data-col .special-order-delivery-message .special-order-text {
font-weight: 400;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region Checkbox Toggle Switch (Show Price Groups) */
/* #endregion Checkbox Toggle Switch (Show Price Groups) */
}
.responsive-layout .custom-xs-popup .filter-by-price-group .checkbox-toggle-item,
.responsive-layout .product-option .filter-by-price-group .checkbox-toggle-item {
float: left;
}
.responsive-layout .custom-xs-popup .filter-by-price-group label:not([class*="a11y"]),
.responsive-layout .product-option .filter-by-price-group label:not([class*="a11y"]) {
float: left;
padding: 0 75px 0 0;
height: 36px;
overflow: hidden;
color: #222;
font-size: 14px;
line-height: 36px;
position: relative;
font-weight: 600;
}
.responsive-layout .custom-xs-popup .filter-by-price-group label:not([class*="a11y"])::after,
.responsive-layout .product-option .filter-by-price-group label:not([class*="a11y"])::after {
width: 72px;
height: 48px;
position: absolute;
right: 8px;
}
.responsive-layout .custom-xs-popup .filter-by-price-group input[type="checkbox"].sr-only,
.responsive-layout .product-option .filter-by-price-group input[type="checkbox"].sr-only {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.responsive-layout .custom-xs-popup .filter-by-price-group input[type="checkbox"] + label:not([class*="a11y"])::after,
.responsive-layout .product-option .filter-by-price-group input[type="checkbox"] + label:not([class*="a11y"])::after {
/* Checkbox Toggle - Default State */
content: url(//images.crateandbarrel.com/is/image/Crate/toggle_sprite?fmt=png-alpha);
top: -178px;
}
.responsive-layout .custom-xs-popup .filter-by-price-group input[type="checkbox"]:focus + label:not([class*="a11y"])::after,
.responsive-layout .product-option .filter-by-price-group input[type="checkbox"]:focus + label:not([class*="a11y"])::after {
/* Checkbox Toggle - Default Focused State */
content: url(//images.crateandbarrel.com/is/image/Crate/toggle_sprite?fmt=png-alpha);
top: -94px;
}
.responsive-layout .custom-xs-popup .filter-by-price-group input[type="checkbox"]:checked + label:not([class*="a11y"])::after,
.responsive-layout .product-option .filter-by-price-group input[type="checkbox"]:checked + label:not([class*="a11y"])::after {
/* Checkbox Toggle - Selected State */
content: url(//images.crateandbarrel.com/is/image/Crate/toggle_sprite?fmt=png-alpha);
top: -53px;
}
.responsive-layout .custom-xs-popup .filter-by-price-group input[type="checkbox"]:checked:focus + label:not([class*="a11y"])::after,
.responsive-layout .product-option .filter-by-price-group input[type="checkbox"]:checked:focus + label:not([class*="a11y"])::after {
/* Checkbox Toggle - Selected Focused State */
content: url(//images.crateandbarrel.com/is/image/Crate/toggle_sprite?fmt=png-alpha);
top: -12px;
}
.responsive-layout .custom-xs-popup .filter-by-price-group input[type="checkbox"]:disabled + label:not([class*="a11y"])::after,
.responsive-layout .product-option .filter-by-price-group input[type="checkbox"]:disabled + label:not([class*="a11y"])::after {
/* Checkbox Toggle - Disabled State */
content: url(//images.crateandbarrel.com/is/image/Crate/toggle_sprite?fmt=png-alpha);
top: -135px;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region Mods for Filter by Fabric Feature (Heavy Duty, Made in the USA, etc) */
/* #endregion Mods for Filter by Fabric Feature (Heavy Duty, Made in the USA, etc) */
}
.responsive-layout .custom-xs-popup .filter-by-fabric-feature .checkbox-item,
.responsive-layout .product-option .filter-by-fabric-feature .checkbox-item {
margin-bottom: 0.7em;
}
.responsive-layout .custom-xs-popup .filter-by-fabric-feature legend,
.responsive-layout .product-option .filter-by-fabric-feature legend {
margin: 0;
padding: 0 0 1em 0;
}
.responsive-layout .custom-xs-popup .filter-by-fabric-feature label.a11y-checkbox-label, .responsive-layout .custom-xs-popup .filter-by-fabric-feature #okta-sign-in .o-form .o-form-input label, #okta-sign-in .o-form .o-form-input .responsive-layout .custom-xs-popup .filter-by-fabric-feature label,
.responsive-layout .product-option .filter-by-fabric-feature label.a11y-checkbox-label,
.responsive-layout .product-option .filter-by-fabric-feature #okta-sign-in .o-form .o-form-input label,
#okta-sign-in .o-form .o-form-input .responsive-layout .product-option .filter-by-fabric-feature label {
margin: 0;
font-size: 1em;
font-weight: normal;
padding: 3px 0 0 35px;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region Mods for Filter by Pattern (All, Solids, Patterns) */
/* #endregion Mods for Filter by Pattern (All, Solids, Patterns) */
}
.responsive-layout .custom-xs-popup .filter-by-radio.filter-by-pattern,
.responsive-layout .product-option .filter-by-radio.filter-by-pattern {
text-align: center;
}
.responsive-layout .custom-xs-popup .filter-by-radio.filter-by-pattern .auto-width-children .auto-width-child,
.responsive-layout .product-option .filter-by-radio.filter-by-pattern .auto-width-children .auto-width-child {
margin-right: 0px;
margin-top: 12px;
}
.responsive-layout .custom-xs-popup .filter-by-radio.filter-by-pattern label.a11y-radio-label,
.responsive-layout .product-option .filter-by-radio.filter-by-pattern label.a11y-radio-label {
margin: 0;
font-size: 1em;
font-weight: normal;
padding: 2.5em 0 0 0;
}
.responsive-layout .custom-xs-popup .filter-by-radio.filter-by-pattern input[type="radio"].a11y-radio + label.a11y-radio-label::before,
.responsive-layout .product-option .filter-by-radio.filter-by-pattern input[type="radio"].a11y-radio + label.a11y-radio-label::before {
left: 33.333%;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region Color Buckets - Filter by Color Family */
/* #endregion Color Buckets - Filter by Color Family */
}
.responsive-layout .custom-xs-popup .interaction-area .filter-by-color-family,
.responsive-layout .product-option .interaction-area .filter-by-color-family {
margin: 0;
padding: 0 0 20px 0;
border-bottom: none;
position: relative;
}
.responsive-layout .custom-xs-popup .filter-by-color-family legend,
.responsive-layout .product-option .filter-by-color-family legend {
margin: 0;
}
.responsive-layout .custom-xs-popup .filter-by-color-family .radio-item,
.responsive-layout .product-option .filter-by-color-family .radio-item {
box-sizing: border-box;
float: left;
margin: 0 0 10px;
padding: 0;
position: relative;
width: 16.6666%;
}
.responsive-layout .custom-xs-popup .filter-by-color-family .radio-item .sr-only,
.responsive-layout .product-option .filter-by-color-family .radio-item .sr-only {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.responsive-layout .custom-xs-popup .filter-by-color-family .radio-item:nth-of-type(1n + 13),
.responsive-layout .product-option .filter-by-color-family .radio-item:nth-of-type(1n + 13) {
display: none;
}
.responsive-layout .custom-xs-popup .filter-by-color-family input[type="radio"]:checked ~ .notch,
.responsive-layout .custom-xs-popup .filter-by-color-family input[type="radio"]:checked ~ .notch::after,
.responsive-layout .product-option .filter-by-color-family input[type="radio"]:checked ~ .notch,
.responsive-layout .product-option .filter-by-color-family input[type="radio"]:checked ~ .notch::after {
display: none;
}
.responsive-layout .custom-xs-popup .filter-by-color-family label,
.responsive-layout .product-option .filter-by-color-family label {
display: block;
box-sizing: border-box;
border: solid 2px transparent;
border-radius: 999em;
width: calc(100% - 4px);
height: auto;
margin: 0 2px;
padding: 0;
}
.responsive-layout .custom-xs-popup .filter-by-color-family label:first-of-type, .responsive-layout .custom-xs-popup .filter-by-color-family label:last-of-type,
.responsive-layout .product-option .filter-by-color-family label:first-of-type,
.responsive-layout .product-option .filter-by-color-family label:last-of-type {
margin: 0 2px;
}
.responsive-layout .custom-xs-popup .filter-by-color-family .radio-item input[type="radio"]:focus ~ label,
.responsive-layout .product-option .filter-by-color-family .radio-item input[type="radio"]:focus ~ label {
border-color: #222;
}
.responsive-layout .custom-xs-popup .filter-by-color-family .radio-item input[type="radio"]:checked ~ label,
.responsive-layout .product-option .filter-by-color-family .radio-item input[type="radio"]:checked ~ label {
border-color: #222;
}
.responsive-layout .custom-xs-popup .filter-by-color-family label[for="off-white"],
.responsive-layout .product-option .filter-by-color-family label[for="off-white"] {
content: url("//images.crateandbarrel.com/is/image/Crate/custom-mobile-upholstery-color-bucket-retina-offwhite?fmt=png-alpha");
}
.responsive-layout .custom-xs-popup .filter-by-color-family label[for="tan"],
.responsive-layout .product-option .filter-by-color-family label[for="tan"] {
content: url("//images.crateandbarrel.com/is/image/Crate/custom-mobile-upholstery-color-bucket-retina-tan?fmt=png-alpha");
}
.responsive-layout .custom-xs-popup .filter-by-color-family label[for="brown"],
.responsive-layout .product-option .filter-by-color-family label[for="brown"] {
content: url("//images.crateandbarrel.com/is/image/Crate/custom-mobile-upholstery-color-bucket-retina-brown?fmt=png-alpha");
}
.responsive-layout .custom-xs-popup .filter-by-color-family label[for="light-grey"],
.responsive-layout .product-option .filter-by-color-family label[for="light-grey"] {
content: url("//images.crateandbarrel.com/is/image/Crate/custom-mobile-upholstery-color-bucket-retina-light-grey?fmt=png-alpha");
}
.responsive-layout .custom-xs-popup .filter-by-color-family label[for="dark-grey"],
.responsive-layout .product-option .filter-by-color-family label[for="dark-grey"] {
content: url("//images.crateandbarrel.com/is/image/Crate/custom-mobile-upholstery-color-bucket-retina-dark-grey?fmt=png-alpha");
}
.responsive-layout .custom-xs-popup .filter-by-color-family label[for="yellow"],
.responsive-layout .product-option .filter-by-color-family label[for="yellow"] {
content: url("//images.crateandbarrel.com/is/image/Crate/custom-mobile-upholstery-color-bucket-retina-yellow?fmt=png-alpha");
}
.responsive-layout .custom-xs-popup .filter-by-color-family label[for="green"],
.responsive-layout .product-option .filter-by-color-family label[for="green"] {
content: url("//images.crateandbarrel.com/is/image/Crate/custom-mobile-upholstery-color-bucket-retina-green?fmt=png-alpha");
}
.responsive-layout .custom-xs-popup .filter-by-color-family label[for="teal"],
.responsive-layout .product-option .filter-by-color-family label[for="teal"] {
content: url("//images.crateandbarrel.com/is/image/Crate/custom-mobile-upholstery-color-bucket-retina-teal?fmt=png-alpha");
}
.responsive-layout .custom-xs-popup .filter-by-color-family label[for="blue"],
.responsive-layout .product-option .filter-by-color-family label[for="blue"] {
content: url("//images.crateandbarrel.com/is/image/Crate/custom-mobile-upholstery-color-bucket-retina-blue?fmt=png-alpha");
}
.responsive-layout .custom-xs-popup .filter-by-color-family label[for="purple"],
.responsive-layout .product-option .filter-by-color-family label[for="purple"] {
content: url("//images.crateandbarrel.com/is/image/Crate/custom-mobile-upholstery-color-bucket-retina-purple?fmt=png-alpha");
}
.responsive-layout .custom-xs-popup .filter-by-color-family label[for="red"],
.responsive-layout .product-option .filter-by-color-family label[for="red"] {
content: url("//images.crateandbarrel.com/is/image/Crate/custom-mobile-upholstery-color-bucket-retina-red?fmt=png-alpha");
}
.responsive-layout .custom-xs-popup .filter-by-color-family label[for="orange"],
.responsive-layout .product-option .filter-by-color-family label[for="orange"] {
content: url("//images.crateandbarrel.com/is/image/Crate/custom-mobile-upholstery-color-bucket-retina-orange?fmt=png-alpha");
}
.responsive-layout .custom-xs-popup .filter-by-color-family
.radio-item
input[type="radio"]:disabled
~ label[for],
.responsive-layout .product-option .filter-by-color-family
.radio-item
input[type="radio"]:disabled
~ label[for] {
content: url("//images.crateandbarrel.com/is/image/Crate/custom-mobile-upholstery-color-bucket-retina-disabled?fmt=png-alpha");
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region Filter by Radio Buttons ...that look like actual buttons... (Used by Cushion Buttons) */
/* #endregion Filter by Radio Buttons ...that look like actual buttons... (Used by Cushion Buttons) */
}
.responsive-layout .custom-xs-popup .radio-toggle-group .radio-item,
.responsive-layout .product-option .radio-toggle-group .radio-item {
position: relative;
}
.responsive-layout .custom-xs-popup .radio-toggle-group .radio-item label,
.responsive-layout .product-option .radio-toggle-group .radio-item label {
box-sizing: border-box;
display: block;
border: solid 1px #ccc;
width: 100%;
margin: 0;
color: #222;
font: 500 16px / 40px var(--webfont-primary, sans-serif);
text-align: center;
}
.responsive-layout .custom-xs-popup .radio-toggle-group .radio-item input[type="radio"]:checked ~ label,
.responsive-layout .product-option .radio-toggle-group .radio-item input[type="radio"]:checked ~ label {
border-color: #222;
outline: solid 1px #222;
outline-offset: -2px;
}
.responsive-layout .custom-xs-popup .radio-toggle-group .radio-item label:hover,
.responsive-layout .product-option .radio-toggle-group .radio-item label:hover {
border-color: #ccc;
outline: none;
outline-offset: 0px;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region ========= Flyout Common Styles ==================== */
/* #endregion ========= Flyout Common Styles ==================== */
}
.responsive-layout .custom-xs-popup [id*="dialog-layer-"],
.responsive-layout .product-option [id*="dialog-layer-"] {
float: left;
width: 100%;
position: relative;
display: none;
z-index: 0;
margin: 20px 0;
}
.responsive-layout .custom-xs-popup [id*="dialog-layer-"] .dialog-btn-close,
.responsive-layout .product-option [id*="dialog-layer-"] .dialog-btn-close {
position: absolute;
top: 15px;
right: 15px;
color: #fff;
border: 0;
background: transparent;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region === Flyout Notch ====== */
/* #endregion === Flyout Notch ====== */
}
.responsive-layout .custom-xs-popup .flyout-notch,
.responsive-layout .product-option .flyout-notch {
display: block;
width: 30px;
height: 28px;
overflow: hidden;
position: absolute;
bottom: -21px;
left: 50%;
z-index: 0;
transform: translateX(-50%);
}
.responsive-layout .custom-xs-popup .flyout-notch::before,
.responsive-layout .custom-xs-popup .flyout-notch::after,
.responsive-layout .product-option .flyout-notch::before,
.responsive-layout .product-option .flyout-notch::after {
box-sizing: border-box;
display: block;
content: "";
width: 0;
height: 0;
border: solid 15px #222;
position: absolute;
top: 20px;
transform: rotate(45deg);
}
.responsive-layout .custom-xs-popup .flyout-notch::before,
.responsive-layout .product-option .flyout-notch::before {
left: 0px;
}
.responsive-layout .custom-xs-popup .flyout-notch::after,
.responsive-layout .product-option .flyout-notch::after {
border-color: #222;
top: 21px;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region ========= Swatch/Covering Flyout/Layer ==================== */
/* #endregion ====== Swatch/Covering Flyout/Layer ==================== */
}
.responsive-layout .custom-xs-popup .custom-swatch-layer-content,
.responsive-layout .product-option .custom-swatch-layer-content {
border: none;
box-shadow: none;
background: #222;
width: 100%;
min-height: 0px;
float: left;
}
.responsive-layout .custom-xs-popup #custom-item-swatch-zoom,
.responsive-layout .product-option #custom-item-swatch-zoom {
height: auto;
width: calc(100% - 41px);
margin: 3.5em 1.5em 0;
border: 0.1em solid #aaa;
}
.responsive-layout .custom-xs-popup .custom-swatch-layer-data-area,
.responsive-layout .product-option .custom-swatch-layer-data-area {
display: block;
padding: 20px;
float: left;
width: 100%;
box-sizing: border-box;
}
.responsive-layout .custom-xs-popup .custom-swatch-layer-data-area .custom-swatch-layer-order-swatches-and-care-icons,
.responsive-layout .product-option .custom-swatch-layer-data-area .custom-swatch-layer-order-swatches-and-care-icons {
padding-left: 0;
float: left;
width: 50%;
}
.responsive-layout .custom-xs-popup .custom-swatch-layer-info-area,
.responsive-layout .product-option .custom-swatch-layer-info-area {
width: 100%;
padding: 0 1.5em 0;
}
.responsive-layout .custom-xs-popup .custom-swatch-layer-info-area,
.responsive-layout .custom-xs-popup .custom-swatch-layer-description,
.responsive-layout .product-option .custom-swatch-layer-info-area,
.responsive-layout .product-option .custom-swatch-layer-description {
color: #fff;
display: block;
padding: 0;
width: 100%;
}
.responsive-layout .custom-xs-popup .custom-swatch-layer-description,
.responsive-layout .product-option .custom-swatch-layer-description {
background: #222;
float: left;
margin: 1em 0 0 0;
}
.responsive-layout .custom-xs-popup .custom-swatch-layer-description p,
.responsive-layout .product-option .custom-swatch-layer-description p {
border-top: 1px solid #fff;
padding-top: 0.8em;
width: 100%;
}
.responsive-layout .custom-xs-popup .custom-swatch-layer-description .order-swatches-link,
.responsive-layout .product-option .custom-swatch-layer-description .order-swatches-link {
font-size: 12px;
}
.responsive-layout .custom-xs-popup .custom-swatch-layer-info-area p + p,
.responsive-layout .product-option .custom-swatch-layer-info-area p + p {
margin-top: 5px;
}
.responsive-layout .custom-xs-popup .custom-swatch-layer-info-area p,
.responsive-layout .product-option .custom-swatch-layer-info-area p {
width: 100%;
max-width: 100%;
}
.responsive-layout .custom-xs-popup .custom-swatch-layer-label,
.responsive-layout .custom-xs-popup .custom-swatch-layer-text,
.responsive-layout .custom-xs-popup .custom-swatch-layer-description a,
.responsive-layout .custom-xs-popup .custom-swatch-layer-description p,
.responsive-layout .product-option .custom-swatch-layer-label,
.responsive-layout .product-option .custom-swatch-layer-text,
.responsive-layout .product-option .custom-swatch-layer-description a,
.responsive-layout .product-option .custom-swatch-layer-description p {
font-size: 14px;
}
.responsive-layout .custom-xs-popup .custom-swatch-layer-care-icons,
.responsive-layout .product-option .custom-swatch-layer-care-icons {
float: left;
margin-left: 0;
margin-top: 10px;
}
.responsive-layout .custom-xs-popup .custom-swatch-layer-care-icons svg,
.responsive-layout .product-option .custom-swatch-layer-care-icons svg {
color: #fff;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region ========= Leg Finish Flyout/Layer ========================= */
/* #endregion ====== Leg Finish Flyout/Layer ========================= */
}
.responsive-layout .custom-xs-popup .custom-leg-layer[role="dialog"],
.responsive-layout .product-option .custom-leg-layer[role="dialog"] {
width: 100%;
}
.responsive-layout .custom-xs-popup .custom-leg-layer-content,
.responsive-layout .product-option .custom-leg-layer-content {
display: block;
box-sizing: border-box;
border: none;
box-shadow: none;
background: #222;
width: 100%;
}
.responsive-layout .custom-xs-popup .custom-leg-layer-img-area,
.responsive-layout .product-option .custom-leg-layer-img-area {
padding: 3.5em 1.5em 0;
}
.responsive-layout .custom-xs-popup #custom-item-leg-zoom,
.responsive-layout .product-option #custom-item-leg-zoom {
width: 100%;
height: auto;
border: 0.1em solid #aaa;
margin: 0;
}
.responsive-layout .custom-xs-popup .custom-leg-layer-data-area,
.responsive-layout .product-option .custom-leg-layer-data-area {
clear: left;
display: table;
box-sizing: border-box;
padding: 15px 20px;
}
.responsive-layout .custom-xs-popup .custom-leg-layer-label,
.responsive-layout .custom-xs-popup .custom-leg-layer-text,
.responsive-layout .custom-xs-popup .custom-leg-layer-description,
.responsive-layout .product-option .custom-leg-layer-label,
.responsive-layout .product-option .custom-leg-layer-text,
.responsive-layout .product-option .custom-leg-layer-description {
font: 400 1em / 1.3 var(--webfont-primary, sans-serif);
color: #fff;
}
.responsive-layout .custom-xs-popup .custom-leg-layer-label,
.responsive-layout .product-option .custom-leg-layer-label {
font-weight: bold;
}
.responsive-layout .custom-xs-popup .a11y-drawer-panel .filter-by-thumbnail,
.responsive-layout .product-option .a11y-drawer-panel .filter-by-thumbnail {
position: relative;
}
.responsive-layout .custom-xs-popup .a11y-drawer-panel .filter-by-thumbnail [id*="main-dialog-leg-finish-"],
.responsive-layout .custom-xs-popup .a11y-drawer-panel .filter-by-thumbnail [id*="flyout-fabric-wrap-"],
.responsive-layout .custom-xs-popup .a11y-drawer-panel .filter-by-thumbnail [id*="flyout-leg-"],
.responsive-layout .product-option .a11y-drawer-panel .filter-by-thumbnail [id*="main-dialog-leg-finish-"],
.responsive-layout .product-option .a11y-drawer-panel .filter-by-thumbnail [id*="flyout-fabric-wrap-"],
.responsive-layout .product-option .a11y-drawer-panel .filter-by-thumbnail [id*="flyout-leg-"] {
float: left;
width: 100%;
}
.responsive-layout .custom-xs-popup .a11y-drawer-panel .filter-by-thumbnail .radio-group,
.responsive-layout .product-option .a11y-drawer-panel .filter-by-thumbnail .radio-group {
width: 100%;
}
.responsive-layout .custom-xs-popup .a11y-drawer-panel .filter-by-thumbnail .radio-group-item,
.responsive-layout .product-option .a11y-drawer-panel .filter-by-thumbnail .radio-group-item {
float: left;
width: 20%;
height: 20%;
}
.responsive-layout .custom-xs-popup .a11y-drawer-panel .filter-by-thumbnail .radio-group-item:nth-of-type(7n + 1),
.responsive-layout .product-option .a11y-drawer-panel .filter-by-thumbnail .radio-group-item:nth-of-type(7n + 1) {
clear: none;
}
.responsive-layout .custom-xs-popup .a11y-drawer-panel .filter-by-thumbnail .radio-group-item:nth-of-type(5n + 1),
.responsive-layout .product-option .a11y-drawer-panel .filter-by-thumbnail .radio-group-item:nth-of-type(5n + 1) {
clear: both;
}
.responsive-layout .custom-xs-popup .a11y-drawer-panel .filter-by-thumbnail .radio-group-item [id*="flyout-fabric-"],
.responsive-layout .product-option .a11y-drawer-panel .filter-by-thumbnail .radio-group-item [id*="flyout-fabric-"] {
float: left;
width: 100%;
}
.responsive-layout .custom-xs-popup .a11y-drawer-panel .filter-by-thumbnail label,
.responsive-layout .product-option .a11y-drawer-panel .filter-by-thumbnail label {
width: 100%;
height: 100%;
}
.responsive-layout .custom-xs-popup .a11y-drawer-panel .filter-by-thumbnail img,
.responsive-layout .product-option .a11y-drawer-panel .filter-by-thumbnail img {
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region ========= Cushion Finish Flyout/Layer ===================== */
/* #endregion ====== Cushion Finish Flyout/Layer ===================== */
}
.responsive-layout .custom-xs-popup .cushion-interaction-area .a11y-drawer-panel,
.responsive-layout .product-option .cushion-interaction-area .a11y-drawer-panel {
padding: 0;
}
.responsive-layout .custom-xs-popup .custom-cushion-layer[role="dialog"] .notch,
.responsive-layout .product-option .custom-cushion-layer[role="dialog"] .notch {
margin-left: -17px;
}
.responsive-layout .custom-xs-popup .custom-cushion-layer,
.responsive-layout .product-option .custom-cushion-layer {
position: relative;
left: 0;
top: 0;
margin-left: 0px;
margin-top: 0px;
width: auto;
z-index: 0;
opacity: 1;
transition: opacity 0.5s ease;
margin-top: 1em;
margin-bottom: 1em;
}
.responsive-layout .custom-xs-popup .custom-cushion-flyout-container,
.responsive-layout .product-option .custom-cushion-flyout-container {
width: 100%;
float: left;
margin-bottom: 0.3em;
position: relative;
}
.responsive-layout .custom-xs-popup .custom-cushion-flyout-container .radio-item,
.responsive-layout .product-option .custom-cushion-flyout-container .radio-item {
padding: 0 1em;
}
.responsive-layout .custom-xs-popup .custom-cushion-layer-content,
.responsive-layout .product-option .custom-cushion-layer-content {
display: block;
box-sizing: border-box;
border: none;
box-shadow: none;
background: #222;
color: white;
width: 100%;
padding: 2.8em 1.5em;
}
.responsive-layout .custom-xs-popup .custom-cushion-layer-content .custom-cushion-info,
.responsive-layout .custom-xs-popup .custom-cushion-layer-content .custom-cushion-layer-description p,
.responsive-layout .custom-xs-popup .custom-cushion-layer-content .custom-cushion-title p,
.responsive-layout .product-option .custom-cushion-layer-content .custom-cushion-info,
.responsive-layout .product-option .custom-cushion-layer-content .custom-cushion-layer-description p,
.responsive-layout .product-option .custom-cushion-layer-content .custom-cushion-title p {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region ======== Comfort Scale Chart ================================== */
/* #endregion ===== Comfort Scale Chart ================================== */
}
.responsive-layout .custom-xs-popup .comfort-scale,
.responsive-layout .product-option .comfort-scale {
margin: 30px 0 0 0;
}
.responsive-layout .custom-xs-popup .comfort-scale-item,
.responsive-layout .product-option .comfort-scale-item {
width: 100%;
color: #fff;
background: #222;
}
.responsive-layout .custom-xs-popup .scale-box-header,
.responsive-layout .product-option .scale-box-header {
margin: 0 0 8px;
}
.responsive-layout .custom-xs-popup .scale-box,
.responsive-layout .product-option .scale-box {
width: 100%;
}
.responsive-layout .custom-xs-popup .scale-box-items,
.responsive-layout .product-option .scale-box-items {
width: 100%;
padding: 0 10px;
}
.responsive-layout .custom-xs-popup .scale-box-item,
.responsive-layout .product-option .scale-box-item {
border: solid 1px #ccc;
background: #ccc;
width: 17%;
height: 8px;
text-indent: 20px;
float: left;
box-sizing: border-box;
position: relative;
}
.responsive-layout .custom-xs-popup .comfort-scale-item + .comfort-scale-item,
.responsive-layout .product-option .comfort-scale-item + .comfort-scale-item {
margin-left: 0;
margin-top: 2em;
}
.responsive-layout .custom-xs-popup .scale-box-label,
.responsive-layout .custom-xs-popup .scale-box-items,
.responsive-layout .product-option .scale-box-label,
.responsive-layout .product-option .scale-box-items {
display: table-cell;
}
.responsive-layout .custom-xs-popup .scale-box-header,
.responsive-layout .custom-xs-popup .scale-box-label,
.responsive-layout .product-option .scale-box-header,
.responsive-layout .product-option .scale-box-label {
font-size: 1.1em;
text-align: center;
}
.responsive-layout .custom-xs-popup .scale-box-item + .scale-box-item,
.responsive-layout .product-option .scale-box-item + .scale-box-item {
margin-left: 3%;
}
.responsive-layout .custom-xs-popup .scale-box-item .checkmark,
.responsive-layout .product-option .scale-box-item .checkmark {
display: none;
}
.responsive-layout .custom-xs-popup .scale-box-item[aria-hidden="false"],
.responsive-layout .product-option .scale-box-item[aria-hidden="false"] {
border-color: #3f95e0;
background: #3f95e0;
color: #222;
}
.responsive-layout .custom-xs-popup .scale-box-item[aria-hidden="false"]::after,
.responsive-layout .product-option .scale-box-item[aria-hidden="false"]::after {
display: block;
content: "";
border: solid 1px #222;
position: absolute;
top: -3px;
right: -3px;
bottom: -3px;
left: -3px;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region ========== Base Layout =========== */
/* #endregion ========== Base Layout =========== */
}
.responsive-layout .custom-xs-popup .recent-swatches-container,
.responsive-layout .product-option .recent-swatches-container {
display: block;
width: 100%;
float: left;
margin-top: 40px;
}
.responsive-layout .custom-xs-popup .recent-swatches-container::after,
.responsive-layout .product-option .recent-swatches-container::after {
*zoom: 1;
}
.responsive-layout .custom-xs-popup .recent-swatches-container::after:before, .responsive-layout .custom-xs-popup .recent-swatches-container::after:after,
.responsive-layout .product-option .recent-swatches-container::after:before,
.responsive-layout .product-option .recent-swatches-container::after:after {
display: table;
content: "";
line-height: 0;
}
.responsive-layout .custom-xs-popup .recent-swatches-container::after:after,
.responsive-layout .product-option .recent-swatches-container::after:after {
clear: both;
}
.responsive-layout .custom-xs-popup .recent-swatches-container fieldset,
.responsive-layout .product-option .recent-swatches-container fieldset {
float: left;
margin: 20px 0 0 0;
padding: 0px 0 10px;
}
.responsive-layout .custom-xs-popup .recent-swatches-container fieldset:first-of-type,
.responsive-layout .product-option .recent-swatches-container fieldset:first-of-type {
margin-top: 0;
margin-bottom: 4px;
float: left;
}
.responsive-layout .custom-xs-popup .recent-swatches-container fieldset::after,
.responsive-layout .product-option .recent-swatches-container fieldset::after {
*zoom: 1;
}
.responsive-layout .custom-xs-popup .recent-swatches-container fieldset::after:before, .responsive-layout .custom-xs-popup .recent-swatches-container fieldset::after:after,
.responsive-layout .product-option .recent-swatches-container fieldset::after:before,
.responsive-layout .product-option .recent-swatches-container fieldset::after:after {
display: table;
content: "";
line-height: 0;
}
.responsive-layout .custom-xs-popup .recent-swatches-container fieldset::after:after,
.responsive-layout .product-option .recent-swatches-container fieldset::after:after {
clear: both;
}
.responsive-layout .custom-xs-popup .recent-swatches-container legend,
.responsive-layout .product-option .recent-swatches-container legend {
border: 0;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px 0;
font: 600 12px / 20px var(--webfont-primary, sans-serif);
width: auto;
float: left;
}
.responsive-layout .custom-xs-popup .recent-swatches-container label,
.responsive-layout .product-option .recent-swatches-container label {
box-sizing: border-box;
float: left;
margin: 0;
padding: 3px;
width: 42px;
height: 42px;
position: relative;
}
.responsive-layout .custom-xs-popup .recent-swatches-container label:hover,
.responsive-layout .product-option .recent-swatches-container label:hover {
cursor: pointer;
}
.responsive-layout .custom-xs-popup .recent-swatches-container input.sr-only,
.responsive-layout .product-option .recent-swatches-container input.sr-only {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.responsive-layout .custom-xs-popup .recent-swatches-container img,
.responsive-layout .product-option .recent-swatches-container img {
float: left;
margin: 0px;
width: 36px;
height: 36px;
}
.responsive-layout .custom-xs-popup .recent-swatches-container .radio-group,
.responsive-layout .product-option .recent-swatches-container .radio-group {
float: left;
width: 100%;
}
.responsive-layout .custom-xs-popup .recent-swatches-container .radio-group-item,
.responsive-layout .product-option .recent-swatches-container .radio-group-item {
float: left;
}
.responsive-layout .custom-xs-popup .recent-swatches-container .radio-item input[type="radio"]:focus ~ label,
.responsive-layout .custom-xs-popup .recent-swatches-container .radio-item input[type="radio"]:checked ~ label,
.responsive-layout .product-option .recent-swatches-container .radio-item input[type="radio"]:focus ~ label,
.responsive-layout .product-option .recent-swatches-container .radio-item input[type="radio"]:checked ~ label {
outline: solid 2px #222;
outline-offset: -1px;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region ========== Recent Swatch Summary and Order Free Swatch =========== */
/* #endregion ========== Recent Swatch Summary and Order Free Swatch =========== */
}
.responsive-layout .custom-xs-popup .recent-viewed-swatch-info,
.responsive-layout .product-option .recent-viewed-swatch-info {
float: left;
width: 100%;
margin-top: 9px;
}
.responsive-layout .custom-xs-popup .recent-viewed-swatch-info .recent-viewed-swatch-label,
.responsive-layout .custom-xs-popup .recent-viewed-swatch-info .recent-viewed-swatch-text,
.responsive-layout .product-option .recent-viewed-swatch-info .recent-viewed-swatch-label,
.responsive-layout .product-option .recent-viewed-swatch-info .recent-viewed-swatch-text {
font: 400 12px / 1.7 var(--webfont-primary, sans-serif);
margin-right: 5px;
}
.responsive-layout .custom-xs-popup .recent-viewed-swatch-info .recent-viewed-swatch-label,
.responsive-layout .product-option .recent-viewed-swatch-info .recent-viewed-swatch-label {
font-weight: bold;
}
.responsive-layout .custom-xs-popup .recent-swatch-order-free,
.responsive-layout .product-option .recent-swatch-order-free {
float: left;
padding: 10px 0;
margin-left: 5px;
}
.responsive-layout .custom-xs-popup .recent-swatch-order-free .order-swatches-link,
.responsive-layout .product-option .recent-swatch-order-free .order-swatches-link {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.responsive-layout .custom-xs-popup,
.responsive-layout .product-option {
/* #region ========== Disable Swatch and Tooltip =========== */
/* #endregion ========== Disable Swatch =========== */
}
.responsive-layout .custom-xs-popup .disabled-diagonal-line,
.responsive-layout .product-option .disabled-diagonal-line {
position: relative;
}
.responsive-layout .custom-xs-popup .disabled-diagonal-line .diagonal-line-image,
.responsive-layout .product-option .disabled-diagonal-line .diagonal-line-image {
opacity: 1;
width: calc(100% - 6px);
height: calc(100% - 6px);
position: absolute;
z-index: 1;
}
.responsive-layout .custom-xs-popup .disabled-diagonal-line.radio-item input[type="radio"]:focus ~ label, .responsive-layout .custom-xs-popup .disabled-diagonal-line.radio-item input[type="radio"]:checked ~ label,
.responsive-layout .product-option .disabled-diagonal-line.radio-item input[type="radio"]:focus ~ label,
.responsive-layout .product-option .disabled-diagonal-line.radio-item input[type="radio"]:checked ~ label {
outline: 0;
}
.responsive-layout .custom-xs-popup .disabled-diagonal-line .swatch-img,
.responsive-layout .product-option .disabled-diagonal-line .swatch-img {
opacity: 0.4;
}
.responsive-layout .custom-xs-popup .disabled-diagonal-line .tooltip-notch,
.responsive-layout .product-option .disabled-diagonal-line .tooltip-notch {
display: block;
width: 30px;
height: 28px;
overflow: hidden;
position: absolute;
bottom: -16px;
left: 50%;
z-index: 1;
transform: translateX(-50%);
}
.responsive-layout .custom-xs-popup .disabled-diagonal-line .tooltip-notch::before,
.responsive-layout .custom-xs-popup .disabled-diagonal-line .tooltip-notch::after,
.responsive-layout .product-option .disabled-diagonal-line .tooltip-notch::before,
.responsive-layout .product-option .disabled-diagonal-line .tooltip-notch::after {
box-sizing: border-box;
display: block;
content: "";
width: 0;
height: 0;
border: solid 15px #b00;
position: absolute;
top: 20px;
transform: rotate(45deg);
}
.responsive-layout .custom-xs-popup .disabled-diagonal-line .tooltip-notch::before,
.responsive-layout .product-option .disabled-diagonal-line .tooltip-notch::before {
left: 0px;
}
.responsive-layout .custom-xs-popup .disabled-diagonal-line .tooltip-notch::after,
.responsive-layout .product-option .disabled-diagonal-line .tooltip-notch::after {
border-color: #b00;
top: 21px;
}
.responsive-layout .custom-xs-popup .disabled-diagonal-line .a11y-radio-tooltip,
.responsive-layout .product-option .disabled-diagonal-line .a11y-radio-tooltip {
width: 100%;
max-width: 100%;
height: 42px;
bottom: -95px;
left: 0;
padding: 12px;
box-sizing: border-box;
background: #b00;
border-color: #b00;
color: #fff;
font-size: 14px;
text-align: center;
display: block;
transform: translateX(0);
}
.responsive-layout .custom-xs-popup .disabled-diagonal-line .a11y-radio-tooltip::before, .responsive-layout .custom-xs-popup .disabled-diagonal-line .a11y-radio-tooltip::after,
.responsive-layout .product-option .disabled-diagonal-line .a11y-radio-tooltip::before,
.responsive-layout .product-option .disabled-diagonal-line .a11y-radio-tooltip::after {
display: none;
}
.responsive-layout .custom-xs-popup .disabled-diagonal-line .a11y-radio-tooltip .button-dismiss,
.responsive-layout .product-option .disabled-diagonal-line .a11y-radio-tooltip .button-dismiss {
display: inline-block;
border: 0;
width: 14px;
height: 14px;
margin: 0 0 0 4px;
padding: 0;
background: transparent;
vertical-align: middle;
}
.responsive-layout .custom-xs-popup .disabled-diagonal-line .a11y-radio-tooltip .button-dismiss:focus,
.responsive-layout .product-option .disabled-diagonal-line .a11y-radio-tooltip .button-dismiss:focus {
outline: dashed 1px;
}
.responsive-layout .custom-xs-popup .disabled-diagonal-line .a11y-radio-tooltip .button-dismiss svg,
.responsive-layout .product-option .disabled-diagonal-line .a11y-radio-tooltip .button-dismiss svg {
max-width: 100%;
max-height: 100%;
color: inherit;
stroke-width: 2;
}
}
.adaptive-layout .special-order-configuration-panel {
/* #region Base Layout for Custom Slide Out Panel */
/* #endregion Base Layout for Custom Slide Out Panel */
/* #region ========== Recently Viewed Swatches ======================================= */
/* #region ========== Base Layout =========== */
/* #endregion ========== Base Layout =========== */
/* #region ========== Recent Swatch Summary and Order Free Swatch =========== */
/* #endregion ========== Recent Swatch Summary and Order Free Swatch =========== */
/* #region ========== Disable Swatch and Tooltip =========== */
/* #endregion ========== Disable Swatch =========== */
/* #endregion ========== Recently Viewed Swatches ======================================= */
/* #region Base Styling for Filter by Checkbox and Filter by Radio Button */
/* #endregion Base Styling for Filter by Checkbox and Filter by Radio Button */
/* #region Mods for Filter by Fabric Feature (Heavy Duty, Made in the USA, etc) */
/* #endregion Mods for Filter by Fabric Feature (Heavy Duty, Made in the USA, etc) */
/* #region Mods for Filter by Pattern (All, Solids, Patterns) */
/* #endregion Mods for Filter by Pattern (All, Solids, Patterns) */
/* #region Search Fabrics and Show Prices Toggle */
/* #endregion Search Fabrics and Show Prices Toggle */
/* #region Checkbox Toggle Switch (Show Price Groups) */
/* #endregion Checkbox Toggle Switch (Show Price Groups) */
/* #region Color Buckets - Filter by Color Family */
/* #endregion Color Buckets - Filter by Color Family */
/* #region Filter by Thumbnail (Used by Fabric Swatches and Leg Finishes) */
/* #endregion Filter by Thumbnail (Used by Fabric Swatches and Leg Finishes) */
/* #region Filter by Radio Buttons ...that look like actual buttons... (Used by Cushion Buttons) */
/* #endregion Filter by Radio Buttons ...that look like actual buttons... (Used by Cushion Buttons) */
/* #region === Custom Flyouts/Layers ====== */
/* #region === Flyout Notch ====== */
/* #endregion === Flyout Notch ====== */
/* #region Swatch/Covering Flyout/Layer */
/* #endregion Swatch/Covering Flyout/Layer */
/* #region Leg Finish Flyout/Layer */
/* #endregion Leg Finish Flyout/Layer */
/* #region Cushion Finish Flyout/Layer */
/* #endregion Cushion Finish Flyout/Layer */
/* #region Comfort Scale Chart */
/* selected item */
/*#region === Common flyout Style ===*/
/* #endregion Comfort Scale Chart */
/* this needs to be moved to a more logical place - where ever that is... */
/* #endregion =========== Custom Layer =========== */
/* #endregion === Custom Flyouts/Layers ====== */
/* #region === Furniture Availability Experience ====== */
/* #endregion === Furniture Availability Experience ====== */
}
.adaptive-layout .special-order-configuration-panel #custom-upholstery-row {
box-sizing: border-box;
display: block;
width: 100%;
float: left;
clear: both;
display: block;
padding-bottom: 30px;
}
.adaptive-layout .special-order-configuration-panel .custom-upholstery-player-col,
.adaptive-layout .special-order-configuration-panel .custom-upholstery-data-col {
box-sizing: border-box;
float: left;
}
.adaptive-layout .special-order-configuration-panel .custom-upholstery-player-col {
width: 583px;
}
.adaptive-layout .special-order-configuration-panel .custom-upholstery-player-col .custom-player-area,
.adaptive-layout .special-order-configuration-panel .custom-upholstery-player-col #custom-player-img, .adaptive-layout .special-order-configuration-panel .custom-upholstery-player-col img {
padding-top: 24px;
width: calc(100% - 16px);
}
.adaptive-layout .special-order-configuration-panel .custom-upholstery-player-col .build-your-own {
text-align: center;
margin-top: -20px;
}
.adaptive-layout .special-order-configuration-panel .custom-upholstery-player-col .build-your-own p {
font-size: 16px;
font-weight: 400;
}
.adaptive-layout .special-order-configuration-panel .custom-upholstery-player-col .build-your-own .button-build-your-own {
font-size: 12px;
font-weight: 400;
color: #222;
margin-top: 6px;
height: 37px;
width: 180px;
letter-spacing: 1px;
border-color: #222;
}
.adaptive-layout .special-order-configuration-panel .custom-upholstery-player-col::after {
display: block;
content: "";
clear: both;
}
.adaptive-layout .special-order-configuration-panel .custom-upholstery-player-col {
float: left;
position: -webkit-sticky;
position: sticky;
top: 150px;
z-index: 50;
}
.adaptive-layout .special-order-configuration-panel .sticky-header-right,
.adaptive-layout .special-order-configuration-panel .custom-upholstery-data-col {
width: 396px;
float: right;
}
.adaptive-layout .special-order-configuration-panel .custom-upholstery-data-col {
position: relative;
z-index: 50;
}
.adaptive-layout .special-order-configuration-panel .custom-row {
float: left;
width: 100%;
clear: both;
}
.adaptive-layout .special-order-configuration-panel .custom-row::after {
display: block;
content: "";
clear: both;
}
.adaptive-layout .special-order-configuration-panel .custom-player-area {
display: table;
width: 583px;
height: 583px;
margin-left: -9px;
}
.adaptive-layout .special-order-configuration-panel .custom-player-area iframe {
width: 583px !important;
height: 583px !important;
}
.adaptive-layout .special-order-configuration-panel .custom-player-box {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.adaptive-layout .special-order-configuration-panel .custom-player-box img {
display: inline-block;
}
.adaptive-layout .special-order-configuration-panel .custom-player-box .sticky {
z-index: 900;
}
.adaptive-layout .special-order-configuration-panel .interaction-area {
clear: both;
margin: 0 0 30px;
}
.adaptive-layout .special-order-configuration-panel .interaction-area::after {
display: block;
content: "";
clear: both;
}
.adaptive-layout .special-order-configuration-panel .interaction-area legend {
border: 0;
padding: 15px 0 10px;
font-size: 14px;
font-weight: bold;
color: #222;
}
.adaptive-layout .special-order-configuration-panel .interaction-area-header {
box-sizing: border-box;
border-bottom: solid 2px #222;
margin: 30px 0 10px;
padding: 8px 0;
font: 600 16px/1.2 var(--webfont-primary, sans-serif);
}
.adaptive-layout .special-order-configuration-panel #main-dialog-leg-finish {
float: left;
}
.adaptive-layout .special-order-configuration-panel [id*='dialog-btn-close-'] {
position: absolute;
top: 27px;
right: 11px;
border: 0;
background: transparent;
z-index: 2;
font-size: 14px;
}
.adaptive-layout .special-order-configuration-panel [id*='dialog-btn-close-']:focus {
outline: dashed 1px #222;
outline-offset: 2px;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container {
display: block;
width: 100%;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container::after {
*zoom: 1;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container::after:before, .adaptive-layout .special-order-configuration-panel .recent-swatches-container::after:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container::after:after {
clear: both;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container fieldset {
margin: 20px 0 0 0;
padding: 0px 0 10px;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container fieldset:first-of-type {
float: left;
margin-top: 0;
margin-bottom: 4px;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container fieldset::after {
*zoom: 1;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container fieldset::after:before, .adaptive-layout .special-order-configuration-panel .recent-swatches-container fieldset::after:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container fieldset::after:after {
clear: both;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container legend {
border: 0;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 10px 0;
font: 600 12px/20px var(--webfont-primary, sans-serif);
width: auto;
float: left;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container label {
box-sizing: border-box;
float: left;
margin: 0;
padding: 3px;
width: 42px;
height: 42px;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container label:hover {
cursor: pointer;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container input.sr-only {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container img {
float: left;
margin: 0px;
width: 36px;
height: 36px;
padding-top: 0;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container .radio-group {
float: left;
width: 100%;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container .radio-group-item {
float: left;
}
.adaptive-layout .special-order-configuration-panel .recent-swatches-container .radio-item input[type="radio"]:focus ~ label,
.adaptive-layout .special-order-configuration-panel .recent-swatches-container .radio-item input[type="radio"]:checked ~ label {
outline: solid 2px #222;
outline-offset: -1px;
}
.adaptive-layout .special-order-configuration-panel .recent-viewed-swatch-info {
float: left;
width: 100%;
margin-top: 9px;
}
.adaptive-layout .special-order-configuration-panel .recent-viewed-swatch-info .recent-viewed-swatch-label,
.adaptive-layout .special-order-configuration-panel .recent-viewed-swatch-info .recent-viewed-swatch-text {
font: 400 12px/1.7 var(--webfont-primary, sans-serif);
margin-right: 5px;
}
.adaptive-layout .special-order-configuration-panel .recent-viewed-swatch-info .recent-viewed-swatch-label {
font-weight: bold;
}
.adaptive-layout .special-order-configuration-panel .recent-viewed-swatch-info .recent-viewed-swatch-label.leg-label {
margin-left: 5px;
}
.adaptive-layout .special-order-configuration-panel .recent-swatch-order-free {
float: left;
padding: 10px 0;
margin-left: 8px;
}
.adaptive-layout .special-order-configuration-panel .recent-swatch-order-free .order-swatches-link {
font-size: 12px;
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line {
position: relative;
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .diagonal-line-image {
opacity: 1;
width: 36px;
height: 36px;
position: absolute;
z-index: 1;
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line.radio-item input[type="radio"]:checked ~ label {
outline: 0;
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .radio-item input[type="radio"]:focus ~ label {
outline: solid 2px #222;
outline-offset: -1px;
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .swatch-img {
opacity: .4;
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .tooltip-notch {
display: block;
width: 30px;
height: 28px;
overflow: hidden;
position: absolute;
bottom: -16px;
left: 50%;
z-index: 2;
transform: translateX(-50%);
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .tooltip-notch::before,
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .tooltip-notch::after {
box-sizing: border-box;
display: block;
content: "";
width: 0;
height: 0;
border: solid 15px #b00;
position: absolute;
top: 20px;
transform: rotate(45deg);
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .tooltip-notch::before {
left: 0px;
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .tooltip-notch::after {
border-color: #b00;
top: 21px;
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .a11y-radio-tooltip {
width: 218px;
height: 42px;
bottom: -55px;
left: 16px;
padding: 12px;
box-sizing: border-box;
background: #b00;
border-color: #b00;
color: #fff;
font-size: 14px;
text-align: center;
display: block;
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .a11y-radio-tooltip::before, .adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .a11y-radio-tooltip::after {
display: none;
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .a11y-radio-tooltip .button-dismiss {
display: inline-block;
border: 0;
width: 14px;
height: 14px;
margin: 0 0 0 4px;
padding: 0;
background: transparent;
vertical-align: middle;
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .a11y-radio-tooltip .button-dismiss:focus {
outline: dashed 1px;
}
.adaptive-layout .special-order-configuration-panel .disabled-diagonal-line .a11y-radio-tooltip .button-dismiss svg {
max-width: 100%;
max-height: 100%;
color: inherit;
stroke-width: 2;
}
.adaptive-layout .special-order-configuration-panel .interaction-area .filter-by-checkbox,
.adaptive-layout .special-order-configuration-panel .interaction-area .filter-by-radio {
margin: 0 0 15px 0;
}
.adaptive-layout .special-order-configuration-panel .interaction-area .filter-by-checkbox .sr-only,
.adaptive-layout .special-order-configuration-panel .interaction-area .filter-by-radio .sr-only {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.adaptive-layout .special-order-configuration-panel .filter-by-checkbox::after,
.adaptive-layout .special-order-configuration-panel .filter-by-radio::after {
display: block;
content: "";
clear: both;
}
.adaptive-layout .special-order-configuration-panel .filter-by-checkbox .checkbox-item {
float: left;
box-sizing: border-box;
width: 33.3333%;
position: relative;
}
.adaptive-layout .special-order-configuration-panel .filter-by-fabric-feature legend {
margin: 0;
padding: 10px 0;
}
.adaptive-layout .special-order-configuration-panel .filter-by-fabric-feature label.a11y-checkbox-label, .adaptive-layout .special-order-configuration-panel .filter-by-fabric-feature #okta-sign-in .o-form .o-form-input label, #okta-sign-in .o-form .o-form-input .adaptive-layout .special-order-configuration-panel .filter-by-fabric-feature label {
margin: 0;
font-size: 12px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-radio.filter-by-pattern {
text-align: center;
}
.adaptive-layout .special-order-configuration-panel .filter-by-radio.filter-by-pattern label.a11y-radio-label {
margin: 0;
font-size: 14px;
}
.adaptive-layout .special-order-configuration-panel .price-tiers-and-search-area {
margin: 0 0 30px;
}
.adaptive-layout .special-order-configuration-panel .price-tiers-and-search-area .search-fabric {
padding-right: 15px;
}
.adaptive-layout .special-order-configuration-panel .price-tiers-and-search-area .checkbox-item {
padding-top: 6px;
}
.adaptive-layout .special-order-configuration-panel .search-fabric {
position: relative;
width: calc(50% - 2px);
margin: 0;
}
.adaptive-layout .special-order-configuration-panel .search-fabric label,
.adaptive-layout .special-order-configuration-panel .search-fabric input[type="search"] {
box-sizing: border-box;
display: inline-block;
width: 100%;
height: 36px;
margin: 0;
font-size: 14px;
line-height: 1;
font-weight: normal;
color: #222;
}
.adaptive-layout .special-order-configuration-panel .search-fabric #search-fabric-label {
/* ID selector to override specificity of inherited site code... */
position: absolute;
padding: 11px 0 11px 40px;
transition: all 500ms ease;
font-size: 14px;
font-weight: normal;
}
.adaptive-layout .special-order-configuration-panel .search-fabric #search-fabric-label.field-has-text {
top: -2.3em;
left: -35px;
font-size: 12px;
}
.adaptive-layout .special-order-configuration-panel .search-fabric input[type="search"] {
border-color: #666;
border-radius: 2px;
box-shadow: none;
padding: 9px 0 9px 40px;
}
.adaptive-layout .special-order-configuration-panel .search-fabric .btn-search-fabric {
position: absolute;
top: 0;
left: 0;
border: dotted 1px transparent;
border-radius: 2px;
box-sizing: border-box;
width: 36px;
height: 36px;
margin: 0;
padding: 0;
background: transparent;
}
.adaptive-layout .special-order-configuration-panel .search-fabric .btn-search-fabric:focus {
border-color: #666;
}
.adaptive-layout .special-order-configuration-panel .filter-by-price-group .checkbox-toggle-item {
float: left;
}
.adaptive-layout .special-order-configuration-panel .filter-by-price-group label:not([class*="a11y"]) {
float: left;
padding: 0 75px 0 0;
height: 36px;
overflow: hidden;
color: #222;
font-size: 14px;
line-height: 36px;
position: relative;
}
.adaptive-layout .special-order-configuration-panel .filter-by-price-group label:not([class*="a11y"])::after {
width: 72px;
height: 48px;
position: absolute;
right: 8px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-price-group input[type="checkbox"].sr-only {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.adaptive-layout .special-order-configuration-panel .filter-by-price-group input[type="checkbox"] + label:not([class*="a11y"])::after {
/* Checkbox Toggle - Default State */
content: url(//images.crateandbarrel.com/is/image/Crate/toggle_sprite?fmt=png-alpha);
top: -178px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-price-group input[type="checkbox"]:focus + label:not([class*="a11y"])::after {
/* Checkbox Toggle - Default Focused State */
content: url(//images.crateandbarrel.com/is/image/Crate/toggle_sprite?fmt=png-alpha);
top: -94px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-price-group input[type="checkbox"]:checked + label:not([class*="a11y"])::after {
/* Checkbox Toggle - Selected State */
content: url(//images.crateandbarrel.com/is/image/Crate/toggle_sprite?fmt=png-alpha);
top: -53px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-price-group input[type="checkbox"]:checked:focus + label:not([class*="a11y"])::after {
/* Checkbox Toggle - Selected Focused State */
content: url(//images.crateandbarrel.com/is/image/Crate/toggle_sprite?fmt=png-alpha);
top: -12px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-price-group input[type="checkbox"]:disabled + label:not([class*="a11y"])::after {
/* Checkbox Toggle - Disabled State */
content: url(//images.crateandbarrel.com/is/image/Crate/toggle_sprite?fmt=png-alpha);
top: -135px;
}
.adaptive-layout .special-order-configuration-panel .interaction-area .filter-by-color-family {
margin: 0 0 15px;
padding: 0 0 20px 0;
border-bottom: solid 1px #ccc;
position: relative;
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family legend {
margin: 0;
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family .radio-item {
float: left;
margin: 0 1px 0 0;
position: relative;
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family .radio-item:nth-of-type(1n+13) {
display: none;
/* Only 12 buckets permitted, hide 13th and beyond if somehow more sneaks in... */
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family input[type="radio"]:checked ~ .notch,
.adaptive-layout .special-order-configuration-panel .filter-by-color-family input[type="radio"]:checked ~ .notch::after {
display: block;
content: "";
border: solid 14px transparent;
border-bottom-color: #ccc;
width: 0;
height: 0;
position: absolute;
bottom: -7px;
left: calc(50% + 1px);
transform: translate(-50%, 50%);
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family input[type="radio"]:checked ~ .notch::after {
bottom: -2px;
left: 0;
border-bottom-color: #fff;
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label {
float: left;
border: solid 2px transparent;
border-radius: 999em;
padding: 2px;
width: 22px;
height: 22px;
margin: 0 2px 0;
text-indent: 50px;
overflow: hidden;
position: relative;
box-sizing: content-box;
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label:hover {
cursor: pointer;
cursor: hand;
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label:first-of-type {
margin-left: 2px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label:last-of-type {
margin-right: 0;
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family .radio-item input[type="radio"]:focus ~ label {
border-color: #222;
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family .radio-item input[type="radio"]:checked ~ label {
border-color: #222;
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label::before {
display: block;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 2px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label[for="off-white"]::before,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name-off-white .drawer-name-icon {
content: url("//images.crateandbarrel.com/is/image/Crate/Custom_Desktop_Off-white?fmt=png-alpha");
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label[for="tan"]::before,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name-tan .drawer-name-icon {
content: url("//images.crateandbarrel.com/is/image/Crate/Custom_Desktop_Tan?fmt=png-alpha");
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label[for="brown"]::before,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name-brown .drawer-name-icon {
content: url("//images.crateandbarrel.com/is/image/Crate/Custom_Desktop_Brown?fmt=png-alpha");
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label[for="light-grey"]::before,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name-light-grey .drawer-name-icon {
content: url("//images.crateandbarrel.com/is/image/Crate/Custom_Desktop_LightGray?fmt=png-alpha");
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label[for="dark-grey"]::before,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name-dark-grey .drawer-name-icon {
content: url("//images.crateandbarrel.com/is/image/Crate/Custom_Desktop_DarkGray?fmt=png-alpha");
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label[for="yellow"]::before,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name-yellow .drawer-name-icon {
content: url("//images.crateandbarrel.com/is/image/Crate/Custom_Desktop_Yellow?fmt=png-alpha");
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label[for="green"]::before,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name-green .drawer-name-icon {
content: url("//images.crateandbarrel.com/is/image/Crate/Custom_Desktop_Green?fmt=png-alpha");
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label[for="teal"]::before,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name-teal .drawer-name-icon {
content: url("//images.crateandbarrel.com/is/image/Crate/Custom_Desktop_Teal?fmt=png-alpha");
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label[for="blue"]::before,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name-blue .drawer-name-icon {
content: url("//images.crateandbarrel.com/is/image/Crate/Custom_Desktop_Blue?fmt=png-alpha");
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label[for="purple"]::before,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name-purple .drawer-name-icon {
content: url("//images.crateandbarrel.com/is/image/Crate/Custom_Desktop_Purple?fmt=png-alpha");
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label[for="red"]::before,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name-red .drawer-name-icon {
content: url("//images.crateandbarrel.com/is/image/Crate/Custom_Desktop_Red?fmt=png-alpha");
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family label[for="orange"]::before,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name-orange .drawer-name-icon {
content: url("//images.crateandbarrel.com/is/image/Crate/Custom_Desktop_Orange?fmt=png-alpha");
}
.adaptive-layout .special-order-configuration-panel .filter-by-color-family .radio-item input[type="radio"]:disabled ~ label[for]::before {
content: url("//images.crateandbarrel.com/is/image/Crate/Custom_Desktop_None?fmt=png-alpha");
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail {
display: block;
width: 100%;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail::after {
display: block;
content: "";
clear: both;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail fieldset {
margin: 20px 0 0 0;
padding: 0px 0 10px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail fieldset:first-of-type {
margin-top: 0;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail fieldset::after {
display: block;
content: "";
clear: both;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail fieldset legend {
font-weight: normal !important;
padding: 0px;
line-height: 26px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail fieldset legend p {
margin: 2px 0;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail fieldset legend .availability-tier {
font: 400 14px/16px var(--webfont-primary, sans-serif);
color: #222;
text-decoration: none;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail fieldset legend .availability-tier:focus, .adaptive-layout .special-order-configuration-panel .filter-by-thumbnail fieldset legend .availability-tier:hover {
outline: dashed 1px #222;
outline-offset: 2px;
text-decoration: none;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail fieldset legend .availability-tier svg {
height: 16px;
width: 16px;
float: right;
margin-left: 5px;
stroke-width: 1.8;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail legend {
border: 0;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 5px 0;
font: bold 14px/1.2 var(--webfont-primary, sans-serif);
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail label {
box-sizing: border-box;
float: left;
margin: 0;
padding: 3px;
width: 56px;
height: 56px;
text-indent: 100px;
overflow: hidden;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail label:hover {
cursor: pointer;
cursor: hand;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail input.sr-only {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
margin: 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
white-space: nowrap;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail img {
float: left;
margin: 0px;
width: 50px;
height: 50px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail img.lazyload {
opacity: 0;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail img.lazyloaded {
opacity: 1;
height: auto;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail .radio-item input[type="radio"]:focus ~ label {
outline: solid 1px #222;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail .radio-item input[type="radio"]:checked ~ label {
outline: solid 2px #222;
outline-offset: -1px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers .drawer-is-closed {
max-height: 85px;
overflow: hidden;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend {
border-bottom: solid 1px #ccc;
background: #e6e7e9;
display: table;
margin: 0 0 2px 0;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend::after {
display: block;
content: "";
clear: both;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-button {
display: table-cell;
line-height: 1;
white-space: nowrap;
vertical-align: middle;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-name-icon {
display: inline-block;
width: 22px;
height: 22px;
overflow: hidden;
margin: 0 10px;
position: relative;
top: 1px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-button {
text-align: right;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend button {
display: inline-block;
border: solid 1px transparent;
margin: 0 5px 0 0;
padding: 5px 10px;
background: transparent;
color: #222;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend button:focus,
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend button:active {
outline: dashed 1px #717171;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-icon-state {
position: relative;
display: inline-block;
width: 14px;
height: 14px;
overflow: hidden;
top: 2px;
margin: 0 0 0 5px;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers legend .drawer-icon-state::before {
display: inline;
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAASElEQVR42mNgwAHkiw/8lyvZ/5+BVADSBNJMskZ5oEaybKRA44H/8jTRCJLEh+WgBoAMkis+8B/uBbI1EnLJIAqcwZMACKVVAHYqeHDFd8czAAAAAElFTkSuQmCC");
position: absolute;
top: 0;
left: 0;
transform: rotate(0);
transition: transform 500ms ease;
}
.adaptive-layout .special-order-configuration-panel .filter-by-thumbnail.expandable-drawers .drawer-is-open legend .drawer-icon-state::before {
transform: rotate(45deg);
}
.adaptive-layout .special-order-configuration-panel .radio-toggle-group .radio-item label {
box-sizing: border-box;
display: block;
border: solid 1px #ccc;
width: 100%;
margin: 0;
color: #222;
font: 400 14px/32px var(--webfont-primary, sans-serif);
text-align: center;
}
.adaptive-layout .special-order-configuration-panel .radio-toggle-group .radio-item input[type="radio"]:checked ~ label,
.adaptive-layout .special-order-configuration-panel .radio-toggle-group .radio-item label:hover {
border-color: #222;
outline: solid 1px #222;
outline-offset: -2px;
}
.adaptive-layout .special-order-configuration-panel .flyout-notch {
display: block;
width: 30px;
height: 28px;
overflow: hidden;
position: absolute;
bottom: -16px;
left: 50%;
z-index: 2;
transform: translateX(-50%);
}
.adaptive-layout .special-order-configuration-panel .flyout-notch::before,
.adaptive-layout .special-order-configuration-panel .flyout-notch::after {
box-sizing: border-box;
display: block;
content: "";
width: 0;
height: 0;
border: solid 15px #bbb;
position: absolute;
top: 20px;
transform: rotate(45deg);
}
.adaptive-layout .special-order-configuration-panel .flyout-notch::before {
left: 0px;
}
.adaptive-layout .special-order-configuration-panel .flyout-notch::after {
border-color: #eee;
top: 21px;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer[role="dialog"] {
position: relative;
float: left;
width: 100%;
display: none;
padding: 15px 0;
z-index: 1;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-content {
display: block;
box-sizing: border-box;
border: solid 1px #bbb;
border-width: 1px 0 1px 0;
background: #f0efed;
width: 100%;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-img-area {
display: block;
box-sizing: border-box;
position: relative;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-img-area::after {
display: block;
content: "";
clear: both;
}
.adaptive-layout .special-order-configuration-panel #custom-item-swatch-zoom {
width: calc(100% - 33px);
height: auto;
margin: 40px 17px 0 17px;
min-height: 181px;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-btn-add-to-favorites {
position: absolute;
bottom: 0;
right: 0;
padding: 5px 12px 3px 12px;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-btn-add-to-favorites:hover:hover,
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-btn-add-to-favorites:hover {
background: #fff;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-data-area {
clear: left;
display: table;
box-sizing: border-box;
padding: 17px;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-data-area .custom-swatch-layer-order-swatches-and-care-icons {
padding-left: 5px;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-info-area,
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-description {
display: table-cell;
vertical-align: top;
box-sizing: border-box;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-info-area {
width: auto;
padding-right: 15px;
width: 145px;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-info {
margin: 0;
padding: 0;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-info + .custom-swatch-layer-info {
padding-top: 4px;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-label,
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-text,
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-description a,
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-description p {
font: 400 12px/1.7 var(--webfont-primary, sans-serif);
margin: 0;
width: 215px;
max-height: 206px;
overflow: auto;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-description p {
margin: 0 0 10px 0;
line-height: 20px;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-label {
margin-right: 5px;
font-weight: bold;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-order-free-swatches-link {
display: inline-block;
padding: 5px 0;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-care-icons {
margin-left: -5px;
padding-top: 5px;
}
.adaptive-layout .special-order-configuration-panel .custom-swatch-layer-care-icons .care-icon {
margin: 8px 5px 0 0;
display: inline-block;
vertical-align: top;
width: auto;
height: auto;
}
.adaptive-layout .special-order-configuration-panel .custom-leg-layer[role="dialog"] {
position: relative;
float: left;
width: 100%;
display: block;
padding: 15px 0;
z-index: 1;
}
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-info-area,
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-description {
display: table-cell;
vertical-align: top;
box-sizing: border-box;
padding: 0 20px;
}
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-info-area {
width: 275px;
padding: 0 10px 0 20px;
}
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-content {
display: block;
box-sizing: border-box;
border: solid 1px #bbb;
border-width: 1px 0 1px 0;
background: #f0efed;
width: 100%;
}
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-img-area {
display: block;
box-sizing: border-box;
position: relative;
}
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-img-area::after {
display: block;
content: "";
clear: both;
}
.adaptive-layout .special-order-configuration-panel #custom-item-leg-zoom {
width: calc(100% - 33px);
height: auto;
margin: 40px 17px 0 17px;
}
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-data-area {
clear: left;
display: table;
box-sizing: border-box;
padding: 15px 0;
}
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-info-area,
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-description {
display: table-cell;
vertical-align: top;
box-sizing: border-box;
padding: 0 20px;
}
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-info-area {
width: 275px;
padding: 0 10px 0 20px;
}
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-info {
margin: 0;
padding: 0;
}
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-label,
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-text,
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-description {
font: 400 12px/1.3 var(--webfont-primary, sans-serif);
}
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-label {
font-weight: bold;
}
.adaptive-layout .special-order-configuration-panel .custom-leg-layer-text {
font-weight: normal;
}
.adaptive-layout .special-order-configuration-panel .custom-cushion-layer[role="dialog"] {
position: relative;
float: left;
width: 100%;
display: block;
padding: 9px 0 15px 0;
z-index: 1;
}
.adaptive-layout .special-order-configuration-panel .custom-cushion-layer-content {
display: block;
box-sizing: border-box;
border: solid 1px #bbb;
border-width: 1px 0 1px 0;
background: #f0efed;
width: 100%;
padding: 30px 20px;
}
.adaptive-layout .special-order-configuration-panel .custom-cushion-layer-content .custom-cushion-title p {
margin: 0;
font-weight: bold;
font-size: 12px;
}
.adaptive-layout .special-order-configuration-panel .custom-cushion-layer-content .custom-cushion-info {
font-style: italic;
font-size: 12px;
margin-bottom: 10px;
}
.adaptive-layout .special-order-configuration-panel .custom-cushion-layer-content .custom-cushion-layer-description p {
margin-top: 25px;
font: 400 12px/1.7 var(--webfont-primary, sans-serif);
display: table-cell;
vertical-align: top;
box-sizing: border-box;
}
.adaptive-layout .special-order-configuration-panel .custom-cushion-layer-content .custom-cushion-layer-comfort-img-wrap {
margin-top: 30px;
box-sizing: border-box;
display: block;
}
.adaptive-layout .special-order-configuration-panel .comfort-scale {
margin: 15px 0 0 0;
}
.adaptive-layout .special-order-configuration-panel .comfort-scale-item {
display: inline-block;
width: calc(50% - 10px);
background: #eee;
color: #222;
}
.adaptive-layout .special-order-configuration-panel .comfort-scale-item + .comfort-scale-item {
margin-left: 20px;
}
.adaptive-layout .special-order-configuration-panel .scale-box-header {
margin: 0 0 4px;
padding: 0;
font-size: 12px;
/* For the love of Cthulhu, why so small, Designer?? */
text-align: center;
}
.adaptive-layout .special-order-configuration-panel .scale-box {
display: table;
}
.adaptive-layout .special-order-configuration-panel .scale-box-label,
.adaptive-layout .special-order-configuration-panel .scale-box-items {
display: table-cell;
}
.adaptive-layout .special-order-configuration-panel .scale-box-label {
font-size: 12px;
min-width: 25px;
}
.adaptive-layout .special-order-configuration-panel .scale-box-items {
padding: 0 10px;
}
.adaptive-layout .special-order-configuration-panel .scale-box-item {
float: left;
box-sizing: border-box;
border: solid 1px #777;
width: 15px;
height: 8px;
text-indent: 20px;
background: #777;
position: relative;
}
.adaptive-layout .special-order-configuration-panel .scale-box-item + .scale-box-item {
margin-left: 4px;
}
.adaptive-layout .special-order-configuration-panel .scale-box-item .checkmark {
display: none;
}
.adaptive-layout .special-order-configuration-panel .scale-box-item[aria-hidden="false"] {
border-color: #222;
background: #222;
color: #fff;
position: relative;
}
.adaptive-layout .special-order-configuration-panel .scale-box-item[aria-hidden="false"]::after {
display: block;
content: "";
border: solid 1px #222;
position: absolute;
top: -3px;
right: -3px;
bottom: -3px;
left: -3px;
}
.adaptive-layout .special-order-configuration-panel .radio-group .radio-item,
.adaptive-layout .special-order-configuration-panel .radio-toggle-group .radio-item {
float: left;
position: relative;
}
.adaptive-layout .special-order-configuration-panel .radio-toggle-group.auto-width-children.auto-width-children-split-1-1 {
position: relative;
}
.adaptive-layout .special-order-configuration-panel .fabric-feature .fabric-feature-content .filter-by-checkbox .checkbox-item {
width: 50%;
}
.adaptive-layout .special-order-configuration-panel .fabric-feature .fabric-feature-content .filter-by-checkbox .checkbox-item:nth-of-type(odd) .a11y-checkbox-tooltip {
left: 80px;
}
.adaptive-layout .special-order-configuration-panel .fabric-feature .fabric-feature-content .filter-by-checkbox .fabric-vs-leather-wrap p, .adaptive-layout .special-order-configuration-panel .fabric-feature .fabric-feature-content .filter-by-checkbox .fabric-vs-leather-wrap .leather-option-link {
font-size: 12px;
line-height: 16px;
}
/* #endregion =========== Custom Layer =========== */
/* #region =========== Product Grouper =========== */
/* #region =========== Product Grouper =========== */
@media screen and (min-width: 1px) {
/* #region =========== Grouper Pop up =========== */
.main-furniture .section-grouper .grouper-carousel .shop-bar-color-bar:not(.disable-divider) .grouper-attributes .jsGrouperSelection {
margin: 0;
}
.main-furniture .section-grouper .grouper-carousel .shop-bar-color-bar:not(.disable-divider) .grouper-attributes .attribute-image {
width: 45.9px;
height: 45.7px;
}
}
/* #endregion =========== Product Grouper =========== */
.adaptive-layout .main-furniture .section-grouper {
clear: left;
float: left;
display: block;
width: 318px;
}
.adaptive-layout .main-furniture .section-grouper .grouper-carousel {
margin: 0;
margin-left: -3px;
}
.adaptive-layout .main-furniture .section-grouper .grouper-carousel .grouper-attributes li > div {
width: 100%;
}
.adaptive-layout .main-furniture .section-grouper .grouper-carousel .grouper-attributes .jsGrouperSelection {
margin: 0;
clear: left;
}
.adaptive-layout .main-furniture .section-grouper .grouper-carousel .grouper-attributes .attribute-image {
width: 100%;
height: 100%;
}
.adaptive-layout .main-furniture .section-grouper .grouper-carousel .grouper-attributes .attribute-image img {
max-height: 30px;
max-width: 30px;
}
.adaptive-layout .main-furniture .section-grouper .grouper-carousel [class*='svg-icon-arrow-'] {
width: 28px;
height: 28px;
left: 0px;
top: 0px;
position: absolute;
display: block;
stroke-width: 2.8;
}
.adaptive-layout .main-furniture .section-grouper .grouper-carousel.color-bar-divided .shop-bar-color-bar.disable-divider {
float: none;
top: 0;
left: 0;
margin-top: 0px;
}
.adaptive-layout .main-furniture .section-grouper .grouper-carousel.color-bar-divided .shop-bar-color-bar.disable-divider .grouper-attributes .attribute-image img {
max-height: 37px;
max-width: 37px;
}
.adaptive-layout .main-furniture .section-grouper .grouper-carousel.color-bar-divided .shop-bar-color-bar:not(.disable-divider) .grouper-attributes .attribute-image {
width: 100%;
height: 100%;
}
.adaptive-layout .main-housewares .grouper-carousel .shop-bar-color-bar {
float: none;
top: 0;
left: 0;
}
/* #endregion =========== Product Grouper =========== */
/* #region ============= Add-On Accessory ================================ */
.section-accessories {
*zoom: 1;
}
.section-accessories:before, .section-accessories:after {
display: table;
content: "";
line-height: 0;
}
.section-accessories:after {
clear: both;
}
.section-accessories .add-on-accessories-title {
font-family: var(--webfont-primary, sans-serif);
font-weight: 600;
color: #222;
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}
.section-accessories .add-on-accessories-list-item {
box-sizing: border-box;
border: solid 1px #ccc;
float: left;
width: 100%;
position: relative;
}
.section-accessories .add-on-accessories-list-item + .add-on-accessories-list-item {
margin: 8px 0 0 0;
}
.section-accessories .a11y-checkbox-label, .section-accessories #okta-sign-in .o-form .o-form-input label, #okta-sign-in .o-form .o-form-input .section-accessories label {
box-sizing: border-box;
float: left;
margin: 0;
padding: 0;
}
.section-accessories input[type="checkbox"].a11y-checkbox + label.a11y-checkbox-label::before, .section-accessories #okta-sign-in .o-form .o-form-input input[type="checkbox"].a11y-checkbox + label::before, .section-accessories #okta-sign-in .o-form .o-form-input .o-form-input-name-remember .custom-checkbox input[type="checkbox"] + label::before, #okta-sign-in .o-form .o-form-input .section-accessories input[type="checkbox"].a11y-checkbox + label::before, #okta-sign-in .o-form .o-form-input .section-accessories .o-form-input-name-remember .custom-checkbox input[type="checkbox"] + label::before, #okta-sign-in .o-form .o-form-input .o-form-input-name-remember .custom-checkbox .section-accessories input[type="checkbox"] + label::before {
top: 36px;
left: 8px;
transform: translateY(-50%);
}
.section-accessories input[type="checkbox"].a11y-checkbox:checked ~ .accessories-popup-link::before, .section-accessories #okta-sign-in .o-form .o-form-input .o-form-input-name-remember .custom-checkbox input[type="checkbox"]:checked ~ .accessories-popup-link::before, #okta-sign-in .o-form .o-form-input .o-form-input-name-remember .custom-checkbox .section-accessories input[type="checkbox"]:checked ~ .accessories-popup-link::before {
outline: solid 1px #ccc;
}
.section-accessories .accessories-img {
float: left;
margin: 12px 12px 12px 0;
}
.section-accessories .accessories-popup-link {
clear: none;
padding: 0 0 0 40px;
float: left;
width: calc(100% - 52px);
margin: 0;
cursor: pointer;
background: transparent;
border: 0;
text-align: left;
}
.section-accessories .accessories-popup-link:after {
clear: both;
display: table;
content: "";
}
.section-accessories .accessories-popup-link:focus {
outline: 0;
text-decoration: none;
}
.section-accessories .accessories-popup-link:focus .accessories-product-name {
text-decoration: underline;
}
.section-accessories .accessories-description {
/* float: left; */
width: calc(100% - 33px);
color: #222;
}
.section-accessories .accessories-product-name {
display: block;
margin: 8px 0 0 0;
color: #222;
font: 600 12px/20px var(--webfont-primary, sans-serif);
}
.section-accessories .accessories-price {
display: block;
font-size: 12px;
}
/* #endregion ========== Add-On Accessory ================================ */
/* #region ============= Add-On Accessory Popup ========================== */
.add-on-accessories-popup {
*zoom: 1;
clear: both;
}
.add-on-accessories-popup:before, .add-on-accessories-popup:after {
display: table;
content: "";
line-height: 0;
}
.add-on-accessories-popup:after {
clear: both;
}
.add-on-accessories-popup .accessories-popup-img-wrap {
float: left;
width: 33.3333%;
}
.add-on-accessories-popup .accessories-popup-img-wrap img {
width: 100%;
}
.add-on-accessories-popup .accessories-popup-product-info {
box-sizing: border-box;
float: left;
padding: 0 0 0 24px;
width: 66.6666%;
}
.add-on-accessories-popup .accessories-product-name {
margin: 0 0 4px 0;
padding: 0;
font-family: var(--webfont-primary, sans-serif);
font-size: 14px;
font-weight: 600;
}
.add-on-accessories-popup .accessories-price {
margin: 4px 0 8px;
padding: 0;
}
.add-on-accessories-popup .accessories-sku {
margin: 8px 0;
padding: 0;
color: #666;
}
.add-on-accessories-popup .accessories-popup-description-wrap {
box-sizing: border-box;
clear: left;
float: left;
width: 100%;
font: normal 14px/24px var(--webfont-primary, sans-serif);
}
.add-on-accessories-popup .accessories-product-description {
box-sizing: border-box;
margin: 32px 0 0 0;
padding: 0;
}
.add-on-accessories-popup .accessories-product-description br + br {
display: none;
}
.add-on-accessories-popup .accessories-popup-view-details-link {
display: inline-block;
margin: 8px 0 24px 0;
padding: 0;
}
.add-on-accessories-popup .button {
width: auto;
}
.adaptive-layout .section-accessories {
clear: both;
min-width: 0;
padding: 0;
}
.adaptive-layout .section-accessories .add-on-accessories-title {
border: 0;
margin: 0 0 8px 0;
padding: 0;
text-transform: none;
font-weight: 400;
text-transform: none;
border-bottom: none;
}
/* #endregion ========== Add-On Accessory ================================ */
/* #region ============= Add-On Accessory Popup ========================== */
.adaptive-layout .add-on-accessories-popup .accessories-popup-img-wrap {
width: 249px;
}
.adaptive-layout .add-on-accessories-popup .accessories-popup-img-wrap img {
max-width: 249px;
}
.adaptive-layout .add-on-accessories-popup .accessories-popup-product-info,
.adaptive-layout .add-on-accessories-popup .accessories-popup-description-wrap {
*zoom: 1;
clear: none;
width: calc(100% - 249px);
padding: 0 0 0 48px;
}
.adaptive-layout .add-on-accessories-popup .accessories-popup-product-info:before, .adaptive-layout .add-on-accessories-popup .accessories-popup-product-info:after,
.adaptive-layout .add-on-accessories-popup .accessories-popup-description-wrap:before,
.adaptive-layout .add-on-accessories-popup .accessories-popup-description-wrap:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .add-on-accessories-popup .accessories-popup-product-info:after,
.adaptive-layout .add-on-accessories-popup .accessories-popup-description-wrap:after {
clear: both;
}
.adaptive-layout .add-on-accessories-popup .accessories-product-name {
font-size: 14px;
line-height: 18px;
font-weight: 600;
}
.adaptive-layout .add-on-accessories-popup .accessories-sku {
font-size: 12px;
}
.adaptive-layout .add-on-accessories-popup .accessories-product-description {
margin: 0;
padding: 8px 0;
}
.adaptive-layout .add-on-accessories-popup .accessories-popup-view-details-link {
clear: left;
float: left;
margin: 0 0 20px;
}
.adaptive-layout .add-on-accessories-popup .button {
clear: left;
float: left;
}
/* #endregion ========== Add-On Accessory Popup ========================== */
/* #region =========== Assembly Instruction =========== */
/* #region =========== Assembly Instruction =========== */
@media screen and (min-width: 1px) {
.section-assembly {
font-size: 14px;
line-height: 20px;
}
.section-assembly p, .section-assembly h3 {
font-family: var(--webfont-primary, sans-serif);
font-size: 14px;
line-height: 20px;
}
.section-assembly a:not(.section-header-anchor) {
color: #222;
text-decoration: underline;
}
.section-assembly a:not(.section-header-anchor):hover {
text-decoration: underline;
}
.section-assembly a:not(.section-header-anchor):focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
}
@media screen and (max-width: 767px) {
.angi-service-info {
display: flex;
flex-direction: column;
margin-bottom: 24px;
}
.angi-service-info .angi-service-content {
display: flex;
flex: row;
}
.angi-service-info svg {
display: block;
width: 60px;
height: 48px;
margin: 0 12px 0 0;
}
.angi-service-info p span {
display: block;
}
}
/* #endregion =========== Assembly Instruction =========== */
.adaptive-layout .section-assembly .assembly-text {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
-webkit-column-width: 200px;
-moz-column-width: 200px;
column-width: 200px;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance;
width: 100%;
/*
.assembly-required-message {
display: flex;
flex-direction: column;
}
*/
/*
.assembly-pdf-container {
padding-top: 32px;
}
*/
}
.adaptive-layout .section-assembly .assembly-text::after {
*zoom: 1;
}
.adaptive-layout .section-assembly .assembly-text::after:before, .adaptive-layout .section-assembly .assembly-text::after:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout .section-assembly .assembly-text::after:after {
clear: both;
}
.adaptive-layout .section-assembly .assembly-text *:not(.columnize-break-inside) {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.adaptive-layout .section-assembly .assembly-text * {
font-size: 14px;
line-height: 24px;
}
.adaptive-layout .section-assembly .assembly-text *:not(.columnize-break-inside) {
-webkit-column-break-inside: auto;
page-break-inside: auto;
break-inside: auto;
}
.adaptive-layout .section-assembly .assembly-text p {
color: #222;
margin-top: 0;
}
.adaptive-layout .section-assembly .assembly-text a {
color: #222;
text-decoration: underline;
}
.adaptive-layout .section-assembly .assembly-text a:hover {
text-decoration: underline;
}
.adaptive-layout .section-assembly .assembly-text a:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.adaptive-layout .section-assembly .assembly-text .reveal-container .expanded {
max-height: 100%;
display: block;
}
.adaptive-layout .section-assembly .assembly-text .assembly-pdf-link {
display: block;
margin: 16px 0;
line-height: 32px;
text-decoration: none;
}
.adaptive-layout .section-assembly .assembly-text .assembly-pdf-link .inline,
.adaptive-layout .section-assembly .assembly-text .assembly-pdf-link .assembly-instructions-text {
outline: none;
}
.adaptive-layout .section-assembly .assembly-text .assembly-pdf-link:hover {
text-decoration: none;
}
.adaptive-layout .section-assembly .assembly-text .assembly-pdf-link:hover .assembly-instructions-text {
text-decoration: underline;
}
.adaptive-layout .section-assembly .assembly-text .angi-service-info {
display: flex;
margin-top: 16px;
}
.adaptive-layout .section-assembly .assembly-text .angi-service-info svg {
width: 60px;
height: 48px;
display: block;
margin-right: 15px;
}
.adaptive-layout .section-assembly .assembly-text .angi-service-info p span {
display: block;
}
/* #endregion =========== Assembly Instruction =========== */
/* #region =========== Print and Share Section =========== */
/* #region =========== Print and Share Section =========== */
/* #endregion =========== Print and Share Section =========== */
.adaptive-layout .section-print-share {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
width: 100%;
padding: 16px 0;
margin-bottom: 16px;
}
.adaptive-layout .section-print-share .print-share-link-bar :first-child {
margin-left: 0;
padding-left: 0;
}
.adaptive-layout .section-print-share .print-share-link-bar :first-child:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.adaptive-layout .section-print-share .print-share-link-bar :last-child {
margin-right: 0;
padding-right: 0;
}
.adaptive-layout .section-print-share .print-share-link-bar :last-child:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.adaptive-layout .section-print-share button {
display: inline;
background: none;
border: 0;
padding: 0;
color: #222;
text-align: left;
text-decoration: underline;
margin: 0 32px;
float: left;
color: #222;
}
.adaptive-layout .section-print-share button:hover {
text-decoration: underline;
}
.adaptive-layout .section-print-share button:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.adaptive-layout .section-print-share button:focus::before {
display: none;
}
.adaptive-layout .section-print-share button span {
font-size: 14px;
vertical-align: middle;
color: #222;
}
.adaptive-layout .section-print-share button .icon {
float: left;
width: 24px;
height: 24px;
margin-right: 8px;
margin-top: -2px;
color: #666;
stroke-width: 1.6;
}
.adaptive-layout .main-furniture .section-print-share {
border: 0;
margin-bottom: 0;
max-width: 400px;
}
.adaptive-layout .main-housewares .section-print-share {
display: inline-block;
margin: 16px 0 32px 0;
width: 100%;
}
.adaptive-layout .main-housewares.main-family .section-print-share {
margin-top: 32px;
}
/* #endregion =========== Print and Share Section =========== */
/* #region =========== Featured Content Blocks =========== */
/* #region =========== Featured Content Blocks =========== */
@media screen and (min-width: 1px) {
.section-featured-content {
font-family: var(--webfont-primary, sans-serif);
}
.section-featured-content .sectionHeader,
.section-featured-content .section-header {
border-bottom: 1px solid #ccc;
margin: 5px 0 16px;
padding: 0;
font-family: var(--webfont-primary, sans-serif);
font-size: 14px;
line-height: 1.8;
font-weight: 600;
text-align: left;
text-transform: uppercase;
}
.section-featured-content .sectionTagline,
.section-featured-content .section-tagline {
display: none;
}
.section-featured-content .featured-area-content .column-one {
padding: 16px 0;
}
.section-featured-content .featured-area-content .column-two {
padding: 16px 0;
}
.section-featured-content .featured-area-content .column-full-width {
padding: 16px 0;
}
.section-featured-content .featured-area-content.video {
border: 0;
}
.section-featured-content .featured-area-content.video .jsIFrameScrollView {
border: 0;
max-width: 100%;
}
.section-featured-content .featured-content-design-services .featured-content-design-services-link {
display: block;
text-decoration: none;
}
.section-featured-content .featured-content-design-services .featured-content-design-services-link:focus .featured-content-design-services-cta {
text-decoration: underline;
outline: 0;
}
.section-featured-content .featured-content-design-services .featured-content-design-services-copy-wrap {
position: static !important;
box-sizing: border-box;
width: 100% !important;
}
.section-featured-content .featured-content-design-services .featured-content-design-services-headline {
margin: 16px 0;
color: #222 !important;
font-size: 20px !important;
line-height: 24px !important;
}
.section-featured-content .featured-content-design-services .featured-content-design-services-headline br {
display: none;
}
.section-featured-content .featured-content-design-services .featured-content-design-services-copy {
margin: 16px 0;
padding: 0 8px 0 0 !important;
color: #222 !important;
font-size: 14px !important;
line-height: 24px !important;
}
.section-featured-content .featured-content-design-services .featured-content-design-services-cta {
margin: 16px 0 0 0;
padding: 0 !important;
color: #222 !important;
font-size: 14px !important;
line-height: 24px !important;
}
.section-featured-content .featured-content-design-services .featured-content-design-services-stuff-not-used-on-mobile {
display: none;
}
.section-featured-content .featured-recipe .featured-recipe-title {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.section-featured-content .featured-recipe .featured-recipe-title:empty {
display: none;
}
.section-featured-content .featured-recipe .featured-recipe-additional-info {
margin: 0;
font-size: 14px;
line-height: 24px;
font-weight: 400;
}
.section-featured-content .featured-recipe .featured-recipe-additional-info:empty {
display: none;
}
.section-featured-content .featured-recipe .featured-recipe-additional-info:empty + .featured-recipe-ingredients-title {
margin-top: 4px;
}
.section-featured-content .featured-recipe .featured-recipe-ingredients-title,
.section-featured-content .featured-recipe .featured-recipe-directions-title {
font-size: 14px;
line-height: 24px;
font-weight: 600;
}
.section-featured-content .featured-recipe .featured-recipe-ingredients-title:empty,
.section-featured-content .featured-recipe .featured-recipe-directions-title:empty {
display: none;
}
.section-featured-content .featured-recipe .featured-recipe-ul {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 24px;
}
.section-featured-content .featured-recipe .featured-recipe-ul li {
list-style-type: disc;
margin: 0 0 0 20px;
padding: 0;
}
.section-featured-content .featured-recipe .featured-recipe-directions-copy {
font-size: 14px;
line-height: 24px;
font-weight: 400;
}
.section-featured-content .how-to-numbered-list .how-to-numbered-list-img {
display: none;
}
.section-featured-content .how-to-numbered-list .how-to-numbered-list-title {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.section-featured-content .how-to-numbered-list .how-to-numbered-list-title:empty {
display: none;
}
.section-featured-content .how-to-numbered-list .how-to-numbered-list-ol {
margin: 0;
padding: 0 0 0 24px;
font-size: 14px;
line-height: 24px;
}
.section-featured-content .how-to-numbered-list .how-to-numbered-list-ol li {
margin: 0;
padding: 0 0 8px;
}
.section-featured-content .how-to-numbered-list .how-to-numbered-list-body-copy {
font-size: 14px;
line-height: 24px;
font-weight: 400;
}
.section-featured-content .how-to-numbered-list .how-to-numbered-list-body-copy:empty {
display: none;
}
.section-featured-content .text-with-no-image .text-with-no-image-title {
margin: 0 0 8px 0;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.section-featured-content .text-with-no-image .text-with-no-image-title:empty {
display: none;
}
.section-featured-content .text-with-no-image .text-with-no-image-content {
font-size: 14px;
line-height: 24px;
font-weight: 400;
}
.section-featured-content .text-with-one-image .text-with-one-image-title {
margin: 0 0 8px 0;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.section-featured-content .text-with-one-image .text-with-one-image-title:empty {
display: none;
}
.section-featured-content .text-with-one-image text-with-one-image-content {
font-size: 14px;
line-height: 24px;
font-weight: 400;
}
.section-featured-content.featured-content-meet-designer .artistImg {
margin-top: 17px;
}
.section-featured-content.featured-content-meet-designer h3 {
width: 100%;
}
}
/* #endregion =========== Featured Content Blocks =========== */
@media screen and (min-width: 768px) {
.section-featured-content {
font-family: var(--webfont-primary, sans-serif);
/* #region ================ Meet the Designer ================ */
/* #endregion ============= Meet the Designer ================ */
}
.section-featured-content .sectionHeader,
.section-featured-content .section-header {
margin: 0;
padding: 10px 0 5px;
color: #222;
font: 400 16px / 18px var(--webfont-primary, sans-serif);
text-align: center;
text-transform: inherit;
border-bottom: 0;
}
.section-featured-content .sectionTagline,
.section-featured-content .section-tagline {
display: block;
font: italic 400 32px / 1 "ITC Century Book", Georgia, serif;
font-variant: normal;
text-transform: none;
text-decoration: inherit;
margin: 0;
padding: 0 0 15px 0;
line-height: 1;
text-align: center;
text-transform: none;
}
.section-featured-content .featured-area-content {
display: table;
border: solid 1px #ccc;
margin: auto;
}
.section-featured-content .featured-area-content .column-one {
display: table-cell;
border-right: solid 1px #ccc;
padding: 0;
}
.section-featured-content .featured-area-content .column-two {
display: table-cell;
padding: 0;
vertical-align: top;
}
.section-featured-content .featured-area-content .column-two > div {
box-sizing: border-box;
width: 380px;
max-height: 400px;
padding: 50px;
overflow-x: hidden;
text-align: left;
}
.section-featured-content .featured-area-content .column-two > div p {
margin: 0 0 8px 0;
font-size: 14px;
line-height: 20px;
}
.section-featured-content .featured-area-content .column-full-width {
display: table-cell;
}
.section-featured-content .featured-area-content .column-full-width > div {
box-sizing: border-box;
width: 100%;
padding: 50px;
overflow-x: hidden;
text-align: left;
}
.section-featured-content .featured-area-content .column-full-width > div p {
margin: 0 0 8px 0;
font-size: 14px;
line-height: 20px;
}
.section-featured-content .featured-area-content.video {
border: 0;
}
.section-featured-content .featured-area-content.video .jsIFrameScrollView {
width: 1008px;
height: 567px;
border: 0;
}
.section-featured-content.featured-content-meet-designer {
position: relative;
font-family: var(--webfont-primary, sans-serif);
}
.section-featured-content.featured-content-meet-designer .artistImg {
width: 120px;
height: 120px;
border-radius: 999em;
position: absolute;
top: 120px;
left: 50%;
transform: translateX(-50%);
margin: 0;
z-index: 1;
}
.section-featured-content.featured-content-meet-designer .artistName {
display: block;
padding: 0;
position: relative;
width: 100%;
text-align: center;
}
.section-featured-content.featured-content-meet-designer .artistName::before {
display: block;
content: attr(aria-label);
padding: 0 0 15px 0;
font: italic 400 30px / 1 "ITC Century Book", Georgia, serif;
text-align: center;
}
.section-featured-content.featured-content-meet-designer .artistName .artistName {
display: none;
}
.section-featured-content.featured-content-meet-designer .artistName .artistDescription {
margin-top: 60px !important;
}
.section-featured-content.featured-content-meet-designer .artistNameImg {
display: none;
}
.section-featured-content.featured-content-meet-designer .artistDescription {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 2em;
-moz-column-gap: 2em;
column-gap: 2em;
-webkit-column-width: 200px;
-moz-column-width: 200px;
column-width: 200px;
-webkit-column-fill: balance;
-moz-column-fill: balance;
column-fill: balance;
width: 100%;
float: none !important;
box-sizing: border-box;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
margin: 105px 0 0 0 !important;
padding: 60px 70px;
background: #f0efed;
text-align: left;
}
.section-featured-content.featured-content-meet-designer .artistDescription p {
margin-top: 0;
font-size: 16px;
line-height: 24px;
}
.section-featured-content.featured-content-meet-designer .artistSeeAllLink {
float: none !important;
}
.section-featured-content.featured-content-meet-designer .artistLocation {
display: none;
}
.section-featured-content .featured-content-design-services-desktop a {
display: block;
}
.section-featured-content .featured-content-design-services-desktop a:focus {
outline: 0;
position: relative;
}
.section-featured-content .featured-content-design-services-desktop a:focus::before, .section-featured-content .featured-content-design-services-desktop a:focus::after {
content: "";
display: block;
position: absolute;
border: dotted 1px;
}
.section-featured-content .featured-content-design-services-desktop a:focus::before {
top: 1px;
right: 1px;
bottom: 1px;
left: 1px;
border-color: #fff;
}
.section-featured-content .featured-content-design-services-desktop a:focus::after {
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
border-color: #000;
}
.section-featured-content .template-container {
width: 1008px;
border-top: 1px solid #ccc;
position: relative;
margin: 100px auto;
float: left;
}
.section-featured-content .template-container .template-container-image-big {
width: 25%;
}
.section-featured-content .template-container .template-container-image {
float: left;
margin-top: 40px;
transition: width .5s;
}
.section-featured-content .template-container .template-container-image img {
width: 100%;
}
.section-featured-content .template-container .template-title-big {
margin-left: 80px;
}
.section-featured-content .template-container .template-title {
width: 67%;
float: left;
margin-top: 40px;
font-size: 18px;
margin-bottom: 70px;
}
.section-featured-content .template-container .template-container-text {
width: 67%;
float: right;
}
.section-featured-content .template-container .template-steps-left {
float: left;
}
.section-featured-content .template-container .template-steps-half {
width: 48%;
}
.section-featured-content .template-container .template-steps-right {
float: right;
}
.section-featured-content .template-container .template-steps-half {
width: 48%;
}
.section-featured-content .template-container .template-steps li {
list-style-type: decimal;
margin-left: -9px;
font-size: 14px;
line-height: 1.4;
margin-bottom: 15px;
}
.section-featured-content .template-container .template-steps-half p {
font-size: 14px;
line-height: 1.4;
margin-bottom: 15px;
}
}
/* #endregion =========== Featured Content Blocks =========== */
/* #region =========== Visit Store Bubble =========== */
/* #region =========== Visit Store Bubble =========== */
@media screen and (min-width: 1px) {
.bubble-link {
font-size: 12px;
}
}
/* #endregion =========== Visit Store Bubble =========== */
.adaptive-layout .product-page-aside {
box-sizing: border-box;
max-width: 240px;
width: 25%;
float: right;
margin: 40px 0 30px;
position: relative;
z-index: 20;
}
.adaptive-layout .product-page-aside:first-child {
margin: 0;
}
.adaptive-layout .product-page-aside .find-store-link {
border: solid 1px #ccc;
background: #fff;
color: #000;
text-shadow: none;
font-size: 1.2em;
line-height: 1.8em;
padding: .35em 1.5em;
border-radius: 2px;
}
.adaptive-layout .product-page-aside .visit-store-bubble {
text-align: center;
margin-bottom: 30px;
}
.adaptive-layout .product-page-aside .visit-store-bubble .bubble-image {
display: block;
height: 120px;
width: 120px;
margin: 0 auto 15px;
overflow: hidden;
background-color: #e6e6e6;
border-radius: 50%;
object-fit: cover;
}
.adaptive-layout .product-page-aside .visit-store-bubble .bubble-title {
margin: 0;
padding: 0;
font: 400 20px/24px var(--webfont-primary, sans-serif);
color: #222;
}
.adaptive-layout .product-page-aside .visit-store-bubble .bubble-link {
display: inline;
background: none;
border: 0;
padding: 0;
color: #222;
text-align: left;
text-decoration: underline;
height: auto;
font: 400 14px/20px var(--webfont-primary, sans-serif);
}
.adaptive-layout .product-page-aside .visit-store-bubble .bubble-link:hover {
text-decoration: underline;
}
.adaptive-layout .product-page-aside .visit-store-bubble .bubble-link:focus {
outline: dashed 1px;
outline-offset: 2px;
text-decoration: underline;
}
.adaptive-layout .product-page-aside .visit-store-bubble .bubble-link:focus::before {
display: none;
}
.adaptive-layout .product-page-aside .visit-store-bubble:last-child {
margin-bottom: 0;
}
.adaptive-layout .product-page-aside .warehouse-pickup-bubble {
width: 100%;
margin: 0 auto;
max-width: 160px;
}
.adaptive-layout .product-page-aside .warehouse-pickup-bubble:focus {
outline: dashed 1px #222;
}
.adaptive-layout .product-page-aside .warehouse-pickup-bubble .warehouse-pickup-title {
margin-top: 5px;
font: 300 15px/16px var(--webfont-primary, sans-serif);
color: #222;
text-transform: lowercase;
text-align: center;
}
/* #endregion =========== Visit Store Bubble =========== */
/* #region ============ Order Rug Swatch Section =========== */
/* #region ============ Order Rug Swatch Section =========== */
@media screen and (min-width: 1px) {
.section-rug-swatch .order-rug-swatch-img {
float: left;
width: 30%;
padding-right: 16px;
box-sizing: border-box;
}
.section-rug-swatch .order-rug-swatch-title {
width: 70%;
float: right;
margin: 0;
}
.section-rug-swatch .order-rug-swatch-link {
color: #222;
font: bold 14px / 20px var(--webfont-primary, sans-serif);
}
.section-rug-swatch .order-rug-swatch-link:hover {
text-decoration: underline;
}
.section-rug-swatch .order-rug-swatch-dimension {
margin: 0;
font-family: var(--webfont-primary, sans-serif);
font-size: 14px;
width: 70%;
float: right;
}
.section-rug-swatch .order-rug-swatch-details {
font-family: var(--webfont-primary, sans-serif);
width: 70%;
float: right;
}
.section-rug-swatch .order-rug-swatch-details:hover {
text-decoration: underline;
}
.section-rug-swatch .order-rug-swatch-price {
display: inline-block;
color: #222;
margin: 0 0 8px 0;
font: 400 14px / 20px var(--webfont-primary, sans-serif);
}
.section-rug-swatch .order-rug-swatch-price span {
color: #222;
}
.section-rug-swatch .order-rug-swatch-action {
width: 100%;
float: right;
}
.section-rug-swatch .order-rug-swatch-action .button {
float: right;
}
.section-rug-swatch .order-rug-swatch-note {
float: left;
width: 100%;
margin-top: 16px;
margin-bottom: 26px;
}
.section-rug-swatch .order-rug-swatch-note p, .section-rug-swatch .order-rug-swatch-note span {
font: 400 14px / 20px var(--webfont-primary, sans-serif);
color: #222;
}
}
/* #endregion ============ Order Rug Swatch Section =========== */
.adaptive-layout .section-rug-swatch .section-header {
background-color: #f0efed;
text-align: left;
padding: 16px 0px 16px 16px;
border-top: solid 1px #ccc;
margin: 0;
color: #222;
font: 400 16px/18px var(--webfont-primary, sans-serif);
}
.adaptive-layout .section-rug-swatch .order-rug-swatch {
box-sizing: border-box;
margin: 0;
padding: 20px 0;
border-bottom: solid 1px #ccc;
}
.adaptive-layout .section-rug-swatch .order-rug-swatch-img {
display: inline-block;
vertical-align: top;
margin-right: 32px;
width: 25%;
padding: 0;
}
.adaptive-layout .section-rug-swatch .order-rug-swatch-info {
float: right;
width: 71%;
}
.adaptive-layout .section-rug-swatch .order-rug-swatch-title {
margin: 0;
float: left;
clear: left;
}
.adaptive-layout .section-rug-swatch .order-rug-swatch-price {
float: right;
margin: 0 0 24px 0;
color: #222;
font: bold 16px/20px var(--webfont-primary, sans-serif);
}
.adaptive-layout .section-rug-swatch .order-rug-swatch-link {
color: #222;
font: bold 16px/1.3 var(--webfont-primary, sans-serif);
}
.adaptive-layout .section-rug-swatch .order-rug-swatch-link:hover {
text-decoration: underline;
}
.adaptive-layout .section-rug-swatch .order-rug-swatch-dimension {
margin: 0;
font-family: var(--webfont-primary, sans-serif);
font-size: 14px;
float: left;
clear: left;
}
.adaptive-layout .section-rug-swatch .order-rug-swatch-details {
font-family: var(--webfont-primary, sans-serif);
float: left;
clear: left;
}
.adaptive-layout .section-rug-swatch .order-rug-swatch-details:hover {
text-decoration: underline;
}
.adaptive-layout .section-rug-swatch .order-rug-swatch-note {
margin-top: 30px;
max-width: 400px;
float: left;
clear: left;
}
.adaptive-layout .section-rug-swatch .order-rug-swatch-note p, .adaptive-layout .section-rug-swatch .order-rug-swatch-note span {
font: 400 14px/20px var(--webfont-primary, sans-serif);
color: #222;
}
.adaptive-layout .section-rug-swatch .order-rug-swatch-action {
width: 218px;
float: right;
margin-top: -15px;
}
.adaptive-layout .section-rug-swatch .order-rug-swatch-action .button {
float: right;
}
/* #endregion ============ Order Rug Swatch Section =========== */
/* #region =========== Dimension Section =========== */
/* #region =========== Dimension Section =========== */
/*Mobile*/
@media screen and (min-width: 1px) {
.addon-container .addon-header {
font: 30px / 20px var(--webfont-primary, sans-serif);
padding: 4px 0;
text-align: center;
}
.addon-container .addon-box-wrap {
margin-top: 24px;
}
.addon-container .addon-box {
text-align: left;
vertical-align: top;
width: 100%;
height: auto;
display: inline-block;
margin-bottom: 16px;
}
.addon-container .addon-image {
width: 110px;
float: left;
}
.addon-container .addon-details {
width: calc(100% - 110px);
float: left;
padding-left: 20px;
box-sizing: border-box;
font: 14px / 20px var(--webfont-primary, sans-serif);
}
.addon-container .addon-details > span {
display: block;
}
.addon-container .addon-name {
color: #000;
}
.addon-container .addon-price {
margin-bottom: 14px;
color: #666;
}
.addon-container .added-button {
width: auto;
}
}
/* #endregion =========== Dimension Section =========== */
/*DESKTOP*/
.adaptive-layout .addon-container {
overflow: auto;
max-width: 1008px;
margin: 0 auto;
}
.adaptive-layout .addon-container .section-header {
display: none;
}
.adaptive-layout .addon-container .section-tagline {
padding-top: 61px;
padding-bottom: 24px;
}
.adaptive-layout .addon-container .addon-box-wrap {
margin: 0;
}
.adaptive-layout .addon-container .addon-box {
width: 50%;
margin-bottom: 27px;
}
.adaptive-layout .addon-container .addon-image {
width: 158px;
}
.adaptive-layout .addon-container .addon-details {
width: 232px;
padding-left: 24px;
padding-top: 16px;
box-sizing: content-box;
}
.adaptive-layout .section-addons {
border-top: 1px solid #ccc;
}
.adaptive-layout .section-addons .section-tagline {
padding-top: 13px;
}
.adaptive-layout .section-addons .addon-box {
padding-left: 5px;
padding-right: 5px;
}
.adaptive-layout .section-addons .addon-box-wrap {
margin: 22px 80px 0 80px;
}
@media screen and (min-width: 1px) {
.personalize-wrap {
float: left;
width: 100%;
margin-top: 32px;
margin-bottom: 32px;
}
.personalize-items .personalize-item {
display: inline-block;
width: 50%;
}
.personalize-items .personalize-item label {
font-size: 14px;
}
.perzonalization-textbox {
float: left;
margin-top: 20px;
width: 65%;
}
.perzonalization-textbox label {
font-weight: 600;
color: #222;
font-size: 14px;
}
.button-personalize-preview {
float: right;
width: 32%;
margin-top: 40px;
}
.personalization-preview .perzonalization-textbox {
width: 100%;
margin-bottom: 20px;
}
.personalization-preview .personalized-preview-price,
.personalization-preview .personalization-shop-buttons {
width: 100%;
margin: 5px 0;
display: block;
float: left;
}
.personalization-preview .personalization-shop-buttons .button-add-single {
width: calc(100% - 50px);
float: right;
}
}
.adaptive-layout .personalize-wrap {
padding-bottom: 24px;
padding-top: 24px;
margin-top: 14px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.adaptive-layout .personalize-items {
float: left;
}
.adaptive-layout .personalize-items .personalize-item {
width: auto;
}
.adaptive-layout .personalize-items .personalize-item:last-child {
margin-left: 25px;
}
.adaptive-layout .personalize-items .personalize-item label {
font-size: 16px;
}
.adaptive-layout .perzonalization-textbox {
float: left;
margin-top: 20px;
width: auto;
}
/* #region =========== ab tests =========== */
.leather-option.module-on-page .leather-option-conainer {
width: 100%;
}
.leather-option.module-on-page .leather-option-img {
float: left;
}
.leather-option.module-on-page .leather-option-info {
width: 100%;
}
.leather-option.module-on-page .leather-option-info .leather-option-link {
margin-top: 18px;
width: auto;
float: left;
}
@media screen and (max-width: 768px) {
.responsive-layout .product-option {
width: 100%;
margin: 0;
padding: 32px 0 32px;
}
.responsive-layout .product-option.color-bar-divided {
padding-top: 7px;
}
.responsive-layout .product-option > .section-header {
margin-bottom: 0;
}
.responsive-layout .product-option .a11y-drawers {
border: 0;
}
.responsive-layout .product-option .a11y-drawer-panel {
padding: 0;
}
.responsive-layout .product-option .a11y-drawer-toggle {
border-top: 0;
border-bottom: 1px solid #ccc;
}
.responsive-layout .product-option .a11y-drawer-toggle button {
padding: 14px 0;
}
.responsive-layout .product-option .a11y-drawer-toggle button .svg-icon-plus {
height: 20px;
width: 20px;
margin-top: -12px;
right: 0;
}
.responsive-layout .product-option .product-option-colorbar-wrap {
padding-bottom: 7px;
float: left;
width: 100%;
}
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion {
padding: 0;
border-top: 0;
}
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion > h2 {
margin: 0;
float: left;
width: 100%;
padding: 16px 0;
position: relative;
}
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .interaction-area-header {
float: left;
width: 100%;
color: #222;
border: 0;
margin-top: 0;
}
.responsive-layout .product-option .custom-upholstery-data-col .disabled-accordion .custom-selected-swatch-img {
top: 50%;
right: 0;
transform: translateY(-50%);
}
.responsive-layout .product-option .custom-upholstery-data-col .availability-tier {
font: 400 14px / 16px var(--webfont-primary, sans-serif);
color: #222;
text-decoration: none;
}
.responsive-layout .product-option .custom-upholstery-data-col .availability-tier:focus, .responsive-layout .product-option .custom-upholstery-data-col .availability-tier:hover {
outline: dashed 1px #222;
outline-offset: 2px;
text-decoration: none;
}
.responsive-layout .product-option .custom-upholstery-data-col .availability-tier svg {
height: 16px;
width: 16px;
float: right;
margin-left: 5px;
stroke-width: 1.8;
}
.responsive-layout .product-option .interaction-area {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-top: 20px;
padding-bottom: 30px;
float: left;
width: 100%;
}
.responsive-layout .product-option .interaction-area-header {
border-bottom: 0;
margin: 0;
font-size: 14px;
font-weight: 600;
}
.responsive-layout .product-option .interaction-area-header .button-icon-text-container {
position: absolute;
top: 12px;
left: 98px;
}
.responsive-layout .product-option .interaction-area-header .button-icon-text-container span {
font-weight: 400;
font-size: 12px;
color: #666;
line-height: 26px;
margin-left: 5px;
float: right;
font-family: var(--webfont-primary, sans-serif);
}
.responsive-layout .product-option .interaction-area-header .svg-icon-custom {
height: 25px;
width: 25px;
}
.responsive-layout .product-option .custom-selected-swatch-img {
position: absolute;
right: 35px;
top: 12px;
}
.responsive-layout .product-option .custom-selected-swatch-name {
float: left;
clear: both;
font-weight: 400;
font-size: 12px;
margin-top: 5px;
}
.responsive-layout .product-option .custom-upholstery-player-col {
background: #fff;
border: 0;
position: relative;
margin-left: 0;
top: 0;
border-bottom: 1px solid #ccc;
}
.responsive-layout .product-option .custom-upholstery-player-col .tap-zoom-overlay {
display: none !important;
}
.responsive-layout .product-option .custom-price-area .reg,
.responsive-layout .product-option .custom-price-area .sale {
clear: both;
float: left;
font-size: 14px;
max-width: 100%;
}
.responsive-layout .product-option .custom-price-area .reg .salePrice,
.responsive-layout .product-option .custom-price-area .reg .regPrice,
.responsive-layout .product-option .custom-price-area .sale .salePrice,
.responsive-layout .product-option .custom-price-area .sale .regPrice {
float: left;
clear: none;
margin-right: 5px;
}
.responsive-layout .product-option.product-option-image-animation .custom-upholstery-player-col {
top: -2px;
position: -webkit-sticky;
position: sticky;
}
.responsive-layout .product-option.color-bar-divided .shop-bar-color-bar:not(.disable-divider) .shop-bar-carousel .swatch-list-item .swatch-img {
max-width: 40px;
}
.responsive-layout .product-option.color-bar-divided .shop-bar-availability {
float: left;
width: 100%;
margin-bottom: 30px;
font-size: 14px;
}
.responsive-layout .product-option.color-bar-divided .shop-bar-availability .zip-code-panel {
position: relative;
left: 0;
width: 100%;
}
.responsive-layout .product-option.color-bar-divided .shop-bar-availability .change-zip-link {
display: block;
}
.responsive-layout .product-option .shop-bar-availability.quotable-ground-message a {
float: none;
margin-left: 0;
}
.responsive-layout .product-option .product-option-colorbar-wrap + .section-header {
padding-top: 30px;
float: left;
width: 100%;
}
}
/* #endregion =========== ab tests =========== */
/* #region ============== ab tests ============== */
.leather-option.module-on-page.section-region {
min-width: 1008px;
}
.leather-option.module-on-page .leather-option-conainer {
width: auto;
height: auto;
float: left;
border: 1px solid #ccc;
}
.leather-option.module-on-page .leather-option-img {
height: auto;
float: left;
}
.leather-option.module-on-page .leather-option-info {
display: inline-block;
float: left;
padding: 50px 32px;
width: 335px;
}
.leather-option.module-on-page .leather-option-info .leather-option-title {
font: 600 32px/34px var(--webfont-primary, sans-serif);
color: #222;
}
.leather-option.module-on-page .leather-option-info .leather-option-subtitle {
font: italic 400 20px/20px "ITC Century Book", Georgia, serif;
margin-top: 22px;
}
.leather-option.module-on-page .leather-option-info .leather-option-link {
margin-top: 40px;
}
.adaptive-layout .product-option.special-order-configuration-panel {
float: left;
width: 100%;
margin-top: 50px;
}
.adaptive-layout .product-option .custom-upholstery-row {
margin-top: 50px;
}
.adaptive-layout .product-option .custom-upholstery-player-col {
width: 560px;
top: 150px;
}
.adaptive-layout .product-option .custom-upholstery-player-col .custom-player-area,
.adaptive-layout .product-option .custom-upholstery-player-col #custom-player-img {
padding-top: 0;
}
.adaptive-layout .product-option .custom-upholstery-data-col {
border: solid #ccc;
border-width: 0 1px 1px 1px;
width: 432px;
}
.adaptive-layout .product-option .a11y-drawers {
border: 0;
}
.adaptive-layout .product-option .a11y-drawer-toggle button {
padding: 15px 14px;
}
.adaptive-layout .product-option .a11y-drawer-toggle button .svg-icon-plus {
height: 20px;
width: 20px;
margin-top: -12px;
}
.adaptive-layout .product-option .interaction-area {
border-top: 1px solid #ccc;
padding-top: 20px;
}
.adaptive-layout .product-option .interaction-area-header {
border-bottom: 0;
margin: 0;
font-size: 14px;
line-height: 20px;
}
.adaptive-layout .product-option .interaction-area-header .button-icon-text-container {
position: absolute;
top: 21px;
left: 113px;
}
.adaptive-layout .product-option .interaction-area-header .button-icon-text-container span {
font-weight: 400;
line-height: 26px;
color: #666;
margin-left: 5px;
float: right;
font-family: var(--webfont-primary, sans-serif);
}
.adaptive-layout .product-option .interaction-area-header .svg-icon-custom {
height: 25px;
width: 25px;
}
.adaptive-layout .product-option .custom-selected-swatch-img {
position: absolute;
right: 60px;
top: 12px;
}
.adaptive-layout .product-option .custom-selected-swatch-name {
float: left;
clear: both;
font-weight: 400;
font-size: 12px;
line-height: 20px;
}
.adaptive-layout .product-option .recent-swatches-container .radio-item:nth-of-type(1).disabled-diagonal-line .a11y-radio-tooltip {
left: 98px;
}
.adaptive-layout .product-option .recent-swatches-container .radio-item:nth-of-type(2).disabled-diagonal-line .a11y-radio-tooltip {
left: 66px;
}
.adaptive-layout .product-option .filter-by-fabric-feature .checkbox-item:nth-of-type(1) .a11y-checkbox-tooltip,
.adaptive-layout .product-option .filter-by-fabric-feature .checkbox-item:nth-of-type(4) .a11y-checkbox-tooltip,
.adaptive-layout .product-option .filter-by-fabric-feature .checkbox-item:nth-of-type(7) .a11y-checkbox-tooltip {
left: 80px;
}
.adaptive-layout .product-option .filter-by-fabric-feature .checkbox-item:nth-of-type(1) .a11y-checkbox-tooltip:after, .adaptive-layout .product-option .filter-by-fabric-feature .checkbox-item:nth-of-type(1) .a11y-checkbox-tooltip:before,
.adaptive-layout .product-option .filter-by-fabric-feature .checkbox-item:nth-of-type(4) .a11y-checkbox-tooltip:after,
.adaptive-layout .product-option .filter-by-fabric-feature .checkbox-item:nth-of-type(4) .a11y-checkbox-tooltip:before,
.adaptive-layout .product-option .filter-by-fabric-feature .checkbox-item:nth-of-type(7) .a11y-checkbox-tooltip:after,
.adaptive-layout .product-option .filter-by-fabric-feature .checkbox-item:nth-of-type(7) .a11y-checkbox-tooltip:before {
left: 20px;
}
.adaptive-layout .product-option .custom-swatch-layer[role="dialog"],
.adaptive-layout .product-option .custom-leg-layer[role="dialog"],
.adaptive-layout .product-option .custom-cushion-layer[role="dialog"] {
width: calc(100% + 28px);
left: -14px;
}
.adaptive-layout .product-option .disabled-accordion {
padding: 0 14px;
border-top: 1px solid #ccc;
}
.adaptive-layout .product-option .disabled-accordion > h2 {
margin: 0;
float: left;
width: 100%;
padding: 23px 0px 16px;
position: relative;
}
.adaptive-layout .product-option .disabled-accordion .interaction-area-header {
float: left;
width: 100%;
color: #222;
border: 0;
}
.adaptive-layout .product-option .disabled-accordion .custom-selected-swatch-img {
top: 50%;
right: 0;
transform: translateY(-50%);
}
.adaptive-layout .section-product-header.lean-product-header .shop-bar-color-bar,
.adaptive-layout .section-product-header.lean-product-header .section-grouper {
max-width: 258px;
}
.adaptive-layout .section-product-header.lean-product-header .shop-bar-color-bar .custom-swatch-layer[role="dialog"],
.adaptive-layout .section-product-header.lean-product-header .shop-bar-color-bar .custom-leg-layer,
.adaptive-layout .section-product-header.lean-product-header .section-grouper .custom-swatch-layer[role="dialog"],
.adaptive-layout .section-product-header.lean-product-header .section-grouper .custom-leg-layer {
top: 50px !important;
}
.adaptive-layout .section-product-header.lean-product-header .color-bar-divided .shop-bar-color-bar:not(.disable-divider) .custom-swatch-layer[role="dialog"],
.adaptive-layout .section-product-header.lean-product-header .color-bar-divided .shop-bar-color-bar:not(.disable-divider) .custom-leg-layer {
top: 60px !important;
}
.adaptive-layout .section-product-header.lean-product-header .color-bar-divided .shop-bar-color-bar.disable-divider {
margin-top: 10px;
}
.adaptive-layout .section-product-header.lean-product-header .shop-bar-carting-area .qty-input input {
box-sizing: border-box;
display: inline-block;
border: solid 1px #666;
border-radius: 0;
box-shadow: none;
width: 100%;
position: relative;
outline: 0;
vertical-align: top;
background-color: #fff;
color: #222;
font-style: normal;
font-weight: normal;
font-family: var(--webfont-primary, sans-serif);
transition: border linear 0.2s, box-shadow linear 0.2s;
padding: 5px 16px;
font-size: 16px;
line-height: normal;
height: 40px;
width: 40px;
padding: 5px;
}
.adaptive-layout .section-product-header.lean-product-header .shop-bar-carting-area .qty-input input:-moz-placeholder {
color: #999;
}
.adaptive-layout .section-product-header.lean-product-header .shop-bar-carting-area .qty-input input::-moz-placeholder {
color: #999;
}
.adaptive-layout .section-product-header.lean-product-header .shop-bar-carting-area .qty-input input:-ms-input-placeholder {
color: #999;
}
.adaptive-layout .section-product-header.lean-product-header .shop-bar-carting-area .qty-input input::-webkit-input-placeholder {
color: #999;
}
.adaptive-layout .section-product-header.lean-product-header .shop-bar-carting-area .qty-input input.focus, .adaptive-layout .section-product-header.lean-product-header .shop-bar-carting-area .qty-input input:focus {
border-color: #666;
box-shadow: 0 0 0 1px #fff inset, 0 0 0 2px #666 inset;
}
.adaptive-layout .section-product-header.lean-product-header .shop-bar-carting-area .button-add-single,
.adaptive-layout .section-product-header.lean-product-header .shop-bar-carting-area .button-request-quote,
.adaptive-layout .section-product-header.lean-product-header .shop-bar-carting-area .button-call-store,
.adaptive-layout .section-product-header.lean-product-header .shop-bar-carting-area .button-add-to-registry,
.adaptive-layout .section-product-header.lean-product-header .shop-bar-carting-area .button-add-to-favorites {
height: 40px;
padding: 0 24px;
font-size: 12px;
line-height: 36px;
width: auto;
}
.adaptive-layout .section-product-header.lean-product-header .shop-bar-carting-area .button-add-to-favorites {
padding: 0 11px;
}
.adaptive-layout .section-product-header.lean-product-header .button-customize {
height: 40px;
padding: 0 24px;
font-size: 12px;
line-height: 36px;
width: 180px;
left: 278px;
}
.adaptive-layout .section-product-header.lean-product-header .button-customize .button-icon-text-container {
width: 100%;
}
.adaptive-layout .section-product-header.lean-product-header .button-customize .button-icon-text-container span {
margin-left: 30px;
}
.adaptive-layout .section-product-header.lean-product-header .button-customize .button-icon-text-container .svg-icon-custom {
top: 6px;
left: 19px;
width: 26px;
height: 26px;
}
.adaptive-layout .section-product-header.lean-product-header .button-customize.slide-active {
width: 115px;
left: 0;
}
.adaptive-layout .section-product-header.lean-product-header .button-customize.slide-active .svg-icon-close {
height: 26px;
width: 26px;
top: 0;
left: 12px;
}
.adaptive-layout .section-product-header.lean-product-header .button-customize.slide-active .button-text-close span {
margin-left: 20px;
line-height: 26px;
}
.adaptive-layout .section-product-header.lean-product-header .shop-bar-color-bar .shop-bar-carousel .swatch-list-item .swatch-img {
max-width: 41px;
}
.adaptive-layout .section-product-header.lean-product-header .color-bar-divided .shop-bar-color-bar:not(.disable-divider) .shop-bar-carousel .swatch-list-item .swatch-img {
max-width: 32px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick {
padding-top: 5px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick .shop-bar-product-title {
font-size: 16px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick.shop-bar-divided {
padding-bottom: 5px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick.shop-bar-divided .shop-bar-product-info {
max-height: 48px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick.shop-bar-divided .shop-bar-product-title {
font-size: 14px;
line-height: 20px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick.shop-bar-divided .shop-bar-carting-area button {
height: 36px;
line-height: 32px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick.shop-bar-divided .shop-bar-carting-area .qty-input input {
height: 36px;
width: 36px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick .shop-bar-price-area {
font-size: 16px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick .shop-bar-price-area .sale .regPrice {
font-size: 14px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick .button-add-to-registry {
padding: 0 11px;
width: 43px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick .button-add-to-registry .svg-icon-gift {
display: block;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick .button-add-to-registry .add-to-registry-text {
float: left;
height: 0px;
overflow: hidden;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick .sku-review-area,
.adaptive-layout .section-product-header.lean-product-header .header-stick .color-bar-wrapper,
.adaptive-layout .section-product-header.lean-product-header .header-stick .button-customize,
.adaptive-layout .section-product-header.lean-product-header .header-stick .shop-bar-summary,
.adaptive-layout .section-product-header.lean-product-header .header-stick .section-grouper {
visibility: hidden;
height: 0px;
overflow: hidden;
transition: visibility 0.5s ease;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick .color-bar-divided .color-bar-container {
visibility: hidden;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick .color-bar-divided .color-bar-wrapper,
.adaptive-layout .section-product-header.lean-product-header .header-stick .color-bar-divided .button-customize {
visibility: visible;
height: 36px;
left: 0;
transition: left 0.5s ease;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick .color-bar-divided .color-bar-wrapper {
overflow: initial;
height: 50px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick .shop-bar-product-info {
max-height: 25px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick .shop-bar-product-info .shop-bar-availability-wrap.exclusive-text-enabled .shop-bar-availability {
left: 7px;
}
.adaptive-layout .section-product-header.lean-product-header .header-stick .exclusive-text {
display: none !important;
}
/* #endregion ============== ab tests ============== */
@media screen and (min-width: 1px) {
.section-curalate .button-upload-container {
width: 100%;
margin-bottom: 20px;
text-align: center;
padding-bottom: 100%;
}
.section-curalate .button-upload-container .button-upload-custom {
background-color: transparent;
text-align: center;
text-decoration: none;
position: absolute;
top: 15%;
}
.section-curalate .button-upload-container .button-upload-custom .svg-icon-plus {
font-size: 6px;
}
.section-curalate .button-upload-container .button-upload-custom .button-upload-text {
font-size: 13px;
}
.section-curalate .curalate-subtitle-orders div:nth-child(1) {
padding-bottom: 15px;
}
}
@media screen and (max-width: 768px) {
.section-curalate .button-upload-container {
text-align: left;
}
.section-curalate .button-upload-container .button-upload-photo {
font: 400 16px / 18px var(--webfont-primary, sans-serif);
}
.section-curalate .showcase-item .button-upload-container {
background-color: #eeeeee;
border: 0px solid #cccccc;
}
.section-curalate .showcase-item:nth-child(1) {
margin-left: 0;
}
.curalate-zoom-popup .curalate-popup-content {
float: left;
width: 100%;
}
.curalate-zoom-popup .content-left,
.curalate-zoom-popup .content-right {
width: 100%;
float: left;
}
.curalate-zoom-popup .content-bottom {
width: 100%;
margin-top: 40px;
float: left;
}
.curalate-zoom-popup .content-bottom .caption {
font: 400 12px / 16px var(--webfont-primary, sans-serif);
width: 100%;
color: #717171;
display: block;
}
.curalate-zoom-popup .user-name {
font: 600 16px / 19px var(--webfont-primary, sans-serif);
margin: 0 0 10px;
}
.curalate-zoom-popup .product-list-items {
float: left;
width: 100%;
}
.curalate-zoom-popup .product-list-items .sub-title {
float: left;
font: 600 14px / 15px var(--webfont-primary, sans-serif);
color: #222;
width: 100%;
margin: 45px 0 10px 0;
}
.curalate-zoom-popup .product-list-items .product-list-item {
float: left;
margin-bottom: 20px;
width: calc(50% - 7px);
}
.curalate-zoom-popup .product-list-items .product-list-item:nth-of-type(odd) {
margin-right: 12px;
}
.curalate-zoom-popup .product-list-items a {
float: left;
width: 100%;
}
.curalate-zoom-popup .product-list-items a[href='#'] {
pointer-events: none;
}
.curalate-zoom-popup .product-list-items a[href='#']:focus img {
outline: 0;
}
.curalate-zoom-popup .product-list-items a img {
float: left;
width: 100%;
border: 1px solid #ccc;
margin-bottom: 5px;
}
.curalate-zoom-popup .product-list-items a span {
float: left;
font: 400 12px / 14px var(--webfont-primary, sans-serif);
color: #222;
width: 100%;
}
}
.adaptive-layout .section-curalate .button-upload-container {
text-align: center;
}
.adaptive-layout .section-curalate .button-upload-container .button-upload-photo {
font: 400 18px/22px var(--webfont-primary, sans-serif);
min-height: 200px;
min-width: 200px;
}
.adaptive-layout .section-curalate .button-upload-container .button-upload-custom {
top: 50%;
transform: translate(-50%, -50%);
}
.adaptive-layout .section-curalate .button-upload-container .button-upload-custom .svg-icon-plus {
font-size: 8px;
}
.adaptive-layout .section-curalate .button-upload-container .button-upload-custom .button-upload-text {
font-size: 15px;
}
.adaptive-layout .section-curalate .showcase-item .button-upload-container {
background-color: #eeeeee;
border: 1px solid #cccccc;
}
.adaptive-layout .section-curalate .carousel-item:hover .carousel-item-link img, .adaptive-layout .section-curalate .carousel-item.is-focused .carousel-item-link img, .adaptive-layout .section-curalate .carousel-item:focus .carousel-item-link img {
opacity: 1;
}
.adaptive-layout .curalate-zoom-popup#global-popup > .popup-container {
width: 937px;
}
.adaptive-layout .curalate-zoom-popup .curalate-popup-content {
float: left;
width: 100%;
}
.adaptive-layout .curalate-zoom-popup .content-left {
width: calc(60% - 4px);
float: left;
}
.adaptive-layout .curalate-zoom-popup .content-right {
width: calc(40% - 20px);
margin-left: 15px;
float: right;
}
.adaptive-layout .curalate-zoom-popup .content-bottom {
width: 100%;
margin-top: 10px;
float: left;
}
.adaptive-layout .curalate-zoom-popup .content-bottom .caption {
font: 400 12px/16px var(--webfont-primary, sans-serif);
width: calc(60% - 4px);
color: #717171;
display: block;
}
.adaptive-layout .curalate-zoom-popup .user-name {
font: 600 18px/23px var(--webfont-primary, sans-serif);
margin: 0 0 42px 0;
}
.adaptive-layout .curalate-zoom-popup .product-list-items {
float: left;
overflow-y: auto;
height: 435px;
}
.adaptive-layout .curalate-zoom-popup .product-list-items .sub-title {
float: left;
font: 600 14px/17px var(--webfont-primary, sans-serif);
color: #222;
width: 100%;
margin-bottom: 5px;
}
.adaptive-layout .curalate-zoom-popup .product-list-items .product-list-item {
float: left;
margin-bottom: 20px;
width: calc(50% - 20px);
display: none;
}
.adaptive-layout .curalate-zoom-popup .product-list-items .product-list-item[data-src*='https://www.crateandbarrel.com'] {
display: block;
}
.adaptive-layout .curalate-zoom-popup .product-list-items .product-list-item[data-src*='https://www.cb2.com'] {
display: block;
}
.adaptive-layout .curalate-zoom-popup .product-list-items .product-list-item[data-src*='https://www.crateandbarrel.ca'] {
display: block;
}
.adaptive-layout .curalate-zoom-popup .product-list-items .product-list-item[data-src*='https://www.cb2.ca'] {
display: block;
}
.adaptive-layout .curalate-zoom-popup .product-list-items .product-list-item:nth-of-type(odd) {
margin-right: 12px;
clear: left;
}
.adaptive-layout .curalate-zoom-popup .product-list-items .product-list-item:nth-of-type(even) {
clear: right;
}
.adaptive-layout .curalate-zoom-popup .product-list-items a {
float: left;
width: 100%;
}
.adaptive-layout .curalate-zoom-popup .product-list-items a:hover span, .adaptive-layout .curalate-zoom-popup .product-list-items a:focus span {
text-decoration: underline;
}
.adaptive-layout .curalate-zoom-popup .product-list-items a:focus img {
outline: dashed 1px #222;
outline-offset: 2px;
}
.adaptive-layout .curalate-zoom-popup .product-list-items a[href='#'] {
pointer-events: none;
}
.adaptive-layout .curalate-zoom-popup .product-list-items a[href='#']:focus img {
outline: 0;
}
.adaptive-layout .curalate-zoom-popup .product-list-items a img {
float: left;
width: 100%;
margin-bottom: 5px;
border: 1px solid #ccc;
}
.adaptive-layout .curalate-zoom-popup .product-list-items a span {
float: left;
font: 400 12px/14px var(--webfont-primary, sans-serif);
color: #222;
width: 100%;
}
/* #region =========== Dimension Section =========== */
/* #region =========== Dimension Section =========== */
/*Mobile*/
/* #endregion =========== Dimension Section =========== */
/*DESKTOP*/
.adaptive-layout .section-installation-service {
margin-top: 15px;
padding: 55px 0 20px;
border-top: 1px solid #ccc;
}
.adaptive-layout .section-installation-service .angi-services {
display: flex;
flex-flow: column;
align-items: center;
padding-top: 20px;
}
.adaptive-layout .section-installation-service .angi-services .angi-service-details {
padding-top: 5px;
}
.adaptive-layout .section-installation-service .angi-services .angi-service-details .angi-logo {
margin-right: 15px;
margin-left: 0;
}
.adaptive-layout .section-installation-service .angi-services .angi-service-details .angi-price-info {
margin-top: 5px;
}
.adaptive-layout .section-installation-service .angi-services .angi-service-details .angi-price-info p {
margin-bottom: 2px;
}
/* #region =========== Zoom in =========== */
@-webkit-keyframes zoom-in {
0% {
height: 0;
width: 0;
}
25% {
height: 25%;
width: 25%;
}
50% {
height: 50%;
width: 50%;
}
75% {
height: 75%;
width: 75%;
}
100% {
height: 100%;
width: 100%;
}
}
@-moz-keyframes zoom-in {
0% {
height: 0;
width: 0;
}
25% {
height: 25%;
width: 25%;
}
50% {
height: 50%;
width: 50%;
}
75% {
height: 75%;
width: 75%;
}
100% {
height: 100%;
width: 100%;
}
}
@-o-keyframes zoom-in {
0% {
height: 0;
width: 0;
}
25% {
height: 25%;
width: 25%;
}
50% {
height: 50%;
width: 50%;
}
75% {
height: 75%;
width: 75%;
}
100% {
height: 100%;
width: 100%;
}
}
@keyframes zoom-in {
0% {
height: 0;
width: 0;
}
25% {
height: 25%;
width: 25%;
}
50% {
height: 50%;
width: 50%;
}
75% {
height: 75%;
width: 75%;
}
100% {
height: 100%;
width: 100%;
}
}
/* #endregion =========== Zoom in =========== */
/* #region =========== Fade in =========== */
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* #endregion =========== Fade in =========== */
/* #region =========== Fade in =========== */
@-webkit-keyframes fadeLongIn {
0% {
opacity: 0;
}
60% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeLongIn {
0% {
opacity: 0;
}
60% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeLongIn {
0% {
opacity: 0;
}
60% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeLongIn {
0% {
opacity: 0;
}
60% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* #endregion =========== Fade in =========== */
/* #region =========== Fade Out =========== */
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* #endregion =========== Fade Out =========== */
/* #region =========== Zoom in =========== */
@-webkit-keyframes zoom-in {
0% {
transform: translateY(-50%) scale(0.2);
}
25% {
transform: translateY(-50%) scale(0.4);
}
50% {
transform: translateY(-50%) scale(0.6);
}
75% {
transform: translateY(-50%) scale(0.8);
}
100% {
transform: translateY(-50%) scale(1);
}
}
@-moz-keyframes zoom-in {
0% {
transform: translateY(-50%) scale(0.2);
}
25% {
transform: translateY(-50%) scale(0.4);
}
50% {
transform: translateY(-50%) scale(0.6);
}
75% {
transform: translateY(-50%) scale(0.8);
}
100% {
transform: translateY(-50%) scale(1);
}
}
@-o-keyframes zoom-in {
0% {
transform: translateY(-50%) scale(0.2);
}
25% {
transform: translateY(-50%) scale(0.4);
}
50% {
transform: translateY(-50%) scale(0.6);
}
75% {
transform: translateY(-50%) scale(0.8);
}
100% {
transform: translateY(-50%) scale(1);
}
}
@keyframes zoom-in {
0% {
transform: translateY(-50%) scale(0.2);
}
25% {
transform: translateY(-50%) scale(0.4);
}
50% {
transform: translateY(-50%) scale(0.6);
}
75% {
transform: translateY(-50%) scale(0.8);
}
100% {
transform: translateY(-50%) scale(1);
}
}
/* #endregion =========== Zoom in =========== */
/* #region =========== Fade Out Outline =========== */
@-webkit-keyframes fadeOutline {
0% {
outline: 1px dashed #222;
}
65% {
outline: 1px dashed #ccc;
}
75% {
outline: 1px dashed #ddd;
}
100% {
outline: 1px dashed #fff;
}
}
@-moz-keyframes fadeOutline {
0% {
outline: 1px dashed #222;
}
65% {
outline: 1px dashed #ccc;
}
75% {
outline: 1px dashed #ddd;
}
100% {
outline: 1px dashed #fff;
}
}
@-o-keyframes fadeOutline {
0% {
outline: 1px dashed #222;
}
65% {
outline: 1px dashed #ccc;
}
75% {
outline: 1px dashed #ddd;
}
100% {
outline: 1px dashed #fff;
}
}
@keyframes fadeOutline {
0% {
outline: 1px dashed #222;
}
65% {
outline: 1px dashed #ccc;
}
75% {
outline: 1px dashed #ddd;
}
100% {
outline: 1px dashed #fff;
}
}
/* #endregion =========== Fade Out Outline =========== */
/* #region =========== View full screen / Showcase Image zoom =========== */
@media screen and (min-width: 1px) {
#global-popup.showcase-popup > .popup-container {
padding: 0;
}
.custom-popup-layer .full-screen-image {
height: 100vh;
}
.custom-popup-layer .full-screen-image > div {
height: 100%;
}
.custom-popup-layer .full-screen-image > div .showcase-zoom-image {
top: 50%;
position: relative;
transform: translateY(-50%) !important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.custom-popup-layer .scale-in-out {
height: auto;
position: fixed;
left: 0;
top: 0;
}
.custom-popup-layer .scale-in-out .showcase-zoom-image {
margin-top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.custom-popup-layer .scale-in-out .showcase-zoom-image > .showcase-item-container {
position: relative;
height: 100vh;
width: 100vw !important;
}
.custom-popup-layer .scale-in-out .showcase-zoom-image .showcase-item {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 300%;
}
.showcase-popup .popup-content,
.dimensions-popup .popup-content {
height: 100%;
}
.showcase-popup .popup-content > div,
.dimensions-popup .popup-content > div {
height: 100%;
overflow: hidden;
}
.showcase-popup .popup-content > div > span,
.dimensions-popup .popup-content > div > span {
position: absolute;
top: 90px;
left: 16px;
z-index: -1;
}
.showcase-popup .popup-content > div.scale-in-out > span,
.dimensions-popup .popup-content > div.scale-in-out > span {
top: 0;
left: 0;
z-index: 5;
width: 100%;
background: white;
z-index: 5;
}
.showcase-popup .popup-content .showcase-widget,
.dimensions-popup .popup-content .showcase-widget {
max-width: none;
}
.showcase-popup .popup-content .showcase-zoom-image,
.dimensions-popup .popup-content .showcase-zoom-image {
top: 50%;
position: relative;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.showcase-popup .popup-content .showcase-item,
.dimensions-popup .popup-content .showcase-item {
box-sizing: border-box;
}
.showcase-popup .popup-content .scale-in-out,
.dimensions-popup .popup-content .scale-in-out {
height: auto;
position: fixed;
left: 0;
top: 0;
}
.showcase-popup .popup-content .scale-in-out .showcase-zoom-image,
.dimensions-popup .popup-content .scale-in-out .showcase-zoom-image {
margin-top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.showcase-popup .popup-content .scale-in-out .showcase-zoom-image > .showcase-item-container,
.dimensions-popup .popup-content .scale-in-out .showcase-zoom-image > .showcase-item-container {
position: relative;
height: 100vh;
width: 100vw !important;
}
.showcase-popup .popup-content .scale-in-out .showcase-zoom-image .showcase-item,
.dimensions-popup .popup-content .scale-in-out .showcase-zoom-image .showcase-item {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 300%;
}
}
@media screen and (min-width: 768px) {
#global-popup.showcase-popup > .popup-container {
padding: 48px;
}
.dimensions-popup .popup-content .showcase-zoom-image {
transform: translateY(0%);
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
}
.showcase-popup .popup-content {
max-height: none;
}
.showcase-popup .popup-content > div {
overflow: visible;
}
.showcase-popup .popup-content .showcase-zoom-image {
margin-top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.showcase-popup .popup-content .showcase-zoom-image .showcase-item {
width: auto;
padding: 0;
}
.showcase-popup .popup-content .showcase-item-furniture .showcase-item-container > div {
height: 567px;
width: 1008px;
}
.showcase-popup .popup-content .showcase-item-product .showcase-item-container > div {
width: 625px;
height: 625px;
}
.showcase-popup .popup-content .showcase-item-container {
height: 66vh;
position: relative;
}
.showcase-popup .popup-content .showcase-item-container > div {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.showcase-popup .popup-content .showcase-nav-panel {
*zoom: 1;
width: 100%;
height: 90px;
float: left;
display: block;
padding-top: 5px;
margin-top: 20px;
border-top: 1px solid #ccc;
overflow: visible;
}
.showcase-popup .popup-content .showcase-nav-panel:before, .showcase-popup .popup-content .showcase-nav-panel:after {
display: table;
content: "";
line-height: 0;
}
.showcase-popup .popup-content .showcase-nav-panel:after {
clear: both;
}
.showcase-popup .popup-content .showcase-nav-controls {
float: left;
max-width: 130px;
width: 100%;
margin-top: 20px;
}
.showcase-popup .popup-content .zoom-in,
.showcase-popup .popup-content .zoom-out {
height: 33px;
width: 33px;
overflow: hidden;
float: left;
box-sizing: border-box;
position: relative;
border: 0;
background: 0;
padding: 0;
margin-right: 6px;
}
.showcase-popup .popup-content .zoom-in:before,
.showcase-popup .popup-content .zoom-out:before {
position: absolute;
}
.showcase-popup .popup-content .zoom-in:focus,
.showcase-popup .popup-content .zoom-out:focus {
outline: dashed 1px;
outline-offset: 2px;
}
.showcase-popup .popup-content .zoom-in .svg-icon-zoom-in {
width: 32px;
height: 32px;
left: 0px;
top: 0px;
color: #222;
}
.showcase-popup .popup-content .zoom-out .svg-icon-zoom-out {
width: 32px;
height: 32px;
left: 0px;
top: 0px;
color: #222;
}
.showcase-popup .popup-content .showcase-thumbnail {
float: right;
width: 642px;
margin-top: 8px;
}
.showcase-popup .popup-content .showcase-thumbnail img {
float: left;
width: 60px;
cursor: pointer;
padding-bottom: 5px;
margin: 0 2px;
border-bottom: 5px solid transparent;
}
.showcase-popup .popup-content .showcase-thumbnail img:focus, .showcase-popup .popup-content .showcase-thumbnail img.selected, .showcase-popup .popup-content .showcase-thumbnail img:hover {
border-color: #222;
}
.showcase-popup .popup-content .showcase-thumbnail img:focus {
outline: 0;
border-bottom-width: 3px;
}
.showcase-popup .popup-content .showcase-thumbnail [class*='svg-icon-arrow-'] {
width: 28px;
height: 28px;
left: 0px;
top: 0px;
position: absolute;
stroke-width: 2.8;
}
.hw-zoom-popup .popup-content .showcase-thumbnail {
width: 322px;
}
}
/* #endregion =========== View full screen / Showcase Image zoom =========== */
/* #region ======== Order Free Swatch =================================== */
#order-swatches-form .popupContent {
box-sizing: border-box;
padding: 1.3em 1.3em 3.9em 1.3em !important;
}
#order-swatches-form .row {
border: 0;
}
#order-swatches-form input, #order-swatches-form select, #order-swatches-form textarea, #order-swatches-form table th, #order-swatches-form table td {
font-family: var(--webfont-primary, sans-serif);
margin: 0;
}
#order-swatches-form .jsFormContent {
border: 0;
}
#order-swatches-form .intro {
font: normal 14px/16px var(--webfont-primary, sans-serif);
margin-top: 10px;
}
#order-swatches-form .swatch-group {
float: left;
margin: 30px 0 0 0;
width: 100%;
}
#order-swatches-form .swatch-group .swatch-group-heading {
border-bottom: 1px solid #e6e7e9;
margin: 4px 0 0 0;
padding: 0 0 5px 0;
font: bold 15px/15px var(--webfont-primary, sans-serif);
width: 100%;
}
#order-swatches-form .swatch-group .swatch-group-heading .swatch-name {
font: normal 14px/16px var(--webfont-primary, sans-serif);
}
#order-swatches-form .swatch-group .swatch-item {
box-sizing: border-box;
float: left;
width: 50%;
margin: .65em 0;
}
#order-swatches-form .swatch-group .swatch-item:nth-of-type(2n+1) {
padding-right: .65em;
clear: left;
}
#order-swatches-form .swatch-group .swatch-item:nth-of-type(2n) {
padding-left: .65em;
}
#order-swatches-form .swatch-group .swatch-item .swatch-img {
width: 100%;
}
#order-swatches-form .swatch-group .swatch-item .stitch-info {
border: 0px !important;
padding: 0px !important;
margin: 0px !important;
font: normal 12px/16px var(--webfont-primary, sans-serif);
}
#order-swatches-form .note-variations {
border: 0px solid #e6e7e9;
font: italic normal 12px/16px var(--webfont-primary, sans-serif);
}
#order-swatches-form .a11y-checkbox-label, #order-swatches-form #okta-sign-in .o-form .o-form-input label, #okta-sign-in .o-form .o-form-input #order-swatches-form label {
width: 100%;
padding: 10px 0px 0px 0px;
height: auto;
font: 12px/16px var(--webfont-primary, sans-serif);
}
#order-swatches-form input[type="checkbox"].a11y-checkbox + label.a11y-checkbox-label::before, #order-swatches-form #okta-sign-in .o-form .o-form-input input[type="checkbox"].a11y-checkbox + label::before, #order-swatches-form #okta-sign-in .o-form .o-form-input .o-form-input-name-remember .custom-checkbox input[type="checkbox"] + label::before, #okta-sign-in .o-form .o-form-input #order-swatches-form input[type="checkbox"].a11y-checkbox + label::before, #okta-sign-in .o-form .o-form-input #order-swatches-form .o-form-input-name-remember .custom-checkbox input[type="checkbox"] + label::before, #okta-sign-in .o-form .o-form-input .o-form-input-name-remember .custom-checkbox #order-swatches-form input[type="checkbox"] + label::before,
#order-swatches-form input[type="radio"].a11y-radio + label.a11y-radio-label::before {
position: absolute;
top: -40px;
left: 8px;
width: 26px;
height: 26px;
line-height: 26px;
overflow: hidden;
margin-top: 5px;
padding: 0;
}
#order-swatches-form .field-validation-error {
margin: 0;
font-size: 13px;
padding-top: 5px;
}
#order-swatches-form .validation.errorMessage {
color: #b00;
margin-bottom: 20px;
padding: 15px 42px;
border: 1px solid #b00;
border-width: 1px 0;
}
#order-swatches-form .validation.errorMessage span {
margin-bottom: 10px;
float: left;
}
#order-swatches-form .validation.errorMessage input[type="checkbox"].a11y-checkbox + label.a11y-checkbox-label::before, #order-swatches-form .validation.errorMessage #okta-sign-in .o-form .o-form-input input[type="checkbox"].a11y-checkbox + label::before, #order-swatches-form .validation.errorMessage #okta-sign-in .o-form .o-form-input .o-form-input-name-remember .custom-checkbox input[type="checkbox"] + label::before, #okta-sign-in .o-form .o-form-input #order-swatches-form .validation.errorMessage input[type="checkbox"].a11y-checkbox + label::before, #okta-sign-in .o-form .o-form-input #order-swatches-form .validation.errorMessage .o-form-input-name-remember .custom-checkbox input[type="checkbox"] + label::before, #okta-sign-in .o-form .o-form-input .o-form-input-name-remember .custom-checkbox #order-swatches-form .validation.errorMessage input[type="checkbox"] + label::before,
#order-swatches-form .validation.errorMessage input[type="radio"].a11y-radio + label.a11y-radio-label::before {
top: -10px;
left: -32px;
}
#order-swatches-form .validation.errorMessage:focus {
outline: 0;
}
#order-swatches-form .validation.errorMessage .svg-icon-error {
height: 20px;
width: 20px;
fill: #b00;
position: absolute;
left: 4px;
border: 1px solid #b00;
}
#order-swatches-form .validation.errorMessage label[for="chkUseAsEntered"] {
margin: 2px 0 0 28px;
padding: 0;
}
#order-swatches-form .column-form {
margin: 20px 0 10px 0;
}
#order-swatches-form .column-form .row {
margin-top: 15px;
}
#order-swatches-form .column-form .row:first-child {
margin-top: 0;
}
#order-swatches-form .column-form label {
color: #222;
font-size: 13px;
font-weight: bold;
}
#order-swatches-form .column-form label .required {
font-weight: normal;
color: #666;
text-transform: lowercase;
}
#order-swatches-form .column-form .order-swatch-button-wrap {
margin-top: 30px;
}
.adaptive-layout #order-swatches-form .popupContent {
max-width: 950px;
padding: 35px !important;
}
.adaptive-layout #order-swatches-form .swatch-group {
box-sizing: border-box;
padding-right: 30px;
}
.adaptive-layout #order-swatches-form .swatch-group .swatch-group-heading {
width: calc(100% - 10px);
}
.adaptive-layout #order-swatches-form .swatch-group .swatch-item {
width: 33.3333%;
margin: 10px 0;
}
.adaptive-layout #order-swatches-form .swatch-group .swatch-item:nth-of-type(2n+1) {
clear: none;
}
.adaptive-layout #order-swatches-form .swatch-group .swatch-item:nth-of-type(3n+1) {
clear: left;
padding-left: 0;
padding-right: 10px;
}
.adaptive-layout #order-swatches-form .swatch-group .swatch-item:nth-of-type(3n+2) {
padding-left: 0;
padding-right: 10px;
}
.adaptive-layout #order-swatches-form .swatch-group .swatch-item:nth-of-type(3n+3) {
padding-left: 0;
padding-right: 10px;
}
.adaptive-layout #order-swatches-form .column-form label {
float: none;
}
.adaptive-layout #order-swatches-form .errorMessage {
*zoom: 1;
box-sizing: border-box;
width: 100%;
margin: 33px 0 20px;
padding: 15px 32px;
font-size: 12px;
line-height: 16px;
}
.adaptive-layout #order-swatches-form .errorMessage:before, .adaptive-layout #order-swatches-form .errorMessage:after {
display: table;
content: "";
line-height: 0;
}
.adaptive-layout #order-swatches-form .errorMessage:after {
clear: both;
}
.adaptive-layout #order-swatches-form .errorMessage .jsDivUseAsEntered {
box-sizing: border-box;
float: left;
width: 100%;
margin: 5px 0 0 0;
}
.adaptive-layout #order-swatches-form .errorMessage input {
float: left;
width: auto;
}
.adaptive-layout #order-swatches-form .errorMessage label[for="chkUseAsEntered"] {
float: left;
font-weight: 400;
font-size: 12px;
}
/* #endregion ======== Order Free Swatch =================================== */
/* #region ========== Savd and Share ========== */
@media screen and (min-width: 1px) {
.popup-container .social-share {
padding: 70px 20px;
display: block;
position: relative;
*zoom: 1;
}
.popup-container .social-share:before, .popup-container .social-share:after {
display: table;
content: "";
line-height: 0;
}
.popup-container .social-share:after {
clear: both;
}
.popup-container .social-share a {
padding: 16px 0;
width: 100%;
float: left;
border-bottom: 3px solid #eee;
color: #333;
}
.popup-container .social-share a span {
font-size: 18px;
line-height: 20px;
}
.popup-container .social-share a .icon {
height: 27px;
width: 27px;
vertical-align: middle;
margin-right: 12px;
}
}
/* #region =========== dimensions video popups =========== */
@media screen and (min-width: 1px) {
#global-popup #popup-container .dimension-video-popup .promoTextCopyBlock div {
clear: both;
}
#global-popup #popup-container .dimension-video-popup .learn-more-delivery-prep {
display: block;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
#global-popup #popup-container .dimension-video-popup .learn-more-delivery-prep:hover {
text-decoration: underline;
}
}
@media screen and (min-width: 768px) {
#global-popup #popup-container .dimension-video-popup {
box-sizing: border-box;
}
#global-popup #popup-container .dimension-video-popup .delivery-prep-headline {
margin-top: -40px;
}
#global-popup #popup-container .dimension-video-popup .learn-more-delivery-prep {
display: inline-block;
margin-left: 6px;
}
}
/* #endregion =========== dimensions video popups =========== */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-family: var(--webfont-primary, sans-serif);
font-weight: normal;
}
.validation-error {
border-top: 1px solid #b00;
border-bottom: 1px solid #b00;
font-weight: bold;
font-size: .9em;
background: #fffbfa url(//images.crateandbarrel.com/is/image/Crate/icon-error-alert?fmt=png-alpha) no-repeat 12px 15px;
margin: 10px 0;
padding: 1.5em 1em 1.5em 3.2em;
float: left;
display: block;
position: relative;
color: #b00;
font-weight: bold;
}
.validation-error a {
color: #333;
}
/* #region ===== A11y Checkboxes and Radio Buttons =============================================================== */
input[type="checkbox"].a11y-checkbox, #okta-sign-in .o-form .o-form-input .o-form-input-name-remember .custom-checkbox input[type="checkbox"],
input[type="radio"].a11y-radio {
border: 0;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
Gather the magic.