/* GREEN: #006a3d RED: #df4100 */ @font-face{ font-family: "Trade Gothic W01 Roman"; src:url("fontscom/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix"); src:url("fontscom/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix") format("eot"), url("fontscom/7b555e94-d57a-415e-a36e-1b0c5d3b90d2.woff2") format("woff2"), url("fontscom/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"), url("fontscom/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf") format("truetype"), url("fontscom/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg#853e2a9b-4057-42a5-ad7e-0762cda0b13c") format("svg"); } @font-face{ font-family: "Trade Gothic W01 Bold 2"; src:url("fontscom/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix"); src:url("fontscom/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix") format("eot"), url("fontscom/7bb1c0cb-e6e9-44ea-ae0c-1984ad7e3339.woff2") format("woff2"), url("fontscom/1454a71d-cdbb-429c-8092-122f4493e0c7.woff") format("woff"), url("fontscom/d5ea405c-2180-4ff0-bd51-3e19fb280be4.ttf") format("truetype"), url("fontscom/70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9.svg#70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9") format("svg"); } @font-face{ font-family: "Trade Gothic W01 Cn 18"; src:url("fontscom/087e5c21-3358-4cf3-9d2c-289a03a48292.eot?#iefix"); src:url("fontscom/087e5c21-3358-4cf3-9d2c-289a03a48292.eot?#iefix") format("eot"), url("fontscom/30ebcbfa-d651-4ecd-a0a2-2bb110def1d4.woff2") format("woff2"), url("fontscom/fb754dec-aa8f-444c-be48-868464c47ab0.woff") format("woff"), url("fontscom/295ff20c-2b48-4fa6-be92-a53bbf9bbbb4.ttf") format("truetype"), url("fontscom/c573d9d0-0726-4b95-aeee-fb621a299563.svg#c573d9d0-0726-4b95-aeee-fb621a299563") format("svg"); } @font-face{ font-family: "TradeGothicW01-BoldCn20 675334"; src:url("fontscom/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix"); src:url("fontscom/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"), url("fontscom/1ba28851-f34b-4cb8-bf58-6a4b160ba249.woff2") format("woff2"), url("fontscom/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"), url("fontscom/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"), url("fontscom/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg"); } @font-face{ font-family: "TradeGothicW01-BoldObl"; src:url("fontscom/5c90cd43-1e43-418c-b94c-e0687d8c2dc4.eot?#iefix"); src:url("fontscom/5c90cd43-1e43-418c-b94c-e0687d8c2dc4.eot?#iefix") format("eot"), url("fontscom/28713fce-3c78-4ec7-86bd-fc6da65d2b1c.woff2") format("woff2"), url("fontscom/746f551e-eccf-461a-93a8-b885802a32a5.woff") format("woff"), url("fontscom/e721a83e-fd4b-4dd9-82fd-76f3108e7e16.ttf") format("truetype"), url("fontscom/ee5ac1bd-d9cf-43b7-8e09-407b4c5d4e9e.svg#ee5ac1bd-d9cf-43b7-8e09-407b4c5d4e9e") format("svg"); } @font-face { font-family: 'a_love_of_thunderregular'; src: url('fontscom/a_love_of_thunder-webfont.eot'); src: url('fontscom/a_love_of_thunder-webfont.eot?#iefix') format('embedded-opentype'), url('fontscom/a_love_of_thunder-webfont.woff2') format('woff2'), url('fontscom/a_love_of_thunder-webfont.woff') format('woff'), url('fontscom/a_love_of_thunder-webfont.ttf') format('truetype'), url('fontscom/a_love_of_thunder-webfont.svg#a_love_of_thunderregular') format('svg'); } /* ----------------------------------------- GLOBAL STYLES ----------------------------------------- */ body { -webkit-overflow-scrolling: touch; } /*body.landing .row { max-width: 100%; background: white; }*/ /*body.landing */.row.white { background: white; } /*body.landing */.row.fullWidth { max-width: 100%; } body.landing .column, body.home2015 .columns { padding: 0; overflow: hidden; } h1, h2, h3, h4 { font-family: 'TradeGothicW01-BoldCn20 675334', 'Arial Narrow', sans-serif; text-transform: uppercase; color: white; } p, input[type="submit"] { font-family:'Trade Gothic W01 Cn 18', 'Arial Narrow', sans-serif; } /*div.content { max-width: 75em !important; margin: 0 auto; }*/ /* CONTENT MAX-WIDTH */ div.tan, a.tan { background: #f1eee9 !important; } div.featureText{ position: absolute; display: block; height: auto; } .featureText h2 { line-height: 1em; } div.featureText p { line-height: 1em; margin-bottom: 40px; color: white; } .textAlign { display: table-cell; vertical-align: middle; } a.btnStroke { padding: 10px 18px; border: 1px solid; text-transform: uppercase; font-family: 'TradeGothicW01-BoldCn20 675334', 'Arial Narrow', sans-serif; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .featureText.noPhoto h2, .featureText.noPhoto h3, .featureText.noPhoto p { color: #242424; } div.featureText.noPhoto a.btnStroke { color: #BBB; border-color: #BBB; } div.featureText.noPhoto a.btnStroke:hover { border-color: #00693e; color: #00693e; background: #F4F4F4; } .entry .text, .item .text, .brick .text { padding: 15px 20px; position: relative; } span.date { font-style: normal; color: #BBB; font-size: .8em; font-family: 'TradeGothicW01-BoldCn20 675334', 'Arial Narrow', sans-serif; text-transform: uppercase; line-height: 1.2em; display: block; margin-bottom: 10px; } *:focus { outline: 0; } img.block { width: 100%; height: auto; } /* transitions */ #headerWrap, #header, a#menuBtn, #logo, #fauxLogo, ul#nav, #drawerNav, #reveal, #reveal #nibOpen, #reveal #nibClose, .connect input[type="text"], .connect input[type="email"] { -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } /* ----------------------------------------- HEADER / NAVIGATION ----------------------------------------- */ #headerWrap { height: 85px; position: fixed; left: 0; right: 0; z-index: 998; } body.internal #headerWrap, body.short-story #headerWrap, body.leadership #headerWrap, body.event-detail #headerWrap, body.brand-teaser #headerWrap, body.faculty-detail #headerWrap, body.staff-directory #headerWrap, body.pathways #headerWrap, body.pathways-detail #headerWrap, body.faculty-directory #headerWrap { border-bottom: 1px solid #cdcdcd; background-color: rgba(255, 255, 255, 0.8); } body.long-story #headerWrap { background-color: rgba(255, 255, 255, 0.8); } body.brand-teaser #headerWrap { background-color: rgba(0, 0, 0, 0.35); } #header { width: 100%; z-index: 3; height: 85px; /*background: transparent;*/ } /*#header .row, #headerWrap .row.content { background: transparent; }*/ a#menuBtn { position: relative; display: inline-table; float: right; top: 32px; right: 25px; margin-left: 37px; z-index: 999; display: block; } #doubledouble { background: transparent; width: 30px; text-indent: -9999px; } #doubledouble:hover .line, #doubledouble:focus .line { background-color: rgba(255, 255, 255, 1); } #doubledouble .line { height: 4px; background-color: rgba(255,255,255,.75); display: block; margin-bottom: 4px; } body.landing.news #doubledouble .line, body.landing.news #doubledouble:hover .line, body.landing.news #doubledouble:focus .line, body.internal #doubledouble .line, body.internal #doubledouble:hover .line, body.internal #doubledouble:focus .line, body.short-story #doubledouble .line, body.short-story #doubledouble:hover .line, body.short-story #doubledouble:focus .line, body.long-story #doubledouble .line, body.long-story #doubledouble:hover .line, body.long-story #doubledouble:focus .line, body.leadership #doubledouble .line, body.leadership #doubledouble:hover .line, body.leadership #doubledouble:focus .line, body.faculty-detail #doubledouble .line, body.faculty-detail #doubledouble:hover .line, body.faculty-detail #doubledouble:focus .line, body.staff-directory #doubledouble .line, body.staff-directory #doubledouble:hover .line, body.staff-directory #doubledouble:focus .line, body.pathways #doubledouble .line, body.pathways #doubledouble:hover .line, body.pathways #doubledouble:focus .line, body.pathways-detail #doubledouble .line, body.pathways-detail #doubledouble:hover .line, body.pathways-detail #doubledouble:focus .line, body.faculty-directory #doubledouble .line, body.faculty-directory #doubledouble:hover .line, body.faculty-directory #doubledouble:focus .line { background-color: rgba(34, 34, 34, .75); } body.drawer #doubledouble .line { background: #DDD !important; height: 2px !important;} body.drawer #doubledouble .line.one { width: 100%; -ms-transform: translate(0,7px) rotate(-45deg); -webkit-transform: translate(0,7px) rotate(-45deg); transform: translate(0,7px) rotate(-45deg); height: 4px; } body.drawer #doubledouble .line.three { width: 100%; -ms-transform: translate(0,-5px) rotate(45deg); -webkit-transform: translate(0,-5px) rotate(45deg); transform: translate(0,-5px) rotate(45deg); height: 4px; } body.drawer #doubledouble .line.two { width: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } #logo { background: url('../../img/2015/img-logo.jpg') no-repeat; text-indent: -9999px; display: block; background-size: cover; float: left; position: fixed; z-index: 5; } #fauxLogo { background: transparent; display: block; float: left; position: relative; } #logo, #fauxLogo { width: 72px; height: 91px; } /* main nav */ ul#nav { list-style: none; float: left; margin-left: 10px; display: none; text-align: left; } ul#nav li { float: left; margin-right: 0 !important; line-height: 85px; height: 85px; } ul#nav li a { color: white; font-size: 14px; line-height: 54px; text-transform: uppercase; font-weight: 500; display: inline-block; position: relative; padding: 0 15px; font-family:'Trade Gothic W01 Cn 18', 'Arial Narrow', sans-serif; letter-spacing: 2px; } body.internal ul#nav li a, body.long-story ul#nav li a, body.short-story ul#nav li a, body.leadership ul#nav li a, body.event-detail ul#nav li a, body.faculty-detail ul#nav li a, body.staff-directory ul#nav li a, body.pathways ul#nav li a, body.pathways-detail ul#nav li a, body.faculty-directory ul#nav li a { color: #222; } ul#nav li:hover a { background: -moz-linear-gradient(top, rgba(79,79,79,0.75) 0%, rgba(40,40,40,0.9) 70%, rgba(40,40,40,0.97) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,79,79,0.75)), color-stop(70%,rgba(40,40,40,0.9)), color-stop(100%,rgba(40,40,40,0.97))); background: -webkit-linear-gradient(top, rgba(79,79,79,0.75) 0%,rgba(40,40,40,0.9) 70%,rgba(40,40,40,0.97) 100%); background: -o-linear-gradient(top, rgba(79,79,79,0.75) 0%,rgba(40,40,40,0.9) 70%,rgba(40,40,40,0.97) 100%); background: -ms-linear-gradient(top, rgba(79,79,79,0.75) 0%,rgba(40,40,40,0.9) 70%,rgba(40,40,40,0.97) 100%); background: linear-gradient(to bottom, rgba(79,79,79,0.75) 0%,rgba(40,40,40,0.9) 70%,rgba(40,40,40,0.97) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4f4f4f', endColorstr='#f7282828',GradientType=0 ); color: white !important; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } ul#nav li.search a.icon { background: url('../../img/2015/icon-nav-search.png') no-repeat; width: 14px; height: 14px; display: block; text-indent: -9999px; margin-top: 34px; margin-left: 16px; } body.internal ul#nav li.search a.icon, body.long-story ul#nav li.search a.icon, body.short-story ul#nav li.search a.icon, body.leadership ul#nav li.search a.icon, body.event-detail ul#nav li.search a.icon, body.faculty-detail ul#nav li.search a.icon, body.staff-directory ul#nav li.search a.icon, body.pathways ul#nav li.search a.icon, body.pathways-detail ul#nav li.search a.icon, body.faculty-directory ul#nav li.search a.icon { background: url('../../img/2015/icon-nav-search_gray.png') no-repeat; } ul#nav li.search a.icon:hover, ul#nav li.search a.icon.active { background: url('../../img/2015/icon-nav-search_over.png') no-repeat !important; } /* sub-nav */ ul#nav li:hover div.subContainer { height: auto; } ul#nav li div.subContainer { background: -moz-linear-gradient(top, rgba(40,40,40,0.97) 0%, rgba(0,0,0,0.92) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,40,40,0.97)), color-stop(100%,rgba(0,0,0,0.92))); background: -webkit-linear-gradient(top, rgba(40,40,40,0.97) 0%,rgba(0,0,0,0.92) 100%); background: -o-linear-gradient(top, rgba(40,40,40,0.97) 0%,rgba(0,0,0,0.92) 100%); background: -ms-linear-gradient(top, rgba(40,40,40,0.97) 0%,rgba(0,0,0,0.92) 100%); background: linear-gradient(to bottom, rgba(40,40,40,0.97) 0%,rgba(0,0,0,0.92) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7282828', endColorstr='#eb000000',GradientType=0 ); position: absolute; width: 100%; left: 0; top: 70px; padding: 0; height: 0; overflow: hidden } ul#nav li div.subContainer div.subWrap { max-width: 75em; margin: 0 auto; } ul#nav li div.subContainer div.subWrap div.subColumn { float: left; width: 25%; float: left; } ul#nav li div.subContainer div.subWrap div.subColumn.two { border-width: 1px; border-style: solid; -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0))) 1 100%; -webkit-border-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0)) 1 100%; -moz-border-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0)) 1 100%; -o-border-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0)) 1 100%; border-image: linear-gradient(to top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0)) 1 100%; } ul#nav li div.subContainer div.subWrap div.subColumn ul.sub { list-style: none; padding-top: 50px; padding-bottom: 40px; } ul#nav li div.subContainer div.subWrap div.subColumn ul.sub li { float: none; height: inherit; line-height: 1.2em; margin-bottom: 20px; } ul#nav li div.subContainer div.subWrap div.subColumn ul.sub li a { color: white !important; font-size: 1.2em; text-transform: none; letter-spacing: .01em; line-height: inherit; background: transparent; } ul#nav li div.subContainer div.subWrap div.subColumn ul.sub li ul { list-style: none; margin: 7px 0 0 0; } ul#nav li div.subContainer div.subWrap div.subColumn ul.sub li ul li { margin-bottom: 7px; } ul#nav li div.subContainer div.subWrap div.subColumn ul.sub li ul li a { color: #A1A1A1 !important; text-transform: none; letter-spacing: 0; letter-spacing: .01em; font-size: .9em; background: transparent; } ul#nav li div.subContainer div.subWrap div.subColumn ul.sub li a:hover { text-decoration: underline; } ul#nav li div.subContainer div.subWrap div.subColumn ul.sub li ul li a:hover { color: #CCC !important; text-decoration: none; } ul#nav li div.subContainer div.subWrap div.subColumn.join { background: #13391b; } ul#nav li div.subContainer div.subWrap div.subColumn.join ul.sub li a { text-transform: uppercase; font-size: .8em; padding: 12px 32px; border: 1px solid rgba(255, 255, 255, 0.39) } ul#nav li div.subContainer div.subWrap div.subColumn.join ul.sub li a:hover { background: rgba(255, 255, 255, 0.10); text-decoration: none; } ul#nav li div.subContainer div.subWrap div.subColumn.join ul.sub h4 { font-family:'Trade Gothic W01 Cn 18', sans-serif; font-size: 1.6em; line-height: 1.2em; margin-bottom: 25px; } /* search */ ul#nav li.search { line-height: normal; height: auto; } ul#nav li div.searchContainer { background: -moz-linear-gradient(top, rgba(40,40,40,0.97) 0%, rgba(0,0,0,0.92) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,40,40,0.97)), color-stop(100%,rgba(0,0,0,0.92))); background: -webkit-linear-gradient(top, rgba(40,40,40,0.97) 0%,rgba(0,0,0,0.92) 100%); background: -o-linear-gradient(top, rgba(40,40,40,0.97) 0%,rgba(0,0,0,0.92) 100%); background: -ms-linear-gradient(top, rgba(40,40,40,0.97) 0%,rgba(0,0,0,0.92) 100%); background: linear-gradient(to bottom, rgba(40,40,40,0.97) 0%,rgba(0,0,0,0.92) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7282828', endColorstr='#eb000000',GradientType=0 ); position: absolute; width: 100%; left: 0; top: 70px; padding: 0; overflow: hidden; display: none; } ul#nav li div.searchContainer div.searchWrap { max-width: 75em; margin: 0 auto; padding: 70px 50px 20px 50px; } ul#nav li div.searchContainer div.searchWrap form { max-width: 42em; } ul#nav li div.searchContainer div.searchWrap .row { margin-bottom: 4px; margin-left: 0; margin-right: 0; } ul#nav li div.searchContainer div.searchWrap input[type="text"] { border: none; border-bottom: 1px solid #999; background-color: transparent; color: white; font-family: 'Trade Gothic W01 Roman', sans-serif; font-size: 2em; height: auto; margin: 0; padding: 4px 8px; } ul#nav li div.searchContainer div.searchWrap input:focus { outline: none !important; } ul#nav li div.searchContainer div.searchWrap ::-webkit-input-placeholder { color: white; } ul#nav li div.searchContainer div.searchWrap :-moz-placeholder { /* Firefox 18- */color: white; } ul#nav li div.searchContainer div.searchWrap ::-moz-placeholder { /* Firefox 19+ */color: white; } ul#nav li div.searchContainer div.searchWrap :-ms-input-placeholder { color: white; } ul#nav li div.searchContainer div.searchWrap input[type="submit"] { color: white; background-color: #df4100; font-family: 'Trade Gothic W01 Roman', sans-serif; font-size: .9em; text-transform: uppercase; border: none; padding: 8px 30px; cursor: pointer; } ul#nav li div.searchContainer div.searchWrap input[type="submit"]:hover { background-color: #006a3d; } ul#nav li div.searchContainer div.searchWrap a { color: #aaa !important; font-family: 'Trade Gothic W01 Roman', sans-serif; font-size: .9em; line-height: normal; text-transform: none; letter-spacing: normal; padding: 8px 30px; background: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } ul#nav li div.searchContainer div.searchWrap a:hover { color: white !important; } /* drawer */ #drawerNav { background: rgba(0,0,0,.95); position: absolute; padding-top: 80px; z-index: 998; width: 100%; left: -640px; overflow-y: auto; } body.drawer #drawerNav { left: 0; } #drawerNav .mobileSearch { padding-left: 30px; padding-right: 30px; } #drawerNav .mobileSearch input[type="text"] { color: #e6e6e6; border: none; background: #555 url('../../img/2015/icon-drawernav-search.png') no-repeat right 8px center; background-size: 20px; padding-right: 36px; } #drawerNav ul { list-style: none; text-align: left; margin: 0; } #drawerNav ul li a { line-height: 50px; color: white; text-transform: uppercase; font-family:'Trade Gothic W01 Cn 18', sans-serif; font-size: 1em; letter-spacing: .05em; display: block; border-bottom: solid 1px #262626; padding-left: 30px; padding-right: 30px; } #drawerNav ul li a:hover { color: #BBB; } #drawerNav ul li a.showSub { color: #717171; border-bottom: none; } #drawerNav ul li a.showSub:hover { color: white; } #drawerNav ul ul { background-color: #191919; display: none; } #drawerNav ul ul li a { color: #bcbcbc; text-transform: none; border-bottom: none; } #drawerNav ul ul li a:hover { color: white; } #drawerNav ul.audience { background: #13391b; padding-top: 30px; padding-bottom: 20px; margin-bottom: 0; } #drawerNav ul.audience li { line-height: 1em; margin-bottom: 12px; } #drawerNav ul.audience li a { line-height: inherit; text-transform: none; font-size: .8em; border-bottom: none; } /* header mini-fied on scroll */ body.miniNav #headerWrap, body.miniNav #header { height: 55px; } body.miniNav #headerWrap { background: rgba(65, 65, 65, .92); border-bottom: none !important; } body.miniNav a#menuBtn { top: 18px; margin-left: 40px; } /*body.miniNav #doubledouble .line { background-color: white; }*/ body.miniNav #doubledouble:hover .line, body.miniNav #doubledouble:focus .line { background-color: rgba(0,106,61,1); } body.miniNav ul#nav { margin-left: 30px; } body.miniNav ul#nav li { line-height: 55px; height: 55px; } body.miniNav ul#nav li a { color: white !important; } body.miniNav #logo, #logo { margin-left: 25px; } body.miniNav ul#nav li div.subContainer, body.miniNav ul#nav li div.searchContainer { top: 55px; } body.miniNav ul#nav li.search a.icon { background: url('../../img/2015/icon-nav-search.png') no-repeat; margin-top: 20px; } /* breadcrumbs */ .breadcrumbs { border: none; background-color: transparent; padding: 0; overflow: visible; margin-bottom: 0; } .breadcrumbs > * { color: #222; font-size: .9em; line-height: 2.3125rem; text-transform: none; margin-bottom: 10px; } .breadcrumbs > * a { color: #D94415; } /*.breadcrumbs > *.subnav a { border: 1px solid #d8d8d8; padding: 6px 32px 6px 10px; position: relative; } .breadcrumbs > *.subnav a:after { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: #6d6d6d transparent transparent transparent; border-top-style: solid; margin-top: -3px; position: absolute; top: 50%; right: 10px; } .breadcrumbs > *.inactive a { color: #8b8b8b; border: none !important; } .breadcrumbs > *.subnav.inactive a:after { border-color: #b4b4b4 transparent transparent transparent; }*/ .breadcrumbs > * select { width: auto; margin-bottom: 0; padding-right: 30px; padding: 0 20px 0 10px; font-size: .75rem; height: 1.5rem; max-width: 200px; } .breadcrumbs > *.subnav select { color: #D94415; } .breadcrumbs > *.inactive select { color: #b4b4b4; } .breadcrumbs li { margin-bottom: 10px; } /* internal pages (global) */ body.internal .top { padding-top: 150px; margin-bottom: 50px; } body.internal .title { margin-bottom: 10px; } body.internal .title h1 { color: #D94415; font-family:'Trade Gothic W01 Cn 18', sans-serif; } body.internal .content { padding-bottom: 80px; } body.internal .content h3 { color: #222; } body.internal .article img.block { margin-bottom: 40px; } body.internal .article p, body.internal .article li { font-family: 'Trade Gothic W01 Roman', sans-serif; } body.internal .article p strong { font-weight: normal; font-size: 1.3em; } body.internal .sidebar .wrapperSection { margin-bottom: 60px; } body.internal .sidebar .wrapperSection h2 { color: #222; font-family: 'Trade Gothic W01 Roman', sans-serif; font-size: 1.3em; border-bottom: 1px solid #bcbbb7; padding-bottom: 8px; margin-bottom: 20px; text-transform: none; } body.internal .sidebar .wrapperSection img { margin-bottom: 20px; } body.internal .sidebar .wrapperSection p { font-family: 'Trade Gothic W01 Roman', sans-serif; font-size: 1em; } body.internal .sidebar .wrapperSection p strong { font-weight: normal; } body.internal .sidebar .wrapperSection p a { color: #222; } .internalBlocks { background: #444 !important; } .internalBlocks a { height: 200px; display: table; float: left !important; padding: 20px 15px 25px 15px !important; } .internalBlocks a.maroon { background-color: #9a2e00; } .internalBlocks a.gray { background-color: #464646; } .internalBlocks a h4 { display: table-cell; vertical-align: bottom; font-size: 1.4em; letter-spacing: .1em; line-height: 1.2em; } .internalBlocks a h4.icon-pathways, .leadershipBlocks a h4.icon-pathways, a h4.icon-pathways { background: url('../../img/2015/img-icon-round_pathways.png') no-repeat; } .internalBlocks a h4.icon-user, .leadershipBlocks a h4.icon-user, a h4.icon-user { background: url('../../img/2015/img-icon-round_user.png') no-repeat; } .internalBlocks a h4.icon-pc, .leadershipBlocks a h4.icon-pc, a h4.icon-pc { background: url('../../img/2015/img-icon-round_pc.png') no-repeat; } .internalBlocks a h4.icon-mag, .leadershipBlocks a h4.icon-mag { background: url('../../img/2015/img-icon-round_mag.png') no-repeat; } .internalBlocks a h4.icon-idea, .leadershipBlocks a h4.icon-idea { background: url('../../img/2015/img-icon-round_idea.png') no-repeat; } .internalBlocks a h4.icon-arrow, .leadershipBlocks a h4.icon-arrow, a h4.icon-arrow { background: url('../../img/2015/img-icon-round_arrow.png') no-repeat; } .internalBlocks a h4.icon-question, .leadershipBlocks a h4.icon-question, a h4.icon-question { background: url('../../img/2015/img-icon-round_question.png') no-repeat; } .internalBlocks a h4.icon-percent, .leadershipBlocks a h4.icon-percent, a h4.icon-percent { background: url('../../img/2015/img-icon-round_percent.png') no-repeat; } .internalBlocks a h4.icon-person, .leadershipBlocks a h4.icon-person, a h4.icon-person { background: url('../../img/2015/img-icon-round_person.png') no-repeat; } .internalBlocks a h4.icon-people, .leadershipBlocks a h4.icon-people, a h4.icon-people { background: url('../../img/2015/img-icon-round_people.png') no-repeat; } .internalBlocks a h4.icon-idea, .leadershipBlocks a h4.icon-idea, .internalBlocks a h4.icon-arrow, .leadershipBlocks a h4.icon-arrow, .internalBlocks a h4.icon-question, .leadershipBlocks a h4.icon-question .internalBlocks a h4.icon-percent, .leadershipBlocks a h4.icon-percent, .leadershipBlocks a h4.icon-user, .leadershipBlocks a h4.icon-pc, .leadershipBlocks a h4.icon-mag, .leadershipBlocks a h4.icon-pathways, .internalBlocks a h4.icon-user, .internalBlocks a h4.icon-pc, .internalBlocks a h4.icon-mag, .internalBlocks a h4.icon-pathways, /* Making this common so it can be used throughout site */ a h4.icon-percent, a h4.icon-user, a h4.icon-pc, a h4.icon-mag, a h4.icon-pathways, a h4.icon-user, a h4.icon-pc, a h4.icon-mag, a h4.icon-pathways, a h4.icon-arrow, a h4.icon-idea, a h4.icon-question, a h4.icon-person, a h4.icon-people { background-size: 50px; background-position: left bottom 50px; } body.internal .content .dform br { display: none; } body.internal .content .dform .radios { list-style: none; padding: 0 0 0 2px; margin: 4px 0 0 0; overflow: hidden; } body.internal .content .dform .radios li { float: left; margin-right: 16px; } body.internal .content .dform .submit { border: none; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; color: white; font-size: 1rem; padding: 1rem 2rem 1.0625rem 2rem; transition: background-color 300ms ease-out; cursor: pointer; } /* long story */ body.long-story .title { position: relative; } body.long-story .title .background { width: 100%; height: auto; } body.long-story .title .overlay { padding-top: 50px; } body.long-story .title h1 { color: #222; font-family: 'Bitter', serif; font-size: 2.4em; line-height: .9em; background: url('../../img/2015/hr-arrows.png') no-repeat center bottom; padding-bottom: 24px; margin-bottom: 20px; } body.long-story .title h2 { color: #222; font-size: 1.2em; line-height: 1.2em; margin-bottom: 20px; } body.long-story .title h3 { color: #222; font-size: 1em; line-height: 1.2em; margin-bottom: 0; } body.long-story .title p { color: #222; font-size: 1em; line-height: 1.2em; text-transform: uppercase; } body.long-story .top { padding-top: 50px; margin-bottom: 50px; } body.long-story .breadcrumbs > * select { background-repeat: no-repeat; color: white; background-color: #D94415; border: none; font-family: "TradeGothicW01-BoldObl", sans-serif; font-size: 1em !important; text-transform: uppercase; letter-spacing: .3em; padding-top: 4px; padding-bottom: 4px; padding-right: 24px; height: auto; background-image: url('../../img/2015/icon-breadcrumbs-arrow.png'); background-position: right 6px center; } body.long-story .content { padding-bottom: 80px; } body.long-story .content h3 { color: #222; font-size: 2.4em; line-height: 1.2em; margin-top: 0; margin-bottom: 0; } body.long-story .content h4 { color: #df4100; font-size: 1.3em; margin-top: 0; margin-bottom: 60px; } body.long-story .content h5 { font-family: 'Bitter', serif; font-size: 1.5em; line-height: 1.3em; margin-bottom: 30px; } body.long-story .content h5:first-letter { float: left; font-size: 4em; font-weight: normal; padding: 12px 4px 0 0; } body.long-story .content p { font-family: 'Bitter', serif; } body.long-story .photo { position: relative; } body.long-story .photo .background { width: 100%; height: auto; } body.long-story .photo .quote { padding-top: 30px; } body.long-story .photo .quote h3 { font-family: 'a_love_of_thunderregular', sans-serif; font-size: 1.6em; line-height: 1.5em; } body.long-story .photo .quote h3 span { display: inline; padding: 0 8px; color: white; background-color: black; -webkit-box-decoration-break: clone; box-decoration-break: clone; } body.long-story .photo .quote h4 { color: #222; font-size: 1.1em; margin: 10px 0 0 16px; } /* short story */ body.short-story .top { padding-top: 150px; margin-bottom: 30px; } body.short-story .breadcrumbs > * select { background-repeat: no-repeat; color: white; background-color: #D94415; border: none; font-family: "TradeGothicW01-BoldObl", sans-serif; font-size: 1em !important; text-transform: uppercase; letter-spacing: .3em; padding-top: 4px; padding-bottom: 4px; /*padding-right: 24px;*/ padding-right: 4px; height: auto; /*background-image: url('../../img/2015/icon-breadcrumbs-arrow.png'); background-position: right 6px center;*/ } body.short-story .content { padding-bottom: 80px; } body.short-story .content h3 { color: #222; font-family: 'Bitter', serif; font-size: 2.4em; line-height: 1.2em; text-transform: none; margin-bottom: 30px; } body.short-story .content h4 { color: #222; font-family: "Trade Gothic W01 Cn 18", sans-serif; font-size: 1em; margin-bottom: 20px; } body.short-story .content h4 strong { font-family: "TradeGothicW01-BoldCn20 675334", sans-serif; font-weight: normal; } body.short-story .content .photo {} body.short-story .content .photo img { width: 100%; height: auto; } body.short-story .content .photo h5 { color: #D94415; font-family: 'Trade Gothic W01 Roman', sans-serif; font-size: 1em; margin-top: 20px; } body.short-story .content p { font-family: 'Bitter', serif; } body.short-story .content .intro p { font-size: 1.2em; } body.short-story .content .quote {} body.short-story .content .quote blockquote { color: #363636; font-family: 'Bitter', serif; font-style: italic; font-size: 1.5em; line-height: 1.6em; padding-left: 0; border-left: none; margin-bottom: 40px; background: url('../../img/2015/icon-story-quote.png') no-repeat left top; padding-top: 50px; } body.short-story .content .quote p { color: #222; font-family: "Trade Gothic W01 Cn 18", sans-serif; font-size: 1.2em; line-height: 1.2em; margin-bottom: 20px; text-transform: uppercase; } body.short-story .content .quote p strong { font-family: "TradeGothicW01-BoldCn20 675334", sans-serif; font-weight: normal; } /* global initiatives */ body.internal .mapContainer { height: 800px; } /* grid */ body.grid .row.top .columns { height: 275px; display: table; text-align: center; } body.grid .row.top h1 { display: table-cell; vertical-align: middle; letter-spacing: .2em; font-size: 2.4em; padding-top: 50px; line-height: 1em; } body.grid .content { padding-top: 90px; padding-bottom: 90px; } body.grid .row h2 { color: #df4100; max-width: 900px; margin: 0 auto; font-size: 2.4em; line-height: 1em; margin-bottom: 90px; letter-spacing: .04em; } body.grid .row h3 { color: #444; font-size: 2em; margin-top: 40px; margin-bottom: 20px; text-transform: none; } body.grid .row p { max-width: none !important; font-size: 1.2em; } body.grid .content li { font-family: "Trade Gothic W01 Cn 18", sans-serif; font-size: 1.2em; } .gridBlocks { background: #444 !important; } .gridBlocks a { height: 200px; display: table; float: left !important; padding: 20px 15px 25px 15px !important; } .gridBlocks a.tall { background-position: top !important; } .gridBlocks a h4 { display: table-cell; vertical-align: bottom; font-size: 1.4em; letter-spacing: .1em; line-height: 1.2em; } /* leadership */ body.leadership .row.top { padding-top: 130px; padding-bottom: 50px; } body.leadership .row.top h1 { color: #df4100; letter-spacing: .2em; font-size: 2.4em; line-height: 1em; } body.leadership .quote { background-color: #006a3d; padding-top: 50px; padding-bottom: 50px; } body.leadership .quote blockquote { color: white; font-family: 'Bitter', serif; font-style: italic; font-size: 1.8em; line-height: 1.4em; padding-left: 0; border-left: none; margin-bottom: 30px; background: url('../../img/2015/icon-brand-quote.png') no-repeat left top; padding-top: 50px; } body.leadership .quote p { color: white; font-family: "Trade Gothic W01 Cn 18", sans-serif; font-size: 1.2em; line-height: 1.2em; margin-bottom: 20px; text-transform: uppercase; } body.leadership .quote p strong { font-family: "TradeGothicW01-BoldCn20 675334", sans-serif; font-weight: normal; } .leadershipGrid { padding-top: 50px; padding-bottom: 50px; } .leadershipGrid .grid { padding-top: 0.9375em; padding-bottom: 0.9375em; } .leadershipGrid a { color: #222; } .leadershipGrid img { width: 100%; height: auto; } .leadershipGrid h3 { color: #222; font-size: 1.5em; text-transform: none; margin-top: 30px; } .leadershipGrid p { font-size: 1em; margin-bottom: 10px; } .leadershipBlocks { background: #444 !important; } .leadershipBlocks a { height: 200px; display: table; float: left !important; padding: 20px 15px 25px 15px !important; } .leadershipBlocks a.maroon, #cards .maroon, .columns.maroon { background-color: #9a2e00; } .leadershipBlocks a.red, #cards .red, .columns.red { background-color: #df4100; } .leadershipBlocks a.gray, #cards .gray, .columns.gray { background-color: #464646; } #cards .orange, .columns.orange { background-color: #df4100; } .leadershipBlocks a.green, #cards .green, .columns.green { background-color: #00693e; } .leadershipBlocks a h4 { display: table-cell; vertical-align: bottom; font-size: 1.4em; letter-spacing: .1em; line-height: 1.2em; } /* event detail */ body.event-detail .top { padding-top: 150px; margin-bottom: 50px; } body.event-detail .title { margin-bottom: 30px; } body.event-detail .title h1 { color: #222; } body.event-detail .content { padding-bottom: 80px; } body.event-detail .photo { margin-bottom: 30px; } body.event-detail .date { border-top: 1px dotted #7d9466; border-bottom: 1px dotted #7d9466; padding-top: 10px; padding-bottom: 10px; overflow: hidden; margin-bottom: 30px; } body.event-detail .date .box { background: #ee1b4b; color: white; font-family: 'Trade Gothic W01 Cn 18', 'Arial Narrow', sans-serif; font-size: 1em; line-height: 1.6em; letter-spacing: .1em; font-style: normal; text-transform: uppercase; text-align: center; padding: 2px 12px; margin-right: 10px; } body.event-detail .date .box span { font-size: 2.2em; } body.event-detail .content p { font-family: 'Bitter', serif; margin-top: 6px; margin-bottom: 16px; } body.event-detail .date p { margin-bottom: 0; } body.event-detail .content p span { color: #006a3d; font-family: 'TradeGothicW01-BoldCn20 675334'; text-transform: uppercase; font-size: 1em; } body.event-detail .content a.more { color: #006a3d; font-family: 'TradeGothicW01-BoldCn20 675334'; text-transform: uppercase; font-size: 1em; } /* brand teaser */ body.brand-teaser .title { position: relative; } body.brand-teaser .title .background { width: 100%; height: auto; } body.brand-teaser .title .gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.5)); background: -o-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.5)); background: -moz-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.5)); background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.5)); } body.brand-teaser .title .overlay { padding-top: 50px; } body.brand-teaser .heading { position: relative; } body.brand-teaser .title h1 { color: #222; font-family: 'TradeGothicW01-BoldCn20 675334'; font-size: 3em; line-height: .9em; margin-bottom: 20px; } body.brand-teaser .title p { color: #222; font-family: 'Bitter', serif; font-size: 1em; line-height: 1.5em; } body.brand-teaser .f-dropdown::before, body.brand-teaser .f-dropdown::after { display: none; } body.brand-teaser .f-dropdown { top: 74px !important; border: 1px solid #da4726; background-color: rgba(51, 51, 51, 0.9); padding: 8px; } body.brand-teaser .f-dropdown a { color: white; font-family: "Trade Gothic W01 Cn 18", sans-serif; font-size: 1.2em; } body.brand-teaser .f-dropdown a:hover { color: #222; } body.brand-teaser .title .caption { margin-top: 20px; display: none; } body.brand-teaser .title .caption p { font-family: 'Trade Gothic W01 Roman', sans-serif; font-size: .8em; } body.brand-teaser .content { margin-top: 8px; } body.brand-teaser .article { padding-top: 50px; padding-bottom: 50px; } body.brand-teaser .article h3 { color: #222; font-size: 2.4em; line-height: 1em; margin-bottom: 50px; } body.brand-teaser .article p { font-family: 'Bitter', serif; } body.brand-teaser .callout { background-color: #464646; padding: 10px; margin-top: 20px; margin-bottom: 50px; display: table; } body.brand-teaser .callout .container { display: table-cell; vertical-align: middle; } body.brand-teaser .callout .container:first-child { padding-right: 10px; border-right: 1px dashed #d8482f; } body.brand-teaser .callout .container:nth-child(2) { padding-left: 20px; padding-right: 10px; } body.brand-teaser .callout h4 { font-size: 4em; margin: 0; } body.brand-teaser .callout p { color: #959595; font-family: 'Trade Gothic W01 Roman', sans-serif; font-size: .9em; line-height: 1.2em; text-transform: uppercase; margin: 0 !important; } body.brand-teaser .photo { width: 100%; height: auto; margin-bottom: 8px; } body.brand-teaser .quote { background-color: #df4100; padding-top: 50px; padding-bottom: 50px; margin-bottom: 8px; } body.brand-teaser .content .quote blockquote { color: white; font-family: 'Bitter', serif; font-style: italic; font-size: 1.2em; line-height: 1.6em; padding-left: 0; border-left: none; margin-bottom: 30px; background: url('../../img/2015/icon-brand-quote.png') no-repeat left top; padding-top: 50px; } body.brand-teaser .content .quote p { color: #222; font-family: "Trade Gothic W01 Cn 18", sans-serif; font-size: 1.2em; line-height: 1.2em; margin-bottom: 20px; text-transform: uppercase; } body.brand-teaser .content .quote p strong { font-family: "TradeGothicW01-BoldCn20 675334", sans-serif; font-weight: normal; } body.brand-teaser .next { padding-top: 50px; padding-bottom: 50px; } body.brand-teaser .next h4 { font-size: 2.4em; line-height: 1.1em; letter-spacing: .05em; } body.brand-teaser .next .button { background-color: transparent; background: url('../../img/2015/bg-next_bt.png') no-repeat; font-family: "Trade Gothic W01 Cn 18", sans-serif; font-size: 1.2em; line-height: 43px; letter-spacing: .1em; text-transform: uppercase; width: 240px; height: 43px; padding: 0 20px 0 0; margin-top: 40px; margin-bottom: 0; } /* faculty directory */ body.faculty-directory .row.top { padding-top: 130px; padding-bottom: 50px; } body.faculty-directory .row.top h1 { color: #df4100; letter-spacing: .2em; font-size: 2.4em; line-height: 1em; } #jumpMenu { margin-bottom: 0; } .facultyGrid { padding-top: 50px; padding-bottom: 80px; } .facultyGrid .columns { padding-top: 0.9375em; padding-bottom: 0.9375em; } .facultyGrid h3 { color: #222; border-bottom: 1px dotted #006a3d; } .facultyGrid a { color: #222; position: relative; display: block; } .facultyGrid a img { width: 100%; height: auto; position: relative; } .facultyGrid a .overlay { position: absolute; bottom: 0; left: 0; width: 100%; /*height: 100%;*/ background-color: rgba(255, 255, 255, .75); /*opacity: 0;*/ transition: all 400ms; padding: 15px; } /*.facultyGrid a:hover .overlay { opacity: 1; }*/ .facultyGrid a .overlay p { /*position: absolute; bottom: 15px; left: 15px;*/ font-family: 'TradeGothicW01-BoldCn20 675334'; font-size: 1.4em; line-height: 1.2em; text-transform: uppercase; margin-bottom: 0; /*padding-right: 15px;*/ } /* faculty detail */ body.faculty-detail .top { padding-top: 150px; margin-bottom: 50px; } body.faculty-detail .title {} body.faculty-detail .title .red { background-color: #df4100; height: 100%; padding-top: 30px; } body.faculty-detail .title h1 { font-size: 2.2em; } body.faculty-detail .title .gray { color: white; background-color: #464646; padding-top: 30px; padding-bottom: 30px; } body.faculty-detail .title h2 { font-family: 'Bitter', serif; font-size: 1.8em; text-transform: none; margin-bottom: 0; } body.faculty-detail .title h3 { font-size: .9em; letter-spacing: .05em; margin-bottom: 0; } body.faculty-detail .contact { padding-top: 43px; } body.faculty-detail .title p { margin-bottom: 10px; } body.faculty-detail .title p a { color: white; } body.faculty-detail .content { padding-top: 50px; padding-bottom: 80px; } body.faculty-detail .photo { width: 100%; height: auto; margin-bottom: 30px; } body.faculty-detail .bio h3 { color: #006a3d; font-size: 1.2em; } body.faculty-detail .bio h4 { color: #222; font-family: 'Bitter', serif; font-size: .9em; font-weight: bold; font-style: italic; text-transform: none; } body.faculty-detail .bio li { font-family:'Trade Gothic W01 Cn 18', 'Arial Narrow', sans-serif; } body.faculty-detail .bio hr { border-top: 1px dotted #006a3d; width: 75%; } /* staff directory */ body.staff-directory .row.top { padding-top: 130px; padding-bottom: 50px; } body.staff-directory .row.top h1 { color: #df4100; letter-spacing: .2em; font-size: 2.4em; line-height: 1em; } body.staff-directory .content { padding-top: 50px; } body.staff-directory .content h3 { color: #222; } body.staff-directory .content p { font-size: 1.2em; } .staffGrid { padding-top: 50px; padding-bottom: 80px; } .staffGrid .columns { padding-top: 0.9375em; padding-bottom: 0.9375em; } .staffGrid h3 { color: #222; border-bottom: 1px dotted #006a3d; } .staffGrid a { color: #222; position: relative; display: block; } .staffGrid a img { width: 100%; height: auto; position: relative; } .staffGrid a .overlay { position: absolute; bottom: 0; left: 0; width: 100%; /*height: 100%;*/ background-color: rgba(255, 255, 255, .75); /*opacity: 0;*/ transition: all 400ms; padding: 15px; } /*.staffGrid a:hover .overlay { opacity: 1; }*/ .staffGrid a .overlay p { /*position: absolute; bottom: 15px; left: 15px;*/ font-family: 'TradeGothicW01-BoldCn20 675334'; font-size: 1.4em; line-height: 1.2em; text-transform: uppercase; margin-bottom: 0; /*padding-right: 15px;*/ } /* pathways */ body.pathways .row.top { padding-top: 130px; padding-bottom: 50px; } body.pathways .row.top h1 { color: #df4100; letter-spacing: .2em; font-size: 2.4em; line-height: 1em; } body.pathways .content { padding-top: 50px; } body.pathways .content p { font-size: 1.2em; } .pathwaysCareers { padding-top: 50px; padding-bottom: 80px; } .pathwaysCareers h4 { color: #222; } .pathwaysSearch { margin-top: 60px !important; } .pathwaysSearch .filters { background-color: #f7f2f0 !important; padding: 4px; box-shadow: 3px 3px 3px #999; } .pathwaysSearch .filters h4 { font-family: 'TradeGothicW01-BoldCn20 675334'; font-size: 1.4em; text-transform: none; color: #de4a12; margin: 0; padding: 4px 8px; } .pathwaysSearch .filters a { color: #222; border: 1px solid #dedede; background-color: #fdf7f5; font-family: "Trade Gothic W01 Cn 18", sans-serif; font-size: 1.1em; line-height: 1.5em; text-transform: uppercase; padding: 6px 8px 4px; display: block; } .pathwaysSearch .filters a:after { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: #222 transparent transparent transparent; border-top-style: solid; margin-top: -3px; position: absolute; top: 50%; right: 10px; } .pathwaysSearch .filters a:hover, .pathwaysSearch .f-dropdown li a.active { color: #de4a12; } .pathwaysSearch .f-dropdown { margin-top: 0; border-color: #dedede; border-top: none; opacity: 0.9; } .pathwaysSearch .f-dropdown::before, .pathwaysSearch .f-dropdown::after { display: none; } .pathwaysSearch .f-dropdown li { font-size: 1.1em !important; line-height: 1.5em; } .pathwaysSearch .f-dropdown li a { border-top: none; border-left: none; border-right: none; border-bottom: 1px dotted #dedede; } .pathwaysSearch .f-dropdown li a:after { display: none; } .pathwaysSearch .f-dropdown li:last-child a { border-bottom: none; } .pathwaysGrid { margin-top: 30px !important; } .pathwaysGrid .columns { padding-top: 0.9375em; padding-bottom: 0.9375em; } .pathwaysGrid a { color: #222; position: relative; display: block; } .pathwaysGrid a img { width: 100%; height: auto; position: relative; } .pathwaysGrid a .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .75); opacity: 0; transition: all 400ms; } .pathwaysGrid a:hover .overlay { opacity: 1; } .pathwaysGrid a .overlay p { position: absolute; bottom: 15px; left: 15px; font-family: 'TradeGothicW01-BoldCn20 675334'; font-size: 1.4em; line-height: 1.2em; text-transform: uppercase; margin-bottom: 0; padding-right: 15px; } /* pathways detail */ .pathwaysBanner { padding-top: 150px; position: relative; } .pathwaysBanner img { width: 100%; height: auto; position: relative; } .pathwaysBanner h3 { color: #222; font-size: 2em; margin-top: 30px; } .pathwaysBanner p { color: #222; font-size: 1.2em; } .pathwaysBanner .button { background-color: #006a3d; margin-bottom: 0; display: block; } .pathwaysBanner .button i { margin-left: 10px; } .pathwaysBanner .button:hover { background-color: #222; } .pathwaysStory { border: 1px solid #cdcdcd; border-top: none; display: none; } .pathwaysStory .container { padding: 30px; } .pathwaysStory h3 { color: #df4100; } body.pathways-detail ul.careerPath { margin-top: 0; padding-top: 30px; } body.pathways-detail ul.careerPath li { min-height: inherit; } .pathwaysCareers h3 { color: #222; font-size: 2em; } body.landing.careers ul.careerPath { display: none; } body.landing.careers ul.careerPath.active { display: table; } /* Tuck 360 blog */ h1.blog-header { background: transparent url('../../img/Tuck360Logo_250.gif') -1px 0 no-repeat !important; text-indent: -9999px; height: 77px; } .blog h2 { color: #222; font-size: 1.4em; } .blog h3 a { text-decoration: none; } .blog h3 a:hover { text-decoration: underline; } .blog a { color: #222; text-decoration: underline; } .blog p.profile { font-size: .8em; } .blogListFeature { padding: 25px 0 25px; margin-bottom: 25px; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; } .blogListFeature h3 { margin-top: 15px; } .blog h1 { color: #D94415; font-family: 'Trade Gothic W01 Cn 18', sans-serif; line-height: 1em; margin-bottom: 20px; } .blog .mainImage { margin-bottom: 20px; } .blogListEntry { border-bottom: 1px solid #DDD; margin-bottom: 25px; padding: 10px 0 20px; } .blogListEntry h3 { font-size: 1.4em; margin-top: 0; } .blogListEntry p { font-size: .9em; } .blogListEntry img { display: none; } .blogListEntry img:first-child { display: block; } .email-icon { padding-left: 25px; background: url("../../img/email-icon.gif") left center no-repeat; } .rss-icon { padding-left: 25px; background: url("../../img/rss-icon.gif") left center no-repeat; } .twitter-icon { padding-left: 25px; background: url("../../img/twitter-icon.gif") left center no-repeat; } .tagCloud { line-height: 20px; margin-bottom: 30px; } div.sidebarSearch { padding: 11px 7px 1px 15px; background: #E8E8E8; margin-bottom: 40px; } div.sidebarSearch h2 { padding: 0 !important; margin: 2px 0 8px 0 !important; color: #444; background: none !important; width:auto !important; border-bottom: 0 !important; font-size: 1.4em; } .pagination li.here a, .pagination strong { background: #BBB; color: white; } div.sidebarSearch input[type="text"] { height: 2.6em !important; width: 90% !important; border: 1px solid #ddd; -webkit-border-radius: 2px; border-radius: 2px; font-weight: bold; color: #999; padding-left: 5px; background-color: #fff; -webkit-box-shadow: rgba(255, 255, 255, 0.398438) 0px 0px 0px, rgba(0, 0, 0, 0.398438) 0px 2px 4px inset; -moz-box-shadow: rgba(255, 255, 255, 0.398438) 0px 0px 0px, rgba(0, 0, 0, 0.398438) 0px 2px 4px inset; -moz-box-shadow: rgba(255, 255, 255, 0.398438) 0px 0px 0px, rgba(0, 0, 0, 0.398438) 0px 2px 4px inset; box-shadow: rgba(255, 255, 255, 0.398438) 0px 0px 0px, rgba(0, 0, 0, 0.398438) 0px 2px 4px inset; box-shadow: rgba(255, 255, 255, 0.398438) 0px 0px 0px, rgba(0, 0, 0, 0.398438) 0px 2px 4px inset; } div.sidebarSearch input[type="submit"] { border: none; -webkit-border-radius: 2px; border-radius: 2px; background: #888; color: #FFF; cursor: pointer; margin-right: 0; margin-top: 1px; padding: 2px 10px; font-family: "TradeGothicW01-BoldCn20 675334", sans-serif; font-size: 1em; text-transform: uppercase; } div.sidebarSearch input[type="submit"]:hover { background: #467C3B; } input:focus, textarea:focus{ outline: none; } .blogSideBlock { margin-bottom: 40px; } .blogSideBlock .accordion ul { list-style: none; margin-left: 0; } #tabContainer { margin-top: 50px; } #tabs { font-size: 100%; margin: 20px 0; } #tabs a { border-bottom: none !important; } #tabs h3 { font-size: 18px; margin-bottom: 2px !important; } #tabs ul { float: left; background: #fff; width: 620px; padding-top: 4px; border-bottom: 1px dotted #999; margin-left: 0; } #tabs li { margin-left: 8px; list-style: none; font-size: 110%; border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-top: 1px solid #FFF; } * html #tabs li { display: inline; } #tabs li, #tabs li a { float: left; } #tabs ul li.active { border-left: 1px solid #BBB; border-right: 1px solid #BBB; border-top: 1px solid #BBB; } #tabs ul li:hover { background: #F5F5F5; } #tabs ul li.active a { color: #333333; } #tabs div { background: #FFF; clear: both; padding: 15px; } #tabs div h3 { margin-bottom: 12px; } #tabs div p { line-height: 150%; } #tabs ul li a { text-decoration: none; padding: 8px; color: #004a8f; font-weight: bold; font-size: .8em; } #tabs ul li a:hover { text-decoration: none;} .blog #tab-1 input[type="text"] { display: block; float: none; height: 30px; margin-bottom: 0; background: #EFEFEF; border: none; border: 1px solid #BBB; padding-left: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 30px; } .blog textarea { display: block; float: none; min-height: 200px; margin-bottom: 20px; background: #EFEFEF; border: none; border: 1px solid #BBB; padding-left: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .blog input[type="radio"] { vertical-align: middle; margin: 0 10px; height: 15px !important; } .blog #tab-1 input[type="submit"] { margin: 10px 10px 0 0; background: #dd2210; border: none; color: #FFF; cursor: pointer; padding: 4px 16px; font-family: "TradeGothicW01-BoldCn20 675334", sans-serif; font-size: 1em; text-transform: uppercase; } p.captcha img { float: left; margin-right: 20px; } p.captcha input[type="text"] { height: 26px !important; } /* faqs */ .accordion .accordion-navigation > a, .accordion dd > a { background-color: transparent; font-weight: bold; padding: .5rem 1rem; } .accordion .accordion-navigation > a:hover, .accordion dd > a:hover, .accordion .accordion-navigation.active > a, .accordion dd.active > a { background-color: #efefef; } /* tables */ table { width: 100%; } td img { height: auto !important; /*width: inherit !important;*/ } /* forms */ form .button, form input[type="submit"] { background-color: #006a3d; } form .button:hover, form input[type="submit"]:hover { background-color: #222; } /* social links */ .social-nav { position: fixed; top: 150px; left: 20px; background: rgba(241, 238, 233, 0.9); border-radius: 6px; list-style: none; padding: 8px 9px; margin: 0; display: none; } .social-nav .facebook a { background: url('../../img/2015/social-facebook.png') no-repeat; background-size: 37px; width: 37px; height: 37px; display: block; text-indent: -9999px; opacity: 0.8; } .social-nav .twitter a { background: url('../../img/2015/social-twitter.png') no-repeat; background-size: 37px; width: 37px; height: 37px; display: block; text-indent: -9999px; margin-top: 7px; opacity: 0.8; } .social-nav .instagram a { background: url('../../img/2015/social-instagram.png') no-repeat; background-size: 37px; width: 37px; height: 37px; display: block; text-indent: -9999px; margin-top: 7px; opacity: 0.8; } .social-nav .linkedin a { background: url('../../img/2015/social-linkedin.png') no-repeat; background-size: 37px; width: 37px; height: 37px; display: block; text-indent: -9999px; margin-top: 7px; opacity: 0.8; } .social-nav .youtube a { background: url('../../img/2015/social-youtube.png') no-repeat; background-size: 37px; width: 37px; height: 37px; display: block; text-indent: -9999px; margin-top: 7px; opacity: 0.8; } .social-nav a:hover { opacity: 1; } /* ----------------------------------------- FOOTER ----------------------------------------- */ #footer { background: #242424; min-height: 400px; color: #ccc; /*padding-bottom: 40px; margin-top: 80px;*/ } #footer .columns { padding-top: 20px; } #footer .columns > .columns { padding-left: 0; } #footer .columns .columns { padding-top: 0; } #footer .logoColumn { padding: 40px 0 0 20px; } #footer .logoColumn .logo { background: url('../../img/2015/logo-tuck_footer.png') no-repeat; background-size: contain; height: 50px; } #footer p, #footer ul li a { font-family: 'Trade Gothic W01 Roman', sans-serif; font-size: .8em; } #footer p { margin-left: 46px; } #footer img { padding-right: 20px; } #footer ul { list-style: none; } #footer ul { margin-left: 10px; } #footer ul li { margin-bottom: 10px; line-height: 1em; } #footer ul li a { color: #CCC; text-transform: uppercase } #footer ul li a:hover { color: white; } #footer ul li.give { margin-bottom: 25px; } #footer ul li.give a { /*border: 1px solid white;*/ background-color: #00693e; padding: 6px 10px 4px 10px; display: inline-block; } #footer ul li.give a:hover { background: rgba(0,105,62,.75); text-decoration: none; } #footer .bottom { background-color: #141414; margin-top: 50px; padding-bottom: 30px; } body.home2015 #footer .bottom { padding-bottom: 100px; } #footer .bottom .columns { padding-top: 0; overflow: visible; } #footer .bottom .topLink { background: url('../../img/2015/icon-top.png') no-repeat; width: 55px; height: 55px; display: block; text-indent: -9999px; margin: -22px auto 0px auto; } #footer .bottom .social { padding-top: 40px; padding-bottom: 40px; } #footer .social-bottom { list-style-type: none; margin: 0; padding: 0; } #footer .social-bottom li { display: inline-block; margin-left: 8px; margin-right: 8px; } #footer .social-bottom li a { opacity: 0.75; } #footer .social-bottom li a:hover { opacity: 1; } #footer .social-bottom li.facebook a { background: url('../../img/2015/footer-social-facebook.png') no-repeat; background-size: 8px 16px; width: 8px; height: 16px; display: block; text-indent: -9999px; } #footer .social-bottom li.twitter a { background: url('../../img/2015/footer-social-twitter.png') no-repeat; background-size: 14px 16px; width: 14px; height: 16px; display: block; text-indent: -9999px; } #footer .social-bottom li.instagram a { background: url('../../img/2015/footer-social-instagram.png') no-repeat; background-size: 15px 16px; width: 15px; height: 16px; display: block; text-indent: -9999px; } #footer .social-bottom li.pinterest a { background: url('../../img/2015/footer-social-pinterest.png') no-repeat; background-size: 13px 16px; width: 13px; height: 16px; display: block; text-indent: -9999px; } #footer .social-bottom li.linkedin a { background: url('../../img/2015/footer-social-linkedin.png') no-repeat; background-size: 14px 16px; width: 14px; height: 16px; display: block; text-indent: -9999px; } #footer .social-bottom li.google a { background: url('../../img/2015/footer-social-google.png') no-repeat; background-size: 14px 16px; width: 14px; height: 16px; display: block; text-indent: -9999px; } #footer .social-bottom li.youtube a { background: url('../../img/2015/footer-social-youtube.png') no-repeat; background-size: 16px 16px; width: 16px; height: 16px; display: block; text-indent: -9999px; } #footer .copyright p { margin: 0; color: #545454; font-family: 'Trade Gothic W01 Roman', sans-serif; font-size: .7em; letter-spacing: .1em; text-transform: uppercase; } /* ----------------------------------------- RESPONSIVE ----------------------------------------- */ /* STYLING ONLY FOR DESKTOP */ @media only screen and (min-device-width: 1025px) { #doubledouble .line { -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in; } } /* 401px */ @media only screen and (min-width: 400px) { ul.newsticker { left: 600px; } } /* 481px */ @media only screen and (min-width: 30.063em) { body.grid .row.top h1, body.leadership .row.top h1, body.staff-directory .row.top h1, body.pathways .row.top h1, body.faculty-directory .row.top h1 { font-size: 4.5em; text-align: center; padding-top: 0; } body.grid .row h2, body.leadership .row h2 { font-size: 3.4em; } body.brand-teaser .title h1 { font-size: 4em; } } /* 601px */ @media only screen and (min-width: 37.5625em) { } /* 641px */ @media only screen and (min-width: 40.063em) { body.miniNav #logo, body.miniNav #fauxLogo { width: 55px; height: 70px; } a#menuBtn { float: left; right: inherit; } #drawerNav { width: 250px; left: -250px; } body.miniNav #logo, #logo { margin-left: 75px; } body.miniNav #fauxLogo, #fauxLogo { margin-left: 25px; display: block; } #drawerNav { padding-top: 100px; } #reveal { display: block; } #featureHome .featureText { width: 80%; bottom: 18%; left: 10%; } .blogHeader h2 { background-position-x: 50px; } .sm, .sm .columns { height: 300px; } .sm div.featureText { width: 70%; padding-left: 10%; } .med, .med .columns { height: 460px; } .med div.featureText { bottom: 25%; width: 70%; left: 10%; } .breadcrumbs > * { margin-bottom: 0; } body.long-story .title .overlay { position: absolute; bottom: 8%; padding-top: 0; } body.long-story .title h1 { font-size: 5em; } body.long-story .title h2 { font-size: 1.4em; } body.long-story .title .white h1 { background: url('../../img/2015/hr-arrows_white.png') no-repeat center bottom; } body.long-story .title .white h1, body.long-story .title .white h2, body.long-story .title .white h3, body.long-story .title .white p { color: white; } body.long-story .photo .quote { position: absolute; left: 20%; bottom: 25%; width: 25%; } body.short-story .content .photo { float: right; width: 55%; margin-left: 30px; margin-bottom: 20px; } body.short-story .content .quote { float: left; width: 49%; margin: 30px 30px 10px -60px; } body.grid .content { padding-top: 100px; padding-bottom: 100px; } body.grid .row h2, body.leadership .row h2 { margin-bottom: 80px; text-align: center; } .gridBlocks a.tall { height: 400px; padding: 20px 35px 25px 35px !important; background-position: center center; } .gridBlocks a h4 { font-size: 1.1em; } body.leadership .row.top { padding-top: 180px; padding-bottom: 100px; } .leadershipGrid { padding-top: 100px; padding-bottom: 100px; } .leadershipBlocks a.tall { height: 400px; padding: 20px 35px 25px 35px !important; background-position: center center; } .leadershipBlocks a h4 { font-size: 1.1em; } body.brand-teaser .title .overlay { position: absolute; bottom: 4%; padding-top: 0; } body.brand-teaser .title h1, body.brand-teaser .title p { color: white; } body.brand-teaser .title h1 { border: 1px solid #df4100; padding: 16px; } body.brand-teaser .dropdown-nav { position: absolute; top: 32px; left: -44px; } body.brand-teaser .sidebar .container { background-color: white; } body.faculty-directory .row.top { padding-top: 180px; padding-bottom: 100px; } body.faculty-detail .title .red { padding-top: 80px; padding-right: 50px; } body.faculty-detail .title .gray { padding-top: 80px; padding-left: 40px; } body.faculty-detail .title .gray > .row { max-width: 760px !important; } body.faculty-detail .content { padding-top: 80px; } body.faculty-detail .photo { max-width: 290px; } body.faculty-detail .bio { padding-left: 40px; } body.faculty-detail .bio > .row { max-width: 760px !important; } body.staff-directory .row.top { padding-top: 180px; padding-bottom: 100px; } body.pathways .row.top { padding-top: 180px; padding-bottom: 100px; } .pathwaysBanner .container { position: absolute; top: 40%; width: 100%; padding-left: 30px; padding-right: 30px; } .pathwaysBanner .container.white h3, .pathwaysBanner .container.white p { color: white; } .pathwaysBanner h3 { font-size: 2.4em; margin-top: 0; } .pathwaysBanner p { font-size: 1.4em; } .pathwaysBanner .button { position: absolute; left: 30px; bottom: 0px; display: inline-block; } body.pathways-detail ul.careerPath { border-bottom: 2px solid #8b8b8b; } body.pathways-detail ul.careerPath li { min-height: 240px; } .social-nav { display: block; } #footer .columns { padding-top: 60px; } #footer .logoColumn { padding-top: 60px; } #footer ul li.give a { margin-left: -10px; } } /* 769px */ @media only screen and (min-width: 48.063em) { ul#nav { display: block; } #logo { margin-left: 25px; } #fauxLogo { margin-left: 40px; } body.miniNav #logo, #logo { margin-left: 20px; } #featureHome .featureText { width: 40%; } a#menuBtn { display: none; } body.grid .row.top .columns { height: 555px; display: table; text-align: center; } body.brand-teaser .title .caption { display: block; } } /* 961px */ @media only screen and (min-width: 60.0625em) { ul#nav { margin-left: 40px; } body.miniNav ul#nav { margin-left: 50px; } body.miniNav ul#nav li, body ul#nav li { margin-right: 30px; } body.miniNav #logo, #logo { margin-left: 45px; } a#menuBtn, #fauxMenu { top: 32px; margin-left: 40px; } body.event-detail .photo { float: right; margin-left: 20px; margin-bottom: 20px; } body.brand-teaser .title p { font-size: 1.2em; } body.brand-teaser .title .caption p { font-size: 1em; } } /* 1025px */ @media only screen and (min-width: 64.063em) { .sm div.featureText.noPhoto h3 { font-size: 1.3em; } ul#nav li div.subContainer { padding: 0 2%; } .gridBlocks a.tall h4, .leadershipBlocks a.tall h4 { font-size: 2.4em; line-height: 1em; } body.brand-teaser .title h1 { font-size: 5em; } body.brand-teaser .article { padding-top: 100px; } body.brand-teaser .article h3 { margin-left: 100px; } body.brand-teaser .article p { margin-left: 100px; margin-right: 50px; } body.brand-teaser .article h3 { border: 1px solid #df4100; border-right: none; padding: 50px 20px; } body.brand-teaser .sidebar { background-color: #006a3d; } body.brand-teaser .content .quote blockquote { font-size: 1.5em; } body.brand-teaser .next { padding-top: 200px; padding-bottom: 200px; } body.brand-teaser .next h4 { font-size: 3.2em; } } img.left { margin: 15px 20px 15px 0; } img.right { margin: 15px 0 15px 20px; }