/*
Theme Name: kpot theme
Author: kpot
Author URI: https://kpot.be/
Version: klant-v1;
*/

/* IE FIX (omdat die nieuwe tags niet kent) */
main,
section,
article {
	display: block;
}

/* EDIT ICON */
.editpost {
	position: fixed;
	top: 1vw;
	right: 1vw;
	margin: 0;
	z-index: 999999;
}
.editpost a {
	background-image: url(assets/img/edit.png);
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
}
.editpost a span {
	display: none;
}

/* GENERAL */
html {
	scroll-behavior: smooth;
}
body {
	-webkit-text-size-adjust: 100%;
	-webkit-animation: fadein 1s;
	animation: fadein 1s;
	background-color: #f5f5f5;
}
@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.grecaptcha-badge {
	display: none;
}
body,
label,
input,
textarea,
select,
button {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Arial, sans-serif;
}
img {
	width: 100%;
	height: auto;
}
.hidden_title {
	display: none;
}
td strong {
	font-family: "ABC-Diatype-Bold", Arial, sans-serif;
}
em {
	font-style: italic;
}

/* LINK ONDERLIJN ANIMATIE */
a {
	text-decoration: none;
	display: inline-block;
	position: relative;
	color: #000;
}
a:not(.button)::after,
a:not(.button) .hover_arrow_tekst::after {
	content: "";
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 0.5px;
	bottom: 0;
	left: 0;
	background-color: #353535;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
a:not(.button):hover::after,
a:not(.button) .hover_arrow_tekst:hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}
.site_logo a::after,
.related-post-card::after {
	display: none;
}

/* LOADINGANIMATION */
.animateOnLoad {
	-webkit-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform: translateY(60px);
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.animateOnLoad.load {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

/* HEADER */
.site_logo a {
	background-image: url(assets/img/logo_black.png);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	width: 140px;
	height: 45px;
}
.site_logo a > span {
	display: none;
}

.site_header {
	/* background-color: lightblue; */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* HAMBURGE-MENU */
#nav-icon {
	width: 30px;
	height: 22px;
	position: relative;
	margin: 15px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
	display: none;
}

#nav-icon span {
	display: block;
	position: absolute;
	height: 1.5px;
	width: 35px;
	background: black;
	border-radius: 4px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

#nav-icon span {
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}
#nav-icon span:nth-child(1) {
	top: 0px;
}

#nav-icon span:nth-child(2) {
	top: 10px;
}

#nav-icon span:nth-child(3) {
	top: 20px;
}

#nav-icon.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
	left: 0px;
}

#nav-icon.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

#nav-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 21px;
	left: 0px;
}

#nav-icon.open {
	left: 300px !important;
}

/* AUME - styling */
/* -------------- fonts --------------  */
h1,
h1 a {
	font-size: 25px;
	font-family: "Benton-Modern";
	color: #353535;
}
h2,
h2 a,
h2 strong {
	font-size: 21px;
	font-family: "Benton-Modern";
	color: #353535;
}
h3,
h3 a {
	font-size: 18px;
	font-family: "Benton-Modern";
	color: #353535;
}
h4,
h5,
h6,
h4 a,
h5 a,
h6 a {
	font-size: 16px;
	font-family: "Benton-Modern";
	color: #353535;
}
h6 {
	text-transform: uppercase;
	color: #69603a;
	font-family: "ABC-Diatype", Arial, sans-serif;
	font-size: 12px;
	font-weight: 900;
}
p,
a,
span,
div,
input,
textarea,
button {
	font-size: 15px;
	font-family: "ABC-Diatype", Arial, sans-serif;
	color: #353535;
}
.highlighted_intro {
	font-size: 16px;
}

figcaption {
	/* color:#69603A; */
	font-family: "ABC-Diatype", Arial, sans-serif;
	color: #353535;
	font-size: 8px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.3px;
	margin-top: 5px !important;
}
.home figcaption {
	display: none;
}

.content p,
.content h1,
.content h2,
.content h3,
.content h4 {
	max-width: 700px;
	margin: auto;
}
strong,
.content strong a {
	font-weight: 900;
	font-family: "ABC-Diatype-Bold", Arial, sans-serif;
}
.content p a {
	text-decoration: underline;
	display: inline;
}
.content p a::after {
	display: none;
}

.content p {
	margin-bottom: 15px;
}
.article_excerpt,
.meta {
	margin-bottom: 0px;
}

.content .info a::after,
.content .wrap_inf_prod a::after {
	display: none;
}

/* -------------- default --------------  */
.container {
	padding: 20px;
}
.no_after_hover::after {
	display: none;
}
.page-thank-you .container {
	min-height: 40vh;
}
.wp-block-image img {
	max-width: 780px;
	margin: auto;
	display: block;
	margin-top: 20px;
	/* margin-bottom:20px; */
}
.wp-block-image figcaption {
	max-width: 780px;
	margin: auto;
	display: block;
}
.wp-element-caption {
	/* display:none !important; */
}
.wp-block-columns {
	max-width: 900px;
	margin: 0 auto;
}
.wp-block-columns img {
	height: 600px;
	width: 100%;
	object-fit: cover;
	display: block;
	margin-top: 0px !important;
}
.columns-33-66 {
	max-width: 1200px;
	/* margin: 0 auto; */
}
.wp-block-columns {
	margin-top: 20px;
	margin-bottom: 20px;
}

.wp-block-table .has-fixed-layout {
	display: flex;
	background-color: #f6f6d6;
	border-radius: 20px;
	box-shadow: inset 0px 0px 20px 20px #f5f5f5;
	margin: 0 auto;
	padding: 100px 80px;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.wp-block-table td,
.wp-block-table th {
	border-bottom: unset;
	border-left: unset;
	border-right: unset;
	border-color: #69603a;
	padding-top: 12px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 40px;
	color: #69603a;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.7px;
}
.wp-block-table td strong,
.wp-block-table th strong {
	color: #69603a;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.wp-block-table td {
	border-top: 0.5px solid #69603a;
}
.wp-block-table th {
	border-top: unset !important;
	font-weight: 700;
}

.scrollblock.turnaround {
	flex-direction: row-reverse;
}
h2.wp-block-heading,
.scrollblock_content h2 {
	/* margin-top:20px; */
	margin-bottom: 20px;
	font-size: 23px;
}
.scrollblock_content {
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE and Edge */
}

/* Chrome, Safari and Opera */
.scrollblock_content::-webkit-scrollbar {
	display: none;
}
h3.wp-block-heading {
	margin-top: 20px;
}
.wp-block-list {
	max-width: 700px;
	margin: auto;
	padding-left: 20px;
	list-style: disc;
	margin-top: 8px;
	margin-bottom: 20px;
}
.wp-block-list li {
	line-height: 25px;
}
.wp-block-list li a {
	text-decoration: underline;
	display: inline;
}
.wp-block-list li a::after {
	display: none !important;
}
.no-scroll {
	overflow: hidden;
	height: 100vh; /* ensures body doesn't stretch */
}
body {
	overflow-x: hidden;
}

/* -------------- header --------------  */
.site_header {
	display: flex;
	flex-direction: column;
	padding-bottom: 22px;
	background-color: #f5f5f5;
	position: fixed;
	top: 0;
	z-index: 99999;
}
.socials_mobile,
.privacy_mobile,
.searchform_mobile {
	display: none;
}
.socials_mobile {
	flex-direction: row !important;
	flex-flow: wrap;
}
.socials_mobile p {
	width: 100%;
	margin-bottom: 4px;
}
.socials_mobile a {
	width: fit-content;
}
.socials_mobile img {
	max-width: 20px;
	height: 20px;
	object-fit: cover;
	margin-right: 8px;
}
.socials_mobile a::after {
	display: none;
}
.site_logo a {
	margin: 0 auto;
}
#menu-main {
	display: flex;
	width: calc(100vw - 40px);
	margin-left: 20px;
	margin-right: 20px;
	justify-content: space-between;
}
#menu-main li a {
	/* text-transform:uppercase; */
	color: #353535;
	font-family: "ABC-Diatype";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 16.8px */
	text-transform: uppercase;
}
.menu-logged_in-container {
	background-color: #dcdeb3;
	padding: 20px 0px;
}

.menu-logged_in-container a {
	color: #69603a;
	font-size: 14px;
}
.menu-logged_in-container a:not(.button)::after,
.menu-logged_in-container a:not(.button) .hover_arrow_tekst::after {
	background-color: #69603a;
}
#menu-logged_in {
	display: flex;
	width: calc(100vw - 40px);
	justify-content: space-between;
	max-width: 600px;
	margin: 0 auto;
}
.header_top_wrapper {
	display: flex;
	align-items: center;
	width: calc(100vw - 40px);
	/* flex-flow:wrap; */
	margin-top: 20px;
	margin-bottom: 10px;
}
.header_top_wrapper form,
.header_top_wrapper .logininfo {
	width: 25%;
}
.header_top_wrapper .site_logo {
	width: 50%;
}
.header_top_wrapper .logininfo {
	text-align: right;
	text-align: -webkit-right;
}
.upper_header {
	padding: 5px 20px;
	background-color: #5e301f;
	text-align: center;
	width: 100%;
	/* border-top: 26px solid black; */
}
.upper_header p,
.upper_header a {
	color: #dad47a;
	font-size: 14px;
}
.upper_header a {
	color: #dad47a;
	text-decoration: underline;
	text-decoration-thickness: 1px;
}
.upper_header a::after {
	display: none;
}

