/* override default color and some background-position*/
.body-container {
  background-image: linear-gradient(55deg, #f3ead9, #dfdeded1 36%, #abb6bc 100%);
  background-position: 0 !important;
}

.inner-wrap .tab-bar .nav-search	/*Prevents the search in the header from appearing on the home page*/
{
	display: none;
}

.search-home {
    margin-block-end: 42px;
    max-width: min(100%, (3 * 300px) + (2 * 48px));
    margin-inline: auto;
}

.search-bar .search-field {
    font-family: Roboto, sans-serif;
}

/* override section over*/

img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

h1,
h2,
h3,
header p,
.quick-links-list__item__link-wrapper,
footer {
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

.wrapper>h1 {
    text-align: center;
    margin-block-end: 48px;
}

.product-name {
    color: black;
    font-size: 2rem;
    font-family: Roboto, sans-serif;
    margin-left: 1rem;
}

.wrapper {
    margin-block: 60px;
    font-family: Roboto, sans-serif;
}

.quick-links-list {
    display: flex;
    padding-inline-start: 0;
    gap: 48px;
    margin-inline: auto;
    justify-content: center;
    flex-wrap: wrap;
}

.quick-links-list__item {
    background-color: white;
    padding: 48px 32px;
    aspect-ratio: 1;
    border-radius: 4px;
    width: min(100%, 300px);
    margin: 0;
}

.quick-links-list__item:hover,
.quick-links-list__item:has(a:focus-visible) {
    scale: 1.1;
    transition: all ease-in-out 200ms;
}

.quick-links-list__item__link-wrapper {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%;
    gap: 48px;
    justify-items: center;
    align-items: center;
    text-decoration: none;
    color: black;
}

.quick-links-list__item__link-wrapper h2 {
    font-size: 1.6rem;
    margin: 0;
    text-align: center;
}

.quick-links-list__item__link-wrapper img {
    min-height: 0;
}

.quick-links-list__item__link-wrapper p {
    font-size: 1rem;
    text-align: center;
    margin: 0;
    font-family: 'Roboto', sans-serif !important;	
}

/* Footer CSS*/

.height-container-sidenav { /* Needed so footer goes to the bottom */
    display: grid;
    grid-template-rows: 1fr auto;
}

footer img {
    height: 55px;
}

ul.tg-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

footer {
    font-family: 'Roboto', sans-serif;
}

footer {
    background-color: black;
    color: white;
    text-align: center;
    padding: 2rem;
    display: grid;
    justify-content: center;
    grid-template-columns: auto auto;
    row-gap: 1rem;
    align-items: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    margin-left: -1em;
}

footer p {
    margin: 0;
}

footer a {
    color: white;
    text-decoration: none;
}

footer>nav {
    grid-column: 1 / -1;
}

footer ul {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

footer ul li~li {
    border-left: 2px solid white;
    padding-left: .5rem;
    margin-left: 0;
}

@media screen and (min-width: 1279px) {
    footer {
        width: 80%;
    }
}

/* Footer CSS END */