/*
 * Footer: Writer — styles for footers/footer-writer.php.
 * Loaded only while Site Options → Footer Options = "Footer: Writer".
 * Selectors are scoped to .footer and weighted to beat the theme's global
 * Gravity Forms rules (which use !important and stacked :not() selectors;
 * :not(#_) matches everything but counts as an ID, so it outweighs them).
 */

/* Email signup row: title left, one-line email field right */
.footer .footer-email { width: 80%; max-width: 800px; margin: 0 auto; position: relative; }
.footer .footer-email .left { width: 35%; }
.footer .footer-email .right { width: 62%; }
.footer .footer-email h2 { margin-top: 6px; }

html body .footer .footer-email .gform_wrapper input.medium,
html body .footer .footer-email .gform_wrapper input.large,
html body .footer .footer-email .gform_wrapper select,
html body .footer .footer-email .gform_wrapper textarea,
html body .footer .footer-email .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.footer .footer-email .gform_wrapper input:not(#_):not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	font-size: 20px !important; color: #fff !important; border: 0 !important; box-shadow: none !important;
	background: #222 url(../images/icon-mail.png) no-repeat right 20px center !important; background-color: #222 !important; background-size: 19px 14px !important; border-radius: 6px !important;
	height: 60px !important; line-height: 60px !important;
}
html body .footer .footer-email .gform_wrapper input::placeholder { color: rgba(255, 255, 255, 0.6) !important; }
html body .footer .footer-email .gform_wrapper ul li.gfield,
html body .footer .footer-email .gform_wrapper .gfield { margin-top: 0 !important; }
/* The submit button sits invisibly over the mail icon: click the icon to send */
html body .footer .footer-email .gform_footer { position: absolute !important; top: 0 !important; right: 0 !important; width: 60px !important; height: 60px !important; margin: 0 !important; padding: 0 !important; }
html body .footer .footer-email .gform_wrapper .gform_footer button,
html body .footer .footer-email .gform_wrapper .gform_footer input { width: 60px !important; max-width: 60px !important; min-width: 60px !important; height: 60px !important; position: absolute; top: 0; right: 0; margin: 0 !important; opacity: 0 !important; }
.footer .footer-email .gform_confirmation_message { background: green; margin-top: 0 !important; padding: 0 30px; height: 60px !important; border-radius: 6px; color: #fff; text-align: center; font-size: 1.6em; line-height: 60px !important; box-sizing: border-box; }

/* Fine print (the :not(#_) outweighs the theme's own .copyright size) */
.footer .copyright { text-align: center; color: rgba(255, 255, 255, 0.7); margin-bottom: 0 !important; }
.footer p.copyright:not(#_) { font-size: 1.6em !important; }
.footer .copyright a { color: rgba(255, 255, 255, 0.7) !important; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.35); text-underline-offset: 3px; }
.footer .copyright a:hover { color: #fff !important; }
.footer p.copyright a.designby { font-family: 'proxima-nova', Helvetica, Arial, sans-serif; font-size: 1.4em; margin-left: 4px; color: rgba(255, 255, 255, 0.7) !important; }
.footer p.copyright a.designby:hover { color: #fff !important; text-decoration: none; }

@media only screen and (max-width: 501px) {
	.footer .footer-email .left, .footer .footer-email .right, .footer .footer-email { width: 100%; }
	.footer .footer-email .left { text-align: center !important; margin-bottom: 20px; }
}