Untitled
unknown
plain_text
7 months ago
10 kB
2
Indexable
Never
html body.eg-targeted-pages [class^="collections-hero__container"] [class^="collections-hero__cards"],
html body.eg-targeted-pages [class^="collections-hero__container"] [class^="collections-hero__index-indicator"] {
display: none !important;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel [class^="swiper-button"] {
height: 48px !important;
width: 48px !important;
border-radius: 50%;
background: #000;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: background-color .1s ease-out;
border: 0;
opacity: 1 !important;
pointer-events: all !important;
top: calc(50% + var(--margin-top)) !important;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel [class^="swiper-button"]::after {
font-size: 18px;
width: 1.125rem;
height: 1.125rem;
color: rgb(255, 255, 255);
top: 0px;
left: 0px;
opacity: 1;
user-select: none;
display: inline-block;
flex-shrink: 0;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel [class^="swiper-button"][class*="swiper-button-disabled"] {
color: #fff !important;
background: #d2d2d2 !important;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel [class^="swiper-pagination-bullet"].swiper-pagination-bullet-active {
background: #000 !important;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel .eg-carousel-slide_wrapper {
height: 100% !important;
width: 100% !important;
position: relative;
isolation: isolate;
display: flex;
align-items: flex-end;
text-decoration: none !important;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel .eg-carousel-slide_img {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
display: block;
z-index: 1;
}
html body.eg-targeted-pages .eg-carousel-slide_content-wrapper {
z-index: 100;
width: 100%;
padding: 0 1.5rem 1.5rem;
transition: min-height .4s ease-out, bottom .25s ease-out, padding-bottom .25s ease-out, transform .25s ease-out, -webkit-transform .25s ease-out;
position: relative;
bottom: 0;
}
html body.eg-targeted-pages .eg-carousel-slide_tag svg,
html body.eg-targeted-pages .eg-carousel-slide_title svg {
width: 1.125rem !important;
height: 1.125rem !important;
display: block;
}
html body.eg-targeted-pages .eg-carousel-slide_title svg {
display: inline-block;
vertical-align: middle;
margin-left: .25rem;
pointer-events: none;
position: absolute !important;
-webkit-transform: translateY(.375rem);
transform: translateY(.375rem);
}
html body.eg-targeted-pages .eg-carousel-slide_tag {
display: flex;
justify-content: flex-start;
align-items: center;
grid-gap: 0.5rem !important;
font-size: 1rem;
line-height: 1.5rem;
color: #fff;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel .eg-carousel-slide_wrapper::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, .75) 70%);
transition: background-color .4s ease-out;
z-index: 2;
}
html body.eg-targeted-pages .eg-carousel-slide_title {
display: block;
font-size: 1.75rem;
line-height: 2.25rem;
margin-top: 1rem;
color: white;
padding-right: 0.75rem;
}
html body.eg-targeted-pages .eg-carousel-slide_para {
font-size: 1rem;
line-height: 1.5rem;
display: none;
margin: .5rem 0 0;
color: white;
opacity: 0;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel .eg-carousel-slide_wrapper:hover .eg-carousel-slide_content-wrapper {
bottom: 50%;
min-height: unset;
padding-bottom: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
html body.eg-targeted-pages #eg-carousel-heroCarousel .eg-carousel-slide_wrapper:hover::before {
background-color: rgba(0, 0, 0, 0.9);
background-image: unset;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel .eg-carousel-slide_wrapper:hover .eg-carousel-slide_img {
background-color: #000;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel .eg-carousel-slide_wrapper:hover .eg-carousel-slide_para {
display: block;
-webkit-animation-delay: .5s;
animation-delay: .5s;
-webkit-animation-duration: .25s;
animation-duration: .25s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-name: eg-hero-carousel-des-animation;
animation-name: eg-hero-carousel-des-animation;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
html body.eg-targeted-pages .eg-slider-wrapper .swiper-pagination {
display: flex;
/* width: 100% !important; */
justify-content: center;
grid-gap: 10px;
padding: 17px 10px 10px;
flex-wrap: wrap;
position: relative;
margin-left: auto;
margin-right: auto;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel {
--ctaposmob: 23%;
--margin-top: 30px;
margin-top: var(--margin-top) !important;
}
@keyframes eg-hero-carousel-des-animation {
0% {
opacity: 0
}
to {
opacity: 1
}
}
html body.eg-targeted-pages #eg-carousel-heroCarousel .eg-carousel-slide_wrapper.eg-no-img {
background: #000 !important;
}
html body.eg-targeted-pages [class^="collections-hero__overlay"] {
padding-bottom: 2rem !important;
}
html body.eg-targeted-pages .eg-swiper-indicator.swiper-indicator-heroCarousel {
display: none;
justify-content: center;
align-items: center;
color: #8c8c8c;
font-size: .875rem;
line-height: 1.25rem;
font-weight: 500;
margin-top: 1.25rem;
}
html body.eg-targeted-pages .eg-swiper-indicator.swiper-indicator-heroCarousel .eg-bold {
font-weight: bold;
color: #000 !important;
}
@media(min-width:768px) {
html body.eg-targeted-pages #eg-carousel-heroCarousel [class^="swiper-button"].swiper-button-prev {
left: 6px !important;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel [class^="swiper-button"].swiper-button-next {
right: 6px !important;
}
html body.eg-targeted-pages [class^="collections-hero__overlay"] {
--pdoverlay: 60px;
padding-left: var(--pdoverlay);
padding-right: var(--pdoverlay);
}
}
@media(min-width:760px) {
html body.eg-targeted-pages .eg-carousel-slide_title {
padding-right: 1rem !important;
}
}
@media(min-width:1280px) {
html body.eg-targeted-pages #eg-carousel-heroCarousel .eg-carousel-slide {
height: 482px;
}
html body.eg-targeted-pages .eg-carousel-slide_title {
padding-right: 1.5rem !important;
}
html body.eg-targeted-pages .eg-carousel-slide_title svg {
-webkit-transform: translateY(.75rem) !important;
transform: translateY(.75rem) !important;
width: 1.125rem !important;
}
}
@media(max-width:1279px) {
html body.eg-targeted-pages .eg-carousel-slide_tag {
font-size: .875rem;
line-height: 1rem;
}
html body.eg-targeted-pages .eg-carousel-slide_title {
font-size: 1.1875rem;
line-height: 1.6875rem;
}
html body.eg-targeted-pages .eg-carousel-slide_tag svg,
html body.eg-targeted-pages .eg-carousel-slide_title svg {
width: 1.125rem !important;
height: 1.125rem !important;
}
html body.eg-targeted-pages .eg-carousel-slide_para {
font-size: .75rem;
line-height: 1rem;
}
html body.eg-targeted-pages [class^="collections-hero__overlay"] {
padding-bottom: 1rem !important;
bottom: -3rem;
padding-top: 2.2rem;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel .eg-carousel-slide {
height: 355px !important;
}
}
@media(max-width:1000px) {
html body.eg-targeted-pages [class^="collections-hero"] {
min-height: auto !important;
}
}
@media(max-width:959px) {
html body.eg-targeted-pages .eg-carousel-slide_title {
font-size: 1rem !important;
line-height: 1.25rem !important;
margin-top: 0.75rem;
}
html body.eg-targeted-pages .eg-carousel-slide_tag svg {
width: 1rem !important;
height: 1rem !important;
}
html body.eg-targeted-pages .eg-carousel-slide_title svg {
width: 0.75rem !important;
height: 0.75rem !important;
}
}
@media(max-width:767px) {
html body.eg-targeted-pages [class^="collections-hero__overlay"] {
padding-bottom: 1rem !important;
bottom: 0 !important;
padding: 1.75rem 2.5rem 2rem !important;
}
html body.eg-targeted-pages #virtual-assistant.va-tmpl-sld {
top: 75% !important;
}
html body.eg-targeted-pages .eg-slider-wrapper .swiper-pagination {
display: none !important;
}
html body.eg-targeted-pages .eg-swiper-indicator.swiper-indicator-heroCarousel {
display: flex !important;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel [class^="swiper-button"] {
top: auto !important;
bottom: 14px !important;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel [class^="swiper-button"].swiper-button-next {
right: var(--ctaposmob) !important;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel [class^="swiper-button"].swiper-button-prev {
left: var(--ctaposmob) !important;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel .eg-carousel-slide_wrapper::before {
background-image: linear-gradient(180deg, rgba(0, 0, 0, .5) 30%, rgba(0, 0, 0, .8) 75%) !important;
background-color: unset !important;
}
html body.eg-targeted-pages .eg-carousel-slide_content-wrapper {
padding: 0 .75rem .75rem !important;
bottom: 0 !important;
transform: none !important;
min-height: 43% !important;
}
html body.eg-targeted-pages #eg-carousel-heroCarousel .eg-carousel-slide_wrapper .eg-carousel-slide_para {
display: block !important;
opacity: 1 !important;
}
}Leave a Comment