/* 
Theme Name: Twenty Twenty Child 
Theme URL: http://cisupervision.eu
Description: Twenty Twenty Child 
Theme Author: Fundacja Zdrowe Miasto
Author URL: https://zdrowemiasto.org
Template: twentytwenty 
Version: 1.0.0 
Text Domain: twentytwenty-child 
*/
/**
body {
	color: #7e8082;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

.h1 {
		font-size: 128px;
		line-height: 148px;
		font-weight: 800;
}

.entry-content {
	color: #7e8082;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

.header-inner {
    max-width: 100vw;
}

.custom-logo {
    width: auto;
    height: 78px;
    margin: 30px 0 20px 0;
	
}

.header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {
    margin: 0 0 0 2.4rem;
}

.header-inner {
    padding: 0;
}

#b2f6feac-4467-424a-9e97-3c7f5d483ff8 path {
    fill: #fbc311!important;
}
.ba938295-890b-4060-b5cf-845d97466134 {
    fill: #fbc311!important;
}
header#site-header {
    position: fixed;
    background-color: transparent;
    width: 100%;
	border-bottom: 1px solid #fbc311;
	position: fixed;
}

.primary-menu a {
    color: #fbc311;
    font-size: 16px;
    text-transform: uppercase;
}

.primary-menu a::after {
    content: "";
    border-right: 3px solid #ffffff;
    transform: skew(-30deg, 0);
    width: 30px;
    height: 12px;
    display: inline-block;
    visibility: hidden;
    opacity: 0;
}

.primary-menu a:hover::after {
    content: "";
    border-right: 3px solid #ffffff;
    transform: skew(-30deg, 0);
    width: 30px;
    height: 12px;
    display: inline-block;
    visibility: visible;
    -webkit-transition: opacity 0.15s linear, visibility 0.15s linear;
    transition: opacity 0.15s linear, visibility 0.15s linear;
    opacity: 1;
}

.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor {
    text-decoration: none;
}
.primary-menu a:hover {
color: #fff;	
}

#home_sub::after {
    content: "";
    background-image: url(wp-content/themes/twentytwenty_child/assets/img/line.svg);
    height: 100px;
    width: 2px;
}


.home .cover-header-inner {
    visibility: hidden;
}

.home .post-inner {
    position: absolute;
    top: 50vh;
    width: 1140px;
    margin: 0 auto;
}





#site-footer .section-inner {
    max-width: 100%;
}
footer#site-footer {
    color: #c6c9cc;
	font-size: 16px;
}
footer#site-footer a:hover {
    text-decoration: none;
    color: #fbc311;
}
.footer-copyright {
    font-weight: 400;
} **/

figure.r_4a {
    clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}

figure.r_4c {
clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%);
}

.r_4b img {
    margin: 0 auto;
    width: 51%;
    height: auto;
    clip-path: polygon(20% 0, 96% 0%, 80% 91%, 4% 91%);
}