/*
 Theme Name:   Twenty Twenty Child
 Description:  Twenty Twenty Child Theme
 Author:       JJ Kommunikation
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentychild
*/

.home .post-inner {
    padding-top: 0;
}
.header-titles {
    display: block;
}
.site-description {
    font-size: 12px;
}
.header-navigation-wrapper > a {
    color: #fff !important;
    font-weight: 300;
}

.header-navigation-wrapper a:hover {
    opacity: .5;
    text-decoration: none;
}
span.toggle-text {
    display: none;
}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {
    text-decoration: none;
    opacity: .5;
}
.sub-menu a {
    font-size: 14px;
}

header#site-header {
    position: sticky;
    top: 0;
    box-shadow: 3px 3px 15px #00000026;
	z-index: 9999;
}
table th {
    font-size: 13px;
    min-width: 120px;
    text-align: center !important;
    background: #315343fa;
    color: #fff;
	  padding: 10px 2px;
}

table td {
    font-size: 13px;
    text-align: center !important;
}

table tr:nth-child(even) {
    background: #eee;
}
table tr td:first-child {
    text-align: left !important;
}
table td, table th {
    border: none;
}
ul.news { 
list-style: none;
}
ul.news li {
		position: relative;
    padding: 5%;
    margin: 0 0 30px 0;
    background: #fff;
    box-shadow: 5px 5px 15px #00000017;
}
ul.news h2 {
    margin: 0;
    font-size: 20px;
    margin-bottom: 20px;
}

ul.news a {
    text-decoration: none;
}
.shadow {
    box-shadow: 10px 10px 30px #0000001f;
}
a.wp-block-button__link {
    border-radius: 4px;
    font-weight: 400;
    padding: 12px 20px;
    color: #315343 !important;
    background: none !important;
    border: 2px solid #315343 !important;
	transition: 300ms;
}

a.wp-block-button__link:hover {
	transition: 300ms;
    text-decoration: none !important;
    background: #315343 !important;
    color: #fff !important;
}
.home .shadow {
	position: relative;
}
.home .shadow::after, .news li:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid #315343;
    position: absolute;
    left: -16px;
    top: -3px;
    transform: rotate(
314deg);
}

ul.news {
    max-width: 80rem !important;
}

.news .desc p {
    font-size: 18px;
    color: #7e7e7e;
    margin-bottom: 0;
}

ul.news h2 {
    color: #315343;
}

ul.news span {
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    color: #999;
    margin-bottom: 20px;
	display: block;
}
.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
    color: #fff !important;
}
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    color: #fff !important;
}
aside ul {
    list-style: "- ";
    margin-left: 18px;
    font-size: 2.1rem;
	font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
}

aside a {
    text-decoration: none;
    transition: 300ms;
}

aside a:hover {
    opacity: .5;
    transition: 300ms;
}
.home .footer-nav-widgets-wrapper.header-footer-group {
    margin-top: 0;
}
.primary-menu a {
    font-weight: 300;
    font-size: 16px;
}
li.post-author.meta-wrapper, li.post-comment-link.meta-wrapper, .post-meta-wrapper.post-meta-single.post-meta-single-bottom, .comments-wrapper.section-inner {
    display: none;
}
span.title-inner {
    font-size: 16px;
}

li.post-date.meta-wrapper {
    margin-left: 0;
}
@media (min-width: 600px) {
	aside h4, aside .heading-size-4 {
			font-size: 2.5rem !important;
	}
	h1, .heading-size-1 {
    font-size: 5.4rem !important;
}
}
@media (max-width: 467px) {
	ul.news li {
    padding: 8%;
}
h1, .heading-size-1 {
    font-size: 2.6rem;
}
}
@media (max-width: 1200px) {
.table-wrapper {
    overflow-x: auto;
}
}