/* Base styles */
.resume {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 300;
  word-wrap: break-word;
  word-break: keep-all;
  line-height: 1.8;
}

/* Colors */
.conf-color { color: #2980f1; }
.blue { color: #3c78d8; }
.gray { color: gray; }
.midgray { color: rgb(75, 75, 75); }
.darkgray { color: rgb(58, 58, 58); }

/* Layout */
.profile-img { max-height: 155px; }
.wo-linebreak { white-space: nowrap; }
.head-inline { display: inline; }
.no-tb-padding {
  padding-top: -10px;
  padding-bottom: -10px;
}
.no-lr-padding {
  padding-left: 0;
  padding-right: 0;
}

/* Typography */
.bbold { font-weight: 500; }
.bbbold { font-weight: 700; }

/* Notes and Authors */
.note {
  color: rgb(58, 58, 58);
  font-weight: 500;
  font-family: Arial;
  line-height: 1.5;
}

.bluenote {
  color: #2980f1;
  font-weight: 500;
  font-family: Arial;
  line-height: 1.5;
}

.authors {
  color: rgb(90, 90, 90);
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.2em;
  margin-top: -5px;
  margin-bottom: 3px;
  font-family: Calibri;
}

.more-authors {
  color: rgb(90, 90, 90);
  text-decoration: underline dotted;
}

.more-authors:hover {
  color: rgb(90, 90, 90);
  text-decoration: none;
}

/* Print and Conference */
.pprint {
  background-color: transparent;
  color: rgb(75, 75, 75);
  font-weight: 600;
  border-radius: 5px;
  padding: 0;
  line-height: 1.4;
  text-align: left;
}

.conf {
  background-color: transparent;
  color: #2980f1;
  width: 25.3em;
  font-weight: 800;
  border-radius: 5px;
  padding: 0;
  line-height: 1.4;
  text-align: left;
}

/* Footer */
.footer-cover {
  background-color: #f5f5f5;
  padding-left: 0;
  padding-right: 0;
  margin-top: 50px;
  height: 80px;
}

.footer {
  padding-top: 10px;
}

/* Popups */
.popup {
  font-size: 0.8em;
  border: 2px dotted rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  background-color: transparent;
  display: none;
  width: 100%;
  line-height: 1.5;
  padding: 1em;
  margin: 0.5em;
  font-family: 'Courier New', Courier, monospace;
}

.popup-news {
  font-size: 0.9em;
  border-radius: 10px;
  background-color: #ffede7;
  width: 80%;
  font-weight: 400;
  line-height: 1.5;
  display: none;
  padding: 0.3em 1em;
  margin: 0.2em 0.5em 0.5em 6em;
}

/* Badge Base Styles */
.badge {
  display: inline-block;
  font-size: 1em;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 15px;
  padding: 1em 1em 0.4em;
  transition: background-color 0.2s ease;
}

.badge:empty {
  display: none;
}

.badge-pill {
  padding-right: 1.5em;
  padding-left: 1.5em;
  border-radius: 1em;
}

/* Button-style badges */
.badge-code, .badge-video, .badge-blog {
  color: #fff;
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  text-decoration: none;
  height: 1.6em;
  cursor: pointer;
}

.badge-code {
  background-color: #95ADB6;
}

.badge-code:hover {
  background-color: #7a8f98;
  color: #fff;
}

.badge-video {
  background-color: #e8877f;
}

.badge-video:hover {
  background-color: #c2493c;
  color: #fff;
}

.badge-blog {
  background-color: #DBC7BE;
}

.badge-blog:hover {
  background-color: #68717a;
  color: #fff;
}

/* Other Badge Styles */
.badge-pdf {
  color: #fff;
  background-color: rgb(93, 175, 230);
  height: 1.6em;
}

.badge-pdf:hover {
  background-color: #2980f1;
  color: #fff;
}

.badge-slides {
  color: #fff;
  background-color: #bc84d3;
  height: 1.6em;
}

.badge-slides:hover {
  background-color: #8E44AD;
  color: #fff;
}

.badge-demos {
  color: #fff;
  background-color: #6eb68d;
  height: 1.6em;
}

.badge-demos:hover {
  background-color: #219A52;
  color: #fff;
}

.badge-posters {
  color: #fff;
  background-color: #de9c61;
  height: 1.6em;
}

.badge-posters:hover {
  background-color: #D35400;
  color: #fff;
}

.badge-press {
  color: #fff;
  background-color: #3498DB;
  height: 1.6em;
}

.badge-press:hover {
  background-color: #2980B9;
  color: #fff;
}

/* Original Badge Colors */
.badge-nnew {
  color: #fff;
  background-color: #fa8072;
}

.badge-secondary {
  color: #fff;
  background-color: #788fac;
}

.badge-bibtex {
  color: #fff;
  background-color: #DBC7BE;
  height: 1.6em;
}

.badge-bibtex:hover {
  color: #fff;
  background-color: #68717a;
}

.badge-tbd {
  color: #fff;
  background-color: #b7becf;
  height: 1.6em;
}

.badge-more {
  color: #fff;
  background-color: #EF959C;
}

.badge-more:hover {
  color: #fff;
  background-color: #fa8072;
}

.badge-conf {
  color: #fff;
  background-color: #545b62;
  font-size: 2em;
  font-weight: 300;
  line-height: 2;
}

.badge-conf-oral {
  color: #fff;
  background-color: #EDD28F;
}

/* Color Classes */
.badge-color1 { color: #fff; background-color: #DBC7BE; }
.badge-color2 { color: #fff; background-color: #EF959C; }
.badge-color3 { color: #fff; background-color: #CBB3BF; }
.badge-color4 { color: #fff; background-color: #95ADB6; }
.badge-color5 {
  color: #fff;
  background-color: #EDD28F;
  font-size: 13px;
}
.badge-color5-2 {
  color: #fff;
  background-color: #545b62;
}
.badge-color6 { color: #fff; background-color: #28a745; }
.badge-color6-2 { color: #fff; background-color: #1e7e34; }
.badge-color7 { color: #fff; background-color: #17a2b8; }
.badge-color7-2 { color: #fff; background-color: #117a8b; }