Files
grzanieplus.pl/web/css/frontend/theme/bianco/bianco.css
2025-03-12 17:06:23 +01:00

2631 lines
37 KiB
CSS

:root
{
--primary: #e11a22;
--primary_dark: #c71219;
}
html
{
font-size: 93.75%; /*15px*/
}
body
{
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 1rem;
}
a
{
color: inherit;
}
a, .btn, .form-control
{
transition: all 0.2s ease;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small, .tinymce_html, .text-muted, .breadcrumb, .reviews small
{
color: #727272;
}
.radio label, .checkbox label, #shopping-cart label, #user-panel-login
{
font-weight: 400;
}
#shopping-cart .table th
{
font-size: 0.93333rem;
}
.inline-block
{
display: inline-block;
}
#product-navbar h1, .title h1, .title h2, .card h1, .tinymce_html h1, .tinymce_html h2, .title-line span
{
font-family: 'Poppins', sans-serif;
font-weight: 600;
}
#product-navbar h1, .title h1, .title h2,
#vertical-categories h3, .product_group .panel-title, .box-info .panel-title,
.product-attribute-filter-container .filter-title, .product-options-filter-container .filter-title
{
font-weight: 700;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.tinymce_html h1, .tinymce_html h2, .tinymce_html h3, .tinymce_html h4, .tinymce_html h5, .tinymce_html h6,
.panel-default>.panel-heading
{
font-weight: 600;
color: #333;
}
.title-group-hp h3
{
margin: 5px 0 20px;
}
.search-link .search-link-description,
.search.product-search {
padding-left: 0;
padding-right: 0;
}
#vertical-categories h3, .product_group .panel-title, .box-info .panel-title
{
border: none;
padding: 0;
}
.tinymce_html h2,
#vertical-categories h3, .product_group .panel-title, .box-info .panel-title,
.product-attribute-filter-container .filter-title, .product-options-filter-container .filter-title
{
font-size: 1.333rem;
}
.tinymce_html h3
{
font-size: 1.133rem;
}
.tinymce_html h4,
.tinymce_html blockquote
{
font-size: 1rem;
}
.tinymce_html h5
{
font-size: 0.9333rem;
}
.tinymce_html h6
{
font-size: 0.8667rem;
}
.tinymce_html table
{
margin-bottom: 20px;
}
#nav-menu>.navbar-nav>li>a
{
font-family: inherit;
}
b, strong
{
font-weight: 600;
}
.underline
{
text-decoration: underline;
}
.btn
{
font-size: 1rem;
/*padding: 13px 15px;*/
padding: 10px 20px;
box-shadow: none;
}
.btn:hover, .btn:focus, .btn:active, .btn:active:focus
{
outline: none;
}
.product-label .btn-disable
{
display: block;
}
.btn-default, .btn-shopping-cart, .btn-light
{
/*background-color: #f3f3f2;*/
background-color: transparent;
border: 1px solid #8f8f8f;
color: inherit;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default,
.btn-shopping-cart:hover, .btn-shopping-cart:focus, .btn-shopping-cart:active, .btn-shopping-cart.active
{
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
/* #nav-user .btn-light:hover, #nav-user .btn-light:focus, #nav-user .btn-light:active, */
.btn-light:hover, .btn-light:focus, .btn-light:active,
.product-options-group .dropdown-menu > .active > a:hover,
.product-options-group .dropdown-menu > .active > a:focus,
.product-options-group .dropdown-menu > li > a:hover,
.product-options-group .dropdown-menu > li > a:focus,
.product-options-group .dropdown-menu > li > a:active
{
background-color: #f0f0f0;
color: #333;
border-color: #b5b5b5;
}
.btn-shopping-cart
{
font-size: 1rem;
margin: 0;
}
.btn-primary, .information .btn-shopping-cart/*,
.product .btn-shopping-cart:hover, .product .btn-shopping-cart:focus, .product .btn-shopping-cart:active*/
{
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary,
.information .btn-shopping-cart:hover, .information .btn-shopping-cart:focus, .information .btn-shopping-cart:active
{
background-color: var(--primary_dark);
border-color: var(--primary_dark);
color: #fff;
}
#header .social .bottom,
footer .social .top
{
display: none;
}
footer .social
{
text-align: center;
margin-top: 20px;
}
footer .social a:not(:hover)
{
opacity: .3;
}
#card-info-box
{
margin-top: 10px;
}
#card-info-box .flex small
{
display: block;
}
#card-info-box .flex
{
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
#card-info-box .flex > li
{
flex-grow: 1;
justify-content: center;
display: flex;
}
#card-info-box .btn
{
text-align: left;
display: flex;
align-items: center;
background-color: #f3f3f2;
padding-left: 13px;
padding-right: 13px;
border: none;
color: inherit;
width: 100%;
justify-content: center;
}
#card-info-box .btn.collapsed
{
background-color: transparent;
}
#card-info-box .btn img
{
margin-right: 10px;
max-width: 30px;
max-height: 30px;
}
#card-info-box .tinymce_html
{
overflow: auto;
max-height: 160px;
padding: 25px 25px 15px;
font-size: 0.9333rem;
background-color: #f3f3f2;
}
#social-card
{
border-top: 2px solid #f3f3f2;
margin-top: 10px;
padding-top: 15px;
}
#social-card .txt
{
margin-right: 10px;
}
#social-card a
{
opacity: .2;
}
#social-card a:hover,
#social-card a:focus,
#social-card a:active
{
opacity: 1;
}
#table_confirm_terms
{
border-width: 1px;
}
.form-control
{
border-color: #c8c8c8;
}
.form-control,
#captcha_form img
{
height: 43px;
font-size: 1rem;
}
.form-control::placeholder
{
font-style: italic;
transition: all 0.2s ease;
}
.form-control:focus::placeholder
{
opacity: .3;
}
footer .copyright > a
{
color: #8f8f8f;
}
.breadcrumb
{
font-weight: 400;
margin: 10px 0 10px;
font-size: 0.86667rem;
}
.breadcrumb>li>a, .breadcrumb>.active
{
color: inherit;
text-decoration: none;
}
.breadcrumb>li>a:hover, .breadcrumb>li>a:focus, .breadcrumb>li>a:active, a:hover, a:focus, #vertical-categories li.active>a, .product-filter-container label:hover
{
color: var(--primary);
}
.btn-navbar
{
font-size: 1.2rem;
line-height: 50px;
height: 48px;
padding: 0px 10px;
}
.bg-white
{
background-color: #fff;
padding-bottom: 30px;
}
.bg-white:empty
{
padding: 0 !important;
display: none;
}
.row
{
margin-left: -7px;
margin-right: -7px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,
.card .product-label
{
padding-left: 7px;
padding-right: 7px;
}
.thumbnail,
.panel
{
border: none;
}
#header-navbar
{
background-color: rgba(30, 30, 30, 0.9);
box-shadow: none;
}
.dropdown-menu>li>a
{
font-weight: inherit;
padding: 8px 20px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active
{
background-color: var(--primary);
color: #fff;
text-decoration: none;
}
.btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover
{
color: var(--primary);
}
.btn-navbar.collapsed:not(:hover):focus, .btn-navbar.collapsed
{
color: #d6d6d6;
}
.product .description {
font-size: 0.9333rem;
overflow-wrap: break-word;
}
#blog .description,
#blog-list .description
{
margin-bottom: 6px;
}
#blog-show .sidebar ul li , #blog-list .list-posts li{
color: #8f8f8f;
}
.social a
{
display: inline-block;
text-decoration: none;
position: static;
transition: all 0.1s ease;
top: 0;
opacity: 1;
}
.social a:hover,
.social a:focus,
.social a:active
{
/*top: -2px;*/
opacity: 1;
}
#header .social a
{
border: 1px solid #b2b2b2;
}
#header .social a:hover,
#header .social a:focus,
#header .social a:active
{
opacity: .5;
border-color: #b9b9b9;
}
.title-blog h3
{
display: inline-block;
margin-bottom: 23px;
}
#nav-menu .navbar-nav>li.active>a
{
background-color: var(--primary);
color: #fff;
}
#nav-menu .navbar-nav > li > a:hover,
#nav-menu .navbar-nav > li.dropdown > a:hover,
#nav-menu .navbar-nav > li.dropdown:hover > a,
#nav-menu .navbar-nav>li.open>a
{
background-color: #fff;
color: var(--primary);
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus
{
color: var(--primary);
}
#homepage-carousel .swiper-slide-desktop
{
background-color: #f3f3f3;
}
.homepage-carousel .swiper-slide,
.homepage-carousel .swiper-slide-mobile
{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.homepage-carousel .swiper-slide-mobile
{
min-height: inherit;
display: flex;
max-width: 1310px;
margin-left: auto;
margin-right: auto;
}
.homepage-carousel .swiper-dark .swiper-slide-mobile:before,
.homepage-carousel .swiper-dark .video-banner-bg:after
{
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: .4;
}
#homepage-layout,
#one-column-layout,
#two-column-layout
{
background: none;
}
#homepage-baner
{
margin: 0;
background-color: #f3f3f3;
}
#homepage-carousel .arrow-right, #homepage-carousel .arrow-left
{
display: block;
}
#homepage-carousel .arrow-left, .homepage-carousel .arrow-left
{
left: 10px;
}
#homepage-carousel .arrow-right, .homepage-carousel .arrow-right
{
right: 10px;
}
.swiper-pagination-switch
{
width: 20px;
height: 20px;
}
#homepage-baner .container
{
padding: 0;
}
.grid-wrapper
{
--grid_column: 1;
display: grid;
grid-template-columns: repeat(var(--grid_column), 1fr);
gap: 14px;
grid-auto-flow: dense;
margin-bottom: 20px;
}
.grid-wrapper > .product
{
max-width: 100%;
min-width: 0;
}
.grid-wrapper.grid-xs-2
{
--grid_column: 2;
}
.grid-wrapper .thumbnail,
#main_categories.grid-wrapper .thumbnail
{
margin-bottom: 0;
}
.product .image>a
{
padding: 0;
}
.caption .name
{
margin-top: 0;
font-weight: 600;
/*font-size: 17px;*/
font-size: 1rem;
margin-bottom: 10px;
}
.thumbnail .caption
{
padding: 15px 0;
}
.product-list .thumbnail .caption,
#blog .thumbnail.border .caption,
#blog-list .thumbnail.border .caption
{
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
}
#main_categories .tinymce_html
{
padding-bottom: 5px;
}
.old_price
{
color: var(--primary);
}
.product .over-box
{
position: absolute;
top: 12px;
right: 12px;
}
.product .over-box .item
{
background-color: #fff;
padding: 9px 15px;
float: right;
clear: both;
margin-bottom: 5px;
}
.product .price
{
font-weight: 600;
font-size: 1.1333rem;
display: inline-block;
margin-bottom: 7px;
}
.product .minor_price
{
font-weight: 400;
font-size: 1rem;
}
.product .old_price,
.product .discount
{
font-size: 1rem;
font-weight: 400;
margin-left: 10px;
display: inline-block;
color: #ed1c24;
}
.product .old_price
{
color: #8f8f8f;
}
.product .image > span
{
display: table-cell;
text-align: center;
vertical-align: middle;
padding: 0;
}
.product .image > span > img
{
display: inline-block;
max-width: 100%;
height: auto;
width: auto;
}
.product .image.space > a,
#blog .image.space > a,
#blog-list .image.space > a
{
padding: 15px 15px 0;
}
.card .prices .price_minor span
{
font-weight: 400;
}
.product .description
{
margin-bottom: 7px;
}
.product .product-shopping-cart
{
margin-top: 7px;
}
.tinymce_html
{
line-height: 150%;
}
.tinymce_html p
{
margin-bottom: 15px;
}
#product-tabs
{
margin-top: 30px;
}
.product .btn
{
margin-bottom: 10px;
}
#blog .thumbnail,
#blog-list .thumbnail
{
padding: 0;
background-color: inherit;
}
#home-list, #home-list-RECOMMEND, #home-list-new
{
margin-bottom: 10px;
}
#seo
{
margin-bottom: 50px;
}
#blog .data, #blog-list .data, #blog-show .data
{
font-style: italic;
}
footer .navbar-default
{
background-color: #1e1e1e;
color: #ababab;
border: none;
margin-top: 0;
}
footer .list-group h5,
footer .list-group .h5
{
font-weight: 600;
color: #fff;
font-size: 1.3rem;
}
footer a:hover,
footer a:focus,
footer a:active
{
color: #fff;
}
footer .form-control
{
background-color: #323232;
border: none;
padding-left: 20px;
color: #fff;
text-align: center;
}
footer .form-control:focus
{
background-color: #1d1d1d;
box-shadow: 0px 0px 0px 1px #3e3e3e;
}
#newsletter form
{
position: relative;
margin-bottom: 7px;
}
footer .copyright
{
border-top: 1px solid #323232;
}
.full-list .product-shopping-cart, .full-list .product-label, .full-list .name, .full-list .price, .home-list .price, .full-list .weight, .full-list .basic_price
{
position: static;
}
.full-list .product-shopping-cart
{
opacity: 1 !important;
}
.search .input-group
{
width: 100%;
}
#nav-menu .search input[type="search"]
{
padding-left: 15px;
}
#nav-menu .search
{
padding-bottom: 10px;
}
#webpage_footer
{
margin: 0;
}
.category-list2,
.category-line .category-list
{
display: block;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
margin: 15px 0;
text-align: center;
padding: 5px 0;
}
.category-line h2
{
font-size: 1rem;
font-weight: 400;
margin: 0;
}
.category-line a,
.category-line span
{
display: block;
padding: 13px 15px;
border-color: transparent;
/* border: 1px solid #000;*/
}
.category .thumbnail .caption
{
padding-left: 15px;
padding-right: 15px;
}
/* start subcategory */
.category-line
{
text-align: center;
}
.category-line:empty
{
display: none;
}
.category-line .product div[data-equalizer-watch="image"]
{
display: none;
}
.category-line .product
{
width: auto;
float: none;
padding: 0;
display: inline-block;
}
.category-line .product .thumbnail,
.category-line .product .thumbnail .caption
{
margin: 0;
border: none;
padding: 0;
}
.category-line .product .thumbnail .caption h2
{
font-size: 1rem;
margin: 0;
}
.category-line .product .thumbnail .caption h2 a
{
padding: 13px 15px;
border: 1px solid transparent;
text-align: center;
}
.category-line .product .thumbnail .caption h2 a:hover,
.category-line .product .thumbnail .caption h2 a:focus,
.category-line .product .thumbnail .caption h2 a:active
{
background-color: var(--primary);
border-color: var(--primary);
color: #fff;
}
/* end subcategory */
#seo .tinymce_html,
.product .tinymce_html
{
font-size: 0.9333rem;
}
#blog-short ul
{
padding-left: 20px;
margin-bottom: 30px;
}
#blog-short h4
{
margin: 0 0 17px;
}
#category_info
{
padding: 0 7px;
margin-bottom: 15px;
}
.card .product-label .btn-shopping-cart
{
width: 100%;
}
.card .add-quantity .form-control
{
margin: 0;
max-width: 120px;
}
.card .add-quantity .form-control[type="text"]
{
margin: 0 -1px;
width: 40px;
text-align: center;
}
.card .information li.shopping-cart
{
display: flex;
align-items: stretch;
margin-top: 17px;
}
.card .information .basket_add_button
{
flex-grow: 1;
}
.card .add-quantity
{
display: flex;
align-items: stretch;
/* margin-bottom: 15px; */
}
.card .add-quantity .btn
{
padding-left: 0;
padding-right: 0;
width: 34px;
/* height: 43px; */
position: relative;
}
.card .add-quantity .btn:not(:hover)
{
border-color: #c8c8c8;
}
.card .add-quantity .uom
{
display: flex;
align-items: center;
padding: 0 10px 0 6px;
}
.card .add-quantity .btn:before,
.card .add-quantity .btn[data-qty="plus"]:after
{
content: '';
display: block;
position: absolute;
top: 49%;
left: 50%;
margin-left: -5px;
height: 1px;
width: 11px;
background-color: currentColor;
}
.card .add-quantity .btn[data-qty="plus"]:after
{
transform:rotate(90deg);
}
.taggd-image-popup .quantity .btn
{
display: none;
}
.card .price-line
{
margin-top: 11px;
}
.card .nav-tabs > li > a:hover, .card .nav-tabs > li.active > a, .card .nav-tabs > li.active > a:hover, .card .nav-tabs>li.active>a:focus
{
border-bottom-color: var(--primary);
}
.card .prices
{
padding-bottom: 0;
}
.card .prices .price
{
color: var(--primary);
}
.card .nav>li>a
{
font-weight: 600;
}
#nav-button-shopping-cart .quantity
{
background-color: var(--primary);
padding: 4px 3px 2px;
}
.panel-default>.panel-heading
{
background-color: transparent;
border: none;
}
#shopping-cart .panel-body,
.panel-heading,
.panel-body,
#order-form .panel-heading, #login-user .panel-heading, #create-account .panel-heading, #create-first-user-data .panel-heading, #edit-profile-form .panel-heading, #newsletter-unsubscribe .panel-heading
{
padding-left: 0;
padding-right: 0;
}
.panel-title
{
font-size: 1.2667rem;
}
#order_description_text
{
margin-bottom: 20px;
}
.swiper-pagination-switch
{
box-shadow: none;
background-color: transparent;
border: 2px solid #ccc;
}
.swiper-active-switch
{
background-color: #ccc;
}
#homepage-carousel
{
margin: 0;
background: none;
}
#homepage-carousel .arrow-right, #homepage-carousel .arrow-left, .homepage-carousel .arrow-right, .homepage-carousel .arrow-left
{
text-shadow: none;
}
#homepage-carousel .arrow-left, .homepage-carousel .arrow-left,
#homepage-carousel .arrow-right, .homepage-carousel .arrow-right
{
width: 30px;
height: 42px;
}
.homepage-carousel .arrow-left:before,
.homepage-carousel .arrow-right:before,
.homepage-carousel .arrow-left:after,
.homepage-carousel .arrow-right:after
{
content: '';
display: block;
position: absolute;
width: 30px;
height: 2px;
background-color: #ccc;
transition: all 0.2s ease;
transform:rotate(45deg);
top: 10px;
}
.homepage-carousel .arrow-left:hover:before,
.homepage-carousel .arrow-right:hover:before,
.homepage-carousel .arrow-left:hover:after,
.homepage-carousel .arrow-right:hover:after
{
background-color: #000;
}
.homepage-carousel .arrow-right:after
{
transform:rotate(-45deg);
top: 30px;
}
.homepage-carousel .arrow-left:before
{
top: 30px;
}
.homepage-carousel .arrow-left:after
{
transform:rotate(-45deg);
}
#homepage-baner
{
padding: 0 0;
margin: 0;
}
.homepage-carousel .price
{
font-weight: 600;
font-size: 1.2rem;
}
.homepage-carousel .name
{
font-size: 1.6rem;
margin-bottom: 20px;
margin-top: 10px;
}
.homepage-carousel .description
{
margin-bottom: 20px;
}
.homepage-carousel .btn
{
padding: 12px 30px;
margin-top: 5px;
}
.homepage-carousel .swiper-slide .caption
{
position: relative;
z-index: 3;
padding: 0 7% 10%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.homepage-carousel .swiper-slide .caption.small-padding
{
padding-left: 4%;
padding-right: 4%;
}
.homepage-carousel .swiper-slide .caption h3
{
font-weight: 300;
color: #000;
/*font-size: 41px;*/
font-size: 2.3333rem;
margin: 0 0 25px;
}
.homepage-carousel .swiper-slide .caption p
{
color: #484848;
font-size: 1.2667rem;
font-weight: 300;
margin-bottom: 25px;
}
.homepage-carousel .swiper-slide .caption.light h3
{
color: #fff;
}
.homepage-carousel .swiper-slide .caption.light p
{
color: #d6d6d6;
}
.homepage-carousel .swiper-hero-progress
{
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 4px;
background: var(--primary);
z-index: 5;
transition: width 100ms linear;
}
.slide-newsletter .form-control
{
border: none;
box-shadow: 0 5px 5px rgba(0,0,0, .05);
background-image: url(/images/frontend/theme/bianco/input-newsletter.png);
background-repeat: no-repeat;
background-position: 16px center;
max-width: 530px;
margin: 0 auto 10px;
padding-left: 45px;
}
.reviews .row-reviews + .row-reviews
{
border-top: 2px solid #f3f3f2;
}
#reviews .tinymce_html,
#card-info-p
{
font-size: 0.9333rem;
padding-top: 3px;
}
#card-info-p p
{
margin-bottom: 12px;
}
.reviews h5,
.reviews .h5
{
margin-bottom: 8px;
margin-top: 0;
display: inline-block;
font-size: 0.93333rem;
}
.reviews small
{
font-size: 80%;
margin-left: 4px;
}
.reviews .row-reviews
{
display: flex;
padding-top: 16px;
}
.reviews .img-user
{
border-radius: 50%;
width: 70px;
height: 70px;
margin-right: 10px;
}
.reviews .img-user-frame{
width: 70px;
}
.reviews .img-user-avatar{
width: 70px;
height: 70px;
margin-right: 10px;
background-color: #ccc;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3) inset;
color: #fff;
cursor: pointer;
font-size: 2rem;
font-weight: bold;
padding-top: 12px;
text-align: center;
}
.reviews a.img-social
{
position: relative;
top: -2px;
opacity: .3;
margin-right: 3px;
}
.reviews a.img-social:hover,
.reviews a.img-social:focus,
.reviews a.img-social:active
{
opacity: 1;
}
.reviews .tinymce_html,
#card-info-p
{
font-size: 0.9333rem;
padding-top: 3px;
}
#card-info-p p
{
margin-bottom: 12px;
}
footer .navbar-default .verify
{
text-align: center;
}
footer .navbar-default .verify .logos img
{
margin: 0 10px;
display: inline-block;
height: auto;
max-width: 100%;
}
footer .navbar-default .verify .logos
{
margin-bottom: 25px;
}
#newsletter h5,
#newsletter .h5
{
margin-bottom: 18px;
}
.product .more
{
text-decoration: underline;
}
.product-list .thumbnail,
#main_categories .thumbnail,
.category .thumbnail,
#blog .thumbnail.border,
#blog-list .thumbnail.border
{
border: 1px solid #eaeaea;
/* margin-bottom: 14px; */
}
.product-list #blog .thumbnail {
border: none;
}
.category .image a
{
padding: 0;
}
#user-newsletter .panel-title
{
font-size: 1.6667rem;
}
#user-newsletter .panel
{
max-width: 540px;
}
#user-newsletter .form-control,
#user-newsletter .checkbox_privacy,
#user-newsletter .groups,
#user-newsletter .captcha_form
{
max-width: 450px;
margin: 0 auto 0;
}
#user-newsletter .form-control
{
text-align: center;
margin-bottom: 13px;
}
#user-newsletter .newsletter-txt
{
margin-bottom: 30px;
}
#user-newsletter .control-label
{
display: inline;
}
#user-newsletter .groups
{
margin-bottom: 10px;
}
#user-newsletter .groups .glyphicon
{
font-size: 0.86667rem;
}
#user-newsletter .panel-body
{
padding-top: 5px;
}
#user-newsletter .btn
{
margin: 20px 0 15px;
}
#user-newsletter .groups .checkbox,
#user-newsletter .col-xs-4
{
position: static;
}
#user-newsletter .tooltip-inner
{
min-width: 250px;
}
.tooltip.top .tooltip-arrow
{
border-top-color: #8c8c8c;
}
.tooltip.right .tooltip-arrow
{
border-right-color: #8c8c8c;
}
.tooltip.bottom .tooltip-arrow
{
border-bottom-color: #8c8c8c;
}
.tooltip.left .tooltip-arrow
{
border-left-color: #8c8c8c;
}
.tooltip-inner
{
font-size: 0.86667rem;
background-color: #fff;
padding: 9px 13px 8px;
}
.tooltip.in
{
opacity: 1;
}
.more .dropdown-toggle .icon-bar, #nav-button-menu.collapsed .icon-bar
{
background-color: #d6d6d6;
}
#seo h2
{
font-size: 1.6rem;
}
#discount-product-set-list .price
{
display: block;
}
#pa_attributes h3
{
font-size: 1.4rem;
}
#pa_attributes .label_td
{
text-align: left;
padding-left: 15px;
}
#pa_attributes td
{
width: auto;
max-width: 50%;
}
.form-horizontal .control-label
{
font-weight: 400;
padding-top: 11px;
}
#active_price_question_overlay,
#active_depository_question_overlay,
#active_price_question_overlay_login,
#active_depository_question_overlay_login
{
margin-top: 7px;
}
#basket_product_options_container:empty
{
display: none;
}
#basket_product_options_container .product-options-group
{
margin-left: 0;
margin-right: 0;
}
#basket_product_options_container .product-options-group .col-sm-6
{
width: 100%;
float: none;
padding-left: 0;
padding-right: 0;
}
.form-horizontal .control-label
{
text-align: left;
padding: 0 0 5px;
}
.product-filter-container>.filter-left:nth-child(1), .product-options-filter-container
{
border-top: none;
}
.product-filter-container .form-group
{
margin-bottom: 5px;
}
#vertical-categories h3
{
margin-top: 14px;
}
#vertical-categories h3,
.product-attribute-filter-container .filter-title, .product-options-filter-container .filter-title
{
margin-bottom: 16px;
}
.product-attribute-filter-container .filter-title, .product-options-filter-container .filter-title
{
padding: 0;
margin-top: 30px;
}
.colors-filter .colors-filter-item
{
width: 40px;
}
.colors-filter button
{
padding: 0;
}
#webpage-show, #blog-show
{
padding-left: 0;
padding-right: 0;
}
#main_text
{
padding: 0;
}
.tableScroll
{
overflow-x: auto;
margin-bottom: 20px;
}
.tableScroll table
{
margin-bottom: 0;
}
#homepage-carousel:not(.slide-banner-new) .swiper-slide
{
background-color: #f3f3f3;
}
#nav-user > .nav
{
padding: 7px 13px 1px;
}
#nav-user > .nav .btn,
#nav-user > .nav .user-options-text
{
text-align: center;
margin-bottom: 8px;
}
#cookies_message
{
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
#cookies_message:before
{
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgb(207, 207, 207);
opacity: .8;
}
@-moz-document url-prefix() {
#cookies_message:before
{
opacity: .9;
}
}
#cookies_frame
{
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 15px;
}
#cookies_content
{
font-size: 0.93333rem;
text-align: left;
padding: 17px 0;
}
#cookies-close-accept, #cookies-close-deny, #cookies-close-settings
{
margin-left: 10px;
padding: 8px 10px;
font-size: 0.93333rem;
}
#toTopNew, #phone-call
{
width: 50px;
height: 50px;
z-index: 999;
border: 1px solid #8f8f8f;
background-color: #fff;
opacity: 1;
font-size: 1.7333rem;
padding: 8px 10px;
box-shadow: none;
color: #292929;
text-align: center;
margin: 0;
position: fixed;
border-radius: 50%;
bottom: -52px;
}
#phone-call
{
left: 13px;
}
#toTopNew
{
padding: 1px;
right: 13px;
}
#phone-call.show,
#toTopNew.show
{
bottom: 20px;
}
#phone-call:hover,
#toTopNew:hover
{
background-color: #eee;
}
#toTopNew svg
{
color: inherit;
stroke: currentColor;
}
#contact-form .panel-heading
{
font-size: 1.3333rem;
}
.pick-language .active, .pick-currency .active{
color: var(--primary);
}
@media (min-width: 768px) {
.homepage-carousel .swiper-slide .caption h3
{
font-size: 2.7333rem;
}
.homepage-carousel .swiper-slide .caption.font-medium-size h3
{
font-size: 2.2667rem;
}
.homepage-carousel .swiper-slide .caption.font-medium-size p
{
font-size: 1.1333rem;
}
.homepage-carousel .swiper-slide .caption.font-minimal-size h3
{
font-size: 2rem;
}
.homepage-carousel .swiper-slide .caption.font-minimal-size p
{
font-size: 1.0667rem;
}
#header .flex-sm
{
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
#logo-top
{
min-height: 84px;
display: flex;
align-items: center;
}
#logo-top.slogan-width
{
max-width: 40%;
}
#header .slogan
{
max-width: 55%;
}
#header h1,
#header h4,
#header .h4
{
font-size: 1.0667rem;
color: #3e3e3e;
margin: 0;
padding-left: 30px;
padding-right: 30px;
}
#header h1 small,
#header h4 small,
#header .h4 small
{
font-weight: 400;
font-size: inherit;
}
#top-social
{
max-width: 25%;
}
#homepage-baner:not(.wide)
{
padding-bottom: 60px;
}
.wide .homepage-carousel .swiper-hero-progress
{
bottom: auto;
top: 0;
}
footer .copyright
{
margin-top: 20px;
}
.card .product-label
{
margin-bottom: 20px;
}
.slide-newsletter .col-sm-8
{
padding: 0 6%;
}
.homepage-carousel .col-sm-6
{
padding-left: 20px;
}
#user-panel-login
{
margin-top: 13px;
font-size: 0.86667rem;
}
.btn-product-order-by,
#btn-product-filter
{
margin-bottom: 25px;
}
header .navbar-nav>li>a,
#user-panel-menu>li>a
{
font-size: 1rem;
}
.sort .glyphicon
{
top: 2px;
margin-left: 4px;
}
#product-navbar
{
margin: 0 0 20px;
}
footer .list-group h5,
footer .list-group .h5
{
margin-bottom: 30px;
margin-top: 0px;
}
footer .list-group .h5 a
{
text-decoration: none;
color: inherit;
cursor: text;
padding: 0;
}
footer .navbar-default
{
padding-top: 45px;
font-size: 0.9333rem;
}
footer .list-group>a
{
padding: 4px 0;
}
.homepage-carousel .swiper-slide-mobile
{
background: none !important;
}
body
{
padding-top: 0;
}
#header
{
/*padding: 30px 0;*/
padding: 8px 0;
}
#nav-menu>.navbar-nav>li>a
{
letter-spacing: 0;
text-transform: none;
padding: 14px 20px;
font-weight: 400;
font-size: 1.1333rem;
color: #d6d6d6;
}
.more .dropdown-toggle .icon-bar
{
position: relative;
top: -2px;
}
#homepage-baner + .bg-white
{
margin-top: -60px;
}
#homepage .bg-white
{
position: relative;
z-index: 2;
padding: 14px;
}
footer .copyright
{
margin-top: 30px;
}
#one-column-layout .card > .panel-body
{
padding-top: 0;
}
#product-gallery,
.card h1
{
margin-top: 0;
}
#one-column-layout .card > .panel-body,
#one-column-layout .card > div > .panel-body,
#one-column-layout #webpage-show,
#one-column-layout #blog-show,
#one-column-layout #edit-account,
/* #one-column-layout #order-show,*/
#one-column-layout #shopping-cart,
#one-column-layout #order-confirm,
#one-column-layout #order-summary,
#order-form .panel-body,
#login-user .panel-body,
#create-account .panel-body,
#create-first-user-data .panel-body,
#edit-profile-form .panel-body,
#newsletter-unsubscribe .panel-body,
#wait-confirm-remind,
#wait-confirm,
#create-account,
#login-user,
#edit-account,
#create-first-user-data,
#logout-user,
#create-password,
#remind-password,
#create-password,
#confirm-send-password,
/*#order-show,*/
#user-newsletter,
#newsletter-remove,
#newsletter-add-to-list,
#newsletter-confirm,
#newsletter-unsubscribe,
#newsletter-unsubscribe-confirm
{
padding-left: 0;
padding-right: 0;
border: none;
}
#wait-confirm-remind, #wait-confirm, #create-account, #login-user, #user-panel, #edit-account, #create-first-user-data, #edit-profile, #logout-user, #create-password, #remind-password, #create-password, #confirm-send-password, #order-list, #order-show, #user-newsletter, #user-panel-newsletter, #newsletter-remove, #newsletter-add-to-list, #newsletter-confirm, #newsletter-unsubscribe, #newsletter-unsubscribe-confirm, #discount-info
{
overflow: hidden;
}
#basket-box.row
{
margin-left: -15px;
margin-left: -15px;
}
#basket-box.row > .col-sm-4
{
padding-left: 15px;
padding-right: 15px;
}
#shopping-cart .product-name
{
padding-top: 5px;
}
.wide #homepage-carousel .arrow-right
{
right: 40px;
}
.wide #homepage-carousel .arrow-left
{
left: 40px;
}
.homepage-carousel .swiper-slide .caption
{
width: 70%;
padding: 2% 6% 5%;
}
.wide .homepage-carousel .swiper-slide .caption
{
margin-bottom: 60px;
}
.wide #homepage-carousel .swiper-pagination-bullets
{
bottom: 80px;
}
.homepage-carousel .swiper-slide-mobile
{
justify-content: flex-end;
}
.homepage-carousel .swiper-slide-mobile
{
background: none !important;
}
#card-info-box .btn
{
padding-left: 8px;
padding-right: 8px;
}
.dropdown-menu, header .navbar-dropdown .navbar-collapse
{
box-shadow: 0px 5px 8px rgba(0,0,0,0.15);
}
.swiper-pagination-switch
{
width: 15px;
height: 15px;
}
#pa_attributes
{
width: 66.66666667%;
}
.product-label .reviews
{
padding-top: 15px;
position: absolute;
left: 10px;
right: 10px;
z-index: 1;
}
#two-column-layout .bg-white:not(.bg-list)
{
padding: 20px 15px;
}
#category-thumbnail
{
padding: 0;
}
#left.col-lg-3
{
padding-left: 27px;
padding-right: 27px;
}
#two-column-layout .bg-white
{
padding-bottom: 100px;
}
#two-column-layout #category_info
{
width: 100%;
}
.card,
#one-column-layout #shopping-cart,
#one-column-layout #webpage-show, #one-column-layout #blog-show,
#one-column-layout #order-confirm
{
margin-bottom: 0;
padding-bottom: 30px;
}
.gallery .product-border .gallery-image
{
border: 1px solid #eaeaea;
}
.gallery .product-border:not(#product-photo)
{
padding: 0 3px;
margin-bottom: 6px;
}
.gallery-left #product-gallery.gallery-photos
{
margin-left: -7px;
margin-right: -7px;
}
.gallery-left #product-gallery.gallery-photos > li
{
width: 25%;
clear: left;
margin-bottom: 20px;
height: auto !important;
padding-left: 7px;
padding-right: 7px;
}
.gallery-left #product-gallery.gallery-photos > .hidden-img
{
display: none;
}
.gallery-left #product-gallery.gallery-photos > #product-photo
{
width: 75%;
float: right;
}
#more-gallery
{
width: 100%;
display: none;
white-space: normal;
padding-left: 15px;
padding-right: 15px;
margin-top: 10px;
}
.gallery-left .gallery-photos #more-gallery
{
display: block;
}
#pa_attributes
{
width: 100%;
}
#nav-user > .nav
{
padding: 12px 13px 6px;
min-width: 200px;
}
#nav-user > .nav .btn
{
text-align: center;
display: block;
}
#cookies_content
{
background-image: url(/images/frontend/theme/bianco/cookies.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 43px;
}
#toTopNew
{
bottom: -31px;
margin: 0;
width: 40px;
height: 31px;
border-radius: 20px 20px 0 0;
font-size: 1.1333rem;
right: 20px;
}
#toTopNew:hover
{
height: 34px;
}
#toTopNew.show
{
bottom: -2px;
}
#toTopNew svg
{
width: 13px;
height: auto;
}
#toTopNew.upper
{
right: 70px;
}
#seo
{
display: flex;
}
#seo .col-xs-12
{
float: none;
width: auto;
min-width: 50%;
flex-grow: 1;
}
#seo .three-col
{
min-width: 33.33333%;
}
.grid-wrapper.grid-sm-3
{
--grid_column: 3;
}
.grid-wrapper.grid-sm-4
{
--grid_column: 4;
}
.product.col-lg-20p .tinymce_html
{
font-size: 0.8667rem;
}
.product.col-lg-20p .name,
.product.col-lg-20p .price
{
font-size: 0.9333rem;
}
footer .webpage-rows .foot-group
{
width: 100%;
}
footer .webpage-rows .foot-group + .foot-group
{
margin-top: 28px;
}
footer .webpage-rows .list-group
{
float: none;
}
footer .webpage-rows .list-group > a
{
display: inline-block;
margin-right: 15px;
}
footer .webpage-rows .list-group .h5
{
margin-bottom: 18px;
}
#nav-settings .dropdown-menu
{
overflow-y: auto;
}
#form_contact
{
display: flex;
flex-wrap: wrap;
gap: 10px 14px;
}
#form_contact > .form-group
{
width: calc(50% - 7px);
}
#form_contact > .form-group-long
{
width: 100%;
}
#form_contact #captcha_form
{
width: 50%;
}
}
@media (min-width: 991px) {
.homepage-carousel .swiper-slide .caption
{
width: 64%;
padding: 2% 8%;
}
.grid-wrapper.grid-md-4
{
--grid_column: 4;
}
#cookies_frame
{
width: 1310px;
}
}
@media (min-width: 1200px) {
.category
{
width: 16.66666667%;
}
/*
.search-link .sort {
margin-top: -60px;
} */
#content.col-lg-9
{
width: 75%;
left: 25%;
}
#left.col-lg-3
{
right: 75%;
width: 25%;
}
.grid-wrapper.grid-lg-4
{
--grid_column: 4;
}
.grid-wrapper.grid-lg-5
{
--grid_column: 5;
}
.grid-wrapper.grid-lg-6
{
--grid_column: 6;
}
.col-lg-20p
{
width: 20%;
}
}
@media (min-width: 1350px) {
.container
{
width: 1310px;
}
#card-info-box .btn
{
padding-left: 13px;
padding-right: 13px;
}
}
@media (min-width: 1450px) {
#homepage-carousel .arrow-left, .homepage-carousel .arrow-left
{
left: -60px;
}
#homepage-carousel .arrow-right, .homepage-carousel .arrow-right
{
right: -60px;
}
}
@media (min-width: 768px) and (max-width: 1200px){
.card .information li.shopping-cart
{
display: block;
}
.card .add-quantity
{
margin-bottom: 10px;
min-height: 43px;
}
}
@media (max-width: 767px) {
.homepage-carousel .swiper-slide .caption
{
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
padding-left: 13%;
padding-right: 13%;
}
#header-navbar
{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 3;
}
#logo
{
text-align: center;
}
#homepage .bg-white
{
padding-top: 15px;
}
#seo .col-xs-12 + .col-xs-12,
#seo .column + .column
{
margin-top: 20px;
}
#blog .thumbnail,
.product-list .thumbnail
{
padding: 0;
}
footer .container
{
overflow: hidden;
}
footer .navbar-default
{
padding: 0;
}
footer .foot-group
{
margin: 0;
background: none;
border-radius: 0;
}
footer .list-group
{
text-align: left;
border: none;
border-bottom: 1px solid #323232;
padding-bottom: 0;
}
footer .list-group h5 a,
footer .list-group .h5 a,
#newsletter .content
{
padding: 20px 16px 20px;
}
footer .caret
{
float: right;
margin-top: 7px;
}
footer .list-group>a
{
padding: 10px 15px;
}
footer .list-group>a:last-child,
footer .list-group>a:only-child
{
margin-bottom: 20px;
}
#newsletter
{
border: none;
}
#social-card
{
text-align: center;
}
.card .description
{
border-top: 2px solid #f3f3f2;
}
footer .navbar-default .verify
{
padding: 28px 0 20px;
}
body
{
padding-top: 48px;
}
#nav-menu
{
box-shadow: 0px 5px 8px rgba(0,0,0,0.15);
}
footer .list-group
{
clear: both;
}
footer .social
{
margin-top: 10px;
margin-bottom: 25px;
}
#header-navbar .navbar-collapse
{
box-shadow: 0px 0px 10px rgba(0,0,0, .3);
}
.sort .btn
{
padding: 6px 12px;
}
#nav-user > .nav .btn,
#nav-user > .nav > .dropdown
{
width: 49%;
}
#nav-user > .nav > .dropdown
{
float: left;
}
#nav-user > .nav > .dropdown a
{
display: block;
padding: 10px;
text-decoration: none;
}
#nav-user > .nav > .dropdown > a
{
background-color: transparent;
}
#toTopNew.show.upper
{
bottom: 70px;
}
#phone-call
{
display: block;
}
.card .add-quantity .btn
{
width: 44px;
}
.product-list .product.col-xs-12 *[data-equalizer-watch]
{
height: auto !important;
}
}