.ui-hdr-xxl {
    font-size: 36px;
    line-height: 42px;
    font-weight: lighter;
}
.ui-disclaimer,
.free-form-overview .ui-disclaimer {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #8294AA;
}

.uLayout.standardContentContainer {
    margin-top: 40px;
}
.uLayout.standardContentContainer.uiPlus {
    padding: 20px;
}
.free-form-overview .ui-hdr-xxl {
    font-size: 36px;
    line-height: 42px;
    font-weight: lighter;
}
.free-form-overview .free-form-overview-container .signInLinkWrapper {
    text-align: right;
    height: auto;
}
.free-form-overview .free-form-overview-container .signInLink {
    float: none;
}
.free-form-overview .free-form-overview-container .ctaButtonsWrapper a {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}
.free-form-overview .free-form-overview-container .ctaButtonsWrapper a span {
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
}
.free-form-overview .free-form-overview-container .pageTitle,
.free-form-overview .free-form-overview-container .pageSubtitle,
.free-form-overview .free-form-overview-container .title,
.free-form-overview .free-form-overview-container .sectionTitle,
.free-form-overview .free-form-overview-container .details {
    width: auto;
}
.free-form-overview .free-form-overview-container .pageTitle,
.free-form-overview .free-form-overview-container .pageSubtitle {
    margin: 0 auto;
}
.free-form-overview .free-form-overview-container .pageTitle {
    line-height: 44px;
    font-weight: 100;
    margin-bottom: 9px;
}
.free-form-overview .free-form-overview-container .pageSubtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 10px;
}
.free-form-overview .free-form-overview-container .feature-image {
    position: relative;
    text-align: center;
}
.free-form-overview .free-form-overview-container .feature-image img {
    box-shadow: none;
}
.free-form-overview .free-form-overview-container .section {
    padding-top: 35px;
}
.free-form-overview .free-form-overview-container .section a:focus,
.free-form-overview .free-form-overview-container .section a:hover {
    text-decoration: underline;
}
.free-form-overview .free-form-overview-container .title {
    width: auto;
}
.free-form-overview .free-form-overview-container .title h3,
.free-form-overview .free-form-overview-container .sectionTitle h3,
.free-form-overview .free-form-overview-container .details {
    margin-left: 150px;
}
.free-form-overview .free-form-overview-container .title h3 {
    font-size: 32px;
    line-height: 38px;
    font-weight: lighter;
}
.free-form-overview .free-form-overview-container .list-icon {
    line-height: 25px;
}
.free-form-overview .free-form-overview-container .list-icon .iconWrapper {
    display: block;
    float: left;
}
.free-form-overview .free-form-overview-container .list-icon .detailWrapper {
    display: block;
    margin-left: 70px;
}
.free-form-overview .free-form-overview-container .ui-hdr-m h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 22px;
}
.free-form-overview .feature-image img {
    padding: 0;
    border-radius: 12px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    zoom: 1;
    position: relative;
    box-sizing: border-box;
}
.free-form-overview .free-form-overview-container .pageSubtitle .downloadLinks .appMarket {
    display: inline-block;
    margin: 0 3px;
}
/* ==========================================================================
Social Menu definitions
========================================================================== */

/* Social Module Container Layout*/
.free-form-overview .socialModuleContainer .uiToolTipBox .uiToolTipContent {
    width: 11em;
}

.free-form-overview .socialModuleContainer {
    margin: 10px 0;
}
/* Button and Link Styles */
.free-form-overview .socialModuleContainer .shareButton {
    color: #253B56;
    cursor: pointer;
    display: block;
    margin-bottom: 15px;
}
.free-form-overview .socialModuleContainer .shareButton .icon {
    font-size: 20px;
    width: 22px;
    margin-left: 5px;
}
.free-form-overview .socialModuleContainer .shareButton:last-child {
    margin-bottom: 0;
}

.free-form-overview .socialModuleContainer .shareButton span.link {
    margin-left: 8px;
}

