/*
 Theme Name:   Youmna Tarazi
 Theme URI:    https://youmnatarazi.com/
 Description:  YT custom theme
 Author:       Mat
 Template:     enfold
 Version:      2.0.0
*/

/* YT - version 2026 */

:root {
    --red1 : #bc2718;
    --red2: #c63122;
    --red3 : #d03b2c;
    --purple1: #36203a;
    --purple2: #402a44;
    --purple3: #4a344e;
	--brown1: #38300a;
    --brown2: #656255;
    --brown3: #c3c0b2;
    --yellow1: #ffca46;
    --yellow2: #ffe6a9;
    --beige1: #f6edd8;
	--beige2: #fffcee;
}

/** Global **/

p {
	line-height: 1.3em;
}

strong {
	color: inherit !important;
	font-weight:600;
}

ul li {
	line-height: 1.2em;
}

a {
  text-decoration: none !important;
}

a:hover {
  opacity: 1 !important;
}

.red-button:hover a {
	background-color: var(--red2) !important;
}

.purple-button:hover a {
	background-color: var(--purple2) !important;
}

.avia-button {
	transition: all 0s ease-in-out !important;
	border: none !important;
}

label {
  text-align: left;
}

.thrv_wrapper.thrv_text_element {
  font-size: 16px;
}

.avia-cookie-consent {
	background-color: var(--beige1) !important;
	opacity: 0.85;
}

.avia-cookie-consent p, .avia-cookie-consent a {
	color: var(--brown1) !important;
}

/** Header **/

#top .av_header_glassy.av_header_transparency .header_bg {
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=50);
}

.av_header_glassy.av_header_transparency:after {
  position: absolute;
  height: 100%;
  background: linear-gradient(0deg, rgba(36, 28, 10, 0.00) 0%, rgba(36, 28, 10, 0.10) 30%, rgba(36, 28, 10, 0.33) 69.23%, rgba(36, 28, 10, 0.50) 100%);
  width: 100%;
  content: "";
  inset: 0;
}

.logo, .logo a {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  z-index: 101 !important;
}

.logo svg {
	height:48px;
	width: 48px;
}

.logo:after {
	content:"Youmna Tarazi";
	font-family: 'Adam', serif;
	font-size:18px;
	font-weight:500;
	color: var(--red1);
	visibility: hidden;
    position: fixed;
    left: calc(70px + 2vw);
	text-transform:uppercase;
}

.logo:hover:after {
	visibility: visible;
}

@media only screen and (min-width: 768px) {
	.avia-menu-text:after {
	content: '';
	display: block;
	margin: -30px auto;
	height: 2px;
	width: 0px;
	background: transparent;
	transition: width .3s ease, background-color .3s ease;
  }
}

.menu-item a:hover .avia-menu-text:after, .current-menu-item .avia-menu-text:after {
	width: 70%;
	background-color: currentcolor;
}

/** Menu **/
.main_menu {
  position: unset;
  display: flex;
  justify-content: center;
}

.avia-menu.av-main-nav-wrap {
  width: 100%;
}

#avia-menu {
  display: flex;
  justify-content: center;
}

#menu-item-731 {
  margin-left: auto;
}

#menu-item-731 span {
	font-family: 'Adam', serif;
	font-size:18px;
	font-weight:500;
    visibility:hidden;
}

#menu-item-731:hover span {
    margin-left: auto;
	visibility:visible;
	transition-duration: 4s;
}

#menu-item-731:hover span:after {
    background: transparent;
}

@media only screen and (min-width: 768px) {
	#menu-item-731 {
	text-transform:uppercase;
  }
}

#menu-item-1015 {
  margin-right: auto;
  visibility: hidden;
}
@media only screen and (min-width: 768px) {
	#menu-item-1015 {
  width:130px;
 }
}

.menu-item-1015 {
  visibility: hidden;
}

#header.av_header_transparency #menu-item-731 span:after, .menu-item-731 span:after {
	content: url('https://youmnatarazi.com/wp-content/uploads/2026/04/contact-1.svg');
	border: 2px solid var(--beige2);
}

#header #menu-item-731 span:after, .menu-item-731 span:after {
	content: url('https://youmnatarazi.com/wp-content/uploads/2026/04/contact-brown-new.svg');
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
    border: 2px solid var(--brown2);
    border-radius: 50%;
    line-height: 0;
    vertical-align: middle;
    visibility: visible;
    background-color: transparent;
	width: 48px;
    height: 48px;
}

/** Hero Section **/

#av_section_1 {
  position:relative;
}

.hero-right, .hero-left {
    position: relative;
}

