/*background-image: url("https://junesensei.fr/wp-content/themes/junesensei/img/navbar.png");*/
/* rappel pour path php*/

/*Images du site*/
.logo {
	width: 20em;
	margin-left: -10px;
	fill-opacity: 0;
}

/*Fonts */
h1 {
	text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
	color: #ffdfdf;
	font-family: 'Staatliches', cursive;
	font-size: large;
	text-shadow: 0px 0px 4px grey;

}

h2 {
	display: inline-block;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
	color: #d14574;
	font-family: 'Noto Serif JP', serif;
	font-size: x-large;
	text-shadow: 0px 0px 1px grey;
}

h3 {
	display: inline-block;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
	color: #d14574;
	font-family: 'Noto Serif JP', serif;
	font-size: xx-large;
	text-shadow: 0px 0px 1px grey;
}

p {
	margin-left: 2px;
	font-family: 'Noto Serif JP', serif;
	font-size: medium;
	color: #273746;
}

p.logged {
	padding: 3px;
	color: white;
	font-family: 'Staatliches', cursive;
}

.logbar {
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 10px;
	line-height: 1;
	color: #d14574;
	font-family: 'Staatliches', cursive;
}

.medium_link {
	color: hotpink;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: -8px;
	font-size: medium;
	text-shadow: 0px 0px 0.5px black;
}

.medium_link:hover {
	color: deeppink;
	font-size: medium
}

.small_link {
	color: hotpink;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: -8px;
	font-size: medium;
}

.small_text:hover {
	color: deeppink;
	font-size: medium;
}

p.post__meta {
	margin-top: -15px;
	color: #eaa9bf;
	font-family: 'Staatliches', cursive;
}

p.site__sidebar__widget__title {
	color: #d14574;
	text-shadow: 0px 0px 0.5px black;
	font-size: x-large;
}

a.tag-cloud-link {
	color: #d14574;
}

a.tag-cloud-link:hover {
	font-weight: bold;
	color: mediumvioletred;
}

a.post__link { /* Lien lire la suite */
	text-align: right;
	color: hotpink;
	font-family: 'Staatliches', cursive;
}

a.post__link:hover, a.post__link:active {
	color: mediumvioletred;
}