.free-form-overview .socialModuleContainer .shareButton span.link,
.free-form-overview .socialModuleContainer #shareLink span.link {
    margin-bottom: 6px;
}

.free-form-overview .socialModuleContainer .shareButton.hoverable:hover span,
.free-form-overview .socialModuleContainer .shareButton.hoverable:focus span,
.free-form-overview .socialModuleContainer .uiToolTip.uiToolTipShow .uiToolTipTrigger span.link,
.free-form-overview .socialModuleContainer .uiToolTip.uiToolTipShow .uiToolTipTrigger span[data-icon] {
    color: #0079BC;
}

.free-form-overview .socialModuleContainer .shareButton span {
    display: inline-block;
}

.shareButton .icon-symbol {
    font-size: 200%;
    vertical-align: top;
}
/* Bar CTA */
.barCta {
    display: block;
    font-style: normal;
    font-weight: 400;
    border-radius: 0 0 12px 12px;
    height: auto;
    width: auto;
    padding: 17px 30px;
    background-color: #0079BC;
    position: relative;
}
.barCta .title {
    font-weight: 600;
    margin-bottom: 1px;
}
.barCta .detailsCTA {
    font-size: 18px;
    line-height: 20px;
}
.barCtaContainer {
    color: #FFF;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    font-style: normal;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.barCtaLeftContainer {
    display: table-cell;
    vertical-align: middle;
    width: 79%;
}
.barCtaRightContainer {
    display: table-cell;
    vertical-align: middle;
    min-width: 80px;
    text-align: right;
}
.barCtaToolTip {
    display: inline;
    margin-top: -8px;
    padding-left: 5px;
    position: absolute;
}
.barCtaTitle {
    font-size: 18px;
    display: inline;
}
.linkButton .button.blue > span {
    min-width: 150px;
    padding: 0;
}
/* end Bar CTA */
.free-form-overview .free-form-overview-container .nonBottomRadius img {
    border-radius: 12px 12px 0 0;
}
.free-form-overview .free-form-overview-container .mediaEngineDialog img {
    border-radius: 0;
}
.uiToolTip .informationIcon.hoverable:hover {
    color: #FFF;
}
/* Details section */
.overview-details-wrapper .detailTitle {
    color: #78899E;
    font-size: 14px;
    line-height: 18px;
}
.overview-details-wrapper .detailBody {
    font-size: 16px;
}
.overview-details-wrapper .detailLink {
    font-size: 13px;
}

/* end Details section */
/* Drawers section */
.overviewDrawersHeaderTitle {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
}
.overviewDrawersDescription {
    color: #65778A;
    line-height: 28px;
    margin: 0 auto;
    font-size: 14px;
}
.overviewStoryCard {
    float: left;
}
.overviewStoryCard img {
    width: 100%;
}
.overviewStoryCard a {
    cursor: pointer;
}
.overviewStoryCard > img {
    display: block;
    margin-bottom: 10px;
}
.mainStoryCardWrapper {
    float: left;
    width: 100%;
    display: table;
}
.mainStoryCardWrapper .description {
    display: table-cell;
    float: left;
    width: 98%;
    color: #253B56;
}
.overviewDrawerHeader {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: bold;
}
.mainStoryCardWrapper .arrow,
.mainStoryCardWrapper .icon {
    display: table-cell;
    float: none;
    vertical-align: middle;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
}
.mainStoryCardWrapper .arrow:after {
    background-image: none;
    color: #E4E8ED;
    content: '\E30C';
    font-family: pepmdx;
    font-size: 20px;
    margin: -3px 0 0 -6px;
    display: block;
}

.viewMoreWrapper h2 {
    float: left;
    width: 93%;
    font-size: 2em;
    margin-bottom: 0.75em;
    font-weight: lighter;
}

.viewMoreCard {
    padding: 5px 0;
    float: left;
    width: 100%;
}

