/*---------------------------------------------------------------------------------

 Theme Name:   The Buzz Media
 Theme URI:    http://thebuzzmedia.co.za/
 Description:  Intelligent marketing and design for growing brands. We collaborate with our clients and bring their dreams into reality to tell their unique stories. From custom websites, online marketing, branding, UX/UI design, Mobile App Development, video production and copywriting. We are your one-stop agency.
 Author:       The Buzz Media
 Author URI:   http://thebuzzmedia.co.za/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* Hide image titles on hover */
img {
pointer-events:none;
}

/* Display image titles on hover exception */
.dmdisplaytitle img {
pointer-events:auto;
}

.et_mobile_menu .parent-menu-item > a {
	background-color: transparent;
	position: relative;
}

.et_mobile_menu .parent-menu-item > a:after {
	font-family: 'ETmodules';
	content: '\3b';
	font-weight: normal;
	position: absolute;
	font-size: 16px;
	top: 13px;
	right: 10px;
}

.et_mobile_menu .parent-menu-item > .switched-icon:after{
	content: '\3a';
}

.child-menu-item {
	display: none;
}

.show-menu-items {
	display: block;
}


/* ---------------- Popup Close Button --------------*/
#et-boc .area-outer-wrap[data-da-close-bg=none] .da-close, #et-boc .area-outer-wrap[data-da-close-bg=none] .da-close:focus, #et-boc .area-outer-wrap[data-da-close-bg=none] .da-close:hover {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 55px;
    height: 60px;
    font-size: 45px;
    padding-top: 20px;
	opacity: 1;
}

/* ------ Maps Fix ------*/

/* Fix map height and prevent full-screen scaling */
.custom-map-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 450px;
  overflow: hidden;
}

.custom-map-wrapper iframe {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
}

/* Ensure Divi’s fullwidth code section doesn’t stretch */
.et_pb_fullwidth_code {
  height: auto !important;
  overflow: hidden !important;
}

/* Optional: responsive adjustment for mobile */
@media (max-width: 767px) {
  .custom-map-wrapper {
    height: 300px;
  }
}