/* Theme Name: NYU Law Institute for Executive Education Description: Custom theme Version: 1.0 Author: Michael Bierman */ /* ======================= global resets ======================= */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } caption, th { text-align:left } q:before, q:after { content:''} a img { border:none } /* Gets rid of IE's blue borders */ input[type="submit"] { cursor:pointer; -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ } input[type="submit"]::-moz-focus-inner { border:0; } /* helps with imput and submit sizing */ /* html5 reset */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } audio, canvas, video { display:inline-block; } audio:not([controls]) { display: none; } @-ms-viewport{ width: device-width; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } :link img { border:none } a { outline:none;} .hidden { display:none; } br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* new clearfix */ .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } * html .clearfix { zoom:1; } /* IE6 */ *:first-child+html .clearfix { zoom:1; } /* IE7 */ /* responsive */ img, object, embed { max-width:100%; height:auto; } object, embed { height:100%; } img { -ms-interpolation-mode: bicubic; } /* ======================= Fonts ======================= */ /* font-family:'FFMiloWebPro' font-family:'FFMiloWebProBold' font-family:'FFMiloWebProExtraLight' */ /*======================= Default architecture ======================= */ html { min-height:100%; position:relative; } body { height:100%; margin:0 0 40px 0; padding:0; background:#fff; color:#6c6c6c; font-size:17px; font-weight:normal; text-align:left; font-family:'FFMiloWebPro', arial; } #topbar { height:35px; background:#553775; } #page-wrap { margin:0 auto; } .pagewidth { width:100%; max-width:1000px; margin:0 auto; position:relative; } #masthead { position:absolute; left:0; margin:0; padding:0 0 10px 0; width:100%; height:140px; overflow:hidden; z-index:1000; background:rgba(0,0,0,0.7); } #masthead .pagewidth { padding:20px 0 0 0; } #content-wrap { margin:0; padding:30px 0; } #primary { width:84%; float:left; margin:0; padding:0; } #primary > .inner { margin:0; padding:0 10% 0 0; } #secondary { width:16%; float:right; margin:10px 0 0 0; padding:0; min-height:100%; } #secondary >.inner { margin:0; padding:0; } #footer { width:100%; height:40px; position:absolute; bottom:0; left:0; background:#553775; overflow:hidden; } /*======================= Default typography ======================= */ ul { margin:0; padding:0; } ul li { margin:0; padding:0; list-style:none; line-height:1.5; } small { font-size:13px; } strong { font-family:'FFMiloWebProBold', arial; } em { font-style:italic; } hr { margin-bottom:8px; padding:0; height:1px; background:#77787b; border:0; } div.hr { width:100%; height:1px; clear:both; margin-bottom:8px; padding-bottom:8px; background:#77787b; } table { border-collapse:collapse; } table tr td { padding:5px; } p { margin:0 0 15px 0; line-height:1.4; } /* headings */ h1,h2,h3,h4,h5,h6 { text-align:left; font-weight:normal; color:#505050; line-height:1.2; font-family:'FFMiloWebProExtraLight', arial; } h1 { font-size:45px; margin:0 0 10px 0; line-height:1.1; } h2 { font-size:30px; margin:0 0 10px 0; } h3 { font-size:26px; margin:0 0 10px 0; color:#908a44; line-height:1; } h4 { font-size:24px; margin:0 0 0px 0; color:#553775; font-family:'FFMiloWebProBold', arial; } h5 { font-size:22px; margin:0 0 10px 0; font-family:'FFMiloWebProBold', arial; } h6 { color:#553775; font-size:20px; font-family:'FFMiloWebProBold', arial; } /* universal links */ a { color:#553775; text-decoration:none; } a:hover { color:#2a2f3a; text-decoration:none; } a.button { background:#553775; display:inline-block; margin:0; padding:5px 15px; float:left; width:auto; color:#fff; } a.button:hover { background:#69468e; } /* Forms */ label { display:block; margin:0 0 5px 0; } input, textarea, select { display:block; color:#555; margin:0 0 15px 0; padding:5px; border:1px solid #ccc; font-family:'FFMiloWebPro', arial; /* keep all boxes equal */ box-sizing:content-box; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } input[type="submit"] { padding:3px; } select { line-height:28px; } /* this is needed to keep height on select elements in safari */ /* placeholder font color */ ::-webkit-input-placeholder { color:#333; } :-moz-placeholder { /* Firefox 18- */ color:#333; } ::-moz-placeholder { /* Firefox 19+ */ color:#333; } :-ms-input-placeholder { color:#333; } input { -webkit-appearance:none; border-radius:0; /* removes rounded corners on iphone */ } /* ======================= #topbar ====================== */ #topbar a#admin-link { display:block; position:fixed; width:85px; top:10px; left:15px; z-index:500; font-size:13px; color:#333; background:#fff; text-align:center; padding:2px 0; } #topbar .top-wrap { width:33%; float:right; margin:0; } #topbar #quick-links { width:47%; float:left; position:relative; } #topbar #quick-links a { display:block; height:20px; line-height:20px; margin:8px 0 0 0; padding:0; font-size:13px; font-family:'FFMiloWebProBold', arial; color:#b9b9b9; text-transform:uppercase; } #topbar #quick-links ul { display:none; position:absolute; width:160px; height:140px; top:35px; left:0; z-index:1500; background:#282828; color:#fff; margin:0; padding:15px; font-size:14px; } #topbar #quick-links ul li { border-top:1px solid #4a4b4d; margin:0; padding:0; line-height:25px; } #topbar #quick-links ul li:last-child { border-bottom:1px solid #4a4b4d; } #topbar #quick-links ul li a { color:#fff; } #topbar #search { width:47%; float:right; } #topbar #search form#searchform { position:relative; margin:7px 0 0 0; padding:0; } #topbar #search input#s { width:96%; margin:0; padding:0 2%; height:22px; line-height:22px; color:#fff; background:#776389; border:none; outline:none; } #topbar #search input#s:focus { border:none; outline:none; background-color:#7f6c90; } #topbar #search input#searchsubmit { position:absolute; right:0px; top:1px; width:15px; height:14px; background:url(images/bg/search-icon.png) no-repeat center center; border:none; outline:none; text-indent:-999px; } /* ======================= #masthead ====================== */ #dimensions { position:fixed; top:45px; left:5px; z-index:5000; font-size:12px; color:#fff; } #mfPreviewBarShow, #mfPreviewBar { display:none !important; } #masthead #logo { width:40%; float:left; margin:0; padding:0; } #masthead #logo h1 { line-height:1; margin:0 0 20px 0; } #masthead #logo h1 img { max-width:200px; height:auto; } #masthead #logo h2 { color:#dcdcde; font-size:26px; } /* navigation */ #nav-wrap { width:33%; float:right; margin:0; } #nav-wrap ul.nav-left { width:47%; float:left; } #nav-wrap ul.nav-left li { height:50px; line-height:20px; overflow:hidden; padding:5px 0 0 0; border-top:1px solid #dcdcde; margin:0; padding:0; } #nav-wrap ul.nav-left li.last { border-bottom:1px solid #dcdcde; } #nav-wrap ul.nav-right { width:47%; float:right; } #nav-wrap ul.nav-right li { height:25px; line-height:25px; padding:0; border-top:1px solid #dcdcde; } #nav-wrap ul.nav-right li.last { border-bottom:1px solid #dcdcde; } #nav-wrap ul li a { display:block; color:#dcdcde; font-size:14px; font-family:'FFMiloWebProBold', arial; } #nav-wrap ul li a:hover { color:#fff; } #nav-wrap ul li a span { font-size:19px; display:block; text-transform:uppercase; letter-spacing:1px; } #nav-wrap ul.nav-left li a { position:relative; top:3px; } /* ======================= .post ====================== */ .post { padding:0; margin:0; position:relative; } .post h2 { font-family:'FFMiloWebProBold', arial; } .post p.date { margin:0; font-size:24px; color:#908a44; font-family:'FFMiloWebProExtraLight', arial; } .post .featured-img { margin:0 0 25px 0; } .post blockquote { margin:20px; padding:10px 20px; border-left:4px solid #536381; font-size:22px; } .post blockquote p { font-style:italic; margin:0; } /* post universal */ .post ul { margin:10px 0px 20px 0; padding:0; } .post ul li { text-align:left; margin:5px 0 5px 30px; padding:0; list-style:disc; } .post ul li ul li { list-style:circle; } .post ol { margin:10px 0px 20px 0; padding:0; } .post ol li { text-align:left; margin:5px 0 5px 30px; padding:0; list-style:decimal; } .post p { padding:0; margin:0 0 15px 0; line-height:1.5; } /* ======================= archive.php / search.php ====================== */ .post.excerpt { margin:0 0 20px 0; padding:10px 0 20px 0; border-top:1px solid #6c6c6c; } .post.excerpt h3 { font-size:24px; font-family:'FFMiloWebProBold', arial; } .post.excerpt h3 a { color:#553775; } .post.excerpt:last-child { padding-bottom:0; } .post.excerpt p:last-child { margin-bottom:0; } .post.excerpt .thumb { width:11%; float:left; margin:9px 2% 0 0; } .post.excerpt .entry.has-thumb { width:87%; float:left; } .post.excerpt h2 { color:#553775; font-size:24px; margin:0; font-family:'FFMiloWebProBold', arial; } /* forms in page */ .post .wpcf7-form input.wpcf7-text, .post .wpcf7-form textarea { width:60%; } div.pagination { margin:20px 0 10px 0; } /* ======================= sidebar.php ====================== */ #secondary .widget { padding:0; margin:0 0 25px 0; position:relative; } #secondary p { line-height:1.4; margin:0 0 10px 0; font-size:16px; } /* secondary headings */ /* customized area of sidebar */ #secondary h2 { color:#908a44; font-size:60px; margin:0; line-height:1; } #secondary h2 small { font-size:24px; } #secondary h3 { color:#908a44; margin:0 0 8px 0; line-height:1; font-family:'FFMiloWebProExtraLight'; } #secondary h4 { font-size:18px; margin:0; color:#553775; font-family:'FFMiloWebProBold', arial; } #secondary h5 { } #secondary h6 { color:#505050; } #secondary ul { margin:10px 0px 20px 0; padding:0; } #secondary ul li { text-align:left; margin:0 0 5px; padding:0; list-style:none; line-height:1.3; } #secondary .widget p.edit { position:absolute; top:0; right:0; font-size:11px; } /* contact form */ #secondary .sidebar-contact h3 { color:#553775; cursor:pointer; font-size:18px; margin:0; padding:6px 0 5px 0px; position:relative; border-top:1px solid #77787b; border-bottom:1px solid #77787b; font-family:'FFMiloWebProBold'; } #secondary .sidebar-contact h3 span { width:15px; height:17px; display:block; cursor:pointer; position:absolute; right:0; top:10px; overflow:hidden; background:url(images/bg/toggle-sprite-vs2.png) no-repeat -16px 0; } #secondary .sidebar-contact h3.open span { background-position:0 0; } #secondary .sidebar-contact p { margin:0; } #secondary .sidebar-contact input[type="text"], #secondary .sidebar-contact input[type="email"] { border:none; outline:none; font-size:15px; border-bottom:1px solid #77787b; display:block; width:100%; margin:0; padding:5px 0; background:transparent; } #secondary .sidebar-contact textarea { background:transparent; border:none; height:50px; font-size:15px; outline:none; width:100%; margin:0 0 15px 0; padding:5px 0 0 0; } #secondary .sidebar-contact input[type="submit"] { background:none; border:none; border-top:1px solid #77787b; font-size:15px; outline:none; margin:0; padding:5px 0; text-align:left; color:#553775; width:100%; } #secondary .sidebar-contact div.wpcf7-mail-sent-ok { border:none !important; } #secondary .sidebar-contact div.wpcf7-response-output { margin:0 !important; padding:10px 0 0 0 !important; } /* WP widgets */ .widget_recent_entries { } .widget_recent_entries ul { } .widget_recent_entries ul li { margin:0 0 10px 0; } .widget_recent_entries span.post-date { display:block; font-size:0.688em; font-style:italic; } .widget_categories { margin:0 0 0 15px; } .widget_categories ul { } .widget_archive { } .widget_archive ul { } /* ======================= footer.php ======================= */ #footer .left { width:84%; float:left; padding:0; } #footer .left .widget { color:#B8AEC2; float:left; line-height:40px; font-size:13px; font-family:'FFMiloWebProBold', arial; text-transform:uppercase; } #footer .left .widget a { color:#B8AEC2; } #footer .social ul { margin:0; padding:0; } #footer .social ul li { margin:8px 5px 0 0; padding:0; display:inline-block; } #footer .social ul li a { display:block; opacity:.7; width:28px; height:28px; background:url(images/bg/social-sprite-5.png) no-repeat 0 0; text-indent:-999px; overflow:hidden; } #footer .social ul li a[href*="pinterest.com"] { background-position:0 0; } #footer .social ul li a[href*="twitter.com"] { background-position:-31px 0; } #footer .social ul li a[href*="vimeo.com"] { background-position:-61px 0; } #footer .social ul li a[href*="instagram.com"] { background-position:-91px 0; } #footer .social ul li a[href*="linkedin.com"] { background-position:-121px 0; } #footer .right { width:16%; float:right; padding:9px 0 0 0; text-align:left; } #footer .right img { max-width:129px; } /* ======================= Page Templates ====================== */ /* interior (future) landing page */ #primary.no-sidebar { width:100%; float:none; margin:0; padding:0; } /* #feature-title area */ #feature-title { position:relative; width:100%; overflow:hidden; color:#dcdcde; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size: cover; -o-background-size:cover; background-size:cover; } #feature-title .pagewidth { height:375px; } #feature-title img.feature-img { width:100%; height:auto; } #feature-title h1 { text-align:left; position:absolute; z-index:100; bottom:20px; color:#fff; text-shadow:0px 0px 4px #000; font-size:60px; margin:0; font-family:'FFMiloWebProExtraLight', arial; } #feature-title h3 { text-align:center; color:#dcdcde; font-size:26px; margin:0 0 20px 0; } #feature-title h4#scroll-text { text-align:center; color:#dcdcde; font-size:18px; position:absolute; width:500px; bottom:40px; left:50%; margin-left:-250px; text-transform:uppercase; font-family:'FFMiloWebProBold', arial; } #feature-title h4#scroll-text a { color:#dcdcde; } #feature-title .overlay { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:5; } /* interior page feature-title */ #feature-title { } /* home page */ .home #mobile-nav { display:none; } .home #home-top { overflow:hidden; position:relative; background:#fff url(../../uploads/2015/09/home-arches-fixed.jpg) no-repeat center top; padding-bottom: 3%; } .home #topbar .top-wrap { width:100%; float:none; margin:0; } .home #topbar #search { width:200px; } #banner { padding:25px 0 0 0; width:100%; height:120px; position:absolute; left:0; overflow:hidden; background:rgba(0,0,0,0.8); } #banner h1 { max-width:200px; margin:0 auto; line-height:1; } #banner h2 { text-align:center; margin:0; color:#c7c8ca; font-size:28px; } #circle-nav { width:600px; height:500px; position:relative; margin:135px auto 0 auto; padding:0; background:url(images/bg/home-nav-vs2-no-circle.png) no-repeat center 40px; } #home-top h2.circle { width:200px; height:200px; position:absolute; top:160px; left:204px; padding-top:65px; text-align:center; font-size:32px; font-family:'FFMiloWebPro', arial; text-transform:uppercase; color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:rgba(85,55,117,0.8); } #home-top h2.circle a { color:#fff; display:block; width:100%; height:100%; } #circle-nav a.nav-item { display:block; position:absolute; width:130px; color:#fff; font-size:20px; line-height:1.1; letter-spacing:0.5px; text-align:center; font-family:'FFMiloWebPro', arial; -o-transition:.5s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; text-shadow:0px 0px 15px #000; } #circle-nav a.nav-item:hover { color:#ccc; } #circle-nav a.nav-item.top-center { top:5px; left:236px; } #circle-nav a.nav-item.top-right { top:104px; left:410px; } #circle-nav a.nav-item.top-left { top:104px; left:65px; } #circle-nav a.nav-item.bot-left { top:370px; left:65px; } #circle-nav a.nav-item.bot-right { top:370px; left:410px; } #circle-nav a.nav-item.bot-center { top:470px; left:236px; } #home-page-bottom { position:absolute; bottom:0px; left:0; width:100%; height:43px; background:url(images/bg/cube-page-bottom-2.png) no-repeat center bottom; } #home-page-bottom a { display:block; width:100px; height:43px; position:absolute; bottom:0; left:50%; margin-left:-50px; } /* nav dots */ #circle-nav a.dot-item { display:block; position:absolute; width:51px; height:51px; background:transparent; } #circle-nav a.dot-item span { display:block; opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; background:url(images/bg/home-dot-glow.png) no-repeat center center; } #circle-nav a.dot-item.top-center { top:35px; left:275px; } #circle-nav a.dot-item.top-right { top:134px; left:448px; } #circle-nav a.dot-item.top-left { top:134px; left:102px; } #circle-nav a.dot-item.bot-left { top:334px; left:102px; } #circle-nav a.dot-item.bot-right { top:334px; left:448px; } #circle-nav a.dot-item.bot-center { top:433px; left:275px; } /* lower section */ #home-lower { background:#fff; } .row { margin:0; padding:30px 0; border-bottom:2px solid #b1b4b6; } .row:last-child { border-bottom:none; } .row.center, .row.center p, .row.center h1 { text-align:center; } .row .deck { color:#553775; } .row#section-2 { text-align:center; } .row#section-2 h2 { font-size:100px; color:#908a44; text-align:center; line-height:1; margin:0; font-family:'FFMiloWebProExtraLight', arial; } .row#section-2 p { text-align:center; } .row#section-4 { border:none; } #home-footer { border:none; height:188px; margin:0; padding:50px 0 0 0; background:url(../../uploads/2015/09/home-footer-2.jpg) no-repeat center center; } #home-footer .pagewidth { width:100%; } #home-footer a.button.big { background:#fff; color:#553775; width:250px; float:left; padding:20px 0; text-align:center; font-size:18px; font-family:'FFMiloWebPro', arial; } #home-footer a.button.big.left { margin:0 0 0 255px; } #home-footer a.button.big.right { margin:0 0 0 30px; } /* faculty page */ #mask { display:none; background:#000; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.6; z-index:2000; } #faculty-grid { } #faculty-grid ul { margin:0; padding:0; } #faculty-grid ul li { width:20%; margin:0; padding:0; list-style:none; float:left; } #faculty-grid ul li .inner { margin:0 4px 4px 0; padding:0; position:relative; } #faculty-grid ul li a.overlay { display:none; position:absolute; bottom:0; left:0; z-index:50; width:100%; height:100%; margin:0; padding:0; font-family:'FFMiloWebProBold', arial; color:#fff; background:rgba(0,0,0,0.6); } #faculty-grid ul li a.overlay span.title { display:block; position:absolute; width:90%; left:5%; bottom:5%; line-height:1.1; } #faculty-grid ul li a.overlay span.expertise { display:block; font-family:'FFMiloWebProExtraLight', arial; } #faculty-grid ul li img { display:block; width:100%; height:100%; } #faculty-grid ul li.solid .inner { background:#7b6593; } .faculty-lightbox { display:none; z-index:2500; position:absolute; width:90%; top:37px; left:5%; background:#fff; } .faculty-lightbox .inner { margin:0; padding:50px; } .faculty-lightbox .thumb { margin:0 0 20px 0; } .faculty-lightbox .thumb img { width:150px; height:auto; } .faculty-lightbox p.expertise { font-family:'FFMiloWebProBold', arial; } .faculty-lightbox a.close { display:block; width:15px; height:17px; overflow:hidden; background:url(images/bg/toggle-sprite-vs2.png) no-repeat 0 0; } .faculty-lightbox a.close.top { position:absolute; top:25px; right:25px; } .faculty-lightbox a.close.bottom { margin:0 0 20px 0; } /* contact us */ .page-template-tpl-contact-us { background:url(images/bg/city-bg-35.jpg) no-repeat center center; -webkit-background-size:cover; -moz-background-size: cover; -o-background-size:cover; background-size:cover; } .page-template-tpl-contact-us #feature-title { display:none; } .page-template-tpl-contact-us .post h1 { color:#fff; font-size:60px; text-align:center; text-shadow:0px 0px 5px #000; } .page-template-tpl-contact-us #content-wrap { padding-top:170px; } .page-template-tpl-contact-us .post, .page-template-tpl-contact-us .post p { color:#fff; text-align:center; text-shadow:0px 0px 5px #000; } .page-template-tpl-contact-us .post a { color:#fff; } .page-template-tpl-contact-us .wpcf7 { width:70%; margin:0 auto; } .page-template-tpl-contact-us input.wpcf7-text, .page-template-tpl-contact-us textarea { width:94% !important; color:#222; padding:5px 3%; background:rgba(255,255,255,0.85); font-size:24px; font-family:'FFMiloWebProExtraLight', arial; } .page-template-tpl-contact-us .wpcf7-submit { width:100px; color:#222; margin:0 auto; padding:5px 20px; font-size:24px; background:rgba(255,255,255,0.8); font-family:'FFMiloWebProExtraLight', arial; } /* ======================= #social-links ======================= */ /* ======================= Theme helpers ======================= */ /* multi-column lists */ ul.col-2 { width:100%; overflow:hidden; } ul.col-2 li { width:40%; float:left; margin:5px 0 0px 30px; } ul.col-3 { width:100%; overflow:hidden; } ul.col-3 li { width:33%; float:left; margin:5px 0 5px 30px; } /* rounded corners */ .rounded-10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px; } /* responsive maps */ .mapwrap { position:relative; padding-bottom: 75%; /* This is the aspect ratio */ height:0; overflow:hidden; } .mapwrap iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; } a.more { color:#735c8d !important; font-family:'FFMiloWebProBold', arial; } /* ======================= Presentational classes generated by WordPress ======================= */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } img.alignright { margin:5px 0 5px 20px; } img.alignleft { margin:5px 20px 5px 0; } /* WP captions */ .wp-caption { margin:0 0 20px 0; padding:15px; border:1px solid #EEE; background:#F7F7F7; } .wp-caption.alignleft { margin-right:20px; } .wp-caption.alignright { margin-left:20px; } .wp-caption img { margin:0; padding:0; } p.wp-caption-text { margin:5px 0 0 0; font-style:italic; font-size:11px; color:#9E8F32; } /* ======================= Plugin Styling ======================= */ .accordion-14 { margin:0 0 30px 0; border-bottom:1px solid #777; } .accordion-14 h3.accordion-header { color:#553775; font-size:20px; border-top:1px solid #777; cursor:pointer; position:relative; margin:0; padding:6px 40px 6px 0; font-family:'FFMiloWebProBold', arial; } .accordion-14 h3.accordion-header span { width:15px; height:17px; display:block; position:absolute; right:0; top:13px; overflow:hidden; background:url(images/bg/toggle-sprite-vs2.png) no-repeat -16px 0; } .accordion-14 h3.active-header span.icon { background-position:0 0; } .accordion-14 .accordion-content { padding:0 50px 0 0; } .page-programs-for-organizations .accordion-14 h3.accordion-header { font-size:24px; } .accordion-14 h4 { font-size:20px; } /* ======================= Shortcode Styling ======================= */ .director { margin:0 0 30px 0; } .deck { font-size:28px; line-height:1.3; color:#454545; font-family:'FFMiloWebProExtraLight', arial; } .deck p { line-height:1.3; } .fpo { background:#e6e6e6; position:relative; } .fpo span { display:block; width:100%; height:100%; text-align:center; color:#bbb; font-size:150%; position:absolute; top:40%; left:0; } /* recent posts (inherits styling from .excerpt) */ ul.recent-posts { margin:0; padding:0; list-style:none; } ul.recent-posts li { margin:0; padding:0; list-style:none; } /* ======================= Responsive ======================= */ /* home page cube */ #circle-nav-mobi { display:none; width:300px; height:450px; position:relative; top:10px; margin:0 auto; background:url(images/bg/home-nav-mobile-vs2.png) no-repeat center 40px; } #circle-nav-mobi h2.circle { width:140px; height:140px; top:95px; left:80px; padding-top:45px; font-size:22px; } #circle-nav-mobi a.nav-item { display:block; position:absolute; width:120px; color:#dcdcde; font-size:18px; line-height:1.1; letter-spacing:0.5px; text-align:center; font-family:'FFMiloWebPro', arial; -o-transition:.5s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #circle-nav-mobi a.nav-item:hover { color:#fff; } #circle-nav-mobi a.nav-item.top-center { top:5px; left:90px; } #circle-nav-mobi a.nav-item.top-right { top:60px; left:186px; } #circle-nav-mobi a.nav-item.top-left { top:60px; left:-5px; } #circle-nav-mobi a.nav-item.bot-left { top:235px; left:-5px; } #circle-nav-mobi a.nav-item.bot-right { top:235px; left:190px; } #circle-nav-mobi a.nav-item.bot-center { top:290px; left:95px; } /* responsive navigation */ .home #mobile-nav { display:none; } a#hamburger { display:none; width:34px; height:34px; position:absolute; top:25px; right:3%; text-align:right; background:url(images/bg/resp-menu-square.png) no-repeat 0 7px; } #mobile-search { display:none; margin:0; padding:20px 0 0 0; position:relative; } #mobile-search input[type="text"] { width:94%; margin:0; padding:5px 3%; background:url(images/bg/icon-search.png) no-repeat 96% 6px; font-size:16px; color:#fff; outline:none; border:1px solid:#fff; } #mobile-search input.submit { position:absolute; right:0px; top:20px; width:23px; height:25px; background:none; border:none; outline:none; text-indent:-999px; } @media only screen and (max-width: 1000px) { .pagewidth { width:91%; margin:0 3%; } #nav-wrap { width:50%; float:right; margin:0; } #topbar .top-wrap { width:50%; float:right; margin:0; } #home-footer .pagewidth { margin:0; } #home-footer a.button.big { width:40%; } #home-footer a.button.big.left { margin:0 0 0 8%; } #home-footer a.button.big.right { margin:0 5% 0 4%; } } @media only screen and (max-width: 900px) { #masthead #logo h2 { text-align:left; font-size:22px; margin:0; } } @media only screen and (max-width: 750px) { body { margin:0; } /* footer */ #footer { position:static; height:auto; text-align:center; padding:0 0 20px 0; } #footer .left .widget { float:none; text-align:center; line-height:1; } #footer .left { width:100%; float:none; padding:8px 0 0 0; text-align:center; } #footer .social ul { margin:0 0 15px 0; } #footer .right { width:100%; float:none; margin:15px 0 0 0; padding:8px 0 0 0; text-align:center; } #masthead #logo h2 { font-size:18px; } } @media only screen and (max-width: 600px) { #home-footer { padding-top:20px; } #home-footer .pagewidth { padding:0 3%; } #home-footer a.button.big { width:100%; float:none; } #home-footer a.button.big.left { margin:0 auto 15px auto; } #home-footer a.button.big.right { margin:0 auto; } } @media only screen and (min-width: 451px) { #mobile-nav { display:block !important; } .home #mobile-nav { display:none !important; } } @media only screen and (max-width: 450px) { img#nyu-arch { } #circle-nav-mobi { margin-top:-5px; } a#hamburger { display:block; } .home a#hamburger { display:none; } #topbar { display:none; } #primary { width:100%; float:none; } #primary > .inner { margin:0; padding:0; } #secondary { width:100%; float:none; margin:40px 0 0 0; padding:0; } #secondary .custom-sidebar { display:none; } /* top bar */ #topbar a#admin-link { display:none; } #topbar #search { display:none; } /* header */ #masthead { position:absolute; top:0px; left:0; margin:0; padding:0 0 10px 0; width:100%; height:auto; overflow:visible; z-index:1000; background:rgba(0,0,0,0.7); } #masthead #logo { width:100%; float:none; margin-top:5px; padding:0; } #masthead #logo h1 { max-width:100%; margin:0; line-height:1; } #masthead #logo h1 img { max-width:200px; height:auto; } #nav-wrap { margin-top:20px; width:100%; float:none; } #nav-wrap ul li a span { font-size:16px; margin-top:3px; } #mobile-search { display:block; } /* title area */ #feature-title .pagewidth { height:280px; } #feature-title h1 { text-align:left; position:absolute; bottom:20px; font-size:40px; margin:0 0 0 -4px; } #feature-title h3 { text-align:center; color:#dcdcde; font-size:26px; margin:0 0 20px 0; } /* faculty */ #faculty-grid { position:static; /* so lightbox opens based on location of mouse */ } #faculty-grid ul li.solid { display:none; } #faculty-grid ul li { width:50%; } #faculty-grid ul li a.overlay { display:block; } #faculty-grid ul li a.overlay { background:rgba(0,0,0,0.4); } /* home */ .home { background:#f6f6f6; } #mobile-nav { display:none; } .home #home-top { background-position:center -200px; } #home-lower h1 { font-size:36px !important; } #banner { height:auto; position:static; overflow:visible; padding:10px 3% 7px 3%; } #banner h1 { max-width:100%; margin:0; line-height:1; text-align:center; } .home #banner h1 { text-align:center; } #banner h1 img { max-width:180px; height:auto; } #banner h2 { text-align:left; font-size:22px; margin:-3px 0 0 0; } .home #banner h2 { text-align:center; } #home-page-bottom { height:38px; background:url(images/bg/cube-page-bottom-mobile-vs2.png) no-repeat center bottom; } #home-page-bottom a { display:block; width:100px; height:38px; position:absolute; bottom:0; left:50%; margin-left:-50px; z-index:1000; } #home-footer a.button.big { padding:20px 0; } #home-lower .content-column > div { padding:0 !important; } /* archive */ .post.excerpt .thumb { width:100%; float:none; margin:10px 0 0px 0; } .post.excerpt .entry.has-thumb { width:100%; float:none; } /* other */ .accordion-14 .accordion-content { padding:0; } .faculty-lightbox .inner { margin:0; padding:15px; } .page-template-tpl-contact-us .wpcf7 { width:100%; margin:0 auto; } .one_fourth h1, .one_fourth h6, .one_fourth p { text-align:center; } } @media only screen and (max-width: 600px) { /* activate the smaller cube */ #circle-nav { display:none; } #circle-nav-mobi { display:block; } } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus{ background-color:#eee; border-radius:3px; box-shadow:0 0 2px 2px rgba(0,0,0,0.6); clip:auto !important; color:#333; display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000 } :focus { outline: -webkit-focus-ring-color auto 1px; } .error-msg { color: red; }