/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Webly Works
 Author URI:     https://weblyworks.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

* {
	font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif !important;
}

/* Services Custom CSS */
.et_pb_pricing_content_top {
	padding-bottom: 0;
}

h2.et_pb_pricing_title {
	margin-bottom: 20px;
}

@media screen and (max-width: 980px) {
    /* Hide mobile menu from Divi on mobile */
	.et_pb_menu__wrap {
		display: none !important;
	}
	
    /* Mobile tweaks */
	
	.et_pb_text_inner h2 {
		font-size: 32px !important;
	}
	
	.et_pb_section_0.et_pb_section, .et_pb_fullwidth_header_0 {
		padding-top: 0px;
	}
	
	.et-l--header .et_pb_column--with-menu .et_pb_module.et_pb_menu {
		width: 70%;
	}
}

/* Hide Divi's default mobile menu */
#main-header .et_mobile_nav_menu {
  display: none !important;
}

/* Hamburger Icon */
#custom-hamburger {
  cursor: pointer;
  width: 25px;
  height: 22px;
  position: relative;
  top: 30px;
  right: 20px;
  padding-top: 1px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#custom-hamburger span {
  height: 3px;
  width: 100%;
  background: #7ebec5;
  border-radius: 2px;
}

/* Slide-out Menu */
#slideout-menu {
  position: fixed;
  top: 0;
  right: -100%;
  min-height: 100vh;
  height: 100vh;
  overflow-y: auto;
  width: 250px;
  background: #fff;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
  transition: right 0.3s ease;
  z-index: 9998;
  padding: 80px 20px;
}

#slideout-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#slideout-menu li {
  margin-bottom: 20px;
}

#slideout-menu a {
  text-decoration: none;
  color: #333;
  font-size: 18px;
}

#slideout-menu.open {
  right: 0;
}

@media (min-width: 981px) {
  #custom-hamburger {
    display: none;
  }
}

/* X icon inside the slideout menu */
#menu-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 28px;
  cursor: pointer;
  z-index: 10001;
  color: #333;
  background: none;
  border: none;
  display: none; /* hidden by default */
}

/* When menu is open, show the close icon */
#slideout-menu.open #menu-close {
  display: block;
}

.et-l--header .et_pb_column--with-menu .et_pb_module {
	display: inline-block;
}

.et-l--header .et_pb_column--with-menu .et_pb_module.et_pb_code {
	float: right;
}


/* Footer */
@media (min-width: 981px) {
	.et_pb_row_0_tb_footer {
	  display: flex !important;
	  justify-content: center;
	  align-items: flex-start;
	  flex-wrap: nowrap !important;
	  gap: 40px;
	  padding: 20px;
	}

	.et_pb_row_0_tb_footer .et_pb_column {
	  width: 30% !important;
	  margin: 0 !important;
	  padding: 0 !important;
	  box-sizing: border-box;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  text-align: center;
	}
}

footer p, footer .et_pb_social_media_follow {
	text-align: center;
}


.footer-menu {
  list-style: none;
  font-family: 'Nunito', Helvetica, Arial, Lucida, sans-serif !important;
  padding: 0;
  margin: 0;
}

.footer-menu li {
  list-style: none;
  text-align: center;
  margin-bottom: 10px;
}

.footer-menu a {
  color: #ffffff;
  text-decoration: none;
}

.footer-menu a:hover {
  text-decoration: underline;
}