#post-info {
margin-top: 20px;
padding: 30px;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 10px;
a {
color: var(--green);
font-weight: 500;
text-decoration: none;
&:hover {
color: var(--red);
}
}
.post-date {
margin-bottom: 0;
}
} #comments-wrapper {
margin-top: 20px;
padding: 30px;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 10px;
margin-bottom: 20px;
.comment-list {
padding-left: 15px;
::marker {
color: var(--red);
}
.commentmetadata a,
.reply a {
display: inline-block;
font-size: 1rem;
line-height: 130%;
padding: 10px 30px;
border-radius: 10px;
margin-block: 10px;
text-decoration: none;
font-weight: 600;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
background-color: var(--green);
color: var(--white);
&:hover {
text-decoration: none;
background-color: var(--red);
}
}
}
#respond form {
p {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
.required-field-message {
color: var(--red);
}
label {
width: 100%;
text-align: left;
margin-bottom: 5px;
.required {
color: var(--red);
}
}
input,
textarea {
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, .1);
padding: 10px;
width: 100%;
resize: none;
&:focus-within {
outline: none;
border-color: var(--red);
}
}
input[type=submit] {
display: inline-block;
font-size: 1rem;
line-height: 130%;
padding: 10px 30px;
border-radius: 10px;
margin-block: 10px;
text-decoration: none;
font-weight: 600;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
background-color: var(--green);
color: var(--white);
border: none;
cursor: pointer;
&:hover {
text-decoration: none;
background-color: var(--red);
}
}
a {
color: var(--red);
&:hover {
color: var(--green);
}
}
}
.comment-form-cookies-consent {
align-items: flex-start;
input[type=checkbox] {
width: 15px;
height: 15px;
accent-color: var(--green);
margin-top: 6px;
}
label {
width: calc(100% - 30px);
padding-left: 10px;
}
}
}
} #related {
margin-top: 20px;
padding: 30px;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 10px;
}
h2, h3, h4, h5, h6, p, figure, ul, ol {
margin-bottom: 15px;
}
a {
color: var(--green);
&:hover {
color: var(--red);
}
}
.post-content figure {
margin-bottom: 15px;
}
@media (max-width: 767.8px) {
.wp-block-image {
display: block;
width: 100%;
}
} html body.single-mec-events .mec-single-event {
h2, h3, h4, h5, h6, p, figure, ul, ol {
margin-bottom: 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Playfair Display", serif;
}
h1,
.h1 {
font-size: min(max(1.5rem, calc(1.5rem + ((1vw - 0.359375rem) * 0.8922))), 2.25rem);
line-height: 110%;
margin-bottom: 20px;
font-weight: 700;
}
h2,
.h2 {
font-size: min(max(1.25rem, calc(1.25rem + ((1vw - 0.359375rem) * 0.8922))), 2rem);
line-height: 110%;
margin-bottom: 20px;
font-weight: 700;
}
h3,
.h3 {
font-size: min(max(1.2rem, calc(1.2rem + ((1vw - 0.359375rem) * 0.6543))), 1.75rem);
line-height: 120%;
margin-bottom: 15px;
font-weight: 700;
}
h4,
.h4 {
font-size: min(max(1rem, calc(1rem + ((1vw - 0.359375rem) * 0.5948))), 1.5rem);
line-height: 120%;
margin-bottom: 15px;
font-weight: 600;
}
h5,
.h5 {
font-size: min(max(1rem, calc(1rem + ((1vw - 0.359375rem) * 0.2974))), 1.25rem);
line-height: 120%;
margin-bottom: 10px;
font-weight: 600;
}
h6,
.h6 {
font-size: 1rem;
line-height: 120%;
margin-bottom: 10px;
font-weight: 600;
}
p {
font-size: min(max(1rem, calc(0.75rem + ((1vw - 0.359375rem) * 0.2974))), 1.25rem);
font-weight: 500;
color: var(--black);
}
a,
a * {
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
}
}