.content {
padding: 120px 0 60px;
} .post-content {
color: var(--clr-black);
font-size: 18px;
line-height: 160%;
letter-spacing: 0%;
margin-top: 0;
}
.post-content p {
margin: 0 0 20px 0;
}
.post-content h2,
.post-content h3,
.post-content h4 {
margin: 30px 0 20px 0;
color: var(--clr-black);
font-weight: 500;
}
.post-content h2 {
font-size: 36px;
line-height: 120%;
}
.post-content h3 {
font-size: 28px;
line-height: 120%;
}
.post-content h4 {
font-size: 24px;
line-height: 120%;
}
.post-content ul,
.post-content ol {
margin: 20px 0;
padding-left: 30px;
}
.post-content li {
margin: 10px 0;
}
.post-content a {
color: var(--clr-green);
text-decoration: underline;
transition: color 0.3s ease;
}
.post-content a:hover {
color: var(--clr-green-light);
}
.post-content img {
max-width: 100%;
height: auto;
border-radius: var(--bor-radius-m);
margin: 20px 0;
}
.post-content blockquote {
margin: 30px 0;
padding: 20px 30px;
border-left: 4px solid var(--clr-green);
background-color: var(--clr-gray);
border-radius: var(--bor-radius-m);
font-style: italic;
} .schedule {
margin-bottom: 20px;
background-color: var(--clr-gray);
border-radius: var(--bor-radius-m);
padding: 15px;
}
.schedule .desc {
display: flex;
flex-direction: column;
}
.widget-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
font-weight: 500;
color: var(--clr-black);
}
.widget-head .text-right {
color: var(--clr-green);
}
.widget-text {
color: var(--clr-black);
font-size: 16px;
line-height: 140%;
}
.widget-button {
margin-top: 30px;
padding: 15px 30px;
background-color: var(--clr-green);
color: var(--clr-white);
text-align: center;
border-radius: var(--bor-radius-l);
cursor: pointer;
transition: background-color 0.3s ease;
font-weight: 500;
font-size: 18px;
}
.widget-button:hover {
background-color: var(--clr-green-light);
} .content-widget {
margin: 30px 0;
padding: 20px;
background-color: var(--clr-gray);
border-radius: var(--bor-radius-m);
}
.content-widget-head {
font-size: 20px;
font-weight: 500;
color: var(--clr-black);
margin-bottom: 15px;
}
.content-widget > div:not(.content-widget-head) {
color: var(--clr-black);
font-size: 16px;
line-height: 160%;
}
.content-widget iframe {
width: 100%;
max-width: 100%;
border-radius: var(--bor-radius-m);
} @media screen and (max-width: 1024px) {
.content {
padding: 100px 0 40px;
}
.post-content {
font-size: 16px;
}
.post-content h2 {
font-size: 28px;
}
.post-content h3 {
font-size: 24px;
}
.post-content h4 {
font-size: 20px;
}
}