//Import all vars
@import 'vars';
/* ==========================================================================
   Icon Font
   ========================================================================== */
@import 'icons';

/* ==========================================================================
   Header Styles
   ========================================================================== */
@import 'header';

/* ==========================================================================
   Global Styles
   ========================================================================== */
@import 'global';
@import 'chosen';

@import 'media-edit';

/* ==========================================================================
   Tabs Styles
   ========================================================================== */
.soliloquy-tab{
	display: none;
}
.soliloquy-tab-active{
	display: block;
}
/* ==========================================================================
   Metabox Styles
   ========================================================================== */
 .branch-4-7{
	.wrap h1.wp-heading-inline{
		display: block;
		margin: 0;
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		line-height: 45px;
		font-size: 20px;
		font-weight: 400;
		background-color: $white;
		height: 45px;
		margin-left: -20px;
		margin-bottom: 20px;

	}
	.page-title-action{
		margin-left: 4px;
		padding: 4px 8px;
		position: relative;
		top: -55px;
		left: 180px;
		text-decoration: none;
		border: none;
		color: $primary-color;
		border-radius: 0;
		background: none;
		text-shadow: none;
		font-weight: 600;
		font-size: 13px;
		&:hover{
			background: none;
			color: $mid-grey;
		}
		&:before{
			display: inline-block;
			font-family: 'soliloquy';
			content:'\0050';
			margin-top: -3px;
			margin-right: 8px;
			vertical-align: middle;
		}
	}
 }
