/* 0) Safety: make sure the page can expand */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* 1) Hide the LEFT sidebar completely */
#sidecol_lft {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2) FLOAT-BASED LAYOUTS: give the content column full width and remove left margin */
#sidecol_lft + #centercol,
#sidecol_lft + #contentcol,
#sidecol_lft + #main,
#sidecol_lft + .main,
#sidecol_lft + .content,
#sidecol_lft + .page-content {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
}

/* 3) GENERAL SIBLING (same parent): if content is not the immediate next element */
#sidecol_lft ~ #centercol,
#sidecol_lft ~ #contentcol,
#sidecol_lft ~ #main,
#sidecol_lft ~ .main,
#sidecol_lft ~ .content,
#sidecol_lft ~ .page-content,
#sidecol_lft ~ .site-content {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
}

/* 4) FLEX LAYOUTS: collapse the left column and let content grow */
#sidecol_lft { flex: 0 0 0 !important; }
#sidecol_lft ~ #centercol,
#sidecol_lft ~ #contentcol,
#sidecol_lft ~ #main,
#sidecol_lft ~ .main,
#sidecol_lft ~ .content,
#sidecol_lft ~ .page-content {
  flex: 1 1 100% !important;
}

/* 5) GRID LAYOUTS: if the parent is grid, force a single column */
#sidecol_lft.parent-is-grid,
#sidecol_lft { grid-column: 1 / 1 !important; }  /* harmless if not grid */
#sidecol_lft ~ #centercol,
#sidecol_lft ~ #contentcol,
#sidecol_lft ~ #main,
#sidecol_lft ~ .main,
#sidecol_lft ~ .content {
  grid-column: 1 / -1 !important;
}

/* 6) COMMON WRAPPERS: break 2-column structures */
.container, .wrapper, .content-wrap, .content-row, .row, .layout {
  /* If they were flex rows, stop enforcing two columns */
  flex-wrap: wrap !important;
}
.container, .wrapper, .content-wrap, .layout {
  /* If they were grid, collapse to one column */
  grid-template-columns: 1fr !important;
}

/* 7) KILL leftover gutters meant for the left column */
#centercol, #contentcol, #main, .main, .content, .page-content, .site-content {
  margin-left: 0 !important;
  padding-left: 0 !important;
  max-width: 100% !important;
}

/* 8) TABLE-BASED LAYOUTS (older themes): make the content cell fill width */
table.layout, table#layout, table#contentTable {
  width: 100% !important;
  table-layout: fixed !important;
}
#sidecol_lft, td#sidecol_lft, th#sidecol_lft {
  display: none !important;
  width: 0 !important;
}
td#centercol, td#contentcol, td#maincol {
  width: 100% !important;
}



/* Hide the left sidebar */
#sidecol_lft {
  display: none !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Expand the main container to fill full width */
#mainContainer {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
}

/* Expand the content section inside */
#content.col3,
#content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  flex: 1 1 100% !important;
  grid-column: 1 / -1 !important;
}

/* If the layout uses flex or grid, collapse side areas */
.container,
.wrapper,
.layout,
.row,
.content-wrap {
  display: block !important;
  grid-template-columns: 1fr !important;
  flex-wrap: wrap !important;
}


/* Hide the RIGHT sidebar */
#sidecol_rgt {
  display: none !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Expand the main container after removing right sidebar */
#mainContainer {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
}

/* Expand main content area fully */
#content,
#content.col3 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  flex: 1 1 100% !important;
  grid-column: 1 / -1 !important;
}

/* Break any layout grids or flex rows */
.container,
.wrapper,
.layout,
.row,
.content-wrap {
  display: block !important;
  grid-template-columns: 1fr !important;
  flex-wrap: wrap !important;
}

/* Ensure no leftover spacing from where the sidebar was */
#content,
#mainContainer {
  margin-right: 0 !important;
  padding-right: 0 !important;
}





/* Layout container for widgets */
#content,
.page_content,
.widgets,
.custom_widgets {
  display: flex;
  justify-content: center;    /* centers the row */
  align-items: flex-start;
  flex-wrap: wrap;            /* allows them to break into multiple rows */
  gap: 30px;                  /* space between widgets */
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}

/* Make each widget larger and wider */
.widget,
[id^="widget"],
[class*="widget"] {
  flex: 1 1 600px;            /* each widget starts around 600px wide */
  max-width: 700px;           /* prevents stretching too far */
  min-width: 400px;           /* ensures consistency */
  height: auto;
  padding: 20px;
  margin: 10px;
  transform: scale(1.2);      /* enlarges everything slightly */
  transform-origin: center;
  box-sizing: border-box;
}