/*
 Theme Name:   Divi Child Theme
 Theme URI:    https://www.elegantthemes.com/
 Description:  Child Theme for Divi
 Author:       Digital Select Marketing Pty Ltd
 Author URI:   https://digitalselect.co.za/
 Template:     Divi
 Version:      2.0.0
*/

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


/*-------------- Header customisation code -------------------*/

/*--- Menu link ---*/
 #top-menu li a {
    font-weight: 500;
}


/*-------------------- Brands logo Displays -------------------*/

/* Desktop: Display all 8 logos in a single row */
@media (min-width: 981px) {
    .logo-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        gap: 57px; /* Adjust spacing between logos */
    }
    .logo-container .et_pb_module {
        width: auto;
        max-width: 12.5%; /* 8 logos in a row */
    }
}

/* Tablet & Mobile: Display 4 logos per row */
@media (max-width: 980px) {
    .logo-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
		gap: 16px;
    }
    .logo-container .et_pb_module {
        width: 20%; /* 4 logos per row */
        max-width: 20%;
    }
}

/************************************** Custome Mobile menu***************************************/

/* ---------Mobile menu logo size --------------*/ 
@media only screen and (max-width: 980px) {
 body header img#logo {
  max-width: 65%!important;
  max-height: 65%!important;
  height: auto!important;
  width: auto!important;
 }
}

/*------------- Fixed Mobile menu -------*/
/* Set the Divi Mobile Nav to Fixed on scroll */
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
	
}
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}
/* Add the word MENU after the mobile nav hamburger icon */
.mobile_menu_bar:after {
    content: 'MENU';
    bottom: 10px;
    left: 6%;
    position: relative !important;
    color: #FFF;
}
/* Change the hamburger icon to an X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

/* Center-align moble menu items */

.et_mobile_menu li {
	text-align:center !important;
	margin-bottom: 16px;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
	padding-left:0 !important;
}

/*---- adjust font-size ----*/
.et_mobile_menu li a {
	font-size:1.8rem;
}

/* Remove the top line in the mobile menu*/
.et_mobile_menu {
	border-top:0;
}

/*---- Make mobile menu fullwidth ----*/
.et_mobile_menu {
	min-width: 100vw;
	margin-left: -10vw;
}

/*---- Make the mobile menu full height ----*/
.et_mobile_menu {
	min-height:90vh !important;
	min-height: -webkit-fill-available;
	padding-top:5em !important;
}

html {
height: -webkit-fill-available;
}

/*---- Remove the animation to avoid delay ----*/
.mobile_nav.opened .et_mobile_menu {
	display:block !important;
	background-color: #dddb24d4;
	backdrop-filter:blur(6px); /*fronsted glass background*/
}



/*---------------------- Horizontal Footer Menu ------------*/
/*show desktop menu on phone*/
@media (max-width: 980px) {
	.ds-footer-menu .et_pb_menu__menu {
		display: flex!important;
		justify-content: flex-start;
		width: 100%;
	}
	.ds-footer-menu .et_mobile_nav_menu {
		display: none!important;
	}
}

/*---- Footer menu items on hover state ----*/
.et_pb_menu_0_tb_footer.et_pb_menu ul li a:hover {
    text-decoration: underline;
    color: #DDDB24;
}



/*------------- Branches Phone number *Footer* ----------------*/
.branch-phone-number {
  font-size: 2rem; /* Adjust size as needed */
  line-height: 40px;
}