.post-type-soliloquy{
	#wp-link-wrap{
		z-index: 180105 !important;
	}
	#wp-link-backdrop{
		z-index: 160105 !important;

	}

	#wpbody-content h1{
 		display: block;
  		margin: 0;
  		padding-left: 20px;
 		padding-right: 20px;
  		line-height: 45px;
  		font-size: 20px;
  		font-weight: 400;
  		background-color: $white;
  		height: 45px;
  		margin-left: -20px;
 		margin-right: -20px;
  		margin-bottom: 20px;
 		.page-title-action{
 			margin-left: 4px;
 			padding: 4px 8px;
 			position: relative;
 			top: -3px;
 			text-decoration: none;
 			border: none;
 			color: $primary-color;
 			border-radius: 0;
 			background: none;
 			text-shadow: none;
 			font-weight: 600;
 			font-size: 13px;
 			&:hover{
 				background: none;
 				color: $mid-grey;
 			}
 			&:before{
 				display: inline-block;
 				font-family: 'soliloquy';
 				content:'\0050';
 				margin-top: -3px;
 				margin-right: 8px;
 				vertical-align: middle;
 			}
 		}
 	}
	.wrap{
		margin-top: 0px !important;

	}
}
.soliloquy-spinner {
    float: none;
    display: inline-block;
    margin-top: 0;
}
/* ==========================================================================
	Soliloquy Uploader
========================================================================== */
#soliloquy-uploader{
	margin-top: 20px;
	box-sizing: border-box;
	#soliloquy-slider-type-tabs{
		margin-bottom: -1px;
		box-sizing: border-box;
		/**
		* Clearfix
		*/
		&:after {
		    content: "";
		    display: table;
		    clear: both;
	}
	}
	.soliloquy-type-tab{
		position: relative;
		z-index: 2;
		width: 49.8%;
		display: block;
		text-align: center;
		text-decoration: none;
		font-size: 16px;
		font-weight: 600;
		line-height: 55px;
		margin: 0;
		height: 55px;
		color: $mid-grey;
		background-color: $almost-white;
		border: 1px solid #e5e5e5;
		box-sizing: border-box;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		input {
		    display: none;
		}
		&:first-child{
			float: left;
			border-left: 1px solid #e5e5e5;
		}
		&:last-child{
			border-right: 1px solid #e5e5e5;
			float: right;
		}
		&.soliloquy-tab-nav-active{
			background-color: white;
			color: $dark;
			border-bottom: none;
			&:before{
				color: $primary-color;
			}
		}
	}
	.soliloquy-tab-container{
		padding: 20px;
		position: relative;
		min-width: 255px;
		min-height: 245px;
		border: 1px solid #e5e5e5;
		background: #fff;
	}
	h2.soliloquy-type-label{
		text-align: center;
		padding: 0;
		margin: 20px 0;
		span{
			font-size: 24px;
		}
	}
	/**
	* External Gallery Types
	*/
	ul#soliloquy-types-nav {
		text-align: center;

		li {
		    display: inline-block;
		    margin: 0 20px 0 0;
		    vertical-align: top;

		    &:last-child {
		        margin: 0;
		    }

		    label {
		        float: left;
		        width: 110px;

		        input {
		            display: none;
		        }
		        div.icon {
		            width: 110px;
		            height: 110px;
		            margin: 0 0 10px 0;
		            border: 1px solid #ddd;
		            background-size: 64px 64px;
		            background-position: center;
		            background-repeat: no-repeat;
		        }
		        div.title {
		            font-weight: 700;
		        }
		    }

		    /**
		    * Hover State
		    * Selected State
		    */
		    &:hover,
		    &.soliloquy-active {
		        label {
		            div.icon {
		                background-color: #f7fcf3;
		                border-color: #7cc048;
		            }
		        }
		    }

		    /**
		    * Featured Content
		    */
		    &#soliloquy-type-fc {
		        label {
		            div.icon {
		                background-image: url(../images/fc.png);
		            }
		        }
		    }

		    /**
		    * Instagram
		    */
		    &#soliloquy-type-instagram {
		        label {
		            div.icon {
		                background-image: url(../images/instagram.png);
		            }
		        }
		    }
		    /**
		    * Instagram
		    */
		    &#soliloquy-type-wc {
		        label {
		            div.icon {
		                background-image: url(../images/woo.png);
		            }
		        }
		    }
		}

	}
    #plupload-upload-ui {
		/**
		* Hide the uploader until the drag-drop class is added to it i.e. it has initialised
		* This stops the user seeing a flash as the drag/drop area repositions itself on load
		*/
		display: block;
		    /**
		    * Now the uploader is ready, display it
		    */
		    display: block;
			 #drag-drop-area{
				 border: 3px dashed rgb(215,215,215);
				 border-radius: 6px;
			 }
			.drag-drop-info{
				font-size: 24px;
				color: $dark;
			}

		    .drag-drop-inside {
		        width: 520px;
		        margin-top: 40px;

		        p.drag-drop-buttons {
		            text-align: left;
		        }

		        .soliloquy-progress-bar {
		            display: none;
		            width: 100%;
		            position: relative;
		            height: 10px;
		            width: 100%;
		            margin: 10px auto;
		            border-radius: 10px;
		            background: #dfdfdf;
		            background: rgba(0,0,0,.1);

		            div {
		                height: 10px;
		                min-width: 20px;
		                width: 0;
		                background: #aaa;
		                background: rgba(0,0,0,.2);
		                border-radius: 10px;
		                -webkit-transition: width 300ms;
		                -moz-transition: width 300ms;
		                -ms-transition: width 300ms;
		                -o-transition: width 300ms;
		                transition: width 300ms;
		            }
		        }
		    }

		.button{
			background: $almost-white;
			border: 1px solid;
			border-color: $light-grey;
			-webkit-box-shadow:none;
			box-shadow: none;
			color: $grey;
			text-decoration: none;
			text-shadow: none;
			font-weight: bold;
			height: $input-height;
			font-size: 13px;
			padding: 0 20px 1px;
			&:hover{
				background: $almost-white;
				border-color: $mid-grey;
				color: $dark;
			}

		}
		a.soliloquy-media-library.button {
		    display: block;
		    position: absolute;
		    margin: 0 auto;
		    left: 250px;
		    right: 0;
		    line-height: 32px;
		    width: 240px;
		    top: 110px;
		    text-align: center;
		}

		p.upload-flash-bypass {
		    display: none;
		}
	}
    p.max-upload-size{
	    margin-bottom: 0;
    }
}
#soliloquy-codepanel{
	.soliloquy-clipboard{
		text-align: right;
	}
}
/* ==========================================================================
	Soliloquy Settings
========================================================================== */
#soliloquy-slider-settings{
	margin-top: 20px;
	position: relative;
	min-width: 255px;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    background: $almost-white;
	width: 100%;
	a{ text-decoration: none; }
	/**
	* Clearfix
	*/
	&:after {
	    content: "";
	    display: table;
	    clear: both;
	}
	#soliloquy-settings-tabs{
        width: $tab-width;
        margin: 0;
        padding: 0;
        border-right: 1px solid #ddd;
		.soliloquy-setting-tab{
			float: left;
			width: 100%;
			margin: 0;
			padding: 0;
			a{
				float: left;
				width: 110px;
				margin: 0 20px;
				padding: 20px 0;
				text-decoration: none;
				color: $mid-grey;
				border-bottom: 1px solid $light-grey;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				transition: none;
				-webkit-transition: none;
				&:focus{
					outline-style:none;
					box-shadow:none;
					border-color:transparent;
				}
				&:before{
					display: inline-block;
					font-family: 'soliloquy';
					font-style: normal;
					font-weight: normal;
					font-size: 15px;
					line-height: 1.5;
					vertical-align: middle;
					margin-right: 8px;
					padding-left: 4px;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
				}
			}
			&:hover,
			&.soliloquy-tab-nav-active{
				background-color: $white;
				margin-right: -1px;
				margin-top: -1px;
				border-top: 1px solid $light-grey;
				border-bottom: 1px solid $light-grey;

				a{
					border-bottom: none;
					&:before{
						color: $primary-color;
					}
				}

			}
		}
		#soliloquy-tab-nav-slider a:before{ content:'\0042'; }
		#soliloquy-tab-nav-config a:before{ content:'\0041'; }
		#soliloquy-tab-nav-mobile a:before{ content:'\0046'; }
		#soliloquy-tab-nav-pinterest a:before{ content:'\0043'; }
		#soliloquy-tab-nav-thumbnails a:before{ content:'\004b'; }
		#soliloquy-tab-nav-schedule a:before{ content:'\0058'; }
		#soliloquy-tab-nav-misc a:before{ content:'\0045'; }
		#soliloquy-tab-nav-lightbox a:before{ content:'\0044'; }
		#soliloquy-tab-nav-carousel a:before{ content:'\0059'; }
	}
	#soliloquy-settings-content{
    	margin: 0 0 0 $tab-width;
		padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: $white;
        #soliloquy-empty-slider{
          position: relative;
	        background-color: $almost-white;
	        min-height: 350px;
	        width: 100%;
	        text-align: center;
	        border-radius: $border-radius;
			div{
				max-width: 450px;
				max-height: 150px;
				margin: auto;
				position: absolute;
				top: 0; left: 0; bottom: 0; right: 0;

			}
			img{
				max-width: 336px;
			}

        }
        .soliloquy-external-req{
	        border: 1px solid $primary-color;
	        border-radius: $border-radius;
	        padding: 30px;
	        h2{
		        font-size: 20px;
		        margin: 0;
		        padding: 0;
	        }
        }
        .soliloquy-slide-header{
	        label{
		        font-weight: 600;
	        }
	        .soliloquy-clear-selected{
		        display: none;
		        margin-left: 15px;
	        }
        }
        .soliloquy-help{
	        font-size: 14px;
	        a{
		        margin-left: 5px;
	        }
        }
        .soliloquy-bulk-actions{
	        display: none;
	        margin-bottom: 20px;
        }

        table.form-table {
        	clear: none;
        }
        .soliloquy-config-header{
			border-bottom: 1px solid $light-grey;
			padding-bottom: 30px;
			margin-bottom: 30px;
        }
		h2.soliloquy-intro{
			margin: 0 !important;
			padding: 0;
			border-bottom: none;

		}
		.soliloquy-intro{
			font-size: 16px !important;
			font-weight: bold;
			margin: 0;


		}
        .soliloquy-display-toggle{
	        position: absolute;
			right: 20px;
			top: 20px;
			/* Position tooltip above the element */
			[data-soliloquy-tooltip]:before {
			  position: absolute;
			  bottom: 120%;
			  left: 50%;
			  margin-bottom: 5px;
			  margin-left: -35px;
			  padding: 7px;
			  width: 120px;
			  -webkit-border-radius: 3px;
			  -moz-border-radius: 3px;
			  border-radius: 3px;
			  background-color: #000;
			  color: #fff;
			  content: attr(data-soliloquy-tooltip);
			  text-align: center;
			  font-size: 12px;
			  line-height: 1.2;
			}
			li.helper{
				.dashicons{
					font-size: 24px;
					margin-top: -5px;
					color: $light-grey;
					&:hover{
						color: $dark;

					}
				}
			}
			li.soliloquy-select{
				width: 200px;
				margin-right: 15px;
				.chosen-container{
					margin-top: -10px;
				}
			}
			li:not(.soliloquy-select){
				a{
					color: $light-grey;
					i:before{
						font-size: 16px;
					}
					&.active-display{
						color: $dark;
					}
				}
			}
        }
        .soliloquy-select-all{
	        margin: 20px 8px 20px 0px;

        }
        .soliloquy-slides-delete{
	        margin-right: 10px;
        }
        input[type=checkbox]{
			background-color: $white;
			border: 1px solid $light-grey;
			box-shadow: none;
			margin-right: 10px;


        }
        input[type=checkbox]:checked{
			background-color: $green;
			border-color: $green;
        }
        input[type=checkbox]:checked:before{
	        color: $white !important;
        }
		input[type="text"],
		input[type="number"],
		input[type="password"]{
			background-color: $white;
			border: 1px solid #ddd;
			-webkit-box-shadow: none;
			box-shadow: none;
			color: #32373c;
			height: $input-height;
			outline: none;
			-webkit-transition: 0.05s border-color ease-in-out;
			transition: 0.05s border-color ease-in-out;
	    	min-width: 210px;
	    	max-width: 350px;
			width: 92%;
			border-radius: $border-radius;
			padding-right: 0;
		}
		#soliloquy-config-mobile-width,
		#soliloquy-config-mobile-height,
		#soliloquy-config-slider-height,
		#soliloquy-config-slider-width{
			max-width: 166px;
	    	min-width: 75px;

		}
		th{
	    	//min-width: 210px;
			//max-width: 100%;
	    	padding-right: 0;
		}
		.description{
			font-size: 13px;
			line-height: 1.5;
		}
		#soliloquy-output {
	    	margin: 0 0 10px;
			padding: 0;
			list-style: none;
			li{
				background-color: $white;
				margin: 0;
				list-style: none;
				border: 1px solid #cecece;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: $border-radius;
				-moz-background-clip: padding;
				-webkit-background-clip: padding-box;
				background-clip: padding-box;
				-moz-box-shadow: 0 1px 2px rgba(0,0,0,.06);
				-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.06);
				box-shadow: 0 1px 2px rgba(0,0,0,.06);
				cursor: move;
				position: relative;
				h3{
					display: block;
					margin: 0;
					padding: 0;
					text-overflow: ellipsis;
				}
				&.soliloquy-status-pending {
					//background-color: #faebcc;
					//border-color: #8a6d3b;
				}
				&.soliloquy-status-active {
				    //background-color: #dff0d8;
				  //  border-color: #3c763d;
				}
				&.ui-sortable-helper{
					border: 2px solid #1e8cbe;
				}
				.soliloquy-draft-slide.grid-status,
				.soliloquy-active-slide.grid-status,
				.soliloquy-remove-slide,
				.soliloquy-modify-slide{
				    display: block;
				    height: 25px;
				    outline: none;
				    position: absolute;
				    width: 25px;
				    z-index: 20;
				    color: $white;
					text-align: center;
					line-height: 25px;
					vertical-align: middle;
					border-radius: $border-radius;
					i:before{
						margin: 0;
						font-size: 10px;
					}
				}
				.soliloquy-draft-slide.grid-status,
				.soliloquy-active-slide.grid-status{
					span:before{
						font-size: 16px;
						vertical-align: middle;
					}
				}
				.soliloquy-active-slide.grid-status {
					background-color: #74b445;
				}
				.soliloquy-draft-slide.grid-status {
					background-color: #ffa93b;
				}
				.soliloquy-remove-slide {
					background-color: $red;
				}
				.soliloquy-modify-slide {
					background-color: $blue;

				}
				&.dropzone {
					background: transparent;
					border: 2px dashed $light-grey;
					-moz-box-shadow: none;
					-webkit-box-shadow: none;
					box-shadow: none;
				}
			}
			&.soliloquy-grid{
				li{
				    display: inline-block;
					width: 150px;
					margin: 0 30px 30px 0;
					.soliloquy-item-img{
					    display: block;
					    margin: 0 auto auto auto;
					    top: 0;
					    left: 0;
					    right: 0;
					    bottom: 0;
					    max-width: 150px;
					    max-height: 150px;
					}
					.soliloquy-video-wrap,
					.soliloquy-html-wrap {
						position: relative;
						width: 150px;
						height: 150px;
					}
					.soliloquy-video-inside,
					.soliloquy-html-inside {
						width: 150px;
						height: 150px;
						display: table;
						position: absolute;
						max-width: 100%;
						max-height: 100%;
						cursor: move;
					}
					.soliloquy-video-table,
					.soliloquy-html-table {
						display: table-cell;
						vertical-align: middle;
						text-align: center;
						cursor: move;
					}
				    span.overlay {
					    max-height: 15px;
					    max-width: 40px;
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						right: 0;
						bottom: 10px;
						margin: auto;
						padding: 4px 8px;
						background: rgba(255,255,255,0.8);
						z-index: 2;
						text-align: center;
						border-radius: $border-radius;
					}
					.soliloquy-item-info{
					    h3{
							display: block;
							border-top: 1px solid $light-grey;
							background-color: $almost-white;
							margin: 0;
							padding: 8px 4px;
							text-align: center;
							font-size: 13px;
							max-width: 150px;
							overflow:hidden;
							white-space:nowrap;
							text-overflow: ellipsis;
						}
						img{
							display: none;
						}
					}
				    /**
				    * Selected Icon
				    */
				    a.check {
				        display: none;
				        position: absolute;
						margin: auto;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						width: 24px;
				        height: 24px;
				        background-color: $green;
				        -webkit-box-shadow: 0 0 0 1px $white,0 0 0 2px  $green;
				        box-shadow: 0 0 0 1px $white,0 0 0 2px  $green;
				        z-index: 10;
				        div.media-modal-icon {
				            width: 15px;
				            height: 15px;
				          //  background-image: url('../../../../../wp-includes/images/uploader-icons-2x.png');
				            margin: 5px 0 0 5px;
				            background-position: -21px 0;

				        }
					}
				    /**
				    * Selected state
				    */
				    &.selected {
				        border: 1px solid $green;

				        a.check {
				            display: block;
				        }
				    }
					.soliloquy-active-slide.grid-status,
					.soliloquy-draft-slide.grid-status{
						display: block;
						bottom: 40px;
						left: 5px;
					}
					.soliloquy-active-slide.list-status,
					.soliloquy-draft-slide.list-status{
						display: none;
					}
					.soliloquy-remove-slide {
					    left: 5px;
					    top: 5px;
					}
					.soliloquy-modify-slide {
					    right: 5px;
					    top: 5px;

					}
				}
			}
		    &.soliloquy-list{
				li{
				    display: inline-block;
				    min-height: 100px;
				    padding: 20px;
				    margin-bottom: 10px;
				    width: 100%;
				    box-sizing: border-box;
				    span.overlay {
						display: none;
					}
					.soliloquy-video-wrap{
						float: left;
						height: 75px;
						width: 75px;
					    margin-left: 20px;

						.soliloquy-item-img{
							float: none;
							margin-left: 0;
						}
					}
				    .soliloquy-item-img{
					    margin-left: 20px;
					    position: relative;
					    float: left;
						max-width: 75px;
						max-height: 75px;
				    }
				    .soliloquy-item-info{
							position: absolute;
							margin: auto 0;
							top:0;
							bottom:0;
							left: 160px;
							height: 30px;

						h3{

						}
						img{
							margin-top: -20px;
							max-width: 100px;
							margin-bottom: 10px;
						}
					}
				    /**
				    * Selected Icon
				    */
				    a.check {
				        display: block;
				        position: relative;
				        float: left;
						margin: auto 0;
						width: 25px;
				        height: 25px;
				        margin-top: 25px;
				        background-color:$white;
						border: 1px solid $light-grey;

				        div.media-modal-icon {
				            width: 15px;
				            display: none;
				            height: 15px;
				            margin: 5px 0 0 5px;
				            background-position: -21px 0;
				        }
				    }
				    /**
				    * Selected state
				    */
				    &.selected {
				        border: 1px solid $green;
				        a.check {
				        	background-color: $green;
					        display: block;
					        div.media-modal-icon {
				            	display: block;
							}
				        }
				    }
					.soliloquy-active-slide.grid-status,
					.soliloquy-draft-slide.grid-status{
						display: none;
					}
					.soliloquy-active-slide.list-status,
					.soliloquy-draft-slide.list-status{
						display: block;
						margin-top: 10px;
						font-weight: 600;
						color: black;
						&:hover{
							text-decoration: none;
							color: black;
						}

					}
					.soliloquy-active-slide.list-status{
						span{
							margin-left: 5px;
							border-radius: 3px;
							padding: 3px 5px;
							background-color: #74b445;
							color: white;
						}
					}
					.soliloquy-draft-slide.list-status{
						span{
							margin-left: 5px;
							border-radius: 3px;
							padding: 3px 5px;
							background-color: #ffa93b;
							color: white;
						}
					}
					.soliloquy-remove-slide {
					    right: 8px;
					    top: 8px;
					}
					.soliloquy-modify-slide {
					    right: 40px;
					    top: 8px;

					}

				}
			}

		}
		&:after {
        	content: "";
            display: table;
            clear: both;
		}
	}
}
/* ==========================================================================
	Soliloquy Settings
========================================================================== */