#searchform input {
	border: none;
	border-bottom: 2px solid transparent;
	outline: none;
	font-size: 16px;
	padding: 0px 4px;
	background: transparent;
	/* color: #333;  */
	transition: border-bottom-color 0.3s ease;
	color: #353535;
	font-family: "ABC-Diatype";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

#searchform input::placeholder {
	color: #353535; /* Adjust placeholder color */
	transition: opacity 0.3s ease;
}

#searchform input:focus {
	border-bottom: 1px solid #333; /* Or your accent color */
}

#searchform input:focus::placeholder {
	opacity: 0;
}
#search-icon {
	background: none;
	border: none;
	font-size: 18px;
	cursor: pointer;
	padding: 4px;
	color: #333;
}
.searchglass {
	width: 15px;
}
.logininfo p,
.logininfo a {
	display: block;
	text-transform: uppercase;
	width: fit-content;
	font-size: 12px;
}
.buffer_fix_menu {
	margin-top: 144px;
}

/* -------------- footer --------------  */
footer {
	background-color: #69603a;
	padding: 40px 20px;
	text-align: center;
}

footer a,
footer p,
footer div {
	color: #dad47a;
}

footer a:not(.button)::after,
footer a:not(.button) .hover_arrow_tekst::after {
	background-color: #dad47a;
}

.footer_nav {
	margin-bottom: 80px;
}
.footer_nav a {
	margin: 0px 20px;
}
.footer_nav a,
.footer_nav p,
.footer_contact a,
.footer_contact p,
footer div {
	font-size: 12px !important;
}

/* -------------- Single Blog artikel --------------  */
.one_img_long_bg_img_mobile,
.one_img_short_bg_img_mobile {
	display: none !important;
}
.one_img_long_bg_img,
.one_img_short_bg_img {
	width: 100%;
	height: 28vw;
	min-height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	background-color: #dad47a;
}
.one_img_short_bg_img {
	background-size: 1080px;
}
.post_intro_mobile,
.post_intro_mobile_multiple {
	width: 100%;
	height: 28vw;
	min-height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	background-color: #dad47a;
	display: none;
}
.post_intro_mobile_multiple {
	align-items: flex-end;
}
.multiple_img_show_title_bubble_mobile {
	display: none;
	text-align: left;
	margin: 20px;
}
.post_intro_mobile h1 {
	/* border: 5px solid #F6F6D6; */
	color: #f6f6d6;
	text-align: center;
	max-width: 400px;
	font-size: 28px;
	line-height: 34px;
	margin: 0 auto;
	height: fit-content;
	width: fit-content;
	align-self: self-end;
	padding: 15px 45px 8px 45px;
	margin-bottom: 20px;
	border-radius: 60px;
	box-shadow: inset 0px 0px 5px 5px #dcdeb3;
	background-color: rgba(0, 0, 0, 0.08);
	backdrop-filter: blur(3px);
	border-radius: 50px;
	background: rgba(50, 39, 21, 0.45);
	box-shadow: 0 0 10px 1px rgba(246, 246, 214, 0.4) inset, 0 0 15px 8px #dcdeb3 inset;
	backdrop-filter: blur(2px);
	letter-spacing: 0.2px;
	line-height: 31px;
	text-shadow: 0.2px 0.2px 3px rgb(0, 0, 0, 0.25);
	padding: 15px 20px;
}
.one_img_long_bg_img h1,
.one_img_short_bg_img h1 {
	/* border: 5px solid #F6F6D6; */
	color: #f6f6d6;
	text-align: center;
	max-width: 400px;
	font-size: 28px;
	line-height: 34px;
	margin: 0 auto;
	height: fit-content;
	width: fit-content;
	align-self: self-end;
	padding: 15px 45px 8px 45px;
	margin-bottom: 20px;
	border-radius: 60px;
	box-shadow: inset 0px 0px 5px 5px #dcdeb3;
	background-color: rgba(0, 0, 0, 0.08);
	backdrop-filter: blur(3px);
	border-radius: 50px;
	background: rgba(50, 39, 21, 0.2);
	box-shadow: 0 0 10px 1px rgba(246, 246, 214, 0.4) inset, 0 0 15px 8px #dcdeb3 inset;
	backdrop-filter: blur(6px);
	letter-spacing: 0.2px;
	line-height: 31px;
	text-shadow: 0.2px 0.2px 3px rgb(0, 0, 0, 0.25);
	padding: 15px 20px;
}
.one_img_long_intro,
.one_img_short_intro,
.two_img_intro,
.four_img_intro {
	max-width: 700px;
	margin: 0 auto;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.intro_txt {
	margin-top: 15px;
	margin-bottom: 15px;
	/* font-size:17px; */
	font-size: 20px;
	line-height: normal;
}

.extras,
.timing,
.meta,
.topline p {
	text-transform: uppercase;
	font-size: 8px;
	font-size: 7.5px;
	letter-spacing: 0.4px;
}

.two_bg_img,
.four_bg_img {
	width: 100%;
	height: 40vw;
	min-height: 260px;
	display: flex;
	flex-flow: wrap;
	background-color: #dad47a;
	align-items: flex-end;
}
.two_bg_img .one_img_of_two {
	width: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100%;
}
.four_bg_img .one_img_of_four {
	width: 25%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100%;
}
.four_bg_img .intro_card {
	margin-left: calc((100% - 420px) / 2);
}

.intro_card {
	background-color: #f6f6d6;
	padding: 30px 60px;
	max-width: 300px;
	position: absolute;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-left: calc((100% - 360px) / 2);
	text-align: center;
	box-shadow: 0 0 40px 0 #f7f7f7 inset;
}
.two_bg_img .intro_card {
	margin-left: calc((100% - 420px) / 2);
}
.intro_card a {
	display: block;
}
.intro_card.white {
	background-color: white;
}
.intro_card .extras,
.one_img_short_intro .extras,
.one_img_long_intro .extras {
	margin-top: 5px;
	margin-bottom: 10px;
	display: inline-block;
}
.intro_card .um-clear,
.one_img_short_intro .um-clear,
.one_img_long_intro .um-clear {
	margin-left: 6px;
	display: inline-block;
}
.um-clear {
	clear: unset !important;
}
.intro_card h2 {
	color: #353535;
	font-family: "Benton Modern D";
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px; /* 127.273% */
	text-transform: inherit; /* this was upercase initially */
}
.intro_card h1 {
	color: #353535;
	font-family: "Benton Modern D";
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px; /* 127.273% */
	/* text-transform: uppercase; */
}
.intro_card a::after {
	display: none;
}
.single .content .um-clear {
	display: none;
}
.single .content figure {
	margin-top: 40px;
	margin-bottom: 40px;
}
.mobile_info_one_on_home,
.bubble_oneonhome_formobile {
	display: none;
}

.single .content .product-highlight .topline .um-clear {
	display: block !important;
}
.single article {
	overflow-x: auto;
}
.error_no_products {
	display: none;
}
.single .similar-posts {
	margin-bottom: 20px;
}
.single .similar-posts .info .meta {
	margin-bottom: 5px !important;
	margin-top: 7px;
}
.product-highlight {
	margin-top: 40px;
	margin-bottom: 40px;
}
.custom-expert {
	margin-top: 60px;
}
.custom-abonner {
	margin-bottom: 60px !important;
	margin-top: 60px;
}
.custom-abonner .button {
	border: 0.9px solid #69603a;
}

.share_me {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 60px;
	margin-top: 40px;
}
.share_me h3 {
	color: #353535;
	text-align: center;
	font-family: "Benton Modern D";
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 10px;
}
.share_me a {
	margin: 0 10px;
	font-size: 14px;
	/* text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font; */
}

/* -------------- Archive List of Items --------------  */
.archive-list-items {
	display: flex;
	flex-flow: wrap;
	/* justify-content: space-between; */
	gap: 40px;
	max-width: 1080px;
	/* padding-left: 20px;
  padding-right: 20px; */
	margin: 0 auto;
}
.archive-list-items .item a {
	width: 100%;
	position: relative;
}
.archive .container a::after {
	display: none;
}
a:hover,
.click_name_mobile {
	cursor: pointer !important;
}

.page-template-template-mesFavoris .page_header {
	max-width: 1280px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.page-template-template-mesFavoris main {
	min-height: calc(100vh - 370px);
}
.archive .page_header {
	margin-bottom: 20px;
	border-top: 1px solid;
	padding-top: 5px;
}

.archive-list-items .item {
	width: calc((100% - 80px) / 3);
	margin-bottom: 20px;
}
.archive-list-items .item h3 a {
	width: fit-content;
}

.archive-list-items .item img {
	height: 420px;
	height: calc((1080px - 80px) / 3 * 1.33);
	object-fit: cover;
}
.page-template-template-mesFavoris .item a {
	width: 100%;
}
.topline {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	margin-bottom: 10px;
}
.topline p {
	margin: unset;
	text-transform: uppercase;
	font-size: 7.5px;
}
.topline div {
	display: inline-flex;
}
.um-user-bookmarks-button i {
	font-size: 1em;
	font-size: 0.9em;
}
#no-more-products-message {
	margin: 0 auto;
	text-align: center;
	padding: 5px;
	width: fit-content;
	margin-bottom: 40px;
	margin-top: 20px;
}
.wrap_entire_article_in_link {
	width: 100%;
}
.wrap_entire_article_in_link.align_me_bottom {
	height: 100%;
	align-content: end;
}
.wrap_entire_article_in_link:after {
	display: none;
}

.wrap_entire_article_in_link article a:after {
	display: none;
}
.wrap_entire_article_in_link article a {
	width: 100%;
}

/* -------------- Mes Favoris --------------  */
.page-template-template-mesFavoris .page_header {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid;
	padding-top: 5px;
}

.filter_favoris.active {
	font-weight: 900;
	font-family: "ABC-Diatype-Bold", Arial, sans-serif;
}
.filter_favoris:hover {
	text-decoration: underline;
	cursor: pointer;
}

.the_filters {
	align-content: space-around;
}
/* .content .f_produits{
  display:none;
} */

/* -------------- Zoekresultaten --------------  */
.search-results .content {
	display: flex;
	flex-flow: wrap;
	/* justify-content: space-between; */
	gap: 40px;
	max-width: 900px;
	margin: 0 auto;
}

.search-results .content .element {
	/* width: calc((100% - 80px) / 3); */
	/* margin-bottom: 20px; */
}

.search-results .content .element a {
	margin-top: 10px;
}

/* -------------- Change password --------------  */
.um-page-account .um-account-side {
	display: none;
}
.um-page-account .um-form {
	max-width: 900px;
	margin: 0 auto;
}

.um-form label {
	font-family: "ABC-Diatype", Arial, sans-serif !important;
}

.um-form .um-col-alt {
	height: 100px;
}

.um-account-main {
	float: unset !important;
}

#um_field_12_subscribe_to_newsletter .um-field-checkbox {
	display: none !important;
}

