/*
 * 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/
*/
/* styles-6.css */

/*===============  =============*/

:root {
  --sombre: #303030;
  --carte: 70%;
  /*icons-taille*/
  --ggs : 1;
}

/*=============== fonts =============*/

@font-face {
	font-family: 'Roboto';
	src: url('/theme/fonts/Roboto-Regular.ttf') format('truetype'),
      url('/theme/fonts/Roboto-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Roboto-L';
	src: url('/theme/fonts/Roboto-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto-LI';
	src: url('/theme/fonts/Roboto-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto-BB';
	src: url('/theme/fonts/Roboto-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto-B';
	src: url('/theme/fonts/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto-CL';
	src: url('/theme/fonts/RobotoCondensed-Light.ttf') format('truetype');
}


/* ======================= icons ===================== */
/*https://css.gg/app*/

.gg-infinity, .gg-magnet, .gg-user, .gg-format-separator, .gg-comment, .gg-feed, .gg-designmodo,
.gg-spinner-alt, .gg-spinner, .gg-spinner-two,
.gg-edit-unmask, .gg-more,
.gg-calendar-due, .gg-calendar-next, .gg-calendar, .gg-add-r, .gg-check-r,
.gg-file-remove, .gg-file-add, .gg-file, .gg-loadbar-doc, .gg-mail, .gg-comment, .gg-album, .gg-link, .gg-board
{
  vertical-align: middle;
  display: inline-block;
  color: #555;
}

.ic {
  background-color: #f5f5f580;
}

.page .section-title .gg-calendar-due, .page .section-title .gg-calendar-next,
.page .section-title .gg-calendar, .page .section-title .gg-add-r, .page .section-title .gg-check-r,
.page .section-title .gg-file-remove, .page .section-title .gg-file-add, .page .section-title .gg-file, .page .section-title .gg-loadbar-doc, .page .section-title .gg-comment, .page .section-title .gg-album
{
  /*background: var(--sombre);*/
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*margin: 8px;*/
  text-align: center;
  /*padding-top: 8px;
  font-size: 16px;
  position: relative;*/
  top: -2px;
}

.page .gg-more,
/*.page .gg-edit-unmask,  .page .gg-designmodo,*/
.page .gg-calendar-due, .page .gg-calendar-next, .page .gg-calendar, .page .gg-add-r, .page .gg-check-r,
.page .gg-file-remove, .page .gg-file-add, .page .gg-file, .page .gg-loadbar-doc, .page .gg-comment, .page .gg-album
{
  /*--ggs : 0.5 ;*/
  margin: 0 15px;
}

#livechat .gg-comment {--ggs : 0.3;}
.webring .gg-link, .gg-board {--ggs : 0.6; margin: 0 4px; color: black;}

/*old icons:*/

#content.article #home .fa {font-size: 24px;}
.sidebar-wrapper .fa { /*margin-right: 5px;*/ vertical-align: middle;}
.sidebar-wrapper .contact-list .fa {font-size: 14px;}
.sidebar-wrapper .menu-list .fa {font-size: 24px;}top
/*.footer .fa-heart { color: #fb866a;}*/

.main-wrapper .section-title .fa {
  width: 30px;
  height: 30px;
  margin: 8px;
  display: inline-block;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: var(--sombre);
  text-align: center;
  padding-top: 8px;
  font-size: 16px;
  position: relative;
  top: -2px;
}

/* Extra small devices (phones, less than 768px) */

@media (max-width: 390px) {
  .sidebar-wrapper ul.menu-list {
    max-width: 200px;
    margin: 50px auto;
  }
  .main-wrapper .section-title .fa {
    display: block;
    margin: 10px auto;
  }
  .sidebar-wrapper ul.menu-list .linkhover  {
    width: auto !important;
    top: 500px;
    left: 44%;
  }
}

/* ================================== */


.opp {opacity: 1 !important;}
.grey {color: var(--sombre);}
.affoff {display: none !important;}
.padd {padding-top: 30px !important; padding-bottom: 0px !important;}
.wsmall {width: 520px;}
.mtop {margin-top: 0 !important;}
.blockquote {font-size: 14.5px; }
.smll {font-size: smaller;}

.fri {font-family: 'Roboto-LI';}
.frcl {font-family: 'Roboto-CL';}



/* ======================================================== Base ===================== */

body {
  font-family: 'Roboto', sans-serif;
  color: #545E6C;
  /*background: #f5f5f5;*/
  background: rgba(0, 0, 0, 0.2);
  font-size: 14px;
  padding: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 10%;

}

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

a {
  color: var(--sombre);
  padding: 4px 4px 6px;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
a:hover {
  text-decoration: none;
  color: whitesmoke /*#10171a*/ !important;
  background-color: var(--sombre) !important;
}
.profile-container a:hover {
  background-color: transparent !important;
  color: grey;
}
.sidebar-wrapper ul.menu-list a:hover,
.btmenuhov {
    color: var(--sombre);
    background-color: transparent !important;
}

a:focus { text-decoration: none;}
#home a {padding: 0;}
#home {/*right: 30px; position: fixed;*/ margin-bottom: 20px;}

p { line-height: 1.5;}


.sidebar-wrapper .menu-list a,
a#livechat:hover,
/*.sidebar-wrapper .tagline,*/
.sidebar-wrapper .name:hover {
  cursor: pointer;
}

.rocketchat-widget{
  display: none;
  position: relative !important;
  margin: -10px auto;
/*  width: 365px !important;*/
}

.page{
  display: none;
  /*opacity: 0;*/
  background: linear-gradient(#cccccc00, #f5f5f5d9);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 30px 60px 50px;
  -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 6px 4px rgba(0, 0, 0, 0.1);
}
.main-wrapper .page ol {
  padding-inline-start: 0;
}
.main-wrapper .page .post-list li {
  list-style-type: none; ;
}
.main-wrapper .page .post-list header,
.main-wrapper .page .post-list footer,
#articles .post-list .entry-content {
  text-align: center;
}
.main-wrapper #articles ul.category_folder {display: inline-block;}

#content.article header {margin-bottom: 30px;}



#content.article {padding-right: 15%; padding-left: 15%;}
#content.article .entry-content img {border: 1px dotted grey; border-radius: 4px;}
.main-wrapper #links {text-align: center;}

.wrapper {
  /*background: #4B6A78;*/
  max-width: 840px;
  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);*/
}


.wrapper,
.sidebar-wrapper,
.sidebar-wrapper .profile-container,
.main-wrapper {
  border-radius: 10px;
}

.sidebar-wrapper {
  background: #a2a1a1 ;/*#3c3e40;*/
  /*position: absolute;*/
  right: 0;
  margin: 0 auto;
  width: var(--carte) /*240px*/;
  /*height: 100%;*/
  /*min-height: 800px;*/
  color: #fff;
  text-align: center;
  padding: 120px 40px 20px;
  box-shadow: 0px 2px 1px whitesmoke;
}
.sidebar-wrapper a {
  color: #fff;
}
.sidebar-wrapper .profile-container {
  /*padding: 30px;*/
  /*padding: 30px 30px 0 30px;*/
  text-align: center;
/*  color: #fff;*/
}
/*.sidebar-wrapper a#sitename:hover,*/
.sidebar-wrapper h1:hover/*,
.sidebar-wrapper .tagline:hover*/
 { color: var(--sombre) !important; }

.sidebar-wrapper .name {
  font-size: 32px;
  font-weight: 900;
  margin-top: 0;
  margin-bottom: 30px;
}

.sidebar-wrapper h1.name:hover
/*.sidebar-wrapper .tagline:hover*/
 {    text-shadow: 0px 4px 2px grey;}

.sidebar-wrapper .tagline {
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  font-family : 'Roboto-LI';
}
.sidebar-wrapper .profile {
  margin-bottom: 15px;
}

.sidebar-wrapper .menu-list a:hover
 {  text-shadow: 0px -2px 2px var(--sombre);}

/*.sidebar-wrapper ul.menu-list { margin-top: 50px;}*/
.sidebar-wrapper ul.contact-list {margin-bottom: 50px;}

.sidebar-wrapper ul.link-list {
  margin-top: 50px;
}
.sidebar-wrapper ul.menu-list .linkhover {
  position: absolute;
  width: var(--carte);
  /*margin-top: 10px;*/
  margin-left: -40px;
  font-weight: bolder;
}
.sidebar-wrapper ul.menu-list li {
  /*margin-right: 20px;*/
  margin: 0 10px 20px;
  display: inline-block;
}

.sidebar-wrapper .social-list li,
.sidebar-wrapper .link-list li,
li.inline {
  display: inline;
}

.main-wrapper #links .links   {
  margin-bottom: 10px;
}
.main-wrapper #links #infolien  {
  margin-left: -60px;
  width: 100%;
  margin-top: 10px;
  font-weight: bolder ;
}
.sidebar-wrapper .contact-list #infolien  {
  width: var(--carte);
  margin-left: -40px;
}
#infolien {
  position: absolute;
  margin: 0 auto;
  color: var(--sombre);
}
.sidebar-wrapper .link-list li {
  margin-bottom: 15px;
  margin-right: 20px;
}
.sidebar-wrapper .contact-list li #livechat {
  font-size: larger;
}
.sidebar-wrapper .contact-list li {
  margin-bottom: 8px;
}
.sidebar-wrapper .contact-list li:last-child {
  margin-bottom: 0;
}
.sidebar-wrapper .container-block {
  padding: 10px 0px 15px;
}
.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 {
  margin-top: -6px;
  /*min-width: 700px;*/
}
.main-wrapper .page .summary p:first-child {
  text-align: center;
}