/* ==========================================================================
   Plupload Styles
   ========================================================================== */
#soliloquy-plupload-upload-ui {
    position: relative;
}

#soliloquy-drag-drop-area {
    border: 4px dashed #bbb;
    height: 200px;
}

#soliloquy-plupload-upload-ui.drag-over #soliloquy-drag-drop-area {
    border-color: #83b4d8;
}

#soliloquy-slider-settings .soliloquy-progress-bar {
    display: none;
    width: 100%;
    position: relative;
    height: 10px;
    width: 100%;
    margin: 10px auto;
    border-radius: 10px;
    background: #dfdfdf;
    background: rgba(0,0,0,.1);
}

#soliloquy-slider-settings .soliloquy-progress-bar div {
    height: 10px;
    min-width: 20px;
    width: 0;
    background: #aaa;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    -webkit-transition: width 300ms;
    -moz-transition: width 300ms;
    -ms-transition: width 300ms;
    -o-transition: width 300ms;
    transition: width 300ms;
}

#soliloquy .upload-flash-bypass {
    display: none;
}

#soliloquy .max-upload-size {
    display: block;
    margin: 10px 0;
}

.soliloquy-media-frame .soliloquy-accepted-urls {
	clear: both;
	overflow: hidden;
}

.soliloquy-media-frame .soliloquy-accepted-urls span {
	display: block;
}

