@media (max-width: 680px) {
body.single-post .entry-content > h1,
body.single .entry-content > h1,
body.page-template-default .entry-content > h1,
body .wp-block-post-title,
body.single-post .entry-title,
body.single .entry-title {
font-size: 24px !important;
line-height: 1.22 !important;
letter-spacing: -0.01em !important;
overflow-wrap: break-word !important;
word-break: normal !important;
}
body.single-post .entry-content > h2,
body.single .entry-content > h2,
body.page-template-default .entry-content > h2 {
font-size: 22px !important;
line-height: 1.25 !important;
letter-spacing: -0.008em !important;
}
body.single-post .entry-content > h3,
body.single .entry-content > h3,
body.page-template-default .entry-content > h3 {
font-size: 20px !important;
line-height: 1.28 !important;
}
}
@media (max-width: 380px) {
body.single-post .entry-content > h1,
body.single .entry-content > h1,
body.page-template-default .entry-content > h1,
body .wp-block-post-title,
body.single-post .entry-title,
body.single .entry-title {
font-size: 22px !important;
line-height: 1.24 !important;
}
} @font-face {
font-family: "Montserrat";
src: url(//thoughtsaboutgod.com/wp-content/themes/thoughtsaboutgod2024/assets/fonts/montserrat.woff2) format("woff2");
font-style: normal;
font-weight: 100 900;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//thoughtsaboutgod.com/wp-content/themes/thoughtsaboutgod2024/assets/fonts/montserrat-italic.woff2) format("woff2");
font-style: italic;
font-weight: 100 900;
font-display: swap;
}
@font-face {
font-family: "Merriweather";
src: url(//thoughtsaboutgod.com/wp-content/themes/thoughtsaboutgod2024/assets/fonts/merriweather-regular.woff2) format("woff2");
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Merriweather";
src: url(//thoughtsaboutgod.com/wp-content/themes/thoughtsaboutgod2024/assets/fonts/merriweather-bold.woff2) format("woff2");
font-style: normal;
font-weight: 700;
font-display: swap;
}
:root {
--tag-font-body: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--tag-font-heading: "Merriweather", Georgia, serif;
--tag-font-editorial: var(--tag-font-heading);
--tag-font-ui: var(--tag-font-body);
--tag-color-ink: #33271f;
--tag-color-text: #51443b;
--tag-color-muted: #675b52;
--tag-color-paper: #fffdf9;
--tag-color-canvas: #f7f6f2;
--tag-color-line: rgba(63, 49, 39, 0.13);
--tag-color-blue: #2f9ed0;
--tag-color-green: #83bd35;
--tag-color-burgundy: #7a1f1f;
--tag-content-width: 760px;
--tag-wide-width: 1240px;
--tag-radius-sm: 10px;
--tag-radius-md: 16px;
--tag-radius-lg: 24px;
--tag-shadow-soft: 0 18px 48px rgba(44, 33, 25, 0.09);
}
html {
scroll-behavior: smooth;
text-size-adjust: 100%;
}
body {
background: var(--tag-color-canvas);
color: var(--tag-color-text);
font-family: var(--tag-font-body);
font-size: 1rem;
font-weight: 500;
line-height: 1.68;
font-synthesis: weight;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .tag-site .font-sans,
.tag-site-content.font-sans {
font-family: var(--tag-font-body) !important;
}
.tag-site .font-serif {
font-family: var(--tag-font-heading) !important;
}
.tag-site button,
.tag-site input,
.tag-site select,
.tag-site textarea {
font-family: var(--tag-font-ui);
}
img,
svg,
video {
max-width: 100%;
height: auto;
}
.tag-site-content {
min-height: 55vh;
overflow-x: clip;
}
.tag-site-content:focus {
outline: none;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
} .tag-front-page h1,
.tag-front-page h2,
.tag-front-page h3,
.tag-archive-page h1,
.tag-archive-page h2,
.tag-archive-page h3,
.tag-content-page h1,
.tag-content-page h2,
.tag-content-page h3,
.tag-content-page h4,
.tag-content-page h5,
.tag-content-page h6 {
font-family: var(--tag-font-heading);
font-synthesis: none;
}
.tag-front-page p,
.tag-archive-page p,
.tag-content-page p,
.tag-front-page li,
.tag-archive-page li,
.tag-content-page li {
font-family: var(--tag-font-body);
}
.tag-site :where(h1, h2, h3, h4, h5, h6) {
text-wrap: balance;
overflow-wrap: break-word;
} .tag-site-search {
position: relative;
flex: 0 0 auto;
margin: 0;
}
.tag-site-search__toggle {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: var(--tag-color-ink);
cursor: pointer;
list-style: none;
line-height: 1;
appearance: none;
-webkit-appearance: none;
}
.tag-site-search__toggle::-webkit-details-marker {
display: none;
}
.tag-site-search__toggle::marker {
display: none;
content: "";
}
.tag-site-search__toggle::before,
.tag-site-search__toggle::after {
display: none !important;
content: none !important;
}
.tag-site-search__toggle > svg {
width: 21px !important;
height: 21px !important;
min-width: 21px;
max-width: 21px;
flex: 0 0 21px;
margin: 0;
overflow: visible;
pointer-events: none;
} .tag-site-search:not([open]) .tag-site-search__open-icon {
display: block !important;
}
.tag-site-search:not([open]) .tag-site-search__close-icon {
display: none !important;
} .tag-site-search[open] .tag-site-search__open-icon {
display: none !important;
}
.tag-site-search[open] .tag-site-search__close-icon {
display: block !important;
} .tag-site-search__toggle:hover {
background: rgba(51, 39, 31, 0.07);
color: var(--tag-color-blue);
}
.tag-site-search__toggle:focus-visible {
outline: 2px solid var(--tag-color-blue);
outline-offset: 3px;
}
.tag-menu-toggle > svg {
display: none;
width: 22px !important;
height: 22px !important;
min-width: 22px;
max-width: 22px;
flex: 0 0 22px;
margin: 0;
overflow: visible;
pointer-events: none;
}
.tag-menu-toggle[aria-expanded="false"] .tag-menu-toggle__open {
display: block !important;
}
.tag-menu-toggle[aria-expanded="false"] .tag-menu-toggle__close {
display: none !important;
}
.tag-menu-toggle[aria-expanded="true"] .tag-menu-toggle__open {
display: none !important;
}
.tag-menu-toggle[aria-expanded="true"] .tag-menu-toggle__close {
display: block !important;
}
.tag-menu-toggle::before,
.tag-menu-toggle::after {
display: none !important;
content: none !important;
}
@media (min-width: 1025px) {
.tag-menu-toggle {
display: none !important;
}
}
@media (max-width: 1024px) {
.tag-menu-toggle {
position: relative;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: var(--tag-color-ink);
cursor: pointer;
line-height: 1;
appearance: none;
-webkit-appearance: none;
}
} .tag-site,
.tag-site-content,
.tag-front-page,
.tag-content-page,
.tag-archive-page {
color: var(--tag-color-text);
font-weight: 500;
}
.tag-site :where(p, li, dd, dt, figcaption, blockquote),
.tag-front-page :where(p, li),
.tag-content-page :where(p, li),
.tag-archive-page :where(p, li) {
font-weight: 500;
}
.tag-site :where(a, button, label, input, select, textarea) {
font-weight: 600;
}
.tag-site :where(h1, h2, h3, h4, h5, h6) {
color: var(--tag-color-ink);
font-weight: 700;
}
@media (max-width: 680px) {
body {
font-size: 17px;
line-height: 1.64;
}
}