.hero-right::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(270deg, rgba(36, 28, 10, 0.70) 0%, rgba(36, 28, 10, 0.52) 39.63%, rgba(36, 28, 10, 0.00) 62.89%);
}

.hero-left::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(36, 28, 10, 0.60) 0%, rgba(36, 28, 10, 0.42) 39.63%, rgba(36, 28, 10, 0.00) 62.89%);
}

.hero-home::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("https://youmnatarazi.com/wp-content/uploads/2026/04/hero-youmna-tarazi.jpg") center / cover no-repeat;
  filter: blur(10px);
  mask-image: linear-gradient(
    to top,
    black 0%,
    black 5%,
    transparent 20%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(
    to top,
    black 0%,
    black 5%,
    transparent 20%,
    transparent 100%
  );
}

.hero-title p {
	font-family: "butler", serif;
	font-size: 68px;
	color: var(--beige2);
	line-height:0.9em;
	margin: -60px 0px 30px 0px;
}

.hero-title-small p {
	font-size: 48px;
}

.hero-desc {
	font-size:18px;
	color: var(--beige2);
}

/** Hero titles **/
.hero-bottom {
	position: absolute;
	bottom: 30px;
	width:100%;
}

/** Logo bar **/

.logo-bar{
	display: flex;
	justify-content:space-between;
	align-items:center;
	position: absolute;
	bottom: 20px;
	width: 100%;
	flex-wrap: wrap;
}

.logo-bar img{
	filter: brightness(1.7) opacity(0.6);
}

.logo-bar p {
	color: var(--beige2);
}


/** Sections **/

.yt-section {
	padding: 200px 0px;
}

.narrow .container {
	padding: 0 100px !important;
}

.xnarrow .container  {
	padding: 0 200px !important;
}

.yt-box {
	color: var(--brown1);
}

.box-title, .box-title p {
	font-family: "Butler", serif;
	font-size: 20px;
	font-weight: 500;
	margin-top: 0px;
	color: var(--brown1);
}

.mentorat-box-title p, .mentorat-offer-subtitle p {
	font-family: "Butler", serif;
	font-weight: 500;
	margin: 0px;
}

.mentorat-box-title p {
	font-size: 26px;
}

.mentorat-offer-subtitle p {
	font-size: 22px;
}

.border-title-center {
	text-align: center;
}

.border-title p, .border-title-center p {
	margin-bottom: 25px;
	border: 1px solid;
	padding: 8px 16px;
	display: inline-block;
}

.red-quote {
	background-color: var(--red1);
	display: flex;
	gap: 30px;
	padding: 25px 40px 20px 34px;
}

.red-quote img {
	width: 25px;
	height: 21px;
}

.red-quote p {
	color: var(--beige2);
	font-weight:300;
	font-size:18px;
	margin: -5px 0px 0px;
	⁨⁨line-height:20px;
	text-align:left !important;
}

.featured-quote {
	background-color: var(--beige2);
	font-family: "Butler", serif;
	border: 1px solid var(--red1) !important;
}

/** Uniquement pour bloc violet home **/

.padbot0 {
	padding-bottom: 0px!important;
}
.padtop0 {
	padding-top: 0px!important;
}

/** Bullet List **/

.bullet-list {}

.bullet-item {
	display: flex;
	gap: 12px;
	padding-left:12px;
	align-items: center;
	border-bottom: 1px solid var(--brown3) !important;
	padding: 20px;
	text-align: left !important;
}

.bullet-item:last-of-type {
	border-bottom: none !important;
}

.bullet-content {
	font-size:18px;
	text-align: left !important;
	color: var(--brown1);
	margin:0;
}

.bullet-content p {
	margin:0;
	text-align: left !important;
}

.bullet-item img {
	width:22px;
	height:19px;
}

.bullet-desc {
	font-size: 16px;
	color: var(--brown2);
}

/** YT bullet list - Listes des offres la page mentorat **/

