


/* Sidebar container */
.sidebar {
  position: absolute; /* Initially position it below the header */
  top: 675px; /* Position it 640px from the top of the page */
  left: 0;
  height: 100vh !important;
  width: 280px; /* Slightly wider for a more modern look */
  background-color: #f5f5f5; /* Light gray background */
  color: #333; /* Dark text for better contrast */
  padding: 20px;
  z-index: 1000;
  height: auto; /* Allow the sidebar to grow dynamically based on content */
  overflow-y: auto; /* Enable scrolling inside the sidebar */
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Soft shadow for modern depth */
  transition: transform 0.3s ease-in-out; /* Smooth transition for the sidebar */
}

/* Content inside the sidebar */
.sidebar-content {
  display: flex;
  flex-direction: column;
  gap: 20px; /* Adds space between list items */
}

/* Sidebar links style */
.sidebar-links {
  list-style-type: none;
  padding-left: 0;
}

.sidebar-links li {
  margin-bottom: 15px;
}

/* Sidebar link style */
.sidebar-links a {
  color: #333; /* Dark text for readability */
  text-decoration: none;
  font-size: 18px;
  font-weight: 500; /* Slightly lighter font weight for modern feel */
  transition: color 0.3s ease; /* Smooth color transition on hover */
  display: block; /* Ensure full width clickable */
  padding: 10px;
  border-radius: 4px; /* Rounded corners on hover effect */
}

.sidebar-links a:hover {
  background-color: #f0f0f0; /* Light background on hover */
  color: #0073e6; /* Blue color for the link on hover */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* Slight shadow on hover */
}

/* Adding some padding to the top of the sidebar for the header */
.sidebar-content {
  padding-top: 20px;
}

.container {
  align-items: flex-start; /* Keeps sidebar aligned at the top */
}

/*.sidebar {
position: sticky;
top: 0;
width: 280px;
flex-shrink: 0;
height: 100vh; /* Sidebar takes full height 
} */



.sr-cover.d-flex.height-small {
  padding-top: 50px;
  padding-bottom: 50px;
}
    
.main-content {
  margin-left: 300px;
  flex-grow: 1;
  padding: 20px;
}

/* this is to keep the header fixed so it doesn't pop up as the user scrolls back up - this was blocking the proper anchor placement */
.header__container[data-fixed=true][data-scroll=false][data-topbar-fixed=false], .header__container[data-fixed=true][data-scroll=false][data-topbar-fixed=true] .header__bottom, .header__container[data-fixed=true][data-scroll=true].scroll-up[data-topbar-fixed=false], .header__container[data-fixed=true][data-scroll=true].scroll-up[data-topbar-fixed=true] .header__bottom {
  top: -100%;
}

/* code specifically for the template - centering the body content on the page */
.row-fluid-wrapper.row-depth-1.row-number-3.body_dnd_area-row-1-vertical-alignment.dnd-section {
  margin-left: 15%;
}



/* mobile hamburger menu */
.header__container[data-layout=mobile] .header__menu--show, .header__container[data-layout=mobile] .header__menu-container--mobile {
display: none;
}




/* the below code is specific for the body content so that it doesn't overlap with the sidebar
* when the browser viewport size shrinks */

@media (max-width: 1620px) {
  .site_footer-module-1 {
    padding-left: 30%;
  }
}

@media (max-width: 1528px) {

   .row-fluid-wrapper.row-depth-1.row-number-3.body_dnd_area-row-1-vertical-alignment.dnd-section {
  padding-left: 70px;
}
  .sidebar {
    width: 200px;
  }
  .sidebar-links a {
    font-size: 12px;
  }

  .site_footer-module-1 {
    padding-left: 30%;
  }
}

/*@media (max-width: 1240px) {
  .header__logo img      {
    margin-left: 75%;
  }
} */

@media (max-width: 1210px) {
  .row-fluid-wrapper.row-depth-1.row-number-3.body_dnd_area-row-1-vertical-alignment.dnd-section {
    padding-left: 50px;
  }

  .sidebar {
    max-width: 15%;
  }
  .sidebar-links a {
    font-size: 12px;
  }
}

@media (max-width: 1550px) {
  .sidebar {
    max-width: 245px;
  }
}

@media (max-width: 1390px) {
  .sidebar {
    display:none;
  }
  .row-fluid-wrapper.row-depth-1.row-number-3.body_dnd_area-row-1-vertical-alignment.dnd-section {
    padding-left: 15px;
    margin-left: 0px;
  }
  .site_footer-module-1 {
    padding-left: 0;
  }
}

@media (min-width: 1390px) {
/* main content sections to move them center page (but account for the sidebar with offsets the content) */
.body_dnd_area-module-2.sr-hero-01.sr-cover-parallax .height-medium,
.body_dnd_area-row-3-max-width-section-centering > .row-fluid,
.body_dnd_area-row-4-max-width-section-centering > .row-fluid,
.body_dnd_area-row-5-max-width-section-centering > .row-fluid,
.body_dnd_area-row-6-max-width-section-centering > .row-fluid,
.body_dnd_area-row-7-max-width-section-centering > .row-fluid,
.body_dnd_area-row-8-max-width-section-centering > .row-fluid,
.body_dnd_area-row-9-max-width-section-centering > .row-fluid,
.body_dnd_area-row-10-max-width-section-centering > .row-fluid,
.body_dnd_area-row-11-max-width-section-centering > .row-fluid,
.body_dnd_area-row-12-max-width-section-centering > .row-fluid,
.body_dnd_area-row-13-max-width-section-centering > .row-fluid,
.body_dnd_area-row-14-max-width-section-centering > .row-fluid,
.body_dnd_area-row-15-max-width-section-centering > .row-fluid,
.sr-offer-one-col-01, /* bottom cta form */
div#download-ebook, /* ebook section */
.row-fluid-wrapper.row-depth-1.row-number-16.dnd-section /* testimonial slider section */ {
  padding-left: 15% !important;
}
    
  .custom-footer {
  padding-left: 250px !important;
}

}
