/* Theme Name: RO Translator MWF Theme URI: http://www.ronline.com/ Author: Resources Online Author URI: http://www.ronline.com/ Template: ro-mwf Version: 4.8.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: rotranslator Description: MWF-compliant child theme. Requires use of the RO MWF parent theme. Tags: MWF, ACF PRO This child theme requires use of the parent theme RO MWF. */ /* WeGlot fixes and overrides */ .weglotWidgetRow { padding: 6px 0 8px; background: #fff; } @media screen and (max-width: 540px) { .weglogWwidgetContainer { margin-top: 2em; } } .country-selector.weglot-dropdown button.wgcurrent { border: 1px solid #ccc; outline: 1px solid transparent; display: inline-block; padding: 10px 20px 10px 22px; color: #000; background: #fff; } .country-selector.weglot-dropdown button.wgcurrent:hover, .country-selector.weglot-dropdown button.wgcurrent:focus, .country-selector.weglot-dropdown input:checked ~ button.wgcurrent { box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%); background: #eee; } .country-selector.weglot-dropdown button.wgcurrent:focus { border-color: #000; } .country-selector.weglot-dropdown span, .country-selector.weglot-dropdown .wgcurrent span { display: inline-block; width: auto; max-width: 100%; height: auto; padding: 0; font-size: inherit; font-weight: inherit; line-height: 18.5px; transition: all 200ms ease-in-out; } .country-selector.weglot-dropdown .wgcurrent:after { display: inline-block; position: relative; top: 4px; right: 0; margin-top: 3px; margin-left: 23px; transition: all 200ms ease-in-out; } [dir="rtl"] .country-selector.weglot-dropdown .wgcurrent:after { right: auto; left: 0; margin-left: 0; margin-right: 23px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } [dir="rtl"] .country-selector.weglot-dropdown input:checked ~ .wgcurrent:after { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .country-selector.weglot-dropdown a { display: block; position: relative; border: 2px solid transparent; outline: 0; height: auto; padding: 11px 12px; cursor: pointer; font-size: inherit; line-height: inherit; background: #f2f2f2; } .country-selector.weglot-dropdown a:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; border: 1px solid transparent } .country-selector.weglot-dropdown a:hover, .country-selector.weglot-dropdown a:focus { color: #005da6; background: #e5e5e5; text-decoration: underline; } .country-selector.weglot-dropdown a:focus { border-color: #000; text-decoration: none; } .country-selector.weglot-dropdown a:focus:before { border-color: rgba(255,255,255,.6) } .country-selector.weglot-dropdown ul { column-gap: 0; background: #f2f2f2; box-shadow: 3px 3px 3px rgba(0, 0, 0, .5); } [dir="rtl"] .country-selector.weglot-dropdown ul { left: auto; right: 0; } @media screen and (max-width: 499px) { .country-selector.weglot-dropdown ul { columns: 2; } .page-social-toolbar .country-selector.weglot-dropdown ul, [dir="rtl"] .page-social-toolbar .country-selector.weglot-dropdown ul { left: 0; right: 0; margin: auto; } } @media screen and (min-width: 500px) { .country-selector.weglot-dropdown ul { columns: 3; } .page-social-toolbar .country-selector.weglot-dropdown ul { columns: 2; left: auto; right: 0; } [dir="rtl"] .page-social-toolbar .country-selector.weglot-dropdown ul { left: 0; right: auto; } } @media screen and (min-width: 640px) { .country-selector.weglot-dropdown ul { columns: 4; } .page-social-toolbar .country-selector.weglot-dropdown ul { columns: 3; left: auto; right: 0; } [dir="rtl"] .page-social-toolbar .country-selector.weglot-dropdown ul { left: 0; right: auto; } } @media screen and (min-width: 740px) { .page-social-toolbar .country-selector.weglot-dropdown ul { columns: 4; } } /* fix z-index conflict w/ UHF in mobile mode: */ .weglotWidgetRow .country-selector { z-index: 2; } /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Site-Specific UHF Overrides # Site-Specific MWF Overrides # Site-Specific Custom Styles # Site-Specific Blog Styles --------------------------------------------------------------*/ /* [class="ms-brand-"] { color: #fff; } .ms-brand-red { background-color: #e81123; } .ms-brand-office, .ms-brand-orange, .ms-brand-rust { background-color: #d83b01; } .ms-brand-gold { background-color: #ffb900; color: #000; } .ms-brand-xbox, .ms-brand-green, .ms-brand-green-dark { background-color: #107c10; } .ms-brand-xbox-light-green, .ms-brand-green-light { background-color: #5dc21e; color: #000; } .ms-brand-teal { background-color: #e81123; } .ms-brand-windows, .ms-brand-blue { background-color: #0078d7; } .ms-brand-visual-studio, .ms-brand-purple { background-color: #5c2e91; } */ /*-------------------------------------------------------------- # Site-Specific MWF Overrides --------------------------------------------------------------*/ @media screen and (max-width: 540px) { .m-social.f-horizontal, .c-social.f-horizontal { justify-content: center; } } .ro-mwf-blog-hero.m-rich-heading { margin-top: 0; } .m-rich-heading.f-image.f-accent { background: #0067b8; } .m-rich-heading.f-accent>picture.c-image:after { background: linear-gradient(to left,rgba(255,255,255,0) 0,#0067b8 100%); } nav.c-in-page-navigation .c-heading-4, nav.c-in-page-navigation>ul li>a { margin-left: 0; margin-right: 0; } nav.c-in-page-navigation .c-heading-4 { padding-top: 12px; } /* body#help article .m-link-navigation:nth-of-type(2) nav.c-link-navigation { max-width: 950px; margin-left: auto; margin-right: auto; } */ @media only screen and (min-width: 768px) { [dir="ltr"] .m-typographic-intro>div>div { padding-left: 12px; } [dir="rtl"] .m-typographic-intro>div>div { padding-right: 12px; } } @media only screen and (min-width: 1400px) { [dir="ltr"] .m-typographic-intro>div>div { padding-left: 12px; } [dir="rtl"] .m-typographic-intro>div>div { padding-right: 12px;} } [class*='c-heading-'] + .c-metadata-badge-group { padding-top: 6px; } .page-social-toolbar {border: 0;} .page-social-toolbar .m-social { margin: 0; } @media screen and (max-width:767px) { .page-social-toolbar .weglot-wrapper, .page-social-toolbar-follow, .page-social-toolbar-share { text-align: center; } } @media screen and (min-width:768px) { .page-social-toolbar .weglot-wrapper { text-align: right; } .page-social-toolbar-share { float: right; } [dir="rtl"] .page-social-toolbar .weglot-wrapper { text-align: left; } [dir="rtl"] .page-social-toolbar-share { float: left; } } /* MWF 1.5x.x has nonsensical heading gutters */ .m-area-heading .c-heading, .m-banner .c-heading-3 { padding-bottom: 38px; } .simple-column-row > div > [class^="c-heading"]:first-child { margin-top: 0; padding-top: 0; } .m-banner.transHome { padding-top: 0; } .m-banner.transHome p.c-heading-5 a { color: #0067b8; } /* Do we really need this?? The class should only be used with DEFAULT images, not with user-added ones. */ .m-product-placement-item .f-default-image, .c-product-placement .f-default-image { background-color: #ffffff; } /* Green box option for Highlight Feature */ .highlight-feature-custom-accent {} .m-highlight-feature.highlight-feature-custom-accent > div { background: #107c10;} .mstc-highlight-cta .theme-dark a.c-call-to-action, .mstc-highlight-cta .theme-light a.c-call-to-action, .mstc-highlight-badge .c-badge.f-highlight, .m-highlight-feature.theme-dark.mstc-highlight-bg > div { background-color: #107c10; color: #fff; } /*-------------------------------------------------------------- # Site-Specific Custom Styles --------------------------------------------------------------*/ body.home .mwf-area-heading-ctas-wrapper + .mwf-area-heading-ctas-wrapper { margin-top: 2em; } /* .edu-site-banner { background: #0067b8; color: #fff; } */ .edu-site-banner-content { text-align: center; } .edu-site-banner a.c-call-to-action { display: block; text-align: center; font-weight: normal; } #microsoft-teams-multilingual-meeting .c-list img { margin-bottom: 1.5em; } #microsoft-teams-multilingual-meeting .c-heading-2 { padding-left: 12px; } [dir="rtl"] #microsoft-teams-multilingual-meeting .c-heading-2 { padding-right: 12px; padding-left: 0; } .m-content-placement-item.ro-empty-column h2 { display: none; } /* ?!? */ [dir="ltr"] .padleft { padding-left: 20px; } [dir="rtl"] .padleft { padding-right: 20px; } @media (max-width:539px) { [dir="ltr"] .padleft { padding-left: 0; } [dir="rtl"] .padleft { padding-right: 0; } } .noFloat { float: none; } /* Business site custom table thing: */ th.gradient { background: -webkit-linear-gradient(left, rgba(36, 167, 47, 0.95) 0%, rgba(11, 71, 222, 0.95) 100%); background: -o-linear-gradient(left, rgba(36, 167, 47, 0.95) 0%, rgba(11, 71, 222, 0.95) 100%); background: linear-gradient(to right, rgba(36, 167, 47, 0.95) 0%, rgba(11, 71, 222, 0.95) 100%); } th.gradient div { color: #ffffff; } ul.icon-link-list { list-style: none; margin: 0; padding: 0; } ul.icon-link-list li { display: inline-block; margin: 0; padding: 0; } ul.icon-link-list li + li { padding-left: 16px; } [dir="rtl"] ul.icon-link-list li + li { padding-right: 16px; padding-left: 0; } /* Customers and Partners and Help FAQs */ .translator-partner-gallery {} .translator-partner-gallery .customer-container { margin-bottom: 50px; } .translator-partner-gallery .customer-hidden { display: none; } .translator-partner-gallery .customer-utility-row { margin-bottom: 20px;} .translator-partner-gallery .customer-sorting-container { text-align: right; width: 100%; } [dir="rtl"] .translator-partner-gallery .customer-sorting-container { text-align: left; } .translator-partner-gallery .customer-sorting-container ul.c-context-menu { right: 0; } [dir="rtl"] .translator-partner-gallery .customer-sorting-container ul.c-context-menu { right: auto; left: 0;} .translator-partner-gallery .customer-filters { padding-top: 12px; } .translator-partner-gallery .customer-filters ul.c-list { list-style-type: none; } [dir="ltr"] .translator-partner-gallery .customer-filters .c-list { padding-left: 0; } [dir="rtl"] .translator-partner-gallery .customer-filters .c-list { padding-right: 0; } .translator-partner-gallery .customer-filters .c-drawer { background: transparent; } .translator-partner-gallery .customer-filters .c-refine-item.filter-show-all:not(.f-selected) { background: #f0f0f0; } .translator-partner-gallery .customer-filters .c-refine-item.filter-show-all:not(.f-selected):hover { box-shadow: 0 0 4px 2px rgba(0,0,0,.16); font-weight: 600; } [dir="ltr"] .translator-partner-gallery .customer-filters .c-drawer .c-list { margin-left: 0; } [dir="rtl"] .translator-partner-gallery .customer-filters .c-drawer .c-list { margin-right: 0; } .translator-partner-gallery .customer-filters-label { display: inline; } [dir="ltr"] .translator-partner-gallery .customer-filters-label ul { display: inline; margin-left: 30px; } [dir="rtl"] .translator-partner-gallery .customer-filters-label ul { display: inline; margin-left: 30px; } .translator-partner-gallery .customer-parent { padding-top: 50px;} .translator-partner-gallery .customer-parent:first-of-type { padding-top: 0; } .translator-partner-gallery .customer .customer-image { padding-bottom: 10px; } .translator-partner-gallery .customer-container .c-heading-4 { padding-top: 16px; } /* .translator-partner-gallery .customer a.partner-link { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } */ @media screen and (max-width: 539px) { .translator-partner-gallery .customer-utility-row [data-grid*=col-] { float: left; width: auto; display: inline; padding: inherit 0; } [dir="rtl"] .translator-partner-gallery .customer-utility-row [data-grid*=col-] { float: right; } .translator-partner-gallery .customer-utility-row { margin-bottom: 20px; margin-top: 20px; } .translator-partner-gallery .customer-filters a.c-refine-item, .customer-filters li { padding-top: 4px; padding-bottom: 4px; } .translator-partner-gallery .customer-filters a.c-refine-item:after { top: 4px; } .translator-partner-gallery .customer-filters-label { line-height: 10px; } } .trans-partner-info-table {} .trans-partner-info-table .mwf-glyph-checkmark { color: #000; } .c-table .trans-partner-info-table thead th { vertical-align: bottom; font-size: 26px; padding-top: 40px; padding-bottom: 20px; font-weight: 400; } .c-table .trans-partner-info-table thead th:nth-child(1) { background-color: #e6e6e6; } .c-table .trans-partner-info-table thead th:nth-child(2) { background-color: #0078d4; color: #000; text-align: center; } .c-table .trans-partner-info-table thead th:nth-child(3) { background-color: #a6a8ab; color: #000; text-align: center; } .c-table .trans-partner-info-table thead th:nth-child(4) { background-color: #ffb900; color: #000; text-align: center; } .c-table .trans-partner-info-table tbody td { text-align: center; } .c-table .trans-partner-info-table tbody td:first-child { text-align: left; } [dir="rtl"] .c-table .trans-partner-info-table tbody td:first-child { text-align: right; } .c-table .trans-partner-info-table tbody td:nth-child(2) { background-color: #bfcee4; text-align: center; } .c-table .trans-partner-info-table tbody td:nth-child(3) { background-color: #e6e6e6; text-align: center; } .c-table .trans-partner-info-table tbody td:nth-child(4) { background-color: #fbeabc; text-align: center; } /* A draft version of a custom module - likely deprecated */ .trans-feature-table thead { background: #fff; } .trans-feature-table thead th { text-align: center; } .trans-feature-table td { position: relative; } .trans-feature-table span[class^=feat-], .trans-feature-table div[class^=feat-] { overflow: hidden; font-size: 1px; margin: 0 auto; } .trans-feature-table tbody td { text-align: center; } .trans-feature-table span[class^=feat-]:before, .trans-feature-table div[class^=feat-]:before { position: absolute; top: 0.5em; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: table; margin: 0; width: 20px; height: 20px; font-family: "MWF-MDL2"; font-size: 20px; } .trans-feature-table span.feat-yes:before { content: "\E930"; } .trans-feature-table .align-left {text-align: left !important;} [dir="rtl"] .trans-feature-table .align-left { text-align: right !important; } /* LANGUAGES PAGE */ .page-trans-languages {} .page-trans-languages .m-content-placement { text-align: center; } .page-trans-languages .mstc-lang-cpm-first .m-content-placement-item { margin-top: 0; } /** * LANGUAGES PAGE (temp - pre-MWF) */ .pageLanguages {} @media screen and (max-width: 679px) { .pageLanguages section#hero { padding-left: 0; padding-right: 0; padding-bottom: 0; } } @media screen and (min-width: 600px) and (max-width: 679px) { .pageLanguages .heroContent { padding-top: 80px; padding-bottom: 0; } } @media screen and (max-width: 599px) { .pageLanguages .heroContent .translucentContainer { padding-left: 50px; padding-right: 50px; background: #fff; text-align: center; } } @media screen and (min-width: 600px) and (max-width: 679px) { .pageLanguages .heroContent .translucentContainer { padding-left: 50px; padding-right: 50px; background: #fff; text-align: center; } } .pageLanguages section .row { display: block; } .pageLanguages .row:before, .pageLanguages .row:after { content: " "; display: table; } .pageLanguages .row:after { clear: both; } .pageLanguages .GreyBackground { background-color: #f6f6f6; color: #000; } .pageLanguages section .row { margin: 0 auto; max-width: 1600px; } .pageLanguages section .row + .row { margin-top: 24px; } .pageLanguages .row .col { box-sizing: border-box; display: inline; float: left; } .pageLanguages .row.cols-1 .col { width: 100%; } .pageLanguages .row.cols-2 .col { width: 49%; } .pageLanguages .row.cols-4 .col { width: 25%; } @media screen and (max-width: 639px) { .pageLanguages .row.cols-3 .col, .pageLanguages .row.cols-5 .col { display: block; float: none; width: 100%; padding: 0 10px; margin-top: 16px; } .pageLanguages .row.cols-3 .col h3, .pageLanguages .row.cols-5 .col h3 { margin-top: 0; } } @media screen and (min-width: 640px) and (max-width: 999px) { .pageLanguages .row.cols-3 .col { width: 33.33%; padding: 0 10px; margin-top: 16px; } .pageLanguages .row.cols-5 .col { width: 50%; padding: 0 10px; margin-top: 16px; } .pageLanguages .row.cols-5 .col:nth-of-type(3) { clear: left; } .pageLanguages .row.cols-5 .col:nth-of-type(5) { clear: both; display: block; float: none; margin-left: auto; margin-right: auto; padding-top: 16px; } } @media screen and (min-width: 1000px) { .pageLanguages .row.cols-3 .col { width: 33.33%; padding: 0 10px; margin-top: 16px; } .pageLanguages .row.cols-5 .col { width: 20%; padding: 0 10px; } .pageLanguages .row.cols-5 .col:first-of-type { margin-left: -10px; } .pageLanguages .row.cols-5 .col:last-of-type { margin-right: -10px; } } .pageLanguages .row.cols-2 .col { display: -ms-flexbox; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .pageLanguages .row.cols-2 .col .subcol-img { flex-shrink: 0; width: 178px; text-align: center; } .pageLanguages .row.cols-2 .col .subcol-txt { flex-grow: 1; text-align: left; margin-left: 15px; } @media screen and (max-width: 767px) { .pageLanguages .row.cols-2 .col { float: none; width: 100%; } } @media screen and (min-width: 768px) { .pageLanguages .row.cols-2 .col { width: 44%; } .pageLanguages .row.cols-2 .col + .col { width: 54%; margin-left: 2%; } .pageLanguages .row.cols-2 .col .subcol-img { width: 100px; } .pageLanguages .row.cols-2 .col:nth-child(2) .subcol-img { width: 178px; } } .pageLanguages .icons-section, .pageLanguages .icons-section .col { text-align: center; } .pageLanguages .features-table-wrapper .feat-section-intro { font-size: 18px; } .pageLanguages .GreyBackground h2 { color: #107c10; } .page-trans-languages .features-table-wrapper, .page-trans-languages .features-table-wrapper .col { text-align: center; } .translator-language-features-tool {} .translator-language-features-tool fieldset { border: 0; margin: 0; padding: 0; } .translator-language-features-tool label { display: block; padding: 0 0 0.5em; font-weight: bold; } .translator-language-features-tool select { border: 1px solid #ccc; border-radius: 3px; padding: 4px; } .trans-features-table-wrapper { position: relative; } @media screen and (min-width: 768px) { .trans-features-table, .c-table table.trans-features-table { max-width: 300px; margin-right: auto; margin-left: auto; } } .trans-features-table th, .trans-features-table td { width: 50%; } .trans-features-table thead {} .trans-features-table thead th { padding: 1em; color: #000; text-align: center; font: bold normal 18px/1.25 'wf_segoe-ui','Segoe UI','wf_SegoeUI','Segoe UI',Tahoma,Verdana,Arial,Helvetica,sans-serif; } .trans-features-table tbody th, .trans-features-table tbody td { padding: 0.5em 1em; } .trans-features-table tbody { border-bottom: 1px solid #d2d2d2; } .trans-features-table tbody tr { background: #fff; } .trans-features-table tbody td { border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; } .trans-features-table span[class^=feat-] { display: inline-block; margin: 0; width: 34px; height: 34px; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; /* image URLs specified inline within page HTML */ text-indent: -1000px; overflow: hidden; vertical-align: bottom; /* this nullifies extra bottom margin */ } .trans-features-table span[class^=feat-] + span[class^=feat-] { margin-left: 0.5em; } .trans-features-table span.feat-no, .trans-features-table span.feat-no:first-of-type { width: 1px; height: 1px; margin: 0; } #language-features-list { list-style: none; margin: 0; padding: 0; } #language-features-list li { margin: 0; padding: 0; } #language-features-list table caption { position: absolute; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; overflow: hidden; white-space: nowrap; } #language-features-list [aria-hidden=true] { display: none; } #language-features-list [aria-hidden=false], #language-features-list li:not([aria-hidden]) { opacity: 1; -webkit-animation: featureTableFadeIn 200ms ease-in 0s; /* needed for recently-deprecated Android phones */ animation: featureTableFadeIn 200ms ease-in 0s; } @keyframes featureTableFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .mstc-language-select .c-heading-5 { padding-top: 24px; } /*-------------------------------------------------------------- # Site-Specific Blog Styles --------------------------------------------------------------*/ .widget-area button.c-button:hover { color: #fff; text-decoration: underline; } .widget-area .c-search button { margin-top: 12px; } body.blog .page-mwf-blog, body.blog .page-mwf-article aside, .single-post .page-mwf-blog, .single-post .page-mwf-article aside, body.archive .page-mwf-blog, body.archive .page-mwf-article aside, body.search .page-mwf-blog, body.search .page-mwf-article aside { padding-top: 0; } body.archive article .m-heading-2:first-child .c-heading-3 { padding-top: 0; } @media only screen and (min-width: 540px) { body.blog .m-typographic-intro>div>div, body.single-post .m-typographic-intro>div>div, body.archive .m-typographic-intro>div>div { padding-left: 12px; padding-right: 12px; } } @media only screen and (min-width: 768px) { body.blog .m-typographic-intro>div>div, body.single-post .m-typographic-intro>div>div, body.archive .m-typographic-intro>div>div { padding-left: 18px; padding-right: 18px; } } @media only screen and (min-width: 1084px) { body.blog .m-typographic-intro>div, body.single-post .m-typographic-intro>div, body.archive .m-typographic-intro>div { padding: 0 5.5%; } } body.blog .entry-title a:hover, .entry-title a:focus, body.archive .entry-title a:hover, body.search .entry-title a:hover { text-decoration: underline; } .widget-area section:first-of-type .c-heading-4 { padding-top: 52px; } .widget-area .m-social { margin-top: 1em; } .widget-area ul.compact-archives li { padding: 8px 0;} .widget-area ul.compact-archives strong { display: block; padding: 8px 0; } /* Fix MWF bug: missing required UI style for first pagination link */ /* .m-pagination li:nth-of-type(1) .c-glyph:before, .c-pagination li:nth-of-type(1) .c-glyph:before { content: "\E76B"; vertical-align: -2px; margin-right: 8px; } .m-pagination .c-glyph.pagination-ellipsis:before { content: "\E712"; vertical-align: bottom; margin-right: 8px; } */ .single-post .post .entry-footer { margin-top: 42px; } .page-mwf-blog-single .post-navigation { display: block; margin-top: 24px; } .cat-links + .tags-links { margin-left: 1em; } .widget-area .textwidget { padding-top: 36px; } .widget-area .textwidget.custom-html-widget { padding-top: 0; } .page-mwf-blog-archive-index .m-multi-column { padding-top: 1em; } .page-mwf-blog-archive-index .m-multi-column .c-list { margin-top: 0; } /* Make post nav's heading visible */ .post-navigation h2.screen-reader-text { /* override screen reader styles */ clip: auto; position: relative !important; width: auto !important; height: auto !important; overflow: visible !important; /* MWF h4 styles*/ padding: 0.5em 0 1em !important; font-weight: 600; font-size: 24px; line-height: 28px; } .post-navigation h2:before, .post-navigation h2:after { content: " "; display: table; } .post-navigation h2:after { clear: both; } /** NEW PREV/NEXT STYLES (*/ .post-navigation .nav-links > div { flex-basis: 50%; } .page-mwf-blog-single .post-navigation .nav-previous > a:before, .page-mwf-blog-single .post-navigation .nav-next > a:after { display: none; margin: 0; content: ''; } .post-navigation .nav-link-label { clip: auto !important; position: relative !important; width: auto !important; height: auto !important; overflow: visible !important; display: block; /* color: black; */ font-weight: normal; padding-bottom: 0.5em !important; } .post-navigation .nav-previous .nav-link-label:before { display: inline-block; margin-right: 8px; vertical-align: -2px; font-family: "MWF-MDL2"; content: "\E76B"; } .post-navigation .nav-next .nav-link-label:after { display: inline-block; margin-left: 8px; vertical-align: -2px; font-family: "MWF-MDL2"; content: "\E76C"; } /** *********** * MWF Background Colors: */ div[class^='romwf-bg-ms-'], div[class*=' romwf-bg-ms-'], div.romwf-bg-dark-grey, div.romwf-bg-extra-dark-grey, div.romwf-bg-black { color: #fff; } div.romwf-bg-ms-accent { background-color: #0067b8; } div.romwf-bg-ms-brand-red { background-color: #e81123; } div.romwf-bg-ms-brand-orange { background-color: #d83b01; } div.romwf-bg-ms-brand-green { background-color: #107c10; } div.romwf-bg-ms-brand-teal { background-color: #008575; } div.romwf-bg-ms-brand-blue { background-color: #0078d4; } div.romwf-bg-ms-brand-purple { background-color: #8661c5; } div.romwf-bg-dark-grey { background-color: #505050; } div.romwf-bg-extra-dark-grey { background-color: #2f2f2f; } div.romwf-bg-black { background-color: #000; } div[class^='romwf-bg-ms-'] a.c-hyperlink:focus, div[class*=' romwf-bg-ms-'] a.c-hyperlink:focus, div.romwf-bg-dark-grey a.c-hyperlink:focus, div.romwf-bg-extra-dark-grey a.c-hyperlink:focus, div.romwf-bg-black a.c-hyperlink:focus { color: #fff; border-color: #fff; outline-color: rgba(255,255,255,.6); } div[class^='romwf-bg-ms-'] a.c-hyperlink, div[class*=' romwf-bg-ms-'] a.c-hyperlink, div[class^='romwf-bg-ms-'] a.c-hyperlink:hover, div[class*=' romwf-bg-ms-'] a.c-hyperlink:hover, div[class^='romwf-bg-ms-'] a.c-hyperlink:not(.f-image):hover, div[class*=' romwf-bg-ms-'] a.c-hyperlink:not(.f-image):hover, div[class^='romwf-bg-ms-'] a.c-hyperlink:active, div[class*=' romwf-bg-ms-'] a.c-hyperlink:active, div[class^='romwf-bg-ms-'] a.c-hyperlink:focus:not(.x-hidden-focus), div[class*=' romwf-bg-ms-'] a.c-hyperlink:focus:not(.x-hidden-focus), div.romwf-bg-dark-grey a.c-hyperlink, div.romwf-bg-dark-grey a.c-hyperlink:hover, div.romwf-bg-dark-grey a.c-hyperlink:not(.f-image):hover, div.romwf-bg-dark-grey a.c-hyperlink:active, div.romwf-bg-dark-grey a.c-hyperlink:focus:not(.x-hidden-focus), div.romwf-bg-extra-dark-grey a.c-hyperlink, div.romwf-bg-extra-dark-grey a.c-hyperlink:hover, div.romwf-bg-extra-dark-grey a.c-hyperlink:not(.f-image):hover, div.romwf-bg-extra-dark-grey a.c-hyperlink:active, div.romwf-bg-extra-dark-grey a.c-hyperlink:focus:not(.x-hidden-focus), div.romwf-bg-black a.c-hyperlink, div.romwf-bg-black a.c-hyperlink:hover, div.romwf-bg-black a.c-hyperlink:not(.f-image):hover, div.romwf-bg-black a.c-hyperlink:active, div.romwf-bg-black a.c-hyperlink:focus:not(.x-hidden-focus) { color: #fff; } div.romwf-bg-ms-brand-bright-green { background-color: #5dc21e; color: #000; } div.romwf-bg-white { background-color: #fff; color: #000; } div.romwf-bg-light-grey { background-color: #e6e6e6; color: #000; } div.romwf-bg-grey { background-color: #d2d2d2; color: #000; } div.romwf-bg-ms-brand-bright-green a.c-hyperlink:focus { border-color: #000; outline-color: rgba(0,0,0,.6); } div.romwf-bg-ms-brand-bright-green a.c-hyperlink, div.romwf-bg-ms-brand-bright-green a.c-hyperlink:not(.f-image):active, div.romwf-bg-ms-brand-bright-green a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus), div.romwf-bg-ms-brand-bright-green a.c-hyperlink:not(.f-image):hover, div.romwf-bg-ms-brand-bright-green a.c-hyperlink:not(.f-image):hover { color: #000; } /** * Sitewide Banner / Site-wide Banner */ #rotrans-sitewide-banner { padding: 8px 0; } /* Disabling Login Functionality*/ div#meControl { display: none !important; } .c-me { display: none !important; }