
@media print {
  body, html, *{
  margin: 0!important;
  padding: 0px!important;
    visibility: hidden;

}

  #compcard, #compcard * {
    visibility: visible;
  }
  #compcard {
    position: absolute;
    left: 0;
    top: 0;
  }
   .um-viewing .compcard{
        display: block!important;
    }
@page :first {
  margin: 8mm!important;
  padding: 0px!important;
  overflow: hidden!important;
}
.header-wrap,
    footer,
    .profile_head_sidebar,
    .um-profile-nav, 
    .um-profile-note,
    .um-profile-body > div:not(.compcard),
    .footer-width-fixer,
    a.scrolltop,
    a.cc_print_button,
    .kaya-page-titlebar-wrapper,
    #kaya-header-content-wrapper,
  .um-viewing .compcard .um-field-label
  {

    display: none!important;
    width: 100%!important;
  }
#right_section {
    width: calc(100% - 00px);
}
  .um-profile.um-viewing .um-field {
 border-bottom: solid 0px rgba(127,127,127,0.1)!important;

}
.kaya_um_user_meta::after{
  content:"-";
}
.kaya_um_user_meta:last-child::after { 
  content:" "; }

.um-viewing .compcard > div:nth-child(1) img {
    object-fit: cover!important;
   height:193mm!important;
  width: 281mm!important;
    object-position: 0 0;
}

.um-viewing .compcard > div:nth-child(1) > div:nth-child(2) {
  font-size: 50px;
  font-weight: bold;
  bottom: 30px;
  position: absolute;
  left:-1px;
  padding: 5px 20px!important;
  background-color: #fff;
}

.um-viewing .compcard > div:nth-child(2) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;

}
.um-viewing .compcard > div:nth-child(2) > div:nth-last-child(2) {
grid-column: 1 / span 2;
-ms-grid-column: 1 / span 2;
grid-row: 3 / span 2;
-ms-grid-row: 3 / span 2;
display: inline-block;
text-align: center;
}
.um-viewing .compcard > div:nth-child(2) > div:last-child {
grid-column: 1 / span 2;
-ms-grid-column: 1 / span 2;
margin-top: 20px!important;
display: inline-block;
text-align: center;
}
.um-viewing .compcard > div:nth-child(2) > div:last-child img{
width: inherit!important;
height: inherit!important;
margin: 0 auto!important;
}

.um-viewing .compcard > div:nth-child(2) img{

   object-fit: cover!important;
    width: 100%!important;
   height:74mm!important;
    object-position: 0 0;

}

}