/* Copyright (c) 2013, Oscar de Lama */
.header {
  background-color: #2a6a8c;
  border-bottom: #d9d3cc solid 1px;
}
.pre-title-icon{display:inline} /* Pre Title Icon */
.header .page-title {
  color: #5BC7DA;
  padding-top: 15px;
  padding-bottom: 12px;
  padding-left: 5%;
  font-family: Oswald;
  font-weight: normal;
  font-size: 1.2em;
  line-height: 1.4em;
  -webkit-font-smoothing: antialiased;
}
.header .page-title  i { /* icon before title */
  color: #a7d1d9;
  font-size: 1.2em;
}

.cv-project {
  border: 2px solid #e8e8e8;
  border-top-left-radius: 16pt;
  border-top-right-radius: 16pt;
  margin-bottom: 3em;
}
.cv-project .project-header {
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  background-color: #edf7f3;
  border-top-left-radius: 14pt;
  border-top-right-radius: 14pt;
  border-bottom: 2px solid #ededed;
  padding-top: 10pt;
  padding-bottom: 4pt;
  padding-left:16pt;
}

.cv-project .name {
  color: #2151B0;
  font-family: Oswald, "Helvetica Neue", Helvetica, "Trebuchet MS", Trebuchet, sans-serif;
  font-size: 18pt;
  padding-top: 4pt;
  margin-bottom: 6pt;
}
.cv-project .duration {
  color: #787878;
  padding-left: 9pt;
  font-size: 0.95em;
}
.cv-project .location {
  color: #787878;
  padding-left: 9pt;
  font-size: 0.95em;
}
.cv-project  .description {
  padding: 8pt 24pt;
  background-color: #f7f5ed;
  /* line-height: 1.5; */
}
.cv-position {
  margin: 0;
  border-top-left-radius: 16pt;
  border-top-right-radius: 16pt;
}

.cv-position .position-header {
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  background-color: #F0FAFF;
  border-radius: 14pt;
  border: 2px solid #ededed;
  padding-top: 12pt;
  padding-bottom: 4pt;
  padding-left:22pt;
}
.cv-position .left-panel {
    width: 90%;
}
.right-panel i {
    position: relative;
    left: 8pt;
    top: 5pt;
    color: #8f8f8f;
    font-size: 18pt;
}
#content a.display-toggler {
  background: inherit;
  padding: 0;
  border: 0;
}
.cv-position .right-panel, .cv-position .right-panel:visited {
    width: 33pt;
    height: 32pt;
    border-radius: 4pt;
    border: 1px solid #e3e3e3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0FAFF),  color-stop(100%,#F0FAFF));
}
.right-panel a:hover {
   text-decoration: none;
}
.cv-position .right-panel:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0FAFF),  color-stop(100%,#F0FAFF));
    border: 1px solid #e3e3e3;
}
.cv-position .title {
  color: #2a7291;
  font-family: Oswald, "Helvetica Neue", Helvetica, "Trebuchet MS", Trebuchet, sans-serif;
  font-size: 20pt;
  margin-bottom: 8pt;
}
.cv-position .company{
  font-weight: bold;
  font-size: 1.05em;
  color: #787878;
}
.cv-position .duration{
  color: #8f8f8f;
}
.cv-position .location {
  color: #8f8f8f;
  font-size: 0.95em;
}
.cv-position .description {
  padding-top: 10pt;
  padding-right: 16pt;
  padding-bottom: 10pt;
  padding-left: 22pt;
}
.inl-client {
  color: #344d80;
  font-weight: bold;
}
.inl-duration {
  color: #787878;
}
.cv-project .left-panel {
    width: 90%;
}
.cv-project .right-panel, .cv-project .right-panel:visited {
    width: 33pt;
    height: 32pt;
    border-radius: 4pt;
    border: 1px solid #e3e3e3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2faf7),  color-stop(100%,#e1ede8));
}

.cv-project .right-panel:hover {
    border: 1px solid #dae0de;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7fcfb),  color-stop(100%,#dae5e1));
}