/**
 * Our plugin-wide CSS file.
 *
 * @package WordPress
 * @subpackage LXB StatusPage
 * @since LXB StatusPage 0.1
 */

/**
 * TABLE OF CONTENTS
 */

/**
 * 1. Statuspage.io box.
 *
 * 2. Subscribe form.
 */

	/* The status page thing should have some bottom whitespace. */
	.lxb_statuspage-statuspage { margin-bottom: 15px; }

	/* Unless it's the last element. */
	.lxb_statuspage-statuspage:last-child { margin-bottom: 0px; }

	/* The status boxes get some bottom whitespace, and are white-on-color. */
	.lxb_statuspage-status_box {
		margin: 0 0 18px 0;
		color: white;
	}

	/* Stuff inside the status box gets some padding. */
	.lxb_statuspage-status_box > * {
		margin: 0;
		padding: 15px;
	}

	/* If you're the last element in a status box, you don't need bottom whitespace. */
	.lxb_statuspage-status_box:last-child { margin-bottom: 0; }

	/* When you hover over a status box, it fades out a bit. */
	.lxb_statuspage-status_box:hover { opacity: 0.8; }

	.lxb_statuspage-status_box-no_incidents .lxb_statuspage-incident_title a {
		color: #fff;
	}

	.lxb_statupage-incident_title a {
		word-break: break-word;
	}

	/* No incidents?  Green! */
	.lxb_statuspage-status_box-no_incidents .lxb_statuspage-incident_title { background: #78aa00; }

	/* Unresolved incident?  Red! */
	.lxb_statuspage-status_box.unresolved .lxb_statuspage-incident_title  { background: #e80000; }

	/* Working on an incident?  Red-to-yellow! */
	.lxb_statuspage-status_box.unresolved.identified .lxb_statuspage-incident_title  {
		background: #ffa400; /* Old browsers */
		background: -moz-linear-gradient(left,  #ffa400 0%, #e80300 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #ffa400 0%,#e80300 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #ffa400 0%,#e80300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa400', endColorstr='#e80300',GradientType=1 ); /* IE6-9 */
	}

	/* Monitoring an incident?  Yellow! */
	.lxb_statuspage-status_box.unresolved.monitoring .lxb_statuspage-incident_title  { background: #ffa400; }

	/* Future Maintenance?  Blue! */
	.lxb_statuspage-status_box.scheduled.future .lxb_statuspage-incident_title  { background: #00a8e3; }

	/* Present Maintenance?  Blue-to-green! */
	.lxb_statuspage-status_box.in_progress .lxb_statuspage-incident_title,
	.lxb_statuspage-status_box.unresolved.verifying .lxb_statuspage-incident_title,
	.lxb_statuspage-status_box.scheduled.present .lxb_statuspage-incident_title  {
		background: #00a8e3; /* Old browsers */
		background: -moz-linear-gradient(left,  #00a8e3 0%, #76ac01 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #00a8e3 0%,#76ac01 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #00a8e3 0%,#76ac01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a8e3', endColorstr='#76ac01',GradientType=1 ); /* IE6-9 */
	}

	/* The name of the incident. */
	.lxb_statuspage-status_box .lxb_statuspage-incident_title  {
		margin: 0;
		color: white;
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 0;
	}

	/* The clickable link. */
	.lxb_statuspage-incident_link {
		color: #fff;
		margin-right: 1.25em;
		margin-top: -2px;
	}

	.lxb_statuspage-incident_link:hover {
		color: #fff;
	}

	/* Really just going bonkers trying to vert center stuff. */
	.lxb_statuspage-incident_link,
	.lxb_statuspage-incident_link * { display: inline-block; }
	.lxb_statuspage-incident_title,
	.lxb_statuspage-incident_link,
	.lxb_statuspage-incident_link * { vertical-align: middle; }

	/* Dashicons need nudging, it's true. */
	.lxb_statuspage-status_box .dashicons {
		padding-right: .2em;
		margin-top: -3px;
	}

	/* Although some need less nudging than others. */
	.lxb_statuspage-status_box .dashicons.dashicons-clock,
	.lxb_statuspage-status_box .dashicons.dashicons-thumbs-up { margin-top: -1px; }

	/* Don't break a new line within the incident name. */
	.lxb_statuspage-incident_name {
		display: inline-block;
		word-break: break-word;
	}

	/* Feel free to break a new line before the scheduled-for date. */
	.lxb_statuspage-incident_name-scheduled_for { white-space: normal; }

	/* The 'x minutes ago' text is a bit smaller. */
	.lxb_statuspage-timeline {
		font-size: 77.5%;
		font-weight: 400;
		white-space: nowrap;
	}

	/* Don't break a line within a date. */
	.lxb_statuspage-scheduled_for_date { white-space: nowrap; }

	/* The incident body text is dark-on-white. */
	.lxb_statuspage-incident_body {
		background: #fff;
		color: #333;
		font-size: 14px;
		border: 1px solid #dbdbdb;
		border-top: none;
		max-height: 200px;
    	overflow: scroll;
	}

	/* Deconflict with admin styles */
	.lxb_statuspage-incident_body p {
		margin: 0;
	}

	/* On the login page, constrain the box depending on if there's an event or not. */
	.lxb_login-login_form + .lxb_statuspage-statuspage {
		width: 365px;
		margin: 0 auto;
	}

	.lxb_login-login_form.event + .lxb_statuspage-statuspage {
		width: 840px;
	}

/**
 * 2. Subscribe form.
 */

	#dashboard-widgets .lxb_statuspage-get_subscribe_form {
		border: 1px solid #e5e5e5;
		background-color: #f1f1f1;
		padding: 1em;
	}

	#dashboard-widgets .lxb_statuspage-get_subscribe_form-title { font-weight: 600; }

	#dashboard-widgets .lxb_statuspage-get_subscribe_form-title .dashicons {
		font-size: 24px;
		line-height: 24px;
		height: 24px;
		padding-right: .25em;
		margin-top: -.15em;
	}

	#dashboard-widgets .lxb_statuspage-get_subscribe_form-subtitle {
		font-weight: 400;
		margin: 0;
		font-size: inherit;
	}

	.lxb_statuspage-get_subscribe_form-inputs_wrap,
	.lxb_statuspage-get_subscribe_form-input_wrap { margin-bottom: 1em; }

	.lxb_statuspage-get_subscribe_form-inputs_wrap .lxb_statuspage-get_subscribe_form-input_wrap { margin-bottom: .2em; }

	.lxb_statuspage-get_subscribe_form-inputs_wrap .lxb_statuspage-get_subscribe_form-input_wrap:last-child { margin-bottom: 0em; }

	.lxb_statuspage-get_subscribe_form-inputs_wrap label {}

	.lxb_statuspage-get_subscribe_form-input-email {
		padding: 10px;
		border-radius: 3px;
		font-size: 14px;
		line-height: 19.5px;
	}

	.lxb_statuspage-get_subscribe_form-input_wrap [type='checkbox'] {
		margin-top: 0;
		margin-bottom: 0;
	}

	.lxb_statuspage-get_subscribe_form-submit_wrap:not(:last-child) {
		margin-bottom: 1em;
	}

	.lxb_statuspage-get_subscribe_form-result {
		background-color: #fff;
		border: 1px solid #000;
		padding: 1em;
	}

	.lxb_statuspage-get_subscribe_form-sorry { border-color: #e80300; }

	.lxb_statuspage-get_subscribe_form-thanks { border-color: #93BB33; }