/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
*/
body {
font-family: "Montserrat", sans-serif;
background: #F9F8EA;
}
a {
text-decoration: none !important;
}
a:focus,
button:focus,
.button.alt:focus {
outline: none;
}
h1 {
font-size: clamp(32px, 5vw, 75px) !important;
}
.every-guitar-bg h2 {
font-size: clamp(28px, 3.5vw, 40px) !important;
}
h3 {
font-size: clamp(22px, 2.5vw, 30px) !important;
}
h1,
h2,
h3,
h4 {
font-family: "Fjalla One", sans-serif;
}
img {
border-radius: 0;
}
header.site-header {
margin: 0 !important;
background: #000;
}
.site-header .site-branding img {
max-width: max-content;
}
.site-header #site-navigation,
.site-header .site-branding {
width: auto !important;
float: none !important;
margin-right: 0 !important;
margin-bottom: 0px !important;
}
.site-header {
padding: 0px 80px !important;
border-bottom: none;
}
.site-header::after,
.site-header::before {
display: none;
}
.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a {
padding: 1em 1em;
color: #fff !important;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
p.login-btn a {
display: flex;
align-items: center;
gap: 10px;
}
header.entry-header {
display: none;
}
.wp-block-button a.wp-block-button__link {
padding: 0.9em 1.8em !important;
}
.alignwide {
margin-left: 5.5rem !important;
margin-right: 5.5rem !important;
}
.header-right-flex {
padding: 0 0 0 15px;
}
.hentry .entry-content .wp-block-cover .wp-block-cover__inner-container,
.editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
width: 100% !important;
max-width: 100% !important;
}
.wc-block-mini-cart__badge {
color: #fff;
}
.main-navigation div.menu:last-child {
display: none;
}
.wc-block-mini-cart__button {
padding: 0;
;
}
.wc-block-mini-cart__button .wc-block-mini-cart__icon {
height: 2em !important;
width: 2em !important;
}
#header-main .header-btn a.wp-block-button__link {
font-family: 'Fjalla One';
padding: 13px 29px 10px 29px !important;
letter-spacing: 2px;
line-height: 1;
}
#header-main .header-right-flex .wp-block-group__inner-container {
display: flex;
align-items: center;
gap: 20px;
}
:root :where(.is-layout-constrained)>* {
margin-block-start: 0;
margin-block-end: 0;
}
.hero-banner-bg {
position: relative;
}
.hero-banner-bg::before {
content: "";
position: absolute;
background: url('http://194.238.16.2:8031/wp-content/uploads/2026/02/hero-vector-object.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
width: 952px;
height: 394px;
bottom: 0;
z-index: 1;
}
.hero-banner-center figure.wp-block-image.size-full {
position: absolute;
right: 0;
margin: auto;
text-align: center;
width: 100%;
left: 50%;
top: 60%;
transform: translate(-50%, -50%);
z-index: -1;
}
.hero-banner-center figure.wp-block-image.size-full img {
margin: 0 auto;
}
.category-list-banner a {
text-decoration: none !important;
color: #000;
padding-right: 10px;
}
.category-list-banner a:after {
content: '';
background: #D44539;
width: 6px;
height: 35px;
display: inline-block;
margin-left: 10px;
transform: rotate(7deg);
}
.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignwide,
.storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignwide {
margin-left: 0;
margin-right: 0;
}
.every-guitar-bg .every-guitar {
max-width: 1180px !important;
margin: auto !important;
}
.every-guitar-bg {
padding-top: 228px;
margin-top: -175px;
}
.every-guitar .every-guitar-card img {
background: linear-gradient(167deg, #f9f8ea, #a1352c);
padding: 5px;
}
.every-guitar {
display: block !important;
}
.every-guitar .slick-slide:not(.every-guitar .slick-center) {
scale: 0.75;
}
.every-guitar .slick-center h3 a {
color: #A1352C !important;
}
.every-guitar .every-guitar-card h3 {
font-family: "Bebas Neue", sans-serif;
letter-spacing: 1px;
}
.every-guitar .slick-prev:before,
.every-guitar .slick-next:before,
.collection-slider .slick-prev:before,
.collection-slider .slick-next:before {
display: none;
}
.every-guitar .slick-center .wp-block-image figure {
margin-bottom: 0px !important;
}
.wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-components-button__text {
background: #000;
padding: 10px 19px;
}
.wp-block-group .home-title {
display: flex;
justify-content: center;
}
.wp-block-group h2.wp-block-heading.has-text-align-center:after,
.wp-block-group h2.wp-block-heading.has-text-align-center:before {
content: '';
background: url('data:image/svg+xml,');
width: 232px;
height: 34px;
display: inline-block;
background-size: contain;
margin-right: 20px;
}
.wp-block-group h2.wp-block-heading.has-text-align-center:after {
margin-right: 0px;
margin-left: 20px;
transform: scaleX(-1);
}
.right-sidebar .content-area {
width: 100% !important;
float: none !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
}
.site-main {
margin-bottom: 0px !important;
}
.hentry {
margin-bottom: 0px;
}
.mobile-dropdown-menu {
display: none;
background: #000000;
width: 100%;
padding: 15px 0;
position: absolute;
top: 95px;
left: 0;
}
.mobile-dropdown-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-dropdown-menu ul li {
padding: 12px 60px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-dropdown-menu ul li a {
color: #fff;
text-decoration: none;
font-size: 16px;
display: block;
}
.mobile-dropdown-menu .main-navigation ul.menu,
.mobile-dropdown-menu .main-navigation ul.nav-menu {
max-height: none;
overflow: visible;
margin-left: -1em;
transition: none;
display: grid;
}
.mobile-menu-toggle {
background: none;
border: none;
display: flex;
flex-direction: column;
gap: 5px;
}
.mobile-menu-toggle span {
width: 25px;
height: 3px;
background: #fff;
display: block;
}
.mobile-dropdown-menu.show {
display: block;
animation: slideDown 0.3s ease forwards;
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.mobile-menu-toggle:hover {
background-color: transparent;
}
.wc-block-mini-cart__button:hover {
background: transparent;
}
.site-footer {
background-color: inherit;
color: #6d6d6d;
padding-top: 0;
padding-bottom: 40px !important;
}
.site-footer {
background-color: #f9f8ea;
}
.site-footer .widget_nav_menu ul li::before {
display: none;
}
.site-footer .widget_nav_menu .menu {
display: flex;
}
.site-footer .widget_nav_menu .menu li {
margin-bottom: 0px;
padding-left: 0;
padding-right: 13px;
}
.site-footer .widget_nav_menu .menu li a {
text-transform: uppercase;
font-weight: bold;
color: #000;
}
.site-footer .widget_nav_menu ul#menu-footer-menu-bottom li a {
font-weight: 500;
}
.site-footer .widget_nav_menu ul#menu-footer-menu-bottom {
justify-content: end;
}
.site-footer .widget_nav_menu ul#menu-footer-menu-bottom li {
padding-left: 35px;
padding-right: 0px;
}
#es_form_f1-n1 .ig_es_subscription_form {
display: flex;
margin-bottom: 0;
}
#es_form_f1-n1 .ig-es-form-field {
width: 80%;
margin-bottom: 0;
}
#es_form_f1-n1 .es-field-label {
display: block;
font-size: 0;
}
#es_form_f1-n1 .es-field-wrap {
margin-bottom: 0;
}
#es_form_f1-n1 .es-subscribe-btn {
text-transform: uppercase;
font-weight: 500 !important;
font-size: 16px !important;
font-family: 'Montserrat';
outline: none !important;
}
body form.es_subscription_form.es_subscription_form[data-form-id="1"].wysiwyg-form .ig-es-form-input {
width: 100%;
font-size: 16px;
padding: 14px 11px;
}
body #es_form_f1-n1 .ig_es_subscription_form .es-field-wrap .ig-es-form-input {
background: none;
border: none !important;
box-shadow: inherit !important;
outline: none !important;
}
body #es_form_f1-n1 .ig_es_subscription_form .es-field-wrap .ig-es-form-input::placeholder {
color: #2B3D51;
font-size: 16px;
font-weight: medium;
}
body form.es_subscription_form.es_subscription_form[data-form-id="1"] .es-subscribe-btn {
margin-top: 0 !important;
}
body form.es_subscription_form.es_subscription_form[data-form-id="1"].wysiwyg-form {
border: solid 2px #2b3d5126;
padding: 8px !important;
}
.custom-next {
margin: 0;
margin-top: -7px;
}
.newsletter-column {
padding: 45px 85px !important;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
z-index: 9;
position: relative;
}
.choose-style-image img {
width: 100%;
background: linear-gradient(180deg, #ffffff, #a1352c, #ffffff);
background-size: 200% 200%;
padding: 3px;
transition: all 0.6s ease;
}
.choose-style-image img:hover {
animation: rotateGradient 2s linear infinite;
}
@keyframes rotateGradient {
0% {
background-position: 0% 50%;
}
25% {
background-position: 50% 100%;
}
50% {
background-position: 100% 50%;
}
75% {
background-position: 50% 0%;
}
100% {
background-position: 0% 50%;
}
}
/*.choose-style-second img {
background: linear-gradient(0deg, #ffffff 0%, #a1352c 100%);
}*/
.choose-style-second img {
width: 100%;
padding: 3px;
background: linear-gradient(0deg, #ffffff, #a1352c, #ffffff);
background-size: 200% 200%;
border-radius: 12px;
transition: all 0.3s ease;
}
/* Hover animation */
.choose-style-second img:hover {
animation: gradientRotate 2s linear infinite;
}
/* Animation */
@keyframes gradientRotate {
0% {
background-position: 0% 50%;
}
25% {
background-position: 50% 100%;
}
50% {
background-position: 100% 50%;
}
75% {
background-position: 50% 0%;
}
100% {
background-position: 0% 50%;
}
}
.custom-banner {
position: relative;
padding: 84px 0px;
}
.custom-banner::before {
content: "";
position: absolute;
background: url('http://194.238.16.2:8031/wp-content/uploads/2026/02/menu1.webp');
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
width: 255px;
height: 364px;
bottom: 0;
transform: scaleX(-1);
right: -20px;
}
.custom-banner::after {
content: "";
position: absolute;
background: url('http://194.238.16.2:8031/wp-content/uploads/2026/02/menu1.webp');
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
width: 254px;
height: 364px;
left: -20px;
bottom: 0;
}
.banner-text-center {
max-width: 800px;
justify-content: center;
}
.collection-slider .wc-block-product {
background: #FFFFFF;
border: 2px solid #EAEAEA;
border-radius: 18px;
padding: 20px 24px;
}
.collection-slider .wc-block-product a.button {
border-radius: 50px !important;
font-size: 0px !important;
position: relative !important;
padding: 9.5px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #11A6FD !important;
float: inline-end;
border: 2px solid #11A6FD;
margin: 0px !important;
}
.collection-slider .wc-block-product a.button:hover {
background: #A1352C !important;
border: 2px solid #A1352C;
}
/*.wc-block-product button.wp-block-button__link::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: url('http://194.238.16.2:8031/wp-content/uploads/2026/02/shopping-bag.png') no-repeat center;
background-size: contain;
}*/
.wp-block-button.wc-block-components-product-button {
margin: 0px !important;
display: inline-block;
text-align: right;
align-items: end;
float: right;
}
.product-image img,
.wc-block-components-product-image img {
width: auto;
height: 300px;
max-width: 100%;
margin: 0 auto;
aspect-ratio: 1 / 1;
object-fit: contain;
}
.wc-block-components-product-sale-badge {
background: #A1352C;
border-radius: 30px !important;
padding: .25em .75em !important;
border: 1px solid #A1352C;
color: #fff;
}
.wc-block-components-product-sale-badge__text {
color: #fff;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.wc-block-components-product-image .wc-block-components-product-sale-badge--align-right {
left: auto;
margin: 0;
position: absolute;
right: -12px;
top: -11px;
}
.collection-slider .wc-block-product-template {
display: block !important;
margin: 0 -10px;
}
.collection-slider .wc-block-product-template .wc-block-product {
float: none !important;
}
.collection-slider .wc-block-product-template .slick-slide {
margin: 0 12px;
}
.collection-slider .wc-block-product-template .slick-slide>div {
margin-bottom: 24px;
}
.get-in-touch .wpcf7-form label {
color: #fff;
width: 100%;
padding-bottom: 5px;
font-size: 14px;
line-height: 20px;
}
.get-in-touch .wpcf7-form input,
.get-in-touch .wpcf7-form textarea {
border-bottom: 1px solid #8D8D8D;
background-color: transparent;
box-shadow: none;
padding: 0;
outline: none !important;
color: #dcdcdc;
font-size: 16px;
line-height: 26px;
width: 100%;
}
.get-in-touch .wpcf7-form textarea {
height: 40px;
}
.footer-form {
clip-path: ellipse(90% 100% at 50% 0%);
}
.widget {
margin-bottom: 0px;
}
.wpcf7-submit {
background: #11A6FD !important;
text-transform: uppercase;
font-family: 'Montserrat';
color: #fff !important;
border: none !important;
padding: 12px 48px !important;
border-radius: 5px !important;
width: auto !important;
}
span.wpcf7-spinner {
display: block;
}
.submit-button {
text-align: right;
margin-top: 25px;
}
.product-categories li {
list-style: none;
margin-bottom: 8px;
}
.product-categories li.cat-parent>a {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
}
.qc-arrow {
font-size: 12px;
}
.footer-form {
position: relative;
}
.footer-form::before {
content: "";
position: absolute;
background: url('http://194.238.16.2:8031/wp-content/uploads/2026/02/letter_send.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
width: 240px;
height: 161px;
bottom: 100px;
}
.banner-button-size .wp-block-button__link,
.mobile-button-size .wp-block-button__link,
.mob-sec-button .wp-block-button__link {
position: relative;
display: inline-block;
overflow: hidden;
z-index: 1;
transition: color 0.6s ease-in-out;
}
.banner-button-size .wp-block-button__link::before,
.mobile-button-size .wp-block-button__link::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
background-color: #A1352C;
z-index: -1;
transition: width 0.8s ease-in-out;
}
.mob-sec-button .wp-block-button__link::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
background-color: #F0D6C1;
z-index: -1;
transition: width 0.8s ease-in-out;
}
.banner-button-size .wp-block-button__link:hover::before,
.mobile-button-size .wp-block-button__link:hover::before,
.mob-sec-button .wp-block-button__link:hover::before {
width: 100%;
}
/*shop page design*/
.full-container {
padding: 0px 80px;
}
.col-full {
padding: 0 80px !important;
max-width: 100%;
margin: 0;
}
.storefront-breadcrumb {
margin-bottom: 0px;
}
.post-type-archive-product,
.tax-product_cat {
background: #fff;
}
.single.single-product {
background: #ffffff;
}
.shop-main-wrap {
display: flex;
gap: 30px;
padding-top: 0px;
margin-bottom: 50px;
}
.shop-sidebar {
width: 280px;
border: 2px solid #EAEAEA;
height: 100%;
}
.shop-products {
flex: 1;
}
.shop-sidebar .widget {
background: #fff;
padding: 20px;
}
.shop-sidebar .widgettitle {
font-size: 22px;
font-weight: 600;
margin-bottom: 15px;
padding-bottom: 15px;
font-family: "Montserrat", sans-serif;
}
.price_slider_amount .button {
background: #11A6FD;
color: #fff;
padding: 8px 30px;
border-radius: 30px;
border: none;
transition: 0.3s;
font-size: 16px;
}
.price_label {
color: #626262;
font-weight: 500;
font-size: 15px;
}
.price_slider_amount .button:hover {
background: #A1352C;
}
.shop-sidebar .widget_price_filter .ui-slider-horizontal {
height: .4em;
}
.shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle {
width: 0.9em;
height: 0.9em;
}
.shop-sidebar .widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
background-color: #03A9F4;
}
.shop-sidebar .widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 .236em rgb(3 169 244 / 19%);
}
.shop-sidebar form {
margin: 0;
}
.shop-sidebar form .price_slider_amount {
padding: 10px 0;
}
.widget_product_categories .product-categories li {
margin-bottom: 0px !important;
padding: 0px !important;
}
.shop-sidebar .widget_product_categories ul li::before {
display: none !important;
}
.product-categories li a {
text-decoration: none;
color: #000;
display: block;
padding: 6px 0;
transition: 0.3s;
}
.product-categories li a:hover {
color: #A1352C;
padding-left: 5px;
}
.product-categories .children {
padding-left: 15px;
margin-top: 0px !important;
}
.shop-products h2.page-title {
font-size: 40px;
text-transform: uppercase;
margin-bottom: 10px !important;
}
.shop-products ul.products {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 25px;
padding-bottom: 30px;
}
.related.products ul.products {
display: grid;
grid-template-columns: repeat(4, 300px);
gap: 25px;
/* justify-content: center; */
}
div#secondary {
display: none;
}
ul.products::before,
ul.products::after {
display: none;
}
.shop-products ul li.product {
background: #ffffff;
/*border-radius: 18px;*/
position: relative;
padding: 20px 24px;
width: 100% !important;
margin-bottom: 0px;
border: 2px solid #EAEAEA;
border-radius: 18px;
}
.related.products ul li.product {
background: #fff;
border-radius: 18px;
position: relative;
padding: 20px 24px;
width: 100% !important;
margin-bottom: 0px;
}
.shop-products ul li.product img,
.related.products ul li.product img {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: contain;
}
.shop-products ul li h2.woocommerce-loop-product__title,
.related.products ul li h2.woocommerce-loop-product__title {
font-size: 20px !important;
color: #000000;
font-weight: 700 !important;
text-align: left;
text-transform: uppercase;
font-family: 'Montserrat';
}
.wc-block-product-template h2 {
font-family: 'Montserrat';
}
.related.products ul li h2.woocommerce-loop-product__title,
.shop-products ul li h2.woocommerce-loop-product__title,
.wc-block-product-template h2 a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 51px;
}
.variations_form tr td select {
border: 1px solid #ddd;
padding: 9px 9px;
outline: none;
}
.variations_form tr th.label {
margin-bottom: 8px;
}
.single-product div.product .variations_button {
padding-top: 6px;
}
.single-product div.product .single_variation .price {
margin-bottom: 5px;
font-size: 18px;
font-weight: 600;
color: #000;
}
.single-product div.product table.variations .value a.reset_variations {
color: #11a6fd;
}
.shop-products .products .onsale,
.related.products .products .onsale {
position: absolute;
top: 15px;
right: 15px;
background: #A1352C;
color: #fff;
padding: 5px 12px;
border-radius: 30px;
border-color: #A1352C;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0;
}
.shop-products span.price,
.related.products span.price {
text-align: left;
font-size: 16px;
color: #626262;
float: left;
margin-bottom: 0px !important;
padding-top: 10px !important;
}
.shop-products .add_to_cart_button,
.related.products a.button {
border-radius: 50px !important;
font-size: 0px !important;
padding: 10px !important;
background: #11A6FD !important;
float: inline-end;
border: 2px solid #11A6FD;
}
.shop-products a.button:hover,
.related.products a.button:hover {
background: #A1352C !important;
border: 2px solid #A1352C;
}
.related.products h2.page-title {
font-size: 40px;
text-transform: uppercase;
margin-bottom: 10px !important;
}
.shop-page-title {
font-size: 40px;
text-transform: uppercase;
margin-bottom: 20px !important;
text-align: center;
}
.classic-box {
margin-right: 20px;
}
.custom-shop-topbar {
align-items: center;
display: flex;
justify-content: space-between;
padding-bottom: 20px;
}
.custom-shop-topbar p {
margin: 0;
}
.shop-ordering select {
border: 1px solid #EAEAEA;
outline: none;
padding: 8px 8px;
}
.shop-products .woocommerce-result-count {
color: #000;
padding: 0;
margin: 0;
}
.shop-ordering form.woocommerce-ordering {
padding: 0;
margin: 0;
}
.custom-pagination nav.woocommerce-pagination {
float: unset;
margin-bottom: 50px;
border: 0;
padding: 0;
}
.custom-pagination nav.woocommerce-pagination ul li {
background: #11a6fd;
}
.custom-pagination nav.woocommerce-pagination ul li span.page-numbers.current {
color: #fff !important;
background: #A1352C !important;
}
.custom-pagination nav.woocommerce-pagination ul li a.page-numbers {
color: #ffffff !important;
}
.woocommerce-product-gallery img {
/* width: 100%; */
margin: auto !important;
}
.woocommerce-product-gallery__wrapper {
border: solid 2px #EAEAEA;
border-radius: 18px;
}
.flex-control-thumbs {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 15px;
}
.flex-control-thumbs li {
margin: 0px !important;
width: 100% !important;
}
.flex-control-thumbs li img {
width: 100% !important;
opacity: 1 !important;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs::before {
display: none;
}
span.onsale {
background: #11a6fd;
color: #fff;
padding: 5px 12px;
border-radius: 30px;
border-color: #11a6fd;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 10px;
}
.entry-summary h1.product_title.entry-title {
font-size: 40px !important;
letter-spacing: 0;
font-weight: 700;
margin-top: 10px;
margin-bottom: 10px;
text-transform: uppercase;
color: #000;
}
.woocommerce-breadcrumb {
font-weight: 500;
}
.woocommerce-breadcrumb a {
font-weight: 600;
}
.single-product .woocommerce-product-details__short-description {
color: #414141;
}
.single-product div.product p.price {
margin: 0;
color: #626262 !important;
font-size: 18px !important;
padding-bottom: 0px;
font-weight: 500 !important;
padding-bottom: 10px;
}
.group_table {
width: 100%;
border: none;
margin-bottom: 30px;
}
.group_table tr {
background: #fff;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
margin-bottom: 20px;
}
.group_table td {
border: none !important;
padding: 0;
}
.quantity .qty {
width: 70px;
height: 51px;
border: 1px solid #ddd;
padding: 6px 10px;
text-align: center;
box-shadow: none;
background: #ffffff !important;
outline: none;
}
.group_table td a {
color: #010101;
}
.entry-summary button {
background-color: #11A6FD !important;
font-size: 18px !important;
line-height: 30px !important;
padding: 10px 35px !important;
}
.entry-summary button:hover {
background-color: #A1352C !important;
}
.single-product div.product .woocommerce-product-gallery {
margin-right: 4%;
width: 40%;
}
.single-product div.product .summary {
width: 56%;
}
.single-product div.product form.cart {
padding: 0;
margin-bottom: 20px;
}
.single-product div.product .product_meta a {
color: #A1352C;
}
.single-product .product_meta span {
color: #000;
font-size: 16px;
}
.woocommerce-tabs ul.tabs {
display: flex;
gap: 40px;
border-bottom: 1px solid #ddd;
padding-bottom: 0;
margin-bottom: 40px;
width: 100%;
justify-content: center;
border-top: inherit;
}
.woocommerce-tabs ul.tabs::before {
display: none !important;
}
.woocommerce-tabs ul.tabs li {
border: none !important;
background: transparent !important;
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-tabs ul.tabs li a {
background: transparent !important;
padding: 12px 0;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.4px;
text-transform: uppercase;
color: #555;
position: relative;
font-family: 'Montserrat';
}
.woocommerce-tabs ul.tabs li a::after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 0;
height: 2px;
background: #000;
transition: width 0.3s ease;
}
.woocommerce-tabs ul.tabs li a:hover::after {
width: 100%;
}
.woocommerce-tabs ul.tabs li.active a {
color: #000;
font-weight: 700;
}
.woocommerce-tabs ul.tabs li.active a::after {
width: 100%;
}
.woocommerce-tabs .panel {
width: 100%;
float: unset;
}
.woocommerce-tabs ul.tabs li::after {
display: none;
}
nav.storefront-product-pagination {
display: none;
}
.related.products {
margin-top: 30px;
padding: 50px 80px;
background-color: #a1352c;
background-image: url(http://194.238.16.2:8031/wp-content/uploads/2026/02/Pickguards-BG.webp);
background-size: cover;
}
.woocommerce-tabs .panel h2 {
margin-bottom: 17px !important;
font-size: 28px !important;
}
section.related.products h2 {
margin-bottom: 20px !important;
font-size: 40px !important;
text-transform: uppercase;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #11a6fd;
margin-bottom: 20px;
}
div#respond {
padding: 0;
}
#reviews .comment-form-rating label {
color: #000;
}
.stars:hover a:before {
color: #A1352C;
}
.comment-form-comment {
padding-top: 10px;
}
.comment-form-comment textarea {
box-shadow: none;
background: #fff;
height: 150px;
margin-top: 10px !important;
border: 1px solid #b9b9b9;
outline: none !important;
}
.form-submit input#submit {
background: #11A6FD;
color: #fff;
font-size: 18px !important;
padding: 10px 35px !important;
outline: none;
}
.woocommerce-tabs.wc-tabs-wrapper {
padding: 0px 80px;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
background-color: #A1352C;
outline: none;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
width: 65%;
padding-right: 20px;
}
.wc-block-components-sidebar {
padding-left: 2.2641509434%;
width: 35%;
}
.wp-block-woocommerce-checkout {
padding-top: 0;
width: unset !important;
}
.wc-block-components-notice-banner.is-error {
background: #A1352C !important;
color: #fff !important;
border: 0px !important;
}
.wc-block-components-notice-banner__dismiss svg {
color: #fff;
fill: #fff;
outline: none;
}
.wc-block-components-notice-banner__dismiss {
opacity: 1;
}
.page-id-10 {
background: #ffff;
}
.wc-block-cart-items thead tr {
display: none;
}
.wc-block-cart-items {
border-collapse: separate !important;
}
.wc-block-components-product-price__value {
font-size: 16px;
font-weight: 600;
color: #111;
}
.wc-block-components-product-price__regular {
opacity: 0.5;
font-size: 14px;
}
.wc-block-cart-item__prices {
display: none;
}
.wc-block-cart__main .wc-block-cart-items td .wc-block-components-sale-badge {
display: none;
}
.wc-block-components-product-metadata {
display: none;
}
.wc-block-components-quantity-selector__input {
width: 50px;
border: none !important;
text-align: center !important;
font-weight: 600 !important;
background: transparent !important;
outline: none !important;
}
.wc-block-components-quantity-selector__button {
background: #fff;
border: none;
width: 35px;
height: 35px;
font-size: 16px !important;
cursor: pointer;
transition: 0.2s ease;
color: rgb(1 1 1) !important;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input:focus {
box-shadow: none;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus {
box-shadow: none;
}
.wc-block-cart-item__remove-link::before {
content: "";
background-image: url('data:image/svg+xml,');
cursor: pointer;
transition: 0.2s;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-size: cover;
display: block;
}
.wc-block-cart-item__remove-link {
font-size: 0px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
border: 0px;
}
.wc-block-cart-items__row td {
border-top: 0px !important;
padding: 0px !important;
}
.wc-block-cart__sidebar {
padding: 25px !important;
border-radius: 20px;
height: fit-content;
border: 1px solid #e5e7eb !important;
}
.wc-block-cart__submit {
margin: 20px 0 10px;
}
.wc-block-cart__sidebar .wc-block-cart__totals-title {
font-size: 20px;
font-weight: 600;
color: #111;
}
.wc-block-components-totals-item {
font-size: 15px;
color: #555;
}
.wc-block-components-totals-footer-item {
color: #111;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
font-size: 22px;
font-weight: 700;
}
.wc-block-components-panel__button {
font-size: 14px;
cursor: pointer;
transition: 0.3s ease;
color: #000000;
font-weight: 500;
}
.wc-block-components-totals-coupon__form input {
box-shadow: none;
}
.wc-block-components-totals-coupon__form {
padding-top: 10px;
}
.wc-block-cart__submit-button {
width: 100%;
padding: 16px;
border-radius: 50px !important;
font-size: 16px;
font-weight: 600;
background: #11a6fd !important;
border: none;
transition: 0.3s ease;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}
.wc-block-components-panel__button[aria-expanded=true] {
margin-bottom: 5px !important;
}
.wc-block-components-totals-coupon__form input {
outline: none;
border-radius: 0px !important;
border-color: #bfbfbf !important;
}
.wc-block-cart__submit-container--sticky {
padding-top: 20px;
border-top: 1px solid #eee;
margin-top: 20px;
}
.wc-block-components-totals-coupon__form button {
background: #11a6fd !important;
font-size: 16px;
outline: none !important;
}
.wc-block-cart-items__row {
border-radius: 12px !important;
padding: 15px !important;
margin-bottom: 20px !important;
display: flex !important;
align-items: center !important;
position: relative;
border: 1px solid #e5e7eb !important;
}
.wc-block-cart-item__image {
width: 120px !important;
height: 120px !important;
border-radius: 10px !important;
overflow: hidden;
margin-right: 20px !important;
}
.wc-block-cart-item__image img {
object-fit: cover !important;
width: 100% !important;
height: 100% !important;
}
.wc-block-components-product-name {
font-weight: 800 !important;
font-size: 1rem !important;
text-transform: uppercase;
color: #1a1a1a !important;
letter-spacing: 0.5px;
margin-bottom: 4px !important;
}
.wc-block-cart-item__product::before {
display: block;
color: #a04e47;
font-weight: bold;
font-size: 0.7rem;
letter-spacing: 1.5px;
margin-bottom: 5px;
}
.wc-block-components-quantity-selector {
background: #ffffff !important;
border-radius: 30px !important;
border: 1px solid #c2c2c2 !important;
width: fit-content !important;
padding: 2px 10px !important;
margin-top: 15px !important;
}
.wc-block-components-quantity-selector__input {
background: transparent !important;
font-weight: bold !important;
}
.wc-block-cart-item__total {
margin-left: auto !important;
font-weight: 800 !important;
font-size: 1.4rem !important;
}
.wc-block-cart-item__remove-link {
position: absolute !important;
top: 40px;
right: 20px;
font-size: 0 !important;
}
.wc-block-cart-item__total {
margin-top: 30px !important;
}
.guitar-banner-title {
font-family: "Fjalla One", sans-serif;
font-size: clamp(1.75rem, 6vw, 4.375rem) !important;
}
.screen-reader-text {
display: none;
}
.wc-block-components-totals-item span {
font-size: 16px;
color: #000000;
font-weight: 500;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
font-size: 18px;
}
.wc-block-components-totals-item__value span {
font-weight: 600;
}
.wc-block-components-totals-wrapper {
border: none;
padding: 12px 0;
}
.wp-block-woocommerce-cart-order-summary-totals-block {
border: none;
}
.wc-block-cart__submit-container a {
background-color: #000000 !important;
}
.wc-block-cart__submit-container a:hover {
background-color: #A1352C !important;
}
.wp-block-woocommerce-filled-mini-cart-contents-block {
background: #fff;
}
.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-cart-items__row {
border: 0px !important;
border-bottom: 1px solid #e5e7eb !important;
align-items: flex-start !important;
border-radius: 0px !important;
margin-bottom: 7px !important;
padding: 10px !important;
}
.wp-block-woocommerce-filled-mini-cart-contents-block tr .wc-block-cart-item__image {
width: 80px !important;
height: 80px !important;
}
.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-cart-item__wrap.wc-block-components-product-badge.wc-block-components-sale-badge {
font-size: 11px;
}
.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-components-quantity-selector {
margin: 0px !important;
}
.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-cart-item__wrap {
gap: 10;
}
.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-cart-item__wrap .wc-block-components-product-badge {
display: none;
}
.wp-block-woocommerce-filled-mini-cart-contents-block td.wc-block-cart-item__total .wc-block-components-product-badge.wc-block-components-sale-badge {
font-size: 10px;
color: #000;
margin-bottom: 5px;
}
.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-components-product-price {
display: block;
font-size: 16px;
color: #000;
}
.wp-block-woocommerce-filled-mini-cart-contents-block td.wc-block-cart-item__total {
margin-top: 38px !important;
}
.wp-block-woocommerce-filled-mini-cart-contents-block td .wc-block-cart-item__total-price-and-sale-badge-wrapper {
flex-direction: column-reverse;
}
.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-cart-item__remove-link {
top: 18px;
}
.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-components-quantity-selector__input {
width: 30px;
}
.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
width: 30px;
font-size: 18px;
}
.wp-block-woocommerce-filled-mini-cart-contents-block td.wc-block-cart-item__product {
width: 60%;
}
.wp-block-woocommerce-filled-mini-cart-contents-block .wc-block-components-product-name {
margin-bottom: 15px !important;
}
.wc-block-components-button.wc-block-components-drawer__close {
box-shadow: none !important;
}
.wc-block-components-button.wc-block-components-drawer__close svg {
fill: #000000;
}
.wc-block-mini-cart__footer .wc-block-components-totals-item.wc-block-mini-cart__footer-subtotal {
color: #000;
}
.wc-block-mini-cart__footer a {
border: 1px solid #000 !important;
box-shadow: none !important;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-cart {
color: #000 !important;
background: transparent;
!important;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-cart:hover {
color: #fff !important;
background: #000 !important;
}
.wc-block-mini-cart__footer .wc-block-mini-cart__footer-checkout {
background: #000 !important;
}
h2.wc-block-mini-cart__title {
font-size: 24px !important;
font-family: 'Montserrat';
font-weight: 600;
color: #000;
}
.woocommerce-checkout {
background: #fff;
}
.wp-block-woocommerce-checkout h2.wc-block-components-title {
font-size: 22px;
font-family: 'Montserrat';
font-weight: 600;
}
.wc-block-cart__submit-container a:focus {
box-shadow: none !important;
}
.wp-block-woocommerce-checkout input,
.wp-block-woocommerce-checkout select {
outline: none;
box-shadow: none;
border-radius: 5px !important;
border: 1px solid #939393 !important;
}
.wp-block-woocommerce-checkout-order-summary-block {
border: 1px solid #939393 !important;
border-radius: 5px;
}
span.wc-block-components-checkbox__label {
color: #000;
font-weight: 500;
}
.wc-block-components-radio-control label {
border-radius: 5px !important;
box-shadow: none !important;
border: 1px solid #939393 !important;
background: #ffffff !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
outline: none !important;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
outline: none !important;
}
.wc-block-components-radio-control {
display: flex;
flex-direction: column;
gap: 12px;
}
.wc-block-components-radio-control__option-layout .wc-block-components-radio-control__label {
font-size: 16px;
}
.wc-block-components-payment-method-label {
font-size: 14px;
font-weight: 500;
color: #333;
}
.wc-block-components-radio-control-accordion-content {
margin-top: 10px;
padding: 12px 15px;
background: #f9f9f9;
border-radius: 8px;
font-size: 14px;
color: #666;
}
.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
border: 1px solid #898989;
padding: 10px;
background: #f5fbff;
box-shadow: none !important;
}
.wc-block-components-radio-control {
border: 0px !important;
}
.wc-block-checkout__shipping-option--free {
color: #16a34a;
font-weight: 600;
}
.wc-block-components-checkout-place-order-button {
font-size: 16px;
padding: 13px 28px;
background: #000;
border-radius: 5px;
}
.wc-block-components-checkout-return-to-cart-button {
font-size: 16px;
padding: 15px 25px 14px 41px;
background: transparent;
border: 1px solid #000;
color: #000 !important;
border-radius: 5px;
}
.wc-block-components-checkout-return-to-cart-button svg {
left: 10px;
}
.checkout-order-summary-block-fill-wrapper {
padding: 15px;
border-radius: 20px;
height: fit-content;
border: 1px solid #939393 !important;
}
.wc-block-components-checkout-order-summary__title-text {
font-size: 22px;
font-family: 'Montserrat';
font-weight: 600;
color: #000;
}
.wc-block-components-checkout-order-summary__title {
margin-top: 10px !important;
}
.wc-block-checkout__no-payment-methods-notice.wc-block-components-notice-banner.is-error {
background: #A1352C !important;
color: #fff;
border: 0px;
}
.wc-block-components-notice-banner.is-error>svg {
background-color: #A1352C !important;
}
.wc-block-checkout__actions_row {
margin-top: 30px !important;
}
.woocommerce-account {
background: #fff;
}
.woocommerce-account .site-main {
margin-left: 5.5rem !important;
margin-right: 5.5rem !important;
}
.woocommerce-dashboard .woocommerce {
display: flex;
gap: 30px;
}
.woocommerce-MyAccount-navigation {
width: 280px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 16px;
padding: 20px 0;
margin: 0;
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
border-top: 0px !important;
}
.woocommerce-MyAccount-navigation-link {
margin: 4px 12px;
border: 0px !important;
}
.woocommerce-MyAccount-navigation-link a {
display: block;
padding: 12px 16px !important;
font-size: 15px;
color: #000;
text-decoration: none;
border-radius: 10px;
transition: all 0.3s ease;
}
.woocommerce-MyAccount-navigation-link a:hover {
background: #f3f4f6;
color: #111827;
}
.woocommerce-MyAccount-navigation-link.is-active a {
background: #111827;
color: #ffffff;
font-weight: 500;
}
.woocommerce-MyAccount-navigation-link--customer-logout a {
color: #ef4444;
}
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
background: #fee2e2;
color: #b91c1c;
}
.woocommerce-MyAccount-content {
flex: 1;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 16px;
padding: 30px;
}
.woocommerce-MyAccount-content p {
font-size: 15px;
color: #000000;
line-height: 1.6;
}
.woocommerce-MyAccount-content a {
color: #11a6fd;
text-decoration: none;
font-weight: 500;
}
.woocommerce-MyAccount-content a:hover {
text-decoration: underline;
}
.woocommerce-Address-title.title {
display: flex;
justify-content: space-between;
}
.addresses header.title::before,
.addresses header.title::after {
display: none;
}
.woocommerce-MyAccount-content h2 {
font-size: 26px;
}
.woocommerce-Address-title.title a.edit {
color: #11a6fd;
font-size: 18px;
margin: 0;
}
.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last,
.woocommerce-address-fields .form-row-first,
.woocommerce-address-fields .form-row-last {
width: 49%;
float: left;
margin: 0 0 10px 0;
}
.woocommerce-EditAccountForm .input-text,
.woocommerce-address-fields .input-text,
.woocommerce-form-login input,
.woocommerce-ResetPassword input {
width: 100%;
padding: 10px;
border-radius: 8px;
border: 1px solid #939393;
background: #ffffff !important;
font-size: 0.95rem;
transition: all 0.25s ease;
box-shadow: none;
outline: none !important;
}
.woocommerce-form-login,
.woocommerce-ResetPassword {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 16px;
padding: 30px;
}
.woocommerce-ResetPassword p {
color: #000;
font-weight: 500;
}
#account_display_name_description {
display: block;
font-size: 0.8rem;
color: #000000;
margin-top: 6px;
}
.woocommerce-EditAccountForm .form-row-last,
.woocommerce-address-fields .form-row-last {
float: right;
}
.woocommerce-EditAccountForm fieldset {
border: 1px solid #e5e7eb;
border-radius: 16px;
padding: 20px;
margin-top: 25px;
background: #f9fafb;
}
.woocommerce-EditAccountForm legend {
font-weight: 600;
padding: 0 10px;
font-size: 1rem;
color: #000000;
}
.woocommerce-EditAccountForm .form-row,
.woocommerce-address-fields .form-row {
margin-bottom: 10px;
}
.woocommerce-form-row button {
background: transparent;
}
.woocommerce-MyAccount-content button.woocommerce-Button,
.woocommerce-MyAccount-content .woocommerce-address-fields .button {
background: #000;
color: #fff;
border-radius: 8px;
}
.woocommerce-MyAccount-content .woocommerce-address-fields .button {
margin-top: 20px;
}
.woocommerce-form-login__submit,
.woocommerce-ResetPassword .woocommerce-Button {
background: #000;
color: #fff;
border-radius: 8px;
margin-top: 20px;
padding: 10px 34px;
font-size: 18px !important;
}
.woocommerce-ResetPassword .woocommerce-Button {
margin-top: 0px !important;
padding: 10px 25px !important;
}
.woocommerce-form-login__submit:hover,
.woocommerce-ResetPassword .woocommerce-Button:hover {
background: #A1352C;
color: #fff;
}
.woocommerce-EditAccountForm label,
.woocommerce-address-fields label,
.woocommerce-form-login label,
.woocommerce-ResetPassword label {
display: block;
font-size: 0.9rem;
font-weight: 600;
margin-bottom: 5px;
color: #000000;
}
.woocommerce-EditAccountForm {
margin-bottom: 0;
}
.select2-container--default .select2-selection--single {
width: 100%;
border-radius: 8px;
border: 1px solid #939393;
background: #ffffff !important;
font-size: 0.95rem;
transition: all 0.25s ease;
box-shadow: none;
outline: none !important;
height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
margin-top: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px;
right: 7px;
}
.woocommerce-LostPassword.lost_password {
margin-bottom: 0;
}
p.woocommerce-LostPassword.lost_password a {
color: #11a6fd;
font-weight: 500;
}
.banner-text {
padding: 30px !important;
}
.banner-text h1 {
font-size: clamp(32px, 4.5vw, 65px) !important;
}
/*.about-banner {
position: relative;
}*/
/*.about-banner:before {
content: '';
background: linear-gradient(90deg, #FEF9EF 0%, rgba(254, 249, 239, 0.4) 50%, rgba(254, 249, 239, 0) 100%);
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
left: 0;
right: 0;
}*/
.about-banner-button a.wp-block-button__link {
padding: 0.7em 1.4em !important;
}
.page-id-65 .storefront-breadcrumb,
.page-id-71 .storefront-breadcrumb,
.page-id-69 .storefront-breadcrumb,
.page-id-943 .storefront-breadcrumb,
.page-id-67 .storefront-breadcrumb {
display: none;
}
.about-location {
display: flex;
gap: 10px;
text-align: center;
align-items: center;
}
.about-left-img {
position: relative;
}
.about-since-box {
position: absolute;
right: -20px;
bottom: -20px;
padding: 24px 32px;
}
.added_to_cart.wc-forward {
display: none !important;
}
.about-temp-btn .wp-block-button a.wp-block-button__link {
padding: 0px !important;
display: flex !important;
gap: 10px;
align-items: center;
}
.qc-icon-size figure {
margin: 0px !important;
}
.custom-contact-form h3 {
font-size: 20px;
font-weight: 700;
margin-bottom: 5px;
}
.custom-contact-form .subtitle {
font-size: 13px;
color: #777;
margin-bottom: 20px;
}
.form-row {
display: flex;
gap: 15px;
}
.form-group {
width: 100%;
margin-bottom: 12px;
}
.form-group label {
font-size: 12px;
font-weight: 600;
color: #ffffff;
margin-bottom: 5px;
}
.form-group p {
margin-bottom: 0px !important;
}
.custom-contact-form input,
.custom-contact-form textarea {
width: 100%;
padding: 10px;
background: #ffffff !important;
border-radius: 2px;
font-size: 14px;
outline: none !important;
}
.custom-contact-form textarea {
height: 120px;
resize: none;
}
.upload-box {
border: 1px dashed #ccc;
background: #ffffff;
text-align: center;
padding: 16px;
position: relative;
}
.wpcf7-form-control-wrap {
position: inherit !important;
}
.upload-box input {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
top: 0;
left: 0;
}
.upload-box span {
font-size: 13px;
color: #777;
}
.custom-contact-form input[type="submit"] {
outline: none !important;
margin-top: 20px;
background: #11a6fd !important;
}
form.wpcf7-form.init {
margin: 0;
}
.mailing-text {
display: flex;
gap: 10px;
align-items: center;
}
.col-grid {
display: grid !important;
padding: 30px;
}
.mailing-text img {
width: 22px !important;
}
.content-list {
margin: 10px 0 0 34px;
}
.full-width-img img {
width: 100%;
}
.wpcf7-response-output {
color: #fff;
border: 1px solid #fff !important;
margin: 0px !important;
}
form.wpcf7-form.invalid {
margin: 0px;
}
.modula-items .modula-item {
background-color: #fff !important;
padding: 15px 15px 20px 15px !important;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05) !important;
border-radius: 4px !important;
overflow: visible !important;
display: block !important;
}
.modula-items .modula-item-content img {
position: relative !important;
inset: 0 !important;
width: 100% !important;
height: 300px !important;
object-fit: cover;
margin-bottom: 10px !important;
}
.modula-items .jtg-title {
position: relative !important;
left: 0 !important;
right: 0 !important;
-webkit-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
font-family: "Fjalla One", sans-serif;
text-transform: capitalize;
}
.modula-items .jtg-description {
position: relative !important;
left: 0px !important;
}
.figc-inner {
text-align: left;
}
.wp-block-gutena-tab {
background: #f9f8ea !important;
padding: 0px !important;
}
.modula .modula-item.effect-pufrobo .jtg-description {
opacity: 1 !important;
-webkit-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
top: 0;
}
.modula .modula-item.effect-pufrobo .jtg-title {}
.modula .modula-item.effect-pufrobo .jtg-title::after {
display: none !important;
}
.modula .modula-item .jtg-description {
color: #000000;
}
.modula .modula-items.grid-gallery .modula-item .figc {
height: auto;
top: 0;
position: relative !important;
}
.modula-items .jtg-description {
margin: 0px !important;
padding: 0px !important;
}
.identify-btn .wp-block-button {
margin-bottom: 0px !important;
}
.classic-box {
min-height: 600px;
display: flex;
align-items: flex-end;
}
.classic-second-box {
min-height: 290px;
display: flex;
align-items: flex-end;
}
.classic-third-box {
background-size: auto !important;
}
.qc-customize-link {
display: inline-flex;
background: #000;
padding: 11px;
float: inline-end;
color: #fff;
font-size: 16px;
border-radius: 100px;
/* clear: both; */
margin-right: 15px;
}
.qc-customize-link img {
margin: 0px !important;
}
.qc-customize-product-link {
display: inline-flex;
background: #000;
padding: 12px 23px;
color: #fff;
font-size: 16px;
line-height: 26px;
margin-left: 12px;
}
.wc-block-components-textarea:focus {
box-shadow: none;
outline: none;
}
.qc-customize-link:hover {
background: #11a6fd;
}
.woocommerce-order-received .woocommerce-notice--success {
color: rgb(17 166 253);
font-weight: 600;
margin-bottom: 25px;
background: rgb(17 166 253 / 23%);
padding: 15px 20px;
border-radius: 8px;
border-left: 5px solid rgb(17 166 253);
}
.woocommerce-order-received .woocommerce-order-overview.order_details {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0 0 40px 0;
background: #fff;
border-radius: 12px;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
.woocommerce-order-overview.order_details li {
flex: 1;
min-width: 150px;
padding: 20px;
border-right: 1px solid #eee;
font-size: 0.85rem;
text-transform: uppercase;
color: #777;
text-align: center;
}
.woocommerce-order-overview.order_details li:last-child {
border-right: none;
}
.woocommerce-order-overview.order_details li strong {
display: block;
color: #222;
font-size: 1rem;
text-transform: none;
margin-top: 8px;
}
.woocommerce-order-received h2 {
font-size: 1.5rem;
margin: 40px 0 20px;
border-bottom: 2px solid #eee;
padding-bottom: 10px;
color: #222;
}
.woocommerce-order-received table.shop_table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
}
.woocommerce-order-received table th,
.woocommerce-order-received table td {
padding: 12px 10px;
text-align: left;
border-bottom: 1px solid #eee;
color: #414040;
}
.woocommerce-order-received table thead th {
background: #f3f4f6;
font-weight: 600;
font-size: 16px;
color: #000;
}
.woocommerce-order-received table td a {
font-weight: 600;
color: #11a6fd;
}
.woocommerce-column--billing-address,
.woocommerce-column--shipping-address {
background: #fff;
padding: 25px;
border-radius: 12px;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
border: 1px solid #eee;
margin: 0px !important;
width: 49% !important
}
.woocommerce-columns.addresses {
gap: 20px;
display: flex;
}
.woocommerce-column__title {
margin-top: 0 !important;
font-size: 1.2rem !important;
border-bottom: 1px solid #eee !important;
padding-bottom: 15px !important;
}
.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
margin-top: 10px;
padding-top: 10px;
border-top: 1px dashed #eee;
}
.woocommerce-order-received .entry-content {
max-width: 900px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 30px;
margin: 40px auto;
padding: 30px;
background: rgb(255, 255, 255);
border-radius: 12px;
}
.wp-block-woocommerce-cart {
container-type: inline-size;
width: auto;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr 1fr !important;
gap: 20px !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product {
background: #FFFFFF;
border: 2px solid #EAEAEA;
border-radius: 18px;
padding: 20px 24px;
margin-bottom: 10px;
width: 100% !important;
max-width: 100% !important;
}
.wc-block-grid__product-title {
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1.4;
text-transform: uppercase;
margin-bottom: 0px !important;
margin-top: 25px;
font-family: 'Montserrat';
color: #000;
text-align: left;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button {
text-align: left;
}
.wp-block-woocommerce-empty-cart-block .wp-block-button__link.add_to_cart_button {
background: #11a6fd !important;
color: #fff !important;
font-size: 16px !important;
padding: 6px 13px !important;
text-align: left !important;
}
.woocommerce-order-received p.form-row {
display: block;
}
.woocommerce-order-received p.lost_password a {
color: #ffffff;
font-weight: 600;
background-color: #11a6fd;
padding: 13px 20px;
border-radius: 8px;
margin-top: 10px !important;
}
.woocommerce-order-received p.lost_password {
margin: 10px 0px 0px;
display: inline-block;
}
.show-password-input {
background: transparent !important;
right: 0;
}
.get-in-touch .wpcf7-form.invalid p {
margin-bottom: 8px;
}
.woocommerce-address-fields .form-row {
display: block;
}
.woocommerce-EditAccountForm p.woocommerce-form-row {
display: block;
}
.choose-style-image a {
width: 100%;
object-fit: cover;
}
.woocommerce-form-login .form-row,
.woocommerce-ResetPassword .form-row {
display: block;
}
.modern-cat-wrapper {
text-align: center;
}
#catSearch {
width: 100%;
max-width: 400px;
padding: 12px 15px;
border-radius: 30px;
border: 1px solid #ddd;
margin-bottom: 10px;
background: #fff;
box-shadow: none;
}
.modern-cat-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 15px;
}
.cat-card {
background: #fff;
padding: 12px;
border-radius: 12px;
transition: 0.3s;
border: 1px solid #eee;
}
.cat-card a {
text-decoration: none;
color: #333;
font-weight: 500;
}
.cat-card:hover {
background: #11a6fd;
}
.cat-card:hover a {
color: #fff;
}
.hidden-cat {
display: none;
}
.cat-buttons {
margin-top: 20px;
}
.cat-buttons button {
padding: 10px 20px;
border: none;
background: #11a6fd;
color: #fff;
border-radius: 25px;
cursor: pointer;
margin: 5px;
}
.cat-search-box {
position: relative;
max-width: 400px;
margin: 0 auto 25px;
}
.cat-search-box input {
width: 100%;
padding: 12px 45px 12px 15px;
/* space for icon */
border-radius: 30px;
border: 1px solid #ddd;
outline: none;
}
.search-icon {
position: absolute;
right: 15px;
top: 45%;
transform: translateY(-50%);
color: #464646;
font-size: 16px;
pointer-events: none;
}
.shop-mobile-filter-btn {
display: none;
}
.close-sidebar {
display: none;
}
@media (max-width: 1370px) {
.wp-block-woocommerce-product-price {
width: 100%;
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.qc-customize-link {
float: inline-start;
}
.collection-slider .wc-block-product a.button {
float: unset;
}
.shop-products .add_to_cart_button,
.related.products a.button {
float: inline-start;
margin-right: 10px;
}
.shop-products span.price {
width: 100%;
}
}
@media (max-width: 1345px) {
.newsletter-column {
padding: 40px 30px !important;
}
#es_form_f1-n1 .es-subscribe-btn {
padding: 0 13px !important;
}
body form.es_subscription_form.es_subscription_form[data-form-id="1"].wysiwyg-form .ig-es-form-input {
padding: 14px 5px;
}
}
@media (max-width: 1300px) {
.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a {
padding: 7px;
font-size: 16px;
}
.login-btn a {
font-size: 0;
display: block !important;
}
.login-btn a img {
width: 28px !important;
}
.header-btn {
margin-left: 10px !important;
}
#header-main .header-right-flex .wp-block-group__inner-container {
gap: 5px;
}
#header-main .header-btn a.wp-block-button__link {
padding: 11px 15px 9px 15px !important;
font-size: 16px !important;
letter-spacing: 1.5px;
}
.shop-products ul.products {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 1044px) {
/*.wp-block-group h2.wp-block-heading.has-text-align-center:after, .wp-block-group h2.wp-block-heading.has-text-align-center:before {
width: 200px;
height: 30px;
}*/
}
@media (max-width: 991px) {
.site-header,
.col-full,
.full-container {
padding: 0px 40px !important;
}
.alignwide {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.header-btn {
display: none !important;
}
.storefront-primary-navigation {
display: none !important;
}
/* .wp-block-group h2.wp-block-heading.has-text-align-center:after, .wp-block-group h2.wp-block-heading.has-text-align-center:before {
width: 144px;
height: 20px;
}*/
.guitarists-img figure {
margin-left: 0px !important;
width: 100%;
}
.second-text {
font-size: clamp(28px, 3.5vw, 40px) !important;
}
.custom-banner::after {
width: 100px;
height: 145px;
left: 0px;
}
.custom-banner::before {
width: 100px;
height: 145px;
right: 0px;
}
.shop-products ul.products {
grid-template-columns: 1fr;
}
.woocommerce-account .site-main {
padding: 0 24px !important;
margin: 0px !important;
}
}
@media (max-width: 795px) {
.wc-block-components-sidebar-layout .wc-block-components-main {
width: 100%;
padding-right: 0px;
}
}
@media (max-width: 767px) {
button#site-navigation-menu-toggle {
display: none;
}
.primary-navigation {
display: block;
}
}
@media (max-width: 768px) {
.collection-slider .wc-block-product-template {
margin: 0;
}
.site-header {
padding: 0px 24px 0 20px !important;
}
.col-full {
padding: 0 24px !important;
}
.mobile-menu-toggle {
padding-right: 0;
}
.alignwide {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.hero-banner-center figure.wp-block-image.size-full {
left: 0;
top: 0;
transform: unset;
position: relative;
}
.slick-prev {
left: -10px;
}
.custom-next.slick-next {
right: -14px;
}
.choose-style-img .wp-block-column {
padding-right: 0px !important;
}
.getin-touch-img img {
width: 100%;
}
.footer-form::before {
width: 200px;
height: 133px;
bottom: 62px;
}
.footer-form {
clip-path: ellipse(150% 100% at 50% 0%);
padding: 24px;
}
.newsletter-column {
padding: 20px 18px !important;
}
#es_form_f1-n1 .ig_es_subscription_form {
display: block;
}
#es_form_f1-n1 .ig-es-form-field {
width: 100%;
}
.site-header .site-branding img {
max-width: 100px;
}
.site-footer .widget_nav_menu .menu {
display: grid;
gap: 10px;
}
.site-footer .widget_nav_menu ul#menu-footer-menu-bottom li {
padding-left: 0;
padding-right: 0px;
}
.site-footer .widget_nav_menu ul#menu-footer-menu-bottom {
justify-content: start;
}
.footer-form .wp-block-columns.col-md-10 {
margin-top: 20px !important;
}
/*.wp-block-group h2.wp-block-heading.has-text-align-center:after, .wp-block-group h2.wp-block-heading.has-text-align-center:before {
width: 100px;
height: 16px;
}*/
.banner-button-size a.wp-block-button__link {
padding: 10px 22px !important;
font-size: 18px !important;
}
.mobile-button-size a.wp-block-button__link {
font-size: 16px !important;
padding: 10px 22px !important;
}
.btn-top {
margin-top: 10px !important;
}
.shop-main-wrap {
flex-wrap: wrap;
gap: 30px;
padding-top: 30px;
}
.shop-sidebar {
width: 100%;
}
.full-container {
padding: 0px 24px !important;
}
.shop-products ul.products,
.related.products ul.products {
grid-template-columns: 1fr 1fr;
}
.single-product div.product .woocommerce-product-gallery {
width: 100%;
}
.wc-block-cart-item__total {
align-items: center;
}
.wc-block-cart-item__image img {
width: 80px;
}
.wc-block-cart-item__total {
margin-top: 15px;
font-size: 16px;
}
.wc-block-cart__sidebar {
padding: 20px !important;
}
.wc-block-cart__submit-button {
font-size: 15px;
padding: 14px;
}
.custom-banner {
padding: 50px 0px;
}
.wc-block-components-sidebar {
margin-top: 0px !important;
width: 100%;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
width: 100%;
}
h2.wc-block-mini-cart__title {
font-size: 24px !important;
}
.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky.is-large {
padding: 0;
}
.wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill {
border: 0px;
}
.woocommerce-dashboard .woocommerce {
flex-direction: column;
}
.woocommerce-MyAccount-navigation {
width: 100%;
}
.woocommerce-MyAccount-content {
padding: 20px;
}
.about-since-box {
padding: 20px 20px;
font-size: 16px !important;
}
.about-left-img {
margin-bottom: 30px !important;
}
.contect-left {
padding: 0px !important;
}
.woocommerce-order-overview.order_details {
flex-direction: column;
}
.woocommerce-order-overview.order_details li {
border-right: none;
border-bottom: 1px solid #eee;
}
.woocommerce-column--billing-address,
.woocommerce-column--shipping-address {
width: 100% !important;
}
.woocommerce-columns.addresses {
flex-wrap: wrap;
}
.wp-block-group h2.wp-block-heading {
flex-direction: column;
}
.wp-block-group h2.wp-block-heading.has-text-align-center:after,
.wp-block-group h2.wp-block-heading.has-text-align-center:before {
margin: 0 auto;
}
.mobile-content {
font-size: 16px !important;
}
.related.products {
padding: 50px 24px;
}
.woocommerce-tabs.wc-tabs-wrapper {
padding: 0px 24px;
}
.single-product div.product .summary {
width: 100%;
}
.entry-summary h1.product_title.entry-title {
font-size: 32px !important;
}
.classic-box {
margin-right: 0px;
}
.wp-block-woocommerce-product-price {
width: 100%;
}
.shop-mobile-filter-btn {
display: block !important;
}
.close-sidebar {
display: block !important;
background: #000;
border-radius: 100px;
color: #fff;
padding: 5px 9px;
font-size: 12px;
float: right;
clear: both;
}
.shop-sidebar {
position: fixed;
bottom: -100%;
left: 0;
width: 100%;
height: 85%;
background: #fff;
z-index: 9999;
transition: bottom 0.4s ease;
border-radius: 20px 20px 0 0;
overflow-y: auto;
padding: 10px;
}
.shop-sidebar.active {
bottom: 0;
}
.qc-filter-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
z-index: 9998;
}
.qc-filter-overlay.active {
opacity: 1;
visibility: visible;
}
.qc-close-filter {
position: absolute;
top: 10px;
right: 15px;
background: none;
border: none;
font-size: 20px;
cursor: pointer;
}
.shop-sidebar .widget {
background: #fff;
padding: 10px;
}
.wc-block-components-product-name {
font-size: 0.95rem !important;
}
}
@media (max-width: 699px) {
.wc-block-components-sidebar-layout .wc-block-components-sidebar {
padding: 20px !important;
}
}
@media (max-width: 600px) {
.shop-products ul.products,
.related.products ul.products {
grid-template-columns: 1fr;
}
.shop-products ul li.product {
padding: 15px 15px;
}
.woocommerce-tabs ul.tabs {
flex-direction: column;
gap: 10px;
align-items: center;
border-bottom: none;
margin-bottom: 20px;
}
.woocommerce-tabs ul.tabs li {
width: 100%;
text-align: center;
}
.woocommerce-tabs ul.tabs li a {
display: block;
width: 100%;
padding: 10px 0;
font-size: 14px;
}
.woocommerce-tabs ul.tabs li a::after {
bottom: 0;
}
.woocommerce-tabs ul.tabs li.active a::after {
width: 50%;
left: 25%;
}
.woocommerce-Tabs-panel h2 {
font-size: 18px;
text-align: center;
}
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
display: block;
width: 100%;
text-align: left;
}
.woocommerce-product-attributes th {
font-weight: 600;
margin-bottom: 5px;
}
}
@media (max-width: 500px) {
.custom-shop-topbar {
display: grid;
gap: 15px;
}
.wc-block-cart-item__image {
width: 90px !important;
height: 90px !important;
margin-right: 15px !important;
}
.wc-block-components-quantity-selector {
margin-top: 10px !important;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
width: 30px !important;
}
.wc-block-components-quantity-selector__input {
width: 40px !important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
width: 25px;
}
.wc-block-cart-item__remove-link {
top: 23px;
}
.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last {
width: 100%;
}
.woocommerce-form-login,
.woocommerce-ResetPassword {
padding: 15px;
}
.woocommerce-order-received p.form-row {
margin-bottom: 12px;
}
.form-row .button {
margin-top: 10px;
}
.woocommerce-order-received p.lost_password {
margin: 10px 0px 10px;
}
.woocommerce-order-received .entry-content {
margin: 0px auto;
padding: 25px;
}
.woocommerce-order-received table th,
.woocommerce-order-received table td {
font-size: 14px;
}
address {
margin-bottom: 0px !important;
font-size: 14px;
}
.woocommerce-column--billing-address,
.woocommerce-column--shipping-address {
padding: 20px;
}
.qc-customize-product-link {
margin-left: 0px;
margin-top: 15px;
display: block;
max-width: 133px;
width: 100%;
}
}