New EPIC Login Area

New EPIC Login Area
/**/ html, body { height: 100%; margin: 0; font: 400 15px/1.8 "Lato", sans-serif; color: #777; font-family: 'rubrik'; background-image: url("https://www.chop.edu/sites/default/files/chop_at_night_lg.png"); position: relative; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } div[role="main"]{ background-color: transparent !important; } /* Background image and sizing*/ .bgimg-1 { /*background-image: url("https://www.chop.edu/sites/default/files/chop_at_night_lg.png");*/ width: 100%; height: 100%; /* width: 100%; */ background-repeat: no-repeat; background-size: cover; background-position: center center; } /* This is the outer left box*/ .call-to-action-top, .call-to-action-top-upper-hero { float: left; width: 50%; margin-left: 0; margin-right: -40%; padding-left: 24px; padding-right: 24px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; font-family: 'rubrik'; margin-top: -20px; } /* This is the outer right box*/ .call-to-action-top-right, .call-to-action-top-upper-hero { float: right; width: 40%; margin-left: 0; /* margin-right: -40%; */ padding-left: 24px; padding-right: 24px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; font-family: 'rubrik'; margin-top: -20px; } /* This is the inner left box*/ .call-to-action--hero-campaign, .call-to-action--hero-top { margin-left: 0 !important; margin-top: 6.75em !important; border-right: 8px solid #d01c65 !important; border-top: 0 !important; font-family: 'rubrik'; } /* This is the font size and family for the Upgrade header h1*/ .call-to-action--hero-campaign h1, .call-to-action--hero-top h1 { font-size: 45px; line-height: 1.2em; font-family: 'rubrik'; } /* Controls the fonts for the brown subheading*/ .call-to-action--hero-campaign .subhead, .call-to-action--hero-top .subhead { font-size: 1.88929em; line-height: 1.13422em; margin: 0 auto .13043em; font-weight: 500; color: #937b65; margin-bottom: .7em; font-family: 'rubrik'; } /* Controls the fonts for the hyperlinks*/ .call-to-action--hero-campaign a, .call-to-action--hero-top a { font-family: 'rubrik'; font-size: 1.02857em; line-height: 1.45833em; text-transform: uppercase; } /* Controls width of the hyperlinks box*/ .call-to-action--hero-campaign .l-1-2-item__1, .call-to-action--hero-top .l-1-2-item__1, .lws-warning-inner .l-1-2-item__1, .lws-warning-outer .l-1-2-item__1 { width: 100%; font-family: 'rubrik'; font-size: 20px; } /* Login button settings*/ .login-btn { color: #fff; background: #c71b61; display: block; box-sizing: border-box; margin-left: 0.75rem; margin-top: .5em; margin: 0 .75em .75em 0; margin-top: 0px; padding: 1px 10px; font-size: 30px; position: fixed; top: 8px; left: 150px; } .login-btn.arrow-top { margin-top: 50 px; } .login-btn.arrow-top:after { content: " "; position: absolute; top: -15px; border-top: none; border-right: 20px solid transparent; border-left: 20px solid transparent; border-bottom: 15px solid #c71b61; left: 100px; } .news-title { margin-bottom: 3px; font-size: 1.28571em !important; } .lws-is-help { float: right; width: 40%; margin-left: -40%; /* margin-right: -40%; */ padding-left: 80px; padding-right: 24px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; font-family: 'rubrik'; position: fixed; bottom: 0; right: 0; } p { font-family: 'rubrik' !important; } ul { font-family: 'rubrik' !important; } .htmlf10 { font-size: 1vw !important; } .subhead2 { font-size: 1.7em; line-height: 1.13422em; margin: 0 auto .13043em; font-weight: 500; color: #937b65; margin-bottom: .7em; font-family: 'rubrik'; } #placeholder { display: none; } .h1-tips { color: #937b65; } .float-right { /* margin-left: 0 !important; margin-top: 6.75em !important; border-right: 8px solid #d01c65 !important; border-top: 0 !important; font-family: 'rubrik'; right: 0px; */ float: right !important; } .link-lower { text-transform: capitalize !important; } .lws-warning-link { font-size: 20px; text-align: center; } .flexcontainer { display: flex; align-items: center; max-width: 100%; box-sizing: border-box; } @media (max-width: 320px) { .flexcontainer { display: block; box-sizing: border-box; } } /**/ New Epic Login Area
IS Service Desk Portal