/*
 Theme Name:   Fildisi Child
 Theme URI:    http://themeforest.net/user/euthemians
 Description:  Fildisi Child Theme
 Version:      1.8.6
 Author:       Euthemians Team
 Author URI:   http://euthemians.com
 Template:     fildisi
*/

@font-face {
  font-family: Tahu;
  src: url('fonts/tahu.ttf') format('truetype'),
    url('fonts/tahu.woff2') format('woff2'),
    url('fonts/tahu.woff') format('woff');
}

.eut-custom-font-3 {
  font-family: Tahu !important;
}

@keyframes upndown {
  0%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(-50%);
  }
  100%{
    transform: translateY(0%);
  }
}

.c-back-to-top__arrow {
  animation-name: upndown;
  -webkit-animation-name: upndown;
  animation-duration: 2s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  width: 100%;
  /* height: 100%; */
  height: 50px;
  margin-top: 20px;
}

.c-back-to-top__arrow:before,
.c-back-to-top__arrow:after {
  content:'';
  position: absolute;
  top:50%;
  left:0;
  width:30px;
  height:2px;
  background-color:#000;
}

.c-back-to-top__arrow:before{
  transform: rotate(45deg);
  left:20px;
}

.c-back-to-top__arrow:after{
  transform: rotate(-45deg);
}

.c-back-to-top {
  position: fixed;
  bottom: 40px;
  right: -50px;
  width: 50px;
  height: 70px;
  z-index: 9;

  opacity: 0;
  cursor: pointer;
  transition: all 1s ease-in-out;
}

.c-back-to-top.is-active{
  right:50px;
  opacity: 1;
}

#eut-top-header {


  position: absolute;
  left: 50%;
  margin-left: -122px;
  z-index: 33;


}

#eut-header {
  height: 100% !important;
}


#eut-header.eut-sticky-header #eut-top-header{
/* 	position: relative; */
}

#eut-feature-section span {
	text-shadow: 1px 1px 1px #ffffff;
}

#eut-responsive-header .eut-logo {
	position: absolute;
    left: 50%;
    margin-left: -33px;
}
.pea_cook_wrapper.pea_cook_bottomcenter p{
	bottom:0;
}

.eut-sticky-header #eut-responsive-header {
	display: block;
	position: fixed;
	width: 100%;
}
#eut-header.eut-sticky-header #eut-main-header.eut-shrink-sticky #eut-bottom-header{
	height:85px;
}

#eut-feature-section .eut-content{
	padding-top: 150px;
}

@media only screen and (min-width: 1024px){
	#eut-header.eut-overlapping + .eut-page-title{
    top: 0;
    margin-bottom: 0;
	}
}
@media only screen and (max-width: 1100px){
	.ult-ih-list-item,
	.ult-ih-item.ult-ih-effect1,
	.ult-ih-image-block{
		height: 250px !important;
		width: 250px !important;
	}
}
@media only screen and (max-width: 768px){
	.eut-column.wpb_column.eut-column-1-3,
	.eut-column-inner.wpb_column.eut-column-1-2{
		width:100%;
	}
}

@media only screen and (max-width: 768px) {
	.eut-isotope-container article{
	position: relative !important;
	width: 100% !important;
	top:0 !important;
	left: 0 !important;
	}
}

/* =============================================================================
--- Sticky Header Add Transition
============================================================================= */
#eut-header.eut-sticky-animate #eut-main-header,
#eut-header.eut-sticky-animate #eut-main-header #eut-bottom-header,
#eut-header.eut-sticky-animate #eut-main-header .eut-logo,
#eut-header.eut-sticky-animate #eut-main-menu .eut-wrapper > ul > li > a,
#eut-header.eut-sticky-animate .eut-header-element > a, .eut-no-assigned-menu {
	-webkit-transition : all 1s;
	-moz-transition    : all 1s;
	-ms-transition     : all 1s;
	-o-transition      : all 1s;
	transition         : all 1s;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
}


@media screen and (min-width:768px) {
	#eut-feature-section h1 span {
		/* font-size: 96px; */
		font-size: 150px;
		/* line-height: 112px; */
		line-height: 150px;
	}
	.eut-title.eut-custom-font-3 span{
		line-height: 150px;
		font-size:150px;
	}
	#eut-feature-section span {
		text-shadow: 5px 5px 5px #ffffff;
	}
}

@media screen and (max-width:767px) {
	.c-reverse-order .eut-row.eut-columns-gap-none{
	    display: flex;
			flex-direction: column-reverse;
			flex-wrap: wrap;
	}
}
