/*Business cards CSS*/
@font-face {
  font-family: 'Gotham-Bold';
  src: url('../fonts/Gotham-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Gotham-Bold.woff') format('woff'),
       url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Gotham-Bold.ttf') format('truetype'),
       url('../fonts/Gotham-Bold.svg#svgFontName') format('svg');
}

@font-face {
  font-family: 'Gotham-Book';
  src: url('../fonts/Gotham-Book.woff') format('woff');
}

body.page-node-edit.node-type-business-cards aside, 
body.page-node-add-business-cards aside{
  display: none;
}

body.page-node-edit.node-type-business-cards div.col-xs-12.col-sm-6.col-sm-push-3, 
body.page-node-add-business-cards div.col-xs-12.col-sm-6.col-sm-push-3 {
    left: 3em;
    position: relative;
}

body.page-node-edit.node-type-business-cards div#bcard-preview,
body.page-node-add-business-cards div#bcard-preview{
  border: 1px solid #eee;
  -webkit-box-shadow: 6px 6px 10px 0px rgba(50, 50, 50, 0.52);
  -moz-box-shadow:    6px 6px 10px 0px rgba(50, 50, 50, 0.52);
  box-shadow:         6px 6px 10px 0px rgba(50, 50, 50, 0.52);

  margin: 1em;

  width: 350px;
  height: 200px;

  background-color: white;
  color:#001c8a; /*dark blue*/
  font-family: 'Gotham-Book', Arial, sans-serif;
}




body.page-node-edit.node-type-business-cards div#bcard-preview .bcard-twenty-twenty-design ,
body.page-node-add-business-cards div#bcard-preview .bcard-twenty-twenty-design {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
}


body.page-node-edit.node-type-business-cards div#bcard-preview-back,
body.page-node-add-business-cards div#bcard-preview-back{
  border: 1px solid #eee;
  -webkit-box-shadow: 6px 6px 10px 0px rgba(50, 50, 50, 0.52);
  -moz-box-shadow:    6px 6px 10px 0px rgba(50, 50, 50, 0.52);
  box-shadow:         6px 6px 10px 0px rgba(50, 50, 50, 0.52);

  margin: 1em;

  width: 350px;
  height: 200px;

  background-color: white;
}

body.page-node-edit.node-type-business-cards div#bcard-preview-back img#un-actions,
body.page-node-add-business-cards div#bcard-preview-back img#un-actions{
  transform-origin: 0 0 0;
  margin-top: 200px;
  transform:  rotate(-90deg);
  opacity: 0;
}

body.page-node-edit.node-type-business-cards div#bcard-preview.affix,
body.page-node-add-business-cards div#bcard-preview.affix{
  position: fixed;
  top:13em;
  right:3em;
}

body.page-node-edit.node-type-business-cards div#bcard-preview-back.affix,
body.page-node-add-business-cards div#bcard-preview-back.affix{
  position: fixed;
  top:27em;
  /*top:30em; changed to 27 with bootstrap_iseek3*/
  right:3em;
}

body.page-node-edit.node-type-business-cards img#un-logo,
body.page-node-add-business-cards img#un-logo{
  margin-top:18px;
  margin-left: 19.22px;
  float: left;
}

body.page-node-edit.node-type-business-cards .bcard-twenty-twenty-design img#un-logo,
body.page-node-add-business-cards .bcard-twenty-twenty-design img#un-logo{
  margin-top: 12.636px;
  margin-left: 12.636px;
}



body.page-node-edit.node-type-business-cards div#bcard-preview div#left-group,
body.page-node-add-business-cards div#bcard-preview div#left-group{
  margin-left: 19.22px;
  float: left;
  clear: left;
  line-height: 10pt; /* fixes diff w Chrome & Firefox*/
}

body.page-node-edit.node-type-business-cards div#bcard-preview div#right-group,
body.page-node-add-business-cards div#bcard-preview div#right-group{
  position: absolute;
  top: 30.5px;
  left:143.2px;
  }

body.page-node-edit.node-type-business-cards div#bcard-preview span#txt-un,
body.page-node-add-business-cards div#bcard-preview span#txt-un{
  font-family: 'Gotham-Bold', 'Gotham Bold', Arial, sans-serif;
  font-size: 9pt;

  position: absolute;
  top: 80.97px;
  /*vertical-align: top;*/
  /*margin-top: 13.05px;*/
}

body.page-node-edit.node-type-business-cards div#bcard-preview div#p-left-address-group,
body.page-node-add-business-cards div#bcard-preview div#p-left-address-group{
  font-family: 'Gotham-Book', 'Gotham Book', Arial, sans-serif;
  font-size: 7pt;
  margin-top:38px;
}

