@mixin animation($transition-property, $transition-duration, $transition-timing) {
transition-property: $transition-property;transition-duration: $transition-duration;transition-timing-function: $transition-timing;-moz-transition-property:$transition-property;-moz-transition-duration: $transition-duration;-moz-transition-timing-function:$transition-timing;-webkit-transition-property:$transition-property;-webkit-transition-duration: $transition-duration;-webkit-transition-timing-function:$transition-timing;-o-transition-property:$transition-property;-o-transition-duration: $transition-duration;-o-transition-timing-function:$transition-timing;-ms-transition-property:$transition-property;
-ms-transition-duration: $transition-duration;-ms-transition-timing-function:$transition-timing;
}
@mixin boxsizing() {
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}

h4.bigger-heading{
  font-size: 150%;
}
.border-image{
  box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
}

    /* ======misc classes */
    .simple-hr{
        background: rgba(100,100,100,.3);
        height: 1px;
        
        }
    .clear{
        clear:both;
        }
        
        .fullwidth{
            width: 100%;
            @include boxsizing();
            }
            .dzs-img-preview-con{
                margin-top: 10px;
                width: 30%;
                padding:10px;
                background: #fff;
                position: relative;
                border: 1px solid rgba(0,0,0,0.1);
                }
.dzs-img-preview-con:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
        
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: rgba(255,255,255,1);
	border-width: 10px;
	left: 20px;
	margin-left: -10px;
}
.dzs-img-preview{
    background-position: center center;
    background-size: cover;
    height: 150px;
    width: 100%;
    }
    
    .dzs-setting{
        margin-bottom: 15px;
        clear: both;
        }
.sidenote{
	margin:10px 0;
	font-style:italic;
	color:#bbb;
	font-size:0.9em;
}
.dzs-wordpress-uploader { display: inline-block; }


/*==== select wrapper ===*/
.select-wrapper{ background: url("img/select.png") no-repeat scroll right center #fefefe; width: 150px; height:28px; 
border-color: #CCCCCC #EEEEEE #EEEEEE #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    color: #888888;
    display: inline-block; }
.select-wrapper select{cursor: pointer;
height: 28px;
padding: 0;
margin-left:0;
opacity:0;
position: relative;
width: 150px;
z-index: 4; }
.select-wrapper span{    height: 26px;
    line-height: 26px;
    padding-left: 6px;
    position: absolute;
    z-index: 2;
}
div.sidenote{
	display:block;
	margin:10px 0;
	font-style:italic;
	color:#bbb;
	font-size:0.9em;
}
/*==== select wrapper END ===*/

.dzs_item_gallery_list{
  display:block;

}
.dzs_item_gallery_list:after{
  content: " ";
  display: block;
  clear:both;
}
.dzs_item_gallery_list > li, .dzs_item_gallery_list-placeholder{
  display:block;
  width:70px; height:70px;
  border: 1px solid rgba(0,0,0,0.3);
  float:left;
  margin:5px;
  cursor: move;

}
.dzs_item_gallery_list > li > img{
  display:block;
  width:100%; height:100%;


}
.dzs_item_gallery_list > li{
    position: relative;
    }
.dzs_item_gallery_list > li .ui-delete{
    display: none;
    width: 20px;
    height:20px;
    background-image: url(img/gamma-zoombox-close.png);
    background-repeat: none; background-position: center center;
    background-size: cover;
    position:absolute; top: 5px; right: 5px;
    }
.dzs_item_gallery_list > li:hover .ui-delete{
    display:block;
    cursor:pointer;
    }





/*==== builder */

.wp-admin .wp-editor-wrap.builder-active .switch-builder{
  background: none repeat scroll 0 0 #F7FCFE;
  border-color: #D1E5EE #D1E5EE #F7FCFE;
}
.wp-admin .wp-editor-wrap.builder-active #content{
  display: none;
}
.wp-admin .wp-editor-wrap.builder-active #wp-content-editor-container{
   display: none;
 }


#toplevel_page_page-dzstln-mainoptions .wp-menu-image{
  background: transparent url(img/icon.png) center center no-repeat;
}#toplevel_page_page-dzstln-mainoptions:hover .wp-menu-image{
   background: transparent url(img/icon-hover.png) center center no-repeat;
 }
#toplevel_page_page-dzstln-mainoptions.wp-menu-open .wp-menu-image{
  background: transparent url(img/icon-hover.png) center center no-repeat;
}