.um-social-login-overlay {
	background: rgb(0, 0, 0, 0.3) !important;
}
.um-social-login-wrap .um-register .um-form .um-right {
	display: none;
}

.um-social-login-wrap {
	width: 90vw !important;
	left: 5vw !important;
}

.um-page-register .or_google_login {
	display: none !important;
}
.or_google_login,
.or_google_login a {
	color: #666 !important;
}
.or_google_login a {
	text-decoration: underline;
}
.or_google_login a::after {
	display: none !important;
}

/* .um-register form .um-col-alt {
	display: flex;
} */

.um-register form .um-col-alt .um-left {
	order: 2;
	width: 100%;
}

.um-register form .um-col-alt .um-right {
	order: 1;
	width: 100%;
}

.um-login > .um-form > form > .um-col-alt,
.um-register > .um-form > form > .um-col-alt:last-of-type {
	flex-direction: column;
	margin: 0;
}

.um-login > .um-form > form > .um-col-alt .um-right,
.um-register > .um-form > form > .um-col-alt:last-of-type .um-right {
	margin: 20px 0;
}

#um-shortcode-social-436 .um-field {
	max-height: 70px;
}

.um-login > .um-form > form > .um-col-alt .um-half {
	width: 100% !important;
}

.um-login > .um-form > form > .um-col-alt .um-right a,
.um-register > .um-form > form > .um-col-alt:last-of-type .um-right a {
	background: transparent !important;
	border: none !important;
	text-decoration: underline !important;
}

/* -------------- Similar posts --------------  */
.similar-posts img,
.nouveau-posts img {
	height: 21vw;
	object-fit: cover;
	height: calc((100vw - 140px) / 3.7);
	height: calc((100vw - 96px) / 5 * 1.33);
}
.home-horizontal-block img {
	height: 21vw;
	object-fit: cover;
	height: calc((100vw - 96px) / 5 * 1.33);
}
.home-horizontal-block2 img {
	height: 21vw;
	object-fit: cover;
	height: calc((100vw - 96px) / 5 * 1.33);
}
.related-posts-grid {
	justify-content: space-between;
	display: flex;
}
.similar-posts a,
.nouveau-posts a,
.home-horizontal-block2 a {
	width: calc((100vw - 115px) / 5);
}
.similar-posts a {
	width: calc((100vw - 140px) / 5);
}
.you-might-also-like h2 {
	max-width: unset;
	border-top: 0.5px solid #353535;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 25px;
}

.title_wrapper {
	max-width: unset;
	border-top: 0.5px solid #353535;
	padding-top: 5px;
	padding-bottom: 10px;
	display: flex;
	justify-content: space-between;
}
.title_wrapper h2 {
	max-width: unset;
	border-top: unset;
	padding-top: unset;
	padding-bottom: unset;
}
.title_wrapper h2,
.title_wrapper p {
	margin: unset;
	align-self: baseline;
}

.nouveau-posts {
	margin-bottom: 80px;
}

.home-horizontal-block2 {
	margin-bottom: 80px;
	background-color: #dcdeb3;
	width: 100%;
	margin-left: -20px;
	padding: 10px 20px 40px 20px;
}
.home-horizontal-block2 h2 {
	border-top: unset;
}
.you-might-also-like .button {
	border: 0.5px solid #353535;
	padding: 5px 20px;
	width: fit-content;
	border-radius: 30px;
	margin: 0 auto;
	display: block;
	margin-top: 40px;
	font-size: 14px;
	line-height: normal;
}
.you-might-also-like .button:hover {
	background-color: black;
	color: white;
}
.abonner-title {
	font-size: 28px;
	margin-bottom: 10px !important;
	line-height: 32px !important;
}
.abonner-text {
	font-size: 16px !important;
	max-width: 320px !important;
}
.custom-abonner .button {
	font-size: 14px !important;
}
.custom-abonner {
	margin-bottom: 80px !important;
}
.custom-quote {
	margin-top: 60px;
	margin-bottom: 60px;
}
.custom-quote p {
	max-width: 700px !important;
	font-size: 32px;
}
.custom-discussion-dexpert,
.discussion-dexpert {
	margin-top: 60px;
	margin-bottom: 60px;
}

.expert-text,
.expert-text a {
	margin: 0 auto;
	color: #69603a;
	font-size: 14px;
	line-height: 20px !important;
	font-family: "ABC-Diatype", Arial, sans-serif;
	max-width: 300px !important;
	padding-top: 4px;
	padding-bottom: 8px;
	margin-top: 6px;
	margin-bottom: 4px;
}
.expert-text strong,
.expert-text strong a {
	font-family: "ABC-Diatype-Bold", Arial, sans-serif;
	font-weight: 600;
	line-height: 100% !important;
	margin: unset;
	padding: unset;
}

.expert-text a {
	text-decoration: underline;
}

.nouveau-posts .related-post-card .meta,
.home-horizontal-block2 .related-post-card .meta {
	width: 90%;
	margin: unset;
	display: inline-block;
}
.nouveau-posts .related-post-card .um-clear,
.home-horizontal-block2 .related-post-card .um-clear {
	width: 10%;
	display: inline-block;
}
.nouveau-posts .related-post-card,
.home-horizontal-block2 .related-post-card {
	width: calc(100% / 5 - 14px);
}
.nouveau-posts .related-posts-grid {
	/* gap:20px; */
}
.nouveau-posts .related-post-card .um-clear,
.home-horizontal-block2 .related-post-card .um-clear {
	width: fit-content;
	/* padding-right: 0px; */
	float: right;
}
.nouveau-posts .related-post-card .um-clear a,
.home-horizontal-block2 .related-post-card .um-clear a {
	width: fit-content;
}

/* -------------- L'essentiel Aume / Products page --------------  */
.products_block2 {
	background-color: #dcdeb3;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.products_block2.yellow {
	background-color: #f6f6d6;
}
.products_block1 h2,
.products_block2 h2,
.products_block3 h2 {
	max-width: unset;
	padding-bottom: 20px !important;
}
.products_block1 h2 {
	margin-bottom: 20px !important;
}
.page-template-template-lessentielAume .content h1,
.page-template-template-lessentielAume .content h2 {
	margin: 10px 20px 0px 20px;
}
.page-template-template-lessentielAume .container {
	padding: 0px;
	padding-top: 1px;
}
.page-template-template-lessentielAume .page_header {
	padding: 5px 0px 10px 0px;
	margin-top: 20px;
	border-top: 0.5px solid #353535;
	border-bottom: 0.5px solid #353535;
	margin-left: 20px;
	margin-right: 20px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: baseline;
}
.products_block3 h2 {
	border-top: 0.5px solid #353535;
	margin-top: 20px !important;
	padding-top: 5px;
	margin-bottom: 20px;
	max-width: calc(100% - 40px);
}

