/* WEB FONTS ------------------ */ @font-face { font-family: "Benton-Sans-Regular"; src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot"); src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-1.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "Benton-Sans-Medium"; src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Medium/8e221891-e89b-4eae-95ca-6346d9a41d20-2.eot"); src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Medium/8e221891-e89b-4eae-95ca-6346d9a41d20-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Medium/8e221891-e89b-4eae-95ca-6346d9a41d20-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Medium/8e221891-e89b-4eae-95ca-6346d9a41d20-1.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "BentonSansComp-Bold"; src: url("http://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot"); src: url("http://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-1.ttf") format("truetype"); font-style: normal; font-weight: normal; } /* CAMPAIGN MASTHEAD ------------------ */ #campaign-nav-wrapper { position: relative; background: url(../images/bg-black-texture.jpg) repeat-x 50% 0; width: 100%; height: 96px; z-index: 9990; } #campaign-nav { position: relative; font: 10px/1.5em Arial, "Helvetica Neue", Helvetica, sans-serif; margin: 0 auto; width: 960px; } #campaign-nav a { text-decoration: none; } /* --- Utility Navigation --- */ #campaign-nav .utility { position: absolute; top: 20px; right: -10px; } #campaign-nav .utility li { display: inline; } #campaign-nav .utility a:link, #campaign-nav .utility a:visited, #campaign-nav .utility a:active { border-left: 1px solid #888; font: italic 12px/1em Georgia, serif; color: #888; padding: 0 5px; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } #campaign-nav .utility li:first-child a { border: 0; padding-left: 0; } #campaign-nav .utility a:hover { color: #fff; } #campaign-nav .utility .search-icon { background: url(../images/nav-search-icon.png) no-repeat center 0; display: inline-block; height: 12px; overflow: hidden; padding: 10px; text-indent: 100%; white-space: nowrap; width: 12px; } #campaign-nav .utility .search-icon:hover { background-position: center -15px; } /* --- Campaign 2012 Logo --- */ #campaign-nav h1.logo { position: absolute; top: 12px; left: 371px; } #campaign-nav h1.logo a { display: block; background: url(../images/bostonia-logo.png) no-repeat 0 0; text-indent: -10000px; width: 220px; height: 73px; } #campaign-nav .themes > li > a { color: #c00; font: normal 18px/1em "BentonSansComp-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;/* padding: 30px 15px; */ } #campaign-nav .themes > li > a span { color: #fff; } /* #campaign-nav > .themes > li > a:hover > span { color: #ea2525; } */ .themes > li { position: absolute; top: 61px; padding-bottom: 25px; } #campaign-101 { left: 0; } #campaign-campus { left: 180px; } #campaign-world { left: 628px; } #campaign-city { right: 0; } .campaign-subnav-wrapper { position: absolute; top: 35px; left: 0; display: none; /* border: 1px solid #FFF; */ background: #F4F4F4 url(../images/sprite-sectionheaders.png) no-repeat 0 0; box-shadow: 0 0 40px rgba(0, 0, 0, .55); -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .55); } .campaign-subnav-wrapper { } #campaign-world .campaign-subnav-wrapper, #campaign-city .campaign-subnav-wrapper { right: 0; left: auto; } /* #campaign-world .campaign-subnav-wrapper { background: url(../images/campaign-mh-arrow.png) no-repeat center top; } */ .campaign-subnav { /* background: #F4F4F4; border: 1px solid #D8D8D8; */ width: 282px; } .campaign-subnav:after { display: block; clear: both; content: " "; height: 0; overflow: hidden; } .campaign-subnav li { border-bottom: 1px solid #D8D8D8; /* border-top: 1px solid #FFF; */ font: 15px/1.533em Georgia, serif; } .campaign-subnav li a:link, .campaign-subnav a:visited, .campaign-subnav a:active { color: #000; display: block; padding: 10px 15px 10px 10px; } .campaign-subnav li > a > img { float: left; height: 104px; margin-right: 10px; width: 104px; } /* .campaign-subnav li:hover { background: transparent url("../images/nav-hoverarrow-bg.jpg") no-repeat right center; } */ .campaign-subnav-wrapper li.featured a, .campaign-subnav-wrapper li.featured a:hover { background: #F4F4F4 url(../images/sprite-sectionheaders.png) no-repeat 0 -25px; } #campaign-101 .campaign-subnav-wrapper li.featured a, #campaign-101 .campaign-subnav-wrapper li.featured a:hover { background-position: 9px -28px; } #campaign-campus .campaign-subnav-wrapper li.featured a, #campaign-campus .campaign-subnav-wrapper li.featured a:hover { background-position: 37px -28px; } #campaign-world .campaign-subnav-wrapper li.featured a, #campaign-world .campaign-subnav-wrapper li.featured a:hover { background-position: 173px -28px; } #campaign-city .campaign-subnav-wrapper li.featured a, #campaign-city .campaign-subnav-wrapper li.featured a:hover { background-position: 183px -28px; } .campaign-subnav li a { background: #F4F4F4; transition: background 300ms; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; } .campaign-subnav li:hover a { background-color: #fff !important ; color: #000; transition: background 300ms; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; } .campaign subnav li:first-child { border-top: 0; } .campaign-subnav li.featured { font-size: 18px; line-height: 1.333em; min-height: 144px; } .campaign-subnav li.featured span { color: #aeaeae; display: block; font: 11px "BentonSansComp-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; } .campaign-subnav li.featured a { display: inline-block; padding: 20px 20px 20px 10px; zoom: 1; *display: inline; } .campaign-subnav li.featured p { padding-left: 114px; } .campaign-subnav li p + p { font: normal 12px/1.4em "Benton-Sans-Regular", helvetica, arial, sans-serif; color: #6B6B6B; margin-top: 2px; } .campaign-subnav li.more-btn { background: url(../images/nav-morebtn-bg.jpg) repeat-x center bottom; border-bottom: 0; font: 11px "BentonSansComp-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; text-align: center; text-transform: uppercase; text-shadow: 0 -1px 0 #FFF; } /* .campaign-subnav li.more-btn:hover { background-color: #FFF; background-image: none; } */ .campaign-subnav li.more-btn a { color: #27b4e0; display: block; padding: 5px 10px; transition: color 300ms; -webkit-transition: color 300ms; -moz-transition: color 300ms; -o-transition: color 300ms; } .campaign-subnav li.more-btn a:hover { background-color: #fff; color: #000; } /* #campaign-nav .logo a:hover { background-position: 0 -70px; } #campaign-nav .theme-arrow { background: url(../images/campaign-mh-arrow.png) no-repeat left top; height: 13px; left: 467px; pointer-events: none; position: absolute; top: 112px; width: 26px; } .met-dendur #campaign-nav .theme-arrow { left: 227px; z-index: 9995; } */ /* --- Sticky Masthead (Note sticky-nav class: