:root { --accent: #f37a20; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }input, textarea{ text-align: right!important; } a{ color: #f37a20; } #open-hours .extra-details { -ms-box-orient: vertical; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #open-hours .extra-details li { flex: 0 0 100%; } #open-hours .extra-details li:nth-of-type(1) { order: 2; } #open-hours .extra-details li:nth-of-type(2) { order: 3; } #open-hours .extra-details li:nth-of-type(3) { order: 4; } #open-hours .extra-details li:nth-of-type(4) { order: 5; } #open-hours .extra-details li:nth-of-type(5) { order: 6; } #open-hours .extra-details li:nth-of-type(6) { order: 7; } #open-hours .extra-details li:nth-of-type(7) { order: 1; } #open-hours .extra-details p { order: 8; }