/*
Theme Name: Page2Pixel Rutgers
Author: Page2Pixel
Description: An editorial, two-column Rutgers theme for From Page2Pixel, with local Light, Dark, and System appearance controls and a widget-ready archive sidebar.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: page2pixel-rutgers
Tags: blog, two-columns, right-sidebar, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready
*/
:root{--scarlet:#cc0033;--bg:#fff;--soft:#efefef;--ink:#222;--muted:#666;--line:#d8d8d8;--link:#a9002a;--focus:#00626d;color-scheme:light}
:root[data-theme=dark]{--bg:#171717;--soft:#222;--ink:#fff;--muted:#bcbcbc;--line:#494949;--link:#f5d36a;--focus:#7dbfd6;color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg:#171717;--soft:#222;--ink:#fff;--muted:#bcbcbc;--line:#494949;--link:#f5d36a;--focus:#7dbfd6;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:var(--link);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button,input[type=submit],.wp-element-button{border:1px solid var(--scarlet);border-radius:0;background:var(--scarlet);color:#fff;padding:.6em 1em;font-weight:650;cursor:pointer}input:not([type=submit]):not([type=checkbox]):not([type=radio]),textarea,select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:0;padding:.6em;max-width:100%}textarea{width:100%}h1,h2,h3,h4{line-height:1.18;letter-spacing:-.025em}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}p{margin:0 0 1.2em}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.masthead{min-height:114px;display:flex;align-items:center;justify-content:space-between;gap:24px}.university-brand{padding:22px 0}.rutgers-logo{display:block;width:300px;max-width:100%}.rutgers-logo img{display:block;width:100%}.logo-dark{display:none!important}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block!important}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .logo-light{display:none}:root:not([data-theme]) .logo-dark{display:block!important}}
.custom-logo{max-width:300px;max-height:80px;object-fit:contain}.appearance-control{display:flex;gap:12px;align-items:center;font-size:12px;font-weight:600}.appearance-control[hidden]{display:none}.appearance-control select{font-size:13px;padding:7px 30px 7px 10px}.navigation-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.navigation-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:62px}.site-name{font-size:15px;font-weight:700;color:var(--ink);text-decoration:none;flex-shrink:0}.menu{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 24px}.navigation-inner nav{font-size:13px}.menu a{color:var(--ink);text-decoration:none}.menu a:hover,.menu .current-menu-item>a{color:var(--link);text-decoration:underline}.menu li{position:relative}.menu .sub-menu{list-style:none;padding:8px 0 8px 14px;margin:0;border-left:1px solid var(--line);font-size:12px}.hero{position:relative;min-height:350px;background:var(--soft);overflow:hidden;border-bottom:4px solid var(--scarlet)}.hero-inner{min-height:350px;display:flex;align-items:center}.hero-copy{width:44%;padding:44px 36px 44px 0;position:relative;z-index:1}.eyebrow{font:700 10px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:0 0 18px}.hero h1{font-size:clamp(38px,4.2vw,62px);line-height:1.04;margin:0 0 20px}.tagline{max-width:340px;font-size:17px;line-height:1.6;margin:0}.hero-image{position:absolute;right:0;top:0;width:53%;height:100%;object-fit:cover;object-position:55% 53%}.hero-no-photo .hero-copy{width:100%}.hero-no-photo .tagline{max-width:none}.site-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:76px;padding-block:54px 80px}.main-content,.sidebar{min-width:0}.main-content:focus{outline:none}.section-heading{border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;margin-bottom:30px;flex-wrap:wrap}.section-heading h2{font:700 11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:0}.section-heading h1{font-size:34px;margin:0}.section-heading>a{font-size:12px;color:var(--muted)}.section-heading>div{flex-basis:100%}.entry{overflow-wrap:anywhere}.entry-summary{padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--line)}.entry-category{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.12em;font-weight:750;margin-bottom:12px}.entry-category a{text-decoration:none}.entry-title{font-size:clamp(28px,2.8vw,39px);margin:0 0 16px}.entry-title a{color:var(--ink);text-decoration:none}.entry-title a:hover{color:var(--link)}.entry-meta{color:var(--muted);font-size:12px;margin-bottom:22px}.entry-meta a{color:inherit;text-decoration:none}.entry-meta a:hover{text-decoration:underline}.entry-meta>span[aria-hidden]{padding:0 9px}.entry-excerpt{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.75}.read-more{font-size:12px;font-weight:750;text-decoration:none}.read-more>span[aria-hidden]{margin-left:12px}.post-thumbnail{display:block;margin-bottom:22px}.post-thumbnail img{width:100%;max-height:420px;object-fit:cover}.widget{padding:0 0 27px;margin-bottom:27px;border-bottom:1px solid var(--line);font-size:13px}.widget-title,.widget .wp-block-heading{font:700 11px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px;padding-top:13px;border-top:3px solid var(--scarlet)}.widget ul{list-style:none;margin:0;padding:0}.widget li{margin:0 0 10px}.widget li ul{margin:10px 0 0 14px}.widget a{color:var(--ink);text-decoration:none}.widget a:hover{color:var(--link);text-decoration:underline}.widget .menu{display:block}.search-form{display:flex;align-items:stretch;gap:0;max-width:100%}.search-form label{flex:1;min-width:0}.search-form input[type=search]{width:100%;height:100%;min-width:0;font-size:13px}.search-form button{font-size:12px;padding:10px}.tagcloud{display:flex;flex-wrap:wrap;gap:7px}.tagcloud a{border:1px solid var(--line);padding:4px 8px;font-size:12px!important}.library-card{background:var(--soft);border:0;padding:0}.library-card img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}.library-card>div{padding:22px}.library-card h2{font-size:24px;margin:0}.library-card .eyebrow{margin-bottom:10px}.singular-entry h1{font-size:clamp(34px,4vw,52px)}.entry-content{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.85;display:flow-root}.entry-content h2{font-size:32px;margin-top:1.7em}.entry-content h3{font-size:26px;margin-top:1.5em}.entry-content li{margin-bottom:.4em}.entry-content iframe,.entry-content video{max-width:100%}.entry-content pre{overflow:auto;max-width:100%;padding:20px;background:var(--soft);font-size:14px}.entry-content code{overflow-wrap:anywhere}.entry-content table{display:block;overflow:auto;border-collapse:collapse;max-width:100%;font:15px/1.6 Arial,sans-serif}.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px}.entry-content blockquote{margin:24px 0;padding:4px 0 4px 25px;border-left:3px solid var(--scarlet);color:var(--muted)}.entry-content figure{max-width:100%;margin:24px 0}.entry-content figcaption,.wp-caption-text{font:12px/1.6 Arial,sans-serif;color:var(--muted);margin-top:8px}.entry-content .alignleft{float:left;margin:8px 24px 18px 0;max-width:50%}.entry-content .alignright{float:right;margin:8px 0 18px 24px;max-width:50%}.entry-content .aligncenter{display:block;margin-inline:auto}.wp-caption{max-width:100%}.entry-tags{font-size:13px;border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.nav-links{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}.post-navigation{padding:26px 0;border-block:1px solid var(--line);margin-top:30px}.nav-previous,.nav-next{flex:1;min-width:0}.nav-next{text-align:right}.page-numbers{padding:6px 10px;border:1px solid var(--line)}.page-numbers.current{background:var(--scarlet);color:white;border-color:var(--scarlet)}.comments-area{margin-top:44px}.comments-area h2{font-size:30px}.comment-list{padding-left:20px}.comment-list .children{padding-left:20px}.comment-body{margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:20px}.comment-meta{font-size:12px}.comment-author img{vertical-align:middle;margin-right:8px}.comment-content{overflow-wrap:anywhere}.comment-form label{display:block;font-size:13px}.comment-form-cookies-consent label{display:inline}.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url]{width:100%}.site-footer{border-top:4px solid var(--scarlet);background:var(--soft);font-size:12px;padding:34px 0 40px}.footer-inner{display:flex;justify-content:space-between;gap:35px}.footer-inner>div{max-width:680px}.footer-inner a{color:var(--ink)}.footer-name{font-weight:750;font-size:16px;text-decoration:none}.footer-inner p{margin:8px 0 0;color:var(--muted)}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.skip-link:focus{clip:auto;clip-path:none;display:block;width:auto;height:auto;top:8px;left:8px;z-index:10000;background:var(--bg);padding:15px;color:var(--ink)}
@media(min-width:1500px){.hero-image{width:calc(50% + 40px)}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.site-layout{gap:36px;grid-template-columns:minmax(0,1fr) 260px}.navigation-inner{align-items:flex-start;padding-block:16px}.hero-copy{width:48%}.hero-image{width:50%}.hero h1{font-size:44px}}
@media(max-width:760px){body{font-size:16px}.wrap{width:calc(100% - 36px)}.masthead{min-height:96px;gap:20px}.rutgers-logo{width:230px}.appearance-control{display:block}.appearance-control label{display:block;margin-bottom:3px;font-size:10px}.appearance-control select{padding:5px;font-size:12px}.navigation-inner{display:block;min-height:0}.navigation-inner nav{margin-top:10px}.menu{gap:8px 18px}.hero-inner{min-height:230px}.hero-copy{width:100%;padding:32px 0}.hero h1{font-size:44px;max-width:none}.hero .tagline{max-width:100%}.hero-image{position:static;width:100%;height:220px;object-position:center 52%;display:block}.hero{min-height:0}.site-layout{display:block;padding-top:32px}.sidebar{margin-top:48px;border-top:1px solid var(--line);padding-top:30px}.entry-title{font-size:30px}.entry-content{font-size:18px}.footer-inner{display:block}.footer-inner>a{display:inline-block;margin-top:22px}.entry-content .alignleft,.entry-content .alignright{float:none;max-width:100%;margin:20px 0}.widget{font-size:14px}.library-card img{max-height:280px}}
@media(max-width:380px){.rutgers-logo{width:190px}.masthead{gap:12px}.hero h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}