<>
@media (max-width: 767px) {
.ampBannerGroup--hphero {
margin-top: 10px;
}
}
<>
/* ✅ Shared section spacing OUTSIDE the video (prevents CTA clipping) */
.HPSectionSpacing {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.HPSectionSpacing {
margin-bottom: 3px;
}
}
<>
.amp-cms-video {
position: relative;
}
.video-overlay {
position: absolute;
bottom: 3%;
left: 1%;
width: 67%;
}
.videolink {
padding: 10px 0;
color: white;
font-size: 2vh;
text-transform: uppercase;
text-decoration: underline;
letter-spacing: .4vh;
text-underline-offset: 4px;
}
.lastcharacter {
color: white;
font-size: 2vh;
text-transform: uppercase;
text-decoration: underline;
text-underline-offset: 4px;
padding-right: 10px;
}
#playpausebutton {
position: absolute;
right: 1%;
bottom: 2.5%;
}
#icon-play { display: none; }
#icon-play#icon-pause { width: 50px; }
@media (min-width: 1600px) {
.videolink {
font-size: 18.1px;
letter-spacing: 4.5px;
}
.lastcharacter { font-size: 18.1px; }
}
@media (max-width: 767px) {
.videolink {
font-size: 1.4vh;
letter-spacing: 0.3vh;
}
.lastcharacter {
font-size: 1.4vh; /* match the CTA */
}
#icon-play#icon-pause { width: 35px; }
#playpausebutton { bottom: 6%; }
.video-overlay {
position: absolute;
bottom: 6%;
}
}
<>
.carousel {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-container {
display: flex;
transition: transform 5.5s ease-in-out;
width: 100%;
}
.carousel-slide {
flex: 0 0 100%;
}
.carousel-slide img {
width: 100%;
height: auto;
display: block;
}
/* Navigation Buttons */
button.prev,
button.next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0000.5);
color: white;
border: none;
padding: 10px 15px;
cursor: pointer;
font-size: 24px;
z-index: 2;
}
button.prev { left: 10px; }
button.next { right: 10px; }
button.prev:hover,
button.next:hover {
background-color: rgba(0000.8);
}
/* Desktop Visibility */
.desktopshowcarousel { display: none; }
@media (min-width: 768px) {
.desktopshowcarousel { display: block; }
}
/* Mobile Visibility */
.mobileshowing { display: none; }
@media (max-width: 768px) {
.mobileshowing { display: block; }
}
}
<>
@media (min-width: 768px) {
#custom-girlcta{
position: absolute!important; top: 7%!important; left: 0%!important; width: 33%!important; height: 97%!important;
}
#custom-boycta{
position: absolute!important; top: 7%!important; left: 33%!important; width: 33%!important; height: 97%!important;
}
#custom-nbcta{
position: absolute!important; top: 7%!important; left: 67%!important; width: 33%!important; height: 97%!important;
}
}
@media (max-width: 767.99px) {
#custom-girlcta{
position: absolute!important; top: 0%!important; left: 0%!important; width: 32%!important; height: 100%!important;
}
#custom-boycta{
position: absolute!important; top: 0%!important;
left: 33%!important;
width: 32%!important;
height: 100%!important;
}
#custom-nbcta{
position: absolute!important; top: 0%!important;
left: 68%!important;
width: 32%!important;
height: 100%!important;
}
}
<>
@media (min-width: 768px) {
#custom-pajamascta{
position: absolute!important; top: 0%!important; left: 0%!important; width: 50%!important; height: 100%!important;
}
#custom-marketplacecta{
position: absolute!important; top: 0%!important; left: 50%!important; width: 50%!important; height: 100%!important;
}
}
@media (max-width: 767.99px) {
#custom-pajamascta{
position: absolute!important; top: 0%!important; left: 0%!important; width: 50%!important; height: 100%!important;
}
#custom-marketplacecta{
position: absolute!important; top: 0%!important; left: 50%!important; width: 50%!important; height: 100%!important;
}
<>
@media only screen and (max-width: 767px) {
.wcdContentLazyLoad p {
min-height: 315px;
}
}
Welcome to Janie and Jack. We put modern twists on classic fashion for girlsboystoddlers and babies in sizes 0 – 12 and select s up to size 18. Each season we tell stories through our collectionsfrom nautical to equestrian and all the unexpected stuff in between. We create one-of-a-kind dresses girls and baby girls loveas well as standout swimsuits and tops with special details. For boys and baby boysour crisp button-ups are a favoritealong with tailored pantsjoggers and shorts. Share family moments in our matching prints and Special Occasion dresses and suits. Plus grows on in our exclusive collection for sizes 8 to 18. Looking for the perfect baby shower gift? Our baby essentials give little ones a warm welcome with the softest fabrics. Make the outfit with our must-have shoesand all the right accessories.