Current path: home/webdevt/www/schtroumpf.fr/themes/stomp/modules/an_homeproducts/views/css/
?? Go up: /home/webdevt/www/schtroumpf.fr/themes/stomp/modules/an_homeproducts/views
/**
* 2021 Anvanto
*
* NOTICE OF LICENSE
*
* This file is not open source! Each license that you purchased is only available for 1 wesite only.
* If you want to use this file on more websites (or projects), you need to purchase additional licenses.
* You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
*
* @author Anvanto <anvantoco@gmail.com>
* @copyright 2021 Anvanto
* @license Valid for 1 website (or project) for each purchase of license
* International Registered Trademark & Property of Anvanto
*/
.an_homeproducts-banner {
margin-bottom: 40px;
}
.an_homeproducts-banner img {
border-radius: 0;
overflow: hidden;
max-width: 100%;
width: 100%;
}
.an_homeproducts-banner-content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
background: #ececec;
border-radius: 0;
padding: 35px 37px;
position: relative;
overflow: hidden;
width: 100%;
}
.an_homeproducts-banner-overlay .an_homeproducts-banner-content {
position: absolute;
top: 0;
right: 15px;
bottom: 0;
left: 15px;
background: transparent;
width: calc(100% - 30px);
}
.an_homeproducts-banner-link {
position: absolute;
top: 0;
right: 15px;
bottom: 0;
left: 15px;
z-index: 3;
}
.an_homeproducts-banner .an_homeproducts-banner-title-margin {
margin-bottom: 19px;
}
.an_homeproducts-banner p {
margin-bottom: 0;
}
.an_homeproducts-banner-overlay .an_homeproducts-banner-content .h2 {
text-transform: none;
}
.an_homeproducts-banner-overlay .an_homeproducts-banner-content p {
color: #fff;
}
.an_homeproducts-banner-default.an_homeproducts-banner-overlay .an_homeproducts-banner-content {
position: absolute;
top: unset;
bottom: 4px;
left: 40px;
right: auto;
max-width: 190px;
text-align: left;
transition: all .5s;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 0 15px;
width: auto;
}
.an_homeproducts-banner-default .an_homeproducts-banner-link:hover+.an_homeproducts-banner-content {
bottom: 40px;
}
.an_homeproducts-banner-default.an_homeproducts-banner-overlay .an_homeproducts-banner-content .h2 {
font-size: 24px;
font-weight: 400;
color: #000;
margin-bottom: 0.5rem;
text-transform: uppercase;
}
.an_homeproducts-banner-default.an_homeproducts-banner-overlay .an_homeproducts-banner-content p {
color: #000;
}
.an_homeproducts-banner-default .an_homeproducts-banner-content .an_homeproducts-banner-textlink {
text-transform: none;
opacity: 0;
transition: all .5s;
}
.an_homeproducts-banner-default .an_homeproducts-banner-link:hover+.an_homeproducts-banner-content .an_homeproducts-banner-textlink {
opacity: 1;
}
.an_homeproducts-banner-type2.an_homeproducts-banner-overlay {
margin-bottom: 30px;
}
.an_homeproducts-banner-type2.an_homeproducts-banner-overlay .an_homeproducts-banner-content {
position: absolute;
top: unset;
bottom: 4px;
left: 40px;
right: auto;
max-width: 190px;
text-align: left;
transition: all .5s;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 0 15px;
width: auto;
}
.an_homeproducts-banner-type2 .an_homeproducts-banner-link:hover+.an_homeproducts-banner-image+.an_homeproducts-banner-content {
bottom: 40px;
}
.an_homeproducts-banner-type2.an_homeproducts-banner-overlay .an_homeproducts-banner-content .h2 {
font-size: 24px;
font-weight: 400;
color: #000;
margin-bottom: 0.5rem;
text-transform: uppercase;
}
.an_homeproducts-banner-type2.an_homeproducts-banner-overlay .an_homeproducts-banner-content p {
color: #000;
}
.an_homeproducts-banner-type2 .an_homeproducts-banner-content .an_homeproducts-banner-textlink {
text-transform: none;
opacity: 0;
transition: all .5s;
}
.an_homeproducts-banner-type2 .an_homeproducts-banner-link:hover+.an_homeproducts-banner-image+.an_homeproducts-banner-content .an_homeproducts-banner-textlink {
opacity: 1;
}
.an_homeproducts-banner-image {
overflow: hidden;
position: relative;
}
.an_homeproducts-banner-type2.an_homeproducts-banner-overlay img {
transition: transform .5s;
}
.an_homeproducts-banner-type2.an_homeproducts-banner-overlay .an_homeproducts-banner-link:hover+.an_homeproducts-banner-image img {
transform: scale3d(1.1, 1.1, 1.1);
}
.an_homeproducts-banner-type2.an_homeproducts-banner-overlay .an_homeproducts-banner-image:before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.an_homeproducts-banner-type2.an_homeproducts-banner-overlay .an_homeproducts-banner-link:hover+.an_homeproducts-banner-image:before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.anhp-banner-global-top {
margin-bottom: 30px;
}
.anhp-banner-global-bottom {
margin-top: 55px;
margin-bottom: 42px;
}
.an_homeproducts hr {
display: none;
}
.an_homeproducts-title {
font-size: 24px;
font-weight: 400;
margin-bottom: 24px;
text-align: center;
text-transform: uppercase;
position: relative;
z-index: 1;
}
.an_homeproducts-title span {
display: inline-block;
background: #fff;
padding: 0 45px;
}
.an_homeproducts-title:before {
content: '';
position: absolute;
top: 20px;
left: 0;
right: 0;
width: 100%;
height: 1px;
background-color: #e7e7e7;
z-index: -1;
}
.an_homeproducts-text {
text-align: center;
}
.an_homeproducts-content-text {
text-align: center;
}
.an_homeproducts-tab-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
margin-bottom: 30px;
}
.an_homeproducts-tab-top-nosort {
justify-content: center;
}
.an_homeproducts-sort select {
border: 0!important;
color: #000!important;
outline: none!important;
}
.products-section-title {
font-size: 24px;
font-weight: 400;
margin-bottom: 30px;
text-transform: uppercase;
text-align: center;
z-index: 1;
position: relative;
}
.products-section-title:before {
content: '';
position: absolute;
top: 20px;
left: 0;
right: 0;
width: 100%;
height: 1px;
background-color: #e7e7e7;
z-index: -1;
}
.products-section-title span {
display: inline-block;
background: #fff;
padding: 0 45px;
}
.products-section-title a {
color: inherit;
}
.an_homeproducts-link-all {
text-decoration: underline;
color: #000;
}
.an_homeproducts-link-all:hover {
text-decoration: none;
}
.an_homeproducts-tabs {
margin-bottom: 35px;
}
.an_homeproducts-tabs-list:before {
content: '';
position: absolute;
top: 16px;
left: 0;
right: 0;
width: 100%;
height: 1px;
background-color: #e7e7e7;
}
.an_homeproducts-tabs .an_homeproducts-tabs-list {
text-align: center;
position: relative;
display: inline-block;
margin: 0 auto;
text-align: center;
border: none;
}
.an_homeproducts-tab {
background: #fff!important;
border: 0;
padding: 5px 17px;
margin: 0;
font-size: 20px;
line-height: 1;
font-weight: 400;
color: #a4a3a3!important;
text-transform: uppercase;
z-index: 1;
position: relative;
}
.an_homeproducts-tab:hover,
.an_homeproducts-tab.active {
color: #000!important;
}
.an_homeproducts-content {
position: relative;
}
.an_homeproducts-content:not(.active) {
display: none;
}
.an_homeproducts-products .products {
margin-left: 0;
}
.an_homeproducts-products .owl-carousel {
margin: 0;
}
.an_homeproducts-products .owl-carousel.owl-loaded .product {
width: 100%;
padding: 0;
}
.an_homeproducts-container {
position: relative;
}
.an_homeproducts-conteiner-category {
margin-top: 20px;
}
.an_homeproducts-category {
cursor: pointer;
margin-right: 10px;
}
a.an_homeproducts-category:not(.active){
color: #949494;
}
a.an_homeproducts-category.active {
color: #000;
}
.an_homeproducts-tab-bottom {
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.an_homeproducts-loadmore {
position: relative;
display: block;
margin: 10px auto;
}
.anhp-loader {
position: absolute;
z-index: 2;
background: rgba(255,255,255,.5);
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.an_homeproducts-loadmore .anhp-loader {
background: inherit;
display: flex;
align-items: center;
justify-content: center;
}
.an_homeproducts-loadmore .anhp-loader svg {
transform: scale(3.5);
max-width: 100%;
max-height: 100%;
}
.an_homeproducts-products .owl-carousel .owl-nav:not(.disabled) {
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
}
.an_homeproducts-products .owl-carousel .owl-nav .owl-next,
.an_homeproducts-products .owl-carousel .owl-nav .owl-prev {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background: #ddd;
margin: 0 5px;
}
.an_homeproducts-products .owl-carousel .owl-dots {
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
margin-bottom: 15px;
}
.an_homeproducts-products .owl-carousel .owl-dots.disabled {
display: none;
}
.an_homeproducts-products .owl-carousel .owl-dot span {
display: block;
background: #fff;
border-radius: 50%;
width: 10px;
height: 10px;
margin: 5px;
}
.an_homeproducts-products .owl-carousel .owl-dot.active span {
background: #000;
}
.an_homeproducts-products .owl-carousel .product-miniature {
max-width: 100% !important;
flex-basis: 100% !important;
width: 100%!important;
padding: 0!important;
}
.an_homeproducts-products .owl-carousel .product-miniature .product-description,
.an_homeproducts-products .owl-carousel .thumbnail-container-image img {
width: 100%!important;
}
@media (max-width: 600px) {
.an_homeproducts-products .owl-carousel .owl-stage-outer {
padding: 0!important;
margin: 0!important;
}
}