.viewMoreWrapper .viewMoreCard .description div {
    margin: 0;
}

.viewMoreWrapper .articleViewMoreLeft h3,
.viewMoreWrapper .articleViewMoreRight h3 {
    color: #0079BC;
    font-size: 14px;
    font-weight: bolder;
    line-height: 18px;
    margin: 10px 0 0;
}

.viewMoreWrapper .headerSection .articleViewMoreRight img {
    width: 100%;
}

/* https://jira-nge.disney.com/browse/GIT-759 */
.articleViewMoreLeft div p:first-of-type {
    padding-top: 1.25em;
}

.viewMoreLinkout .arrow:after,
.mainStoryCardWrapper .arrow:after {
    background-image: none;
    color: #E4E8ED;
    content: '\E30C';
    font-family: pepmdx;
    font-size: 20px;
    margin: -3px 0 0 -6px;
    display: block;
}

/* end Drawers section */
.pepGlobalFooter .socialMediaAndRequestInformationContainer {
    border-radius: 0 0 12px 12px;
}

.free-form-overview .free-form-overview-container .title img,
.free-form-overview .free-form-overview-container .sectionTitle img {
    display: inline-block;
    float: left;
    margin-left: 35px;
}
.free-form-overview .horizontalSeparator {
    margin: 25px 0;
}
.free-form-overview .socialModuleContainer {
    margin: 12px 0;
    float: right;
    font-size: 14px;
}
.free-form-overview .free-form-overview-container .section .title .icon {
    width: auto;
}
.free-form-overview .free-form-overview-container .pageTitle,
.free-form-overview .free-form-overview-container .title,
.free-form-overview .free-form-overview-container .sectionTitle {
    width: 616px;
}
.free-form-overview .free-form-overview-container .feature-image {
    position: relative;
}
.free-form-overview .free-form-overview-container .feature-image .nonBottomRadius{
    border-radius: 12px 12px 0 0;
}
.free-form-overview .free-form-overview-container .feature-image .openMediaEngineButton,
.free-form-overview .storyImg .openMediaEngineButton {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 0 20px 20px;
    display: none;
    border-radius: 10px;
    border: 3px solid #FFF;
    padding: 8px 14px;
    background: none;
    background-color: rgba(0, 0, 0, .45);
    font-size: 17px;
    line-height: 1.5em;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    float: left;
    vertical-align: middle;
}

.free-form-overview .overviewDrawers .overviewStoryCard .storyImg .openMediaEngineButton {
    display: inline;
    padding: 10px 7px;
}

.free-form-overview .overviewDrawers .overviewStoryCard .storyImg .openMediaEngineButton span span {
    font-size: 20px;
}

.free-form-overview .overviewDrawers .overviewStoryCard .storyImg.small {
    margin-bottom: 10px;
    line-height: inherit;
}

.free-form-overview .overviewDrawers .overviewStoryCard .storyImg.small .openMediaEngineButton {
    margin: 0 0 10px 10px;
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 5px;
}

.free-form-overview .overviewDrawers .overviewStoryCard,
.free-form-overview .overviewDrawers .overviewStoryCard .storyImg {
    position: relative;
}

.free-form-overview .free-form-overview-container .feature-image .openMediaEngineButton .icon {
    font-family: pepmdx;
    display: inline-block;
}
.free-form-overview .free-form-overview-container .feature-image .openMediaEngineButton:hover,
.free-form-overview .free-form-overview-container .feature-image .openMediaEngineButton:focus,
.free-form-overview .overviewDrawers .overviewStoryCard .storyImg .openMediaEngineButton:hover {
    color: #0079BC;
    border-color: #0079BC;
}
.free-form-overview .details .detailWrapper .detailPartTitle {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 6px;
    width: 620px;
}
.free-form-overview .details .detailWrapper ul {
    margin-bottom: 38px;
}

.uLayout.standardContentContainer.uiPlus {
    padding: 15px 20px 0;
}