.bulletlist {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ytbullet {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items:center;
}

.ytbullet p {
  margin: 0px;
  height: 18px !important;
}

.ytbullet img {
  flex-shrink: 0;
  object-fit: contain;
}

.ytbullet strong {
  font-weight: 500;
}

.yt-bullet-text {
  line-height: 1.3em;
}

.offer-button a {
  width: 100% !important;
}

.offer-button a:hover {
  background-color: inherit;
}

/** Podcast **/

.podcast-item {
    display: flex;
    gap: 20px;
	padding: 20px 12px 10px;
	background-color: var(--beige2);
	align-items:start;
	border: 1px solid var(--beige2);
	margin-bottom:10px;
}

.podcast-number {
    font-family: "Butler", serif;
    font-size: 38px;
    color: var(--brown2);
	margin: 0;
	font-weight:500;
}

.podcast-title {
    display:flex;
    justify-content: space-between;
}

.podcast-title p {
    font-size: 18px;
    font-weight: 600;
    color: var(--brown1);
	margin:0px;
	text-align:left !important;
}

.podcast-title img {
    width: 14px;
	height: 16px;
}

.podcast-desc {
    font-size: 16px;
	color: var(--brown2);
	text-align:left !important;
}

.podcast-item:hover {
	border: 1px solid var(--red1) !important;
}

.podcast-item:hover .podcast-number {
    color: var(--red1);
}

.podcast-icons {
	display: flex;
	gap: 20px;
}

.podcast-icons img {
	width: 32px;
	height: 32px
}

/** Box-list (page commencez-ici) **/

.boxlist-item {
    display: flex;
    gap: 40px;
	padding: 24px 36px;
	align-items:center;
	border: 1px solid var(--purple1) !important;
	margin-bottom:10px;
}

.boxlist-number {
    font-family: "Butler", serif;
    font-size: 38px;
    color: var(--purple1);
	margin: 0;
	font-weight:500;
}

.boxlist-desc {
    font-size: 16px;
	color: var(--purple1);
	text-align:left !important;
}

/** Succes Stories **/

a .story-card {
	color: var(--brown2);
}

.story-card {
    display: flex;
    width: 100%;
    overflow: hidden;
}

.story-card div {
    flex-grow: 1;
    flex-basis: 50%;
}

.story-portrait {
    position: relative;
    min-height: 360px;
}

.story-portrait img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.story-content {
    display: flex;
    padding: 12px;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--beige1);
    position: relative;
    overflow: hidden;
}

.story-content p {
	text-align:left !important;
	font-size: 16px;
}

/* Le fond coloré qui monte depuis le bas */
.story-content::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    transform: translateY(100%);
    transition: transform 0.5s;
}

.story-card:hover .story-content::before {
    transform: translateY(0);
    transition: transform 0.5s;
}

