/*
 Theme Name:   Moneytime
 Author:       M2Prod
 Description:  Thème pour le site Moneytime
 Version:      1.0.0
 Requires at least: 6.7
 Tested up to:     6.8
 Requires PHP:     8.0
 Text Domain:      moneytime
 Template:         twentytwentyfive
*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
*{
	transition: all ease 0.3s;
	box-sizing: border-box;
}
body{
	font-family: 'Outfit', sans-serif;
	--primary-color: #fcd26d;
	--primary-color-hover: #fa742a;
	--secondary-color: #40df96;
	--tertiary-color: #164730;
	--fourth-color: #429d73;
}
.wp-element-button{
	background-color: var(--primary-color);
	color:  #000;
	font-weight: 500;
	padding: 0.2rem 1.75rem;
}
.moneytime-header{
	background-color: #000;
	color: white;
	padding: 10px 0;
	padding-right: var(--wp--style--root--padding-right);
	padding-left: var(--wp--style--root--padding-left);
}
	.moneytime-header .moneytime-logo-menu{width: 100%;}
		.moneytime-header .moneytime-logo-menu .moneytime-menu{	color: var(--primary-color);}

	.moneytime-header .moneytime-social-dl .moneytime-social{display: none;}
	.moneytime-header .moneytime-social .wp-block-social-link.wp-social-link{
		background-color: var(--primary-color);
		color:  #000;
		border-radius: 100%;
	}
	.moneytime-header .widget_polylang ul{
		list-style: none;
		padding: 0;
		margin: 0
	}
	.moneytime-header .moneytime-social-dl .widget_polylang{display: none;}
	.moneytime-hero-home {
		padding: 30px 0;
		padding-right: var(--wp--style--root--padding-right);
		padding-left: var(--wp--style--root--padding-left);
	}
	.moneytime-hero-home *{
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
		font-size: 1.3rem;
	}
		.moneytime-hero-home .moneytime-titre-accroche{
			gap: 0.5rem;
		}
			.moneytime-hero-home .moneytime-titre-accroche h1{
				color: var(--primary-color);
			}
.moneytime-banniere{
	padding-right: var(--wp--style--root--padding-right);
	padding-left: var(--wp--style--root--padding-left);
	padding-bottom: 48px;
}
	.moneytime-banniere *{
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
		font-size: 1.4rem;
	}
	.moneytime-banniere .moneytime-googleplay-img{
	}
		.moneytime-banniere .moneytime-googleplay-img img{
			height: auto !important;
			max-height: 60px;
		}
	.moneytime-banniere.seconde-banniere{
		padding-right: var(--wp--style--root--padding-right);
		padding-left: var(--wp--style--root--padding-left);
		padding-top: 48px;
		padding-bottom: 18px;
	}
		.moneytime-banniere .moneytime-googleplay-button{
			margin-block-start: 0.5rem;
			gap: 10px;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: center;
		}
		.moneytime-banniere .moneytime-googleplay-button > * {width: 50%;}
			.moneytime-banniere.seconde-banniere .moneytime-googleplay-note{
				flex-direction: column;
				gap: 5px;
			}
				.moneytime-banniere.seconde-banniere .moneytime-googleplay-note p,
				.moneytime-banniere.seconde-banniere .moneytime-googleplay-note mark{
					font-size: 0.85rem;
					text-transform: initial;
					font-weight: 400;
				}
				.moneytime-banniere.seconde-banniere .moneytime-googleplay-note .moneytime-etoile{gap: 10px;}
				.moneytime-banniere.seconde-banniere .moneytime-googleplay-note .moneytime-etoile > *{
					max-height: 20px;
					max-width: 20px;
					line-height: 0;
				}
.moneytime-media-texte{margin: 20px auto;}
	.moneytime-media-texte h2{
		color: var(--tertiary-color);
		font-weight: 400;
		text-transform: uppercase;
		font-size: 1.3rem;
		margin-bottom: 0.3rem;
	}
	.moneytime-media-texte .wp-block-media-text__media{
		display: flex;
        flex-direction: column;
        align-items: center;
	}
	.moneytime-media-texte .wp-block-media-text__media img{
		max-height: 60vw;
		width: auto;
	}
	.moneytime-media-texte p{
		font-weight: 500;
		font-size: 0.9rem;
		margin-top: 0;
		color: #000;
		line-height: 1.3em;
	}
.moneytime-faq{
	margin:10px auto;
	padding: 36px 18px;
	padding-right: var(--wp--style--root--padding-right);
	padding-left: var(--wp--style--root--padding-left);
}
	.moneytime-faq h2{
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
		font-size: 1.3rem;
	}
	.moneytime-faq .wp-block-accordion{
		width: 1000px;
		max-width: 100%;
	}
		.moneytime-faq .wp-block-accordion .wp-block-accordion-item{
			border: 1px solid white;
			margin-block-start: 10px;
		}
		.moneytime-faq .wp-block-accordion .wp-block-accordion-item:first-child{margin-block-start: 0;}
			.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel,
			.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button{padding: 10px;}
			.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button{border-bottom: 1px solid white;}
				.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button .wp-block-accordion-heading__toggle-title,
				.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button .wp-block-accordion-heading__toggle-icon{
					font-size: 1rem;
					color: var(--primary-color);
				}
				.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title,
				.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-title,
				.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-icon,
				.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon{
					color: var(--primary-color-hover);
					text-decoration: none;
				}
			.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel {margin-block-start:0;}
				.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel p{font-size: 0.9rem;}
.moneytime-playtime-video{
	margin: 0 auto;
	padding: 2rem 0;
	padding-right: var(--wp--style--root--padding-right);
	padding-left: var(--wp--style--root--padding-left);
}
	.moneytime-playtime-video h2{
		color: #000;
		font-weight: 700;
		text-transform: initial;
		text-align: center;
		font-size: 1.4rem;
	}
	.moneytime-playtime-video h2 mark{text-transform: uppercase;}
	.moneytime-playtime-video .wp-element-button{
		text-transform: uppercase;
		font-weight: 700;
		font-size: 0.9rem;
	}
.entry-content,
footer{margin-block-start: 0;}
.moneytime-footer{
	color: white;
	background-color: #020100;
	margin: 0 auto;
	padding: 30px;
	padding-right: var(--wp--style--root--padding-right);
	padding-left: var(--wp--style--root--padding-left);
	flex-wrap: wrap;
	gap: 30px;
	justify-content: flex-start;
}
	.moneytime-footer > *{width: 100%;}
	.moneytime-footer > .is-layout-flex,
	.moneytime-footer .moneytime-etoiles{gap: 10px;}
	.moneytime-footer .wp-block-group h3{
		font-size: 1.1rem;
		color: var(--primary-color);
		font-weight: 700;
		text-transform: uppercase;
	}
	.moneytime-footer .wp-block-group p{font-size: 0.9rem;}
	.moneytime-footer .widget_polylang ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
		.moneytime-footer .widget_polylang ul li a{
			text-decoration: none;
			font-size: 1rem;
		}
	.moneytime-footer .moneytime-footer-menu .wp-block-navigation{gap: 0;}
	.moneytime-footer .moneytime-footer-menu .wp-block-navigation .moneytime-menu-ouvert{gap: 5px;}
	.moneytime-footer .moneytime-footer-menu .wp-block-navigation .moneytime-social{display: none;}
.moneytime-post-footer{
	color: white;
	background-color: var(--tertiary-color);
	margin: 0;
	padding: 10px 30px;
}
.moneytime-post-footer p{
	font-weight: 400;
	font-size: 0.8rem;
}
@media screen and (min-width: 601px){
	.moneytime-header{
		flex-direction: row;
		gap: 10px;
		padding: 18px 30px;
	}
	.moneytime-header .moneytime-social-dl .moneytime-social{display: flex;}
		.moneytime-header .moneytime-logo-menu .moneytime-menu a{color: white;}	
		.moneytime-header .moneytime-logo-menu .moneytime-menu a:hover{
			color: var(--primary-color);
			text-decoration: none;
		}
		.moneytime-header .widget_polylang,
		.moneytime-header .moneytime-logo-menu .moneytime-menu .moneytime-social{display: none;}
		.moneytime-header .moneytime-social-dl .widget_polylang{display: block;}
	.moneytime-media-texte{margin-bottom: 0;}
	.moneytime-media-texte.has-media-on-the-right{
		margin-top: 0;
		margin-bottom: -3rem;
		overflow: hidden;
	}
	.moneytime-media-texte .wp-block-media-text__content{
		margin-top: 12rem;
		padding-right: var(--wp--style--root--padding-right);
	}
	.moneytime-media-texte.has-media-on-the-right .wp-block-media-text__content{
		margin-top: -8rem;
		padding-left: var(--wp--style--root--padding-left);
	}
	.moneytime-media-texte h2 {
		margin-top: 0;
		font-size: 1.5rem;
	}
	.moneytime-media-texte .wp-block-media-text__media{align-items: flex-start;}
		.moneytime-media-texte .wp-block-media-text__media img {margin-left: -17%;}
	.moneytime-media-texte.has-media-on-the-right .wp-block-media-text__media{align-items: flex-end;}
		.moneytime-media-texte.has-media-on-the-right .wp-block-media-text__media img {margin-right: -17%;}

	.moneytime-banniere *{font-size: 1.8rem;}
	.moneytime-banniere.seconde-banniere{margin-top: 0;}
	.moneytime-banniere.seconde-banniere *{font-size: 1.3rem;}
	.moneytime-banniere .moneytime-googleplay-button > * {width: auto;}
		.moneytime-footer {
			justify-content: space-between;
			align-items: flex-start;
		}
		.moneytime-footer > * {width: calc(50% - 15px);}
}
@media screen and (min-width: 782px){
	.moneytime-header .moneytime-logo-menu {width: initial;}
	.moneytime-hero-home {
		padding: 60px 0;
		padding-right: var(--wp--style--root--padding-right);
		padding-left: var(--wp--style--root--padding-left);
	}
		.moneytime-hero-home * {font-size: 1.7rem;}
		.moneytime-hero-home .wp-block-image {max-width: 80%;}
	.moneytime-banniere {padding: 30px 30px 60px;
		padding-right: var(--wp--style--root--padding-right);
		padding-left: var(--wp--style--root--padding-left);}
	.moneytime-banniere.seconde-banniere{padding: 60px 30px 30px;
		padding-right: var(--wp--style--root--padding-right);
		padding-left: var(--wp--style--root--padding-left);}
	.moneytime-banniere * {font-size: 2rem;}
	.moneytime-banniere.seconde-banniere * {font-size: 2rem;}
	.moneytime-banniere .moneytime-googleplay-button {flex-direction: column;}
	.moneytime-media-texte.has-media-on-the-right{margin-top: 0; margin-bottom: -6rem;overflow: hidden;}
	.moneytime-media-texte .wp-block-media-text__content{margin-top: 14rem;}
	.moneytime-media-texte.has-media-on-the-right .wp-block-media-text__content{margin-top: -14rem;}
	.moneytime-media-texte h2 {font-size: 1.6rem;}
	.moneytime-banniere.seconde-banniere .moneytime-googleplay-note {
		flex-direction: row;
		justify-content: center;
	}
	.moneytime-faq h2 {font-size: 1.5rem;}
	.moneytime-faq .wp-block-accordion{max-width: 80%;}
	.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button .wp-block-accordion-heading__toggle-title,
	.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading button .wp-block-accordion-heading__toggle-icon {font-size: 1.1rem;}
	.moneytime-faq .wp-block-accordion .wp-block-accordion-item .wp-block-accordion-panel p {font-size: 1rem;}

}
@media screen and (min-width: 992px){
	.moneytime-header {
		justify-content: space-between;
		padding-right: var(--wp--style--root--padding-right);
		padding-left: var(--wp--style--root--padding-left);
	}
		.moneytime-header .wp-block-site-logo{margin-bottom: -3.5rem;}
			.moneytime-header .custom-logo-link img{
				height: 100px;
				width: auto;
			}
	.moneytime-hero-home {
		z-index: -10;
		padding: 85px 30px;
	}
	.moneytime-hero-home * {font-size: 2rem;}
    .moneytime-banniere * {font-size: 2.3rem;}
    .moneytime-banniere.seconde-banniere * {font-size: 2.3rem;}
    .moneytime-media-texte h2 {font-size: 2rem;}
    .moneytime-media-texte p {font-size: 1.1rem;}
	.moneytime-media-texte .wp-block-media-text__content{
		margin-top: 20rem;
		padding-right: 10vw;
		padding-left: 0;
	}
	.moneytime-media-texte.has-media-on-the-right .wp-block-media-text__content{
		margin-top: -20rem;
		padding-right: 0;
		padding-left: 10vw;
	}
	.moneytime-banniere.seconde-banniere .moneytime-googleplay-note p,
	.moneytime-banniere.seconde-banniere .moneytime-googleplay-note mark {font-size: 1.25rem;}
    .moneytime-playtime-video h2 {font-size: 1.8rem;}
	.moneytime-footer > * {width: calc(25% - 24px);}

}
@media screen and (min-width: 1200px){
	body{
		--wp--style--root--padding-right: 10vw;
		--wp--style--root--padding-left: 10vw;
	} 
	.moneytime-hero-home * {font-size: 2.5rem;}
    .moneytime-banniere * {font-size: 4rem;}
    .moneytime-banniere.seconde-banniere * {font-size: 3rem;}
	.moneytime-media-texte h2 {font-size: 2.5rem;}
	.moneytime-playtime-video h2 {font-size: 2rem;}
	.moneytime-header .moneytime-logo-menu {gap: 2rem;}
	.moneytime-banniere {padding: 40px 30px 80px;}
	.moneytime-banniere.seconde-banniere {padding: 80px 30px 40px;}
}
@media screen and (min-width: 1600px){
	.moneytime-hero-home * {font-size: 3rem;}
    .moneytime-banniere * {font-size: 5rem;}
    .moneytime-banniere.seconde-banniere * {font-size: 4rem;}
    .moneytime-media-texte h2 {font-size: 3rem;}
    .moneytime-media-texte p {font-size: 1.4rem;}
    .moneytime-playtime-video h2 {font-size: 2.4rem;}
	.moneytime-banniere {padding: 50px 30px 100px}
	.moneytime-banniere.seconde-banniere {padding: 100px 30px 50px;}

}