| 2 tags
– html{ overflow-x:hidden; }
[data-crl8-container-id=”custom-homepage”]{ display:none !important; }
.homepage-slot .recommendations {
margin-top: 0px !important;
padding-left: 0px !important;
}
.homepage-slot .recommendations .slick-slider { padding: 0px 1rem; }
.homepage-slot .recommendations .slick-slider .slick-dots { display: none !important; }
div[class^=”hp-04052022″] {
font-size: .9rem;
position: relative !important;
color: #262626;
}
div[class^=”hp-04052022″] p {
font-size: 1em;
color: inherit;
font-weight: lighter;
}
div[class^=”hp-04052022″] a {
font-size: 1em;
color: inherit;
}
div[class^=”hp-04052022″] .cta01 {
letter-spacing: 3px;
font-size: 3.5em;
line-height: 1em;
font-weight: lighter !important;
}
div[class^=”hp-04052022″] .cta02 {
letter-spacing: 3px;
font-size: 2.5em;
font-weight: lighter !important;
}
div[class^=”hp-04052022″] .preCTA {
letter-spacing: 2px;
font-size: 1.1em;
}
div[class^=”hp-04052022″] a.anchor-mask {
text-decoration: none;
font-weight: bold;
padding: 0.75rem 25px;
border-radius: 50rem;
display: inline-block;
font-size: 0.9rem;
letter-spacing: 2px;
}
div[class^=”hp-04052022″] a.anchor-mask::after {
content: ”;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
}
div[class^=”hp-04052022″] span.text-block-width {
display: block;
margin: 0 auto;
}
@media (min-width: 375px) {
div[class^=”hp-04052022″] { font-size: 1rem; }
}
@media (min-width: 768px) {
div[class^=”hp-04052022″] .card-img-overlay-md {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
}
div[class^=”hp-04052022″] .w-md-25 { width: 25% !important; }
div[class^=”hp-04052022″] .w-md-35 { width: 35% !important; }
div[class^=”hp-04052022″] .w-md-40 { width: 40% !important; }
div[class^=”hp-04052022″] .w-md-45 { width: 45% !important; }
div[class^=”hp-04052022″] .w-md-50 { width: 50% !important; }
div[class^=”hp-04052022″] .w-md-55 { width: 55% !important; }
div[class^=”hp-04052022″] .w-md-60 { width: 60% !important; }
div[class^=”hp-04052022″] .w-md-75 { width: 75% !important; }
div[class^=”hp-04052022″] .w-md-100 { width: 100% !important; }
div[class^=”hp-04052022″] .cta01 {
letter-spacing: 5px;
font-size: 4em;
}
div[class^=”hp-04052022″] .cta02 {
letter-spacing: 5px;
font-size: 2.5em;
}
}
@media (min-width: 1024px) {
.homepage-slot .recommendations .slick-slider { padding: 0px 2rem; }
div[class^=”hp-04052022″] .cta02 { font-size: 3em; }
}
@media (min-width: 1200px) {
.homepage-slot .recommendations .slick-slider { padding: 0px 3rem; }
div[class^=”hp-04052022″] .cta01 { font-size: 6em; }
}
/*row mom*/
.hp-04052022-mom .text-block-width { max-width: 225px; }
.hp-04052022-mom a.anchor-mask,
.hp-04052022-mom a.anchor-mask:hover {
border: 2px solid #fff;
color: #fff;
}
/*row jewelry*/
.hp-04052022-jewelry .text-block-width { max-width: 250px; }
.hp-04052022-jewelry a.anchor-mask,
.hp-04052022-jewelry a.anchor-mask:hover {
border: 2px solid #595959;
color: #242424;
}
/*row earth*/
.hp-04052022-earth .text-block-width { max-width: 250px; }
.hp-04052022-earth a.anchor-mask,
.hp-04052022-earth a.anchor-mask:hover {
border: 2px solid #595959;
color: #242424;
}
@media (min-width: 768px) {
.hp-04052022-earth .text-block-width { max-width: 100%; }
.hp-04052022-earth * { color: #fff; }
.hp-04052022-earth a.anchor-mask,
.hp-04052022-earth a.anchor-mask:hover {
border: 2px solid #fff;
color: #fff;
}
}
/*row brand*/
.hp-04052022-brand .brand-mobile-carousel .carousel-controls-container :only-child > div:nth-child(1) {
border-right: #999 3px solid;
margin-right: .5rem;
padding-right: .45rem;
}
.hp-04052022-brand .brand-mobile-carousel .carousel-controls-container a > i {
font-size: 1.15rem;
vertical-align: middle;
}
.hp-04052022-brand .brand-mobile-carousel .carousel-controls-container a > span {
font-size: 1rem;
font-weight: bold;
line-height: 1.25rem;
vertical-align: text-bottom;
}
.hp-04052022-brand .brand-mobile-carousel .carousel-control-prev,
.hp-04052022-brand .brand-mobile-carousel .carousel-control-next {
display: inline;
color: #262626;
position: relative;
z-index: 10;
}
.hp-04052022-brand .brand-mobile-carousel .carousel-control-prev > span:first-of-type{ padding: 0 .5rem 0 .5rem; }
.hp-04052022-brand .brand-mobile-carousel .carousel-control-next > span:first-of-type{ padding: 0 .5rem 0 0; }
@media (min-width: 768px) {
.hp-04052022-brand .brand-desktop-carousel .col-md-2 {
-ms-flex: 0 0 20% !important;
flex: 0 0 20% !important;
max-width: 20% !important;
}
.hp-04052022-brand .brand-desktop-carousel a > i {
font-size: 2.5rem;
vertical-align: middle;
}
.hp-04052022-brand .brand-desktop-carousel .carousel-control-prev,
.hp-04052022-brand .brand-desktop-carousel .carousel-control-next {
color: #262626;
width: 40px;
padding-top: 4em;
}
}
MOM-
WORTHY
GIFTS
– STYLE-FORWARD.
PLANET-CONSCIOUS. |