/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/


@media (max-width: 768px){

	.single-post .x-container.width {
    	width: 100%;
	}
	.x-breadcrumb-wrap {
		display: none;
	}
	.single-post .entry-wrap {
    	padding: 10px;
	}
	.single-post .x-navbar-inner {
		max-width: 88%;
		margin: auto;
	}
}


.single-post .entry-wrap {
    padding: 20px;
}

h3 {
    font-size: 1.2em!important;
}


.widget.widget_recent_entries li a{
	font-size:1.2em;
}


.woocommerce div.product .images {
    position: relative;
    float: left!important;
    width: 48%!important;
}
.woocommerce div.product .images {
    position: relative;
    float: left!important;
    width: 48%!important;
}
.woocommerce div.product .summary {
    float: right!important;
    clear: right!important;
    width: 48%!important;
}

/*cookie pop up*/
#my-cookie__consent {
    width: 100%;
    background: #44A438;
    position: fixed;
    bottom: 0;
    max-height: 0;
    transition: max-height 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
    z-index: 9999;
    font-size: inherit;
}

#my-cookie__consent .my-cookie__container {
    width: 1500px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 10px;
}

#my-cookie__consent .my-cookie__open-settings {
    font-size: inherit;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}

#my-cookie__consent .my-cookie__accept-button {
    margin-left: 30px;
    font-size: 1rem;
    color: black;
    background: #FFF;
    padding: 1.3em 1.8em;
    border-radius: 5px;
    cursor: pointer;
    white-space: nowrap;
}

/*nes cssd 3.3..2022*/

.ywraq-before-form {
    display: none;
}

.wpcf7-response-output {
    border: none!important;
    padding: 0px!important;
}

span.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha div {
    margin-bottom: 25px!important;
}

/* new hero start */
.custom-hero {
  position: relative; 
  width: 100%;
  height: 100vh;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-align: center;
  overflow: hidden; 
}

.custom-hero .hero-image-bg,
.custom-hero .hero-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.custom-hero .hero-image-bg img,
.custom-hero .hero-video-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* --- Ken Burns --- */
.custom-hero .hero-image-bg img {
  animation: kenburns 30s infinite alternate;
  transform-origin: 50% 50%;
}

@keyframes kenburns {
  0% {
    transform: scale(1) translateX(0%);
  }
  100% {
    transform: scale(1.15) translateX(5%);
  }
}

.custom-hero .hero-content {
	position: relative;
	z-index: 2;
	padding: 20px;
	width: 1600px;
	max-width: 90%;
	display: flex;
	justify-content: end;
}

.custom-hero.with-video .hero-content {
	justify-content: center;
	padding: 0;
}

.custom-hero .hero-text-box {
	background-color: rgba(34, 34, 34, 0.75);
	padding: 80px;
	max-width: 500px;
}

.custom-hero.with-video .hero-text-box {
	background-color: transparent;
	padding: 0;
}

.custom-hero .hero-heading {
	font-size: 64px;
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
	color: white;
	transform: translateY(40px);
	opacity: 0;
}

.custom-hero .hero-subheading {
	font-size: 36px;
	margin: 30px 0;
	transform: translateY(30px);
	opacity: 0;
}

.custom-hero .hero-btn {
	display: inline-block;
	background-color: rgb(68, 164, 56);
	color: #ffffff;
	padding: 12px 28px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 15px;
	transition: background-color 0.3s ease;
	transform: translateY(30px);
	opacity: 0;
}

.custom-hero .hero-heading,
.custom-hero .hero-subheading,
.custom-hero .hero-btn {
	animation-name: fadeInUp;
	animation-duration: 0.8s;
	animation-delay: 1s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards; 
}

.custom-hero .hero-heading {
	animation-delay: 0.8s;
}
.custom-hero .hero-subheading {
	animation-delay: 1.2s;
}
.custom-hero .hero-btn {
	animation-delay: 1.6s;
}


@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.custom-hero .hero-brand {
	font-size: 20px;
	margin: 20px 0;
	opacity: 0.8;
}

.custom-hero .hero-btn:hover {
	background-color: #496822;
}

.custom-hero.handwritten .hero-heading,
.custom-hero.handwritten .hero-subheading {
	font-family: "Dancing Script";
}

.custom-hero.handwritten .hero-text-box {
	padding: 0;
	max-width: 100%;
	background: transparent;
}

.custom-hero.handwritten .hero-heading {
	font-size: 48px;
}

.custom-hero.handwritten .hero-subheading {
	font-size: 24px;
}

.custom-hero.handwritten .hero-content {
	justify-content: center;
}

@media screen and (min-width: 1025px) {
	.custom-hero.with-video .hero-heading {
		white-space: nowrap;
	}
}

@media screen and (max-width: 767px) {
	.custom-hero { 
		height: 100dvh !important;
	}
	
	.custom-hero img {
		object-position: 45%;
	}
	
	.custom-hero.with-video,
	.custom-hero.handwritten { 
		height: 50dvh !important;
	}
	
	.custom-hero.handwritten img { 
		object-position: 100% 50%;
	}
	
	.custom-hero.handwritten .hero-content {
		padding-top: 250px;
	}
	
	.custom-hero:not(.with-video) .hero-text-box {
		padding: 20px;
	}
	
	.custom-hero .hero-heading {
		font-size: 48px;
	}
	
	.custom-hero .hero-subheading {
		font-size: 24px;
	}

	.custom-hero.handwritten .hero-heading {
		font-size: 36px;
	}

	.custom-hero.handwritten .hero-subheading {
		font-size: 21px;
	}
}

/* new hero end */