/* Theme Name: CHRT (2020) Theme URI: https://generatepress.com Description: Custom theme for the Center for Healthcare Research & Transformation (CHRT) at UofM, based on the GeneratePress theme Author: Catherine Hayes Author URI: https:/catherine-hayes.com/ Template: generatepress Version: 1.0 */ /******************** /* GENERAL */ body {color: #575757; font-family: 'Apercu Regular',Helvetica,Arial,sans-serif;} h1 {color: #fff; font-size: 3.5em;} h1 span.page-title {position: relative;} h1 span.page-title:after {position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; border-bottom: 2px solid #dae343; content: "";} h1.entry-title {display: inline-block; color: #5d4b3f; font-size: 2.3em; border-bottom: 2px solid #dae343;} .archive h1.page-title, .search h1.page-title {color: #5d4b3f; display: inline-block; font-size: 2.3em; border-bottom: 2px solid #dae343;} h2 {color: #5d4b3f; display: inline-block; font-size: 2.3em; border-bottom: 2px solid #dae343;} h2.light {color: #fff;} h3 {color: #006472; font-family: 'Sentinel Light', serif; color: #006371; line-height: 1.3em;} h2.tablepress-table-name, h4 {color: #5d4b3f; font-size: 1.5em; text-transform: uppercase; font-family: 'Apercu Medium',Helvetica,Arial,sans-serif; border: none;} h5 {color: #5d4b3f; text-transform: uppercase; font-family: 'Apercu Medium',Helvetica,Arial,sans-serif;} h6 {} ul li {margin-bottom: 1em;} b, strong {font-family: 'Apercu Medium',Helvetica,Arial,sans-serif;} .is-sticky { position: sticky; top: 2em; } /* Fontawsome 5 icons for file types on links out to external files with utility classes for each type */ /* https://fontawesome.com/how-to-use/on-the-web/using-with/wordpress */ /* https://fontawesome.com/icons?d=gallery&q=pdf */ .file-pdf, .file-icons a[href$=".pdf"]::after {content: "\f1c1"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f; margin-left: .5em;} .file-pdf:hover, .file-icons a[href$=".pdf"]:hover::after {color: #dae343;} /* https://fontawesome.com/icons?d=gallery&q=doc */ .file-doc, .file-icons a[href$=".doc"]::after {content: "\f1c2"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f; margin-left: .5em;} .file-doc:hover, .file-icons a[href$=".doc"]:hover::after {color: #dae343;} /* https://fontawesome.com/icons?d=gallery&q=docx */ .file-docx, .file-icons a[href$=".docx"]::after {content: "\f1c2"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f; margin-left: .5em;} .file-docx:hover, .file-icons a[href$=".docx"]:hover::after {color: #dae343;} /* https://fontawesome.com/icons?d=gallery&q=xls */ .file-xls, .file-icons a[href$=".xls"]::after {content: "\f1c3"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f; margin-left: .5em;} .file-xls:hover, .file-icons a[href$=".xls"]:hover::after {color: #dae343;} /* https://fontawesome.com/icons?d=gallery&q=xlsx */ .file-xlsx, .file-icons a[href$=".xlsx"]::after {content: "\f1c3"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f; margin-left: .5em;} .file-xlsx:hover, .file-icons a[href$=".xlsx"]:hover::after {color: #dae343;} /* https://fontawesome.com/icons?d=gallery&q=ppt */ .file-ppt, .file-icons a[href$=".ppt"]::after {content: "\f1c4"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f; margin-left: .5em;} .file-ppt:hover, .file-icons a[href$=".ppt"]:hover::after {color: #dae343;} /* https://fontawesome.com/icons?d=gallery&q=pptx */ .file-pptx, .file-icons a[href$=".pptx"]::after {content: "\f1c4"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f; margin-left: .5em;} .file-pptx:hover, .file-icons a[href$=".pptx"]:hover::after {color: #dae343;} /* https://fontawesome.com/icons?d=gallery&q=zip */ .file-zip, .file-icons a[href$=".zip"]::after {content: "\f1c6"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f; margin-left: .5em;} .file-zip:hover, .file-icons a[href$=".zip"]:hover::after {color: #dae343;} /* https://fontawesome.com/icons?d=gallery&q=csv */ .file-csv, .file-icons a[href$=".csv"]::after {content: "\f1c9"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f; margin-left: .5em;} .file-csv:hover, .file-icons a[href$=".csv"]:hover::after {color: #dae343;} /* https://fontawesome.com/icons?d=gallery&q=jpg */ .file-jpg, .file-icons a[href$=".jpg"]::after {content: "\f1c5"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f;} .file-jpg:hover, .file-icons a[href$=".jpg"]:hover::after {color: #dae343;} /* https://fontawesome.com/icons?d=gallery&q=png */ .file-png, .file-icons a[href$=".png"]::after {content: "\f1c5"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f;} .file-png:hover, .file-icons a[href$=".png"]:hover::after {color: #dae343;} /* https://fontawesome.com/icons?d=gallery&q=gif */ .file-gif, .file-icons a[href$=".gif"]::after {content: "\f1c5"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f;} .file-gif:hover, .file-icons a[href$=".gif"]:hover::after {color: #dae343;} /* https://fontawesome.com/icons?d=gallery&q=svg */ .file-svg, .file-icons a[href$=".svg"]::after {content: "\f1c5"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f;} .file-svg:hover, .file-icons a[href$=".svg"]:hover::after {color: #dae343;} /* https://fontawesome.com/icons?d=gallery&q=csv */ .file-googledoc, .file-icons a[href*="docs.google.com/document"]::after {content: "\f1c2"; font-family: "Font Awesome 5 Brands"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f;} .file-googledoc:hover, .file-icons a[href*="docs.google.com/document"]:hover::after {color: #dae343;} .file-googlesheet, .file-icons a[href*="docs.google.com/spreadsheet"]::after {content: "\f1c3"; font-family: "Font Awesome 5 Brands"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f;} .file-googlesheet:hover, .file-icons a[href*="docs.google.com/spreadsheet"]:hover::after {color: #dae343;} .file-googlepresentation, .file-icons a[href*="docs.google.com/presentation"]::after {content: "\f1c4"; font-family: "Font Awesome 5 Brands"; font-weight: 900; font-style: normal; font-size: 1.2em; color: #5d4b3f;} .file-googlepresentation:hover, .file-icons a[href*="docs.google.com/presentation"]:hover::after {color: #dae343;} /* links & buttons */ a.stretched-link::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; pointer-events: auto; background-color: rgba(0,0,0,0); } a {color: inherit; text-decoration: underline;} a:hover {text-decoration: none;} a.text-yellow.text-yellow, #page .text-yellow.text-yellow a {color: #dae343;} a:hover.text-yellow.text-yellow, #page .text-yellow.text-yellow a:hover {background: none; text-decoration: underline; text-decoration-color: #dae343;} a.text-white.text-white, #page .text-white.text-white a {color: #fff;} a.text-brown.text-brown, #page .text-brown.text-brown a {color: #5d4b3f;} .button, .wp-block-button, .wp-block-button .wp-block-button__link {padding: 0;} .button a {text-transform: uppercase; color: #5d4b3f; background: none; text-decoration: none;} .button.yellow a {border: 1px solid #dae343; padding: .4em 1.2em;} .button.yellow a:hover, .button.yellow a:focus {background: #dae343; color: #5d4b3f;} .button.brown a {border: 1px solid #5d4b3f; padding: .4em 1.2em;} .button.brown a:hover, .button.brown a:focus {background: #5d4b3f; color: #fff;} .fasc-button {padding: .8em 1.2em .6em!important; text-transform: uppercase;} /******************** /* HEADER */ /*https://stackoverflow.com/questions/18531959/how-to-create-triangle-shape-in-the-top-right-angle-of-another-div-to-look-divid*/ header#masthead .header-widget {border-left: 140px solid transparent; border-right: 140px solid #dae343; border-bottom: 140px solid transparent; height: 0; width: 0; position: absolute; right: 0px; z-index: 0;} header#masthead .site-logo a:hover {background: none; text-align: left;} /* main navigation */ .main-navigation .main-nav > ul > li > a {padding-right: 10px; padding-left: 10px; text-transform: uppercase;text-shadow: -1px -1px 0 #5d4b3f, 1px -1px 0 #5d4b3f, -1px 1px 0 #5d4b3f, 1px 1px 0 #5d4b3f;} .main-navigation .main-nav > ul > li > a:hover {background: none;} .main-navigation .main-nav > ul > li:last-child a {border: 1px solid #dae343; margin-left: .5em; transition: all .8s;} .main-navigation .main-nav > ul > li:last-child a:hover, .main-navigation .main-nav > ul > li:last-child a:focus {background: #dae343; color: #5d4b3f; text-shadow: unset;} .main-navigation .main-nav ul.sub-menu {padding-top: .5em; padding-bottom: .5em;} .main-navigation .main-nav ul.sub-menu li {margin-bottom:.4em;} /*.main-navigation .main-nav ul.sub-menu li > a:hover, .main-navigation .main-nav ul#menu-top-navigation ul.sub-menu li.current_page_item a {border-bottom: 1px solid #dae343;}*/ .menu-item-has-children .dropdown-menu-toggle {color: #dae343; font-weight: bold; padding-left: 4px; padding-right: 6px;} .main-navigation button.menu-toggle {font-size: 2.4em; text-transform: uppercase; padding: 10px 20px;} .main-navigation button.menu-toggle .mobile-menu {display: none;} /* hero image */ .home h1 {width: 55%;} .page-hero {background-size: cover; background-repeat: no-repeat; background-position: center center;} .home .page-hero, .search .page-hero {padding-bottom: 4.5%; background-image: url('/wp-content/uploads/2020/05/capitol-building-sepia-.jpg')!important;} .page-hero.about {background-image: url('/wp-content/uploads/2020/01/hero-about-.jpg');} .page-hero.publications {background-image: url('/wp-content/uploads/2020/01/hero-publications-.jpg');} .page-hero.surveys {background-image: url('/wp-content/uploads/2020/01/hero-surveys-.jpg');} .page-hero.policy-fellowship {background-image: url('/wp-content/uploads/2020/01/hero-policy-fellowship-.jpg');} .page-hero.action-and-impact {background-image: url('/wp-content/uploads/2020/01/hero-action-and-impact-.jpg');} .page-hero.consulting-services {background-image: url('/wp-content/uploads/2020/01/hero-consulting-services-.jpg');} .page-hero.news {background-image: url('/wp-content/uploads/2022/05/GroupFellows-CroppedMonotone.jpg');} .page-hero.ask-chrt {background-image: url('/wp-content/uploads/2020/01/hero-ask-chrt-.jpg');} .page-hero .inside-page-hero {padding: 40px;} #site-navigation {margin-right: 2em} @media (min-width:1370px) { .main-navigation a, .menu-toggle {font-size: 14px;} #site-navigation {margin-right: 0} } .inside-header {padding: 40px;} @media (max-width: 860px) { .main-navigation .main-nav > ul > li > a {padding-right: 6px; padding-left: 6px;} } @media (max-width:1192px) { .page-hero {/* defined in GeneratePress > Elements > Page Hero -- padding-top: 24%; padding-bottom: 6%;*/} .home h1 {width: 70%;} } @media (max-width:768px) { h1 {font-size: 3em;} .home h1 {width: 100%;} .page-hero {padding-top: 12em; padding-bottom: 2em;} header#masthead .header-widget {border-left-width: 100px; border-right-width: 100px; border-bottom-width: 100px;} header#masthead .inside-header {display: flex;} header#masthead .inside-header .site-logo {/*float: left;*/} header#masthead #site-navigation {margin-right: 0;} header#masthead .main-navigation.toggled .inside-navigation {position: inherit;} header#masthead .main-navigation.toggled .main-nav>ul {width: 92%;background: #5d4b3f; position: absolute; left: 0; padding: 20px; margin-top: 1em;} .main-navigation.toggled .main-nav ul ul.toggled-on {margin-bottom: 1em;} .main-navigation .main-nav > ul > li:last-child a {margin-left: 0; padding: 0 1em;} } @media (max-width:420px) { h1 {font-size: 2.4em;} } @media (max-width: 360px) { .inside-header {padding: 12px;} .main-navigation button.menu-toggle {padding: 10px 30px;} } #search-wrap, #search-wrap .container {background: #edeeef;} #search-wrap #content {padding: 16px 0;} #search-wrap h5.chrt-label {margin-bottom: 0;} #search-wrap .search-field {font-size: .7em; width: 60%; border: 1px solid #aaa; box-shadow: 0 1px 0 1px rgba(0,0,0,.04);} #search-wrap .search-field::placeholder {font-size: 12px; font-weight: 700; color: #444;} #search-wrap .search-submit, .no-results .search-submit {background: #dae343; text-transform: uppercase; padding: 6px 20px; font-size: 12px;} #search-wrap .search-submit:hover, #search-wrap .search-submit:focus, .no-results .search-submit:hover, .no-results .search-submit:focus {background: #666; color: #fff;} /* select-css styles (https://www.filamentgroup.com/lab/select-css.html) */ .select-css { display: inline-block; font-size: 12px; font-family: sans-serif; font-weight: 700; color: #444; line-height: 1.3; padding: 10px 15px /*.75em*/ /*.6em 1.4em .5em .8em*/; width: 60%; max-width: 100%; box-sizing: border-box; margin: 0; border: 1px solid #aaa; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); /*border-radius: .5em;*/ -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; } .select-css::-ms-expand { display: none; } .select-css:hover { border-color: #888; } .select-css:focus { border-color: #aaa; box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); box-shadow: 0 0 0 3px -moz-mac-focusring; color: #222; outline: none; } .select-css option { font-weight:normal; } /* Support for rtl text, explicit support for Arabic and Hebrew */ *[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css { background-position: left .7em top 50%, 0 0; padding: .6em .8em .5em 1.4em; } /* Disabled styles */ .select-css:disabled, .select-css[aria-disabled=true] { color: graytext; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); } .select-css:disabled:hover, .select-css[aria-disabled=true] { border-color: #aaa; } @media (max-width:768px) { #search-wrap .grid-container-search {text-align: center;} #search-wrap .search-submit, .no-results .search-submit {width: 20%; padding: 6px 8px; font-size: 11px;} .select-css, #search-wrap .search-field {width: 54%;} } /******************** /* CONTENT */ #content {padding-bottom: 0;} .home #content {padding-top: 0;} .home .home-featured-boxes .wp-block-uagb-column { position: relative;} .home .home-featured-boxes .wp-block-uagb-column:nth-child(2) {margin: 0 1em;} .home .home-featured-boxes h3 {color: #fff; font-size: 2.1em;} .home .home-spotlight-boxes .spotlight-container {background: #fff; position: relative;} .home .home-spotlight-boxes .spotlight-category {position: absolute; color: #fff; right: 0; padding: .4em 1.8em; text-transform: uppercase;} .home .home-spotlight-boxes .spotlight-publication .spotlight-category {background: #70a095;} .home .home-spotlight-boxes .spotlight-press .spotlight-category {background: #006472;} .home .home-spotlight-boxes .spotlight-chrtnews .spotlight-category {background: #8b7c72;} .home .home-spotlight-boxes .spotlight-title { width: 80%; position: relative; top: -80px; margin-bottom: -80px; } .home .home-spotlight-boxes .spotlight-title h3 {font-family: 'Apercu Medium',Helvetica,Arial,sans-serif; line-height: 1.3; min-height: 90px; color: #fff; padding: 1em 1.5em; background: #5d4b3f; font-size: 1.1em;} .home .home-spotlight-boxes .spotlight-title h3 a {color: #fff; text-decoration: none;} .home .home-spotlight-boxes .spotlight-featured img {max-width: 100%} .home .home-spotlight-boxes .spotlight-content {padding: 2em 1.5em 1em; min-height: 280px;} @media (max-width:767px) { .home .home-spotlight-boxes .spotlight-featured img {max-width: 100%;} .home .home-spotlight-boxes .spotlight-content {padding-top: 1em; min-height: auto;} .home .home-spotlight-boxes .spotlight-title h3 {min-height: auto;} .home .home-spotlight-boxes .spotlight-title {position: relative; top: -10px; margin-bottom: unset; width: 100%; /*top: 640px;*/} } @media (min-width:768px) and (max-width: 992px) { .home .home-spotlight-boxes .spotlight-content {min-height: 360px;} } /* between 768 and 920 make .home .home-spotlight-boxes .spotlight-content min-height: 360px less than 768 make .home .home-spotlight-boxes .spotlight-content min-height: auto; */ .home .entry-content .home-twitter-section, .entry-content > [class*="wp-block-"]:not(:last-child) {margin-bottom: 0;} .home .home-twitter-section h2, .home .home-twitter-section p {color: #fff;} /* custom CSS for play button overlay on tribute video for Marianna */ .home figure.wp-block-image.size-large.marianne-tribute::before { background-image: url(https://chrt.org/wp-content/uploads/2020/12/play_icon.png); content: ""; position: absolute; top: 30%; left: 40%; height: 100%; width: 100%; transition: all 0.8s; background-repeat: no-repeat; opacity: .2; cursor: pointer; } .home figure.wp-block-image.size-large.marianne-tribute:hover::before { opacity: .8; } /* override annoying Ultimate Addons for Gutenberg Blocks plugin default spacing */ body:not(.home) .wp-block-uagb-columns > .uagb-columns__inner-wrap {max-width: inherit!important;} body:not(.home) .wp-block-uagb-columns > .uagb-columns__inner-wrap > .wp-block-uagb-column:first-child .uagb-column__inner-wrap {padding-left: 0!important;} body:not(.home) .wp-block-uagb-columns > .uagb-columns__inner-wrap > .wp-block-uagb-column:last-child .uagb-column__inner-wrap {padding-right: 0!important;} .uagb-column__wrap>ul { width: auto; } /* disable extra padding by unsemantic grid for toolset views */ .wp-block-toolset-view .grid-container, .wp-block-toolset-view .grid-container > div, .grid-container-archive, .archive .grid-container-archive > div, .grid-container-search, .search .grid-container-search > div {padding: 0;} /* twitter plugin */ #ctf .ctf-tweets {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 16px;} #ctf .ctf-tweets .ctf-item {border: 1px solid #fff!important; padding: 15px 25px;} #ctf .ctf-tweets .ctf-item .ctf-tweet-content {font-size: .85em;} #ctf .ctf-tweets .ctf-item .ctf-tweet-actions {font-size: 1.4em; margin-top: 1em;} #ctf .ctf-tweets .ctf-item:nth-child(2) {margin: 0 1em;} #ctf .ctf-tweets a {color: #fff;} #ctf p.ctf-tweet-text, #ctf p.ctf-media-link {font-size: 1.2em;} @media (max-width:920px) { #ctf .ctf-tweets {display: block;} #ctf .ctf-tweets .ctf-item {margin-bottom: 1em;} #ctf .ctf-tweets .ctf-item:nth-child(2) {margin: 0 0 1em;} } /* perfect pullquote */ .perfect-pullquote blockquote p {font-family: 'Sentinel Light'; font-size: 1em!important; font-style: normal;} .perfect-pullquote blockquote p em {font-style: normal; font-size: .8em;} .perfect-pullquote p img {display: block; float: none; margin: 0 0 1.5em;} /* pagination */ .wpv-pagination-nav-links-container {text-align: center; margin: 0;} .wpv-pagination-nav-links-container li {display: inline; margin-right: 1em;} /*.wpv-pagination-nav-links-container li a*/ .wpv-archive-pagination-nav-links-container li a, .wpv-archive-pagination-nav-links-container .page-link, .wpv-archive-pagination-nav-links li a, .wpv-archive-pagination-nav-links .page-link, .wpv-pagination-nav-links-container li a, .wpv-pagination-nav-links-container .page-link, .wpv-pagination-nav-links li a, .wpv-pagination-nav-links .page-link, .wpv-pagination-preview-element li a, .wpv-pagination-preview-element .page-link {color: #5d4a3e; text-decoration: none; border: 1px solid #5d4a3e; padding: 1em;} .wpv-archive-pagination-nav-links-container li a:hover, .wpv-archive-pagination-nav-links-container li a.page-link:hover, .wpv-archive-pagination-nav-links-container li a:focus, .wpv-archive-pagination-nav-links-container li a.page-link:focus, .wpv-archive-pagination-nav-links li a:hover, .wpv-archive-pagination-nav-links li a.page-link:hover, .wpv-archive-pagination-nav-links li a:focus, .wpv-archive-pagination-nav-links li a.page-link:focus, .wpv-pagination-nav-links-container li a:hover, .wpv-pagination-nav-links-container li a.page-link:hover, .wpv-pagination-nav-links-container li a:focus, .wpv-pagination-nav-links-container li a.page-link:focus, .wpv-pagination-nav-links li a:hover, .wpv-pagination-nav-links li a.page-link:hover, .wpv-pagination-nav-links li a:focus, .wpv-pagination-nav-links li a.page-link:focus, .wpv-pagination-preview-element li a:hover, .wpv-pagination-preview-element li a.page-link:hover, .wpv-pagination-preview-element li a:focus, .wpv-pagination-preview-element li a.page-link:focus {color: #fff; background: #5d4a3e;} .wpv_page_ellipsis { padding: 1em; text-align: center; display: inline-block; } /*.wpv-archive-pagination-nav-links-container .page-link,*/ /*.wpv-archive-pagination-nav-links .page-link,*/ /*.wpv-pagination-nav-links-container .page-link,*/ /*.wpv-pagination-nav-links .page-link,*/ .wpv-pagination-nav-links-container li.wpv_page_current .page-link { border: 1px solid #5d4a3e; padding: 1em; margin:0;} .wpv-pagination-nav-links-container li.wpv_page_current .page-link { background: #5d4a3e; color: #fff;} .wpv-archive-pagination-nav-links-container .page-link, .wpv-archive-pagination-nav-links .page-link, .wpv-pagination-nav-links-container .page-link, .wpv-pagination-nav-links .page-link, .wpv-pagination-preview-element .page-link { line-height: unset; font-size: unset; } .nav-links {text-align: center; margin: 0;} .nav-links span.current, .nav-links a.page-numbers {display: inline; padding: 1em; border: 1px solid #5d4a3e; margin-right: 1em; color: #5d4a3e; text-decoration: none;} .nav-links span.current, .nav-links a.page-numbers:hover {background: #5d4a3e; color: #fff;} /* DETAIL PAGES / .project-detail, .pub-detail, .news-detail, .bio-detail */ .detail-field, .chrt-field {margin-bottom: 1em;} .detail-label, .chrt-label {font-family: 'Apercu Medium',Helvetica,Arial,sans-serif;} /* LOOPS / News, People, Publications Projects, Blog Posts */ .general-loop.grid-container {border: 4px solid #eeeff0; margin-bottom: 3em;} /* custom h2 for when show filter news by topic */ .publications-wrapper h2, .news-wrapper h2 {border: none; font-size: 1.8em; text-transform: uppercase; } /* NEWS */ .grid-100 .news-article, .grid-66 .news-article {padding: 2em 3em;} .news-article .entry-meta {color: #5d4a3e; text-transform: uppercase;} .news-article .entry-title {margin-bottom: 1.5em;} .news-article .more-link {text-transform: uppercase;} .news-general h3 {color: #006371; font-family: 'Apercu Regular',Helvetica,Arial,sans-serif;} .news-general h3 a {color: #006371; text-decoration: none;} .news-general h3 a:hover {color: #006371; text-decoration: underline;} .news-chrt h3 {color: #8a7b71; font-family: 'Apercu Regular',Helvetica,Arial,sans-serif;} .news-chrt h3 a {color: #8a7b71; text-decoration: none;} .news-chrt h3 a:hover {color: #8a7b71; text-decoration: underline;} .featured-loop {margin: 3em 0;} .news-featured {position: relative; height: 360px;} .news-featured img {width: 100%; height: 360px;} .news-featured header.entry-header {position: absolute; z-index: 999; padding: 20px 20px 0; left: 0; bottom: 0; width: 40%;} .news-featured header.entry-header h3 a {font-family: 'Apercu Regular',Helvetica,Arial,sans-serif; color: #fff; text-decoration: underline;} .news-featured header.entry-header h4 {color: #fff; margin: 16px 0 8px;} .news-featured.general-featured header.entry-header {background: #006371;} .news-featured.chrt-featured header.entry-header {background: #8a7b71;} /* PEOPLE */ .people-loop {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 1em; grid-row-gap: 2em; margin-bottom: 2em;} .people-loop .bio-image img {} .people-loop h3.bio-name {font-family: 'Apercu Medium',Helvetica,Arial,sans-serif; margin-top: 1em; margin-bottom: .2em; font-size: 1.1em;} .people-loop h3.bio-name a {color: #006371; text-decoration: none;} .people-loop .bio-title {font-family: 'Apercu Regular',Helvetica,Arial,sans-serif; font-size: .95em;} .people-loop .bio-meta > p {margin-bottom: .9em;} .people-loop-3up {grid-template-columns: 1fr 1fr 1fr!important;} .people-loop-3up .bio-meta > p {margin-bottom: 0!important;} .bio h3 {color: #6f9f94; font-family: 'Apercu Regular',Helvetica,Arial,sans-serif;} .bio h3 a {color: #6f9f94; text-decoration: underline;} .bio h3 a:hover {color: #6f9f94; text-decoration: none;} .grid-100 .bio, .grid-66 .bio {padding: 2em 3em;} .bio .entry-meta {color: #5d4a3e; text-transform: uppercase;} .bio .entry-title {margin-bottom: 1.5em;} .bio .more-link {text-transform: uppercase;} .bio-detail .bio-image img {width: 100%;} .bio-detail .bio-additional-box {background: #f0efee; padding: 1.6em;} .bio-detail .bio-additional-box .chrt-label {text-transform: uppercase; color: #5d4b3f;} .bio-quote {font-size: 1.5em; font-family: 'Sentinel Light', serif; margin: 2em 0; color: #5d4b3f;} /* PUBLICATIONS */ .wp-block-toolset-view .publication h3, .js-wpv-view-layout .publication h3{color: #6f9f94; font-family: 'Apercu Regular',Helvetica,Arial,sans-serif;} .wp-block-toolset-view .publication h3 a, .js-wpv-view-layout .publication h3 a {color: #6f9f94; text-decoration: none;} .wp-block-toolset-view .publication h3 a:hover, .js-wpv-view-layout .publication h3 a:hover {color: #6f9f94; text-decoration: underline;} .grid-100 .publication, .grid-66 .publication {padding: 2em 3em;} .wp-block-toolset-view .publication .entry-meta, .js-wpv-view-layout .publication .entry-meta {color: #5d4a3e; text-transform: uppercase;} .wp-block-toolset-view .publication .entry-title, .js-wpv-view-layout .publication .entry-title {margin-bottom: 1.5em;} .wp-block-toolset-view .publication .more-link, .js-wpv-view-layout .publication .more-link {text-transform: uppercase;} .wp-block-toolset-view .publication .pub-content h2 {display: block; border-bottom: none; font-size: 1.5em;} /* added Nov 2020 -- show additional fields in sidebar */ .single .pub-detail .meta {margin-bottom: 1em; display: flex; align-items: center;} .single .pub-detail .grid-container {padding-right: 0; padding-left: 0;} .single .pub-detail .grid-70 {padding-left: 0;} .single .pub-detail .grid-30 {background: #f0efee; padding: 1.6em;} .single .pub-detail .sidebar-box {margin-bottom: 2em;} .single .pub-detail .sidebar-box h6 {margin-bottom: .5em;} .single .pub-detail .sidebar-box ul {margin-left:0;list-style:none;} .single .pub-detail .sidebar-box ul li {margin-bottom:.4em;} /* PROJECTS */ .project-grid {margin-bottom: 3em;} .project-loop {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 4em; grid-row-gap: 2em;} @media (max-width:768px) { .project-loop {display: grid; grid-template-columns: 1fr; grid-column-gap: 4em; grid-row-gap: 2em;} } .project-box {border: 4px solid #eeeff0; margin-bottom: 1em; padding: 1em;} .archive .project-box, .search .project-box {border: none;} .grid-container-archive .project-box h3.entry-title a {color: #006272;} .grid-container-archive .project-box h3.entry-title a:hover {color: #006272;} .project-box h3.entry-title {margin-bottom: 1.5em; color: #006272; font-family: 'Apercu Regular',Helvetica,Arial,sans-serif;} .project-box h3.entry-title a {color: #006272; text-decoration: none;} .project-box h3.entry-title a:hover {color: #006272; text-decoration: underline;} .project-box .entry-meta {color: #5d4a3e; text-transform: uppercase;} .project-box .more-link {text-transform: uppercase;} .project-detail .chrt-field.project-need p:nth-of-type(1), .project-detail .chrt-field.project-role p:nth-of-type(1) {display: inline;} .project-detail .chrt-field.project-need p:nth-of-type(2), .project-detail .chrt-field.project-role p:nth-of-type(2) {margin-top: 1.5em;} .type-project > .inside-article {display: flex;} .type-project > .inside-article .featured-image {min-width: 30%; margin-right: 2em; margin-top: 2em;} /* added - Oct 2023 New layout for projects list */ .projects-list .grid-33 img { margin: 2.5em 0.5em } .wp-block-toolset-view .project h3, .js-wpv-view-layout .project h3{color: #6f9f94; font-family: 'Apercu Regular',Helvetica,Arial,sans-serif;} .wp-block-toolset-view .project h3 a, .js-wpv-view-layout .project h3 a {color: #6f9f94; text-decoration: none;} .wp-block-toolset-view .project h3 a:hover, .js-wpv-view-layout .project h3 a:hover {color: #6f9f94; text-decoration: underline;} .grid-100 .project, .grid-66 .project {padding: 2em 1em;} .wp-block-toolset-view .project .entry-meta, .js-wpv-view-layout .project .entry-meta {color: #5d4a3e; text-transform: uppercase;} .wp-block-toolset-view .project .entry-title, .js-wpv-view-layout .project .entry-title {margin-bottom: 1.5em;} .wp-block-toolset-view .project .more-link, .js-wpv-view-layout .project .more-link {text-transform: uppercase;} /* BLOG POSTS */ .grid-100 .blog-post, .grid-66 .blog-post {padding: 2em 3em;} .blog-post .entry-meta {color: #5d4a3e; text-transform: uppercase;} .blog-post .entry-title {margin-bottom: 1.5em;} .blog-post .more-link {text-transform: uppercase;} .blog-post h3 {color: #006371; font-family: 'Apercu Regular',Helvetica,Arial,sans-serif;} .blog-post h3 a {color: #006371; text-decoration: none;} .blog-post h3 a:hover {color: #006371; text-decoration: underline;} .type-post footer.entry-meta {display: none;} /* PAGE */ .page-result h3 {color: #6f9f94; font-family: 'Apercu Regular',Helvetica,Arial,sans-serif;} .page-result h3 a {color: #6f9f94; text-decoration: none;} .page-result h3 a:hover {color: #6f9f94; text-decoration: underlineunderline;} .grid-100 .page-result, .grid-66 .page-result {padding: 2em 3em;} .page-result .entry-meta {color: #5d4a3e; text-transform: uppercase;} .page-result .entry-title {margin-bottom: 1.5em;} .page-result .more-link {text-transform: uppercase;} /* TOPICS */ .chrt-topics-grid {display: grid; grid-template-columns: auto auto auto;} .chrt-topics-button { /*flex-basis: 33.33%;*/ margin-right: 2em; margin-bottom: 2em;} .chrt-topics-button a {border: 1px solid #dae343; padding: 2em; color: #fff; text-align: center; text-decoration: none; font-size: 1.2em; display: inline-block; height: 100%; width: 100%; box-sizing: border-box;} .chrt-topics-button a:hover, .chrt-topics-button a:focus {color: #006472; background: #fff; cursor: pointer;} @media (max-width:768px) { .chrt-topics-grid {grid-template-columns: auto auto;} } /* TOPICS CUSTOM FEED PAGE (April 2020) */ .topics-category {margin-bottom: 5em;} .topics-category h2 {border: none; font-size: 1.8em; text-transform: uppercase; } .topics-category .category-loop > div {margin-bottom: 2em;} .topics-category.people .category-loop > div, .topics-category.people p.bio-title {margin-bottom: 0;} .topics-category .category-loop .entry-meta {text-transform: uppercase; color: #5d4b3f; margin-bottom: 1em;} .topics-category .category-loop .entry-title a {text-decoration: none; font-family: 'Apercu Regular',Helvetica,Arial,sans-serif; font-size: .9em; line-height: 1em;} .topics-category.news .category-loop .entry-title a {color: #006272;} .topics-category.publications .category-loop .entry-title a {color: #789F90;} .topics-category.projects .category-loop .entry-title a {color: #8c7d73;} .topics-category.people .category-loop .entry-title a {color: #006272;} .topics-category .category-button {clear: both; padding-left: 10px;} .topics-category .category-button .button {margin-top: 1.5em;} /*.topics-category.people .category-loop > div {min-height: 380px;} @media (max-width: 520px) { .topics-category.people .category-loop > div {min-height: 320px;} }*/ /* TEAMS (ie. Consulting pages) SIDEBARS */ .teams-category {overflow: auto; margin-bottom: 2em;} .teams-category, .teams-category .category-loop .row {clear: both;} .teams-category.publications .entry-title a {color: #789F90;} .teams-category.news .entry-title a {color: #006272;} .teams-category.projects .entry-title a {color: #8c7d73;} .teams-category.people .entry-title a {color: #006272; font-family: 'Apercu Medium',Helvetica,Arial,sans-serif; word-break: normal; overflow-wrap: normal;} .teams-category.people .category-loop {/*display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px;*/} .teams-category.people .entry-job-title {font-size: .9em;} .teams-sidebar {background: #edeeef;} /* FORMS */ .gform_button.button {background: #dae343; text-transform: uppercase;} .gform_button.button:hover, .gform_button.button:focus {background: #666; color: #fff;} .footnote_container_prepare, #footnote_references_container {display: none!important;} .single .footnote_container_prepare, .single #footnote_references_container {display: block!important;} /* MEDIA QUERIES */ @media (max-width: 767px) { .home .home-featured-boxes .wp-block-uagb-column {margin: 0 0 1em!important;} .people-loop {grid-template-columns: 1fr 1fr;} } /* TABLES */ /** * Table styles copied from original CHRT style sheet */ #main table:not(#calculator), #main .tablepress { color: #000; border: none; margin: 0 0 1rem; padding: 0; } #main table:not(#calculator) tr, #main .tablepress tr { border: none; border-bottom: 2px solid #fff; margin: 0; padding: 0; } #main table:not(#calculator) tr:nth-child(even), #main .tablepress tr:nth-child(even) { background: none; } #main table:not(#calculator) tr:nth-child(even):hover, #main .tablepress tr:nth-child(even):hover { background: rgba(183, 191, 16, 0.2); } #main table:not(#calculator) tr:nth-child(odd), #main .tablepress tr:nth-child(odd) { background: rgba(99, 81, 61, 0.1); } #main table:not(#calculator) tr:nth-child(odd):hover, #main .tablepress tr:nth-child(odd):hover { background: rgba(183, 191, 16, 0.2); } #main table:not(#calculator) th, #main table:not(#calculator) td, #main .tablepress th, #main .tablepress td { background: none; padding: 5px 10px; padding: .5rem 1rem; margin: 0; border: none; } #main table:not(#calculator) td:hover, #main .tablepress td:hover { background: rgba(99, 81, 61, 0.2); } #main table:not(#calculator) th:hover, #main .tablepress th:hover { background: rgba(99, 81, 61, 0.8); } #main table:not(#calculator) th, #main table:not(#calculator) thead td, #main .tablepress th, #main .tablepress thead td { text-transform: none; font-weight: 700; background: #63513D; color: #ffffff; } #main table:not(#calculator) tfoot tr, #main .tablepress table:not(#calculator) tfoot tr { background: #63513D; color: #ffffff; } #main table:not(#calculator) .row-hover tr:hover td, #main .tablepress .row-hover tr:hover td { background: none; } #main .tablepress-table-description { display: block; margin-bottom: 2.6rem; margin-bottom: 26px; } #main table:not(#calculator), #main .tablepress { margin-bottom: 2.6rem; margin-bottom: 26px; } #main table:not(#calculator).gstl_51 { margin-bottom: 0; } #main table:not(#calculator) thead tr, #main table:not(#calculator) thead td, #main table:not(#calculator) thead th, #main .tablepress thead tr, #main .tablepress thead td, #main .tablepress thead th { font-family: 'Sentinel Light', serif; font-size: 1em; text-transform: uppercase; font-weight: 600; background: #63513D; color: #ffffff; } #main table:not(#calculator) tbody tr, #main .tablepress tbody tr { background: rgba(183, 191, 16, 0.2); font-family: 'Sentinel Light', serif; font-size: .9em; } #main table:not(#calculator) tbody tr:nth-child(odd), #main table:not(#calculator) tbody tr.even, #main .tablepress tbody tr:nth-child(odd), #main .tablepress tbody tr.even { background: rgba(99, 81, 61, 0.1); } #main table:not(#calculator) tbody tr td, #main table:not(#calculator) tbody tr.even td, #main .tablepress tbody tr td, #main .tablepress tbody tr.even td { background: none; } #main th sup { text-transform: none; } #main .tablepress-table-name { clear: both; } #main .dataTables_wrapper .sorting:hover, #main .dataTables_wrapper .sorting_asc, #main .dataTables_wrapper .sorting_desc { background: none; } @media all and (max-width: 500px) { #main table:not(#calculator) { display: block; } #main table:not(#calculator) tr { display: block; } #main table:not(#calculator) td, #main table:not(#calculator) th { display: list-item; list-style: none; } } /******************** /* FOOTER */ .site-footer {display: flex; flex-flow: row wrap; margin-top: 4em;} .home .site-footer {margin-top: 0;} .site-footer .site-info {width: 100%; order: 1; padding: 40px 0 20px;} .site-footer .footer-widgets {width: 100%; order: 2;} .site-footer .site-info .footer-bar {float: none; text-align: center;} .site-footer .site-info .footer-bar aside .textwidget > h2, .site-footer .site-info .footer-bar aside .textwidget > div {display: inline;} .site-footer .site-info .copyright-bar {display: none;} .site-footer .footer-widgets .footer-logo {float: left;} .site-footer .footer-widgets .footer-logo a:hover {background: none;} .site-footer .footer-widgets .simple-social-icons {clear: both;} .site-footer .footer-widgets #nav_menu-2 ul {column-count: 2;} .footer-bar {display: grid; grid-template-columns: 60% 40%; grid-gap: 1em;} #gform_10 {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2em;} #gform_wrapper_10 {margin: 0;} #gform_wrapper_10 ul li.gfield, #gform_wrapper_10 .ginput_container {padding: 0; margin: 0;} #gform_wrapper_10 .ginput_container input {margin-top: 0; padding: 12px 8px; width: 100%;} #gform_wrapper_10 .gform_button.button {border: 1px solid #fff; padding: 12px 30px;} #gform_wrapper_10 .gform_footer {padding: 0; margin: 0;} @media (max-width: 767px) { .site-footer .site-info .footer-bar aside .textwidget > h2, .site-footer .site-info .footer-bar aside .textwidget > div {display: block;} } @media (max-width: 1024px) and (min-width: 768px) { .inside-footer-widgets>div:nth-child(odd) {clear: none;} .active-footer-widgets-3 .footer-widget-3 {width: auto;} } @media (max-width: 1024px) { .footer-bar {grid-template-columns: auto; } #gform_10 {grid-template-columns: 1.5fr 1fr;} #gform_10 .gform_body {width: 60%; justify-self: end;} .site-footer .footer-widgets .footer-widget-3 .textwidget {border-top: 1px solid #fff; padding-top: 1em;} } @media (max-width: 641px) { #gform_10 .gform_body {width: 100%;} }