#main .single-post {
background-color: var(--category-theme-color);
margin-bottom: 0;
} #main .single-post.author-archive {
margin-top: 0;
padding-top: 60px;
padding-bottom: 60px;
} body.author .filter-label,
body.author .filter-wrapper {
display: none;
}
.single-post #content h2,
.single-post #content h3,
.single-post #content h4,
.author-info h2,
.author-info h3,
.author-info h4 {
color: var(--category-theme-color);
}
.post-thumbnail img {
max-width: 100% !important;
height: auto !important;
}
.single-post [rel="category"] {
font-weight: 500;
font-size: .8333333333333334em;
}
.single-post .the-content:last-child {
margin-bottom: 0;
}
.singular .has-post-thumbnail .entry-header {
padding-bottom: 10px;
}
.single-post,
.comments-area {
--global--font-size-base: 24px;
--global--line-height-body: 1.416em;
}
.comment-form > p label, .comment-form > p input[type="email"], .comment-form > p input[type="text"], .comment-form > p input[type="url"], .comment-form > p textarea {
font-size: var(--global--font-size-base);
}
.single-post .content-8-col .entry-content:first-child {
margin-top: 0;
}
.the-content > [class="wp-block-image"] + * {
margin-top: var(--global--spacing-vertical);
}
.single-post .post-thumbnail {
width: 100%;
height: 0;
overflow: hidden;
margin-top: var(--gap-m);
padding-top: 56.25%; position: relative;
}
.post-thumbnail .wp-post-image {
position: absolute;
top: 0;
}
.single-post .date-author-wrapper {
font-size: .750em;
}
.single-post .lead,
.single-post .entry-header,
.single-post .single-post-nav-wrapper {
border-left: var(--gutter) solid transparent;
border-right: var(--gutter) solid transparent;
}
.backlink-wrapper {
position: relative;
}
.backlink {
all: unset;
position: absolute;
right: 0;
top: 14px;
cursor: pointer;
font-size: .833em;
transition: opacity .2s;
}
.backlink:hover,
.backlink:active,
.backlink:focus {
opacity: .8;
}
.backlink::after {
content: '';
display: inline-block;
width: 23px;
height: 23px;
background-image: url(//blog.kulturmachtschule.ch/wp-content/themes/twentytwentyone-child/assets/cross.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
vertical-align: -5px;
margin-left: 10px;
}
.author-wrapper {
overflow: hidden;
margin-top: 0;
background-color: var(--category-theme-color-transparent);
padding: clamp(calc(var(--gap-l) / 2), 5.71vw, calc(var(--gap-l) + 20px));
margin-bottom: 0;
}
.author-list-wrapper + .author-list-wrapper {
margin-top: clamp(calc(var(--gap-l) / 2), 5.71vw, calc(var(--gap-l) + 20px));
}
.author-info {
--global--font-size-base: 20px;
font-family: var(--global--font-secondary);
background: #fff;
display: flex;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.author-info + .author-info {
margin-top: var(--gap-l);
}
p[class^="author-"] {
font-size: var(--global--font-size-base);
margin-top: .8em;
line-height: 28px;
}
.author-info {
position: relative;
}
.author-avatar {
position: relative;
}
@media (min-width: 992px) {
.author-avatar {
flex: 4;
overflow: hidden;
min-height: 280px;
vertical-align: top;
border-right: 10px solid var(--category-theme-color);
}
.author-info .copyright-wrapper.mobile {
display: none;
}
.author-info .copyright-wrapper.desktop {
width: 31%;
left: 0;
right: auto;
}
.author-info .copyright-wrapper.desktop > span {
display: block;
margin-left: auto;
}
.author-description-wrapper {
flex: 8;
padding: var(--box-gutter);
}
.author-avatar {
vertical-align: top;
}
.author-avatar img {
position: absolute;
height: 101%;
object-fit: cover;
width: 100%;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 991px) {
.author-info .copyright-wrapper.mobile {
display: block;
}
.author-info .copyright-wrapper.desktop {
display: none;
}
.author-info {
display: block;
padding: 15px;
}
.author-avatar {
max-width: 228px;
padding-right: 10px;
}
.author-description-wrapper {
margin-top: 30px;
}
}
@media (max-width: 768px) {
.single-post, .comments-area {
--global--font-size-base: 19px;
--global--line-height-body: 1.416em;
}
.single-post-nav-wrapper {
display: block;
position: relative;
--global--font-size-base: 20px;
}
.cat-wrapper {
margin: 20px 0 0 0;
}
.cat-wrapper + div {
text-align: left;
position: absolute;
right: 0;
top: 0;
}
}
.cat-wrapper a {
font-family: var(--heading--font-family);
}
.comment-respond > :last-child.comment-form {
margin-bottom: 0; //
padding-bottom: 0;
}
.comment-form .comment-form-cookies-consent > label, .comment-form .comment-notes {
font-size: 15px;
font-weight: normal;
}
#comments {
margin-top: 0;
padding: var(--global--spacing-vertical);
background-color: var(--category-theme-color);
}
.single-post #content #comments h2 {
color: var(--global--color-primary);
}
@media (min-width: 769px) {
#project-data-table td, #project-data-table th {
border-top: 0;
border-left: 0;
border-right: 0;
padding: calc(0.5 * var(--global--spacing-unit)) calc(0.5 * var(--global--spacing-unit)) calc(0.5 * var(--global--spacing-unit)) 0;
}
#project-data-table tr:first-child th,
#project-data-table tr:first-child td {
border-top: 1px solid;
}
#project-data-table th + td {
padding-left: var(--global--spacing-unit);
}
}
#project-data-table + .wp-block-buttons {
margin-top: 65px;
}
@media (max-width: 768px) {
#project-data-table td, #project-data-table th {
display: block;
border: 0;
padding: 0;
}
#project-data-table tr:not(:first-child) th {
padding-top: 30px;
}
}
.single-post .content-image {
position: relative;
}
#article-wrapper .type-post .article-text header h2 > a:focus,
#article-wrapper .type-post .article-text header h2 > a {
color: var(--category-theme-color);
text-decoration: none;
}
#floating-comment-like {
width: 100vw;
position: fixed;
display: flex;
justify-content: center;
bottom: 100px;
z-index: 39;
}
.wpulike-robeen .count-box,
.comment-like-post-area * {
color: var(--category-theme-color);
font-size: 14px;
}
.comment-like-post-area a {
text-decoration: none;
}
.comment-like-post-area {
display: table;
position: absolute;
z-index: 1;
background: #FFFFFF;
border: 1px solid #FAFAFA; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
border-radius: 70px;
padding: 8px 18px;
margin: 35px;
}
.comment-like-post-area > div {
display: table-cell;
vertical-align: middle;
opacity: 0.7;
transition: opacity 0.2s ease-in-out;
}
.comment-like-post-area > div:hover {
opacity: 1;
cursor: pointer;
}
.comment-like-post-area-like {
}
.comment-like-post-area .wpulike {
display: inline-block;
padding: 0;
}
.wpulike-robeen .count-box {
padding: 0;
}
.comment-like-post-area .like-icon button:before,
.comment-like-post-area .comment-icon:before {
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-color: var(--category-theme-color);
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
content: '';
}
.comment-like-post-area .comment-icon:before {
-webkit-mask-image: url(//blog.kulturmachtschule.ch/wp-content/themes/twentytwentyone-child/assets/comment.svg);
mask-image: url(//blog.kulturmachtschule.ch/wp-content/themes/twentytwentyone-child/assets/comment.svg);
width: 18px;
vertical-align: -2px;
height: 15px;
}
.comment-like-post-area .like-icon button:after {
display: none;
}
.comment-like-post-area .like-icon button:before {
-webkit-mask-image: url(//blog.kulturmachtschule.ch/wp-content/themes/twentytwentyone-child/assets/clapping.svg);
mask-image: url(//blog.kulturmachtschule.ch/wp-content/themes/twentytwentyone-child/assets/clapping.svg);
width: 23px;
vertical-align: -3px;
margin-right: 1px;
height: 20px;
transform: scaleX(-1);
}
.comment-like-post-area .like-icon button.image-unlike:before {
-webkit-mask-image: url(//blog.kulturmachtschule.ch/wp-content/themes/twentytwentyone-child/assets/clapping_liked.svg);
mask-image: url(//blog.kulturmachtschule.ch/wp-content/themes/twentytwentyone-child/assets/clapping_liked.svg);
transform: scaleX(1);
}
.single-post-navigation {
margin-bottom: clamp(30px, 3.57vw, 50px);
}
.custom-button.scaled,
.sharebutton.scaled {
border-radius: clamp(30px, 3.57vw, 50px);
padding: 6px 24px 0;
font-family: CA AiresPro;
font-weight: 500;
font-size: 20px;
}
.sharebutton.scaled {
padding: 12px 24px 7px;
}
.custom-button.scaled:focus {
text-decoration: none !important;
}
.single-post-navigation [class^="icon-"] {
vertical-align: middle;
vertical-align: -3px;
}
.single-post-navigation .icon-arrow_back {
margin-right: 10px;
}
.single-post-navigation .icon-arrow_next {
margin-left: 10px;
}
@media (max-width: 1160px) {
.single-post-navigation {
margin-left: 15px;
margin-right: 15px;
}
}
@media (max-width: 650px) {
.single-post-navigation .next-label,
.single-post-navigation .prev-label {
display: none;
}
}
.single-post .share-icons-wrapper {
margin: clamp(20px, 2.142vw, 30px);
}
.all-authors {
margin-top: 60px;
display: flex;
}
.all-authors .custom-button.scaled {
border-color: var(--category-theme-color);
transition: all 0.2s ease-in-out;
}
.all-authors .custom-button.scaled:hover {
background-color: var(--category-theme-color);
}
.all-authors .custom-button.scaled:hover span {
color: #FFFFFF;
}
.all-authors .custom-button.scaled span {
color: var(--category-theme-color);
transition: all 0.2s ease-in-out;
}
.all-authors .custom-button.scaled span:last-of-type {
margin-left: 10px;
vertical-align: -3px;
} .author-archive .all-authors .custom-button.scaled {
background-color: #fff;
border-color: var(--main-color-one);
}
.author-archive .all-authors .custom-button.scaled span {
color: var(--main-color-one);
}
.author-archive .all-authors .custom-button.scaled:hover {
background-color: #fff;
}
.author-archive .all-authors .custom-button.scaled:hover span {
color: var(--main-color-one);
} #main .author-archive .all-authors .custom-button.scaled:focus,
#main .author-archive .all-authors .custom-button.scaled:active {
background-color: #fff;
}
#main .author-archive .all-authors .custom-button.scaled:focus span,
#main .author-archive .all-authors .custom-button.scaled:active span {
color: var(--main-color-one);
} #main .author-archive .author-post-list,
#main .author-archive .author-post-list a {
font-size: var(--global--font-size-base);
}
.single-post.author-archive {
padding-top: 0;
}
img.custom-logo {
margin: 0;
}