/*
Theme Name: clementvalla2015
Description: Base wordpress install
Version: 1.0
*/

/* @group base */

/* 
Reset default browser CSS. 
Based on work by Eric Meyer: 
http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
body{
  width: 100vw;
  overflow-x: hidden;
  background-color:white ;
}



/*@font-face {
  font-family: Walsheim;
  src: url('fonts/WalsheimRegular.otf');
  font-weight: normal;
  font-style: normal;
}*/


.project a, .project a:visited {
	color: black;
}




.menu{
  position: fixed;
  color: grey;
  top: 25px;
  right: 20px;
  font-family: Arial;
  font-size: 14px;
  text-align: left;
  padding-right: 2px;
  padding-left: 2px;
  z-index: 200;
}



#blacks{
   position: fixed;
  color: grey;
  bottom: 20px;
  right: 20px;
  font-family: Arial;
  font-size: 14px;
  text-align: left;
  padding-right: 2px;
  padding-left: 2px;
  z-index: 200;
}

#blacks:hover{
  text-decoration: line-through;

}


.project{
  font-family: Arial;
  font-weight: lighter;
  background-color: white;
  position:relative; 
  padding-bottom:65px; 
  padding-top:25px; 
  padding-left: 2vw; 
  width:95%;
  max-width: 800px;
  color: black;
  overflow:hidden;
}

  

.title{
  font-family: Arial;
  font-weight: lighter;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0px;
  padding-left: 0px;
  text-decoration: none;
  padding-bottom: 15px;
  width:91%;

}

.header{
	padding-bottom:65px; 
  	padding-top:25px; 
  	padding-left: 2vw; 
}
.header ul{
  margin:0;
  padding: 0;
}
.header li{
	display: block;
  max-width: 520px;
}
.header a{
  color:black;
  text-decoration: underline;
  padding-top: 0px;
}

.header a:hover{
  text-decoration: line-through;
}


.cycle-slideshow{
  width:94%;
  cursor: url(img/arrow.png), auto;
}

.cycle-slideshow img{
  max-width:100% !important;
  height:auto !important; 
}

.textImage, .close{
  position: absolute;
  right: 0;
  text-decoration: none;
  cursor: pointer;
  color: grey;
  font-size: 12px;
  text-transform: uppercase;
}

.textImage:hover, .close:hover{
  text-decoration: line-through;
}

.bodyText{
  display: none;
  width:94%;
  margin-top: -5px;
  color: black;
  font-family: Arial;
  font-weight: lighter;
  font-size: 20px;
  line-height: 24px;
}
.bodyText.pageText{
	display: block;
	width: auto;
}
.bodyText a, .bodyText a:visited{
  color: grey;
}
img:hover{opacity: .8}



.coreCore{
   position: relative;
  float: left;
  margin: 10px;
   box-shadow: 0px 0px 10px #A8A8A8;
  overflow: hidden;
  color: white;
   width: 72px;
  height: 54px;
  -webkit-transition: height 1s, width 1s;
}




/*  toggle buttons text/image  */


#repositioned{
  position: absolute;
  left: 840px;
   text-decoration: none;
   color: grey;
}


#repositioned:hover{
  text-decoration: line-through;
}


#aProverb{
  position: absolute;
  left: 840px
   text-decoration: none;
   color: grey;
}

#aProverb:hover{
  text-decoration: line-through;
}





.indents{ 
text-indent: 100px;


}

div#cv .bodyText.pageText{
  font-size: 14px;

}



@media print {
  html{ 
    width:8.5in;
  }
  #container{
  }
  .header.project{
    display: none;
  }

  .project{
    display: flex;
    flex-direction: column;
    width: 95%;
    max-width: none;
    margin-left: 5%;
  }
  .bodyText{
    order: 1;
    display: block;
    font: 8pt/1.5 Arial, sans-serif;
  }

  .textImage{
    display: none;
  }

  .close{
    display: none;
  }

  img{
    visibility: visible !important;
    position: relative !important;
    margin-top: 10px;
  }

  .cycle-slideshow{
    height: auto !important;
    order: 2;
  }
}




/* @end */