:root {
--msu-forest-1000: #102820;
--msu-forest-900: #173b30;
--msu-forest-800: #23531d;
--msu-brand: #4e9637;
--msu-green: #68bd45;
--msu-lime: #a4ec86;
--msu-ink: #15221d;
--msu-muted: #526059;
--msu-canvas: #f4f7f3;
--msu-surface: #ffffff;
--msu-line: #d4ddd7;
--msu-soft: #e8eee9;
--msu-focus: #1c5db6;
--msu-radius-sm: 8px;
--msu-radius-md: 14px;
--msu-shadow: 0 8px 24px rgba(21, 34, 29, 0.08);
--msu-content: 1240px;
--msu-reading: 720px;
}
html {
overflow-x: clip;
scroll-behavior: smooth;
}
body,
body.body-homeradar {
overflow-x: clip;
color: var(--msu-ink);
background: var(--msu-canvas);
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
line-height: 1.65;
text-rendering: optimizeLegibility;
} body.postid-11448 .single-par2 > .bg-wrap > .bg.par-elem {
background-color: var(--msu-forest-900);
background-image: linear-gradient(145deg, var(--msu-forest-900), #111633) !important;
}
body,
button,
input,
select,
textarea,
.main-menu,
.main-menu a,
.post-article,
.box-widget-item,
.mod-footer {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
::selection {
color: var(--msu-forest-1000);
background: var(--msu-lime);
}
a {
text-underline-offset: 0.18em;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
outline: 3px solid var(--msu-focus) !important;
outline-offset: 3px !important;
transition: none !important;
}
.msu-skip-link {
position: fixed;
z-index: 1000000;
top: 12px;
left: 12px;
transform: translateY(-160%);
padding: 11px 16px;
border-radius: var(--msu-radius-sm);
color: #ffffff;
background: var(--msu-forest-1000);
font-size: 15px;
font-weight: 800;
transition: transform 160ms ease;
}
.msu-skip-link:focus {
transform: translateY(0);
} .main-header {
min-height: 76px;
border-bottom: 1px solid var(--msu-line);
background: rgba(255, 255, 255, 0.97);
box-shadow: 0 4px 18px rgba(16, 40, 32, 0.06);
backdrop-filter: blur(14px);
}
.logo-holder {
height: 76px;
}
.logo-holder img,
.logo-holder .custom-logo {
width: min(220px, 20vw);
height: auto;
max-height: 48px;
object-fit: contain;
}
.main-menu nav > ul > li > a {
min-height: 44px;
padding-inline: 13px;
color: var(--msu-ink);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.045em;
}
.main-menu nav > ul > li > a:hover,
.main-menu nav > ul > li.current-menu-item > a,
.main-menu nav > ul > li.current-menu-ancestor > a {
color: var(--msu-forest-800);
}
.main-menu nav li a .fa-caret-down {
color: var(--msu-brand);
}
.main-menu .sub-menu {
border: 1px solid var(--msu-line);
border-radius: var(--msu-radius-sm);
background: var(--msu-surface);
box-shadow: var(--msu-shadow);
}
.main-menu .sub-menu a {
min-height: 44px;
color: var(--msu-ink);
font-size: 13px;
font-weight: 650;
}
.main-menu .sub-menu a:hover,
.main-menu .sub-menu a:focus-visible {
color: var(--msu-forest-800);
background: var(--msu-canvas);
} .header-opt_btn,
.header-opt-modal,
.novis_header-mod,
.main-menu .header-opt-modal-container_mob {
display: none !important;
}
.nav-button-wrap {
width: 54px;
min-height: 54px;
border-radius: var(--msu-radius-sm);
background: var(--msu-forest-800) !important;
}
.nav-button span {
background: #ffffff;
} .parallax-section.single-par2 {
min-height: 450px;
background-color: var(--msu-forest-1000);
}
.parallax-section.single-par2::after {
background: linear-gradient(90deg, rgba(16, 40, 32, 0.94), rgba(16, 40, 32, 0.66) 58%, rgba(16, 40, 32, 0.28));
}
.section-title.big-title {
max-width: 980px;
text-align: left;
}
.section-title.big-title .post-head-title {
max-width: 18ch;
margin: 0 0 14px;
font-size: clamp(2.6rem, 5.1vw, 4.8rem);
font-weight: 800;
line-height: 0.98;
letter-spacing: -0.055em;
}
.section-title.big-title h2 {
max-width: 28ch;
margin: 0 0 16px;
color: var(--msu-lime) !important;
font-size: clamp(1.25rem, 2.4vw, 2rem);
font-weight: 700;
line-height: 1.18;
letter-spacing: -0.025em;
}
.section-title.big-title .head-intro {
max-width: 72ch;
margin: 0;
color: #e2ebe6;
font-size: clamp(1rem, 1.5vw, 1.08rem);
line-height: 1.65;
}
.scroll-down-wrap {
color: #ffffff;
font-weight: 700;
}
.breadcrumbs-fs {
border-bottom: 1px solid var(--msu-line);
background: var(--msu-surface);
box-shadow: none;
}
.breadcrumbs-fs a,
.breadcrumbs-fs span {
color: var(--msu-muted);
font-size: 14px;
font-weight: 650;
} .gray-bg {
background: var(--msu-canvas);
}
.post-container {
width: min(var(--msu-content), calc(100% - 32px));
margin-inline: auto;
padding-block: clamp(34px, 5vw, 68px);
}
.list-posts-wrap > .post-article,
.single-post .pos-single,
.search-results .post-article,
.archive .post-article {
overflow: hidden;
border: 1px solid var(--msu-line);
border-radius: var(--msu-radius-md);
background: var(--msu-surface);
box-shadow: var(--msu-shadow);
}
.list-posts-wrap > .post-article {
margin-bottom: 24px;
} .list-posts-wrap > .post-article .list-single-tags {
display: none;
}
.post-article .list-single-main-media,
.post-article .single-carousel-wrap,
.post-article .slick-list,
.post-article .slick-slide-item {
overflow: hidden;
border-radius: 0;
}
.post-article .list-single-main-media img,
.post-article .wp-post-image,
.post-article .slick-slide-item img {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
background: var(--msu-soft);
}
.post-article .post-content-wrap,
.post-article .psingle-block-box {
border: 0;
background: var(--msu-surface);
}
.list-posts-wrap > .post-article .post-content-wrap {
padding: clamp(24px, 4vw, 36px);
}
.post-opt-title,
.post-opt-title a {
color: var(--msu-ink);
font-size: clamp(1.35rem, 2.4vw, 2rem);
font-weight: 750;
line-height: 1.18;
letter-spacing: -0.03em;
}
.post-opt-title a:hover {
color: var(--msu-forest-800);
}
.post-content-wrap > p,
.post-article .entry-content > p,
.single-post .post-article p {
color: var(--msu-muted);
font-size: 17px;
line-height: 1.72;
}
.sticky-post-badge,
.postl-cats a,
.list-single-tags a,
.tagcloud a {
border: 1px solid #bfd0c4;
border-radius: 999px;
color: var(--msu-forest-800);
background: #f6faf6;
font-size: 12px;
font-weight: 750;
letter-spacing: 0.025em;
}
.sticky-post-badge {
padding: 6px 10px;
border-color: rgba(164, 236, 134, 0.5);
color: var(--msu-forest-1000);
background: var(--msu-lime);
}
.post-metas-wrap {
gap: 14px;
padding-top: 18px;
border-top: 1px solid var(--msu-soft);
}
.post-metas-wrap li,
.post-metas-wrap span,
.post-metas-wrap a {
color: var(--msu-muted);
font-size: 13px;
}
.btn,
.readmore-btn,
button,
input[type="submit"],
.pagination a,
.pagination span {
min-height: 44px;
border-radius: var(--msu-radius-sm);
font-weight: 750;
}
.btn.color2-bg,
.readmore-btn,
input[type="submit"] {
border: 2px solid var(--msu-forest-800);
color: #ffffff;
background: var(--msu-forest-800) !important;
}
.btn.color2-bg:hover,
.readmore-btn:hover,
input[type="submit"]:hover {
border-color: var(--msu-green);
color: var(--msu-forest-1000);
background: var(--msu-lime) !important;
}
.pagination a,
.pagination span {
display: inline-grid;
min-width: 44px;
place-items: center;
border: 1px solid var(--msu-line);
color: var(--msu-forest-800);
background: var(--msu-surface);
}
.pagination .current {
border-color: var(--msu-forest-800);
color: #ffffff;
background: var(--msu-forest-800);
} .single-post .pos-single .post-content-wrap {
padding: clamp(24px, 5vw, 54px);
}
.single-post .post-article .entry-content,
.single-post .post-article .ms-verify,
.single-post .post-article .post-content {
max-width: var(--msu-reading);
margin-inline: auto;
}
.single-post .post-article h2 {
color: var(--msu-ink);
font-size: clamp(2rem, 4vw, 3.5rem);
font-weight: 780;
line-height: 1.02;
letter-spacing: -0.045em;
}
.single-post .post-article h3 {
color: var(--msu-ink);
font-size: clamp(1.15rem, 2vw, 1.45rem);
font-weight: 750;
line-height: 1.25;
}
.single-post .post-article p,
.single-post .post-article li {
font-size: 18px;
line-height: 1.72;
}
.single-post .post-article blockquote {
margin-block: 28px;
padding: 22px 24px;
border: 0;
border-left: 4px solid var(--msu-green);
color: var(--msu-forest-900);
background: var(--msu-canvas);
font-size: 1.1rem;
}
.msu-table-scroll {
width: 100%;
max-width: 100%;
margin-block: 28px;
overflow-x: auto;
overscroll-behavior-inline: contain;
border: 1px solid var(--msu-line);
border-radius: var(--msu-radius-sm);
background: var(--msu-surface);
-webkit-overflow-scrolling: touch;
}
.msu-table-scroll table {
min-width: 640px;
margin: 0;
border: 0;
}
.post-author,
.author-card {
border: 1px solid var(--msu-line);
border-radius: var(--msu-radius-md);
background: var(--msu-canvas);
} .blog-sidebar .box-widget-item {
margin-bottom: 18px;
padding: 22px;
border: 1px solid var(--msu-line);
border-radius: var(--msu-radius-md);
background: var(--msu-surface);
box-shadow: 0 5px 16px rgba(21, 34, 29, 0.045);
}
.box-widget-item-header {
margin-bottom: 15px;
padding-bottom: 12px;
border-bottom: 1px solid var(--msu-soft);
}
.box-widget-item-header .widget-title {
color: var(--msu-ink);
font-size: 15px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.widget_categories ul,
.widget_archive ul {
display: grid;
gap: 2px;
}
.widget_categories li,
.widget_archive li {
border: 0;
}
.widget_categories a,
.widget_archive a {
display: flex;
min-height: 42px;
align-items: center;
border-bottom: 1px solid var(--msu-soft);
color: var(--msu-muted);
font-size: 14px;
font-weight: 600;
}
.widget_categories a:hover,
.widget_archive a:hover {
color: var(--msu-forest-800);
}
.widget_categories .msu-topic-nav-list {
gap: 0;
margin: 0;
}
.widget_categories .msu-topic-nav-list li {
margin: 0;
}
.widget_categories .msu-topic-nav-list a {
justify-content: space-between;
gap: 12px;
min-height: 44px;
}
.widget_categories .msu-topic-nav-list a span {
color: var(--msu-green);
font-size: 16px;
}
.msu-topic-nav-note {
margin: 16px 0 0;
color: var(--msu-muted);
font-size: 13px;
line-height: 1.55;
}
.msu-topic-nav-note a {
display: inline;
min-height: 0;
border: 0;
color: var(--msu-forest-800);
font-size: inherit;
font-weight: 750;
text-decoration: underline;
text-underline-offset: 3px;
}
.single-post .tag-items-wrap a[hidden] {
display: none !important;
}
.msu-tag-disclosure {
display: inline-flex;
flex: 0 0 auto;
align-self: flex-start;
height: 44px;
min-height: 44px;
align-items: center;
margin-top: 12px;
padding: 8px 14px;
border: 1px solid var(--msu-line);
border-radius: var(--msu-radius-sm);
color: var(--msu-forest-800);
background: var(--msu-surface);
font-size: 13px;
font-weight: 750;
}
.msu-tag-disclosure:hover {
border-color: var(--msu-forest-800);
color: #ffffff;
background: var(--msu-forest-800);
}
.msu-modal-close {
position: absolute;
top: 0;
right: 10px;
color: var(--msu-ink);
font-size: 30px;
cursor: pointer;
} .blog-sidebar .widget_tag_cloud {
display: none;
}
.widget_search form,
.search-form {
display: grid;
grid-template-columns: minmax(0, 1fr) 48px;
gap: 8px;
}
.widget_search input[type="text"],
.widget_search input[type="search"],
.search-form input[type="text"],
.search-form input[type="search"],
textarea,
select {
width: 100%;
min-height: 48px;
padding: 0 13px;
border: 1px solid var(--msu-line);
border-radius: var(--msu-radius-sm);
color: var(--msu-ink);
background: var(--msu-canvas);
font-size: 16px;
}
textarea {
min-height: 150px;
padding-block: 12px;
} a[href*="plusone.google.com"],
.share-container a[href*="plusone.google.com"] {
display: none !important;
} #om-sladxjida5hhduujwlxs {
display: none !important;
}
body.om-effect-overlay,
html.om-position-popup {
overflow-y: auto !important;
} .mod-footer {
color: #dce7e1;
background: var(--msu-forest-1000);
}
.mod-footer h2,
.mod-footer h3,
.mod-footer strong {
color: #ffffff;
}
.mod-footer a {
min-height: 44px;
color: #dce7e1;
}
.mod-footer a:hover,
.mod-footer a:focus-visible {
color: var(--msu-lime);
}
.mod-footer__cta {
border-radius: var(--msu-radius-sm);
color: var(--msu-forest-1000) !important;
background: var(--msu-lime) !important;
} @media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
@media (max-width: 1100px) {
.main-menu nav > ul > li > a {
padding-inline: 9px;
font-size: 11px;
}
.post-container {
width: min(100% - 28px, 920px);
}
}
@media (max-width: 1024px) {
.main-header,
.logo-holder {
min-height: 76px;
height: 76px;
}
.logo-holder img,
.logo-holder .custom-logo {
width: min(220px, 58vw);
max-height: 46px;
}
.nav-holder {
overflow-x: clip;
}
.main-menu {
right: 0 !important;
}
.main-menu .main-navigation.menusb a {
display: flex;
align-items: center;
min-height: 46px;
padding-block: 10px;
}
.sliding-menu-wrapper {
max-width: 100vw;
}
.parallax-section.single-par2 {
min-height: 430px;
}
.section-title.big-title {
padding-inline: 4px;
}
.blog-sidebar-column {
margin-top: 26px;
}
}
@media (max-width: 680px) {
body {
font-size: 16px;
} .single-carousel.carousel.listing-slider-editor-col-3 {
width: 100%;
max-width: 100%;
margin-inline: 0 !important;
overflow: hidden;
} .elementor-widget-cth_faqs .faqs-row {
width: 100%;
max-width: 100%;
margin-inline: 0;
} .elementor-widget-text-editor {
column-count: 1 !important;
column-width: auto !important;
}
.parallax-section.single-par2 {
min-height: 520px;
}
.parallax-section.single-par2::after {
background: linear-gradient(0deg, rgba(16, 40, 32, 0.96), rgba(16, 40, 32, 0.48) 76%, rgba(16, 40, 32, 0.28));
}
.section-title.big-title .post-head-title {
max-width: 12ch;
font-size: clamp(2.35rem, 12vw, 3.2rem);
line-height: 1;
}
.section-title.big-title h2 {
font-size: 1.25rem;
}
.section-title.big-title .head-intro {
font-size: 0.98rem;
line-height: 1.55;
}
.scroll-down-wrap {
display: none;
}
.breadcrumbs-fs {
min-height: 62px;
}
.post-container {
width: min(100% - 24px, 620px);
padding-block: 28px 48px;
}
.list-posts-wrap > .post-article .post-content-wrap,
.single-post .pos-single .post-content-wrap {
padding: 22px 18px;
}
.post-opt-title,
.post-opt-title a {
font-size: 1.35rem;
}
.post-metas-wrap,
.post-metas-wrap ul {
align-items: flex-start;
gap: 8px;
}
.post-metas-wrap {
flex-direction: column;
}
.readmore-btn {
width: 100%;
justify-content: center;
margin-top: 10px;
}
.single-post .post-article p,
.single-post .post-article li {
font-size: 17px;
}
.blog-sidebar .box-widget-item {
padding: 18px;
}
.mod-footer__columns {
gap: 30px;
}
}
@media (max-width: 360px) {
.main-header,
.logo-holder {
min-height: 72px;
height: 72px;
}
.logo-holder img,
.logo-holder .custom-logo {
width: min(190px, 58vw);
}
.nav-button-wrap {
width: 50px;
min-height: 50px;
}
.section-title.big-title .post-head-title {
font-size: 2.25rem;
}
.section-title.big-title h2 {
font-size: 1.12rem;
}
.section-title.big-title .head-intro {
font-size: 0.94rem;
}
} body.author.author-6 section.gray-bg > .container > .row {
display: none;
}
.msu-author-profile {
max-width: 960px;
margin: 0 auto;
padding: clamp(32px, 6vw, 72px) 0;
}
.msu-author-eyebrow {
margin: 0 0 10px;
color: var(--msu-brand);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.msu-author-profile h1,
.msu-404-title {
margin: 0;
color: var(--msu-forest-1000);
font-size: clamp(2.2rem, 6vw, 4.25rem);
line-height: 1.02;
letter-spacing: -0.045em;
}
.msu-author-lede {
max-width: 720px;
margin: 18px 0 0;
color: var(--msu-muted);
font-size: clamp(1.05rem, 2vw, 1.25rem);
line-height: 1.7;
}
.msu-author-note {
max-width: 720px;
margin: 24px 0 0;
padding: 14px 16px;
border: 1px solid var(--msu-line);
border-left: 4px solid var(--msu-green);
border-radius: var(--msu-radius-sm);
background: #eef5ec;
color: var(--msu-ink);
line-height: 1.6;
}
.msu-reviewed-heading {
display: flex;
align-items: end;
justify-content: space-between;
gap: 24px;
margin: clamp(40px, 7vw, 72px) 0 20px;
}
.msu-reviewed-heading h2 {
margin: 0;
color: var(--msu-forest-1000);
font-size: clamp(1.6rem, 3vw, 2.2rem);
line-height: 1.15;
}
.msu-reviewed-heading p {
max-width: 420px;
margin: 0;
color: var(--msu-muted);
line-height: 1.55;
}
.msu-reviewed-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.msu-reviewed-card {
min-width: 0;
padding: clamp(22px, 4vw, 30px);
border: 1px solid var(--msu-line);
border-radius: var(--msu-radius-md);
background: var(--msu-surface);
box-shadow: var(--msu-shadow);
}
.msu-reviewed-card time {
display: block;
margin-bottom: 12px;
color: var(--msu-brand);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.msu-reviewed-card h3 {
margin: 0;
font-size: clamp(1.25rem, 2vw, 1.55rem);
line-height: 1.25;
}
.msu-reviewed-card h3 a {
color: var(--msu-forest-1000);
text-decoration-thickness: 2px;
text-decoration-color: transparent;
text-underline-offset: 4px;
}
.msu-reviewed-card h3 a:hover,
.msu-reviewed-card h3 a:focus-visible {
color: var(--msu-brand);
text-decoration-color: currentColor;
}
.msu-reviewed-card p {
margin: 14px 0 0;
color: var(--msu-muted);
line-height: 1.65;
}
.msu-reviewed-card .msu-card-link {
display: inline-flex;
margin-top: 20px;
color: var(--msu-brand);
font-weight: 800;
} body.error404 .error-wrap {
max-width: 720px;
margin: 0 auto;
padding: clamp(52px, 10vw, 100px) 0;
}
body.error404 .hero-text-big {
margin-bottom: 16px;
color: var(--msu-green);
font-size: clamp(4rem, 14vw, 8rem);
font-weight: 800;
line-height: 0.9;
letter-spacing: -0.06em;
opacity: 0.28;
}
body.error404 .hero-text-big .z-layer {
position: static !important;
transform: none !important;
opacity: 1 !important;
}
body.error404 .hero-text-big .z-layer[aria-hidden="true"] {
display: none !important;
}
body.error404 .error-wrap > p:first-of-type {
max-width: 620px;
margin: 20px auto 28px;
color: var(--msu-muted);
font-size: 1.08rem;
line-height: 1.7;
}
body.error404 .search-widget {
max-width: 560px;
margin: 0 auto;
}
body.error404 .error-wrap > p:last-of-type {
margin: 20px 0 14px;
color: var(--msu-muted);
}
@media (max-width: 700px) {
.msu-reviewed-heading {
display: block;
}
.msu-reviewed-heading p {
margin-top: 10px;
}
.msu-reviewed-grid {
grid-template-columns: 1fr;
}
} .msu-topic-hub,
.msu-related-reading {
width: 100%;
margin: 0 0 clamp(30px, 5vw, 52px);
padding: clamp(24px, 5vw, 42px);
border: 1px solid var(--msu-line);
border-radius: var(--msu-radius-md);
background: var(--msu-surface);
box-shadow: var(--msu-shadow);
}
.msu-related-reading {
margin: clamp(36px, 7vw, 64px) 0 0;
background: var(--msu-canvas);
box-shadow: none;
}
.msu-flow-eyebrow {
margin: 0 0 10px;
color: var(--msu-brand);
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0.11em;
text-transform: uppercase;
}
.msu-topic-hub h2,
.msu-related-reading h2 {
margin: 0;
color: var(--msu-forest-1000);
font-size: clamp(1.7rem, 3.4vw, 2.55rem);
line-height: 1.1;
letter-spacing: -0.035em;
}
.msu-flow-intro {
max-width: 760px;
margin: 14px 0 0;
color: var(--msu-muted);
font-size: 1.02rem;
line-height: 1.7;
}
.msu-flow-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin-top: 24px;
}
.msu-flow-card {
display: flex;
min-width: 0;
min-height: 220px;
flex-direction: column;
align-items: flex-start;
padding: 22px;
border: 1px solid var(--msu-line);
border-radius: var(--msu-radius-sm);
background: var(--msu-surface);
color: var(--msu-ink);
text-decoration: none !important;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.msu-flow-card:hover,
.msu-flow-card:focus-visible {
border-color: var(--msu-green);
color: var(--msu-ink);
box-shadow: 0 10px 24px rgba(21, 34, 29, 0.1);
transform: translateY(-2px);
}
.msu-flow-card__type {
margin-bottom: 12px;
color: var(--msu-brand);
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.msu-flow-card h3 {
margin: 0;
color: var(--msu-forest-1000);
font-size: 1.18rem;
line-height: 1.3;
}
.msu-flow-card p {
margin: 12px 0 18px;
color: var(--msu-muted);
line-height: 1.6;
}
.msu-flow-card strong {
margin-top: auto;
color: var(--msu-brand);
font-size: 0.9rem;
}
@media (max-width: 820px) {
.msu-flow-grid {
grid-template-columns: 1fr;
}
.msu-flow-card {
min-height: 0;
}
} .share-btn.showshare {
display: flex;
min-height: 44px;
align-items: center;
justify-content: center;
}
.slick-dots li {
width: 44px !important;
height: 44px !important;
margin-inline: 2px !important;
}
.slick-dots li button {
position: relative;
width: 44px !important;
min-width: 44px;
height: 44px !important;
min-height: 44px;
padding: 0 !important;
border: 0;
background: transparent !important;
}
.slick-dots li button::before {
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
border-radius: 999px;
background: #9aaba2;
content: "";
transform: translate(-50%, -50%);
}
.slick-dots li.slick-active button::before {
width: 10px;
height: 10px;
background: var(--msu-green);
}
.mejs-controls .mejs-button {
width: 44px !important;
min-width: 44px;
}
.mejs-controls .mejs-button > button {
width: 44px !important;
min-width: 44px;
}
.search-widget form {
display: grid;
grid-template-columns: minmax(0, 1fr) 48px;
gap: 8px;
}
.search-widget input[type="text"],
.search-widget input[type="search"] {
width: 100%;
min-height: 48px;
padding: 0 13px;
border: 1px solid var(--msu-line);
border-radius: var(--msu-radius-sm);
color: var(--msu-ink);
background: var(--msu-canvas);
font-size: 16px;
}
button.search-submit {
width: 48px;
min-width: 48px;
}
a.menuitem[role="button"] {
display: flex !important;
min-height: 44px !important;
align-items: center;
}
.tab-menu-list-ul > li[role="button"] {
min-height: 44px;
align-items: center;
}
.mmsvc_button_container {
min-width: 128px;
}
button.mmsvc_item_minus,
button.mmsvc_item_plus {
width: 44px !important;
min-width: 44px;
} .msu-author-eyebrow,
.msu-reviewed-card time,
.msu-reviewed-card .msu-card-link,
.msu-flow-eyebrow,
.msu-flow-card__type,
.msu-flow-card strong,
.widget_categories .msu-topic-nav-list a span {
color: var(--msu-forest-800);
} #site-navigation a:focus-visible,
a.gal-link.popup-image:focus-visible,
.elementor-social-icons-wrapper a.elementor-icon:focus-visible {
outline: 3px solid var(--msu-focus) !important;
outline-offset: 3px !important;
}
.mejs-container a:focus-visible,
.mejs-container button:focus-visible,
.mod-footer a:focus-visible {
outline-color: var(--msu-lime) !important;
}
.content-nav_holder a:focus-visible,
.error-wrap a:focus-visible,
.error-wrap button:focus-visible,
.error-wrap input:focus-visible {
outline-color: var(--msu-forest-1000) !important;
} .single-post .list-single-tags {
min-width: 0;
flex-wrap: wrap;
}
.msu-tag-disclosure {
flex: 0 1 auto;
max-width: 100%;
height: auto;
box-sizing: border-box;
white-space: normal;
overflow-wrap: anywhere;
text-align: left;
}
@media (max-width: 680px) {
.post-metas-wrap .post-opt,
.post-metas-wrap .post-opt ul {
width: 100%;
min-width: 0;
}
.post-metas-wrap .post-opt li.postl-cats,
.post-metas-wrap .post-opt li.spost-cats {
display: block;
flex: 0 1 100%;
width: 100%;
min-width: 0;
}
.post-metas-wrap .post-opt li.postl-cats a,
.post-metas-wrap .post-opt li.spost-cats a {
display: inline-block;
max-width: 100%;
box-sizing: border-box;
white-space: normal;
overflow-wrap: anywhere;
}
} @media print {
@page {
margin: 16mm;
}
html,
body,
body.body-homeradar,
#main-theme,
#main-sec {
overflow: visible !important;
opacity: 1 !important;
color: #000000 !important;
background: #ffffff !important;
filter: none !important;
}
body,
body.body-homeradar {
font-size: 11pt;
line-height: 1.55;
}
.main-header,
nav.menusb,
.header-opt-modal-container_mob,
.blog-sidebar,
.share-holder,
.content-nav_holder,
.comments-and-form-wrap,
#post-respond,
.comment-respond,
#comments,
.comments-holder,
.mod-footer,
.msu-skip-link,
.to-top,
.scroll-nav-wrap,
.header-search-button {
display: none !important;
}
.single-par2 {
min-height: 0 !important;
height: auto !important;
margin: 0 0 18pt !important;
padding: 0 0 12pt !important;
border-bottom: 1pt solid #9aa39e;
background: #ffffff !important;
}
.single-par2 > .bg-wrap {
display: none !important;
}
.single-par2,
.single-par2 * {
opacity: 1 !important;
color: #000000 !important;
filter: none !important;
text-shadow: none !important;
}
#main-sec,
#main-sec.gray-bg,
#main-sec.small-padding {
padding: 0 !important;
background: #ffffff !important;
}
.single-post #main-sec > .container,
.single-post .post-container,
.single-post .post-container > .row,
.single-post .post-container .col-md-8,
.single-post .spost-con-wrap,
.single-post .post-article {
display: block !important;
float: none !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding-inline: 0 !important;
}
.single-post .spost-con-wrap,
.single-post .post-article,
.single-post .msu-related-reading,
.single-post .msu-flow-card {
box-shadow: none !important;
}
.single-post .post-article {
border: 0 !important;
color: #000000 !important;
background: #ffffff !important;
font-size: 11pt;
line-height: 1.55;
}
.single-post .post-article *,
.single-post .msu-related-reading *,
.single-post .list-single-tags * {
color: #000000 !important;
text-shadow: none !important;
}
.single-post .post-article h1,
.single-post .post-article h2,
.single-post .post-article h3,
.single-post .post-article h4,
.single-post .post-article h5,
.single-post .post-article h6 {
break-after: avoid-page;
color: #000000 !important;
text-shadow: none !important;
}
.single-post .post-article p,
.single-post .post-article li {
orphans: 3;
widows: 3;
}
.single-post .post-article blockquote,
.single-post .post-article figure,
.single-post .post-article pre,
.single-post .post-article table,
.single-post .post-article img,
.single-post .msu-flow-card {
break-inside: avoid-page;
}
.single-post .post-article img {
max-width: 100% !important;
height: auto !important;
}
.single-post iframe,
.single-post video,
.single-post audio {
display: none !important;
}
.single-post i[class^="fa"],
.single-post i[class*=" fa-"] {
display: none !important;
}
.single-post .msu-table-scroll {
overflow: visible !important;
}
.single-post .msu-table-scroll table {
width: 100% !important;
min-width: 0 !important;
font-size: 9pt;
}
.single-post a,
.single-post a:visited {
color: #000000 !important;
text-decoration: underline !important;
}
.single-post .msu-related-reading {
margin-top: 24pt !important;
border: 1pt solid #9aa39e !important;
background: #ffffff !important;
}
.single-post .msu-flow-grid {
display: block !important;
}
.single-post .msu-flow-card {
min-height: 0 !important;
margin-top: 10pt;
border: 1pt solid #c5cbc7 !important;
color: #000000 !important;
background: #ffffff !important;
transform: none !important;
}
.single-post .list-single-tags {
display: block !important;
margin-top: 18pt;
}
.single-post .list-single-tags a,
.single-post .msu-tag-disclosure {
min-height: 0 !important;
padding: 2pt 4pt !important;
border: 1pt solid #9aa39e !important;
color: #000000 !important;
background: #ffffff !important;
}
} body.blog .secondary-nav,
body.category .secondary-nav,
body.tag .secondary-nav,
body.author .secondary-nav,
body.date .secondary-nav,
body.search .secondary-nav,
body.single-post .secondary-nav,
body.error404 .secondary-nav {
display: none !important;
}
a.gal-link.popup-image:focus-visible {
opacity: 1 !important;
}  body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #media_video-2,
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #text-2,
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #homeradar-banner-5,
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #homeradar-banner-6,
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #categories-1,
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #archives-1,
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #custom_html-7 {
display: none !important;
} body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #search-1 .search-widget form {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(84px, auto);
gap: 8px;
}
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #search-1 input[name="s"] {
width: 100% !important;
min-width: 44px !important;
min-height: 48px !important;
margin: 0 !important;
}
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #search-1 .search-submit {
position: static !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: auto !important;
min-width: 84px !important;
min-height: 48px !important;
margin: 0 !important;
padding: 0 14px !important;
border: 0 !important;
border-radius: 7px !important;
background: #2f6631 !important;
font-size: 0 !important;
}
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #search-1 .search-submit:hover,
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #search-1 .search-submit:focus-visible {
background: #244f26 !important;
}
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #search-1 .search-submit::after {
content: "Search";
color: #ffffff;
font-size: 14px;
font-weight: 800;
line-height: 1;
}
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #search-1 .search-submit i {
display: none !important;
}
@media (max-width: 767px) { body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar {
position: static !important;
inset: auto !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
margin: 28px 0 0 !important;
transform: none !important;
}
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar > .box-widget-item:not(#search-1) {
display: none !important;
}
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .blog-sidebar #search-1 {
display: block !important;
margin: 0 !important;
padding: 22px !important;
}
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .main-header .custom-logo-link {
display: inline-flex !important;
align-items: center;
min-height: 44px;
}
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .mod-footer__locations a,
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .mod-footer__links a,
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .mod-footer__bottom nav a {
min-height: 44px !important;
}
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .mod-footer__bottom nav a {
display: inline-flex;
align-items: center;
}
body:is(.blog, .category, .tag, .author, .date, .search, .single-post, .error404) .elementor-social-icon {
min-width: 44px !important;
min-height: 44px !important;
}
}