/*
Theme Name:   Groovy Child
Theme URI:    https://1.envato.market/wp-groovy-preview
Author: EstudioPatagon
Author URI: https://1.envato.market/ep-portfolio-themes
Description:  Child theme, based on Groovy
Template: groovy

*/

/* Add your custom code just below */

div.articles.grid-posts article div.etiquette {
	position: absolute;
	left: 111px;
	top: 15px;
	z-index: 3;
	margin: 0;
}

@media only screen and (max-width: 480px) {
	div.articles.grid-posts article div.etiquette {
		left: 109px;
	}

}

div.etiquette {
	display: block;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 0.5px;
	font-family: var(--epcl-title-font-family);
}

.etiquette span {
	color: var(--epcl-black-color);
	display: inline-block;
	padding: 6px 15px;
	line-height: 1.2;
	margin-right: 10px;
	background: #fff;
	border: 1px solid var(--epcl-border-color);
	border-radius: 25px;
	-webkit-transition: all 300ms var(--epcl-transition-bezier);
	transition: all 300ms var(--epcl-transition-bezier);
	box-shadow: rgba(7, 10, 25, 0.1) 0px 0px 0px 1px;
}

.single-post div.etiquette {
	display: inline;
}

/*experimental align top meta to image*/
@media only screen and (min-width: 1200px) {
	.single-post .info {
		min-height: 360px;
	}
}

@media only screen and (max-width: 1199px) {
	.single-post .info {
		min-height: 310px;
	}
}

@media only screen and (max-width: 768px) {
	.single-post .info {
		min-height: unset
	}
}

div.text .wp-caption p.wp-caption-text {
	font-weight: bold;
	text-align: left;
	font-size: 14px !important;
}

.commentlist .author-avatar {
	display: none;

}


#single #comments.hosted .comment {
	padding-left: 0 !important;
}

div.text .wp-caption img {
	margin-top: 5px !important;
}

#header .logo a img {
	border-radius: var(--epcl-boxes-border-radius);
}

#single .share-buttons {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 10px !important;
}

@media only screen and (max-width: 480px) {
	div.text .wp-caption {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	div.text .wp-caption p.wp-caption-text {
		text-align: center;
	}


	#header.advertising .epcl-search-button,
	#header.classic .epcl-search-button {


		top: 12px;

	}

	#single .info.epcl-flex {
		width: 100% !important;
	}

}

#single .featured-image.bg-box {
	background-color: transparent;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#single .featured-image.bg-box img {
	border-radius: var(--epcl-boxes-border-radius);
}

.feature-image-caption {
	text-align: center;
}

#single .featured-image.bg-box::after {
	background-color: transparent;
}

article p,
div.text {
	line-height: 26px !important;
}

div.text .wp-caption p.wp-caption-text {
	line-height: 22px !important;
}

.epcl-comments .intro {
	margin: 10px 0px;
	font-weight: 700;
}

.nocomm {
	/*opacity: 0.33*/
	display: none !important;
}

.origincomments {
	text-align: left;
	margin-bottom: 20px;
	margin-top: 20px;
}

.origincomments a {
	text-decoration: underline;
	font-weight: 700;

}

.copyrightcustom {
	display: none;
	background-color: #37485F;
	color: white;
	border-radius: 20px;
	text-align: center;
	margin: auto;
	max-width: 480px;
	font-weight: 700;
	margin-bottom: 20px;
}

div.text p.format-audio {
	margin-bottom: 10px;
}

/* Search form
--------------------------------------------- */
.search-context {
	/* TODO 2509 */
	font-size: 0.875rem;
}

/* Size of search container */
.grid-container.grid-small {
	max-width: 1024px !important;
}

@media only screen and (min-width: 960px) {

	#search-lightbox .search-wrapper {
		padding: 0 10rem !important;
		max-width: 650px;
	}
}

@media only screen and (max-width: 959px) {

	#search-lightbox .search-wrapper {
		padding: 0 0rem !important;
		max-width: 100%;
	}

	.lm-search-form label,
	.lm-search-form p,
	.lm-search-form .radio-group,
	.lm-search-form .search__type__options {
		display: block !important;
	}

	.search__type__row {
		display: block !important;
	}

	.lm-search-form .search__type__row label {
		display: inline-block;
		margin-left: 20px;
	}

	.lm-search-form .search__type__row input[type=checkbox] {
		position: absolute;
		margin-top: 7px;
	}

	.search-sort-legend {
		font-size: 1rem;
	}
}

/* Hide h4 and categories in modale search form */
#search-lightbox h4,
#search-lightbox .categories {
	display: none;
}

/* All labels and <p> */
.lm-search-form label,
.lm-search-form p {
	font-size: 1rem;
}

.lm-search-form input[type="search"] {
	margin-bottom: 0.5rem;
}

/* Search input indicator */
.lm-search-form .indicator {
	font-size: 0.875rem;
	font-style: italic;
	line-height: 1.2rem;
	display: block;
}