.products_block2 h2 {
	padding-top: 10px;
}

.page-template-template-lessentielAume .archive-list-items {
	padding-left: 20px;
	padding-right: 20px;
}

.product-highlight .product-thumbnail {
	height: auto;
}
.product-highlight .product-thumbnail img {
	height: auto;
}

/* -------------- Custom block: scrollable image and text --------------  */
.scrollable_right {
	max-width: 1200px;
	margin-top: 40px;
	margin-bottom: 40px;
	/* display: flex; */
	gap: 40px; /* Optional: adjust spacing between columns */
	align-items: stretch; /* Ensure both columns take full height */
}

.scrollable_right .wp-block-column:first-child {
	/* flex: 0 0 33.33%; */
}

.scrollable_right .wp-block-column:last-child {
	/* flex: 0 0 66.66%; */
	overflow-y: auto;
}

.scrollable_left {
	max-width: 1200px;
	margin-top: 40px;
	height: fit-content;
	margin-bottom: 40px;
	/* display: flex; */
	gap: 2rem; /* Optional: adjust spacing between columns */
	align-items: stretch; /* Ensure both columns take full height */
}

.scrollable_left .wp-block-column:last-child {
	/* flex: 0 0 33.33%; */
}

.scrollable_left .wp-block-column:first-child {
	/* flex: 0 0 66.66%; */
	overflow-y: auto;
}

.scroll-section {
	display: flex;
	height: 100vh;
	position: relative;
	overflow: hidden;
}

.image-column {
	flex: 1;
	position: sticky;
	top: 0;
	height: 100vh;
	overflow: hidden;
}

.image-column img,
.image-column figure {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.text-column {
	flex: 1;
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.scrollable-text {
	height: 100%;
	overflow-y: auto;
	padding: 2rem;
	box-sizing: border-box;
}

/* -------------- Home --------------  */
.one_post_on_home,
.two_post_on_home,
.three_post_on_home {
	max-width: 1080px;
	margin: 0 auto;
	margin-bottom: 80px;
}

.three_post_on_home h2 {
	text-align: center;
}

.two_post_on_home,
.three_post_on_home {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.two_post_on_home .um-clear,
.three_post_on_home .um-clear {
	float: right;
}
.two_post_on_home .um-clear a {
	top: -30px !important;
	position: relative;
}
.three_post_on_home .um-clear a {
	top: -15px !important;
	position: relative;
}
.one_post_on_home .um-clear .um-clear,
.two_post_on_home .um-clear .um-clear,
.three_post_on_home .um-clear .um-clear {
	margin: unset;
}
.two_post_on_home .extras,
.three_post_on_home .extras {
	text-align: center;
	margin-top: 4px;
	margin-bottom: 15px;
}
.bg_img,
.one_img_long_bg_img,
.one_img_short_bg_img,
.two_bg_img,
.four_bg_img {
	box-shadow: inset 0 -150px 100px -10px rgba(0, 0, 0, 0.1) !important;
}
.two_post_on_home article .bg_img h2,
.three_post_on_home .bg_img h2 {
	color: #f6f6d6 !important;
	text-align: center;
	width: 100%;
	font-size: 35px;
	line-height: 35px;
	margin: 0 auto;
	height: fit-content;
	width: calc(100% - 70px);
	align-self: self-end;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 60px;
	box-shadow: inset 0px 0px 5px 5px #dcdeb3;
	background-color: rgba(0, 0, 0, 0.08);
	backdrop-filter: blur(3px);
	border-radius: 50px;
	background: rgba(50, 39, 21, 0.2);
	box-shadow: 0 0 10px 1px rgba(246, 246, 214, 0.4) inset, 0 0 15px 8px #dcdeb3 inset;
	backdrop-filter: blur(6px);
}

.third-post article a {
	width: 100%;
}

.two_post_on_home article .bg_img {
	position: relative;
	background-size: cover;
	background-position: center;
	height: 380px;
	height: calc((1080px - 40px) / 2 * 0.66);
}
.two_post_on_home article .bg_img.vert_img {
	height: 580px;
	height: calc((1080px - 40px) / 2 * 1.33);
}
.three_post_on_home article .bg_img {
	position: relative;
	background-size: cover;
	background-position: center;
	height: 460px; /* or whatever height you want */
	height: calc((1080px - 80px) / 3 * 1.33);
}

h2.bubble {
	/* position: absolute; */
	bottom: 20px;
	left: 20px;
	margin: 0;
	color: white;
	text-align: center;
	font-family: "Benton Modern D";
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: 0.2px;
	line-height: 22px;
	text-shadow: 0.2px 0.2px 3px rgb(0, 0, 0, 0.25);
	padding: 15px 20px;
	color: #f6f6d6 !important;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	height: fit-content;
	width: calc(100% - 70px);
	align-self: self-end;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 60px;
	box-shadow: inset 0px 0px 5px 5px #dcdeb3;
	background-color: rgba(0, 0, 0, 0.08);
	backdrop-filter: blur(3px);
	border-radius: 50px;
	background: rgba(50, 39, 21, 0.2);
	box-shadow: 0 0 10px 1px rgba(246, 246, 214, 0.4) inset, 0 0 15px 8px #dcdeb3 inset;
	backdrop-filter: blur(6px);
}

.two_post_on_home article .bg_img h2,
.three_post_on_home article .bg_img h2 {
	position: absolute;
	bottom: 20px;
	left: 15px; /* optional: gives horizontal padding */
	margin: 0;
	color: white; /* optional: for better contrast */
	text-align: center;
	font-family: "Benton Modern D";
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	text-transform: inherit; /* this was upercase initially */
	letter-spacing: 0.2px;
	line-height: 22px;
	text-shadow: 0.2px 0.2px 3px rgb(0, 0, 0, 0.25);
	padding: 15px 20px;
}

.vert_becomes_hor_show {
	display: none !important;
}

.three_post_on_home .extras {
	margin-bottom: 0px;
}

.post-half {
	width: calc(50% - 20px);
}

.post-third {
	width: calc((100% - 80px) / 3);
}
.post-third article a::after {
	content: unset;
	position: unset;
	width: unset;
	transform: unset;
	height: unset;
	bottom: unset;
	left: unset;
	background-color: unset;
	transform-origin: unset;
	transition: unset;
}
.flex_title {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 100%;
	border-top: 0.5px solid #353535;
	padding-top: 5px;
	padding-bottom: 10px;
	align-items: center;
}
.flex_title h2,
.flex_title p {
	margin: unset;
}
.home-horizontal-block2 .flex_title {
	border-top: unset;
}

.flex_title p,
.title_wrapper p {
	max-width: unset;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

article .bg_img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 70vh;
	height: calc(1080px * 0.66);
	margin-bottom: 10px;
	display: flex;
	align-items: end;
}

article .intro_card {
	background-color: #f6f6d6;
	padding: 30px 60px;
	width: 300px;
	position: absolute;
	margin: 0 auto;
	margin-bottom: 40px;
	height: fit-content;
	align-self: unset;
	margin-left: calc((1200px - 540px) / 2);
	text-align: center;
	box-shadow: 0 0 40px 0 #f7f7f7 inset;
}

.article_excerpt {
	text-align: center;
	width: calc(100% - 40px);
	max-width: 400px !important;
}

.two_ftr_images {
	display: flex;
	align-items: end;
}
.two_ftr_images .bg_img {
	width: 50%;
}

.home_bottom_infinite_posts h3 a {
	/* font-family: "ABC-Diatype", Arial, sans-serif; */
	font-size: 18px;
}
.home_bottom_infinite_posts .topline {
	margin-bottom: 5px;
	align-items: center;
}

.wrap_info_img a::after {
	display: none;
}
.related-post-card a::after {
	display: none;
}

/*------ Ultimate Member ---*/
.um-user-bookmarks-button {
	display: inline-block !important;
}
.um-clear > .um-clear > .um-clear {
	margin: 0 !important;
	padding: 0 !important;
}
.um-user-bookmarks-button i.um-faicon-spinner,
.um-user-bookmarks-button i.fa-spinner,
.um-user-bookmarks-button i.um-loading,
.um-user-bookmarks-ajax-loading {
	display: none !important;
}
.um-account-tab .um-button,
#um-submit-btn {
	font-size: 16px !important;
	font-family: "ABC-Diatype", Arial, sans-serif !important;
	color: #69603a !important;
	background-color: unset;
	text-align: center !important;
	border-radius: 40px !important;
	border: 0.5px solid #69603a !important;
	padding: 10px 40px !important;
	width: 100% !important;
}
.um-account-tab .um-button:hover,
#um-submit-btn:hover {
	background-color: #69603a !important;
	color: #dcdeb3 !important;
}
.um-right .um-alt {
	font-size: 16px !important;
	font-family: "ABC-Diatype", Arial, sans-serif !important;
	color: #69603a !important;
	/* background-color: #DCDEB3 !important; */
	text-align: center !important;
	border-radius: 0px !important;
	-webkit-box-shadow: unset !important;
	box-shadow: unset !important;
}

.um-faicon-asterisk,
.um-faicon-user {
	display: none;
}

.um-field-first_name,
.um-field-last_name {
	display: none;
}
.um .um-cover-add:hover,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-item-meta a,
.um .um-member-less a:hover,
.um .um-member-more a:hover,
.um .um-member-name a:hover,
.um .um-members-pagi a:hover,
.um .um-profile-subnav a.active,
.um .um-tip:hover,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color {
	color: #69603a !important;
}
.um-link-alt::after {
	display: none;
}

.um-field-error {
	background-color: #5e301f !important;
	color: #dad47a !important;
}
.um-field-arrow {
	color: #5e301f !important;
}
.p.um-notice.success {
	background: #dcdeb3 !important;
	color: #69603a !important;
}
p.um-notice.success {
	background: #69603a !important;
}

/* Abbonez_vous Popup */
.pum-container {
	width: 100vw !important;
	position: absolute !important;
	left: 0 !important;
	margin-left: unset !important;
	padding: 30px !important;
	background-color: #dad47a !important;
	border-radius: 20px !important;
	box-shadow: inset 0px 0px 20px 20px #f5f5f5 !important;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	/* align-self: anchor-center; */
}
.pum-close {
	display: none !important;
}
.popup_wrapper {
	display: flex;
	flex-flow: wrap;
	max-width: 1080px;
	margin: 0 auto;
}
.popup_wrapper .um-shortcode-social {
	display: none !important;
}
.popup_wrapper .popup_left,
.popup_wrapper .popup_right {
	width: 50%;
}
.popup_left a {
	text-decoration: underline;
}
.popup_left a::after {
	display: none;
}
.pum-theme-419,
.pum-theme-default-theme {
	background-color: rgba(255, 255, 255, 0.4) !important;
}
.popup_wrapper .um-col-alt .um-right {
	display: none !important;
}

.popup_left h2,
.popup_left h2 a {
	font-size: 18px;
}

.popup_wrapper .um-col-1 input {
	/* border: 2px solid white !important; */
	border-radius: 60px !important;
	box-shadow: inset 0px 0px 5px 5px #dcdeb3 !important;
	background-color: rgba(0, 0, 0, 0) !important;
	backdrop-filter: blur(30px) !important;
}
.popup_left h1,
.popup_left p,
.popup_left h2,
.popup_left a {
	color: #69603a;
}
.pum-container {
	bottom: 0px !important;
	align-self: flex-end !important;
}
.popup_left p {
	margin-top: 10px;
	margin-bottom: 30px;
}
.popup_left {
	display: flex;
	flex-direction: column;
	padding-top: 20px;
	padding-right: calc(50% - 320px); /*15vw;*/
	padding-left: 20px;
}
.popup_right {
	padding-top: 5px;
}
.um-field-area i,
.um-field-area span {
	color: #69603a !important;
}

.um-field-area input::placeholder {
	color: #69603a !important;
	opacity: 1; /* Firefox */
}

.um-field-area input::-ms-input-placeholder {
	/* Edge 12 -18 */
	color: #69603a !important;
}
#um-field-show-passwords-register {
	margin-top: 10px;
}
.pum-overlay .um-field-area input {
	background: rgba(246, 246, 214, 0.02);
	box-shadow: 0 0 20px 2px #f6f6d6 inset !important;
}
.pum-overlay .um-form input[type="text"],
.pum-overlay .um-form input[type="password"] {
	box-shadow: 0 0 16px 2px #f6f6d6 inset !important;
}
.pum-overlay .um-half {
	width: 100%;
}
.pum-overlay .um-field {
	padding-top: 5px !important;
	max-width: 100%;
}
.pum-overlay .um-field-password label,
.pum-overlay .um-field-user_email label,
.pum-overlay .um-field-user_login label,
.pum-overlay .um-field-checkbox .um-field-label {
	display: none;
}
.popup_wrapper::before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 4vw;
	background-image: url(assets/img/abonner_topline.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.popup_wrapper::after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 4vw;
	background-image: url(assets/img/abonner_topline.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(180deg);
}

.wp-block-quote {
	line-height: 1;
}

/* Related posts */
.related-posts-dots {
	display: none;
	justify-content: center;
	gap: 4px;
	margin-bottom: 10px;
}

.related-posts-dots span {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	border: 1px solid #000;
	background-color: transparent;
	display: inline-block;
	transition: background-color 0.3s;
}

.related-posts-dots span.active {
	background-color: #000;
}

.expert-subtitle strong {
	font-family: "Benton-Modern";
}
.expert-text a::after {
	display: none;
}

/* NEWSLETTER */
.content #_form_1_._form {
	background-color: unset !important;
}
#_form_1_ ._form-branding {
	display: none !important;
}
#_form_1_ ._form-title {
	font-size: 20px !important;
	font-family: "Benton-Modern" !important;
	color: #353535;
}
#_form_1_ ._button-wrapper button {
	font-size: 16px !important;
	font-family: "ABC-Diatype", Arial, sans-serif !important;
	color: #69603a !important;
	background-color: unset !important;
	text-align: center !important;
	border-radius: 0px !important;
	font-size: 16px !important;
	font-family: "ABC-Diatype", Arial, sans-serif !important;
	color: #69603a !important;
	background-color: unset;
	text-align: center !important;
	border-radius: 40px !important;
	border: 0.5px solid #69603a !important;
	padding: 8px 40px !important;
	width: fit-content !important;
	min-width: 250px;
}
#_form_1_ ._button-wrapper button:hover {
	background-color: #dcdeb3 !important;
}
#_form_1_ ._form-label,
#_form_1_ input {
	font-family: "ABC-Diatype", Arial, sans-serif !important;
	border-radius: 40px !important;
}