.free-form-overview .free-form-overview-container .section {
    padding-top: 47px;
}

.free-form-overview .free-form-overview-container .details {
    width: 556px;
    margin-left: 152px;
}

.free-form-overview .free-form-overview-container .pageTitle {
    font-size: 28px;
    line-height: 36px;
    width: 100%;
    font-weight: lighter;
}

.free-form-overview .free-form-overview-container .pageSubtitle {
    color: #253B56;
    font-size: 18px;
    font-weight: lighter;
    line-height: 28px;
    text-align: center;
    margin-top: 18px;
    padding-bottom: 13px;
}

.free-form-overview .free-form-overview-container .pageSubtitle h2 {
    margin: 18px 0 .75em;
    padding: 0 70px;
    text-align: center;
    color: #253b56;
    font-size: 36px;
    font-weight: normal;
    line-height: 42px;
}

.free-form-overview .free-form-overview-container .signInLinkWrapper {
    float: right;
}

.free-form-overview .free-form-overview-container .disclaimer p {
    margin-bottom: 18px;
}

.free-form-overview .free-form-overview-container .pageSubtitle .downloadLinks .appMarket {
    display: inline-block;
    margin: 0 10px;
}

.free-form-overview .free-form-overview-container .section .details .detailWrapper ul {
    margin-bottom: 24px;
    padding-left: 22px;
}

.free-form-overview .free-form-overview-container .details .detailWrapper p {
    padding-top: 20px;
}

.barCtaLeftContent {
    float: left;
}

.barCtaRightContent {
    float: right;
}
.pageSubtitleHeader {
    color: #253B56;
    font-size: 36px;
    line-height: 40px;
    font-weight: lighter;
    text-align: center;
    padding-bottom: 5px;
}

.pageSubtitleHeader.overviewHeader {
    width: 75%;
    margin: 0 auto 20px;
    padding-top: 0;
}
/* Details section */
.overview-details-wrapper {
    text-align: center;
    width: auto;
    margin: 20px;
}
.overview-details-wrapper .twoColumn {
    width: 46.7%;
    float: left;
}
.overview-details-wrapper p {
    margin: 5px 0;
}

.viewMoreCard a:hover .description > *,
.viewMoreCard a:hover .arrow:after,
.overviewStoryCard a:hover .description > *,
.overviewStoryCard a:hover .arrow:after {
    color: #0079BC;
}

.finder-overview-drawers {
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    max-width: 500px;
    margin: 0 auto;
}

.finder-overview-storycard {
    margin-bottom: 2px;
}


/* end Details section */
/* Drawers section */
.overviewDrawersHeaderTitle,
.overviewDrawersDescription {
    text-align: center;
}
.overviewDrawersDescription {
    width: 600px;
    margin-top: -15px;
    padding-bottom: 20px;
}
.overviewStoryCard {
    margin-bottom: 45px;
    overflow: hidden;
}
.overviewDrawers .twoColumn {
    width: 48%;
    padding: 0;
}
.overviewDrawers .twoColumn.right {
    float: right;
}
.threeColumn.overviewStoryCard {
    padding: 2px 31px 0 0;
    width: 31%;
}
.threeColumn.overviewStoryCard:nth-of-type(3n) {
    padding-right: 0;
}
.twoColumn.overviewStoryCard:nth-of-type(odd),
.threeColumn.overviewStoryCard:nth-of-type(3n+4) {
    clear: both;
}
/* end Drawers section */
/* View More section */
.overviewDrawers .viewMoreSection {
    width: 100%;
    float: left;
}

.overviewDrawers .viewMoreSection.open {
    padding-bottom: 50px;
}
.overviewDrawers .viewMoreSection:nth-last-of-type(1) {
    padding-bottom: 0;
}
.overviewDrawers .viewMoreSection:nth-last-of-type(1).open {
    padding-bottom: 45px;
}
.overviewDrawers .viewMoreSection:nth-last-of-type(1).open + .horizontalSeparator {
    height: 0;
}
.finderDetailsExperienceMedia.nonBottomRadius {
    border-radius: 12px 12px 0;
}

