/* Spertus ---------------------------------------------------------------- [Table of contents] 0.New styles now on top 1.Global 2.Layout 3.Header 4.Navigation 5.Nodes/Views 6.Comments 7.Sidebars 8.Blocks 9.Footer 10.CSS Support 11.Administration Color should change based on some variable or taxonomy Orange: #f07b18 NEW --> #e45620 -->#e86b20 8/5/14 Blue: #00A8CB Purple: #722672 Green: #6DB23F Darkest Gray: #4A494B Dark Gray: #58595B Medium Gray: #77787B NEW? --> #626263 Light Gray: #A7A9AC NEW? --> #9A9DA0 Font Sizes 10px: .833em 11px: .916em 12px: 1em 13px: 1.08em 14px: 1.17em ---------------------------------------------------------------- */ /* Part 0 New Styles Overrides to force full-width layouts Flexbox columnar layouts for marketing units Pay attention to the slightly different classes used for the various node types (pages, news, events) */ /* July 12, 2022 */ /* Landing page for Leadership Certificate in Combating Antisemitism */ /* url spertus.edu/lcca */ /* /certificate-combating-antisemitism Full-width layout Node number 2834 Node type - Page by Barry bkafka@spertus.edu *production reminders* */ /* Make main content area full width */ body.page-node-2834 .node-page .node-inner .first-col {width:100%;} body.page-node-2834 .node-page .node-inner .first-col .col-inner {padding-right:0;} /* remove standard page header */ #node-2834 .block.border-1 > h1 {display:none;} #node-2834 .border-1 {border-top: none;} /* Bump up the type sizes */ #node-2834 .first-col h1 { font-size: 2.5em; text-transform: none; margin-bottom: 1em; } #node-2834 .first-col h2 { font-size: 2em; margin-bottom: 1em; } #node-2834 .first-col h3 { font-size: 1.8em; } #node-2834 .first-col p, #node-2834 .first-col li { font-size: 1.6em; margin-bottom: 1em; } #node-2834 .first-col li { line-height: 1.5em; } /* infographic css*/ .pgm-elements-papi {width: 890px; border: none; display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center; background-color: #fff; margin-bottom: 1.5em;} #node-2834 .first-col .element p {font-size: 16px; line-height: 1.2em;} .element {display:flex; align-items: center; flex:0 1 23%; color:#fff; background-color: #6d6e71; font-weight: bold; border-radius: 12px; margin: 0 0 2em; padding-top: 12px;} .element.full-width {flex:0 1 70%;} .element.full-width p {margin-left: auto; margin-right: auto; line-height: 1.4em;} .element.blue {background-color: #0079bd;} .element.green {background-color: #5d9732;} .element.purple {background-color: #532380;} .element.orange {background-color: #ea791e;} .element p {padding: 0 16px;} .element p span {display:inline-block; margin-top: 6px; font-weight: normal;} /* June 14, 2022 */ /* Welcome page for recruitment eblast */ /* /welcome-2022 Full-width layout Node number 2832 Node type - Page by Barry bkafka@spertus.edu *production reminders* */ /* Make main content area full width */ body.page-node-2832 .node-page .node-inner .first-col {width:100%;} body.page-node-2832 .node-page .node-inner .first-col .col-inner {padding-right:0;} /* remove standard page header */ #node-2832 .block.border-1 > h1 {display:none;} #node-2832 .border-1 {border-top: none;} /* Bump up the type sizes */ #node-2832 .first-col h1 { font-size: 2.5em; text-transform: none; margin-bottom: 1em; } #node-2832 .first-col h2 { font-size: 2em; margin-bottom: 1em; } #node-2832 .first-col h3 { font-size: 1.8em; } #node-2832 .first-col p, #node-2832 .first-col li { font-size: 1.6em; margin-bottom: 1em; } #node-2832 .first-col li { line-height: 1.5em; } /* June 13, 2022 2022 Graduation news story with photos url https://www.spertus.edu/news/spertus-2022-graduates node 2829 Full-width */ /* Make main content area full width */ body.page-node-2829 .node-news .node-inner .first-col {width:100%;} body.page-node-2829 .node-news .node-inner .first-col .col-inner {padding-right:0;} /* hide left sidebar */ body.page-node-2829 #sidebar-first {display: none;} /* move main content column flush left */ body.page-node-2829.sidebar-first div#content-inner.center {margin-left: 0;} /* remove standard page header */ #node-2829 .block.border-1 > h1 {display:none;} #node-2829 .border-1 {border-top: none;} /* Bump up the type sizes */ #node-2829 .first-col h1 { font-size: 2.5em; text-transform: none; margin-bottom: 1em; } #node-2829 .first-col h2 { font-size: 2em; margin-bottom: 1em; } #node-2829 .first-col h3 { font-size: 1.8em; } #node-2829 .first-col p, #node-2829 .first-col li { font-size: 1.6em; margin-bottom: 1em; } #node-2829 .first-col li { line-height: 1.5em; } .flex-row {display: flex; gap:10%;} .grad-names.flex-column {flex: 1 0 45%; justify-content: space-between;} /* June 7, 2022 2022 Graduation story with photos url https://www.spertus.edu/2022-graduation node 2826 Full-width */ /* Make main content area full width */ body.page-node-2826 .node-page .node-inner .first-col {width:100%;} body.page-node-2826 .node-page .node-inner .first-col .col-inner {padding-right:0;} /* remove standard page header */ #node-2826 .block.border-1 > h1 {display:none;} #node-2826 .border-1 {border-top: none;} /* Bump up the type sizes */ #node-2826 .first-col h1 { font-size: 2.5em; text-transform: none; margin-bottom: 1em; } #node-2826 .first-col h2 { font-size: 2em; margin-bottom: 1em; } #node-2826 .first-col h3 { font-size: 1.8em; } #node-2826 .first-col p, #node-2826 .first-col li { font-size: 1.6em; margin-bottom: 1em; } #node-2826 .first-col li { line-height: 1.5em; } .flex-row {display: flex; gap:10%;} .grad-names.flex-column {flex: 1 0 45%; justify-content: space-between;} /* April 28, 2022 Add Health and Safety link to footer Reminder to remove h2 display attribute around line 440, it now lives in flex */ #footer.update-2021 div.block-inner {display: flex;} #footer.update-2021 h2.block-title {margin-right: 1em;} #footer.update-2021 div.block-inner div.content {flex: 1;} div.home-social-wrapper {display: flex;} p.health-safety-button {margin-left: auto; margin-top: -1.5em;} p.health-safety-button a { color: #7e7e7e; text-decoration: none; background-color: #ffffff; display: inline-flex; align-items: center; border-radius: 50%; border: 2px solid #7e7e7e; padding: 12px 6px; width: 72px; height: 60px; text-align: center; font-weight: bold; font-family: Helvetica, Arial, "sans-serif"; font-size: 13px; line-height: 1.3; } p.health-safety-button a:hover { background-color: #7e7e7e; color: #ffffff;} /* April 18, 2022 2022 Graduation Kudosboard lander url https://www.spertus.edu/graduation-kudoboard node 2816 Full-width */ /* Make main content area full width */ body.page-node-2816 .node-page .node-inner .first-col {width:100%;} body.page-node-2816 .node-page .node-inner .first-col .col-inner {padding-right:0;} /* remove standard page header */ #node-2816 .block.border-1 > h1 {display:none;} #node-2816 .border-1 {border-top: none;} /* Bump up the type sizes */ #node-2816 .first-col h1 { font-size: 2.5em; text-transform: none; margin-bottom: 1em; } #node-2816 .first-col h2 { font-size: 2em; margin-bottom: 1em; } #node-2816 .first-col h3 { font-size: 1.8em; } #node-2816 .first-col p, #node-2816 .first-col li { font-size: 1.6em; margin-bottom: 1em; } #node-2816 .first-col li { line-height: 1.5em; } /* April 5, 2022 2022 Seminar Hotel Discounts url https://www.spertus.edu/summer-2022-seminar-hotels node 2817 Full-width Table styling */ /* Make main content area full width */ body.page-node-2817 .node-page .node-inner .first-col {width:100%;} body.page-node-2817 .node-page .node-inner .first-col .col-inner {padding-right:0;} /* remove standard page header */ #node-2817 .block.border-1 > h1 {display:none;} #node-2817 .border-1 {border-top: none;} /* Bump up the type sizes */ #node-2817 .first-col h1 { font-size: 2.5em; text-transform: none; margin-bottom: 1em; } #node-2817 .first-col h2 { font-size: 2em; margin-bottom: 1em; } #node-2817 .first-col h3 { font-size: 1.8em; } #node-2817 .first-col p, #node-2817 .first-col li { font-size: 1.6em; margin-bottom: 1em; } #node-2817 .first-col li { line-height: 1.5em; } .hotels-table-2022 th { background-color:#e86b20; color:#ffffff; padding: 16px; font-size: 20px; } .hotels-table-2022 td { border:1px solid #7e7e7e; padding: 9px; vertical-align: top; } #node-2817 .first-col .hotels-table-2022 td p {margin-bottom: 3px;} .hotels-table-2022 tr:hover {background-color:rgba(232,107,32,0.10);} /* March 9, 2022 Welcome landing page /welcome Meant for use with a printed leave-behind Full-width layout Node number 2813 Node type - Page by Barry bkafka@spertus.edu *production reminders* */ /* Make main content area full width */ body.page-node-2813 .node-page .node-inner .first-col {width:100%;} body.page-node-2813 .node-page .node-inner .first-col .col-inner {padding-right:0;} /* remove standard page header */ #node-2813 .block.border-1 > h1 {display:none;} #node-2813 .border-1 {border-top: none;} /* Bump up the type sizes */ #node-2813 .first-col h1 { font-size: 2.5em; text-transform: none; margin-bottom: 1em; } #node-2813 .first-col h2 { font-size: 2em; margin-bottom: 1em; } #node-2813 .first-col h3 { font-size: 1.8em; } #node-2813 .first-col p, #node-2813 .first-col li { font-size: 1.6em; margin-bottom: 1em; } #node-2813 .first-col li { line-height: 1.5em; } /* November 15, 2021 Hanukkah Zoom page /HanukkahZoom Based on Spertus Spirit lander /spertus-spirit Previously based on Zoom Backgrounds lander /zoom-backgrounds Full-width layout Node number 2796 Node type - Page by Barry bkafka@spertus.edu Created for use by guests to the 2021 Spertus Zoom Hanukkah party Originally copied from node-2706 styles *production reminders* Link to the downloadable files Create 3 iphone-sized versions */ /* Make main content area full width */ body.page-node-2796 .node-page .node-inner .first-col {width:100%;} body.page-node-2796 .node-page .node-inner .first-col .col-inner {padding-right:0;} /* remove standard page header */ #node-2796 .block.border-1 > h1 {display:none;} #node-2796 .border-1 {border-top: none;} /* Bump up the type sizes */ #node-2796 .first-col h1 { font-size: 2.5em; text-transform: none; margin-bottom: 1em; } #node-2796 .first-col h2 { font-size: 2em; margin-bottom: 1em; } #node-2796 .first-col h3 { font-size: 1.8em; } #node-2796 .first-col p, #node-2796 .first-col li { font-size: 1.6em; margin-bottom: 1em; } #node-2796 .first-col li { line-height: 1.5em; } /* downloadable Image thumbnail cards */ #node-2796 .card-daddy { display: flex; justify-content: space-between; width: 100%; } #node-2796 .card-daddy .card { flex: 0 1 32%; /* 3-col */ border: 1px solid #ADADAD; margin-bottom: 24px; padding: 12px; border: none; padding: 0; } #node-2796 .card-daddy.two-col .card { flex: 0 1 48%; /* 2-col */ } #node-2796 .card-daddy .card p.img-box { margin-bottom: 6px; } #node-2796 .card-daddy .card p.caption { font-size: 1.2em; line-height: 1.4em; text-align: left; margin-bottom: 12px; } #node-2796 .card-daddy .card a.cta-button { width: 95%; text-align: center; font-size: .92em; border: 1px solid #e45620; background-color: #e45620; border-radius: 4px; color: #fff; margin: 12px auto; padding: 6px; display: block; } #node-2796 .card-daddy .card a.cta-button:hover { text-decoration: none; background-color: #c14212; } #node-2796 .card-daddy.social-tnail p.caption {flex-basis: 31%; margin-right: 9px;} #node-2796 .card-daddy.social-tnail div {flex:2 1; margin-left: 12px;} #node-2796 .card-daddy.social-tnail div img {width: 100%;} #node-2796 .card-daddy.social-tnail a.cta-button.small { display:block; text-align: center; font-size: 1.2em; text-decoration: none; background-color: #e0893c; border-radius: 4px; color: #fff; padding: 6px; margin-top: 6px; width:inherit; } #node-2796 .card-daddy.social-tnail a.cta-button.small:hover { background-color: #c97c37; } /* end node 2796 /Spertus Hanukkah Zoom styles /* October 14, 2021 Jewish Studies landing page Node number 2 Node type: Page by Barry Kafka bkafka@spertus.edu Wide measure, retain left sidebar Content area expands to 710px Hide contents of image field Bump up type size */ body.page-node-2 .col-inner {padding-right: 0;} body.page-node-2 .col-inner p, body.page-node-2 .col-inner li {font-size: 1.4em; line-height: 1.45em;} body.page-node-2.node-type-page .first-col {width: 100%;} body.page-node-2 div.views-field-field-photo-image.w-overlay.bkfix {display: none;} /* September 2, 2021 Reimagining community News item Node number 2786 Node type - News by Barry Kafka bkafka@spertus.edu Wide measure, retain left sidebar Content area expands to 710px */ body.page-node-2786 .col-inner {padding-right: 0;} body.page-node-2786 .col-inner p {font-size: 1.4em; line-height: 1.45em;} body.page-node-2786.node-type-news .first-col {width: 100%;} body.page-node-2786 .field-name-field-main-news .field-item.even img {display: none; width: 100%; height: auto;} /* end Node 2750 styles */ /* July 08, 2021 More cool WKO styles Round price boxen for the donation levels */ .wko-donation-row {display:flex; flex-wrap:nowrap; margin: 1.4em 0;} .wko-amount-circle { flex:0 1 1; border-radius: 50%; height: 75px; width: 75px; line-height: 75px; font-size: 32px; font-weight:bold; text-align: center; background-color: #ec7b1f; color: #ffffff; margin-right:16px; box-shadow: 2px 2px 9px 1px rgba(0,0,0,.15) ; } .wko-dollar-sign {vertical-align:top; font-size:18px; position:relative; top:-4px;} .wko-amount {margin-right: 4px;} .wko-amount-description {flex: 0 1 3; font-size:24px; line-height:1.2; padding-top:5px;} /* June 22, 2021 WKO Event page as a full-width layout Hide 1st sidebar, 2nd sidebar make main col full-width 890px Make body type larger 1.5em/1.7em */ body.page-node-2768 #sidebar-first {display: none;} body.page-node-2768.sidebar-first .center {margin-left: 0;} body.page-node-2768 .node-inner .second-col {display: none;} body.page-node-2768 .node-inner .first-col {width: 890px;} body.page-node-2768 .node-inner .first-col .col-inner {padding-right: 0;} body.page-node-2768 #main #content p {font-size: 1.5em; line-height: 1.7em;} /* June 7, 2021 Remove image hover overlays Equalize size of subheads on home page featured story boxen Display the image caption below the home page hero shot (no longer shows on hover) Modified a few CSS styles and removed two .js from loading in the spertus_th.info file +_+_+_+_+_+_+_+_ */ .front .update-2021 .views-row-1 .overlay-text { color: #626263; font-size:16px; line-height: 1.5em; padding:0; margin-top: .7em; background: none; opacity: 1; position: relative; display: block; } /* May 20, 2021 New home page layout Content View Hero slider is the only block in content View Column 1 View 6 story units in col 1 Column 2 View Research (library links) in col 2 Text teasers below that in col 2 Footer View Social links in footer View I added the class update-2021 to each parent div of the respective home page Views. */ body.front #page {} /* Make slider full-width */ body.front #content.update-2021 #content-inner {padding-right: 0;} body.front #content.update-2021 {width: 100%;float: none;margin-right: 0;} body.front #content.update-2021 #block-views-featured_gallery-block_3 img {width: 100%; height: auto;} /* Flex container style to manage position and width of Sidebar 1 and 2 */ body.front #flex-daddy {display: flex; justify-content: space-between;} .front #sidebar-first {flex-basis: 65%; width: auto; margin-left: 0; margin-right: 0;} .front #sidebar-first-inner { margin-left: 0; width: auto; margin-right: 0; padding-right: 0; float: none;} body.front #sidebar-first.update-2021 .block {border-top: none;} body.front .with-navigation #sidebar-first.sidebar, body.front .with-navigation #sidebar-second.sidebar {margin-top: 1em;} .front #sidebar-second {flex-basis: 32%; float: none; width: auto;} .front #sidebar-second-inner {padding-left: 0;} .front #sidebar-second .block {border-top: 7px solid #626263;} .front #sidebar-second.update-2021 h2.block-title {font-size: 16px; font-weight: bold; margin-top: 9px; margin-bottom: 6px;} .front #sidebar-second.update-2021 #sidebar-second-inner p, .front #sidebar-second.update-2021 #sidebar-second-inner li {font-size: 15px; line-height: 20px;} .front #sidebar-second.update-2021 #sidebar-second-inner h3, .front #sidebar-second.update-2021 #sidebar-second-inner span.summary {font-size: 15px; line-height: 20px;} /* Featured events */ body.front #sidebar-first .w-overlay img {width:100%; height: auto;} .front #sidebar-first.update-2021 #block-views-front_page_events-block_1 table td .overlay-inner {width: 260px;} .update-2021 h2.block-title {font-size: 12px; margin: 9px 0;} /* Spotlight Extra */ .front div.view-front-page-spotlight-extra img {width: 279px; height: 279px;} .front .spotlight-extra-item-list {width: 579px;} .front .spotlight-extra-item-list ul { display: flex; flex-wrap: wrap; padding-left: 0; width: 100%; max-width: 579px; list-style: none; justify-content: space-between; } .spotlight-extra-item-list ul li {flex-basis: 45%; margin-bottom: 2em;} .spotlight-extra-item-list ul h3 {font-size: 12px; color: #722672; margin: 6px 0; padding-top:9px; border-top: 7px solid #722672; text-transform: uppercase;} /* Footer content */ #footer.update-2021 h2.block-title {/*display: inline-block;*/ font-size: 1.17em; line-height: 1.5em; vertical-align: middle; text-transform: none;} #footer.update-2021 div.content {/* display: inline-block;*/ vertical-align: middle; margin-left: 1em;} #footer.update-2021 .home-social-wrapper a {margin-left: 1em;} #footer.update-2021 #block-menu-menu-footer-links div.content {margin-left: 0;} #footer.update-2021 #block-menu-menu-footer-links {padding:0 2px 0 0}; #footer.update-2021 .menu a {padding-left: 0;} #footer.update-2021 .menu li.first {margin-left: 0;} /* March 16, 2021 Profiles from the Field News item Node number 2750 Node type - News by Barry Kafka bkafka@spertus.edu Wide measure, retain left sidebar Content area expands to 710px */ body.page-node-2750 .col-inner {padding-right: 0;} body.page-node-2750 .col-inner p {font-size: 1.4em; line-height: 1.45em;} body.page-node-2750.node-type-news .first-col {width: 100%;} body.page-node-2750 .field-item.even img {width: 100%; height: auto;} /* end Node 2750 styles */ /* March 04, 2021 Spertus Spirit lander /spertus-spirit Copy of Zoom Backgrounds lander /zoom-backgrounds Full-width layout Node number 2754 Node type - Page by Barry bkafka@spertus.edu Created for use by Spertus students in Zoom, on social, and other possible cases Originally copied from node-2706 styles *production reminders* Link to the downloadable files Create 3 iphone-sized versions */ /* Make main content area full width */ body.page-node-2754 .node-page .node-inner .first-col {width:100%;} body.page-node-2754 .node-page .node-inner .first-col .col-inner {padding-right:0;} /* remove standard page header */ #node-2754 .block.border-1 > h1 {display:none;} #node-2754 .border-1 {border-top: none;} /* Bump up the type sizes */ #node-2754 .first-col h1 { font-size: 2.5em; text-transform: none; margin-bottom: 1em; } #node-2754 .first-col h2 { font-size: 2em; margin-bottom: 1em; } #node-2754 .first-col h3 { font-size: 1.8em; } #node-2754 .first-col p, #node-2754 .first-col li { font-size: 1.6em; margin-bottom: 1em; } #node-2754 .first-col li { line-height: 1.5em; } /* downloadable Image thumbnail cards */ #node-2754 .card-daddy { display: flex; justify-content: space-between; width: 100%; } #node-2754 .card-daddy .card { flex: 0 1 32%; /* 3-col */ border: 1px solid #ADADAD; margin-bottom: 24px; padding: 12px; border: none; padding: 0; } #node-2754 .card-daddy.two-col .card { flex: 0 1 48%; /* 2-col */ } #node-2754 .card-daddy .card p.img-box { margin-bottom: 6px; } #node-2754 .card-daddy .card p.caption { font-size: 1.2em; line-height: 1.4em; text-align: left; margin-bottom: 12px; } #node-2754 .card-daddy .card a.cta-button { width: 95%; text-align: center; font-size: .92em; border: 1px solid #e45620; background-color: #e45620; border-radius: 4px; color: #fff; margin: 12px auto; padding: 6px; display: block; } #node-2754 .card-daddy .card a.cta-button:hover { text-decoration: none; background-color: #c14212; } #node-2754 .card-daddy.social-tnail p.caption {flex-basis: 31%; margin-right: 9px;} #node-2754 .card-daddy.social-tnail div {flex:2 1; margin-left: 12px;} #node-2754 .card-daddy.social-tnail div img {width: 100%;} #node-2754 .card-daddy.social-tnail a.cta-button.small { display:block; text-align: center; font-size: 1.2em; text-decoration: none; background-color: #e0893c; border-radius: 4px; color: #fff; padding: 6px; margin-top: 6px; width:inherit; } #node-2754 .card-daddy.social-tnail a.cta-button.small:hover { background-color: #c97c37; } /* end node 2754 /Spertus Spirit styles */ /* January 18, 2021 Certificate for Educators Program (event) page Full-width layout Node type - Event Node number 2741 Style clone of /majps-chicago, node 2560 */ /* Make main content area full width */ #node-2741 .node-inner .first-col {width:100%;} body.page-node-2741.sidebar-first #content-inner.inner.column.center {margin-left: 0;} /* remove standard page header */ #node-2741 .block.border-1 > h1 {display:none;} #node-2741 .border-1 {border-top: none;} /* hide event date for this node */ body.page-node-2741.node-type-event .border-1 h1 + span {display: none;} /* hide main image */ body.page-node-2741 .field-name-field-event-main-image {display:none;} /* Bolshoi h3's */ #node-2741 .first-col h3 {font-size:26px; font-weight:300; margin:.5em 0 .5em 0;} #node-2741 .node-inner .second-col {display: none;} #node-2741 .col-inner {padding-right:0;} body.page-node-2741 #sidebar-first {display: none;} #node-2741 .node-img-wrapper.event-tpl-debug img {width: 100%; height: auto;} /* Font size */ #node-2741 .first-col p, #node-2741 .first-col li {font-size:18px; margin-bottom:1.4em; line-height: 24px;} /* Gray header */ #node-2741 .majps-hero p.grey-header { width: 100%; color: #fff; background-color: #7e7e7e; padding: 9px 0 9px 9px; margin: 0; font-size: 18px; font-weight: 700; } /*body.page-node-2697 #node-2697 .first-col .border-1 p {font-size: 18px;} body.page-node-2697.node-type-event .border-1 h1 {font-size:32px; line-height: 1.4em; font-weight: 200;} */ /* Style the quote block hero unit */ #node-2741 .cert-wrap {width:100%;} #node-2741 .hero .quote-block {width: 100%; background-color: #e86b20; color:#ffffff;} #node-2741 .quote-block h1 {font-size: 48px; text-transform: lowercase; font-weight: 200; margin:0 12px; padding-top:18px; text-align: left;} #node-2741 .quote-block p.attribution {font-size: 18px; margin: 0 32px; padding-bottom:18px;} #node-2741 .cta-button.inline {width: auto; padding: 2px 12px; position: relative;top:-3px;} /* #node-2700 .majps-na p.grey-header {margin-bottom: 12px;} */ #node-2741 .simple-flex-wrapper { width:100%; display:flex; flex-wrap: wrap; margin:24px 0; } #node-2741 .simple-flex-wrapper a.cta-button, #node-2741 a.cta-button { display:inline-block; text-align:center; background-color:#e45620; border:2px solid #e45620; color:#fff; padding:12px; border-radius:6px; flex: 2; font-size: 18px; font-weight: bold; text-decoration: none; } #node-2741 .simple-flex-wrapper a.cta-button:hover, #node-2741 a.cta-button:hover { background-color: #c14212; } #node-2741 .simple-flex-wrapper a.cta-button.apply-now, #node-2741 a.cta-button.apply-now{ margin-left: 12px; border:2px solid #722672; color:#fff; background-color: #722672; flex: 1; } #node-2741 .simple-flex-wrapper a.cta-button.apply-now:hover, #node-2741 a.cta-button.apply-now:hover{ background-color: #571D57; flex: 1; } #node-2741 .flex-item {flex: 1;} #node-2741 .majps-hero a.cta-button {font-size: 18px; text-decoration: none; font-weight: bold; width: 93%;} #node-2741 .majps-hero a.cta-button:hover {background-color:#c14212;} #node-2741 .first-col p.rule-above { font-size: 13px; line-height: 16px; border-top:2px solid #7e7e7e; padding-top:.5em;} /* end Certificate in Jewish Leadership event page css */ /* January 12, 2021 Accreditation block HLC Bottom of professional and certificate program pages Will also appear on JS pages once those are redesigned for full-width */ div.simple-flex-wrapper.accreditation-block { display: flex; width: 100%; border-top: 3px solid #7e7e7e; padding: 24px 0; background-color:#ebebeb; } /* Dec 17 2020 Styles for Certificate node 834 */ #node-834 .flex-item {flex: 1;} #node-834 .flex-item li, #node-834 .flex-item p { font-size: 18px; line-height: 24px; margin-bottom: .5em; } #node-834 .majps-hero a.cta-button { background-color:#e45620; border:2px solid #e45620; color:#fff; } /*.majps-hero ul li:last-child a:hover*/ #node-834 .majps-hero a.cta-button:hover { text-decoration:none; background:#c14212; } /* .cert-wrap {display: flex; justify-content: space-between; margin:24px 0;} */ /* December 03, 2020 Zoom Backgrounds lander /zoom-backgrounds Full-width layout Node number 2733 Node type - Page by Barry bkafka@spertus.edu Created for use by Zoom Hanukkah Party guests Copied from node-2706 styles *production reminders* Link to the downloadable files Create 3 iphone-sized versions */ /* Make main content area full width */ body.page-node-2733 .node-page .node-inner .first-col {width:100%;} body.page-node-2733 .node-page .node-inner .first-col .col-inner {padding-right:0;} /* remove standard page header */ #node-2733 .block.border-1 > h1 {display:none;} #node-2733 .border-1 {border-top: none;} /* Bump up the type sizes */ #node-2733 .first-col h1 { font-size: 2.5em; text-transform: none; margin-bottom: 1em; } #node-2733 .first-col h2 { font-size: 2em; margin-bottom: 1em; } #node-2733 .first-col h3 { font-size: 1.8em; } #node-2733 .first-col p, #node-2733 .first-col li { font-size: 1.6em; margin-bottom: 1em; } #node-2733 .first-col li { line-height: 1.5em; } /* downloadable Image thumbnail cards */ #node-2733 .card-daddy { display: flex; justify-content: space-between; width: 100%; } #node-2733 .card-daddy .card { flex: 0 1 32%; border: 1px solid #ADADAD; margin-bottom: 24px; padding: 12px; border: none; padding: 0; } #node-2733 .card-daddy .card p.img-box { margin-bottom: 6px; } #node-2733 .card-daddy .card p.caption { font-size: 1.2em; line-height: 1.4em; text-align: left; margin-bottom: 12px; } #node-2733 .card-daddy .card a.cta-button { width: 95%; text-align: center; font-size: .92em; border: 1px solid #e45620; background-color: #e45620; border-radius: 4px; color: #fff; margin: 12px auto; padding: 6px; display: block; } #node-2733 .card-daddy .card a.cta-button:hover { text-decoration: none; background-color: #c14212; } .degree-buttons {margin: 3em 0;} #lander-wrap .degree-buttons a.flex-item p {font-size: 15px;} .degree-buttons a.flex-item { border-radius: 6px; color: #fff; text-decoration: none; font-size: 15px; line-height: 19px; padding: 9px; flex:1; margin-right: 12px; } .page-node .node .degree-buttons a.flex-item h1 { font-size: 15px; line-height: 19px; margin-top: -14px; text-transform: none; color: #fff; } a.flex-item.majps {background-color:#e45620;} a.flex-item.majps:hover {background-color:#c14212;} a.flex-item.emajps {background-color: #722672;} a.flex-item.emajps:hover {background-color: #571D57;} a.flex-item.certificate {background-color:#52BE2B;} a.flex-item.certificate:hover {background-color:#429A23;} a.flex-item.cert-edu {background-color: #00a8cb;} a.flex-item.cert-edu:hover {background-color: #008aa7;} /* end node 2733 /Zoom-Backgrounds styles */ /* November 19, 2020 MAJPS North America Program (event) page Full-width layout Node type - Event Node number 2732 Style clone of /majps-chicago, node 2560 */ /* Make main content area full width */ #node-2732 .node-inner .first-col {width:100%;} body.page-node-2732.sidebar-first #content-inner.inner.column.center {margin-left: 0;} /* remove standard page header */ #node-2732 .block.border-1 > h1 {display:none;} #node-2732 .border-1 {border-top: none;} /* hide event date for this node */ body.page-node-2732.node-type-event .border-1 h1 + span {display: none;} /* hide main image */ body.page-node-2732 .field-name-field-event-main-image {display:none;} /* Bolshoi h3's */ #node-2732 .first-col h3 {font-size:26px; font-weight:300; margin:.5em 0 .5em 0;} #node-2732 .node-inner .second-col {display: none;} #node-2732 .col-inner {padding-right:0;} body.page-node-2732 #sidebar-first {display: none;} #node-2732 .node-img-wrapper.event-tpl-debug img {width: 100%; height: auto;} /* Font size */ #node-2732 .first-col p, #node-2732 .first-col li {font-size:18px; margin-bottom:1.4em; line-height: 24px;} /* Gray header */ #node-2732 .majps-hero p.grey-header { width: 100%; color: #fff; background-color: #7e7e7e; padding: 9px 0 9px 9px; margin: 0; font-size: 18px; font-weight: 700; } /*body.page-node-2697 #node-2697 .first-col .border-1 p {font-size: 18px;} body.page-node-2697.node-type-event .border-1 h1 {font-size:32px; line-height: 1.4em; font-weight: 200;} */ /* Style the quote block hero unit */ #node-2732 .cert-wrap {width:100%;} #node-2732 .hero .quote-block {width: 100%; background-color: #e86b20; color:#ffffff;} #node-2732 .quote-block h1 {font-size: 48px; text-transform: lowercase; font-weight: 200; margin:0 12px; padding-top:18px; text-align: left;} #node-2732 .quote-block p.attribution {font-size: 18px; margin: 0 32px; padding-bottom:18px;} #node-2732 .cta-button.inline {width: auto; padding: 2px 12px; position: relative;top:-3px;} /* #node-2700 .majps-na p.grey-header {margin-bottom: 12px;} */ #node-2732 .simple-flex-wrapper { width:100%; display:flex; flex-wrap: wrap; margin:24px 0; } #node-2732 .simple-flex-wrapper a.cta-button, #lander-wrap .simple-flex-wrapper a.cta-button { display:inline-block; text-align:center; background-color:#e45620; border:2px solid #e45620; color:#fff; padding:12px; border-radius:6px; flex: 2; } #node-2732 .simple-flex-wrapper a.cta-button.apply-now { margin-left: 12px; border:2px solid #722672; color:#fff; background-color: #722672; flex: 1; } #node-2732 .simple-flex-wrapper a.cta-button.apply-now:hover { background-color: #571D57; flex: 1; } /* end MAJPS-North America Program page css */ /* September 15, 2020 Certificate for Educators Program (event) page Full-width layout Node type - Event Node number 2727 Style clone of /majps-chicago, node 2560 */ /* Make main content area full width */ #node-2727 .node-inner .first-col {width:100%;} body.page-node-2727.sidebar-first #content-inner.inner.column.center {margin-left: 0;} /* remove standard page header */ #node-2727 .block.border-1 > h1 {display:none;} #node-2727 .border-1 {border-top: none;} /* hide event date for this node */ body.page-node-2727.node-type-event .border-1 h1 + span {display: none;} /* hide main image */ body.page-node-2727 .field-name-field-event-main-image {display:none;} /* Bolshoi h3's */ #node-2727 .first-col h3 {font-size:26px; font-weight:300; margin:.5em 0 .5em 0;} #node-2727 .node-inner .second-col {display: none;} #node-2727 .col-inner {padding-right:0;} body.page-node-2727 #sidebar-first {display: none;} #node-2727 .node-img-wrapper.event-tpl-debug img {width: 100%; height: auto;} /* Font size */ #node-2727 .first-col p, #node-2727 .first-col li {font-size:18px; margin-bottom:1.4em; line-height: 24px;} /* Gray header */ #node-2727 .majps-hero p.grey-header { width: 100%; color: #fff; background-color: #7e7e7e; padding: 9px 0 9px 9px; margin: 0; font-size: 18px; font-weight: 700; } /*body.page-node-2697 #node-2697 .first-col .border-1 p {font-size: 18px;} body.page-node-2697.node-type-event .border-1 h1 {font-size:32px; line-height: 1.4em; font-weight: 200;} */ /* Style the quote block hero unit */ #node-2727 .cert-wrap {width:100%;} #node-2727 .hero .quote-block {width: 100%; background-color: #e86b20; color:#ffffff;} #node-2727 .quote-block h1 {font-size: 48px; text-transform: lowercase; font-weight: 200; margin:0 12px; padding-top:18px; text-align: left;} #node-2727 .quote-block p.attribution {font-size: 18px; margin: 0 32px; padding-bottom:18px;} #node-2727 .cta-button.inline {width: auto; padding: 2px 12px; position: relative;top:-3px;} /* #node-2700 .majps-na p.grey-header {margin-bottom: 12px;} */ #node-2727 .simple-flex-wrapper { width:100%; display:flex; flex-wrap: wrap; margin:24px 0; } #node-2727 .simple-flex-wrapper a.cta-button, #lander-wrap .simple-flex-wrapper a.cta-button { display:inline-block; text-align:center; background-color:#e45620; border:2px solid #e45620; color:#fff; padding:12px; border-radius:6px; flex: 2; } #node-2727 .simple-flex-wrapper a.cta-button.apply-now { margin-left: 12px; border:2px solid #722672; color:#fff; background-color: #722672; flex: 1; } #node-2727 .simple-flex-wrapper a.cta-button.apply-now:hover { background-color: #571D57; flex: 1; } /* end Certificate for Educators Program (event) page css */ /* July 01 2020 Introduction lander /introduction Node number 2706 Full-width layout Node type - Page Style clone of /executive, node 2598 by Barry bkafka@spertus.edu Created for Anita Silvert for use by prospects who visit the NewCAJE conference *production reminders* Manually remove left sidebar */ /* Make main content area full width */ body.page-node-2706 .node-page .node-inner .first-col {width:100%;} body.page-node-2706 .node-page .node-inner .first-col .col-inner {padding-right:0;} /* remove standard page header */ #node-2706 .block.border-1 > h1 {display:none;} #node-2706 .border-1 {border-top: none;} .degree-buttons {margin: 3em 0;} #lander-wrap .degree-buttons a.flex-item p {font-size: 15px;} .degree-buttons a.flex-item { border-radius: 6px; color: #fff; text-decoration: none; font-size: 15px; line-height: 19px; padding: 9px; flex:1; margin-right: 12px; } .page-node .node .degree-buttons a.flex-item h1 { font-size: 15px; line-height: 19px; margin-top: -14px; text-transform: none; color: #fff; } a.flex-item.majps {background-color:#e45620;} a.flex-item.majps:hover {background-color:#c14212;} a.flex-item.emajps {background-color: #722672;} a.flex-item.emajps:hover {background-color: #571D57;} a.flex-item.certificate {background-color:#52BE2B;} a.flex-item.certificate:hover {background-color:#429A23;} a.flex-item.cert-edu {background-color: #00a8cb;} a.flex-item.cert-edu:hover {background-color: #008aa7;} /* end node 2706 /introduction */ /* May 21, 2020 MAJPS-Chicago Program (event) page Full-width layout Node type - Event Node number 2700 Style clone of /majps-chicago, node 2560 */ /* Make main content area full width */ #node-2700 .node-inner .first-col {width:100%;} body.page-node-2700.sidebar-first #content-inner.inner.column.center {margin-left: 0;} /* remove standard page header */ #node-2700 .block.border-1 > h1 {display:none;} #node-2700 .border-1 {border-top: none;} /* hide event date for this node */ body.page-node-2700.node-type-event .border-1 h1 + span {display: none;} /* hide main image */ body.page-node-2700 .field-name-field-event-main-image {display:none;} /* Bolshoi h3's */ #node-2700 .first-col h3 {font-size:26px; font-weight:300; margin:.5em 0 .5em 0;} #node-2700 .node-inner .second-col {display: none;} #node-2700 .col-inner {padding-right:0;} body.page-node-2700 #sidebar-first {display: none;} #node-2700 .node-img-wrapper.event-tpl-debug img {width: 100%; height: auto;} /* Font size */ #node-2700 .first-col p, #node-2700 .first-col li {font-size:18px; margin-bottom:1.4em; line-height: 24px;} /* Gray header */ #node-2700 .majps-hero p.grey-header { width: 100%; color: #fff; background-color: #7e7e7e; padding: 9px 0 9px 9px; margin: 0; font-size: 18px; font-weight: 700; } /*body.page-node-2697 #node-2697 .first-col .border-1 p {font-size: 18px;} body.page-node-2697.node-type-event .border-1 h1 {font-size:32px; line-height: 1.4em; font-weight: 200;} */ /* Style the quote block hero unit */ #node-2700 .cert-wrap {width:100%;} #node-2700 .hero .quote-block {width: 100%; background-color: #e86b20; color:#ffffff;} #node-2700 .quote-block h1 {font-size: 48px; text-transform: lowercase; font-weight: 200; margin:0 12px; padding-top:18px; text-align: left;} #node-2700 .quote-block p.attribution {font-size: 18px; margin: 0 32px; padding-bottom:18px;} #node-2700 .cta-button.inline {width: auto; padding: 2px 12px; position: relative;top:-3px;} /* #node-2700 .majps-na p.grey-header {margin-bottom: 12px;} */ #node-2700 .simple-flex-wrapper { width:100%; display:flex; flex-wrap: wrap; margin:24px 0; } #node-2700 .simple-flex-wrapper a.cta-button, #lander-wrap .simple-flex-wrapper a.cta-button { display:inline-block; text-align:center; background-color:#e45620; border:2px solid #e45620; color:#fff; padding:12px; border-radius:6px; flex: 2; } #node-2700 .simple-flex-wrapper a.cta-button.apply-now { margin-left: 12px; border:2px solid #722672; color:#fff; background-color: #722672; flex: 1; } #node-2700 .simple-flex-wrapper a.cta-button.apply-now:hover { background-color: #571D57; flex: 1; } /* end MAJPS-Chicago Program page css */ /* April 28, 2020 Certificate Program (event) page Full-width layout Node type - Event Node number 2697 Style clone of /certificate, node 834 */ /* Make main content area full width */ #node-2697 .node-inner .first-col {width:100%;} body.page-node-2697.sidebar-first #content-inner.inner.column.center {margin-left: 0;} /* remove standard page header */ #node-2697 .block.border-1 > h1 {display:none;} #node-2697 .border-1 {border-top: none;} /* hide event date for this node */ body.page-node-2697.node-type-event .border-1 span {display: none;} #node-2697 .node-inner .second-col {display: none;} #node-2697 .col-inner {padding-right:0;} body.page-node-2697 #sidebar-first {display: none;} #node-2697 .node-img-wrapper.event-tpl-debug img {width: 100%; height: auto;} /*body.page-node-2697 #node-2697 .first-col .border-1 p {font-size: 18px;} body.page-node-2697.node-type-event .border-1 h1 {font-size:32px; line-height: 1.4em; font-weight: 200;} */ /* Style the quote block hero unit */ #node-2697 .cert-wrap {width:100%;} #node-2697 .hero .quote-block {width: 100%; background-color: #e86b20; color:#ffffff;} #node-2697 .quote-block h1 {font-size: 48px; text-transform: lowercase; font-weight: 200; margin:0 12px; padding-top:18px; text-align: left;} #node-2697 .quote-block p.attribution {font-size: 18px; margin: 0 32px; padding-bottom:18px;} #node-2697 .cta-button.inline {width: auto; padding: 2px 12px; position: relative;top:-3px;} #node-2697 .majps-na p.grey-header {margin-bottom: 12px;} #node-834 .simple-flex-wrapper, #node-2309 .simple-flex-wrapper { width:100%; display:flex; flex-wrap: wrap; margin:24px 0; } #node-2697 .simple-flex-wrapper a.cta-button, #lander-wrap .simple-flex-wrapper a.cta-button { display:inline-block; text-align:center; background-color:#e45620; border:2px solid #e45620; color:#fff; padding:12px; border-radius:6px; flex: 2; } #node-2697 .simple-flex-wrapper a.cta-button.apply-now { margin-left: 12px; border:2px solid #722672; color:#fff; background-color: #722672; flex: 1; } #node-2697 .simple-flex-wrapper a.cta-button.apply-now:hover { background-color: #571D57; flex: 1; } /* end Certificate Program page css */ /* April 22, 2020 EMAJPS Program (event) page Full-width layout Node type - Event Node number 2695 */ /* Make main content area full width */ #node-2695 .node-inner .first-col {width:100%;} body.page-node-2695.sidebar-first #content-inner.inner.column.center {margin-left: 0;} /* remove standard page header */ #node-2695 .block.border-1 > h1 {display:none;} #node-2695 .border-1 {border-top: none;} /* hide event date for this node */ body.page-node-2695.node-type-event .border-1 span {display: none;} #node-2695 .node-inner .second-col {display: none;} #node-2695 .col-inner {padding-right:0;} body.page-node-2695 #sidebar-first {display: none;} #node-2695 .node-img-wrapper.event-tpl-debug img {width: 100%; height: auto;} body.page-node-2695 #node-2695 .first-col .border-1 p {font-size: 18px;} body.page-node-2695.node-type-event .border-1 h1 {font-size:32px; line-height: 40px; font-weight: 200;} /*body.page-node-2695.node-type-event .border-1 span {font-size:24px; display: block; margin: 16px 0;}*/ /* critcon prefixed elements so they can be node independent */ /* .critcon-flex-grid {display: flex; justify-content: space-between; margin: 20px 0;} /* if gutters, make them equal width */ /* 3-col grid. narrow col is col one and wider col is 2 and 3 combined. */ /* .critcon-flex-grid .col.col1 {flex: 1;} /* headshot in the narrower column */ /*.critcon-flex-grid .col.col2 {flex:2;} /* text content in the wider one */ /* .critcon-flex-grid .col.header h1 {margin-top: 3em; color: #ffffff;} .critcon-flex-grid .col.col1 {width:32%; max-width:32%;} .critcon-flex-grid .col.col2 {width: 66%; max-width: 66%;} .critcon-flex-grid .col h2 {font-size: 18px; line-height: 22px; margin-bottom: 9px;} .critcon-flex-grid .col1 img {width: 100%; height: auto;} .node .node-inner h2.panelist-quote {font-size: 28px; font-weight: 200; line-height: 36px;} */ /* end EMAJPS Program page css */ /* April 17, 2020 MAJPS Cohort W Mountain-SW June Seminar Custom CSS for 2-column layout Node type = Event Node number 2693 MAJPS W June Seminar Keep left nav Make center content column 710px and remove padding-right on its first child body.node-type-news .first-col > width: 710px and > .col-inner padding-right:0; Hide right sidebar column .node-inner .second-col > display:none; by Barry Kafka bkafka@spertus.edu */ body.node-type-event #node-2693 .first-col {width: 710px;} body.node-type-event #node-2693 .first-col p, body.node-type-event #node-2693 .first-col li {font-size: 130%; line-height: 1.5em;} body.node-type-event #node-2693 .first-col .col-inner {padding-right:0;} /*#node-2693 .field-name-field-main-news img {width:100%; height:auto;} */ #node-2693 .field-name-field-event-main-image img {width:100%; height:auto;} body.node-type-event #node-2693 .node-inner .second-col {display: none;} /* End custom CSS for Node 2693 */ /* March 27, 2020 Node 2686 | Zoom User Tips A news node Make full width, 890px A news page without its left or right sidebars, aka sidebar-first and sidebar-second Make first-col full-width Adjust typography styles to contemporary standards Make featured image width 100% of its container Avoid Covid-19 infection. Respect disease transmission prevention protocols Stay indoors and avoid contact with humans and infected materials */ body.node-type-news #node-2686 .first-col {width: 890px;} body.node-type-news.page-node-2686 #sidebar-first {display:none;} body.node-type-news.sidebar-first.page-node-2686 .center {margin-left: 0;} body.node-type-news #node-2686 .first-col p, body.node-type-event #node-2686 .first-col li {font-size: 130%; line-height: 1.5em;} #node-2686 body.node-type-news #node-2686 .first-col .col-inner {padding-right:0;} #node-2686 .field-name-field-main-news img {width:100%; height:auto;} body.node-type-news #node-2686 .node-inner .second-col {display: none;} /* March 16, 2020 Make a 2-column layout to the news page for Node 2681, MAJPS-NA March Seminar Node 2681 Keep left nav Make center content column 710px and remove padding-right on its first child body.node-type-news .first-col > width: 710px and > .col-inner padding-right:0; Hide right sidebar column .node-inner .second-col > display:none; Same styles apply to node 2682 */ body.node-type-event #node-2681 .first-col {width: 710px;} body.node-type-event #node-2682 .first-col {width: 710px;} body.node-type-event #node-2681 .first-col p, body.node-type-event #node-2681 .first-col li {font-size: 130%; line-height: 1.5em;} body.node-type-event #node-2682 .first-col p, body.node-type-event #node-2682 .first-col li {font-size: 130%; line-height: 1.5em;} #node-2681 body.node-type-event #node-2681 .first-col .col-inner {padding-right:0;} #node-2682 body.node-type-event #node-2682 .first-col .col-inner {padding-right:0;} #node-2681 .field-name-field-main-news img {width:100%; height:auto;} #node-2682 .field-name-field-main-news img {width:100%; height:auto;} body.node-type-event #node-2681 .node-inner .second-col {display: none;} body.node-type-event #node-2682 .node-inner .second-col {display: none;} /* Feb 26 2020 Make a 2-column layout to the news page for Node 2676, Responses to Climate Change Resources and Recommendations Node 2676 Keep left nav Make center content column 710px and remove padding-right on its first child body.node-type-news .first-col > width: 710px and > .col-inner padding-right:0; Hide right sidebar column .node-inner .second-col > display:none; */ body.node-type-news #node-2676 .first-col {width: 710px;} body.node-type-news #node-2676 .first-col p, body.node-type-news #node-2676 .first-col li {font-size: 130%; line-height: 1.5em;} #node-2676 body.node-type-news #node-2676 .first-col .col-inner {padding-right:0;} #node-2676 .field-name-field-main-news img {width:100%; height:auto;} /* January 30 2020 Go full-width on CJL info pages Innovation Award | Node 1960 Keep left sidebar, and make content column width of center column + right sidebar Tuition and Fees | Node 2371 Keep left sidebar. Make the link a FW CTA style button bar i.e. 82% Midcareer Fellowships | Node 2370 Keep left sidebar, make button link 82% width Orgnaizations Served | Node 2290 Eliminate left sidebar so type can be larger */ /* Node 1960 | Innovation Award */ #node-1960.node-page .node-inner .first-col {width: 710px;} #node-1960 p {font-size: 16px; line-height: 1.6em;} #node-1960 p.largeText {font-size: 20px; line-height: 1.6em;} #node-1960 p.pressCaption {font-size: 13px; line-height: 1.6em;} #node-1960 .w-overlay img {width: 100%; height: auto;} #node-1960 .border-1 h1 {font-size: 24px; text-transform: none; margin-top:12px; margin-bottom: 12px;} #node-1960 .border-1 {border-top: none;} #node-1960 .overlay-text {padding: 0;} /* Node 2371 | Tuition and Fees */ #node-2371.node-page .node-inner .first-col {width: 710px;} #node-2371 p {font-size: 16px; line-height: 1.6em;} #node-2371 p.largeText {font-size: 20px; line-height: 1.6em;} #node-2371 p.pressCaption {font-size: 13px; line-height: 1.6em;} #node-2371 .w-overlay img {width: 100%; height: auto;} #node-2371 .border-1 h1 {font-size: 24px; text-transform: none; margin-top:12px; margin-bottom: 12px;} #node-2371 .border-1 {border-top: none;} #node-2371 .overlay-text {padding: 0;} /* Node 2370 | Innovation Award */ #node-2370.node-page .node-inner .first-col {width: 710px;} #node-2370 p, #node-2370 li {font-size: 16px; line-height: 1.6em;} #node-2370 p.largeText {font-size: 20px; line-height: 1.6em;} #node-2370 p.pressCaption {font-size: 13px; line-height: 1.6em;} #node-2370 .w-overlay img {width: 100%; height: auto;} #node-2370 .border-1 h1 {font-size: 24px; text-transform: none; margin-top:12px; margin-bottom: 12px;} #node-2370 .border-1 {border-top: none;} #node-2370 .overlay-text {padding: 0;} /* Node 2290 | Organizations Served */ #node-2290 p {font-size: 16px; line-height: 1.6em;} #node-2290 p.largeText {font-size: 20px; line-height: 1.6em;} #node-2290 p.pressCaption {font-size: 13px; line-height: 1.6em;} #node-2290 .w-overlay img {width: 100%; height: auto;} #node-2290 .border-1 h1 {font-size: 24px; text-transform: none; margin-top:12px; margin-bottom: 12px;} #node-2290 .border-1 {border-top: none;} #node-2290 .overlay-text {padding: 0;} /* 2019-12 Jewish Studies pages First used on MJAS page. Core Requirements box Special bullet character usage:   */ .orange-bullet::after {content: "\25CF"; font-size:18px; color:#e45620;} .node .node-inner ul.course-req-list {padding-left: 0;} .course-req-list li {padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid #7e7e7e; list-style: none;} /* Hide empty popup captions on Gallery images */ #node-2136 .overlay-text {padding: 0;} /* November 20 2019 Critical Conversations Climate Change Event Page Live node 2645 Dev node 2633 Full-width, no sidebars style like the other cool kids. by Barry bkafka@spertus.edu and Betsy bgomberg@spertus.edu *production reminders* Hide left and right sidebars using CSS I might make a custom template just for situations like this. */ /* Make main content area full width */ #node-2633 .node-inner .first-col {width:100%;} body.page-node-2633.sidebar-first #content-inner.inner.column.center {margin-left: 0;} #node-2633 .node-inner .second-col {display: none;} #node-2633 .col-inner {padding-right:0;} body.page-node-2633 #sidebar-first {display: none;} #node-2633 .node-img-wrapper.event-tpl-debug img {width: 100%; height: auto;} body.page-node-2633 #node-2633 .first-col .border-1 p {font-size: 18px;} body.page-node-2633.node-type-event .border-1 h1 {font-size:32px; line-height: 40px; font-weight: 200;} body.page-node-2633.node-type-event .border-1 span {font-size:24px; display: block; margin: 16px 0;} /* critcon prefixed elements so they can be node independent */ .critcon-flex-grid {display: flex; justify-content: space-between; margin: 20px 0;} /* if gutters, make them equal width */ /* 3-col grid. narrow col is col one and wider col is 2 and 3 combined. */ /* .critcon-flex-grid .col.col1 {flex: 1;} /* headshot in the narrower column */ /*.critcon-flex-grid .col.col2 {flex:2;} /* text content in the wider one */ .critcon-flex-grid .col.header h1 {margin-top: 3em; color: #ffffff;} .critcon-flex-grid .col.col1 {width:32%; max-width:32%;} .critcon-flex-grid .col.col2 {width: 66%; max-width: 66%;} .critcon-flex-grid .col h2 {font-size: 18px; line-height: 22px; margin-bottom: 9px;} .critcon-flex-grid .col1 img {width: 100%; height: auto;} .node .node-inner h2.panelist-quote {font-size: 28px; font-weight: 200; line-height: 36px;} /* October 25 2019 EMAJPS lander /executive Live node 2598 Dev node 2598 Follows new full-width, no sidebars style like the other redesigned academic landing pages. Added a new wrapper div, #lander-wrap by Barry bkafka@spertus.edu and Betsy bgomberg@spertus.edu *production reminders* Manually remove left sidebar */ /* Make main content area full width */ body.page-node-2598 .node-page .node-inner .first-col {width:100%;} body.page-node-2598 .node-page .node-inner .first-col .col-inner {padding-right:0;} /* remove standard page header */ #node-2598 .block.border-1 > h1 {display:none;} #node-2598 .border-1 {border-top: none;} /* body copy 18px */ #lander-wrap p {font-size: 18px; line-height: 24px;} #lander-wrap li {font-size: 18px; line-height: 24px; margin-bottom: .5em;} #lander-wrap {border:1px solid #cccccc; border:none; } .emajps .simple-flex-wrapper {margin: 1em 0;} .emajps .grey-header{margin: 1em 0;} /* equal width elements with gutters in a flex grid */ .simple-flex-wrapper {display: flex; flex-wrap: wrap;} .simple-flex-wrapper.three-col {justify-content: space-between; margin: 1em 0; } .simple-flex-wrapper.three-col .flex-item {flex: none;} .emajps .flex-item {flex:1; margin: .4em; padding: .25em;} .emajps .pdf-block {justify-content: space-between;} .emajps .pdf-block .flex-item {width:22%; max-width: 22%; border: none; margin: 16px 0; padding: 0;} .emajps .pdf-block .flex-item img {max-width: 190px; border: 1px solid #DCDCDC;} #lander-wrap .pdf-block p {text-align: center;} .emajps .pdf-block .flex-item a {font-size: 15px; line-height: 18px; text-decoration: none;} .three-col .flex-item {width: 30%; margin: 0; padding: 0; background-color: #f3f1ec; padding: 12px;} /* want a gutter and 3 boxes with bg colors */ #lander-wrap.emajps .flex-item h1 {font-size: 18px; text-transform: none; font-weight: 700;} /* buttons are node-specific, annoying. Re-declaring them as children of #lander-wrap */ /* December 2019 Certificate in Jewish Leadership for Educators landing page Added node 2309 to CSS declarations Barry bkafka@spertus.edu node-2309 September 2019 Certificate in Jewish Leadership landing page Design and CSS likewise follows /center and MAJPS-NA Barry bkafka@spertus.edu and Jessica jlessing@spertus.edu node-834 */ /* Certificate for Educators-specific styles */ /* Blue #00a8cb is the theme color for the Educator's Certificate */ .page-node .node .cert-edu h1.positioning-statement {margin: 18px 0 24px; font-weight: 300; text-transform: none; font-size: 22px; line-height: 32px; color:#626263;} .cert-edu .flex-wrap {display: flex; justify-content: space-between; margin:24px 0;} .cert-edu .flex-wrap .flex-item {flex: 1;} /* equal width elements. use padding or width declarations on subelements if necessary */ .cert-edu .flex-wrap.three-col .flex-item {width:30%; max-width: 30%; padding: 12px; background-color: #e7f2f4;} /* 3 equal columns */ .cert-edu .flex-wrap.three-col .flex-item:hover {background-color: #b5d9df;} /* darker when hovered */ .cert-edu .flex-wrap.four-col .flex-item {width:24%; max-width: 24% } /* 4 equal columns */ .cert-edu strong, .cert-edu h1, .cert-edu h2 {color: #00a8cb; font-weight: 700;} #lander-wrap .simple-flex-wrapper a.cta-button.button-blue {background-color: #00a8cb; border-color: #00a8cb;} #lander-wrap .simple-flex-wrapper a.cta-button.button-blue:hover {background-color:#008aa7;} .block .cert-edu h3 {font-size: 1.5em;} .cert-edu .flex-wrap.about-institutions .flex-item {padding: 0 3px;} /* Welcoming pluralistic environment aka majps-hero unit */ /* program overview button lightish blue, not as dark as theme blue > #94c5ce also need hover color which will be a bit darker */ #lander-wrap .majps-hero.cert-edu a.cta-button {background-color: #94c5ce;} #lander-wrap .majps-hero.cert-edu a.cta-button:hover {background-color: #65acb9;} .node .node-inner .majps-hero.cert-edu ul {background: none; color: #626263;} /* Grad Testimonial unit */ #lander-wrap .grad-testimonial p { font-size:22px; line-height:30px; padding-right: 24px; font-style: italic; } #lander-wrap .grad-testimonial p.attribution { font-size:17px; line-height:22px; text-align: right; font-style: normal; width: 60%; margin-left: auto; /*omg this lets the p element align right as intended */ } body.page-node-834 .node-page .node-inner .first-col, body.page-node-2309 .node-page .node-inner .first-col {width:100%;} body.page-node-834 .node-page .node-inner .first-col .col-inner, body.page-node-2309 .node-page .node-inner .first-col .col-inner {padding-right:0;} body.page-node-834 .breadcrump {display: none;} /* funny bc typo. And leave this be, we'll display the breadcrumb. */ .cert-edu p, .page-node .node .cert-edu h1, .cert-edu li {font-size: 18px; line-height: 24px; text-transform: none;} /* Grey bar header fits flush to top of a flex wrapper content unit. In the initial builds the header lived inside the flex wrapper unit. This interferes with the fit of the more important flex units. So when it's outside, make width auto instead of 100% */ #node-2309 p.grey-header {width: auto !important;} /* styles for misc flexy content like the two CTA buttons in a row on /certificate */ #node-834 .simple-flex-wrapper, #node-2309 .simple-flex-wrapper { width:100%; display:flex; flex-wrap: wrap; margin:24px 0; } #node-834 .simple-flex-wrapper a.cta-button, /*#node-2309 .simple-flex-wrapper a.cta-button, */ #lander-wrap .simple-flex-wrapper a.cta-button { display:inline-block; text-align:center; background-color:#e45620; border:2px solid #e45620; color:#fff; padding:12px; border-radius:6px; flex: 2; } #node-834 .simple-flex-wrapper a.cta-button.apply-now, #node-2309 .simple-flex-wrapper a.cta-button.apply-now, #lander-wrap .simple-flex-wrapper a.cta-button.apply-now { margin-left: 12px; border:2px solid #722672; color:#fff; background-color: #722672; flex: 1; } #node-834 .simple-flex-wrapper a.cta-button.apply-now:hover, #node-2309 .simple-flex-wrapper a.cta-button.apply-now:hover, #lander-wrap .simple-flex-wrapper a.cta-button.apply-now:hover { background-color: #571D57; flex: 1; } #node-834 .border-1, #node-2309 .border-1 {border-top:none;} #node-834 .block.border-1 > h1, #node-2309 .block.border-1 > h1 {display:none;} #node-834 .cert-wrap {width:100%;} #node-834 .hero .quote-block {width: 100%; background-color: #e86b20; color:#ffffff;} #node-834 .quote-block h1 {font-size: 48px; text-transform: lowercase; font-weight: 200; margin:0 12px; padding-top:18px; text-align: left;} #node-834 .quote-block p.attribution {font-size: 18px; margin: 0 32px; padding-bottom:18px;} .cert-wrap p, .cert-wrap li {font-size: 24px; line-height: 28px; margin-bottom: 12px;} .cert-wrap .program-details p {font-size: 18px;} .page-node .node .unit-2 h1 {font-size: 60px; line-height: 62px; font-weight: 200; text-transform: capitalize; margin-bottom: 18px; color:#e86b20;} .node .node-inner .unit-2 h2 {font-size: 36px; line-height: 38px; font-weight: 200; margin-bottom: 18px; color:#e86b20;} #node-834 .cta-button.inline {width: auto; padding: 2px 12px; position: relative;top:-3px;} .cert-wrap .majps-na p {font-size: 18px;} /* June 2019 Add new styles up top from now on. */ /* June 25, 2019 MAJPS-NA landing page Design and CSS similar to /center, node 1733 Barry bkafka@spertus.edu and Betsy bgomberg@spertus.edu Dec 19, 2019 MAJPS-Chicago landing page Follows -NA exactly with specific content mods--application dates usw. URL /majps-chicago Live and localhost node 2560 */ body.page-node-2617 .node-page .node-inner .first-col, body.page-node-2560 .node-page .node-inner .first-col {width:100%;} body.page-node-2617 .node-page .node-inner .first-col .col-inner, body.page-node-2560 .node-page .node-inner .first-col .col-inner {padding-right:0;} /* styles copied and modified from /center */ #node-2617 .border-1, #node-2560 .border-1 {border-top:none;} #node-2700 .first-col p, #node-2617 .first-col p, #node-2560 .first-col p, #node-2617 .first-col li, #node-2560 .first-col li {font-size:18px; margin-bottom:1.4em; line-height: 24px;} #node-2617 .first-col .key-dates p.grey-header, #node-2560 .first-col .key-dates p.grey-header, #node-2732 .first-col .key-dates p.grey-header {margin-bottom:0;} #node-2617.node .node-inner .key-dates ul, #node-2560.node .node-inner .key-dates ul {margin-bottom:0;} #node-2617 .first-col .key-dates li, #node-2560 .first-col .key-dates li, #node-2732 .first-col .key-dates li {font-size:16px; margin-bottom:6px; line-height: 22px;} #node-2617 .block.border-1 > h1, #node-2560 .block.border-1 > h1 {display:none;} #node-2617 .first-col h2, #node-2560 .first-col h2 {font-size:36px; line-height:1.1em; margin-bottom:.5em; font-weight:300;} #node-2617 .first-col h3, #node-2560 .first-col h3 {font-size:26px; font-weight:300; margin:.5em 0 .5em 0;} #node-2617 .first-col h3.rule-above, #node-2560 .first-col h3.rule-above {border-top:2px solid #7e7e7e; padding-top:.5em;} #node-2617 .first-col h4, #node-2560 .first-col h4 {font-size:18px;} #node-2700 p.rule-above, #node-2617 p.rule-above, #node-2560 p.rule-above, #node-834 p.rule-above, #node-2697 p.rule-above { font-size: 13px; line-height: 16px; border-top:2px solid #7e7e7e; padding-top:.5em;} /* hero unit. CJL logo in violator box with triangle shadow device. */ .cjl-logo { background: #e45620 url(../../../files/u9/cjl-logo-type.v3.png) center center no-repeat; height: 140px; width: 353px; position: absolute; right: -25px; top: 40px;} .cjl-logo:after { content: ''; position: absolute; left: 328px; top: 140px; width: 0; height: 0; border-left: 0 solid transparent; border-right: 25px solid transparent; border-top: 38px solid #993a16; clear: both;} /* MAJPS hero unit. Used 2x */ .majps-hero { display:flex; flex-wrap:wrap; margin:24px 0 24px 0; } #node-2617 .majps-hero p.grey-header, #node-2560 .majps-hero p.grey-header, .majps-na p.grey-header, #node-834 .majps-hero p.grey-header, #node-834 .program-details p.grey-header, #lander-wrap p.grey-header, #node-2309 p.grey-header, #node-2697 p.grey-header { width:100%; color:#fff; background-color:#7e7e7e; padding:9px 0 9px 9px; margin:0; font-size:18px; font-weight:700; } .majps-hero p:not(.grey-header), .majps-hero ul { flex:1; } /* bullet list with CTA button as last item */ .node .node-inner .majps-hero ul { color:#fff; background:#e45620; padding:12px 20px 0 20px; margin:0 0 1em 0; font-size:18px; } .majps-hero ul li { margin:0 0 12px 12px; line-height:26px; margin-bottom:10px; font-size: 18px; } .majps-hero ul li:last-child { margin-left:0; list-style-type:none; } /* general button style is orange bg, white type */ #node-2732 a.cta-button, #node-2700 a.cta-button, #node-2617 a.cta-button, #node-2560 a.cta-button, #node-2309 a.cta-button, #node-834 a.cta-button, #node-2697 a.cta-button, #lander-wrap a.cta-button { display:inline-block; text-align:center; width:93%; background-color:#e45620; border:2px solid #e45620; color:#fff; padding:12px; border-radius:6px; margin-top:12px; } #lander-wrap a.cta-button:hover, #node-2732 a.cta-button:hover, #node-2697 a.cta-button:hover, #node-2700 a.cta-button:hover, #node-2617 a.cta-button:hover, #node-2560 a.cta-button:hover, #node-2309 a.cta-button:hover, #node-834 a.cta-button:hover { text-decoration:none; background-color:#c14212; } /* Purple CTA button */ #node-2732 a.cta-button.purple-button, #node-2700 a.cta-button.purple-button, #node-2617 a.cta-button.purple-button, #node-2560 a.cta-button.purple-button {background-color: #722672; border: 2px solid #722672;} #node-2732 a.cta-button.purple-button:hover, #node-2700 a.cta-button.purple-button:hover, #node-2617 a.cta-button.purple-button:hover, #node-2560 a.cta-button.purple-button:hover {background-color: #571D57;} /*.majps-hero ul li:last-child a, */ #node-2732 .majps-hero a.cta-button, #node-2700 .majps-hero a.cta-button, #node-2617 .majps-hero a.cta-button, #node-2560 .majps-hero a.cta-button, #node-2697 .majps-hero a.cta-button, #lander-wrap .majps-hero a.cta-button { background-color:#fff; border:2px solid #ebebeb; color:#454545; } /*.majps-hero ul li:last-child a:hover*/ #node-2732 .majps-hero a.cta-button:hover, #node-2700 .majps-hero a.cta-button:hover, #node-2617 .majps-hero a.cta-button:hover, #node-2560 .majps-hero a.cta-button:hover, #node-2697 .majps-hero a.cta-button:hover, #lander-wrap .majps-hero a.cta-button:hover{ text-decoration:none; background:#dadada; } .majps-hero .flex-item { flex:1; background-color:#e45620; padding:1em; } #lander-wrap .cta-button, #node-2732 .cta-button, #node-2700 .cta-button, #node-2617 .cta-button, #node-2560 .cta-button, #node-2309 .cta-button, #node-834 .cta-button, #node-2697 .cta-button { font-size:18px; font-weight:700; } /* MAJPS NA Cohort box. Lt. Grey bg. */ .majps-na { background-color:#ebebeb; display:flex; flex-wrap:wrap; margin-top:24px; } .majps-na .flex-item { flex:1; padding:2em; } /* Small buckets with a little content and a button. two or three in their parent container (aka "wrap",) and they don't wrap. */ .cta-bucket-wrap { display:flex; flex-wrap:no-wrap; justify-content:space-between; background-color:transparent; width:103%; margin:2em -1em 2em -1em; } .cta-bucket { flex:1; background-color:#ebebeb; padding:1em; margin:1em; } #node-2617 .btnBlue { text-transform:none !important; display:block; padding-right:6%; } /* August 6, 2019 Additional styles for NA landing page */ /* pull quote style */ #node-2732 .first-col p.big-text-quote:before, #node-2700 .first-col p.big-text-quote:before, #node-2617 .first-col p.big-text-quote:before, #node-2560 .first-col p.big-text-quote:before { content:"\201C"; font-size:220px; font-style: normal; color: rgba(228,86,32,.5); position: absolute; left:-16px; top:30px; } #node-2732 .first-col p.big-text-quote:after, #node-2700 .first-col p.big-text-quote:after, #node-2617 .first-col p.big-text-quote:after, #node-2560 .first-col p.big-text-quote:after { content:"\201D"; font-size:220px; font-style: normal; color: rgba(228,86,32,.5); position: absolute; right:-18px; bottom:-58px; } #node-2732 .first-col p.big-text-quote, #node-2700 .first-col p.big-text-quote, #node-2617 .first-col p.big-text-quote, #node-2560 .first-col p.big-text-quote { padding: 18px; font-size: 24px; line-height: 29px; font-style: italic; font-family: Georgia, serif; background: #f6ccbc; margin-bottom: 6px; border-radius: 12px; position: relative; } /* additional styles */ #node-2732 .first-col p.ariella-quote, #node-2700 .first-col p.ariella-quote, #node-2617 .first-col p.ariella-quote, #node-2560 .first-col p.ariella-quote {font-size:14px;margin:9px 0 0;} #node-2732 a.cta-button.download-faq, #node-2700 a.cta-button.download-faq, #node-2617 a.cta-button.download-faq, #node-2560 a.cta-button.download-faq {width:97%;} /* end styles for MAJPS-na and MAJPS-chicago lander node 2732, 2700, 2617 and 2560 */ /* June 12, 2019 Center for Jewish Leadership landing page Full-width, no sidebar node 2616 on localhost dev. node 1733 on live site. */ /* The column width assignments live down below with the rest of the special node exceptions. #node-2616.node-page .node-inner .first-col {width:100%;} #node-2616 .first-col .col-inner {padding-right:0;} Remaining custom styles continue here. */ #node-1733 .border-1 {border-top:none;} #node-1733 .first-col p, #node-1733 .first-col li {font-size:18px;} #node-1733 .block.border-1 > h1 {display:none;} #node-1733 .first-col h2 {font-size:36px; line-height:1.1em; margin-bottom:.5em; font-weight:300;} #node-1733 .first-col h3 {font-size:26px; font-weight:300; margin:.5em 0 .5em 0;} #node-1733 .first-col h3.rule-above {border-top:2px solid #7e7e7e; padding-top:.5em;} #node-1733 .first-col h4 {font-size:18px;} /* hero unit. CJL logo in violator box with triangle shadow device. */ .cjl-logo { background: #e45620 url(../../../files/u9/cjl-logo-type.v3.png) center center no-repeat; height: 140px; width: 353px; position: absolute; right: -25px; top: 40px;} .cjl-logo:after { content: ''; position: absolute; left: 328px; top: 140px; width: 0; height: 0; border-left: 0 solid transparent; border-right: 25px solid transparent; border-top: 38px solid #993a16; clear: both;} /* MAJPS hero unit. Used 2x */ .majps-hero { display:flex; flex-wrap:wrap; margin:24px 0 24px 0; } #node-1733 .majps-hero p.grey-header, .majps-na p.grey-header { width:100%; color:#fff; background-color:#7e7e7e; padding:9px; margin:0; font-size:18px; font-weight:700; } .majps-hero p:not(.grey-header), .majps-hero ul { flex:1; } /* bullet list with CTA button as last item */ .node .node-inner .majps-hero ul { color:#fff; background:#e45620; padding:12px 20px 0 20px; margin:0 0 1em 0; font-size:18px; } .majps-hero ul li { margin:0 0 12px 12px; line-height:26px; margin-bottom:10px; } .majps-hero ul li:last-child { margin-left:0; list-style-type:none; } /* general button style is orange bg, white type */ #node-1733 a.cta-button { display:inline-block; text-align:center; width:93%; background-color:#e45620; border:2px solid #e45620; color:#fff; padding:12px; border-radius:6px; margin-top:12px; } #node-1733 a.cta-button:hover { text-decoration:none; background-color:#c14212; } /*.majps-hero ul li:last-child a, */#node-1733 .majps-hero a.cta-button { background-color:#ebebeb; border:2px solid #ebebeb; color:#454545; } /*.majps-hero ul li:last-child a:hover*/#node-1733 .majps-hero a.cta-button:hover { text-decoration:none; background:#dadada; } .majps-hero .flex-item { flex:1; background-color:#e45620; padding:1em; } #node-1733 .cta-button {font-size:20px; font-weight:700;} /* MAJPS NA Cohort box. Lt. Grey bg. */ .majps-na { background-color:#ebebeb; display:flex; flex-wrap:wrap; margin-top:24px; } .majps-na .flex-item { flex:1; padding:2em; } /* Small buckets with a little content and a button. two or three in their parent container (aka "wrap",) and they don't wrap. */ .cta-bucket-wrap { display:flex; flex-wrap:no-wrap; justify-content:space-between; background-color:transparent; width:103%; margin:2em -1em 2em -1em; } .cta-bucket { flex:1; background-color:#ebebeb; padding:1em; margin:1em; } #node-1733 .btnBlue { text-transform:none !important; display:block; padding-right:6%; } /* end CJL lander styles */ /* Enews Sign Up Form RMK = Rob M. Knecht */ #sign_up_form { position:relative;} #sign_up_form h1 { font-size:12px; color:#626263; text-transform:uppercase; clear:both; } fieldset div.box { width: 150px; height:60px; float:left; clear:left } .page-node-714 .first-col { width:100% !important; } fieldset legend { font-size:12px; font-weight:bold; color:#e45620; } fieldset { margin:6px 0px; border:none; padding:0px; clear:both;} fieldset p label { font-weight:bold; display:inline; } fieldset div.box label { display:inline; } fieldset p input[type=text] { position: absolute; right:0; border-bottom: 1px solid #626263; border-right:none; border-left:none; border-top:none; width: 240px; background:none; font-family:helvetica, arial, sans-serif; font-size:1em; font-weight: 400; color:#626263; margin:0px; padding:0px; } input[type=checkbox] { display:block; margin:0px 10px 0px 0px; padding:0px; height:20px; float:left; } .select { position: absolute; right:0; width: 240px; background:none; font-family:helvetica, arial, sans-serif; font-size:1em; font-weight: 400; color:#626263; } .right { position: absolute; right:0; width: 240px; } .button { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7640), color-stop(1, #e45820) ); background:-moz-linear-gradient( center top, #ff7640 5%, #e45820 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7640', endColorstr='#e45820'); background-color:#ff7640; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:2px solid #f5f2f0; display:inline-block; color:#faf7fa; font-family:arial; font-size:12px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #cc8854; }.button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e45820), color-stop(1, #ff7640) ); background:-moz-linear-gradient( center top, #e45820 5%, #ff7640 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e45820', endColorstr='#ff7640'); background-color:#e45820; color:#faf7fa; text-decoration: none; }.button:active { position:relative; top:1px; } /* meta tag fix for title display RMK */ #page-title { display:none; } /*temp fix for program term in people content */ div.field-name-field-people-program-term {display:none;} .mailermailer-form .checkbox-group p { margin-left: 22px; } .mailermailer-form .checkbox-group label { margin-left: 22px; padding-top: 3px; } .mailermailer-form fieldset.personal-info > div{ overflow: hidden; padding: 6px 0; } .mailermailer-form fieldset.personal-info label { width: 30%; float: left; } .mailermailer-form fieldset.personal-info div.input_group { width: 70%; text-align: right; float: left; } .mailermailer-form fieldset.personal-info select { font-size: 1em; margin-bottom: 6px; } .mailermailer-form h3 { color: #e45620; } /* Elisa: base font size: 12px, line-height 17px, takeing the value from spec doc 050411_templates_Spec_MD page 28 */ body { margin: 0; font: 0.75em/1.417em Helvetica, Arial, sans-serif; font-weight: normal; color: #626263; } img { -ms-interpolation-mode: bicubic; } /************************************************************* * 1.GLOBAL *************************************************************/ hr { border: none; padding: 0; height: 0; width: 100%; border-top: 3px solid #A7A9AC; margin: 1em 0; } /* Main Body TexT*/ p { font-size: 1em; margin: 0 0 0.25em 0; line-height: 1.417em; } /* =========================== Links =========================== */ a { color: #e45620; text-decoration: none; outline: none; /* eliminates ugly outline around clicked links (Firefox) */ } a:hover { color: #e45620; text-decoration: underline; } .links a { font-size: 0.833em; line-height: 1.25em; color: #e45620; } .lineheight-fix, a.lineheight-fix, img, a > img{ line-height:0px; font-size:1px;} .overlay-inner p, .overlay-inner .field-content, .overlay-inner a {color:#fff; text-decoration: none;} .node-gallery .overlay-inner a { color: #e45620; text-decoration: none; } .view-front-page-events .overlay-inner {font-weight: bold;} .view-front-page-presents .views-field-title a, .view-front-page-spotlight .views-field-title a {color: #77787b;} .view-front-page-presents .views-field-title a:hover, .view-front-page-spotlight .views-field-title a:hover { color: #e45620; text-decoration: underline; } /* READ MORE LINK */ #block-views-featured_exhibit-block_1 a, #block-block-10 a, #block-block-11 a, .moreLink { text-transform: uppercase; font-size: .833em; white-space: nowrap; font-weight: bold; } /* =========================== Titles =========================== */ h1,h2,h3,h4,h5,h6 { line-height: 1.4em; font-weight: normal; } /*H1 (Main Body Header) */ .view-front-page-presents .views-field-title, .view-front-page-spotlight .views-field-title, h1 { font-weight: normal; font-size: 1em; } /*FOR PAGE TITLE THAT APPEAR INSIDE THE BLOCK*/ .border-1 h1 {font-size: .833em; line-height: 1.4em;} /*FOR NODE TYPE=SECTION, INTRO-BLOCK, reference doc = 050411_Templates_Specs_MD.pdf page 4 */ h1.intro-header { font-size:14px; line-height: 20px;} .page-node .node h1.inline-title {float:left; padding-right: 4px; text-transform: none;} .intro-block p {font-size:14px; line-height: 20px; color: #58595B; } .node-type-exhibit h1#page-title, .node-type-event h1#page-title, .node-type-section h1#page-title, .node-type-page h1#page-title, .node-type-person h1#page-title {display:none;} h2 { font-size: 0.833em; line-height: 14px; font-weight: normal; } .border-1 h2.block-title { padding-top: 2px; } /*=USE GRAY AS THE FIRST CHOICE OF COLOR FOR BLOCK BORDER*/ #block-views-featured_gallery-block_3, #block-block-1, #sidebar-first .block, .border-1, .border-1-gray {border-top: 7px solid #626263;} #sidebar-second .block, .border-2 { border-top: 2px solid #626263; } #sidebar-second .block, .border-3 { border-top: 4px solid #626263; } #sidebar-first .block-menu-block { border-top:0;} /* =========================== Featured Gallery Overlay =========================== */ .w-overlay {position: relative;} .overlay, .overlay-text { opacity:0.8; filter:alpha(opacity=80); display: none; position: absolute; bottom: 0px; left:0px; } .overlay-inner, .overlay-text {padding:10px;} .views-field-field-photo-image.w-overlay .overlay-text {width:439px;} /* .w-overlay:hover .overlay {display:block;} */ .overlay-text, .overlay-text a {color: #fff;} .overlay-text a:hover {text-decoration: none;} .view-display-id-block_3 .overlay-text a {color:#e45620; font-weight: bold; text-transform: uppercase; font-size: .833em} .view-page-gallery .overlay-text p, .view-featured-gallery .overlay-text p, .view-featured-gallery .overlay-inner p { color: #fff; font-size: 1em; line-height: 1.42em; } #block-views-featured_gallery-block_2 .view-featured-gallery .overlay-text { } /* Academics overlay only */ #block-views-featured_gallery-block_2 .view-featured-gallery .overlay-text h2 {font-family: Helvetica, Arial, sans-serif; font-style: normal;} .view-page-gallery .views-field-nothing a, .view-featured-gallery .views-field-nothing a {color:#e45620; text-decoration: none; text-transform: uppercase; font-size: .833em; font-weight: bold;} .view-page-gallery .overlay-inner a:hover, .view-page-gallery .views-field-nothing a:hover, .view-featured-gallery .overlay-inner a:hover, .view-featured-gallery .views-field-nothing a:hover {text-decoration: underline;} /* eliminate extra space under image */ .view-page-gallery .views-field-field-photo-image img, .view-featured-gallery .views-field-field-photo-image img {display: block;} .w-overlay img {display: block;} /* eliminate extra space under image */ /* -- COLORS THAT SHOULD CHANGE ACCORDINGLY; USE DARK GRAY AS FIRST CHOICE -- */ /* Hover Overlay Background */ .overlay, .overlay-inner, .overlay-text {background-color: #58595B;} /* purple */ body.purple.node-type-page .overlay-text, body.purple .view-page-gallery .overlay-text, body.purple .view-featured-gallery .overlay-inner, body.purple .view-featured-gallery .overlay-text {background-color: #722672;} /* blue */ body.blue.node-type-page .overlay-text, body.blue .view-page-gallery .overlay-text, body.blue .view-featured-gallery .overlay-inner, body.blue .view-featured-gallery .overlay-text {background-color: #00A8CB;} /* Slideshow Link text */ .view-featured-gallery .views-field-nothing a {color: #58595B;} /* purple */ body.purple .view-page-gallery .views-field-nothing a, body.purple .view-featured-gallery .views-field-nothing a {color: #722672;} /* blue */ body.blue .view-page-gallery .views-field-nothing a, body.blue .view-featured-gallery .views-field-nothing a {color: #00A8CB;} #block-views-page_gallery-block_1 {/*margin-bottom: 0px;*/} /* move overlay box up and add margin to position the link text */ .view-featured-gallery.view-display-id-block_1, .view-featured-gallery.view-display-id-block_2, .view-featured-gallery.view-display-id-block_4 {margin-bottom: 8px;} .view-page-gallery.view-display-id-block_1 .views-field-nothing, .view-featured-gallery.view-display-id-block_1 .views-field-nothing, .view-featured-gallery.view-display-id-block_2 .views-field-nothing, .view-featured-gallery.view-display-id-block_4 .views-field-nothing {position: absolute; bottom: -18px; left: 0px;} .view-page-gallery.view-display-id-block_2 .views-field-field-description .overlay-text, .view-featured-gallery.view-display-id-block_1 .views-field-field-description .overlay-inner, .view-featured-gallery.view-display-id-block_2 .views-field-field-description .overlay-text, .view-featured-gallery.view-display-id-block_4 .views-field-field-description .overlay-inner {width: 415px;} .view-page-gallery.view-display-id-block_1 { margin-top: 2px; margin-bottom: 16px; position: relative;} .view-page-gallery.view-display-id-block_1 .views-field-field-description .overlay-text {width: 439px; bottom:17px;} .view-page-gallery.view-display-id-block_2 .views-field-field-description .overlay-text {bottom: 0;} /* =========================== Views Grids =========================== */ .view-exhibits table, .view-programs-events table, .view-people-faculty table, .view-library-collections, .view-library-collections-gallery, #block-views-front_page_events-block_1 table { width: 100%;} .view-exhibits table td, .view-programs-events table td, .view-people-faculty table td, .view-library-collections table td, .view-library-collections-gallery table td, #block-views-front_page_events-block_1 table td {width: 50%; border-left: 20px solid #fff; padding-bottom: 20px; vertical-align: top;} .view-exhibits table td:first-child, .view-programs-events table td:first-child, .view-people-faculty table td:first-child, .view-library-collections table td:first-child, .view-library-collections-gallery table td:first-child, #block-views-front_page_events-block_1 table td:first-child { border-left: 0;} #block-views-front_page_events-block_1 table td .overlay-inner { width: 202px;} /* event location term */ /* Green box in the bottom left corner of event thumbnail Removed the word "Spertus" from "Spertus in the Suburbs" Reduced height to 36px Barry mod April 10 2018 */ .node-img-wrapper{ position: relative;} .field.field-name-field-event-location-term {position: absolute; left:0px; bottom:0px; width: 50px; height: 50px; height:36px; padding:5px; background-color: #58595B; text-align: center;} /* change the size of the icon in grid view */ /* Changed height of the green "Spertus in the Suburbs" box since we deleted the word "Spertus" Barry Kafka mod April 10 2018 */ .view-programs-events .field.field-name-field-event-location-term { width: 35px; height: 35px; height:24px; padding: 4px 4px 0px 2px; font-size:9px; line-height: 10px;} /* add spertus to term name*/ /* Barry Kafka modification bkafka@spertus.edu */ /* Style disabled April 10 2018 since Spertus is not always the official host of events listed on the website. This mod only effects the event listing detail page. The "Spertus in the Suburbs" head in grid view, i.e. the events summary view listing is controlled in Drupal template code and not via CSS. */ /* .field-name-field-event-location-term .field-item:before { content: "Spertus ";} */ /*=CHANGE COLOURS FOR ACADEMICS SECTION = BLUE */ body.blue .border-1, body.blue .second-col h2 {border-color: #00A8CB;} body.blue .second-col h2 {color: #00A8CB;} body.blue .border-1 h1, body.blue .border-1 h2.block-title {color: #00A8CB;} /*=CHANGE COLOURS FOR RESOURCES/LIBRARY & COLLECTION = PURPLE */ body.purple .border-1, body.purple .second-col h2 {border-color: #722672;} body.purple .second-col h2 {color: #722672;} body.purple .border-1 h1, body.purple .border-1 h2.block-title {color: #722672;} /*=CHANGE COLOURS FOR EVENT & PROGRAM = GREEN */ body.green .border-1, body.green .second-col h2 {border-color: #6DB23F;} body.green .second-col h2 {color: #6DB23F;} body.green .border-1 h1, body.green .border-1 h2.block-title {color: #6DB23F;} /*=CHANGE COLOURS FOR PERSON NODE TYPE = BLUE */ .view-people-faculty .border-1, .node-person .border-1{border-color: #00A8CB !important;} .node-person .border-1 h2.block-title{ color: #00A8CB !important;} /*=CHANGE COLOURS FOR RESOURCES/EXHIBIT = PURPLE */ .node-exhibit .border-1{border-color: #722672 !important;} .node-exhibit .border-1 h1, .node-exhibit .border-1 h2.block-title{ color: #722672 !important;} .page-exhibit .border-1{border-color: #722672 !important;} .page-exhibit .border-1 h1, .page-exhibit .border-1 h2.block-title{ color: #722672 !important;} /*=CHANGE COLORS FOR EVENT TERM ID=17 ACADEMIC = BLUE*/ .event-genre-17 .border-1{border-color: #00A8CB !important; } .event-genre-17 .border-1 h2.block-title{ color: #00A8CB !important; } .event-genre-17 .field.field-name-field-event-location-term, .event-genre-17 .overlay-inner { background-color: #00A8CB !important; } /*=CHANGE COLORS FOR EVENT TERM ID=16 PUBIC = GREEN*/ .event-genre-16 .border-1{border-color: #6DB23F !important;} .event-genre-16 .border-1 h2.block-title{ color: #6DB23F !important;} .event-genre-16 .field.field-name-field-event-location-term, .event-genre-16 .overlay-inner { background-color: #6DB23F !important;} /*=NODE TYPE OR LAYOUT THAT HAVE 2 COL */ .col {float:left;} .col-inner { padding-right:20px;} .second-col .col-inner { padding-right:0px;} .node-inner .first-col { width: 455px; } .node-inner .second-col { width: 248px; margin-right: -364px;} .node-page .node-inner .first-col { width: 479px; } .node-page .node-inner .second-col { width: 222px; margin-right: -425px;} /* =========================== Submit Buttons =========================== */ #main .form-submit { margin-top: 0; background-color: #e45620; border: none; color: #fff; text-transform: uppercase; font-size: 0.833em; padding:5px 10px; border-radius: 0; cursor: pointer; float:right; } /* =========================== Select Menus =========================== */ /* all form DIVs have position property set to relative so we can easily position newly created SPAN */ div.form-type-select, div.webform-component-select {position: relative;} /* setting the width and height of the SELECT element to match the replacing graphics */ select.form-select { position: relative; z-index: 10; width: 200px; height: 23px !important; line-height: 23px; } /* dynamically created SPAN, placed below the SELECT */ span.select { position: absolute; top: 0; /*float:left;*/ right: 4px; width: 200px; height: 22px; line-height: 22px; text-indent: 3px; background: url(../images/widget-select-arrow.png) no-repeat 186px center; cursor: default; z-index: 1; border: 1px solid #A7A9AC; text-transform: uppercase; font-size: .833em; color: #e45620; } .webform-component-select span.select { top: 17px; left: 0px; height: 22px; background: url(../images/widget-select-arrow.png) no-repeat 206px center; } .webform-component-select select.form-select { width: 222px; height: 22px; margin-top: 3px; } #webform-client-form-1606 .webform-component-select span.select, #webform-client-form-1606 .webform-component-select select.form-select { width:403px; } #webform-client-form-1606 .webform-component-select span.select { background: url(../images/widget-select-arrow.png) no-repeat 387px center; } .page-node-770 .webform-client-form { padding-left: 30px; } .node .jotform-form ul.form-section { margin: 0; padding: 0; } .jotform-form .form-line { overflow: auto; } .jotform-form .form-label-left { min-width: 47.5%; max-width: 236px; } .jotform-form .form-input { margin-top:3px; } /* =========================== Wysiwyg Editor Styles =========================== */ .largeText {font-size: 1.17em;} .blueText {color: #00A8CB;} .purpleText {color: #722672;} .greenText {color: #6DB23F;} .orangeText {color: #e45620;} .imgLeftTop {float: left; padding: 3px 15px 10px 0px;} .imgLeftMiddle {float: left; padding: 15px 15px 10px 0px;} .imgRightTop {float: right; padding: 3px 0px 10px 15px;} .imgRightMiddle {float: right; padding: 15px 0px 10px 15px;} /* Added 2011/11/15 - RMK*/ .pressImage {float:right; padding:0px 6px 6px 0px; margin-bottom:20px; } .pressCaption { font-size: .833em;} .clearBoth { clear:both;} /************************************************************* * 2.LAYOUT *************************************************************/ /* SEE layout.css */ /*=LAYOUT FOR 1 COLUMN FULL - WIDTH - RMK 2012-02-08 */ .node-page .node-inner .one-col { width: 680px;} /*= www.spertus.edu/sitemap - RMK 2012-02-29 */ #block-menu_block-9 li.academics, #block-menu_block-9 li.programs-events, #block-menu_block-9 li.library-collections, #block-menu_block-9 li.about { border:none; width:280px; float:left; padding-right:60px; padding-bottom:25px; } #block-menu_block-9 li a, #block-menu_block-10 li a { font-size:1.08em; font-weight:bold; border-bottom: 1px solid #ccc; margin-bottom:10px; margin-top:10px; display:block; padding-bottom:2px; } #block-menu_block-9 li li a, #block-menu_block-10 li li a { font-size:1em; font-weight:normal; border-bottom:none; padding-bottom:3px; margin-bottom:0px; margin-top:0px; display:block; padding-bottom:0px; } #block-menu_block-10 li.donate, #block-menu_block-10 li.join, #block-menu_block-10 li.news, #block-menu_block-10 li.visit, #block-menu_block-10 li.shop { float: left; border:none; width:280px; padding-right:60px; padding-bottom:25px; } /************************************************************* * 3.HEADER *************************************************************/ #header { position: relative; margin-top: 14px; } #site-name { /* Not used? */ font-size: 2.2em; line-height: 1.3em; font-weight: normal; padding: 0 0 0.5em; margin: 0; } #site-slogan { position: relative; top: -1.25em; left: 107px; font-weight: bold; color: #626263; } .logo-wrapper { padding:0; margin:0; display:inline-block; } .main-logo { display:inline-block; /* height:69px; */ height:88px; margin:0 0 15px 6px; } #header-region { position: absolute; top: 18px; right: 0px; } /* Search Block */ .block-search { /*float:right; position:relative; display:block; width:220px; */ } #block-block-16 { display:block; padding-left:3px; margin-top:-5px; float:right; clear:right; } #search-block-form div .container-inline .form-actions .form-submit { background-color:transparent; } #block-search-form { position: relative; margin-bottom: 4px; margin-top:-23px; float:right; } #block-search-form .form-type-textfield { /*display: block; float: left; padding: 0; margin: 0; height: 17px; */ } #block-search-form .form-type-textfield label {display: none;} #block-search-form .form-type-textfield input { /*height: 17px; */ width: 149px; padding: 6px 16px 6px 4px; background-color: #ddd; border: none; color: #77787b; /*font-weight: bold; */ font-size: 12px; float:right; } #block-search-form .form-actions input { position: absolute; top: 5px; right: 0px; } /* Sign up for eNews */ #block-block-16 a { font-size: 11px; font-weight: bold; } #header-region #block-block-8 { display: none; z-index: 1000; position:fixed; top: 0px; } #header-region #block-block-8 .content a { font-size: 12px; line-height: 32px; font-weight: bold; width: 120px; height: 32px; padding: 10px 20px !important; background: #e45620; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8; color: #fff; } .logged-in #header-region #block-block-8 { top: 65px; } /************************************************************* * 4.NAVIGATION *************************************************************/ /* =========================== Primary Menu =========================== */ #block-system-main-menu ul.menu { list-style-type: none; list-style-image: none; padding: 0; margin: 0; } #block-system-main-menu ul.menu li { list-style-type: none; list-style-image: none; float: left; margin: 0 6px 0 0; padding: 0; } #block-system-main-menu ul.menu li a { font-size: 1em; background-color: #e45620; color: white; font-weight: bold; padding: 0.25em 5em 0.25em 0.25em; } #block-system-main-menu ul.menu li a.active { background-color: #58595b; } #block-system-main-menu ul.menu li a:hover { text-decoration: none; } #navigation { position:relative; } #block-nice_menus-1, #navigation ul#primary { list-style-type: none; list-style-image: none; padding: 0; margin: 0; float: left; width: 100%; } #navigation ul#primary li { list-style-type: none; list-style-image: none; float: left; margin: 0 6px 0 0; padding: 0; } #navigation ul#primary li a { background-color: #e45620; color: white; font-size: 1em; font-weight: bold; padding: 0.25em 5em 0.25em 0.25em; } #navigation ul#primary li a.active { background-color: #58595b; } #navigation ul#primary li a:hover { text-decoration: none; } /* =========================== Secondary Links =========================== */ #block-block-24 { position:absolute; top:-20px; right:0; } .donate-button-primary { background-color:#0da326; color:#fff; padding:30px 65px 10px; border-radius: 0 0 4px 4px; text-shadow: 0 0 5px transparent; transition: all 400ms ease; } .donate-button-primary:hover { background-color:#0cb929; color:#fff; text-decoration:none; text-shadow: 0 0 5px #fff; transition: all 400ms ease; } #block-menu-menu-secondary-links { float:left; position:absolute; left:-240px; left:-380px; top:-22px; } #block-menu-menu-secondary-links .menu, #secondary { list-style-image: none; list-style-type: none; padding: 0; margin: 0; } #block-menu-menu-secondary-links .menu li, #secondary li { list-style-image: none; list-style-type: none; float: left; padding-right: 8px; margin: 0; } #block-menu-menu-secondary-links .menu li a, #secondary li a { display: block; font-size: 0.917em; font-weight: bold; line-height: 1.083em; color: #e45620; border-left: 1px solid #e45620; height: 16px; padding-top: 3px; padding-left: 8px; } #block-menu-menu-secondary-links .menu li.first a, #secondary li.first a { border-left: 0px solid #e45620; padding-left: 0; } #block-menu-menu-secondary-links .menu li.last, #secondary li.last { padding-right: 0; } #block-menu-menu-secondary-links ul.menu ul.menu {display: none;} /* =========================== Menu Block =========================== */ #sidebar-first .block-menu-block ul.menu { list-style-type: none; padding: 0; line-height: 1.2em; } #sidebar-first .block-menu-block ul.menu li { list-style-type: none; list-style-image: none; margin: 0; padding: 3px 0 6px 6px; border-top: 1px solid #A7A9AC; } #sidebar-first .block-menu-block ul.menu li.active-trail { border-top: 4px solid #58595B; } #sidebar-first .block-menu-block { border-bottom: 1px solid #A7A9AC; } #sidebar-first .block-menu-block ul.menu li a { font-size: 1em; line-height: 14px; color: #4A494B; text-decoration: none; } #sidebar-first .block-menu-block ul.menu li a:hover { color: #e45620; text-decoration: none; } #sidebar-first .block-menu-block ul.menu li a.active-trail { font-weight: bold; color: #58595B; } #sidebar-first .block-menu-block ul.menu ul.menu {padding-top: 6px;} #sidebar-first .block-menu-block ul.menu ul.menu li { border: 0; padding: 0; padding-bottom: 4px; } #sidebar-first .block-menu-block ul.menu ul.menu li a { font-size: 1em; color: #9A9DA0; } #sidebar-first .block-menu-block ul.menu ul.menu li a:hover { color: #e45620; font-weight: bold; } #sidebar-first .block-menu-block ul.menu ul.menu li a.active-trail { color: #58595B; } #sidebar-first .block-menu-block ul.menu ul.menu ul.menu li { padding-left: 10px; } /* Hide unwanted sub-nav on Faculty/Exhibits Nodes */ #block-menu_block-2 ul.menu ul.menu, #block-menu_block-4 ul.menu ul.menu {display: none;} /* =========================== Breadcrumbs =========================== */ .breadcrumb { margin-top: -19px; padding-bottom: 2px; font-size: 9px; text-transform: uppercase; } .breadcrumb a { color: #77787B; } /************************************************************* * 5.NODES/VIEWS *************************************************************/ .node .node-inner h2 { font-size: 1em; text-transform: none; font-weight: bold; } .node .node-inner ul, .node .node-inner ol { margin-top: 6px; margin-bottom: 12px; padding-left: 15px; } /*.node .node-inner li { margin-bottom: 12px; }*/ /* =========================== Page Node =========================== */ .page-node .node h1 {font-weight: bold; text-transform: uppercase;} .page-node .node-img-wrapper {margin-bottom: 12px;} .page-node .field-name-field-description p {margin-bottom: 12px;} .page-node .node-inner .second-col h2 { border-top-width: 7px; border-top-style: solid; font-size: .833em; text-transform: uppercase; font-weight: bold; margin-bottom: 2px; padding-top: 2px; } .page-node .node-inner .second-col h2.block-title {border: none;} .page-node .node-inner .second-col h3 { border-top: 4px solid #626263; font-size: .833em; text-transform: uppercase; font-weight: normal; margin-bottom: 2px; padding-top: 2px; } .page-node .node-inner .second-col p {margin-bottom: 12px;} /* =========================== Section Node =========================== */ .sectionTitle { border-top: 4px solid #626263; margin-bottom: 10px; text-transform: uppercase; font-size: .833em; } .node .node-inner h2.spotlightTitle { border-top: 7px solid #626263; font-size: 0.833em; line-height: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 4px; } /* =========================== Front/Home Page =========================== */ #block-views-front_page_gallery-block_1 {margin-bottom: 17px;} #block-block-2 {margin-bottom: 9px;} .view-front-page-presents .views-row, .view-front-page-spotlight .views-row {margin-bottom: 11px;} .view-front-page-presents .views-field-field-event-teaser {display: inline;} .view-front-page-experience .views-row-last .delimeter {display: none;} #sidebar-second-inner #block-block-5 h3.nudgeLeft {margin-left: -1px;} #sidebar-second-inner #block-block-6 ul {list-style: none; padding-left: 0;} #sidebar-second-inner #block-block-6 li {line-height: 1.2em; padding-bottom: 2px;} body.front .twtr-widget .twtr-hd, .twtr-ft {display: none;} body.front .twtr-widget .twtr-doc {width: 100px !important;} body.front .twtr-widget .twtr-bd {padding: 0;} body.front .twtr-widget .twtr-tweet-wrap {padding: 0 0 6px 0;} body.front .twtr-widget .twtr-tweet {padding-bottom: 6px; border-bottom: none;} body.front #twtr-widget-1 .twtr-tweet a {color: #e45620 !important;} /* ============================== People/Faculty ============================== */ /* ----- Landing Page ----- */ body.page-about-people-faculty #content-header, body.page-academics-faculty #content-header {position: relative;} body.page-about-people-faculty h1#page-title, body.page-academics-faculty h1#page-title { border-top: 3px solid #626263; margin-bottom: 10px; text-transform: uppercase; font-size: .833em; position: absolute; top: 54px; left: 0px; width: 717px; padding-top: 2px; } .view-id-people_faculty .views-field-field-people-photo { float:left; padding-right:20px; margin-top: 8px; } .view-id-people_faculty .views-field-title { margin-top: 8px; } #views-exposed-form-people-faculty-page-1, #views-exposed-form-people-faculty-page-2 { margin-bottom: 40px; } #views-exposed-form-people-faculty-page-1 .views-widget-filter-tid, #views-exposed-form-people-faculty-page-2 .views-widget-filter-tid { width: 350px; padding: 0; } #views-exposed-form-people-faculty-page-1 label, #views-exposed-form-people-faculty-page-2 label { float: left; padding-right: 6px; padding-top: 4px; font-size: .833em; font-weight: normal; text-transform: uppercase; } #views-exposed-form-people-faculty-page-1 select, #views-exposed-form-people-faculty-page-2 select { float: left; width: 200px; padding: 2px; font-size: .833em; text-transform: uppercase; color: #e45620; line-height: 1.4em; } #views-exposed-form-people-faculty-page-1 .views-submit-button, #views-exposed-form-people-faculty-page-2 .views-submit-button { padding: 0; padding-top: 2px; } /* ----- Nodes ----- */ .node-type-person .col-inner h1 { font-size: 1em; text-transform: none; } .node-type-person .field-name-field-people-biography {margin-top: 16px;} .node-type-person .field-label { font-size: 0.833em; line-height: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 3px; border-top: 2px solid #626263; } .node-type-person .field {margin-bottom: 14px;} .node-type-person .field-name-field-people-education .field-label, .node-type-person .field-name-field-people-link .field-label { border-top: 7px solid #00A8CB; color: #00A8CB ; } .node-type-person .field-name-field-people-organization, .node-type-person .field-name-field-people-program-term, .node-type-person .field-name-field-people-email, .node-type-person .field-name-field-people-telephone { margin-bottom: 3px; } /* =========================== Programs & Events =========================== */ /* ----- Landing Page ----- */ #node-6 .border-1 {border: none; margin: 0;} .view-programs-events table td {padding-bottom: 12px;} .view-featured-event .first-col {width: 344px; padding-right: 20px;} .view-featured-event .second-col {width: 340px;} .view-featured-event div.field-content {margin-bottom: 10px;} .view-programs-events .view-header h2 {text-transform: uppercase;} .view-programs-events table td .first-col { width: 162px; padding-right: 20px;} .view-programs-events table td .second-col { width: 162px;} .view-programs-events .second-col div.field-content {margin-bottom: 10px;} .view-featured-event .node-img-wrapper .field-content { margin-bottom: 4px;} .views-widget-sort-by, .views-widget-sort-order, #block-views--exp-exhibits-page_1 { display: none; } /* ----- Filter Menu ----- */ #block-spertus-events-filter {display:none;} #sidebar-first #block-spertus-events-filter, #sidebar-first #block-menu_block-11 { border-top: 4px solid #626263; margin-bottom: 0px; } #block-spertus-events-filter h2.block-title, #block-menu_block-11 h2.block-title {font-weight: normal;} #block-spertus-events-filter ul, #sidebar-first #block-menu_block-11 ul { list-style: none; padding-left: 1px; /*margin-bottom: 0px;*/ } #block-spertus-events-filter ul li, #sidebar-first #block-menu_block-11 ul li { margin-left: 0px; margin-bottom:.75em; padding:0; border-top:none; } #block-spertus-events-filter ul li a, #sidebar-first #block-menu_block-11 ul li a { color: #77787B; font-weight: bold; } #block-spertus-events-filter ul li a:hover, #sidebar-first #block-menu_block-11 ul li a:hover { color: #e45620; text-decoration: none; } #views-exposed-form-programs-events-default input.form-text {width: 90px;} #views-exposed-form-programs-events-default .form-submit { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } /* ----- Left Blocks ----- */ #sidebar-first #block-views--exp-programs_events-default, #sidebar-first #block-views-featured_exhibit-block_1, #sidebar-first #block-block-10, #sidebar-first #block-block-11 {border-top-width: 4px;} #sidebar-first #block-views-featured_exhibit-block_1 .content a, #sidebar-first #block-block-10 .content a, #sidebar-first #block-block-11 .content a {font-weight: bold;} #sidebar-first #block-block-10 h2, #sidebar-first #block-block-10 .moreLink a, #sidebar-first #block-block-11 h2, #sidebar-first #block-block-11 .moreLink a { font-weight: bold; font-size: 10px; text-transform: uppercase; } /* ----- Nodes ----- */ .node-type-event .border-1 h1 {font-size: 1em; text-transform: none;} .node-type-event .field-name-field-ticket-price p {margin-bottom: 1em;} /* Social Share */ .social-share {padding-top: 8px;} .social-share span {display: none;} .social-share a { display: block; float: left; height: 22px; width: 22px; text-indent: -666em; margin-right: 10px; } .social-share a.social-share-facebook {background: url(../images/icon-facebook.png) no-repeat top left;} .social-share a.social-share-twitter {background: url(../images/icon-twitter.png) no-repeat top left;} .social-share a.social-share-linkedin {background: url(../images/icon-linkedin.png) no-repeat top left; background-size:22px 22px;} /* =========================== Exhibits =========================== */ /* ----- Landing Page ----- */ /*.view-featured-event .first-col {width: 49%;} .view-featured-event .second-col {width: 49%;} .view-featured-event div.field-content {margin-bottom: 10px;}*/ .view-exhibits .view-header h2 {text-transform: uppercase;} .view-exhibits table td .col { width: 49%;} .view-exhibits div.field-content {margin-bottom: 0px;} /* ----- Filter Menu ----- */ #sidebar-first #block-spertus-exhibits-filter { border-top-width: 4px; } #block-spertus-exhibits-filter ul { list-style: none outside none; padding-left: 1px; } #block-spertus-exhibits-filter ul li { margin-left: 0; } #block-spertus-exhibits-filter ul li a { color: #77787B; font-weight: bold; } #block-spertus-exhibits-filter ul li a:hover { color: #e45620; text-decoration: none; } .node-type-exhibit .border-1 h1 {font-size: 1em; text-transform: none; color: #626263 !important;} /* =========================== Library & Collections =========================== */ /* ----- Main Landing Page ----- */ /* ----- Audio/Video/Photo Gallery Landing Pages ----- */ body.page-node-249 h1#page-title, body.page-node-251 h1#page-title { display: block; border-top: 3px solid #626263; margin-bottom: 10px; text-transform: uppercase; font-size: .833em; padding-top: 2px; } body.page-node-249 #block-system-main, body.page-node-251 #block-system-main {display: none;} .view-library-collections table td .first-col, .view-library-collections-gallery table td .first-col { width: 182px;} .view-library-collections table td .second-col, .view-library-collections-gallery table td .second-col { width: 155px;} /* ----- Media Nodes ----- */ body.node-type-vimeo h1#page-title { display: none; } #media-left { float: left; padding-right: 14px; } #media-right .field-name-field-description {margin-bottom: 14px;} .view-gallery-slideshow { padding: 40px 0 0; width: 890px; } .view-gallery-slideshow table, .view-gallery-slideshow .views_slideshow_slide { width: 100%; } .view-gallery-slideshow table td { text-align: center; } .view-gallery-slideshow .views-field { width: 259px; float: left; padding: 8px 20px 0; } .view-gallery-slideshow .views-field-field-photo-image { width: 550px; padding-bottom: 20px; border-right: 1px solid #A7A9AC; } .view-gallery-slideshow .views-field-field-photo-details p { font-size: .875em; text-transform: uppercase; color: #A7A9AC; } #views_slideshow_slide_counter_gallery_slideshow-default { float: right; } .views_slideshow_main { position: relative; } .views-slideshow-controls-top { border-right: 1px solid #A7A9AC; } .views-slideshow-controls-top, .views-slideshow-controls-bottom { width: 570px; padding: 0 10px; } .views_slideshow_controls_text_previous a, .views_slideshow_controls_text_pause, .views_slideshow_controls_text_next a { padding: 6px; } .views_slideshow_controls_text_previous a { background: url('../images/btn-prev.png') left 7px no-repeat; padding-left: 12px; } .views_slideshow_controls_text_next a { background: url('../images/btn-next.png') right 7px no-repeat; padding-right: 12px; } /* ----- Shadowbox Overlay - Outer ----- */ #sb-overlay { background-color: #fff !important; opacity: 0.7 !important; } #sb-wrapper-inner { border: none; border-bottom: 1px solid #A7A9AC; } #sb-body { background-color: #fff; border: 1px solid #A7A9AC; border-top: 7px solid #00A8CB; } #sb-info { position: absolute; top: 14px; right: -12px; height: 26px; } a#sb-nav-close { background: url(../images/widget-close_overlay.png) no-repeat left top; display: block; width: 24px; height: 24px; } body.blue #sb-body {border-top: 7px solid #00A8CB;} body.purple #sb-body {border-top: 7px solid #722672;} body.green #sb-body {border-top: 7px solid #6DB23F;} h1.media-title { font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 3px; } /* =========================== News =========================== */ /* ----- Main Landing Page ----- */ body.page-news h1#page-title { border-top: 3px solid #626263; margin-bottom: 10px; text-transform: uppercase; font-size: .833em; } #views-exposed-form-news-page-1 { margin-left:5px; } body.page-news h2 { font-size: 1em; font-weight: bold; text-transform: none; padding-bottom: 0px; } body.page-news .views-row { border-bottom: 1px solid #626263; margin-bottom: 12px; padding-bottom: 12px; } body.page-news .views-row { overflow:auto; } body.page-news .views-field { margin-left: 120px; } body.page-news .views-field-field-thumbnail-image { float: left; width: 100px; padding-right: 20px; margin: 0; } body.page-news .views-field-field-thumbnail-image img { width: 100%; height: auto; margin: 0 auto; } body.page-news .views-field-field-publication-date { font-size: 10px; text-transform: uppercase; color: #9A9DA0; margin-bottom: .5em; } body.page-news .moreLink { font-weight: normal; } body.page-news #block-views-featured_news-block { padding-bottom: 30px; border-bottom: 1px solid #000; } body.page-news #block-views-featured_news-block .views-row { border-top: 3px solid #722672; border-bottom: none; width: 30%; margin-right: 5%; float: left; } body.page-news #block-views-featured_news-block .views-row-last { margin-right: 0; } body.page-news #block-views-featured_news-block .views-field { margin-left: 0; } body.page-news #block-views-featured_news-block .views-field-field-thumbnail-image { width:auto; float: none; padding: 0; } body.page-news #block-views-featured_news-block .views-row-first { border-top-width: 6px; width: 100%; margin-right: 0; float: none; margin-bottom: 0; } body.page-news #block-views-featured_news-block .views-row-first > div { width: 345px; float: left; margin: 0 0 0 auto; } body.page-news #block-views-featured_news-block .views-row-first .views-field-field-thumbnail-image { margin-left: 0; padding-right: 20px; } body.page-news #block-views-featured_news-block .views-field-view-node a { font-size: 10px; text-transform: uppercase; } body.page-news #block-views-featured_news-block h3 { font-size: 12px; line-height: 1.25em; margin: 6px 0 0; } body.page-news #block-views-featured_news-block .views-row-first h3 { font-size: 16px; } body.page-news #block-views-featured_news-block .views-row-first p { margin-bottom: 1em; } body.page-news #block-views-featured_news-block h3 a { color: #e45620; } body.page-news #block-views-featured_news-block .views-field-field-publication-date, body.page-news #block-views-featured_news-block .views-field-field-summary { margin-bottom: 3px; } body.page-news #block-views-featured_news-block .views-row-first .views-field-field-publication-date, body.page-news #block-views-featured_news-block .views-row-first .views-field-field-summary { margin-bottom: 12px; } body.page-news #block-views-featured_news-block .views-field-field-summary { display: block; } body.page-news #block-views-featured_news-block .views-field-field-long-summary { display: none; } body.page-news #block-views-featured_news-block .views-row-first .views-field-field-summary { display: none; } body.page-news #block-views-featured_news-block .views-row-first .views-field-field-long-summary { display: block; } body.page-news #block-views-featured_news-block + #block-system-main .views-row-1, body.page-news #block-views-featured_news-block + #block-system-main .views-row-2, body.page-news #block-views-featured_news-block + #block-system-main .views-row-3, body.page-news #block-views-featured_news-block + #block-system-main .views-row-4 { display: none; } #sidebar-first #block-block-17 { border-top: none; } #sidebar-first #block-block-17 .content a.subscribe-to-enews { display: block; background: #e45620; color: #fff; padding: 6px; font-weight: bold; } #sidebar-first #block-block-17 .content a.subscribe-to-enews:hover { text-decoration: none; background: #626263; } /* =========================== Exhibits =========================== */ /* ----- Main Landing Page ----- */ body.page-exhibits h1#page-title { border-top: 3px solid #626263; margin-bottom: 10px; text-transform: uppercase; font-size: .833em; } #views-exposed-form-exhibits-page-1 { margin-left:5px; } body.page-exhibits h2 { font-size: 1em; font-weight: bold; text-transform: none; padding-bottom: 0px; } body.page-exhibits .views-row { border-bottom: 1px solid #626263; margin-bottom: 12px; padding-bottom: 12px; } body.page-exhibits .views-row { overflow:auto; } body.page-exhibits .views-field { margin-left: 120px; } body.page-exhibits .views-field-field-exhibit-cropped { float: left; width: 100px; padding-right: 20px; margin: 0; } body.page-exhibits .views-field-field-exhibit-cropped img { width: 100%; height: auto; margin: 0 auto; } body.page-exhibits .views-field-field-publication-date { font-size: 10px; text-transform: uppercase; color: #9A9DA0; margin-bottom: .5em; } body.page-exhibits .moreLink { font-weight: normal; } body.page-exhibits #block-views-exhibit_list-block { padding-bottom: 30px; border-bottom: 1px solid #000; } body.page-exhibits #block-views-exhibit_list-block .views-row { border-top: 3px solid #626263; border-bottom: none; width: 30%; margin-right: 5%; float: left; } body.page-exhibits #block-views-exhibit_list-block .views-row-last { margin-right: 0; } body.page-exhibits #block-views-exhibit_list-block .views-field { margin-left: 0; } body.page-exhibits #block-views-exhibit_list-block .views-field-field-exhibit-cropped { width:auto; float: none; padding: 0; } body.page-exhibits #block-views-exhibit_list-block .views-row-first { border-top-width: 6px; width: 100%; margin-right: 0; float: none; margin-bottom: 0; } body.page-exhibits #block-views-exhibit_list-block .views-row-first .exhibit-location { width:100%; clear:both; color:#626263; } body.page-exhibits #block-views-exhibit_list-block .exhibit-location h2.block-title { text-transform:uppercase; color:#626263; } body.page-exhibits #block-views-exhibit_list-block .views-row-first > div { width: 345px; float: left; margin: 0 0 0 auto; } body.page-exhibits #block-views-exhibit_list-block .views-row-first .views-field-field-exhibit-cropped { margin-left: 0; padding-right: 20px; } body.page-exhibits #block-views-exhibit_list-block .views-field-view-node a { font-size: 10px; text-transform: uppercase; } body.page-exhibits #block-views-exhibit_list-block h3 { font-size: 12px; line-height: 1.25em; margin: 6px 0 0; } body.page-exhibits #block-views-exhibit_list-block .views-row-first h3 { font-size: 16px; } body.page-exhibits #block-views-exhibit_list-block .views-row-first p { margin-bottom: 1em; } body.page-exhibits #block-views-exhibit_list-block h3 a { color: #e45620; } body.page-exhibits #block-views-exhibit_list-block .views-field-field-publication-date, body.page-exhibits #block-views-exhibit_list-block .views-field-field-summary { margin-bottom: 3px; } body.page-exhibits #block-views-exhibit_list-block .views-row-first .views-field-field-publication-date, body.page-exhibits #block-views-exhibit_list-block .views-row-first .views-field-field-summary { margin-bottom: 12px; } body.page-exhibits #block-views-exhibit_list-block .views-field-field-summary { display: block; } body.page-exhibits #block-views-exhibit_list-block .views-field-field-long-summary { display: none; } body.page-exhibits #block-views-exhibit_list-block .views-row-first .views-field-field-summary { display: none; } body.page-exhibits #block-views-exhibit_list-block .views-row-first .views-field-field-long-summary { display: block; } .exhibit-date { margin-bottom:12px; } #sidebar-first #block-block-17 { border-top: none; } #sidebar-first #block-block-17 .content a.subscribe-to-enews { display: block; background: #e45620; color: #fff; padding: 6px; font-weight: bold; } #sidebar-first #block-block-17 .content a.subscribe-to-enews:hover { text-decoration: none; background: #626263; } .exhibit-links ul { list-style-type:none; margin-left:0; padding-left:0; } .exhibit-links ul li { border-bottom:1px solid #A7A9AC; padding:6px 0 6px 0px; } .exhibit-links ul li a { display:block; color:#626263; padding: 0 0 0 0px; border-left: 6px solid transparent; } .exhibit-links ul li a:hover { text-decoration:none; } #block-block-22 .block-inner h2.block-title { padding-left:2px; padding-top:3px; } #block-block-22 { border-top:4px solid #626263 !important; } .past-exhibits-link { font-size:18px; color:#626263; text-align:right; display:block; padding-top:10px; } .past-exhibits-link:hover { text-decoration:none; } /* Past Exhibits */ /* =========================== Exhibits =========================== */ /* ----- Main Landing Page ----- */ body.page-past-exhibits h1#page-title { border-top: 3px solid #626263; margin-bottom: 10px; text-transform: uppercase; font-size: .833em; } #views-exposed-form-past-exhibits-page-1 { margin-left:5px; } body.page-past-exhibits h2 { font-size: 1em; font-weight: bold; text-transform: none; padding-bottom: 0px; } body.page-past-exhibits .views-row { border-bottom: 1px solid #626263; margin-bottom: 12px; padding-bottom: 12px; } body.page-past-exhibits .views-row { overflow:auto; } body.page-past-exhibits .views-field { margin-left: 120px; } body.page-past-exhibits .views-field-field-exhibit-cropped { float: left; width: 100px; padding-right: 20px; margin: 0; } body.page-past-exhibits .views-field-field-exhibit-cropped img { width: 100%; height: auto; margin: 0 auto; } body.page-past-exhibits .views-field-field-publication-date { font-size: 10px; text-transform: uppercase; color: #9A9DA0; margin-bottom: .5em; } body.page-past-exhibits .moreLink { font-weight: normal; } body.page-past-exhibits #block-views-featured_past-exhibits-block { padding-bottom: 30px; border-bottom: 1px solid #000; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-row { border-top: 3px solid #626263; border-bottom: none; width: 30%; margin-right: 5%; float: left; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-row-last { margin-right: 0; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-field { margin-left: 0; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-field-field-exhibit-cropped { width:auto; float: none; padding: 0; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-row-first { border-top-width: 6px; width: 100%; margin-right: 0; float: none; margin-bottom: 0; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-row-first .exhibit-location { width:100%; clear:both; color:#626263; } body.page-past-exhibits #block-views-featured_past-exhibits-block .exhibit-location h2.block-title { text-transform:uppercase; color:#626263; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-row-first > div { width: 345px; float: left; margin: 0 0 0 auto; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-row-first .views-field-field-exhibit-cropped { margin-left: 0; padding-right: 20px; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-field-view-node a { font-size: 10px; text-transform: uppercase; } body.page-past-exhibits #block-views-featured_past-exhibits-block h3 { font-size: 12px; line-height: 1.25em; margin: 6px 0 0; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-row-first h3 { font-size: 16px; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-row-first p { margin-bottom: 1em; } body.page-past-exhibits #block-views-featured_past-exhibits-block h3 a { color: #e45620; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-field-field-publication-date, body.page-past-exhibits #block-views-featured_past-exhibits-block .views-field-field-summary { margin-bottom: 3px; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-row-first .views-field-field-publication-date, body.page-past-exhibits #block-views-featured_past-exhibits-block .views-row-first .views-field-field-summary { margin-bottom: 12px; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-field-field-summary { display: block; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-field-field-long-summary { display: none; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-row-first .views-field-field-summary { display: none; } body.page-past-exhibits #block-views-featured_past-exhibits-block .views-row-first .views-field-field-long-summary { display: block; } .exhibit-date { margin-bottom:12px; } #sidebar-first #block-block-17 { border-top: none; } #sidebar-first #block-block-17 .content a.subscribe-to-enews { display: block; background: #e45620; color: #fff; padding: 6px; font-weight: bold; } #sidebar-first #block-block-17 .content a.subscribe-to-enews:hover { text-decoration: none; background: #626263; } .past-exhibit-header { font-size:14px; width:100%; display:block; border-bottom:1px solid #333; margin-bottom:15px; } /* ----- Nodes ----- */ body.node-type-news h1#page-title {display: none;} body.node-type-news .border-1 {padding-top: 2px;} body.node-type-news .first-col h1 { padding-bottom: 3px; font-size: 1em; font-weight: bold; text-transform: none; } body.node-type-news .first-col { width: 455px; } #node-1611 .node-inner .first-col, #node-1612 .node-inner .first-col, #node-1613 .node-inner .first-col { width: 666px; } #node-1611 .node-inner .first-col .col-inner, #node-1612 .node-inner .first-col .col-inner, #node-1613 .node-inner .first-col .col-inner { padding-right: 0; } #node-1611 .node-inner .second-col, #node-1612 .node-inner .second-col, #node-1613 .node-inner .second-col { width: 44px; margin-top: 60px; } #node-1611 .node-inner .second-col .border-1, #node-1612 .node-inner .second-col .border-1, #node-1613 .node-inner .second-col .border-1 { border: none; } #node-1611 .node-inner .second-col a, #node-1612 .node-inner .second-col a, #node-1613 .node-inner .second-col a { display: block; width: 44px; padding: 7px 0 6px; margin-bottom: 7px; line-height: 1em; text-align: center; background: #e45620; } #node-1611 .node-inner .second-col a:hover, #node-1612 .node-inner .second-col a:hover, #node-1613 .node-inner .second-col a:hover { background: #626263; } #node-1613 #twitter-widget-0 { width: 666px !important; } /************************************************************* * 6.COMMENTS *************************************************************/ /************************************************************* * 7.SIDEBARS *************************************************************/ #sidebar-first-inner { padding-right: 20px; } #sidebar-second-inner { padding-left: 20px; } /* adds spade to top of sidebar between header and content */ .field-name-field-sidebar-body { padding-top:8px; } /************************************************************* * 8.BLOCKS *************************************************************/ .block{ margin-bottom: 14px;} h2.block-title { font-size: 0.833em; line-height: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 3px; } div.block-inner h2.block-title { } a h2.block-title { color: #626263; } .block h3, .block h4, .block h5, .block h6 { font-size: 1em; font-weight: bold; margin-bottom: 2px; } .block h3 a, .block h4 a, .block h5 a, .block h6 a { color: #626263; } p.extra-space-below { margin-bottom:10px; } /* =========================== Secondary Blocks =========================== */ #sidebar-second-inner h2.block-title { font-weight: normal; } #sidebar-second-inner h3, #sidebar-second-inner h4, #sidebar-second-inner h5, #sidebar-second-inner h6 { font-size: .833em; font-weight: bold; margin-bottom: 2px; } #sidebar-second-inner p, #sidebar-second-inner li { font-size: .833em; line-height: 1.4em; } /************************************************************* * 9.FOOTER *************************************************************/ #footer{ margin-top: 34px; border-top:1px solid #ccc; padding-top:15px;} #block-menu-menu-footer-links {width:48%; float:left; } #block-menu-menu-footer-links, #footer .menu {height: 18px; margin:0; padding: 0 2px;} #footer .menu li { list-style-type: none; list-style-image: none; float:left; margin: 0; padding:0; } #footer .menu a { color:#626263; text-decoration:none; border-left: 1px solid #ccc; font-size: 10px; line-height:10px; padding-left:3px; margin-right:3px; } #footer .menu li:first-child a{ border-left: 0;} #footer #block-block-3 {color: #626263; width:48%; float:right; text-align:right; font-size:10px; padding-right:5px;} /************************************************************* * 10.CSS SUPPORT *************************************************************/ ul.pager { text-transform: uppercase; font-weight: bold; } .item-list ul.pager li {padding: 1px 4px;} ul.pager li a.active { color: #e45620; } ul.pager li a.active:hover { color: #4A494B; } ul.pager li.pager-first , ul.pager li.pager-last { font-size: .833em; } ul.pager li.pager-current { background-color: #4A494B; color: #fff; } ul.pager li.pager-first {margin-left: 0;} tbody {border-top: none;} /************************************************************* * 11.ADMINISTRATION *************************************************************/ /*------------------------------ SQUARE BUTTONS -----------------*/ @media (max-width: 1260px) { .back-to-top { position:fixed; bottom:0; right:0; font-size:14px; color:#fff; text-decoration:none; padding: 8px 20px 6px; background-color:#C1C1C1; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .back-to-top:hover { color:#fff; text-decoration:none; padding: 8px 20px 15px; border-radius:6px 6px 0 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -webkit-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -moz-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); } } @media (min-width: 1261px) { .back-to-top { position:fixed; bottom:0; right:10%; font-size:14px; color:#fff; text-decoration:none; padding: 8px 20px 6px; background-color:#C1C1C1; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .back-to-top:hover { color:#fff; padding: 8px 20px 15px; border-radius:6px 6px 0 0; text-decoration:none; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -webkit-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -moz-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); } } .btnGrey { background: #9A9DA0 url("../images/chevron.png") no-repeat 93% center ; align:right; margin:5px 0 0 0; font-size:98%; display:inline-block; padding-top:7px; padding-bottom:6px; padding-left:4%; padding-right:14%; text-shadow:0px 0px 2px rgba(1, 1, 1, 0.2); color:#fff; text-transform:uppercase; box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -webkit-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -moz-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); border: 1px solid rgba(194, 202, 210, 0.4); cursor:pointer; text-align:center; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnGrey:hover { background:#abb0b6 url("../images/chevron.png") no-repeat 97% center; color:#fff; text-decoration:none; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -webkit-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -moz-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); } .btnBlue { background: #00A8CB url("../images/chevron.png") no-repeat 93% center ; align:right; margin:5px 0 0 0; font-size:98%; display:inline-block; padding-top:7px; padding-bottom:6px; padding-left:4%; padding-right:14%; text-shadow:0px 0px 2px rgba(1, 1, 1, 0.2); color:#fff; text-transform:uppercase; box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -webkit-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -moz-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); border: 1px solid rgba(194, 202, 210, 0.4); cursor:pointer; text-align:center; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnBlue:hover { background:#0bccf4 url("../images/chevron.png") no-repeat 97% center; color:#fff; text-decoration:none; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -webkit-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -moz-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); } .btnOrange { background: #E86B20 url("../images/chevron.png") no-repeat 93% center ; margin:5px 0 0 0; font-size:98%; display:inline-block; padding-top:7px; padding-bottom:6px; padding-left:4%; padding-right:14%; text-shadow:0px 0px 2px rgba(1, 1, 1, 0.2); color:#fff; text-transform:uppercase; box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -webkit-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -moz-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); border: 1px solid rgba(252, 140, 97, 0.4); cursor:pointer; text-align:center; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnOrange a, .btnBlue a { color:#fff; } .btnOrange a:hover, .btnBlue a:hover { text-decoration:none; } .btnOrange:hover { background:#f55d24 url("../images/chevron.png") no-repeat 97% center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color:#fff; text-decoration:none; box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -webkit-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -moz-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); } .btnGreyLg { background: #9A9DA0 url("../images/chevron.png") no-repeat 93% center ; margin:5px 0 0 0; display:block; padding-top:7px; padding-bottom:6px; padding-left:5%; padding-right:14%; text-shadow:0px 0px 2px rgba(1, 1, 1, 0.2); font-size:120%; background-color:#9A9DA0; color:#fff; text-transform:uppercase; box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -webkit-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -moz-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); border: 1px solid rgba(194, 202, 210, 0.4); cursor:pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnGreyLg:hover { background:#abb0b6 url("../images/chevron.png") no-repeat 97% center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color:#fff; text-decoration:none; box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -webkit-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -moz-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); } .btnOrangeLg { background: #E86B20 url("../images/chevron.png") no-repeat 93% center ; margin:5px 0 0 0; padding-top:7px; padding-bottom:6px; padding-left:5%; padding-right:14%; display:block; font-size:120%; color:#fff; text-shadow:0px 0px 2px rgba(1, 1, 1, 0.2); text-transform:uppercase; box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -webkit-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -moz-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); border: 1px solid rgba(252, 140, 97, 0.4); cursor:pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnOrangeLg:hover { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color:#fff; text-decoration:none; background:#f55d24 url("../images/chevron.png") no-repeat 97% center; box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -webkit-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -moz-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); } .btnBlueLg { background: #00A8CB url("../images/chevron.png") no-repeat 93% center ; margin:5px 0 0 0; padding-top:7px; padding-bottom:6px; padding-left:5%; padding-right:14%; display:block; font-size:120%; color:#fff; text-shadow:0px 0px 2px rgba(1, 1, 1, 0.2); text-transform:uppercase; box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -webkit-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -moz-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); border: 1px solid rgba(252, 140, 97, 0.4); cursor:pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnBlueLg:hover { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color:#fff; text-decoration:none; background:#1acef3 url("../images/chevron.png") no-repeat 97% center; box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -webkit-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -moz-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); } /* .btnText { background: url("../images/chevronOrange.png") no-repeat 93% top ; margin:0 2%; padding-top:7px; padding-bottom:15px; padding-left:5%; padding-right:14%; display:inline-block; font-size:100%; color:#e45620; text-transform:uppercase; border-bottom: 1px solid #e45620; cursor:pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnText:hover { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color:#f55d24; text-shadow:0px 0px 4px rgba(1, 1, 1, 0.2); text-decoration:none; background: url("../images/chevronOrange.png") no-repeat 97% top; } .btnTextGrey { background: url("../images/chevronGrey.png") no-repeat 93% top ; margin:0 2%; padding-top:7px; padding-bottom:15px; padding-left:5%; padding-right:14%; display:inline-block; font-size:95%; color:#9A9DA0; text-transform:uppercase; border-bottom: 1px solid #9A9DA0; cursor:pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnTextGrey:hover { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; border-bottom: 1px solid #abb0b6; color:#abb0b6 ; text-shadow:1px 1px 3px rgba(1, 1, 1, 0.2); text-decoration:none; background: url("../images/chevronGrey.png") no-repeat 97% top ; } .btnTextLg { background: url("../images/chevronOrange.png") no-repeat 93% top ; margin:0 2%; padding-top:7px; padding-bottom:15px; padding-left:5%; padding-right:14%; display:block; font-size:95%; color:#e45620; text-transform:uppercase; border-bottom: 1px solid #e45620; cursor:pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnTextLg:hover { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color:#f55d24; text-shadow:1px 1px 3px rgba(1, 1, 1, 0.3); text-decoration:none; background: url("../images/chevronOrange.png") no-repeat 97% top ; } .btnTextGreyLg { background: url("../images/chevronGrey.png") no-repeat 93% top ; margin:0 2%; padding-top:7px; padding-bottom:15px; padding-left:5%; padding-right:14%; display:block; font-size:95%; color:#9A9DA0; text-transform:uppercase; border-bottom: 1px solid #9A9DA0; cursor:pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnTextGreyLg:hover { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; border-bottom: 1px solid #abb0b6; color:#abb0b6 ; text-shadow:1px 1px 3px rgba(1, 1, 1, 0.2); text-decoration:none; background: url("../images/chevronGrey.png") no-repeat 97% top ; } */ /* ---------------------Arrow buttons ---------------*/ /* .btnArrowGrey { background: #9A9DA0 url("../images/arrowOrg.png") no-repeat 120% center ; align:right; margin:0 2%; font-size:98%; display:inline-block; padding-top:7px; padding-bottom:5px; padding-left:4%; padding-right:18%; text-shadow:0px 0px 2px rgba(1, 1, 1, 0.2); color:#fff; text-transform:uppercase; cursor:pointer; text-align:center; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnArrowGrey:hover { background:#abb0b6 url("../images/arrowOrg.png") no-repeat 124% center; color:#fff; text-decoration:none; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -webkit-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -moz-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); } .btnArrowOrange { background: #e45620 url("../images/arrowOrg.png") no-repeat 120% center ; margin:0 2%; font-size:98%; display:inline-block; padding-top:7px; padding-bottom:5px; padding-left:4%; padding-right:18%; text-shadow:0px 0px 2px rgba(1, 1, 1, 0.2); color:#fff; text-transform:uppercase; box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -webkit-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -moz-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); border: 1px solid rgba(252, 140, 97, 0.4); cursor:pointer; text-align:center; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnArrowOrange:hover { background:#f55d24 url("../images/arrowOrg.png") no-repeat 124% center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color:#fff; text-decoration:none; box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -webkit-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); -moz-box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.3); } .btnArrowGreyLg { background: #9A9DA0 url("../images/arrowOrg.png") no-repeat 104% center ; margin:0 2%; display:block; padding-top:7px; padding-bottom:5px; padding-left:4%; padding-right:18%; text-shadow:0px 0px 2px rgba(1, 1, 1, 0.2); font-size:98%; background-color:#9A9DA0; color:#fff; text-transform:uppercase; box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -webkit-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); -moz-box-shadow: 0px 0px 3px rgba(1, 1, 1, 0.2); border: 1px solid rgba(194, 202, 210, 0.4); cursor:pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnArrowGreyLg:hover { background:#abb0b6 url("../images/arrowOrg.png") no-repeat 108% center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color:#fff; text-decoration:none; } .btnArrowOrangeLg { background: #e45620 url("../images/arrowOrg.png") no-repeat 104% center ; margin:0 2%; padding-top:7px; padding-bottom:6px; padding-left:4%; padding-right:18%; display:block; font-size:98%; color:#fff; text-shadow:0px 0px 2px rgba(1, 1, 1, 0.2); text-transform:uppercase; cursor:pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .btnArrowOrangeLg:hover { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; color:#fff; text-decoration:none; background:#f55d24 url("../images/arrowOrg.png") no-repeat 108% center; } */ .punch { font-size:18px; } .home-social-wrapper { margin-top:10px; } #poweredBy { display:none; visibility:hidden; } .header-donate-button { display:inline-block; padding:7px 54px 5px; color:#77787B; background-color:#ddd; float:right; transition: all 0.2s ease; cursor:pointer; } .header-donate-button:hover { text-decoration:none; color:#fff; background-color:#E86B20; transition: all 0.5s ease; } .header-donate-button:active { text-decoration:none; color:#fff; background-color:red; transition: all 0.5s ease; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4); } /* #block-menu-menu-secondary-links { position:absolute; top:59px; right:480px; } */ /* Hide Start and end dates from Online exhibits */ body.page-node-2103 div.field-name-field-exhibit-date.field-type-date div.field-items div.field-item.even:before, body.page-node-751 div.field-name-field-exhibit-date.field-type-date div.field-items div.field-item.even:before, body.page-exhibits .views-row-2 .views-field-field-exhibit-date .exhibit-date:before, body.page-exhibits .views-row-4 .views-field-field-exhibit-date .exhibit-date:before { content:"Ongoing Exhibition"; padding:0 0 5px 0; display:block; } body.page-node-2103 .date-display-single, body.page-node-751 .date-display-single, body.page-exhibits .views-row-2 .views-field-field-exhibit-date .exhibit-date span.date-display-single, body.page-exhibits .views-row-4 .views-field-field-exhibit-date .exhibit-date span.date-display-single, body.page-node-2286 .node-page .node-inner .col .second-col .col-inner { display:none; visibility:hidden; } /* Readers guide page fix */ /* Created by Josh, annotated and extended by Barry Oct 2017. /* Make the content area full width. Remove right padding. How is the sidebar hidden? /* Nodes affected: 2119 | 2015 Onebook 2247 2249 2266 2273 2286 | 2016 Mission 2290 2420 | 2017 Onebook 2450 | 610at10 page oct 31 2017 2595 | 2019-01 Second Century Campaign */ body.page-node-2119 .node-page .node-inner .first-col, body.page-node-2247 .node-page .node-inner .first-col, body.page-node-2249 .node-page .node-inner .first-col, body.page-node-2266 .node-page .node-inner .first-col, body.page-node-2273 .node-page .node-inner .first-col, body.page-node-2286 .node-page .node-inner .first-col, body.page-node-2290 .node-page .node-inner .first-col, body.page-node-2420 .node-page .node-inner .first-col, body.page-node-2450 .node-page .node-inner .first-col, body.page-node-2595 .node-page .node-inner .first-col, body.page-node-313 .node-page .node-inner .first-col, /* visit/dining */ body.page-node-1733 .node-page .node-inner .first-col /* /center revised Barry Kafka + Betsy Gomberg June 2019 */{ width:100%; } body.page-node-2119 .node-page .node-inner .first-col .col-inner, body.page-node-2247 .node-page .node-inner .first-col .col-inner, body.page-node-2249 .node-page .node-inner .first-col .col-inner, body.page-node-2266 .node-page .node-inner .first-col .col-inner, body.page-node-2273 .node-page .node-inner .first-col .col-inner, body.page-node-2286 .node-page .node-inner .first-col .col-inner, body.page-node-2290 .node-page .node-inner .first-col .col-inner, body.page-node-2420 .node-page .node-inner .first-col .col-inner, body.page-node-2450 .node-page .node-inner .first-col .col-inner, body.page-node-2595 .node-page .node-inner .first-col .col-inner, body.page-node-313 .node-page .node-inner .first-col .col-inner, /* visit/dining */ body.page-node-1733 .node-page .node-inner .first-col .col-inner /* /center revised Barry Kafka + Betsy Gomberg June 2019 */{ padding-right:0; } /* Jan 1 2019 page created Nov15 2019 Additional styles bkafka@spertus.edu Second Century campaign page typography and design elements Cool flexbox code */ body.page-node-2595 #node-2595 {font-size:18px;} body.page-node-2595 #node-2595 img {display:block;} #node-2595 p, #node-2595 h2, #node-2595 h3 {text-align:center;} #node-2595 strong, #node-2595 h2, #node-2595 h3 {color:#492174;} #node-2595 h2 {font-size:36px; line-height:1.4em; font-weight:300;} #node-2595 h3 {font-size:20px; line-height:1.4em; margin:0 auto 1em;} #node-2595 h3.ignite-the-future {font-size:20px; font-style:italic; font-weight:300;} #node-2595 .bullets {display:flex; width:60%; margin:0 auto;} #node-2595 .bullets ul {margin-right:1em;} #node-2595 .bullets ul li {font-size:18px; line-height:1.3em; margin-bottom:.5em; list-style-type:square;} #node-2595 .more-info {} #node-2595 h2.join-the-circle {margin: 1em 0;} #node-2595 .join-the-circle-block {display: flex; flex-wrap: wrap;} #node-2595 .join-the-circle-block p {text-align: left;} #node-2595 .join-the-circle-block .flex-col {justify-content: space-between;} #node-2595 .join-the-circle-block .flex-col.left {width:72%;} #node-2595 .join-the-circle-block .flex-col.right {width:25%;} /* #node-2595 .more-info > a {display:block; width:30%; border:1px solid #7e7e7e; padding:.5em; position:relative; text-decoration:none; color:#626263;} */ /* .more-info a {position:absolute; height:100%; width:100%; display:inline-block; background:#fff; top:0; left:0; color:#fff; line-height:1.1em; font-size:13px;} */ p.more-info {font-size:20px; background:#eddefc; padding:.8em 0; border-radius:5px; margin-top:1em;} p.more-info a {padding:.4em .6em; background:#492174; border-radius:3px; margin:0 auto; color:#fff; font-size:16px; font-weight:700;} p.more-info a:hover {background-color:#7850a2; text-decoration:none;} #node-2595 .yet-more-info {margin:2em auto 0; font-size:22px;} /* Critical Conversations page modification */ /* Added by Barry Kafka Nov 2017 /* Retain the left sidebar /* Hide the right sidebar /* Let the content area take the right gutter and right column space /* Nodes affected: 2421 | Critical Conversations */ /* Make center column width of center + gutter + right column */ body.page-node-2421 .node-inner .first-col, body.page-node-2462 .node-inner .first-col { width:706px; } /* Remove padding from content column */ body.page-node-2421 .node-inner .first-col .col-inner, body.page-node-2462 .node-inner .first-col .col-inner { padding-right:0; } /* make main image fill column width */ body.page-node-2421 .node-img-wrapper img, body.page-node-2462 .node-img-wrapper img { width:100%; height:auto;} /* Hide right column */ body.page-node-2421 .node-inner .second-col, body.page-node-2462 .node-inner .second-col { display:none;} /* End Critical Conversations page mod */ /*-------------------- FEATURED FACULTY ARTICLE STYLING ------------------------ */ .news-teaser-wrapper { width:100%; display:block; border-bottom:1px solid #7e7e7e; margin-bottom:20px; } .news-teaser-image { float:left; display:inline-block; width:50%; padding-bottom:30px; } .news-teaser-body { float:left; display:inline-block; width:50%; } .news-teaser-body h3 { display:block; margin-bottom:0px; } .news-teaser-date { margin-bottom:10px; display:block; font-size:11px; } .news-teaser-heading { border-top:5px solid #00A8CB; color:#00A8CB; text-transform:uppercase; } ul.menu li.first.donate a, ul.menu li.donate a { color: #00a651 !important; } ul.nice-menu li.last.programs-events, ul.nice-menu li.last.programs-events ul li {width: 186px;} /* Sept 2017 */ /* Added by Barry bkafka@spertus.edu */ /* Course Description Shadowbox Popup styles */ #shadowbox-container {padding:18px 18px 0 18px;} /* parent container */ #shadowbox-container .border-1 {border:none;} #shadowbox-container .border-1 h1 {font-size:1.3em; color:#E86B20;} #shadowbox-container .node-inner .first-col {width:100% !important;} #shadowbox-container .node-inner .second-col {display:none !important;} #shadowbox-container .field-name-body {margin-top:1.5em;} #shadowbox-container .field-name-field-taught-by .field-item a {font-weight:bold;} /*#shadowbox-container .field-name-field-course-number * {font-weight:bold;} */ #shadowbox-container .field-name-field-course-type * {font-weight:bold;}