/* FONTS */
/*@import "./Fonts.css";*/

/*#region Blocks */

div.master-imprint-block
{
    background: #ccc;
    font-size: 40px;
}
div.active-block
{
    background: transparent;
    border: 2px dotted #ccc;
    box-sizing: content-box;
    margin-bottom: 5px;
    cursor: move;
    width: 225px;
    z-index: 9;
    font-size: 8pt;
    line-height: 1.2;
}
div.block-save { display: block; font-size: 12px; }
/*
div.block-was { display: block; }
div.block-sku { display: block; float: left; margin-right: 5px;}
*/
div.sku-was-container { text-align: left;  }
div.block-was { display: inline-block; }
div.block-sku { display: inline-block; margin-right: 5px;}

/* alter this for shelf-talkers */
div.shelftalker-lumber-block div.block-sku-lumber {
    display: inline;
}

div.block-description { /*line-height: 90%;*/ margin-bottom: 5px;}
div.block-price {line-height: 1.0; margin-top:-4px;}
div.block-price sup { font-size: 0.6em; }

div.active-block p { margin-bottom: 0;  /*line-height: 100%;*/ }

sup{
    font-size: 0.6em;
}


/*#endregion*/


/*#region Layouts */


/* #0 */
div.active-block.layout-0 div.block-text {
    float: left;
    width: 40%;
}
div.active-block.layout-0 div.block-text.full-size {
    width: 100%;
}
div.active-block.layout-0 div.block-image {
    float: right;
    width: 58%;
}
div.active-block.layout-0 div.ui-wrapper 
{

}

div.active-block.layout-0 img.active-img {
    
}
/* #1 */
div.active-block.layout-1 div.block-text {
    float: right;
    width: 40%;
}
div.active-block.layout-1 div.block-text.full-size {
    width: 100%;
}
div.active-block.layout-1 div.block-image {
    float: left;
    width: 60%;
}
/* #2 */
div.active-block.layout-2 div.block-text {
    float: none;
    clear: both;
    padding: 0px 14px;
}
div.active-block.layout-2 div.block-image {
    float: none;
    clear: both;
}
/* block price */
div.active-block.layout-2 div.block-price {line-height: 1.1; margin-top: 0px;}



/* EMAIL LEFT */
div.static-block.layout-EmailLeft div.block-image{
    float: left;
    width: 50%;
}

div.static-block.layout-EmailLeft div.block-text {
    float: right;
    width: 50%;
    text-align:left;
}

/* EMAIL RIGHT */
div.static-block.layout-EmailRight div.block-image{
    float: right;
    width: 50%;
}

div.static-block.layout-EmailRight div.block-text {
    float: left;
    width: 50%;
    text-align:left;
}

/* EMAIL TOP */

div.static-block.layout-EmailTop div.block-text {
    text-align:left;
}


/* EMAIL IMAGE */
img.email-image {
    max-width: 100%;
}

/*#endregion*/

/* TEST 
p {
    letter-spacing: 0.028em;
}*/