/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://www.lucca.fr/heure-h/
 Description:  Thème enfant pour Hello Elementor
 Author:       Jérémie Henry
 Author URI:   https://www.lucca.fr/
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  hello-elementor-child
*/

body,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p, 
body a,
body span, 
body li,
body div {
	font-family: "mr-eaves-modern", sans-serif !important;
}

body .font-serif h1,
body .font-serif h2,
body .font-serif h3,
body .font-serif h4,
body .font-serif h5,
body .font-serif h6,
body .font-serif p, 
body .font-serif a,
body .font-serif span, 
body .font-serif li,
body .font-serif div,
body .font-serif {
	font-family: "mrs-eaves", serif !important;
	font-variant: lining-nums;
}

body .font-serif a {
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 4px !important;
}
body .font-serif a:hover {
	text-decoration: none !important;
}
div[data-elementor-type="wp-post"] a {
	text-decoration: underline;
	text-decoration-color: #FFA375;
	text-underline-offset: 6px;
	transition: all .25s ease;
	
}
div[data-elementor-type="wp-post"] a:hover,
div[data-elementor-type="wp-post"] a:focus {
	text-underline-offset: 2px;
}

/* FONTS COLORS/SIZE */
.single .elementor-widget-theme-post-content h2 {
	color: #131D35 !important;
	font-size: 40px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
}
.single .elementor-widget-theme-post-content h3 {
	color: #667799 !important;
	font-size: 36px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
}

.t-m-0 p {
    margin-bottom: 0;
}

.t-h-full {
	height: 100% !important;
}

.ratio-vertical {
	aspect-ratio: 2/3;
}

.post.read {
	position: relative;
	filter: brightness(.8);
}
.post.read:before {
	content: 'DÉJÀ LU';
	padding: 4px 10px;
	border-radius: 32px;
	border: 2px solid #2A3551;
	background: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:2;
}

/****************
 *  COMPONENTS  *
****************/
/* nav articles */
.article-navigation {
	display: grid;
	grid-template-columns: repeat(3, auto);
	align-items: center;
	gap: 0.5rem;
}
.article-navigation a {
	color: #2A3551 !important;
	font-size: 24px !important;
	font-weight: 700 !important;
}
.article-link {
	width: fit-content;
	padding: 8px 16px;
	display: flex;
	align-items: center;
	gap: 1rem;
	border: 1px solid #2A3551;
	border-radius: 25px;
	background: #fff;
	transition: background .2s ease;
}
.article-link:hover,
.article-link:focus {
	background: #EEDCA2;
}
.article-link.-next {
	justify-self: end;
}
.category-link {
	text-align: center;
}

/* Read more button */
.boucle-more-article .elementor-button-wrapper {
	position: relative;
}
.boucle-more-article .elementor-button-wrapper::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    background: #2A3551;
    top: 50%;
}
.boucle-more-article .elementor-button-content-wrapper {
	align-items: center;
}
.boucle-more-article .elementor-button-icon {
	display: flex;
	fill: #2A3551;
}

/* Animations on card hover */


/* Buzzsprout player */
.buzzsprout-episode {
	padding-top: 90px;
}
.player-container {
	position: absolute;
	top: -90px;
	left: 0;
	width: 100%;
	max-width: 970px;
	padding: 20px;
	height: 110px;
	border-radius: 100px;
	display: flex;
	background: center / auto 80% no-repeat url(http://www.lucca.fr/heure-h/wp-content/uploads/2025/01/bg-audio-player.svg) #E1EAFE;
}
.audio-player {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 24px;
}
.play-button {
	background-color: #3A5997;
	border: none;
	border-radius: 50%;
	width: 70px;
	aspect-ratio: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.play-button:hover,
.play-button:focus {
	background-color: #3A5997;
}
.play-button svg {
	fill: white;
	width: 24px;
	height: 24px;
}
.time {
	width: 70px;
}
.time#currentTime {
	position: absolute;
	top: 16px;
	left: 125px;
}
.time#duration {
	position: absolute;
	top: 16px;
	right: 34px;
	text-align: end;
}
.progress {
	flex-grow: 1;
	height: 8px;
	border-radius: 4px;
	appearance: none;
	cursor: pointer;
}
.progress::-webkit-slider-thumb {
	appearance: none;
	width: 16px;
	height: 16px;
	background: #3A5997 !important;
	border-radius: 50%;
	cursor: pointer;
}

@media screen and (min-width: 500px) {
	.player-container {
		left: -40px;
		padding: 20px 30px;
		height: 140px;
		background: right 150px center / auto 80% no-repeat url(http://www.lucca.fr/heure-h/wp-content/uploads/2025/01/bg-audio-player.svg) #E1EAFE;
	}
	.time#currentTime {
		position: static;
	}
	.time#duration {
		position: static;
	}
}

@media screen and (min-width: 970px) {
	.player-container {
		width: 200%;
	}
}