/* Icon List Hero custom, lilfted from Series X */

.icon-list-hero .m-hero-item>div picture {
    display: block;
}

.icon-list-hero .m-hero-item .c-heading-1a {
    padding-bottom: 0;
}

.icon-list-hero p.c-heading-4 {
    padding-top: 18px;
    padding-bottom: 8px;
}

.icon-list-hero a.c-call-to-action.f-lightweight {
    margin-bottom: -7px;
}

@media screen and (min-width: 768px) and (max-width: 1083px) {
    .icon-list-hero .m-hero-item .c-heading-1a {
        font-size: 48px;
        line-height: .96em;
    }
    .icon-list-hero .m-hero-item .pwd-copy-section>p {
        font-size: 22px;
        line-height: 26px;
        padding-top: 24px;
    }
}

@media screen and (max-width: 481px) {
    .icon-list-hero .m-hero-item .c-heading-1a {
        font-size: 34px;
        line-height: 1;
    }
}

.icon-list-hero .m-hero-item .m-ambient-video {
    max-width: none;
    width: 100%;
    margin: 0;
}

@media screen and (min-width: 1400px) {
    .icon-list-hero .m-hero-item.f-transparent:before {
        padding-bottom: 71% !important;
    }
}

@media screen and (min-width: 1084px) and (max-width: 1399px) {
    .icon-list-hero .m-hero-item.f-transparent:before {
        padding-bottom: 90.8% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1083px) {
    .icon-list-hero .m-hero-item.f-transparent:before {
        padding-bottom: 127% !important;
    }
    .pwd-copy-section .c-heading-1 {
        font-size: 46px !important;
        line-height: 56px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1083px) {
    div.icon-list-hero section.m-hero-item div.pwd-copy-section {
        top: 32px !important;
        transform: none;
    }
}

@media screen and (min-width: 1084px) {
    div.icon-list-hero section.m-hero-item div.pwd-copy-section {
        top: 72px !important;
    }
}

@media screen and (min-width: 1084px) and (max-width: 1279px) {
    .c-heading-1a {
        font-size: 56px;
        line-height: 54px;
    }
}

@media screen and (min-width: 1600px) {
    .icon-list-hero section.m-hero-item div.pwd-copy-section {
        max-width: 750px !important;
    }
    .icon-list-hero .icons {
        max-width: 540px !important;
    }
}

.pwd-copy-section>section,
.icon-list-hero .icons {
    padding-bottom: 0 !important;
}

.icon-list-hero section.m-hero-item>picture {
    height: 100% !important;
    width: 100% !important;
    top: -0 !important;
}

.icon-list-hero section.m-hero-item {
    height: auto !important;
}

.icon-list-hero div[class^="icon-list-svg"],
.icon-list-hero div[class^="icon-list-svg"] img {
    width: 100% !important;
    max-width: 100px !important;
}

@media screen and (max-width: 767px) {
    .icon-list-hero div[class^="icon-list-svg"],
    .icon-list-hero div[class^="icon-list-svg"] img {
        width: 100% !important;
        max-width: 155px !important;
    }
    .icon-list-hero {
        padding-bottom: 132px;
    }
    .icon-list-hero .m-ambient-video video+div {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .icon-list-hero .icons [data-grid^="col-"]:nth-child(odd) {
        /*max-width: 136px !important;*/
        clear: both !important;
    }
    .icon-list-hero div[class^="icon-list-svg"] {
        width: auto !important;
        /*max-width: calc(112px + 5%) !important;*/
        margin-right: auto !important;
        margin-left: 0 !important;
        padding: 5px 15% 5px 0 !important;
    }
}

.icon-list-hero .icons [class^="c-paragraph"] {
    padding-top: .5em !important;
}

.icons [data-grid^="col-"] {
    padding-bottom: 0;
}

@media screen and (max-width: 540px) {
    .icon-list-svg-1,
    .icon-list-svg-2,
    .icon-list-svg-3 {
        margin: 0 auto !important;
    }
}

.icon-list-hero .pp-button>video+div {
    left: 0;
    top: auto !important;
    bottom: 0;
    height: 42px;
    width: 42px;
    position: absolute !important;
}

@media screen and (min-width: 768px) and (max-width: 1084px) {
    .text-spacing .icon-list-hero .m-hero-item.f-transparent:before,
    .icon-list-hero .m-hero-item.f-transparent[style]:before {
        padding-bottom: 158% !important;
    }
    .text-spacing .icon-list-hero .m-hero-item .c-heading-1a,
    .icon-list-hero .m-hero-item[style] .c-heading-1a {
        font-size: 32px;
    }
}

@media screen and (min-width: 1084px) and (max-width: 1399px) {
    .text-spacing .icon-list-hero .m-hero-item.f-transparent:before,
    .icon-list-hero .m-hero-item.f-transparent[style]:before {
        padding-bottom: 120% !important;
    }
    .text-spacing .icon-list-hero .m-hero-item .c-heading-1a,
    .icon-list-hero .m-hero-item[style] .c-heading-1a {
        font-size: 36px;
    }
}

@media screen and (min-width: 1400px) {
    .text-spacing .icon-list-hero .m-hero-item.f-transparent:before,
    .icon-list-hero .m-hero-item.f-transparent[style]:before {
        padding-bottom: 88% !important;
    }
    .text-spacing .icon-list-hero .m-hero-item .c-heading-1a,
    .icon-list-hero .m-hero-item[style] .c-heading-1a {
        font-size: 44px;
    }
}

/* End Icon List Hero */