/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/

/* Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
    font-family: 'HVD Comic Serif Pro';
    src: url('/wp-content/themes/storefront-child-theme-master/fonts/HVDComicSerifPro.eot');
    src: url('/wp-content/themes/storefront-child-theme-master/fonts/HVDComicSerifPro.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/storefront-child-theme-master/fonts/HVDComicSerifPro.woff2') format('woff2'),
        url('/wp-content/themes/storefront-child-theme-master/fonts/HVDComicSerifPro.woff') format('woff'),
        url('/wp-content/themes/storefront-child-theme-master/fonts/HVDComicSerifPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Content
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  h1 {font-family: 'HVD Comic Serif Pro'; font-size: 54px; line-height: 59px; text-transform: uppercase; letter-spacing: 1px !important;}
  h2 {font-family: 'HVD Comic Serif Pro'; font-size: 45px; line-height: 50px; text-transform: uppercase; letter-spacing: 2px !important;}
  h3 {font-family: 'HVD Comic Serif Pro'; font-size: 35px; line-height: 40px; text-transform: uppercase; letter-spacing: 2px !important;}
  h4 {font-family: 'HVD Comic Serif Pro'; font-size: 30px; line-height: 35px; text-transform: uppercase; letter-spacing: 2px !important;}
  h5 {font-family: 'HVD Comic Serif Pro'; font-size: 28px; line-height: 33px; text-transform: uppercase; letter-spacing: 2px !important;}
  h6 {font-family: 'HVD Comic Serif Pro'; font-size: 22px; line-height: 27px; text-transform: uppercase; letter-spacing: 2px !important;}
  p {font-family: "Karla", sans-serif; font-size: 17px; line-height: 24px; font-weight: 300; margin-bottom: 1rem;}
  
  .h1 {font-family: 'HVD Comic Serif Pro'; font-size: 49px; line-height: 54px; text-transform: uppercase; letter-spacing: 1px !important;}
  .h2 {font-family: 'HVD Comic Serif Pro'; font-size: 45px; line-height: 50px; text-transform: uppercase; letter-spacing: 2px !important;}
  .h3 {font-family: 'HVD Comic Serif Pro'; font-size: 35px; line-height: 40px; text-transform: uppercase; letter-spacing: 2px !important;}
  .h4 {font-family: 'HVD Comic Serif Pro'; font-size: 30px; line-height: 35px; text-transform: uppercase; letter-spacing: 2px !important;}
  .h5 {font-family: 'HVD Comic Serif Pro'; font-size: 28px; line-height: 33px; text-transform: uppercase; letter-spacing: 2px !important;}
  .h6 {font-family: 'HVD Comic Serif Pro'; font-size: 22px; line-height: 27px; text-transform: uppercase; letter-spacing: 2px !important;}

/* Background Colour
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  .bg-black {background-color: #000;}
  
  .bg-black {position: relative; overflow: hidden;}
  .bg-black::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 15%; background: linear-gradient(to top, rgba(132, 255, 0, 0.25), rgba(132, 255, 0, 0)); pointer-events: none;}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  .btn {border-radius: 48px; padding: 10px 28px; font-size: 17px; font-family: "Karla", sans-serif; font-weight: 500; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
  
  .btn-white {border: 2px solid #84ff00; color: #fff;}
  .btn-white:hover {background-color: #84ff00; color: #000;}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  form p, form {margin: 0;}
  form br {display: none;}
  input[type=text], input[type=email] {width: 100%; padding: 0 !important; background-color: #76c019 !important; color: #a7a7a7 !important; border: none !important; font-size: 17px; height: 45px; padding-left: 15px !important; margin-bottom: 0.4rem; font-family: "Karla", sans-serif; border-radius: 5px;}
  
  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #a7a7a7;}
  ::-moz-placeholder { /* Firefox 19+ */ color: #a7a7a7;}
  :-ms-input-placeholder { /* IE 10+ */ color: #a7a7a7;}
  :-moz-placeholder { /* Firefox 18- */ color: #a7a7a7;}
  
  .file-input {display: none;}
  .file-label {display: inline-block; padding: 0px; background: #76c019; color: #a7a7a7; cursor: pointer; border: none; font-size: 17px; height: 45px; padding-left: 15px !important; margin-bottom: 0.4rem; font-family: "Karla", sans-serif; border-radius: 5px; width: 100%; padding-top: 10px;}
  .file-label:hover {background: #76c019;}
  
  textarea {width: 100%; padding: 0 !important; background-color: #76c019 !important; color: #a7a7a7 !important; border: none !important; font-size: 17px; height: 120px; padding-left: 15px !important; margin-bottom: 0.4rem; padding-top: 15px !important; font-family: "Karla", sans-serif; border-radius: 5px;}
  input[type="submit"] {background-color: #000 !important; color: #fff !important; width: 40%; margin-top: 0.8rem; border: none !important; border-radius: 50px; font-size: 20px; font-family: 'HVD Comic Serif Pro'; text-transform: uppercase; letter-spacing: 1px; padding: 0 !important; margin-bottom: 0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; height: 45px;}
  input[type="submit"]:hover {background-color: #323232 !important;}
  
  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border: none; color: #fff; padding: 0; margin: 0; margin-top: 1rem;}
  .wpcf7-not-valid-tip {font-size: 15px; margin-top: -0.5rem;}
  
  #ideas .file-label, textarea, input[type=text], input[type=email] {color: #fff !important;}  
  #ideas ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff;}
  #ideas ::-moz-placeholder { /* Firefox 19+ */ color: #fff;}
  #ideas :-ms-input-placeholder { /* IE 10+ */ color: #fff;}
  #ideas :-moz-placeholder { /* Firefox 18- */ color: #fff;}  
  #ideas input[type="submit"] {font-size: 18px; height: 51px; width: 45%; letter-spacing: 2px;}

/* Other
–––––––––––––––––––––––––––––––––––––––––––––––––– */
    img {border-radius: 0;}
    :focus {outline: none !important;}
    .storefront-breadcrumb {display: none;}
    
    .grecaptcha-badge {
    visibility: hidden !important;
    
    }
    
    .page-id-122 .grecaptcha-badge {
    visibility: visible !important;
    bottom: 100px!important;
    }

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
    .page-id-2 header {padding: 1.5rem 0 0 0;}
    .page-id-2 header .logo img {display: none;}
    .page-id-2 header .right {margin: 0 auto; display: block; margin-top: 0;}
    

    .page-id-377 header {position: absolute; top: 0; left: 0; width: 100%; z-index: 9; padding: 3rem 0; background-color: transparent;}
    
    header {background-color: #000; padding: 3rem 0;}
    header .logo img {width: 300px;}
    header .right {margin-left: auto; margin-top: 1rem;}
    header .cart {display: inline-block;}
    header .socialMedia {display: inline-block; margin-right: 30px;}
    header .socialMedia i {color: #fff;}
    header .socialMedia i:hover {color: #84ff00 !important;}
    
    /* Nav
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    header nav {display: inline-block !important; margin-right: 60px;}
    header nav ul {margin: 0;}
    header nav ul li {display: inline-block; margin-left: 40px;}
    header nav ul li:first-child {margin-left: 0;}
    header nav ul li a {color: #ddd !important; font-size: 18px; font-family: 'HVD Comic Serif Pro'; text-transform: uppercase;}
    header nav ul li a:hover {color: #84ff00 !important;}
    header nav ul li.current-menu-item a {color: #84ff00 !important;}
    
    /* BurgerMenu
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    header .burgerMenu {display: none;}
    header .burgerMenu button {background-color: transparent; padding: 0;}
    header .burgerMenu button i {font-size: 28px; color: #fff; vertical-align: middle; margin-top: -0.3rem;}
    
    /* Cart
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .cart {position: relative; display: inline-block;}
    .cart i {color: #fff; font-size: 18px;}
    .cart i:hover {color: #84ff00;}    
    .page-id-2 .cart .cart-contents-count {position: absolute; top: -16px; right: -14px; background: #000; color: #fff; font-size: 13px; font-weight: bold; border-radius: 50%; padding: 4px 7px; line-height: 1; min-width: 18px; text-align: center;}
    .cart .cart-contents-count {position: absolute; top: -16px; right: -14px; background: #fff; color: #000; font-size: 13px; font-weight: bold; border-radius: 50%; padding: 4px 7px; line-height: 1; min-width: 18px; text-align: center;}
    
    /* Account
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    header .account {display: inline-block; margin-right: 10px;}
    header .account i {color: #fff; font-size: 18px;}
    header .account i:hover {color: #84ff00;}
    
    /* Offcanvas
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .offcanvas {background-color: #000; width: 60% !important;}
    .offcanvas .offcanvas-header {padding: 3rem 3rem 5rem 3rem;}
    .offcanvas .logo img {width: 300px;}
    .offcanvas button {background-color: transparent; padding: 0; margin-left: auto;}
    .offcanvas button i {font-size: 28px; color: #fff; vertical-align: middle; margin-top: 0.8rem;}
    .offcanvas .offcanvas-body {padding: 0 3rem;}
    .offcanvas nav {display: block; text-align: center;}
    .offcanvas nav ul {margin: 0;}
    .offcanvas nav ul li {margin-bottom: 1rem; list-style: none;}
    .offcanvas nav ul li:last-child {margin-bottom: 0;}
    .offcanvas nav ul li a {color: #ddd !important; font-size: 20px; font-family: 'HVD Comic Serif Pro'; text-transform: uppercase; letter-spacing: 0;}
    .offcanvas nav ul li a:hover {color: #84ff00 !important;}
    .offcanvas nav ul li.current-menu-item a {color: #84ff00 !important;}

/* Home
–––––––––––––––––––––––––––––––––––––––––––––––––– */

    /* Home Banner
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    #homeImgMobile {display: none;}
    
    @media screen and (max-width: 600px) {
      #homeImgDesk {display: none;}
      #homeImgMobile {display: inherit;}
    }

    /* Banner
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .after {position: absolute; bottom: 0%; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 2;}
    #banner {position: relative;}
    #banner .bannerText {position: absolute; bottom: 20%; left: 0; width: 100%; z-index: 9;}
    #banner .bannerText .welcome {font-family: 'HVD Comic Serif Pro'; font-size: 30px; line-height: 35px; margin-bottom: 0 !important; letter-spacing: 1px;text-transform: uppercase;}
    #banner .bannerText h1 {margin-bottom: 0rem; color: #84ff00;}
    #banner .bannerText p {font-size: 25px; line-height: 30px; color: #fff;}
    .carousel-indicators {z-index: 3;}
    
    #mobileText {padding: 3rem 0; display: none;}
    #mobileText .welcome {font-family: 'HVD Comic Serif Pro'; font-size: 30px; line-height: 35px; margin-bottom: 0 !important; letter-spacing: 1px;text-transform: uppercase;}
    #mobileText h1 {margin-bottom: 0rem; color: #84ff00;}
    #mobileText p {font-size: 25px; line-height: 30px; color: #fff;}
    
    /* Latest Issue
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    #latestIssue {padding: 8rem 0;}
    #latestIssue .heading {text-align: center; margin-bottom: 4rem; color: #fff;}
    #latestIssue .heading h2 {color: #84ff00 !important; margin-bottom: 0.5rem;}
    #latestIssue .heading h2:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
    #latestIssue .heading p {width: 50%; margin: 0 auto; display: block;}
    #latestIssue .width {width: 62%; margin: 0 auto; display: block;}
    #latestIssue .product img {width: 100%;}
    #latestIssue .product h2 {font-family: 'HVD Comic Serif Pro'; font-size: 25px; line-height: 30px; margin-bottom: 0rem; color: #84ff00; letter-spacing: 1px;}
    #latestIssue .product .product-price, #latestIssue .product .product-description {font-size: 17px; font-weight: 300; font-family: "Karla", sans-serif; color: #fff;}
    #latestIssue .product .product-price {margin-bottom: 0.5rem; font-size: 25px; line-height: 30px;}
    #latestIssue a.button {float: left; margin-top: 2rem; font-family: "Karla", sans-serif; font-weight: 500; font-size: 17px; border-radius: 48px; padding: 10px 28px; background-color: transparent; border: 2px solid #84ff00; color: #fff; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
    #latestIssue a.button:hover {background-color: #84ff00; color: #000; border-color: #84ff00;}
    #latestIssue a.added_to_cart.wc-forward {display: block; float: left; clear: both; margin-top: 2rem; font-family: "Karla", sans-serif; font-weight: 500; font-size: 17px; border-radius: 48px; padding: 10px 28px; background-color: transparent; border: 2px solid #84ff00; color: #fff; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
    #latestIssue a.added_to_cart.wc-forward:hover {background-color: #84ff00; color: #000;}
    
    /* Welcome
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    #welcome {padding: 8rem 0;}
    #welcome .container {width: 80%;}
    #welcome h3 {color: #84ff00;}
    #welcome h3:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
    #welcome p {color: #fff;}
    
    /* Ideas
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    #ideas {padding: 5rem 0; background: linear-gradient(to bottom right, #6ed600 0%, #66b800 30%, #559900 60%, #3d7300 100%);}
    #ideas .container {width: 82%;}
    #ideas .h1 {margin-bottom: 2rem;}
    #ideas p {color: #fff; width: 90%;}
    
    /* Instagram
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    #instagram {padding: 6rem 0;}
    #instagram .heading {margin-bottom: 3rem;}
    #instagram .heading h2 {color: #84ff00; margin-bottom: 0.5rem;}
    #instagram .heading h2:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
    #instagram .heading p {text-align: center; width: 50%; margin: 0 auto; display: block; color: #fff;}

/* Shop
–––––––––––––––––––––––––––––––––––––––––––––––––– */
    
    /* Shop archive
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .archive #content {background-color: #000; position: relative; overflow: hidden;}
    .archive #content::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 15%; background: linear-gradient(to top, rgba(132, 255, 0, 0.25), rgba(132, 255, 0, 0)); pointer-events: none;}
    .archive .storefront-sorting {display: none;}
    .archive header.woocommerce-products-header {padding: 2rem 0 3.5rem 0;}
    .archive header.woocommerce-products-header h2 {color: #84ff00; margin-bottom: 0rem !important; text-align: center;}
    .archive header.woocommerce-products-header h2:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
    .archive #secondary {display: none !important;}
    .archive #primary {width: 100% !important; float: none !important;}
    .site-main ul.products.columns-3 li.product {width: 100% !important; float: none !important; margin-right: 0 !important; margin-bottom: 0;}
    .archive .product-content h2 {text-align: left; font-family: 'HVD Comic Serif Pro'; font-size: 23px !important; line-height: 28px !important; margin-bottom: 0rem !important; color: #84ff00; letter-spacing: 1px !important;}
    .archive .product-content .price {margin: 0; font-weight: 300; font-size: 25px !important; line-height: 30px !important; font-family: "Karla", sans-serif; color: #fff !important; text-align: left;}
    .archive .product-content .product-short-description {text-align: left; font-size: 17px !important; font-weight: 300; font-family: "Karla", sans-serif; color: #fff !important;}
    .archive .product-content .add_to_cart_button {font-family: "Karla", sans-serif; font-weight: 500; font-size: 17px; border-radius: 48px; padding: 10px 0px; background-color: transparent; border: 2px solid #84ff00; color: #fff; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; margin-top: 1.5rem; width: 30%; margin-bottom: 0;}
    .archive .product-content .add_to_cart_button:hover {background: #84ff00; color: #000;}
    .archive .site-main, .archive .content-area, .archive .widget-area {margin-bottom: 0 !important;}
    .archive a.added_to_cart.wc-forward {margin-top: 2rem; width: 30%; padding: 14px 0px; border-radius: 50px; font-size: 17px; background-color: transparent; border: 2px solid #84ff00; color: #fff; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
    .archive a.added_to_cart.wc-forward:hover {background: #84ff00; color: #000;}
    
    ul.products {max-width: 1100px; margin: 0 auto; padding: 0 20px 1rem 20px; display: flex; flex-direction: column; gap: 60px;}
    ul.products li.product {display: flex; flex-direction: row; align-items: flex-start; gap: 20px;}
    ul.products li.product a.woocommerce-LoopProduct-link {margin: 0; flex-shrink: 0;}
    ul.products li.product .product-content {flex: 1; display: flex; flex-direction: column; justify-content: center; margin-left: 4%;}  
    ul.products::before {content: none !important; display: none !important;}
    
    @media (min-width: 1024px) {
      ul.products li.product {align-items: center;}
    }
    
    @media (max-width: 768px) {
      ul.products li.product img {width: 100%;}
      ul.products li.product {flex-direction: column;}
      ul.products li.product a.woocommerce-LoopProduct-link, ul.products li.product .product-content {flex: 100%; text-align: center;}
      .product-content h2, .product-content .price, .product-content .product-short-description {text-align: center;}
      .product-content .add_to_cart_button {margin: 0 auto;}
    }
    
    /* Single Product
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .single-product #content {background-color: #000; position: relative; overflow: hidden;}
    .single-product #content::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 15%; background: linear-gradient(to top, rgba(132, 255, 0, 0.25), rgba(132, 255, 0, 0)); pointer-events: none;}
    .single-product #secondary { display: none !important;}
    .single-product #primary {width: 100% !important; float: none !important;}
    .single-product div.product {max-width: 1200px; margin: 0 auto; padding: 20px;}
    .single-product h1 {color: #84ff00; margin-bottom: 0rem; font-size: 40px; line-height: 45px;}
    .single-product h1:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
    .single-product div.product p.price {margin: 0; font-weight: 300; font-size: 25px !important; line-height: 30px !important; font-family: "Karla", sans-serif; color: #fff !important; margin-bottom: 1.5rem; margin-top: 0.5rem;}
    .single-product .woocommerce-product-details__short-description p {font-size: 17px !important; font-weight: 300; font-family: "Karla", sans-serif; color: #fff !important;}
    .single-product div.product .product_meta, .edit-link {display: none;}
    .single-product button.single_add_to_cart_button.button.alt {background-color: #84ff00 !important; color: #000 !important; font-family: "Karla", sans-serif; border-radius: 50px; width: 40%; padding: 12px 0; font-weight: 700; font-size: 17px;}
    .single-product div.product form.cart {margin-bottom: 0; width: 100%;}
    .single-product .site-main, .single-product .content-area, .single-product .widget-area {margin-bottom: 0 !important;}
    .single-product .woocommerce-message {width: 90%; margin: 0 auto; margin-bottom: 1rem; background-color: #84ff00; color: #000;}
    .single-product .woocommerce-message::before {color: #000 !important;}
    .single-product .woocommerce-message .button {color: #000 !important;}
    .single-product nav.storefront-product-pagination {display: none;}
    .single-product .related.products h2 {color: #84ff00; margin-bottom: 2rem; font-size: 30px; line-height: 35px; text-align: center;}
    .single-product .related.products img {margin-bottom: 0.5rem;}
    .single-product .related.products h2.woocommerce-loop-product__title {font-size: 23px !important; line-height: 28px !important; margin-bottom: 0rem !important; color: #84ff00; letter-spacing: 1px !important; text-align: left;}
    .single-product .related.products span.price {font-size: 25px !important; line-height: 30px !important; font-family: "Karla", sans-serif; color: #fff !important; text-align: left;}
    .single-product .related.products .product-short-description {text-align: left; font-size: 17px !important; font-weight: 300; font-family: "Karla", sans-serif; color: #fff !important;}
    .single-product .woocommerce-product-details__short-description b, .single-product .woocommerce-product-details__short-description strong {color: #84ff00}
    .single-product .woocommerce-product-details__short-description ul {padding: 0; margin: 0; margin-bottom: 1rem; padding-left: 17px;}
    .single-product .woocommerce-product-details__short-description ul li {font-size: 17px !important; font-weight: 300; font-family: "Karla", sans-serif; color: #fff !important; margin-bottom: 0.3rem;}
    .single-product .woocommerce-product-details__short-description ul li::marker {color: #84ff00;}
    .single-product .related.products a.button {font-family: "Karla", sans-serif; font-weight: 500; font-size: 17px; border-radius: 48px; padding: 10px 28px; background-color: transparent; border: 2px solid #84ff00; color: #fff; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; margin-top: 1.5rem; width: 100%; margin-bottom: 0;}
    .single-product .related.products a.button:hover {background: #84ff00; color: #000;}
    
    /* Basket
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .page-id-11 #content {background-color: #000; position: relative; overflow: hidden;}
    .page-id-11 #content::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 15%; background: linear-gradient(to top, rgba(132, 255, 0, 0.25), rgba(132, 255, 0, 0)); pointer-events: none;}
    .page-id-11 #secondary { display: none !important;}
    .page-id-11 #primary {width: 100% !important; float: none !important;}
    .page-id-11 .is-large.wc-block-cart {margin-bottom: 0;}
    .page-id-11 .entry-content {max-width: 1200px; margin: 0 auto; padding: 20px;}
    .page-id-11 header.entry-header {padding: 2rem 0;}
    .page-id-11 header.entry-header h1 {color: #84ff00; margin-bottom: 0rem; text-align: center;}
    .page-id-11 header.entry-header h1:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
    .page-id-11 table {margin-bottom: 0 !important;}
    .page-id-11 table thead th {border: 1px solid #fff !important; border-bottom: none !important; padding: 0.5rem 1rem !important; color: #fff !important; font-size: 17px; font-family: 'HVD Comic Serif Pro'; letter-spacing: 1px;}
    .page-id-11 table tbody td {border: 1px solid #fff !important; padding: 1rem 1rem !important; color: #fff !important; font-size: 17px;}
    .page-id-11 table tbody td a {color: #fff !important; text-decoration: none !important;}
    .page-id-11 table td:last-child, .page-id-11 table th:last-child {border-right: none;}
    .page-id-11 th.wc-block-cart-items__header-product {border-top: 1px solid #fff !important;}
    .page-id-11 .wc-block-cart-items__header .wc-block-cart-items__header-product {visibility: visible !important;}
    .page-id-11 .wc-block-cart-items__header .wc-block-cart-items__header-total, .page-id-11 table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {text-align: left !important;}
    .page-id-11 .wc-block-cart-item__total-price-and-sale-badge-wrapper {align-items: center !important;}
    .page-id-11 h2.wp-block-woocommerce-cart-order-summary-heading-block, .page-id-11 span.wc-block-components-totals-item__label {font-size: 17px; font-family: 'HVD Comic Serif Pro'; letter-spacing: 1px; color: #fff;}
    .page-id-11 .wc-block-components-totals-coupon .wc-block-components-panel__button, .wc-block-components-formatted-money-amount {color: #fff;}
    .page-id-11 input#wc-block-components-totals-coupon__input-coupon {background-color: #232521 !important; color: #fff !important; padding-left: 15px;}
    .page-id-11 label[for="wc-block-components-totals-coupon__input-coupon"] {color: #fff;}
    .page-id-11 button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {background-color: #84ff00 !important; color: #000 !important; font-family: "Karla", sans-serif; font-weight: 500;}
    .page-id-11 a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {background-color: #84ff00 !important; color: #000 !important; font-size: 19px; font-family: 'HVD Comic Serif Pro'; letter-spacing: 1px; letter-spacing: 0.5px; text-decoration: none; font-weight: normal; text-transform: uppercase;}
    .page-id-11 h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title, .page-id-11 .wc-block-grid__product-title {color: #fff;}
    .page-id-11 h2.wp-block-heading.has-text-align-center {color: #84ff00;}
    .page-id-11 li.wc-block-grid__product, .page-id-11 .wp-block-button.wc-block-grid__product-add-to-cart, .page-id-11 .wc-block-grid__product-image, .page-id-11 .wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image), .page-id-11 .wc-block-grid__product .wc-block-grid__product-title {margin-bottom: 0;}
    .page-id-11 .wp-block-button.wc-block-grid__product-add-to-cart {display: none;}
    .page-id-11 img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {margin-bottom: 0.3rem;}
    .page-id-11 .wc-block-grid__product-price.price {color: #fff; font-size: 17px;}
    .page-id-11 .wc-block-components-totals-item__description, .page-id-11 .wcs-recurring-totals-panel__details.wc-block-components-panel {color: #fff;}
    
    /* Checkout
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .page-id-12 #content {background-color: #000; position: relative; overflow: hidden;}
    .page-id-12 #content::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 15%; background: linear-gradient(to top, rgba(132, 255, 0, 0.25), rgba(132, 255, 0, 0)); pointer-events: none;}
    .page-id-12 #secondary { display: none !important;}
    .page-id-12 #primary {width: 100% !important; float: none !important;}
    .page-id-12 .entry-content {max-width: 1200px; margin: 0 auto; padding: 20px;}
    .page-id-12 header.entry-header {padding: 2rem 20px 1rem 20px;}
    .page-id-12 header.entry-header h1 {color: #84ff00; margin-bottom: 0rem; text-align: center;}
    .page-id-12 header.entry-header h1:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
    .page-id-12 .wp-block-woocommerce-checkout {padding-top: 0;}
    .page-id-12 .wc-block-components-title.wc-block-components-title {font-size: 25px; line-height: 30px; color: #fff;}
    .page-id-12 p, .page-id-12 label, .page-id-12 a, .page-id-12 .wc-block-checkout__sidebar .wc-block-components-product-name, .page-id-12 span.wc-block-components-address-form__address_2-toggle, .page-id-12 span.wc-block-components-totals-item__label, .page-id-12 span.wc-block-components-checkbox__label {color: #fff !important;}
    .page-id-12 label {padding-left: 17px;}
    .page-id-12 #contact {padding: 0;}
    .page-id-12 input {background-color: #232521 !important;}
    .page-id-12 .wc-block-components-totals-coupon .wc-block-components-panel__button, .page-id-12 .wc-block-components-formatted-money-amount {color: #fff;}
    .page-id-12 input#wc-block-components-totals-coupon__input-coupon {background-color: #232521 !important; color: #fff !important; padding-left: 15px;}
    .page-id-12 label[for="wc-block-components-totals-coupon__input-coupon"] {color: #fff;}
    .page-id-12 button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {background-color: #84ff00 !important; color: #000 !important; font-family: "Karla", sans-serif; font-weight: 500;}
    .page-id-12 span.wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price, .page-id-12 .wc-block-components-product-price, .page-id-12 .wc-block-components-totals-item__description, .page-id-12 .wcs-recurring-totals-panel__details.wc-block-components-panel {color: #fff !important;}
    .page-id-12 .wc-blocks-components-select .wc-blocks-components-select__select {background-color: #232521 !important; color: #fff; border: none;}
    div#card-panel input {height: 40px !important;}    
    .page-id-12 .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row, .page-id-12 .wc-block-components-checkout-place-order-button__text {display: block !important;}
    .page-id-12 a.wc-block-components-checkout-return-to-cart-button {width: 100%; display: block; margin-bottom: 2rem; text-decoration: none;}
    .page-id-12 button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {font-family: "Karla", sans-serif; font-weight: 500; font-size: 17px; border-radius: 48px; padding: 10px 28px; background-color: transparent; border: 2px solid #84ff00; color: #fff; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; margin-top: 1.5rem; width: 100%; margin-bottom: 0; display: block;}
    .page-id-12 button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {background: #84ff00; color: #000;}
    .page-id-12 .wc-block-components-form .wc-block-checkout__order-notes.wc-block-components-checkout-step {margin-bottom: 0;}
    
    /* Account
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .page-id-13 #content {background-color: #000; position: relative; overflow: hidden;}
    .page-id-13 #content::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 15%; background: linear-gradient(to top, rgba(132, 255, 0, 0.25), rgba(132, 255, 0, 0)); pointer-events: none;}
    .page-id-13 #secondary { display: none !important;}
    .page-id-13 #primary {width: 100% !important; float: none !important;}
    .page-id-13 .entry-content {max-width: 1200px; margin: 0 auto; padding: 20px;}
    .page-id-13 header.entry-header {padding: 2rem 20px 1rem 20px;}
    .page-id-13 header.entry-header h1 {color: #84ff00; margin-bottom: 0rem; text-align: center;}
    .page-id-13 header.entry-header h1:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
    .page-id-13 .woocommerce-MyAccount-navigation a, .page-id-13 .woocommerce-MyAccount-content p, .page-id-13 .woocommerce-MyAccount-content a, .page-id-13 address, .page-id-13 legend {color: #fff;}
    .page-id-13 .u-columns.woocommerce-Addresses.col2-set.addresses h2, .page-id-13 .woocommerce-MyAccount-content h2 {color: #84ff00;}
    .page-id-13 input {background-color: #232521 !important;}
    .page-id-13 [type=submit] {background-color: #84ff00 !important; color: #000 !important; font-family: "Karla", sans-serif; font-weight: 500; margin-top: 2rem; border-radius: 50px;}
    .page-id-13 fieldset, .page-id-13 legend {background-color: transparent;}
    .page-id-13 fieldset {padding: 0; margin-bottom: 0;}
    .page-id-13 h2 {color: #fff;}
    .page-id-13 form.woocommerce-form.woocommerce-form-login.login label {color: #fff;}
    .page-id-13 p.woocommerce-LostPassword.lost_password {margin-top: 1rem;}
    .page-id-13 p.woocommerce-LostPassword.lost_password a {color: #fff;}
    .page-id-13 form.woocommerce-ResetPassword.lost_reset_password p, .page-id-13 form.woocommerce-form.woocommerce-form-register.register p, .page-id-13 form.woocommerce-form.woocommerce-form-register.register a, .page-id-13 form.woocommerce-form.woocommerce-form-register.register label {color: #fff;}
    .page-id-13 p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first {margin-top: 1rem;}
  
/* Story
–––––––––––––––––––––––––––––––––––––––––––––––––– */ 
    
    /* Story
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    #storyTop {padding: 4rem 0 8rem 0;}
    #storyTop .container {width: 85%;}
    #storyTop h3 {color: #84ff00;}
    #storyTop h3:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
    #storyTop b, #storyTop strong {font-size: 20px; line-height: 25px; font-weight: 700;}
    #storyTop p {color: #fff;}
    #storyTop p:last-child {margin-bottom: 0;}
    #storyTop ul {margin: 0; padding-left: 17px; list-style-position: outside; margin-bottom: 1rem;}
    #storyTop ul li {font-family: "Karla", sans-serif; font-size: 17px; line-height: 24px; font-weight: 300; color: #fff; margin-bottom: 0.5rem;}
    #storyTop ul li::marker {color: #84ff00;}
    
    #story {padding: 8rem 0;}
    #story .container {width: 85%;}
    #story h3 {color: #84ff00;}
    #story h3:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
    #story p {color: #fff;}
    #story p:last-child {margin-bottom: 0;}
    #story ul {margin: 0; padding-left: 17px; list-style-position: outside; margin-bottom: 1rem;}
    #story ul li {font-family: "Karla", sans-serif; font-size: 17px; line-height: 24px; font-weight: 300; color: #fff; margin-bottom: 0.5rem;}
    #story ul li::marker {color: #84ff00;}
    
/* Gallery
–––––––––––––––––––––––––––––––––––––––––––––––––– */

    /* Gallery
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    #gallery {padding: 3rem 0 5rem 0;}
    #gallery .heading {margin-bottom: 4rem; text-align: center;}
    #gallery .heading h2 {margin-bottom: 0.5rem; color: #84ff00;}
    #gallery .heading h2:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
    #gallery .heading p {color: #fff; text-align: center; width: 50%; margin: 0 auto; display: block;}    
   .masonry {column-count: 4; column-gap: 1rem;} 
   .masonry-item {break-inside: avoid; margin-bottom: 1rem;}   
   .masonry-item img {width: 100%; height: auto; display: block;}
   
/* Blog
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  
  /* blog
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #blog {padding: 3rem 0 5rem 0;}
  #blog .heading {margin-bottom: 4rem; text-align: center;}
  #blog .heading h2 {margin-bottom: 0.5rem; color: #84ff00;}
  #blog .heading h2:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
  #blog .heading p {color: #fff; text-align: center; width: 50%; margin: 0 auto; display: block;}
  
  #blog .blogs h3 a {color: #fff}
  #blog .blogs h3 {margin: 0; font-size: 25px; line-height: 30px;}
  #blog .blogs .custom-category-item img {width: 100%; height: auto; border-radius: 0px; box-shadow: none; margin-bottom: 10px; aspect-ratio: 14 / 14;object-fit: cover;}
  
  #blog .blogs .custom-category-grid {display: flex !important; flex-wrap: wrap !important; gap: 20px; margin: 0 -10px;}
  #blog .blogs .custom-category-item {flex: 0 0 calc(33.333% - 20px); box-sizing: border-box; text-align: center; margin: 10px 0;}  
  
  
  @media (max-width: 992px) {
      #blog .blogs .custom-category-item {
          flex: 0 0 calc(50% - 20px); /* 2 per row */
      }
  }
  
  @media (max-width: 600px) {
      #blog .blogs .custom-category-item {
          flex: 0 0 100%; /* 1 per row on mobile */
      }
  }
  
  /* Category
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #category {padding-bottom: 5rem;}
  #category .page-header h2 {margin-bottom: 0.5rem; color: #84ff00; text-align: center;}
  #category .page-header h2:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
  #category .category-posts-grid {display: flex; flex-wrap: wrap; gap: 40px;}
  #category .category-post-item {flex: 0 0 calc(24.5% - 27px); box-sizing: border-box; text-align: center;}
  #category .category-post-item img {width: 100%; height: auto; border-radius: 0px; box-shadow: none; margin-bottom: 15px; aspect-ratio: 14 / 14;object-fit: cover;}
  #category .category-post-item h2 {font-size: 20px; line-height: 25px; margin-bottom: 0.5rem;}
  #category .category-post-item h2 a {color: #fff;}
  #category .category-post-item .post-excerpt {font-size: 14px; color: #fff; margin-top: 5px; margin-bottom: 0;}
  
  @media (max-width: 992px) {
      #category .category-post-item { flex: 0 0 calc(50% - 27px); }
  }
  
  @media (max-width: 600px) {
      #category .category-post-item { flex: 0 0 100%; }
  }
  
  /* Single
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #blogSingle {padding: 3rem 0 5rem 0;}
  #blogSingle .container {width: 70%;}
  #blogSingle img {width: 100%;}
  #blogSingle h2 {margin-bottom: 1rem; color: #84ff00; font-size: 40px; line-height: 45px;}
  #blogSingle p {color: #fff;}
  #blogSingle h3 {margin-bottom: 1rem; color: #84ff00; margin-top: 0rem; font-size: 25px; line-height: 30px;}
  #blogSingle .buttons a {border-radius: 48px; padding: 10px 28px; font-size: 17px; font-family: "Karla", sans-serif; font-weight: 500; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
  #blogSingle .buttons a {border: 2px solid #84ff00; color: #fff;}
  #blogSingle .buttons a:hover {background-color: #84ff00; color: #000;}
  #blogSingle .product .col-md-4 {width: 100%;}
  #blogSingle .product .col-md-8 {width: 100%;}
  #blogSingle .product .ps-md-5 {padding-left: calc(var(--bs-gutter-x) * .5) !important;}
  #blogSingle .product h2 {font-size: 25px; line-height: 30px; margin-bottom: 1rem;}
  #blogSingle .product h2:after {display: none;}
  #blogSingle .product .product-price {color: #fff;}
  #blogSingle .product .product-description {display: none;}
  #blogSingle .product .add-to-cart a {display: block; float: left; clear: both; margin-top: 1rem; font-family: "Karla", sans-serif; font-weight: 500; font-size: 17px; border-radius: 48px; padding: 10px 28px; background-color: transparent; border: 2px solid #84ff00; color: #fff; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
  #blogSingle .product .add-to-cart a:hover {background-color: #84ff00; color: #000;}
  
  
/* Contact
–––––––––––––––––––––––––––––––––––––––––––––––––– */

    /* Contact
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    #contact {padding: 7rem 0 10rem 0;}
    #contact .container {width: 70%;}
    #contact h2 {margin-bottom: 0.5rem; color: #84ff00;}
    #contact h2:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
    #contact .text p {color: #fff; width: 85%;}
    #contact h6 {color: #84ff00;}
    #contact .socialMedia i {font-size: 18px;}
    #contact .socialMedia a {display: inline-block; color: #000; background-color: #fff; padding: 7px 8px; border-radius: 50px; transition: all 0.5s ease-in-out; text-decoration: none; margin-right: 5px;}
    #contact .socialMedia a:last-child {margin-right: 0;}
    #contact .socialMedia a:hover {background-color: #84ff00; color: #000;}
    #contact input, #contact textarea, #contact .file-label {background-color: #232521 !important;}
    #contact input[type="submit"] {background-color: #84ff00 !important; color: #000 !important;}
    #contact input[type="submit"]:hover {background-color: #73da05 !important;}
   
/* Terms
–––––––––––––––––––––––––––––––––––––––––––––––––– */ 
    
    /* Terms
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    #terms {padding: 3rem 0 6rem 0;}
    #terms .container {width: 75%;}
    #terms .heading {margin-bottom: 3rem;}
    #terms .heading h2 {margin-bottom: 0rem; color: #84ff00;}
    #terms .heading h2:after {content: ""; display: inline-block; width: 40px; height: 40px; background-image: url(/wp-content/uploads/2025/09/rabbit-icon.png); background-size: contain; background-repeat: no-repeat; margin-left: 18px; vertical-align: middle; margin-top: -0.9rem;}
    #terms .text h4 {color: #84ff00; margin-top: 4rem !important;}
    #terms .text p, #terms .text a {color: #fff;}
    #terms .text a:hover {color: #84ff00;}
    #terms ul, #terms ol {margin: 0; padding-left: 17px; list-style-position: outside; margin-bottom: 1rem;}
    #terms ul li, #terms ol li {font-family: "Karla", sans-serif; font-size: 17px; line-height: 24px; font-weight: 300; color: #fff; margin-bottom: 0.5rem;}
    #terms ul li::marker {color: #84ff00;}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
    footer {background-color: #000 !important; padding: 6rem 0;}
    footer h6 {color: #84ff00;}
    footer p {color: #fff;}
    footer .container {width: 80%;}
    
    footer .logo img {width: 270px; margin-bottom: 1rem; float: right;}
    
    footer .copy a {color: #fff; font-weight: 500;}
    footer .copy a:hover {color: #84ff00;}
    footer .copy {font-size: 14px; line-height: 21px; text-align: right; clear: both;}
    
    footer .socialMedia i {font-size: 18px;}
    footer .socialMedia a {display: inline-block; color: #000; background-color: #fff; padding: 7px 8px; border-radius: 50px; transition: all 0.5s ease-in-out; text-decoration: none; margin-right: 5px;}
    footer .socialMedia a:last-child {margin-right: 0;}
    footer .socialMedia a:hover {background-color: #84ff00; color: #000;}
    
    footer .policys {margin-top: 3rem;}
    footer .policys p {font-size: 14px; line-height: 21px;}
    footer .policys span {color: #989797;} 
    footer .policys p a {color: #989797;}
    footer .policys p a:hover {color: #84ff00;} 
    
    footer nav ul {margin: 0;}
    footer nav ul li {margin-bottom: 0.2rem; list-style: none;}
    footer nav ul li:last-child {margin-bottom: 0;}
    footer nav ul li a {color: #ddd !important; font-size: 16px; font-family: 'HVD Comic Serif Pro'; text-transform: uppercase; letter-spacing: 0;}
    footer nav ul li a:hover {color: #84ff00 !important;}
    footer nav ul li.current-menu-item a {color: #84ff00 !important;}
    
    
/* Media
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 1299px) {
  #latestIssue .width {width: 80%;}
  
  #ideas p {width: 100%;}
}

@media screen and (max-width: 1199px) {
  header nav {margin-right: 20px;}
  header nav ul li {margin-left: 15px;}
  
  #welcome .container {width: 100%;}
  #contact .container {width: 90%;}
  
  #blogSingle .container {width: 90%;}
}

@media screen and (max-width: 991px) {
  header .burgerMenu {display: inline-block; margin-right: 10px;}
  header .nav {display: none !important;}
  
  #latestIssue {padding: 4rem 0;}
  #latestIssue .heading p {width: 100%;}
  #latestIssue .heading {margin-bottom: 2rem;}
  #latestIssue .width {width: 100%;}
  #latestIssue .product .product-price {font-size: 18px; line-height: 24px;}
  #latestIssue .product .product-description {font-size: 15px; line-height: 23px;}
  
  #welcome {padding: 4rem 0;}
  
  #ideas {padding: 3rem 0;}
  #ideas .container {width: 100%;}
  .h1 {font-size: 30px; line-height: 35px;}
  
  input[type="submit"] {width: 100%;}
  
  #instagram {padding: 3rem 0;}
  #instagram .heading p {width: 100%;}
  #instagram .heading {margin-bottom: 1.5rem;}
  
  #storyTop {padding: 2rem 0 4rem 0;}
  #storyTop .container {width: 100%;}
  
  #story {padding: 4rem 0;}
  #story .container {width: 100%;}
  
  #gallery {padding: 2rem 0 3rem 0;}
  #gallery .heading p {width: 100%;}
  .masonry {column-count: 2; column-gap: 1rem;} 
  
  #blog {padding: 1rem 0 3rem 0;}
  #blog .heading p {width: 100%;}
  #blog .heading {margin-bottom: 2rem;}
  
  #blogSingle {padding: 1rem 0 3rem 0;}
  
  .archive header.page-header {padding: 0 0 3rem 0;}
  
  #contact {padding: 2rem 0 3rem 0;}
  #contact .container {width: 100%;}
  #contact .text p {width: 100%;}
  
  #terms {padding: 2rem 0 3rem 0;}
  #terms .container {width: 100%;}
  #terms .heading {margin-bottom: 1.5rem;}
  
  .archive header.woocommerce-products-header {padding: 2rem 0 1.5rem 0;}
  .archive header.woocommerce-products-header h2 {margin-bottom: 0 !important;}
  
  .page-id-11 .wc-block-components-sidebar-layout .wc-block-components-main {width: 100%; padding-right: 0; margin-bottom: 2rem;}
  .page-id-11 .wc-block-components-sidebar {padding-left: 0; width: 100%;}
  
  .page-id-13 .u-column1.col-1, .page-id-13 .u-column2.col-2 {width: 100% !important;}
  .page-id-13 .u-column2.col-2 {margin-top: 2rem;}
  .page-id-13 .hentry {margin-bottom: 0;}
  
  footer {padding: 3rem 0;}
  footer .container {width: 100%;}
  footer nav {display: block !important; text-align: center;}
  footer .logo img {float: none; margin: 0 auto; display: block; margin-bottom: 1rem;}
  footer .copy {text-align: center;}
  footer nav ul li a {font-size: 19px;}
  footer nav ul li {margin-bottom: 0.5rem;}
}

@media screen and (max-width: 837px) {
  .archive .product-content .add_to_cart_button {width: 100%;}
}

@media screen and (max-width: 800px) {
  
  .single-product div.product .woocommerce-product-gallery {width: 100%; margin-right: 0; margin-bottom: 2rem;}
  .single-product div.product .woocommerce-product-gallery img {width: 100%;}
  .single-product div.product .summary {width: 100%; float: none;}
  .single-product button.single_add_to_cart_button.button.alt {width: 100%; margin-top: 1.5rem;}
}

@media screen and (max-width: 768px) {
  .offcanvas {width: 100% !important;}
  .offcanvas .offcanvas-header {padding: 1.5rem 1.5rem 3rem 1.5rem;}
  .offcanvas .offcanvas-body {padding: 0 1.5rem;}
  
  h1 {font-size: 45px; line-height: 50px;}
  
  ul.products li.product a.woocommerce-LoopProduct-link {width: 100%; margin-right: 0;}
  ul.products li.product a.woocommerce-LoopProduct-link img {margin-bottom: 0;}
  
  #banner .carousel .carousel-item img {aspect-ratio: 16 / 14; object-fit: cover;}
  
  td.wc-block-cart-item__image, td.wc-block-cart-item__product {margin-bottom: 0 !important;}
  .page-id-11 table tbody td {border: none !important;}
  .page-id-11 .wc-block-cart-item__total-price-and-sale-badge-wrapper {text-align: left !important; display: block;}
  .page-id-11 header.entry-header {padding: 2rem 0 0 0;}
  .wc-block-cart-items thead {display: none !important;}
  .wc-block-cart-items__row {display: flex !important; flex-direction: column !important; align-items: stretch; gap: 0.5rem; padding: 0 !important;border-bottom: 1px solid #e8e8e8;}
  .wc-block-cart-items td, .wc-block-cart-items th {display: block !important; width: 100% !important; box-sizing: border-box !important; padding: 0 !important; text-align: left !important;}
  .wc-block-cart-item__image  { order: 0; }
  .wc-block-cart-item__product { order: 1; }
  .wc-block-cart-item__total { order: 2; }
  .wc-block-cart-item__image img {max-width: 250px; width: 100%; height: auto; display: block;}
  .wc-block-cart-items__row td:nth-child(1)::before {content: "Product"; display: block; font-weight: 600; margin-bottom: 0.25rem;}
  .wc-block-cart-items__row td:nth-child(2)::before {content: "Details"; display: block; font-weight: 600; margin-bottom: 0.25rem;}
  .wc-block-cart-items__row td:nth-child(3)::before {content: "Total"; display: block; font-weight: 600; margin-bottom: 0.25rem;}
  .wc-block-cart-item__quantity, .wc-block-cart-item__remove-link { margin-top: 0.5rem; }
  .wc-block-cart-items .wc-block-components-product-name, .wc-block-cart-items .wc-block-components-product-metadata__description p {word-break: break-word;}  
  .page-id-11 .hentry {margin-bottom: 0;}
  
  #blogSingle .container {width: 100%;}
}

@media screen and (max-width: 650px) {
  #banner .bannerText {display: none;} 
  #mobileText {display: inherit;}
}

@media screen and (max-width: 575px) {
  header .cart {margin-right: 10px;}
  .page-id-2 header {padding: 1.5rem 0;}
  header {padding: 1.5rem 0;}
  
  h2 {font-size: 35px; line-height: 40px;}
}

@media screen and (max-width: 470px) {
  #banner .bannerText p {font-size: 18px; line-height: 25px;}
  #banner .bannerText .welcome {font-size: 25px; line-height: 30px;}
  h1 {font-size: 40px; line-height: 45px;}
  header .logo img {width: 250px;}
}

@media screen and (max-width: 420px) {
  #banner .carousel .carousel-item img {aspect-ratio: 12 / 14; object-fit: cover;}
  #banner .bannerText {bottom: 12%;}
  
  .archive header.woocommerce-products-header h2 {letter-spacing: 1px !important;}
  .archive header.woocommerce-products-header h2:after {margin-left: 12px;}
}

@media screen and (max-width: 399px) {
  .offcanvas .logo img {width: 250px;}
  header .burgerMenu {margin-right: 2px;}
  header .account {margin-right: 5px;}
  header .logo img {width: 230px;}
  
  h2 {font-size: 30px; line-height: 35px;}
  #contact h2:after, #gallery .heading h2:after, #storyTop h3:after, #story h3:after, #latestIssue .heading h2:after, #welcome h3:after, #instagram .heading h2:after {margin-left: 12px;}
}

@media screen and (max-width: 360px) {
  .offcanvas .logo img {width: 200px;}
  header .account {margin-right: 2px;}
  header .logo img {width: 200px;}
  
  h2 {font-size: 27px; line-height: 32px;}
}

@media screen and (max-width: 325px) {
  header .logo img {width: 180px;}
}