/*
 Theme Name:     Divi Child
 Theme URI:      
 Description:    Child theme for the Responsive WordPress theme
 Author:         
 Author URI:     
 Template:       Divi
 Version:        1.0.0
 License:        GNU General Public License v2 or later
 License URI:    https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:    Divi-child
*/

/* Your custom CSS goes below this line */

/* Set sidebar width and fix position */
#sidebar {
  width: 235px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  background-color: #ffffff;
  border-right: 1px solid #ccc;
  overflow-y: auto;
  z-index: 999;
}

/* Adjust main content to accommodate sidebar */
#main-content {
  margin-left: 235px;
}

/* Remove default list styles and padding */
#sidebar .widget_nav_menu ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* Style menu links */
#sidebar .widget_nav_menu li a {
  display: block;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000000;
  text-decoration: none;
  border-bottom: 1px solid #e0e0e0;
}

/* Change link color on hover */
#sidebar .widget_nav_menu li a:hover {
  background-color: #f5f5f5;
  color: #0073aa;
}

@media (max-width: 768px) {
  #sidebar {
    position: relative;
    width: 100%;
    height: auto;
    border-right: none;
    border-bottom: 1px solid #ccc;
  }

  #main-content {
    margin-left: 0;
  }
}

/* Push content over to make room for fixed sidebar */
body {
  margin-left: 235px;
}

/* Fix any overflow issues */
.et-l, .et_builder_inner_content {
  padding-left: 0 !important;
}

@media only screen and (max-width: 767px) {
  body {
    margin-left: 0 !important;
  }

  .et_pb_section.fixed-sidebar {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
  }
}