/* Extracted from footer.php.
   Linked from that same file so the cascade order is unchanged. */

/* ------------------------------------------------------------- VAPT RL-39 --
   Scoped to #footer. These were global rules on `.form-control`, a BOOTSTRAP
   class name, and the collision went both ways.

   Outward: any page with its own .form-control fields got the footer's dark
   #171717 background applied to them, because this file loads last.

   Inward - the reported bug: the footer subscribe form styles some fields with
   .form-control and others with .subscribe-grid. On the pages that also load
   Bootstrap (index, best-paper-awards, conference_invitation, past-speakers,
   speaker-criteria, submit-proposal) Bootstrap's higher-specificity variants,

       select.form-control:not([size]):not([multiple])     (0,3,1)
       input[type="number"].form-control                   (0,2,1)

   beat this file's plain .form-control (0,1,0) even though it loads later -
   specificity is decided before source order. So on those six pages the two
   <select> fields and the phone <input type="number"> picked up Bootstrap's
   pale 34px styling while the text inputs kept the theme's dark full-width
   styling. That is why the form looked wrong on submit-proposal.php and fine
   everywhere else.

   #footer .form-control is (1,1,0). An ID beats any number of classes and
   elements, so the footer now wins on all six of those pages, and stops
   reaching outside itself on all of them. */
#footer .form-control {

		padding: 9px 10px;
		background-color: #171717;
		outline: none;
		font-size: 14px;
		margin: 0;
		width: 100%;

		display: block;
		margin-bottom: 9px;
		border: 1px solid #eaeaea;
		-moz-transition: border .25s linear, color .25s linear, background-color .25s linear;
		-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
		-o-transition: border .25s linear, color .25s linear, background-color .25s linear;
		transition: border .25s linear, color .25s linear, background-color .25s linear;
	}

	.nun {
		display: none;
	}

	.cd {
		margin-left: -12px;
	}

	.pne {
		margin-bottom: 10px;
	}

	/* RL-39: scoped for the same reason as .form-control above - a bare `.phe`
	   carrying `width: 110% !important` is exactly the kind of rule that has no
	   business escaping the footer. */
	#footer .phe {
		width: 110% !important;
	}

	.captch {
		margin-left: 3px;
	}

	.cap {
		transform: scale(0.77);
		-webkit-transform: scale(0.77);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}

	.sub {
		float: left;
		padding: 6px 16px 6px 16px;
		margin-top: -30px;
	}

	.tawk {
		position: fixed;
		bottom: 24px;
		right: 40px;
		width: 100px;
		height: auto;
		z-index: 1000;
	}