/* LOGIN / SABONNER PAGE */
.page-register main,
.page-login main,
.um-page-password-reset main,
.page-newsletter main {
	min-height: calc(100vh - 150px - 220px);
}
.page-register main,
.page-login main {
	min-height: calc(100vh - 150px - 220px);
}

.page-register .um-right .um-button,
.page-login .um-right .um-button {
	font-size: 16px !important;
	font-family: "ABC-Diatype", Arial, sans-serif !important;
	color: #69603a !important;
	background-color: unset;
	text-align: center !important;
	border-radius: 40px !important;
	border: 0.5px solid #69603a !important;
	padding: 10px 40px !important;
	width: 100% !important;
}
.page-register .um-right .um-button:after,
.page-login .um-right .um-button:after {
	display: none;
}

.page-register .um-right .um-button:hover,
.page-login .um-right .um-button:hover {
	background-color: #5e301f !important;
	color: #dad47a !important;
}
#um_account_submit_general,
#um_account_submit_password {
	background-color: unset;
}
.expert-uploaded-image {
	object-fit: contain !important;
}

/* COOKIES */
.cky-consent-container {
	right: unset !important;
	left: calc((100vw - 40vw) / 2) !important;
	bottom: unset !important;
	top: 25vh !important;
}
.cky-consent-bar {
	background-color: #dad47a !important;
	border: unset !important;
	height: fit-content !important;
	border-radius: 0px !important;
	box-shadow: inset 0px 0px 20px 20px #f5f5f5 !important;
	padding: 40px !important;
}
.cky-box-bottom-right {
	width: 40vw !important;
	/* left: 0 !important;
  right: 0 !important;
  bottom: 0 !important; */
}
.cky-btn {
	background-color: unset !important;
	border: 1px solid #69603a !important;
	padding: 4px 12px !important;
	border-radius: 25px !important;
	color: #69603a !important;
}
.cky-title {
	font-size: 21px !important;
	font-family: "Benton-Modern" !important;
	color: #69603a !important;
	text-align: center !important;
}
.cky-title::before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 4vw;
	background-image: url(assets/img/arrow_down.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.cky-notice-group::after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 4vw;
	background-image: url(assets/img/arrow_down.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transform: rotate(180deg);
	margin-top: 10px;
}
.cky-btn:hover {
	background-color: #69603a !important;
	color: #dad47a !important;
}
.cky-notice {
	padding: 5px !important;
}
.cky-btn-revisit-wrapper {
	display: none !important;
}

.custom-abonner {
	padding: 30px;
	background-color: #dad47a;
	text-align: center;
	border-radius: 20px;
	box-shadow: inset 0px 0px 20px 20px #f5f5f5;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.abonner-image-before,
.abonner-image-after {
	max-width: 740px;
	width: 90%;
}
.abonner-image-after {
	transform: rotate(180deg);
}

.abonner-title {
	margin: 0 auto;
	font-size: 22px;
	line-height: 28px !important;
	font-family: "Benton-Modern";
	color: #69603a;
	max-width: 260px !important;
	margin-top: 20px !important;
}

.abonner-text {
	margin: 0 auto;
	color: #69603a;
	font-size: 14px;
	line-height: 20px !important;
	font-family: "ABC-Diatype", Arial, sans-serif;
	max-width: 300px !important;
	padding-top: 4px;
	padding-bottom: 8px;
}
.custom-abonner .button {
	color: #69603a;
	display: block;
	border: 1px solid #69603a;
	width: fit-content;
	margin: 0 auto;
	padding: 5px 15px;
	border-radius: 30px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.custom-abonner .button:hover {
	background-color: #69603a;
	color: #dad47a;
}

.menu-logged_in-container:hover {
	cursor: pointer;
}

.like-dislike {
	max-width: 700px;
	display: flex;
	justify-content: center;
	margin: 20px auto;
	gap: 15px;
}

.like-dislike button {
	border: none;
	padding: 0;
	background: transparent;
	cursor: pointer;
}

.like-dislike button.active,
.like-dislike button:hover {
	color: #69603a;
	font-weight: bold;
}

@media only screen and (min-width: 1000px) {
	.menu-logged_in-container {
		position: fixed;
		z-index: 999;
		width: 100vw;
		margin-top: -58px;
		transition: margin-top 0.7s;
	}
	.setMyMarginToZero {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 850px) {
	.cky-consent-bar {
		background-color: #dad47a !important;
		border: unset !important;
		/* height: 50vh !important; */
		/* display:none !important; */
	}
	.cky-box-bottom-right {
		width: 100vw !important;
		top: unset !important;
		left: 0 !important;
		/* right: 0 !important;*/
		bottom: 0 !important;
	}
	.cky-title::before {
		height: 10vw;
	}
	.cky-notice-group::after {
		height: 10vw;
	}
	.pum-container {
		bottom: auto !important;
	}
}

@media only screen and (max-width: 1240px) {
	.home article .intro_card {
		margin-left: calc((100% - 420px) / 2);
	}
}

@media only screen and (max-width: 1120px) {
	article .bg_img {
		height: calc((100vw - 40px) * 0.66);
	}
	.archive-list-items .item img {
		height: calc((100vw - 40px) / 3 * 1.33);
	}
	.two_post_on_home article .bg_img {
		height: calc((100vw - 80px) / 2 * 0.66);
	}
	.two_post_on_home article .bg_img.vert_img {
		height: calc((100vw - 80px) / 2 * 1.33);
	}
	.three_post_on_home article .bg_img {
		height: calc((100vw - 120px) / 3 * 1.33);
	}
}

@media only screen and (max-width: 1000px) {
	.showMobileMenu {
		display: block !important;
	}
	#nav-icon.open span {
		width: 30px;
		/* left: 300px !important; */
		height: 1px;
	}
	#searchform {
		display: none;
	}
	.menu-logged_in-container {
		display: none;
		position: fixed;
		top: 132px;
		z-index: 99999;
		width: calc(100vw - 0px);
		padding-top: 60px;
		height: 120vh;
	}
	#nav-icon {
		display: block;
		width: 25%;
		z-index: 999;
		left: 0;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
		transition: 0.25s ease-in-out;
	}
	#nav-icon span {
		width: 30px;
	}
	.site_nav {
		display: none;
		background-color: #dcdeb3;
		height: 100vh;
		position: absolute;
		left: 0;
		max-width: 350px;
		padding-top: 120px;
	}
	#menu-main {
		flex-direction: column;
	}
	.socials_mobile,
	.privacy_mobile,
	.searchform_mobile {
		display: flex;
		flex-direction: column;
		margin-left: 20px;
		margin-right: 20px;
	}
	.socials_mobile {
		padding-top: 20px;
		padding-bottom: 20px;
		border-top: 0.5px solid #69603a;
		border-bottom: 0.5px solid #69603a;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.searchform_mobile #searchform {
		display: block;
		border-bottom: 0.5px solid #69603a;
		margin-bottom: 20px;
	}
	.searchform_mobile #searchform input:focus {
		border-bottom: unset;
	}
	.searchglass {
		width: 18px;
	}
	#search-icon {
		padding-left: 0px;
	}
	.searchform_mobile #searchform input::placeholder {
		color: #69603a !important;
	}
	.menu-logged_in-container.showMobileLoggedInMenu {
		display: block !important;
	}
	.header_top_wrapper {
		width: calc(100vw - 20px);
		padding-right: 20px;
	}
	#menu-logged_in {
		flex-direction: column;
		text-align: center;
	}
	#menu-logged_in li {
		margin-bottom: 40px;
	}
	.menu-item-349 {
		border: 1px solid #69603a;
		width: fit-content;
		margin: 0 auto;
		padding: 5px 20px;
		border-radius: 30px;
	}
	.socials_mobile p,
	.privacy_mobile {
		font-size: 14px;
		color: #69603a;
	}
	#menu-main li a {
		color: #69603a;
		font-size: 16px;
		font-size: 14px;
		line-height: 170%;
		text-transform: capitalize;
	}
	.showMobileMenu a::after {
		background-color: #69603a;
	}
}

