@font-face {
    font-family: 'AllerBold';
    src: url('fonts/aller_bd-webfont.woff2') format('woff2'),
         url('fonts/aller_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Aller';
    src: url('fonts/aller_rg-webfont.woff2') format('woff2'),
         url('fonts/aller_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AllerDisplay';
    src: url('fonts/allerdisplay-webfont.woff2') format('woff2'),
         url('fonts/allerdisplay-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html, body {
	margin: 0;
	padding: 0;
    font-size: 19px;
}

html {
	scroll-behavior: smooth;
}


body {
    background: #542f19 url('imgs/wood.webp') top center fixed; 
    color: #000;
    font-family: 'Aller', Verdana, Arial, sans-serif;
    line-height: 1.3;
}
body.nowebp {
    background-image: url('imgs/wood.png');
}


.sr {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


.js-scroll {
  opacity: 0;
  transition: opacity 500ms;
}
.js-scroll.scrolled {
  opacity: 1;
}
.scrolled.fade-in {
  animation: fade-in 1s ease-in-out both;
}
.scrolled.fade-in-bottom {
  animation: fade-in-bottom 1s ease-in-out both;
}
.scrolled.slide-left {
  animation: slide-in-left 1s ease-in-out both;
}
.scrolled.slide-right {
  animation: slide-in-right 1s ease-in-out both;
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (prefers-reduced-motion), (max-width: 1028px) {
    .js-scroll {
        opacity: 1!important;
        transition: none!important;
        transform: none!important;
    }
    .scrolled {
        animation: none!important;
    }
}



sup {
    line-height: 1;
}

.showmobile, .mobile {
    display: none;
}

img {
    max-width: 100%;
    height: auto!important;
    color: #FFF;
    pointer-events: none;
}


strong,
.soldout, .onsale, 
.notice, .onsalebadge,
.sitemap > li > a,
footer ul a {
    font-family: 'AllerBold', Verdana, Arial, sans-serif;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6,
header a, .btn, button,
footer ul a,
footer .iconnav a, 
#brandswitch, .brandswitcher {
    font-family: 'AllerDisplay', Verdana, Arial, sans-serif;
    font-weight: normal;
}


h1, h2, h3, h4, h5, h6 {
    line-height: 1;
    margin: 1rem 0;
}
h1, .h1 {
    color: #542f19;
    margin: 0 0 1rem;
    font-size: 2rem;
    text-align: center;
}
h2 {
    color: #542f19;
}


a {
    color: #542f19;
}
a:hover {
    color: #000;
}


.webpok a, .nowebp a,
.webpok .btn, .nowebp .btn,
.webpok button, .nowebp button,
.webpok input, .nowebp input,
.webpok select, .nowebp select,
.webpok svg, .nowebp svg,
.webpok img, .nowebp img,
.webpok a::after, .nowebp a::after,
.webpok .btn::after, .nowebp .btn::after,
.webpok button::after, .nowebp button::after,
.webpok a::before, .nowebp a::before,
.webpok .btn::before, .nowebp .btn::before,
.webpok button::before, .nowebp button::before {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.hoverU {
    display: block;
    text-decoration: none;
    position: relative;
    -webkit-transition: none;
    transition: none;
    padding-bottom: 2px;
}
.hoverU::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    height: 2px;
    width: 0px;
    background: #542f19;
    background: rgba(84,47,25,0);
    background: transparent;
    -webkit-transition: width 0.5s ease, background-color 0.5s ease;
    transition: width 0.5s ease, background-color 0.5s ease;
}
.hoverU:hover::after,
.hoverU:focus::after,
.hoverU:focus-within::after,
.hoverU[aria-current="page"]::after {
    width: 100%;
    background: #FFF;
}


.btn, button {
    display: inline-block;
    text-align: center;
    background: #542f19;
    color: #FFF;
    text-decoration: none;
    border-radius: 2rem;
    border: none;
    padding: 1rem 1.5rem;
    line-height: 1;
    font-size: 1.1rem;
    overflow: hidden;
    min-width: 220px;
    position: relative;
    z-index: 2;
}
.btn::before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #542f19;
    transition: all 0.5s ease;
}

.btn-yellow, .btn-sunflower-seeds {
    background: #f2a41c;
    color: #000;
}
.btn-yellow::before, .btn-sunflower-seeds::before{
    background: #f2a41c;
}

.btn-andes {
    background: #B9B6DD;
    color: #000;
}
.btn-andes::before{
    background: #B9B6DD;
}

.btn-springhare, .btn-springhare::before {
    background: #9cc593;
} .btn-springhare { color: #000; }

.btn-bunny-burrows, .btn-bunny-burrows::before {
    background: #308234;
    color: #FFF;
}

.btn-charles, .btn-charles::before {
    background: #306CA0;
    color: #FFF;
}

.btn-acorn-thief, .btn-acorn-thief::before {
    background: #8915ac;
    color: #FFF;
}

.btn-etsy, .btn-etsy::before {
    background: #f1641e;
    color: #FFF;
}

.btn:hover, .btn:focus, .btn:focus-within,
.btn:hover, .btn:focus, .btn:focus-within,
button:hover, button:focus, button:focus-within {
    color: #FFF!important;
}
.btn:hover::before, .btn:focus::before, .btn:focus-within::before {
    left: 0;
    right: 0;
    background: #000;
}

.newsletter .btn {
    background: #FFF;
    color: #542f19;
    border: 2px solid #FFF;
    padding: 0.75rem 1rem;
}
.newsletter .btn:hover, .newsletter .btn:focus, .newsletter .btn:focus-within {
    color: #FFF;
}
.newsletter .btn:hover::before, .newsletter .btn:focus::before, 
.newsletter .btn:focus-within::before {
    background: #542f19;
}



.imgzoom {
    display: block;
    border-radius: 0.5em;
    overflow: hidden;
}
.imgzoom img {
    display: block;
}
.imgzoom:hover img {
    transform: scale(1.05);
}
@media (prefers-reduced-motion) {
    .imgzoom:hover img {
        transform: none!important;
    }
}



.wrapper {
    margin: 0 auto;
    max-width: 1300px;
}



header {
    padding: 1rem 1.5rem;
    color: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    line-height: 1;
}
header a {
    display: block;
    text-decoration: none;
    color: #FFF;
}
header a:hover {
    color: #FFF;
}
header img {
    display: block;
}
header.desktop .logo {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 2.25rem;
}
header.desktop ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 2rem;
    font-size: 1.75rem;
}
header.desktop ul a {
    padding-top: 7px;
}
header.mobile {
    padding: 1rem 1rem 0;
}
header.mobile .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 1rem;
}
header.mobile .navbar .logo {
    width: 50px;
    flex-shrink: 0;
}
header.mobile .navbar .title {
    font-size: 2rem;
}
header.mobile .nav ul {
    list-style: none;
    margin: 0;
    padding: 0 0 1rem;
    text-align: center;
}
header.mobile .nav ul li {
    padding: 0.5rem 0;
}
header.mobile .nav ul li a {
    display: inline-block;
    font-size: 1.5rem;
}
.opennav {
    flex-shrink: 0;
    /*background: #542f19;
    border: 2px solid #f2a41c;
    border-radius: 50%;*/
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    width: 40px;
    height: 50px;
    margin-left: 5px;
    min-width: 0;
    flex-grow: 0;
    flex-shrink: 0;
    cursor: pointer;
}
.opennav::before {
    display: none!important;
}
.opennav:hover, .opennav:focus, .opennav:focus-within, .opennav:active {
    /*background: #542f19!important;*/
    background: none!important;
}
.opennav svg {
    display: block;
    margin: 0 auto;
    fill: #f2a41c;
    width: 30px;
    height: 30px;
}
.opennav .ex,
.opennav.active .ham {
    display: none;
}
.opennav.active .ex {
    display: block;
}


hr {
    background: #EEE;
    border: none;
    height: 4px;
    border-radius: 4px;
    margin: 2.5rem 0;
}
/*hr.half {
    background: #EEE;
    margin: 2.5rem 1rem;
}*/


.notice {
    background: #f2a41c;
    color: #000;
    padding: 0.5rem 3rem;
    position: relative;
    text-align: center;
    font-size: 0.9rem;
}
.notice p {
    margin: 0;
}
.notice p a {
    color: #000;
}
.notice p a:hover {
    color: #542f19;
}
.closenotice {
    cursor: pointer;
    background: none!important;
    border: none!important;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3rem;
    min-width: 0;
    height: 100%;
    padding: 0;
    z-index: 50;
}
.closenotice::before {
    display: none!important;
}
.closenotice svg {
    display: block;
    fill: #000;
    height: 1.25rem;
    width: 1.25rem;
}
.closenotice:hover {
    background: none!important;
}
.closenotice:hover svg {
    fill: #542f19;
}

.onsalebadge {
    background: #f2a41c;
    color: #000;
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}



.block, .tgcount3 .post {
    background: #FFF;
    border-radius: 1.5rem;
    padding: 1.5rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 0.75rem 0 rgba(0,0,0,0.3); 
    position: relative;
    overflow: hidden;
}

.center {
    text-align: center;
}

.cols {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}
.block .cols {
    gap: 1.5rem;
}
.rowrev {
    flex-direction: row-reverse;
}
.stretch {
    display: flex;
    align-items: stretch;
}
.vertcenter {
    display: flex;
    align-items: center;
}
.half {
    flex-basis: 50%;
    flex-shrink: 0;
}
.third {
    flex-basis: 33%;
    flex-shrink: 0;
}
.fourth {
    flex-basis: 25%;
    flex-shrink: 0;
}
.rest {
    flex-grow: 1;
}
.contactcols {
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.contactcols svg {
    width: 2rem;
    height: 2rem;
    display: block;
    margin: 0 auto;
}

.rotateimg {
    display: block;
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: 300px;
    margin: 1rem auto;
    transform: rotate(-5deg);
}
.rowrev .rotateimg {
    transform: rotate(5deg);
}
.rotateimg img {
    display: block;
    margin: 0 auto;
    width: auto !important;
    max-height: 100%;
    max-width: 100%;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    transition: all 0.5s ease;
}
a.rotateimg:hover img {
    transform: scale(1.05);
}

.zoomhover {
    transition: all 0.5s ease;
}
.zoomhover:hover {
    transform: scale(1.05);
}


.btnline {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}


.abouticons {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
.abouticons a {
    display: block;
}
.abouticons img {
    display: block;
    width: 100px;
}


/* RSS FEED */
.tgpost img {
    display: block;
    margin: 0 auto 0.5rem;
    border-radius: 0.5rem;
}
.tgpost.tgcount1 {
    font-size: 0;
    color: #FFF;
    width: 100%;
    max-width: 325px;
    margin: 0 auto;
}
.tgpost.tgcount1 img {
    margin-bottom: 0;
    max-height: 325px;
}
.tgpost.tgcount1 .date {
    text-align: center;
}
.tgpost .date {
    font-size: 0.8rem;
    color: #666;
    margin-bottom: 0.5rem;
}
.tgpost br {
    display: block;
    height: 1px;
    line-height: 1px;
    margin: 0.25em auto;
}
.tgpost a {
  word-break: break-all;
}
.tgpost .emoji {
    background: none!important;
    font-style: normal;
}
.tgpost.tgcount3 .post .date,
.tgpost.tgcount3 .post .thepost {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}
.tgnewshome {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



/* CALENDAR */
.eventcal {
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
}
.eventcal div, .eventcalpast > div  {
    width: 30%;
    width: Calc(33% - 1rem);
}
.eventcal div {
    padding: 0.75rem 0;
}
.eventcal a {
    display: block;
    color: #000;
    text-decoration: none;
}
.eventcal .imgzoom {
    overflow: visible;
}
.eventcal .imgzoom img {
    display: block;
    margin: 0 auto;
    max-width: 200px;
    max-height: 150px;
}
.eventcal h2 {
    font-size: 1.25rem;
    margin: 0.25rem 0;
    color: #000;
}
.eventcal p {
    margin: 0.25rem 0;
}

.eventcalpast {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.eventcalpast p {
    margin-bottom: 0;
}
.eventcalpast ul {
    list-style: none;
    margin-top: 0;
    padding: 0;
}



/* SHOP */
.reviews {
    position: absolute;
    top: 2rem;
    right: 2rem;
    line-height: 1;
}
.reviews a {
    display: block;
    text-decoration: none;
}
.reviews a svg {
    width: 1rem;
    height: 1rem;
    fill: #542f19;
}
.reviews a:hover svg {
    fill: #000;
}

.product-loader {
    background: #FFF url('load.gif') top center no-repeat;
    min-height: 200px;
    margin-bottom: 0.25rem;
}
.shopify-list {
    background: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    padding: 1rem 0 0;
    line-height: 1;
}
.shop-item {
    width: 230px;
    max-width: Calc(50% - 0.5rem);
    background: #FFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
    border-radius: 0.75rem;
}
.shop-item a, .shop-item label {
    display: block;
    font-size: 0.95rem;
    padding: 0.5rem;
    text-align: center;
    text-decoration: none;
    position: relative;
    height: 100%;
}
.shop-item label img {
    display: block;
    border-radius: 0.5em;
}
.shop-item strong {
    display: block;
    margin: 0.25rem 0 0.5rem;
    line-height: 1.1;
}
.shop-item .price {
    display: block;
    font-size: 0.8rem;
    padding-bottom: 0.5rem;
    color: #542f19;
}
.shop-item .price del {
    opacity: 0.75;
    font-size: 0.7rem;
}
.shop-item .qty {
    display: block;
    font-size: 0.8rem;
    padding-bottom: 0.5rem;
}
.shop-item .qty input {
    display: inline-block;
    background: #FFF;
    color: #000;
    border: 1px solid #999;
    font-size: 0.8rem;
    max-width: 75px;
    border-radius: 0.25rem;
}
.shop-item a .onsale, .shop-item a .soldout {
    position: absolute;
    top: 0.15rem;
    left: 0.15rem;
    z-index: 50;
    border-radius: 0.45rem;
    padding: 3px 5px;
    text-transform: uppercase;
    font-size: 0.8rem;
    background: #f2a41c;
    color: #000;
    border: 2px solid #FFF;
    transition: background linear 0.3s;
}
.shop-item a .soldout {
    background: #000;
    color: #FFF;
}
.shop-item a.externalshop::before {
  content: '';
  position: absolute;
  bottom: 1.35rem;
  right: 0.35rem;
  width: 10px;
  height: 10px;
  opacity: 0.3;
  background-color: #000;
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"/></svg>') no-repeat center / contain;
}

/* SHOP ITEM */
.tall-loader {
    min-height: 675px;
}
.shopify-buy-frame--product {
    background: #FFF;
}
#productvideo {
    max-width: 950px;
    margin: 0 auto;
}
#productvideo video {
    display: block;
    margin: 1rem auto;
    width: 100%!important;
    background: #000;
    border-radius: 0.25rem;
}



/* GALLERY */
.gallery-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
.gallery-grid div {
    width: 15%;
    width: Calc(20% - 0.4rem);
}
.gallery-grid .gallery {
    aspect-ratio: 1 / 1;
    border: 1px solid #EEE;
    background: #EEE;
}
.gallery-grid .gallery img {
    object-fit: cover;
    width: 100%;
    height: 100%!important;
}
.sl-wrapper button {
    min-width: 0!important;
}
.sl-overlay {
    background: #000!important;
}


/* SHARE */
.sharebtns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin: 1rem auto;
    background: #EEE;
    border-radius: 0.25rem;
    padding: 0.25rem 0.25rem 0.25rem 0.5rem;
    gap: 0.25rem;
    max-width: 285px;
}
.sharebtns strong {
    font-size: 0.9rem;
}
.sharebtns ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0.25rem;
}
.sharebtns li a {
    display: block;
    background: #542f19;
    color: #FFF;
    border-radius: 0.25rem;
    padding: 0.25rem;
    width: 1rem;
    height: 1rem;
}
.sharebtns li a:hover { 
    color: #FFF; 
    background: #000; 
}
.sharebtns li a svg {
    width: 0.9rem;
    height: 0.9rem;
    fill: #FFF;
}



/* SITEMAP */
.sitemap {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.twocol-sitemap {
    display: flex;
    justify-content: center;
    gap: 2rem;
}
.sitemap li {
    margin: 0.25rem;
}
.sitemap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sitemap .iconnav a {
    text-decoration: none;
}
.sitemap .iconnav a img {
    display: inline-block;
    width: 1rem;
    margin-right: 0.25rem;
}

ol small {
    color: #666;
    font-size: 0.9rem;
}


footer {
    padding: 0.5rem 1.5rem 2rem;
    color: #FFF;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: 0.9rem;
    gap: 1.25rem 0.75rem;
    line-height: 1;
}
footer a, footer a:hover {
    color: #FFF;
    text-decoration: none;
}
footer svg {
    fill: #FFF;
}
.social a:hover svg,
footer .icons a:hover svg,
footer .icons a:hover img {
    transform: scale(1.1);
}
footer img {
    display: block;
}
footer ul,
.social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
footer .iconnav img {
    width: 1em;
    height: 1em!important;
}
footer .iconnav svg {
    width: 1em;
    height: 1em;
}

footer #brandswitch {
    background: none;
    border: none;
    padding: 0.25rem 0.75rem;
    color: #FFF;
    font-size: 0.9rem;
    cursor: pointer;
    border: 2px solid #FFF;
    border-radius: 1.1rem;
    background: #542f19;
}
.brandswitcher {
    position: relative;
}
.brandswitcher .bswitch::before {
    content: '';
    opacity: 0;
    position: absolute;
    top: 2px;
    right: -1rem;
    width: 1rem;
    height: 0.9rem;
    background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'>\<path fill='white' d='M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z'/>\</svg>");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 1rem;
    transition: opacity 0.3s ease;
    rotate: 180deg;
}
.brandswitcher .bswitch.active::before {
    opacity: 1;
}
.brandswitcher .hoverU.bswitch.active::after {
    width: 100%;
    background: #FFF;
}
.brandswitcher ul {
    display: none;
    position: absolute;
    bottom: 1.1rem;
    left: -0.5rem;
    background: #542f19;
    padding: 0.25rem 0;
    border: 2px solid #FFF;
    border-radius: 0.5rem;
    width: 140px;
    z-index: 50;
}
.brandswitcher ul li {
    display: block;
    color: rgba(255,255,255,0.5);
    padding: 0.1rem 0.25rem;
}
.brandswitcher ul li a {
    display: block;
    color: #FFF;
}
.brandswitcher ul li a:hover {
    text-decoration: underline;
}

.social {
    width: 40%;
    width: calc(40% - 0.5rem);
    order: 3;
}
.social ul {
    justify-content: flex-end;
}
.social svg {
    width: 1.75rem;
    height: 1.75rem;
}

footer .newsletter {
    width: 100%;
    order: 4;
}
footer .newsletter .btn {
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
}

footer .footnav {
    width: 40%;
    width: calc(40% - 0.5rem);
    order: 1;
}
footer .footnav ul {
    justify-content: flex-start;
    gap: 1.5rem;
}
footer .footnav ul .iconnav a {
    display: flex;
    gap: 0.25rem;
}

footer .icons {
    width: 20%;
    width: calc(20% - 0.5rem);
    order: 2;
}
footer .icons ul {
    gap: 1rem;
}
footer .icons .pride {
    border: 2px solid #FFF;
    background: #FFF;
    border-radius: 4px;
}
footer .icons svg {
    width: 1.5rem;
    height: 1.5rem;
}

footer .copyr {
    width: 100%;
    order: 5;
    font-size: 0.7rem;
    line-height: 1.3;
}
footer .copyr a:hover {
    text-decoration: underline;
}
footer .copyr .openprivacyoptions img {
    display: inline-block;
    width: 20px;
}

main .social {
    width: 100%;
    margin: 0 auto 2em;
}
main .social ul {
    justify-content: flex-start;
}
main .social ul li a {
    display: block;
}
main .social ul li a svg {
    fill: #542f19;
}
main .social ul li a:hover svg {
    fill: #000;
    transform: none;
}
    
.lightmodeswitch {
    display: none;
}
.lightmodeswitch button {
    background: none!important;
    border: none!important;
    cursor: pointer;
    display: inline-block;    
    padding: 0.5rem;
    font-size: 0.9rem;
}
.lightmodeswitch button svg {
    height: 1.5rem;
    vertical-align: middle;
    margin-right: 0.5rem;
}


@media (max-width: 1028px), (prefers-reduced-motion: reduce) {
    .hoverU::after, 
    .btn::before, button::before { 
        display: none!important; 
    }
    .hoverU:hover, .hoverU:focus, .hoverU:focus-within, 
    .hoverU[aria-current="page"] { 
        text-decoration: underline!important; 
    } 
    .btn:hover, .btn:focus, .btn:focus-within,
    button:hover, button:focus, button:focus-within {
        background: #000!important;
        color: #FFF!important;
    }
    .newsletter .btn:hover, .newsletter .btn:focus, .newsletter .btn:focus-within {
        color: #FFF!important;
        background: #542f19!important;
    }
    svg, img {
        transform: scale(1)!important;
    }
}
@media (prefers-reduced-motion: reduce) {
    a, .btn, button, input, select, svg, img {
        transition: none!important;
    } 
}


@media (max-width: 1328px) {
    .wrapper {
        max-width: none;
        margin: 0 1rem;
    }
    #content > .cols {
        display: block;
    }
    .centermobile {
        text-align: center!important;
    }
    main .social ul {
        justify-content: center;
    }
    .tgpost.tgcount1 {
        max-width: 450px;
    }
    .tgpost.tgcount1 img {
        max-height: none;
    }
    .btn span {
        display: block;
    }
}

@media (max-width: 1200px) {
    footer {
        flex-direction: column;
        gap: 1.5rem;
    }
    footer ul {
        justify-content: center!important;
    }
    footer #brandswitch {
        text-align: center;
    }
    footer > div, footer nav {
        order: 1!important;
        width: 100%!important;
    }
}

@media (max-width: 1028px) {
    header.desktop, .desktoponly {
        display: none;
    }
    header.mobile, .showmobile {
        display: block;
    }
    header.mobile .nav {
        display: none;
    }
    hr {
        margin: 2rem 0;
    }
    .cols {
        display: block;
    }
    .block .cols {
        display: block;
        padding: 0.5rem 0;
    }
    .half, .third, .fourth, .block .cols > div {
        width: auto!important;
    }
    .rotateimg {
        transform: none!important;
        width: 90%;
        max-width: 350px;
    }
    .zoomhover:hover {
        transform: none!important;
    }
    .bookgamelist h2 {
        margin-top: 0;
    }
    .gallery-grid div {
        width: 40%;
        width: Calc(50% - 0.25rem);
    }
    .btn span {
        display: inline;
    }
}

@media (max-width: 876px) {
    .break {
        display: block;
    }
    .reviews {
        position: relative;
        top: auto;
        right: auto;
        text-align: center;
    }
    .notice {
        padding: 0.5rem 2rem;
        font-size: 0.85rem;
    }
    .closenotice {
        width: 2rem;
    }
    .tall-loader {
        min-height: 400px;
    }
}
@media (max-width: 676px) {
    .wrapper {
        margin: 0 0.5rem;
    }
    .block, .tgcount3 .post {
        border-radius: 1rem;
        padding: 1rem;
    }
    #productvideo video {
        width: auto;
        height: auto!important;
        aspect-ratio: 1 / 1;
        background: #FFF;
    }
    footer {
        padding: 1rem 0 2rem;
    }
    footer .footnav ul {
        flex-direction: column;
        gap: 0.75rem;
    }
    footer .footnav ul li.iconnav {
        padding-top: 0.25rem;
    }
    .brandswitcher ul {
        left: 50%;
        margin-left: -68px;
    }
}

@media (max-width: 595px) {
    header.mobile .navbar .title,
    h1, .h1 {
        font-size: 1.6rem;
        text-align: center;
    }
    h2 {
        font-size: 1.3rem;
    }
    h3, h4, h5, h6 {
        font-size: 1.1rem;
    }
    .tall-loader {
        min-height: 500px;
    }
    .shop-item strong {
        font-size: 0.9rem;
    }
    .shop-item .price {
        font-size: 0.75rem;
    }
}

@media (max-width: 415px) {
    .btn span {
        display: block;
    }
}

@media (max-width: 390px) {
    header.mobile .navbar .title {
        line-height: 0.9;
    }
    header.mobile .navbar .title span {
        display: block;
    }
}