/*
Theme Name: SampleCalc
Theme URI: https://jazlanrehan.github.io
Description: Divi child theme powering SampleCalc — hosts and serves the site's calculator widgets via the [calculator id="..."] shortcode. You can rename "Theme Name" above to whatever you like at any time — it's just the display name in WordPress and can be changed safely without breaking anything.
Author: Jazlan Rehan
Author URI: https://jazlanrehan.github.io
Template: Divi
Version: 1.0.0
Text Domain: samplecalc
*/

/* Add any custom site-wide CSS below this line. Calculator styling lives inside each calculator's own file and is not affected by this stylesheet. */

html, body {
	overflow-x: hidden;
	max-width: 100%;
}
#page-container {
	overflow-x: hidden;
}

#main-footer {
	display: none;
}
.et_pb_scroll_top.et-pb-icon {
    z-index: 99999;
    bottom: 25px;
    right: 10px;
    border-radius: 0px;
}
::selection {
  color: #dd7836;
  background-color: #fff;
}
.et_pb_column:has(> .toc-mobile-toggle) {
  justify-content: flex-start !important;
  align-content: flex-start !important;
}
.toc-mobile-toggle {
  align-self: flex-start !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  height: auto !important;
  align-content: flex-start !important;
}
.toc-mobile-toggle .et_pb_table_of_contents__nav {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.toc-mobile-toggle .et_pb_table_of_contents__title {
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px;
}
.toc-toggle-icon {
  font-size: 18px;
  color: #ffffff;
  line-height: 1;
  flex-shrink: 0;
  right: 15px;
  position: absolute;
}
.toc-mobile-toggle.et_pb_module {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 981px) {
/* li ko static kar do, taakay dropdown ka "top" header se measure ho, li se nahi */
.custom-menu > li.menu-item-has-children,
.custom-menu > li.page_item_has_children {
  position: static !important;
}
/* #### Dropdown Menu #### */
.custom-menu li li a { 
  border-bottom: 1px solid #000; /* #### Dropdown border bottom #### */
  font-weight: 600 !important; /* #### Dropdown font weight #### */
  font-size: 15px !important; /* #### Dropdown font size #### */
  color: #000;
  background-color: #f6f2ea;
}
.custom-menu li li a:hover {
  color: #f6671f;
}
.custom-menu ul.sub-menu {
  position: absolute;
  top: 100% !important; /* poori .custom-header height = border k theek neechay se start */
  padding: 0px 0 0 0 !important;
  border-top: 2px solid #f6671f !important; /* #### Dropdown border top #### */
  margin-top: 0 !important;
  background-color: #f6f2ea;
}
.custom-menu ul.sub-menu ul {
  padding: 0px !important;
}
.custom-menu li li ul {
  top: -2px !important;
}
.custom-menu  li li {
  padding: 0px !important;
}
.custom-menu li li a {
  padding: 6px 20px;
  width: 240px !important;
}
}
/* #### Collaping Mobile Menu #### */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
  color: #ffffff; /* Icon color */
  background: #f6671f; /* Icon background color */
  font-size: 22px; /* Icon size */
  top: 10px;
  position: relative;
  font-family: "ETModules";
  content: '\33';
  border-radius: 4px;
  padding: 1px 2px 1px 2px;
}
.et_mobile_menu .menu-item-has-children>a {
  font-weight: 400 !important; 
}
ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after {
  content: '\32';
}
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {
  width: 44px;
  height: 100%;
  padding: 0px !important;
  max-height: 44px;
  border: none;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
}
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
  position: relative;
}
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
  background-color: transparent;
}
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
  visibility: hidden !important;
}
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon {
  text-align: center;
  opacity: 1;
}
/* #### Mobile Menu ko section border k neechay se expand karwana #### */
#et_mobile_nav_menu {
  position: relative;
}
ul.et_mobile_menu {
  position: absolute;
  top: 100% !important;
  left: 0;
  width: 100%;
  margin-top: 0;
  background-color: #f6f2ea;
  border-top: 1px solid #000;
}
.et_mobile_menu li a {
  color: #000;
}
.et_mobile_menu li a:hover,
.et_mobile_menu li.current-menu-item a {
  color: #f6671f;
}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu
 {
    border-color: #000000 !important;
	margin-top: 5px;
}
.et_pb_module .mobile_menu_bar:before {
  top: 2px;
  margin-right: -13px;
}
@media screen and (max-width: 480px) {
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu {
  border-color: #000000 !important;
  margin-top: 10px !important;
}
}