@media only screen and (max-width: 900px) {
	.archive-list-items .item {
		width: calc((100% - 40px) / 2);
		margin-bottom: 20px;
	}
	.upper_header {
		/* border-top: 26px solid #5E301F; */
	}
	.two_post_on_home article .bg_img h2,
	.three_post_on_home .bg_img h2 {
		font-size: 24px;
		line-height: 24px;
	}
	.three_post_on_home article .bg_img {
		height: 40vw;
		height: calc((100vw - 40px) / 3 * 1.33);
	}
	.post-third {
		width: calc((100% - 40px) / 3);
	}
	.post-half {
		width: calc(50% - 10px);
	}
	/* .similar-posts a, .nouveau-posts a, .home-horizontal-block2 a {
    width: calc((100vw - 100px) / 4);
  }
  .similar-posts .related-posts-grid > :nth-child(5),
  .nouveau-posts .related-posts-grid > :nth-child(5),
  .home-horizontal-block2 .related-posts-grid > :nth-child(5) {
    display: none;
  }
  .similar-posts img, .nouveau-posts img {
    height: 18vw;
  } */
	.wp-block-table {
		overflow-x: auto; /* Allow horizontal scroll */
		-webkit-overflow-scrolling: touch; /* Smooth on mobile */
	}

	.wp-block-table table {
		width: 1200px; /* Fixed table width */
		min-width: 1200px; /* Prevent shrinking */
	}
	.archive-list-items .item img {
		height: calc((100vw - 80px) / 2 * 1.33);
	}
}
@media only screen and (max-width: 850px) {
	.related-posts-grid {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding: 0 20px; /* space for centering */
		-webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
		gap: 20px;
		padding: 0 20px; /* so we can see partial items */
	}

	.related-post-card {
		flex: 0 0 80%; /* width bigger than screen to center */
		scroll-snap-align: center;
		box-sizing: border-box;
	}
	.related-posts-dots {
		display: flex;
	}

	/* Optional: hide ugly scrollbar on mobile */
	.related-posts-grid::-webkit-scrollbar {
		display: none;
	}
	.related-posts-grid {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding: 0 20px;
		-webkit-overflow-scrolling: touch;
		gap: 20px;
		padding: 0 20px;
	}

	.related-post-card {
		flex: 0 0 50%;
		scroll-snap-align: center;
		box-sizing: border-box;
	}

	.related-posts-grid::-webkit-scrollbar {
		display: none;
	}
	.home-horizontal-block img,
	.similar-posts img,
	.nouveau-posts img,
	.home-horizontal-block2 img {
		height: 55vw;
		height: calc(100vw / 1.7);
		height: calc((100vw - 60px) / 2 * 1.33);
	}
	.custom-discussion-dexpert,
	.discussion-dexpert {
		border-radius: 0px;
		box-shadow: inset 0px -20px 20px 10px #f5f5f5;
		padding: 80px 40px;
	}
	.discussion-dexpert img {
		width: 42%;
		object-fit: contain;
		align-self: baseline;
	}
	.custom-discussion-dexpert-wrapper-txt p {
		font-size: 26px;
		line-height: 33px;
	}
	.similar-posts a,
	.nouveau-posts a,
	.home-horizontal-block2 a {
		/* width: calc((100vw - 115px) / 5); */
		width: 100%;
	}
}
@media only screen and (max-width: 750px) {
	.popup_wrapper {
		flex-direction: column;
	}
	.popup_wrapper .popup_left,
	.popup_wrapper .popup_right {
		width: 100%;
	}
	.popup_left {
		padding-left: 0px;
		padding-right: 0px;
	}
	.popup_left h1,
	.popup_left p,
	.popup_left h2,
	.popup_left a {
		max-width: 260px;
		text-align: center;
		margin: 0 auto;
	}
	.custom-scrollblock,
	.scrollblock {
		flex-direction: column;
		gap: 0px;
	}
	.scrollblock_content {
		max-width: unset;
	}
	.popup_left h2 {
		margin: 30px auto 20px;
		border: 1px solid #5e301f !important;
		padding: 25px;
		width: 100%;
		max-width: 450px;
	}
}

