/* Icon cards for the Biz Tools detail pages. Standalone on purpose: style.css is compiled from sass/. */
.tool-card { border: 1px solid #eee; border-top: 3px solid #ff9933; padding: 30px; height: 100%; background: #fff; }
.tool-card .tool-icon { width: 56px; height: 56px; line-height: 56px; border-radius: 50%; background: #ff9933; color: #fff; text-align: center; font-size: 24px; margin-bottom: 20px; }
.tool-card h3 { font-size: 22px; margin-bottom: 15px; }
.tool-card p { text-align: left; }
.tool-card ul { margin: 0; padding: 0; }
.tool-card ul li { list-style: none; margin-bottom: 6px; }
.tool-card ul li i { margin-right: 8px; }
.tool-soon { display: inline-block; background: #336666; color: #fff; font-size: 12px; padding: 4px 12px; border-radius: 20px; text-transform: uppercase; letter-spacing: 1px; }
.tool-col { margin-bottom: 30px; }

/* Compact variant: icon beside one line of text, for benefit lists */
.tool-card.tool-card-sm { display: flex; align-items: center; padding: 20px; }
.tool-card.tool-card-sm .tool-icon { flex: 0 0 44px; width: 44px; height: 44px; line-height: 44px; font-size: 16px; margin: 0 15px 0 0; }
.tool-card.tool-card-sm p { margin: 0; }