/* Blue variables */
/* Template Name: Orbit - Responsive Resume/CV Template for Developers Version: 1.0 Author: Xiaoying Riley Twitter: @3rdwave_themes License: Creative Commons Attribution 3.0 License Website: http://themes.3rdwavemedia.com/
*/
/* ======= Base ======= */
body { font-family: 'Roboto', sans-serif; color: #545E6C; background: #f5f5f5; font-size: 14px; padding: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

a { color: #2d7788; }
a:hover { text-decoration: underline; color: #1a454f; }
a:focus { text-decoration: none; }

p { line-height: 1.5; }

.wrapper { background: #42A8C0; max-width: 1000px; margin: 0 auto; position: relative; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }

.sidebar-wrapper { background: #42A8C0; position: absolute; right: 0; width: 280px; height: 100%; min-height: 800px; color: #fff; }
.sidebar-wrapper a { color: #fff; }
.sidebar-wrapper .profile-container { padding: 30px; background: rgba(0, 0, 0, 0.2); text-align: center; color: #fff; }
.sidebar-wrapper .name { font-size: 32px; font-weight: 900; margin-top: 0; margin-bottom: 10px; }
.sidebar-wrapper .tagline { color: rgba(255, 255, 255, 0.6); font-size: 16px; font-weight: 400; margin-top: 0; margin-bottom: 0; }
.sidebar-wrapper .profile { margin-bottom: 15px; }
.sidebar-wrapper .avatar { max-width: 100px; margin-bottom: 15px; border: 0px solid #fff; border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.sidebar-wrapper .contact-list .fas, .sidebar-wrapper .contact-list .fab { margin-right: 5px; font-size: 18px; vertical-align: middle; }
.sidebar-wrapper .contact-list li { margin-bottom: 15px; }
.sidebar-wrapper .contact-list li:last-child { margin-bottom: 0; }
.sidebar-wrapper .container-block { padding: 30px; }
.sidebar-wrapper .container-block-title { text-transform: uppercase; font-size: 16px; font-weight: 700; margin-top: 0; margin-bottom: 15px; }
.sidebar-wrapper .degree { font-size: 14px; margin-top: 0; margin-bottom: 5px; }
.sidebar-wrapper .education-container .item { margin-bottom: 15px; }
.sidebar-wrapper .education-container .item:last-child { margin-bottom: 0; }
.sidebar-wrapper .education-container .meta { color: rgba(255, 255, 255, 0.6); font-weight: 500; margin-bottom: 0px; margin-top: 0; }
.sidebar-wrapper .education-container .time { color: rgba(255, 255, 255, 0.6); font-weight: 500; margin-bottom: 0px; }
.sidebar-wrapper .languages-container .lang-desc { color: rgba(255, 255, 255, 0.6); }
.sidebar-wrapper .languages-list { margin-bottom: 0; }
.sidebar-wrapper .languages-list li { margin-bottom: 10px; }
.sidebar-wrapper .languages-list li:last-child { margin-bottom: 0; }
.sidebar-wrapper .interests-list { margin-bottom: 0; }
.sidebar-wrapper .interests-list li { margin-bottom: 10px; }
.sidebar-wrapper .interests-list li:last-child { margin-bottom: 0; }

.main-wrapper { background: #fff; padding: 60px; padding-right: 340px; }
.main-wrapper .section-title { text-transform: uppercase; font-size: 20px; font-weight: 500; color: #2d7788; position: relative; margin-top: 0; margin-bottom: 20px; }
.main-wrapper .section { margin-bottom: 60px; }
.main-wrapper .experiences-section .item, .main-wrapper .educations-section .item { margin-bottom: 30px; }
.main-wrapper .upper-row { position: relative; overflow: hidden; margin-bottom: 2px; }
.main-wrapper .job-title, .main-wrapper .degree { color: #3F4650; font-size: 16px; margin-top: 0; margin-bottom: 0; font-weight: 500; }
.main-wrapper .time { position: absolute; right: 0; top: 0; color: #97AAC3; }
.main-wrapper .company, .main-wrapper .university { margin-bottom: 10px; color: #97AAC3; }
.main-wrapper .project-title { font-size: 16px; font-weight: 400; margin-top: 0; margin-bottom: 5px; color: #2d7788; }
.main-wrapper .projects-section .intro { margin-bottom: 30px; }
.main-wrapper .projects-section .item { margin-bottom: 15px; }
.main-wrapper .publication-title { font-size: 16px; font-weight: 400; color: #3F4650; margin-bottom: 1px; }
.main-wrapper .publication-authors { font-style: italic; color: #97AAC3; margin-bottom: 1px; }
.main-wrapper .publications-section .intro { margin-bottom: 30px; }
.main-wrapper .publications-section .item { margin-bottom: 15px; }

.skillset .item { margin-bottom: 15px; overflow: hidden; }
.skillset .level-title { font-size: 14px; margin-top: 0; margin-bottom: 12px; }
.skillset .level-bar { height: 12px; background: #f5f5f5; }
.skillset .level-bar-inner { height: 12px; background: #7bc2d3; }

.footer { padding-top: 30px; }
.footer .copyright { line-height: 1.6; color: #545E6C; font-size: 13px; }
.footer .fa-heart { color: #fb866a; }

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) { body { padding: 0; }
  .sidebar-wrapper { position: static; width: inherit; }
  .main-wrapper { padding: 30px; }
  .main-wrapper .time { position: static; display: block; margin-top: 5px; }
  .main-wrapper .upper-row { margin-bottom: 0; } }
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { .skillset .level-title { display: inline-block; float: left; width: 30%; margin-bottom: 0; }
  .skillset .level-bar { display: inline-block; width: 70%; float: left; position: relative; top: 1px; } }
/* Large devices (large desktops, 1200px and up) */
/* Ex-Large devices (large desktops, 1200px and up) */
@media print { @page { size: A4; }
  body { font-size: 12pt; }
  img.avatar { filter: grayscale(1); -webkit-filter: greyscale(1); }
  .main-wrapper .time { float: right; color: black !important; -webkit-print-color-adjust: exact; }
  .sidebar-wrapper { position: static; float: right; width: 40%; -webkit-print-color-adjust: exact; }
  .remove-container.container-block { display: none; }
  footer { display: none; }
  .skillset .level-bar-inner { background-color: black !important; -webkit-print-color-adjust: exact; } }