/*------------------------------------*\
LOCAL SCREENS
\*------------------------------------*/
/*------------------------------------*\
END LOCAL SCREENS
\*------------------------------------*/
/*------------------------------------*\
SNIPE FIXES
\*------------------------------------*/
/*----- PLAN SNIPES ------*/
.overview-plan-text-recover {
display: block;
width: var(--p-width);
height: var(--p-height);
--p-width: 195px;
--p-height: 22px
}
@media only screen and (max-width: 734px) and (max-width:734px) {
.overview-plan-text-recover {
--p-width: 106px;
--p-height: 13px
}
}
.plan-gallery .plan-item-label-recovery {
margin-left: calc(var(--plan-circle-width)*-0.46);
}
.overview-plan-text-design {
display: block;
width: var(--p-width);
height: var(--p-height);
--p-width: 140px;
--p-height: 42px
}
@media only screen and (max-width: 734px) and (max-width:734px) {
.overview-plan-text-design {
--p-width:95px;
--p-height: 23px
}
}
.overview-plan-text-use {
display: block;
width: var(--p-width);
height: var(--p-height);
--p-width: 109px;
--p-height: 18px
}
@media only screen and (max-width: 734px) and (max-width:734px) {
.overview-plan-text-use {
--p-width:60px;
--p-height: 10px
}
}
.overview-plan-text-make {
display: block;
width: var(--p-width);
height: var(--p-height);
--p-width: 124px;
--p-height: 18px
}
@media only screen and (max-width: 734px) and (max-width:734px) {
.overview-plan-text-make {
--p-width:68px;
--p-height: 10px
}
}
.overview-plan-text-package {
display: block;
width: var(--p-width);
height: var(--p-height);
--p-width: 152px;
--p-height: 42px
}
@media only screen and (max-width: 734px) and (max-width:734px) {
.overview-plan-text-package {
--p-width:83px;
--p-height: 23px
}
}
.plan-gallery .plan-item-label-shipping {
margin-left: -75px;
}
@media only screen and (max-width: 734px) {
.plan-gallery .plan-item-label-shipping {
margin-left: -45px;
}
}
.overview-text-approach {
--p-width: 95px
}
.overview-text-approach,.overview-text-progress {
display: block;
width: var(--p-width);
height: var(--p-height);
--p-height: 11px
}
.overview-text-progress {
--p-width: 141px
}
.overview-text-approach,.overview-text-progress {
display: block;
width: var(--p-width);
height: var(--p-height);
--p-height: 11px
}
/*--- END PLAN SNIPES ----*/
/*----- PRRODUCTS SNIPES ------*/
.overview-card-mba-text {
display: block;
width: var(--p-width);
height: var(--p-height);
--p-width: 229px;
--p-height: 29px
}
@media only screen and (max-width: 1068px) and (max-width:1068px) {
.overview-card-mba-text {
--p-width:187px;
--p-height: 24px
}
}
@media only screen and (max-width: 734px) and (max-width:734px) {
.overview-card-mba-text {
--p-width:128px;
--p-height: 17px
}
}
.overview-card-enclosure-text {
--p-width: 265px;
--p-height: 114px
}
@media only screen and (max-width: 1068px) and (max-width:1068px) {
.overview-card-enclosure-text {
--p-width:208px;
--p-height: 130px
}
}
@media only screen and (max-width: 734px) and (max-width:734px) {
.overview-card-enclosure-text {
--p-width:140px;
--p-height: 99px
}
}
.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
margin-block-start: 7px;
}
@media only screen and (max-width:1068px) {
.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
margin-block-start: 34px;
}
}
@media only screen and (max-width:734px) {
.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
margin-block-start: 22px;
}
}
.section-products .tile-enclosure .tile-copy {
top: 227px;
left: 190px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-enclosure .tile-copy {
left: 176px;
top: 270px
}
}
@media only screen and (max-width: 734px) {
.section-products .tile-enclosure .tile-copy {
top: 229px;
left: 121px;
}
}
.section-products .tile-shipping .tile-copy {
top: 659px;
left: 301px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-shipping .tile-copy {
top: 601px;
left: 268px;
}
}
@media only screen and (max-width: 734px) {
.section-products .tile-shipping .tile-copy {
top: 423px;
left: 184px;
}
}
.overview-card-case-text {
display: block;
width: var(--p-width);
height: var(--p-height);
--p-width: 203px;
--p-height: 101px
}
@media only screen and (max-width: 1068px) and (max-width:1068px) {
.overview-card-case-text {
--p-width:175px;
--p-height: 92px
}
}
@media only screen and (max-width: 734px) and (max-width:734px) {
.overview-card-case-text {
--p-width:143px;
--p-height: 61px
}
}
.section-products .tile-packaging-shipping .tile-copy {
top: 702px;
left: 362px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-packaging-shipping .tile-copy {
top: 599px;
left: 208px;
}
}
@media only screen and (max-width: 734px) {
.section-products .tile-packaging-shipping .tile-copy {
top: 459px;
left: 125px;
}
}
.overview-card-iphone-text {
--p-width: 380px;
--p-height: 196px
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.overview-card-iphone-text {
--p-width: 300px;
--p-height: 156px
}
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
.overview-card-iphone-text {
--p-width: 210px;
--p-height: 106px
}
}
.overview-card-recover-text {
display: block;
width: var(--p-width);
height: var(--p-height);
--p-width: 286px;
--p-height: 80px
}
@media only screen and (max-width: 1068px) and (max-width:1068px) {
.overview-card-recover-text {
--p-width:243px;
--p-height: 73px
}
}
@media only screen and (max-width: 734px) and (max-width:734px) {
.overview-card-recover-text {
--p-width:173px;
--p-height: 54px
}
}
.section-products .tile-recovery .lottie-with-picture {
top: 90px;
}
@media only screen and (max-width: 734px) {
.section-products .tile-recovery .lottie-with-picture {
top: 60px;
}
}
.overview-card-mac-mini-text {
--p-width: 300px;
--p-height: 97px;
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
.overview-card-mac-mini-text {
--p-width: 226px;
--p-height:80px
}
}
.overview-card-mac-mini-illustration {
--p-width: 319px;
--p-height: 94px;
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
.overview-card-mac-mini-illustration {
--p-width: 250px;
--p-height:80px
}
}
.section-products .tile-case .tile-copy {
top: 661px;
}
@media only screen and (max-width: 1068px) {
.section-products .tile-case .tile-copy {
top: 591px;
}
}
@media only screen and (max-width: 734px) {
.section-products .tile-case .tile-copy {
top: 435px;
left: 230px
}
}
/* SHIPPING */
.overview-card-shipping-text {
--p-width: 405px;
--p-height:142px;
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
.overview-card-shipping-text {
--p-width: 372px;
--p-height:116px;
}
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
.overview-card-shipping-text {
--p-width: 220px;
--p-height:101px;
}
}
/*--- END PRRODUCTS SNIPES ----*/
/*------------------------------------*\
END SNIPE FIXES
\*------------------------------------*/
/*------------------------------------*\
LOCAL FIXES
\*------------------------------------*/
@media only screen and (max-width: 734px) {
.story-card .story-headline {
max-width: 11.5ch;
}
}
@media only screen and (max-width:734px) {
.plan-gallery .plan-item-description-product-use .plan-item-description-copy {
max-width: 15ch;
}
}
.section-products .tile-finewoven .products-headline {
max-width: 13ch;
}
@media only screen and (max-width:734px) {
.section-hero .hero-intro .hero-intro-block {
padding-top: 30px;
}
}
.tile-iphone .typography-products-overlay-copy {
font-size: 18px;
}
@media only screen and (max-width: 1068px) {
.tile-iphone .typography-products-overlay-copy {
font-size: 16px;
}
}
@media only screen and (max-width: 734px) {
.tile-iphone .typography-products-overlay-copy {
font-size: 11px;
}
}
/*------------------------------------*\
END LOCAL FIXES
\*------------------------------------*/