/*Parties du site*/
body{
	overflow-y:auto;  
 	overflow-x:hidden;
 	width : 100%;	
 	background-color: #ffc0cb;
	background-image: url("https://junesensei.fr/wp-content/themes/junesensei/img/arches.png");
	margin: 0;
}
	/*	Tete de page	*/
	#header {
		overflow: hidden;
		background-image: url("https://junesensei.fr/wp-content/themes/junesensei/img/banniere.jpg");
		background-size: cover;
		width: 100%;
		height-max: 150px;
		-moz-box-shadow: 2px 2px 4px 0px #656565;
		-webkit-box-shadow: 2px 2px 4px 0px #656565;
		-o-box-shadow: 2px 2px 4px 0px #656565;
		box-shadow: 2px 2px 4px 0px #656565;
	}
		#header_container {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}

			#header_container #right {
				overflow-wrap: break-word;
			}

			#header_container #right #logbar {
				clear: right;
				line-height: 1;
				width: 100%;
				margin-right: 10px;
				margin-left: 80px;
				margin-top: 15px;
				background-color: pink;
				-moz-box-shadow: 2px 2px 4px 0px #656565;
				-webkit-box-shadow: 2px 2px 4px 0px #656565;
				-o-box-shadow: 2px 2px 4px 0px #656565;
				box-shadow: 2px 2px 4px 0px #656565;
				background-color: #ffc0cb;
				background-image: url("https://junesensei.fr/wp-content/themes/junesensei/img/arches.png");
			}

    /*  Barre de Recherche  */
    #searchbar {
    	opacity: 0.1;
    	filter: alpha(opacity=30);
    	transition-property: opacity;
    	transition-duration: 0.6s;
    	margin-top: 10px; 
    	margin-left: 30%;
    	padding: 4px 0px 0px 8px;
    	display: flex; 
    	flex-direction: row;
    	background: #f47474; /* Old browsers */
		background: -moz-linear-gradient(top, #f47474 0%, #f8b4cc 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f47474 0%,#f8b4cc 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f47474 0%,#f8b4cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47474', endColorstr='#f8b4cc',GradientType=0 ); /* IE6-9 */
		border-radius: 10px;
		-moz-box-shadow: 2px 2px 4px 0px #656565;
		-webkit-box-shadow: 2px 2px 4px 0px #656565;
		-o-box-shadow: 2px 2px 4px 0px #656565;
		box-shadow: 2px 2px 4px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		width: 300px;
	}

	#searchbar_zone:hover  #searchbar{
		opacity: 1;
		filter: alpha(opacity=100);
	}


 	/*	menu 	*/
 	ul.menu {
 		min-width: 100%;
 		max-width: 100%;
		background: #f47474; /* Old browsers */
		background: -moz-linear-gradient(top, #f47474 0%, #f8b4cc 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f47474 0%,#f8b4cc 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f47474 0%,#f8b4cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47474', endColorstr='#f8b4cc',GradientType=0 ); /* IE6-9 */
		border-radius: 3px;
		-moz-box-shadow: 2px 2px 4px 0px #656565;
		-webkit-box-shadow: 2px 2px 4px 0px #656565;
		-o-box-shadow: 2px 2px 4px 0px #656565;
		box-shadow: 2px 2px 4px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=4);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
 		display: flex;
 		flex-direction: row;
 		justify-content: center;
 		margin: 0px;
 		padding: 0px;
 		list-style: none;
 	}

	li{
		display: inline;
		white-space: nowrap;
	}
	ul.menu li a, ul.menu li a:visited{
		text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
		color: #ffdfdf;
		margin-right: 2.5em;
		font-family: "Century Gothic", sans-serif;
		font-size: large;
		text-decoration: none;
		text-align: center;
		transition: all .3s;
	}
	ul.menu li a:hover, ul.menu li a:focus, ul.menu li a:active{
		color: white;
		font-family: "Century Gothic", sans-serif;
		font-size: x-large;
		text-decoration: none;
		text-align: center;
		transition: all .3s 0s;
	}

	li a.menuselected{
		text-shadow: 1px 1px 1px rgba(104,37,102, 1);
		color: #FF71C0;
		font-family: "Century Gothic", sans-serif;
		font-size: large;
		text-decoration: none;
		text-align: center;
		transition: all .3s 0s;
	}

	/* Articles */
		#conteneur_superieur {
		width: 100%;
		display: flex;
		flex-direction: row;
	}
			#conteneur_article {
			background-color: #FAFAFA;
			background-image: url("https://junesensei.fr/wp-content/themes/junesensei/img/natural-paper.png");
			margin-top: 2px;
			padding: 10px;
			width: 85%;
		}
			.attachment-post-thumbnail { /* image d'articule en archive*/
			text-align: center;

		}
				.article__meta__data {
				border-top: 1px dotted grey;
				width: 98%;
				margin-left: 10px;
				display: flex;
				flex-direction: row;
				justify-content: space-around;
			}
				.article__meta__data p{
				font-size: small;
			}
				.display__meta__data {
				padding: 10px;
				text-align: justify;
			}
				ul.post-categories{
				margin-left: -35px;
			}
				#archive_category .post-categories a, #archive_category .post-categories a:visited, #archive_category .post-categories a:hover {
					display: inline-block;
					line-height: 20px;
					margin-top: 0px;
					margin-left: 10%;
					margin-right: 2px;
					text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
					color: #d14574;
					font-family: 'Rock Salt', cursive;
					font-size: xx-large;
					text-shadow: 0px 0px 1px grey;
			}
				#archive_category_tag {
				margin-top: -9px;
				background-color: pink;
				border-radius: 0px 0px 0px 10px;
				border-style: solid;
				border-width: 1px;
				border-color: lightgrey;
				box-shadow: 1px 4px 6px lightgrey;
				transition: 1s;
			}
				#archive_category_tag .post-categories a, #archive_category_tag .post-categories a:visited, #archive_category_tag .post-categories a:hover {
					line-height: 20px;
					text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
					color: #d14574;
					font-family: 'Rock Salt', cursive;
					font-size: large;
					text-shadow: 0px 0px 1px grey;
			}
				.post-categories a, .post-categories a:visited, .post-categories a:hover{
				margin-left: 0px;
				font-size: small;
				color: lightpink;
				font-family: 'Staatliches', cursive;
			}
				.display__meta__data a, .display__meta__data a:visited{
				color: #d14574;
				font-family: 'Staatliches', cursive;
				font-size: small;
			}
				.display__meta__data a:hover {
				color: lightpink; 
			}
				article {
				background-color: #FAFAFA;
				padding: 2px;
				margin-left: 5%;
				margin-right: 5%;
				margin-bottom: 30px;
				max-width: 90%;
				text-align: justify;
				border-bottom: 1px dotted darkgray;
			}
				.article__content {
				overflow: hidden;
				text-align: center;
				max-width: 90%;
				padding: 5px;
				margin-left: 5%;
				margin-right: 5%;
				margin-bottom: 40px;
			}
				.wp-block-column {
				text-align: justify;
			}
				/* CUSTOM POST TYPE (CTP) */
				#presentation {
				margin: 0;
				display: block;
			}
				#presentation p {
				margin: 0;
				padding: 0;
			}
				#presentation a {
				color: #d14574;
			}

	/* Search Module */
		.items_result {
		background-color: white;
		max-width: 95%;
		transition-property: box-shadow;
    	transition-duration: 0.8s;
		margin: 8px;
		padding: 5px;
		border-width: 1px;
		border-style: groove;
	}
		.items_result:hover {
		box-shadow: 4px 4px 2px pink;
		border-width: 1px;
		border-style: double;
		border-color: grey;
		background: linear-gradient(290deg, #FFC0CB, #ffffff);
		background-size: 600% 600%;
		-webkit-animation: AnimationName 4s ease infinite;
		-moz-animation: AnimationName 4s ease infinite;
		-o-animation: AnimationName 4s ease infinite;
		animation: AnimationName 4s ease infinite;
	}
		.items_result:hover #archive_category_tag{
		box-shadow: none;
		border: none;
		background-color: transparent;
	}
		.items_result:hover #archive_category_tag a{
		color: white;
		text-shadow: none;
		transition: 1s;
	}
		.items_result .size-post-thumbnail {
		object-fit: cover;
		width: 150px;
		height: 200px;
		padding: 10px;
		margin-top: 5%;
		overflow: hidden;
	}
		a.a_items_result, a.a_items_result:hover, a.a_items_result:visited, a.a_items_result:active, a.a_items_result:link{
		text-decoration: none;
	}

	/* Pages */
		.page__content {
				max-width: 100%;
				padding: 8px;
				background-color: #FAFAFA;
				background-image: url("https://junesensei.fr/wp-content/themes/junesensei/img/natural-paper.png");
			}

		/* Inscription */
			.um-register {
			background-color: #FAFAFA;
			background-image: url("https://junesensei.fr/wp-content/themes/junesensei/img/natural-paper.png");

		}
			.um-register label {
			text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
			color: #d14574;
			font-family: 'Noto Serif JP', serif;
			font-size: x-large;
			text-shadow: 0px 0px 1px grey;
		}
			.um-register .um-button {
			text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
			font-family: 'Noto Serif JP', serif;
			font-size: medium;
			text-shadow: 0px 0px 1px grey;
		}
			#um-submit-btn {
			text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
			font-family: 'Noto Serif JP', serif;
			font-size: medium;
			text-shadow: 0px 0px 1px grey;
			background-color: #d14574;
		}
			.um-postmessage {
			width: 600px;
			margin-top: 10px;
			text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
			font-family: 'Noto Serif JP', serif;
			font-size: medium;
			text-shadow: 0px 0px 1px grey;
		}

		/* Mot de passe perdu */
			.um-field-block {
			margin-left: 2px;
			font-family: 'EB Garamond', serif;
			font-size: x-large;
		}

		/* Profil */
			.um-form {
			padding: 8px;
		}
			.um-name a {
			text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
			font-family: 'Noto Serif JP', serif;
			font-size: medium;
			text-shadow: 0px 0px 1px grey;
		}
			.um-meta-text {
			text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
			font-family: 'Noto Serif JP', serif;
			font-size: small;
			text-shadow: 0px 0px 1px grey;
		}
			.um-field-label label{
			font-family: 'Noto Serif JP', serif;
			font-size: medium;
		}
			.um-field-value p, .um-field-value a{
			font-family: 'EB Garamond', serif;
		}
			.title {
			font-family: 'Noto Serif JP', serif;
			font-size: small;
		}


	/* Widget Sidebar Droite */
		#conteneur_widget {
				width: 15%;
				transition: all 500ms;
				background-color: #ffc0cb;
				background-image: url("https://junesensei.fr/wp-content/themes/junesensei/img/arches.png");
				border-left: 1px dotted grey;
				border-top: 1px double grey;
	}
		#conteneur_widget:hover {
				width: 25%;
				transition: all 400ms;
	} 
		p.site__sidebar__widget__title {
		font-family: 'Rock Salt', cursive;
		font-size: large;
		color: white;
		text-shadow: 1px 1px 0px grey;
		margin-bottom: 2px;
		border-bottom: 2px dotted white;
	}
		#conteneur_widget:hover p.site__sidebar__widget__title{
		margin-bottom: 0px;
		trasition: all 80ms;
	}
		.site__sidebar {
		margin-left: -35px;
	}
		.site__sidebar__widget {
		width: 100%;
		margin-left: 0px;
	}
		.widget_recent_entries ul{
		text-overflow: ellipsis;
		overflow-x: hidden;
		overflow-y: auto;
		margin-left: -40px;
		max-width: 100%;
		margin-bottom: 10px;
	}
		.widget_recent_entries a{
		font-family: 'Noto Serif JP', serif;
		font-weight: bold;
		color: #d14574;
		font-size: small;
	}
		.widget_recent_entries a:hover{
		color: mediumvioletred;
		font-size: medium;
	}
		span.post-date {
		display: none;
	}

		label.mailpoet_text_label {
		font-family: 'Noto Serif JP', serif;
		font-weight: bold;
		color: #d14574;
	}
		p.mailpoet_paragraph {
		font-weight: bold;
		color: #d14574;
	}
		.widget_archive ul{
		max-width: 200px;
		margin-left: -40px;
	}
		.widget_archive a {
		font-family: 'Noto Serif JP', serif;
		font-weight: bold;
		font-size: small;
		color: #d14574;
	}
		.widget_archive a:hover {
		font-family: 'Noto Serif JP', serif;
		font-size: medium;
		color: mediumvioletred;
	}

		.widget_tag_cloud {
		min-width: 200px;
	}

	/* Commentaires */
		#commentaires {
		border-top: 1px dotted grey;
		margin-right: 1%;
	}
		cite a{
		text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
		font-family: 'Noto Serif JP', serif;
		font-size: medium;
		text-shadow: 0px 0px 1px grey;
		color: mediumvioletred;
	}
		.comments {
		margin-left: 10px;
	}
		.comment-body {
		background-color: white;
		max-width: 95%;
		transition-property: box-shadow;
    	transition-duration: 0.8s;
		margin: 8px;
		padding: 5px;
		border-width: 1px;
		border-style: groove;
		white-space: initial;
	}
		.comment-body:hover {
		box-shadow: 4px 4px 2px pink;
		border-width: 1px;
		border-style: double;
		border-color: grey;
		background: linear-gradient(290deg, #FFC0CB, #ffffff);
		background-size: 600% 600%;
		-webkit-animation: AnimationName 4s ease infinite;
		-moz-animation: AnimationName 4s ease infinite;
		-o-animation: AnimationName 4s ease infinite;
		animation: AnimationName 4s ease infinite;
	}
			@-webkit-keyframes AnimationName {
			    0%{background-position:38% 0%}
			    50%{background-position:63% 100%}
			    100%{background-position:38% 0%}
			}
			@-moz-keyframes AnimationName {
			    0%{background-position:38% 0%}
			    50%{background-position:63% 100%}
			    100%{background-position:38% 0%}
			}
			@-o-keyframes AnimationName {
			    0%{background-position:38% 0%}
			    50%{background-position:63% 100%}
			    100%{background-position:38% 0%}
			}
			@keyframes AnimationName { 
			    0%{background-position:38% 0%}
			    50%{background-position:63% 100%}
			    100%{background-position:38% 0%}
			} 

		.comment-body:hover .comment-reply-login {
		opacity: 1;
    	filter: alpha(opacity=100);
	}
		.comment-meta a, .comment-meta a:visited, #reply-title, cancel-comment-reply-link, .must-log-in a, .must-log-in a:visited, .logged-in-as a, .logged-in-as a:visited, .comment-reply-link, .comment-reply-link:visited{
		font-family: 'Noto Serif JP', serif;
		font-size: medium;
		color: mediumvioletred;
		transition-property: color, text-shadow,font-size;
		transition-duration: 0,1s;
	}
		.logged-in-as a:hover, .comment-reply-link:hover{
		color: deeppink;
		text-shadow: 0px 0px 1px deeppink;
	}
		.comment-reply-login {
		opacity: 0;
    	filter: alpha(opacity=0);
    	transition-property: opacity;
    	transition-duration: 0.6s;
		font-family: 'Staatliches', cursive;
		color: hotpink;
		font-size: small;
		text-shadow: 0px 0px 0.5px black;
	}
		#submit {
		transition-property: background;
    	transition-duration: 0.5s;
		background: pink;
		color: white;
		border: 1px groove;
		border-radius: 5px;
		text-shadow:none;
		font-size: large;
		margin-left: 20%;
		margin-bottom: 10px;
	}
		#submit:hover {
		margin-left: 20%;
		margin-bottom: 10px;
		background: hotpink;
		color: white;
		border: 1px double grey;
		border-radius: 5px;
		text-shadow: 1px 1px 1px grey;
	}
		.comment-form-comment label {
		display: none;
	}
		#comment {
		width: 80%;
	}


	/* Widgets Footer */
		/* Navigator Page Number */
			.navigation {
			width: 100%;
			text-align: center;
		}
			.screen-reader-text {
			font-size: large;
		}
			.page-numbers {
			font-family: 'Rock Salt', cursive;
			color: white;
			text-shadow: 1px 1px 0px grey;
		}
			.current {
			color: hotpink;
		}
			.prev {
			margin-right: 10px;
		}
			.next {
			font-size: large;
			margin-left: 10px;
		}

	/* Footer */
		#footer {display: flex; background-color: pink;
			background-image: url("https://junesensei.fr/wp-content/themes/junesensei/img/bar-light.png"); flex-direction: row; min-width: 100%; max-width: 100%; margin-top: 20px; padding: 0px;}
		#footer p {
			text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
			color: mediumvioletred;
			font-family: 'Rock Salt', cursive;
			font-size: medium;
			text-shadow: 0px 0px 1px grey;
		}
			/* Left */
			#footer .left {display: flex; align-items: center; justify-content: center; text-align: center; width: 33%;}
			/* Center */
			#footer .center {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; width: 34%;}
			/* Right */
			#footer .right {display: flex; align-items: center; justify-content: center; text-align: center; width: 33%;}

	}


