.et_pb_code_inner{position:relative}@font-face {
font-family: 'Open Sans';
font-weight: 500;
font-style: normal;
unicode-range: U+0030-0039, U+0024, U+0025, U+002B, U+002D, U+002E, U+002C;
}
.tmc-blog-post {
--tmc-primary: #414e60;
--tmc-primary-dark: #313b49;
--tmc-primary-soft: #eef1f5;
--tmc-primary-light: #f7f8fa;
--tmc-accent: #c8aa72;
--tmc-accent-dark: #a8854d;
--tmc-accent-soft: #f7f0e2;
--tmc-ink: #1f252d;
--tmc-muted: #687382;
--tmc-border: rgba(65, 78, 96, 0.16);
--tmc-shadow: 0 18px 44px rgba(31, 37, 45, 0.08);
--tmc-radius-lg: 24px;
--tmc-radius-md: 18px;
--tmc-radius-sm: 14px;
max-width: 1300px;
margin: 0 auto;
padding: 0 18px 56px;
color: var(--tmc-ink);
} .tmc-blog-post h2 {
margin-top: 42px;
}
.tmc-blog-post h3 {
margin-top: 26px;
}
.tmc-blog-post p,
.tmc-blog-post li {
line-height: 1.7;
}
.tmc-blog-post p:last-child,
.tmc-blog-post ul:last-child,
.tmc-blog-post ol:last-child {
margin-bottom: 0;
}
.tmc-blog-post a {
color: var(--tmc-primary);
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
.tmc-blog-post a:hover,
.tmc-blog-post a:focus-visible {
color: var(--tmc-primary-dark);
} .tmc-post-header {
position: relative;
margin: 0 0 34px;
overflow: hidden;
}
.tmc-post-header > * {
position: relative;
z-index: 1;
}
.tmc-post-header h1 {
margin-top: 0;
}
.tmc-post-intro {
max-width: 780px;
color: var(--tmc-muted);
} .tmc-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
width: fit-content;
margin: 0 0 25px;
padding: 7px 12px;
border: 1px solid rgba(65, 78, 96, 0.18);
border-radius: 999px;
background: rgba(65, 78, 96, 0.08);
color: var(--tmc-primary);
letter-spacing: 0.1em;
text-transform: uppercase;
line-height: 1.2;
font-size: 10px;
font-weight: bold;
}
.tmc-eyebrow::before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-radius: 999px;
background: var(--tmc-accent);
box-shadow: 0 0 0 4px rgba(200, 170, 114, 0.18);
} .tmc-resource-links,
.tmc-quick-answer,
.tmc-cta,
.tmc-related {
position: relative;
margin: 32px 0;
padding: 28px;
border: 1px solid var(--tmc-border);
border-radius: var(--tmc-radius-lg);
background: #ffffff;
box-shadow: 0 14px 34px rgba(31, 37, 45, 0.06);
overflow: hidden;
}
.tmc-resource-links::before,
.tmc-quick-answer::before,
.tmc-cta::before,
.tmc-related::before {
content: "";
position: absolute;
inset: 0 0 auto;
height: 4px;
background: linear-gradient(90deg, var(--tmc-primary), var(--tmc-accent));
}
.tmc-resource-links h2,
.tmc-resource-links h3,
.tmc-quick-answer h2,
.tmc-quick-answer h3,
.tmc-cta h2,
.tmc-cta h3,
.tmc-related h2,
.tmc-related h3 {
margin-top: 0;
} .tmc-quick-answer {
background:
linear-gradient(135deg, rgba(65, 78, 96, 0.06), rgba(200, 170, 114, 0.08)),
#ffffff;
}
.tmc-quick-answer p:last-child {
margin-bottom: 0;
} .tmc-resource-grid,
.tmc-related-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px;
margin-top: 20px;
}
.tmc-resource-grid a,
.tmc-related-grid a {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 180px;
padding: 22px 20px;
border: 1px solid rgba(65, 78, 96, 0.15);
border-radius: 22px;
background: linear-gradient(180deg, #ffffff 0%, var(--tmc-primary-light) 100%);
color: var(--tmc-primary);
text-decoration: none;
box-shadow: 0 14px 32px rgba(31, 37, 45, 0.055);
transition:
transform 180ms ease,
box-shadow 180ms ease,
border-color 180ms ease,
background 180ms ease;
}
.tmc-resource-grid a::after,
.tmc-related-grid a::after {
content: "›" !important;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin-top: 22px;
border-radius: 999px;
background: var(--tmc-primary);
color: #ffffff;
font-size: 34px;
line-height: 0.8;
transition:
transform 180ms ease,
background 180ms ease;
}
.tmc-resource-grid a:hover,
.tmc-resource-grid a:focus-visible,
.tmc-related-grid a:hover,
.tmc-related-grid a:focus-visible {
border-color: rgba(65, 78, 96, 0.34);
background: linear-gradient(180deg, #ffffff 0%, rgba(200, 170, 114, 0.11) 100%);
box-shadow: 0 18px 42px rgba(31, 37, 45, 0.11);
transform: translateY(-4px);
}
.tmc-resource-grid a:hover::after,
.tmc-resource-grid a:focus-visible::after,
.tmc-related-grid a:hover::after,
.tmc-related-grid a:focus-visible::after {
background: var(--tmc-accent);
transform: translateX(3px);
}
.tmc-resource-grid span,
.tmc-related-grid span,
.tmc-resource-grid small,
.tmc-related-grid small {
display: block;
}
.tmc-resource-grid span,
.tmc-related-grid span {
color: var(--tmc-primary-dark);
line-height: 1.35;
}
.tmc-resource-grid small,
.tmc-related-grid small {
margin-top: 8px;
color: var(--tmc-muted);
line-height: 1.45;
} .tmc-table-wrap {
margin: 30px 0;
border: 1px solid var(--tmc-border);
border-radius: var(--tmc-radius-lg);
background: #ffffff;
box-shadow: 0 12px 28px rgba(31, 37, 45, 0.05);
overflow-x: auto;
}
.tmc-table {
width: 100%;
min-width: 680px;
border-collapse: collapse;
}
.tmc-table th,
.tmc-table td {
padding: 16px;
vertical-align: top;
text-align: left;
border-bottom: 1px solid rgba(65, 78, 96, 0.12);
}
.tmc-table th {
background: var(--tmc-primary);
color: #ffffff;
}
.tmc-table th:first-child {
border-top-left-radius: var(--tmc-radius-md);
}
.tmc-table th:last-child {
border-top-right-radius: var(--tmc-radius-md);
}
.tmc-table tbody tr:nth-child(even) td {
background: var(--tmc-primary-light);
}
.tmc-table tbody tr:last-child td {
border-bottom: 0;
} .tmc-checklist,
.tmc-checklist ul,
.tmc-checklist ol {
list-style: none !important;
}
.tmc-checklist {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px 20px;
margin: 22px 0 30px;
padding: 0 !important;
padding-left: 0 !important;
margin-left: 0 !important;
list-style: none !important;
}
.tmc-checklist li {
position: relative;
margin: 0 !important;
margin-left: 0 !important;
padding: 18px 20px 18px 58px;
border: 1px solid rgba(65, 78, 96, 0.15);
border-radius: 16px;
background: linear-gradient(180deg, #ffffff 0%, var(--tmc-primary-light) 100%);
box-shadow: 0 10px 24px rgba(31, 37, 45, 0.04);
list-style: none !important;
}
.tmc-checklist li::marker {
content: "" !important;
display: none !important;
}
.tmc-checklist li::before {
content: "✓";
position: absolute;
top: 18px;
left: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 999px;
background: var(--tmc-primary);
color: #ffffff;
line-height: 1;
} .tmc-cta {
background:
radial-gradient(circle at top right, rgba(200, 170, 114, 0.2), transparent 36%),
linear-gradient(135deg, var(--tmc-primary) 0%, var(--tmc-primary-dark) 100%);
color: #ffffff;
border-color: rgba(255, 255, 255, 0.12);
}
.tmc-cta p {
color: rgba(255, 255, 255, 0.84);
}
.tmc-cta a {
color: #ffffff;
}
.tmc-cta .tmc-button {
margin-top: 6px;
background: #ffffff;
color: var(--tmc-primary);
border-color: #ffffff;
}
.tmc-cta .tmc-button:hover,
.tmc-cta .tmc-button:focus-visible {
background: var(--tmc-accent-soft);
border-color: var(--tmc-accent-soft);
color: var(--tmc-primary);
} .tmc-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: fit-content;
padding: 13px 20px;
border: 1px solid var(--tmc-primary);
border-radius: 999px;
background: var(--tmc-primary);
color: #ffffff;
text-decoration: none;
line-height: 1.2;
transition:
transform 180ms ease,
box-shadow 180ms ease,
background 180ms ease,
border-color 180ms ease;
}
.tmc-button::after {
content: "›";
font-size: 24px;
line-height: 0.7;
}
.tmc-button:hover,
.tmc-button:focus-visible {
background: var(--tmc-primary-dark);
border-color: var(--tmc-primary-dark);
color: #ffffff;
box-shadow: 0 12px 26px rgba(31, 37, 45, 0.16);
transform: translateY(-2px);
} .tmc-blog-post details {
margin: 14px 0;
padding: 18px 20px;
border: 1px solid var(--tmc-border);
border-radius: var(--tmc-radius-md);
background: #ffffff;
box-shadow: 0 10px 24px rgba(31, 37, 45, 0.04);
}
.tmc-blog-post summary {
cursor: pointer;
color: var(--tmc-primary-dark);
}
.tmc-blog-post details > *:last-child {
margin-bottom: 0;
} @media (max-width: 1100px) {
.tmc-resource-grid,
.tmc-related-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 820px) {
.tmc-blog-post {
padding: 0 16px 44px;
}
.tmc-post-header,
.tmc-resource-links,
.tmc-quick-answer,
.tmc-cta,
.tmc-related {
padding: 22px;
border-radius: 18px;
}
.tmc-checklist {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 620px) {
.tmc-resource-grid,
.tmc-related-grid {
grid-template-columns: 1fr !important;
}
.tmc-resource-grid a,
.tmc-related-grid a {
min-height: auto;
}
.tmc-button {
width: 100%;
}
}
@media (max-width: 480px) {
.tmc-post-header {
padding: 24px 20px;
}
.tmc-resource-links,
.tmc-quick-answer,
.tmc-cta,
.tmc-related {
padding: 20px;
}
.tmc-resource-grid a,
.tmc-related-grid a {
padding: 18px;
}
.tmc-checklist li {
padding: 16px 18px 16px 54px;
}
.tmc-checklist li::before {
top: 16px;
left: 18px;
}
} @media (prefers-reduced-motion: reduce) {
.tmc-resource-grid a,
.tmc-related-grid a,
.tmc-resource-grid a::after,
.tmc-related-grid a::after,
.tmc-button {
transition: none;
}
.tmc-resource-grid a:hover,
.tmc-resource-grid a:focus-visible,
.tmc-related-grid a:hover,
.tmc-related-grid a:focus-visible,
.tmc-button:hover,
.tmc-button:focus-visible {
transform: none;
}
} .tmc-blog-post .tmc-resource-grid,
.tmc-blog-post .tmc-related-grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
grid-auto-flow: row !important;
gap: 18px !important;
width: 100% !important;
max-width: none !important;
} .tmc-blog-post .tmc-resource-grid > a,
.tmc-blog-post .tmc-related-grid > a {
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
float: none !important;
clear: none !important;
flex-basis: auto !important;
grid-column: auto !important;
} .tmc-blog-post .tmc-resource-grid a,
.tmc-blog-post .tmc-resource-grid a:link,
.tmc-blog-post .tmc-resource-grid a:visited,
.tmc-blog-post .tmc-resource-grid a:hover,
.tmc-blog-post .tmc-resource-grid a:focus,
.tmc-blog-post .tmc-resource-grid a:active,
.tmc-blog-post .tmc-related-grid a,
.tmc-blog-post .tmc-related-grid a:link,
.tmc-blog-post .tmc-related-grid a:visited,
.tmc-blog-post .tmc-related-grid a:hover,
.tmc-blog-post .tmc-related-grid a:focus,
.tmc-blog-post .tmc-related-grid a:active {
text-decoration: none !important;
text-decoration-line: none !important;
text-decoration-thickness: 0 !important;
text-underline-offset: 0 !important;
box-shadow: none;
} .tmc-blog-post .tmc-resource-grid a *,
.tmc-blog-post .tmc-related-grid a * {
text-decoration: none !important;
text-decoration-line: none !important;
border-bottom: 0 !important;
box-shadow: none !important;
} .tmc-blog-post .tmc-resource-grid a::after,
.tmc-blog-post .tmc-related-grid a::after {
content: "›" !important;
text-decoration: none !important;
text-decoration-line: none !important;
border-bottom: 0 !important;
box-shadow: none !important;
} .tmc-blog-post .tmc-resource-grid a::after,
.tmc-blog-post .tmc-related-grid a::after {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
margin-top: 22px !important;
border-radius: 999px !important;
background: #414e60 !important;
color: #ffffff !important;
font-size: 34px !important;
line-height: 0.8 !important;
} .tmc-blog-post .tmc-resource-grid a:hover::after,
.tmc-blog-post .tmc-resource-grid a:focus-visible::after,
.tmc-blog-post .tmc-related-grid a:hover::after,
.tmc-blog-post .tmc-related-grid a:focus-visible::after {
background: #c8aa72 !important;
transform: translateX(3px);
} @media (max-width: 980px) {
.tmc-blog-post .tmc-resource-grid,
.tmc-blog-post .tmc-related-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
} @media (max-width: 620px) {
.tmc-blog-post .tmc-resource-grid,
.tmc-blog-post .tmc-related-grid {
grid-template-columns: 1fr !important;
}
} .tmc-blog-post .tmc-resource-grid,
.tmc-blog-post .tmc-related-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
column-gap: 18px !important;
row-gap: 18px !important;
align-items: stretch !important;
justify-content: stretch !important;
} .tmc-blog-post .tmc-resource-grid > br,
.tmc-blog-post .tmc-related-grid > br {
display: none !important;
}
.tmc-blog-post .tmc-resource-grid > p:empty,
.tmc-blog-post .tmc-related-grid > p:empty {
display: none !important;
} .tmc-blog-post .tmc-resource-grid > p,
.tmc-blog-post .tmc-related-grid > p {
display: contents !important;
margin: 0 !important;
padding: 0 !important;
} .tmc-blog-post .tmc-resource-grid a,
.tmc-blog-post .tmc-related-grid a {
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
height: 100% !important;
min-height: 180px !important;
box-sizing: border-box !important;
float: none !important;
clear: none !important;
grid-column: auto !important;
} .tmc-blog-post .tmc-resource-grid a,
.tmc-blog-post .tmc-resource-grid a *,
.tmc-blog-post .tmc-resource-grid a::before,
.tmc-blog-post .tmc-resource-grid a::after,
.tmc-blog-post .tmc-related-grid a,
.tmc-blog-post .tmc-related-grid a *,
.tmc-blog-post .tmc-related-grid a::before,
.tmc-blog-post .tmc-related-grid a::after {
text-decoration: none !important;
text-decoration-line: none !important;
text-decoration-thickness: 0 !important;
text-underline-offset: 0 !important;
border-bottom: 0 !important;
box-shadow: none !important;
} .tmc-blog-post .tmc-resource-grid a::after,
.tmc-blog-post .tmc-related-grid a::after {
content: "›" !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
margin-top: 22px !important;
border-radius: 999px !important;
background: #414e60 !important;
color: #ffffff !important;
font-size: 34px !important;
line-height: 0.75 !important;
font-weight: 700 !important;
} .tmc-blog-post .tmc-resource-grid a:hover::after,
.tmc-blog-post .tmc-resource-grid a:focus-visible::after,
.tmc-blog-post .tmc-related-grid a:hover::after,
.tmc-blog-post .tmc-related-grid a:focus-visible::after {
background: #c8aa72 !important;
transform: translateX(3px);
} @media (max-width: 980px) {
.tmc-blog-post .tmc-resource-grid,
.tmc-blog-post .tmc-related-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
} @media (max-width: 620px) {
.tmc-blog-post .tmc-resource-grid,
.tmc-blog-post .tmc-related-grid {
grid-template-columns: 1fr !important;
}
.tmc-blog-post .tmc-resource-grid a,
.tmc-blog-post .tmc-related-grid a {
min-height: auto !important;
}
} .tmc-blog-post .tmc-cta,
.tmc-blog-post .tmc-cta h1,
.tmc-blog-post .tmc-cta h2,
.tmc-blog-post .tmc-cta h3,
.tmc-blog-post .tmc-cta h4,
.tmc-blog-post .tmc-cta h5,
.tmc-blog-post .tmc-cta h6 {
color: #ffffff !important;
}
.tmc-blog-post .tmc-cta p,
.tmc-blog-post .tmc-cta li {
color: rgba(255, 255, 255, 0.86) !important;
} .tmc-blog-post .tmc-cta .tmc-button,
.tmc-blog-post .tmc-cta .tmc-button *,
.tmc-blog-post .tmc-cta .tmc-button::before,
.tmc-blog-post .tmc-cta .tmc-button::after {
text-decoration: none !important;
text-decoration-line: none !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
@media (max-width: 767px) {
.mobile-sticky-footer {
position: fixed !important;
left: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: 9999;
}
body {
padding-bottom: 80px;
}
}