@charset “utf-8”;

/*

* Set page size here: A5, A4 or A3
* Set also "landscape" if you need
*/

@page {

size: A4

}

html {

font-size: $base-font-size;
text-align: justify;

}

/**

* Basic styling
*/

body {

font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
color: $text-color;
font-kerning: normal;

}

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure {

margin: 0;
padding: 0;

}

a {

color: $link-base-color;
text-decoration: none;

&:visited {
  color: $link-visited-color;
}

&:hover {
  color: $link-hover-color;
  text-decoration: underline;
}

}

.cv_section {

color: $brand-color;
font-size: $base-font-size * 1.5;
font-weight: normal;
padding-top: 8px;
padding-bottom: 2px;

}

.cv_ententy {

font-size: $base-font-size * 1.2;
font-weight: 900;
padding-bottom: 5px;
float:none;

}

.cv_item {

color: $text-color-light;

}

.fa-circle {

margin-left: 15px;
margin-right: 15px;

}

.cv_years {

color: $brand-color;
font-size: $base-font-size * 1.5;
font-weight: normal;
float:none;
text-align: right;

}

.cv_profile_detail {

font-size: $base-font-size * 0.9;

}

.cv_icon {

color: $brand-color;
margin-left: 10px;
margin-right: 10px;
float: left;

}

.cv_profile_name {

float: none;

}

.cv_profile_h {

color: $brand-color;
font-size: $base-font-size * 1.2;
font-weight: 900;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 8px;

}

.alignleft {

float: left;

} .alignright {

float: right;

}

.brand-color {

color: $brand-color;

}

.cv {

img {
  border-radius: 5px;
  margin-right: 5px;
  width: 40px;
  float:left;
}

img:hover {
  box-shadow: 0 0 2px 1px $brand-color-light;
}

}

/**

* Code formatting
*/

pre, code {

font-size: 0.9375em;
border: 1px solid $text-color-light;
border-radius: 3px;
background-color: $text-color-light1;

}

code {

padding: 1px 5px;

}

pre {

padding: 8px 12px;
overflow-x: auto;

> code {
  border: 0;
  padding-right: 0;
  padding-left: 0;
}

}

.page {

body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
  margin-bottom: 15px;
}
img {
  border-radius: 5px;
  margin: 0 auto;
  height: 200px;
  display: block;
}

}

.page {

}

avatar {

img {
  border-radius: 50%;
  margin-left: 45px;
  margin-right: 45px;
  margin-top: 18px;
  width: 90px;
  height: 90px;
  object-fit: cover;
  border: 2px solid $text-color-light;
  float:left;

  img:hover {
    box-shadow: 0 0 2px 1px $text-color-light1;
  }
}

}

cv_avatar {

background: $text-color-light3;
width: 180px;
height: 180px;
text-align: center;
float:left;
margin-bottom: 10px;

}

cv_profile {

background: $text-color-light1;
height: 180px;
margin-bottom: 10px;

}

cv_contact {

width: 269.062px;
float: left;

}

cv_info {

width: 269.063px;
float:right;

}

cv_name {

color: $brand-color;
font-weight: 900;
padding-top: 8px;
padding-bottom: 2px;

}

cv_bio {

font-size: $base-font-size * 0.9;

}

cv_info_message {

background: $brand-color-light1;
border-radius: 5px;
padding: 4px;
padding-left: 10px;
padding-right: 10px;
font-size: $base-font-size * 0.8;
width: 680px;
margin: 0 auto;

}

cv_download {

background: $download-color;
border-radius: 5px;
padding: 4px;
padding-left: 10px;
padding-right: 10px;
width: 680px;
margin: 0 auto;
a:hover {
  color: $download-color-light;
  text-decoration: underline;
}

}

cv_madeby {

position: relative;

}

cv_madeby {

font-size: $base-font-size * 0.8;
text-align: center;
position: absolute;
width: 718.125px;
bottom: 30px;
color: $text-color-light5;
a {
  color: $text-color-light5;
}
a:hover {
  color: $brand-color-light;
}

}

/**

* to not print the download message
*/

@media print {

.no-print {
    display: none;
 }

}