.soliloquy-media-frame .soliloquy-column {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.soliloquy-media-frame .soliloquy-column.soliloquy-last {
    margin-right: 0;
}

.soliloquy-media-frame .soliloquy-video-info {
	background-color: #ffffe0;
	border: 1px solid #e6db55;
	padding: 15px;
	margin-bottom: 16px;
}

.soliloquy-media-frame .soliloquy-video-info p {
    margin-top: 0;
}

#soliloquy-html-slides .soliloquy-delete-html-slide,
#soliloquy-video-slides .soliloquy-delete-video-slide {
	float: right;
}

/* ==========================================================================
   Attachments Media
   ========================================================================== */
.attachments-browser{
	&.soliloquy-videos,
	&.soliloquy-html{
		a.soliloquy-item-collapse{
			position: absolute;
			top: 10px;
			right: 20px;
			font-size: 13px;
			color: black;
			font-weight: 600;
			text-decoration: none
		}
		.button-soliloquy-delete{
			color: $white;
		}
		.soliloquy-item-setting  {
			clear: both;
			text-align: left !important;
			margin-bottom: 15px;
			.code-title{
				text-align: left !important;
			}
			label {
				clear: both;
				width: 100%;
				text-align: left;

				strong {
					text-align: left;
				}
			}
			.soliloquy-media-button{
				a{
					float: right;
					clear: both;
				}
			}
			input[type=text],
			textarea {
				width: 100%;
				clear: both;
			}
			.soliloquy-input-group{
				input[type=text],
				textarea {
					width: 87%;
					clear: both;
				}
			}
		}
		.soliloquy-item-footer{
			display: block;
			margin-top: 20px;
			a{
				float: right;

			}
			}
	}
	&.soliloquy-videos {
		div.media-toolbar {
			border-bottom: 1px solid $light-grey;
			div.media-toolbar-primary {
				button.soliloquy-videos-add {
					float: right;
					margin-top: 10px;
				}
			}
		}
		.soliloquy-video-items{
			position: relative;
			margin-right: 300px;
			width: 100%;
			height: 100%
		}
		/**
		* Videos
		*/
		ul.soliloquy-videos-attachments {
			top: 70px;
			padding: 2px 20px 20px;
			/**
			* Video
			*/
			li.soliloquy-videos-attachment {
				width: 100%;
				background-color: $wp-grey;
				border: 1px solid $light-grey;
				padding: 20px;
				margin-bottom: 2em;
				padding-top: 2em;



			}
		}

		/**
		* Sidebar
		*/
		.soliloquy-gallery-accepted-urls {
			clear: both;
			overflow: hidden;

			span {
				display: block;
			}
		}
	}

	&.soliloquy-html {
		div.media-toolbar {
			border-bottom: 1px solid $light-grey;
			div.media-toolbar-primary {
				button.soliloquy-html-add {
					float: right;
					margin-top: 10px;
				}
			}
		}
		.soliloquy-html-items{
			position: relative;
			margin-right: 300px;
			width: 100%;
			height: 100%
		}
	/**
	* HTML
	*/
	ul.soliloquy-html-attachments {
			top: 70px;
			padding: 2px 20px 20px;
		li.soliloquy-html-attachment {
			width: 100%;
			background-color: $wp-grey;
			border: 1px solid $light-grey;
			padding: 20px;
			margin-bottom: 2em;
			padding-top: 2em;
			.CodeMirror{
				border: 1px solid $light-grey;
				text-align: left !important;
			}


		}
	}


}

	/**
	* Sidebar
	*/
	.soliloquy-accepted-urls {
		clear: both;
		overflow: hidden;
		.title{
			margin-bottom: -15px;
		}
		span {
			display: block;
		}
	}
}
#soliloquy-meta-edit{
	.right{
		border-right: 1px solid #ccc !important;
	}
}
/* ==========================================================================
   Attachment Editor
   ========================================================================== */
