/*
 Theme Name:     Gnome & Gardens
 Theme URI:      https://www.web321.co
 Description:    A custom theme designed for Gnome & Gardens
 Author:         Web321
 Author URI:     https://www.web321.co/
 Template:       Divi
 Version:        1.0.0
*/

.et-menu .current-menu-item {
	border-bottom: 2px solid white;
}

.whitebg-menu .current-menu-item {
	border-bottom: 2px solid black;
}

.et_pb_menu_0_tb_header.et_pb_menu {
	top: calc(20% - 0.675rem);
	position: absolute;	
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
  white-space: nowrap;
}

.et_pb_menu .et-menu > li {
	margin-left: 10px !important;
	margin-right: 10px !important;
	padding-left: 2px;
	padding-right: 2px;
}

.commitment_accordion .et_pb_accordion_item {
    margin-bottom: 0% !important;	
}

.commitment_accordion .et_pb_toggle_content {
	padding-left: 5vw;	
}

.lcs_logo_container a.lcs_logo_link {
	border: 1px solid rgba(255,255,255,0) !important;
}

.schema h3 {
	font-family: 'Averia Serif Libre',display;
	font-weight: 500;
	font-size: 2.5rem;
	color: #68933e !important;
	line-height: 3rem;
	text-align: center;
}

.schema div {
	font-size: 1.5rem;
	text-align: center;
}


.pro_bg {
	filter: brightness(90%);
	filter: grayscale(90%);
	filter: hue-rotate(20deg);
	transition: 0.25s all;	
}

.pro_bg:hover {
	filter: brightness(110%);		
	filter: grayscale(0%);	
	filter: hue-rotate(5deg);	
}

@media only screen and ( min-width: 768px )  and ( max-width: 980px ) { 
	.et_pb_menu_0_tb_header .et_pb_menu__menu {
		right: 10% !important;
		margin-left: auto;
	}	
}

@media only screen and ( min-width: 981px ) { 
	.eo_even .oe_img {
		float: right;
		transform: translate(10%);
	} 

	.eo_even .oe_txt {
		float: left;	
	} 
	
	.et_pb_menu_0_tb_header .et_pb_menu__menu {
		right: 10% !important;
		margin-left: auto;
	}	
}

@media only screen and ( max-width: 980px ) { 
	.et_mobile_nav_menu {
		top: 2vh;
		position: fixed;
		min-width: 50vw;
	}
	
	.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item,
	.current_page_item {
		background-color: #68933e !important;
	}
}

.footercopy .et_pb_text_inner {
	padding-top: 2.5vw;
	text-shadow: 0 0 4px rgba(24, 48, 24, 0.25);
}

.footercontact h3 {
	font-size: 2.5rem !important;
}

.footercredit img {
	width: 15vw;
	height: auto;
	/* Apply grayscale to make it near white */
	filter: grayscale(100%) brightness(90%);
	/* Smooth transition for filter and box-shadow changes */
	transition: filter 0.5s ease;
}

.footercredit img:hover {
	/* Revert to full color */
	filter: grayscale(0%);
}
