/*
 Theme Name:   Live at the Gardens
 Theme URI:    https://liveatthegardens.com.au/
 Description:  Child Theme for Divi
 Author:       Rici Alexander
 Author URI:   https://mg.live/
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/




/***** Stop the white flicker on loading *****/

html,
body {
    background: #111214 !important;
}



hr { margin-bottom: 10px;
	 margin-top: 0px;
}


/*****Upload custom font*****/

html .et-db .et-core-modal-overlay.et-fb-font-upload-overlay {
z-index: 0!important;
}


/*****Client Login Password Protected*****/

.et_password_protected_form {
    min-height: initial;
    padding: 100px;
    max-width: 700px;
    margin: auto;
}
 
.et_password_protected_form .et_submit_button {
    background: #ff7868;
    color: white!important;
    border: 2px solid #ff7868;
}
 
.et_password_protected_form .et_submit_button:hover {
    background: #ff7868;
    color: #ffffff!important;
    border: 2px solid #ff7868;
}
 
@media (max-width: 479px) {
.et_password_protected_form {
    padding: 40px;
}
}






/* Increase dropdown menu width */
     .nav li ul {
         width: 300px !important; /* Adjust the width value as needed */
     }
     .nav li li ul {
         left: 300px !important; /* Ensure dropdown aligns with parent */
     }
     /* Increase width of menu links within the dropdown */
     #top-menu li li a {
         width: 280px; /* Adjust to be slightly less than the dropdown width */
     }





/* MEGA MENU */




/*align the hamburger menu to the right right*/

.pa-fullscreen-menu .et_pb_menu__wrap {
	justify-content: flex-end !important;
}


/*hide the desktop version of the menu*/

.pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
	display: none !important;
}


/*show the mobile version of the menu on desktop*/

.pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
	display: block !important;
	align-items: center !important;
}


/*style the opened menu*/

.pa-fullscreen-menu .opened #mobile_menu1 {
	width: 100vw !important;
	position: fixed !important;
	top: 0em !important;
	left: 0vw !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	flex-direction: column !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: visibility 0.3s, opacity 0.3s ease-in-out;
	padding: 0 !important;
}


/*style the closed menu*/

.pa-fullscreen-menu .closed #mobile_menu1 {
	background-color: #fff !important;
	text-align: center !important;
	width: 100vw !important;
	position: fixed !important;
	left: 100vw !important;
	top: 0em !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
	transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
	opacity: 0 !important;
	visibility: hidden !important;
}


/*remove the bullet points from the list items*/

.pa-fullscreen-menu #mobile_menu1 li {
	list-style: none !important;
	text-align: center !important;
	width: 100%
}


/*move the menu to the top above other elements*/

.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
	z-index: 999999 !important;
}


/*change the opened menu icon*/

.pa-fullscreen-menu .et_pb_menu__wrap .opened .mobile_menu_bar:before {
	content: "\4d" !important;
}


/*make the hamburger menu fixed position on mobile*/

.pa-fullscreen-menu .opened .mobile_menu_bar {
	position: fixed !important;
}


/*remove the default blue border top on the mobile menu*/

.pa-fullscreen-menu .et_mobile_menu {
	border-top: none;
}


/*remove the default background color on menu items*/

.pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*remove the default hover background color and adjust opacity*/

.et_mobile_menu li a:hover {
	background-color: transparent;
	opacity: 1;
}


/*remove the default border bottom on menu items*/

.pa-fullscreen-menu .et_mobile_menu li a {
	border-bottom: none;
}



/*change amazon icon*/


.et-social-amazon a.icon:before {
    font-family: 'ETmodules' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e076" !important;
}





/* GeoDirectory listing cleanup home page*/

.geodir-post-meta,
.geodir-post-rating,
.geodir-post-content-container {

  display: none !important;

}


/* =========================================
   DESKTOP + TABLET ONLY
   ========================================= */

@media (min-width: 768px) {
    /* Fixed Background */
    .fixed-background {
        background-attachment: fixed !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
}


/* Make the Divi button module itself full width */
.et_pb_button_module_wrapper:has(latg-full-button) {
    width: 100% !important;
    display: block !important;
}





/* Prevent accidental horizontal page scrolling */
html,
body {
    max-width: 100%;
    overflow-x: hidden !important;
}





/* =========================================================
   LATG — LIGHTWEIGHT PAGE TRANSITIONS
   ========================================================= */

body {
    opacity: 1;
}


/* PAGE EXIT */

body.latg-page-leaving {
    opacity: 0.92;

    transition:
        opacity 180ms ease-out;

    will-change: opacity;
}


/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

    body,
    body.latg-page-leaving {
        opacity: 1 !important;
        transition: none !important;
    }

}