/*.design-card {
    width: 25%;
    display: inline-block;
    float: left;
    overflow: hidden;
    position: relative;
    padding: 15px;
}

.design-card .inner {}
.design-card .inner img { width: 100%; height: auto;  border-radius: 8px; }
.design-card .inner .folder { padding: 10px 12px; font-weight: 400; font-size: 11px;}
.design-card.ui-draggable-dragging { z-index: 1100; opacity: .8; width: 140px; }
.design-card.ui-draggable-dragging .folder { display: none; }


div.design-card > div.inner > div.image {
    position: relative;
}
div.design-card > div.inner > div.image >  div.overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
div.design-card.active > div.inner > div.image > div.overlay,
div.design-card:hover > div.inner > div.image > div.overlay {
    display: block;
}

div.design-card > div.inner > div.image >  div.overlay > a.link {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.45);
	display: block;
	z-index: 99;
    border-radius: 8px;
}
div.design-card > div.inner > div.image >  div.overlay > a.edit {
    width: 100px;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 15px 0;
    color: #fff;
    font-size: 20px;
    background-repeat: no-repeat;
    background-image: url(/img/icon-edit-pencil.svg);
    background-size: 34px auto;
    background-position: center 1px;
    z-index: 102;
    text-decoration: none;
}


div.design-card > div.inner > div.image >  div.overlay > button.options-trigger {
    position: absolute;
    top: 14px;
    right: 13px;
    z-index: 105;
    height: 36px;
    width: 36px;
    padding: 0 2px;
    cursor: pointer;
    opacity: 1;
    background-color: rgba(255,255,255,.85);
    border-radius: 18px;
    border: 0;
    font-size: 19px;
}
div.design-card > div.inner > div.image >  div.overlay > div.options {
    display: none;
    opacity: 0;
}

div.design-card > div.inner > div.cotton >  div.overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
div.design-card:hover > div.inner > div.cotton > div.overlay {
    display: block;
}

div.design-card:hover > div.inner > div.cotton > a > img.image {
    /*filter: blur(3px);*/
}


div.design-card > div.inner > div.cotton >  div.overlay .overlay-link {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.45);
    /*cursor: zoom-in;*/
    display: block;
    z-index: 99;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
div.design-card > div.inner > div.cotton >  div.overlay .overlay-edit-btn {
    width: 100px;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 15px 0;
    color: #fff;
    font-size: 20px;
    background-repeat: no-repeat;
    background-image: url(../icon-edit-pencil.html);
    background-size: 34px auto;
    background-position: center 1px;
    z-index: 102;
    text-decoration: none;
}
div.design-card > div.inner > div.cotton >  div.overlay .overlay-edit-btn .icon-edit {
    background-repeat: no-repeat;
    background-image: url(../icon-edit-pencil.html);
    background-size: 34px auto;
    background-position: center;
    width: 34px;
    height: 34px;
}


div.design-card > div.inner > div.cotton >  div.overlay .overlay-buttons {
    position: absolute;
    width: 100%;
    padding: 10px;
    top: 0px;
    left: 0px;
    z-index: 105;
}
/* div.design-card > div.inner > div.image >  div.overlay > div.options {
	position: absolute;
	width: 100%;
	padding: 10px;
	top: 0px;
	left: 0px;
	z-index: 105;
} */

/* div.design-card > div.inner > div.image >  div.overlay > div.options .pin-options-dropdown {
    top: 8px;
    left: auto;
    right: 0 !important;
    min-width: 140px;
    width: 140px;
} */

/* div.design-card .btn-more-dropdown {
    display: inline-block;
    position: absolute;
    top: 14px;
    right: 13px;
    height: 36px;
    width: 36px;
}
div.design-card  .btn-more {
    height: 36px;
    width: 36px;
    padding: 0 2px;
    cursor: pointer;
    opacity: 1;
    background-color: rgba(255,255,255,.85);
    border-radius: 18px;
    border: 0;
    font-size: 19px;
} */

/*  Options Menu Popover */
.design-card-options {
    min-width: 200px;
}

.design-card-options .popover-content {
    padding: 0;
}

.design-card-options nav a {
    display: block;
    font-size: 16px;
    border-bottom: 1px solid rgba(0,0,0,.05);
    padding: 8px 9px;
}
*/