.story-card.delphine .story-content::before { background-color: #3A635F; }
.story-card.florence .story-content::before { background-color: #9E4537; }
.story-card.olivia .story-content::before { background-color: #B77D7B; }
.story-card.nathalie .story-content::before { background-color: #4067AD; }
.story-card.nicole .story-content::before { background-color: #C72E79; }
.story-card.beatrice .story-content::before { background-color: #E04C26; }
.story-card.magali .story-content::before { background-color: #7D819A; }
.story-card.cecile .story-content::before { background-color: #E4433B; }
.story-card.valentine .story-content::before { background-color: #88502D; }
.story-card.brigitte .story-content::before { background-color: #322626; }
.story-card.nathalier .story-content::before { background-color: #1B7751; }
.story-card.david .story-content::before { background-color: #C1C9D4; }
.story-card.mame .story-content::before { background-color: #ED4696; }
.story-card.rabab .story-content::before { background-color: #2A4C55; }
.story-card.deborah .story-content::before { background-color: #5CC3C8; }


/* Texte et icône par-dessus le ::before */
.story-content .story,
.story-content .story-name {
    position: relative;
    z-index: 1;
    transition: color 0.4s ease;
}

.story-card:hover .story-content {
    color: var(--beige2);
}

/* Icône citation */
.story:before {
    content: "";
    display: block;
    width: 28px;
    height: 24px;
    margin-bottom: 14px;
    background-color: currentColor;
    -webkit-mask: url("https://youmnatarazi.com/wp-content/uploads/2026/04/brown-quote.svg") no-repeat center;
    mask: url("https://youmnatarazi.com/wp-content/uploads/2026/04/brown-quote.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.story {
    margin: 0;
    font-size: 18px;
}

.story-name {
    margin: 0;
}

/* Icône citation — mask */
.story:before {
    content: "";
    display: block;
    width: 28px;
    height: 24px;
    margin-bottom: 14px;
    background-color: currentColor;
    -webkit-mask: url("https://youmnatarazi.com/wp-content/uploads/2026/04/brown-quote.svg") no-repeat center;
    mask: url("https://youmnatarazi.com/wp-content/uploads/2026/04/brown-quote.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: background-color 0.4s ease;
}

.succes-story-links a {
	color: var(--brown1);
	text-decoration: underline !important;
}

/** Evenements **/ 

.detail p {
	margin: 0;
}

/** Footer **/


.footer-links p {
  display:flex;
  gap:1%;
  justify-content:center;
}

.footer-links a {
  color: var(--brown1);
  gap: 20px;
}

#footer-fullwidth .container {
  width: 100% !important;
  min-width: 100%;
  padding: 0 50px;
  margin: 0;
}

.footer-icons {
	display: flex;
	justify-content: space-between;
}

.socials {
	display:flex;
	margin-top:-5px;
}

.socials a {
  height: 28px;
  width: 28px;
}

.socials a img {
  padding:5px !important;
}

.socials a:hover {
  background-color: var(--yellow2);
  border-radius:50%;
}

/** Responsive **/

@media only screen and (min-width: 768px) {
	.success-narrow {
		transform:translate(8.05%);
	}
}

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .container {
    width: 90%;
    max-width: 90%;
  }
  .narrow .container, .xnarrow .container {
	padding: unset !important;
  }
  .yt-section {
	padding: 20px 0px;
  }
		.logo-bar img {
	  max-width: 50px;
	}
  .hero-title p {
	font-size: 38px;
  }
   .hero-mentorat p {
	font-size: 22px;
	line-height: 1em;
	margin: -60px 0 10px 0;
  }
  .hero-desc p {
	font-size: 16px;
  }
	p {
		text-align:center;
	}
  h2 {
	font-size: 34px !important;
	text-align: center !important;
  }
	 h3 {
	font-size: 22px !important;
  }
	h4 {
	font-size: 26px !important;
	text-align: center !important;
  }
  .featured {
		font-size: 16px;
  }
  .podcast-title img {
    margin-top: 5px;
  }
	.hero-title, .hero-desc {
		text-align:center;
	}
	.logo-bar {
		justify-content:center;
      gap:10px;
	}
	.yt-box {
	display:flex;
  }
  .yt-box p {
	margin:0.2 em;
  }
  .yt-box .avia-image-container-inner {
    width: 70px;
  }
	.purple-box h2 {
		font-size: 26px !important;
	}
	.border-title-long p {
		border: 1px solid var(--beige2) !important;
	}
	.red-button, .purple-button {
    display: table;
    margin: 0 auto;
}
	.podcast-icons {
	justify-content:center;
}
.podcast-title {
    font-size: 16px;
}
.podcast-desc {
    font-size: 14px;
}
	.socials {
		justify-content: center;
	}
	.mobile-img {
		margin:0 !important;
	}
	.success-left .story-card {
		flex-direction: row-reverse;
	}
	.border-title {
	text-align: center;
}
	.hero-right, .hero-left {
    position: relative;
}

.hero-right::before, .hero-left::before {
  background: linear-gradient(360deg, rgba(36, 28, 10, 0.70) 0%, rgba(36, 28, 10, 0.52) 39.63%, rgba(36, 28, 10, 0.00) 62.89%);
}
	#section-message .container .content {
  vertical-align: bottom;
}
	.succes-story-head {
		margin-bottom: 0 !important;
	}
	.responsive #top #wrap_all .flex_column {
		margin-bottom: 12px;
	}
	.avia-button-right {
		float: none;
	}
	.footer-links p {
  justify-content:space-between;
}
#top #wrap_all .av_header_transparency {
background: transparent;
position: absolute!important;
}
  .responsive .logo img, .responsive .logo svg {
    width: 48px;
  }
	.av-burger-overlay-scroll {
  background-color: var(--beige2);
}

.avia-menu-text {
  color: var(--red1);
  font-family: "Figtree", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

#menu-item-731 span:after, .menu-item-731 span:after {
	display:none;
}
.menu-item-51 .avia-menu-text {
  background-color: var(--red1);
  padding: 12px 24px;
  color: var(--beige1);
  font-size: 18px !important;
}

.menu-item-51 .avia-menu-text::after {
  display: none;
}
	.menu-item-51 {
		margin-bottom:10px;
	}
	.av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::before, .av-burger-overlay-active #top .av-hamburger-inner::after {
      background-color: var(--red1)!important;
    }

	.av-burger-overlay-active #top .av-hamburger-box::after {
		border-color: var(--red1) !important;
	}
	
	.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li {
  line-height: 0.8em;
}
  .responsive #top #wrap_all #header {
    position: fixed !important;
  }
	 .responsive #top .header_bg {
    opacity: 0;
  }
	.av-hamburger-box::after {
  position: absolute;
  content: "";
  border: 4px solid var(--beige2);
  padding: 35px;
  border-radius: 50%;
  top: -36px;
  left: -22px;
}

.av-hamburger-inner, .av-hamburger-inner::after, .av-hamburger-inner::before {
  background-color: var(--beige2) !important;
}
	
#header:after {
  position: absolute;
  height: 100%;
  background: linear-gradient(0deg, rgba(36, 28, 10, 0.00) 0%, rgba(36, 28, 10, 0.10) 30%, rgba(36, 28, 10, 0.33) 69.23%, rgba(36, 28, 10, 0.50) 100%);
  width: 100%;
  content: "";
  inset: 0;
}
	
}