/*
Theme Name: Tayp - Shoppers Theme
Theme URI: http://tayp.ph/
Description: Tayp - Simple shoppers theme x Dessign
Version: 1
Author: Tayp
Author URI: http://tayp.ph
Tags: 3 column theme, clean, portfolio
*/
/* =WordPress Core
-------------------------------------------------------------- */
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
margin-top: 30px !important;
}
#food_modal .single_variation_wrap {
margin-top: 20px;
}
#food_modal a.button.sameday {
color: #fff;
font-size: inherit;
font-family: inherit;
padding: 12px 30px;
border-radius: 0;
line-height: 1;
box-shadow: 2px 2px 2px rgb(0 0 0 / 20%);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.046875em;
transition: all .2s;
}
.ex-fdlist .exfd-filter .exfd-filter-group .ex-menu-list .ex-menu-item-active {
background: #cb1d73 !important;
color: #fff;
border-color: #cb1d73 !important;
position: relative;
}
.fdstyle-list-1 .exfd-icon-plus:before {
background-color: #cb1d73 !important;
}
.fdstyle-list-1 .exfd-icon-plus:after {
background-color: #cb1d73 !important;
}
.fdstyle-list-1 .fdlist_1_des button {
border: 2px solid #cb1d73 !important;
}
.ex-fdlist .exfd-shopping-cart {
background-color: #cb1d73 !important;
}
.exfd-cart-mini .exwf-quantity .exwf-con-quantity > input {
background-color: #cb1d73 !important;
}
.exfd-cart-mini .exwf-quantity .exwf-con-quantity {
border: 1px solid #cb1d73 !important;
}
.exfd-cart-content .woocommerce-mini-cart__buttons a {
padding: 7px 15px;
background: #cb1d73 !important;
}
a.button.sameday {
margin-left: 10px;
}
ins.highlight {
text-decoration: none !important;
}
a.button.product_type_simple {
display: none !important;
}
a.button.product_type_variable {
display: none !important;
}
.qr-code-btn {
color: #cb1d73 !important;
font-weight: bold;
}
.pum-content.popmake-content {
padding: 20px !important;
}
div#pum_popup_title_915 {
text-align: center;
}
.d-block{
display: block;
}
.header-image{
position: relative;
}
.header-image img{
height: calc(100vh - 225px) !important;
object-fit: cover;
width: 100%;
}
.header-caption{
background: #0000006e;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-align: center;
}
.header-caption h1 {
font-size: 50px;
font-weight: 400 !important;
}
.header-button {
outline: none!important;
margin: 15px auto;
background: #cb1d73;
height: fit-content;
font-size: 18px;
font-weight: 600;
user-select: none;
border: 1px solid #cb1d73;
border-radius: 40px;
color: #ffffff;
padding: 13px 40px;
transition: all 0.3s;
display: block;
width: fit-content;
}
.header-button:hover,
.header-button:focus {
border: 1px solid #cb1d73;
background: #cb1d73;
color: #ffffff;
text-decoration: none;
padding: 13px 50px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
line-height: 1;
height: calc(100vh - 355px) !important;
object-fit: cover;
width: 100%;
}
@media only screen and (max-width: 767px) {
p#proof_of_payment_field span#proof_of_payment-description {
font-size: 8px !important;
}
}
div#jg-bar a {
color: #fff !important;
}
.jg-notification-bar.Off {
display: none !important;
}
.review-image {
margin: 10px;
display: inline-block;
max-height: 407px;
}
@media only screen and (max-width: 992px) {
.review-image {
max-height: 296px;
}
}
.woocommerce-page .archive_header_left {
width: 100% !important;
}
.woocommerce-order section.woocommerce-bacs-bank-details {
display: none;
}
@media only screen and (max-width: 992px) {
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 100% !important;
}
}
.header_menu ul li ul {
position: absolute;
top: 37px;
left: 0;
display: none;
z-index: 400;
background-color: #3fc3b4 !important;
}
li.home_small_box a.button.product_type_variable.add_to_cart_button { display: none; }
a.btn.btn-primary.btn-x2.text-uppercase.js-scroll-trigger {
background: #cb1d73 !important;
border: none;
font-weight: 700;
text-transform: inherit;
font-family: 'Montserrat', sans-serif !important;
text-transform: uppercase;
}
section.up-sells.upsells.products {
width: 100%;
display: inline-block;
text-align: center;
}
h2.woocommerce-loop-product__title {
font-family: 'Montserrat', sans-serif !important;
text-decoration: none;
font-weight: bold;
letter-spacing: normal;
padding-bottom: 0px;
text-transform: inherit;
color: #000;
}
body table.variations .label {
color: #000 !important;
font-weight: bold;
text-transform: UPPERCASE;
letter-spacing: normal;
font-size: 14px;
}
.woocommerce-info a {
color: #fff !important;
}
.blog_box .sb_title {
text-align: left;
padding: 10px 0;
color: #666;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
letter-spacing: normal;
line-height: normal;
}
.blog_box .read_more {
background: #cb1d73 !important;
font-weight: bold;
}
.blog_box .sb_title a {
color: #000;
}
main#main {
margin-top: 40px;
}
.woocommerce div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
font-family: 'Montserrat', sans-serif !important;
letter-spacing: normal;
text-transform: inherit;
}
body .home_small_box .sb_title {
font-family: 'Montserrat', sans-serif !important;
text-decoration: none;
font-weight: bold;
letter-spacing: normal;
padding-bottom: 0px;
text-transform: inherit;
}
body .jg-page-title {
background: #cb1d73 !important;
}
.home_small_box .sb_title a {
color: #000;
}
a {
color: #e89d20;
}
@media only screen and (max-width: 992px) {
a.cart-menu span {
top: 0;
}
}
@media only screen and (max-width: 768px) {
.righty_item {
display: inline-block !important;
float: none !important;
margin-top: 6px;
}
.header-cart {
padding-top: 10px !important;
}
header#header {
padding-bottom: 14px;
}
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
.righty_item {
display: inline-block !important;
float: none !important;
margin-top: 6px;
}
.header-cart {
padding-top: 4px !important;
}
header#header {
padding-bottom: 14px;
}
}
.righty_item{
display: inline-block !important;
float: right;
}
#header {
background-color: #3fc3b4 !important;
}
@media only screen and (min-width: 991px) {
.header_menu {
padding-top: 25px;
}
.header_search {
padding-top: 25px;
}
.header_search input[type=image] {
position: absolute;
top: 33px !important;
}
}
footer {
background: #3fc3b4 !important;
}
a.cart-menu span {
position: absolute;
background: #fff;
border-radius: 31px;
padding: 0px 5px 0px 5px;
color: #000;
font-weight: bold;
margin-left: 2px;
right: -3px;
top: 0px;
}
.header-cart {
float: right;
position: relative;
}
.slicknav_menu {
background: #cb1d73 !important;
padding: 5px;
}
a.slicknav_btn.slicknav_open {
background: #3fc3b4 !important;
}
a.slicknav_btn {
background: #3fc3b4 !important;
}
.header_search {
float: left !important;
position: relative;
margin-top: 4px;
}
.logo_cont img {
max-height: 90px;
}
.single_lefts {
margin: 0 auto;
padding-top: 30px;
width: 980px;
}
.other-item {
padding: 100px 0;
}
span.show-password-input {
margin-top: -7px;
}
a.checkout-button.button.alt.wc-forward {
background: #000 !important;
}
.woocommerce-page a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
display: none !important;
}
button.single_add_to_cart_button.button.alt {
background: #cb1d73 !important;
}
div#gform_wrapper_1 input {
font-family: 'Poppins', sans-serif;
color: #000;
font-size: 12px;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
background: #3fc3b4 !important;
color: #fff !important;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
background-color: #cb1d73 !important;
color: #fff !important;
text-transform: uppercase;
}
input#gform_submit_button_1 {
background: #cb1d73 !important;
color: #fff !important;
padding: 5px 30px;
font-family: 'Poppins', sans-serif;
font-size: 14px !important;
border: none;
text-transform: uppercase;
font-weight: bold;
}
div#wp-content-wrap {
display: none !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
text-transform: Initial;
font-weight: 700 !important;
letter-spacing: normal;
}
div#gform_wrapper_1 label {
color: #000;
font-family: 'Poppins', sans-serif;
font-size: 14px;
letter-spacing: 0px;
}
.tayp-section {
padding-top: 20px;
padding-bottom: 20px;
}
.home_small_box .sb_price, .blog_box .sb_price {
text-align: center !important;
}
.jg-page-title {
background: #000;
text-align: center;
color: #fff;
padding: 10px;
font-size: 24px;
text-transform: uppercase;
letter-spacing: normal;
line-height: normal;
font-family: 'Bebas Neue', 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* Footer */
.first-footer-left.footer-address {
width: 251px;
}
.first-footer-left.footer-address {
text-align: right;
margin-left: 69px;
}
.first-footer-left.footer-address img {
width: 251px !important;
}
footer.footer {
margin-top: 100px;
}
footer {
padding: 25px 0;
text-align: center;
}
footer {
background: #000000;
color: #fff !important;
}
footer a {
color: #fff !important;
}
.col-md-6.copyright-agent {
text-align: right;
line-height: normal;
}
p.footer-cright {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: normal;
line-height: normal;
}
p.footer-cright a {
color: #ffffff !important;
font-family: 'Montserrat', sans-serif;
}
.col-md-6.footer-logo img {
height: 50px;
display: inline-block;
}
.col-md-6.footer-logo {
text-align: left;
}
ul.list-inline.social-buttons-foot li {
font-size: 17px;
}
ul.list-inline.social-buttons-foot {
display: inline-block;
margin-left: 15px;
height: 27px;
}
.col-md-4.footer-inquiries {
color: #ffffff;
text-align: left;
}
.col-md-4.footer-inquiries h3 {
text-transform: inherit;
font-family: 'Montserrat', sans-serif !important;
font-weight: 700;
}
.col-md-4.footer-inquiries p {
text-transform: inherit;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
a.btn.btn-primary.btn-x2.text-uppercase.js-scroll-trigger {
background: #939597;
border-color: #939597;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
text-transform: initial;
color: #f0f6f4;
margin-top: 20px;
}
a.btn.btn-primary.btn-x2.text-uppercase.js-scroll-trigger:hover {
background: #666666;
border-color: #666666;
transition: 0.3s;
}
.first-footer-left ul {
list-style-type: none;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
color: #d8dedc;
text-align: left;
text-decoration: none;
padding-left: 0px !important;
}
.first-footer-left ul li a{
list-style-type: none;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
color: #ffffff !important;
text-transform: uppercase;
line-height: 26px;
letter-spacing: normal;
text-decoration: none;
display: inline-block;
}
.col-md-2.first-footer-left {
margin-top: 25px;
}
.first-footer-left.footer-address {
text-align: right;
}
.first-footer-left {
display: inline-block;
float: left;
margin-left: 40px;
height: 115px;
}
.col-md-8.main {
margin-top: 24px;
}
.first-footer-left.footer-address {
text-align: right;
margin-left: 69px;
}
@media only screen and (min-width: 998px) and (max-width: 1200px) {
.first-footer-left.footer-address {
text-align: right;
margin-left: 26px !important;
margin-top: 4px;
}
.first-footer-left.footer-address {
text-align: right;
margin-left: 26px !important;
margin-top: 4px;
}
.first-footer-left {
display: inline-block;
float: left;
margin-left: 10px;
height: 115px;
}
}
@media only screen and (min-width: 768px) and (max-width: 998px) {
.first-footer-left.footer-address {
text-align: left;
margin-left: 44px;
}
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
.first-footer-left.footer-address {
text-align: left;
margin-left: 44px;
}
.col-md-4.footer-inquiries {
color: #d8dedc;
text-align: left;
text-align: center;
}
.first-footer-left {
display: inline-block;
float: none !important;
margin-left: 0px;
height: 115px;
width: 100%;
}
.first-footer-left ul {
list-style-type: none;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
color: #d8dedc;
text-align: center;
text-decoration: none;
padding-left: 0px !important;
}
.first-footer-left.footer-address {
text-align: center;
margin-left: 0px;
}
}
@media (max-width: 992px) {
.col-md-6.footer-logo {
text-align: center;
}
.col-md-6.copyright-agent {
text-align: center;
margin-top: 12px;
}
ul.list-inline.social-buttons-foot {
display: block;
margin-left: 15px;
height: 27px;
}
}
.gmpInfoWindowtitle {
color: #000 !important;
}
.first-footer-left.footer-address {
width: 251px;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 0 4px 5px;
}
/* Global */
html { margin-top: 0 !important; }
body, div { margin: 0; padding: 0; }
body { font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #333; line-height: 140%; letter-spacing: 1px; }
input { font-family: 'Roboto Condensed', sans-serif; }
a {color: #333; text-decoration: none; transition: background 0.3s ease 0s, color 0.3s ease 0s; }
a:hover { color: #666; text-decoration: none; }
h1,h2,h3,h4,h5,p { margin: 10px 0; }
img { border: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.container.first-container { width: 1180px !important; margin: 0 auto; padding-left: 0px !important; padding-right:0px !important;}
input[type=text] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#infscr-loading { DISPLAY: NONE !important; visibility: hidden !important; } /* hide infinite scroll loading image */
::selection {
background: #ccc;
}
::-moz-selection {
background: #ccc;
}
/* Header */
#header { background-color: #fff; position: fixed; top: 0; left: 0; padding: 14px 0; width: 100%; z-index: 9999; }
.logo_cont { padding: 0px 0; text-align: center; float: left; max-width: 220px; margin-right: 15px; }
.logo_cont img { max-width: 100%; height: 74px; width: auto; }
.header_search_cont { padding: 20px 0; }
.slicknav_menu { display: none; }
.header_menu {
float: left;
margin-top: 0px;
}
.header_menu ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
.header_menu ul li { float: left; margin-right: 9px; padding-bottom: 8px; position: relative; text-transform: uppercase; }
.header_menu ul li:first-child { margin-left: 0; }
.header_menu ul li a { display: block; padding: 6px 12px; font-size: 14px; color: #fff; text-decoration: none; font-family: 'Inter', sans-serif;font-weight: 700;}
/*.header_menu ul li a:hover,
.header_menu ul li.current-menu-item a,
.header_menu ul li.current_page_item a { color: #fff; background-color: #545453; }*/
.header_menu ul li a:hover, .header_menu ul li a:focus {
text-decoration: none;
color: #cb1d73;
background-color: transparent !important;
}
.header_menu ul li ul { position: absolute; top: 37px; left: 0; display: none; z-index: 400; }
.header_menu ul li ul li { width: 160px; float: none; margin: 0; padding: 0; }
.header_menu ul li ul li a { -moz-border-radius: 0px; border-radius: 0px; font-size: 13px; }
.header_search { float: right; position: relative; margin-top: 0; }
.header_search input[type=text] { width: 190px; height: 40px; border: none; background-color: #fff; -moz-border-radius: 4px; border-radius: 4px; padding-left: 10px; padding-right: 10px; border: 1px solid #ccc; }
.header_search input[type=image] { position: absolute; top: 9px; right: 11px; }
/* Content */
#slideshow_cont { margin-bottom: 35px; }
.home_small_box { float: left; width: 360px; margin-right: 50px; margin-bottom: 30px; position: relative; margin-top: 15px; }
.home_small_box.clear { float: none; width: auto; margin: 0; clear: both; }
.blog_box { float: none; width: auto; margin: 0 auto 25px; text-align: left; padding-bottom: 10px; }
.home_small_box_last { margin-right: 0; }
.home_small_box img { display: block; width: 360px; height: 360px; transition:all 0.3s ease-in-out}
.home_small_box img:hover { }
.blog_box img { width: 930px; height: 400px; transition:all 0.3s ease-in-out }
.home_small_box img:hover,
.blog_box img:hover { opacity:0.8; filter:alpha(opacity=80); }
.blog_box.clear { float: none; width: auto; margin: 0; clear: both; }
.blog_box .read_more { display: inline-block; padding: 7px 30px; background-color: #222222; color: #fff; font-size: 11px;}
.home_small_box .sb_title { background-color: #fff; padding: 10px 10px; text-align: center; font-size: 17px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; color: #333; letter-spacing: 1.5px; line-height: 25px; margin-top: 5px; text-transform: uppercase; }
.blog_box .sb_title { background-color: #fff; padding: 10px 10px; text-align: center; font-size: 30px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; color: #333; letter-spacing: 1.5px; line-height: 25px; margin-top: 5px; text-transform: uppercase; line-height: 130%; }
.blog_box .sb_title { text-align: left; padding: 10px 0; color: #666;}
.sb_title a:hover { text-decoration: none; color: #666;}
.home_small_box .sb_price,
.blog_box .sb_price { padding: 6px 8px; text-align: right; font-size: 17px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; color: #333; letter-spacing: 1.5px; margin-top: 1px; }
body.home .home_small_box .sb_price { text-align: center; }
body.tax-product_cat h1.page-title { font-size: 20px; }
body.tax-product_cat .home_small_box .sb_price { text-align: center; }
.blog_box .sb_price { text-align: left; font-size: 15px; padding: 6px 0px; line-height: 26px; }
.prod_meta { position: relative; }
.prod_meta_link,
.prod_meta_button { position: absolute; top: 6px; left: 0px; }
.prod_meta_link { right: 0px; left: auto; }
.prod_meta_button .woocommerce a.button,
.prod_meta_link a { background: -moz-linear-gradient(center top , #f7f6f7 0px, #e0dadf 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #c8bfc6;
border-radius: 2px;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
color: #5e5e5e;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 100%;
font-weight: bold;
left: auto;
line-height: 1em;
margin: 0;
overflow: visible;
padding: 6px 10px;
position: relative;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
white-space: nowrap;
text-transform: uppercase;
font-size: 13px;
background: none; }
.prod_meta_button p { border: none !important; padding: 0 !important; margin: 0 !important; }
.prod_meta_button p .amount { display: none; }
.load_more_text { text-align: center; }
.load_more_text a { display: inline-block; text-align: center; color: #000; padding: 10px 35px; font-size: 16px; /*background-color: #000;*/ border: 1px solid #000; }
.archive_header_left { float: left; margin-bottom: 15px; }
.archive_header_left form.woocommerce-ordering { display: none; }
.archive_header_right { float: right; }
.archive_header_right .woocommerce-result-count { display: none; }
h1.category_title { margin: 0; padding: 10px 0 25px; font-size: 25px; font-weight: normal; }
.next_prev_cont { padding: 25px 0; }
.next_prev_cont .left { float: left; width: 45%; }
.next_prev_cont .left a { display: block; background: url('images/post_prev.png') no-repeat; background-position: top left; padding-left: 25px; min-height: 30px; }
.next_prev_cont .right { float: right; width: 45%; text-align: right; }
.next_prev_cont .right a { display: block; background: url('images/post_next.png') no-repeat; background-position: top right; padding-right: 25px; min-height: 30px; }
body.tax-product_cat .add_to_cart_button { display: none; }
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin-left: 10px !important; }
.woocommerce-message:before,
.woocommerce-info:before { background: none; content: ""; box-shadow: none; }
.woocommerce-message,
.woocommerce-info { border-top: none; }
.single_left { float: left; width: 930px; margin-top:20px; }
.single_post_cont { background-color: #fff; /*padding: 15px 10px;*/ }
h1.single_title { margin: 0 0 20px; font-size: 30px; font-weight: 300; text-decoration: none; text-transform: uppercase; }
.related.products { display: none; }
body.single-product #sidebar { display: none; }
body.single-product .price .amount { font-weight: bold; font-size: 22px; color:#333; }
.single_inside_content img { max-width: 100%; height: inherit; }
.single_inside_content p { max-width: 100%; height: inherit; line-height: 170%; font-size: 16px; font-weight: 300; }
#commentform input[type=submit] { background-color: #161616; color: #fff; border: 1px solid #6E6E6E; padding: 3px 5px; }
textarea#comment { max-width: 95%; }
body.woocommerce-page #content div.product h1.product_title { font-size: 35px; color:#333; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; line-height: 130%; letter-spacing: 2px;} /* FOR TITLE */
body.single-product p.price span.amount { font-size: 28px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; color:#333; margin-top:10px; letter-spacing: 2px; line-height: 110%; } /* FOR PRICE */
.summary div[itemprop="description"] { font-size: 15px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; letter-spacing: 1px; line-height: 130%; } /* product description size */
div.images div.thumbnails img { margin-bottom: 8px; }
.cat-text { font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #333; letter-spacing: 1px; text-align: center; }
h1.page-title { font-size: 18px; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; }
.woocommerce-breadcrumb { display: none; }
.scroller{position:absolute;bottom:5%;width:100%;padding:12px 0px;text-align:center;color:rgba(255,255,255,0.6);font-family:"Lato",sans-serif;font-weight:300;-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;-o-transition:color 0.2s ease-out;-ms-transition:color 0.2s ease-out;transition:color 0.2s ease-out;z-index:100}
.scroller .scroller-icon{position:absolute;left:50%;margin-left:-24px;margin-top:-12px;border:2px solid rgba(255,255,255,0.6);font-size:2em;width:50px;height:50px;line-height:50px;text-align:center;line-height:50px;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:border-color 0.2s ease-out;-moz-transition:border-color 0.2s ease-out;-o-transition:border-color 0.2s ease-out;-ms-transition:border-color 0.2s ease-out;transition:border-color 0.2s ease-out}
.scroller span{padding-left:80px}
.scroller:hover{cursor:pointer;color:#fff}
.scroller:hover .scroller-icon{border-color:#fff}
.woocommerce div.product, .woocommerce #content div.product, .woocommerce-page div.product, .woocommerce-page #content div.product {
margin-bottom:0;
margin-top:40px;
position:relative;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
float: right;
text-align: left;
width: 40%;
}
.woocommerce div.product, .woocommerce #content div.product, .woocommerce-page div.product, .woocommerce-page #content div.product {
margin-bottom: 0;
margin-top: 10px;
position: relative;
}
.woocommerce-product-gallery__wrapper {
margin: 0;
}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{
min-height: 0!important;
}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {box-shadow: none; }
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a:hover img {box-shadow: none; }
.woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img {box-shadow: none; }
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
border-top-color:#eee;
border-top-style:solid;
border-top-width:3px;
box-shadow: none;
}
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
border-top-color:#eee;
border-top-style:solid;
border-top-width:3px;
box-shadow: none;
}
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {
display: none;
}
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {
display: none;
}
.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before {
display: none;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: block;
font-size: 1em;
margin-bottom: 1em;
padding: 1em;
text-align: center;
}
.woocommerce-product-gallery__wrapper {
margin: 0;
}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{
min-height: 0!important;
}
.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before {
display: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0 1.8% 2.992em 0;
width: 23.65%
}
.pswp__bg{background: rgba(0,0,0,0.8);}
.woocommerce .quantity .qty {
text-align:center;
width:3.631em;
height: 2em;
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0 3% 2.992em 0;
width: 31.3%
}
.woocommerce span.onsale {
display: none;
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0; }
.woocommerce-ordering .orderby {
border: 1px solid #ccc;
border-radius: 5px;
height: 26px;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
background-color: #ebe9eb;
color: #515151;
}
/* Sidebar */
#sidebar { float: right; width: 190px; margin-top:27px; }
.side_box { margin-bottom: 35px; }
.side_box h3.side_title { background-color: #fff; font-size: 15px; /*padding: 7px 9px;*/ margin: 0 0 15px; font-weight: 700; border-radius: 4px;}
.side_box ul { list-style-type: none; margin: 0; padding: 0; }
.side_box ul li { margin-bottom: 6px; }
/* Footer */
#footer { padding: 25px 0; text-align: center; font-size: 13px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #333; letter-spacing: 1px; margin-top:15px; }
.footer_widgets_cont { padding-bottom: 25px; }
.footer_widget_col { float: left; width: 350px; margin-right: 65px; }
.footer_widget_col_last { margin-right: 0; }
.footer_box { margin-bottom: 25px; text-align: left; }
h3.footer_title { font-size: 19px; }
.footer_box ul { list-style-type: none; margin: 0; padding: 0; }
.footer_box ul li { margin-bottom: 8px; }
.footer_social { padding: 10px 0 20px; text-align: center; }
.footer_social img { float: none; margin: 0 6px; }
.footer-form .d-flex {
justify-content: center;
text-align: center;
position: relative;
width: 100%;
}
.footer-form button img {
filter: brightness(0);
margin: 0 0 0 10px;
}
.footer-form button {
position: absolute;
top: 0;
right: 0;
font-family: 'Inter', sans-serif;
font-size: 12px;
font-weight: 700;
padding: 12px;
border-radius: 4px;
border: 1px solid #ffffff;
display: flex;
justify-content: center;
align-items: center;
color: #6D6D6D;
}
.footer-form input {
font-size: 12px;
background: transparent;
border: 1px solid #ffffff;
padding: 12px;
width: 100%;
border-radius: 4px;
color: #ffffff;
font-family: 'Work Sans', sans-serif;
}
.footer-form input::-webkit-input-placeholder { /* Edge */
color: #ffffff;
letter-spacing: 1px;
}
.footer-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #ffffff;
letter-spacing: 1px;
}
.footer-form input::placeholder {
color: #ffffff;
letter-spacing: 1px;
}
.footer img.logo-img{
width: 74px;
}
.footer .payment-list {
display: flex;
justify-content: end;
flex-wrap: wrap;
}
/* Shop */
.d-flex-between{
display: flex;
justify-content: space-between;
}
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
/* Products */
.prod-info-modal select {
width: 100%;
margin: 0 15px;
height: 30px;
padding: 5px;
align-self: center;
}
.prod-info-modal>div>h4 {
width: 170px;
font-size: 16px;
}
.prod-list{
margin-top: -35px;
}
.page-section {
height: auto;
width: 100%;
color: black;
}
.prod-cat-title{
display: flex;
justify-content: space-between;
border-bottom: 2px solid #000000;
margin: 15px 0;
}
.prod-cat-title h2{
font-size: 20px;
color: #000;
}
.page-section .prod-item {
border-bottom: 1px solid #e5eaee;
display: flex;
justify-content: space-between;
padding: 10px 6px 20px 6px;
margin: 10px 0 0 0;
cursor: pointer;
}
.page-section .prod-item:hover{
box-shadow: 0 1px 9px -3px rgb(0 0 0 / 10%);
}
.prod-item .prod-img{
min-width: 90px;
height: 60px;
margin: auto;
object-fit: cover;
border-radius: 5px;
margin-right: 15px;
}
.prod-item .prod-info {
width: 100%;
}
.prod-item p {
margin: 0;
}
.prod-item .prod-name {
font-weight: 600;
font-size: 16px;
color: #464e5f;
font-family: Poppins,Helvetica,"sans-serif";
}
.prod-item .prod-price {
font-weight: 600;
font-size: 14px;
color: #464e5f;
font-family: Poppins,Helvetica,"sans-serif";
}
button.prod-add {
outline: none!important;
margin: auto;
background: transparent;
height: fit-content;
display: inline-block;
font-weight: 400;
user-select: none;
border: 1px solid #cb1d73;
color: #cb1d73;
padding: 10px 15px;
}
button.prod-add:hover, button.prod-add:focus {
border: 1px solid #cb1d73;
background: #cb1d73;
color: #ffffff;
}
/* Product Nav */
.navigation {
width: 100%;
overflow-y: hidden;
overflow-x: scroll;
white-space: nowrap;
border-bottom: 1px solid #e5eaee;
padding: 15px;
margin: 13px auto;
position: absolute;
bottom: -69px;
background: #fff;
/* position: fixed;
top: 115px;
right: 0;
left: 0; */
}
.navigation::-webkit-scrollbar {
height: 5px;
}
.navigation::-webkit-scrollbar-track {
background: #e5eaee;
}
.navigation::-webkit-scrollbar-thumb {
background: #b5b5c3;
cursor: pointer;
}
.navigation::-webkit-scrollbar-thumb:hover {
background: #555;
}
.navigationlink {
display: inline;
text-decoration: none;
padding: 1em;
color: #b5b5c3;
font-size: 14px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 600;
}
.navigationlink:hover, .navigationlink:focus {
color: #b5b5c3;
text-decoration: none;
}
.navigationlink.active {
color: #000;
}
@media (max-width: 959px){
.navigation {
position: relative;
bottom: -27px;
}
}
/* Modal */
.prod-info-modal {
padding: 0 20px;
border: 1px solid #ecf0f3;
}
.prod-modal.modal {
text-align: center;
z-index: 99999;
}
.prod-modal .modal-content {
overflow: auto;
}
.prod-modal .modal-body {
padding: 0 !important;
}
.prod-modal .modal-body button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
position: absolute;
top: 20px;
left: 20px;
background-color: #212121!important;
width: 45px;
height: 45px;
border-radius: 100px;
color: #fff;
font-size: 35px;
}
.prod-modal .modal-footer{
display: flex;
justify-content: space-between;
}
.prod-modal .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.optional-block {
background-color: #ecf0f3;
padding: 5px 15px;
margin: 0;
height: 26px;
border-radius: 5px;
text-transform: uppercase;
font-size: 11px;
align-self: center;
}
@media screen and (min-width: 768px) {
.prod-modal.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}
}
/* QTY */
.qty::-webkit-outer-spin-button,
.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity-box {
border: 1px solid #ecf0f3!important;
display: inline-block;
width: auto;
padding: 10px;
text-align: center;
color: #000;
border-bottom: 1px #009688 solid;
}
.qty-btns{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.qty-minus{
font-size: 30px;
font-weight: bold;
line-height: 0;
color: #676869;
cursor: pointer;
height: 30px;
}
.qty{
border: none;
padding: 2px;
font-size: 18px;
font-weight: 600;
color: red;
text-align: center;
width: 50px;
}
.qty-add{
font-size: 30px;
line-height: 30px;
font-weight: bold;
color: #676869;
cursor: pointer;
}
.qty-add:hover, .qty-minus:hover, .qty-add:focus, .qty-minus:focus{
text-decoration: none;
}
.addtocart-form{
margin: 0 0 0 15px;
width: 100%;
}
button.add-to-basket {
width: 100%;
border: none;
background-color: #009b3a;
color: rgb(255, 255, 255);
padding: 10px 20px;
border-radius: 5px;
font-size: 20px;
font-weight: 600;
text-align: center;
}
/* Navbar */
.navbar {
border-color: #3fc3b4;
background-color: #3fc3b4 !important;
padding: 14px 0;
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 0px;
}
.navbar-brand {
height: auto !important;
padding: 0 !important;
}
div#bs-example-navbar-collapse-1 {
width: calc(100% - 130px);
margin-left: 50px;
}
.navbar-toggle .icon-bar {
display: block;
width: 27px !important;
height: 4px !important;
border-radius: 1px;
background: #ffffff;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
max-height: 450px !important;
}
.hide-desktop{
display: none !important;
}
.navbar-collapse {
margin-top: 0px;
}
@media (min-width: 768px){
.header_menu {
padding-top: 20px;
}
}
@media (max-width: 767.89px){
.hide-desktop{
display: block !important;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
margin-left: 0;
}
.header_menu {
padding-top: 20px;
}
.navbar-brand {
padding: 0px 25px !important;
}
.logo_cont img {
height: 64px;
}
.header_spacing {
margin-top: 92px;
}
.header_menu ul {
display: block;
}
.header_menu ul li {
width: 100%;
}
.hide-mobile{
display: none !important;
}
.header_menu ul li a {
text-align: center;
}
.header_search input[type=text] {
width: 100%;
}
.header_search {
width: 100%;
}
.header_search input[type=image] {
position: absolute;
top: 12px;
right: 11px;
}
.navbar-collapse {
margin-top: 30px;
}
div#bs-example-navbar-collapse-1 {
width: calc(100% - 130px);
margin-left: auto;
margin-right: auto;
width: 100%;
}
}
.btn-floating{
background: -moz-linear-gradient(to right, #ffb400 0%, #ed4a63 100%);
background: -webkit-linear-gradient(to right, #ffb400 0%,#ed4a63 100%);
background: linear-gradient(to right, #ffb400 0%,#ed4a63 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb400', endColorstr='#ed4a63',GradientType=0 );
box-shadow: 0 3px 6px #00000030;
padding: 13px 25px 16px 25px;
border-radius: 4px;
margin-top: 0;
color: white;
font-family: 'Styrene A Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: normal;
line-height: normal;
text-transform: none;
display: inline-block;
position: relative;
border: 0px;
transition: 0.3s;
font-size: 16px;
position: fixed;
bottom: 25px;
right: 25px;
z-index: 99999;
}
.btn-floating:hover {
color: white;
text-decoration: none;
-webkit-transform: translateY(-5px) !important;
-ms-transform: translateY(-5px) !important;
transform: translateY(-5px) !important;
transition: all .5s ease !important;
}
.header_search.float-search {
position: absolute;
right: 0;
top: 39px;
display: none;
}
button.nav-search-btn.search-close {
position: absolute;
top: 27px;
right: 8px;
background: transparent;
outline: 0;
border: 0;
}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter