:root{
--black: #1E1E1E; --head: 80px;
--par: 36px;
--subpar: 26px;
--nor: 18px; --mont: 'Montserrat', sans-serif;
--dm: 'DM Serif Display', serif;
} body{
font-family: 'Montserrat', sans-serif;
line-height: 1.75;
background: #fff !important;
}
a, a:hover{
text-decoration: none;
font-size: var(--nor);
color: #727272
}
td{
border-color: #000 !important;
margin: 10px !important
}
td strong{
color: #fff !important
}
tbody tr td strong{
color: #000 !important
}
td{
padding-left: 0 !important;
}
table{
background: none !important
}
h1 {
font-size: var(--head)
}
h2{
font-size: var(--par)
}
h3 {
font-size: var(--subpar)
}
h4, p, td span strong,td span{
font-size: var(--nor)
}
h5{
font-size: 18px;
}
li {
list-style-type: square;
list-style-position: inside;
font-size: var(--nor)
}
ul {
margin: 0;
padding: 0;
font-size: var(--nor)
}
.line{
background: #000;
height: 1px;
width: 150px;
position: relative;
z-index: 1;
}
.line-white{
background: #fff;
height: 1px;
width: 150px;
position: relative;
z-index: 1;
}
.dark-bg{
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.newest-post .dark-bg{
opacity: 0.5;
transition: .3s all ease
}
.newest-post:hover .dark-bg{
opacity: 0.35;
} .nav-bar-mobile{
display: none
}
.nav__content ul{
display: block !important;
text-align: center
}
.nav__content ul li{
clear: both;
float: none;
margin: 10px !important
}
.nav-bar-mobile a{
color: #000 !important;
font-size: 24px;
margin: 10px
}
.site-header{
position: fixed;
top: 0;
left: 0;
z-index: 98;
transition: .3s all ease
}
.site-header ul{
text-align: center;
}
.site-header ul li{
list-style-type: none;
margin: 0 20px
}
.epyt-gallery-list .epyt-pagination:nth-child(2), .epyt-arrow{
display: none !important
}
.pagination a, .pagination span{
font-size: 16px;
color: #404040;
font-weight: 400;
margin: 0 5px
}
.pagination .current{
font-weight: 700;
}
.gallery-itemimg{
max-width: 100px;
height: auto;
}
#primary-menu{
margin-bottom: 0
}
#primary-menu li a{
color: #fff;
font-size: 14px;
transition: .3s all ease;
position: relative;
}
#primary-menu li a:hover{
color: #2581AA;
font-size: 14px;
transition: .3s all ease;
position: relative;
}
.menu-item{
position: relative;
transition: .3s all ease
}
.sub-menu{
display: none;
position: absolute;
left: -10px;
padding: 0;
margin: 0;
transition: .3s all ease;
width: 200px;
opacity: 0;
background: #fff;
}
.menu-item:hover > .sub-menu{
display: block;
opacity: 1
}
.sub-menu a{
font-size: 14px !important;
color: #000 !important;
transition: .3s all ease
}
.sub-menu a:hover{
color: #2581AA !important
}
.sub-menu li{
text-align: left;
border-bottom: 0.5px solid #fff;
padding: 5px 0;
margin: 5px 0;
}
.envira-lazy{
padding-bottom: auto !important;
}
.logo img{
width: 100px;
height: auto;
}
.modal-body .search-form{
position: relative;
}
.modal-body .search-form .search-field, .modal-body  .search-form .search-field:focus, .modal-body  .search-form .search-field:active{
background: none;
border: none;
outline: none;
border-bottom: 1px solid #fff;
}
.modal-body .search-form .search-submit{
position: absolute;
top: 0;
right: 0;
}
.main-navigation .search-btn{
width: 20px;
height: 20px;
background: none;
border: none;
outline: none;
}
.main-navigation .search-btn img{
width: 20px;
height: 20px;
}
.main-navigation .links img{
height: 30px;
width: auto;
}
.modal-backdrop {
opacity: .8 !important
}
.modal-content{
background: none;
border: none;
border-radius: 0;
}
.modal-title{
color: #fff;
font-weight: 800;
}
.modal-header, .modal-body, .modal-footer{
border: 0 !important
}
.search-submit{
background: #fff;
border: none;
color: #000;
font-size: 24px;
font-weight: 800;
padding: 5px 20px
}
.search-field{
font-size: 24px;
color: #fff !important;
}
.nav-buttons span{
margin: 0 5px
}
.norA, .midA, .bigA{
color: #fff;
font-size: 14px;
background: none;
border: none;
outline: none;
cursor: pointer;
}
.midA{
font-size: 16px;
color: #000
}
.bigA{
font-size: 18px;
color: #000
} body.midA a, body.midA a:hover{
font-size: 18px;
}
body.midA h1 {
font-size: var(--head)
}
body.midA h2{
font-size: 30px
}
body.midA h3 {
font-size: 28px
}
body.midA h4, body.midA p, body.midA td span strong, body.midA td span{
font-size: 18px;
}
body.midA h5{
font-size: 18px
}
body.midA li {
font-size: 18x
}
body.midA ul {
font-size: 18px
}
body.midA li a{
font-size: 18x
}
body.midA ul a{
font-size: 18px
}
body.midA #primary-menu li a{
font-size: 15px !important
}
body.bigA a, body.bigA a:hover{
font-size: 20px;
}
body.bigA h1 {
font-size: var(--head)
}
body.bigA h2{
font-size: 34px
}
body.bigA h3 {
font-size: 30px
}
body.bigA h4, body.bigA p, body.bigA td span strong, body.bigA td span{
font-size: 20px
}
body.bigA h5, body.bigA h2.widget-title, body.midA h2.widget-title {
font-size: 20px
}
body.bigA li {
font-size: 20px
}
body.bigA ul {
font-size: 20px
}
body.bigA li a{
font-size: 20px
}
body.bigA ul a{
font-size: 20px
}
body.bigA #primary-menu li a{
font-size: 16px !important
} .hero-banner{
margin-top: 80px;
height: 100vh;
position: relative;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.hero-mainpage:after{
content: ''; background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-animation: zoom 20s;
animation: zoom 10s;
z-index: 0;
position: absolute;
left:0;
top: 0;
height: 100%;
width: 100%;
}
.hero-main-disable {
display: none !important
}
.screen-reader-text{
display: none;
}
@keyframes zoom {
from {
background-size: 100%
}
to {
background-size: 110%
}
}  .hero-banner .dark-bg{
z-index: 1;
}
.hero-banner .hero-banner{
position: relative;
}
.hero-banner .hero-text{
z-index: 2;
position: relative;
}
.hero-banner .hero-text h1, .hero-banner .hero-text h2, .hero-banner .hero-text p{
color: #fff
}
.hero-banner .hero-text h1{
font-family: var(--dm);
}
.hero-banner .hero-text h2{
font-weight: 300;
}
.hero-banner .hero-text p{
font-family: var(--dm);
font-style: italic;
font-size: 24px;
} .entry-content-search{
height: 0% !important;
}
.entry-content-archive{
height: 100%;
}
.article-wrapper{
margin-top: 30px;
margin-bottom: 30px;
max-height: 500px !important;
}
.new-arts{
font-family: var(--dm);
}
.invisible-link{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.newest-posts{
padding: 20px;
}
.newest-post{
height: 700px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
min-width: 400px;
position: relative;
}
.newest-post .post-inner{
max-width: 380px;
position: relative;
z-index: 1;
}
.newest-post .post-inner h2:after, .newest-post .post-inner h2:before{
content: '';
background: #fff;
height: 1px;
width: 150px;
position: absolute;
z-index: 10;
}
.newest-post .post-inner h2:before{
left: 50%;
top: -20px;
transform: translate(-50%, 0);
transition: .3s all ease
}
.newest-post .post-inner h2:after{
left: 50%;
top: 110%;
transform: translate(-50%, -110%);
transition: .3s all ease
}
.newest-post:hover .post-inner h2:before{
top: -40px
}
.newest-post:hover .post-inner h2:after{
top: 120%
}
.newest-post .post-inner h2{
color: #fff;
font-family: var(--dm);
font-size: 36px
} .search-tags-wrapper{
height: auto;
}
.tags{
padding: 30px;
}
.tags-inner h2{
font-size: 14px;
font-weight: 700;
color: #fff;
}
.tagcloud a{
font-size: 12px !important;
font-weight: 700;
color: #727272;
transition: .3s all ease;
margin: 2px 5px
}
.tagcloud a:hover{
color: #fff
}
.search{
background: #000;
}
.search .search-field{
background: none;
border: none;
border-bottom: 1px solid #fff;
outline: none
}
.search .search-submit{
background: none;
color: #fff;
font-size: 16px;
border: none;
}
.tags{
background: var(--black);
color: #fff
}
.tags-inner h3{
font-family: var(--dm);
margin: 0
}
.tags-inner p{
margin: 0 20px;
font-weight: 700;
} .hero-post-image{
height: 500px
}
.hero-post-image h1{
font-size: var(--par)
}
.post-wrapper a, .post-wrapper a h2{
font-family: var(--dm);
max-width: 70%;
color: #000;
transition: .3s all ease
}
.post-wrapper a h2:hover{
color: #727272
}
.post-wrapper .line{
background: #000;
}
.post-wrapper .post-image{
height: 600px;
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat
}
.post-wrapper .post-desc p{
font-weight: 300;
}
.paggination a{
font-weight: 700;
color: #000;
font-size: 14px;
} .widget-area{
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
position: sticky;
top: 60px;
overflow: hidden;
}
.widget-area h3{
font-family: var(--dm);
}
h2.widget-title, .yt-link{
font-size: 18px;
font-weight: 700;
transition: .3s all ease;
}
.yt-link:hover{
color: #2581AA;
font-size: 18px;
}
.yt .widget{
margin-top: 20px;
margin-bottom: 20px
}
.lyte-wrapper{
width: auto !important;
min-width: auto  !important
}
.lidget .lyte, .widget .lyMe {
padding-bottom: 0!important;
height: 250px!important;
}
.lyte-wrapper.lidget{
height: 240px!important;
}
.lyMe iframe, .lyte iframe, .lyte .pL {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 240px!important;
background: no-repeat scroll center #000;
background-size: auto 140%;
cursor: pointer;
} .sidebar-post{
height: 180px;
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat
}
.sidebar-post-inner h2, .sidebar-post-inner a{
font-weight: 300;
color: #000;
transition: .3s all ease;
}
.sidebar-post-inner a:hover{
color: #2581AA;
}
.cats .categories{
font-family: var(--dm);
font-size: var(--subpar)
}
.cats ul li, .cats li{
list-style-type: none;
}
.cat-item a, .cat-item{
color: #000;
font-family: var(--mont);
font-weight: 300;
}
.cat-item a:hover{
color: #2581AA;
}
.cats ul{
padding: 0;
margin: 0
} .no-results .search-form{
margin-top: 30px;
}
.no-results .search-field{
border-bottom: 1px solid #000;
color: #000 !important
}
.no-results .search-submit{
color: #000;
border: 1px solid #000
}
.not-found-title{
font-size: 24px !important;
font-family: var(--dm) !important
} .post-content a{
color: #2581AA;
}
.post-content a:hover{
color: rgb(23, 101, 134);
}
strong{
font-weight: 700 !important;
transition: .3s all ease;
}
.post-content h3 strong{
color: #000 !important;
}
.post-content h3 strong:hover{
color: #000 !important;
}
.more-cat{
display: none;
}
.more-cat p{
font-weight: 700
}
.page-id-1121 .more-cat, .page-id-1122 .more-cat, .page-id-9 .more-cat, .page-id-11 .more-cat{
display: block
}
.child-pages a{
color: #000;
margin-right: 5px;
margin-top: 20px
}
.child-pages a:hover{
color: #2581AA;
}
.post-content h2, .post-content h3{
font-family: var(--dm);
margin: 15px 0px;
line-height: 35px;
color: #000 !important;
}
.post-content p{
margin-top: 15px;
color: #000;
}
.post-content img{
margin: 20px 0;
max-width: 100%;
height: auto;
}
.post-content figure{
width: 100% !important;
}
.wp-block-image img {
height: auto;
} .search-results .post-thumbnail img{
max-width: 100%;
height: auto;
}
.search-image{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 300px;
}
.posts-navigation{
width: 100%;
padding: 0 30px
}
.nav-previous a{
font-weight: 700;
color: #000;
font-size: 14px;
}
.nav-next a{
font-weight: 700;
color: #000;
font-size: 14px;
} .footer{
background: var(--black);
min-height: 120px;
}
.footer p{
color: #fff;
font-size: 18px;
margin-bottom: 0;
} .main-navigation{
background: #fff;
}
.main-navigation #primary-menu li a{
color: #000;
}
.main-navigation #primary-menu li a:hover{
color: #2581AA;
}
.main-navigation .nav-buttons span{
color: #000
} .wpcf7{
margin-top: 30px;
}
.wpcf7 .wpcf7-form-control-wrap{
width: 100%
}
.wpcf7 .wpcf7-form-control-wrap input{
width: 98%
}
.wpcf7 .wpcf7-form-control-wrap input{
padding: 5px;
margin: 5px 0px;
}
.wpcf7 .wiadomosc textarea{
width: 100%;
padding: 5px
}
.wpcf7-submit{
background: #000;
color: #fff;
border: 1px solid #000;
transition: .3s all ease;
padding: 10px 20px
}
.wpcf7-submit:hover{
background: #fff;
color: #000;
border: 1px solid #000;
}
.wpcf7-list-item input{
width: 20px !important
} .menu-icon {
height: 30px;
width: 30px;
position: fixed;
z-index: 110;
left: 90%;
top: 25px;
cursor: pointer;
}
.menu-icon__line {
height: 2px;
width: 30px;
display: block;
background-color: #000;
margin-bottom: 4px;
-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
transition: background-color .5s ease, -webkit-transform .2s ease;
transition: transform .2s ease, background-color .5s ease;
transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
}
.menu-icon__line-left {
width: 15px;
}
.menu-icon__line-right {
width: 15px;
float: right;
}
.nav-bar-mobile {
position: fixed;
z-index: 10000;
transition: .3s all ease;
width: 100% !important;
display: none;
left: 0
}
.nav-bar-mobile:before,
.nav-bar-mobile:after {
top: 50%;
content: "";
position: fixed;
z-index: -1;
-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
-webkit-transform: translateX(0%) translateY(-100%);
transform: translateX(0%) translateY(-100%);
}
.nav-bar-mobile:after {
background: rgba(255, 255, 255, 0.95);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.nav-bar-mobile:before {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
.nav__content {
padding-top: 30px;
position: fixed;
top: 50%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
text-align: center;
font-size: 16px;
font-weight: 200;
cursor: pointer;
display: none;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 300;
color: #000;
background: #fff;
width: 100%;
height: 100vh;
left: 0;
}
#primary-menu-mobile{
margin-top: 30px;
}
.nav__content #primary-menu-mobile li{
list-style-type: none;
}
.nav__content #primary-menu-mobile a{
color: #000 !important;
font-size: 24px !important;
transition: .3s all ease;
}
.nav__content #primary-menu-mobile a a:hover{
text-decoration: none;
color: #2581AA;
}
.nav__content-active {
display: block;
}
.nav-bar-mobile{
background: #fff
}
.nav-bar-mobile img {
width: 100px;
margin-left: 20px
}
.nav__content .home img {
width: 40px;
margin-left: 20px
}
.nav-bar-mobile .logo{
width: 120px  !important;
height: auto  !important;
}
.nav-bar-mobile .logo-inside{
width: 120px  !important;
height: auto  !important;
}
.nav-bar-mobile span{
color: #000 !important
}
body.nav-active .menu-icon__line {
background-color: #000 !important;
-webkit-transform: translateX(0px) rotate(-45deg);
transform: translateX(0px) rotate(-45deg);
}
body.nav-active .menu-icon__line-left {
-webkit-transform: translateX(1px) rotate(45deg);
transform: translateX(1px) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
-webkit-transform: translateX(-2px) rotate(45deg);
transform: translateX(-2px) rotate(45deg);
}
body.nav-active .nav {
visibility: visible;
background: #000;
}
body.nav-active .nav:before,
body.nav-active .nav:after {
-webkit-transform: translateX(0%) translateY(0%);
transform: translateX(0%) translateY(0%);
}
body.nav-active .nav:after {
-webkit-transition-delay: .1s;
transition-delay: .1s;
}
body.nav-active .nav:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
body.nav-active .nav__list-item {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, transform .3s ease, color .3s ease;
transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}
body.nav-active .nav__list-item:nth-child(0) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
body.nav-active .nav__list-item:nth-child(1) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
body.nav-active .nav__list-item:nth-child(2) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
body.nav-active .nav__list-item:nth-child(3) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
body.nav-active .nav__list-item:nth-child(4) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.read-more{
background: #000 !important;
border: 1px solid #000 !important;
color: #fff !important;
font-family: var(--mont) !important;
font-size: 16px !important;
font-weight: 700 !important;
padding: 10px 20px !important;
transition: .3s all ease
}
.read-more:hover{
background: #fff !important;
color: #000 !important;
}
.child-pages{
display: none
}
@media(max-width: 1230px) {
.nav-bar-mobile{
display: block
}
.desktop-nav{
display: none
}
.widget-area p, .sidebar-post-inner h4{
word-break: keep-all;
}
.widget-area{
padding: 5px !important
}
.sub-menu{
position: absolute;
height: 0;
display: none !important
}
.menu-item:hover > .sub-menu{
display: none !important
}
.child-pages{
display: block
}
}
@media(max-width: 992px) {
h1 {
font-size: 36px
}
h2{
font-size: 28px
}
h3, .cats .categories {
font-size: 24px
}
h4, p, .post-content a{
font-size: 16px
}
.hero-banner{
height: 60vh;
}
.hero-banner .line-white{
display: none
}
.hero-banner .hero-text p, .tags-inner h3, .tags-inner p, .post-wrapper .post-desc p, .cat-item a{
font-size: 16px
}
.newest-post, .post-wrapper .post-image{
height: 400px;
}
.post-wrapper h2 {
max-width: 100%;
}
.newest-post{
min-width: 100%;
}
.post-wrapper h2, .footer{
word-wrap: break-word
}
.search-submit{
display: block;
font-size: 18px;
margin: 10px 0px;
padding: 5px 10px
}
}
@media(max-width: 992px) {
.post-content table{
width: 100% !important;
height: auto;
}
}
@media(max-width: 765px) {
.child-pages a{
font-size: 14px;
display: block;
margin-top: 10px;
margin-right: 0;
}
.entry-content-search{
height: auto!important;
}
}
@media(max-width: 576px) {
h1 {
font-size: 30px !important;
}
h2{
font-size: 22px !important;
}
h3 {
font-size: 20px !important;
}
h4, p, .post-content a{
font-size: 16px !important;
}
.hero-banner .hero-text p, .tags-inner h3, .tags-inner p, .post-wrapper .post-desc p {
font-size: 14px !important;
}
}
.menu-menu-main-container {
margin-top: 3px;
}
.project-info p, .project-info a {
color: #fff;
font-size: 12px;
}
.project-info a {
font-weight: 700;
}
.yt-image{
width: 100%;
height: 200px;
background-image: url(//dla-niepelnosprawnych.pl/wp-content/themes/dla-niepelnosprawnych/assets/images/yt.png);
background-position: left;
background-size: cover;
background-repeat: no-repeat;
cursor: pointer;
}
iframe {
width: 100%;
height: 350px;
}
.partners-wrapper a{
width: 100%;
}
.partner-image {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: auto;
height: 250px;
margin-bottom: 10px;
}
@media(max-width: 960px) {
.partner-image {
height: 150px;
}
}
@media(max-width: 576px) {
.partner-image {
height: 250px;
}
}