body.page-node-edit.node-type-business-cards div#bcard-preview div#p-left-address-group span,
body.page-node-add-business-cards div#bcard-preview div#p-left-address-group span{
  float: left;
  margin-top: -2px;
  clear: both;
}

body.page-node-edit.node-type-business-cards div#bcard-preview span#txt-first, 
body.page-node-edit.node-type-business-cards div#bcard-preview span#txt-last,
body.page-node-add-business-cards div#bcard-preview span#txt-first, 
body.page-node-add-business-cards div#bcard-preview span#txt-last{
  font-family: 'Gotham-Bold', 'Gotham Bold', Arial, sans-serif;
  font-size: 12pt;
}

body.page-node-edit.node-type-business-cards div#bcard-preview span#txt-last,
body.page-node-add-business-cards div#bcard-preview span#txt-last{
  position: relative;
  top:  -4px;
  }

body.page-node-edit.node-type-business-cards div#bcard-preview div#bc-right-column,
body.page-node-add-business-cards div#bcard-preview div#bc-right-column{
  position: absolute;
  top: 53px;
  width: 200px;
  line-height: 10pt; /* fixes diff w Chrome & Firefox*/
}

body.page-node-edit.node-type-business-cards div#bcard-preview div#p-right-title-group,
body.page-node-add-business-cards div#bcard-preview div#p-right-title-group{
  font-family: 'Gotham-Bold', 'Gotham Bold', Arial, sans-serif;
  font-size: 7pt;
}

body.page-node-edit.node-type-business-cards div#bcard-preview .bcard-twenty-twenty-design div#p-right-title-group,
body.page-node-add-business-cards div#bcard-preview .bcard-twenty-twenty-design div#p-right-title-group,
body.page-node-edit.node-type-business-cards div#bcard-preview .bcard-twenty-twenty-design div#p-right-office-group,
body.page-node-add-business-cards div#bcard-preview .bcard-twenty-twenty-design div#p-right-office-group {
  font-family: inherit;
  font-size: 8.66px;
  line-height: 11.33px;
}


body.page-node-edit.node-type-business-cards div#bcard-preview div#p-right-title-group span,
body.page-node-add-business-cards div#bcard-preview div#p-right-title-group span{
  float: left;
  margin-top: -2px;
  clear: both;
}

body.page-node-edit.node-type-business-cards div#bcard-preview div#p-right-office-group,
body.page-node-add-business-cards div#bcard-preview div#p-right-office-group{
  font-family: 'Gotham-Book', 'Gotham Book', Arial, sans-serif;
  font-size: 7pt;
  position: relative;
  top:7px;
}

body.page-node-edit.node-type-business-cards div#bcard-preview .bcard-twenty-twenty-design div#p-right-office-group,
body.page-node-add-business-cards div#bcard-preview .bcard-twenty-twenty-design div#p-right-office-group{
  font-family: inherit;
  font-size: 8.66px;
  position: inherit;
  top: inherit;
  line-height: 11.33px;
}


body.page-node-edit.node-type-business-cards div#bcard-preview div#p-right-office-group span,
body.page-node-add-business-cards div#bcard-preview div#p-right-office-group span{
  float: left;
  margin-top: -2px;
  clear: both;
}

body.page-node-edit.node-type-business-cards div#bcard-preview .bcard-twenty-twenty-design div#p-right-office-group span,
body.page-node-add-business-cards div#bcard-preview .bcard-twenty-twenty-design div#p-right-office-group span{
  float: none;
  margin-top: 0;
  clear: both;
}



body.page-node-edit.node-type-business-cards label[for='edit-field-bc-job-title-2-und-0-value'],
body.page-node-add-business-cards label[for='edit-field-bc-job-title-2-und-0-value'],
/*
body.page-node-edit.node-type-business-cards label[for='edit-field-bbc-unit-div-dep-1-und-0-value'],
body.page-node-add-business-cards label[for='edit-field-bbc-unit-div-dep-1-und-0-value'],
*/
body.page-node-edit.node-type-business-cards label[for='edit-field-bbc-unit-div-dep-2-und-0-value'],
body.page-node-add-business-cards label[for='edit-field-bbc-unit-div-dep-2-und-0-value'],
body.page-node-edit.node-type-business-cards label[for='edit-field-bc-mobile-und-0-value'],
body.page-node-add-business-cards label[for='edit-field-bc-mobile-und-0-value']
{
  display: none;
}

