/* XPA CSS */

/* Body needs to be set as visibile due to xcat script */
body {
  visibility: visible;
}

/* TITLE Heading */
@media screen and (min-width: 1605px) {
    .m-banner .c-heading-1a {
        line-height: 77px;
    }
    .m-banner .jump-g.jump-b {
        font-size: 77px;
    }
}
@media screen and (max-width: 767px) {
    .m-banner .c-heading-1a {
        line-height: 41px;
    }
}
.m-banner .c-subheading-1 {
font-family: Segoe UI Semibold;
    position: relative;
    top: -24px;
}
@media screen and (min-width: 768px) and (max-width: 1605px) {
    .m-banner.jumpgcontainer .jump-g.jump-b.jumpganimate {
        top: -10px !important;
        font-size: 56px;
    }
}
@media screen and (max-width: 768px) {
    .m-banner.jumpgcontainer .jump-g.jump-b.jumpganimate {
        font-size: 41px;
    }
}

/*fix for hero img*/
.m-image .c-image img {
    margin: auto;
}

/* 2up panes */
@media screen and (min-width: 767px) {
    .mwf-v1-xbox .m-panes {
        flex-direction: row;
    }
    .mwf-v1-xbox .m-panes section {
    border-left: 0;
    }
    .mwf-v1-xbox .m-panes section:first-of-type {
        border-right: 1px solid rgba(0,0,0,.2);
        border-bottom: none;
    }
}
/* 2up panes text */
@media screen and (max-width: 970px) {
    .m-panes .m-panes-product-placement-item .c-heading-3.panesHeading {
        font-size: 24px;
        line-height: 28px;
        padding: 36px 0 4px;
    }
}
    @media screen and (min-width: 767px) {
    .m-panes .m-panes-product-placement-item .c-heading-3.panesHeading {
        white-space: nowrap;
    }
}
/* 2up CTA */
.m-panes .m-panes-product-placement-item .ctaWrapFix {
    white-space: nowrap;
}  
/* fix for 2up content padding */
@media only screen and (max-width: 539px) {
    .m-panes section {
        padding: 36px 10px 16px;
    }
}
/* panes padding fix at mobile */
@media screen and (max-width: 767px) {
    .m-panes {
        padding-top: 0px;
    }
    .m-panes .panesHeading {
        padding-top: 0px !important;
    }
}
/* fix for logo spacing */
.m-banner .c-heading-2 {
    padding-top: 8px;
}
/*fix for banner heading*/
.centerText {
    text-align: center;
}
    
/*fix for CTA f-primary look*/
.m-banner .c-call-to-action.c-glyph.f-primary {
    background: #9bf00b;
    border: 1px solid transparent;
    color: #054b16;
    margin-left: 0;
    margin-right: 0;
    outline: 1px solid transparent;
    outline-offset: -3px;
    padding: 5px 20px 5px 22px;
    position: relative;
    transition: all .2s ease-in-out;
    margin-top: 24px;
}
    
.m-banner .c-call-to-action.c-glyph.f-primary:focus {
    outline: 2px dashed #000;
    border: 2px dashed #fff;
}

/*fix for thumbnail imgs */
.m-multi-feature.f-align-center .c-pivot .mod-multi-boxshot .c-image {
    opacity: 1;
}
.m-multi-feature.f-align-center .c-pivot .mod-multi-boxshot {
    border: 2px solid #000;
}
.mod-feature .c-pivot:not(.f-disabled)>ul>li.f-active {
    outline: 4px solid #9bf00b !important;
}

/* fix for image module being too at mobile */
@media screen and (max-width: 767px) {
  div[id="XGP - Image and Banner"] {
    position: relative;
    top: -48px;
  }
}