/* Enter Your Custom CSS Here */

body {
  background-size: cover;
}

/* Enlever animation logo hover */
.logo a:hover {
  animation: none !important;
}
.cssanimations .logo {
  opacity: 1;
  display: block;
  animation: fadein .1s .1s 1 forwards ease-in-out;
  /*transform: none;*/
}
/* pages entree et sortie - enlever animation initiale logo */
.cssanimations body.page-id-224 .logo, .cssanimations body.page-id-213 .logo {
  opacity: 1;
  display: block;
  animation: none;
  /*transform: none;*/
}
/* Enlever boutons search et info dans header, centrer logo et slogan */
.header-buttons {
  display: none;
}
.header .header-primary-content {
  display: block;
  width: 60%;
  margin: 0 auto;
  border-bottom: 0px;
}
@media only screen and (max-width: 470px) {
  .header .header-primary-content {
  	width: 90%;
  }
}
.logo {
  width: 100%;
  display: block;
}
.logo a {
    display: block;
}
h1.tagline {
  text-align: center;
}

/* Menu de gauche - enlever espace logo */
.secondary-logo-container {
  display: none;
}

/* Cacher logo page entree (jusqu'a ce qu'il soit animé par jquery) */
body.page-id-213 .logo {
 display: none;
}
/* Cacher footer pages entree et sortie */
body.page-id-213 footer, body.page-id-224 footer {
 display: none;
}

/* Taille des titres de page */
h1.item-title.massive {
  margin: 20px 0 40px 0;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  color: #f06431;
}

/* Couleur menu sidebar */
.menu-container {
  background-color: #f6f6f6;
  background-image: none;
}
.menu a, .menu a:after {
  text-shadow: none;
  color: #f06431;
}

/* Portfolio - supprimer liens 'Prev project' - 'Next project' */
body.single-portfolio li.prev-page, body.single-portfolio li.next-page {
  display: none;
}
body.single-portfolio .mejs-container .mejs-controls { 
  bottom: -53px;
}

/* Espace en haut du footer : supprimer bloque project-meta et pagination entre projets */
body.single-portfolio .project-meta, body.single-portfolio .pager.group {
  display: none;
}
/* 
body.single-portfolio .contents {
  height: 115%;
  margin-top: -30px;
}
body.single-portfolio.css3d .contents {
  transform: translateX(150px) rotateY(-30deg);
}
body.single-portfolio.css3d .menu-container {
  transform: translateX(0px) rotateY(60deg);
}
body.single-portfolio .contents .main-container {
  margin: 30px;
}
body.single-portfolio .contents .padding-container {
  padding: 0 20px;
}
body.single-portfolio li#menu-item-34 a {
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.03);	
  padding-left: 10px;
}
*/

/* Couleur titres projets en orange */
.portfolio-item h3.project-title {
  color: #f06431;
}

/* BLOG */
body.blog .post-title-link {
  color: #f06431;
}
.additional-post-meta li:first-child {
  color: #999999;
}
  
.post .post-time {
  border-radius: 0px;
  background: #999999;
}
/*body.single-post h1.item-title.massive {
  margin: 40px 0 80px 0;
  text-align: center;
  font-size: 40px;
  line-height: 80px;
  color: #f06431;
}*/

/* PAGE SORTIE (page-id-224) */
body.page-id-224.css3d .contents {
  transform: translateX(60px) rotateY(30deg);
  transition-duration: 1.5s;
}
body.page-id-224 .contents, body.page-id-224 .menu-container, body.home .contents, body.home .menu-container {
  transition-duration: 1.5s;
}
.cssanimations body.page-id-224 .contents {
  /*animation: fadeOut .1s .1s 1 forwards ease-in-out; */
}

/* Footer - aligner à droite */
.footer.group {
  float: right;
}

/* Footer - couleur copyright */
.footer.group p small {
  color: #999999;
}