/*
 * 	BNE Flyout
 *	CSS File
 *
 * 	@author		Kerry Kline
 * 	@copyright	Copyright (c) 2014, Kerry Kline
 * 	@link		http://www.bluenotesentertainment.com
 * 	@package	BNE FlyOut
 *
 *	@updated	August 7, 2014
 *
*/

/* == Main Wrapper == */
.bne-flyout-wrapper { }

/* == Trigger == */
.flyout-trigger { position: fixed; top: 40%; cursor: pointer; z-index: 99998; }
.flyout-trigger.trigger-left { left: 0px; }
.flyout-trigger.trigger-right { right: 0px; }

/* == Trigger Button == */
.flyout-trigger.trigger-button {
	padding: 5px 10px;
	color: white;
	font-weight: bold;
	background: #333;
}

/* == Trigger Button (text) LEFT == */
.flyout-trigger.trigger-left.trigger-button {
	box-shadow: -2px 2px 5px rgba(0,0,0,.4);
	-webkit-transform-origin: left top;
	    -ms-transform-origin: left top;
			transform-origin: left top;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	     -o-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}

/* == Trigger Button (text) RIGHT == */
.flyout-trigger.trigger-right.trigger-button {
	box-shadow: 2px 2px 5px rgba(0,0,0,.4);
	-webkit-transform-origin: right top;
	    -ms-transform-origin: right top;
			transform-origin: right top;
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}


/* == Trigger Image == */
.flyout-trigger.trigger-image img { width: 100%;}
@media only screen and (max-width: 600px) {
	.flyout-trigger.trigger-image img { max-width: 70px; }
}

/* Add pointer cursor for on page image triggers */
img[class*='flyout-trigger-id-'] { cursor: pointer; }



/* == Flyout Container Wrapper == */
.bne-flyout-wrapper .sidr {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 300px;
}
@media only screen and (min-width: 783px) {
	.admin-bar .bne-flyout-wrapper .sidr { top: 32px; }
}
@media only screen and (max-width: 782px) {
	.admin-bar .bne-flyout-wrapper .sidr { top: 46px; }
}

.bne-flyout-wrapper .sidr.right { left: auto;  right: -100%; }
.bne-flyout-wrapper .sidr.left  { left: -100%; right: auto; }



/* == Flyout Content == */
.flyout-content {
	padding: 10px 20px 50px 20px;
	height: 100%;
    overflow-x: none;
    overflow-y: auto;
    background: #444;
    color: #fff;
    line-height: 1.4em;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box;
}

.flyout-content.push {
    -webkit-box-shadow: inset 0 0 15px 5px rgba(0,0,0,.5);
       -moz-box-shadow: inset 0 0 15px 5px rgba(0,0,0,.5);
	   		box-shadow: inset 0 0 15px 5px rgba(0,0,0,.5);
}

.flyout-content.slide {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.8);
       -moz-box-shadow: 0 0 10px rgba(0,0,0,.8);
	   		box-shadow: 0 0 10px rgba(0,0,0,.8);
}

.flyout-content a:hover { color: inherit;  }
.flyout-content a:visited { color: inherit; }
.flyout-content h1, .flyout-content h2, .flyout-content h3, .flyout-content h4, .flyout-content h5, .flyout-content h6 { color: white; }
.flyout-content p { margin-bottom: 15px; line-height: 1.4em; }
.flyout-content img { max-width: 100%; }

/* == Edit & Close Button == */
.flyout-close-button,
.flyout-edit-button {
    display: block;
    cursor: pointer;
    padding: 2px 6px;
	border: 1px solid #111;
    border-radius: 4px;
	float: right;
	font-size: 14px;
	vertical-align: middle;
	color: white !important;
	background: #000;
	font-weight: bold;
	margin-bottom: 10px;
}

.flyout-close-button:hover, .flyout-edit-button:hover { color: #fff !important; background: #111; box-shadow: 0px 0px 4px #000; }
.bne-flyout-wrapper .sidr.right .flyout-close-button { float: left;  }
.bne-flyout-wrapper .sidr.left .flyout-close-button  { float: right; }
.bne-flyout-wrapper .sidr.right .flyout-edit-button  { float: right; }
.bne-flyout-wrapper .sidr.left .flyout-edit-button   { float: left;  }


/* == Form Fields == */
.bne-flyout-wrapper form { margin: 10px; }
.bne-flyout-wrapper input[type="text"],
.bne-flyout-wrapper input[type="password"],
.bne-flyout-wrapper input[type="date"],
.bne-flyout-wrapper input[type="datetime"],
.bne-flyout-wrapper input[type="email"],
.bne-flyout-wrapper input[type="number"],
.bne-flyout-wrapper input[type="search"],
.bne-flyout-wrapper input[type="tel"],
.bne-flyout-wrapper input[type="time"],
.bne-flyout-wrapper input[type="url"],
.bne-flyout-wrapper textarea,
.bne-flyout-wrapper select { 
	width:100% !important;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box;
	border: none;
	background: rgba(0,0,0,0.3);
	color: white;
	display: block;
	clear: both;
}
.bne-flyout-wrapper input[type="file"] { width: 100% !important;}


/* == Helper Classes == */
/* Responsive visiblity classes */
.flyout-trigger.hide_on_standard { display: none; }

@media (max-width: 900px) {
	/* Tablets */
	.flyout-trigger.hide_on_standard,
	.flyout-trigger.hide_on_mobile {
		display: block;
	}
	.flyout-trigger.hide_on_tablet {
		display: none;
	}
}
@media (max-width: 600px) {
	/* Mobile */
	.flyout-trigger.hide_on_standard,
	.flyout-trigger.hide_on_tablet {
		display: block;
	}
	.flyout-trigger.hide_on_mobile {
		display: none;
	}
}


/* == Custom Font Pack == */
@font-face {
  font-family: "bne-fontello";
  src: url('../font/fontello.eot?95905014');
  src: url('../font/fontello.eot?95905014#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?95905014') format('woff'),
       url('../font/fontello.ttf?95905014') format('truetype'),
       url('../font/fontello.svg?95905014#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="bne-icon-"]:before, [class*=" bne-icon-"]:before {
  font-family: "bne-fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}
 
.bne-icon-cancel:before { content: '\e800'; }
.bne-icon-pencil:before { content: '\e801'; }

/* Clear Floats */
.bne-flyout-wrapper .clear:before, .bne-flyout-wrapper .clear:after, .bne-flyout-wrapper .clearfix:before, .bne-flyout-wrapper .clearfix:after {display: table;content: "";}
.bne-flyout-wrapper .clear:after, .bne-flyout-wrapper .clearfix:after {content: "";visibility: hidden;display: block;height: 0;clear: both;}


/* == IE Stuff == */

/* Fixes IE10+ scroll bars to not overlay on top of our flyout triggers */
@-ms-viewport{ width: auto !important; }