woostify

/* Global header/footer styles */
.site-header .header-builder,
.site-header .site-header-inner {
display: flex !important;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
}
.site-header .site-branding {
text-align: center !important;
flex: 1;
order: 2;
}
.site-header .main-navigation {
flex: 1;
order: 1;
}
.site-header .header-actions,
.site-header .site-header-actions {
flex: 1;
order: 3;
display: flex !important;
justify-content: flex-end !important;
gap: 15px;
align-items: center;
}
.site-header .site-logo img,
.site-header .custom-logo {
max-height: 50px !important;
width: auto !important;
}
@media (max-width: 767px) {
.site-header .site-logo img,
.site-header .custom-logo {
max-height: 35px !important;
}
}
.home .entry-title,
.home .page-title,
.home .woostify-page-title {
display: none !important;
}
.home #primary,
.home .site-main,
.home .entry-content,
.home .woostify-container,
.home .container {
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
width: 100% !important;
}
.home .site-content {
padding: 0 !important;
margin: 0 !important;
}
.site-header {
position: sticky;
top: 0;
z-index: 999;
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.main-navigation .menu > li > a {
font-family: ‘Quicksand’, sans-serif !important;
font-weight: 600 !important;
font-size: 14px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
color: #3c4043 !important;
padding: 10px 12px !important;
}
.main-navigation .menu > li > a:hover {
color: #A67908 !important;
}
.header-actions a,
.site-header-actions a {
color: #3c4043 !important;
}
.site-footer,
#colophon {
background: #3c4043 !important;
color: #ccc !important;
padding: 40px 0 20px !important;
}
.site-footer a,
#colophon a {
color: #ccc !important;
}
.site-footer a:hover,
#colophon a:hover {
color: #A67908 !important;
}
.site-footer .widget-title,
#colophon .widget-title {
color: #fff !important;
font-family: ‘Quicksand’, sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
margin-bottom: 15px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-family: ‘Quicksand’, sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
}
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price ins {
font-family: ‘Quicksand’, sans-serif !important;
color: #A67908 !important;
}
.woocommerce div.product .product_title {
font-family: ‘Quicksand’, sans-serif !important;
font-weight: 700 !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
font-family: ‘Quicksand’, sans-serif !important;
color: #A67908 !important;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.added_to_cart,
.woocommerce .button {
background: #A67908 !important;
color: #fff !important;
font-family: ‘Quicksand’, sans-serif !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
border: none !important;
border-radius: 0 !important;
padding: 12px 30px !important;
transition: all 0.3s ease !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
background: #3c4043 !important;
color: #fff !important;
}
.woocommerce span.onsale {
background: #A67908 !important;
border-radius: 0 !important;
}
.woocommerce .site-content,
.page .site-content,
.single .site-content {
max-width: 1400px;
margin: 0 auto;
padding: 20px;
}
.topbar {
display: none !important;
}