@media only screen and (max-width: 650px) {
	.footer_nav {
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}
	.footer_nav a {
		width: fit-content;
		margin: 0 auto;
		margin-bottom: 5px;
	}
	.page_header h1 {
		text-align: center;
		margin: 0 auto;
		margin-bottom: 20px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.single-post .page_header h1 {
		margin: 0 auto;
		margin-bottom: 20px;
		max-width: calc(100vw - 75px);
	}
	.page-template-template-lessentielAume .page_header {
		text-align: center;
	}
	.archive-list-items .item img {
		height: 55vw;
	}
	.archive-list-items {
		padding-left: 0px;
		padding-right: 0px;
	}
	.page-lessentiel-aume .archive-list-items {
		padding-left: 20px;
		padding-right: 20px;
	}
	.page-template-template-mesFavoris .page_header {
		flex-direction: column;
	}
	.page-template-template-mesFavoris .the_filters {
		margin: 0 auto;
		margin-bottom: 20px;
	}

	div.uimob800 .um-account-main {
		width: 100%;
		max-width: unset;
		padding-left: 0px;
	}
	/* .similar-posts a, .nouveau-posts a, .home-horizontal-block2 a {
    width: calc((100vw - 80px) / 3);
  }
  .similar-posts .related-posts-grid > :nth-child(4),
  .nouveau-posts .related-posts-grid > :nth-child(4),
  .home-horizontal-block2 .related-posts-grid > :nth-child(4){
    display: none;
  } */
	.two_post_on_home article .bg_img h2,
	.three_post_on_home .bg_img h2 {
		font-size: 24px;
		line-height: 26px;
		width: calc(100% - 80px);
		left: 20px !important;
	}
	/* .similar-posts img, .nouveau-posts img {
    height: 24vw;
  } */

	.related-post-card {
		flex: 0 0 80%;
		scroll-snap-align: center;
		box-sizing: border-box;
	}
	.home-horizontal-block img,
	.similar-posts img,
	.nouveau-posts img,
	.home-horizontal-block2 img {
		height: 75vw;
		height: calc(100vw / 1.05);
		height: calc(72vw * 1.33);
	}
	.post-third {
		width: 100%;
		margin-bottom: 20px;
	}
	.three_post_on_home article .bg_img {
		height: calc(100vw * 0.66);
	}
	.three_post_on_home article .bg_img.mobile_is_long {
		height: calc(100vw * 1.33);
	}
	.article_excerpt {
		max-width: 450px !important;
	}
	.wp-block-table .has-fixed-layout {
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.expert-uploaded-image {
		width: calc(50% - 20px);
		padding-right: 20px;
		object-fit: contain !important;
		padding-top: 20px;
		align-self: baseline;
	}
	.archive-list-items h3,
	.archive-list-items h3 a {
		font-size: 20px;
		line-height: 22px;
	}
	#menu-main li a {
		font-size: 14px;
		line-height: 170%;
	}
	.home .container {
		padding: 0px;
	}
	.home .home-horizontal-block2 {
		width: unset;
	}
	.home article .bg_img {
		/* padding:20px; */
	}
	.home article .intro_card {
		/* margin-left: 20px;
      margin-right: 20px; */
	}
	.home .flex_title {
		max-width: calc(100% - 40px);
		margin: 0 auto;
		text-align: center;
	}
	.home .flex_title h2,
	.home .flex_title p {
		margin: 0 auto;
		width: 100%;
	}
	.home .related-posts-dots {
		margin-top: 8px;
		margin-bottom: 20px;
	}
	.nouveau-posts .meta,
	.home-horizontal-block2 .meta,
	.home-horizontal-block .meta {
		margin-top: 5px;
		margin-bottom: 3px;
	}
	.home .home-horizontal-block .title_wrapper {
		flex-direction: column;
		padding-left: 20px;
		padding-right: 20px;
	}
	.home .home-horizontal-block .title_wrapper h2,
	.home .home-horizontal-block .title_wrapper p {
		align-self: center;
	}
	.home #infinite_products {
		padding-left: 20px;
		padding-right: 20px;
	}
	.post_intro_mobile,
	.post_intro_mobile_multiple {
		display: flex;
	}
	.one_img_long_bg_img,
	.one_img_short_bg_img,
	.two_bg_img,
	.four_bg_img {
		display: none;
	}
	.custom-abonner {
		box-shadow: inset 0px 20px 20px -5px #f5f5f5, inset 0px -20px 20px -5px #f5f5f5;
		border-radius: unset;
	}

	.related-posts-grid .info {
		max-width: 100%;
	}
	.info h3 {
		max-width: 94%;
		margin: unset;
		margin-top: 5px;
	}
	.home .article_excerpt {
		width: calc(100% - 60px);
		padding-right: 20px;
	}
	.abonner-image-before,
	.abonner-image-after {
		width: 100%;
	}
	.custom-abonner {
		padding: 15px;
	}
	.home_bottom_infinite_posts .topline {
		margin-top: 0px;
	}
	#infinite_products .item .wrap_inf_prod {
		/* width: 50vw; */
		margin-left: 15px;
		align-content: center;
	}
	.you-might-also-like h2 {
		text-align: center;
	}
	.upper_header p,
	.upper_header a {
		color: #dad47a;
		font-size: 13px;
	}
	.single-post .container {
		padding: 20px 0px;
	}
	.single-post .container .wp-block-heading,
	.single-post .container p,
	.single-post .scrollblock {
		padding: 0px 20px;
	}
	.single-post .scrollblock_content h1,
	.single-post .scrollblock_content h2,
	.single-post .scrollblock_content h3,
	.single-post .scrollblock_content h4,
	.single-post .scrollblock_content p {
		padding: 0px !important;
	}
	.single-post .wp-block-image figcaption {
		padding: 0px 20px;
	}
	.custom-quote {
		border-radius: unset;
		padding: 15px;
		box-shadow: inset 0px -20px 20px -10px #f5f5f5, inset 0px 20px 20px -10px #f5f5f5;
	}
	.discussion-dexpert {
		box-shadow: inset 0px -20px 20px -10px #f5f5f5, inset 0px 20px 20px -10px #f5f5f5;
	}
	.wp-block-table table {
		box-shadow: inset 0px -20px 20px -10px #f5f5f5, inset 0px 20px 20px -10px #f5f5f5 !important;
		padding: 40px 20px !important;
	}
	.custom-expert {
		box-shadow: inset 0px -20px 20px -10px #f5f5f5, inset 0px 20px 20px -10px #f5f5f5;
		padding: 20px;
		border-radius: unset;
	}
	.expert-image-before,
	.expert-image-after {
		width: 100%;
	}
	/* .expert-uploaded-image, .expert-info-wrapper{
    width:100% !important;
  }
  .expert-total-wrapper{
    margin-top: 0px;
    margin-bottom: 0px;
  } */
	.product-highlight {
		box-shadow: inset 0px -20px 20px -10px #f5f5f5, inset 0px 20px 20px -10px #f5f5f5;
		padding: 40px 20px;
	}
	.wp-block-list {
		padding-left: 36px;
		padding-right: 20px;
	}
	.single-post .topline p {
		padding: unset;
	}
	.discussion-dexpert .custom-discussion-dexpert-wrapper-txt p {
		padding: 0px;
	}
	.custom-scrollblock,
	.scrollblock {
		margin-bottom: 0px;
		margin-top: 20px;
	}
	article .bg_img {
		height: calc(100vw * 0.66);
	}
	.you-might-also-like .meta {
		padding: unset !important;
	}
	.three_post_on_home .vert_becomes_hor_show {
		display: block !important;
	}
	.three_post_on_home .vert_becomes_hor_hide {
		display: none !important;
	}
	.two_post_on_home .um-clear a,
	.three_post_on_home .um-clear a {
		/* right: 20px !important; */
	}
	.post-half {
		width: 100%;
		margin-bottom: 20px;
	}
	.two_post_on_home article .bg_img {
		height: calc(100vw * 0.66);
	}
	.two_post_on_home article .bg_img.mobile_is_long {
		height: calc(100vw * 1.33);
	}
	.two_post_on_home .um-clear a,
	.three_post_on_home .um-clear a {
		margin-right: 20px;
	}
	.one_img_long_bg_img_mobile,
	.one_img_short_bg_img_mobile,
	.post_intro_mobile_multiple {
		display: flex !important;
		height: calc(100vw * 0.66);
		min-height: unset;
	}
	.one_img_long_bg_img_desktop,
	.one_img_short_bg_img_desktop {
		display: none !important;
	}
	.post_intro_mobile_multiple .intro_card {
		margin-left: calc((100% - 420px) / 2);
	}
	.post_intro_mobile_multiple .intro_card {
		display: none;
	}
	.multiple_img_show_title_bubble_mobile {
		display: block;
	}
	.multiple_img_show_title_bubble_mobile h1 {
		text-align: left;
		margin: 20px 20px 10px 0px !important;
		max-width: unset !important;
	}
	.multiple_img_show_title_bubble_mobile .um-clear a {
		float: right;
		position: relative;
		top: -55px;
	}
}
@media only screen and (max-width: 600px) {
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0pc !important;
	}
}

