/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



@font-face {
    font-family: 'LEMON MILK';
    src: url('/wp-content/uploads/fonts/LEMONMILK-Light.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/LEMONMILK-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LEMON MILK';
    src: url('/wp-content/uploads/fonts/LEMONMILK-LightItalic.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/LEMONMILK-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'LEMON MILK';
    src: url('/wp-content/uploads/fonts/LEMONMILK-Bold.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/LEMONMILK-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LEMON MILK';
    src: url('/wp-content/uploads/fonts/LEMONMILK-BoldItalic.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/LEMONMILK-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'LEMON MILK';
    src: url('/wp-content/uploads/fonts/LEMONMILK-Medium.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/LEMONMILK-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LEMON MILK';
    src: url('/wp-content/uploads/fonts/LEMONMILK-RegularItalic.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/LEMONMILK-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'LEMON MILK';
    src: url('/wp-content/uploads/fonts/LEMONMILK-Regular.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/LEMONMILK-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LEMON MILK';
    src: url('/wp-content/uploads/fonts/LEMONMILK-MediumItalic.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/LEMONMILK-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}



.elementor-heading-title, .prod-slider .uc_post_title a, .wp-block-heading, .site-branding a{font-family: 'LEMON MILK' !important;font-weight:500 !important}
.nav-float-left .header-widget{order:1;width:33%;text-align:end;display: flex;justify-content: end;align-items: center;}
.nav-float-left #site-navigation{margin-right:0; width:33%}
header .inside-header{justify-content:space-between;align-items:center;}
header .inside-header > div.site-branding {width:33%;text-align:center;margin:0 15px;}
.main-navigation .main-nav ul li a{line-height:40px;position:relative;padding:0 15px;}
.main-navigation .main-nav ul li:not(:first-child) a{margin-left:10px;}
.main-nav ul.menu li a:before,.main-nav ul.menu li a:after{
	content:'';
	width:1px;
	height:100%;
	background:var(--lite-green);
	position:absolute;left:0;top:0;
	transform:scaleY(0);
	transition:0.3s transform;
}
.main-nav ul.menu li a:after{right:0;left:auto;}
.main-nav ul.menu li a:hover:before,.main-nav ul.menu li a:hover:after{transform:scaleY(1);transition:0.3s transform;}
#menu-right-menu li{margin:0}
/* #menu-right-menu li:not(:first-child) a{margin-left:20px;} */
#menu-right-menu{display:flex;justify-content: end;width:fit-content;margin-left:auto;}
#menu-right-menu > li > a{text-decoration:none;padding:10px;position:relative;line-height: 44px;display: block;border-radius:5px;
	border:1px solid #000; transition:0.3s}
#menu-right-menu > li:hover > a{background: var(--web-green);
	border-radius:30px;
	border-color:var(--web-green);}
#menu-right-menu li li a{text-decoration:none;padding:10px;position:relative;}
#menu-right-menu li li{text-align:left;}
.main-navigation .inside-navigation{width:fit-content;margin-left:0;padding:10px 0;}
#menu-right-menu li a .user-icon{height:fit-content;display:flex;}
#menu-right-menu li:hover a .user-icon{fill:white}
#menu-right-menu li a svg{width:25px;height:25px;}
button.wc-block-mini-cart__button {
    background: transparent;
    margin-right: 20px;
	transition:0.3s;
	border-radius:5px;
	border:1px solid #000;
	padding:10px;
	z-index:1;
	position:relative;
}
button.wc-block-mini-cart__button:hover{
	background: var(--web-green);
	border-radius:30px;
	border-color:var(--web-green);
}
.overflow-x-hidden{overflow-x:clip !important;}

/* Title Animation */

.animated .elementor-heading-title span {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.5s forwards;
}
.animated .elementor-heading-title span:empty{padding:10px;}

.animated .elementor-heading-title span {
  min-width: 10px; /* matches space size in current font */
}
/* .elementor-heading-title{font-family: 'Quebecks' !important;} */

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.rotating-image img {
  animation: rotateInfinite 10s linear infinite;
  z-index: 9999; /* Keep on top */
  pointer-events: none; /* Optional: make it non-clickable */
}

@keyframes rotateInfinite {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.swing-animation img{
	animation: swing ease-in-out 1s infinite alternate;
}
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}


/* Right menu panel */

#menu-right-menu .sub-menu{
	position: fixed;
		width: 250px;
		margin-top: 0;
		right: 0;
		top: 0px; /* height of site header */
		height: 100vh;
		padding: 20px 0;
		z-index: 1000;
		transform: translate3d(250px, 0, 0);
		transition: transform 0.3s ease-in-out;
		background:#CFFFE1;
}

.logged-in.admin-bar #menu-right-menu .sub-menu{
		height: calc(100vh - 32px);
		top: 32px;
	}
#menu-right-menu .sub-menu.open {
		transform: translate3d(0, 0, 0);
	  }


.animate-on-scroll.right img {
  opacity: 0;
  transform: translateX(300px);
  transition: all 2s ease-out;
}

.animate-on-scroll.left img {
  opacity: 0;
  transform: translateX(-300px);
  transition: all 1s ease-out;
}

.animate-on-scroll img.visible {
  opacity: 1;
  transform: translateX(0);
}

.prod-slider .owl-item img{object-fit:contain !important;}
.prod-slider .owl-item .uc_product_image {
    padding: 20px;
    /* background: #000 !important; */
}


.d-flex{display:flex;}
.before-footer{background:#3bb655;padding: 50px 20px;}
.text-heading{color: #fff;}
h4.text-heading{font-size: 80px;line-height:1;}

.contact-frm input,.contact-frm textarea{
	width:100%;
	border-radius:15px;
}

.contact-frm textarea{
	height:80px;
}
.contact-frm input[type="submit"]{
	background:#fff;
	color: var(--web-blue);
}

.contact-frm input[type="submit"]:hover{
	background:#DDE2FF
}
span.wpcf7-spinner {
    position: absolute;
    right: 0;
}

footer ul.menu li a {
    font-family: 'LEMON MILK';
    font-size: 16px;
	text-decoration:none;
	font-weight:400;
/* 	color: #000; */
}

.contact-details {
  text-align: left;
  display: inline-block;
}
.contact-item {
  margin-bottom: 15px;
  font-size: 16px;
}
.contact-item a {
  color: #000000;
  text-decoration: none;
}
ul li.wp-social-link {
    margin: 0 !important;
}

@media (min-width:993px){
	.d-flex .w-50{width:50%;}
	.d-flex .w-65{width:65%;}
	.d-flex .w-35{width:35%;}
	.d-flex .w-50:first-child{padding-right:10px;}
	.d-flex .w-50:last-child{padding-left:10px;}
	.footer-widgets-container{padding-left:10px;padding-right:10px}
}

@media (max-width: 1500px){
	.absolute-img.right{right: -50px !important;}
	.absolute-img.left{left: -50px !important;}
}

@media (max-width: 1024px){
	.has-inline-mobile-toggle .mobile-menu-control-wrapper{display: flex;flex-wrap: wrap;}
/* 	.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation{flex-basis: 100%} */
	.main-navigation ul, .gen-sidebar-nav, .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul, .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none}
	.main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder){display:block}
	.has-inline-mobile-toggle .inside-header {flex-direction: row;text-align: left;}
	.has-inline-mobile-toggle #site-navigation{position:absolute;}
	.main-navigation .inside-navigation{padding:0;}
	.main-title{font-size:30px}
	
}

@media (max-width: 1400px){
	.absolute-img.right{right: -20px !important;}
	.absolute-img.left{left: -20px !important;}
}

@media (max-width: 993px){
	.footer-widgets-container{padding-left:20px;padding-right:20px}
}

@media (max-width: 768px){
	.has-inline-mobile-toggle .inside-header{flex-wrap:nowrap;}
	button.menu-toggle {
		padding: 0 10px;
		line-height: 40px;
		font-size: 20px !important;
	}
	.site-header.has-inline-mobile-toggle #site-navigation {
		position: fixed;
		width: 250px;
		margin-top: 0;
		left: 0;
		top: 0px; /* height of site header */
		height: 100vh;
		padding: 20px 0;
		z-index: 1000;
		transform: translate3d(-250px, 0, 0);
		transition: transform 0.3s ease-in-out;
		background:#CFFFE1;
	  }
	.logged-in.admin-bar .site-header.has-inline-mobile-toggle #site-navigation{
		height: calc(100vh - 32px);
		top: 32px;
	}
	  /* Translate navigation on cavas on mobile toggle */
	  .site-header.has-inline-mobile-toggle #site-navigation.toggled {
		transform: translate3d(0, 0, 0);
	  }

	.main-navigation .main-nav ul li a {
		line-height: 40px;
		font-size: 25px;
		font-family: Cormorant Garamond, serif;
		font-weight: 600;
		width: fit-content;
		position: relative;
	}

	.main-navigation .main-nav ul li li a{
		font-size: 22px;
	}
	.main-navigation .main-nav ul li:not(:first-child) a{margin:0 !important}
	.has-inline-mobile-toggle .header-widget {
        flex-basis: auto;
		margin:0
    }
	.has-inline-mobile-toggle #site-navigation{width:auto;}
	    .main-title {
        font-size: 22px;
    }
	h4.text-heading{font-size:65px;}
}

/* Product carousel */
.uc_product_image:before {
    content: "";
    position: absolute;
    width: 100%;
    background: #efefef;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1.4rem 1.4rem 0 0;
    height: 75%;
}

