@page {
  margin: 0;
}
#cv{
  font-size:14px;
  position:relative;
  z-index: 10;
}
#cv .padded{
  padding: 10px;
}
#cv h2.spanned, #cv h3.spanned, #cv h4.spanned{
  margin:15px 0;
  padding: 0;
}
p{
  margin: 0;
  margin-top:10px;
}
.block{
  position: relative;
  padding: 10px;
  page-break-inside:avoid;
}
#cv_sidebar .block{
  padding:15px;
}
#cv_sidebar .block p{
  text-align:left;
}
.block .title{
  font-weight: 900;
  line-height:1;
  margin-bottom:5px;
}
.cv_image{
  width:60px;
  height:60px;
  border-radius:5px;
  float:right;
  margin:20px;
  margin-right: 0;
  padding: 5px;
  background: #fff;
}
.date{
  color:#333 !important;
  color:var(--general-group-color-1) !important;
}
h3{
  margin: 0;
  margin-top: 5px;
  font-size: 18px;
}
.hide_btn{
  text-align: center;
}
#cv .block .technicals{
  font-size:20px;
  line-height:1;
  margin:7px 0;

}
#cv .block ul + .technicals{
  margin-left:20px;
}
#cv .block .technicals .icon-linux-plain{
  color:#000;
}
#cv .block .technicals .icon-d3js-plain{
  color:#fa6;
}
#cv .block .technicals .icon-glyphicons-vb_bw_2{
  color:#269;
}
#cv .block .technicals > div{
  display:inline-block;
  background: #fff;
  border-radius: 50%;
  padding: 6px 5px 3px 5px;
  margin:1px 0;
  box-shadow: 0 0 3px #ddd;
}
#cv .block strong{
  font-weight:500;
  background: #ddd;
  background: var(--general-group-background-3);
  border-radius: 3px;
  padding:3px;
  display: inline-block;
  color:#000;
  color:var(--main-color);
}
@media only screen{

  #cv{
    margin:-20px;
    overflow:hidden;
  }
  #cv_sidebar{
    position:relative;
  }
  #cv_sidebar:after{
    content: " ";
    position:absolute;
    top:30px;
    bottom:30px;
    right:0;
    background:#ddd;
    background: var(--general-group-background-3);
    width:1px;
  }
  section{
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .date + .location{
    margin: 0;
    display: block;
  }
  #cv_content dl{
    margin: 20px 10px;
  }
  .block{
    background: #ddd;
    background: var(--general-group-background-1);
    padding: 10px;
    margin:20px 2px;
    border-radius: 5px;

  }
  .block .table_wrapper{
    margin-top:20px;
  }
  #cv_content dd{
    background: var(--general-group-background-1);
    margin: 0;
    margin-top: -11px;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-bottom: 20px;
  }
}
@media only print{
  #cv ul.bullets{
    padding-left: 20px;
  }
  /*#cv .block .technicals > div{
    background: #f0f0f0;
  }*/
  #cv_sidebar .block p{
    line-height:1.15
  }
  #cv_sidebar .group_section h2{
    page-break-before:avoid;
    page-break-after:avoid;
  }
  #cv h2{
    page-break-after:avoid;
  }
  #cv .group_section{
    padding-top:10px;
  }
  #cv ul.bullets li:before{
    font-size:1.25em;
    top:0.2em;
  }
  #cv .block .technicals{
    font-size:15px !important;
  }
  #cv_sidebar .block{
    padding:3px;
  }
  #page_wrapper footer{
    display:none !important;
  }
  #cv_sidebar{
    background:transparent;
  }
  #sidebar_background{
    background: #f0f0f0;
    position:fixed;
    left:0;
    width:33.5%;
    top:0;
    bottom:0;
  }
  #cv{
    font-family: "Quicksand";
    border-top:10px #f60 solid;
  }
  #cv h2.spanned, #cv h3.spanned, #cv h4.spanned{
    margin:0;
  }
  #cv .block{
    padding: 5px 0;
  }
  #content #cv{
    line-height:1.15;
  }
  #cv, #cv h2, #content #cv a:after{
    font-size:10px !important;
  }
  #content>.padded{
    padding:0 !important;
  }
  .hide_btn{
    display: none;
  }
  .block p {
    letter-spacing: normal !important;
  }
  #title_container, h1{
    display: none;
  }
  h2{
    margin: 4px 0;
    padding-left:0;
  }
  h2.spanned span{
    background:transparent !important;
    padding-left:0;
  }
  h3{
    font-size: 100%;
    font-weight: 900;
    margin: 0
  }
  h2:before{
    display: none;
  }
  h2 + section{
    margin-left:50px;
  }
  .block .title{
    /*font-size:14pt;*/
    font-weight: 900;
    color:#000;
  }
  body{
    font-size:10pt;
  }
  a{
    color:#000 !important
  }
  .block.has_image .title, .block.has_image .content{
    padding-right:60px;
  }
  .cv_image{
    height:50px;
    width: 50px;
    position: absolute;
    right: 0;
    top:0;
    float: none;
  }
  .date{
    margin-top: -5px;
  }
  #cv.less .block .content{
    display:none;
  }
  #cv.less .cv_image{
    height:30px;
    width: 30px;
    margin: 0;
    padding:0;
  }
}

.block ul ul {
  padding-left:15px;
}

.block ul li{
  padding-left:3px;
}

@media only print{
  #cv_content{
    font-size:12px;
  }
}

@media only print{
  html{
    line-height:1;
  }
  table.stats{
    border-radius:0;
  }
  table.stats th, table.stats td{
    padding: 3px !important;
  }
  h2{
    letter-spacing: 0px;
  }
}
#technologies{
  font-size: 10px;
  text-align: center
}
#technologies .tech_info{
  position: relative;
  display: inline-block;
  text-align: center;
}
#technologies > .tech_info > .glyphs{
  border:3px #ddd solid;
  border-color:var(--general-group-background-1);
  border-radius:50%;
  padding:8px;
  background:#fff;
  line-height: 1;
  position: relative;
  width:55px;
  height:55px;
  display: inline-block;
  font-size:33px;
}

#technologies > .tech_info .text{
  font-size:8px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  color:#000;
  color:var(--main-color);
  display: block;
}

@supports ((-webkit-text-fill-color: transparent) or (text-fill-color: transparent)) and ((background-clip: text) or (-webkit-background-clip:text)) {
  .icon-apache-plain{
    background: linear-gradient(90deg, #ffb720, #f60, #bf00ff);
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-fill-color: transparent !important;
  }
}
