/* ********* TODO: Were direct update to skin, Need to convert to less format ************* */ .span-wide-1 { width: 27.56%; float: left; margin-bottom: 15px; } /* 183px */ .span-wide-1-extra { width: 48.87%; float: left; margin-bottom: 15px; } /* 225px */ .span-wide-2 { width: 70.18%; float: left; margin-bottom: 15px; } /* 466px */ .span-wide-3 { width: 100%; float: left; margin-bottom: 15px; } /* 664px */ .span-long-1 { height: 144px; } /* 144px */ .span-long-2 { height: 200px; } /* 200px */ .span-long-3 { height: 359px; } /* 359px */ .span-right-spacing { margin-right: 2.25%; } /* 15px */ .nh-home-action-items:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .red { color: #850F5B; } .centertext { text-align: center; } .Normal .orange-callout, .Normal .pink-callout, .Normal .purple-callout, .Normal .blue-callout, .Normal .olive-callout, .Normal .copper-callout, .Normal .crimson-callout, .Normal .yellow-callout { overflow: hidden; } .Normal .orange-headline, .Normal .pink-headline, .Normal .purple-headline, .Normal .blue-headline, .Normal .olive-headline, .Normal .copper-headline, .Normal .crimson-headline, .Normal .yellow-headline { overflow: hidden; } .Normal .nh-home-action-items > div h3 { font-size: 34px; font-weight: 300; } .Normal .nh-home-action-items > div h6 { font-size: 16px; font-weight: 300; } .Normal .nh-home-action-items > div { padding-right: 0px !important; } .Normal .nh-home-action-items .action-callout, .Normal .nh-home-action-items > div .action-callout { color: #53565a; font-size: 34px; line-height: 1; color: #512d6d; display: block; border-style: solid; border-color: #e6e4e8; border-top-width: 6px; border-right-width: 6px; border-bottom-width: 6px; border-left-width: 6px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .Normal .nh-home-action-items .action-callout:link, .Normal .nh-home-action-items > div .action-callout:link { padding: 31px 40px 31px 40px; font-family: "myriad-pro-n3" , "myriad-pro" , sans-serif; font-weight: 300; font-style: normal; /* width: 100%; */ } .Normal .nh-home-action-items .action-callout:link:hover, .Normal .nh-home-action-items > div .action-callout:link:hover { border-color: #53565a; color: #53565a; text-decoration: none; } .Normal .nh-home-action-items .action-callout.arrow-center:link, .Normal .nh-home-action-items > div .action-callout.arrow-center:link { background-image: url(images/arrow-right-purple.png); background-position: right center; background-repeat: no-repeat; } .Normal .nh-home-action-items .action-callout.arrow-center:link :hover, .Normal .nh-home-action-items > div .action-callout.arrow-center:link :hover { background-image: url(images/arrow-right-purple.png); background-position: right center; background-repeat: no-repeat; } .Normal .nh-home-action-items .purple-callout span, .Normal .nh-home-action-items > div .purple-callout span { font-size: 26px !important; height: auto; padding: 25px 20px 25px 15px; min-height: 63px; } .theme-purple { color: #512D6D !important; } .theme-white { color: #ffffff !important; } .Normal .nh-home-action-items .image-tout:link { color: #53565a; font-size: 34px !important; line-height: 1; display: block; line-height: 0.9; font-family: "myriad-pro-n3" , "myriad-pro" , sans-serif; font-weight: 300; font-style: normal; position: relative; } .Normal .nh-home-action-items .image-tout img, .Normal .nh-home-action-items .image-tout:link img { visibility: visible; position: relative; z-index: 0; width: 100%; } .Normal .nh-home-action-items .image-tout > span, .Normal .nh-home-action-items .image-tout:link > span { position: relative; position: absolute; left: 10%; top: 15%; z-index: 1; } .Normal .nh-home-action-items .image-tout > span.col2, .Normal .nh-home-action-items .image-tout:link > span.col2 { position: relative; position: absolute; left: 25%; top: 15%; z-index: 1; } .Normal .nh-home-action-items .image-tout:hover, .Normal .nh-home-action-items .image-tout:link:hover, .Normal .nh-home-action-items .image-tout:link:hover span { color: #53565a !important; text-decoration: none; } .tout-button { color: #512D6D; font-family: "myriad-pro-n6" , "myriad-pro" ,sans-serif; font-size: 17px !important; font-style: normal; font-weight: 400; height: 26px; line-height: 26px; padding: 0 8px; border-color: #FFFFFF; border-style: solid; border-width: 2px; border-radius: 10px; } .Normal .nh-home-action-items .action-image-callout, .Normal .nh-home-action-items > div .action-image-callout { color: #53565a; font-size: 42px; line-height: 1; color: #512d6d; display: block; border-style: solid; border-color: #e6e4e8; border-top-width: 6px; border-right-width: 6px; border-bottom-width: 6px; border-left-width: 6px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .Normal .nh-home-action-items .action-image-callout:link, .Normal .nh-home-action-items > div .action-image-callout:link { /* padding: 31px 40px 31px 40px; */ font-family: "myriad-pro-n3" , "myriad-pro" , sans-serif; font-weight: 300; font-style: normal; /* width: 100%; */ } .Normal .nh-home-action-items .action-image-callout:link:hover, .Normal .nh-home-action-items > div .action-image-callout:link:hover { border-color: #53565a; color: #53565a; text-decoration: none; } .Normal .nh-home-action-items .action-image-callout.arrow-top:link, .Normal .nh-home-action-items > div .action-image-callout.arrow-top:link { background-image: url(images/arrow-right-purple.png); background-position: right 40px; background-repeat: no-repeat; } .Normal .nh-home-action-items .action-image-callout.arrow-bottom:link, .Normal .nh-home-action-items > div .action-image-callout.arrow-bottom:link { background-image: url(images/arrow-right-purple.png); background-position: right 80%; background-repeat: no-repeat; } .Normal .nh-home-action-items .action-image-callout.no-arrow:link, .Normal .nh-home-action-items > div .action-image-callout.no-arrow:link { background-image: none; } .Normal .nh-home-action-items .action-image-callout img, .Normal .nh-home-action-items .action-image-callout:link img { visibility: visible; position: relative; z-index: -1; width: 100%; height: 100%; } .Normal .nh-home-action-items .action-image-callout > span, .Normal .nh-home-action-items .action-image-callout > span { /*position: relative;*/ position: absolute; /* left: 10%; */ /* top: 6%; */ z-index: 1; padding: 30px 0px 0px 25px; font-size: 30px; line-height: 1; } .Normal .nh-home-action-items .action-image-callout:hover, .Normal .nh-home-action-items .action-image-callout:link:hover, .Normal .nh-home-action-items .action-image-callout:link:hover span { color: #53565a !important; text-decoration: none; } @media screen and (max-width: 1023px) { .Normal .nh-home-action-items .action-callout, .Normal .nh-home-action-items > div .action-callout { color: #53565a; font-size: 42px; line-height: 1; color: #512d6d; display: block; border-style: solid; border-color: #e6e4e8; border-top-width: 6px; border-right-width: 6px; border-bottom-width: 6px; border-left-width: 6px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .Normal .nh-home-action-items .action-callout:link, .Normal .nh-home-action-items > div .action-callout:link { padding: 31px 93px 31px 40px; font-family: "myriad-pro-n3" , "myriad-pro" , sans-serif; font-weight: 300; font-style: normal; /* width: 100%; */ } .Normal .nh-home-action-items .action-callout:link:hover, .Normal .nh-home-action-items > div .action-callout:link:hover { border-color: #53565a; color: #53565a; text-decoration: none; } .Normal .nh-home-action-items .purple-callout span, .Normal .nh-home-action-items > div .purple-callout span { font-size: 32px; height: auto; } .span-long-1, .span-long-2, .span-long-3 { height: auto; display: table-cell; height: 100%; } } /* For Inner Pages */ .Normal .darkcyan-callout span , .NormalBold .darkcyan-callout span { background-color: #035072; background-image: url(images/arrow-white-left-large.png); background-position: right center; background-repeat: no-repeat; color: #53565a; font-size: 32px; color: #ffffff; display: block; height: 93px; line-height: 1; padding: 25px 55px 25px 25px; margin-top: -4px; font-family: "myriad-pro-n3", "myriad-pro", sans-serif; font-weight: 300; font-style: normal; } .Normal .darkcyan-callout:hover , .NormalBold .darkcyan-callout:hover { text-decoration: none; } .Normal .darkcyan-callout:hover span , .NormalBold .darkcyan-callout:hover span { background-color: #53565a; } .Normal .darkcyan-callout, .NormalBold .darkcyan-callout { display: block; } .Normal .darkcyan-callout img , .NormalBold .darkcyan-callout img { width: 100%; } .Normal ul.tout-list li a h3 { font-size: 34px; font-weight: 300 !Important; } /* Fixes for Callout under responsive */ .Normal .columns .col1-2 > .pink-callout span { font-size: 32px; } @media (min-width:768px) and (max-width:1023px) { .Normal .columns .col1-2 > .orange-callout span, .Normal .columns .col2-2 > .orange-callout span, .Normal .columns .col1-2 > .purple-callout span, .Normal .columns .col2-2 > .purple-callout span, .Normal .columns .col1-2 > .darkcyan-callout span, .Normal .columns .col2-2 > .darkcyan-callout span, .Normal .columns .col1-2 > .yellow-callout span, .Normal .columns .col2-2 > .yellow-callout span, .Normal .columns .col1-2 > .pink-callout span, .Normal .columns .col2-2 > .pink-callout span { font-size: 24px; min-height: 93px; height: 100%; padding-left: 15px; padding-right: 35px; } .Normal ul.tout-list li a h3 { width: 70% !important; } .Normal p .img-left:after { clear:both; } } .Normal .col2-2 > ul, .Normal .col2-2 > p { padding-bottom: 0px; margin: 0px; } #Body .purple-container { padding: 18px 26px; margin-bottom: 6px; } #Body .Normal .my-chart-signin img { padding: 0; margin: -6px 10px 10px 0; } #Body .Normal .my-chart-signin h2 { padding-bottom: 0; } #Body .Normal .my-chart-signin p { color: #A20067; font-size: 15px; padding: 0; } #Body .Normal .my-chart-signin button { line-height: 100%; } .Normal .nh-home-action-items .icon-link-purple a, .Normal .nh-home-action-items .icon-link-purple a:link, .Normal .nh-home-action-items .icon-link-purple a:visited { height: 100%; vertical-align: middle; } .Normal .nh-home-action-items .tout-callout { padding: 12px; } .Normal .nh-home-action-items .tout-callout h1 { font-size: 60px; line-height: 60px; } .Normal .nh-home-action-items .tout-callout { font-size: 14px; line-height: 20px; } .Normal .tout-purple-link:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .Normal .tout-purple-link, .Normal a.tout-purple-link, .Normal a.tout-purple-link:link, .Normal a.tout-purple-link:visited { display: block; background: #663366; padding: 16px; vertical-align: middle; font-size: 20px; line-height: 42px; color: #fff; margin: 0 0 6px 0; } .Normal .tout-purple-link img { display: inline-block; *display: inline; zoom: 1; margin: 0 28px 0 0; vertical-align: middle; } .Normal .tout-purple-link span { display: block; font-size: 20px; line-height: 42px; color: #fff; font-weight: bold; background: transparent url(images/arrow-white-left-large.png) center right no-repeat; vertical-align: middle; padding: 0 30px; } .Normal .tout-purple-link:hover, .Normal a.tout-purple-link:hover, .Normal a.tout-purple-link:focus, .Normal a.tout-purple-link:active { color: #fff; background-color: #53565a; } .Normal .tout-purple-link:hover, .Normal a.tout-purple-link:hover, .Normal a.tout-purple-link:focus, .Normal a.tout-purple-link:active, .Normal a.tout-purple-link:hover span, .Normal a.tout-purple-link:focus span, .Normal a.tout-purple-link:active span { color: #fff; text-decoration: none; } .Normal .tout-border-link, .Normal a.tout-border-link, .Normal a.tout-border-link:link, .Normal a.tout-border-link:visited { display: block; background: #fff; padding: 9px 16px; vertical-align: middle; font-size: 20px; line-height: 42px; color: #515256; margin: 0 0 6px 0; border: 5px solid #edeaf1; } .Normal .tout-border-link img { display: inline-block; *display: inline; zoom: 1; margin: 0 28px 0 0; vertical-align: middle; } .Normal .tout-border-link span { display: block; font-size: 20px; line-height: 42px; color: #515256; font-weight: bold; background: transparent url(images/arrow-right-purple-small.png) center right no-repeat; vertical-align: middle; padding: 0 30px; } .Normal .tout-border-link:hover, .Normal a.tout-border-link:hover, .Normal a.tout-border-link:focus, .Normal a.tout-border-link:active { border-color: #53565A; } .Normal .tout-border-link:hover, .Normal a.tout-border-link:hover, .Normal a.tout-border-link:focus, .Normal a.tout-border-link:active, .Normal a.tout-border-link:hover span, .Normal a.tout-border-link:focus span, .Normal a.tout-border-link:active span { text-decoration: none; }