@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'laurenscriptregular';
    src: url('fonts/laurenscript-webfont.eot');
    src: url('fonts/laurenscript-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/laurenscript-webfont.woff') format('woff'),
         url('fonts/laurenscript-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avantgardeitcdemi';
    src: url('fonts/avantgardeitc-demi-webfont.eot');
    src: url('fonts/avantgardeitc-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avantgardeitc-demi-webfont.woff') format('woff'),
         url('fonts/avantgardeitc-demi-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
#preview-container{width: 761px; position: relative; padding:20px 0px 20px; visibility: hidden;}


/* construct mat */

#preview-container h2{ font:20px 'GothamMedium', sans-serif; color:#999; text-transform: uppercase; margin-bottom: 15px; }
#preview-mat{top:70px; width:690px; height:450px; background-color: white; box-shadow: 0px 0px 30px rgba(0,0,0,.2) inset; position: relative; z-index: 2;}
#under-shadow{width: 674px; height: 0px; opacity: 1; position: absolute; background-color: #000; border-radius: 8px; box-shadow:0px 1px 20px 5px #000; z-index: 1; top:350px; left: 8px;
}
#preview-zoom{ width:168px; height:168px; left:480px; top:195px; background-color: #fff; position: absolute; box-shadow: 0px 0px 25px rgba(0,0,0,.3); z-index: 3; display: none;}
#preview-mat-text{position: absolute; text-align:center; z-index: 3; overflow:visible;}
#preview-mat-symbol{position: absolute; text-align:center; z-index: 3; overflow:visible;}


/* letter previews */

#zoom-text{ margin: 0 auto; text-align: center; overflow: hidden;}
#zoom-symbol{ margin: 0 auto; text-align: center; position: relative;}
.extraName-script{top:70px; left:8px; width:150px; position: absolute; font:15px/25px 'laurenscriptregular', serif;}
.extraName-print{top:70px; left:8px; width:150px; position: absolute; font:15px/25px 'avantgardeitcdemi', serif;}
.preview-script{width:150px; font:45px/168px 'laurenscriptregular', serif;}
.preview-print{width:150px; font:45px/168px 'avantgardeitcdemi', sans-serif; text-transform: lowercase;}
.preview-single{width:150px; font:150px/138px 'Georgia', sans-serif; text-transform: lowercase; overflow: visible !important;}
.preview-scroll{font:30px/168px 'Playfair Display', serif; position: absolute; top:-47px; left:0; width: 168px; height: 168px; color:#000;}