body.home #maincontent { padding-top: 0; } /* NEW HOMEPAGE */ .header-background { height: 210px; } h1.livetextheader { font-size: 5em !important; opacity: .9 !important; text-align: center; } h1.livetextheader small { color: #FFF; letter-spacing: 1px !important; font-weight: 300 !important; font-size: .45em !important; padding-left: 0 !important; text-transform: none !important; } .header-background h1 { text-align: center !important; margin: 0 !important; } /* graphic header override */ @media screen and (max-width: 767px) { .header-background { background-color: #000 !important; background-image: none; margin-bottom: 0; top: 0; height: 100px; } .header-background img { display: block !important; width: 150%; margin-left: -7rem; } .livetextheader {display: none !important;} .graphic-header__title, .header-background__title {display: none !important;} } /* end of graphic header override */ @media screen and (min-width: 1000px) { h1.livetextheader { line-height: .5em; } .header-background h1 { padding: 170px 0 0 !important; } } @media screen and (max-width: 1185px) { h1.livetextheader { padding-top: 100px; font-size: 4.3em !important; line-height: .7em; } } @media screen and (max-width: 999px) { h1.livetextheader { padding-top: 100px; font-size: 4em !important; line-height: .9em !important; } } @media screen and (max-width: 550px) { h1.livetextheader { font-size: 3.4em !important; } .anchordown-block { width: 100% !important; } .anchordown-block a { height: 200px !important; } } .anchordown-block { width: 50%; float: left; } .anchordown-block a { height: 335px; background-position: center center !important; width: 100% !important; border-bottom: 0 !important; } .anchordown-block span, .anchordown-blockwide span { top: 0; padding: 20px 15px 0; min-height: 190px; display: block; position: relative; bottom: 0; font-weight: 200 !important; font-size: 2.2em; line-height: 1.4em; color: #FFF; background: -moz-linear-gradient(top,rgba(0,0,0,0.45) 60%,rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,rgba(0,0,0,0.45) 60%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,rgba(0,0,0,0.45) 60%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0); /* IE6-9 */ opacity: 1; } #morrison { display: none; } #morrison-new { width: 650px; text-align: center; padding: 10px 0; margin: 0 0 10px; font-size: 15px; font-family: 'Roboto', sans-serif; border-bottom: 1px dotted #ddd; background-color: #eee; -moz-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } /* research stats */ .statsinfo { text-align: center; background: url("/researchadministration/wp-content/uploads/sites/124/2016/05/statbg.jpg") top center; padding: 0; margin: 0; } @media only screen and (max-width: 1510px) { .statsinfo img { width: 100% !important; } } .anchordown-block a, .anchordown-blockwide a { border-right: 0 solid #000; border-top: 0 solid #000; } /* additional for hompepage */ .livetextheader small { font-family: 'Roboto', sans-serif; } .header-background .livetextheader strong { font-weight: 200; font-family: Roboto, sans-serif; font-size: 5.3rem; letter-spacing: 1px; } @media only screen and (max-width: 600px) { .header-background .livetextheader strong { font-size: 2.5rem; } } @media only screen and (max-width: 1000px) and (min-width: 600px) { .header-background .livetextheader strong { font-size: 4.0rem; } }