/* 
Theme Name: Child Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Zahab
Author URI: https://toffeedev.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Header Stay */
.header-fix-custom {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}

.header-fix-custom.visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}


/*  */

span.trade-b {
	font-weight:900;
	font-family:"Trade Gothic Next LT Pro Regular", Sans-serif !important;
}

/* Experiences */
.row-experiences {
    display:flex;
    justify-content:space-between;
    flex-wrap:nowrap;
    gap:100px;
}

.tab-experiences{
    width:70%;
    /* background:red; */
    display:flex;
    flex-flow:column;
    justify-content:space-between;
}

.tab-experiences ul{
    width:100%;
    gap:120px;
}

.tab-experiences ul:nth-child(2){
/*     margin-left:2em; */
	justify-content:space-between;
	flex-wrap:nowrap;
}

.tab-experiences ul:nth-child(1),
.tab-experiences ul:nth-child(3){
/*     margin-left:10em; */
	justify-content:center;
}

.tab-experiences ul li a{
    display:flex;
    align-items:center;
    gap:20px;
    transition:.8s;
}

.tab-experiences ul li:hover a{
    padding-left:40px;
}
.tab-experiences ul:nth-child(1) li:nth-child(2):hover a,
.tab-experiences ul:nth-child(2) li:nth-child(3):hover a,
.tab-experiences ul:nth-child(3) li:nth-child(2):hover a{
    padding:8px 16px;
}

.tab-experiences ul li:hover a p{
    font-style:italic;
}

.tab-experiences ul li a p{
    color:#000;
    font-size:32px;
}

.tab-experiences ul li a img{
    height:20px;
}

.content-experiences{
    width:30%;
    height:340px;
}

.content-experiences div{
    height:100%;
}

.content-experiences img{
    width:100%;
    height:100%;
    object-fit:cover;
}
/* Product Page */
.nav.tab-product{
    justify-content:center;
    margin-bottom:2em;
    gap:20px;
}

.nav.tab-product li{
    padding:0;
}

.nav.tab-product li a{
    border:1px solid #000;
    background:transparent;
    transition:.2s;
    color:#000;
    text-transform:uppercase;
    padding:10px 30px;
}

.nav.tab-product li a.active.show,
.nav.tab-product li a:hover{
    background:#000;
    color:#fff;
}
/*  */

a.product-card{
	display:inline-block;
	margin-bottom:30px;
}

a.product-card:hover {
    text-decoration:none;
}

a.product-card .product-img{
    height:30vw;
    width:100%;
}

a.product-card .product-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/*  */
a.product-card .product-content {
    margin-top:1em;
    text-align:left;
}

a.product-card .product-content h3{
    color:#191919;
	margin-top:.5em;
    text-transform:uppercase;
}

a.product-card .product-content p.category{
    color:#191919;
    padding:3px 15px;
    border:1px solid #19191990;
    display:inline-block;
    margin:10px 0 !Important;
    font-style:italic;
    font-family:lora;
	font-size:14px;
}

a.product-card .product-content p.desc{
    color:#191919;
    font-family:lora;
    font-size:16px;
    margin-top:10px !Important;
}

/* Testimoni */
.item.card-testi{
    padding:2rem;
    background:#f0e6de;
    display:flex;
    flex-flow:column;
    align-items:center;
    gap:1rem;
	height:575px;
	justify-content:flex-start;
}

img.testi-photo {
    width:80px !important;
    height:80px;
    margin:auto;
    margin-bottom:20px;
	margin-top:0;
    border-radius:100%;
}

.testi-content{
    text-align:center;
    color:#000;
}

img.testi-logo {
    width:60px !important;
    height:60px;
    margin:auto;
    margin-bottom:20px;
    border-radius:100%;
}

.testi-review{
    height:20px !important;
    width:auto !Important;
}

.item.card-testi h3{
    color:#000;
	text-align:center;
	font-weight:700;
}

.item.card-testi p{
	text-align:center;
	font-family:"Trade Gothic Next LT Pro Light", Sans-serif;
}
.item.card-testi p.testi-content {
   	font-family:"Loretta Regular", Sans-serif;
}
/* Responsive */

@media only screen and (max-width: 1000px){
	
}

@media only screen and (max-width: 768px) {
	.row{
		width:100% !Important;
		margin:auto !important;
	}
	
	a.product-card .product-img{
		height:60vw;
		width:100%;
	}
	
	/* Experiences */
	.row-experiences {
    	gap:0;
		flex-flow:column;
	}
	.content-experiences{
		width:100%;
		margin-top:30px;
	}

	.tab-experiences{
		width:100%;
	}

	.tab-experiences ul{
		gap: 5px;
		flex-wrap: nowrap;
	}

	.tab-experiences ul li a p{
		font-size:16px;
	}

	.tab-experiences ul li a img{
		height:15px;
	}

	.tab-experiences ul li a{
		gap:7px
	}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

@media only screen and (max-width: 480px) {
	/* Testimoni */
	.item.card-testi{
		height:unset;
	}
	
	/* logo after title */
	.after-logo h2::after {
		margin-top:0px;
	}

}