.soliloquy-meta-container {
	/**
	* Media Modal Backdrop
	*/
	.media-modal-backdrop {
		z-index: 15999;
	}

	/**
	* Media Modal
	*/
	.media-modal {
		/* Adjust z-index so link window in Visual Editor will display above the attachment editor */
		z-index: 16000;

		/**
		* Navigation Buttons
		*/
		button.right {
			border-right: 1px solid #ddd !important;
		}

		/**
		* Preview Area
		* - Set max-width and height of image, to allow thumbnails addon to display below the image correctly
		*/
		.attachment-media-view {
			div.thumbnail-image {
				img.details-image {
					max-width: 50%;
					max-height: 70%;
				}
			}
		}

		/**
		* Settings Labels + Fields
		* - left align labels
		* - increase width of text inputs
		* - force inputs to drop to new line below ~ 960px viewport
		*/
		.setting {
			margin: 0 0 20px 0;
			padding: 0 0 20px 0;
			border-bottom: 1px solid #ddd;
			/**
			* Label
			*/
			span.name {
				font-size: 14px;
				font-weight: 600;
				min-width: 20%;
				text-align: left;
			}

			/**
			* Inputs
			*/
			input[type=text] {
				width: 75%;
			}
			textarea {
				height: 150px;
			}

			/**
			* Visual Editor
			*/
			.wp-editor-wrap {
				float: right;
				width: 75%;
			}
		}

		/**
		* CodeMirror Setting
		*/
		.code {
			margin-bottom: 20px;
		}

		/**
		* Actions
		*/
		div.actions {
			a.button {
				display: inline-block;
			}
		}
	}
}

