/* olivero empty drops column fix */
.grid-full {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
  grid-column-gap: var(--grid-gap);

  /* .grid-full classes nested 3 or more deep go full width. */
}
.container {
    width: 99%;
    max-width: 84.375rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
}
div #main-wrapper  { /* Limit rest of the page to 1180px max, copied from example site */
    max-width: 98%;
    margin: 0 auto;
    float: none;
    margin-bottom: 25px !important;
    width: 98%;
    padding: 0 20px;}    

body {
    background-image: none !important;
}
.block-olivero-page-title {
    margin-bottom: 5px;
}

.page-wrapper {
    max-width: 98% !important;
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

/* centralize main content */

.region {
    justify-content: start !important;
}

.breadcrumb__content {
    overflow: visible !important;
}

.grid-full {
    display: grid !important;
    grid-template-columns: auto !important;
    grid-column-gap: unset !important;
	padding-top: 25px;
	padding-right: 25px !important;
	padding-bottom: 0 !important;
	padding-left: 25px !important;
}

.main-content__container {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-inline: unset !important;
}


#main > div.main-content > div {
	display: grid !important;
  max-width: 98% !important;
}
.site-header__inner__container{
		width:98% !important;
	max-width: 98% !important;
}
#header{
	width:98% !important;
	max-width: 98% !important;
}

/* centralize footer content */

.site-footer__inner {
    display: grid !important;
    justify-content: center !important;
    max-width: 100% !important;
}

#page > footer > div {
    max-width: 100% !important;
    	padding-top: 5px;
    	padding-bottom:15px;

}

/* Media Queries for Small Screens */

@media only screen and (max-width: 768px) {
    .page-wrapper {
        overflow-x: hidden; /* Prevent horizontal scrolling on small screens */
        overflow-y: auto; /* Allow vertical scrolling */
    }

    .grid-full {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .main-content__container {
        padding: 15px;
    }
}