/*!
Theme Name:   Elena Wagyu Project
Author:       Web Arts Guys
Author URI:   https://web-arts.bg
Description:  This is the main WP Theme for  Elena Wagyu Project. The theme is created and customized for Elena Wagyu and meets their requirements at highest level.
Version:      1.1
Requires PHP: 7.0.0
License:      Private
Text Domain:  ElenaWagyutheme
Tags:         ElenaWagyu, Customized, WebArtsGuys

Colors: #40c023,	#2b5f1f		#ffa827	
		Light green	Dark Green	Light Orange
*/


/* --- Animations --- */

.slide-in-bck-bottom.active {
	-webkit-animation: slide-in-bck-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bck-bottom 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.scale-in-center.active {
	-webkit-animation: scale-in-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-bottom.active {
	-webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.slide-top.active {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes typing {
	from { width: 0 }
	to { width: 100% }
}

@-webkit-keyframes slide-in-bck-bottom {
	0% {
		-webkit-transform: translateZ(700px) translateY(300px);
				transform: translateZ(700px) translateY(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0) translateY(0);
				transform: translateZ(0) translateY(0);
		opacity: 1;
	}
}
@keyframes slide-in-bck-bottom {
	0% {
		-webkit-transform: translateZ(700px) translateY(300px);
				transform: translateZ(700px) translateY(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0) translateY(0);
				transform: translateZ(0) translateY(0);
		opacity: 1;
	}
}

@-webkit-keyframes scale-in-center {
	0% {
	  -webkit-transform: scale(0);
			  transform: scale(0);
	  opacity: 1;
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  opacity: 1;
	}
  }

@keyframes scale-in-center {
	0% {
	  -webkit-transform: scale(0);
			  transform: scale(0);
	  opacity: 1;
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	  opacity: 1;
	}
}

@-webkit-keyframes slide-bottom {
	0% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	100% {
	  -webkit-transform: translateY(100px);
			  transform: translateY(100px);
			  opacity: 1;
	}
}

@keyframes slide-bottom {
	0% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	100% {
	  -webkit-transform: translateY(100px);
			  transform: translateY(100px);
			  opacity: 1;
	}
}

@-webkit-keyframes slide-top {
	0% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	100% {
	  -webkit-transform: translateY(-100px);
			  transform: translateY(-100px);
			  opacity: 1;
	}
}
@keyframes slide-top {
	0% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	}
	100% {
	  -webkit-transform: translateY(-100px);
			  transform: translateY(-100px);
			  opacity: 1;
	}
}

@keyframes drawBorder {
    0% {
        width: 0;
        height: 0;
    }
    50% {
        width: calc(100% + var(--borderWidth));
        height: 0;
    }
    100% {
        width: calc(100% + var(--borderWidth));
        height: calc(100% + var(--borderWidth));
    }
}

/* --- Global variables --- */
:root{
	--main-primary-color: #1e1e1e;
	/* --main-secondary-color: #e63c24; */
	--main-secondary-color: #ff472c;
	--main-gray-color: #8f8f8f;
	--swiper-theme-color: #2275BC;
	--borderWidth: 2px;
  }

/* --- Reset settings --- */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
table { border-collapse: collapse; border-spacing: 0;}
table th, table td{padding: 10px; border: 1px solid #fff;}


/* --- General settings --- */
html, body {min-height: 100%; scroll-behavior: smooth; font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
body{margin: 0; padding: 0; color: #fff ; background: var(--main-primary-color);}
html, body, p{font-weight: 300;}

h1 {font-size: 1.95em; line-height: 1.25em; margin: 0.67em 0;}
h2 {font-size: 1.65em; line-height: 1.25em; margin: 0.83em 0; font-weight: 700;}
h3 {font-size: 1.30em; line-height: 1.25em; margin: 1.00em 0; font-weight: 700;}
h4 {font-size: 1.15em; line-height: 1.25em; margin: 1.33em 0; font-weight: 700;}
h5 {font-size: 0.75em; line-height: 1.25em; margin: 0.67em 0; font-weight: 700;}
h6 {font-size: 0.55em; line-height: 1.25em; margin: 0.67em 0; font-weight: 700;}

a{margin: 0; font: inherit; color: inherit; text-decoration: none; z-index: 3;} 
/* ul{padding: 0; list-style: none;}*/
figure {margin: 0;}
figcaption{font-size: 0.85em; text-align: center;}

/* .main{min-height: 76vh;} */
.narrow{margin: 0 auto; width: 92%; max-width: 1340px;}
.slim{margin: 0 auto; width: 92%; max-width: 1140px;}
.flexrow{display: flex; justify-content: space-between;}
.gridflow{display: grid; grid-template-columns: repeat(auto-fill, minmax(315px, 1fr)); gap: 15px 2%;}
.section{margin: 5em auto;}
/* .title{} */
/* .subtitle{} */
.button{position: relative; padding: 8px 16px; display: inline-block; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.6px; font-weight: 500; margin-top: 15px; transition: 0.2s all;}
.button.filled{color: #fff; background: var(--main-secondary-color);}
.button.filled:hover{background: var(--main-primary-color);}
.button.outlined{color: var(--main-secondary-color); border: var(--borderWidth) solid transparent;}
.button.outlined:hover{color: #fff;}

.button:after,.button:before{content:'';position:absolute;width:0;height:0;opacity:0}
.button:before{top:calc(-1 * var(--borderWidth));left:calc(-1 * var(--borderWidth));border:var(--borderWidth) solid var(--main-secondary-color);border-bottom-width:0;border-left-width:0}
.button:after{bottom:calc(-1 * var(--borderWidth));right:calc(-1 * var(--borderWidth));border:var(--borderWidth) solid var(--main-secondary-color);border-top-width:0;border-right-width:0}
.button:hover:after,.button:hover:before{width:calc(100% + var(--borderWidth));height:calc(100% + var(--borderWidth));opacity:1;animation:.25s drawBorder}
.button:hover:after{animation-delay:.25s;transition-delay:0.25s}

.underlinedTitle{text-transform: uppercase;}
.underlinedTitle:after{content: ''; display: block; background-color: var(--main-secondary-color); width: 90%; max-width: 130px; height: 5px;}
.center{text-align: center;} 
.center .underlinedTitle, 
.center .underlinedTitle:after{margin: 5px auto; text-align: center;}
.swiper-wrapper{padding-bottom: 35px;}
.overlay{position: relative;}
.overlay .narrow{position: relative; z-index: 2;}
.overlay:before{content: ''; position: absolute; background: #000; opacity: 0.4; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}


#entry a:not('button'), #errorPage a{font-weight: 700; color: var(--main-secondary-color);}
#entry li{margin: 10px 0;}

.parallax{background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}

.img-wrap img{width: 100%; height: 100%; object-fit: cover;}

/*
.containerGradient::before{content: '';  position: absolute; background: var(--main-primary-color); z-index: 1;}
.containerGradient.left::before{background: rgba(170,139,75,0.9); left: 0; height: 100%; width: 80%; background: -webkit-gradient(linear, right top, left top, from(rgba(170,139,75,0.9)), to(rgba(0,0,0,0))); background: linear-gradient(90deg, rgba(170,139,75,0.9) 40%, rgba(0,0,0,0) 100%);}
*/


/* === Header === */
#header{width: 100%; margin: 0; font-size: 0.8em; position: fixed; top: 0; left: 0; right: 0; z-index: 10; padding: 10px 0; transition: 0.3s all;}
#header .headerBar{align-items: center;}
#header.scrolled{background: var(--main-primary-color); /* background: rgba(0,0,0,0.5); */}
#header .logo{height: 70px;}
#header .logo img{width: auto;}
/* #header .title .htag{ margin: 0; line-height: normal; } */
/* #header .title .slogan{ font-size: 0.75em; text-transform: uppercase; line-height: normal; } */
/* #header .desc{flex: 0 0 250px; margin: 10px 0; text-align: right; font-size: 1em; text-transform: uppercase; line-height: normal; } */

#nav{display: flex; justify-content: space-between; align-items: center;}
#nav .menu{display: flex; justify-content: space-between; align-items: center; list-style-type: none; margin: 0; padding: 0; flex-flow: row nowrap;}
#nav .menu .menu-item{flex-grow: 1; text-align: center; margin: 5px; transition: all 0.3s ease-out; color: #fff;}
#nav .menu .menu-item a{display: block; text-decoration: none; font-weight: 500; letter-spacing: 0.5px; color: inherit; padding: 5px 8px;}
#nav .menu .menu-item.shop a{fotn-size: 1.2; text-transform: uppercase; color: var(--main-secondary-color);;}
#nav .menu .menu-item:hover,
#nav .menu .menu-item.current-menu-item{color: var(--main-secondary-color);}
#nav .menu .first-menu-item{margin-left: 0;}
#nav .menu .last-menu-item{margin-right: 0;}


#nav .menu-item.hidden{display: none;}
#nav .menu-item.new{position: relative;}
#nav .menu-item.new:before{position: absolute; top: 0; transform: translateY(-50%); font-size: 12px; background: #ff0000; padding: 3px 5px; border-radius: 2px; color: #fff !important; font-weight: 700; right: -15px;}
#nav .menu-item.new.bg:before{content: 'НОВО';}
#nav .menu-item.new.en:before{content: 'NEW';}

/*
#nav .menu-item.flag a:after{content: ''; display: inline-block; position: relative; height: 12px; width: 18px; margin-left: 5px; background-repeat: no-repeat; background-size: contain; background-position: center center;}
#nav .menu-item.flag.en a:after{background-image: url(https://cdn.wpml.org/wp-content/plugins/sitepress-multilingual-cms/res/flags/en.png);}
#nav .menu-item.flag.bg a:after{background-image: url(https://cdn.wpml.org/wp-content/plugins/sitepress-multilingual-cms/res/flags/bg.png);}
*/


	/* --- Hamburger --- */
#hamburger{display: none; background: none; outline: 0; border: 0; border-top: 5px solid #fff; border-bottom: 5px solid #fff; width: 46px; height: 34px; position: relative; font-size: 0px; color: #080357; transition: border 0.1s ease-out; z-index: 10; cursor: pointer;}
#hamburger:before, #hamburger:after{content: ''; display: block; width: 100%; height: 5px; position: absolute; top: 50%; left: 50%; background: #fff; transform: translate(-50%, -50%); transition: transform 0.3s ease; z-index: 120;}
#hamburger.active:before{transform: translate(-50%, -50%) rotate(45deg); transition-delay: 0.2s; }
#hamburger.active:after{transform: translate(-50%, -50%) rotate(-45deg); transition-delay: 0.2s; }
#hamburger.active{border: unset;}


/* --- Intro Image --- */
#intro{background: #fff;}
#intro .introImage{position: relative; height: 100vh;}
#intro video{position: relative; height: 100vh; width: 100%; object-fit: cover;}
#intro .videoGradient::before{content: ''; position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.3); z-index: 1;}
#intro .animatedText{position: absolute; top: 90%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center; text-transform: uppercase; overflow: hidden; letter-spacing: 0.05em; animation: typing 10s steps(100, end);}
#intro .animatedText .thin{font-weight: 200;}
#intro .logo{position: absolute; top: 75%; left: 50%; transform: translate(-50%, -50%); height: 200px; z-index: 2; max-width: 100%;}
#intro .logo img{width: auto; max-width: 100%; object-fit: contain;}

#smallIntro{display: flex; height: 60vh; background-position: center; background-repeat: no-repeat; background-size: cover;}
#smallIntro .wrapper{display: flex; flex-flow: column; justify-content: flex-end; margin: 15px auto;}
#smallIntro .wrapper .subtitle{font-size: 0.94em;  letter-spacing: 0.4px; max-width: 780px; font-weight: 300; text-transform: capitalize;}


/* === Breadcrumbs === */
#breadcrumbs{display: flex; flex-flow: row wrap; list-style: none; padding: 0; margin-top: 0; font-size: 0.75em; letter-spacing: 0.4px; text-transform: uppercase;}
#breadcrumbs a{color: #fff; font-weight: 400;}
#breadcrumbs a:hover{color: var(--main-secondary-color);}
#breadcrumbs .chunk{display: inline;}
#breadcrumbs .separator{padding: 0 10px; font-size: 26px; line-height: 10px; vertical-align: sub; color: var(--main-secondary-color);}


/* === Pagination === */
.postPagination{margin: 70px auto 0; display: flex; flex: 0 0 100%; justify-content: center;}
.postPagination .page-numbers{display: flex; justify-content: space-between; width: 4vh; height: 4vh; align-items: center; justify-content: center; font-size: 1em; font-weight: 700; transition: 0.2s all ease-in-out; background: #454545; margin: 0 2px;}
.postPagination .page-numbers:hover{background: var(--main-secondary-color);}
.postPagination .page-numbers.current{background: var(--main-secondary-color);}


/* --- Article sharer --- */
.social{margin: 45px auto 60px; max-width: 980px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.social .list{list-style-type: none;display: flex; justify-content: center; flex-flow: row nowrap; padding: 10px 0; }
.social .list .item{display: inline; margin: 0 1%;}
.social .list .item .dashicons:before{font-size: 28px; width: 28px; height: 28px;}
.social .list .item a{color: var(--main-secondary-color); text-decoration: none; padding: 10px; }
.social .list .sms{display: none;}
.social .list .fb a:hover{color: #1877F2;} 
.social .list .tw a:hover{color: #1da1f2;} 
.social .list .li a:hover{color: #0077B5;} 
.social .list .wa a:hover{color: #25D366;} 
.social .list .ml a:hover{color: #0489c9;} 
.social .list .ig a:hover{color: #833AB4;} 
.social .list .yt a:hover{color: #ff0000;} 
.social .list .sms a:hover{color: #0084ff;}


/* --- Icon list with description --- */
/* .iconList{list-style: none; margin: 50px auto; display: flex; flex-flow: row wrap; padding: 0; gap: 25px 5%;} */
.iconList{list-style: none; margin: 50px auto; padding: 0; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 25px 5%;}
.iconList .item{flex: 0 0 30%; display: flex; flex-flow: column; align-items: flex-start;}
.iconList .item .icon{height: 35px; width: auto; margin-bottom: 15px;}
.iconList .item .title{font-size: 1em;  margin-right: auto;}
.iconList .item .desc{font-size: 0.9em;}
.iconList .item br{display: none;}


/* --- Sections with image background --- */
.imageBackground{position: relative; min-height: 60vh;}
.imageBackground .title{margin: 15px auto;}
.imageBackground .containerImage{position: absolute; top: 0; left: 0; width: 55%; /* 60% */ height: 100%; box-sizing: border-box;}
.imageBackground .containerImage.left{clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);}
.imageBackground .containerImage.right{clip-path: polygon(25% 0%,100% 0%,100% 100%,0% 100%); right: 0; margin-left: auto;}
.imageBackground .wrapper{position: relative; z-index: 3; width: 40%; height: 60vh; display: flex; flex-flow: column; justify-content: center;}


/* --- Steak Render Section --- */
.steakRender{position: relative;}
.steakRender .mobile{display: none;}
.steakRender .pins{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.steakRender .pins .entry{position: absolute;}
.steakRender .pins .title{margin: 10px; text-align: center;}
.steakRender .pins .line{display: block; background: var(--main-gray-color); margin: auto; position: relative;}
.steakRender .pins .line:after{content: ''; width: 10px; height: 10px; background: var(--main-gray-color); border-radius: 10px; position: absolute;}
.steakRender .pins .square{display: block; width: 70px; height: 70px; border: 2px solid var(--main-gray-color); margin: 0 auto;}
	/* --- Intramuscular fat --- */
.steakRender .pins .intramuscular{left: 23%; top: calc(10% - 100px);}
.steakRender .pins .intramuscular .line, .steakRender .pins .shimofuri .line{width: 2px; height: 110px;}
.steakRender .pins .intramuscular .line:after, .steakRender .pins .shimofuri .line:after{top: 0; left: 50%; transform: translateX(-50%);}
	/* --- Shimofuri --- */
.steakRender .pins .shimofuri{left: 53%; top: calc(10% - 100px);}	
	/* --- Subcutaneous fat --- */
.steakRender .pins .subcutaneous{/* bottom: 10%; */ right: 15%; display: flex; flex-flow: column-reverse; bottom: calc(10% - 100px);}
.steakRender .pins .subcutaneous .line{width: 2px; height: 110px;}
.steakRender .pins .subcutaneous .line:after{top: 100%; left: 50%; transform: translateX(-50%);}


/* --- Breed History Section --- */
#frontPage .breedHistory{margin: 0 auto;}
/*
#frontPage .breedHistory .containerImage{padding-right: 20%;}
#frontPage .breedHistory .containerGradient.left::before{right: 0; height: 100%; width: 100%; background: -webkit-gradient(linear, right top, left top, from(rgba(173,191,182,0.9)), to(rgba(0,0,0,0))); background: linear-gradient(270deg, rgba(173,191,182,0.9)  40%, rgba(0,0,0,0) 100%);}
*/
.iconList.fatSpecific{justify-content: space-evenly; display: flex; flex-flow: row wrap;}
.iconList.fatSpecific .item{align-items: center;}
.iconList.fatSpecific .item br{display: block;}
.iconList.fatSpecific .item .title{text-align: center; margin: 0 auto; font-weight: 300;}


/* --- Meat characteristics Section --- */
.meatCharacteristics .subtitle{width: 50%; margin: 20px auto; font-weight: 300;}


/* --- Breed export Section DELETED --- 
.breedExport .fatSpecificList{list-style: disc; width: fit-content; margin: 0 auto; text-align: left;}
.breedExport .img-wrap{position: relative;}
.breedExport .img-wrap .arrows{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.breedExport .img-wrap .arrows .entry{position: absolute;}
.breedExport .img-wrap .arrows .title{margin: auto;}
.breedExport .img-wrap .arrows .first{top: 10%; right: 10%;}
.breedExport .img-wrap .arrows .second{top: 30%; left: 90%;}
.breedExport .img-wrap .arrows .third{top: 35%; left: 10%;} */


#frontPage .imageBackground .wrapper.right{margin-left: auto;}
#frontPage .imageBackground .wrapper.left{margin-right: auto;}

/* --- About us Section --- */
#frontPage .about{}
#frontPage .about .containerImage{padding-left: 30%;}

/*
#frontPage .about .containerGradient.right::before{right: 0; height: 100%; width: 80%; background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(0,0,0,0))); background: linear-gradient(270deg, #fff 40%, rgba(0,0,0,0) 100%);}
*/

#frontPage .imageBackground .right .text{text-align: right;}
#frontPage .imageBackground .right .underlinedTitle{text-align: right;}
#frontPage .imageBackground .right .underlinedTitle:after{margin-left: auto;}


/* --- Counter Section --- */
#counter .box{display: flex; flex-flow: column; justify-content: center; align-items: center;}
#counter .box .digit{font-size: 3vmax; font-weight: 900; color: var(--main-secondary-color); }
#counter .box .text b{display: block; text-transform: uppercase; font-size: 1.3em;}


/* --- Testimonials Section --- */
#frontPage .testimonials{background-position: center; background-repeat: no-repeat; background-size: cover; padding: 4em 0; margin-bottom: 0;}
#frontPage .testimonials:before{opacity: 0.5;}
#frontPage .testimonials .title{color: #fff; position: relative; z-index: 3; margin: 10px auto;}
#frontPage .testimonialsSlider{margin: 15px auto 10px; color: #fff;}
#frontPage .testimonialsSlider .item{display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; min-height: 260px;}
#frontPage .testimonialsSlider .item .text{ width: 70%; margin: 10px 0 35px; text-align: center; font-size: 24px;}
#frontPage .testimonialsSlider .item .text blockquote{margin: 0;}
#frontPage .testimonialsSlider .item .text .signature{margin-top: 25px; font-size: 16px;}
#frontPage .testimonialsSlider .swiper-button-next,
#frontPage .testimonialsSlider .swiper-button-prev {color: #fff; top: 40%;}
#frontPage .testimonialsSlider .swiper-pagination-bullet-active {background: #fff;}


/* --- Subscribe Section --- */
#frontPage .subscribe{margin: 5em auto 3em;}
#frontPage .subscribe .desc{max-width: 70%; margin: 1em auto;}
#frontPage .subscribe input{font-size: 0.75em;}
#frontPage .subscribe .tnp-email{outline: none;}
#frontPage .subscribe .tnp-submit{background: var(--main-secondary-color); margin: 0 auto; padding: 8px 16px;}
#frontPage .subscribe .tnp-submit:hover{background: var(--main-primary-color);}


/* --- Post Aricles --- */
.section.news .button{display: block; width: fit-content; margin: 30px auto;}

.gridflow.singles{margin: 2em auto;}
.gridflow.singles .article{align-items: flex-start; text-align: left;}
.gridflow.singles .article .imageContainer{height: 300px; width: 100%;  position: relative; overflow: hidden;}
.gridflow.singles .article .textContainer{display: flex; flex-flow: column; flex-grow: 1; margin: 15px 0;}
.gridflow.singles .article .title{margin: 0 0 auto 0; font-size: 1.2em; transition: 0.3s color;}
.gridflow.singles .article:hover .title{color: var(--main-secondary-color);}
.gridflow.singles .article .date{font-size: 0.8em; margin: 5px 0;}
.gridflow.singles .article .underlinedButton{display: block; width: fit-content; margin-top: auto;}

#single li{line-height: 1.5em;}

#single .alignleft{float: left; margin-right: 20px;}
#single .alignleft + p{ margin-right: 20px;}
#single .alignright{float: right; margin-left: 20px;}
#single .simplelightbox{display: block;}
#single .entry a:not(.button){font-weight: 700; color: var(--main-secondary-color);}
#single .entry b, #single .entry strong{font-weight: 700; color: #ff472c;}
#single .simplelightbox:has(img.aligncenter){text-align: center;}

/* #entry .prodazhba-chistokruvni-wagyu-bikove-elena-wagyu .alignleft{float: left; margin-right: 20px;}
#entry .prodazhba-chistokruvni-wagyu-bikove-elena-wagyu .alignleft + p{ margin-right: 20px;}
#entry .prodazhba-chistokruvni-wagyu-bikove-elena-wagyu .alignright{float: right; margin-left: 20px;}
#entry .prodazhba-chistokruvni-wagyu-bikove-elena-wagyu .simplelightbox{display: block;}
#entry .prodazhba-chistokruvni-wagyu-bikove-elena-wagyu .entry a:not(.button){font-weight: 700; color: var(--main-secondary-color);}
#entry .prodazhba-chistokruvni-wagyu-bikove-elena-wagyu .entry b, #entry .prodazhba-chistokruvni-wagyu-bikove-elena-wagyu .entry strong{font-weight: 700;}
#entry .prodazhba-chistokruvni-wagyu-bikove-elena-wagyu .simplelightbox:has(img.aligncenter){text-align: center;} */

/* === Archive: Post & Home Page Articles === */
.gridflow.post .article{overflow: visible;}
.gridflow .article{position: relative; display: flex; flex-flow: column; align-items: center; overflow: hidden;}
.gridflow .article .image{width: 100%; height: 100%; object-fit: cover; transition: 0.3s all;}
.gridflow .article:hover .image{transform: scale(1.1);}


/* === About us Page === */
#entry .goals.imageBackground .wrapper{margin-left: auto;}

/* #entry.about .galleryWrapper */
.gallery{display: grid; grid-template-columns: repeat(auto-fit, minmax(315px, 1fr)); gap: 15px 2%;}
.gallery img{width: 100%; height: 100%; object-fit: contain;}

/* .gallery-item .gallery-icon{position: relative; height: 100%;}
.gallery img{width: 100%; height: 100%; object-fit: cover;} */


/* --- Partners Section --- */
.gridflow.logos{grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 30px 5%; /* 15px */}
#entry.about .partners .logos{list-style: none; padding: 0;}
#entry.about .partners .logos .item .link img{width: 100%; height: 100%; object-fit: contain;}


/* === Contacts Page === */
#contactPage .contactInfo {display: flex; flex-flow: row wrap; justify-content: space-between;}
#contactPage .contactInfo .article{display: flex; flex-flow: column; align-items: center; line-height: 1.5em;}
#contactPage .contactInfo .article .dashicons{width: auto; height: 50px; font-size: 3em; color: var(--main-secondary-color);}
#contactPage .contactInfo .article .title{text-transform: uppercase;}

#contactPage .contactInfo.socials{justify-content: center; gap: 0 50px;}


#contactPage .mapForm{display: flex; justify-content: space-between; gap: 2%;}
#contactPage .mapForm .item.left{flex: 0 0 60%;}
#contactPage .mapForm .item.right{flex: 1 0 auto;}
#contactPage .mapForm .item.left iframe{width: 100%; height: 100%;}
#contactPage .mapForm .item .title{margin: 0.5em 0;}

#contactForm {display: flex; flex-flow: column; justify-content: space-between;}
#contactForm .input{margin: 10px 0; padding: 1em 0 0.9em 1.2em; font: inherit; font-size: 0.8em; outline: 0; border: 0;}
#contactForm .message{resize: vertical;}
#contactForm .submit{display: flex; align-items: center; justify-content: center; margin: 10px 0 0; padding: 1em 0 0.9em 1.2em; cursor: pointer; font-weight: 500;}
#contactForm .response{flex: 0 0 100%; margin-bottom: 15px; font-size: 0.7em;}
#contactForm .response.error{border-left: 5px solid #f00; padding: 7px 16px; background: #fff; color: #1e1e1e;}
#contactForm .response.success{border-left: 5px solid #0f0; padding: 7px 16px; background: #fff; color: #1e1e1e;}


/* --- 404 Page --- */
#errorPage{display: flex; flex-flow: column; text-align: center; min-height: unset; padding: 5% 0 7%;}
#errorPage .digits{display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;}
#errorPage .digits .errorText{font-size: 19vw; line-height: 0; margin: 0 3%; text-align: justify;}
#errorPage .digits .null{height: 13vw; object-fit: contain;}


/* Footer */
#footer{padding: 40px 0;}
#footer a{transition: 0.3s color; color: inherit;}
#footer a:hover{color: var(--main-secondary-color);}
#footer .credit a{color: var(--main-secondary-color);}
#footer .credit a:hover{color: inherit;}
#footer .rowF{display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end;}
#footer .rowF:after{content: ''; display: block; width: 100%; height: 1px; background: #fff; margin: 20px 0;}
/* #footer .logo{width: 150px; margin-right: 60px;} */
#footer .logo{display: flex; flex-flow: column;}
#footer .img-wrap{width: 150px;}

#footer .social{border: none; margin: 0; max-width: 100%;}
#footer .social .list{padding: 0; margin: 0; justify-content: flex-start;}
#footer .social .list .item a{padding: 0;}
#footer .social .list i{padding: 5px; width: 30px; height: 30px;}

#footer .member{display: flex; justify-content: flex-end; align-items: center; font-size: initial; flex: 1 0 auto;}
#footer .member > .img-wrap{width: 100px; display: block; margin-left: 5px;}
#footer .img-wrap img{object-fit: contain;}

/* #footer .slogan{font-size: 0.8em;} */

#footer .fNav{flex: 1 0 100%;}
#footer .fNav ul{display: flex; justify-content: flex-end; margin: 0; padding: 0;}
#footer .fNav ul .dashicons-before{font-size: 1em;}
#footer .fNav ul li{display: flex; gap: 10px; align-items: center; border-right: 1px solid #fff; padding-right: 1vw; margin-right: 1vw;}
#footer .fNav ul li:last-child{border: none; padding: 0; margin: 0;}
#footer .fNav li a{line-height: 1em; font-size: 16px;}
#footer .fInfo{display: flex; justify-content: space-between; letter-spacing: 0.5px;}
#footer .fInfo .cpr{display: flex; align-items: center; margin: 0 0 15px; flex-grow: 1;}
#footer .fInfo .cprText{margin: 0 1vw 0 0; line-height: 1em; font-size: initial;}
#footer .fInfo .sepr{font-size: initial; border-left: 1px solid #fff; padding: 2px 1vw 0; line-height: 1em;}
#footer .fInfo .credit{font-size: initial; margin: 0;}

#performance{font-size: 12px;}

/* --- Responsive design ---*/

@media screen and (max-width:1200px){
	.steakRender .pins .square{width: 30px; height: 30px;}
	iframe.embedVideo {height: 50vh;}
}

@media screen and (max-width:1024px){
	.steakRender .pins .subcutaneous{bottom: 0%;}
	#hamburger{display: flex;}
	#nav{position: absolute; top: 100%; left: 0; transform: translateX(+100%); background: var(--main-primary-color); transition: all 0.5s ease-in-out; padding: 0 4%; border-radius: 0; width: 100%; margin-left: 0;}
	#nav .menu{flex-flow: column; align-items: flex-start;}
	#nav.active{display: block; transform: translateX(0);}
	/* #nav .menu .menu-item{margin: 10px 0;} */
	#nav .menu .menu-item a{padding: 15px 15px 11px; font-size: 1.2em;}
	#nav .menu .menu-item.about:hover .sub-menu{display: flex; padding: 0;}
	#nav .menu .menu-item:hover .sub-menu{display: none;}

	.meatCharacteristics .subtitle{width: 100%;}
	/* .iconList .item{flex: 1 0 45%;} */
	#contactPage .contactInfo{gap: 30px;}
	#contactPage .contactInfo .article{flex: 0 0 46%;}
	/* #footer .slogan{font-size: 1em; max-width: 400px;} */
	#footer .social .list{justify-content: center;}
	#footer .member{flex-flow: row wrap; justify-content: center;}
	#footer .rowF{flex-flow: column; align-items: center; text-align: center;}
	#footer .fNav ul{flex-flow: column; align-items: center;}
	#footer .fNav ul li{padding: 0; margin: 0; border-right: 0;}
	#footer .fNav ul li a{line-height: 2em;}
	#footer .fInfo{flex-flow: column; text-align: center;}
	#footer .fInfo .cpr{flex-flow: column wrap;}
	#footer .fInfo .sepr{border: 0; padding: 0; line-height: 2em;}
	#footer .fInfo .cprText{line-height: 2em;}
	#footer .fInfo .credit{overflow: hidden;}
}

@media screen and (max-width:900px){
	.imageBackground .containerImage{position: relative; width: 100%; height: 50vh;}
	.imageBackground .containerImage.left, .imageBackground .containerImage.right{clip-path: none;}
	.imageBackground .wrapper{margin: 0 auto; height: auto; width: 80%;}
	#frontPage .imageBackground .right .text, #frontPage .imageBackground .right .underlinedTitle{text-align: center;}
	#frontPage .imageBackground .right .underlinedTitle:after{margin: 0 auto;}
}


@media screen and (max-width:786px){
	.flexrow{flex-flow: row wrap;}
	.button{font-size: 0.9em;}
	.meatCharacteristics .img-wrap{margin: 50px 0;}
	.steakRender .pins .subcutaneous{bottom: -15%; right: 13%;}
	#counter{gap: 2.5em 0;}
	#counter .box{flex: 0 0 50%;}
	#frontPage .testimonialsSlider .item .text{width: 100%;}
	#frontPage .testimonialsSlider .swiper-button-next, #frontPage .testimonialsSlider .swiper-button-prev {display: none;}
	.gridflow.logos{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}
	#contactPage .mapForm{flex-flow: column; gap: 20px;}
	#contactPage .mapForm .item.left iframe{height: 40vh;}
	iframe.embedVideo {height: 400px;}

	#single .entry .simplelightbox img,
	#single .entry .simplelightbox img{float: none; margin: 0px 0 30px; width: 100%; height: 100%; object-fit: contain;}

}

@media screen and (max-width:600px){
	.steakRender .pins, .steakRender img{display: none;}
	.steakRender .mobile{display: block;}
	.iconList.fatSpecific{flex-flow: column;}
	/* .meatCharacteristics .img-wrap .pins .intramuscular{left: 10%;}
	.meatCharacteristics .img-wrap .pins .shimofuri{left: 43%; top: 20%;}
	.meatCharacteristics .img-wrap .pins .subcutaneous{bottom: 10%;} */
}

@media screen and (max-width:500px){
	.imageBackground .wrapper{width: 100%;}
	#counter .box{flex: 0 0 100%;}
	#contactPage .contactInfo{flex-flow: column;}
	.tnp-subscription input[type=submit], .tnp-profile input[type=submit]{width: auto !important;}
	iframe.embedVideo {height: 200px;}
}

@media screen and (max-width:345px){
	/* .section.news .button{display: inline-block;} */
	.gridflow{overflow: hidden;}
}