/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Version:      1.0.0
*/


.header-menu > div{
	background: transparent!important
}

body .elementor-button{
	box-shadow: none!important;
}
.eael-simple-menu-container .eael-simple-menu{
	gap: 4px
}
.eael-simple-menu-container .eael-simple-menu a{
	border-radius: 12px!important
}
.eael-simple-menu-container{
	min-height: 20px!important;
}
.search-block form{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 350px;
	margin: 0 auto;
	gap: 8px;
}
.search-block{
	position: absolute!important;
    top:50%;
	display:none;
    z-index: 1!important;
	right: -150%;
    background: #FAF8F5;
    padding: 10px;
	transform: translateY(-50%);
	max-width: 300px;
	width: 100%
}
.footer-bottom{
	display:flex;
	justify-content:space-between
}
.footer-bottom > .e-paragraph-base{
	width: 100%
}
.comments-area{
	padding-left: 36px;
	padding-right: 36px;
}
.comments-area  [type=submit]{
	color: #fff!important;
	border: none!important
}
.footer-bottom .elementor-element{
	display:flex!important;
	justify-content: flex-end!important;
	gap: 24px!important
}
.search-block.show{
	right: 100%;
	display:flex;
}
.search-block input{
	border: 1px solid #E0EBE4!important;
	border-radius: 10px;
	font-size: 14px;
}
.search-block button{
	color: #fff;
	box-shadow: none!important;
	border: none!important;
	width: 45px;
	height: 39px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0
}
.search-block button svg{
	width: 16px;
	height: 16px
}
.search-block button path{
	stroke: #fff
}
.search-block button:hover{
	background: #235c42cf!important;
}
.header-btns .um-locked-content{
	display:none;
}
.header-btns p{
	display: flex;
	margin-bottom: 0;
	gap: 12px;
}
.btn-login{
	font-size: 14px;
	line-height:20px;
	padding: 8px 16px 8px 40px;
	display: flex;
	justify-content: center;
	align-items:center;
	background: url('https://gardenjournal.co.uk/wp-content/uploads/2026/04/member-16.svg') #faf8f5 no-repeat;
	background-position: 16px center;
	background-size: 16px;
	color: #1d3026;
	border: 1px solid #d3ded7;
	border-radius: 10px;
	font-weight: 500;
	font-family: Inter, sans-serif
	
}
.btn-register{
	padding: 8px 16px;
	font-size: 14px;
	line-height:20px;
	display: flex;
	justify-content: center;
	align-items:center;
	border-radius: 10px;
	font-weight: 500;
	font-family: Inter, sans-serif;
	border: 1px solid #d3ded7;
	color:#faf8f5!important;
	background: #235c42;
}
.post-right .eael-grid-post-holder-inner{
	display: flex;
	flex-direction: row;
}
.post-right .eael-entry-media{
	width: 128px;
	height: 128px;
	border-radius: 12px;
    overflow: hidden;
}
.post-right  .eael-entry-thumbnail {
	height: 100%;
}
.post-right .eael-entry-media img{
	height: 100%;
	width: 100%;
	object-fit: cover
}
.post-right .eael-grid-post-holder{
	padding: 16px;
	background: #fdfdfb;
	border: none;
	border-radius: 12px;
	box-shadow: 0 4px 20px -4px hsl(150 20% 20% / .08)
	
}
body .eael-grid-post, body .topics a{
	transition: all .3s
}
body .eael-grid-post:hover{
	transform: translateY(-4px)!important;

}
body .eael-grid-post:hover .eael-grid-post-holder{
	box-shadow:0 12px 40px -8px hsl(150 20% 20% / .15)
}
body .topics a:hover{
		transform: translateY(-4px)!important;
	box-shadow: 0 12px 40px -8px hsl(150 20% 20% / .15);
	cursor: pointer;
}
body .topics a:hover .elementor-icon-box-title {
	color:#235c42!important
}
body .topics a:hover .elementor-icon{
	background:#235c4233!important
}
.page-content.search-content{
	display:flex;
	gap: 10px; 
	flex-wrap: wrap;
}
.page-content.search-content .post{
	width: calc(100% / 4 - 8px);
}
.custom-elementor-header{
	overflow: hidden
}
.page-content .post .entry-title{
	font-size: 20px;
    line-height: 28px;
	margin-bottom: 10px;
}
.page-content .post p{
	color: #677E73;
	font-size: 14px;
	line-height: 20px
}
.post .wp-post-image{
	border-radius: 12px;
}
.not-found{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding-top: 96px;
	padding-bottom: 96px;
}
.not-found h2{
	    font-family: "Cormorant Garamond", Sans-serif;
    font-size: 150px;
    font-weight: 700;
}
.not-found a{
	    background-color: #235C42;
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    fill: #FAF8F5;
    color: #FAF8F5!important;
    border-radius: 10px 10px 10px 10px;
    padding: 10px 16px 10px 16px;
}
.wpforms-form {
	display: flex;
	margin: 0 auto!important;
	justify-content: space-between;
	align-items: center;
	width: 440px!important;
	gap: 20px;
}
.wpforms-field-container{
	width: 100%!important;
}
body .wpforms-field{
	padding: 0!important
}
body .wpforms-field input{
	max-width: 100%!important;
	width: 100%!important;
	font-size: 14px!important;
	line-height:20px!important;
		height: 48px!important
}
body .wpforms-submit-container{
	margin-top: 0!important
}
body .wpforms-submit{
	background-image: url('https://gardenjournal.co.uk/wp-content/uploads/2026/04/member-17.svg')!important;
	background-repeat: no-repeat!important;
	background-position: center right!important;
	background-position: 88% center !important;
	background-size: 16px!important;
	font-size: 14px!important;
	line-height:20px!important;
	padding: 0 40px 0 24px!important;
	height: 48px!important;
	width: 140px!important
}
body .wpforms-submit:hover{
	background-color: #d76e42e6!important
}
div.wpforms-container-full:not(:empty){
	margin: 0 auto!important
}
.news-grid .eael-grid-post-holder{
	background: transparent!important;
	padding: 20px 0!important;
	border: none!important;
	border-bottom: 1px solid #d3ded7!important
}
.news-grid .eael-entry-wrapper{
	padding: 0!important
}
.news-grid .eael-grid-post{
	padding: 0!important
}
body .news-grid  .eael-grid-post:hover .eael-grid-post-holder{
	box-shadow: none!important
}
.posts-left .eael-grid-post, .post-right .eael-grid-post{
	padding:0!important;
		margin-bottom: 15px!important
}
.eael-post-grid-container .eael-post-grid{
	margin: 0!important;

}
body .post-carousel-categories{
	visibility: visible!important;
	opacity: 1!important
}
body .posts-left .post-carousel-categories li{
	padding: 6px 12px;
	background:#235c42;
	border-radius: 9999px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
}
body .posts-left .post-meta-categories{
	display: none!important
}
.post-right .eael-entry-media{
	position: unset
}
.post-right .eael-grid-post-holder-inner{
	position: relative
}
.post-right  .post-carousel-categories li a{
	color: #235c42;
	font-size:12px;
	line-height: 16px;
	font-weight: 500;
}
body .post-right .post-carousel-categories{
	left: 140px !important;
	top: 20px;
    z-index: 1;
    width: fit-content;
    padding: 0;
}
.post-right .eael-grid-post .eael-entry-wrapper{
	padding-top: 40px

}
.post-right .eael-grid-post .eael-entry-wrapper .post-meta-categories{
	display: none!important
}
body .site-main{
	max-width: 100%!important;
	
}
.entry-title{
	margin:0!important;
}
.page-header{
	padding: 30px 36px 20px;
}
.page-content{
	padding: 10px 36px 20px;
}
.eael-simple-menu-container .eael-simple-menu.eael-simple-menu-horizontal li{
	border:none!important
}
.eael-simple-menu-toggle-text{
	display:none!important
}
#mobile-toggle{
	display:none
}
.wpforms-confirmation-container-full{
	background:transparent!important;
	border:none!important;
	
}
.wpforms-confirmation-container-full p{
	color:#FAF8F599!important;
	padding: 0!important;
	margin:0!important;
}
footer .elementor-social-icons-wrapper{
	margin-top: 24px!important
}
.contact-form .wpforms-form{
	flex-direction: column
}
.contact-form .wpforms-field-label{
	margin-bottom: 5px!important
}
.contact-form .wpforms-field{
	margin-bottom: 10px
}
.um-account-side li a, .um-account-side li a:hover{
	background-image: linear-gradient(135deg, #1C4A35 0%, #3E7447 100%)!important;
}
.um-account-side li a span.um-account-title{
	color: #fff!important
}
.um-account-side li .um-account-icon {
	color: #fff!important
}
.um-account-arrow i{
	color: #fff!important
}
.um a.um-link, .um-account-main div.um-account-heading{
	color: #235C42!important
}
body .um input[type=submit].um-button{
	background: #235C42;
	font-family: 'Inter', sans-serif;
	border-radius: 10px!important
}
body .um .um-field-radio.active:not(.um-field-radio-state-disabled) i{
	color: #235C42
}
body .um-export-data-button, body .um-request-button{
		background: #235C42;
	color: #fff!important;
	text-decoration: none!important
}
body .um-profile-nav{
		background-image: linear-gradient(135deg, #1C4A35 0%, #3E7447 100%)!important;
}
body .um .um-profile-nav-item.active a, body .um .um-profile-nav-item a:hover{
	background: #D76E42;
}
body .um .um-button.um-alt,body .um .um-button.um-alt:hover {
	background: #D76E42;
	color: #fff;
	    border-radius: 10px !important;
}
body .um-profile-edit-a{
	color: #235C42
}
@media screen and (max-width: 1024px){
	#mobile-toggle{
		display:flex;
	}
	.eael-simple-menu-toggle{
		display:none!important
	}
	.header-contacts{
/* 		display: none!important; */
	}
	.header-menu{
		display:none
	}
	.header-menu.show{
		display:flex;
		position: absolute;
		width: 100%;
		left: 0;
		height: auto;
		z-index: 999;
		min-width: 100%;
		top: 80px;
	}
	.header-menu.show >div{
		width: 100%;
    	height: auto;
	}
	 .header-menu.show #menu-main-menu{
		display: flex;
		flex-direction: column;
		top: 0;
		 background: #faf8f5;
		 padding-bottom: 20px;
		 padding-top: 20px
	}
	.header-menu.show #menu-main-menu a{
		text-align: left;
		background: transparent!important;
		font-size:12px;
		color:#1d3026!important
	}
	.page-header, .page-content{
		padding:20px;
	}
}
@media screen and (max-width: 767px){
	.header-btns p a{
		display:flex;
		align-items: center;
	}
	.header-contacts .elementor-element{
		flex-grow: 0;
		
	}
	.header-contacts{
		justify-content: flex-end!important
	}
}
@media screen and (max-width: 600px){
	.wpforms-form{
		flex-direction:column;
		max-width: 100%!important
	}
	.page-header{
		padding: 50px 10px;
	}
	.page-content{
		padding: 20px 10px;
	}
	.search-block {
		right: 0!important;
	}
	.btn-login, .btn-register{
		padding:5px 8px;
		background-image: none;
		font-size: 12px
	}
	.header-btns p{
		gap: 5px
	}
}
@media screen and (max-width: 480px){
	.eael-entry-wrapper{
		width: calc(100% - 148px)!important
	}
}