/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*  */

/* Fonts */

@font-face {
    font-family: 'cochin';
    src: url(fonts/cochin/cochin-webfont.woff2), format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'forumregular';
    src: url(fonts/forum/forum-regular-webfont.woff2), format('woff2');
    font-weight: normal;
    font-style: normal;
}

.cochin {
    font-family : "cochin";
    }
    
    .forum h2{
    font-family : "forumregular";
    }

.svg-mushroom::before {
    position: absolute;
    content: "";
    height: 85%;
    width: 25%;
    top: 0;
    background-repeat: no-repeat;
    filter: invert(100%) sepia(0%) saturate(4198%) hue-rotate(191deg) brightness(87%) contrast(93%);
    opacity: .2;

}

.svg-mushroom-1::before {
    background-image: url("assets/champi-1.svg");

}

.svg-mushroom-2::before {
    background-image: url("assets/champi-2.svg");

}

.mushroom-left::before {
    left: -190px;
    transform: rotate(20deg);
}

.mushroom-right::before {

}

.img-shadow {
    margin-top: -100px;
filter: drop-shadow(1rem 1rem 0 rgba(242, 199, 159, 0.1));
}

/* See logo header only when scroll */
.header.transparent .logo {
display:none;
}

.header *, .header .nav li a {
font-family : "cochin";
}

.header .cart-img-icon {
filter: invert(1);
}

p, blockquote {
font-family: "cochin";
}

.team-diaphanes .box-image-inner {
  border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border: 10px solid #4E3C15;
}

/** Fonds de site **/

html:has(.home) {
    background-image: url("https://www.dyaphane-magazine.fr/wp-content/uploads/2025/04/accueil-scaled.jpeg");
	background-size: cover;
}
html:has(.class-background-about) {
    background-image: url("https://www.dyaphane-magazine.fr/wp-content/uploads/2025/04/infos-magazine-scaled.jpeg");
	background-size: cover;
}

html:has(.post-type-archive-product) {
	background-image: url("https://www.dyaphane-magazine.fr/wp-content/uploads/2025/04/boutique.jpeg");
	background-size: cover;
}

html:has(.class-background-contact) {
	background-image: url("https://www.dyaphane-magazine.fr/wp-content/uploads/2025/04/contact-scaled.jpeg");
	background-size: cover;
}

html:has(.blog) {
    background-image: url("https://www.dyaphane-magazine.fr/wp-content/uploads/2025/04/blogg-scaled.jpeg");
	background-size: cover;
}

html:has(.home) #wrapper,
html:has(.blog) #wrapper,
html:has(.class-background-about) #wrapper,
html:has(.post-type-archive-product) #wrapper,
html:has(.class-background-contact) #wrapper {
	margin: 60px;
	overflow: hidden;
	background: transparent;
}

html:has(.home) #main {
	background: transparent;
}

html:has(.blog) #main,
html:has(.class-background-contact) #main,
html:has(.post-type-archive-product) #main, 
.shop-page-title {
	background : rgba(255, 255, 255, .95);
}

/** mini cart vide image **/
.ux-mini-cart-empty-icon {
	display : none;
}

/** fin des fonds de site **/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
html:has(.home) #wrapper,
html:has(.blog) #wrapper,
html:has(.class-background-about) #wrapper,
html:has(.post-type-archive-product) #wrapper,
html:has(.class-background-contact) #wrapper {
	margin: 20px;
}

}