.gpo-app .gpo-swatches.color-swatches input + label .top-color { width: 42px; height: 42px; } .gpo-app { background: transparent; margin-top: 0; } .gpo-app .gpo-label, .gpo-app .gpo-label span.label-content, .gpo-app .gpo-label span.addOn, .gpo-app .gpo-label.required span.label-content::after { font-size: var(--font-size-body-smaller); font-weight: 700; font-style: normal; line-height: 1.15; } .gpo-app .gpo-label, .gpo-app .gpo-label span.label-content { color: #1d1d1d; } .gpo-app .gpo-label { margin-bottom: 0.625rem; } .gpo-app .gpo-dropdown .dropdown-button { height: 49.73px; font-style: normal; font-weight: 400; font-size: var(--font-size-body); } .gpo-app .gpo-select { position: relative; } .gpo-app .gpo-dropdown .dropdown-button__icon::before { display: none !important; } .gpo-app .gpo-dropdown .dropdown-button::after { position: absolute; content: ""; display: block; border-bottom: 1.5px solid rgba(0, 0, 0, 0.75); border-right: 1.5px solid rgba(0, 0, 0, 0.75); height: 5px; width: 5px; cursor: pointer; right: 11px; top: 50%; transform: translateY(-50%) rotate(45deg); } .gpo-app .gpo-dropdown .dropdown-button::placeholder { color: #ddd !important; } .gpo-app .order-now .gpo-pdLinks--swatches.gpo-pdLinks--buttons input + label:before { content: ""; display: inline-block; width: 48px; height: 48px; background-image: url('data:image/svg+xml;utf8,'); background-size: cover; margin-top: 1rem; margin-right: 1rem; } .gpo-app .order-now .gpo-label span.label-content:after { display: block; content: "Order a free fabric sample!"; font-weight: normal; margin-top: 1rem; } .gpo-app .order-now .gpo-pdLinks--swatches.gpo-pdLinks--buttons input + label { display: flex; align-items: center; border: none; text-decoration: underline; padding: 0; } .order-now { padding: 12px 15px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1), 0 -4px 10px rgba(0, 0, 0, 0.1); border-radius: 8px; cursor: pointer; } .gpo-app .order-now .gpo-pdLinks--swatches.gpo-pdLinks--buttons input + label:hover { color: #000; } .gpo-app .order-now .gpo-pdLinks--swatches input + label:hover .gpo-tooltip, .gpo-app .order-now .gpo-swatches input + label:hover .gpo-tooltip { display: none; } .gpo-app .order-now .gpo-pdLinks--swatches.gpo-pdLinks--buttons input:checked + label { background: transparent; text-decoration-color: black; } .gpo-app .order-now .gpo-pdLinks--swatches.gpo-pdLinks--buttons input:checked + label span { background: transparent; color: black; } .gpo-app .gpo-tooltip{ color: white !important; } .gpo-app, .gpo-element:last-child, [data-element-id*="group"]:nth-last-child(-n + 2) { margin-bottom: 0; }

Shade Sail vs Pergola vs Cantilever Umbrella: 3 Pool Shade Options Compared