.main-wrapper .summary-section .summary p {
  text-align: center;
}
.main-wrapper .section-title {
  /*text-transform: uppercase;*/
  font-size: 20px;
  font-weight: 500;
  color: whitesmoke /*var(--sombre)*/;
  position: relative;
  margin-top: 0;
  margin-bottom: 40px;
  text-align: center;
}

.main-wrapper .section {
  margin-bottom: 60px;
}
.main-wrapper .experiences-section .item {
  margin-bottom: 30px;
}
/*.main-wrapper #skills {
  width: var(--carte);
}*/
.main-wrapper .upper-row {
  position: relative;
  overflow: hidden;
  margin-bottom: 2px;
}
.main-wrapper .job-title {
  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 {
  margin-bottom: 10px;
  color: #97AAC3;
}
.main-wrapper .project-title {
  font-size: 16px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 5px;
}
.main-wrapper .projects-section .intro {
  margin-bottom: 30px;
  text-align: center; font-style: italic;
}
.main-wrapper .projects-section .item {
  margin-bottom: 15px;
  text-align: center;
}


.skillset {
  margin: 40px 0;
}
.skillset .skilltitle {
  text-align: center;
  margin-bottom: 20px;
}
.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: #989898;
}
.footer {
  padding: 30px 30px 0px 30px;

}
.footer .copyright {
  line-height: 1.6;
  font-size: 13px;
}
.footer .copyright, .footer .copyright a {
    color: #ddd !important;
  }

footer.post-info {display: block !important;
  font-style: italic; font-size: small;}

.rocketchat-widget {margin-top: 20px;}




/*#@media (max-width: 767px) {*/
@media (max-width: 640px) {
  .sidebar-wrapper {
    position: static;
    width: inherit;
    border-radius: 0px;
  }
  body {padding: 0;}
  
  /*.wrapper {}*/

  .main-wrapper {
    padding: 0px;
  }
  .main-wrapper .time {
    position: static;
    display: block;
    margin-top: 5px;
  }
  .main-wrapper .upper-row {
    margin-bottom: 0;
  }
  .sidebar-wrapper .contact-list #infolien,
  .sidebar-wrapper ul.menu-list .linkhover  {
    width: 100%;
  }
  .page {
    padding: 30px 10px 50px;
  }
}
/* 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) */

/*
used for profile image
*/
.profile-img {
  max-width: 100px;
  /*margin-bottom: 15px;*/
  top: 25px;
  border: 0px solid #fff;
  border-radius: 10%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  /*opacity: 0;*/
  position: absolute;
  left: 44%;
}
.profile-img:hover{opacity: 1;}