/* MEDIA QUERIES MOBILE */
@media screen and (max-width: 719px) {
		.logo {
		max-width: 200px;
	}
		#header_container #right #logbar {
		margin-left: 0px;
	}

		p {
		font-size: small;
	}
		#footer p {
		font-size: small;
	}
		#header_container #right {
		min-width: 75%;
	}
		#conteneur_widget {
		display: none;
	}
		#conteneur_article {
		width: 100%;
		padding: 1px;
	}
		.items_result {
		max-width: 100%;
	}
		article {
		width: 98%;
		min-width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 0px;
	}
		#archive_category .post-categories a, #archive_category .post-categories a:visited, #archive_category .post-categories a:hover {
		font-size: x-large;
	}
		.medium_link {
		font-size: small;
	}
		h2 {
		font-size: large;
	}
		ul.menu li a, ul.menu li a:visited {
		font-size: medium;
	}
		ul.menu li a, ul.menu li a:hover {
		font-size: large;
	}
		.article__content {
		padding: 0px;
	}
		.note {
		width: 250px;
	}
		.display__meta__data {
		max-width: 100%;
		padding: 1px;	
	}
		.article__meta__data {
		max-width: 90%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
		.comment-meta a, .comment-meta a:visited, #reply-title, cancel-comment-reply-link, .must-log-in a, .must-log-in a:visited, .logged-in-as a, .logged-in-as a:visited, .comment-reply-link, .comment-reply-link:visited {
		font-size: small;
	}
		#respond {
		margin-top: 4px;
	}
		.article__content .size-post-thumbnail {
		width: 400px !important;
		height: auto !important;
	}
		h3 {
		font-size: x-large;
	}
		.screen-reader-text {
		font-size: medium;
	}
		.page-numbers {
		font-size: small;
	}
}