/* Native replacement for the Homestead contact-form iframes.
   Colours/sizes mirror the original widget parameters. */
.sf-form{box-sizing:border-box;height:100%;width:100%;padding:14px 16px;
  font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;overflow:hidden}
.sf-form *{box-sizing:border-box}
.sf-form label{display:block;font-weight:bold;font-size:12px;margin:0 0 3px;line-height:1.3}
.sf-form input[type=text],.sf-form input[type=email],.sf-form input[type=tel],
.sf-form textarea{width:100%;border:1px solid #cfd6e4;border-radius:3px;padding:5px 7px;
  font:13px/1.35 inherit;font-family:inherit;color:#222;background:#fff}
.sf-form textarea{resize:vertical}
.sf-form input:focus,.sf-form textarea:focus{outline:2px solid #ffd45e;outline-offset:0;border-color:#ffd45e}
.sf-form .sf-row{margin-bottom:8px}
.sf-form button{border:0;border-radius:3px;padding:7px 20px;font:bold 13px/1 inherit;
  font-family:inherit;color:#fff;background:#9E0704;cursor:pointer}
.sf-form button:hover{background:#c00a06}
.sf-form .sf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sf-form .sf-note{font-size:10px;line-height:1.35;margin:6px 0 0;opacity:.85}

/* vertical variant - home page sidebar, 300x412, navy */
.sf-vert{background:#1D1D85;color:#BEC4FD;font-family:Arial,Helvetica,sans-serif}
.sf-vert .sf-title{font:bold 15px/1.2 Arial,Helvetica,sans-serif;color:#fff;margin:0 0 10px}
.sf-vert textarea{height:96px}

/* horizontal variant - contact page, 600x325, blue */
.sf-horiz{background:#406AB0;color:#FFFFFF;padding:18px 22px}
.sf-horiz .sf-title{font:bold 16px/1.2 'Trebuchet MS',Arial,sans-serif;color:#fff;margin:0 0 12px}
.sf-horiz .sf-grid{display:table;width:100%;border-spacing:0 0}
.sf-horiz .sf-col{display:table-cell;vertical-align:top;width:50%}
.sf-horiz .sf-col:first-child{padding-right:14px}
.sf-horiz textarea{height:118px}
.sf-horiz .sf-actions{margin-top:10px}