.overviewDrawers .viewMoreSection,
.overviewDrawers .viewMoreSection > div {
    display: none;
}

.viewMoreWrapper {
    float: left;
    width: 100%;
    position: relative;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
}

.overviewDrawers .viewMoreWrapper > div {
    padding: 40px 40px 15px;
    float: left;
    width: 91%;
}

.viewMoreWrapper > div:after,
.viewMoreWrapper > div:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}

.viewMoreWrapper > div:after {
    border-bottom-color: #FFF;
    border-width: 11px;
    margin-left: -11px;
}

.viewMoreWrapper > div:before {
    border-bottom-color: #DFDFDF;
    border-width: 13px;
    margin-left: -13px;
}

.viewMoreWrapper > div.twoColumn:after,
.viewMoreWrapper > div.twoColumn:before {
    left: 3.5%;
}

.viewMoreWrapper:nth-child(2) > div.twoColumn:after,
.viewMoreWrapper:nth-child(2) > div.twoColumn:before,
.viewMoreWrapper > div.twoColumn.secondCol:after,
.viewMoreWrapper > div.twoColumn.secondCol:before {
    left: 55.5%;
}

.viewMoreWrapper > div.threeColumn:after,
.viewMoreWrapper > div.threeColumn:before {
    left: 3.5%;
}

.viewMoreWrapper:nth-child(2) > div.threeColumn:after,
.viewMoreWrapper:nth-child(2) > div.threeColumn:before {
    left: 38.5%;
}

.viewMoreWrapper:nth-child(3) > div.threeColumn:after,
.viewMoreWrapper:nth-child(3) > div.threeColumn:before {
    left: 73%;
}

.viewMoreWrapper .closeIcon {
    cursor: pointer;
    padding-left: 34px;
}

.viewMoreWrapper .closeIcon:before {
    font-size: 18px;
}

.viewMoreWrapper .headerSection > div {
    width: 49%;
    float: left;
}

.viewMoreWrapper .headerSection > img {
    width: 46%;
    float: right;
    padding-top: 6px;
    padding-bottom: 25px;
}

.viewMoreWrapper .headerSection > div img {
    width: 100%;
    margin-bottom: 10px;
    padding-left: 25px;
}

.viewMoreWrapper .twoColumn > .viewMoreCards .description div {
    max-width: 495px;
    line-height: 18px;
}

.viewMoreLinkout img {
    width: 25%;
    float: left;
}

.viewMoreLinkout {
    width: 100%;
}

.viewMoreLinkout h3 {
    font-size: 18px;
    font-weight: bold;
}

.viewMoreLinkout .description {
    display: table-cell;
    color: #2D3E53;
    padding: 0 0 0 20px;
    float: left;
    width: 95%;
    min-width: 530px;
}

.viewMoreWrapper .headerSection .articleViewMoreLeft {
    width: 49%;
    float: left;
}

.viewMoreWrapper .headerSection .articleViewMoreRight {
    width: 46%;
    float: left;
    padding: 0 15px;
}

.viewMoreLinkout .viewMoreTitle {
    color: #0079BC;
    text-transform: uppercase;
}

.viewMoreLinkout .arrow,
.mainStoryCardWrapper .arrow,
.mainStoryCardWrapper .icon {
    display: table-cell;
    float: none;
    vertical-align: top;
    position: relative;
    left: 0;
    right: 0;
    top: 10px;
}

.viewMoreLinkout .icon {
    display: table-cell;
    float: none;
    vertical-align: middle;
    position: relative;
    left: 12px;
    right: 0;
    top: 0;
}

.storyCardWrapper {
    float: left;
    width: 75%;
    display: table;
}

.free-form-overview .marginsSeparator {
    margin: 15px 0;
    padding: 0;
    display: inline-block;
}
/* end View More section