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

/**
 * TABLE OF CONTENTS
 */
.LXB_Staging_Reminder {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 15px;
	background-image: repeating-linear-gradient( 135deg, #ebd007, #ebd007 30px, #555 30px, #555 60px );
	background-origin: right;
	z-index: 900;
	cursor: pointer;
}

.LXB_Staging_Reminder-menu {
	position: fixed;
	bottom: 0px;
	left: 134px;
}

a.LXB_Staging_Reminder-menu-item:hover,
.LXB_Staging_Reminder-menu-item {
	background: #555;
	color: #ebd007;
}

.LXB_Staging_Reminder-info-text {
	display: none;
	position: fixed;
	bottom: 28px;
	left: 84px;
	width: 200px;
	background: #555;
	color: #ebd007;
	box-shadow: 2px 2px 2px 0px rgba( 0, 0, 0, .2 );
	padding: 8px 10px 7px 10px;
	font-size: 11px;
	border-radius: 2px;
}

.LXB_Staging_Reminder-info-text::after {

    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #555;
    position: fixed;
    left: 135px;
    bottom: 19px;
}

.LXB_Staging_Reminder-info .dashicons {
	position: fixed;
	bottom: 0px;
	left: 134px;
	font-size: 15px;
	width: 15px;
	height: 15px;
	cursor: help;
}