body { margin: 0 !important; } #legacy #uofi #ws-pa #edu-il .blog-categories a { border-radius: 0.25em !important; border: 1px solid #13294B !important; background-color: #ffffff !important; color: #13294B !important; } #legacy #uofi #ws-pa #edu-il .blog-categories a:hover { border-radius: 0.25em !important; border: 1px solid var(--il-orange) !important; background-color: var(--il-orange) !important; color: #ffffff !important; } #blog_6368 ul.top{ display: none; } #blog_6368 .blog-post-title{ margin-bottom:36px !important; } span.name{ font-size:18px !important; } .topic-summary p{ font-size: 17px !important; } .campus{ padding-top: 8px !important; } #gallery-more{ max-height:50px; } #blog-posts figcaption{ padding: 0 !important; } #uofi #ws-pa #edu-il #blog-article-view .blog-article-share.bottom a { color: #ffffff; } #uofi #ws-pa #edu-il .bp-embedded-image-large figcaption p { margin-bottom: 1em; } .lb-image{ position:relative; top:60px; } .lb-prev, .lb-next { top:-8px !important; width:40px !important; left: 49% !important; } .lb-overlay .lb-prev { padding-right: 8px !important; margin-left: -24px !important; } .lb-overlay .lb-next { margin-left: 30px !important; } .lb-next:before, .lb-prev:before { font-size:36px !important; } .lb-overlay .lb-caption { margin-top:92px !important; max-width:660px !important; line-height: 1.5 !important; } .lb-overlay div p { font-family: var(--il-source-sans) !important; } .lb-overlay .lb-viewport a.lb-close { padding-left:16px !important; padding-right:16px !important; width: auto !important; left:49% !important; color: #ffffff !important; } .lb-overlay a.lb-close:before { margin-right:8px !important; } #uofi #ws-pa #edu-il #content-and-sidebar #ws-content, #uofi #ws-pa #edu-il #content-full-width #ws-content { width:69% !important; } @media screen and (min-width: 960px) { #uofi #ws-pa #edu-il #content-and-sidebar #ws-content, #uofi #ws-pa #edu-il #content-full-width #ws-content { width:100% !important; } } #gadget-container{ margin-right: 30px !important; } .lb-overlay:target img { max-width:1200px !important; } #uofi #ws-pa #edu-il #blog-home-view .blog-post-title, #uofi #ws-pa #edu-il #blog-results-view .blog-post-title { xxxline-height:1.4 !important; } #uofi #ws-pa #edu-il .blog-recent-posts img { margin-right:14px !important; position: relative; top:4px !important; } .nb-content{ max-width: 1100px; margin: 48px auto; } @media screen and (max-width: 1100px) { .nb-content{ padding: 0 24px; } } .il-formatted figcaption, il-call-to-action figcaption, il-clickable-card figcaption, il-statistic figcaption{ border-bottom: 0 !important; } .bp-image-right{ margin-left: 28px !important; margin-right:4px !important; } .blog-post-info p, .blog-post-info li { font-size:17px !important; } #wt #uofi #ws-pa #edu-il #blog-article-view .blog-post-info .bp-embedded-image figcaption p{ font-size:14px !important; } ul.blog-posts-wrapper{ padding-left: 30px !important; padding-right:30px !important; } @media (max-width: 800px) { ul.blog-posts-wrapper{ xxxpadding-left: 0 !important; } } #uofi #ws-pa #edu-il .gadget .gadget-pod .blog-recent-posts li a { font-size:15px !important; } #uofi #ws-pa #edu-il .bp-embedded-image-large figcaption p { font-size: 15px !important; } #uofi #ws-pa #edu-il p, #uofi #ws-pa #edu-il span, #uofi #ws-pa #edu-il dd, #uofi #ws-pa #edu-il td, #uofi #ws-pa #edu-il li { color: #444; font-size: 15px; font-family: var(--il-source-sans), sans-serif !important; } li.blog-post{ list-style:none !important; } #uofi #ws-pa #edu-il a { color: var(--il-link-color); } } #uofi #ws-pa #edu-il a:hover { color: var(--il-focus-link-color) !important; } #blog-post-gallery li{ list-style:none; } .il-formatted figcaption, il-call-to-action figcaption, il-clickable-card figcaption, il-statistic figcaption{ padding:auto !important; margin:auto !important; } #uofi #ws-pa #edu-il .bp-embedded-image-thumb figcaption { padding-top:0 !important; } .il-formatted figure, il-call-to-action figure, il-clickable-card figure, il-statistic figure { margin-top:0 !important; } #wt #uofi #ws-pa #edu-il #blog-results-view .blog-post-meta{ position:relative !important; top:0 !important; } #ws-content #blog-results-view .blog-post-date { display:block !important; text-align:left !important; } /* JRW - global.css */ #uofi #ws-pa #edu-il .search-results-menu li a, #uofi #ws-pa #edu-il .search-results-menu span { color: #6e7887 !important; } #uofi #ws-pa #edu-il .search-results-menu span { font-family: var(--il-source-sans), sans-serif !important; } #uofi #ws-pa #edu-il .search-results-menu span strong { color: #fa6300; } #uofi #ws-pa #edu-il .search-results-menu li:last-child { display: none; } #uofi #ws-pa #edu-il #blog-results-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-meta span.blog-post-views, #uofi #ws-pa #edu-il #blog-home-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-meta span.blog-post-views { display: none; } #uofi #ws-pa #edu-il .blog-post-footer { margin: auto auto 1.5em; padding: 0 !important; width: 100%; } #uofi #ws-pa #edu-il .blog-closing-section { background: none repeat scroll 0 0 #f4f4f2; } #uofi #ws-pa #edu-il .blog-closing-section li a { color: #6e7887 !important; font-family: var(--il-source-sans), sans-serif !important; } #uofi #ws-pa #edu-il .blog-features { padding: 0.2em 0 !important; } #uofi #ws-pa #edu-il .gadget { margin: 0 !important; } #uofi #ws-pa #edu-il .blog-gadget.blog-recent-posts { margin: 0 0 50px !important; } #uofi #ws-pa #edu-il #content-full-width .gadget-container { font-size: 100% !important; height: 70px; margin: 0 auto !important; padding: 1.3em 4% 0; text-align: center !important; width: auto !important; } @media (min-width: 961px) and (max-width: 1080px) { #uofi #ws-pa #edu-il #content-full-width .gadget-container { font-size: 96% !important; padding-left: 1%; padding-top: 0.9em; text-align: left !important; } } @media (max-width: 960px) { #uofi #ws-pa #edu-il #content-full-width .gadget-container { padding-left: 1%; padding-top: 0.9em; text-align: left !important; } } } #uofi #ws-pa #edu-il #content-full-width .gadget-container .blog-categories { margin: auto; width: 100%; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .blog-categories ul { display: block; margin: 0 !important; width: 100% !important; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .blog-categories ul li { display: inline-block; font-size: 100% !important; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .blog-categories ul li.all-news a { color: var(--il-text-color) !important; font-weight: 700 !important; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .blog-categories ul li a { background-color: transparent !important; border: medium none transparent !important; border-radius: 0 !important; color: #6e7887 !important; display: inline-block; font-family: var(--il-source-sans), sans-serif !important; font-size: 80% !important; font-weight: 600; line-height: 1.6 !important; margin: 0 !important; padding: 0 1.25em; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .blog-categories ul li a:hover { background-color: transparent !important; border-radius: 0 !important; color: #fa6300 !important; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .gadget-header { border: medium none; color: #6e7887; display: none !important; float: left; font-family: var(--il-source-sans), sans-serif !important; font-size: 75% !important; font-weight: 400; letter-spacing: 0; line-height: normal; margin: 0 !important; padding: 0 !important; text-align: left; width: auto !important; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .gadget-header:before { content: "Browse News "; } #uofi #ws-pa #edu-il .blog-post-footer, #uofi #ws-pa #edu-il .paging-menu-top a, #uofi #ws-pa #edu-il .search-results-menu, #uofi #ws-pa #edu-il .blog-features { background-color: transparent !important; } #uofi #ws-pa #edu-il .article-view #content-full-width #ws-content { max-width: 1100px !important; margin:auto; } #wt #uofi #ws-pa #edu-il #blog-article-view .blog-post { padding: 0 !important; } #contDiv { position: relative; } #custom #wt #uofi #ws-pa #edu-il #blog-header { background: none repeat scroll 0 0 #f4f4f2; height: 70px; position: absolute; top: -70px; width: 100%; z-index: 1000; } #blog-wrapper #blog-header #blog-level-menu { padding: 0 4% !important; } #blog-wrapper #blog-header #blog-level-menu li { display: inline-block !important; float: none !important; } #blog-wrapper #blog-header #blog-level-menu .nav-menu { display: none !important; } #blog-wrapper #blog-header #blog-level-menu li a { border-color: #6e7887 !important; color: #6e7887 !important; display: block; font-family: var(--il-source-sans), sans-serif !important; font-size: 100% !important; margin: auto; } #blog-wrapper #blog-header #blog-level-menu li a:hover { border-color: #6e7887 !important; color: #6e7887 !important; font-family: var(--il-source-sans), sans-serif !important; font-size: 100% !important; } #uofi #ws-pa #edu-il li#search-bar { background: none repeat scroll 0 0 #f4f4f2 !important; border-left: 1px solid #dadad9; height: 70px; padding-left: 1% !important; padding-right: 1% !important; padding-top: 19.4444px !important; position: absolute; right: 0; top: 70px; } #uofi #ws-pa #edu-il #blog-article-view .blog-posts-wrapper .blog-post, #uofi #ws-pa #edu-il #blog-article-view-nb .blog-posts-wrapper .blog-post { font-size: 100% !important; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-title { /* font-size: 40px; */ line-height: 1.4; /* 52px */ /* min-height: 110px; */ padding: 0 8% .45em 0 !important; font-family: var(--il-source-sans), sans-serif !important; margin: 0 auto !important; text-align: left !important; color: var(--il-text-color) !important; font-family: var(--il-source-sans), sans-serif !important; xxxfont-weight: 300 !important; max-width:1100px; xxxfloat:right; } @media (max-width: 768px) { .bp-embedded-image-large.bp-image-float-right figcaption, .bp-embedded-image-large.bp-image-float-left figcaption { margin-top:1em; } } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info { margin-bottom: 0em; padding: 0 !important; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta, #uofi #ws-pa #edu-il #blog-article-view-nb .blog-article-share.top { border-top: 0px solid #dadad9; font-size: 100% !important; overflow: hidden !important; padding: 0 !important; text-align: left !important; width: 100% !important; max-width:1100px; margin:auto; float:right; clear:left; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-article-share.top { margin-bottom:2.2em; } #uofi #ws-pa #edu-il #blog-article-view .blog-article-share.bottom { margin-top:35px; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-article-share li { width:50px; } #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta span:first-child { padding-left:0 !important; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta span { border-right: 1px solid #e0e0e0; clear: none !important; display: block !important; float: left; font-family: var(--il-source-sans), sans-serif !important; font-size: 65% !important; line-height: normal !important; margin: 0 !important; padding: 1em !important; width: auto !important; letter-spacing: 0.06em; } #uofi #ws-pa #edu-il .blog-post-meta span { font-family: var(--il-source-sans), sans-serif !important; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta > span > a { border: medium none; /* padding-top: 0.1em !important; */ } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta > .blog-post-category { border-right: medium none; display: block; padding-top: 0 !important; font-size:60% !important; padding-left:0 !important; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta > .blog-post-author { margin-right:1em !important; } #wt #uofi #ws-pa #edu-il #blog-article-view .blog-post-info .bp-embedded-image figcaption p { color:var(--il-text-color); } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta > .blog-post-category a { display: block !important; font-size: 100% !important; /* letter-spacing: 0.08em; */ margin: 0 !important; text-transform: uppercase; margin-top: 1em; } #wt #blog-post-gallery { margin-bottom:2.3em !important; margin-top:-58px !important; border-top:0; float:left; overflow:hidden; clear:left; } #wt #blog-post-gallery li#gallery-more a { height:60px; line-height:60px; } /*#wt #blog-post-gallery li:first-child:before { content:'This article, in images:'; width:90px; height:60px; font-size:12px; line-height:1.3em; margin-right:10px; color:#333; float:left; } */ #blog-post-gallery.gallery-off { position:absolute; top:-9999px; } #blog-post-gallery.one-image { position:absolute; top:-9999px; } #blog-post-gallery, #uofi #ws-pa #edu-il .bp-embedded-image figcaption .bp-image-credit { border-top-color: #dadad9 !important; } #blog-post-gallery.one-image { position:absolute; top:-9999px; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta { /* margin-bottom:2.2em !important; */ margin-bottom:.8em !important; } #blog-article-view .bp-embedded-image-large { margin-bottom: 2.5em !important; } #blog-article-view .bp-embedded-image-large figure, #blog-article-view .bp-embedded-image-thumb figure {position:relative; overflow:hidden;} #blog-article-view .bp-embedded-image-thumb figure a:after { -moz-transition: all 250ms ease-out 0s; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; content:'\f065'; bottom:0; right:0; position:absolute; font-size:.85em; padding:.36em 1em; line-height:2em; background-color:#FA6300; color:#fff; display:block; font-family:'FontAwesome'; -moz-opacity:0; -webkit-opacity:0; opacity:0; } #blog-article-view .bp-embedded-image-thumb figure a:hover:after { -moz-opacity:1; -webkit-opacity:1; opacity:1; } #blog-article-view .bp-embedded-image-large figure a:hover:after, #blog-article-view-nb .bp-embedded-image-large figure a:hover:after { -moz-opacity:1; -webkit-opacity:1; opacity:1; } #blog-article-view .bp-embedded-image-large figure a:after, #blog-article-view-nb .bp-embedded-image-large figure a:after { -moz-transition: all 250ms ease-out 0s; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; content:'\f065'; bottom:0; right:0; position:absolute; font-size:1.05em; padding:.36em 1em; line-height:2em; background-color:#FA6300; color:#fff; display:block; font-family:'FontAwesome'; -moz-opacity:0; -webkit-opacity:0; opacity:0; } #blog-article-view .bp-embedded-image-large figcaption p, #blog-article-view-nb .bp-embedded-image-large figcaption p { color: var(--il-text-color) !important; font-family: var(--il-source-sans) !important; font-weight:500; font-style:italic; } #blog-article-view-nb .bp-embedded-image-large figure { overflow:hidden; position:relative; width:100%; padding-right:330px; } #uofi #ws-pa #edu-il #blog-article-view #beginning_content_image_1 { max-height: 600px !important; overflow: hidden !important; } #uofi #ws-pa #edu-il #blog-article-view #beginning_content_image_1 #img_1 { display: block; height: auto !important; margin-left: auto !important; margin-right: auto !important; padding: 0.5em 0 0 !important; width: 100% !important; } #wt #uofi #ws-pa #edu-il #blog-article-view .blog-post { /* text-align: center; */ } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info { text-align: left !important; } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h3, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h4, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h5, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h6 { font-family: var(--il-source-sans), sans-serif !important; font-size: 130% !important; line-height: 1.5 !important; margin-bottom: 0.75em !important; margin-top: 2em !important; } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h3 strong, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h4 strong, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h5 strong, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h6 strong { font-weight: 300 !important; } @media (max-width: 770px) { #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h3, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h4, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h5, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h6 { font-size: 95%; } } @media (max-width: 520px) { #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h3, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h4, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h5, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h6 { font-size: 90%; } } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info li { color: var(--il-text-color); font-family: var(--il-source-sans); !important; font-size: 95%; /* line-height: 1.7 !important; */ line-height: 1.6 !important; margin-bottom:1.6em; } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info li, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info ul { margin-bottom:.9em; } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info li:last-child {margin-bottom:0;} #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p.bp-image-credit { margin-bottom:0; } #wt #uofi #ws-pa #edu-il .bp-embedded-image figcaption .bp-image-credit { padding-top:5px; } @media (max-width: 770px) { #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p { font-size: 95%; } } @media (max-width: 520px) { #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p { font-size: 90%; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta span { border-right:none; width:100% !important; } } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p img { /* display: block !important; float: none !important; height: auto !important; margin: 2em auto 4em; text-align: center; width: 60% !important; */ } /* #uofi #ws-pa #edu-il #blog-article-view .blog-post-info > p:first-child { color: #fa6300; display: block; font-family: var(--il-source-sans), sans-serif !important; font-size: 110% !important; line-height: 2 !important; margin-top: 2em !important; padding: 0 !important; text-align: left !important; width: 100%; } */ #uofi #ws-pa #edu-il #blog-article-view .blog-post-info blockquote p { border-left: 2px solid #fa6300; color: #dadad9 !important; display: block; font-size: 170% !important; font-style: normal !important; line-height: 1.75 !important; margin: 1.75em 0 !important; padding-left: 1.25em !important; padding-right: 0 !important; } @media (max-width: 520px) { #uofi #ws-pa #edu-il #blog-article-view .blog-post-info blockquote p { color: #fa6300 !important; font-size: 115% !important; } } #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions, #uofi #ws-pa #edu-il .blog-post-footer { /* background: none repeat scroll 0 0 #f4f4f2 !important; border-top: 4px solid #96a8b2; margin-top: 1em !important; padding: 0.25em 0; width: 100%;*/ position:absolute; left:-100000px; bottom:-100000px; } #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions li { border-right: 1px dotted #dadad9; font-size: 100% !important; padding: 0 !important; text-align: center; } #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions li a { border: medium none !important; color: #6e7887; display: inline-block; font-family: var(--il-source-sans), sans-serif; font-size: 75%; line-height: normal !important; margin-right: 0; padding: 0.75em 1.4em 2em; } #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions li a:hover { background-color: #e9e9e8; } #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions li a .fa { color: #96a8b2; font-size: 90%; height: auto !important; line-height: normal !important; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0 !important; } #uofi #ws-pa #edu-il .fa-2x { vertical-align: 0!important; } #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions li, #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions a { color: #dadad9; } #ws-pa-sb #edu-il #share-wrapper #share .bg-show-back, #ws-pa-sb #edu-il #share-wrapper #share .bg-show-bottom, #ws-pa-sb #edu-il #share-wrapper #share .bg-show-top { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; } #ws-pa-sb #edu-il #share-wrapper #share2 { background: none repeat scroll 0 0 var(--il-text-color) !important; border: medium none !important; padding: 1em 0.5em !important; width: auto !important; } #custom #wt #uofi #ws-pa #edu-il #blog-header { height: 0; position: absolute; top: -9999px; width: 0; } #uofi #ws-pa #edu-il #blog-wrapper.article-view #content-and-sidebar { /* max-width: 935px; */ max-width: 1100px; float:right; } #wt #uofi #blog-wrapper.article-view { max-width:1200px; margin:auto; } #wt #uofi #ws-pa #edu-il #blog-wrapper:after { /*content: "."; visibility: hidden; display: block; height: 0; clear: both;*/ content: ""; display: table; clear: both; } #wt #uofi #ws-pa #edu-il .bp-embedded-image-large.bp-image-float-left { margin-bottom:3em;} #uofi #ws-pa #edu-il .bp-embedded-image-large.bp-image-float-left figure a { position:relative; } #uofi #ws-pa #edu-il .bp-embedded-image-large.bp-image-float-left figcaption { width:300px; position:absolute; right:0; padding-left:0; } #uofi #ws-pa #edu-il #content-full-width-nb { max-width: 1200px; margin-top:3.2em; } #uofi #ws-pa #edu-il #content-full-width-nb { margin-left:auto; margin-right:auto; } #blog-wrapper.article-view { margin-top: 2.5em; font-size: 1.15em; } #uofi #ws-pa #edu-il .blog-closing-section { display: none; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta .blog-post-category a { border-radius: 5em; display: inline-block; margin-top: .8em !important; margin-right: 1em !important; padding: .65em 1em; /* padding: 0.4em 1.25em 0.35em; */ transition: all 100ms ease-out 0s; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta .blog-post-category a:hover { background-color: #fa6300 !important; border: medium none !important; color: #fff !important; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta .blog-post-category a { background-color: #8D9299 !important; /* 444d56 */ color: white !important; line-height:1.0 !important; } #uofi #ws-pa #edu-il .blog-categories a { border-radius: 15px !important; -moz-border-radius: 15px !important; -webkit-border-radius: 15px !important; } #wt #uofi #ws-pa #edu-il h3.gadget-header { border-bottom: 1px solid #dadad9 !important; padding-top: 0em !important; text-transform: capitalize !important; color: var(--il-text-color); font-weight: 300; font-family: var(--il-source-sans), sans-serif; font-size:26px; padding-bottom:20px; margin-bottom:25px; margin-top:2px; } /* ===================== Header Sub Menu ====================== */ .section-nav-header { line-height: 60px; margin-bottom: 0 !important; margin-right: 0.5em; text-transform: uppercase; float: left; font-size: 85% !important; /* background-color: #f2f2f2; */ } /*.section-nav { border-left: 1px solid #e5e5e5; margin-left: 1.5em; }*/ /*#section-nav { background-color: #f2f2f2; border-bottom: 1px solid #e5e5e5; padding: 1em 0; }*/ #section-nav { /* background-color: #f2f2f2; */ border-bottom: 0px solid #b9bfc2; padding: 0; } #section-nav.bread .container { background: none; } .section-nav-header {background-color:#131F33;} .section-nav-header #sub-category { float: right; line-height: 60px; height: 60px; margin-bottom: 0 !important; } .section-nav-header #sub-category span { line-height: 60px; height: 60px; border-left: 1px solid #8A909A; margin-left: 1.5em; padding-left: 1.5em; /*color: #6b7478;*/ color:#8B9599; display: block; background-color: #39414e; } .section-nav-header #sub-category span { /*color:#fff; */ } /* gradient */ #section-nav.bread { background: #131F33; /* Old browsers */ background: -moz-linear-gradient(left, #131F33 0%, #131F33 48%, #39414e 52%, #39414e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f2f2f2), color-stop(48%, #f2f2f2), color-stop(52%, #f6f6f6), color-stop(100%, #f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f2f2f2 0%, #f2f2f2 48%, #f6f6f6 52%, #f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f2f2f2 0%, #f2f2f2 48%, #f6f6f6 52%, #f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f2f2f2 0%, #f2f2f2 48%, #f6f6f6 52%, #f6f6f6 100%); /* IE10+ */ background: linear-gradient(to right, #131F33 0%, #131F33 48%, #39414e 52%, #39414e 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f6f6f6', GradientType=1); /* IE6-9 */ } #section-nav.bread .container { background: #39414e; } /* ===================== Page Ads ====================== */ .container-primary, .container-col-3, .container-col-1, .article-entries-block { overflow: hidden; position: relative; width: 100%; z-index: 0; background-color: #4d555b; padding-left: 3%; padding-right: 3%; } .container-primary { background-color:#747980; border-top:1px solid #b9bfc2; border-bottom:1px solid #b9bfc2; } #section-nav + .container-primary { border-bottom:0; } #content-main + .container-primary { border-top:0; } .page-top-ad { margin: 36px auto 36px; max-width: 970px; max-height:90px; overflow:visible; } .page-top-ad span { color: #b9bfc2; display: block; font-size: 11px; line-height: 13px; margin-top: -2px; } .page-bottom-ad { background-color: #747980; padding: 36px 0 19px; text-align: left; max-width: 970px; margin:auto; } .page-bottom-ad span { clear: left; color: #b9bfc2; display: block !important; font-size: 11px; line-height: 13px; } .page-bottom-ad img { float: none; margin: auto; width: 100%; max-width: 970px; } /* ====================== Publication Front Page ========================*/ #uofi #ws-pa #edu-il #publication-id-inside-illinois, #uofi #ws-pa #edu-il #publication-id-postmarks, #uofi #ws-pa #edu-il #publication-id-a-minute-with { margin:auto; max-width:1200px; width:100%; padding-top:.3em; display:block; overflow:hidden; display:none; } #uofi #ws-pa #edu-il #publication-id-inside-illinois a, #uofi #ws-pa #edu-il #publication-id-postmarks a, #uofi #ws-pa #edu-il #publication-id-a-minute-with a { max-width: 930px; width:100%; text-align: left; display: block; float: right; clear: both; font-size:.95em; margin-bottom: 1em; font-family:var(--il-source-sans),sans-serif !important; color:var(--il-text-color); -moz-transition: all 250ms ease-out 0s; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } #uofi #ws-pa #edu-il #publication-id-inside-illinois a:hover, #uofi #ws-pa #edu-il #publication-id-inside-illinois a:hover:before, #uofi #ws-pa #edu-il #publication-id-postmarks a:hover, #uofi #ws-pa #edu-il #publication-id-postmarks a:hover:before, #uofi #ws-pa #edu-il #publication-id-a-minute-with a:hover, #uofi #ws-pa #edu-il #publication-id-a-minute-with a:hover:before { color:#fa6300; text-decoration:none; } #uofi #ws-pa #edu-il #publication-id-inside-illinois a:before, #uofi #ws-pa #edu-il #publication-id-postmarks a:before, #uofi #ws-pa #edu-il #publication-id-a-minute-with a:before { float:left; font-size: 1.22em; margin-top: -4px; margin-right:.4em; xxxcolor:#879596; -moz-transition: all 250ms ease-out 0s; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } #uofi #ws-pa #edu-il #publication-id-inside-illinois a:before { content: "\f1ea"; font-family: "FontAwesome"; } #uofi #ws-pa #edu-il #publication-id-postmarks a:before { content: "\f003"; font-family: "FontAwesome"; } #uofi #ws-pa #edu-il #publication-id-a-minute-with a:before { content: "\f017"; font-family: "FontAwesome"; } /* ====================== Additional ========================*/ #wt #uofi #ws-pa #edu-il #blog-article-view .blog-post { margin-bottom:3em; } #blog-wrapper { xxxpadding-left: 3% !important; xxxpadding-right: 3% !important; } #uofi #ws-pa #edu-il embedimage .bp-embedded-image-thumb { width:40%; max-width:180px;} #blog-article-view .blog-post-info > a, #blog-article-view .blog-post-info > a + br, #blog-article-view .blog-post-info > a + br + br, #blog-article-view .blog-post-info > p > a:first-child, #blog-article-view .blog-post-info > p > a + br, #blog-article-view .blog-post-info > p > a + br + br { /* display:none; */ } @media (max-width: 1000px) { #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-title { width:100%; } } #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p.callout { font-family:var(--il-source-sans),sans-serif ; font-size:1.4em; line-height:auto; color:#263b54; line-height: 1.6 !important; margin-bottom:1.4em; padding-bottom:1.4em; border-bottom: 1px solid #ddd; } #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p, #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-info li { color: var(--il-text-color); font-family: var(--il-source-sans), serif !important; font-size: 95%; line-height: 1.6 !important; } #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-meta { position:absolute; top:-9999px; height:0; } #about-pages #uofi #ws-pa #edu-il #blog-article-view { margin-top:4em; } #about-pages #uofi #ws-pa #edu-il #blog-article-view h2.blog-post-title { font-family:var(--il-source-sans); font-weight:300; font-size: .95em !important; margin-bottom:1.7em; color:#263b54; /* color:#878f99; */ } #about-pages #uofi #ws-pa #edu-il #blog-article-view h3 { font-family:var(--il-source-sans),sans-serif ; font-size:1.4em; line-height:auto; color:#263b54; line-height: 1.6 !important; margin-top:0 !important; text-transform:capitalize; /* color:#878f99; */ } #about-pages #uofi #ws-pa #edu-il .article-view #content-full-width #ws-content { max-width:700px !important; } #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post {margin-bottom:4em;} #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-info ul { padding-left:0; margin-left:0; border-bottom:1px solid #ddd; padding-bottom:.8em; margin-bottom:1.8em; } #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-info ul li { list-style:none; margin-bottom:1.6em; color:#767D86; } #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-info ul li:after { content:''; border-bottom:solid 0px #ddd; width:30px; margin:.5em 0; display:block; } #about-pages #uofi #ws-pa #edu-il #blog-article-view .bp-embedded-image-large figure a::after {font-size:.8em;} /* =============================== Gadget styles ================================ */ #wt #uofi #ws-pa #edu-il #ws-sidebar .gadget .blog-profile h3.gadget-header { position:absolute; right:9999px; height:0; width:0; } #wt #uofi #ws-pa #edu-il #ws-sidebar .gadget .blog-profile span { background-color: #131f33; color: #b9bfc2; display: block; float: right; font-size: 11px; padding: 6px 8px; width: 300px; margin-bottom:50px; } #wt #uofi #ws-pa #edu-il #ws-sidebar .gadget .blog-profile img { float:left;} /* JRW - main.css */ @charset "UTF-8"; /*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ #section-nav { display:none; } html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ height:100%; } /** * Remove default margin. */ body { /* min-height:100%;*/ overflow:auto; margin: 0; /* position:relative; */ } #desktop-wrapper {overflow:hidden;} body, p, ol, li { font-family: 'Montserrat',sans-serif; } xxx#wt #uofi #ws-pa #edu-il a {color:#f3600;} /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ header #menu-items li a {background-color:transparent;} #uofi #ws-pa #edu-il #blog-article-view .blog-post-info .bp-embedded-image figcaption p, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info .bp-embedded-image figcaption p.bp-image-credit { color:var(--il-text-color) !important; } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info .bp-embedded-image figcaption p { font-family: var(--il-source-sans) !important; font-style: italic; } #wt #uofi #ws-pa #edu-il #blog-article-view .blog-post-info .bp-embedded-image figcaption p.bp-image-credit { font-family: var(--il-source-sans) !important; padding-bottom: 3px; font-style: normal; margin-bottom:0; } #uofi #ws-pa #edu-il .bp-image-left .bp-embedded-image-thumb, #uofi #ws-pa #edu-il .bp-image-left .bp-embedded-image-large, #uofi #ws-pa #edu-il .bp-embedded-image-thumb.bp-image-left, #uofi #ws-pa #edu-il .bp-embedded-image-large.bp-image-left { /*margin-right:1.5em !important; */ margin-right:1.7em !important; } #wt #uofi #ws-pa #edu-il .bp-image-left.bp-embedded-image-thumbnail, #wt #uofi #ws-pa #edu-il .bp-image-left.bp-embedded-image-thumb, #wt #uofi #ws-pa #edu-il .bp-image-left.bp-embedded-image-large, #wt #uofi #ws-pa #edu-il .bp-embedded-image-thumb.bp-image-left, #wt #uofi #ws-pa #edu-il .bp-embedded-image-large.bp-image-left { margin-bottom:8px } #wt #uofi #ws-pa #edu-il #content-and-sidebar #ws-content { max-width:752px; } #wt #uofi #ws-pa #edu-il #content-and-sidebar #ws-sidebar { width:332px; float:right; } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info .bp-embedded-image figcaption p.bp-image-credit { font-size:90% !important; } #uofi #ws-pa #edu-il .blog-post-footer { margin-top:0 !important; } #uofi #ws-pa #edu-il #blog-article-view .blog-posts-wrapper .blog-post hr + a + br { display:none; } audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { /* margin: 1em 40px; */ } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: 'FontAwesome'; src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0"); src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } *, *:before, *:after { margin: 0; xxxpadding: 0; /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */ -webkit-box-sizing: border-box; /* Firefox (desktop or Android) 28- */ -moz-box-sizing: border-box; /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */ box-sizing: border-box; } .section:before, .container:before, .section:after, .container:after { content: ""; display: table; } .section:after, .container:after { clear: both; } .visiblyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } body { font-family: var(--il-font-sans); font-size: 1.05em; font-weight: 400; line-height: 1.5; color: #6a7277; } @media (max-width: 960px) { body { font-size: 0.9em; } } @media (max-width: 520px) { body { font-size: 0.8em; } } h3, #nav-global-menu .submenu-level-1 li a, .footer-header, .caption, .nav-publication a, .section-nav a, .nav-publication-header, .site-branding h1, #nav-global-menu h3 { text-transform: uppercase; font-family: var(--il-source-sans) !important; letter-spacing: 0.08em; } #nav-global-menu h3 { font-size:100%; } #nav-global-menu .submenu-group.publications li a { text-transform:capitalize; display:block; letter-spacing:normal; } #nav-global-menu .submenu-group.publications li a { color:#3e4147; margin-bottom:1.4em; line-height:1.2; padding-top:5px; -moz-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; } #nav-global-menu .submenu-group.publications li a:hover, #nav-global-menu .submenu-group.publications li a:hover:before, #nav-global-menu .submenu-group.publications li a:hover span { color:#ff552e; } #nav-global-menu .submenu-group.publications li a span { margin-left:33px; font-size:.8em; clear:left; display:block; font-weight:300; color:#8b9498; line-height:1.25; -moz-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; } #nav-global-menu .submenu-group.publications li a:before { color:#3e4147; width:23px; margin-right:10px; text-align:right; float:left; display:block; color:#8b9498; -moz-transition: color 300ms ease 0s; -webkit-transition: color 300ms ease 0s; transition: color 300ms ease 0s; } #pub-postmarks a:before { font-family:"FontAwesome"; content:'\f003'; font-size: 1.27em; margin-top:-3px; } #pub-a-minute-with a:before { font-family:"FontAwesome"; content:'\f017'; font-size: 1.45em; margin-top:-4px; } #pub-inside-illinois a:before { font-family:"FontAwesome"; content:'\f1ea'; font-size: 1.22em; margin-top:-2px; } /* section { h2,h3,h4,h5,h6, p { margin: 0; padding: 0; } h2, h3, h4, h5, h6 { margin-bottom: 0.25em; -webkit-margin-before: 0; } p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 2.5em; } p, p.display { margin-bottom: 1em; } h2 + h3, ul + p, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 { margin-top: 3em; } p.footnote { margin-top: 3.5em;} h1 { margin-bottom: 0.65em; } } // main content margins */ a:focus { outline: 3px solid #d6e593; } a:hover:focus, a:active, a:active * { outline: none; } a, a:visited, a:active { text-decoration: none; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-family: var(--il-font-sans); font-weight: 400; font-size: 100%; letter-spacing: 0; color: #6a7277; } h2 { font-family: var(--il-font-sans); font-weight: 400; font-size: 100%; letter-spacing: 0; color: #fff; } h3, #nav-global-menu .submenu-level-1 li a, .footer-header { font-weight: 400; font-size: 100%; } h4 { font-family: var(--il-font-sans); font-weight: 400; font-size: 100%; letter-spacing: 0; color: #6a7277; } h5 { font-family: var(--il-font-sans); font-weight: 400; font-size: 100%; letter-spacing: 0; color: #6a7277; } h6 { font-family: var(--il-font-sans); font-weight: 400; font-size: 100%; letter-spacing: 0; color: #6a7277; } p { font-family: var(--il-font-sans); font-weight: 400; font-size: 100%; letter-spacing: 0; color: #fff; } p.display, p.large-text { font-family: var(--il-font-sans); font-weight: 400; font-size: 140%; letter-spacing: 0; color: #6a7277; } p.large-text { font-size: 115%; } p.small-text { font-family: var(--il-font-sans); font-weight: 400; font-size: 100%; letter-spacing: 0; color: #6a7277; } .caption, .nav-publication a, .section-nav a, .nav-publication-header { font-size: 74%; } .heading-button { font-family: var(--il-font-sans); font-weight: 700; font-size: 82%; text-transform: uppercase; letter-spacing: 0.1em; display: inline-block; color: #8b9498; border: 2px solid #8b9498; padding: 0.3em 0.9em 0.25em; margin-bottom: 2.5em; } .heading-button.color-alt { color: #444D56; border-color: #444D56; } .orange-text { color: #ff552e; } .icon { font-family: "FontAwesome"; display: inline-block; font-size: 100%; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-menu:before { content: "\f0c9"; } .icon-search:before { content: "\f002"; } .icon-close:before { content: "\f00d"; } /* .icon-external-link:before { content: ""; } .icon-internal-link:before { content: "ï…¸"; } */ .icon-download:before { content: "\f019"; } .icon-menu-expand:before { content: "\f0d7"; } .icon-caret-right:before { content: "\f0d7"; } .icon-expand:before { content: "\f0d7"; } .icon-phone:before { content: "\f095"; } .icon-fax:before { content: "\f1ac"; } .icon-email:before { content: "\f0e0"; } .icon-location:before { content: "\f124"; } @-ms-viewport { width: device-width; } .section { width: 100%; padding: 1.5em 0; } .container { max-width: 1280px; width: 92%; margin-right: auto; margin-left: auto; } */ .width-extra-narrow { width: 55%; max-width: 768px; padding: 1.8em 0 1.5em; } @media (max-width: 960px) { .width-extra-narrow { width: 78%; } } @media (max-width: 520px) { .width-extra-narrow { width: 92%; } } .width-narrow { width: 78%; padding: 1.8em 0 1.5em; max-width: 960px; } @media (max-width: 520px) { .width-narrow { width: 92%; } } .width-extra-large { max-width: 1350px; width: 98%; } .width-all { width: 100%; } /* Span 1: 8.125% Span 2: 21.25% Span 3: 34.375% Span 4: 47.5% Span 5: 60.625% Span 6: 73.75% Span 7: 86.875% Span 8: 100% .col { margin-left:5%; padding:0 0%; } ----------------------------------------------------------------------------- */ .col-1 { width: 8.125%; } .col-2 { width: 21.25%; } .col-3 { width: 34.375%; } .col-4 { width: 47.5%; } .col-5 { width: 60.625%; } .col-6 { width: 73.75%; } .col-7 { width: 86.875%; } .col-8 { width: 100%; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8 { margin-right: 5%; float: left; } .last-unit { margin-right: 0 !important; } .padding-none { padding: 0; } .padding-extra { padding: 3.5em 0; } .float-right { float: right; } .text-center { text-align: center; } .clear-margin { margin: 0; } .bg-white { background: white; } .bg-light { background: #e5e5e5; } .bg-med { background: #b9bfc2; } .bg-dark { background: #2b323a; } .bg-darker { background: #1f242b; } .bg-darkest { background: #0f171e; } .border-top { border-top: 1px solid #e5e5e5; } @media (max-width: 960px) { .is-hidden-mobile { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } } header[role="banner"] { padding-top: 36px; height: 166px; position: relative; background: white; border-bottom: 1px solid #e5e5e5; } @media (max-width: 960px) { header[role="banner"] { height: 70px; padding-top: 0; position: relative; border-bottom: 1px solid #b9bfc2; border-top: 6px solid #ff552e; } header[role="banner"] .container { width: 100%; } } .site-branding { height: 130px; padding-top: 43.33333px; float: left; } .site-branding .branding-imark { float: left; display: block; margin-right: 1em; } .site-branding .branding-imark img { height: 39.39394px; } .site-branding h1 { color: #3e4147; float: left; display: inline-block; margin-top: 6.56566px; } .site-branding h1 .highlight { font-weight: 700; } @media (max-width: 520px) { .site-branding h1 { font-size: 90%; margin-top: 3.55556px; } } @media (max-width: 960px) { .site-branding { height: 64px; margin: 0; margin-left: 4%; width: 70%; padding-top: 14.08px; } .site-branding .branding-imark img { height: 32px; } } @media (max-width: 520px) { .site-branding { padding-top: 19.2px; } .site-branding .branding-imark img { height: 21.33333px; } } @media (max-width: 960px) { #site-search-label .submenu-trigger { display: none !important; } } #site-search { width: 100%; background: #131F33; padding: 3.5em 0; position: absolute; top: -900px; left: 0; right: 0; } #site-search.is-displayed { top: 166px; z-index: 100; } @media (max-width: 960px) { #site-search { height: auto !important; position: relative; top: auto; left: auto; width: 100%; background: transparent; padding: 1.75em 4%; } } .site-search-form { width: 100%; height: 64px; } .site-search-form input { display: block; height: 100%; float: left; border: none; } .site-search-form input[type="text"] { background: #ccc; width: 90%; padding: 1em; } .site-search-form input[type="submit"] { background: #ff552e; width: 10%; color: white; } @media (max-width: 960px) { .site-search-form input[type="text"] { width: 80%; background: white; } .site-search-form input[type="submit"] { background: #6a7277; width: 20%; } } .nav-publication, .section-nav { float: right; } .nav-publication li, .section-nav li { display: inline-block; margin-left: 1.5em; } .nav-publication a, .section-nav a { color: #8b9498; transition: color 300ms ease; } .nav-publication a:hover, .section-nav a:hover { color: #3e4147; } @media (max-width: 960px) { .nav-publication, .section-nav { float: left; width: 100%; } .nav-publication li, .section-nav li { margin-left: 0; margin-right: 1.5em; } } #site-nav { float: right; } @media (max-width: 960px) { #site-nav { width: 100%; position: absolute; top: -99999999px; left: -9999999px; z-index: 100; } } @media (max-width: 960px) { #site-nav.is-displayed { top: 64px; left: 0; } } .nav-publication a { color: white; line-height:36px; } #nav-publication-wrapper { width: 100%; position: absolute; top: 0; left: 0; right: 0; height: 36px; background: #ff552e; text-align: right; padding-left:4%; padding-right:4%; /* padding-top: 2.7px; */ } #nav-publication-wrapper div { max-width:1280px; margin:auto; } @media (max-width: 960px) { #nav-publication-wrapper { height: auto !important; position: relative; top: auto; left: auto; width: 100%; background: #2b323a; padding: 2em 4%; text-align: left; display:none; } } .nav-publication-header { display: inline; color: #3e4147; line-height:36px; } @media (max-width: 960px) { .nav-publication-header { display: block; color: #ff552e; } } #section-nav { border-bottom: 1px solid #e5e5e5; padding: 1em 0; background-color:#131F33; } .section-nav-header { text-transform:uppercase; } .section-nav { float: right; } .section-nav-header { float: left; font-family: var(--il-font-sans); font-size: 110%; color:#8b9599; } .section-nav-header a { color: #fff; } .mobile-control { display: none; } .mobile-control .mobile-button-close { display: none; } @media (max-width: 960px) { .mobile-control { position: absolute; z-index: 1000; top: 0; right: 0; display: block; height: 64px; } } .mobile-control-button { display: block; height: 64px; line-height: normal; font-size: 106%; float: left; color: white; border-bottom: 1px solid #b9bfc2; border-left: 1px solid #b9bfc2; color: #ff552e; background: #131F33; width: 64px; padding-top: 21.33333px; text-align: center; } .mobile-control-button .mobile-button-close { display: none; } .mobile-control-button span { margin: 0; padding: 0; color: white !important; } .mobile-control-button:hover { cursor: pointer; background: #2b323a; } #nav-global-menu { height: 130px; } @media (max-width: 960px) { #nav-global-menu { height: auto !important; padding-top: 0 !important; float: none; width: 100%; background: #e5e5e5; padding: 0; } } #nav-global-menu > li { display: inline-block; margin-top: 28.88889px; height: 101.11111px; transition: background 200ms ease; } #nav-global-menu > li.is-displayed { background: #131F33; } #nav-global-menu > li.is-displayed .submenu-trigger { color: white; } #nav-global-menu > li.is-displayed .submenu-wrapper { left: 0; right: 0; margin: 0 auto; padding: 0 2em; top: 166px; z-index: 100; } @media (max-width: 960px) { #nav-global-menu > li.is-displayed .submenu-wrapper { left: auto; right: auto; margin: 0 auto; padding: 0 4%; top: auto; position: relative; transition: top 900ms ease; } } #nav-global-menu > li.last-unit { padding: 0.5em 0; } @media (max-width: 960px) { #nav-global-menu > li.last-unit { padding: 0; } } @media (max-width: 960px) { #nav-global-menu > li { display: block; margin: 0; padding: 0; border-bottom: 1px solid #b9bfc2; height: auto; position: relative; text-align: left; } } #nav-global-menu .submenu-trigger { font-family: var(--il-font-sans); color: #3e4147; font-size: 115%; display: block; padding: 0.5em 1.75em 0; height: 100%; } #nav-global-menu .submenu-trigger .icon { color: #8b9498; font-size: 90%; margin-left: 0.25em; min-width: 20px; } @media (max-width: 960px) { #nav-global-menu .submenu-trigger .icon { height: 64px; display: block; position: absolute; top: 0; right: 0; margin: 0; cursor: pointer; width: 64px; text-align: center; padding-top: 16px; border-left: 1px solid #b9bfc2; } } @media (max-width: 960px) { #nav-global-menu .submenu-trigger { padding-left: 4%; width: 100%; font-size: 108%; display: block; padding-top: 16px; height: 64px; } } #nav-global-menu .submenu-wrapper { background: white; width: 100%; height: 320px; position: absolute; left: 0; right: 0; margin: 0 auto; padding: 0 2em; top: 166px; top: -100000px; border-top: #131F33 12px solid; /*2b323a*/ -webkit-box-shadow: 0px 5px 4px 0px #bebebe; -moz-box-shadow: 0px 5px 4px 0px #bebebe; box-shadow: 0px 5px 4px 0px #bebebe; } @media (max-width: 960px) { #nav-global-menu .submenu-wrapper { display: block; border-top: none; margin: 0; padding: 0; padding-bottom: 1.5em !important; height: auto; text-align: left; box-shadow: none; padding: 0 4%; } } #nav-global-menu .submenu-group { padding-top: 2.6em; height: 308px; } #nav-global-menu .submenu-group ul { list-style: none; } #nav-global-menu .submenu-group ul li { margin-bottom: 0.6em; } #nav-global-menu .submenu-group a:hover { color: #ff552e; transition: color 300ms ease; } #nav-global-menu .submenu-group.border-right { border-right: 1px solid #e5e5e5; } #nav-global-menu .submenu-group p.large-text { margin-right: 0.5em; font-size: 115%; line-height: 1.7; color: #8b9498; } @media (max-width: 960px) { #nav-global-menu .submenu-group { height: auto !important; width: 100%; margin: 0; padding-top: 1.75em; border: none !important; } } #nav-global-menu .submenu-level-1 li a { line-height: normal; color: #ff552e; } #nav-global-menu .submenu-header { color: #8b9498; margin-bottom: .7em; } @media (max-width: 960px) { #nav-global-menu .submenu-header { display: block; border-bottom: 1px solid #b9bfc2; border-bottom-style: dotted; margin-bottom: 0.5em; } } #nav-global-menu .submenu-level-2 { font-family: var(--il-font-sans); } #nav-global-menu .submenu-level-2 li { margin-bottom: 0.5em !important; } #nav-global-menu .submenu-level-2 li a { color: #3e4147; } #nav-global-menu .submenu-col-3 { -moz-column-count: 3; -webkit-column-count: 3; -o-column-count: 3; column-count: 3; -webkit-column-gap: 2em; /* Chrome, Safari, Opera */ -moz-column-gap: 2em; /* Firefox */ column-gap: 2em; } #nav-global-menu .submenu-col-2 { -moz-column-count: 2; -webkit-column-count: 2; -o-column-count: 2; column-count: 2; -webkit-column-gap: 2em; /* Chrome, Safari, Opera */ -moz-column-gap: 2em; /* Firefox */ column-gap: 2em; } footer[role="contentinfo"] { background: #fff; padding-bottom: 3em; padding-top: 4em; color: #6a7277; } footer[role="contentinfo"] .col-4.last-unit { float: right; padding-left:110px; } @media (max-width: 960px) { footer[role="contentinfo"] .col-2 { width: 50%; margin: 0; margin-bottom: 3em; } footer[role="contentinfo"] .col-4.last-unit { float: right; padding-left:0 ; margin-bottom:3em !important; } } @media (max-width: 520px) { footer[role="contentinfo"] .col-2 { width: 100%; } } footer[role="contentinfo"] ul a { color: #fff; } footer[role="contentinfo"] ul a:hover { color: white; } .footer-header { color: #ff552e; font-size: 90%; } .department-info { overflow: hidden; margin: 0 auto; text-align: left; text-transform: uppercase; float: left; } @media (max-width: 960px) { .department-info { width: 100%; margin: 0; } } .department-info p a { color: #b9bfc2; } .department-info p.line-one { line-height: 1em; font-size: 36px; font-size: calc-rem(36px); font-family: var(--il-font-sans); letter-spacing: 0.2em; } .department-info p.line-one span { font-size: inherit; } .department-info p.line-two { font-family: var(--il-font-sans); } .department-info p.line-two span { font-size: 15px; font-size: calc-rem(15px); letter-spacing: 0.25em; word-spacing: 0.1em; } .department-info p.line-three { line-height: normal !important; font-family: var(--il-font-sans); } .department-info p.line-three span { font-size: 12px; font-size: calc-rem(12px); letter-spacing: 0.07em; word-spacing: 0.3em; font-weight: bold; } .department-info p.line-three span > span { font-size: inherit; color: inherit; } .button-closed, .list-buttons-closed a, .button-closed-dark, .list-buttons-open .highlight a, .list-buttons-closed-dark a, .button-open, .list-buttons-closed .highlight a, .list-buttons-closed-dark .highlight a, .list-buttons-open a { display: inline-block; padding: 0.4em 1.25em 0.35em; -webkit-border-radius: 5em; -moz-border-radius: 5em; border-radius: 5em; transition: all 250ms ease-out; margin: 0 0.05em 0.9em; } .button-closed:hover, .list-buttons-closed a:hover, .button-closed-dark:hover, .list-buttons-closed-dark a:hover, .button-open:hover, .list-buttons-open a:hover { background: #444D56; color: white !important; } .button-closed, .list-buttons-closed a { background: #D4DADD; border: none !important; color: var(--il-text-color) !important; } .button-closed-dark, .list-buttons-open .highlight a, .list-buttons-closed-dark a { border: none !important; background: #6e7887; color: white !important; } .button-open, .list-buttons-closed .highlight a, .list-buttons-closed-dark .highlight a, .list-buttons-open a { border: 1px solid #6e7887; border-style: solid !important; color: #6e7887 !important; border-bottom-color: #6e7887 !important; } .button-open:hover, .list-buttons-closed .highlight a:hover, .list-buttons-closed-dark .highlight a:hover, .list-buttons-open a:hover { background: var(--il-text-color); color: white !important; border-color: var(--il-text-color) !important; border-bottom-color: var(--il-text-color) !important; } .button-open, .list-buttons-closed .highlight a, .list-buttons-closed-dark .highlight a, .list-buttons-open a, .button-closed, .list-buttons-closed a, .button-closed-dark, .list-buttons-open .highlight a, .list-buttons-closed-dark a { font-size: 90%; line-height: normal; font-family: var(--il-font-sans); } a.button-closed, a.button-open, a.button-closed-dark { margin-top: 1em; } .list-buttons { margin-top: 2em; width: 100%; clear: both; } .list-buttons li { display: inline-block; } ul { list-style: none; } input[type='submit'] { -webkit-appearance: none; } #site-footer p { margin-bottom: 0; } /* =========================== Search Options ============================ */ #site-search .search-options { display:block; clear:both; margin-top:.25em; float:left; margin-left:.1em; margin-top:.6em; margin-bottom:-1em; } #search-bar .search-options { margin-top:.35em; max-width:880px; margin-left:auto; margin-right:auto; } #site-search .search-options input[type="radio"], #search-bar .search-options input[type="radio"] { display: none; } #site-search .search-options label, #search-bar .search-options label { cursor: pointer; margin-right:1em; transition: color 300ms ease 0s; } #site-search .search-options input[type="radio"] + label:before, #search-bar .search-options input[type="radio"] + label:before { content: '\f10c'; font-family:'FontAwesome' !important; color:#ccc; display: inline-block; font-size: 18px; height: 19px; margin: 0 .18em 0 0; padding:0; vertical-align: top; width: 19px; line-height:1.3; text-align: center; transition: color 300ms ease 0s; } #search-bar .search-options input[type="radio"] + label, #search-bar .search-options input[type="radio"] + label:before { color:#aaa; } #site-search .search-options input[type="radio"] + label:hover:before { color:#eee; } #search-bar .search-options input[type="radio"] + label:hover:before, #search-bar .search-options input[type="radio"] + label:hover { color:#263b54; } #site-search .search-options input[type="radio"]:checked + label { color:#8b9599; } #search-bar .search-options input[type="radio"]:checked + label { color:#263b54; } #site-search .search-options input[type="radio"]:checked + label:before, #search-bar .search-options input[type="radio"]:checked + label:before { color: #ccc; text-align: center; font-family:'FontAwesome'; content:'\f192'; } #search-bar .search-options input[type="radio"]:checked + label:before { color:#263b54; } #site-search .search-options input[type="checkbox"]:checked + label:after { font-weight: bold; } #site-search .search-options input[type="checkbox"]:checked + label:after { font-weight: bold; } /* ===================================== Gadgets ======================================= */ #wt #uofi #ws-pa #edu-il .gadget .blog-recent-posts li { margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid #ddd; } #uofi #ws-pa #edu-il .gadget .blog-recent-posts img { width:80px; left:0; top:0; } #uofi #ws-pa #edu-il .gadget .blog-recent-posts a { font-size:.85em; font-weight:550; display:block; } #uofi #ws-pa #edu-il .gadget .blog-recent-posts li { line-height:1.5em; } #custom #wt #uofi #ws-pa #edu-il #content-and-sidebar #ws-content.gadgets-right + #ws-sidebar .gadget-container { margin-left:0; } /* ===================================== Additional Items ====================================== */ .external-link:after, .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view h3.blog-post-title:after { margin-left:4px; font-family:FontAwesome; content:'\f08e'; font-size:90%; text-decoration:none !important; } .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view h3.blog-post-title:after, .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view h3.blog-post-title:hover:after { text-decoration:none !important; font-size:56%; margin-left:.7em; } .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view h3.blog-post-title:hover:after { color:#ff6600; } .illinois-in-the-news #uofi #ws-pa #edu-il .quick-share li { margin-left:7px; } .illinois-in-the-news #uofi #ws-pa #edu-il .quick-share span { margin-right:5px;} #back-to-illinois { color:#fff; float:left; padding-right:1.5em; border-right:1px solid #FC8B40; } #back-to-illinois a { transition: color 300ms ease 0s; color:#fff; font-family:"Montserrat",sans-serif; font-size:74%; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; line-height:36px; display:block; } #back-to-illinois a:hover { color:#3e4147; transition: color 300ms ease 0s; } @media (min-width: 961px) and (max-width: 1080px) { #nav-global-menu .submenu-trigger { font-size: 105%; padding: 0.5em 1.25em 0; } .caption, .nav-publication a, .section-nav a, .nav-publication-header, #back-to-illinois a { font-size: 68%; } } /* ===================================== I-Mark Fix ======================================= */ #i-mark-header img {width:auto;} /* ===================================== Banner Areas ====================================== */ #brand-image.no-display { position:absolute; height:0; margin-top:-9999px; } #brand-image.show { position:relative; height:252px; margin-top:0; } #brand-image { max-height:252px; display:block; width:100%; overflow:hidden; } #brand-image img { margin-top:-20%; width:100%; } /* ============================== Search Results Index =============================== */ #blog-wrapper.results-view .img-and-caption { width:150px; float:left; margin-right:20px; } #uofi #ws-pa #edu-il #blog-results-view .blog-post-category { clear:none; float:left; display:block; } #wt #uofi #ws-pa #edu-il .results-view h1.blog-post-title, .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view h3.blog-post-title { font-family:var(--il-source-sans), sans-serif; font-size:1.85em; font-weight:300; line-height:1.4; margin-top:1.3em; display:block; } .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view h3.blog-post-title { text-transform:capitalize; margin-top:0; margin-bottom:.2em; } #wt #uofi #ws-pa #edu-il #blog-results-view .blog-post-category a { margin-top:0; font-size:.65em; padding:.5em .8em; line-height:1.1; letter-spacing:.05em; border-radius: 11px; -moz-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } #wt #uofi #ws-pa #edu-il #blog-results-view .blog-post-meta { position:absolute; top:0; right:0; } #wt #uofi #ws-pa #edu-il #blog-wrapper.results-view .blog-post-meta span, .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view .blog-post-meta .blog-post-date, .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view .quick-share span, .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view .blog-post-author { color: #4b4f54; font-family: var(--il-font-sans),sans-serif !important; font-weight:400; } .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view .quick-share span, .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view .blog-post-author { font-weight:600; } .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view .blog-post-meta .blog-post-author { float:left; width:50%; margin-right:0; clear:none; } .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view .blog-post-meta .blog-post-date { float:right; width:50%; text-align:right; clear:none; margin-right:0; } .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view .blog-post-author a { color:#ff552e; } .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view .quick-share { margin-top:1.5em; } .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view .blog-post-meta { margin-bottom:1.5em; } #wt #uofi #ws-pa #edu-il #blog-results-view .blog-categories a:hover, #wt #uofi #ws-pa #edu-il #blog-results-view .blog-post-category a:hover, #wt #uofi #ws-pa #edu-il #blog-results-view .blog-categories a:focus:hover, #wt #uofi #ws-pa #edu-il #blog-results-view .blog-categories a:active:hover, #wt #uofi #ws-pa #edu-il #ws-content #blog-results-view .blog-post-category a:active:hover, #wt #uofi #ws-pa #edu-il #ws-content #blog-results-view .blog-post-category a:focus:hover { background-color:#ff552e !important; border: 1px solid #ff552e !important; } #wt #uofi #ws-pa #edu-il #blog-wrapper.results-view h1.blog-post-title a, .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view h3.blog-post-title a { color:#263b54; -moz-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } #wt #uofi #ws-pa #edu-il #blog-wrapper.results-view h1.blog-post-title a:hover, .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view h3.blog-post-title a:hover { color:#ff552e; text-decoration:underline; } #uofi #ws-pa #edu-il .results-view .thumb-left-wrap .img-and-caption { margin:0 1.3em .8em 0; width:200px !important; } #wt #uofi #ws-pa #edu-il #ws-content #blog-results-view .blog-post-entry-1col, .illinois-in-the-news #uofi #ws-pa #edu-il #blog-home-view .blog-post { border-bottom: 1px solid #dadad9; padding-bottom:2.7em; margin-bottom:2.7em; } #wt #uofi #ws-pa #edu-il #blog-wrapper.results-view aside#ws-sidebar { display:none; } #uofi #ws-pa #edu-il #blog-wrapper.results-view #content-and-sidebar #ws-content, .illinois-in-the-news #uofi #ws-pa #edu-il #blog-wrapper #content-full-width #ws-content { max-width:700px; display:block; margin:auto; width:100%; float:none; margin-top:12px; } .illinois-in-the-news #uofi #ws-pa #edu-il #blog-wrapper #content-full-width #ws-content { margin-bottom:3em; } /* ============================= Search Results Index II =============================== */ #wt #uofi #ws-pa #edu-il #blog-wrapper.results-view { background-color:#fff; } #uofi #ws-pa #edu-il #blog-wrapper.results-view #content-and-sidebar #ws-content { max-width:1100px; } #wt #uofi #ws-pa #edu-il #blog-results-view .blog-post { background-color:#fff; border:1px solid #707070; border-bottom: 3px solid var(--il-orange); height:450px; margin:2.5%; float:left; overflow:hidden; position:relative; width:28.3%; } #wt #uofi #ws-pa #edu-il #ws-content #blog-results-view .blog-post-entry-1col { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; position: relative; height:100%; } #uofi #ws-pa #edu-il .results-view .thumb-left-wrap .img-and-caption { margin:0 0 30px; width:100% !important; max-height:167px; overflow:hidden; } #uofi #ws-pa #edu-il #blog-results-view .blog-post-entry-1col { margin-top:0; } #uofi #ws-pa #edu-il #blog-results-view .blog-post-category { display:block; position:absolute; right:-5px; top:0px; z-index:10; } #wt #uofi #ws-pa #edu-il .results-view h1.blog-post-title { font-family:var(--il-source-sans), sans-serif; font-size:1.5em; font-weight:300; line-height:1.4; margin-top:2em; margin-bottom:0.5em; display:block; padding:0 9%; } #wt #uofi #ws-pa #edu-il .results-view .blog-post-summary { float:left; clear:both; margin:0 8%; overflow:hidden; position: relative; } #wt #uofi #ws-pa #edu-il .results-view .blog-post-entry .blog-post-summary p { font-size:15px; color:#1B1B1B; } #wt #uofi #ws-pa #edu-il .results-view .blog-post:after { background: url("/webservices/images/elipses-gradient-vertical-70.png") repeat-x; bottom: 0; content: ""; height: 60px; position: absolute; right: 0; width: 100%; } #wt #uofi #ws-pa #edu-il #blog-results-view .blog-post-meta { position: absolute; top: 315px; z-index: 200; width:100%; } #wt #uofi #ws-pa #edu-il #blog-results-view .blog-post-meta .blog-post-date { display:block; width:100%; text-align:right; padding-right:8%; padding-left:8%; } #wt #uofi #ws-pa #edu-il #blog-results-view .blog-post-category a { margin-top:0; font-size:.65em; padding:.5em .8em; line-height:1.1; letter-spacing:.05em; border-radius: 0; -moz-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; color:#fff; border:0; background-color:#39414E; margin: 0px 3px 3px 0; float:right; } #wt #uofi #ws-pa #edu-il #blog-results-view .blog-post-category a:hover { border:0 !important; background-color:#ff6600; } #wt #uofi #ws-pa #edu-il #blog-results-view:after { content:''; display:table; clear:both; } #custom #uofi #ws-pa #edu-il .paging-menu-bottom { padding: 0 2%; } @media (max-width: 930px) { #wt #uofi #ws-pa #edu-il #ws-content #blog-results-view .blog-post-entry-1col { font-size:90%; } } @media (max-width: 750px) { #wt #uofi #ws-pa #edu-il #blog-results-view .blog-post { width:44%; } #wt #uofi #ws-pa #edu-il #ws-content #blog-results-view .blog-post-entry-1col { font-size:100%; } #uofi #ws-pa #edu-il .bp-image-left .bp-embedded-image-thumb, #uofi #ws-pa #edu-il .bp-image-left .bp-embedded-image-large, #uofi #ws-pa #edu-il .bp-embedded-image-thumb.bp-image-left, #uofi #ws-pa #edu-il .bp-embedded-image-large.bp-image-left { /*margin-right:1.5em !important; */ margin-right:20px !important; } } @media (max-width: 600px) { #wt #uofi #ws-pa #edu-il #ws-content #blog-results-view .blog-post-entry-1col { font-size:90%; } #wt #uofi #ws-pa #edu-il .results-view .blog-post-summary { display:none !important; } #wt #uofi #ws-pa #edu-il #blog-results-view .blog-post { height:324px; } #brand-image.show { height:auto; } #brand-image img { display:block; } #uofi #ws-pa #edu-il #blog-wrapper.results-view #content-and-sidebar #ws-content { max-width:700px; display:block; margin:auto; width:100%; float:none; margin-top:1.5em; } #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta > .blog-post-category { display:none !important; } .blog-post .blog-post-title { font-size:24px !important; } #wt #uofi #ws-pa #edu-il #content-full-width-nb { margin-top:48px !important; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta span { border: 0 !important; } #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-article-share.top { margin-bottom:30px !important; } } @media (max-width: 480px) { #wt #uofi #ws-pa #edu-il #ws-content #blog-results-view .blog-post-entry-1col { font-size:80%; } #wt #uofi #ws-pa #edu-il #content-full-width-nb { margin-top: 80px; } } /* ============================ */ /* ============================ */ .callout-section { border-bottom:1px solid #dadad9; overflow:hidden; background-color:#f4f4f2; padding-left:5%; padding-right:5%; } .callout-section .content-label { border: 2px solid #263b54; color: #263b54; margin-bottom: 2.5em; margin-left: 0; display: block; float: left; font-family: "Montserrat",sans-serif; font-size: 0.8em; font-weight: 400; margin-bottom: 0; margin-left: 0; margin-top: 70px; padding: 6px 10px; text-transform: uppercase; } .callout-statement { color: #263b54; max-width:880px; margin:auto; font-family: 'ff-meta-serif-web-pro', Georgia,serif; font-size: 2em; line-height: 1.6 !important; padding-top:1em; } a.action-large, #cse-search-box input[type="submit"] { color: #263b54; font-family:"proxima-nova-alt",sans-serif !important; float: left; display: block; position: relative; transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); left: 50%; margin-top: 3em; margin-bottom: 4.3em; border-radius: 3em; padding: 0.3em 1em; font-size:1em; border:1px solid #263b54; -moz-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } a.action-large:hover, #cse-search-box input[type="submit"]:hover { background-color: #ff6600; border-color: #ff6600; color: #fff; } #search-bar h2.content-label { color: #263b54; font-family: font-family: var(--il-font-sans),serif; font-size: 1.5em; line-height: 1.6 !important; margin: 3.25em auto .25em auto; max-width: 880px; text-transform:none; padding:0; border:0; } #cse-search-box input[type="text"] { background-color: #fff; border: 1px solid #ccc; border-radius: 0; box-shadow: none; font-family: var(--il-font-sans),sans-serif; padding: 8px; width:100%; max-width: 880px; margin: 0em auto 0 auto; display:block; } #cse-search-box input[type="text"]:focus { background-color: #fff; border: 1px solid #aaa; box-shadow: none; } #page-template a.action-large { left:auto !important; transform:none !important; -moz-transform:none !important; -webkit-transform:none !important; } .action-group { max-width:880px; margin:auto; } .action-group li a { margin-right:.6em;} #uofi #ws-pa #edu-il .search-results-menu > span:before { display:none; } #uofi #ws-pa #edu-il .search-results-menu span span:after { content:' | All Articles'; } #uofi #ws-pa #edu-il .search-results-menu span#all-results:after { content:''; } #wt #uofi #ws-pa #edu-il .search-results-menu span { color:#6e7887; font-weight:400; font-size:135%; } #custom #wt #uofi #ws-pa #edu-il .search-results-menu { padding: 0 0 .4em; border-bottom:solid 1px #ccc; display:block; margin-bottom:2.5em; height:auto; line-height:none; display:none; } #wt #uofi #ws-pa #edu-il .search-results-menu .sort-options { min-width:0; } #wt #uofi #ws-pa #edu-il .search-results-menu li, #wt #uofi #ws-pa #edu-il .search-results-menu .sort-options span { line-height:42px; } #wt #uofi #ws-pa #edu-il .search-results-menu li a { font-size:100%; } #wt #uofi #ws-pa #edu-il .blog-post-entry .blog-post-summary p { color: var(--il-text-color); font-family: var(--il-font-sans), serif !important; font-size: 1.2em; font-weight:400; line-height: 1.5 !important; } /* ===================================== Editor's Notes ====================================== */ #blog-article-view .editors-notes { font-size:1.1em; border-bottom: 1px solid #dadad9; border-top:1px solid #dadad9; margin-top:1.5em; padding-top:1.0em; padding-bottom:1.0em; } #uofi #ws-pa #edu-il .editors-notes p { font-family: font-family: var(--il-font-sans),serif; font-weight:400; font-size:16px; color:#555; } #uofi #ws-pa #edu-il #blog-article-view .blog-posts-wrapper .blog-post hr { margin-bottom:30px; margin-top:20px; border: 0; height: 0; border-top: 1px solid #dadad9; } #wt #uofi #ws-pa #edu-il #blog-article-view-nb ul.blog-posts-wrapper { margin-bottom:0; !important; padding-left: 12px; } /* ===================================== Dreamweaver Template Styles ====================================== */ #page-template #content-main { max-width: 700px; margin: 3.5em auto 3.5em; font-size: 110%; } #page-template #content-main a { color: #ff6600; } #page-template #content-main .divider { margin-bottom: 3em; overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 1.5em; } #page-template #content-main h3 { color: #263b54; font-family: var(--il-font-sans); font-size: 0.95em !important; font-weight: 300; margin-bottom: 1.7em; } #page-template #content-main h4 { color: var(--il-text-color); font-weight: 300; font-family: var(--il-font-sans); margin-bottom: 1.6em; } #page-template #content-main p, #page-template #content-main ul li { color: var(--il-text-color); font-family: font-family: var(--il-font-sans), Georgia, serif !important; line-height: 1.6 !important; margin-bottom: 1.6em } #page-template #content-main ul li { margin-bottom: .4em; padding-left: .6em; margin-left: 1em; list-style-type: disc; } #page-template #content-main ul { margin-bottom: 1.6em; } #page-template #content-main table { margin-bottom: 3em; } #page-template #content-main table { color: var(--il-text-color); font-weight: 400; font-family: var(--il-font-sans); font-size: .8em; border-spacing: 0; border-collapse: collapse; padding: 0; width: 100%; border-collapse: collapse; table-layout: fixed; } #page-template #content-main table td { border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-top: 1px solid #ffffff; padding: 10px; vertical-align: bottom; } #page-template #content-main table th { background-color: var(--il-text-color); border-bottom: 1px solid var(--il-text-color); border-top: 1px solid var(--il-text-color); color: #fff; padding: 5px 10px; } #page-template #content-main table tr > td, #page-template #content-main table td:first-child, #page-template #content-main table th:first-child { border-left: 1px solid #b6b6b2; } #page-template #content-main table tr td:last-child { border-right: 1px solid #b6b6b2; } #page-template #content-main table tr:last-child td { border-bottom: 1px solid #b6b6b2; } #page-template #content-main table tr:nth-child(2n) { background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #f8f8f8, #f6f6f6) repeat scroll 0 0; } #page-template #content-main .img-left-large { width: 460px; float: left; margin-right: 1em; border: 1px solid #aaa; margin-bottom: 3em; } .cd-top { visibility:hidden; opacity:0; position:fixed; right:30px; bottom:50px; padding:0.8em 1.5em 0.7em; background:#444d56; -moz-transition: opacity 300ms ease 0s; -webkit-transition: opacity 300ms ease 0s; transition: opacity 300ms ease 0s; z-index:999; } .cd-is-visible { visibility:visible; opacity:.7; border-radius:5px; } .cd-is-visible:hover { opacity:.7; } .cd-top:after { content:'\f0d8'; color:#fff; font-family:FontAwesome; font-size:1.45em;} .cd-fade-out { opacity:.5; } /* ===================================== Google Search Results ====================================== */ #search-news-results .gcsc-branding, #search-news-results .gsc-above-wrapper-area, #search-news-results td.gsc-thumbnail, #search-news-results td.gsc-table-cell-thumbnail, #search-news-results .gsc-url-top { display:none; } #search-news-results .gsc-url-bottom { display:block; padding-top:.6em; font-size:1.1em; } #search-news-results .cse .gsc-control-cse, #search-news-results .gsc-control-cse { padding: 0em; } #search-news-results .gs-result a.gs-visibleUrl, #search-news-results .gs-result .gs-visibleUrl { padding-bottom:0;} #search-news-results a * #search-news-results .gsc-control-cse .gs-spelling, #search-news-results .gsc-control-cse .gs-result .gs-title, #search-news-results .gsc-control-cse .gs-result .gs-title *, #search-news-results .gsc-control-cse, #search-news-results .gsc-control-cse .gsc-table-result { font-size:14px; } #search-news-results .gsc-control-cse .gsc-cursor{ font-size:20px; } .gsc-cursor-page{ margin-right: 12px !important; } #search-news-results .gs-webResult.gs-result a.gs-title:link, #search-news-results .gs-webResult.gs-result a.gs-title:link b, #search-news-results .gs-imageResult a.gs-title:link, #search-news-results .gs-imageResult a.gs-title:link b, #search-news-results a * { font-size:inherit; font-family:inherit; color: inherit; } #search-news-results .gs-webResult.gs-result a.gs-title:link b, #search-news-results .gs-imageResult a.gs-title:link b { color:#263b54; background:#E5E9EC none repeat scroll 0 0; } #search-news-results .gs-result .gs-title, #search-news-results .gs-result .gs-title * { text-decoration:none !important; } #search-news-results { max-width:1100px; display:block; margin:auto; width:100%; float:none; padding-left:4%; padding-right:4%; } .gsc-result { padding:0 !important; } .gs-result { border-bottom: 0; margin-bottom: 8px; padding-bottom: 2.3em; padding-top:0 !important; height:auto !important; } .gsc-thumbnail-inside, .gsc-url-top { margin:0 !important; padding:0 !important; } .gs-title { margin-top: 0 !important; height:auto !important; } .gsc-result .gs-title { height:auto !important; margin-top:0 !important; } a.gs-title { display: block; font-family: var(--il-source-sans), sans-serif !important; font-size: 1.25em !important; font-weight: 600 !important; line-height: 1.4 !important; margin-top: 1.3em !important; color: var(--il-link-color) !important; transition: all 300ms ease 0s; padding-bottom:.3em !important; } #search-news-results .gs-result .gs-title a:hover { text-decoration:underline !important; color:#263b54 !important; } #search-news-results .gsc-url-top, #search-news-results .gsc-url-bottom, #search-news-results .gs-webResult div.gs-visibleUrl, #search-news-results .gs-imageResult div.gs-visibleUrl { color:#96a8b2; } table.gsc-table-result {} .gs-image-box {} #search-news-results .gsc-table-cell-snippet-close, #search-news-results .gs-bidi-start-align.gs-snippet, #search-news-results .gs-webResult.gs-snippet, #search-news-results .gs-imageResult.gs-snippet, #search-news-results .gs-fileFormatType, #search-news-results .gs-bidi-start-align.gs-snippet { color: #4b4f54 !important; font-family: var(--il-font-sans),font-family: var(--il-font-sans),serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; } #search-news-results .gs-web-image-box-landscape img.gs-image { max-width:100%; max-height:100%; } #search-news-results .gs-image-box.gs-web-image-box.gs-web-image-box-landscape { width:150px; margin: 0 1.3em 0.8em 0; } #search-news-results .gs-image-box.gs-web-image-box.gs-web-image-box-portrait { margin: 0 1.3em 0.8em 0; } #search-news-results .gsc-cursor-box { margin:0 0 3em 0; } #search-news-results .gsc-cursor-page { font-family:'ff-meta-serif-web-pro',Georgia,serif; color:#878f99; } #search-news-results .gsc-cursor-page.gsc-cursor-current-page { color: #ff552e; } #search-news-results .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { text-decoration:none; } /* ============================ Footer Closing Actions ============================= */ .nb-twitter:before { content: '\f099'; font-family: 'FontAwesome'; color: #fff; padding-right: 10px; } .nb-rss:before { content: '\f09e'; font-family: 'FontAwesome'; color: #fff; padding-right: 10px; font-size: .92em; } .closing.engage { background-color: #131C2D; margin-top: 2.2em; overflow: hidden; } .closing.engage .social-info { float:right; } footer[role="contentinfo"] { padding-bottom: 0; } .closing.engage a { color: #fff; font-size: .92em; padding-top: 1.5em; padding-bottom: 1.3em; padding-left: 1em; padding-right: 1em; float: left; display: block; -moz-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .closing.engage a:hover { background-color: #6E7887; } .closing.engage h2.footer-header { color:#6a7277; padding-top: 1.5em; padding-bottom: 1.3em; padding-left: 0; padding-right: 1em; float: left; margin-bottom:0; } /* ========================================== Blog Article Responsiveness =========================================== */ @media (max-width: 970px) { #uofi #ws-pa #edu-il #content-and-sidebar #ws-content, #uofi #ws-pa #edu-il #content-full-width #ws-content { width: 100% !important; } /* ================================ Article Body ================================= */ #wt #uofi #ws-pa #edu-il .bp-embedded-image-large.bp-image-float-left { margin-bottom:2em !important; } #wt #uofi #ws-pa #edu-il #blog-wrapper { padding-left:0 !important; padding-right:0 !important; } #wt #uofi #ws-pa #edu-il #content-and-sidebar #ws-content { max-width:100%; } #wt #uofi #ws-pa #edu-il #content-and-sidebar .blog-post-info ul li, #wt #uofi #ws-pa #edu-il #content-and-sidebar .blog-post-info p { font-size:110%; } #wt #uofi #ws-pa #edu-il .bp-embedded-image-large figcaption p { font-size:90%; } #wt #uofi #ws-pa #edu-il #blog-wrapper.article-view #content-and-sidebar { float:none; } #wt #uofi #ws-pa #edu-il #content-and-sidebar #ws-content, #wt #uofi #ws-pa #edu-il #content-full-width #ws-content { /* background-color: transparent; background-image: none; clear: both; */ display: block; float: none; margin: 0 auto 30px; width: 100%; padding: 0; position: relative; } #wt #uofi #ws-pa #edu-il #content-and-sidebar #ws-sidebar { float:none; } #wt #uofi #ws-pa #edu-il #content-and-sidebar #ws-sidebar { width:65%; float:none; display:block; margin:auto; margin-bottom:50px; } #wt #uofi #ws-pa #edu-il .blog-recent-posts li { float:left; display:block; clear:none; width:48.5%; } #wt #uofi #ws-pa #edu-il .gadget .blog-recent-posts li { border:0; padding-bottom:0; } #wt #uofi #ws-pa #edu-il .blog-recent-posts li:nth-child(odd) { margin-right:1.5%; clear:left; } #wt #uofi #ws-pa #edu-il .blog-recent-posts li:nth-child(even) { margin-left:1.5%; } #wt #uofi #ws-pa #edu-il .gadget .blog-recent-posts img { width:100%; margin-bottom:10px; } #wt #uofi #ws-pa #edu-il #ws-sidebar .gadget .blog-profile span, #wt #uofi #ws-pa #edu-il #ws-sidebar .gadget .featured-ad img, #wt #uofi #ws-pa #edu-il #ws-sidebar .gadget .featured-ad { float:none; margin-left:auto; margin-right:auto; width:300px; } /* ================================ Article Header ================================= */ #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta > .blog-post-category { position:absolute; top:-5em; display:block; } #wt #uofi #ws-pa #edu-il #content-full-width-nb { margin-top:5.3em; } #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta span.blog-post-date, #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta span.blog-post-author { display:inline !important; float:none !important; } #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta span {border:0;} #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta span.blog-post-date { border-right: 1px solid #e0e0e0;} #wt #blog-article-view-nb .bp-embedded-image-large figure { padding-right:0; } #wt #uofi #ws-pa #edu-il .bp-embedded-image-large.bp-image-float-left figcaption { position:relative; width:100%; right:auto; margin:auto; padding-top:8px; float:none; display:block; clear:both; } #wt #blog-article-view-nb .bp-embedded-image-large figure { width:100%; float:none; margin:auto; } #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-title { float: none; padding: 0 0% 0.25em 0 !important; text-align: left !important; width: 100%; } #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta, #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-article-share.top { float: none; margin: auto; width: 100% !important; } #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-article-share.top { display:block; margin-bottom:2.5em; } #wt #uofi #ws-pa #edu-il .bp-embedded-image-large figcaption p { margin-bottom:1em; } #wt #uofi #ws-pa #edu-il #blog-post-gallery { margin-top:-1.5em !important;} /* #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta span, #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta span { display:inline !important; float:none; } */ } @media (max-width: 850px) { #wt #uofi #ws-pa #edu-il #content-and-sidebar #ws-content, #wt #uofi #ws-pa #edu-il #content-full-width #ws-content, #wt #uofi #ws-pa #edu-il #content-and-sidebar #ws-sidebar, #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-title, #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta, #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-article-share.top, #wt #uofi #ws-pa #edu-il .bp-embedded-image-large.bp-image-float-left figcaption, #wt #blog-article-view-nb .bp-embedded-image-large figure { width: 100% !important; } #wt #uofi #ws-pa #edu-il #blog-post-gallery { margin-top:-1.5em !important;} .gadget-container{ margin: 0 30px !important; } } @media (max-width: 640px) { #wt #uofi #ws-pa #edu-il #blog-post-gallery { margin-top:-1.5em !important;} .closing.engage h2.footer-header { display:none; } } @media (max-width: 520px) { #site-search .search-options input[type="radio"] + label::before, #search-bar .search-options input[type="radio"] + label::before { font-size:15px;} #search-bar h2.content-label { margin:1.8em auto 0.25em; } a.action-large, #cse-search-box input[type="submit"] { margin-bottom:2.3em; margin-top:1.5em; } .callout-section .content-label { margin-top:35px; } } .ad-desktop { display:block; } .ad-mobile { display:none; } @media (max-width: 640px) { .ad-desktop { display:none;} .ad-mobile { display:block !important; } } #uofi #ws-pa #edu-il #blog-results-view .blog-post-title{ margin: 0 8%; margin-bottom:8px; margin-top:36px; font-size: 18px; text-transform:none !important; letter-spacing: inherit; } /* JRW - nb-additions.css */ .nb-content{ max-width: 1100px; margin: 56px auto 40px auto; } @media screen and (max-width: 1100px) { .nb-content{ padding: 0; } #wt #uofi #ws-pa #edu-il #content-and-sidebar #ws-sidebar { width:30%; } } #uofi #ws-pa #edu-il .search-results-menu li a, #uofi #ws-pa #edu-il .search-results-menu span { color: #6e7887 !important; } #uofi #ws-pa #edu-il .search-results-menu span { font-family: var(--il-source-sans), sans-serif !important; } #uofi #ws-pa #edu-il .search-results-menu span strong { color: #fa6300; } #uofi #ws-pa #edu-il .search-results-menu li:last-child { display: none; } /* #uofi #ws-pa #edu-il #blog-results-view .blog-posts-wrapper .blog-post, #uofi #ws-pa #edu-il #blog-home-view .blog-posts-wrapper .blog-post { font-size: 100% !important; } */ /* #uofi #ws-pa #edu-il #blog-results-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-title, #uofi #ws-pa #edu-il #blog-home-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-title { font-size: 105% !important; margin: 0; padding: 0 25px; } */ @media (max-width: 770px) { /* #uofi #ws-pa #edu-il #blog-results-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-title, #uofi #ws-pa #edu-il #blog-home-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-title { font-size: 95% !important; } */} @media (max-width: 520px) { /* #uofi #ws-pa #edu-il #blog-results-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-title, #uofi #ws-pa #edu-il #blog-home-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-title { font-size: 80% !important; line-height: 1.4 !important; padding: 0 7.5px; } */ } /* #uofi #ws-pa #edu-il #blog-results-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-meta span, #uofi #ws-pa #edu-il #blog-home-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-meta span { font-family: var(--il-source-sans), sans-serif; margin-bottom: 20em; padding: 25px; } */ @media (max-width: 520px) { /* #uofi #ws-pa #edu-il #blog-results-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-meta span, #uofi #ws-pa #edu-il #blog-home-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-meta span { padding: 7.5px; } */ } #uofi #ws-pa #edu-il #blog-results-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-meta span.blog-post-views, #uofi #ws-pa #edu-il #blog-home-view .blog-posts-wrapper .blog-post > .blog-post-entry .blog-post-meta span.blog-post-views { display: none; } /* #uofi #ws-pa #edu-il #blog-results-view .blog-posts-wrapper .blog-post > .blog-post-entry .img-and-caption, #uofi #ws-pa #edu-il #blog-home-view .blog-posts-wrapper .blog-post > .blog-post-entry .img-and-caption { margin-bottom: 0.75em !important; width: 100% !important; } */ #uofi #ws-pa #edu-il .blog-post-footer { margin: auto auto 1.5em; padding: 0 !important; width: 100%; } #uofi #ws-pa #edu-il .blog-closing-section { background: none repeat scroll 0 0 #f4f4f2; } #uofi #ws-pa #edu-il .blog-closing-section li a { color: #6e7887 !important; font-family: var(--il-source-sans), sans-serif !important; } #uofi #ws-pa #edu-il .blog-features { padding: 0.2em 0 !important; } #uofi #ws-pa #edu-il .gadget { margin: 0 !important; } #uofi #ws-pa #edu-il .blog-gadget.blog-recent-posts { margin: 0 0 50px !important; } #uofi #ws-pa #edu-il #content-full-width .gadget-container { font-size: 100% !important; height: 70px; margin: 0 auto !important; padding: 1.3em 4% 0; text-align: center !important; width: auto !important; } @media (min-width: 961px) and (max-width: 1080px) { #uofi #ws-pa #edu-il #content-full-width .gadget-container { font-size: 96% !important; padding-left: 1%; padding-top: 0.9em; text-align: left !important; } } @media (max-width: 960px) { #uofi #ws-pa #edu-il #content-full-width .gadget-container { padding-left: 1%; padding-top: 0.9em; text-align: left !important; } } #uofi #ws-pa #edu-il #content-full-width .gadget-container .blog-categories { margin: auto; width: 100%; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .blog-categories ul { display: block; margin: 0 !important; width: 100% !important; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .blog-categories ul li { display: inline-block; font-size: 100% !important; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .blog-categories ul li.all-news a { color: var(--il-text-color) !important; font-weight: 700 !important; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .blog-categories ul li a { background-color: transparent !important; border: medium none transparent !important; border-radius: 0 !important; color: #6e7887 !important; display: inline-block; font-family: var(--il-source-sans), sans-serif !important; font-size: 80% !important; font-weight: 600; line-height: 1.6 !important; margin: 0 !important; padding: 0 1.25em; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .blog-categories ul li a:hover { background-color: transparent !important; border-radius: 0 !important; color: #fa6300 !important; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .gadget-header { border: medium none; color: #6e7887; display: none !important; float: left; font-family: var(--il-source-sans), sans-serif !important; font-size: 75% !important; font-weight: 400; letter-spacing: 0; line-height: normal; margin: 0 !important; padding: 0 !important; text-align: left; width: auto !important; } #uofi #ws-pa #edu-il #content-full-width .gadget-container .gadget-header:before { content: "Browse News "; } #uofi #ws-pa #edu-il .blog-post-footer, #uofi #ws-pa #edu-il .paging-menu-top a, #uofi #ws-pa #edu-il .search-results-menu, #uofi #ws-pa #edu-il .blog-features { background-color: transparent !important; } #uofi #ws-pa #edu-il .article-view #content-full-width #ws-content { max-width: 1100px !important; margin:auto; } #wt #uofi #ws-pa #edu-il #blog-article-view .blog-post { padding: 0 !important; } #contDiv { position: relative; } #custom #wt #uofi #ws-pa #edu-il #blog-header { background: none repeat scroll 0 0 #f4f4f2; height: 70px; position: absolute; top: -70px; width: 100%; z-index: 1000; } #blog-wrapper #blog-header #blog-level-menu { padding: 0 4% !important; } #blog-wrapper #blog-header #blog-level-menu li { display: inline-block !important; float: none !important; } #blog-wrapper #blog-header #blog-level-menu .nav-menu { display: none !important; } #blog-wrapper #blog-header #blog-level-menu li a { border-color: #6e7887 !important; color: #6e7887 !important; display: block; font-family: var(--il-source-sans), sans-serif !important; font-size: 100% !important; margin: auto; } #blog-wrapper #blog-header #blog-level-menu li a:hover { border-color: #6e7887 !important; color: #6e7887 !important; font-family: var(--il-source-sans), sans-serif !important; font-size: 100% !important; } #uofi #ws-pa #edu-il li#search-bar { background: none repeat scroll 0 0 #f4f4f2 !important; border-left: 1px solid #dadad9; height: 70px; padding-left: 1% !important; padding-right: 1% !important; padding-top: 19.4444px !important; position: absolute; right: 0; top: 70px; } #uofi #ws-pa #edu-il #blog-article-view .blog-posts-wrapper .blog-post, #uofi #ws-pa #edu-il #blog-article-view-nb .blog-posts-wrapper .blog-post { font-size: 100% !important; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-title { line-height: 1.4; padding: 0 8% .45em 0 !important; font-family: var(--il-source-sans), sans-serif !important; margin: 0 auto !important; text-align: left !important; color: var(--il-text-color) !important; font-family: var(--il-source-sans), sans-serif !important; max-width:1100px; } #uofi #ws-pa #edu-il .blog-post-date { color: var(--il-text-color) !important; } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info { margin-bottom: 0em; padding: 0 !important; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta, #uofi #ws-pa #edu-il #blog-article-view-nb .blog-article-share.top { border-top: 0px solid #dadad9; font-size: 100% !important; overflow: hidden !important; padding: 0 !important; text-align: left !important; width: 100% !important; max-width:1100px; margin:auto; float:right; clear:left; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-article-share.top { margin-bottom:2.2em; } #uofi #ws-pa #edu-il #blog-article-view .blog-article-share.bottom { margin-top:40px; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-article-share li { width:50px; } #wt #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta span:first-child { padding-left:0 !important; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta span { border-right: 1px solid #e0e0e0; clear: none !important; display: block !important; float: left; font-family: var(--il-source-sans), sans-serif !important; font-size: 65% !important; line-height: normal !important; margin: 0 !important; padding: 1em !important; width: auto !important; letter-spacing: 0.06em; } #uofi #ws-pa #edu-il .blog-post-meta span { font-family: var(--il-source-sans), sans-serif !important; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta > span > a { border: medium none; /* padding-top: 0.1em !important; */ } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta > .blog-post-category { border-right: medium none; display: block; padding-top: 0 !important; font-size:60% !important; padding-left:0 !important; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta > .blog-post-author { margin-right:1em !important; } #wt #uofi #ws-pa #edu-il #blog-article-view .blog-post-info .bp-embedded-image figcaption p { color:var(--il-text-color); } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta > .blog-post-category a { display: block !important; font-size: 100% !important; /* letter-spacing: 0.08em; */ margin: 0 !important; text-transform: uppercase; margin-top: 1em; } #wt #blog-post-gallery { margin-bottom:2.3em !important; margin-top:-58px !important; border-top:0; float:left; overflow:hidden; clear:left; } #wt #blog-post-gallery li#gallery-more a { height:60px; line-height:60px; } /*#wt #blog-post-gallery li:first-child:before { content:'This article, in images:'; width:90px; height:60px; font-size:12px; line-height:1.3em; margin-right:10px; color:#333; float:left; } */ #blog-post-gallery.gallery-off { position:absolute; top:-9999px; } #blog-post-gallery.one-image { position:absolute; top:-9999px; } #blog-post-gallery, #uofi #ws-pa #edu-il .bp-embedded-image figcaption .bp-image-credit { border-top-color: #dadad9 !important; } #blog-post-gallery.one-image { position:absolute; top:-9999px; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta { /* margin-bottom:2.2em !important; */ margin-bottom:.8em !important; } #blog-article-view .bp-embedded-image-large { margin-bottom: 2.5em !important; } #blog-article-view .bp-embedded-image-large figure, #blog-article-view .bp-embedded-image-thumb figure {position:relative; overflow:hidden;} #blog-article-view .bp-embedded-image-thumb figure a:after { -moz-transition: all 250ms ease-out 0s; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; content:'\f065'; bottom:0; right:0; position:absolute; font-size:.85em; padding:.36em 1em; line-height:2em; background-color:#FA6300; color:#fff; display:block; font-family:'FontAwesome'; -moz-opacity:0; -webkit-opacity:0; opacity:0; } #blog-article-view .bp-embedded-image-thumb figure a:hover:after { -moz-opacity:1; -webkit-opacity:1; opacity:1; } #blog-article-view .bp-embedded-image-large figure a:hover:after, #blog-article-view-nb .bp-embedded-image-large figure a:hover:after { -moz-opacity:1; -webkit-opacity:1; opacity:1; } #blog-article-view .bp-embedded-image-large figure a:after, #blog-article-view-nb .bp-embedded-image-large figure a:after { -moz-transition: all 250ms ease-out 0s; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; content:'\f065'; bottom:0; right:0; position:absolute; font-size:1.05em; padding:.36em 1em; line-height:2em; background-color:#FA6300; color:#fff; display:block; font-family:'FontAwesome'; -moz-opacity:0; -webkit-opacity:0; opacity:0; } #blog-article-view .bp-embedded-image-large figcaption p, #blog-article-view-nb .bp-embedded-image-large figcaption p { color: var(--il-text-color) !important; font-family: var(--il-source-sans) !important; font-weight:500; font-style:italic; } #blog-article-view-nb .bp-embedded-image-large figure { overflow:hidden; position:relative; width:100%; padding-right:330px; } #uofi #ws-pa #edu-il #blog-article-view #beginning_content_image_1 { max-height: 600px !important; overflow: hidden !important; } #uofi #ws-pa #edu-il #blog-article-view #beginning_content_image_1 #img_1 { display: block; height: auto !important; margin-left: auto !important; margin-right: auto !important; padding: 0.5em 0 0 !important; width: 100% !important; } #wt #uofi #ws-pa #edu-il #blog-article-view .blog-post { /* text-align: center; */ } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info { text-align: left !important; } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h3, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h4, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h5, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h6 { font-family: var(--il-source-sans), sans-serif !important; font-size: 130% !important; line-height: 1.5 !important; margin-bottom: 0.75em !important; margin-top: 2em !important; } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h3 strong, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h4 strong, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h5 strong, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h6 strong { font-weight: 300 !important; } @media (max-width: 768px) { .bp-embedded-image-large.bp-image-float-right figcaption, .bp-embedded-image-large.bp-image-float-left figcaption { margin-top:1em; } #wt #blog-post-gallery li#gallery-more a { height:50px; line-height:50px; } .blog-posts-wrapper #blog-post-gallery li#gallery-more a { font-size: 13px !important; } } @media (max-width: 770px) { #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h3, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h4, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h5, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h6 { font-size: 95%; } } @media (max-width: 520px) { #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h3, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h4, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h5, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info h6 { font-size: 90%; } } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info li { color: var(--il-text-color); font-family: var(--il-source-sans); !important; font-size: 95%; /* line-height: 1.7 !important; */ line-height: 1.6 !important; margin-bottom:1.6em; } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info li, #uofi #ws-pa #edu-il #blog-article-view .blog-post-info ul { margin-bottom:.9em; } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info li:last-child {margin-bottom:0;} #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p.bp-image-credit { margin-bottom:0; } #wt #uofi #ws-pa #edu-il .bp-embedded-image figcaption .bp-image-credit { padding-top:5px; } @media (max-width: 770px) { #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p { font-size: 95%; } } @media (max-width: 520px) { #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p { font-size: 90%; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta span { border-right:none; width:100% !important; } } #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p img { /* display: block !important; float: none !important; height: auto !important; margin: 2em auto 4em; text-align: center; width: 60% !important; */ } /* #uofi #ws-pa #edu-il #blog-article-view .blog-post-info > p:first-child { color: #fa6300; display: block; font-family: var(--il-source-sans), sans-serif !important; font-size: 110% !important; line-height: 2 !important; margin-top: 2em !important; padding: 0 !important; text-align: left !important; width: 100%; } */ #uofi #ws-pa #edu-il #blog-article-view .blog-post-info blockquote p { border-left: 2px solid #fa6300; color: #dadad9 !important; display: block; font-size: 170% !important; font-style: normal !important; line-height: 1.75 !important; margin: 1.75em 0 !important; padding-left: 1.25em !important; padding-right: 0 !important; } @media (max-width: 520px) { #uofi #ws-pa #edu-il #blog-article-view .blog-post-info blockquote p { color: #fa6300 !important; font-size: 115% !important; } } #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions, #uofi #ws-pa #edu-il .blog-post-footer { /* background: none repeat scroll 0 0 #f4f4f2 !important; border-top: 4px solid #96a8b2; margin-top: 1em !important; padding: 0.25em 0; width: 100%;*/ position:absolute; left:-100000px; bottom:-100000px; } #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions li { border-right: 1px dotted #dadad9; font-size: 100% !important; padding: 0 !important; text-align: center; } #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions li a { border: medium none !important; color: #6e7887; display: inline-block; font-family: var(--il-source-sans), sans-serif; font-size: 75%; line-height: normal !important; margin-right: 0; padding: 0.75em 1.4em 2em; } #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions li a:hover { background-color: #e9e9e8; } #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions li a .fa { color: #96a8b2; font-size: 90%; height: auto !important; line-height: normal !important; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0 !important; } #uofi #ws-pa #edu-il .fa-2x { vertical-align: 0!important; } #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions li, #uofi #ws-pa #edu-il .blog-post-footer ul.blog-post-actions a { color: #dadad9; } #ws-pa-sb #edu-il #share-wrapper #share .bg-show-back, #ws-pa-sb #edu-il #share-wrapper #share .bg-show-bottom, #ws-pa-sb #edu-il #share-wrapper #share .bg-show-top { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; } #ws-pa-sb #edu-il #share-wrapper #share2 { background: none repeat scroll 0 0 var(--il-text-color) !important; border: medium none !important; padding: 1em 0.5em !important; width: auto !important; } #custom #wt #uofi #ws-pa #edu-il #blog-header { height: 0; position: absolute; top: -9999px; width: 0; } #uofi #ws-pa #edu-il #blog-wrapper.article-view #content-and-sidebar { /* max-width: 935px; */ max-width: 1100px; float:right; } #wt #uofi #blog-wrapper.article-view { max-width:1200px; margin:auto; } #wt #uofi #ws-pa #edu-il #blog-wrapper:after { /*content: "."; visibility: hidden; display: block; height: 0; clear: both;*/ content: ""; display: table; clear: both; } #wt #uofi #ws-pa #edu-il .bp-embedded-image-large.bp-image-float-left { margin-bottom:3em;} #uofi #ws-pa #edu-il .bp-embedded-image-large.bp-image-float-left figure a { position:relative; } #uofi #ws-pa #edu-il .bp-embedded-image-large.bp-image-float-left figcaption { width:300px; position:absolute; right:0; padding-left:0; } #uofi #ws-pa #edu-il #content-full-width-nb { max-width: 1200px; margin-top:3.2em; } #uofi #ws-pa #edu-il #content-full-width-nb { margin-left:auto; margin-right:auto; } #blog-wrapper.article-view { margin-top: 2.5em; font-size: 1.15em; } #uofi #ws-pa #edu-il .blog-closing-section { display: none; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta .blog-post-category a { border-radius: 0.25em; border:1px solid #13294B; display: inline-block; margin-top: .8em !important; margin-right: 1em !important; padding: .65em 1em; /* padding: 0.4em 1.25em 0.35em; */ transition: all 100ms ease-out 0s; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta .blog-post-category a:hover { background-color: #fa6300 !important; border: 1px solid var(--il-orange) !important; color: #fff !important; } #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-meta .blog-post-category a { background-color: #ffffff !important; color: #13294B !important; line-height:1.0 !important; border:1px solid #13294B; font-weight:500; } #uofi #ws-pa #edu-il .blog-categories a { border-radius: 15px !important; -moz-border-radius: 15px !important; -webkit-border-radius: 15px !important; } #wt #uofi #ws-pa #edu-il h3.gadget-header { border-bottom: 0 !important; padding-top: 0em !important; text-transform: capitalize !important; color: var(--il-text-color); font-weight: 400; font-family: var(--il-source-sans), sans-serif; font-size:21px; padding-bottom:20px; margin-bottom:0; margin-top:0; } /* ===================== Header Sub Menu ====================== */ .section-nav-header { line-height: 60px; margin-bottom: 0 !important; margin-right: 0.5em; text-transform: uppercase; float: left; font-size: 85% !important; /* background-color: #f2f2f2; */ } /*.section-nav { border-left: 1px solid #e5e5e5; margin-left: 1.5em; }*/ /*#section-nav { background-color: #f2f2f2; border-bottom: 1px solid #e5e5e5; padding: 1em 0; }*/ #section-nav { /* background-color: #f2f2f2; */ border-bottom: 0px solid #b9bfc2; padding: 0; } #section-nav.bread .container { background: none; } .section-nav-header {background-color:#131F33;} .section-nav-header #sub-category { float: right; line-height: 60px; height: 60px; margin-bottom: 0 !important; } .section-nav-header #sub-category span { line-height: 60px; height: 60px; border-left: 1px solid #8A909A; margin-left: 1.5em; padding-left: 1.5em; /*color: #6b7478;*/ color:#8B9599; display: block; background-color: #39414e; } .section-nav-header #sub-category span { /*color:#fff; */ } /* gradient */ #section-nav.bread { background: #131F33; /* Old browsers */ background: -moz-linear-gradient(left, #131F33 0%, #131F33 48%, #39414e 52%, #39414e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f2f2f2), color-stop(48%, #f2f2f2), color-stop(52%, #f6f6f6), color-stop(100%, #f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f2f2f2 0%, #f2f2f2 48%, #f6f6f6 52%, #f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f2f2f2 0%, #f2f2f2 48%, #f6f6f6 52%, #f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f2f2f2 0%, #f2f2f2 48%, #f6f6f6 52%, #f6f6f6 100%); /* IE10+ */ background: linear-gradient(to right, #131F33 0%, #131F33 48%, #39414e 52%, #39414e 100%); /* W3C */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f6f6f6', GradientType=1); /* IE6-9 */ } #section-nav.bread .container { background: #39414e; } /* ===================== Page Ads ====================== */ .container-primary, .container-col-3, .container-col-1, .article-entries-block { overflow: hidden; position: relative; width: 100%; z-index: 0; background-color: #4d555b; padding-left: 3%; padding-right: 3%; } .container-primary { background-color:#747980; border-top:1px solid #b9bfc2; border-bottom:1px solid #b9bfc2; } #section-nav + .container-primary { border-bottom:0; } #content-main + .container-primary { border-top:0; } .page-top-ad { margin: 36px auto 36px; max-width: 970px; max-height:90px; overflow:visible; } .page-top-ad span { color: #b9bfc2; display: block; font-size: 11px; line-height: 13px; margin-top: -2px; } .page-bottom-ad { background-color: #747980; padding: 36px 0 19px; text-align: left; max-width: 970px; margin:auto; } .page-bottom-ad span { clear: left; color: #b9bfc2; display: block !important; font-size: 11px; line-height: 13px; } .page-bottom-ad img { float: none; margin: auto; width: 100%; max-width: 970px; } /* ====================== Publication Front Page ========================*/ #uofi #ws-pa #edu-il #publication-id-inside-illinois, #uofi #ws-pa #edu-il #publication-id-postmarks, #uofi #ws-pa #edu-il #publication-id-a-minute-with { margin:auto; max-width:1200px; width:100%; padding-top:.3em; display:block; overflow:hidden; display:none; } #uofi #ws-pa #edu-il #publication-id-inside-illinois a, #uofi #ws-pa #edu-il #publication-id-postmarks a, #uofi #ws-pa #edu-il #publication-id-a-minute-with a { max-width: 930px; width:100%; text-align: left; display: block; float: right; clear: both; font-size:.95em; margin-bottom: 1em; font-family:var(--il-source-sans),sans-serif !important; color:var(--il-text-color); -moz-transition: all 250ms ease-out 0s; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } #uofi #ws-pa #edu-il #publication-id-inside-illinois a:hover, #uofi #ws-pa #edu-il #publication-id-inside-illinois a:hover:before, #uofi #ws-pa #edu-il #publication-id-postmarks a:hover, #uofi #ws-pa #edu-il #publication-id-postmarks a:hover:before, #uofi #ws-pa #edu-il #publication-id-a-minute-with a:hover, #uofi #ws-pa #edu-il #publication-id-a-minute-with a:hover:before { color:#fa6300; text-decoration:none; } #uofi #ws-pa #edu-il #publication-id-inside-illinois a:before, #uofi #ws-pa #edu-il #publication-id-postmarks a:before, #uofi #ws-pa #edu-il #publication-id-a-minute-with a:before { float:left; font-size: 1.22em; margin-top: -4px; margin-right:.4em; xxxcolor:#879596; -moz-transition: all 250ms ease-out 0s; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; } #uofi #ws-pa #edu-il #publication-id-inside-illinois a:before { content: "\f1ea"; font-family: "FontAwesome"; } #uofi #ws-pa #edu-il #publication-id-postmarks a:before { content: "\f003"; font-family: "FontAwesome"; } #uofi #ws-pa #edu-il #publication-id-a-minute-with a:before { content: "\f017"; font-family: "FontAwesome"; } /* ====================== Additional ========================*/ #wt #uofi #ws-pa #edu-il #blog-article-view .blog-post { margin-bottom:3em; } #blog-wrapper { xxxpadding-left: 3% !important; xxxpadding-right: 3% !important; } #uofi #ws-pa #edu-il embedimage .bp-embedded-image-thumb { width:40%; max-width:180px;} #blog-article-view .blog-post-info > a, #blog-article-view .blog-post-info > a + br, #blog-article-view .blog-post-info > a + br + br, #blog-article-view .blog-post-info > p > a:first-child, #blog-article-view .blog-post-info > p > a + br, #blog-article-view .blog-post-info > p > a + br + br { /* display:none; */ } @media (max-width: 1000px) { #uofi #ws-pa #edu-il #blog-article-view-nb .blog-post-title { width:100%; } } #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p.callout { font-family:var(--il-source-sans),sans-serif ; font-family:font-family: var(--il-font-sans),serif !important; font-size:1.4em; line-height:auto; color:#263b54; line-height: 1.6 !important; margin-bottom:1.4em; padding-bottom:1.4em; border-bottom: 1px solid #ddd; } #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-info p, #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-info li { color: var(--il-text-color); font-family: var(--il-source-sans),serif !important; font-size: 95%; line-height: 1.6 !important; } #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-meta { position:absolute; top:-9999px; height:0; } #about-pages #uofi #ws-pa #edu-il #blog-article-view { margin-top:4em; } #about-pages #uofi #ws-pa #edu-il #blog-article-view h2.blog-post-title { font-family:var(--il-source-sans); font-weight:300; font-size: .95em !important; margin-bottom:1.7em; color:#263b54; /* color:#878f99; */ } #about-pages #uofi #ws-pa #edu-il #blog-article-view h3 { font-family:var(--il-source-sans),sans-serif ; font-size:1.4em; line-height:auto; color:#263b54; line-height: 1.6 !important; margin-top:0 !important; text-transform:capitalize; /* color:#878f99; */ } #about-pages #uofi #ws-pa #edu-il .article-view #content-full-width #ws-content { max-width:700px !important; } #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post {margin-bottom:4em;} #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-info ul { padding-left:0; margin-left:0; border-bottom:1px solid #ddd; padding-bottom:.8em; margin-bottom:1.8em; } #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-info ul li { list-style:none; margin-bottom:1.6em; color:#767D86; } #about-pages #uofi #ws-pa #edu-il #blog-article-view .blog-post-info ul li:after { content:''; border-bottom:solid 0px #ddd; width:30px; margin:.5em 0; display:block; } #about-pages #uofi #ws-pa #edu-il #blog-article-view .bp-embedded-image-large figure a::after {font-size:.8em;} /* =============================== Gadget styles ================================ */ #wt #uofi #ws-pa #edu-il #ws-sidebar .gadget .blog-profile h3.gadget-header { position:absolute; right:9999px; height:0; width:0; } #wt #uofi #ws-pa #edu-il #ws-sidebar .gadget .blog-profile span { background-color: #131f33; color: #b9bfc2; display: block; float: right; font-size: 11px; padding: 6px 8px; width: 300px; margin-bottom:50px; } #wt #uofi #ws-pa #edu-il #ws-sidebar .gadget .blog-profile img { float:left;} #uofi #ws-pa #edu-il #blog-home-view .blog-post-title a, #uofi #ws-pa #edu-il #blog-results-view .blog-post-title a { color: var(--il-link-color); font-weight:600; } #uofi #ws-pa #edu-il #blog-home-view .blog-post-title a, #uofi #ws-pa #edu-il #blog-results-view .blog-post-title a:hover { color: var(--il-orange); text-decoration: underline; } #blog-results-view .blog-post-date { display:none !important; } #category-title{ margin-left:42px !important; }