/* Submit button */
.lm-search-form .search-submit {
	margin-top: 1rem;
}

/* Space between sort and search input indicator */
.lm-search-form .search-sort-wrapper {
	margin-top: 1.275rem;
}

/* Displays row checkboxes */
.lm-search-form .radio-group,
.lm-search-form .search__type__options {
	display: inline-flex;
	column-gap: 0.2rem;
}

/* To have the label and inputs on the same line */
.search__type__label,
.search__type__row {
	display: inline-block;
}

/* All years displayed side by side */
.search__terms {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
}

.search__terms .search__terms-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.search__terms .search__terms-title p {
	padding: 0;
}

.search__terms .search__terms-controls {
	display: flex;
	column-gap: 0.5rem;
}

/* Align checkbox and label text */
.search__terms label {
	display: flex;
	align-items: center;
	column-gap: 0.5rem;
}

/* Range of tags */
.search__tags__range {
	display: flex;
	align-items: center;
	column-gap: 1rem;
}

/* Style of <select> */
.search__tags__range select,
select[name="excerpt_length"],
select[name="per_page"] {
	width: 200px;
	padding: 0.5rem 0.5rem;
	margin: 0;
}

/* Results
--------------------------------------------- */
.page-header {
	margin-top: 30px;
}

.searchwp .page-header h1 {
	margin-bottom: 20px;
}

.searchwp .entry-title {
	font-weight: bold;
	font-size: 1.125rem;
}

.searchwp .search-result-post .entry-header {
	font-size: 1rem;
	font-weight: bold;
}

.searchwp .entry-summary {
	margin-top: 1rem;
}

/* Clearfix pour les résultats de recherche */
.search-result .entry-summary.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

.search-results {
	margin-top: 70px;
}

.search-result {
	background-color: var(--epcl-content-background-color);
	border-radius: 15px;
	padding: 20px;
}

.search-result a {
	text-decoration: underline;
}

.search-result.search-result-bis {
	background-color: #f0f0f0;
}

.search-result:not(:last-child) {
	margin-bottom: 50px;
}

.search-result h2 {
	font-size: 25px;
	font-weight: 400;
	color: var(--epcl-titles-color);
}

.sort-excerpt-length,
.search__pagination {
	display: flex;
	align-items: center;
	column-gap: 1rem;
}

.wrapper-button-more {
	display: flex;
	justify-content: end;
}

.wrapper-button-more button {
	height: 32px;
	width: 32px;
	border: 1px solid black;
	border-radius: 999px;
	line-height: 1;
}

@keyframes comment-excerpt-fade-in {
	from {
		opacity: 0;
		transform: translateY(2px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

/* Classe qu’on appliquera après l’injection du HTML */
[data-comment-excerpt].comment-fade-in {
	animation: comment-excerpt-fade-in 180ms ease;
}

/* Accessibilité : réduit l’animation si l’utilisateur préfère */
@media (prefers-reduced-motion: reduce) {
	[data-comment-excerpt].comment-fade-in {
		animation-duration: 1ms;
	}
}

/* Accordéon
--------------------------------------------- */
.accordion-content {
	padding: 0 1rem;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s cubic-bezier(.4, 0, .2, 1), padding 0.2s;
	box-sizing: border-box;
}

.accordion-content.open {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	max-height: 800px;
}

.accordion-wrapper button {
	background-color: transparent;
	font-weight: 600;
	text-decoration: underline;
}

@keyframes lm-spin {
	to {
		transform: rotate(360deg);
	}
}

.accordion-wrapper .accordion-separator {
	font-weight: bold;
	text-align: center;
}

/* Spinner
--------------------------------------------- */
.lm-inline-spinner {
	display: none;
	width: 1rem;
	height: 1rem;
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	animation: lm-spin .8s linear infinite;
	vertical-align: middle;
	margin-left: 0.5rem;
}

.is-loading .lm-inline-spinner {
	display: inline-block;
}

/**more updates 2309 (KD)**/
#accordion-tags-categories .search__tags p,
#accordion-tags-categories div p,
.search__pagination label,
.search-sort-legend,
.search__type__label {
	font-weight: bold;
}

.nav-links .page-numbers.current {
	font-weight: bold !important;
	font-size: 120%;
}

.nav-links .page-numbers {
	margin-right: 10px;
}

.search-sort-wrapper {
	margin-bottom: 20px;
}

.lm-search-form .accordion-wrapper {
	margin-top: 20px;
}

/*experimental : might subjected of deletion*/
div.text dl {

	background: #fdfaea;
	padding: 20px 10px;
	border-radius: 20px;
	margin: 20px 10px !important;
}

div.text dl dd {

	margin-left: 10px;
}

.comment .ref {
	background: #666;
	font-weight: bold;
	color: white;
	border-radius: 10px;
	padding: 0 5px;
	width: fit-content;
}

.nav-links .prev,
.nav-links .next {
	background-color: #f00;
	color: white;
	padding: 6px 20px;
	font-weight: bold;
	border-radius: 20px;

}

@media only screen and (max-width: 768px) {
	.main.searchwp {
		padding-bottom: 80px;
	}
}


/*upd*/
.comment div.text h2 {
	margin-bottom: 5px !important;
	padding-top: 2px;
}

#single #comments.hosted .comment {
	padding-top: 18px !important;
	padding-bottom: 0 !important;
}

.commentlist hr {
	margin-bottom: 0 !important;
}

#single #comments.hosted .comment .right .text p {
	margin-bottom: 8px !important;
}

.feature-image-caption {
	font-size: 0.9rem;
}


body div.text p {
	padding-top: 4px !important;
	margin-bottom: 8px !important;
}

@media only screen and (max-width: 767px) {
	body .hentry {
		font-size: 15px !important;
	}

	footer #block-8 {
		margin-top: -80px !important;
	}

	#single #comments.hosted .comment .right .text {
		font-size: 15px !important;
	}

	#header .logo a img {
		visibility: hidden;


	}

	#header .logo {
		background-image: url("/wp-content/uploads/michel-potay-blog-ame-libre-sticky.png");
		background-size: contain;
		background-repeat: no-repeat;
	}

	body.lang-en #header .logo {
		background-image: url("/wp-content/uploads/michel-potay-free-soul-s-blog-sticky-768x208.png");
		background-size: contain;
		background-repeat: no-repeat;
	}

	html #single .main-article {
		padding: 20px !important;
	}

	#single .main-article header {
		padding: 0px !important;
	}

	#single.classic.epcl-vertical .main-article .info .meta.top {
		margin-top: 20px;
	}

	#single.classic.epcl-vertical .main-article .info {
		width: 100% !important;
	}

	/*superposition fix*/
	body.archive .etiquette span {
		margin-left: 90px;
	}
}

