/*
Theme Name: Ce que je suis 2
Description: Thème pour le site Ce que je suis
Author: Erik Damiano
Version: 1.0.0
Copyright: (c) 2018 Erik Damiano
*/
@charset "UTF-8";

body {
    background:#fff;
    text-align:center;
}

#edt-bckgrnd > * {
    position: initial!important;
}

#edt-bckgrnd-filtr {
	display:none;
}
#cequejesuis-wrap * {
	-webkit-transition: 0.4s;
	-o-transition:0.4s;
	-moz-transition:0.4s;
	transition: 0.4s;
}

a, a:link, a:visited, a:hover, a:active, a img, a:link img, a:visited img, a:hover img, a:active img {
	border:none;
    text-decoration: none;
    outline: 0;
}

a, a:link, a:visited {
    color:#000;
    background-color:transparent;
} 

a:hover, a:active  {
    color:#f23f09;
    background-color:transparent;
}


/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('fonts/raleway-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v13-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/raleway-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Raleway Italic'), local('Raleway-Italic'),
       url('fonts/raleway-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v13-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/raleway-v13-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Raleway Black'), local('Raleway-Black'),
       url('fonts/raleway-v13-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v13-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v13-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v13-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v13-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/raleway-v13-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Raleway Black Italic'), local('Raleway-BlackItalic'),
       url('fonts/raleway-v13-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v13-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v13-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v13-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v13-latin-900italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

header {
    position: fixed;
	padding: 50px;
    font-family: Raleway;
    font-weight: bold;
    color: #fff;
    font-size: 200%;
    text-align: left;
    line-height: 0.80;	
}

.container {
}
.yellow-background {
	margin-top: -12%;	
    background: #fef200;
    width: 100vw;
    padding: 30px 9%;
    font-weight: bold;
    text-align: left;	
}

.cequejesuis_infos {
	background: no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	margin: 0;
	padding:0;
}

.post, .page, .archive {
	min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.archive {
	color:#fff;
}

.archive h1 {
    font-family: Raleway;
    font-size: 20vh;
    font-weight: bold;
	line-height: 0.8;
}

.archive h2 {
	margin-top:8vh;
    font-family: Raleway;
    font-size: 2.88vh;
    font-weight: bold;
}

.archive h3 {
	margin-top:2vh;
    font-family: Raleway;
    font-size: 2vh;
    font-weight: bold;
}

#next-article {background: url("css/images/next-article.png");z-index: 10;bottom: 43px;width: 43px;height: 43px;position: fixed;left: calc(50% - 21px);}
#next-article:hover {cursor: pointer;opacity: 0.8;}

@media screen and (orientation: portrait) and (max-width: 782px) {
	.archive h1 {
		font-size: 10vh;
	}

	.archive h2 {
		margin-top:2vh;
		font-size: 2vh;
	}

	.archive h3 {
		margin-top:1.5vh;
		font-size: 1.2vh;
	}
}

@media screen and (orientation: landscape) and (max-width: 782px) {
	header {
		font-size:160%;
		padding-top:20px;
	}
	#next-article {bottom: 5px;}

	.yellow-background {
		margin-top: 0;	
	}
	.archive {
		margin-top:-4vh;
	}
	.archive h2 {
		margin-top:2.5vh;
		font-size: 4vh;
	}
	.archive h3 {
		margin-top:2vh;
		font-size: 3vh;
	}
}