/**
* Responsive Media Queries
*/
@media only screen and (max-width: 959px) {
	.soliloquy-meta-container {
		.setting {
			/**
			* Label
			*/
			span.name {
				width: 100%;
				max-width: 100%;
				min-width: 100%;
			}

			/**
			* Inputs
			*/
			input[type=text] {
				width: 100%;
			}
			input[type=checkbox] {
				clear: both;
			}

			/**
			* Visual Editor
			*/
			.wp-editor-wrap {
				float: left;
				width: 100%;
			}
		}
	}
}

/**
* RTL
*/
body.rtl {
	#soliloquy {
		/**
		* Meta Icon
		*/
		.soliloquy-meta-icon {
			right: auto;
			left: 0;
		}

		/**
		* Tabs
		*/
		#soliloquy-tabs-nav {
			li {
				float: right;
				margin: 0 0 -1px 10px;
			}
		}

		/**
		* Slides
		*/
		#soliloquy-output {
			li {
				float: right;
				margin: 0 0 10px 10px;
			}
		}
	}
}

/* ==========================================================================
   Responsive Styles
   ========================================================================== */
@media screen and (max-width: 1100px) {
#soliloquy-uploader{

	   #plupload-upload-ui {
		   #drag-drop-area{
			   height: 208px;
	           }
	           .drag-drop-inside {
	               width: 100%;
	               margin-top: 20px;

	               p.drag-drop-buttons {
		               margin-top: 10px;
	                   text-align: center;
	               }
	           }
	       a.soliloquy-media-library.button {
	           left: 0;
	           right: 0;
	           width: 235px;
	           top: 145px;
	       }
	   }
	}
}

@media screen and (max-width: 768px) {
     .media-sidebar{
	  display: none;
	  }
	#soliloquy-slider-settings{
	#soliloquy-settings-content{
    	margin: 0 0 0 50px;
		padding: 20px;
      }

	#soliloquy-settings-tabs{
        width: 50px;
        margin: 0;
        padding: 0;
        border-right: 1px solid #ddd;
		.soliloquy-setting-tab{
			a{
				width: 30px;
				margin: 0 10px;
				padding: 10px 0;
				span{
					display: none;
				}
			}
		}
	}
}
}
/* ==========================================================================
   Retina Styles
   ========================================================================== */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
     a.check .media-modal-icon {
         background-image: url('../../../../../wp-includes/images/uploader-icons-2x.png') !important;
         -webkit-background-size: 134px 15px;
         background-size: 134px 15px;
     }
 }
