/* * Gridlock - A CSS responsive grid system [12 column standard] * @author Ben Plum * @version 0.1.9 * * Copyright © 2013 Ben Plum * Released under the MIT License */ /* !Reset Box-sizing */ * { *behavior: url(/css/boxsizing.htc); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* !Defaults */ .gridlock .row { margin-left: auto; margin-right: auto; width: 1200px; /* Fallback */ } .gridlock .row:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .gridlock .row .row { margin-left: -1.0416666666666667%; margin-right: -1.0416666666666667%; width: 102.0833333333333334%; } .gridlock .row [class*="desktop-"] { float: left; margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row [class*="desktop-"].right { float: right; } .gridlock .row [class*="desktop-"].padded { margin-left: 0; margin-right: 0; padding-left: 1.0416666666666667%; padding-right: 1.0416666666666667%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; *behavior: none; } /* !Rows, Widest to Thinest */ @media screen and (min-width: 1220px) { .gridlock .row { width: 1200px; } } @media screen and (max-width: 1220px) { .gridlock .row { width: 960px; } } @media screen and (max-width: 980px) { .gridlock .row { width: 720px; } } @media screen and (max-width: 740px) { .gridlock .row { width: 480px; } } @media screen and (max-width: 500px) { .gridlock .row { width: 300px; } } /* !Desktop - Default, 12 column, 1220 + 960 (min 980), IE Standard */ .gridlock .row .desktop-1 { width: 6.25%; } .gridlock .row .desktop-2 { width: 14.5833333333333333%; } .gridlock .row .desktop-3 { width: 22.9166666666666667%; } .gridlock .row .desktop-4 { width: 31.25%; } .gridlock .row .desktop-5 { width: 39.5833333333333333%; } .gridlock .row .desktop-6 { width: 47.9166666666666667%; } .gridlock .row .desktop-7 { width: 56.25%; } .gridlock .row .desktop-8 { width: 64.5833333333333333%; } .gridlock .row .desktop-9 { width: 72.9166666666666667%; } .gridlock .row .desktop-10 { width: 81.25%; } .gridlock .row .desktop-11 { width: 89.5833333333333333%; } .gridlock .row .desktop-12 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .desktop-push-1 { margin-left: 9.375%; } .gridlock .row .desktop-push-2 { margin-left: 17.7083333333333333%; } .gridlock .row .desktop-push-3 { margin-left: 26.0416666666666667%; } .gridlock .row .desktop-push-4 { margin-left: 34.375%; } .gridlock .row .desktop-push-5 { margin-left: 42.7083333333333334%; } .gridlock .row .desktop-push-6 { margin-left: 51.0416666666666667%; } .gridlock .row .desktop-push-7 { margin-left: 59.375%; } .gridlock .row .desktop-push-8 { margin-left: 67.7083333333334%; } .gridlock .row .desktop-push-9 { margin-left: 76.0416666666668%; } .gridlock .row .desktop-push-10 { margin-left: 84.375%; } .gridlock .row .desktop-push-11 { margin-left: 92.7083333333335%; } /* Center Cells */ .gridlock .row [class*="desktop-"].center { margin-left: auto; margin-right: auto; } /* !Generic, fractions */ .gridlock .row .desktop-third { width: 31.25%; } .gridlock .row .desktop-half { width: 47.9166666666666667%; } .gridlock .row .desktop-full { width: 97.9166666666666667%; } .gridlock .row .desktop-push-third { margin-left: 34.375%; } .gridlock .row .desktop-push-half { margin-left: 51.0416666666666667%; } /* !Desktop - Max, 12 column, 1200 (min 1221) */ @media screen and (min-width: 1221px) { .gridlock .row .max-1 { width: 6.25%; } .gridlock .row .max-2 { width: 14.5833333333333333%; } .gridlock .row .max-3 { width: 22.9166666666666667%; } .gridlock .row .max-4 { width: 31.25%; } .gridlock .row .max-5 { width: 39.5833333333333333%; } .gridlock .row .max-6 { width: 47.9166666666666667%; } .gridlock .row .max-7 { width: 56.25%; } .gridlock .row .max-8 { width: 64.5833333333333333%; } .gridlock .row .max-9 { width: 72.9166666666666667%; } .gridlock .row .max-10 { width: 81.25%; } .gridlock .row .max-11 { width: 89.5833333333333333%; } .gridlock .row .max-12 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .max-push-1 { margin-left: 9.375%; } .gridlock .row .max-push-2 { margin-left: 17.7083333333333333%; } .gridlock .row .max-push-3 { margin-left: 26.0416666666666667%; } .gridlock .row .max-push-4 { margin-left: 34.375%; } .gridlock .row .max-push-5 { margin-left: 42.7083333333333334%; } .gridlock .row .max-push-6 { margin-left: 51.0416666666666667%; } .gridlock .row .max-push-7 { margin-left: 59.375%; } .gridlock .row .max-push-8 { margin-left: 67.7083333333334%; } .gridlock .row .max-push-9 { margin-left: 76.0416666666668%; } .gridlock .row .max-push-10 { margin-left: 84.375%; } .gridlock .row .max-push-11 { margin-left: 92.7083333333335%; } /* PULL! Cells */ .gridlock .row .max-pull-1 { margin-right: 9.375%; } .gridlock .row .max-pull-2 { margin-right: 17.7083333333333333%; } .gridlock .row .max-pull-3 { margin-right: 26.0416666666666667%; } .gridlock .row .max-pull-4 { margin-right: 34.375%; } .gridlock .row .max-pull-5 { margin-right: 42.7083333333333334%; } .gridlock .row .max-pull-6 { margin-right: 51.0416666666666667%; } .gridlock .row .max-pull-7 { margin-right: 59.375%; } .gridlock .row .max-pull-8 { margin-right: 67.7083333333334%; } .gridlock .row .max-pull-9 { margin-right: 76.0416666666668%; } .gridlock .row .max-pull-10 { margin-right: 84.375%; } .gridlock .row .max-pull-11 { margin-right: 92.7083333333335%; } } /* !Tablet, 6 column, 720 (min 739) */ @media screen and (min-width: 739px) and (max-width: 980px) { .gridlock .row [class*="desktop-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row .tablet-1 { width: 14.5833333333333333%; } .gridlock .row .tablet-2 { width: 31.25%; } .gridlock .row .tablet-3 { width: 47.9166666666666667%; } .gridlock .row .tablet-4 { width: 64.5833333333333333%; } .gridlock .row .tablet-5 { width: 81.25%; } .gridlock .row .tablet-6 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .tablet-push-1 { margin-left: 17.7083333333333333%; } .gridlock .row .tablet-push-2 { margin-left: 34.375%; } .gridlock .row .tablet-push-3 { margin-left: 51.0416666666666667%; } .gridlock .row .tablet-push-4 { margin-left: 67.7083333333334%; } .gridlock .row .tablet-push-5 { margin-left: 84.375%; } /* !Generic, fractions */ .gridlock .row .tablet-third { width: 31.25%; } .gridlock .row .tablet-half { width: 47.9166666666666667%; } .gridlock .row .tablet-full { width: 97.9166666666666667%; } .gridlock .row .tablet-push-third { margin-left: 34.375%; } .gridlock .row .tablet-push-half { margin-left: 51.0416666666666667%; } } /* !Mobile, 3 column, 300 + 480 (max 740) */ @media screen and (max-width: 740px) { .gridlock .row [class*="desktop-push-"], .gridlock .row [class*="tablet-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; } .gridlock .row .mobile-1 { width: 31.25%; } .gridlock .row .mobile-2 { width: 64.5833333333333333%; } .gridlock .row .mobile-3 { width: 97.9166666666666667%; } /* Push Cells */ .gridlock .row .mobile-push-1 { margin-left: 34.375%; } .gridlock .row .mobile-push-2 { margin-left: 67.7083333333334%; } /* !Generic, fractions */ .gridlock .row .mobile-third { width: 31.25%; } .gridlock .row .mobile-half { width: 47.9166666666666667%; } .gridlock .row .mobile-full { width: 97.9166666666666667%; } .gridlock .row .mobile-push-third { margin-left: 34.375%; } .gridlock .row .mobile-push-half { margin-left: 51.0416666666666667%; } } /* !Mobile - Min, 300 (max 500) */ @media screen and (max-width: 500px) { .gridlock .row .min-full { width: 97.9166666666666667%; } } /* * Tabber [Formstone Library] * @author Ben Plum * @version 0.1.0 * * Copyright © 2013 Ben Plum * Released under the MIT License */ .tabber.active { overflow: hidden; } .tabber.active .tabber-tabs { overflow: hidden; } .tabber.active .tabber-tab { color: #999; cursor: pointer; display: block; float: left; } .tabber.active .tabber-tab.active { color: #333; } .tabber.active .tabber-contents { overflow: hidden; } .tabber.active .tabber-content { display: none; } .tabber.active .tabber-content.active { display: block; } /* * Boxer [Formstone Library] * @author Ben Plum * @version 1.6.5 * * Copyright © 2013 Ben Plum * Released under the MIT License */ #boxer, #boxer .boxer-container, #boxer .boxer-content, #boxer-overlay { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #boxer-overlay { background: #000; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 105; } #boxer { background: #fff url(fs-boxer-loading.gif) no-repeat center; border-radius: 5px; box-shadow: 0 0 25px #000; padding: 10px; position: absolute; z-index: 105; } #boxer.inline { padding: 30px; } #boxer .boxer-close { background: #fff url(fs-boxer-icons.png) no-repeat -70px 10px; border-radius: 100%; cursor: pointer; display: block; height: 30px; position: absolute; padding: 0; right: -8px; top: -8px; width: 30px; text-indent: -99999px; z-index: 106; } #boxer .boxer-close:hover { background-position: -70px -20px; } #boxer .boxer-container { background: #fff; height: 100%; overflow: hidden; position: relative; width: 100%; z-index: 105; zoom: 1; } #boxer .boxer-content { background: #fff; overflow: hidden; padding: 0; width: 10000px; } #boxer .boxer-image { float: left; } #boxer .boxer-iframe, #boxer .boxer-video-wrapper iframe { float: left; height: 100%; overflow: auto; width: 100%; } #boxer .boxer-meta { clear: both; } #boxer .boxer-arrow { background: #fff url(fs-boxer-icons.png) no-repeat 0 0; border-radius: 100%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); cursor: pointer; display: block; height: 40px; margin-right: auto; margin-left: auto; opacity: 0; position: absolute; text-indent: -99999px; top: 0; width: 40px; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -ms-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } #boxer .boxer-arrow.previous { left: 20px; } #boxer .boxer-arrow.next { background-position: -40px 0; right: 20px; } #boxer .boxer-content:hover .boxer-arrow { opacity: 0.75; } #boxer .boxer-content .boxer-arrow:hover { opacity: 1; } #boxer .boxer-content:hover .boxer-arrow.disabled { opacity: 0.3; cursor: default !important; } #boxer .boxer-position { color: #999; font-size: 11px; margin: 0; padding: 15px 10px 5px; } #boxer .boxer-caption p { margin: 0; padding: 15px 10px 10px 10px; } #boxer .boxer-caption.gallery p { padding-top: 0; } /* */ #boxer { background-image: url(../images/fs-boxer-loading.gif); } #boxer .boxer-close { background-image: url(../images/fs-boxer-icons.png); } #boxer .boxer-arrow { background-image: url(../images/fs-boxer-icons.png); } /* font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400 font-family: ff-meta-web, Arial, sans-serif; font-weight: 600 font-family: minion-pro, Georgia, serif; font-weight: 400 font-family: minion-pro, Georgia, serif; font-weight: 600 */ /* Reset Properties */ a, abbr, address, area, article, aside, audio, b, bdi, bdo, blockquote, body, /* button, */ canvas, caption, cite, code, col, colgroup, command, data, datagrid, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, head, header, hgroup, html, i, iframe, img, /* input, */ ins, kbd, keygen, label, legend, li, link, mark, map, menu, meter, nav, object, ol, optgroup, option, output, p, pre, progress, q, ruby, rp, rt, s, samp, section, /* select, */ small, span, strong, sub, summary, sup, table, tbody, td, /* textarea, */ tfoot, th, thead, time, title, tr, track, u, ul, var, video { border: 0; font: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } /* Reset Display Roles */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; padding: 0; margin: 0; } /* Globals */ body { background: #fff/* #222 */; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 12px; padding: 210px 0 0 0; } ul, ol, li { list-style: none; margin: 0; } a { text-decoration: none; color: inherit; } html.wf-loading { visibility: hidden; } html.wf-active { visibility: visible; } .clear { clear: both; } .clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .contain { overflow: hidden; } .left { float: left; } .right { float: right; } .block_left { display: block; float: left; margin: 0 20px 20px 0; } .block_right { display: block; float: right; margin: 0 0 20px 20px; } iframe.full { width: 100%; height: 1000px; overflow: auto; } input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; } input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; } h1 { color: #333; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 48px; } h2 { color: #3D2C77; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 32px; font-style: italic; margin: 0 0 10px 0; } h3 { color: #323839; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 24px; line-height: 1.2; margin: 0 0 15px 0; } h4 { color: #202020; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 16px; line-height: 1.2; margin: 0 0 5px 0; } h5 { color: #3D2C77; font-size: 13px; font-style: italic; line-height: 1.2; margin: 0 0 10px 0; } h6 { color: #4B2C84; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 12px; line-height: 1; margin: 0; text-transform: uppercase; } p { color: #323839; font-size: 14px; line-height: 1.5; } hr { background: url(../images/hr.png); border: none; height: 3px; margin: 25px 0; } iframe[src="about:blank"] { display: none; } /* !Rollers */ .roller { position: relative; } .roller .roller_canister { left: 0; overflow: hidden; position: absolute; width: 99999px; } .roller.animated .roller_canister { transition: left 0.5s ease-out; } .roller .roller_item { float: left; } .roller .controls, .roller .pagination { margin: 0; padding: 0; width: 100%; } .roller .controls a, .roller .controls span, .roller .pagination span { cursor: pointer; display: inline-block; text-indent: -99999px; } .roller .controls span.disabled, .roller .pagination span.disabled { cursor: default; } /* Controls */ .controls { position: static;/* z-index: 4; */ } .controls span, .controls a { background-image: url(../images/roller-control-bg.png); background-color: rgba(255, 255, 255, 0.85); cursor: pointer; display: block; height: 125px; position: absolute; width: 50px; text-indent: -99999px; transition: background 0.25s linear; } .controls .disabled { background-color: rgba(255, 255, 255, 0.35); pointer-events: all; } .controls.bubble_inside span, .controls.bubble_outside span, .controls.bubble_centered span {} .controls.bubble_inside .next, .controls.bubble_outside .next { background-position: -50px 0; } .controls.bubble_inside .previous, .controls.bubble_outside .previous { background-position: 0 0; } .controls.bubble_centered .next { background-position: -50px 0; } .controls.bubble_centered .previous { background-position: 0 0; } .controls.bubble_inside .previous { left: 0; } .controls.bubble_inside .next { right: 0; } .controls.bubble_outside .previous { left: 0; } .controls.bubble_outside .next { right: 0; } .controls.bubble_centered { position: absolute; text-align: center; } .controls.bubble_centered span { display: inline-block; position: relative; } .controls.bubble_centered .previous { right: 0; } .controls.bubble_centered .next { left: 0; } .controls.circle_outside span { background: url(../images/sprite.png); } .controls.circle_outside span.disabled { cursor: default; opacity: 0.5; pointer-events: all; } .controls.circle_outside .previous { background-position: -925px -120px; height: 30px; left: -75px; width: 30px; } .controls.circle_outside .next { background-position: -955px -120px; height: 30px; right: -75px; width: 30px; } /* Background Sizer */ .background_sizer { overflow: hidden; position: relative; } .background_sizer .background_item { position: absolute; z-index: 0; } .background_sizer .background_sizer_content { position: relative; z-index: 1; } .nav_slider_navigation { display: none; } .naver-handle { display: none; } img.fit { width: 100%; } /* Videos */ .video_frame { cursor: pointer; display: block; overflow: hidden; position: relative; } .video_frame:before { background: url(../images/play-overlay-55.png) no-repeat center center; content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: opacity .1s linear; width: 100%; z-index: 2; } .video_frame img { display: block; position: relative; z-index: 1; width: 100%; } .video_replace { cursor: pointer; display: block; overflow: hidden; position: relative; } .video_replace:before { background: url(../images/play-overlay-78.png) no-repeat center center; content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .video_replace img { position: relative; z-index: 1; width: 100%; } .video_replace iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .video_replace.video_active { cursor: pointer; } .video_replace.video_active:after { display: none; } /* Dot Style Nav */ nav.dots { overflow: hidden; } nav.dots a { background: url(../images/sprite.png) no-repeat -850px -85px; float: left; height: 10px; margin: 0 10px 0 0; width: 10px; } nav.dots a.active { background-position: -850px -75px; } /* Letter Style Nav */ nav.letters { margin: 50px auto 50px auto; overflow: hidden; width: 697px; } nav.letters a, nav.letters span { color: #4B2C84; float: left; font-size: 16px; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; line-height: 22px; margin: 0 3px 0 0; padding-top: 4px; text-decoration: none; text-transform: uppercase; text-align: center; width: 20px; } nav.letters .all { background: #EEEEEE; color: #4B2C84; height: 24px; font-size: 11px; letter-spacing: 0.05em; margin: 2px 0 0 0; padding: 2px 0 4px 0; text-align: center; text-transform: uppercase; width: 76px; } nav.letters a.active { background: #4B2E84; color: #fff; } nav.letters span.inactive { opacity: 0.25; } /* Form Styles */ input.text { background: #E5E5E5; border: none; color: #999; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 16px; height: 35px; line-height: 25px; padding: 5px 10px; border-radius: 0px; } input.text:focus { color: #333; } input.text.error { border-color: #CC0000; } input.submit { background: #3D2F77; border: none; *color: #fff; color: rgba(255,255,255,0.75); cursor: pointer; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 11px; height: 35px; line-height: 35px; padding: 0 15px; text-align: center; text-transform: uppercase; border-radius: 0px; } /* Header */ #header { background: #4B2E84 url(../images/header-repeat.png) repeat-x top center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.75); height: 210px; position: fixed; top: 0; width: 100%; z-index: 50; -webkit-backface-visibility: hidden;/* backface-visibility: hidden; */ } #header:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } #header .logo { background: url(../images/sprite.png) no-repeat; display: block; float: left; height: 40px; margin: 110px 0 0 15px; text-indent: -9999px; width: 262px; } #header .row { position: relative; } #header a { transition: none; } #header a.button { background-image: none; } .bigtree_bar_open #header { top: 40px; } /* Gateways / Persistent */ nav.top_nav { height: 50px; position: absolute; } nav.gateways { left: 0; top: 0; } nav.persistent { right: 0; top: 0; } nav.top_nav .dropdown { background: #FFF; border-radius: 3px; box-shadow: 0 0 6px rgba(0,0,0,0.3); display: none; left: 0; padding: 20px 30px; position: absolute; top: 50px; width: 540px; z-index: 3; } nav.top_nav .dropdown form { margin: 0 0 50px 0; overflow: hidden; } nav.top_nav .dropdown input.text { float: left; margin: 0 10px 0 0; width: 350px; } nav.top_nav .dropdown input.submit { width: 145px; } nav.top_nav .active .dropdown { display: block; } nav.top_nav .links { border-top: 1px solid #B1ACC8; float: left; margin: 10px 0 0 0; width: 160px; } nav.top_nav .links li { float: none; margin: 20px 0 0 0; } nav.top_nav .links li a { background-image: none; color: #797979; display: block; font-size: 13px; height: auto; line-height: 16px; padding: 0; text-transform: none; } nav.top_nav .triple { margin: 10px 30px 0 0; } nav.top_nav .feature { background: #F7F6F3; float: right; overflow: hidden; padding: 20px 15px; width: 275px; } nav.top_nav .item .feature a { background: transparent; color: #323839; display: block; font-style: normal; height: auto; line-height: 100%; margin: 0; padding: 0; text-transform: none; width: auto; } nav.top_nav .item .feature img { margin: 0 0 15px 0; } nav.top_nav .feature h5 { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; } nav.top_nav .feature * { text-align: center; } nav.gateways { border-left: 1px solid #40304E; } nav.gateways .item { border-right: 1px solid #40304E; float: left; } nav.gateways .item a { background: url(../images/down-arrow.png) no-repeat center 36px; color: #FFF; display: block; font-size: 13px; font-style: italic; height: 50px; line-height: 50px; padding: 0 20px; text-align: center; } nav.gateways .item li.active a { background-color: #4F4171; background-image: url(../images/down-arrow-hover.png); } nav.gateways .item .links li { float: none; margin: 20px 0 0 0; } nav.gateways .item .links li a { background: transparent; color: #797979; display: block; font-size: 13px; height: auto; line-height: 16px; padding: 0; text-align: left; text-transform: none; } nav.gateways .item .links li a.external:after { background: url(../images/sprite.png) no-repeat -602px 0; content:" "; display: block; float: right; height: 9px; margin-top: 1px; opacity: 0; transition: opacity 0.2s linear; width:15px; } nav.gateways .item h6 { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #4B2C84; font-size: 12px; padding: 0 0 20px 0; line-height: 12px; border-bottom: 1px solid #F1EEE8; margin: 0 0 20px 0; text-transform: uppercase; } nav.gateways .item time { background: url(../images/sprite.png) -850px 0; display: inline-block; height: 75px; margin: 0 0 20px 0; width: 70px; } nav.gateways .item time .month { color: #FFF; display: block; font-size: 16px; line-height: 25px; text-align: center; text-transform: uppercase; } nav.gateways .item time .day { color: #FFF; display: block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 36px; line-height: 46px; } nav.gateways .item em.details { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; display: block; color: #655992; font-size: 13px; line-height: 120%; font-style: italic; margin: 0 0 15px 0; } nav.persistent .item { float: left; } nav.persistent .item a { color: #CCC4DA; display: block; font-size: 12px; height: 50px; line-height: 50px; padding: 0 20px; text-transform: uppercase; } nav.persistent .item a.wide { text-align: center; width: 130px; } nav.persistent .item a.slim { text-align: center; width: 110px; } nav.persistent .item.has_sub a { background: url(../images/down-arrow.png) no-repeat center 36px; } nav.persistent .item .links li a.external:after { background: url(../images/sprite.png) no-repeat -602px 0; content:" "; display: block; float: right; height: 9px; margin-top: 1px; opacity: 0; transition: opacity 0.2s linear; width:15px; } nav.persistent .dropdown { left: auto; right: 0; } nav.persistent .dropdown_search { width: 600px; } nav.persistent .dropdown_areas_of_study { width: 600px; } nav.persistent .dropdown_mp { right: auto; width: 210px; padding: 20px 25px; } nav.top_nav a.button { background: #4B2E84; border: none; clear: both; color: #E3E2EB; clear: left; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 11px; font-style: normal; float: left; height: 35px; line-height: 35px; margin: 30px 0 15px; padding: 0 25px; text-transform: uppercase; width: 160px; } /* NEW MOBILE NAV */ .navigation_compact { display: none; } .nav_slider_page, .nav_slider_navigation { -webkit-backface-visibility: hidden;/* backface-visibility: hidden; */ } /* Main Navigation */ nav.main { float: right; margin: 80px 0 0 0; } nav.main section { float: left; margin: 0 20px 0 0; } nav.main .last { margin: 0; } nav.main .item a { color: rgba(255,255,255,0.6); *color: #FFF; display: block; font-size: 13px; line-height: 16px; padding:3px 0; } nav.main .item h4 a { color: #FFF; font-size: 16px; } nav.main .plus { background: url(../images/sprite.png) no-repeat -992px 0px; display: block; height: 8px; margin: 3px 0 0 0; width: 8px; } nav.main .more { background: #FFF; border-radius: 3px; box-shadow: 0px 0px 6px rgba(0,0,0,0.5); display: none; margin: -20px 0 0 -25px; max-width: 230px; padding: 20px 25px; position: absolute; } nav.main .active .more { display: block; } nav.main .more h4 a { color: #222; } nav.main .more li a { color: #797979; display: block; } nav.main .more li a.external:after { background: url(../images/sprite.png) no-repeat -602px 0; content:" "; display: block; float: right; height: 9px; margin-top: 1px; opacity: 0; transition: opacity 0.2s linear; width:15px; } nav.main .more li a span { background: url(../images/sprite.png) no-repeat 10px 10px; display: block; float: left; height: 5px; margin: 6px 6px 0 -12px; width: 5px; } nav.main .more .divider { background: #B1ACC8; height: 1px; margin: 10px 0; width: 70px; } nav.main .more .margin { margin: 0 0 10px 0; } /* ALERTS */ #alerts { position: fixed; right: 0; top: 210px; width: 320px; z-index: 49; } #alerts .alert { background: #fff; box-shadow: -3px 3px 3px 0px rgba(0, 0, 0, 0.15); margin-bottom: 1px; opacity: 1; padding: 20px; transition: opacity 0.2s linear, margin 0.2s linear; width: 320px; } #alerts .alert:hover { opacity: 1; } #alerts .alert .close { background: url(../images/sprite.png) no-repeat -780px -120px; cursor: pointer; float: right; height: 17px; opacity: .2; overflow: hidden; text-indent: -9999px; width: 17px; } #alerts .alert:hover .close { opacity: 1; } #alerts .alert h3 { font-size: 22px; margin: 0 0 5px 0; } #alerts .alert p { font-size: 13px; margin: 0 0 5px 0; } #alerts .alert p strong { font-weight: bold; } #alerts .alert p em { font-style: italic; } #alerts .alert p a { color: #4B2E84; text-decoration: underline; } #alerts .alert .date { color: #AC002D; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; } #alerts .alert.disabled { margin-left: 50px; opacity: 0; } .bigtree_bar_open #alerts { top: 250px; } /* FOOTER */ #footer { background: #222; overflow: hidden; position: relative; } #footer .row { padding: 50px 0; } #footer .logo { background: url(../images/sprite.png) no-repeat; display: block; height: 40px; text-indent: -9999px; width: 262px; } #footer p { color: #B3ADCA; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; line-height: 1.4; margin: 20px 0 25px 0; } #footer .twitter { background: url(../images/sprite.png) no-repeat -925px -50px; float: left; height: 30px; margin: 0 10px 0 0; text-indent: -9999px; width: 30px; } #footer .facebook { background: url(../images/sprite.png) no-repeat -960px -50px; float: left; height: 30px; margin: 0 10px 0 0; text-indent: -9999px; width: 30px; } #footer .youtube { background: url(../images/sprite.png) no-repeat -925px -85px; float: left; height: 30px; text-indent: -9999px; width: 30px; } #footer .primary { border-bottom: 1px solid #4E4E4E; margin: 0 0 15px 0; overflow: hidden; padding: 0 0 15px 0; } #footer .primary li { float: left; margin: 0 20px 0 0; } #footer .primary li.last { margin: 0; } #footer .primary li a { color: #FFF; font-size: 16px; line-height: 16px; } #footer .secondary { float: left; width: 48%; } #footer .secondary li, #footer .static li { margin: 0 0 10px 0; } #footer .secondary li a, #footer .static li a { color: #B3ADCA; font-size: 12px; line-height: 12px; text-transform: uppercase; } #footer .static { float: right; width: 48%; } #footer .static li { margin: 0 0 10px 0; } #footer .static li a { line-height: 16px; } #footer .static li a span { background: url(../images/sprite.png) no-repeat; float: left; height: 16px; margin: 0 7px 0 0; width: 16px; } #footer .static li a .info { background-position: -850px -100px; } #footer .static li a .visit { background-position: -866px -100px; } #footer .static li a .apply { background-position: -882px -100px; } #footer .static li a .feedback { background-position: -898px -100px; } /* Sub-Footer */ #explore { margin: 75px 0 0 0; position: relative; -webkit-backface-visibility: hidden;/* backface-visibility: hidden; */ overflow: hidden; } #explore .row { height: 0px; padding: 0; } #explore header { background: #655A93; height: 60px; margin: 0 0 0 11.5px; position: absolute; width: 1175px; z-index: 2; } #explore header .submit { color: #B4ADCB; font-size: 14px; left: 30px; line-height: 60px; position: absolute; text-transform: uppercase; } #explore header .submit:before { background: url(../images/sketch-icons.png) -25px 0; content: ''; display: block; float: left; height: 15px; margin: 20px 10px 0 0; opacity: 0.5; transition: opacity 0.3s; width: 18px; } #explore header .topics_handle { color: #B4ADCB; cursor: pointer; font-size: 14px; line-height: 60px; position: absolute; right: 30px; text-transform: uppercase; transition: color 0.3s; } #explore header .topics_handle:after { background: url(../images/sketch-icons.png) -25px -23px; content: ''; display: block; float: right; height: 19px; margin: 17px 0 0 10px; opacity: 0.5; transition: opacity 0.3s; width: 18px; } #explore header h2 { color: #FFF; margin: 0; line-height: 60px; text-align: center; } #explore .wrap { overflow: hidden; } #explore .topics { background: #E8E7E3; box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1); height: 50px; opacity: 0; padding: 10px 15px; pointer-events: none; position: absolute; right: 0; top: 60px; width: auto; z-index: 2; } #explore .topics h4 { color: #3D2C77; font-size: 14px; margin: 15px 0 5px; text-transform: uppercase; } #explore .topics span { background: none; cursor: pointer; display: block; float: left; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 12px; margin: 0 0 5px; padding: 5px 10px; text-transform: uppercase; } #explore .topics span.active { background: #fff; } #explore .topics.open { opacity: 1; pointer-events: all; } #explore.stuck header { box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); position: fixed; top: 210px; } #explore .grid { overflow: hidden; width: 100%; } #explore .grid figure { display: none; float: left; overflow: hidden; position: relative; width: 20%; } #explore .grid figure:nth-child(5n+1) { clear: left; } #explore .grid img { float: left; margin: -1%; opacity: 0; width: 102%; } #explore .grid img.loaded { opacity: 1; } #explore .grid figcaption { *background: #B3ADCA; background: rgba(179, 173, 202, 0.80); *display: none; height: 100%; left: 0; opacity: 0; position: absolute; text-align: center; top: 0; width: 100%; } #explore .grid figcaption p { color: #333; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 16px; } #explore .grid figcaption hr { background: none; border: 1px solid #9C95BA; border-width: 1px 0 0; height: auto; margin: 20px auto; width: 125px; } #explore .grid figcaption strong { color: #333; display: block; font-family: minion-pro, Georgia, serif; font-weight: 600; font-size: 18px; margin: 0 0 5px; } #explore .grid figcaption small { color: #4B2E84; display: block; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-style: italic; font-size: 13px; } #explore .grid .table { display: table; height: 100%; width: 100%; } #explore .grid .cell { display: table-cell; height: 100%; padding: 30px; vertical-align: middle; width: 100%; } #explore .load_more { font-family: minion-pro, Georgia, serif; font-weight: 400; background: rgba(101,90,147,0); border: 1px solid #FFF; border-color: rgba(255,255,255,0.5); bottom: 20px; cursor: pointer; color: #fff; font-size: 18px; font-style: italic; height: 50px; left: 0; line-height: 46px; margin: 0 auto; position: absolute; right: 0; text-align: center; transition: border-color 0.3s, background 0.3s; width: 1175px; } #submit_picture { display: none; } .submit_picture_modal { width: 600px; } /* Timeline */ .timeline { background: #FAFAFA url(../images/footer-shadow.png) no-repeat top center; overflow: hidden; padding-bottom: 150px; text-align: center; } .timeline .row { background: url(../images/timeline_divider.png) repeat-x left 136px; } .timeline .desktop-12 { position: relative; } .timeline h2 { padding: 30px 60px 20px; } .timeline h3 { color: #5B418F; margin: 0; } .timeline img { width: 100%; } .timeline .roller_arrow { top: 115px; z-index: 3; } .timeline .roller_viewport { height: 250px; position: relative; } .timeline .roller_canister { overflow: visible; } .timeline .roller_item { border-color: #E9E6F0; cursor: pointer; float: left; margin: 0 25px 0 0; opacity: 0; position: relative; width: 175px; z-index: 1; *visibility: hidden; } .timeline .animated .roller_item { transition: opacity 0.5s linear; } .timeline .roller_item.active { z-index: 2; } .timeline .roller_item.active figure { display: block; } .timeline .roller_item.visible.faded { opacity: 0.5; } .timeline .roller_item.visible { opacity: 1; *visibility: visible; } .timeline figure { box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5); display: none; height: 340px; margin: -20px 0 0 -41px; position: absolute; width: 255px; z-index: 3; } .timeline figure figcaption { *background: #4B2E84; background: rgba(75,46,132,0.75); bottom: 10px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); left: 10px; padding: 5px 10px; position: absolute; width: 235px; } .timeline figure figcaption h3 { color: #D3CCE1; } .timeline figure figcaption p { color: #FFF; font-size: 14px; line-height: 22px; } .timeline figure figcaption p a { color: #B8ACCB; text-decoration: underline; } .timeline .dot { background: url(../images/sprite.png) no-repeat -695px -65px; display: inline-block; height: 9px; margin: 2px 0 10px 0; position: relative; width: 9px; z-index: 2; } /* Sub Pages */ header.page { background: #F4F2ED; overflow-x: hidden; padding: 40px 0; position: relative; width: 100%; } nav.breadcrumb { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; margin: 20px 0 0 0; overflow: hidden; } nav.breadcrumb a { color: #666; float: left; font-size: 12px; line-height: 1.2; text-transform: uppercase; } nav.breadcrumb a.last { color: #B7ABCE; } nav.breadcrumb span { color: #B7ABCE; float: left; font-size: 12px; line-height: 1.2; margin: 0 15px; } header.image { height: 600px; } header.image h1 { color: #FFF; text-shadow: 3px 3px 4px rgba(0,0,0,0.35); } header.image nav.breadcrumb a, header.image nav.breadcrumb span { color: #FFF; text-shadow: 3px 3px 4px rgba(0,0,0,0.35); } nav.features a { background: url(../images/sprite.png) no-repeat; display: block; height: 132px; margin: 127px 0 0 0; position: absolute; width: 65px; z-index: 3; } nav.features .previous { background-position: -300px 0px; left: 0; } nav.features .next { background-position: -375px 0px; right: 0; } nav.features .disabled { opacity: 0.5; } section.page { background: #FAFAFA; padding: 65px 0; overflow: hidden; } .subnavigation { border-top: 1px solid #E9E6F0; margin: 0 0 25px 0; } .subnavigation a { border-bottom: 1px solid #E9E6F0; color: #4B2D84; display: block; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 16px; line-height: 20px; padding: 20px 10px; } .subnavigation a.active { background: #4B2E84; color: #fff; padding: 20px; } .subnavigation a.sub_active { background: #4B2E84; color: #FFF; padding: 20px; } .subnavigation a.external:after {background: url(../images/sprite.png) no-repeat -576px 0; content:" "; display: block; height: 16px; float: right; width:26px; } .subnavigation .depth_2 { background: #fff; padding: 0 20px 20px 20px; } .subnavigation .depth_2 a { background: transparent; border-bottom: 1px solid #E6E3EC; border-top: none; color: #9E96BB; font-size: 14px; line-height: 1.2; padding: 12px 6px; } .subnavigation .depth_2 a.last { border: none; } .subnavigation .depth_2 a.active { background: transparent; color: #222; } .subnavigation .depth_2 a.external:after {background: url(../images/sprite.png) no-repeat -602px 0; content:" "; display: block; float: right; height: 9px; margin-top: 2px; opacity: 0; transition: opacity 0.2s linear; width:15px; } .body_full { float: none; } .body h1 { color: #333; font-size: 48px; line-height: 54px; } .body h2 { color: #3D2C77; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 36px; font-style: italic; line-height: 1.5; margin: 0 0 10px 0; } .body h3 { color: #4B2C84; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 23px; line-height: 1.2; margin: 0 0 15px 0; text-transform: uppercase; } .body h4 { color: #2A183A; font-size: 19px; line-height: 1.2; margin: 0 0 5px 0; } .body h5 { color: #3D2C77; font-size: 13px; font-style: italic; line-height: 1.2; margin: 0 0 10px 0; } .body h6 { color: #4B2C84; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600 font-size: 12px; line-height: 12px; margin: 0; text-transform: uppercase; } .body a { color: #4B2E84; text-decoration: underline; } .body p { color: #1F1120; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; line-height: 1.5; margin: 0 0 30px 0; } .body p.introduction { font-size: 24px; line-height: 36px; } .body_callouts_top { background: url(../images/callout-bg.png) repeat-x; margin: 70px 0 0 0; padding: 70px 50px 0px 50px; } .callouts_top .callout { margin-top: 0; } .body ul, .body ol { margin: 0 0 30px 0; } .body ul ul, .body ul ol, .body ol ul, .body ol ol { margin: 0 0 20px 30px; } .body ul > li { background: url(../images/li.png) no-repeat 20px 12px; color: #1F1120; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; line-height: 1.5; margin: 0 0 20px 0; padding: 0 0 0 30px; } .body ol > li { color: #1F1120; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; line-height: 1.5; list-style: outside decimal; margin: 0 0 20px 30px; } .body table { border-collapse: collapse; border-spacing: 0; display: table; margin: 0 0 30px 0; width: 100%; } .body table strong { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-weight: normal; } .body th, .body thead td { background: #E7E5EE; color: #4B2E84; display: table-cell; font-size: 12px; line-height: 1.2; padding: 13px 25px; text-align: left; text-transform: uppercase; } .body td { border-bottom: 1px solid #E9E6F0; color: #2A1839; display: table-cell; font-size: 14px; line-height: 1.2; padding: 20px 25px; } .body table.compact th, .body table.compact thead td { border: 1px solid #e7e5ee; background: #E7E5EE; color: #4B2E84; display: table-cell; font-size: 11px; line-height: 1.2; padding: 7px 10px; text-align: left; text-transform: uppercase; } .body table.compact td { margin:0; padding: 0; border: 1px solid #E9E6F0; color: #2A1839; display: table-cell; font-size: 12px; line-height: 1.2; padding: 10px 10px; } .body a.button { background: #E6E2ED url(../images/button-bg.png) no-repeat top right; color: #4B2C84; display: inline-block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 20px; font-style: italic; height: auto; line-height: 30px; padding: 15px 60px 15px 15px; text-decoration: none; text-transform: none; } .body strong { font-weight: 800; } .body em { font-style: italic; } .body .jumplinks { background: #fff; margin:10px 0; padding: 20px; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; -ms-column-gap: 20px; -o-column-gap: 20px; column-gap: 20px; } .body .jumplinks_single { background: #fff; margin:10px 0; padding: 20px; } .body .jumplinks li, .body .jumplinks_single li { background: transparent; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 13px; line-height: 15px; margin:0 0 5px; padding:7px 0; } .body .jumplinks li a, .body .jumplinks_single li a { text-decoration: none; } a.button_link { background-image: none; background-color: #E6E2ED; color: #4B2C84; display:inline-block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 20px; font-style: italic; height: auto; line-height: 30px; margin:0 20px 20px 0; min-width: 200px; padding:15px; text-decoration: none; text-transform: none; } a.button_link:after { background: url(../images/sprite.png) no-repeat -925px -150px; content:""; display: block; height: 30px; float: right; margin-left: 15px; width: 30px; } .sidebar a.button_link { display: block; margin-right: 0; width:auto; } .image_headline { border-top: 1px solid #E9E6F0; margin: 0 0 30px 0; padding: 30px 0 0 0; } .image_headline h3 { color: #2A1839; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 22px; line-height: 26px; margin: 0 0 5px 0; text-transform: none; } .image_headline p { color: #2A1839; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; margin: 0; } .image_caption { border-bottom: 1px solid #E9E6F0; float: left; margin:0 20px 10px 0; padding-bottom: 20px; } .image_caption figcaption { color: #666; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; font-style: italic; line-height: 22px; margin: 0; } /* Callout Blockquote */ .body figure.quote { background: url(../images/blockquote.png) no-repeat 0px 0px; margin: 0 0 30px -60px; padding: 0 0 0 60px; width: 90%; } .body blockquote { color: #2A1839; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 28px; line-height: 1.5; margin: 0; padding: 0; } .body figure.quote figcaption { color: #655992; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 20px; font-style: italic; line-height: 1.2; text-align: right; } /* TinyMCE Template Blockquote */ .blockquote-citation { background: url(../images/blockquote.png) no-repeat 0px 0px; margin: 0 0 30px -60px; padding: 0 0 0 60px; } .blockquote-citation blockquote { color: #2A1839; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 28px; line-height: 1.5; margin: 0; } .blockquote-citation figcaption { color: #655992; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 20px; line-height: 1.2; text-align: right; } .blockquote-citation figcaption cite { font-style: italic; } /* right side bar */ aside.in_content_callouts { float: right; margin: 0 0 0 20px; width: 35.4838%; } aside.in_content_callouts a { text-decoration: none; } aside.in_content_callouts .callout { background: #F4F2ED; display: block; margin: 0 0 25px 0; padding: 0 20px 20px 20px; } aside.in_content_callouts .callout small { border-top: 5px solid #4B2E84; color: #4B2E84; display: block; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 12px; padding: 15px 0 5px 0; text-transform: uppercase; } aside.in_content_callouts .callout p { color: #2A1839; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 22px; line-height: 1.4; margin: 0 20px 0 0; } aside.in_content_callouts .callout img { display: block; margin: 15px 0 0 0; width: 100%; } aside.in_content_callouts .purple_callout { background: #4B2E84; } aside.in_content_callouts .purple_callout small { border-color: #9E89DB; color: #9E89DB; } aside.in_content_callouts .purple_callout p { color: #FFF; } aside.in_content_callouts .white_callout { background: transparent; border: 1px solid #E9E6F0; } nav.in_content { background: #F4F2ED; margin: 0 0 20px 0; padding: 0 20px 20px 20px; } nav.in_content header { border-bottom: 1px solid #EAE6E8; border-top: 5px solid #4B2E84; color: #4B2E84; display: block; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 12px; padding: 15px 0 20px 0; text-transform: uppercase; } nav.in_content a { border-bottom: 1px solid #EAE6E8; color: #8F83A5; display: block; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.2; padding: 15px 0; } /* Form Styles */ .checkbox { float: left; margin: 0 7px 0 0; } .checkbox a { background: url(../images/sprite.png) 0px -150px; cursor: pointer; display: block; height: 17px; width: 17px; } .checkbox a.checked { background-position: 0px -184px; } .checkbox a.focused { background-position: 0px -167px; } .checkbox a.checked.focused { background-position: 0px -201px; } .checkbox a.disabled { opacity: 0.3; } .radio_button { float: left; margin: 0 7px 0 0; } .radio_button a { background: url(../images/sprite.png) -17px -150px; cursor: pointer; display: block; height: 17px; width: 17px; } .radio_button a.checked { background-position: -17px -184px; } .radio_button a.focused { background-position: -17px -167px; } .radio_button a.checked.focused { background-position: -17px -201px; } .radio_button a.disabled { opacity: 0.3; } .select { background: #E5E5E5; color: #333; cursor: pointer; float: left; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 12px; height: 35px; line-height: 30px; margin: 0; user-select: none; } .select.disabled { opacity: 0.5; } .select .handle { background: url(../images/sprite.png) -35px -150px; float: right; height: 35px; position: absolute; right: 0; width: 35px; z-index: 2; } .select span { -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; display: block; overflow: hidden; padding: 0 44px 0 10px; position: relative; text-overflow: ellipsis; white-space: nowrap; } .select .group { background: #F6F6F6; color: #666; font-size: 10px; line-height: 15px; padding: 5px 10px; } .select .select_options { background: #FFF; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: block; max-height: 300px; overflow: auto; position: absolute; z-index: 5; } .select a { border-bottom: 1px solid #E5E5E5; color: #797979; display: block; font-size: 12px; line-height: 17px; min-height: 15px; padding: 5px 10px; text-decoration: none; user-select: none; } .select a:last-child { border-bottom: none; } .select a.active { background: #E9E6F0; } .select a.optgroup { padding: 5px 20px; } .select.focused { border-color: #AAA; } .select.open { border-radius: 2px 2px 0px 0px; } .form_error .select { background-color: #FCE8E8; border-color: #990000; } .form_error .select .handle { background-position: -374px -105px; } .file_wrapper { background: #FFF; border: 1px solid #CCC; border-radius: 2px; color: #333; display: block; height: 30px; margin: 0; overflow: hidden; width: 300px; } .file_wrapper .handle { background: #BBB url(../images/row-bg-sprite.png) repeat-x 0px -188px; border-left: 1px solid #CCC; border-radius: 0px 2px 2px 0px; color: #333; display: block; font-size: 14px; height: 30px; line-height: 30px; margin: 0 0 0 229px; position: relative; text-align: center; text-shadow: 1px 1px 1px #FFF; width: 70px; } .file_wrapper .data { float: left; font-size: 12px; height: 30px; line-height: 30px; margin: -30px 0 0 0; overflow: hidden; padding: 0 0 0 10px; position: relative; text-overflow: ellipsis; white-space: nowrap; width: 200px; } .file_wrapper input { cursor: pointer; height: 30px; opacity: 0; position: absolute; width: auto; } form.styled { } form.styled fieldset { margin: 0 0 20px 0; overflow: hidden; } form.styled label { color: #1F1120; display: block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; line-height: 1.5; margin: 10px 0 3px; } form.styled label.for_checkbox { color: #797979; cursor: pointer; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 13px; line-height: 19px; margin: 0; padding-left: 25px; user-select: none; } form.styled input.text, form.styled input[type=text] { background: #E5E5E5; border: 1px solid #ccc; display: block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 14px; height: 35px; padding: 5px 10px; width: 100%; } form.styled input.text.error, form.styled input[type=text].error { border-color: #CC0000; } form.styled textarea { background: #E5E5E5; border: none; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 14px; height: 150px; padding: 5px 10px; width: 100%; } form.styled .checkbox_container { margin: 0 0 7px 0; overflow: hidden; } form.styled input[type=submit], form.styled input.submit { background: #918AAE; border: none; clear: both; color: #E3E2EB; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 11px; height: 35px; margin: 20px 0 0 0; padding: 8px 25px 13px; text-transform: uppercase; } form.styled .form_builder_sublabel { color: #999; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 11px; margin: 4px 0 0; text-transform: uppercase; } form.styled .recaptchatable #recaptcha_response_field { height: 20px; } form.styled .recaptchatable a, form.styled .recaptchatable a:hover { color: #333; } /* Styles repeated for embed forms */ .styled form fieldset { margin: 0 0 20px 0; overflow: hidden; } .styled form label { color: #1F1120; display: block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; line-height: 1.5; margin: 0 0 3px; } .styled form label.for_checkbox { color: #797979; cursor: pointer; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 13px; line-height: 19px; user-select: none; } .styled form input.text, .styled form input[type=text] { background: #E5E5E5; border: 1px solid #ccc; display: block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 14px; height: 35px; padding: 5px 10px; width: 100%; } .styled form textarea { background: #E5E5E5; border: none; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 14px; height: 150px; padding: 5px 10px; width: 100%; } .styled form .checkbox_container { margin: 0 0 7px 0; overflow: hidden; } .styled form input[type=submit], .styled form input.submit { background: #918AAE; border: none; clear: both; color: #E3E2EB; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 11px; height: 35px; margin: 20px 0 0 0; padding: 8px 25px 13px; text-transform: uppercase; } .styled form .form_builder_sublabel { color: #999; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 11px; margin: 4px 0 0; text-transform: uppercase; } .styled form .recaptchatable #recaptcha_response_field { height: 20px; } .styled form .recaptchatable a, form.styled .recaptchatable a:hover { color: #333; } .styled form .form_h1 { border-bottom:1px solid #CCCCCC; margin: 20px 0; padding: 0 0 10px 0;} .styled form .form_h1 .form_label { color: #3D2C77; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 32px; font-style: italic; } /* End Repeat*/ form.gray input.text, form.gray input[type=text] { background: #FFF; } form.gray textarea { background: #FFF; } form.gray .select { background: #FFF; } form.gray input.submit, form.gray input[type=submit] { background: #4B2E84; color: #CECBDD; } .form_builder p { margin: 0 0 10px 0; } .form_builder_required_message { margin: 0 0 30px 0; } .form_builder_required_message p { font-size: 14px; margin: 0; } .form_builder_required_star { color: #3D2C77; } .form_builder_section_header h2 { margin: 0; } .form_builder_section_header p { font-size: 14px; margin: 0 0 20px 0; } .form_builder_column { float: left; margin: 0 3.2258% 20px 0; width: 48.3871%; } .form_builder_last { margin-right: 0; } .form_builder_firstname { float: left; margin: 0 3.2258% 0 0; width: 48.3871%; } .form_builder_lastname { float: left; width: 48.3871%; } .form_builder_date_2 { float: left; margin: 0 10px 0 0; width: 35px; } .form_builder_date_4 { float: left; width: 50px; } .form_builder_full { margin: 0 0 10px 0; } .form_builder_split { float: left; margin: 0 3.2258% 10px 0; width: 48.3871%; } .form_builder_split_last_col { margin-right: 0; } .form_builder_phone_3 { float: left; margin: 0 10px 0 0; width: 43px; } .form_builder_phone_4 { float: left; width: 50px; } .form_builder_errors { background: #918AAE; margin: 20px 0; padding: 15px 20px; } .form_builder_errors p { color: #FFF; margin: 0; } .form_builder_captcha_error { background: #918AAE; margin: 20px 0; padding: 15px 20px; } .form_builder_captcha_error p { color: #FFF; margin: 0; } /* TOP FEATURES */ /* Page Feature */ .page_feature { margin: 30px 0 0 0; overflow: hidden; position: static; } .page_feature.initialized { overflow: visible; } .page_feature .roller_canister { height: 375px; } .page_feature .roller_arrow { top: 305px; z-index: 4; } .page_feature .roller_viewport { position: relative; } .page_feature .roller_item { float: left; position: relative; margin: 0 25px 0 0; width: 575px; transition: width 0.5s ease-out; } .page_feature .roller_page_sizer { margin: 0 25px 0 0; } .page_feature img { width: 100%; } .page_feature figure { display: block; opacity: 0.3; pointer-events: none; width: 575px; transition: opacity 0.5s ease-out; } .page_feature .info { background: #FFF; height: 325px; padding: 40px 35px; opacity: 0; position: absolute; right: 0; top: 25px; width: 475px; z-index: 2; transition: opacity 0.5s ease-out, right 0.25s ease-out; } .page_feature .topic { color: #9E96BB; display: block; font-size: 12px; font-weight: normal; line-height: 12px; margin: 0 0 5px 0; text-transform: uppercase; } .page_feature h2 { color: #333; font-size: 28px; font-style: normal; line-height: 1.2; margin: 0; } .page_feature .subtitle { color: #9E96BB; display: block; font-size: 13px; line-height: 13px; margin: 10px 0 10px 0; } .page_feature .links { font-size: 15px; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; line-height: 20px; margin: 15px 0 0 0; } .page_feature .links a { color: #4B2C84; text-decoration: none; } .page_feature .links span { display: inline-block; padding: 0 10px; font-size: 12px; line-height: 20px; color: #B7ABCD; } .page_feature .roller_item.active { width: 975px; } .page_feature .active .info { opacity: 1; } .page_feature .active figure, .page_feature .visible figure { opacity: 1; pointer-events: all; } .page_feature .video_is_active .info { right: -75px; } /* Page Feature - In Page */ .page_feature.in_page { margin: 0 0 50px 0; } .page_feature.in_page .row { position: relative; } .page_feature.in_page .info { display: block; opacity: 1; position: absolute; right: 0; top: 30px; width: 380px; z-index: 2; } .page_feature.in_page figure { opacity: 1; pointer-events: all; width: 100%; } .page_feature.in_page img { display: block; width: 100%; } .page_feature.in_page p { color: #323839; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.5; margin-bottom: 0; } .page_feature.in_page .video_is_active .info { right: -240px; } /* Photo Gallery */ .photo_gallery { margin: 30px 0 0 0; overflow: hidden; } .photo_gallery img { display: block; width: 100%; } .photo_gallery p { background: #4B2E84; bottom: 20px; clear: both; color: #FFF; *display: none; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; line-height: 1.5; max-width: 255px; opacity: 0; padding: 15px 20px; position: absolute; right: 20px; } .photo_gallery .roller_item { float: left; margin: 0; position: relative; width: 588px; } .photo_gallery .controls { top: 112px; } .photo_gallery .roller_arrow { z-index: 4; } .photo_gallery .sizer_size { overflow: hidden; } .photo_gallery.above_page .roller_canister { height: 340px; } /* Photo Gallery - In Page */ .photo_gallery.in_page { margin: 0 0 50px 0; } .photo_gallery.in_page .row { position: relative; } .photo_gallery.in_page img { display: block; width: 100%; } .photo_gallery.in_page p { background: #4B2E84; bottom: 20%; display: block; color: #FFF; margin: 0; max-width: 45%; opacity: 1; padding: 15px 20px; position: absolute; right: 0%; } .photo_gallery.in_page .video_replace { margin-top: -100%; } /* Department Feature */ .department_feature { margin: 30px 0 0 0; overflow: hidden; position: static; } .department_feature.initialized { overflow: visible; } .department_feature .roller_arrow { top: 305px; z-index: 4; } .department_feature .roller_viewport { position: relative; } .department_feature .roller_item { float: left; margin: 0; } .department_feature .sizer_size { height: 340px; overflow: hidden; } .department_feature .image { float: left; height: 340px; overflow: hidden; width: 1px; transition: width 0.5s ease-out; } .department_feature img { width: 100%; } .department_feature figure { display: block; opacity: 0; width: 600px; transition: opacity 0.5s ease-out; } .department_feature .info { background: #fff; float: right; height: 340px; margin: 0 10px 0 0; padding: 30px; width: 275px; } .department_feature .topic { color: #9E96BB; display: block; font-size: 12px; line-height: 12px; margin: 0 0 5px 0; text-transform: uppercase; } .department_feature h2 { color: #333; font-size: 28px; font-style: normal; line-height: 1.2; margin: 0; } .department_feature .subtitle { color: #9E96BB; display: block; font-size: 13px; line-height: 13px; margin: 10px 0 10px 0; } .department_feature .links { font-size: 15px; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; line-height: 20px; margin: 15px 0 0 0; } .department_feature .links a { color: #4B2C84; text-decoration: none; } .department_feature .links span { display: inline-block; padding: 0 10px; font-size: 12px; line-height: 20px; color: #B7ABCD; } .department_feature .dark_purple .info { background: #2A183A; } .department_feature .purple .info { background: #4B2E84; } .department_feature .light_purple .info { background: #B7ABCE; } .department_feature .purple h2, .department_feature .dark_purple h2 { color: #fff; } .department_feature .purple p, .department_feature .dark_purple p { color: #fff; } .department_feature .purple a, .department_feature .dark_purple a { color: #fff; } .department_feature .active figure { opacity: 1; } .department_feature .active .image { width: 600px; } /* Department Feature - In Page */ .department_feature.in_page { background: #4B2E84; margin: 0 0 50px 0; } .department_feature.in_page .image { width: 499px; transition: none; height: 283px; } .department_feature.in_page figure { opacity: 1; width: 100%;} .department_feature.in_page .info { margin: 0; height: 283px; } .department_feature.in_page p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; } /* Academics Feature */ .academics_feature { margin: 20px 0 0 0; overflow: hidden; position: static; } .academics_feature .roller_canister { height: 360px; } .academics_feature .roller_arrow { top: 260px; z-index: 3; } .academics_feature .roller_viewport { position: relative; } .academics_feature .roller_item { cursor: pointer; margin: 10px 1px 10px 0; position: relative; width: 293px; } .academics_feature figure { overflow: hidden; position: relative; } .academics_feature img { float: left; transition: opacity 0.3s linear; width: 100%; } .academics_feature figcaption { font-family: minion-pro, Georgia, serif; font-weight: 400; *background: #4B2E84; background: rgba(75,46,132,0.9); bottom: 0; color: #F2F2EB; font-size: 18px; height: 45px; left: 0; line-height: 45px; padding: 0 15px; position: absolute; width: 100%; } .academics_feature .faded img { opacity: 0.5; } .academics_feature .content { background: #FFF; height: 360px; opacity: 0; padding: 50px 30px; pointer-events: none; position: absolute; right: -274px; top: -10px; transition: opacity 0.3s linear, left 0.3s linear, right 0.3s linear; width: 293px; z-index: -1; } .academics_feature .content h3 { color: #3D2C77; font-size: 28px; margin: 0 0 10px 0; } .academics_feature .content em { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #9E95BB; display: block; font-size: 13px; margin: 0 0 5px 0; } .academics_feature .content p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; } .academics_feature .active figcaption { *background: #9E89DB; background: rgba(158,137,219,0.9); } .academics_feature .active .content { opacity: 1; pointer-events: all; right: -294px; top: -10px; z-index: 2; } .academics_feature .content.display_left { right: 274px; } .academics_feature .active .content.display_left { right: 294px; } /* Admissions Feature */ .admissions_feature .roller_arrow { top: 260px; z-index: 4; } .admissions_feature .background_item { *display: none; display: block; left: 0; opacity: 0; position: absolute; top: 0; z-index: 0; transition: none; } .admissions_feature .background_item.active { *display: block; opacity: 1; z-index: 1; } .admissions_feature .background_item.was_active { *display: block; opacity: 1; z-index: 0; } .admissions_feature .background_item img { width: 100%; } .admissions_feature .information { margin-top: 100px; position: relative; } .admissions_feature .info { *background: #222; background: rgba(0, 0, 0, 0.45); *display: none; opacity: 0; padding: 30px; position: absolute; top: 0; z-index: 2; } .admissions_feature .info.active { *display: block; opacity: 1; z-index: 3; } .admissions_feature .info .title { float: left; padding: 0 30px 0 0; width: 40%; } .admissions_feature .info h4 { color: #ADA8C8; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size:14px; margin-bottom: 15px; text-transform: uppercase; } .admissions_feature .info h2 { color: #fff; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 36px; font-style: normal; line-height: 48px; text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.35); } .admissions_feature .info .description { border-left: 1px solid rgba(255, 255, 255, 0.15); margin-left: 30px; overflow: hidden; padding-left: 30px; } .admissions_feature .info p { color: #fff; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 20px; line-height: 28px; text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.35); } .admissions_feature .info p a { border-bottom: 1px solid rgba(255, 255, 255, 0.4); color: #fff; } .admissions_feature.animated .background_item.active { transition: opacity 0.75s ease-in; } .admissions_feature.animated .info.active { transition: opacity 0.75s ease-in; } .admissions_feature.animated .info.was_active { transition: opacity 0.75s ease-out; } /* Student Life Feature */ .student_life_feature { margin-top: 30px; position: static; overflow: hidden; } .student_life_feature .roller_canister { height: 380px; } .student_life_feature .roller_arrow { top: 295px; z-index: 3; } .student_life_feature .roller_viewport { position: relative; } .student_life_feature .roller_item { margin: 0 1px 0 0; position: relative; width: 587px; } .student_life_feature .roller_item img { display: block; width: 100%; } .student_life_feature .info { *background-color: #2A183A; background-color: rgba(42,24,58,.8); bottom: 20px; left: 20px; padding: 20px; position: absolute; width: 70%; z-index: 2; } .student_life_feature .info:before { background: url(../images/sprite.png) no-repeat -925px -275px; content: ''; display: block; float: left; height: 47px; margin: 0 10px 0 0; width: 47px; } .student_life_feature .info h2 { color: #fff; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 20px; font-style: normal; line-height: 28px; margin-bottom: 5px; } .student_life_feature .info .subtitle { color: #73669D; font-size: 13px; } .student_life_feature .video_replace:before { background: none; display: none; } /* After Kenyon Feature */ .after_kenyon_feature .roller { margin: 50px 0 0 0; position: static; } .after_kenyon_feature .roller_viewport { position: relative; -webkit-backface-visibility: hidden;/* backface-visibility: hidden; */ } .after_kenyon_feature .roller_item { *display: none; margin: 0 25px 0 0; opacity: 0; width: 275px; transition: opacity 0.5s linear; } .after_kenyon_feature .roller_item.visible { *display: block; opacity: 1; } .after_kenyon_feature .disc { *background: #fff; background: rgba(255,255,255,0.8); border-radius: 100%; display: block; height: 275px; margin: 0 auto; overflow: hidden; padding: 60px 30px 0 30px; position: relative; text-align: center; width: 275px; } .after_kenyon_feature .disc .hover { border-radius: 100%; } .after_kenyon_feature .disc.dark_purple { *background: #2A183A; background: rgba(42,24,58,0.9); } .after_kenyon_feature .disc.purple { *background: #4B2E84; background: rgba(75,46,132,0.9); } .after_kenyon_feature .disc.light_purple { *background: #B7ABCE; background: rgba(183,171,206,0.9); } .after_kenyon_feature .roller_arrow { top: 230px; z-index: 4; } .after_kenyon_feature h2 { color: #FFF; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 80px; line-height: 1; } .after_kenyon_feature h2 .context { color: #9A9A9A; } .after_kenyon_feature h2 .context_2 { font-size: .75em; } .after_kenyon_feature h2 .context_3 { font-size: .65em; } .after_kenyon_feature h2 .context_long { font-size: .3em; } .after_kenyon_feature hr { background: rgba(255,255,255,0.27); height: 1px; margin: 12px auto; width: 130px; } .after_kenyon_feature p { font-size: 15px; } .after_kenyon_feature .white h2 { color: #4B2C84; } .after_kenyon_feature .white hr, .after_kenyon_feature .hover hr { background: rgba(0,0,0,0.07); } .after_kenyon_feature .white p { color: #323839; } .after_kenyon_feature .dark_purple p, .after_kenyon_feature .purple p { color: #FFF; } .after_kenyon_feature .dark_purple .context, .after_kenyon_feature .purple .context { color: #B7ABCC; } .after_kenyon_feature .light_purple .context { color: #766690; } .after_kenyon_feature .table { display: table; height: 100%; width: 100%; } .after_kenyon_feature .cell { display: table-cell; padding: 0px 30px 0 30px; vertical-align: middle; } .after_kenyon_feature .hover { background: #FFF; *display: none; height: 100%; left: 0; opacity: 0; position: absolute; text-align: center; top: 0; width: 100%; } .after_kenyon_feature .hover p { color: #323839; } .after_kenyon_feature .hover h3 { color: #4B2E84; margin: 0; } .after_kenyon_feature .roller_item:hover .hover { *display: block; opacity: 1; } .after_kenyon_feature .background_image { width: 100%; } /* Header Widgets */ .widgets { float: right; margin: 0 0 20px 20px; } .widgets strong { color: #7B6F82; display: block; font-size: 12px; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; letter-spacing: 0.06em; line-height: 12px; margin: 0 0 15px 0; text-transform: uppercase; } .widgets a { display: inline-block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; font-style: italic; height: 43px; line-height: 40px; margin:0 2px; padding: 0 25px; } .widgets .primary { background: #4B2E84; color: #FFF; } .widgets .secondary { background: #CCC; color: #4A454E; } .widgets .separator { display: inline-block; line-height: 45px; font-size: 14px; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #939593; padding: 0 10px; height: 43px; font-style: italic; } /* Sidebar Callouts */ .sidebar article { margin: 0 0 25px 0; } .sidebar article.links { background: #E6E2ED; padding: 25px 20px; } .sidebar article.links strong { color: #1F1F1F; display: block; font-size: 16px; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; line-height: 1.2; margin: 0 0 20px 0; } .sidebar article.links a { color: #4B2E84; display: block; font-size: 13px; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; line-height: 17px; margin: 0 0 15px 0; } .sidebar article.links a:last-child { margin: 0; } .sidebar article.social strong { display: block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 24px; line-height: 50px; border-bottom: 1px solid #E9E6F0; color: #333; padding: 0 0 0 13px; } .sidebar article.social a { border-bottom: 1px solid #E9E6F0; color: #333; display: block; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; overflow: hidden; padding: 13px 0 10px 0; } .sidebar article.social a:before { background: url(../images/sprite.png) no-repeat -955px -210px; content: ''; display: block; float: left; height: 30px; margin: -3px 10px 0 13px; width: 30px; } .sidebar article.social .twitter:before { background-position: -925px -180px; } .sidebar article.social .facebook:before { background-position: -955px -180px; } .sidebar article.social .person:before { background-position: -925px -210px; } .sidebar article.social .kenyon:before { background-position: -955px -210px; } .sidebar article.social .linkedin:before { background-position: -925px -240px; } .sidebar article.contact { border: 1px solid #E9E6F0; padding: 1px; background: #FFF; } .sidebar article.contact .inner { border: 1px solid #E9E6F0; padding: 20px 18px; } .sidebar article.contact small { display: block; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 12px; color: #999; margin: 0 0 20px 0; text-transform: uppercase; } .sidebar article.contact p { color: #333; font-size: 14px; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; line-height: 22px; margin: 0 0 20px 0; } .sidebar article.contact p:last-child { margin: 0; } .sidebar article.contact p a { color: #4B2C84; display: inline-block; border-bottom: 1px solid #D2CAE0; } .sidebar .flexible { background: #F4F2ED; display: block; margin: 0 0 25px 0; padding: 25px 20px; } .sidebar .flexible strong { color: #1F1F1F; display: block; font-size: 20px; font-family: minion-pro, Georgia, serif; font-weight: 400; line-height: 1.2; margin: 0 0 10px 0; } .sidebar .flexible p { color: #2A1839; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; margin: 0; } .sidebar .flexible img { display: block; margin: 15px 0 0 0; width: 100%; } .sidebar .dark_purple_flexible { background: #2A183A; } .sidebar .dark_purple_flexible strong { color: #FFF; } .sidebar .dark_purple_flexible p { color: #B7ABCE; } .sidebar .purple_flexible { background: #4B2E84; } .sidebar .purple_flexible strong { color: #FFF; } .sidebar .purple_flexible p { color: #B7ABCE; } .sidebar .white_flexible { background: transparent; border: 1px solid #E9E6F0; } /* Content Blocks */ .callout { background: url(../images/callout-bg.png) no-repeat top center; display: block; margin: 70px 0 0; overflow: hidden; padding: 70px 100px 0 100px; position: relative; } .callout h2 { color: #999; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 12px; font-style: normal; left: 20px; line-height: 20px; position: absolute; top: 20px; text-transform: uppercase; } .callout h3 { color: #333; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 30px; margin: 0 0 5px 0; text-transform: none; } .callout h3 a { color: #333; text-decoration: none; } .callout em.subtitle { color: #655992; display: block; font-size: 13px; margin: 0 0 5px 0; } .callout p { color: #323839; font-size: 14px; line-height: 22px; margin: 0 0 10px 0; } .callout a.more { color: #4B2C84; display: block; font-size: 15px; line-height: 1.2; text-decoration: none; } .top_callout .callout { margin-top: 0; } .first .callout { margin-top: 30px; } .callout .roller_viewport { height: 100%; overflow: hidden; position: relative; width: 100%; } .callout .roller_arrow { top: 100px; z-index: 3; } .callout.flexible img { float: left; width: 40.74%; } .callout.flexible .with_image { float: right; width: 55.5555%; } .callout.bulletin .issue_number { color: #655992; display: block; font-size: 13px; } .callout.bulletin .with_image { float: left; } .callout.bulletin img { float: right; } .callout.media_gallery .controls .roller_arrow { top: 150px; } .callout.media_gallery .roller_item { width: 690px; } .callout.media_gallery article { float: left; margin: 0 15px 15px 0; width: 215px; } .callout.media_gallery a { display: block; margin: 0; position: relative; } .callout.media_gallery a p { *background: #4B2E84; background: rgba(75,46,132,0.9); color: #FFF; *display: none; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; height: 100%; line-height: 22px; left: 0; padding: 18px 36px 18px 14px; opacity: 0; position: absolute; top: 0; width: 100%; } .callout.media_gallery a p:after { background: url(../images/sprite.png) no-repeat -875px -80px; content: ''; height: 16px; position: absolute; right: 10px; top: 10px; width: 16px; } .callout.media_gallery img { display: block; position: static; width: 100%; } .callout.media_gallery article:nth-child(3n+3) { margin-right: 0; } .callout.media_gallery .video_frame:before, .callout.featured_video .video_frame:before { background: url(../images/play-overlay-rect-55.png) no-repeat left bottom; content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: opacity .1s linear; width: 100%; z-index: 2; } .callout.link_list { } .callout.link_list a { border-top: 1px solid #E6E3ED; color: #4B2E84; display: block; font-size: 15px; line-height: 1.2; padding: 20px 0; text-decoration: none; } .callout.link_list div { width: 40.74%; } .callout.grouped_links { padding-top: 50px; } .callout.grouped_links section { border-bottom: 1px solid #E6E2ED; transition: none; } .callout.grouped_links .title { color: #666; cursor: pointer; display: block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 24px; line-height: 74px; padding: 0 20px; } .callout.grouped_links .title .headline { display: block; overflow: hidden; white-space: nowrap; height: 75px; } .callout.grouped_links .title .icon { background: url(../images/sprite.png) no-repeat -850px -120px; content: ''; display: block; float: right; height: 30px; margin: 22px 0 0 0; opacity: 0.55; width: 30px; } .callout.grouped_links .more { background: #FFF; display: none; overflow: hidden; padding: 0 20px 20px 20px; } .callout.grouped_links .more div { width: 47.5%; } .callout.grouped_links .more a { border-top: 1px solid #E6E2ED; display: block; font-size: 15px; line-height: 20px; padding: 15px 0; text-decoration: none; } .callout.grouped_links .expanded { background: #FFF; } .callout.grouped_links .expanded .title { border-bottom: none; color: #323839; } .callout.grouped_links .expanded .title .icon { background-position: -880px -120px; opacity: 1; } .callout.grouped_links .expanded .more { display: block; } .callout.by_the_numbers .controls .roller_arrow { top: 165px; } .callout.by_the_numbers .roller_item { background: url(../images/vertical-line.png) no-repeat center center; margin: 0 15px 0 0; width: 675px; } .callout.by_the_numbers article { float: left; height: 180px; margin: 0; padding: 20px 0 0 0; width: 40%; } .callout.by_the_numbers article.even { float: right; } .callout.by_the_numbers article.bottom { border-top: 1px solid #E6E2ED; } .callout.by_the_numbers h3 { color: #4B2D83; font-size: 50px; text-align: center; } .callout.by_the_numbers p { text-align: center; } .callout.by_the_numbers .stacked { background: url(../images/vertical-line.png) repeat-y center center; } .callout.featured_video .video_frame { float: left; width: 55.5556%; position: relative; } .callout.featured_video .content { float: right; width: 40.7407%; } .callout.featured_video h3 { font-size: 20px; } .callout.twitter_feed .roller { } .callout.twitter_feed .roller_arrow { top: 50px; } .callout.twitter_feed .roller_viewport { height: 100%; overflow: hidden; position: relative; width: 100%; } .callout.twitter_feed .roller_item { background: url(../images/vertical-line.png) no-repeat center center; margin: 0 15px 0 0; width: 675px; } .callout.twitter_feed .tweet { width: 40.74%; } .callout.twitter_feed .tweet a { text-decoration: none; } .callout.twitter_feed .tweet p { color: #333; font-size: 18px; } .callout.twitter_feed .source { color: #999; font-size: 13px; font-style: italic; line-height: 1.2; margin: 0 0 10px 0; } .callout.important_dates div { border-bottom: 1px solid #E6E2ED; margin: 0 0 20px 0; padding: 0 0 20px 0; } .callout.important_dates div:last-child { margin: 0; } .callout.important_dates h3 { font-size: 22px; margin: 0 0 5px; } .callout.important_dates p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; margin: 0; } .callout.important_dates .date { background: transparent; color: #4B2C84; float: right; font-size: 14px; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; margin-top: 5px; width: auto; } .callout .date { background: url(../images/sprite.png) no-repeat -680px 0px; float: left; height: 60px; margin: 0 14px 0 0; text-decoration: none; width: 51px; } .callout .date .month { color: #FFF; display: block; font-size: 12px; height: 24px; line-height: 24px; text-align: center; text-transform: uppercase; } .callout .date .day { color: #FFF; display: block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 28px; height: 36px; line-height: 36px; text-align: center; } .callout .time { color: #655992; display: block; font-size: 13px; } .events_by_category { } .events_by_category .roller_item { background: url(../images/vertical-line.png) no-repeat center center; margin: 0 15px 0 0; overflow: hidden; width: 675px; } .events_by_category a { float: left; height: 120px; margin: 0 18.5185% 0 0; overflow: hidden; padding: 20px 0 0 0; text-decoration: none; width: 40.74%; } .events_by_category a.even { margin: 0; } .events_by_category a .body { padding: 0 0 0 74px; } .events_by_category a.bottom { border-top: 1px solid #E6E2ED; } .events_by_category .info { float: right; width: 234px; } .events_by_category h3 { font-size: 20px; } .events_by_category.stacked .paging { height: auto; } .events_by_category.stacked .paging section { height: auto; } .callout.featured_events .tabber-contents { float: left; height: auto; overflow: hidden; width: 85.1851%; } .callout.featured_events .tabber-content { margin: 0 0 30px 0; } .callout.featured_events img { float: left; margin: 0 30px 0 0; width: 47.8261%; } .callout.featured_events .tabber-tabs { float: right; overflow: visible; padding: 0; text-align: center; width: 11.1111%; } .callout.featured_events .tabber-tab { display: inline-block; float: none; margin: 0 0 20px 0; position: relative; } .callout.featured_events .tabber-tab.active:before { background: url(../images/left-arrow.png) no-repeat center center; content: ''; display: block; float: left; height: 19px; left: -20px; position: absolute; top: 20px; width: 13px; z-index: 2; } .callout.featured_events h3 { font-size: 24px; line-height: 30px; } .callout.featured_events p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; } .callout.middlepath_stories h3 { margin: 0 0 15px 0; } .callout.middlepath_stories a { text-decoration: none; } .callout.middlepath_stories article { border: none; float: none; margin: 0 0 40px 0; overflow: hidden; padding: 0; position: relative; width: auto; } .callout.middlepath_stories article.mp_has_related { padding: 0 0 35px 0; } .callout.middlepath_stories .with_image article .category, .callout.middlepath_stories .with_image article h3, .callout.middlepath_stories .with_image article h4, .callout.middlepath_stories .with_image article .source, .callout.middlepath_stories .with_image article p { float: right; width: 55.5555%; } .callout.middlepath_stories .with_image article img { float: left; height: auto; margin: 0; width: 40.74%; } .callout.middlepath_stories .thin { background: url(../images/vertical-line.png) repeat-y center center; overflow: hidden; } .callout.middlepath_stories .thin article { float: left; width: 40.74%; } .callout.middlepath_stories .thin .right { float: right; } .callout.middlepath_stories .thin h3 { font-size: 20px; } .callout.middlepath_stories .thin .category { padding-bottom: 15px; } .callout.middlepath_stories h4 { font-size: 16px; } .callout.middlepath_stories .wide { margin: 0 0 40px 0; } .callout.middlepath_stories .source .time { display: none; } .callout.middlepath_stories .last_row { margin: 0; } .callout.middlepath_stories .category { padding-bottom: 5px; } .callout.middlepath_stories article p:last-child { margin: 0; } .callout.middlepath_stories .with_image article .middlepath_related { width: 35px; } .callout.middlepath_stories .with_image article .middlepath_related span { float: none; width: 112px; } .callout.middlepath_stories article a { border: none; padding: 0; } .callout.middlepath_stories article video { display: block; width: 100%; } .callout.instagram_feed article { margin: 1.6666%; width: 30%; float: left; } .callout.alumni_events article { margin: 0; } .callout.alumni_events article a { border-top: 5px solid #B3ADCA; display: block; padding: 25px 0 0 0; } .callout.alumni_events article .source { font-size: 15px; } .callout.alumni_events article a:hover { border-color: #B3ADCA; } .callout.alumni_events .thin { margin: 0 0 40px 0; } .callout.alumni_events .thin:last-child { margin: 0; } .callout.middlepath_social .roller_item { background: url(../images/vertical-line.png) repeat-y center center; margin: 0 15px 0 0; width: 675px; } .callout.middlepath_social .roller_arrow { top: 140px; } .callout.middlepath_social .column { float: left; margin: 0 18.5185% 0 0; overflow: hidden; position: relative; width: 40.74%; } .callout.middlepath_social .right { margin: 0; } .callout.middlepath_social h3 { font-size: 18px; margin: 0 0 10px 0; } .callout.middlepath_social .source { color: #999; display: block; font-size: 13px; } .callout.middlepath_social img { width: 100%; } .callout.middlepath_social .instagram { margin: 25px 0 0 0; position: relative; } .callout.middlepath_social .instagram figcaption { *background: #4B2E84; background: rgba(75,46,132,0.9); bottom: 0; *color: #fff; color: rgba(255,255,255,0.75); font-size: 13px; font-style: italic; left: 0; line-height: 45px; position: absolute; padding: 0 15px; position: absolute; width: 100%; } .callout.middlepath_social .instagram img { display: block; margin: 0; width: 100%; } .callout.middlepath_social .instagram .instagram_caption { color: #fff; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; display: none; font-size: 14px; line-height: 20px; margin-bottom: 20px; } .callout.middlepath_social .youtube { padding: 25px 0 0 0; } .callout.middlepath_social .tweet { border-bottom: 1px solid #E9E6F0; height: 180px; padding: 15px 0 30px 0; } .callout.middlepath_social .last_tweet { border: none; padding: 30px 0 0 0; } .callout.middlepath_social .youtube img { display: block; height: auto; margin: 0 0 10px 0; width: 100%; } .callout.middlepath_social iframe { margin: 0 0 10px 0; width: 100%; } .callout.middlepath_profiles .roller_item { width: 675px; } .callout.middlepath_profiles article { width: auto; margin: 0; } .callout.middlepath_profiles article > a { border: none; margin: 0; padding: 0;} .callout.middlepath_profiles .title { color: #655992; display: block; font-size: 13px; line-height: 1.2; margin: 10px 0 5px 0; } .callout.middlepath_profiles p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; } .callout.middlepath_profiles .inner { background: url(../images/vertical-line.png) repeat-y center center; overflow: hidden; } .callout.middlepath_profiles .inner article { float: left; margin: 0 18.5185% 0 0; padding: 0 0 35px 0; position: relative; width: 40.7407%; } .callout.middlepath_profiles .inner article.right { margin: 0; } .callout.middlepath_profiles .inner h3 { font-size: 20px; } .callout.middlepath_profiles .inner img { display: block; margin: 0 0 16px 0; width: 63.6363%; } .callout.middlepath_profiles .wide { float: none; overflow: hidden; padding: 0 0 35px 0; position: relative; } .callout.middlepath_profiles .wide img { float: left; width: 25.9259%; } .callout.middlepath_profiles .wide .contain { float: right; width: 70.37%; } .callout.middlepath_profiles .wide h3 { font-size: 24px; } .callout.middlepath_profiles .wide .title { margin: 5px 0; } .callout.middlepath_profiles .wide p { margin: 0; } .callout.middlepath_profiles .paging { height: auto; } .callout.middlepath_profiles .paging section { height: auto; } .callout.middlepath_profiles hr { background: #E9E6F0; height: 1px; margin: 30px 0; } .callout.recent_graduates { overflow: visible; } .callout.recent_graduates .title { color: #8D83A4; font-size: 18px; font-style: italic; line-height: 18px; margin: -10px 0 30px 0; text-align: center; } .callout.recent_graduates nav { height: 170px; position: relative; } .callout.recent_graduates nav a { float: left; margin: 0 3.7037% 0 0; position: relative; text-decoration: none; width: 11.1111%; } .callout.recent_graduates nav a img { display: block; margin: 0 0 10px 0; width: 100%; } .callout.recent_graduates nav a em { color: #999; display: block; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 11px; line-height: 120%; overflow: hidden; width: 100%; } .callout.recent_graduates nav a em small { display: block; font-size: 10px; } .callout.recent_graduates nav a .arrow { background: url(../images/sprite.png) no-repeat -910px -155px; display: block; height: 6px; margin: 10px auto 0; width: 10px; } .callout.recent_graduates nav a.active { -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; background: #3D2F77; box-sizing: content-box; margin: -1.4814% 2.2223% 0 -1.4814%; padding: 1.4814%; } .callout.recent_graduates nav a.active em { color: #FFF; } .callout.recent_graduates nav a.last { position: absolute; } .callout.recent_graduates nav a section { background: #F4F2ED; box-shadow: 5px 5px 4px rgba(0,0,0,0.3); display: none; height: auto; left: 80%; overflow: hidden; padding: 20px 18px; pointer-events: none; position: absolute; top: -10%; width: 200px; z-index: 2; } .callout.recent_graduates nav a section h3 { font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 20px; } .callout.recent_graduates nav a section em { color: #999 !important; font-size: 13px; } .callout.recent_graduates article { clear: both; overflow: hidden; padding: 40px 0 0 0; } .callout.recent_graduates article img { float: right; margin: 0 0 0 3.7037%; width: 25.9259%; } .callout.recent_graduates article h3 { font-size: 24px; } .callout.recent_graduates article .grad_title { color: #999; display: block; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 13px; line-height: 23px; } .callout.recent_graduates article p { font-size: 18px; line-height: 1.5; margin: 0; } .callout.ask_a_student h2 { font-family: minion-pro, Georgia, serif; font-weight: 400; border-bottom: 1px solid #E9E6F0; color: #3D2D77; font-size: 24px; font-style: italic; height: 40px; line-height: 40px; margin: -40px 0 35px 0; position: static; text-align: center; text-transform: none; } .callout.ask_a_student input[type=text] { background: #E3E3E3; border: none; float: left; margin: 0 1.1852% 0 0; width: 74.8148%; } .callout.ask_a_student input[type=submit] { background: #3D2F77; clear: none; color: #CECBDD; float: left; margin: 0; padding-top: 8px; width: 24%; } #ask_a_student_dialog { height: 350px; width: 500px; } aside.admissions_tips img { float: right; width: 40.7407%; } aside.admissions_tips ul { float: left; margin: 0; width: 40.7407%; } aside.admissions_tips ul li { background: transparent; border-bottom: 1px solid #E6E2ED; margin: 0 0 15px 0; padding: 0 0 15px 0; } aside.admissions_tips ul li:last-child { border: none; } aside.admissions_tips ul li a { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #4B2C84; display: block; font-size: 15px; line-height: 120%; text-decoration: none; } aside.admissions_tips ul li .tip_content { display: none; } aside.admissions_tips .newsletter { background: #F4F2ED; float: left; margin: 30px 0 0 0; padding: 3.7034%; width: 100%; } aside.admissions_tips .newsletter h3 { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #4B2C84; font-size: 12px; line-height: 120%; margin: 0 0 10px 0; text-transform: uppercase; } aside.admissions_tips .newsletter a { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #3D2F77; color: #CECBDD; float: right; font-size: 11px; height: 35px; line-height: 35px; text-align: center; text-decoration: none; text-transform: uppercase; width: 38.4%; } aside.admissions_tips .newsletter p { font-family: minion-pro, Georgia, serif; font-weight: 400; color: #333; float: left; font-size: 20px; line-height: 140%; margin: 0; width: 56%; } .callout.going_to_kenyon h2 { border-bottom: 1px solid #E9E6F0; color: #3D2D77; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 24px; font-style: italic; height: 40px; line-height: 40px; margin: 0 0 25px 0; position: static; text-align: center; text-transform: none; } .callout.going_to_kenyon figure { float: left; width: 30.8148%; margin: 0 3.7037% 0 0; } .callout.going_to_kenyon figure img { width: 100%; display: block; margin: 0 0 8px 0; } .callout.going_to_kenyon figure.last { margin: 0; } .callout.going_to_kenyon .share { color: #323839; font-size: 14px; line-height: 16px; display: block; text-decoration: none; } .callout.going_to_kenyon .share a { float: right; } aside.section_specific_search { background: transparent; padding-top: 0; } aside.section_specific_search form.clubs_orgs { margin: 0; } aside.section_specific_search form.clubs_orgs input.text { margin: 0; width: 60.9756%; } aside.section_specific_search form.clubs_orgs input.submit { clear: none; float: right; width: 37.19%; } aside.registrar_callouts { background: transparent; margin-top: 20px; padding-top: 0; } aside.registrar_callouts article { background: #2A183A; float: left; padding: 3.7037%; width: 48.8889%; } aside.registrar_callouts article h3 { color: #FFF; font-size: 24px; line-height: 115%; margin: 0 0 10px 0; } aside.registrar_callouts article p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #ACA5B3; font-size: 14px; line-height: 17px; margin: 0 0 15px 0; } aside.registrar_callouts article a { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #45365A; color: #D0CDD6; display: inline-block; font-size: 11px; height: 35px; line-height: 35px; padding: 0 20px; text-decoration: none; text-transform: uppercase; } aside.registrar_callouts article.light { background: #8B82AD; float: right; } aside.registrar_callouts article.light p { color: #D2CEDF; } aside.registrar_callouts article.light a { background: #71658E; color: #DBD8E3; } aside.provost_announcements .report { background: #E6E2ED; display: block; margin: 0 0 30px 0; padding: 4.45%; text-decoration: none; } aside.provost_announcements .report span { background: url(../images/sprite.png) no-repeat -925px -150px; float: right; height: 30px; margin: 9px 0 0 0; width: 30px; } aside.provost_announcements .report div { overflow: hidden; } aside.provost_announcements .report em { font-family: minion-pro, Georgia, serif; font-weight: 400; color: #4B2C84; float: left; font-size: 20px; font-style: italic; line-height: 120%; width: 175px; } aside.provost_announcements .report p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #4F4E51; font-size: 14px; line-height: 22px; margin: 0; } aside.provost_announcements .roller a { float: left; position: relative; width: 40.7407%; height: 150px; } aside.provost_announcements .roller a.even { float: right; } aside.provost_announcements .roller a.top { border-bottom: 1px solid #E9E6F0; margin: 0 0 20px 0; padding: 0 0 20px 0; } aside.provost_announcements .roller a img { float: left; margin: 0 9.0909% 0 0; width: 27.2727%; } aside.provost_announcements .roller a p { font-family: minion-pro, Georgia, serif; font-weight: 400; color: #333; float: left; font-size: 18px; line-height: 120%; margin: 0; width: 63.6363%; } aside.provost_announcements .roller_item { height: 300px; width: 675px; background: url(../images/vertical-line.png) no-repeat center center; } aside.registrar_announcements .roller a { font-family: minion-pro, Georgia, serif; font-weight: 400; border-top: 1px solid #E9E6F0; color: #333; float: left; font-size: 18px; height: 105px; margin: 20px 0 0 0; overflow: hidden; padding: 20px 0 0 0; position: relative; text-decoration: none; width: 40.7407%; } aside.registrar_announcements .roller a.even { float: right; } aside.registrar_announcements .roller a.top { border-top: none; height: 85px; margin: 0; padding: 0; } aside.registrar_announcements .roller a img { float: left; margin: 0 9.0909% 0 0; width: 27.2727%; } aside.registrar_announcements .roller a p { font-family: minion-pro, Georgia, serif; font-weight: 400; color: #333; float: left; font-size: 18px; line-height: 120%; margin: 0; width: 63.6363%; } aside.registrar_announcements .roller_item { background: url(../images/vertical-line.png) repeat-y center center; height: 335px; width: 675px; } aside.registrar_announcements .roller_arrow { top: 153px; } /* Home Page */ #home_features { opacity: 0; position: fixed; top: 210px; transition: opacity 0.5s linear; z-index: 0; -webkit-backface-visibility: hidden;/* backface-visibility: hidden; */ } #home_features.ready { opacity: 1; transition: opacity 0.5s linear; } #home_features .viewport { height: 100%; padding: 0 0 0; position: absolute; top: 0; width: 100%; z-index: 0; } #home_features .background_sizer { height: 100%; width: 100%; } /* #home_features */ /* Feature that artificially darkens the homepage feature image */ #home_features .darker_image:before { *background: #222; background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,.05) 100%); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #home_features .background_item { *display: none; left: 0; opacity: 0; position: absolute; top: 0; transition: none; width: 100%; z-index: 0; } #home_features .background_item.active { *display: block; opacity: 1; z-index: 1; } #home_features .background_item.was_active { *display: none; opacity: 1; } #home_features img { height: auto; opacity: 1; width: 100%; } #home_features .overlay { height: 100%; position: absolute; transition: none; width: 100%; z-index: 3; } #home_features .positioner { margin: 100px 0 0; } #home_features .articles { float: left; position: relative; width: 550px; } #home_features .info { *display: none; float: left; margin: 0; opacity: 0; position: absolute; top: 0; z-index: 1; } #home_features .info.active { *display: block; opacity: 1; top: 0; z-index: 3; } #home_features .info.was_active { *display: none; opacity: 0; z-index: 2; } #home_features .info.before { opacity: 0; top: -25px; } #home_features .info.after { opacity: 0; top: 25px; } #home_features .boxed { background: rgba(0,0,0,0.15); padding: 20px; } #home_features.animated .background_item.active { transition: opacity 0.75s ease-in; } #home_features.animated .info.active { transition: opacity 0.75s ease-in, top 0.75s ease-in; } #home_features.animated .info.was_active { transition: opacity 0.75s ease-out, top 0.75s ease-out; } #home_features h1 { color: #FFF; line-height: 1.2; text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.35); } #home_features p { font-family: minion-pro, Georgia, serif; font-weight: 400; color: #FFF; font-size: 24px; line-height: 1.4; text-shadow: 0px 3px 4px rgba(0,0,0,0.35); } #home_features p a { border-bottom: 1px solid rgba(255, 255, 255, 0.4); color: #fff; display: inline-block; line-height: 26px; } #home_features p em { font-style: italic; } #home_features p.photo_credit { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: rgba(255, 255, 255, 0.5); font-size: 13px; line-height: 1; margin-top: 8px; } #home_features p.photo_credit a { border: none; color: rgba(255, 255, 255, 0.5); } #home_features .control { background: rgba(255,255,255,0.85); cursor: pointer; display: block; height: 125px; opacity: 1; position: absolute; transition: width 0.25s; width: 50px; } #home_features .control.next:hover { width: 470px; } #home_features .disabled.control.next:hover { width: 50px; } #home_features .control_label { background: url(../images/roller-control-bg.png); display: block; height: 125px; overflow: hidden; pointer-events: none; position: absolute; right: 0; text-indent: -99999px; top: 0; width: 50px; } #home_features .previous .control_label { background-position: 0 0; } #home_features .next .control_label { background-position: -50px 0; } #home_features .controls .disabled { background-color: rgba(255, 255, 255, 0.35); } #home_features .controls .previous { left: 0; } #home_features .controls .next { right: 0; } #home_features .next_preview { height: 125px; margin-right: 50px; position: absolute; left: 0; opacity: 0; pointer-events: none; top: 0; transition: 0.15s opacity; width: 420px; } #home_features .disabled .next_preview { display: none; } #home_features .control.next:hover .next_preview { opacity: 1; transition: 0.15s opacity 0.1s; } #home_features .next_preview_image { float: left; height: 125px; width: 167px; } #home_features .next_preview_image img { height: 125px; width: 167px; } #home_features .next_preview_description { overflow: hidden; padding: 20px 0 0 28px; } #home_features .next_preview_subtitle { color: #8C7BAF; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.42px; line-height: 1.33; margin: 8px 0; text-transform: uppercase; } #home_features .next_preview_title { color: #2B193A; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 24px; line-height: 1.2; margin: 8px 0; } #home_features .articles { height: 150px; position: relative; } #home_features .darker h1, #home_features .boxed h1 { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.75); } #home_features .darker p, #home_features .boxed p { text-shadow: 0px 2px 2px rgba(0,0,0,0.75); } #feature_wrapper.stuck { position: relative; } #feature_wrapper.stuck #home_features { bottom: 0; position: absolute; top: auto !important; } /* Home - Middle Path */ #home_middlepath { margin: /* 700px 0 */ 0; overflow: hidden; padding: 700px 0 75px 0; -webkit-backface-visibility: hidden;/* backface-visibility: hidden; */ } #home_middlepath header { background: #FFF; height: 60px; opacity: 1; position: absolute; z-index: 2; } #home_middlepath header h2 { color: #CCCBDD; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 32px; font-style: italic; line-height: 60px; margin: 0; text-align: center; } #home_middlepath header .topics_handle { color: #CCCBDD; cursor: pointer; font-size: 14px; line-height: 60px; position: absolute; right: 30px; top: 0; text-transform: uppercase; transition: none; } #home_middlepath header .topics_handle:after { background: url(../images/sprite.png) no-repeat -925px 0px; content: ''; display: block; float: right; height: 21px; margin: 19px 0 0 10px; width: 21px; } #home_middlepath header .relative { position: relative; } #home_middlepath header:after { background: url(../images/middlepath-shadow.png) no-repeat top center; display: block; content: ''; height: 10px; } #home_middlepath .row { background: #FAFAFA; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); overflow: hidden; position: relative; } #home_middlepath_load_more { background: transparent; border: 1px solid #eee; color: #4B2E84; display: block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; font-style: italic; height: 50px; line-height: 50px; margin: 35px 23px 23px 23px; text-align: center; } #home_middlepath header, #home_middlepath header:after { width: 1200px; } #home_middlepath .topics { background: #F5F5F5; box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1); height: 1500px; opacity: 0; padding: 20px 25px; pointer-events: none; position: absolute; right: 0; top: 60px; width: 200px; z-index: 2; } #home_middlepath .topics h4 { color: #3D2C77; font-size: 14px; margin: 15px 0 5px; text-transform: uppercase; } #home_middlepath .topics a { display: block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 14px; margin: 0 0 5px; } #home_middlepath .topics a:before { background: #999; border-radius: 100%; content: ''; display: block; float: left; height: 5px; margin: 8px 8px 0 0; width: 5px; } #home_middlepath .topics a:hover { text-decoration: underline; } #home_middlepath .topics a.blue:before { background: #005F94; } #home_middlepath .topics a.teal:before { background: #1D9375; } #home_middlepath .topics a.purple:before { background: #4B2E84; } #home_middlepath .topics a.orange:before { background: #D46933; } #home_middlepath .topics a.red:before { background: #AD002E; } #home_middlepath .topics a.brown:before { background: #934524; } #home_middlepath .topics a.yellow:before { background: #E0AF21; } #home_middlepath .topics a.green:before { background: #5A8C38; } #home_middlepath .topics .button { background: #3D2F77; color: #fff; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 11px; margin: 20px 0 0; padding: 10px 0; text-align: center; text-transform: uppercase; width: 100%; } #home_middlepath .topics .button:before { display: none; } #home_middlepath .topics.open { opacity: 1; pointer-events: all; } #home_middlepath.stuck header { position: fixed; top: 210px; z-index: 1; } #home_middlepath.hidden header { opacity: 0; } #home_middlepath.hidden .topics { display: none !important; } #home_middlepath header { transition: opacity 0.5s linear; } #home_middlepath.stuck header { transition: opacity 0.5s linear, top 0.5s linear; } #home_middlepath header .topics_handle.open { color: #766C9D; } #home_middlepath header .topics_handle.open:after { background-position: -925px -25px; } #home_middlepath_elements { overflow: hidden; margin: 80px 0 0 0; position: relative; z-index: 0; } #home_middlepath_elements article { opacity: 0; } #home_middlepath_elements article.ready { opacity: 1; } .middlepath_stories article { background: #FAFAFA; float: left; margin: 15px 23px 15px 23px; width: 354px; transition: opacity 0.5s linear; } .middlepath_stories article .wrap { border: 1px solid #EAEAEA; display: block; padding: 0 39px 39px 39px; } .middlepath_stories .category { border-top: 5px solid #333; color: #999; font-size: 12px; line-height: 12px; padding: 15px 3px 25px 3px; text-align: right; text-transform: uppercase; } .middlepath_stories img { display: block; height: auto; margin: 0; width: 100%; } .story_image_wrap { margin-bottom: 20px; position: relative; } .story_date_block { border-radius: 3px; bottom: 10px; color: #fff; height: 54px; left: 10px; overflow: hidden; position: absolute; text-align: center; text-transform: uppercase; width: 50px; } .blue .story_date_block { background-color: #97C3DD; } .red .story_date_block { background-color: #DE9EB0; } .teal .story_date_block { background-color: #A5D5C9; } .purple .story_date_block { background-color: #CCCBDD; } .orange .story_date_block { background-color: #E9B9A0; } .yellow .story_date_block { background-color: #EFD589; } .brown .story_date_block { background-color: #D3B1A1; } .green .story_date_block { background-color: #B4D39F; } .story_date_month { display: block; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; height: 18px; line-height: 18px; vertical-align: middle; } .blue .story_date_month { background-color: #005F94; } .red .story_date_month { background-color: #AD002E; } .teal .story_date_month { background-color: #1D9379; } .purple .story_date_month { background-color: #4B2E84; } .orange .story_date_month { background-color: #D46933; } .yellow .story_date_month { background-color: #E0AF21; } .brown .story_date_month { background-color: #934524; } .green .story_date_month { background-color: #5A8C38; } .story_date_day { display: block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 25px; } .middlepath_stories .source { font-size: 13px; font-style: italic; line-height: 1.2; margin: 0 0 10px 0; overflow: hidden; } .middlepath_stories .source img { float: left; margin: 0 10px 0 0; width: 35px; } .middlepath_stories .twitter small { color: #999 !important; display: block; } .middlepath_stories .twitter .clear { margin-top: 15px; } .middlepath_stories a.intent { background: url(../images/sprite.png) no-repeat; display: block; float: left; height: 16px; margin: 0 0 0 5px; text-indent: -99999px; width: 16px; } .middlepath_stories a.intent.reply { background-position: -580px -30px; } .middlepath_stories a.intent.reply:hover { background-position: -596px -30px; } .middlepath_stories a.intent.retweet { background-position: -612px -30px; } .middlepath_stories a.intent.retweet:hover { background-position: -628px -30px; } .middlepath_stories a.intent.favorite { background-position: -644px -30px; } .middlepath_stories a.intent.favorite:hover { background-position: -660px -30px; } .middlepath_stories a.twitter_icon { background: url(../images/sprite.png) -580px -46px; height: 16px; width: 16px; float: left; margin: 0 5px 0 0; } .middlepath_stories p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; margin: 0; } .middlepath_stories h4 { color: #999; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; line-height: 1.2; margin: -10px 0 10px 0; } .middlepath_stories h3 { font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 24px; text-transform: none; } .middlepath_stories h3, .middlepath_stories a h3 { color: #333; } .middlepath_stories a { text-decoration: none; } .middlepath_stories iframe, .middlepath_stories embed, .middlepath_stories object { display: block; height: 155px; margin: 0 0 20px 0; width: 264px; } .middlepath_stories .instagram { position: relative; } .middlepath_stories .instagram figcaption { bottom: 0; *color: #fff; color: rgba(255,255,255,0.75); font-size: 13px; font-style: italic; line-height: 45px; padding: 0 15px; position: absolute; width: 100%; } .middlepath_stories .instagram img { margin: 0; } .middlepath_stories .instagram .instagram_caption { color: #fff; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; display: none; font-size: 14px; line-height: 20px; margin-bottom: 20px; } .middlepath_stories .blue .category { border-color: #005F94; } .middlepath_stories .blue .source { color: #005F94; } .middlepath_stories .blue a { color: #005F94; } .middlepath_stories .teal .category { border-color: #1D9375; } .middlepath_stories .teal .source { color: #1D9375; } .middlepath_stories .teal a { color: #1D9375; } .middlepath_stories .purple .category { border-color: #4B2E84; } .middlepath_stories .purple .source { color: #4B2E84; } .middlepath_stories .purple a { color: #4B2E84; } .middlepath_stories .orange .category { border-color: #D46933; } .middlepath_stories .orange .source { color: #D46933; } .middlepath_stories .orange a { color: #D46933; } .middlepath_stories .red .category { border-color: #AD002E; } .middlepath_stories .red .source { color: #AD002E; } .middlepath_stories .red a { color: #AD002E; } .middlepath_stories .brown .category { border-color: #934524; } .middlepath_stories .brown .source { color: #934524; } .middlepath_stories .brown a { color: #934524; } .middlepath_stories .yellow .category { border-color: #E0AF21; } .middlepath_stories .yellow .source { color: #E0AF21; } .middlepath_stories .yellow a { color: #E0AF21; } .middlepath_stories .green .category { border-color: #5A8C38; } .middlepath_stories .green .source { color: #5A8C38; } .middlepath_stories .green a { color: #5A8C38; } .middlepath_stories .blue .instagram figcaption { background: rgba(0, 95, 148, 0.9); *background: #005F94; } .middlepath_stories .teal .instagram figcaption { background: rgba(29, 147, 117, 0.9); *background: #1D9375; } .middlepath_stories .purple .instagram figcaption { background: rgba(75, 46, 132, 0.9); *background: #4B2E84; } .middlepath_stories .orange .instagram figcaption { background: rgba(212, 105, 51, 0.9); *background: #D46933; } .middlepath_stories .red .instagram figcaption { background: rgba(173, 0, 46, 0.9); *background: #AD002E; } .middlepath_stories .brown .instagram figcaption { background: rgba(147, 69, 36, 0.9); *background: #934524; } .middlepath_stories .yellow .instagram figcaption { background: rgba(224, 175, 33, 0.9); *background: #E0AF21; } .middlepath_stories .green .instagram figcaption { background: rgba(90, 140, 56, 0.9); *background: #5A8C38; } .middlepath_author { margin: 0 0 30px 0; } .middlepath_caption { margin: -20px 0 30px 0; } .mp_top { float: right; overflow: hidden; } .mp_top .mp_sub_sections { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #7B6F82; font-size: 12px; letter-spacing: 0.05em; margin: 0 0 15px 0; text-align: right; text-transform: uppercase; } .mp_top .button { font-family: minion-pro, Georgia, serif; font-weight: 400; background: #4B2E84; color: #FFF; float: right; font-size: 18px; font-style: italic; height: 45px; line-height: 41px; margin: 0 0 0 5px; text-align: center; width: 160px; } .mp_top .gray { background: #CCC; color: #4A454E; } #mp_filters { margin-top: -35px; } #mp_filters label { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #806CA9; float: left; font-size: 14px; height: 35px; line-height: 35px; margin: 0 20px 0 0; text-transform: uppercase; } #mp_filters .mp_dropdown { border: 1px solid #E3E3E3; float: left; height: 35px; margin: 0 8px 0 0; position: relative; width: 220px; } #mp_filters .mp_dropdown .currently { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #3D2F77; display: block; font-size: 13px; height: 33px; line-height: 35px; padding: 0 15px; } #mp_filters .mp_dropdown .currently:hover { background: #FFF; } #mp_filters .mp_dropdown .currently span { background: url(../images/sprite.png) no-repeat -680px -90px; float: right; height: 10px; margin: 11px 0 0 0; width: 17px; } #mp_filters .mp_dropdown .options { background: #FAFAFA; border: 1px solid #E3E3E3; display: none; position: absolute; z-index: 2; width: 220px; margin: 0 0 0 -1px; border-bottom: none; box-shadow: 0 3px 3px rgba(0,0,0,0.1); } #mp_filters .mp_dropdown .options a { display: block; height: 33px; line-height: 33px; color: #999; border-bottom: 1px solid #E3E3E3; padding: 0 15px; } #mp_filters .mp_dropdown .options a:hover { background: #FFF; color: #3D2F77; } #mp_filters .mp_dropdown_active .currently { background: #FFF; } #mp_filters .mp_dropdown_active .options { display: block; } #mp_filters form { float: right; } #mp_filters form .submit { float: left; width: 90px; } #mp_filters form .text { float: left; width: 240px; } #mp_filters .back { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 13px; color: #3D2F77; height: 35px; border: 1px solid #E3E3E3; line-height: 33px; padding: 0 10px; float: left; } #mp_filters .back:hover { background: #FFF; } #mp_filters .back span { background: url(../images/sprite.png) no-repeat -680px -65px; height: 17px; width: 10px; margin: 8px 10px 0 0; float: left; } .mp_shadow { background: url(../images/middlepath-shadow.png) no-repeat top center; height: 30px; margin: 20px 0; } .middlepath_stories_featured { background-color: #fff; margin-bottom: 30px; padding-bottom: 20px; } .middlepath_stories_featured h2 { font-family: minion-pro, Georgia, serif; font-weight: 400; border-bottom: 1px solid #F0EFF5; color: #CCCBDD; font-size: 28px; margin: 20px auto 20px auto; padding-bottom: 10px; text-align: center; width: 60%; } .middlepath_stories_featured article { background: transparent; } .middlepath_stories_featured article .wrap { border: none; } .home_bottom { background: #FFF; padding: 60px 0 0 0; position: relative; width: 100%; z-index: 1; } .home_bottom h2 { text-align: center; } .home_events { margin: 50px 0; overflow: hidden; } .home_events .article { float: left; text-align: center; } .home_events .article time, .home_featured_event time { background: url(../images/sprite.png) -850px 0; display: inline-block; height: 75px; margin: 0 0 25px 0; width: 70px; } .home_events .article time .month, .home_featured_event time .month { color: #FFF; display: block; font-size: 16px; line-height: 25px; text-align: center; text-transform: uppercase; } .home_events .article time .day, .home_featured_event time .day { color: #FFF; display: block; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 36px; line-height: 46px; } .home_events .article .details, .home_featured_event .details { color: #655992; display: block; font-size: 13px; line-height: 1.2; margin: 0 0 15px 0; } .contain .home_events { margin: 25px 0 0 0; } .home_featured_event { background: #F7F6F3; float: left; margin: 0 33px 0 0; overflow: hidden; padding: 20px; text-align: center; } .home_featured_event .text { padding: 0 0 0 10px; } .home_featured_event hr { background: #F0EDE7; border: none; height: 1px; margin: 20px 0 64px; } .home_featured_event h6 { padding: 8px 0 0 0; text-align: center; } .home_callouts { margin: 65px 0 0 0; overflow: hidden; } .home_callouts .roller_arrow { top: 110px; z-index: 3; } .home_callouts .roller_item { background: #F4F2ED url(../images/bg_callouts.png) repeat-y right top; float: left; width: 588px; } .home_callouts img { display: block; position: relative; width: 100%; } .home_callouts .info { padding: 50px 85px; height: 100%; position: relative; } .home_callouts .more { color: #655992; display: inline-block; font-size: 13px; font-style: italic; margin: 15px 0 0 0; } /* -------------- Sub Pages ------------- */ /* Instagram Feeds */ .instagram_feed article { margin: 1.6666%; width: 30%; } .instagram_feed article .wrap { border: none; padding: 0; } /* Search Page */ .search_form { overflow: hidden; } .search_form .text { float: left; margin: 0 7px 10px 0; width: 50%; min-width: 300px; } .search_form .text:focus { color: #333; } .search_form .submit { float: left; width: 145px; } #search_results table { border: none; margin: 0; } #search_results td { border: none; padding: 0; } #search_results .gsc-search-box { display: none; } #search_results .gsc-above-wrapper-area { border-bottom: none; margin: 30px 0 0 0; padding: 0; } #search_results .gsc-result-info { color: #333; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 11px; line-height: 23px; margin: 0 0 15px 0; padding: 0; } #search_results .gsc-results { padding: 0; width: 100%; } #search_results .gs-result { border-top: 1px solid #ECECEC; margin: 0 0 30px 0; padding: 30px 0 0 0; } #search_results .gsc-webResult .gsc-result { border-bottom: none; padding: 0; } #search_results .gs-image-box { display: none; } #search_results .gs-title, #search_results .gs-title * { color: #3D2C77; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 24px; line-height: 1.2; margin: 0 0 5px 0; text-decoration: none; } #search_results .gs-result .gs-snippet { color: #333; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; } #search_results .gs-result .gs-snippet b { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; } #search_results .gs-result a.gs-visibleUrl, #search_results .gs-result .gs-visibleUrl { display: none; } #search_results .gs-webResult div.gs-visibleUrl-long, #search_results .gs-promotion div.gs-visibleUrl-long { color: #B7ABCC; display: block; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 12px; line-height: 1.2; margin: 10px 0 0 0; } #search_results .gsc-results .gsc-cursor-box .gsc-cursor-page { border: 1px solid #ccc; color: #999; display: block; float: left; font-family: minion-pro, Georgia, serif; font-weight: 400; font-style: italic; font-size: 18px; margin: 0 5px 5px 0; padding: 3px 10px; text-decoration: none; } #search_results .gsc-results .gsc-cursor-box .gsc-cursor-current-page { background: #4B2E84; border-color: #4B2E84; color: #fff; } #search_results .gcsc-branding { float: right; width: 50%; } #search_results .gs-no-results-result .gs-snippet { background: none; border: none; font-family: minion-pro, Georgia, serif; font-weight: 400; font-style: italic; font-size: 18px; } .search_page_popular_links { margin: 30px 0 0 0; } .search_page_popular_links li { float: left; font-size: 14px; width: 300px; margin: 0 10px 10px 0; } /* Academics */ .department_links { margin: 20px 0 0 0; overflow: hidden; position: relative; } .department_links .split { border-right: 1px solid #E9E6F0; float: left; padding: 0 30px 0 0; width: 50%; } .department_links .split.right { border: none; padding: 0 0 0 30px; } .department_links a { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #9E96BB; display: block; font-size: 14px; line-height: 1.2; margin: 0 0 15px 0; } .areas_of_study { background: #F4F2ED; margin: 40px 0 0 0; padding: 30px; } .areas_of_study h4 { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #999; font-size: 12px; margin: 0 0 20px 0; text-transform: uppercase; } .areas_of_study h2 { color: #333; font-size: 30px; font-style: normal; line-height: 1.2; margin: 0 0 15px 0; } .areas_of_study p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #333; font-size: 14px; line-height: 22px; margin: 0 0 20px 0; } .areas_of_study p:last-child { margin: 0; } .areas_of_study form { border-bottom: 1px solid #E3E2DF; margin: 0 0 20px 0; padding: 0 0 20px; position: relative; } .areas_of_study form.no_hr { border-bottom: none; margin: 0; padding: 0; } .areas_of_study .text { font-family: minion-pro, Georgia, serif; font-weight: 400; color: #3D2F77; font-style: italic; width: 100%; padding: 5px 37px 5px 10px; } .areas_of_study .clear_search { background: url(../images/sprite.png) no-repeat -780px -120px; height: 17px; width: 17px; display: block; position: absolute; right: 10px; margin-top: -27px; } .areas_of_study a.right { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 15px; text-decoration: none; color: #4B2C84; float: none; font-weight: bold; } #areas_of_study_results { background: #FFF; box-shadow: 5px 5px 5px rgba(0,0,0,0.3); position: absolute; top: 35px; width: 100%; z-index: 2; } #areas_of_study_results article { overflow: hidden; padding: 15px; } #areas_of_study_results article.odd { background: #F6F6F5; } #areas_of_study_results article .types { float: right; } #areas_of_study_results article .types span { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #8980AB; float: left; font-size: 11px; font-style: normal; line-height: 120%; margin: 7px 0 0 20px; text-transform: uppercase; } #areas_of_study_results article h5 { font-family: minion-pro, Georgia, serif; font-weight: 400; color: #333; font-size: 20px; font-style: normal; line-height: 120%; overflow: hidden; } #areas_of_study_results article nav { margin: 15px 0 5px 0; overflow: hidden; } #areas_of_study_results article nav a { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; border-right: 1px solid #E9E6F0; color: #4B2D84; float: left; font-size: 14px; height: 20px; line-height: 20px; margin: 0 15px 0 0; padding: 0 15px 0 0; text-decoration: none; } #areas_of_study_results article nav a:last-child { border: none; margin: 0; padding: 0; } /* Campus Directory */ .directory_search { background: #EEE; float: left; padding: 3.2258%; width: 61.2903%; } .directory_search label { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #1F1F1F; display: block; font-size: 16px; line-height: 16px; margin: 0 0 10px 0; } .directory_search .radio { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #878787; float: left; font-size: 14px; line-height: 22px; margin: 0 10px 0 0; } .directory_search input.text { background: #FFF; margin: 10px 0 0 0; width: 100%; } .directory_search input.submit { margin: 15px 0 0 0; width: 200px; } .directory_search_full { float: none; width: 100%; } .directory_extended_access { background: #2A183A; float: right; padding: 3.2258%; width: 35.4838%; } .directory_extended_access strong { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #FFF; display: block; font-size: 16px; line-height: 16px; margin: 0 0 10px 0; } .directory_extended_access strong span { background: url(../images/sprite.png) no-repeat -564px 0px; float: right; height: 16px; width: 11px; } .directory_extended_access p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #AAA3B0; font-size: 14px; line-height: 22px; margin: 0 0 15px 0; } .directory_extended_access a { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #73669D; color: #DCD9E6; display: block; font-size: 11px; height: 35px; line-height: 35px; text-align: center; text-decoration: none; text-transform: uppercase; } .directory_search_results { margin: 50px 0 0 0; } .directory_search_results header { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #E7E5EE; color: #4B2D84; font-size: 12px; line-height: 120%; overflow: hidden; padding: 13px 25px; text-transform: uppercase; } .directory_search_results article { border-bottom: 1px solid #E9E6F0; overflow: hidden; padding: 20px 25px; } .directory_search_results article:last-child { border: none; } .directory_search_results img { float: left; margin: 0 0 0 3.2965%; width: 10.3895%; } .directory_search_results .name { float: left; margin: 0 3.4965% 0 0; width: 24.1379%; } .directory_search_results .name a { font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 16px; } .directory_search_results .department { float: left; margin: 0 3.4965% 0 0; width: 27.5862%; } .directory_search_results .contact { float: left; width: 27.5862%; } .directory_search_results .expertise { clear: both; float: none; padding: 15px 0 0 0; } .directory_search_results h3 { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #1F1F1F; font-size: 16px; margin: 0 0 10px 0; text-transform: none; } .directory_search_results h4 { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #333; font-size: 14px; line-height: 18px; margin: 0 0 10px 0; } .directory_search_results p { font-size: 16px; margin: 0; } .directory_list { margin: 0; } .directory_list .name { width: 55.2206%; } .faculty_detail .directory_title { font-size: 24px; margin: 10px 0 0 0; } .faculty_detail header.page a { font-family: minion-pro, Georgia, serif; font-weight: 400; background: #ccc; color: #4A454E; float: right; font-size: 18px; font-style: italic; height: 45px; line-height: 45px; margin: 30px 0 0 0; text-align: center; width: 275px; } .faculty_detail .read_more { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; border-top: 1px solid #E9E6F0; color: #655992; display: block; font-size: 13px; height: 30px; line-height: 30px; margin: -10px 0 0 0; text-decoration: none; } .faculty_detail .truncated_bio, .faculty_detail .full_bio { margin: 0 0 50px 0; } .faculty_detail .contact .no_margin { margin: 0 0 5px 0; } .faculty_detail .table { margin: 0 0 40px 0; } .faculty_detail .table header { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #E7E5EE; color: #4B2D84; font-size: 12px; line-height: 120%; overflow: hidden; padding: 13px 25px; text-transform: uppercase; } .faculty_detail .table article { border-bottom: 1px solid #E9E6F0; overflow: hidden; padding: 20px 25px; } .faculty_detail .table .left { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #666; float: left; font-size: 14px; line-height: 160%; margin: 0 3.4483% 0 0; width: 17.2414%; } .faculty_detail .table .right { width: 79.3103%; } .faculty_detail .table .right p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #2A1839; font-size: 14px; line-height: 160%; } .faculty_detail .image_wrapper { height: 325px; margin: 0 0 25px 0; position: relative; width: 100%; } .faculty_detail .image_wrapper img { height: 100%; position: absolute; width: 100%; transition: opacity 0.3s; } .faculty_detail .image_wrapper .dots { padding-top: 295px; position: relative; } .faculty_detail .dots { margin: 0 auto; } .faculty_detail .dots a { background: url(../images/sprite.png) -840px -130px; float: left; height: 10px; margin: 0 10px 0 0; width: 10px; } .faculty_detail .dots a.active { background-position: -840px -120px; } .faculty_detail .dots a.last { margin: 0; } .faculty_detail .sidebar nav a { padding: 20px 10px; } .faculty_detail .sidebar nav .middlepath_profile span { background: url(../images/sprite.png) no-repeat -680px -120px; float: left; height: 35px; margin: -8px 10px 0 0; width: 35px; } .faculty_detail .right .button, .directory_search_results .edit_profile { background: #4B2E84; color: #E3E2EB; display: block; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 13px; font-style: normal; margin: 0 0 30px 0; padding: 10px 25px; text-transform: uppercase; text-align: center; } .directory_search_results .edit_profile { text-decoration: none; margin: 15px 0 0 0; padding: 5px 10px; text-transform: none; } .directory_search_results .edit_profile:hover { color: #FFF; } .course_pop_up { width: 700px; } /* Gateways */ .gateway_sidebar .directory_search { float: none; margin: 0 0 25px 0; padding: 25px; width: auto; } .gateway_sidebar .directory_search .submit { width: 100%; } .gateway_sidebar .directory_extended_access { background: transparent; border-top: 1px solid #D4D4D4; float: none; margin: 20px 0 0 0; padding-top: 20px; width: auto; } .gateway_sidebar .directory_extended_access strong { color: #2A1839; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; font-style: italic; } .gateway_sidebar .directory_extended_access p { color: #999; font-size: 14px; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; line-height: 22px; } .gateway_sidebar .directory_extended_access a { background: transparent; color: #4B2C84; display: block; font-size: 15px; line-height: 1.2; text-align: left; text-decoration: none; text-transform: none; width: auto; } /* Clubs & Organizations and Offices & Services */ form.clubs_orgs { background: #EEE; margin: 0 0 50px 0; overflow: hidden; padding: 30px; } form.clubs_orgs label { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #1F1F1F; display: block; font-size: 16px; line-height: 120%; margin: 0 0 10px 0; } form.clubs_orgs input.text { background: #FFF; border: none; float: left; margin: 0 8px 0 0; width: 524px; } form.clubs_orgs input.submit { margin: 0; padding: 0; text-align: center; width: 180px; } form.clubs_orgs hr { background: #D0CECA; height: 1px; margin: 30px 0; } form.clubs_orgs .select span { width: 470px !important; } form.clubs_orgs .select .select_options { width: 524px !important; } form.clubs_orgs #clubs_orgs_category_button { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #4B2E84; border: none; color: #CECBDD; float: left; font-size: 11px; height: 35px; line-height: 37px; margin: 0 0 0 8px; padding: 0 35px; text-decoration: none; text-transform: uppercase; } .clubs_orgs_results header { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #E7E5EE; color: #4B2D84; font-size: 12px; line-height: 120%; overflow: hidden; padding: 13px 25px; text-transform: uppercase; } .clubs_orgs_results article { border-bottom: 1px solid #E9E6F0; overflow: hidden; padding: 20px 25px; } .clubs_orgs_results img { float: left; margin: 0 0 0 3.4965%; width: 10.4895%; } .clubs_orgs_results .description { float: left; margin: 0 0 0 3.4965%; width: 58.7412%; } .clubs_orgs_results .title { float: left; width: 23.7763%; } .clubs_orgs_results .location { float: left; margin: 0 0 0 3.4965%; width: 38.7412%; } .clubs_orgs_results .contact { float: left; margin: 0 0 0 3.4965%; width: 30.4895%; } .clubs_orgs_results p { font-size: 16px; margin: 0 0 20px 0; } .clubs_orgs_results .more { font-size: 16px; text-decoration: none; } .clubs_orgs_results h3 { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #1F1F1F; font-size: 16px; line-height: 150%; text-transform: none; } .clubs_orgs_results .title a { font-family: minion-pro, Georgia, serif; font-weight: 400; display: block; font-size: 16px; line-height: 150%; text-decoration: none; width: auto; } .clubs_orgs_results .keywords { list-style: none; margin: 20px 0 0 0; padding: 0; } .clubs_orgs_results .keywords li { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: transparent; color: #666; font-size: 12px; line-height: 120%; margin: 0; padding: 0; text-transform: uppercase; } .clubs_orgs_results .keywords li a { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 12px; } body.clubs_org_detail { background-color: #fafafa; padding: 100px; width: 875px; } .clubs_org_detail aside { float: right; margin: 0 0 25px 25px; } .clubs_org_detail em.category { color: #999; display: block; font-size: 13px; margin: -5px 0 10px 0; } .clubs_org_detail p { font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; line-height: 150%; } .clubs_org_detail .split { background: url(../images/vertical-line.png) repeat-y center center; overflow: hidden; } .clubs_org_detail .split section { float: left; width: 40%; } .clubs_org_detail .split div { float: left; width: 20%; } .clubs_org_detail .split p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; margin: 0; } .clubs_org_detail hr { margin: 30px -100px; } .clubs_org_detail .login { float: left; width: 40%; } .clubs_org_detail .signup { float: right; width: 40%; } .clubs_org_detail .login h4, .clubs_org_detail .signup h4 { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #B7ABCC; text-align: center; } .clubs_org_detail a { color: #4B2E84; } .clubs_org_detail a:hover { color: #222; } /* Blogs Landing */ .featured_blog { background: #F4F2ED; padding: 2.1277% 1.703%; overflow: hidden; margin: 0 0 30px 0; } .featured_blog img { width: 21.7021%; float: left; height: auto; margin: 0 2.1277% 0 0; } .featured_blog .description { float: left; width: 31.9149%; margin: 0 2.1277% 0 0; } .featured_blog .authors { float: left; width: 41.7021%; } .featured_blog .test { width: 100px; height: 100px; background: #000; float: left; } .featured_blog h3 { font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 30px; color: #333; line-height: 120%; text-transform: none; } .featured_blog h3 a { text-decoration: none; color: #333; } .featured_blog p { font-size: 14px; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #333; line-height: 22px; margin: 0; } .featured_blog h4 { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 14px; text-transform: uppercase; color: #999; line-height: 120%; margin: 0 0 10px 0; } .featured_blog ul { position: relative; } .featured_blog ul li { list-style: none; margin: 0; padding: 0; background: transparent; float: left; width: 50%; margin: 0 0 5px 0; } .featured_blog ul li a { color: #4B2D84; font-size: 15px; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; display: block; text-decoration: none; } .blog_group { border-top: 1px solid #E1E1E1; padding: 30px 0 10px 0; margin: 30px 0 0 0; } .blog_group h3 { font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 30px; color: #333; line-height: 120%; text-transform: none; margin: 0 0 30px 0; } .blog_group ul li { list-style: none; background: transparent; margin: 0 3.3333% 10px 0; width: 30%; padding: 0; } .blog_group ul li.fourth { margin-right: 0; } .blog_group ul li a { color: #4B2C84; text-decoration: none; font-size: 15px; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; line-height: 120%; } /* MIDDLEPATH */ header.middlepath { padding-bottom: 20px; } section.middlepath { overflow: visible; position: relative; } /* MP SUBNAV */ .middlepath_hr { border-top: 1px solid #DBD9D5; border-width: 1px 0 0 0; margin: 20px 0 40px; } /* .middlepath_subnav { border-top: 1px solid #DBD9D5; } .middlepath_subnav .item { border-bottom: 1px solid #DBD9D5; padding: 10px 0 15px; } .middlepath_subnav a { color: #4B2E84; display: block; font-size: 16px; padding: 5px 0; } .middlepath_subnav .item.active { background: #E9E6F0; padding: 10px 20px 15px; } */ /* MP SEARCH */ .middlepath_search { float: right; margin: 10px 0 0; } .middlepath_search input { float: left; } /* MP HIGHLIGHT */ .middlepath_highlight h6 { margin: 0 0 20px; } .middlepath_highlight img { display: block; float: left; margin: 0 25px 25px 0; max-width: 375px; } .middlepath_highlight .source { color: #999; font-size: 13px; font-style: italic; line-height: 1.2; margin: 0 0 10px 0; } .middlepath_highlight p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; margin: 0; } .middlepath_highlight h3 { font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 24px; text-transform: none; } .middlepath_highlight h3 a { color: #323839; } .middlepath_highlight iframe { width: 600px; height: 338px; } .middlepath_highlight_profile img { width: 275px; } /* MP TABS */ .middlepath_tabs { margin: -100px 0 40px; overflow: hidden; padding: 0; } .middlepath_tabs .tabber-tabs { margin: 0; overflow: hidden; padding: 0; } .middlepath_tabs .tabber-tab, .middlepath_tabs .tabber-tabs a { background: #DBD9D5; color: #999; display: block; float: left; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 14px; height: 35px; line-height: 35px; margin: 0 15px 0 0; padding: 0 15px; text-decoration: none; text-transform: uppercase; } .middlepath_tabs .tabber-tab.active, .middlepath_tabs .tabber-tabs a.active { background: #FAFAFA; color: #333; } .middlepath_tabs .tabber-contents { overflow: hidden; } .middlepath_tabs .tabber-contents { padding: 10px 0 15px; } .middlepath_tabs .tabber-contents a { color: #999; display: block; float: left; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 12px; line-height: 12px; margin: 0; padding: 10px 15px; text-align: left; text-transform: uppercase; text-decoration: none; } .middlepath_tabs .shadow { background: url(../images/middlepath-shadow.png) no-repeat top center; height: 10px; margin: 0; opacity: 1; width: 1200px; } .middlepath_tabs a.blue { color: #005F94; } .middlepath_tabs a.teal { color: #1D9375; } .middlepath_tabs a.purple { color: #4B2E84; } .middlepath_tabs a.orange { color: #D46933; } .middlepath_tabs a.red { color: #AD002E; } .middlepath_tabs a.brown { color: #934524; } .middlepath_tabs a.yellow { color: #E0AF21; } .middlepath_tabs a.green { color: #5A8C38; } .middlepath_profile_tabs { margin: -65px 0 25px 0; } /* MP LANDING */ .middlepath_stories_landing { overflow: hidden; } .middlepath_stories_landing .category { border-top: 5px solid #333; color: #999; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 12px; line-height: 12px; padding: 15px 3px 25px 3px; text-align: left; text-transform: uppercase; } .middlepath_stories_landing .category a { color: #999; display: block; float: right; text-decoration: none; } .middlepath_stories_landing article { margin: 15px 23px 40px 22px; } .middlepath_stories_landing article .wrap { padding-top: 30px; text-decoration: none; } .middlepath_stories_landing.blue .category { border-color: #005F94; color: #005F94; } .middlepath_stories_landing.teal .category { border-color: #1D9375; color: #1D9375; } .middlepath_stories_landing.purple .category { border-color: #4B2E84; color: #4B2E84; } .middlepath_stories_landing.orange .category { border-color: #D46933; color: #D46933; } .middlepath_stories_landing.red .category { border-color: #AD002E; color: #AD002E; } .middlepath_stories_landing.brown .category { border-color: #934524; color: #934524; } .middlepath_stories_landing.yellow .category { border-color: #E0AF21; color: #E0AF21; } .middlepath_stories_landing.green .category { border-color: #5A8C38; color: #5A8C38; } .middlepath_stories_sub { min-height: 200px; } .middlepath_stories_sub article { margin: 15px 23px 15px 22px; } /* MP DETAIL */ .middlepath_story .dateline { color: #4B2E84; font-size: 15px; font-style: italic; margin: 0 0 20px; } .middlepath_story .button { background: #F4F2ED; color: #A89CBC; display: block; float: left; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 14px; height: 45px; line-height: 44px; padding: 0 15px; text-transform: uppercase; } .middlepath_story .feature_image { margin-bottom: 30px; } .middlepath_story .video { margin-bottom: 30px; width: 100%; } .middlepath_story img { max-width: 100%; } .middlepath_story .custom_source { border: 1px solid #E9E6F0; border-width: 1px 0; clear: both; padding: 30px 0; } .middlepath_story .custom_source h4 { color: #333; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 24px; margin: 0 0 8px; } .middlepath_story .custom_source h5 { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 16px; margin: 0 0 5px; } .middlepath_story .custom_source a { color: #A599B9; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-style: italic; font-size: 13px; } /* MP SIDEBAR */ .middlepath_sidebar { } .middlepath_sidebar h6 { color: #999; font-size: 12px; letter-spacing: 0.05em; margin: 0 0 15px; } .middlepath_sidebar .active_category { background: #999; color: #fff; display: block; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 16px; height: 60px; line-height: 60px; margin: 0 0 30px; padding: 0 25px; text-transform: uppercase; } .middlepath_sidebar .active_category.blue { background-color: #005F94; } .middlepath_sidebar .active_category.teal { background-color: #1D9375; } .middlepath_sidebar .active_category.purple { background-color: #4B2E84; } .middlepath_sidebar .active_category.orange { background-color: #D46933; } .middlepath_sidebar .active_category.red { background-color: #AD002E; } .middlepath_sidebar .active_category.brown { background-color: #934524; } .middlepath_sidebar .active_category.yellow { background-color: #E0AF21; } .middlepath_sidebar .active_category.green { background-color: #5A8C38; } .middlepath_sidebar .links { border-top: 1px solid #DBD9D5; margin: 0 0 30px; padding:10px 0 0; } .middlepath_sidebar .links li { background: transparent; border-bottom: 1px solid #DBD9D5; margin: 0 0 10px; padding: 5px 0 10px; } .middlepath_sidebar .links li.hidden { display: none; } .middlepath_sidebar .links a { color: #B7ABCD; display: block; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 13px; padding: 5px 0; text-decoration: none; } .middlepath_sidebar .links .expand { color: #999; cursor: pointer; display: block; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 13px; padding: 5px 0; } .middlepath_sidebar .tags a:before { background: url(../images/sprite.png) no-repeat -850px -155px; content: ''; display: block; float: left; height: 11px; margin: 6px 8px 0 0; width: 11px; } .middlepath_sidebar .tags .expand:before { background: url(../images/sprite.png) no-repeat -870px -155px; content: ''; display: block; float: left; height: 14px; margin: 5px 8px 0 0; width: 11px; } .middlepath_sidebar .profiles a:before { background: url(../images/sprite.png) no-repeat -890px -155px; content: ''; display: block; float: left; height: 10px; margin: 5px 8px 0 0; width: 11px; } .middlepath_sidebar .share { border: 1px solid #E9E6F0; padding: 20px; } .middlepath_sidebar .share h6 { color: #8D83A4; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; font-style: italic; text-transform: none; } .middlepath_sidebar img { display: block; margin: 0 0 30px 0; width: 100%; } /* MP PROFILES */ .middlepath_profiles article { float: left; margin: 15px 22px 30px 23px; width: 354px; } .middlepath_profiles article > a { border: 1px solid #EAEAEA; display: block; padding: 0 39px 39px 39px; text-decoration: none; } .middlepath_profiles .category { color: #999; font-size: 12px; line-height: 12px; padding: 20px 3px 25px 3px; text-align: right; text-transform: uppercase; } .middlepath_profiles img { display: block; height: auto; margin: 0 0 20px 0; width: 100%; } .middlepath_profiles h3 { color: #333; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 24px; margin: 0 0 10px; text-transform: none; } .middlepath_profiles .title { color: #999; font-size: 13px; font-style: italic; line-height: 1.2; margin: 0; } h2.profile_title { font-size: 24px; margin: 10px 0 0 0; } /* MP ARCHIVE */ .middlepath_archive article { border-bottom: 1px solid #EAEAEA; margin: 0 0 30px; padding: 0 0 30px; } .middlepath_archive article a { border: none; display: block; text-decoration: none; } .middlepath_archive h3 { color: #333; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 24px; margin: 0 0 7px; text-transform: none; } .middlepath_archive h4 { color: #999; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; margin: 0 0 10px; } .middlepath_archive .source { color: #999; font-size: 13px; font-style: italic; line-height: 1.2; margin: 0 0 5px; } .middlepath_archive .category { font-size: 12px; font-style: normal; margin: 0 5px 0 0; text-transform: uppercase; } .middlepath_archive p { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 14px; margin: 0; } .middlepath_archive article.blue .source { color: #005F94; } .middlepath_archive article.teal .source { color: #1D9375; } .middlepath_archive article.purple .source { color: #4B2E84; } .middlepath_archive article.orange .source { color: #D46933; } .middlepath_archive article.red .source { color: #AD002E; } .middlepath_archive article.brown .source { color: #934524; } .middlepath_archive article.yellow .source { color: #E0AF21; } .middlepath_archive article.green .source { color: #5A8C38; } /* MP PAGINATION */ .middlepath_pagination { margin: 30px 0 0; overflow: hidden; } .middlepath_pagination a, .middlepath_pagination span { border: 1px solid #ccc; color: #999; display: block; float: left; font-family: minion-pro, Georgia, serif; font-weight: 400; font-style: italic; font-size: 18px; margin: 0 5px 5px 0; padding: 3px 10px; text-decoration: none; } .middlepath_pagination span.active { background: #4B2E84; border-color: #4B2E84; color: #fff; } body a.middlepath_related { border: none; background: url(../images/sprite.png) no-repeat -680px -120px; bottom: 0; display: block; height: 35px; padding: 0; position: absolute; right: 0; width: 35px; } body a.middlepath_related span { background: url(../images/sprite.png) no-repeat -680px -165px; display: none; height: 32px; margin: -23px 0 0 -80px; width: 117px; } #middlepath_related { bottom: -100%; height: 60%; margin: 0; opacity: 0; overflow: hidden; padding: 10px 0 0; pointer-events: none; position: fixed; width: 100%; z-index: 10001; transition: bottom 0.35s ease-in-out; } #middlepath_related .row { background: #FAFAFA; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); height: 100%; position: relative; } #middlepath_related header { background: #FAFAFA; height: 60px; position: relative; width: 100%; z-index: 2; } #middlepath_related header h2 { color: #CCCBDD; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 32px; font-style: italic; line-height: 60px; margin: 0; text-align: center; } #middlepath_related header .close { background: url(../images/sprite.png) no-repeat -978px -83px; cursor: pointer; display: block; height: 20px; padding: 3px; position: absolute; right: 27px; top: 19px; text-transform: uppercase; text-indent: -99999px; width: 20px; } #middlepath_related header:after { background: url(../images/middlepath-shadow.png) no-repeat top center; display: block; content: ''; height: 10px; } #middlepath_related.relative { position: relative; } #middlepath_related .desktop-12 { height: 100%; } #middlepath_related .scroll_container { height: 100%; padding: 60px 0 0; position: absolute; top: 0; width: 100%; z-index: 1; } #middlepath_related .scroll { height: 100%; overflow-y: scroll; padding: 10px 0; width: 100%; } #middlepath_related .scroll .row { padding: 10px 0; } #middlepath_related .no_results { background: none; border: none; font-family: minion-pro, Georgia, serif; font-weight: 400; font-style: italic; font-size: 18px; margin: 20px 0; text-align: center; } #middlepath_related.visible { opacity: 1; pointer-events: all; } #middlepath_related.active { bottom: 0; } #middlepath_related_loading { background: url(../images/sprite.png) no-repeat -460px -45px; bottom: 0; border-radius: 58px 58px 0 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); cursor: pointer; color: #4B2E84; display: none; font-size: 13px; height: 58px; left: 50%; margin: 0 0 0 -58px; padding: 30px 0 0; position: fixed; pointer-events: none; text-align: center; text-transform: uppercase; width: 116px; z-index: 10000; } .callout.quotes blockquote { color: #4B2C84; } .callout.quotes figcaption { color: #655992; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 20px; font-style: italic; text-align: right; } .department_list { background: url(../images/callout-bg.png) no-repeat top center; margin: 50px 0 0; overflow: hidden; padding: 70px 0 0 0; } .department_list a { display: block; float: left; margin: 0 24px 34px 0; text-decoration: none; width:275px; } .department_list a.first { clear: left; } .department_list a.last { margin-right: 0; } .department_list a h3 { color: #4B2E84; font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 20px; font-style: italic; line-height: 26px; margin-bottom: 5px; text-transform: none; } .department_list a img { border: 1px solid #fafafa; display: block; margin-bottom: 5px; } .sitemap { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 13px; } .sitemap div { margin-bottom: 20px; } .sitemap h3 a { color: #4B2E84; } .sitemap ul { margin-left: 10px; } .sitemap li { padding: 5px 0; } /* Career Site */ #pageup input { display: inline-block; float: none; } #pageup label { display: inline-block; padding: 0 0 0 7px; } #pageup .pageup_block { border: 1px solid #E9E6F0; margin: 0 0 25px 0; padding: 25px 20px; } #pageup .pageup_block h2 { font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 24px; font-style: normal; line-height: 1.2; margin: 0 0 10px 0; } #pageup .pageup_block h3 { border-bottom: 1px solid #E9E6F0; font-size: 18px; padding: 0 0 5px 0; } #pageup .pageup_block li { margin: 0 0 5px 0; } #pageup .job_search { display: none; } #pageup .summary td { line-height: 1.5; } #pageup .careers-subscribe .pageup_block { display: none; } #pageup .careers-subscribe .mail_subscription { display: none; } #pageup .careers-subscribe .job_search { display: block; } #pageup .careers-subscribe label { font-size: 16px; } #pageup .careers-subscribe li { background-image: none; margin: 0 0 10px 0; } #pageup #job-mail-subscribe-button { background: #3D2F77; border: none; *color: #fff; color: rgba(255,255,255,0.75); cursor: pointer; font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; font-size: 11px; height: 35px; line-height: 35px; padding: 0 15px; text-align: center; text-transform: uppercase; border-radius: 0px; } #pageup .back-link { display: none; } /* Overriding the Localist Crap */ .grid_container { margin: 0; padding: 0 !important; width: auto !important; } #header .item { border-bottom: none; clear: none; height: auto; padding: 0; } .grid_2 { margin-left: 1.04167% !important; margin-right: 1.04167% !important; width: 15.596%; } .grid_8 { margin-left: 1.04167% !important; margin-right: 1.04167% !important; width: 64.5833% !important; } .grid_4 { margin-left: 1.04167% !important; margin-right: 1.04167% !important; width: 31.192% !important; } #menu .action_menu li.search_action input { font-family: minion-pro, Georgia, serif; font-weight: 400; background: #E0DFDC; border: none; color: #666; float: left; font-size: 16px; font-style: italic; height: 35px; margin: 8px 0 0 0; padding: 0 6px; width: 300px; } #menu .action_menu li.search_action button { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #3D2F77; color: #CECBDD; display: block; float: left; font-size: 11px; height: 35px; line-height: 35px; margin: 8px 0 0 0; text-align: center; text-indent: 0; text-transform: uppercase; width: 65px; } #menu .action_menu li.login a { height: 35px; line-height: 35px; } #menu .action_menu li.login { margin: 8px 0 0 0; } #localist .nav_calendar, #localist .nav_place { background: transparent; padding: 0; } #localist nav.top_nav h3 { height: auto; color: #323839; margin: 0 0 15px 0; } #localist nav.top_nav h5 { color: #3D2C77; } #localist nav.top_nav img { display: block; float: none; margin: 0 0 15px 0; border: none; } .action_button input, .action_button a, .user_action input, .user_action a, .ticket_action a, .link_action a, .joyride-tip-guide .joyride-next-tip { border: none; border-radius: 0; padding: 0; } .box_header.settings { border: none; margin: 0; overflow: visible; padding: 0; } .pagination_container { border: none; height: auto; margin: 0; } .box_content { padding: 0; } #minicalendar { background: transparent; margin: 0; } #minicalendar td a { height: 40px; line-height: 40px; } #minicalendar td a:hover { background: #B7ABCE; color: #EDEAF3; } #minicalendar .today a, #minicalendar .active a { height: 40px; line-height: 40px; } .filter_list label { border: none; } .form_box fieldset { border: none; float: none; margin: 0; } .box_container { margin: 0; } .box_header h3 small { color: inherit; font-size: 14px; } .extra_details dd p a { color: inherit; } .comment_item { border-color: #E9E6F0; margin: 0 -15px; } .action_menu_items li a { color: #FFF; line-height: 20px; padding: 10px; } .action_menu_items li a:hover { background: #FFF; color: #333; } .subcal_actions { margin: 0; padding: 5px 0 8px 0; } .subcal_actions a { color: #3D2F77; } .subcal_actions a:hover { color: #333; } /* Hide the Filters Header */ .section_dark_colorone { border: none; } .section_dark_colorone h3.space { display: none; } /* Login Page and Sign Up */ .modal_container { background: transparent !important; width: 100%; } .modal_container h1, .modal_container h2 { border: none; } .modal_container h1 span, .modal_container h2 span, .box_header h1 { font-family: minion-pro, Georgia, serif; font-weight: 400; color: #3D2C77; font-size: 36px; font-style: italic; line-height: 1.5; margin: 0 0 10px 0; text-transform: none; } .login_choices { text-align: left; } .login_choices a { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #4B2C84; text-transform: uppercase; } .modalgrid_1, .modalgrid_2, .modalgrid_3, .modalgrid_4 { margin-top: 0; } .modal_content .modalgrid_4 { margin-bottom: 20px; } .form_box input, .modal_content fieldset input, table input, .form_box label input { font-family: minion-pro, Georgia, serif; font-weight: 400; background: #E5E5E5; border: none; display: block; font-size: 14px; height: 35px; margin: 0 0 10px 0; padding: 5px 10px; width: 100%; } .modal_content .action_button input, #signupsubmit { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; background: #3D2F77; border: none; color: #CECBDD; font-size: 11px; height: 35px; padding: 8px 25px 13px; text-transform: uppercase; } .action_button a.link { display: none; } .modal_content label, .form_box label > span { font-family: minion-pro, Georgia, serif; font-weight: 400; color: #1F1120; display: block; float: none; font-size: 18px; line-height: 1.5; text-align: left; } .modalgrid_2 p.login_message { display: none; } #recaptcha_image { float: left; margin: 0 10px 0 0; } #recaptcha_response_field { float: left; margin: 11px 0 0 0; width: 250px; } #localist .grid_4 .light_colorone .box_content { background: #FAFAFA; } #localist #menu .nav-button * { display: none; } /* Pagination */ #next-number { background: url(../images/sprite.png) -925px -150px; height: 30px; text-indent: -1000px; width: 30px; } #previous-number { background: url(../images/sprite.png) -955px -150px; height: 30px; text-indent: -1000px; width: 30px; } .page_heading h1, .page_link h5 { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; } .date_divider { border-color: #E9E6F0; margin: 30px 0 0 0; } .date_divider h2 { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 18px; line-height: 30px; margin: 0; } /* Localist General */ #localist header.page { overflow: visible; padding: 25px 0; } #localist header.page form { float: right; } #localist header.page form .text { float: left; margin: 0; width: 280px; } #localist header.page form .submit { float: left; padding: 0; text-align: center; width: 65px; } #localist header.page .login a { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; border: 1px solid #E0DFDC; color: #4B2C84; float: left; font-size: 16px; height: 35px; line-height: 35px; margin: 0 10px 0 0; padding: 0 10px; } #localist header.page .login a[href$=login]:before { background: url(../images/sprite.png) no-repeat -450px 0; content: ""; float: left; height: 16px; margin: 8px 10px 0 0; width: 12px; } #localist header.page nav { float: left; margin: 11px 0 0 0; } #localist #breadcrumbs { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; border: none; float: left; font-size: 12px; line-height: 50px; margin: 0; padding: 0; text-transform: uppercase; width: auto; } #localist #breadcrumbs li, #localist #breadcrumbs li a { height: 50px; padding: 0; white-space: nowrap; } #localist #breadcrumbs li.first_crumb a { font-weight: normal; padding: 0; } #localist #breadcrumbs li.last_crumb { color: #B7ABCE; padding: 0; } #localist #breadcrumbs li.breadcrumb_separator { margin: 0 10px; } #localist #breadcrumbs li.first_crumb:before { content: ""; margin: 0; } #localist #footer { text-align: left; } #localist #footer a { text-decoration: none; } /* Localist List View */ #localist .box_header h4 { color: #3D2C77; font-family: "minion-pro"; font-size: 32px; font-style: italic; font-weight: normal; overflow: hidden; } #localist .box_header h4 span { line-height: 150%; } #localist .box_header .dark_colorfive { display: none; } #localist .event_item { border-bottom: 1px solid #E9E6F0; overflow: hidden; padding: 35px 0 25px 0; } #localist .event_item img { border: none; display: inline; float: left; padding: none; } #localist .event_item .item_content_medium { margin-left: 98px; } #localist .event_item h3 { margin: 0 0 5px 0; } #localist .event_item h3 .summary { color: #333; display: block; float: none; font-family: "minion-pro"; font-size: 20px; font-weight: normal; line-height: 120%; text-transform: none; } #localist .event_item h3 a { color: #333; text-decoration: none; } #localist .event_item h3 .dateright { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #655992; float: none; font-size: 14px; font-style: italic; font-weight: normal; line-height: 120%; text-transform: none; } #localist .event_item h3 .dateright abbr { border: none; color: #655992; text-decoration: none; } #localist .event_item .description { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #333; font-size: 14px; font-weight: normal; line-height: 22px; margin: 0 0 15px 0; } #localist .event_item h5 { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; display: block; float: none; font-size: 14px; font-style: normal; font-weight: normal; line-height: 120%; margin: 0; } #localist .event_item h5 a { color: #655992; text-decoration: none; } #localist .event_item .watchthis { display: none; } #localist .event_item .imgoing, #localist .cancelplans { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #B7ABCE; color: #EDEAF3; float: right; font-size: 11px; height: 35px; line-height: 27px; text-align: center; text-decoration: none; text-transform: uppercase; width: 125px; } #localist .pagination_container .page_link a { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #3D2F77; color: #CECBDD; display: inline-block; font-size: 13px; font-style: normal; height: 40px; letter-spacing: 0.05em; line-height: 40px; margin: 30px 0; padding: 0 25px; text-decoration: none; text-transform: uppercase; } #localist #homepage_nav { border-top: 1px solid #E9E6F0; margin: 0 0 25px 0; } #localist #homepage_nav .item { border-bottom: 1px solid #E9E6F0; height: 60px; } #localist #homepage_nav .item a { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #4B2C84; display: block; font-size: 16px; line-height: 60px; padding: 0 0 0 45px; } #localist #homepage_nav .nav_calendar a { background: url(../images/localist-calendar-icon.png) no-repeat 10px 18px; } #localist #homepage_nav .nav_place a { background: url(../images/localist-map-icon.png) no-repeat 10px 18px; } #localist .sponsored { padding: 35px 35px; background: #F4F2ED; margin: 35px 0 0 0; } #localist .nav_createevent { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #3D2F77; color: #CECBDD; display: block; float: none; font-size: 13px; height: 40px; letter-spacing: 0.05em; line-height: 40px; margin: 0 0 40px 0; text-align: center; text-transform: uppercase; width: 175px; } #localist .box_container h2 { display: none; } #localist .box_content { background: #EEE; } #localist .minical a { background: url(../images/sprite.png) no-repeat -504px 0px; float: left; height: 30px; overflow: hidden; text-indent: -1000px; width: 30px; } #localist .minical a.right { background-position: -534px 0px; float: right; } #localist #localist-minical-prev-month { background: url(../images/sprite.png) no-repeat -504px 0px; float: left; height: 30px; overflow: hidden; text-indent: -1000px; width: 30px; } #localist #localist-minical-next-month { background: url(../images/sprite.png) no-repeat -534px 0px; float: right; height: 30px; overflow: hidden; text-indent: -1000px; width: 30px; } #localist .box_content .minical { background: #EEE; border-bottom: 1px solid #E0DFDC; padding: 15px; } #localist #month-name { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #3D2F77; font-size: 16px; line-height: 30px; text-align: center; text-transform: uppercase; } #localist #minicalendar { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #EEE; border-collapse: separate; border-spacing: 3px; color: #999; font-size: 16px; padding: 3px; width: 100%; } #localist #minicalendar th { height: 40px; line-height: 40px; text-align: center; } #localist #minicalendar td { background: #E4E4E4; color: #3D2F77; height: 40px; line-height: 40px; margin: 2px; text-align: center; } #localist #minicalendar td.active { } #localist #minicalendar td.dimday { color: #999; } #localist #minicalendar td.selected { background: #3D2F77; color: #FFF; } #localist .filter_list { padding: 0 20px; } #localist .filter_list label { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: url(../images/hr.png) repeat-x; color: #999; display: block; font-size: 12px; margin: 40px -20px 0; padding: 15px 20px; text-transform: uppercase; } #localist .filter_list label span { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #999; font-size: 12px; } #localist .filter_list ul li { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; } #localist .filter_list ul li a { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #4B2C84; font-size: 16px; line-height: 24px; } #localist .filter_list ul ul { padding: 7px 10px 20px 10px; } #localist .filter_list ul li li a { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #666; font-size: 14px; line-height: 20px; } #localist .filter_list .sub_show_more a { font-weight: bold; } #localist #share_events_block { display: none; } /* Detail Page */ #localist .vevent h1.summary { color: #3D2C77; font-family: "minion-pro"; font-size: 32px; font-style: italic; font-weight: normal; line-height: 150%; margin: 0 0 5px 0; } #localist .vevent h2 { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #333; font-size: 18px; line-height: 120%; margin: 0 0 10px 0; } #localist .vevent h2 abbr { border: none; } #localist .vevent h3.location { font-family: ff-meta-web-pro, Arial, sans-serif; font-weight: 400; color: #3D2E77; font-size: 18px; font-weight: normal; line-height: 150%; text-transform: none; } #localist .vevent .description img { border: 0; float: right; margin: 0 0 20px 20px; padding: 0; } #localist .extra_details dt { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #999; font-size: 14px; line-height: 1.2; margin: 20px 0 5px 0; text-transform: uppercase; } #localist .extra_details dd p { font-family: minion-pro, Georgia, serif; font-weight: 400; color: #3D2F77; font-size: 14px; line-height: 1.4; margin: 0; } #localist .extra_details dd p a:hover { color: #333; } #localist .user_action { margin: 0 0 40px 0; overflow: hidden; } #localist .user_action a, #fancybox-wrap input.btn { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #3D2F77; border: none; border-radius: 0px; color: #CECBDD; display: block; float: left; font-size: 13px; font-style: normal; height: 40px; letter-spacing: 0.05em; line-height: 40px; margin: 0 10px 10px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 175px; } #localist #x-event-attendees .sectionheader { background: transparent; border: none; } #localist #x-event-attendees h3 { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: url(../images/hr.png) repeat-x; color: #3D2F77; display: block; font-size: 12px; padding: 15px 0; text-align: left; text-transform: uppercase; } #localist #x-event-attendees h3 span { color: #999; display: inline-block; margin: 0 5px 0 0; } #localist #x-event-attendees table { width: 100%; } #localist #x-event-status { display: none; } #localist #comments { background: url(../images/hr.png) repeat-x; border: none; margin: 50px 0 0 0; padding: 15px 0; } #localist #comments h3 { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #999; font-size: 12px; margin: 0; padding: 0; text-transform: uppercase; } #localist .recent_activity_list { padding: 0; } #localist .link_action { border-bottom: 1px solid #E9E6F0; margin: 0; overflow: hidden; padding: 0 0 10px; } #localist .link_action a { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; background: #B7ABCE; color: #EDEAF3; float: left; font-size: 11px; height: 35px; line-height: 35px; margin: 0 10px 0 0; padding: 0 25px; text-decoration: none; text-transform: ; } #localist .nocontent p { border: none; color: #999; font-size: 18px; line-height: 80px; margin: 0 -15px; padding: 0 15px; text-align: center; } #localist .nocontent { margin-left: 0; width: 100%; } #localist #event_subscribe { background: #FAFAFA; } #localist div.description p { font-family: minion-pro, Georgia, serif; font-weight: 400; font-size: 18px; line-height: 1.2; } #localist div.description p em, #localist div.description p i { font-style: italic; } #localist div.description p strong, #localist div.description p b { font-family: minion-pro, Georgia, serif; font-weight: 600; } #localist .photo_menu_button, #localist .action_button input, #localist .action_button span.pricing_button, #localist .action_button a, #localist .user_action input, #localist .user_action a, #localist .ticket_action a, #localist .link_action a, #localist .joyride-tip-guide .joyride-next-tip { background: #4B2E84; padding: 5px } #localist .recent_activity_list .btn { line-height: 26px; } #localist .user_action a.imgoing, #localist .user_action a.invite_friends_button, #localist .user_action a.nav_createevent { line-height: 33px; } #fancybox-wrap { box-sizing: content-box; } #fancybox-wrap .invite_group .checkbox_input { float: right; height: auto; width: auto; } #fancybox-wrap * { box-sizing: content-box; } #fancybox-wrap .grid_container, #fancybox-wrap .grid_12 { width: 100%; margin: 0; } .ie7 nav.main .item h4 a, .ie8 nav.main .item h4 a { color: #FFF; } .ie7 nav.main .more h4 a, .ie8 nav.main .more h4 a { color: #222; } .ie7 nav.main .item a, .ie8 nav.main .item a { color: #B7ABCE; } .ie7 nav.main .more li a, .ie8 nav.main .more li a { color: #797979; } .ie7 input.submit, .ie8 input.submit { color: #B7ABCE; } .ie7 nav.persistent .item a.slim { width: 90px; } .ie7 nav.persistent .item a.wide { width: 100px; } .ie7 input.text { height: 25px; } .ie7 .areas_of_study .text { width: 768px; } .ie7 .areas_of_study .clear_search { margin: 10px 0 0 0; } .ie7 .department_list a { height: 215px; } .ie7 .mp_top { width: 470px; float: right; } .ie7 .mp_sub_sections a { color: #7B6F82; } .ie7 #mp_filters { position: relative; z-index: 10000123; } .ie7 .search_page_popular_links a { color: #222; } .ie7 .after_kenyon_feature .disc { height: 215px; width: 215px; } .ie7 .after_kenyon_feature .disc .hover { display: none !important; } .ie7 .after_kenyon_feature .controls { display: none; } .ie8 .after_kenyon_feature .hover { filter: alpha(opacity=0); } .ie8 .after_kenyon_feature .roller_item:hover .hover { filter: alpha(opacity=100); } .ie8 .after_kenyon_feature .disc { background: #FFF; } .ie8 .after_kenyon_feature .disc.dark_purple { background: rgb(42,24,58); } .ie8 .after_kenyon_feature .disc.purple { background: rgb(75,46,132); } .ie8 .after_kenyon_feature .disc.light_purple { background: rgb(183,171,206); } .ie7 .student_life_feature .info, .ie8 .student_life_feature .info { background: rgb(42, 24, 58); } .ie7 body a.middlepath_related, .ie8 body a.middlepath_related { display: none; } .ie7 form.styled input.text { height: 25px; } .ie7 form.clubs_orgs input.submit { margin: 5px 0 0 0; } .ie8 .admissions_feature .info { background: #222; } .ie7 .academics_feature .content, .ie8 .academics_feature .content { display: none; } .ie8 .academics_feature figcaption { background: rgb(75, 46, 132); } .ie7 .department_links .split { width: 358px; } .ie7 .timeline figure img { height: 340px; width: 255px; } .ie7 .timeline figure figcaption { width: 235px; } .ie8 .timeline figure img { height: 340px; width: 255px; } .ie8 .timeline figure figcaption { background: rgb(75, 46, 132); } .ie8 .timeline .roller_item { overflow: visible; } .ie7 #mp_filters { position: relative; z-index: 1; } .ie7 .middlepath_stories_landing { margin: 0 0 40px 0; } .ie7 .middlepath_stories .instagram figcaption { color: #FFF !important; } .ie7 .middlepath_stories .instagram .instagram_caption { color: #FFF; } .ie7 #home_features .info.after, .ie8 #home_features .info.after, .ie7 #home_features .info.before, .ie8 #home_features .info.before { filter: alpha(opacity=0); } .ie7 #home_features .info.active, .ie8 #home_features .info.active { filter: alpha(opacity=100); } .ie9 .academics_feature .content { display: none; } .ie9 .academics_feature .active .content { display: block; } .ie7 #explore .grid img { opacity: 1; } .ie7 #explore .grid figure { width: 19.9%; } .ie7 #explore .topics { display: none; } .ie7 #explore .topics.open { display: block; } .ie7 #explore .load_more { bottom: -10px; } .ie7 #explore .load_more:hover { bottom: 0; } .ie7 #feature_wrapper { zoom: 1; } .ie7 #home_middlepath { zoom: 1; } .ie7 #home_middlepath header h2 a { color: #CCCBDD; } .ie7 #home_middlepath .topics { display: none; } .ie7 #home_middlepath .topics.open { display: block; } .ie7 .home_callouts h3 a { color: #323839; } .ie7 .academics_feature .roller_item { visibility: hidden; } .ie7 .academics_feature .roller_item.visible { visibility: visible; } .ie7 .student_life_feature .roller_item { visibility: hidden; } .ie7 .student_life_feature .roller_item.visible { visibility: visible; } .ie7 nav.persistent .item a { white-space: nowrap; } /* Retina Assets */ @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 120dpi) { nav.persistent .item.has_sub > a, nav.gateways .item > a { background-image: url(../images/down-arrow-2x.png); background-size: 7px 3px; } nav.persistent .item.has_sub > a:hover, nav.gateways .item > a:hover { background-image: url(../images/down-arrow-hover-2x.png); } #header .logo, nav.main .plus, nav.main .more li a:hover span, nav.dots a, footer.main .logo, footer.main .twitter, footer.main .facebook, footer.main .youtube, footer.main .static li a span, #explore header .back span, #explore header .topics span, #home_features nav a, #home_features nav span, #home_middlepath header a span, .home_events li time, #home_callouts nav a, aside.media_gallery .image a span, aside.callout .paged .prev, aside.callout .paged .next, .callout.grouped_links .title .icon, aside.events_by_category .date, .middlepath_related, .middlepath_related span, #feature_wrapper nav .next, #feature_wrapper nav .previous, .checkbox a, .radio_button a, aside.recent_graduates nav a .arrow, #academics_feature_wrapper a p span, .timeline .dot, aside.going_to_kenyon a.share span, .sidebar article.social a span, .directory_extended_access strong span, #localist header.page .login span, #localist #localist-minical-prev-month, #localist #localist-minical-next-month, .faculty_detail .dots a, .faculty_detail .sidebar nav .middlepath_profile span, aside.provost_announcements .report span, .areas_of_study .clear_search, #footer .logo, #footer .twitter, #footer .facebook, #footer .youtube, #footer .static li a span, .home_events .article time, #explore header .topics_handle:after, #explore header .back:before, #explore .load_more:before, #home_middlepath header .topics_handle:after, #home_features .controls span.icon, #home_features .controls span:after, body a.middlepath_related, .callout.recent_graduates nav a .arrow, .student_life_feature .info:before, a.button_link:after, #localist header.page .login a[href$="login"]:before, aside.callout .date, #mp_filters .mp_dropdown .currently span, #mp_filters .back span, .middlepath_stories a.twitter_icon, .middlepath_stories a.intent, #middlepath_related header .close, #explore header .submit:before { background-image: url(../images/sprite-2x.png); background-size: 1000px 400px; } .body ul li { background-image: url(../images/li-2x.png); background-size: 4px 4px; } .body figure.quote { background-image: url(../images/blockquote-2x.png); background-size: 34px 28px; } aside.media_gallery .video a, .video_frame:before { background-image: url(../images/play-overlay-55-2x.png); background-size: 55px 55px; } .body a.button { background-image: url(../images/button-bg-2x.png); background-size: 60px 60px; } #localist #homepage_nav .nav_calendar a { background-image: url(../images/localist-calendar-icon-2x.png); background-size: 21px 24px; } #localist #homepage_nav .nav_place a { background-image: url(../images/localist-map-icon-2x.png); background-size: 22px 24px; } .callout.featured_events .tabber-tab.active:before { background-image: url(../images/left-arrow-2x.png); background-size: 10px 18px; } .callout.media_gallery .video_frame:before, .callout.featured_video .video_frame:before { background-image: url(../images/play-overlay-rect-55-2x.png); background-size: 53px 43px; } #explore header .submit:before, #explore header .topics_handle:after, .mobile_search_type:after { background-image: url(../images/sketch-icons.svg) !important; } .controls span, .controls a, #home_features .control_label { background-image: url(../images/roller-control-bg.svg); } } /* ---------------------------- Hovers ---------------------------- */ @media screen and (min-width: 740px) { *, *:link, *:visited, *:hover, *:active, *:focus { transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, opacity 0.1s linear; } .subnavigation .mobile_container { height: auto !important; } .subnavigation a:hover { background-color: #E9E6F0; color: #2A183A; } .subnavigation a.sub_active:hover, .subnavigation a.active:hover { background-color: #4B2E84; color: #fff; } .subnavigation .depth_2 a:hover { background: transparent; color: #4B2D94; } .subnavigation .depth_2 a.external:hover:after { opacity: 1; } nav.gateways .item li a:hover { background-color: #4F4171; background-image: url(../images/down-arrow-hover.png); } nav.gateways .item .links li a.external:hover:after { opacity: 1; } nav.persistent .item .links li a.external:hover:after { opacity: 1; } nav.persistent .item a:hover { color: #FFF; } nav.persistent .item.has_sub a:hover { background-image: url(../images/down-arrow-hover.png); } nav.top_nav .links li a:hover { background: transparent; color: #222; } nav.main .more li a:hover { color: #3D2D77; } nav.main .more li a:hover span { background: url(../images/sprite.png) no-repeat -860px -75px; } nav.main .more li a.external:hover:after { opacity: 1; } nav.dots a:hover { background-position: -850px -75px; } #footer .links a:hover { color: #fff; } #footer .links .primary a:hover { color: #B3ADCA; } #explore .grid figure:hover figcaption { *display: block; opacity: 1; } #explore header .topics_handle.open, #explore header .topics_handle:hover { color: #FFF; } #explore header .topics_handle.open:after, #explore header .topics_handle:hover:after { opacity: 1; } #explore header .submit:hover { color: #FFF; } #explore header .submit:hover:before { opacity: 1; } #explore .load_more:hover { border-color: #655A93; background: #655A93; } .body a:hover { color: #1F1120; } .controls.bubble_inside span:hover, .controls.bubble_outside span:hover, .controls.bubble_centered span:hover {} .controls.bubble_inside span.disabled:hover, .controls.bubble_outside span.disabled:hover, .controls.bubble_centered span.disabled:hover {} .photo_gallery .roller_item:hover p { *display: block; opacity: 1; } aside.recent_graduates nav a:hover section { display: block; } aside.recent_graduates nav a.active section { display: none; } .middlepath_stories article a:hover { border-color: #ddd; } .middlepath_stories article:hover { background-color: #fff; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .05); transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out; } .middlepath_profiles article:hover { background-color: #fff; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .05); transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out; } .middlepath_stories_featured article:hover { background-color: #fafafa; } .callout.middlepath_stories article:hover { background-color: #fafafa; box-shadow: none; } .callout.middlepath_profiles article:hover { background-color: #fafafa; box-shadow: none; } .middlepath_stories article:hover .instagram_caption { display: block; } .callout.middlepath_social .instagram:hover .instagram_caption { display: block; } .middlepath_related:hover { background-position: -715px -120px; } .middlepath_related:hover span { display: block; } .timeline .roller_item:hover { border-bottom: 5px solid #E9E6F0; } .timeline .visible.faded:hover { opacity: 1; } #after_kenyon a:hover .hover { opacity: 1; } #home_features p a:hover { border-color: #fff; } #home_features p.photo_credit a:hover { border: none; color: #fff; } #home_middlepath header .topics_handle.open, #home_middlepath header .topics_handle:hover { color: #766C9D; } #home_middlepath header .topics_handle.open:after, #home_middlepath header .topics_handle:hover:after { background-position: -925px -25px; } #home_middlepath_load_more:hover { background: #FFF; border: 1px solid #FFF; } .admissions_feature .info p a:hover { border-color: #fff; } .student_life_feature .video_replace:hover .info { background-color: rgba(42,24,58,1); *background-color: #2A183A; } .widgets a:hover { background-color: #2A183A; color: #fff; } .select a:hover { background: #EEE; color: #797979; } /* .middlepath_subnav a:hover { color: #000; } */ .middlepath_tabs .tabber-tab:hover, .middlepath_tabs .tabber-tabs a:hover { background: #FAFAFA; color: #999; } .middlepath_tabs .tabber-contents a:hover { color: #000; } .middlepath_stories_landing .category a:hover { color: #000; } .middlepath_stories h3 a:hover { color: #000; } .middlepath_story .button:hover { color: #000; } .middlepath_sidebar .active_category:hover { background-color: #333; } .middlepath_sidebar .links a:hover, .middlepath_sidebar .links .expand:hover { color: #4B2E84; } .middlepath_profiles article a:hover { border-color: #ddd; } .middlepath_pagination a:hover { color: #666; } .callout.media_gallery a:hover p { *display: block; opacity: 1; } .callout.media_gallery .video_frame:hover:before { opacity: 0; } a.button_link:hover { background-color: #4B2C84; color:#fff; } .department_list a:hover h3 { color: #222; } .department_list a:hover img { border-color: #B7ABC8; } .academics_feature article figcaption { transition: background-color 0.2s linear, height 0.2s linear, opacity 0.2s linear; } .academics_feature article:hover figcaption { *background-color: #9E89DB; background-color: rgba(158, 137, 219, 1); height: 55px; transition: background-color 0.2s linear, height 0.2s linear, opacity 0.2s linear; } nav.letters .all:hover { background-color: #4B2C84; color: #FFF; } .sidebar article.social a:hover { background: #F3F3F3; } .sitemap a:hover { text-decoration: underline; } .callout.grouped_links .title:hover .headline { color: #333; } .callout.grouped_links .title:hover .icon { opacity: 1; } .body .jumplinks li a:hover { text-decoration: underline; } } /* ---------------------------- < 1440 Desktop ---------------------------- */ @media screen and (max-width: 1440px) { #explore .grid figure { float: left; overflow: hidden; width: 25%; } #explore .grid figure:nth-child(5n+1) { clear: none; } #explore .grid figure:nth-child(4n+1) { clear: left; } } /* ----------------------------------- < 1220 Desktop / Landscape Tablet ----------------------------------- */ @media screen and (max-width: 1220px) { body { padding: 200px 0 0 0; } /* Header */ #header { background-image: url(../images/header-repeat-lined.png); height: 200px; } #header .logo { margin: 80px 0 0 0; } #header .less { display: none; } #alerts { top: 200px; } .bigtree_bar_open #alerts { top: 240px; } #explore.stuck header { top: 200px; } /* Gateway / Persistent */ nav.gateways { background: none; border: none; float: right; left: auto; right: 0; top: 70px; width: auto; } nav.gateways .item { border: none; } nav.gateways .item .dropdown { top: 50px; left: auto; right: 0; } /* Main navigation */ nav.main { float: none; width: auto; margin: 160px 0 0 0; } nav.main section { margin: 0 60px 0 0; } nav.main .plus { display: none; } nav.main .more li { margin: 0 0 10px 0; } nav.main .more li:last-child { margin: 0; } nav.main .more .divider { display: none; } /* Sub Footer */ #explore header { width: 960px; } #explore .grid figure { float: left; overflow: hidden; width: 33.333333333%; } #explore .grid figure:nth-child(4n+1) { clear: none; } #explore .grid figure:nth-child(3n+1) { clear: left; } /* Timeline */ .timeline .roller_arrow { top: 100px; } .timeline .roller_item { margin: 0 20px 0 0; width: 140px; } .timeline figure { margin: -30px 0 0 -59px; } /* TOP FEATURES */ .page_feature .roller_canister { height: 375px; } .page_feature .roller_item.active { width: 940px; } .page_feature .video_is_active .info { right: -110px; } .page_feature.in_page .info { width: 360px; padding: 33px 29px; height: 268px; top: 50px; } .page_feature.in_page h2 { font-size: 23px; } .photo_gallery .roller_item { width: 470px; } .photo_gallery .controls { top: 80px; } .photo_gallery.above_page .roller_canister { height: 272px; } .department_feature.in_page .image { height: 240px; width: 424px; } .department_feature.in_page .info { height: auto; } .academics_feature .roller_canister { height: 383px; } .academics_feature .roller_arrow { top: 290px; } .academics_feature .roller_item { width: 313px; } .academics_feature .content { height: 383px; right: -304px; width: 313px; } .academics_feature .content.display_left { right: 304px; } .academics_feature .active .content { height: 383px; right: -314px; width: 313px; } .academics_feature .active .content.display_left { right: 314px; } .student_life_feature .roller_canister { height: 302px; } .student_life_feature .roller_item { width: 470px; } .student_life_feature .roller_arrow { top: 255px; } .after_kenyon_feature .roller_item { margin: 0 20px 0 0; width: 298px; } #home_features { top: 200px; } #home_middlepath.stuck header { top: 200px; } #home_middlepath header, #home_middlepath header:after { width: 960px; } #mp_filters label { display: none; } #mp_filters .mp_dropdown { margin: 0 8px 0 0; width: 180px; } #mp_filters .mp_dropdown .options { margin: 0 0 0 -1px; width: 180px; } .middlepath_profiles article, .middlepath_stories article { width: 283px; margin: 12px 18px; } .middlepath_stories .instagram figcaption { height: 36px; line-height: 36px; } .middlepath_stories h3 { font-size: 19px; } .middlepath_stories iframe, .middlepath_stories embed, .middlepath_stories object { height: 126px; width: 219px; } .middlepath_stories_landing article { margin-bottom: 40px; } .middlepath_story .video iframe { height: 347px; width: 620px; } .home_events .last { display: none; } .home_callouts .roller_arrow { top: 75px; } .home_callouts .roller_item { width: 470px; } .home_callouts .info { padding: 40px 60px; } .instagram_feed article { width: 47%; margin: 1.5%; } .instagram_feed .instagram figcaption { height: auto; } /* Callouts */ .callout { margin: 50px 0 0; padding: 50px 80px 0px 80px; } .callout .controls .roller_arrow { position: absolute; top: 100px; } .callout .controls .previous { left: -60px; } .callout .controls .next { right: -60px; } .callout.media_gallery .controls .roller_arrow { top: 115px; } .callout.media_gallery .roller_item { width: 550px; } .callout.media_gallery article { margin: 0 10px 10px 0; width: 173px; } .callout.by_the_numbers .roller_item { margin: 0 10px 0 0; width: 540px; } .callout.twitter_feed .roller_arrow { top: 60px; } .callout.twitter_feed .roller_item { width: 540px; } .callout.middlepath_social .roller_item { margin: 0 10px 0 0; width: 540px; } .callout.middlepath_social .roller_arrow { top: 165px; } .callout.middlepath_profiles .roller_item { width: 540px; } aside.provost_announcements .roller_item { height: auto; width: 540px; } aside.registrar_announcements .roller_item { height: 410px; width: 540px; } aside.registrar_announcements .roller a { height: 130px; } aside.registrar_announcements .roller a.top { height: 110px; } aside.registrar_announcements .controls .roller_arrow { top: 190px; } aside.section_specific_search form.clubs_orgs input.text { width: 100%; float: none; } aside.section_specific_search form.clubs_orgs input.submit { width: auto; padding: 0 20px; float: none; margin: 10px 0 0 0; } .events_by_category .roller_item { width: 540px; } /* SUBPAGES */ .department_list a { margin: 0 19px 34px 0; width:220px; } .department_list a img { height: 120px; width:220px; } .department_list a:nth-child(4n+4) { margin:0 0 34px 0; } .faculty_detail .image_wrapper { height: 265px; } .faculty_detail .image_wrapper .dots { display: none; } form.clubs_orgs input.text { width: 450px; } form.clubs_orgs .select span { width: 395px !important; } } /* ---------------------------- Portrait Tablet ---------------------------- */ @media screen and (max-width: 980px) { /* Controls */ .controls.bubble_centered .previous { float: left; border-radius: 0; } .controls.bubble_centered .next { float: right; border-radius: 0; } body { padding: 0; } #header { background-image: none; height: 90px; position: absolute; } #header .logo { margin: 25px 0 0; } /* Header */ .navigation_desktop { display: none; } .navigation_compact { display: block; } .navigation_compact .mobile_handle { cursor: pointer; display: block; float: right; overflow: hidden; margin: 25px 0 0 0; padding: 10px; text-indent: -99999px; width: 38px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navigation_compact .mobile_handle:after { background: url(../images/sprite.png) no-repeat -960px -85px; cursor: pointer; content: ''; display: block; float: right; height: 18px; margin: 0; width: 17px; } .nav_slider_page { background: #222; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); display: block; left: 0; height: 100%; overflow: hidden; position: relative; top: 0; width: 100%; z-index: 2; -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; -ms-transition: -ms-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; -webkit-transform: translate3D(0px, 0px, 0px); -moz-transform: translate3D(0px, 0px, 0px); -ms-transform: translate3D(0px, 0px, 0px); -o-transform: translate3D(0px, 0px, 0px); transform: translate3D(0px, 0px, 0px); } .nav_slider_navigation { background: #fff; display: block; height: 100%; overflow-y: auto; padding: 10px; position: fixed; right: 0; top: 0; width: 270px; z-index: 1; /* -webkit-overflow-scrolling: touch; */ -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; -ms-transition: -ms-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; -webkit-transform: translate3D(270px, 0px, 0px); -moz-transform: translate3D(270px, 0px, 0px); -ms-transform: translate3D(270px, 0px, 0px); -o-transform: translate3D(270px, 0px, 0px); transform: translate3D(270px, 0px, 0px); } .nav_slider_open .nav_slider_page { -webkit-transform: translate3D(-270px, 0px, 0px); -moz-transform: translate3D(-270px, 0px, 0px); -ms-transform: translate3D(-270px, 0px, 0px); -o-transform: translate3D(-270px, 0px, 0px); transform: translate3D(-270px, 0px, 0px); } .nav_slider_open .nav_slider_navigation { -webkit-transform: translate3D(0, 0px, 0px); -moz-transform: translate3D(0, 0px, 0px); -ms-transform: translate3D(0, 0px, 0px); -o-transform: translate3D(0, 0px, 0px); transform: translate3D(0, 0px, 0px); } .mobile_search_tab { width: 102px; height: 18px; font-size: 12px; line-height: 18px; float: left; color: #4B2E84; text-align: center; text-transform: uppercase; } .mobile_search_tab_active { background: #4B2E84; color: #FFF; } .navigation_mobile { padding: 10px 0; position: relative; } .navigation_mobile ul { padding: 0; } .navigation_mobile li { border-bottom: 1px solid #E8E8E8; margin-bottom: 3px; } .navigation_mobile li:last-child { border: none; margin: 0; } .navigation_mobile a { color: #4B2E84; display: block; font-size: 16px; padding: 10px 0 10px 20px; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; } .navigation_mobile ul ul { padding: 0 0 20px 20px; } .navigation_mobile ul ul li { border-bottom: none; margin: 0; } .navigation_mobile ul ul a { color: #333; font-size: 13px; padding: 5px 0 5px 10px; } .navigation_mobile ul ul a.active, .navigation_mobile ul ul a.sub_active { color: #4B2E84 } .navigation_mobile ul ul ul { padding: 0 0 0 20px; } .navigation_mobile_secondary { border-top: 1px solid #E8E8E8; padding: 0; } .navigation_mobile_secondary ul { padding: 0 0 20px 0; } .navigation_mobile_secondary ul li { padding: 0 0 0 20px; } .navigation_mobile_secondary ul a { color: #333; font-size: 14px; padding: 8px 0 10px 10px; } .nav_slider_navigation h4 { border-top: 1px solid #E8E8E8; color: #666; font-size: 12px; margin: 1px 0 0; padding: 10px; text-transform: uppercase; } .nav_slider_navigation h4:before { background: #E8E8E8; content: ""; height: 1px; width: 100%; position: absolute; margin: -13px 0 0 -10px; } .nav_slider_navigation form { overflow: hidden; padding: 10px 0 20px 0; position: relative; } .nav_slider_navigation form input { float: left; margin: 0; } .nav_slider_navigation form input.text { width: 152px; width: calc(100% - 68px); } .nav_slider_navigation form label { font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; float: left; color: #6E6666; font-size: 12px; margin-top: 10px; text-transform: uppercase; line-height: 26px; } .nav_slider_navigation form .mobile_search_type_active { color: #4B2E84; } .nav_slider_navigation form .contain { padding: 0 10px; } .mobile_search_type { border: 1px solid #D2D2D2; border-radius: 15px; height: 26px; float: left; margin: 10px 10px 0 10px; position: relative; width: 80px; } .mobile_search_type:after { background: #1F1F1F url(../images/sketch-icons.png) no-repeat -50px 2px; border-radius: 15px; content: ""; height: 20px; width: 44px; position: absolute; left: 3px; top: 2px; transition: left 0.3s; } .mobile_search_type.directory:after { left: 31px; } /* Footer */ #footer .primary li { margin: 0 15px 0 0; } #footer .primary li a { font-size: 15px; } /* Sub Footer */ #explore header { width: 720px; } #explore header .submit, #explore header .topics_handle, #explore header .topics { display: none; } #explore header h2 { font-size: 28px; } /* Timeline */ .timeline .roller_arrow { top: 135px; } .timeline figure { margin: -20px 0 0 -15px; } .timeline .roller_item { margin: 0 15px 0 0; width: 225px; } /* PAGE FEATURES */ .page_feature .roller_canister { height: auto; } .page_feature .roller_item, .page_feature .roller_item.active { background: #fff; margin: 0 15px 0 0; width: 705px; transition: none; } .page_feature figure { opacity: 1; width: 100%; transition: none; } .page_feature .info { clear: both; display: block; height: auto; margin: 0; position: static; opacity: 1; width: 100%; } .page_feature.in_page { height: auto; } .page_feature.in_page .info { height: auto; margin: 0; padding: 33px 29px; position: static; width: auto; } .photo_gallery .roller_item { background: #4B2E84; width: 353px; } .photo_gallery .controls { top: 43px; } .photo_gallery img { float: left; width: 100%; } .photo_gallery p { *display: block; position: static; opacity: 1; max-width: 100%; } .photo_gallery.above_page .roller_canister { height: 272px; } .photo_gallery.above_page.images_loaded .roller_canister { height: auto; } .photo_gallery.in_page p { clear: both; position: static; max-width: 100%; } .department_feature .roller_item { margin: 0 15px 0 0; width: 705px; transition: none; } .department_feature .image, .department_feature .active .image { float: none; height: auto; width: 100%; transition: none; } .department_feature figure { opacity: 1; width: 100%; transition: none !important; } .department_feature img { float: left; } .department_feature .info { float: none; height: auto; margin: 0; width: 100%; } .department_feature .sizer_size { height: auto; } .department_feature.in_page .image { width: 705px; height: auto; } .academics_feature .roller_canister { height: 428px; } .academics_feature .roller_arrow { top: 315px; } .academics_feature .roller_item { width: 705px; } .academics_feature figure { float: left; width: 352px; } .academics_feature figcaption { display: none; } .academics_feature .content, .academics_feature .content.display_left { display: block; float: right; height: 408px; position:static; opacity: 1; right: 0; top: 0; width: 353px; } .student_life_feature .roller_canister { height: 454px; } .student_life_feature .roller_item { width: 705px; } .student_life_feature .roller_arrow { top: 330px; } .after_kenyon_feature .roller_item { margin: 0 15px 0 0; width: 345px; } /* Naver */ .subnavigation .naver-handle { float: left; display: block; } .subnavigation .naver-wrapper { height: 0; overflow: hidden; } .subnavigation .naver-container { overflow: hidden; } .subnavigation { margin-bottom: 20px; } .subnavigation .naver-handle { background-color: #2A183A; color: #fff; cursor: pointer; float: none; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; font-size: 14px; height: 50px; letter-spacing: 1px; line-height: 50px; margin: 0; overflow: hidden; padding:0px 20px; text-transform: uppercase; transition: background-color 0.25s ease-out; } .subnavigation .naver-handle:before { background: url(../images/sprite.png) no-repeat -960px -85px; content: ''; display: block; float: left; height: 18px; margin: 15px 10px 0 0; width: 17px; } .subnavigation .naver-handle:after { background: url(../images/sprite.png) no-repeat -981px -86px; content: ''; display: block; float: right; height: 14px; margin: 16px -50px 0 0; opacity: 0; width: 14px; transition: margin 0.25s ease-out, opacity 0.25s ease-out; } .subnavigation.naver-open .naver-handle { background-color: #222; } .subnavigation.naver-open .naver-handle:after { margin: 16px 0 0 0; opacity: 1; } .subnavigation nav { background: #fff; border: none; padding:20px; } .subnavigation nav a { padding: 15px 10px; } .subnavigation nav .depth_2 { background-color: #fff; } /* #home_middlepath header, #home_middlepath header:after { width: 720px; } */ /* #home_middlepath header a { display: none; } */ #home_middlepath header, #home_middlepath header:after { width: 100%; } #home_middlepath { padding-bottom: 0; } #home_middlepath_elements { margin-left: auto; margin-right: auto; width: 720px; } #home_middlepath .row { width: 100%; } #home_middlepath .topics_handle, #home_middlepath .topics { display: none; } #mp_filters .mp_dropdown { margin: 0 9px 0 0; width: 229px; } #mp_filters .mp_dropdown.first { clear: left; } #mp_filters .mp_dropdown.end { margin: 0; } #mp_filters .mp_dropdown .options { margin: 0 0 0 -1px; width: 229px; } #mp_filters form { float: none; margin-bottom: 20px; overflow: hidden; } #mp_filters form .text { width: 280px; } #mp_filters form.mp_people_filter { float: right; } .mp_top { width: 330px; margin-top: 10px; } .mp_top .mp_sub_sections a { display: block; float: right; margin: 0 0 15px 30px; } .mp_top .mp_sub_sections span { display: none; } .mp_sub_buttons { overflow: hidden; width: 330px; } #mp_filters .back { margin-right: 10px; } .middlepath_profiles article, .middlepath_stories article { width: 320px; margin: 15px 20px; } .middlepath_stories .instagram figcaption { height: 40px; line-height: 40px; } .middlepath_stories h3 { font-size: 21px; } .middlepath_stories iframe, .middlepath_stories embed, .middlepath_stories object { height: 140px; width: 248px; } .middlepath_stories_landing article { margin-bottom: 30px; width: 320px; } .middlepath_stories_landing article:nth-child(3n+3) { display: none; } .middlepath_stories_featured article:nth-child(3n+3) { display: none; } .middlepath_stories_featured h2 { font-size: 24px; } .middlepath_story .video iframe { height: 260px; width: 465px; } .instagram_feed article { width: 47%; margin: 1.5%; } .instagram_feed .instagram figcaption { height: auto; } .home_featured_event .image { display: none; } .home_callouts .roller_arrow { top: 140px; } .home_callouts .roller_item { width: 705px; } .home_callouts .info { padding: 40px 50px; } .home_callouts h3 { font-size: 19px; } .sidebar nav a { font-size: 14px; } .sidebar nav .depth_2 a { font-size: 12px; } .home_events li { margin: 0 25px; width: 310px; } .home_events li.last { display: block; margin: 0 25px; width: 310px; } #home_features { top: 70px; position: absolute; } #home_features .overlay { position: absolute; } .callout { padding: 50px 50px 0; } .callout .controls .roller_arrow { position: absolute; top: 100px; } .callout .controls .previous { left: -40px; } .callout .controls .next { right: -40px; } .callout.media_gallery .controls .roller_arrow { top: 135px; } .callout.media_gallery .roller_item { width: 655px; } .callout.media_gallery article { margin: 0 10px 10px 0; width: 195px; } .callout.by_the_numbers .roller_item { margin: 0 10px 0 0; width: 605px; } .callout.by_the_numbers h3 { font-size: 40px; } .callout.twitter_feed .roller_arrow { top: 60px; } .callout.twitter_feed .roller_item { width: 605px; } .callout.giving_links a { width: 47%; } .callout.middlepath_social .roller_item { margin: 0 10px 0 0; width: 605px; } .callout.middlepath_social .roller_arrow { top: 165px; } .callout.middlepath_profiles .roller_item { width: 605px; } .callout.instagram_feed article { margin: 1.5%; width: 46%; float: left; } aside.provost_announcements .roller_item { width: 605px; } aside.registrar_announcements .roller .controls { display: none; } aside.registrar_announcements .roller_item { display: none; height: auto; width: auto; float: none; background: transparent; } aside.registrar_announcements .roller_item:first-child { display: block; } aside.registrar_announcements .roller a { float: none; width: auto; height: auto; padding: 20px 0 0 0; margin: 20px 0 0 0; display: block; } aside.registrar_announcements .roller a.top { height: auto; } aside.registrar_announcements .roller a.even { float: none; } aside.registrar_announcements .roller.initialized .roller_canister { width: auto; } .home_events .article { margin-bottom: 30px; } .home_events .article:nth-child(2n+1) { clear: left; } .department_list a:nth-child(4n+1) { clear: none; } .department_list a:nth-child(4n+4) { margin: 0 19px 34px 0; } .department_list a:nth-child(3n+1) { clear: left; } .department_list a:nth-child(3n+3) { margin: 0 0 34px 0; } header.page { margin: 90px 0 0; } #localist #menu .action_menu li.search_action input { width: 150px; } .blog_group ul li { width: 50%; margin: 0 0 10px 0; } .featured_blog h3 { font-size: 22px; margin: 0 0 10px 0; } .featured_blog p { font-size: 13px; line-height: 20px; } .featured_blog ul li a { font-size: 13px; } .events_by_category .roller_item { width: 605px; } /* #middlepath_related { position: absolute; } */ #home_features .next_preview { display: none; } #home_features .control.next:hover { width: 50px; } } /* ------------------------------------- Portrait Tablet < 740 (Nexus 7ish) ------------------------------------- */ @media screen and (max-width: 740px) { h1 { font-size: 38px; } body { padding: 0; } /* Header */ #header { background-image: none; height: 70px; position: absolute; } #header .logo { background-position: 0 -100px; height: 28px; margin: 20px 0; width: 180px; } .navigation_compact .mobile_handle { margin: 15px 0 0; } #alerts { top: 70px; } .bigtree_bar_open #alerts { top: 110px; } /* Footer */ #footer .information { margin-bottom: 40px; } #footer .primary li { margin: 0 10px 0 0; } #footer .primary li a { font-size: 14px; } #footer .secondary { border-bottom: 1px solid #4E4E4E; float: none; margin: 0 0 20px; padding: 0 0 10px 0; width: 100%; } #footer .static { float: none; margin: 0; width: 100%; } /* Sub Footer */ #explore header h2 { font-size: 24px; } #explore header { width: 480px; } #explore .grid figure { float: left; overflow: hidden; width: 50%; } #explore .grid figure:nth-child(3n+1) { clear: none; } #explore .grid figure:nth-child(2n+1) { clear: left; } /* Timeline */ .timeline { display: none; } /* PAGE FEATURES */ .page_feature .roller_item, .page_feature .roller_item.active { width: 470px; } .photo_gallery { display: none; } .photo_gallery.in_page { display: block; } .admissions_feature .information { margin-top: 20px; } .admissions_feature .roller_arrow { top: 190px; } .admissions_feature .info h2 { font-size: 30px; line-height: 1.3; } .admissions_feature .info p { font-size: 18px; } .admissions_feature .info .title { float: none; padding: 0; width: 100%; } .admissions_feature .info .description { border: none; float: none; padding: 0; margin: 0; } .department_feature .roller_item { margin: 0 10px 0 0; width: 470px; } .department_feature.in_page .image { width: 470px; } .academics_feature { display: none; } .student_life_feature { display: none; } .after_kenyon_feature .roller_item { margin: 0 10px 0 0; width: 470px; } .after_kenyon_feature .roller_arrow { top: 190px; } nav.breadcrumb { display: none; } header.image { height: 500px; } header.page { padding: 20px 0; } header.page h1 { font-size: 30px; } section.page { padding: 35px 0 65px 0; } #home_middlepath header, #home_middlepath header:after { width: 100%; } #home_middlepath { padding-bottom: 0; } #home_middlepath_elements { margin-left: auto; margin-right: auto; width: 480px; } #home_middlepath .row { width: 100%; } #mp_filters { margin: 0; } #mp_filters .mp_dropdown { margin: 0 4px 0 0; width: 153px; } #mp_filters .mp_dropdown.first { clear: left; } #mp_filters .mp_dropdown.end { margin: 0; } #mp_filters .mp_dropdown .options { margin: 0 0 0 -1px; width: 153px; } .mp_top { width: 300px; margin-top: 10px; } .mp_sub_buttons { height: auto; overflow: hidden; width: 300px; } .mp_sub_buttons a.button { background: transparent; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #7B6F82; font-size: 12px; height: auto; letter-spacing: 0.05em; line-height: 18px; font-style: normal; margin: 0 0 0 20px; padding: 0; text-align: right; text-transform: uppercase; width: auto;} #mp_filters form { float: none; margin-bottom: 20px; overflow: hidden; } #mp_filters form.mp_people_filter { float: none; } #mp_filters form .text { width: 377px; } #mp_filters .back { float: none; display: block; margin-bottom: 10px; } .middlepath_profiles article, .middlepath_stories article { width: 458px; /* width: 220px; */ margin: 11px 9px; } .middlepath_stories .instagram figcaption { height: 34px; line-height: 34px; } .middlepath_stories h3 { font-size: 18px; } .middlepath_stories iframe, .middlepath_stories embed, .middlepath_stories object { height: 120px; width: 207px; } .middlepath_stories_landing article { margin-bottom: 15px; width: 458px; } .instagram_feed article { width: 47%; margin: 1.5%; } .callout.middlepath_stories .with_image article .category, .callout.middlepath_stories .with_image article h3, .callout.middlepath_stories .with_image article h4, .callout.middlepath_stories .with_image article .source, .callout.middlepath_stories .with_image article p { float: none; width: auto; } .middlepath_highlight iframe { width: 470px; height: 265px; } .middlepath_highlight .contain { clear: both; margin: 0 0 25px; } .middlepath_highlight img { margin: 0 0 20px; max-width: 100%; } .home_featured_event hr { margin-bottom: 20px; } .home_callouts { display: none; } #home_features h1 { font-size: 40px; } #home_features p { font-size: 20px; } #home_features .articles { width: 80%; } header.page { margin: 70px 0 0; } aside.in_content_callouts { float: none; margin: 0; width: 100%; } .callout { padding: 50px 50px 0; } .callout.flexible img, .callout.flexible .with_image { float: none; width: 100%; } .callout.flexible img { margin: 0 0 10px; } .callout.media_gallery .controls .roller_arrow { top: 198px; } .callout.media_gallery .roller_item { width: 380px; } .callout.media_gallery article { width: 180px; } .callout.media_gallery article:nth-child(2n+3) { margin-right: 10px; } .callout.media_gallery article:nth-child(2n+2) { margin-right: 0; } .callout.grouped_links .title { font-size: 20px; } .callout.grouped_links .more div { float: none; width: 100%; } .callout.by_the_numbers .roller_item { margin: 0 10px 0 0; width: 370px; } .callout.by_the_numbers h3 { font-size: 35px; } .callout.by_the_numbers p { font-size: 12px; line-height: 16px; } .callout.featured_video .video_frame, .callout.featured_video .content { float: none; width: auto; } .callout.featured_video .video_frame { margin: 0 0 15px; } .callout.twitter_feed .roller_arrow { top: 75px; } .callout.twitter_feed .roller_item { background: none; width: 370px; } .callout.twitter_feed .tweet { width: 100%; } .callout.twitter_feed .tweet:first-child { border-bottom: 1px solid #E9E6F0; margin: 0 0 20px 0; padding: 0 0 20px 0; } .callout.giving_links a { width: 97%; } .callout.featured_events .tabber-contents { clear: both; width: 100%; } .callout.featured_events .tabber-tabs { float: none; width: 100%; } .callout.featured_events .tabber-tab { margin: 0 10px 25px; } .callout.featured_events .tabber-tab.active:before { background: url(../images/down-arrow-big.png) no-repeat center center; height: 13px; left: 16px; top: 68px; width: 19px; } .callout.middlepath_stories .with_image article .category, .callout.middlepath_stories .with_image article h3, .callout.middlepath_stories .with_image article .source, .callout.middlepath_stories .with_image article p, .callout.middlepath_stories .with_image article img { float: none; width: 100%; } .callout.middlepath_stories .with_image article .category, .callout.middlepath_stories .with_image article img { margin-bottom: 15px; } .callout.middlepath_stories .thin { background: none; } .callout.middlepath_stories .thin article { float: none; margin: 0 0 40px; width: auto; } .callout.middlepath_social .roller_item { margin: 0 10px 0 0; width: 370px; } .callout.middlepath_social .roller_arrow { top: 92px; } .callout.middlepath_profiles .roller_item { width: 370px; } .callout.middlepath_profiles .inner { background: none; } .callout.middlepath_profiles .inner article { float: none; margin: 0; width: 100%; } .callout.middlepath_profiles .inner article:first-child { border-bottom: 1px solid #E9E6F0; margin: 0 0 20px 0; padding: 0 0 40px 0; } .callout.middlepath_profiles .inner article:first-child a.middlepath_related { bottom: 15px; } .callout.middlepath_profiles .inner img { float: left; margin: 0 20px 0 0; width: 100px; } aside.provost_announcements .roller_item { width: 370px; } aside.provost_announcements article { border-bottom: 1px solid #E9E6F0; margin: 0 0 20px 0; padding: 0 0 20px 0; width: 100%; } aside.section_specific_search form.clubs_orgs input.submit { width: 100%; } a.button_link { display: block; margin-right: 0; width:auto; } /* SUBPAGES */ .department_list a:nth-child(3n+3) { margin: 0 19px 34px 0;} .department_list a:nth-child(3n+1) { clear: none; } .department_list a:nth-child(2n+2) { margin:0 0 34px 0; } .department_list a:nth-child(2n+1) { clear: left; } header.page .desktop-12 { display: table; caption-side: bottom; } header.page .widgets { display: table-caption; float: none; margin: 20px 0 0; } .course_pop_up { width: 450px; } .middlepath_sidebar { margin-top: 30px; } aside.admissions_tips .newsletter p { width: 100%; } aside.admissions_tips .newsletter a { float: left; margin-top: 15px; padding-left: 20px; padding-right: 20px; width: auto; } .directory_extended_access { float: none; margin: 0 0 2px 0; width: auto; } .directory_search { float: none; width: auto; } .directory_search input.submit { width: 100%; } .directory_search_results .name { float: none; width: auto; } .directory_search_results .contact { float: none; margin: 15px 0 0 0; width: auto; } .directory_search_results img { display: none; } .directory_search_results header { display: none; } .directory_search_results .expertise { display: none; } .directory_search_results .department { display: none; } .directory_search_results article { padding: 0 10px 20px 10px; margin: 0 0 20px 0; } .directory_search_results h3 { font-size: 22px; } .directory_search_results h4 { font-size: 16px; } .directory_search_results .name a { font-size: 18px; text-decoration: none; } .directory_search_results p { font-size: 18px; } .directory_search_results p a { text-decoration: none; } .faculty_detail header.page a { float: none; width: 100%; display: block; margin: 0 0 15px 0; } .faculty_detail .image_wrapper { width: auto; height: auto; } .faculty_detail .image_wrapper img { height: auto; width: 100%; position: static; display: none; } .faculty_detail .image_wrapper img:first-child { display: block; } .faculty_detail .image_wrapper .dots { display: none; } .faculty_detail .subnavigation { display: none; } .faculty_detail .callout { display: none; } form.clubs_orgs input.text { margin-bottom: 10px; width: 100% !important; } form.clubs_orgs .select { margin-bottom: 10px; } form.clubs_orgs .select span { width: 355px !important; } form.clubs_orgs #clubs_orgs_category_button { margin-left: 0; } .clubs_orgs_results header { display: none; } .clubs_orgs_results .title { float: none; width: auto; overflow: hidden; margin: 0 0 10px 0; } .clubs_orgs_results .title a { float: right; line-height: 100%; } .clubs_orgs_results .title h3 { float: left; margin: 0; } .clubs_orgs_results .description { float: none; margin: 0; width: auto; } .clubs_orgs_results img { display: none; } .clubs_orgs_results .more { display: none; } .clubs_orgs_results article { padding: 0; margin: 0 0 30px 0; } .clubs_orgs_results .location { float: none; width: auto; margin: 0 0 10px 0; } .clubs_orgs_results .contact { float: none; width: auto; margin: 0; } nav.letters { width: auto; } #localist .grid_8, #localist .grid_4 { display: block; width: 100% !important; float: none; margin: 0 0 30px 0 !important; } #localist #menu { display: none; } .controls.bubble_inside span, .controls.bubble_outside span, .controls.bubble_centered span { box-shadow: none; } .featured_blog { padding: 15px; } .featured_blog img { float: right; margin: 0 0 20px 20px; } .featured_blog .description { float: none; width: auto; margin: 0 0 20px 0; } .featured_blog .authors { float: none; width: auto; } .blog_group ul li { width: 100%; } .events_by_category .roller_item { background: transparent; width: 370px; } .events_by_category a { border-top: none !important; border-bottom: 1px solid #e6e2ed; height: auto; margin: 0; padding: 20px 0; width: 100%; } } /* ---------------------------- Smartphones ---------------------------- */ @media screen and (max-width: 500px) { /* Gateways / Persistent */ nav.gateways .item { width: auto; } nav.persistent .item { width: 50%; } /* Sub Footer */ #explore header h2 { font-size: 22px; } #explore header { width: 294px; } /* Timeline */ /* Page Features */ .page_feature .roller_item, .page_feature .roller_item.active { width: 294px; } .admissions_feature.image { height: 575px; } .department_feature .roller_item { margin: 0 10px 0 0; width: 294px; } .department_feature.in_page .image { width: 294px; } .after_kenyon_feature .roller_item { margin: 0 10px 0 0; width: 294px; } /* #home_middlepath header, #home_middlepath header:after { width: 300px; } */ #home_middlepath header h2 { font-size: 24px; } #home_middlepath header, #home_middlepath header:after { width: 100%; } #home_middlepath_elements { width: 300px; } #middlepath_related header h2 { font-size: 24px; text-align: left; padding-left: 20px; } #mp_filters .mp_dropdown { margin: 0 0px 10px 0; width: 298px; } #mp_filters .mp_dropdown.first { clear: left; } #mp_filters .mp_dropdown.end { margin: 0; } #mp_filters .mp_dropdown .options { margin: 0 0 0 -1px; width: 298px; } .mp_top { float: none; width: 300px; margin: 0 0 10px 0; } .mp_top .mp_sub_sections a { display: block; float: left; margin: 0 10px 5px 0; text-align: left; width: 120px; } .mp_sub_buttons { height: auto; overflow: hidden; width: 300px; } .mp_sub_buttons a.button { background: transparent; font-family: ff-meta-web, Arial, sans-serif; font-weight: 600; color: #7B6F82; float: left; font-size: 12px; height: auto; letter-spacing: 0.05em; line-height: 18px; font-style: normal; margin: 0 10px 0 0; padding: 0; text-align: left; text-transform: uppercase; width: 120px;} #mp_filters form { float: none; margin-bottom: 20px; overflow: hidden; } #mp_filters form .text { width: 202px; } .middlepath_profiles article, .middlepath_stories article { width: 285px; margin: 11px 7px; } .middlepath_stories .instagram figcaption { height: 34px; line-height: 34px; } .middlepath_stories h3 { font-size: 18px; } .middlepath_stories iframe, .middlepath_stories embed, .middlepath_stories object { height: 120px; width: 207px; } .middlepath_stories_landing article { margin: 11px 7px 15px; } .middlepath_highlight iframe { width: 100%; height: 165px; } .middlepath_tabs .tabber-tab, .middlepath_tabs .tabber-tabs a { font-size: 12px; padding: 0 8px; margin-right: 1px; } .middlepath_story .video iframe { height: 165px; width: 294px; } .instagram_feed article { width: 100%; margin: 0 0 20px 0; } #home_features h1 { font-size: 24px; } #home_features p { font-size: 16px; line-height: 1.3; } #home_features .articles { width: 70%; } .widgets .secondary { margin-bottom: 8px; } .callout.grouped_links .title .headline { line-height: 35px; padding: 20px 0; width: 200px; height: auto; white-space: normal; } .department_links .split, .department_links .split.right { border: none; padding: 0; width: 100%; } .body p.introduction { font-size: 22px; line-height: 30px; } .callout { padding: 50px 0 0; } .callout h2 { left: 0; } .callout.media_gallery .roller_item { width: 304px; } .callout.media_gallery article { width: 141px; } .callout.media_gallery article:nth-child(2n+3) { margin-right: 10px; } .callout.media_gallery article:nth-child(2n+2) { margin-right: 0; } .callout.ask_a_student, .callout.admissions_tips { display: none; } .callout.by_the_numbers .roller_item { margin: 0 10px 0 0; width: 294px; } .callout.by_the_numbers h3 { font-size: 25px; } .callout.by_the_numbers p { font-size: 12px; line-height: 16px; } .callout.going_to_kenyon figure, .callout.going_to_kenyon figure.last { float: none; margin: 0 auto 20px; width: 208px; } .callout.twitter_feed .roller_item { width: 294px; } .callout.featured_events img { float: none; width: 100%; } .callout.featured_events .contain { clear: both; float: none; margin: 15px 0 0; } .callout.middlepath_social .roller_item { margin: 0 10px 0 0; width: 294px; background: transparent; } .callout.middlepath_social .column { float: none; width: auto; } .callout.middlepath_social .tweet { border: none; } .callout.middlepath_profiles .roller_item { width: 294px; } .callout.instagram_feed article { margin: 0 0 20px 0; width: 100%; } aside.provost_announcements .roller_item { width: 294px; } /* SUBPAGES */ .department_list a { margin: 0 0 34px 0; width:275px; } .department_list a img { height: 150px; width:275px; } .course_pop_up { width: 250px; } .middlepath_search input { width: 175px; } .middlepath_search input.submit { width: 115px; } .body .jumplinks { padding: 10px; -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; -o-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; -ms-column-gap: 0; -o-column-gap: 0; column-gap: 0; } .directory_extended_access { padding: 7%; } .directory_extended_access p { display: none; } .directory_search { padding: 7%; } .directory_search .radio { font-size: 13px; } .faculty_detail .table .left { float: none; margin: 0 0 15px 0; width: auto; } .faculty_detail .table .right { float: none; width: auto; } form.clubs_orgs .select span { width: 180px !important; } form.clubs_orgs .select .select_options { width: 234px !important; } .controls.bubble_outside span {} .controls.bubble_outside span:hover {} .controls.bubble_outside .next {} .controls.bubble_outside .previous {} .controls.bubble_outside .previous { left: 0; } .controls.bubble_outside .next { right: 0; } #localist .event_item img { display: none; } #localist .event_item .item_content_medium { margin-left: 0; } #localist .event_item .imgoing, #localist .cancelplans { display: none; } #localist .vevent .description img { display: block; float: none; margin: 0 0 20px 0; } .featured_blog ul li { width: auto; float: none; } .events_by_category .roller_item { width: 294px; } } /* ---------------------------- Height Based Responsive ---------------------------- */ /* Change the header position absolute for shorter screens */ @media screen and (min-width: 740px) and (max-height: 750px) { #header { position: absolute; } #home_middlepath.stuck header { top: 0; } #explore.stuck header { top: 0; } #middlepath_related { height: 90%; } } @media screen and (min-width: 1220px) and (max-height: 750px) { /* Header Changes by Curt */ body { padding: 130px 0 0 0; } #header { height: 130px; } #header .logo { background-position: 0 -100px; height: 28px; margin:75px 0 0 8px; width: 180px; } nav.main section { margin: 0 50px 0 0; } /*nav.main section:last-child { margin: 0; } */ nav.main .less { display: none; } nav.main .more li { margin: 0 0 10px 0; } nav.main .plus { display: none; } nav.main .divider { display: none; } #alerts { position: absolute; top: 130px; } .bigtree_bar_open #alerts { top: 170px; } }