@media only screen and (max-width: 1800px), screen and (max-device-width: 1800px) {
}
@media only screen and (max-width: 1300px), screen and (max-device-width: 1300px) {
}
@media only screen and (max-width: 1150px) {
footer .gform_wrapper form {
flex-direction: column;
padding-top: 10px;
}
footer .gform_wrapper form .gform-body {
width: 100%;
max-width: 300px;
padding-right: 0;
padding-bottom: 16px;
}
}
@media only screen and (max-width: 1085px){
.mainmenu ul {
padding-right: 20px;
column-gap: 15px;
}
}
@media only screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
header  {
height: 100px;
padding-top: 30px;
}
body.is-scrolled header.is-active {
height: 100px;
padding-top: 30px;
}
nav {
order: 1;
display: flex;
flex-direction: column;
}
header .container {
order: 2;
}
header #logo {
margin-inline: auto;
}
.trigger-container {
display: block;
}
a.nav-trigger {
text-indent: -9999px;
}
.members a.nav-trigger {
color: var(--clr-yellow);
}
header .mainmenu  {
display: none;
}
header.is-active .mainmenu{
display: flex;
}
.mainmenu {
position: absolute;
top: 100px;
left: 0;
width: 100%;
height: calc(100vh);
background: var(--clr-bg);
flex-direction: column;
justify-content: flex-start;
overflow-y: scroll;
}
.mainmenu ul {
width: 100%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
padding-left: 30px;
padding-right: 30px;
padding-top: 80px;
display: block;
float: none;
}
.mainmenu>ul>li {
height: auto;
width: 100%;
z-index:100;
display:block;
padding: 0 0 20px;
opacity: 1;
margin-left: 0;
}
.mainmenu>ul>li {
order: 1;
}
.mainmenu>ul>li:last-child {
order: 2;
}
.mainmenu>ul>li:nth-child(3) {
order: 3;
}
.mainmenu ul>li.menu-item-has-children {
height: auto;
}
.mainmenu>ul>li>a {
display: inline-block;
font-size: 1.25em;
margin: 0 0 0px;
padding: 0 0 10px 0;
font-weight: 500;
color: var(--clr-blue);
line-height: 1.35;
text-align: center;
opacity: 1;
width: 100%;
height: auto;
text-decoration: none;
}
.mainmenu>ul>li>a,
.mainmenu>ul>li>a:active,
.mainmenu>ul>li.is-active>a {
color: var(--clr-blue);
}
.mainmenu ul:hover>li>a, 
.mainmenu ul:active>li>a {
opacity: 1;
text-decoration: none;
}
.mainmenu ul li a:visited,
.mainmenu ul li.current-page-ancestor>a,
.mainmenu ul li.current_page_item>a,
.mainmenu ul li.current-page-parent>a {
text-decoration: none;
}
.mainmenu>ul>li>a { }
.wp-block-cover {
min-height: calc(80vh - 100px) !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 100%!important;
}
}
@media only screen and (max-device-width: 950px) {
.find-block .wp-block-columns {
padding: 40px 40px 50px !important;
}
#wpsl-search-wrap form {
display: flex;
flex-direction: column;
column-gap: 30px;
padding-bottom: 25px;
}
#wpsl-stores ul {
grid-template-columns: var(--grid-2);
}
}
@media only screen and (max-device-width: 800px) {
}
@media only screen and (max-width: 781px), screen and (max-device-width: 781px) {
.wp-block-columns.img-right .wp-block-column:first-child {
order: 2;
}
.wp-block-columns.offer {
padding-inline: 20px !important;
}
.wp-block-group {
padding-block: 20px 45px;
}
footer .wp-block-column {
padding-top: 40px;
}
footer .wp-block-column:last-child {
padding-top: 40px;
}
footer p {
line-height: 2.2rem !important;
}
footer li {
margin-bottom: 8px !important;
}
h4 {
font-size: 1.25rem;
line-height: 1.25;
margin-bottom: 15px;
}
.wp-block-group.wide.tile-row .wp-block-group__inner-container .wp-block-columns {
padding-top: 20px;
}
.tile-row .wp-block-column {
max-width: 425px;
margin: 0 auto 60px;
}
a.btn,
a.button,
a.wp-block-button__link,
a.wp-block-button__link:active,
a.wp-block-button__link:focus,
a.wp-block-button__link:visited {
text-decoration: underline;
text-decoration-skip-ink: auto;
text-underline-offset: 4px;
}
#wineslider figure,
#wineslider figure img {
max-height: 350px;
}
#wineslider {
height: 450px;
}
.wp-block-cover.no-height {
min-height: 69vw !important;
}
.wp-block-group.brandproducts {
padding-block: 60px 45px;
}
.single-product .image-row {
margin-bottom: 30px;
}
.single-product .image-row .wp-block-column:first-child { max-width: 500px;
order: 2;
}
.single-product .image-row .wp-block-column:last-child {
height: 0;
}	
.single-product .image-row .wp-block-column:last-child img {
max-width: 180px;
margin-right: -30px;
}
figure.wp-block-image.single-bottle {
}
.single-product h1 {
font-size: 1.25rem;
padding-top: 160px;
}
.page-contact-us h1 {
font-size: 1.25rem;
}
}
@media only screen and (max-width: 640px), screen and (max-device-width: 640px) {
.brandtiles ul {
grid-template-columns: 1fr 1fr;
column-gap: 45px;
row-gap: 45px;
}
#foodtiles.brandtiles ul {
grid-template-columns: 1fr 1fr;
}
.brandtiles ul.tilecount-2 li:first-child {
grid-column-start: 1;
}
}
@media only screen and (max-width: 570px), screen and (max-device-width: 570px) {
#wineslider figure,
#wineslider figure img {
max-height: 280px;
}
#wineslider {
height: 380px;
}
}
@media only screen and (max-width: 475px), screen and (max-device-width: 475px) {
.mainmenu ul,
.content .woocommerce ul.products  {
grid-template-columns: 1fr;
}
.features-block .wp-block-columns.tile-row .wp-block-column {
flex-basis: 100% !important;
margin-bottom: 0;
}
.mainmenu ul, .members .mainmenu ul,
.container,
.wp-block-group,
.wp-block-columns,
.wp-block-cover__inner-container,
.wp-block-group.wide.page-list.nav,
.content .woocommerce,
.wp-block-group .wp-block-group.content-block,
figure.wp-block-embed  { }
.brandtiles ul {
grid-template-columns: 1fr;
column-gap: 45px;
row-gap: 45px;
}
.brandtiles h4 {
font-size: 1.125rem;
margin-bottom: 5px;
max-width: 240px;
margin-inline: auto;
}
#foodtiles.brandtiles ul {
grid-template-columns: 1fr;
}
.single-product .image-row .wp-block-column:first-child img {
max-width: 140px;
}
.single-product h1 {
padding-top: 185px;
}
}
@media only screen and (max-width: 375px), screen and (max-device-width: 375px) {
.content .wp-block-column.content > .wp-block-image img {
height: 70px !important;
width: 70px !important;
}
figure.wp-block-image.single-bottle {
margin-right: -10px;
}
.single-product .image-row .wp-block-column:first-child img {
max-width: 130px;
}
}
@media only screen and (max-width: 320px), screen and (max-device-width: 320px) {
figure.wp-block-image.single-bottle {
margin-right: 0px;
}
.single-product .image-row .wp-block-column:last-child img {
max-width: 150px;
}
.single-product .image-row .wp-block-column:first-child {
}
.single-product .image-row .wp-block-column:first-child img {
max-width: 110px;
}
.single-product h1 {
padding-top: 145px;
}
}