@media only screen and (max-width: 550px) {
	.archive-list-items .item {
		width: 100%;
		margin-bottom: 20px;
	}
	article .intro_card {
		margin-left: 10px;
		margin-right: 10px;
		width: unset;
		max-width: unset;
	}
	.page-template-template-lessentielAume .archive-list-items .item img {
		height: 55vw;
		width: calc(100vw - 40px);
	}

	.custom-discussion-dexpert,
	.discussion-dexpert {
		padding: 40px 30px 80px 30px;
	}
	.custom-discussion-dexpert-wrapper-txt {
		padding-left: 20px;
	}
	.discussion-dexpert img {
		width: 30%;
	}
	.custom-discussion-dexpert-wrapper-txt p {
		font-size: 23px;
		line-height: 27px;
	}
	.home .two_post_on_home .extras,
	.home .three_post_on_home .extras {
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
	}
	.home .two_post_on_home .um-clear a {
		/* margin-right: 20px;
    margin-top: -28px; */
	}
	.home .three_post_on_home .um-clear a {
		margin-right: 20px;
		margin-top: -10px;
	}
	.home .article_excerpt {
		text-align: left;
		max-width: unset !important;
	}
	.home .home-horizontal-block2 {
		padding: 20px 0px 20px 20px;
	}
	.home #infinite_products .item {
		display: flex;
	}
	#infinite_products .item .wrap_info_img {
		width: 32vw;
		display: block;
	}
	#infinite_products .item .wrap_info_img img {
		width: 32vw;
		height: 32vw;
		display: block;
	}
	/* #infinite_products .item .wrap_inf_prod{
    width: 50vw;
    margin-left: 15px;
  } */
	#infinite_products h3 a {
		color: #353535;
		font-family: "Benton Modern D";
		font-size: 21px;
		font-style: normal;
		font-weight: 700;
		line-height: 22px; /* 95.455% */
	}
	#infinite_products .topline .um-clear a {
		margin-top: -8px;
	}
	.extras,
	.timing,
	.meta {
		font-size: 9px;
	}
	.one_post_on_home,
	.two_post_on_home,
	.three_post_on_home {
		margin-bottom: 30px;
	}
	.nouveau-posts {
		margin-bottom: 30px;
	}
	.home-horizontal-block2 {
		margin-bottom: 30px;
	}
	.custom-abonner {
		margin-bottom: 50px !important;
	}
	.archive-list-items {
		gap: 20px;
	}
	.category .archive-list-items {
		gap: 40px;
	}
	.um-user-bookmarks-button i {
		font-size: 0.75em;
	}
	.custom-discussion-dexpert-wrapper-txt p {
		font-size: 16px;
		line-height: 22px;
	}
	.two_post_on_home article .bg_img.vert_img {
		/* height: calc((100vw - 80px) / 2 * 1.33); */
		height: calc(100vw * 0.66);
	}
	.mobile_info_one_on_home {
		display: block;
		padding-left: 20px;
	}
	.mobile_info_one_on_home .article_excerpt {
		margin-left: 0px;
	}
	.mobile_info_one_on_home .um-clear {
		float: right;
		margin-right: 20px;
		margin-top: -28px;
	}
	/* .one_post_on_home .intro_card .extras, .one_post_on_home .intro_card .um-clear{
    display:none;
  } */
	.one_post_on_home .intro_card {
		display: none;
	}
	.bubble_oneonhome_formobile {
		display: block;
		font-family: "Benton Modern D";
		font-size: 22px;
		font-style: normal;
		font-weight: 700;
		line-height: 28px;
		text-transform: inherit;
		letter-spacing: 0.2px;
		line-height: 22px;
		text-shadow: 0.2px 0.2px 3px rgb(0, 0, 0, 0.25);
		padding: 15px 20px;
		color: #f6f6d6 !important;
		text-align: center;
		width: 100%;
		/* font-size: 35px; */
		/* line-height: 35px; */
		margin: 0 auto;
		height: fit-content;
		width: calc(100% - 70px);
		align-self: self-end;
		padding: 15px;
		margin-bottom: 20px;
		border-radius: 60px;
		box-shadow: inset 0px 0px 5px 5px #dcdeb3;
		background-color: rgba(0, 0, 0, 0.08);
		backdrop-filter: blur(3px);
		border-radius: 50px;
		background: rgba(50, 39, 21, 0.2);
		box-shadow: 0 0 10px 1px rgba(246, 246, 214, 0.4) inset, 0 0 15px 8px #dcdeb3 inset;
		backdrop-filter: blur(6px);
		margin: unset !important;
		margin-left: 20px !important;
		margin-bottom: 20px !important;
	}
	.one_post_on_home a {
		width: 100%;
		position: absolute;
	}
	.one_post_on_home .um-clear a,
	.two_post_on_home .um-clear a,
	.three_post_on_home .um-clear a {
		width: unset;
	}
	.one_post_on_home a::after {
		display: none;
	}
	.one_post_on_home .two_ftr_images {
		align-items: end;
	}
	.three_post_on_home h2 {
		text-align: left;
		padding-left: 20px;
	}
	.vert_becomes_hor_show {
		display: block !important;
	}
	.vert_becomes_hor_hide {
		display: none !important;
	}
	.two_post_on_home .um-clear a {
		top: -35px !important;
	}
	.three_post_on_home .um-clear a {
		top: -20px !important;
	}
	#infinite_products .item .wrap_inf_prod {
		width: 100%;
	}
	.one_post_on_home h2 {
		position: relative;
		top: -10px;
	}
	.category .archive-list-items .item img {
		width: 32vw;
		height: 32vw;
	}
	.category .archive-list-items .item .no_after_hover {
		width: 32vw;
	}
	.category .archive-list-items .item {
		display: flex;
	}
	.category .archive-list-items .combined_info,
	.category .archive-list-items .wrap_inf_prod {
		padding-left: 20px;
		align-content: center;
	}
	.category .combined_info .topline,
	.category .wrap_inf_prod .topline {
		margin-bottom: 0px !important;
		margin-top: 0px !important;
		align-items: center !important;
	}
	.category .archive-list-items .item {
		margin-bottom: 0px;
	}
}
@media only screen and (max-width: 520px) {
	.intro_card {
		margin-left: calc((100vw - 370px) / 2) !important;
		width: 250px;
	}
}
@media only screen and (max-width: 450px) {
	.custom-discussion-dexpert,
	.discussion-dexpert {
		/* flex-direction: column-reverse; */
	}
	.discussion-dexpert img {
		/* width: 75%;
    margin: 0 auto; */
	}
	.custom-discussion-dexpert-wrapper-txt {
		/* width: 100%;
    padding-left: 0px !important;
    margin-bottom: 40px; */
	}
	.expert-total-wrrapper {
		/* flex-direction: column; */
	}
	/* .expert-uploaded-image{
    width:80%;
    margin:0 auto;
  }
  .expert-info-wrapper {
    width: 85%;
    margin: 0 auto;
  } */
	.expert-title {
		margin-left: 0px !important;
	}
	.category .archive-list-items .item {
		width: 100%;
	}
	.category .archive-list-items .item a {
		width: 100%;
	}
}
@media only screen and (max-width: 430px) {
	.logininfo p,
	.logininfo a {
		font-size: 10px;
	}
	.site_logo a {
		width: 125px;
	}
	.header_top_wrapper .site_logo {
		width: 43%;
	}
	article .intro_card {
		background-color: #f6f6d6;
		padding: 30px 20px;
	}
}
@media only screen and (max-width: 380px) {
	#nav-icon.open span {
		left: 80vw !important;
	}
	.header_top_wrapper {
		width: calc(100vw - 10px);
		padding-right: 10px;
	}
	.expert-uploaded-image {
		width: calc(40% - 20px);
	}
	.expert-info-wrapper {
		width: 60%;
	}
	.category .archive-list-items .item img {
		width: 25vw;
		height: 25vw;
	}
	.category .archive-list-items .item .no_after_hover {
		width: 25vw;
	}
}
@media only screen and (max-width: 330px) {
	#nav-icon {
		width: 18%;
	}
	.header_top_wrapper .logininfo {
		width: 30%;
	}
}