@media(min-width:780px){#footer-widgets .container{max-width:100%;width:100%;padding:0 80px}#footer-widgets .ogb-newsletter-form-wrap{max-width:400px;margin-bottom:60px}}#footer-widgets{border-top:1px solid #E5E5E5}#footer-widgets h3{text-transform:uppercase}#footer-widgets .footer-top p{margin:0}#footer-widgets .footer-middle{position:relative;padding:60px 0 40px}#footer-widgets .footer-middle:after{content:'';position:absolute;top:0;left:-50%;right:-50%;min-width:2550px;width:100%;max-width:100%;height:1px;background:#E5E5E5}#footer-widgets .footer-middle .ogb-icon-list-inner:not(.custom-footer-social-menu){font-size:14px;line-height:3}#footer-widgets .footer-middle .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-10 i,#footer-widgets .footer-middle .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-8 i{font-size:25px}#footer-widgets .footer-middle .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-10,#footer-widgets .footer-middle .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-8{max-width:200px}#footer-widgets .footer-middle .ogb-icon-list-inner i,#footer-widgets .footer-middle .ogb-icon-list-inner a{text-decoration:none;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}#footer-widgets .footer-middle .ogb-icon-list-inner:hover i,#footer-widgets .footer-middle .ogb-icon-list-inner:hover a{color:#f9b000}#footer-widgets .footer-middle img{max-width:70%;margin:0 0 24px 0}#footer-widgets .footer-middle .wp-container-6 .ogb-icon-list-left{max-width:24px;margin:0 10px 0 0;display:inline-block}#footer-widgets .footer-bottom p{font-weight:600;margin:0 }/* MOBILE ONLY:stack the WooCommerce variation label above the swatches This gives the image swatches more horizontal room on phones. Example result:Compact Mirror Designs [swatches underneath] */@media (max-width:767px){/* Make each variation row behave like a vertical block instead of a table row. This moves the label section above the swatch section on mobile. */table.variations tr,table.variations tbody tr{display:flex;flex-direction:column;align-items:flex-start}/* Make both the label cell and value cell full width. Without this,WooCommerce may keep them squeezed side-by-side. */table.variations td.label,table.variations td.value{display:block;width:100%}/* Add a little space below the attribute label. Remove right padding because the label is no longer sitting beside the swatches. */table.variations td.label{margin-bottom:10px;padding-right:0}/* Let the swatch wrapper use the full available width. Different themes/plugins may use slightly different class names,so these selectors cover the common possibilities. */table.variations td.value .thwvsf-wrapper-ul,table.variations td.value ul.variable-items-wrapper,table.variations td.value .variable-items-wrapper{width:100%}/* Optional layout help:Keep swatches wrapping neatly across the row on mobile. This helps create a cleaner multi-column grid. */table.variations td.value .thwvsf-wrapper-ul,table.variations td.value ul.variable-items-wrapper,table.variations td.value .variable-items-wrapper{display:flex;flex-wrap:wrap;gap:8px}}