.right {
	padding-left: 0 !important;
}

.main-nav {
	max-width: 800px;
	width: 100%;
}

#single .main-article {
	padding: 60px 40px !important;
}

#single .main-article header {
	padding: 0 30px
}

#single.classic.epcl-vertical .main-article .info .meta.top {

	margin-top: -25px;
}

.archive .meta-wrapper .tags a {
	min-width: 50px;
}

.archive .tags .etiquette span {
	min-width: 44px;
}

.archive .meta {
	text-align: right;
	font-weight: bold;
}

.comment-youtube-embed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.comment-youtube-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.single .epcl-comments .meta {
	text-align: right;
	color: #0802F6
}

.search-form.form-en .search__type {
	display: none;
}

/* move close button in  search form */
.mfp-close {
	top: 5% !important;
	right: 2%;
	background-image: url(./assets/img/close-search.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999em;
	background-size: 40px;
}

footer .widget_text {
	font-size: 13.6px;
}

body div.text .wp-caption {
	margin-bottom: 0 !important;
	padding-left: 0 !important;
	text-align: left;
}

body div.featured-image div.feature-image-caption {
	margin-top: 4px;
	line-height: 1.2;
}

body div.text .alignright {
	margin-left: 14px;
}

div.text .wp-caption p.wp-caption-text {
	padding: 0;
}

.feature-image-caption {
	font-size: 0.8rem;
}

/* axeccessibility style */
:focus-visible {
	border-radius: 0.75rem;
	outline: 3px solid #236429;
	outline-offset: 2px;
}

/*add customtag*/
.custom-tag svg {
	stroke: rgba(0, 0, 0, 0.4);
	width: 11px;
	height: 11px;
	margin-right: 7px;
}

/*************feature text blog*****/
div.text p img {
	margin-bottom: 0 !important;
	margin-top: 15px !important;
}

div.text span.subtitle,
.search-results .entry-summary span.subtitle {
	font-size: 1.08rem;
	font-weight: bold;
}

div.text h3 {
	padding-top: 0 !important;
	margin-bottom: 0 !important;
}

body.epcl-shadow-style hr:first-of-type {
	margin-bottom: 10px !important;
}

body div.text h2 {
	font-size: 30px;
}

.rtcomm.icon svg {
	fill: #fd0 !important;
	height: 10px;
	width: 10px;
	position: absolute;
	top: 4px;
	left: 4px;
}


.rtcomm.icon {
	font-size: 13px;
	text-align: center;
	line-height: 35px;
	border-radius: 100px;
	background-color: #333;
	width: 18px;
	height: 18px;
	margin: 0 0 0 2px;
	display: inline-block;
	position: relative;
	top: 4px;
}

.searchwp .search-result-comment .search-result-header-firstline {

	font-size: 0.875rem;

}


.searchwp .search-result-comment .search-result-comment-reference {

	color: #1f10fa;

}


.searchwp .search-result-comment .search-result-comment-title {

	display: inline-block;

}




#header .logo.sticky-logo a img {
border-radius: 0;
}