body.page-node-edit.node-type-business-cards #edit-field-bc-back-image-und-none,
body.page-node-add-business-cards #edit-field-bc-back-image-und-none,
body.page-node-edit.node-type-business-cards label[for='edit-field-bc-back-image-und-none'],
body.page-node-add-business-cards label[for='edit-field-bc-back-image-und-none'],
body.page-node-edit.node-type-business-cards #edit-field-back-image-multi-und-none, 
body.page-node-add-business-cards #edit-field-back-image-multi-und-none,
body.page-node-edit.node-type-business-cards label[for='edit-field-back-image-multi-und'],
body.page-node-add-business-cards label[for='edit-field-back-image-multi-und'], 
body.page-node-edit.node-type-business-cards label[for='edit-field-back-image-multi-und-none'],
body.page-node-add-business-cards label[for='edit-field-back-image-multi-und-none']
{
   display: none;
}

body.page-node-edit.node-type-business-cards .field-name-field-bc-back-image, 
body.page-node-add-business-cards .field-name-field-bc-back-image,
body.page-node-edit.node-type-business-cards .form-group.form-item-field-bc-back-image-und,
body.page-node-add-business-cards .form-group.form-item-field-bc-back-image-und 
{
   margin-bottom: 0;	
}

body.page-node-edit.node-type-business-cards div#bcard-preview div#p-left-address-group span#state,
body.page-node-edit.node-type-business-cards div#bcard-preview div#p-left-address-group span#zip,
body.page-node-add-business-cards div#bcard-preview div#p-left-address-group span#state,
body.page-node-add-business-cards div#bcard-preview div#p-left-address-group span#zip {
  clear: none !important;
}

.bcard-blue{
  /*pantone 279C*/
  color: #4189DD;
}


body.page-node-edit.node-type-business-cards div#bcard-preview .bcard-twenty-twenty-design #bc-left-column,
body.page-node-add-business-cards div#bcard-preview .bcard-twenty-twenty-design div#bc-left-column {
    width: 52%;
    float: left;
}

body.page-node-edit.node-type-business-cards div#bcard-preview .bcard-twenty-twenty-design.vertical #bc-left-column,
body.page-node-add-business-cards div#bcard-preview .bcard-twenty-twenty-design.vertical div#bc-left-column {
    width: inherit;
    float: inherit;
}

body.page-node-edit.node-type-business-cards div#bcard-preview .bcard-twenty-twenty-design div#bc-right-column,
body.page-node-add-business-cards div#bcard-preview .bcard-twenty-twenty-design div#bc-right-column {
    transform: rotate(180deg);
    width: 48%;
    float: left;
    height: 189.2px;
    position: inherit;
    top: 0;
    line-height: inherit;
}

body.page-node-edit.node-type-business-cards div#bcard-preview .bcard-twenty-twenty-design.vertical div#bc-right-column,
body.page-node-add-business-cards div#bcard-preview .bcard-twenty-twenty-design.vertical div#bc-right-column {
    width: inherit;
    float: inherit;
    margin-left: 15.12px;
    height: 370px;
}

.bcard-twenty-twenty-design div#bc-right-column #p-right-name-group, 
.bcard-twenty-twenty-design div#bc-right-column #p-right-title-group, 
.bcard-twenty-twenty-design div#bc-right-column #p-right-office-group, 
.bcard-twenty-twenty-design div#bc-right-column #p-right-address-group {
    transform: rotate(180deg);
}

#txt-first-twenty-twenty, #txt-last-twenty-twenty {
    font-weight: 700;
    font-size: 9.333px;
    line-height: 11.33px;
}
#unit1-twenty-twenty {
    margin-top: 7.488px;
}
#p-right-office-group {
/*    margin-top: 8.93px; */
    /* background-color: peru; */
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px; 
}
#p-right-title-group {
    /* background-color: orangered; */
    clear: both;
}
#p-right-name-group {
    /* background-color: lightgreen; */
    clear: both;
}
#p-right-address-group {
    /* background-color: peachpuff; */
    font-size: 8.666px;
    line-height: 11.33px;
    clear: both;
}

#office-twenty-twenty-label, #mobile-twenty-twenty-label, #fax-twenty-twenty-label, #email-twenty-twenty-label {
    float: left;
    width: 35px;
    /*    display: inline-block; */
    text-transform: uppercase;
    font-size: 6.665px;
    line-height: 11.33px;
}
/*
#office-twenty-twenty:before {
    content: "Office";
    display: inline-block;
    width: 35px;
    text-transform: uppercase;
    font-size: 6.665px;
    line-height: 11.33px;
}
*/
#office-twenty-twenty-small-vert-divider, #mobile-twenty-twenty-small-vert-divider, #fax-twenty-twenty-small-vert-divider, #email-twenty-twenty-small-vert-divider {
    float: left;
    font-size: 6.665px;
    margin-right: 4px;
}

/*
#office-twenty-twenty-label:after, #mobile-twenty-twenty-label:after {
    content: ''; 
    position: absolute; 
    right: 0; 
    top: .6em; 
    bottom: .6em; 
    width: 1px; 
    background-color: black;
}
*/