@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:wght@400;500;600;700&display=swap"); :root {
--global--color-main: #ef2789;
--global--color-black: #000;
--global--color-white: #fff;
--global--color-main-gray: #b8b8b8;
--global--color-section-gray: #d4d4d4;
--global--color-information-gray: #696767;
}
@font-face {
font-family: "Muli ExtraLight";
src: url(//femfund.pl/wp-content/themes/femfund/assets/fonts/Muli-ExtraLight.woff2) format("woff2");
font-weight: 100;
}
@font-face {
font-family: "Muli Light";
src: url(//femfund.pl/wp-content/themes/femfund/assets/fonts/Muli-Light.woff2) format("woff2");
font-weight: 200;
}
@font-face {
font-family: "Muli";
src: url(//femfund.pl/wp-content/themes/femfund/assets/fonts/Muli-Bold.woff2) format("woff2");
}
@font-face {
font-family: "muli-extrabold";
src: url(//femfund.pl/wp-content/themes/femfund/assets/fonts/Muli-ExtraBold.woff2) format("woff2");
font-weight: 800;
}
@font-face {
font-family: "Mulish Black";
src: url(//femfund.pl/wp-content/themes/femfund/assets/fonts/Mulish-Black.woff2) format("woff2");
font-weight: 900;
}
@font-face {
font-family: "PT Serif", serif;
src: url(//femfund.pl/wp-content/themes/femfund/assets/fonts/PTF55F.woff) format("woff");
font-weight: normal;
}
html {
font-size: 62.5%;
}
body {
font-family: "Muli", sans-serif;
color: var(--global--color-black);
font-size: 2.1rem;
}
.col {
display: flex;
flex-direction: column;
}
.font-bolder {
font-weight: 900;
}
.text-upper {
text-transform: uppercase;
}
.color-main {
color: var(--global--color-main);
}
.color-black {
color: var(--global--color-black);
}
.color-white {
color: var(--global--color-white) !important;
}
.font-serif {
font-family: "PT Serif", serif;
}
.row {
--bs-gutter-x: 0;
}
button {
cursor: pointer;
font-weight: bold;
color: var(--global--color-black);
}
button i {
color: var(--global--color-black);
}
h2 {
font-size: 2.8rem;
font-weight: bold;
}
h3, h4, h5 {
font-size: 2.2rem;
}
h1,
h2,
h3,
h4 {
font-family: "muli-extrabold", sans-serif;
font-weight: 800;
}
@supports (-moz-appearance: none) {
h1,
h2,
h3,
h4 {
font-family: "Muli", sans-serif;
font-weight: 800;
}
}
@media screen and (max-width: 768px) {
h2 {
font-size: 2.6rem;
}
}
section .row h2 {
margin-top: 40px;
}
p,
ol li,
ul li {
font-family: "PT Serif", serif;
}
p {
font-size: 2.2rem;
}
ol li,
ul li {
font-size: 2rem;
padding: 0;
margin-left: 50px;
}
.menu li {
margin-left: 0;
}
.row p + p {
margin-top: 10px;
} input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type="number"] {
-moz-appearance: textfield;
}
a {
color: var(--global--color-black);
cursor: pointer;
text-decoration: none;
}
p a,
label a {
text-decoration: underline;
}
a:hover,
a:focus {
color: var(--global--color-main);
outline: none;
}
a.white-link {
color: var(--global--color-white);
font-size: inherit;
}
a.white-link:hover {
color: var(--global--color-black);
}
button {
background: none;
border: none;
outline: none;
font-size: 3rem;
}
iframe {
width: 490px;
height: 320px;
max-width: 100%;
}
blockquote {
margin: 3rem 6rem;
}
.col-md-6 > iframe {
margin-top: 110px;
}
.form-control {
padding: 20px 30px;
margin-bottom: 15px;
}
.pink-link {
color: var(--global--color-main);
text-decoration: underline;
}
.pink-text {
color: var(--global--color-main);
}
.pink-link:hover {
color: var(--global--color-black);
}
.gray-section {
background-color: var(--global--color-section-gray);
}
.clipped-section {
clip-path: polygon(0 0, 100% 40px, 100% 100%, 0 calc(100% - 40px));
}
.first-clipped-section-reversed,
.clipped-section-reversed {
clip-path: polygon(0 40px, 100% 0%, 100% calc(100% - 40px), 0 100%);
}
.min-height-max {
min-height: 100%;
}
@media screen and (min-width: 1366px) {
.first-clipped-section-reversed {
margin-top: -20px;
}
}
@media screen and (max-width: 1365px) {
.first-clipped-section-reversed {
clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 40px), 0 100%);
}
}
@media screen and (max-width: 1200px) {
.clipped-section {
clip-path: polygon(0 0, 100% 30px, 100% 100%, 0 calc(100% - 30px));
}
.clipped-section-reversed {
clip-path: polygon(0 30px, 100% 0%, 100% calc(100% - 30px), 0 100%);
}
.first-clipped-section-reversed {
clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 30px), 0 100%);
}
}
@media screen and (max-width: 992px) {
.clipped-section {
clip-path: polygon(0 0, 100% 10px, 100% 100%, 0 calc(100% - 10px));
}
.clipped-section-reversed {
clip-path: polygon(0 10px, 100% 0%, 100% calc(100% - 10px), 0 100%);
}
.first-clipped-section-reversed {
clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 10px), 0 100%);
}
}
@media screen and (max-width: 768px) {
.clipped-section {
clip-path: polygon(0 0, 100% 5px, 100% 100%, 0 calc(100% - 5px));
}
.clipped-section-reversed {
clip-path: polygon(0 5px, 100% 0%, 100% calc(100% - 5px), 0 100%);
}
.first-clipped-section-reversed {
clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 5px), 0 100%);
}
}
.limited-width {
max-width: 1090px;
}
h3,
p {
max-width: 1222px;
}
.color-white.hoverable:hover,
.color-white.hoverable:hover * {
color: var(--global--color-black) !important;
}
.font-light {
font-family: 'Muli Light', sans-serif;
}
.pink-section {
background-color: var(--global--color-main);
color: var(--global--color-white);
}
.pink-section i {
color: var(--global--color-black);
}
.pink-section a:not(.border-button) {
color: var(--global--color-black);
text-decoration: underline;
}
.pink-section a:hover:not(.border-button) {
color: var(--global--color-white);
}
@media screen and (min-width: 769px) {
.text-without-header {
margin-top: 40px;
}
}
@media screen and (max-width: 768px) {
.pink-section {
padding-bottom: 90px;
}
}
@media screen and (min-width: 769px) {
.pink-section,
.black-section .container {
min-height: 550px;
}
#thankYouSection.row {
min-height: 550px;
}
.pink-section .row h2 {
margin-top: 0;
}
}
#notFoundSection {
background-image: url(//femfund.pl/wp-content/themes/femfund/assets/images/404.jpg);
background-position-y: -100px;
}
@media screen and (max-width: 992px) {
#thankYouSection,
#notFoundSection,
#paymentErrorSection {
background-position-y: bottom;
}
}
#notFoundSection ul {
padding-left: 0;
padding-top: 20px;
}
#notFoundSection li {
list-style: none;
font-size: 2.3rem;
line-height: 3rem;
}
@media screen and (max-width: 900px) {
#notFoundSection li {
font-size: 1.6rem;
line-height: 1.5rem;
margin-bottom: 1rem;
}
}
#notFoundSection li a {
font-weight: bold;
}
#thankYouSection {
background-image: url(//femfund.pl/wp-content/themes/femfund/assets/images/dziekujemy-za-platnosc.jpg);
background-position-y: -16px;
}
#paymentErrorSection {
background-image: url(//femfund.pl/wp-content/themes/femfund/assets/images/blad-platnosci.jpg);
background-position-y: 0;
}
@media screen and (max-width: 1500px) {
#notFoundSection,
#thankYouSection {
background-position-y: -16px;
}
#paymentErrorSection {
background-position-y: -93px;
}
}
@media screen and (max-width: 1300px) {
#paymentErrorSection {
background-position-y: -25px;
}
}
#selectWrapper select {
margin-right: 35px;
cursor: pointer;
padding: 1rem;
padding-right: 2.5rem;
width: auto;
}
@media screen and (max-width: 992px) {
#selectWrapper select {
width: 100%;
margin-right: 0;
}
}
#grantsSelectWrapper select {
cursor: pointer;
padding: 1rem;
padding-right: 1rem;
padding-right: 3rem;
font-size: 2rem;
appearance: none;
border-radius: 0.2rem;
border: none;
position: relative;
width: 100%;
color: var(--global--color-black);
}
#grantsSelectWrapper::after {
content: "";
position: absolute;
top: 2.1rem;
right: 2.1rem;
width: 1rem;
height: 1rem;
border-left: 0.3rem solid var(--global--color-main);
border-top: 0.3rem solid var(--global--color-main);
transform: rotate(225deg);
}
#getGrantSection,
#notFoundSection,
#paymentErrorSection,
#thankYouSection {
background-size: cover;
}
#getGrantSection {
background-position: center;
}
@media screen and (max-width: 1365px) {
#getGrantSection {
background-position: right;
}
}
@media screen and (max-width: 603px) {
#getGrantSection {
background-position-x: -422px;
}
#getGrantSection.without-title {
background-position-x: -206px;
background-position-y: -33px;
}
}
@media screen and (min-width: 1366px) {
#getGrantSection {
background-position-y: -135px;
}
}
@media screen and (min-width: 1710px) {
#getGrantSection {
background-position-y: -162px;
}
}
@media screen and (min-width: 1871px) {
#getGrantSection {
background-position-y: -191px;
}
}
@media screen and (min-width: 2090px) {
#getGrantSection {
background-position-y: -207px;
}
}
@media screen and (min-width: 2300px) {
#getGrantSection {
background-position-y: -250px;
}
}
#notFoundSection,
#paymentErrorSection,
#thankYouSection {
margin-bottom: -30px;
}
@media screen and (min-width: 769px) {
#grantsSection {
background-position-y: -123px;
}
}
@media screen and (min-width: 1200px) {
#grantsSection {
background-position-y: -145px;
}
}
@media screen and (max-width: 769px) {
#grantsSection {
background-position-x: -317px;
}
}
#getGrantSection h1 {
margin-top: 75px;
font-size: 4rem;
margin-bottom: 20px;
}
#getGrantSection a {
margin-bottom: 80px;
border: none;
font-family: "Mulish Black", sans-serif;
font-weight: 900;
}
#chooseGrantSection h2 {
max-width: 1084px;
font-size: 2.4rem;
margin: 40px auto 60px auto;
text-align: center;
}
@media screen and (min-width: 992px) {
#chooseGrantSection .grants-row {
margin: 0 -1.5rem;
}
#chooseGrantSection .grants-row .col-12 {
height: 450px;
}
}
@media screen and (min-width: 1200px) {
#chooseGrantSection .grants-row .col-12 {
height: 400px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
#chooseGrantSection {
min-height: 485px;
}
#chooseGrantSection h2 {
margin: 20px auto 20px auto;
}
#chooseGrantSection .grants-row .col-12 {
height: 266px;
}
#chooseGrantSection .grants-row .col-12 p {
font-size: 1.7rem;
}
}
@media screen and (min-width: 1500px) {
#chooseGrantSection .grants-row .col-12 {
height: 370px;
}
}
@media screen and (max-width: 992px) {
#chooseGrantSection .grants-row .button-wrapper {
padding: 0 30px;
}
#chooseGrantSection .grants-row .col-12 {
margin-bottom: 100px;
height: 250px;
}
}
#chooseGrantSection .grants-row p {
font-size: 2rem;
}
#chooseGrantSection .grants-row .col-12 button {
margin: 0 auto 20px auto;
}
#chooseGrantSection .border-button {
padding: 5px;
}
#chooseGrantSection .border-button div:first-child {
margin-bottom: -10px;
font-size: 2rem;
font-weight: bold;
color: var(--global--color-black);
}
#chooseGrantSection .border-button div:last-child {
font-size: 2.5rem;
font-weight: normal;
color: var(--global--color-white);
}
#chooseGrantSection .border-button:hover div:last-child {
color: var(--global--color-main);
}
#grantDescription {
padding-top: 30px;
scroll-margin-top: 100px;
}
#grantDescription .buttons-wrapper {
margin-top: 10px;
margin-bottom: 30px;
}
#grantDescription .buttons-wrapper .small-border-button {
margin-top: 0px;
margin-right: 15px;
}
@media screen and (max-width: 992px) {
#grantDescription .buttons-wrapper .small-border-button {
width: 100%;
margin-right: 0;
}
}
#howToGetGrant {
margin-top: -10px;
}
#howToGetGrant h2 {
margin-top: 75px;
margin-bottom: 60px;
font-size: 4.1rem;
}
#howToGetGrant .icon-cols-wrapper {
padding-bottom: 100px;
}
#howToGetGrant .icon-cols-wrapper h3 p {
font-size: 2.4rem;
margin-top: 40px;
margin-bottom: 30px;
font-family: "Muli", sans-serif;
font-weight: 900;
min-height: 54px;
display: flex;
align-items: center;
}
#howToGetGrant .icon-cols-wrapper p {
font-size: 2.1rem;
line-height: 27px;
text-align: center;
}
#howToGetGrant .icon-cols-wrapper a {
text-decoration: none;
color: var(--global--color-main);
text-decoration: underline;
}
#howToGetGrant .icon-cols-wrapper a:hover {
color: var(--global--color-black);
}
@media screen and (min-width: 992px) {
#howToGetGrant .icon-cols-wrapper {
margin: 0 -32px;
}
#howToGetGrant .icon-cols-wrapper .col {
padding: 0 32px;
}
}
@media screen and (min-width: 992px) {
#howToGetGrant .icon-cols-wrapper .col:not(:last-child)::after {
content: "";
background-image: url(https://femfund.pl/wp-content/themes/femfund/assets/icons/right-arrow-icon.png);
background-size: contain;
position: absolute;
top: 178px;
right: -22px;
width: 42px;
height: 42px;
}
}
@media screen and (max-width: 992px) {
#howToGetGrant .icon-cols-wrapper .col:not(:last-child)::after {
content: "\f063";
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
color: var(--global--color-information-gray);
position: absolute;
bottom: -36px;
left: 50%;
transform: translateX(-50%);
font-size: 2rem;
}
}
.file-type {
display: inline-block;
margin-left: 11px;
font-size: 2.2rem;
font-weight: 100;
color: var(--global--color-black) !important;
font-family: "Muli ExtraLight", sans-serif;
}
.document-links a {
font-size: 2rem;
text-decoration: none;
}
#contestResults h2 {
margin-bottom: 30px;
margin-top: 70px;
}
#contestResults ol {
margin-bottom: 100px;
}
#contestResults p {
max-width: 880px;
line-height: 27px;
}
#contestResults .pink-link {
text-decoration: none;
}
.wp-results {
padding-top: 40px;
padding-bottom: 80px;
}
@media screen and (min-width: 768px) {
.wp-results {
padding-top: 100px;
padding-bottom: 140px;
}
}
#contestResults .wp-results h2 {
margin-bottom: 40px;
}
.wp-results h3 {
font-family: "PT Serif";
}
.wp-results li strong {
word-break: break-word;
}
.wp-results a {
text-decoration: underline;
}
#whoAreWeNarrowSection {
background-image: var(--who-are-we-bg-photo);
height: 250px;
background-size: cover;
background-position-y: -131px;
}
#questionsNarrowSection {
background-image: var(--questions-bg-photo);
height: 250px;
background-size: cover;
background-position-y: -121px;
}
@media screen and (max-width: 992px) {
#questionsNarrowSection,
#whoAreWeNarrowSection {
background-position-y: top;
}
}
@media screen and (min-width: 1473px) {
#whoAreWeNarrowSection {
background-position-y: -209px;
}
}
@media screen and (min-width: 1580px) {
#questionsNarrowSection {
background-position-y: -160px;
}
}
#questionsSection p,
#questionsSection ul,
#questionsSection ol,
#questionsSection .accordeon-toggle {
max-width: 800px;
margin-bottom: 32px;
}
#questionsSection .accordeon-toggle h3 {
font-size: 2rem;
}
.main-category-toggle {
max-width: 800px;
position: relative;
cursor: pointer;
}
.main-category-toggle .accordeon-caret {
top: 0 !important;
}
.main-category-toggle h2 {
margin-bottom: 50px !important;
margin-top: 0 !important;
}
#questionsSection .accordeon .row {
padding-top: 0;
}
#questionsSection h2 {
margin-bottom: 45px;
}
#aboutUs {
margin-top: -40px;
margin-bottom: -40px;
padding: 80px 0;
}
#aboutUs::after {
background-image: var(--about-us-bg-photo);
background-position: right;
}
#applySection::after {
background-image: var(--apply-bg-photo);
background-position: center;
}
#chooseGrantSection {
margin-top: -40px;
padding-top: 50px;
padding-bottom: 30px;
}
#supportForm,
.contact-form-section {
margin-bottom: -50px;
padding-bottom: 50px;
}
@media screen and (max-width: 1200px) {
#chooseGrantSection {
margin-top: -40px;
}
#supportForm,
.contact-form-section {
margin-bottom: -40px;
padding-bottom: 40px;
}
}
@media screen and (max-width: 992px) {
#chooseGrantSection {
margin-top: -20px;
}
#supportForm,
.contact-form-section {
margin-bottom: -20px;
padding-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
#chooseGrantSection {
margin-top: -80px;
padding-top: 0;
}
#supportForm,
.contact-form-section {
margin-bottom: -5px;
padding-bottom: 5px;
}
}
#supportForm::after {
background-image: url(https://femfund.pl/wp-content/themes/femfund/assets/images/image.png);
}
#supportForm h2 {
font-size: 7.3rem;
}
@media screen and (max-width: 992px) {
#supportForm h2 {
font-size: 3.7rem;
}
}
#supportForm #howOftenToggle label {
font-size: 4rem;
border: none;
padding-bottom: 0;
margin-bottom: 55px;
}
#supportForm #howOftenToggle .btn-check:checked + label {
color: var(--global--color-main);
border-bottom: 6px solid var(--global--color-main);
outline: none;
box-shadow: none;
}
#supportForm #howMuchToggle {
margin-top: 16px;
margin-bottom: 30px;
}
#supportForm #howMuchToggle label {
color: var(--global--color-main);
padding: 15px 35px;
font-size: 4rem;
border: 1px solid #aeaeae;
border-radius: 4px;
}
#supportForm #howMuchToggle label:nth-of-type(2) {
margin: 0 20px;
}
#supportForm #howMuchToggle label:hover,
#supportForm #howMuchToggle .btn-check:checked + label {
color: var(--global--color-white);
background-color: var(--global--color-main);
box-shadow: none;
}
#supportForm input[type="number"] {
padding: 44px 0 43px 25px;
border-right: none;
font-size: 2.3rem;
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
margin-bottom: 0;
}
#supportForm input[type="number"] + .input-group-append span {
display: inline-block;
padding: 31px 25px;
background-color: white;
border-left: none;
border-radius: 0px 4px 4px 0px;
font-size: 4rem;
color: var(--global--color-main);
}
#supportForm input[type="number"]:focus,
#supportForm input[type="number"]:focus + .input-group-append span {
border: 2px solid #86b7fe;
box-shadow: none;
}
#supportForm input[type="number"]:focus {
border-right: none;
}
#supportForm input[type="number"]:focus + .input-group-append span {
border-left: none;
}
#supportForm .big-border-button {
margin: 0 auto;
margin-top: 53px;
margin-bottom: 65px;
}
#bankNumber.pink-section {
min-height: auto;
padding: 30px 0;
}
#bankNumber.pink-section .row {
padding-top: 50px;
padding-bottom: 60px;
}
@media screen and (max-width: 1200px) {
#supportForm #howMuchToggle label:nth-of-type(1) {
margin-right: 5px;
}
#supportForm #howMuchToggle label:nth-of-type(2) {
margin-left: 5px;
}
#supportForm #howMuchToggle label:nth-of-type(3) {
margin-top: 10px;
}
#supportForm #howOftenToggle label {
font-size: 1.8rem;
width: 50%;
display: inline-block;
margin-bottom: 30px;
}
#supportForm #howMuchToggle label {
max-width: 50%;
font-size: 2.8rem;
padding: 10px 30px;
}
#supportForm #howMuchToggle {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
#supportForm input[type="number"] {
padding: 18px 0 17px 25px;
}
#supportForm input[type="number"] + .input-group-append span {
padding: 18px 25px;
}
}
.payment-error-page + footer,
.thank-you-page + footer,
.not-found-page + footer {
margin-top: -53px;
}
.support-us-page + footer {
clip-path: none;
margin-top: -41px;
padding-top: 47px;
}
#personalDataBox button {
width: 180px;
height: 80px;
font-size: 4rem;
margin-top: 20px;
}
#personalDataBox button:first-of-type {
color: var(--global--color-black);
}
#personalDataBox button:first-of-type:hover,
#personalDataBox button:first-of-type:focus {
border: 2px dotted var(--global--color-black);
color: var(--global--color-main);
}
#personalDataBox h2 {
font-size: 4rem;
}
#personalDataBox input[type="checkbox"] {
width: 30px;
height: 30px;
margin-right: 10px;
}
#personalDataBox .form-check {
position: relative;
height: 40px;
color: var(--global--color-information-gray);
}
#personalDataBox input[type="checkbox"] + label {
position: absolute;
top: 7px;
}
#personalDataBox .reminder {
font-family: "Muli", sans-serif;
font-weight: bold;
font-size: 1.6rem;
}
#personalDataBox .contact-form p {
font-size: var(--bs-body-font-size);
color: var(--global--color-information-gray);
}
.offscreen {
position: absolute;
left: -1000px;
width: 200px;
height: 100px;
z-index: 4;
background: black;
line-height: 100px;
text-align: center;
font-weight: bold;
}
.offscreen:focus {
left: 2rem;
top: 10rem;
}
#backToTop {
width: 25%;
margin: 15px auto;
display: block;
}
@media screen and (max-width: 600px) {
#backToTop {
width: 80%;
margin: 15px auto;
display: block;
}	
}
#backToTop i {
display: block;
border: 3px solid var(--global--color-main);
border-radius: 50%;
width: 70px;
height: 70px;
padding-top: 17px;
margin: 0 auto;
color: var(--global--color-main);
}
#backToTop:focus{
border: solid 2px #000;
}
#backToTop span {
font-weight: 100;
font-size: 1.8rem;
padding: 5px 0 10px;
color: var(--global--color-main);
}
@media screen and (min-width: 992px) {
.newsletter-form .form-item:first-of-type {
padding-right: 2%;
}
.newsletter-form .form-item:last-of-type {
padding-left: 2%;
}
}
.form-select-lg {
font-size: 2rem;
}
select option {
color: var(--global--color-black);
}
.minigrant-title {
font-size: 2.8rem;
} :target {
scroll-margin-top: 170px;
} 
.more-space-bottom {
margin-bottom: 50px !important;
}
@media screen and (max-width: 413px) {
.fa-heart {
display: block;
text-align: center;
margin-top: 25px;	
}	
}
.montserrat-400 {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.montserrat-600 {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
}.border-button {
background-color: var(--global--color-main);
border: 2px solid var(--global--color-white);
color: var(--global--color-white);
font-size: 1.5rem;
font-weight: bold;
display: inline-block;
width: auto;
text-decoration: none !important;
text-align: center;
}
.border-button i {
color: var(--global--color-white);
}
.gray-section .border-button {
border: 2px solid var(--global--color-section-gray);
}
.border-button:hover,
.border-button:focus {
background-color: var(--global--color-white);
color: var(--global--color-main);
border: 2px solid var(--global--color-main);
}
.border-button:hover i,
.border-button:focus i {
color: var(--global--color-main);
}
.border-button:focus {
background-color: var(--global--color-white);
color: var(--global--color-main);
border: 1px dashed black;
}
.border-button.big-border-button {
padding: 16px 30px;
font-size: 3rem;
}
.border-button.small-border-button {
padding: 15px 20px;
margin-top: 10px;
margin-bottom: 20px;
white-space: nowrap;
}
.border-button.small-border-button i {
margin-left: 5px;
}
@media screen and (max-width: 767px) {
.border-button.small-border-button {
margin: 10px auto 0 auto;
}
}.form-control {
font-size: 1.5rem;
}
.contact-form-section {
position: relative;
background-color: var(--global--color-main);
padding-bottom: 50px;
margin-bottom: -40px;
}
.contact-form-section .big-text {
font-size: 3rem;
margin-bottom: 30px;
}
.contact-form p {
font-size: 2.4rem;
}
p.small-notice {
font-size: 1.2rem;
font-family: "Muli", sans-serif;
}
@media screen and (min-width: 769px) {
.contact-form-section::after {
background-image: var(--contact-bg-photo);
}
}
.contact-form-section h2 {
font-family: "Mulish Black", sans-serif;
}
.contact-form-section .big-text {
line-height: 34px;
}
.contact-form-section .form-check-input,
.contact-form-section .form-check-label {
font-size: 1.8rem;
line-height: 21px;
}
.contact-form-section .small-notice {
font-weight: 600;
}
.contact-form-section.section-right-image .form-item.col-md-6 {
padding-right: 0;
}footer {
background-color: var(--global--color-black);
color: var(--global--color-main-gray);
clip-path: polygon(0 0, 100% 3%, 100% 100%, 0 100%);
padding-top: 20px;
}
footer a {
color: var(--global--color-main-gray);
}
.footer-header {
font-size: 1.8rem;
text-transform: uppercase;
margin-bottom: 5px;
margin-top: 0;
font-family: "Muli ExtraLight", sans-serif;
font-weight: 100;
}
.footer-info {
font-size: 2rem;
font-weight: bold;
color: var(--global--color-main-gray);
font-family: "muli-extrabold", sans-serif;
}
@supports (-moz-appearance: none) {
.footer-info {
font-family: "Muli", sans-serif;
font-weight: 800;
}
}
.footer-icon img {
height: 40px;
margin: 0 12px;
}
.footer-logo {
width: 70px;
vertical-align: top;
margin: -5px 20px 0 -5px;
}
.bottom-row-part {
font-size: 1.4rem;
line-height: 20px;
font-family: "Muli Light", sans-serif;
}
@media screen and (max-width: 768px) {
footer {
clip-path: polygon(0 0, 100% 1%, 100% 100%, 0 100%);
}
footer .icons-col-desktop {
display: none;
}
footer .icons-row {
margin-bottom: 40px;
}
.bottom-row-part {
font-size: 2rem;
}
}
@media screen and (min-width: 769px) {
footer {
clip-path: polygon(0 0, 100% 3%, 100% 100%, 0 100%);
}
footer .icons-row-mobile {
display: none;
}
footer .icons-row {
flex-wrap: nowrap;
}
footer hr {
display: none;
}
}.hero-section {
padding-top: 70px;
position: relative;
background-size: cover;
background-position: center;
}
.hero-section.campaign {
background-position-x: center;
background-position-y: center;
}
.hero-text {
font-family: "Mulish Black", sans-serif;
color: var(--global--color-main);
padding: 290px 0 30px 0;
font-size: 5rem;
font-weight: 900;
}
.hero-text span {
background: var(--global--color-white);
display: inline-block;
padding: 5px 10px;
}
.hero-text span:first-of-type {
color: var(--global--color-black);
}
.hero-text-mobile {
font-size: 3.6rem;
}
@media screen and (max-width: 1200px) {
.hero-section {
background-position-x: center;
}
}
@media screen and (max-width: 768px) {
.hero-section {
clip-path: polygon(0 1.5%, 100% 0%, 100% 120%, 0 120%);
margin-top: -15px;
background-position-x: 108vw;
background-position-y: bottom;
}
#jakDzialamyHero {
background-position-x: left;
}
.hero-text-desktop {
display: none;
}
.hero-section .border-button.big-border-button {
margin: 0 auto;
padding: 20px 28px;
font-size: 2.3rem;
}
.hero-section + section .row h2 {
margin-top: 105px;
}
.big-button-wrapper {
left: 50%;
transform: translateY(42px);
}
}
@media screen and (min-width: 662px) and (max-width: 738px) {
.hero-section.campaign {
background-position-y: -120px;
}
}
@media screen and (min-width: 738px) and (max-width: 960px) {
.hero-section.campaign {
background-position-y: -30vw;
}
}
@media screen and (min-width: 1314px) and (max-width: 1587px) {
.hero-section.campaign {
background-position-y: -32vw
}
}
@media screen and (min-width: 1587px) {
.hero-section.campaign {
background-position-y: 96vw
}
}
@media screen and (min-width: 769px) {
.hero-section {
padding-bottom: 90px;
}
.hero-text-mobile {
display: none;
}
}
@media screen and (max-width: 600px) {
.hero-text-mobile {
font-size: 2rem;
}
}
@media screen and (max-width: 390px) {
.hero-text {
padding: 149px 0 15px 0;
}
.hero-section {
background-position-x: -430px;
}
#jakDzialamyHero {
background-position-x: left;
}
}.section-left-image,
.section-right-image {
position: relative;
}
@media screen and (min-width: 992px) {
.section-left-image::after {
content: "";
position: absolute;
width: 50%;
top: 0;
bottom: 0;
left: 0;
background-size: cover;
clip-path: polygon(0 0, 100% 10px, 100% 100%, 0 calc(100% - 10px));
}
.section-right-image::after {
content: "";
position: absolute;
top: -3px;
bottom: 0;
right: 0;
background-size: cover;
background-position: center;
width: 50%;
}
.contact-form-section.section-right-image::after {
clip-path: polygon(0 0, 100% 10px, 100% 100%, 0 calc(100% - 10px));
width: 50%;
}
#ourPath.section-right-image::after {
width: calc(50% - 30px);
}
.section-left-image .col-md-6,
.section-left-image .col-lg-6 {
padding-left: 10%;
}
.section-video .col-md-6:first-of-type,
.section-right-image .col-md-6:first-of-type,
.section-right-image .col-lg-6:first-of-type {
padding-right: 10%;
}
}
.section-video {
padding-bottom: 40px;
}
.section-left-image form .col-lg-6 {
padding-left: inherit;
}
.row-two-controls {
--bs-gutter-x: 10px;
padding: 0 5px;
}
.row-one-control {
padding: 0 5px;
}@media screen and (max-width: 1365px) {
.desktop-menu {
display: none;
}
.desktop-menu-sub {
display: none;
}
body {
padding-top: 50px;
}
}
@media screen and (min-width: 1366px) {
.mobile-menu,
.mobile-menu-content {
display: none;
}
}
.mobile-menu-content button {
padding-right: 0;
padding-left: 0;
}
.desktop-menu,
.mobile-menu {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 3;
background-color: white;
}
.desktop-pjm-menu .back-link {
position: absolute;
width: 50px;
text-align: center;
left: 40px;
top: 40px;
}
.desktop-pjm-menu .back-link div {
font-size: 1.2rem;
font-family: "Muli ExtraLight";
color: var(--global--color-information-gray);
}
.mobile-menu-content {
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: -150vw;
z-index: 4;
background-color: white;
overflow-x: hidden;
transition: 0.5s;
}
#full-data-box {
display: none;
}
#basic-data-box {
display: block;
}
#full-data-open,
#full-data-close {
margin-bottom: 10px;
text-align: left;
font-size: 1.6rem;
color: var(--global--color-black);
text-decoration: underline;
}
.desktop-menu {
height: 116px;
}
.desktop-menu .logo-wrapper {
left: 33px;
top: 0;
z-index: 3;
}
.desktop-menu .menu-icon .pjm:focus, .desktop-menu .menu-icon .pjm:hover {
filter: invert(15%) sepia(93%) saturate(6698%) hue-rotate(323deg) brightness(94%) contrast(98%);
outline: none;
}
.mobile-menu .container {
max-width: 100%;
background: white;
padding-top: 1.5rem;
margin-top: -1.5rem;
min-height: 100vh;
}
.mobile-menu-content {
-ms-overflow-style: none; scrollbar-width: none; }
.mobile-menu-content::-webkit-scrollbar {
display: none; }
.mobile-menu img {
width: 65px;
}
.mobile-menu button,
.mobile-menu-content #toggle-close {
float: right;
}
#toggle-close {
font-size: 4rem;
margin-top: -10px;
}
#toggle-close div {
margin-top: -10px;
}
.mobile-menu button div,
.mobile-menu-content button div {
font-size: 1.2rem;
opacity: 0.5;
}
#toggle-box .footer-header {
margin-bottom: 0;
}
#toggle-box .menu-item a {
font-size: 2.2rem;
}
#menu-top-text {
font-size: 3.3rem;
font-weight: bold;
}
.menu-info {
font-weight: bold;
font-size: 1.8rem;
font-family: "Muli Bold", sans-serif;
color: var(--global--color-black);
}
.desktop-menu .menu {
list-style-type: none;
display: flex;
justify-content: center;
}
.mobile-menu-content .menu {
text-align: center;
list-style-type: none;
}
.desktop-menu .menu-item {
padding: 47px 22px 0 22px;
margin-left: 0;
}
.desktop-menu .menu-item.menu-item-3647{
padding: 47px 47px 0 22px;
} 
.desktop-pjm-menu .menu-item {
padding: 45px 22px 0 22px;
}
.desktop-menu .menu-item:last-of-type a,
.mobile-menu-content .menu-item:last-of-type a {
background-color: var(--global--color-main);
border: 2px solid var(--global--color-white);
color: var(--global--color-white);
font-size: 2rem;
font-weight: bold;
display: inline-block;
width: auto;
text-decoration: none !important;
text-align: center;
padding: 20px 30px;
height: 60px;
line-height: 20px;
margin-top: -20px;
text-transform: uppercase;
}
.mobile-menu-content .menu-item:last-of-type a {
margin-top: 20px;
border: none;
}
.desktop-menu .menu-item:last-of-type a:hover {
background-color: var(--global--color-white);
color: var(--global--color-main);
border: 2px solid var(--global--color-main);
}
.desktop-menu .menu-item:last-of-type a:hover::after {
display: none;
}
.desktop-menu .menu-item:last-of-type a:focus {
background-color: var(--global--color-white);
color: var(--global--color-main);
border: 1px dashed black;
}
.desktop-menu .menu-item a {
font-size: 1.6rem;
font-weight: 800;
font-family: "Muli", sans-serif;
}
ul.menu {
margin-bottom: 30px;
}
.mobile-menu-content .language-change-wrapper .col-6.text-end {
line-height: 50px;
}
.mobile-menu-content .language-change-wrapper button:first-of-type {
margin-right: 5px;
font-size: 3rem;
font-family: "Mulish Black", sans-serif;
}
@media screen and (max-width: 400px) {
.mobile-menu-content .language-change-wrapper button {
font-size: 2.6rem;
}
}
.mobile-menu-content .language-change-wrapper .button-separator {
font-size: 4.5rem;
}
.mobile-menu-content .language-change-wrapper button:last-of-type {
margin-left: 5px;
}
.mobile-menu-content .menu-item {
margin-bottom: 5px;
font-weight: 800;
font-family: "Muli Bold", sans-serif;
}
.menu-item a {
color: var(--global--color-black);
font-weight: bold;
font-size: 1.6rem;
position: relative;
}
.menu-item a:hover,
.menu-item a:focus {
color: var(--global--color-main);
}
.mobile-menu-content .menu-item a[aria-current="page"]::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -5px;
height: 3px;
display: block;
background-color: var(--global--color-main);
}
.desktop-menu .menu-item a:hover::after,
.desktop-menu .menu-item a[aria-current="page"]::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -3px;
height: 3px;
display: block;
background-color: var(--global--color-main);
}
.desktop-menu-sub {
margin-top: 91px;
margin-bottom: 18px;
z-index: 4;
position: sticky;
}
.desktop-menu-sub img {
margin-left: 30px;
height: 26px;
}
.mobile-menu .footer-header {
font-size: 1.6rem;
} .desktop-menu .menu {
list-style-type: none;
display: flex;
justify-content: center;
}
.desktop-menu ul {
list-style: none;
display: flex;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
}
.mobile-menu-content .page_item {
margin-bottom: 5px;
font-weight: 800;
font-family: "Muli Bold", sans-serif;
}
.page_item a:hover,
.page_item a:focus {
color: var(--global--color-main);
}
.desktop-menu .page_item a:hover::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -3px;
height: 3px;
display: block;
background-color: var(--global--color-main);
}
@media screen and (min-width: 1336px) and (max-width: 1475px) {
.desktop-menu .menu-item {
padding: 47px 14px 0 12px;
}
}
#menu-menu-top-en-1 {
padding-left: 0 !important;
}
#menu-menu-top-en-1 .menu-item-3945 {
padding-left: 0px !important;
}.accordeon-toggle {
position: relative;
cursor: pointer;
border-bottom: 1px solid var(--global--color-main-gray);
padding-bottom: 10px;
padding-right: 35px;
}
.accordeon-toggle h2 {
font-size: 3rem;
width: 100%;
}
.accordeon-toggle button h2,
.main-category-toggle button h2,
.accordeon-toggle button h3 {
width: 100%;
text-align: left;
margin-top: 0;
margin-bottom: 0;
}
.main-category-toggle button:focus-visible, 
.accordeon-toggle button:focus-visible {
outline: 1px solid var(--global--color-main);
}
.accordeon-caret {
width: 20px;
height: 20px;
border-left: 5px solid var(--global--color-main);
border-top: 5px solid var(--global--color-main);
transform: rotate(225deg);
position: absolute;
right: 5px;
top: calc(50% - 15px);
}
.accordeon-caret:focus {
transform: scale(1.4) rotate(225deg);
}
.accordeon-caret[aria-expanded="true"] {
transform: rotate(45deg);
}
.accordeon-caret[aria-expanded="true"]:focus {
transform: scale(1.4) rotate(45deg);
}
.accordeon img {
width: 225px;
height: 225px;
margin-left: 20px;
}
#orga .accordeon img {
margin: 0 auto;
width: 70%;
height: auto;
}
#orga .col {
text-align: center;
}
#orga .col h4 {
font-weight: 100;
font-family: "Muli Light", sans-serif;
font-size: 1.6rem;
margin-bottom: 20px;
}
@media screen and (min-width: 767px) {
#orga .col h4 {
margin-top: 0;
}
}
@media screen and (min-width: 1265px) {
#orga .col h4 {
margin-top: -22px;
}
}
.accordeon > .row {
padding-top: 60px;
}
.accordeon ul,
.accordeon ol {
margin-top: -30px;
padding-left: 50px;
max-width: 780px;
font-family: "PT Serif", serif;
font-size: 1.8rem;
}
.accordeon h3 {
font-size: 2.6rem;
}
.accordeon p {
font-size: 2rem;
max-width: 780px;
}
#questionsSection .accordeon p,
#questionsSection .accordeon ol li,
#questionsSection .accordeon ul li {
font-size: 2.2rem;
}
.main-category-toggle + .collapse .accordeon-caret {
border-left-color: var(--global--color-black);
border-top-color: var(--global--color-black);
}@media screen and (max-width: 992px) {
.tag-cloud {
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
}
}
.tag-cloud .tag {
width: auto;
margin-right: 10px;
border-radius: 17px;
border: 1px solid var(--global--color-black);
font-size: 1.5rem;
position: relative;
padding: 5px 10px 5px 20px;
margin-bottom: 10px;
cursor: pointer;
}
.tag-cloud .tag::before {
content: "#";
left: 10px;
color: var(--global--color-main);
top: 5px;
position: absolute;
}
.tag-cloud .tag.tag-reset::before {
content: "";
}
.tag-reset {
padding-left: 10px !important;
display: none;
color: #ef2789;
}
.tag-cloud .tag:hover {
background-color: var(--global--color-main);
color: var(--global--color-white);
}
.tag-cloud .tag:hover::before {
color: var(--global--color-white);
}
.tag-cloud .tag.active {
background-color: var(--global--color-main);
color: var(--global--color-white);
}.supported-projects-wrapper {
padding-bottom: 50px;
}
@media screen and (min-width: 992px) {
.supported-projects-wrapper {
margin: 0 -1.5rem;
}
}
.supported-project .image-wrapper::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
background-color: var(--global--color-main);
}
@media screen and (min-width: 992px) {
.supported-project:nth-child(1n) {
padding-left: 0;
}
.supported-project:nth-child(3n) {
padding-right: 0;
}
}
.supported-project img {
object-fit: cover;
object-position: top;
}
.supported-project .image-wrapper {
position: relative;
}
.supported-project a:hover .image-wrapper::after,
.supported-project a:hover h3,
.supported-project a:focus .image-wrapper::after,
.supported-project a:focus h3 {
opacity: 0.6;
}
.supported-project h3 {
margin-top: 20px;
color: var(--global--color-black);
}
.supported-project .tag {
color: var(--global--color-black);
margin-left: 10px;
padding-left: 10px;
position: relative;
font-size: 1.5rem;
font-weight: 600;
}
.supported-project .tag:before {
content: "#";
color: var(--global--color-main);
position: absolute;
left: 0;
}
.supported-project .project-location {
font-size: 1.5rem;
font-weight: 600;
margin-right: 18px;
}
#loadmore {
background-color: var(--global--color-main);
border: 2px solid var(--global--color-white);
color: var(--global--color-white);
font-size: 2rem;
font-weight: bold;
display: inline-block;
width: auto;
text-decoration: none !important;
text-align: center;
padding: 20px 30px;
line-height: 20px;
margin-top: 50px;
font-family: "Mulish Black", sans-serif;
}
#loadmore:focus{
background-color: var(--global--color-white);
color: var(--global--color-main);
border: 1px dashed black;
}:root {
--carousel--control-width: 60px;
}
.carousel {
padding-bottom: 100px;
}
.carousel-control-next {
right: 1px;
max-width: var(--carousel--control-width);
}
.carousel-control-prev,
.carousel-control-next,
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
opacity: 1;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
background-color: var(--global--color-main);
padding: 60px calc(var(--carousel--control-width) / 2);
background-image: none;
opacity: 1;
position: relative;
}
.carousel-control-next-icon .fa-arrow-right {
position: absolute;
top: 45px;
right: 13px;
}
.carousel-control-prev-icon .fa-arrow-left {
position: absolute;
top: 45px;
left: 13px;
}
.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover,
.carousel-control-prev:focus .carousel-control-prev-icon,
.carousel-control-next:focus .carousel-control-next-icon {
opacity: 0.6;
}
.carousel-indicators {
margin-right: var(--carousel--control-width);
justify-content: end;
}
.carousel-indicators [data-bs-target] {
border-radius: 50%;
width: 17px;
height: 17px;
opacity: 1;
}
.carousel-indicators .active {
background-color: var(--global--color-main);
}
.carousel-indicators button:focus:not(.active) {
opacity: 0.2;
background-color: var(--global--color-main);
transition: none;
}
@media screen and (min-width: 992px) {
.carousel-item .carousel-main-title {
margin-left: var(--carousel--control-width);
}
}
.carousel-item figure {
padding: 0 50px;
}
.carousel-item blockquote {
font-size: 5rem;
margin-bottom: 40px;
margin-top: 100px;
}
.carousel-item figcaption {
font-size: 3rem;
line-height: 40px;
}
.carousel-item .row h2 {
margin-top: 0;
font-size: 2.3rem;
}
.carousel-item p {
font-size: 2rem;
}
.carousel-item ul {
font-size: 2rem;
padding-left: 20px;
}
.carousel-item ul li {
list-style: none;
position: relative;
font-family: "PT Serif", serif;
padding-left: 10px;
}
.carousel-item ul li::before {
content: "➜";
color: var(--global--color-main);
position: absolute;
left: -20px;
}
#whoWeSupportCarousel .carousel-item img {
max-width: 100%;
width: 100%;
}
@media screen and (max-width: 1200px) {
#whoWeSupportCarousel .carousel-item img {
max-width: 362px;
height: auto;
}
}
@media screen and (max-width: 767px) {
.carousel-item .col-md-6:last-of-type {
padding: 0 15px;
}
.carousel-item img {
max-width: 100%;
max-height: 250px;
width: auto;
height: auto;
margin: 0 auto;
}
#weReportCarousel .carousel-item img {
max-height: min(calc(100vw - calc(var(--carousel--control-width) * 2)), 250px);
}
.carousel-control-next,
.carousel-control-prev {
bottom: auto;
height: 250px;
}
@media screen and (max-width: 768px) {
#weReportCarousel .carousel-control-next,
#weReportCarousel .carousel-control-prev {
top: 60px;
}
#weReportCarousel .carousel-indicators {
top: 350px;
}
}
.carousel-control-next {
right: 0;
}
.carousel-item .row h2 {
margin-top: 70px;
}
.carousel-indicators {
top: 260px;
justify-content: center;
margin-right: 0;
margin-left: 0;
height: 60px;
}
#whoWeSupportCarousel .carousel-indicators {
top: min(68vw, 266px);
}
#quotesCarouselIndicators .carousel {
padding-bottom: 90px;
}
#quotesCarouselIndicators .carousel-indicators {
top: 15px;
height: 20px;
}
.carousel-item blockquote {
font-size: 2rem;
text-align: center;
}
.carousel-item figcaption {
font-size: 1.6rem;
line-height: 20px;
}
}
@media screen and (min-width: 767px) {
.carousel-item .col-md-6:last-of-type {
padding: 0 calc(var(--carousel--control-width) + 10px) 0 100px;
}
#weReportCarousel .carousel-item .col-md-6:last-of-type {
padding: 0 calc(var(--carousel--control-width) + 100px) 0 0;
}
}
.carousel-more-link {
width: 110px;
margin-top: 30px;
}@media (min-width: 1400px) {
section.spolecznosc .container {
max-width: 60%;
}
}
section.spolecznosc h2 {
font-family: "Mulish Black", sans-serif;
font-weight: 900;
}
section.spolecznosc h2 + br + span {
font-family: "Mulish Black", sans-serif;
font-weight: 900;
}
section.spolecznosc img {
max-width: 600px;
width: 100%;
}
section.spolecznosc img + b {
display: block;
margin: 20px 0;
}
.wider-container {
max-width: 95%;
}
@media screen and (max-width: 992px) {
.wider-container {
max-width: 100%;
}
}