Files
2025-03-12 17:06:23 +01:00

960 lines
14 KiB
CSS

:root {
--radius: 0px;
--radius-top: 0px;
--primary: #ED6115;
--primary_dark: #c34e0f;
--text_dark: #36302E;
--text_muted: #6F6D6B;
--btn_shadow: 0 4px 10px rgba(0,0,0, .15);
}
html
{
font-size: 15px;
}
body
{
font-family: 'Roboto', sans-serif;
background-color: #fff;
font-weight: 400;
}
select.form-control, .form-control
{
border: 1px solid #ddd;
box-shadow: none;
}
#shopping-cart .table, .order-control .table
{
box-shadow: none;
}
.btn
{
border-width: 1px;
border-radius: 0px;
}
.btn-round, .homepage-carousel .btn, #newsletter .btn, .sort .btn, .sort .form-control
{
border-radius: 0;
letter-spacing: 0;
font-family: inherit;
padding: 10px 20px;
border-width: 1px;
}
.category-line .product .thumbnail .caption h2 a
{
padding-top: 7px;
background-color: #e3e5e7;
border-color: #e3e5e7;
}
.product .btn-shopping-cart
{
padding: 10px 20px !important;
background-color: #fff;
color: var(--text_dark);
border-color: var(--text_dark);
border-width: 1px !important;
border-style: solid !important;
font-weight: 400;
}
.title-group-hp p
{
color: #999CA1;
}
.homepage-carousel .btn
{
background-color: var(--primary);
color: #fff;
box-shadow: var(--btn_shadow);
border-color: var(--primary);
}
.homepage-carousel .btn:hover,
.homepage-carousel .btn:focus,
.homepage-carousel .btn:active
{
background-color: var(--primary_dark);
border-color: var(--primary_dark);
color: #fff;
}
#overbanner
{
background-color: #26202A;
color: #EEEEEE;
padding: 6px 0;
}
#overbanner p
{
margin: 0;
}
#nav-menu .dropdown-menu, .btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover, header .navbar-dropdown .navbar-collapse
{
background-color: #1f1c21;
}
.homepage-carousel .swiper-slide .caption h3
{
font-family: 'Oswald', sans-serif;
font-weight: 500;
padding-left: 25px;
position: relative;
}
.homepage-carousel .swiper-slide .caption.light p
{
color: #D3D3D3;
}
.homepage-carousel .swiper-slide .caption h3:after
{
width: 5px;
top: 9px;
bottom: 5px;
height: auto;
position: absolute;
margin-top: 0;
left: 0;
}
#navbar-buttons .social,
#navbar-buttons .social .h5,
#navbar-buttons .social .txt,
#navbar-buttons .social .bottom
{
display: none;
}
.swiper-active-switch:before
{
top: 1px;
bottom: 1px;
left: 1px;
right: 1px;
}
#homepage-carousel:hover .arrow-left:hover,
#homepage-carousel:hover .arrow-right:hover
{
opacity: 1;
}
#homepage-carousel .social
{
display: none;
}
#main_categories
{
overflow: hidden;
}
#main_categories .swiper-container
{
overflow: visible;
width: 90%;
margin: 0;
transition: margin .6s ease;
}
#homepage #main_categories
{
margin: 0;
padding: 0 1.5%;
}
#main_categories .arrow-left,
#main_categories .arrow-right,
#home-list-new .arrow-left,
#home-list-new .arrow-right
{
display: block;
position: absolute;
z-index: 3;
border-radius: 30px;
background-color: #fff;
box-shadow: var(--btn_shadow);
padding: 17px 12px;
margin-top: -54px;
top: 50%;
width: auto;
height: auto;
}
#home-list-new .arrow-left:hover,
#home-list-new .arrow-right:hover,
#home-list-new .arrow-left:focus,
#home-list-new .arrow-right:focus,
#home-list-new .arrow-left:active,
#home-list-new .arrow-right:active,
#main_categories .arrow-left:hover,
#main_categories .arrow-right:hover,
#main_categories .arrow-left:focus,
#main_categories .arrow-right:focus,
#main_categories .arrow-left:active,
#main_categories .arrow-right:active
{
background-color: #fafafa;
}
#main_categories .arrow-left.swiper-button-disabled,
#main_categories .arrow-right.swiper-button-disabled
{
opacity: 0;
visibility: hidden;
}
#main_categories .arrow-left,
#home-list-new .arrow-left
{
left: 0;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
padding-right: 23px;
}
#main_categories .arrow-right,
#home-list-new .arrow-right
{
right: 0;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
padding-left: 23px;
}
#main_categories .main-text-content
{
display: -webkit-box;
display: box;
-webkit-line-clamp: 6;
line-clamp: 6;
-webkit-box-orient: vertical;
box-orient: vertical;
overflow: hidden;
}
#main_categories .thumbnail
{
overflow: hidden;
}
#main_categories .thumbnail .name
{
font-family: 'Oswald', sans-serif;
font-weight: 500;
font-size: 29px;
}
#main_categories .thumbnail .caption
{
bottom: 6%;
left: 8%;
right: 8%;
top: auto;
}
#main_categories .product-shopping-cart
{
opacity: 1;
}
#main_categories .btn
{
background-color: #fff;
border: none;
box-shadow: var(--btn_shadow);
margin-top: 5px;
}
#main_categories .btn:hover,
#main_categories .btn:focus,
#main_categories .btn:active
{
background-color: #1f1c21;
color: #fff;
}
#main_categories .thumbnail .name
{
margin-bottom: 3px;
}
#main_categories .thumbnail .name,
#main_categories .product-shopping-cart
{
top: 0;
transition: all .3s ease;
}
#main_categories .thumbnail:hover .name
{
top: -3px;
}
#main_categories .thumbnail:hover .product-shopping-cart
{
top: 3px;
}
#main_categories .tinymce_html
{
height: 0;
padding: 0;
}
#main_categories .tinymce_html
{
top: 20px;
}
.title-group-hp h3,
#home-list-new .name
{
font-family: 'Oswald', sans-serif;
font-weight: 500;
}
.full-list .pg_label, .home-list .pg_label, .pg_label
{
z-index: 1;
top: 0;
right: 0;
}
.full-list .product .product-shopping-cart
{
opacity: 1 !important;
position: static;
visibility: visible;
bottom: 0;
}
.full-list .product .caption > .clearfix
{
position: relative;
}
.full-list .product:hover .caption
{
top: -10px;
}
.full-list .product .image
{
overflow: hidden;
}
.full-list .product .image > a
{
position: relative;
}
.full-list .product .image > a:before
{
z-index: 1;
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,0) 39%, rgba(0,0,0,0.05087972689075626) 100%);
}
.full-list .product .caption
{
z-index: 1;
}
.full-list .product .image img,
#home-list-new .product .image img
{
transition: all .3s ease;
}
.full-list .thumbnail:hover .image img,
#home-list-new .thumbnail:hover .image img
{
transform: scale(1.03);
}
#seo
{
background-color: #26202A;
padding: 40px 0 50px;
margin-bottom: 0;
}
#seo .tinymce_html
{
color: #D3D3D3;
}
#seo h2
{
color: #fff;
font-family: 'Oswald', sans-serif;
font-weight: 500;
font-size: 35px;
}
#home-list-new
{
background-color: #F0F1F3;
margin-bottom: 0;
padding: 10px 0 60px;
}
#home-list-new .product:hover
{
background-color: transparent;
box-shadow: none;
}
#home-list-new .thumbnail
{
display: flex;
width: 100%;
background-color: #fff;
border: none;
padding: 0;
}
#home-list-new .thumbnail .image
{
width: auto;
height: 100%;
}
#home-list-new .thumbnail .image>a
{
text-align: left;
}
#home-list-new .img-box-new
{
min-width: 36%;
position: relative;
display: flex;
}
#home-list-new .image img
{
height: 100% !important;
object-fit: cover;
}
#home-list-new .caption
{
/* width: 60%; */
text-align: left;
top: 0 !important;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
padding: 25px;
}
#home-list-new .name,
#text-horizontal h3
{
font-size: 26px;
margin-bottom: 11px;
}
#home-list-new .description
{
margin-bottom: 10px;
}
#home-list-new .product .price
{
font-weight: 700;
margin-bottom: 10px;
}
#text-horizontal
{
background-color: transparent;
}
#text-horizontal .line2
{
background-color: #F0F1F3;
}
#text-horizontal .content-text
{
width: auto;
}
#text-horizontal h3
{
font-family: 'Oswald', sans-serif;
font-weight: 500;
}
#main_text
{
background-color: #26202A;
color: #D3D3D3;
margin-bottom: 10px;
}
#main_text .tinymce_html
{
color: inherit;
}
#main_text .tinymce_html h1,
#main_text .tinymce_html h2,
#main_text .tinymce_html h3,
#main_text .tinymce_html h4,
#main_text .tinymce_html h5,
#main_text .tinymce_html h6,
#newsletter .h5
{
color: #fff;
font-family: 'Oswald', sans-serif;
font-weight: 500;
}
#home-list-RECOMMEND-C
{
padding-bottom: 65px;
}
#blog .thumbnail, #blog-list .thumbnail
{
box-shadow: none;
}
#blog .caption, #blog-list .caption
{
padding: 4% 0 0;
color: #999CA1;
}
footer .navbar-default
{
background-color: #26202A;
color: #999CA1;
}
#newsletter
{
background-color: #2e2831;
color: #999CA1;
}
#newsletter .form-control
{
border-radius: 0;
background-color: #fff;
color: var(--text_dark);
}
#newsletter .form-control::placeholder
{
color: var(--text_muted);
}
#newsletter .btn
{
padding: 16px 20px;
margin-left: 0;
background: var(--primary);
color: #fff;
border-color: var(--primary);
}
#newsletter .btn:hover,
#newsletter .btn:focus,
#newsletter .btn:active
{
border-color: var(--primary_dark);
}
#blog .btn:not(:hover),
#blog-list .btn:not(:hover)
{
background-color: var(--text_dark);
}
.btn-navbar, .btn-navbar:active, .btn-navbar:hover, .btn-navbar:focus, .btn-navbar.collapsed:hover
{
color: #a9a4ac;
}
.title-group-hp h3, #product-navbar h1, .title h1, .title h2, .title h3, .card .nav>li>a, .card h1, #blog-list .caption .name, #blog .caption .name, .title-line span
{
font-family: 'Oswald', sans-serif;
font-weight: 500;
}
#blog-list .caption .name, #blog .caption .name
{
font-size: 19px;
}
.card .add-quantity .btn
{
border-radius: 0 !important;
}
#card-info-box .tinymce_html,
#card-info-box .btn,
#table_confirm_terms
{
background-color: #F0F1F3;
}
#blog:not(.show-list-articles) .data:not(.static)
{
position: absolute;
bottom: 0;
right: 12px;
background-color: #26202A;
font-size: 14px;
color: #C6C6C6;
z-index: 3;
margin: 0;
padding: 7px 12px;
}
.product.col-lg-20p .price, .product .price, .title-line span
{
color: var(--text_dark);
}
.product.col-lg-20p .old_price, .product .old_price
{
color: #838383;
}
.caption .name
{
font-family: 'Oswald', sans-serif;
font-weight: 500;
}
#homepage:last-child:is(#main_text)
{
display: block;
}
@media (min-width: 768px) {
#header-navbar
{
padding: 0;
}
#header-navbar > .container
{
display: flex;
/* padding: 19px 37px 10px; */
padding: 12px 37px 10px;
}
#logo
{
order: 2;
width: 16%;
text-align: center;
}
#logo a
{
justify-content: center;
}
#navbar-buttons,
#nav-menu
{
order: 3;
width: 42%;
}
#nav-menu
{
order: 1;
}
#navbar-buttons
{
display: flex;
justify-content: flex-end;
align-items: center;
}
.horizontal-categories > .hidden-xs
{
display: none !important;
}
#nav-menu .horizontal-categories
{
justify-content: flex-start;
}
#nav-menu>.navbar-nav>li:nth-child(2)
{
margin-left: 0;
}
#header-navbar.hide-menu #nav-menu
{
display: block !important;
}
#header-navbar.hide-menu {
top: -110px;
}
.homepage-carousel .swiper-slide-mobile
{
justify-content: flex-start;
}
#header-navbar.bg-menu
{
background-color: #1f1c21;
padding-top: 0;
}
.homepage-carousel .swiper-slide .caption h3
{
font-size: 56px;
}
.homepage-carousel .swiper-slide .caption.text-right h3
{
padding-left: 0;
padding-right: 25px;
}
.homepage-carousel .swiper-slide .caption.text-center h3
{
padding-left: 0;
}
.homepage-carousel .swiper-slide .caption.text-center h3:after
{
display: none;
}
#navbar-buttons .social .space
{
position: absolute;
background-color: rgba(256,256,256, .15);
width: 1px;
height: 23px;
right: 0;
top: 5px;
}
#navbar-buttons .social .icons img
{
width: 30px;
height: 30px;
}
#navbar-buttons .social .icons img:hover
{
opacity: .5;
}
#homepage-carousel
{
margin-bottom: 30px;
}
#home-list-new .caption
{
padding: 25px 35px;
}
#main_categories .swiper-slide.col-sm-4
{
width: 33.33333333%;
}
#main_categories .swiper-slide.col-sm-3
{
width: 25%;
}
#main_categories .swiper-slide.col-sm-20p
{
width: 20%;
}
#main_categories .swiper-slide.col-sm-2
{
width: 16.66666667%;
}
.title-group-hp h3, .title-line span
{
font-size: 41px;
}
.full-list .thumbnail .name
{
position: relative;
top: 0;
transition: all .3s ease;
}
.full-list .thumbnail .caption .bg-white-product-caption
{
position: absolute;
background: #fff;
bottom: 0;
left: 0;
right: 0;
bottom: 0;
top: 0;
transition: all .3s ease;
}
.full-list .thumbnail .description
{
height: 0;
position: relative;
overflow: hidden;
}
.full-list .thumbnail .description .product-text-content
{
position: absolute;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
transition: all .3s ease;
}
.full-list .thumbnail:hover .description .product-text-content
{
bottom: 0;
opacity: 1;
visibility: visible;
}
#homepage-carouselbaner2 .swiper-slide .caption
{
width: 40%;
}
#text-horizontal .tinymce_html,
#seo .tinymce_html,
#main_text .tinymce_html
{
font-size: 16px;
}
header .navbar-dropdown .navbar-collapse {
margin-top: 10px;
top: 100%;
}
#one-column-layout #newsletter, #two-column-layout #newsletter
{
margin-top: 0;
}
footer
{
margin-top: 70px;
}
}
@media (min-width: 991px) {
#main_categories .swiper-slide.col-md-4
{
width: 33.33333333%;
}
#main_categories .swiper-slide.col-md-3
{
width: 25%;
}
#main_categories .swiper-slide.col-md-20p
{
width: 20%;
}
#main_categories .swiper-slide.col-md-2
{
width: 16.66666667%;
}
#navbar-buttons .social
{
display: block;
position: relative;
margin-right: 20px;
padding-right: 30px;
}
}
@media (min-width: 1200px) {
#main_categories .swiper-slide.col-lg-4
{
width: 33.33333333%;
}
#main_categories .swiper-slide.col-lg-3
{
width: 25%;
}
#main_categories .swiper-slide.col-lg-20p
{
width: 20%;
}
#main_categories .swiper-slide.col-lg-2
{
width: 16.66666667%;
}
}
@media (min-width: 768px) and (max-width: 1400px) {
.homepage-carousel .swiper-slide-mobile
{
padding: 0 60px;
}
}
@media (max-width: 767px) {
.homepage-carousel .swiper-slide .caption h3:after
{
display: none;
}
.homepage-carousel .swiper-slide .caption h3
{
padding-left: 0;
}
}