html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } @media screen and (min-width: 780px) { .panel .item { float: left; display: block; margin-right: 3.57869%; width: 30.94754%; } .panel .item:last-child { margin-right: 0; } .panel .item:nth-child(3n) { margin-right: 0; } .panel .item:nth-child(3n+1) { clear: left; } .panel .theme_link { float: left; display: block; margin-right: 3.57869%; width: 48.21066%; } .panel .theme_link:last-child { margin-right: 0; } .panel .theme_link:nth-child(2n) { margin-right: 0; } .panel .theme_link:nth-child(2n+1) { clear: left; } .panel .plugins, .panel .themes { float: left; display: block; margin-right: 3.57869%; width: 48.21066%; } .panel .plugins:last-child, .panel .themes:last-child { margin-right: 0; } .panel .plugins { margin-right: 0; } } .evidence { background: #fff; border: 1px solid #dedede; margin-top: 1em; padding: 15px; } .evidence h3 { margin-top: 0; } .evidence .features { font-size: .9em; } .evidence .features h4 { text-transform: uppercase; margin-bottom: 0; } .evidence .features p { margin-top: 5px; } .evidence .dashicons { color: #fc3; margin-right: 5px; vertical-align: text-bottom; } .evidence .button-upgrade { background: #fc3; border: 1px solid #e6ac00; border-top-color: #ffc61a; color: #5d4b16; text-transform: uppercase; display: inline-block; text-decoration: none; font-size: 13px; line-height: 30px; height: 32px; margin: 0; padding: 0 20px 1px; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 2px; border-radius: 2px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 0 #cc9900; box-shadow: 0 1px 0 #cc9900; text-shadow: 2px 2px #fd3; } .evidence .button-upgrade:hover, .evidence .button-upgrade:focus { background: #fd3; color: #5d4b16; border-color: #ffc61a; } .theme-name { font-weight: bold; } .theme-name .version { font-size: 14px; background: #fff; padding: 5px 10px; margin-left: 5px; } .items { clear: both; display: inline-block; width: 100%; } .items .product { display: block; background: #ececec; margin: 10px 0; padding: 10px 8px; } .items .product .name { font-weight: bold; } .items .product .status, .items .product .buttons { float: right; } .items .product .status { color: green; } .items .product a { text-decoration: none; }