/** * * Audience Menu Shortcode * */ .audience-landing-nav { max-width: 1200px; margin: 50px auto; text-align: center; } .audience-landing-nav ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; clear: both; margin: 0; margin-bottom: 1.75em; } .audience-landing-nav ul li { border-radius: 0; background-color: #eaeaea; max-width: 450px; min-width: 350px; margin: 0 1% 15px 1%; height: 60px; font-size: 16px; font-size: 1rem; line-height: 1.3; list-style: none; text-align: center; padding: 0 15px; display: flex; align-items: center; justify-content: center; } .audience-landing-nav li a { color: #484C58; } .audience-landing-nav li a:hover { color: #008cc0; } .mce-content-body .audience-landing-nav li a { box-shadow: none; color: #484C58; text-decoration: none; } .audience-landing-nav li a{ border-bottom: none !important; } /** * * Call2Action Button * */ a.call2action-button { background-color: #eaeaea; min-width: 300px; max-width: 450px; margin: 0 1% 15px 1%; height: 80px; font-size: 20px; font-size: 1.3rem; line-height: 1.5; text-align: center; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; color: #484C58; } .mce-content-body a.call2action-button { box-shadow: none; color: #484C58; text-decoration: none; } a.call2action-button:hover { color: #008cc0; } /* * * Highlighted Content - cbox * */ .content-box .card h4 a{ border-bottom: none; } .content-box .card.border-left{ border-left-width: 4px !important; } /** * * Accordion * */ .ui-accordion, .ui-tabs { margin-bottom: 5%; } .ui-accordion { margin-bottom: 5%; background-color: #eaeaea; border-left: 5px solid #d4d4d4; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0 !important; padding: 1em .5em; min-height: 0; /* support: IE7 */ font-size: 16px; font-size: 1rem; line-height: 1.2; color: #484C58; } .ui-accordion .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-header-icon { color: #444; font-size: 14px; line-height: 20px; position: relative; top: 0; left: 1px; width: 32px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ui-accordion .ui-accordion-header-icon.icon-down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .ui-accordion .ui-accordion-content, .ui-tabs .ui-tabs-panel { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-tabs .ui-tabs-panel { background-color: #eaeaea; } .ui-tabs .ui-tabs-nav { margin: 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .5em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; font-size: 16px; font-size: 1rem; line-height: 1.2; background-color: #efefef; font-weight: 600; font-family: "Helvetica Neue", sans-serif; } .ui-tabs .ui-tabs-nav li a{ border-bottom: 0 !important; } .wf-active .ui-tabs .ui-tabs-nav li { font-family: 'proxima-nova', "Helvetica Neue", sans-serif; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { background-color: #e3e8ec; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { display: block; color: #484C58; padding: .5em 1em; text-decoration: none; box-shadow: none; } .ui-tabs .ui-tabs-panel { display: block; padding: 1em 1.4em; clear: both; border-left: none; } .mce-content-body div.altmetric-embed { height: 27px; line-height: 27px; width: 100px; background: #efefef; border: 1px solid #484C58; border-radius: 2px; font-size: 9px; text-align: center; font-weight: bold; } /** * * Expandable * */ .hsph-bootstrap details.expandable { border-left-width: 4px !important; } .expandable > *:last-child { margin-bottom: 0; } .expandable * { font-family: 'proxima-nova', "Helvetica Neue", Helvetica, sans-serif !important; } /* Hot fix to remove margins */ /* TODO: remove these rules when all migrated to Bootstrap */ .hsph-bootstrap .expandable h1, .hsph-bootstrap .expandable h2 { margin-top: 0 !important; margin-bottom: 1rem !important; } .hsph-bootstrap .expandable h3, .hsph-bootstrap .expandable h4, .hsph-bootstrap .expandable h5, .hsph-bootstrap .expandable h6 { margin-top: 0 !important; margin-bottom: 0.25rem !important; } /** * * Big Numbers * */ .big-numbers{ display: inline-grid; max-width: 33%; margin-bottom: 1em; margin-right: 5em; } .big-numbers .big-numbers-element.ui-content-number{ color: #484c58; margin-bottom: 3px; line-height: 1; font-size: 24px; font-size: 1.5rem; } .big-numbers .big-numbers-element.ui-content-desc{ margin-bottom: 0; font-size: 0.95em; color: #484c58; font-family: 'proxima-nova', "Helvetica Neue", sans-serif; line-height: 1.2; } .big-numbers .big-numbers-element.ui-content-notes{ font-size: 0.7em; font-family: 'proxima-nova', "Helvetica Neue", sans-serif; color: #484C58; margin: 0; } .big-numbers .big-numbers-element.ui-content-notes.ui-content-notes-empty{ visibility: hidden; height: 0; } /* in the sidebar */ #secondary .big-numbers{ margin-right: 0.2em; min-width: 100%; } /* style the box on mobile */ @media (max-width: 770px){ .big-numbers{ width: 45%; margin-right: 1em; } } /* * * Call2Action Bar * */ .call2action-bar { margin-bottom: 2em; } .call2action-bar-link, .entry-content .call2action-bar-link { padding: 0.75em 0; display: grid; grid-template-columns: 6fr 1fr; border-bottom: 1px solid #d6d6db; -webkit-transition: all 350ms cubic-bezier(.65, .05, .36, 1); -moz-transition: all 350ms cubic-bezier(.65, .05, .36, 1); -ms-transition: all 350ms cubic-bezier(.65, .05, .36, 1); -o-transition: all 350ms cubic-bezier(.65, .05, .36, 1); transition: all 350ms cubic-bezier(.65, .05, .36, 1); } .call2action-bar-link:hover { padding: 0.75em 0.875em; background-color:#f0f0f2; border-bottom: 1px solid transparent; border-radius: 3px; box-shadow: 0 1px 3px 0 rgba(72, 76, 88, 0.2), 0 1px 4px 0px rgba(72, 76, 88, 0.23); } .affiliate-2017 .call2action-bar-link:hover { background-color:#ffffff; box-shadow: 0 2px 4px 0 rgba(72, 76, 88, 0.15), 0 2px 4px 0 rgba(72, 76, 88, 0.15); } .call2action-bar-link:hover > .call2action-bar-desc { margin-right: -.875em; } .entry-content .call2action-bar-header, .call2action-bar-header { grid-column: 1/2; color: #484c58 !important; margin-bottom: 0.125em !important; margin-top: 0; font-size: 20px; } .affiliate-2017 .entry-content .call2action-bar-header, .affiliate-2017 .call2action-bar-header { font-size: 22px; font-size: 1.375rem; } .call2action-bar-link:hover, .call2action-bar-link:focus { text-decoration: none; } .call2action-bar-desc { color: #4C4C58; grid-column: 1/2; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, sans-serif; font-weight: 400; font-size: 16px; -webkit-transition: all 350ms cubic-bezier(.65, .05, .36, 1); -moz-transition: all 350ms cubic-bezier(.65, .05, .36, 1); -ms-transition: all 350ms cubic-bezier(.65, .05, .36, 1); -o-transition: all 350ms cubic-bezier(.65, .05, .36, 1); transition: all 350ms cubic-bezier(.65, .05, .36, 1); } .call2action-bar-arrow { margin: 0 0 0 1em; grid-column: 2/2; grid-row: 1/3; align-self: center; justify-self: end; text-align: right; color: #484c58; background: #f0f0f2; width: 40px; height: 40px; border-radius: 25px; position: relative; -webkit-transition: all 350ms cubic-bezier(.65, .05, .36, 1); -moz-transition: all 350ms cubic-bezier(.65, .05, .36, 1); -ms-transition: all 350ms cubic-bezier(.65, .05, .36, 1); -o-transition: all 350ms cubic-bezier(.65, .05, .36, 1); transition: all 350ms cubic-bezier(.65, .05, .36, 1); } .call2action-bar-link:hover > .call2action-bar-arrow { color: #fff; background: #007ead; } .call2action-bar-arrow i { position: absolute; text-align: center; font-size: 2em; left: 16px; top: 3px; } /** * * Publications * */ .publications-shortcode .hsph_publication a{ border-bottom: none !important; }