/*
Theme Name: Raport roczny
Author: Hitbay
Author URI: http://www.hitbay.co/
Description: All rights are reserved for the website owner.
Version: 1.0
Text Domain: raport_roczny
*/

/* 2023 overrides */
.organization-people, .homepage-people{
	height: 250px;
    border-radius: 30px;
    width: 230px;
    object-fit: cover;
    object-position: top;
	margin-top: 30px;
}

.homepage-people{
	width:260px;
	margin-top: 0;
}
/* End of 2023 overrides */









@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i&subset=latin-ext';
@-ms-viewport{
  width: device-width;
}
body, html {
  color: #5a4a4a;
  font-family: 'Open Sans', sans-serif;
  font-size:15px;
  line-height:2;
  width:100%;
  overflow-x:hidden;
}
.screen-reader-text{display:none;}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Open Sans', sans-serif;
  color:#686868;
}
#head {
  padding:15px 0;
}
#logo2 img,
#logo img {
  max-height:100px;
  max-width:100%;
}
#logo2 {
  margin: 25px 0;
}
/* !-Overlay search style */
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;
  left: 0;
  background:rgba(151, 22, 46, 0.9);
}

/* Overlay closing cross */
.overlay-close {
  position: absolute;
  right:46px;
  top:37px;
  z-index: 100;
  overflow: hidden;
  outline: none;
  border: none;
  font-size: 40px;
  cursor: pointer;
  color:white;
}

/* Effects */
.overlay-door{
  visibility: hidden;
  width: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s;
  transition: width 0.5s 0.3s, visibility 0s 0.8s;
}
.overlay .container {
  margin: 0 auto;
}
.overlay-door {
  overflow:auto;
}
.old-ie .overlay-door {
  padding: 0;
}
.overlay-door.open{
  visibility: visible;
  width: 100%;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
.no-cssanimations .overlay-door.open {
  left: 0;
}
.overlay-door #logo2,
.overlay-door .overlay-close,
.overlay-door .mobile-menu-wrap{
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.5s;
  transition: opacity 0.3s 0.5s;
}
.overlay-door.open #logo2,
.overlay-door.open .overlay-close,
.overlay-door.open .mobile-menu-wrap {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.overlay-door #logo2,
.overlay-door .overlay-close,
.overlay-door .mobile-menu-wrap {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
/* Overlay search style:end */
.search {
  position:relative;
  margin-top:2%;
}
.search label {
  width:100%;
  margin:0;
}
.search-field {
  border:1px solid #e8e8e8;
  line-height:50px;
  padding: 0 65px 0 15px;
  margin: 0 auto;
  color:#990033;
  font-weight:normal;
  width:100%;
  /*max-width:450px;*/
}
::-webkit-input-placeholder {
  color: #990033;
  font-weight:normal;
}
::-moz-placeholder {
  color: #990033;
  font-weight:normal;
}
:-ms-input-placeholder {
  color: #990033;
  font-weight:normal;
}
:-moz-placeholder {
  color: #990033;
  font-weight:normal;
}
header .search-submit {
  border:0;
  background-image:url(img/search.png);
  background-size:auto;
  background-repeat:no-repeat;
  background-position:center;
  background-color:white;
  width:50px;
  height:50px;
  position:absolute;
  top:1px;
  right:1px;
  z-index:2;
}
.menu {
  margin-top:2%;
}
.mob {
  color:#990033;
  font-size:30px;
  cursor:pointer;
  text-align: center;
}
@media screen and (min-width:1024px){
  .footer-menu ul {
    text-align:right;
  }
  .footer-menu ul li{
    margin-left:15px;
  }
}
#foot > span {
  border-top:#e8e8e8 solid 1px;
  display:block;
  clear:both;
}
#foot .icons {
  padding-top:15px;
  padding-bottom:15px;
}
.footer-menu ul{
  list-style:none;
  margin:0;
  padding:0;
}
.footer-menu ul li{
  display:inline-block;
}
.footer-menu ul li a{
  color:#990033;
  display:block;
  padding: 2px 0;
  font-weight:bold;
}
.mobile-menu-wrap a {
  color:white;
  text-decoration:none;
  padding: 0 15px;
  display:block;
}
.mobile-menu-wrap li {
  display:block;
  padding:5px 0;
  position:relative;
  transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
}
.mobile-menu-wrap .menu > li {
  padding: 15px 0;
}
.mobile-menu-wrap .menu > li > div > a {
  font-weight:bold;
}
.mobile-menu-wrap li.active {
  background:#c6c6c6;
}
.mobile-menu-wrap li:after {
  display:block;
  content:'';
  width:100%;
  clear:both;
}
.mobile-menu-wrap .menu > li > div > div > a {
  font-weight:bold;
  font-size:22px;
}
.mobile-menu-wrap .menu li a .order {
  color:#686868;
  font-size:14px;
  margin-right:10px;
}
.mobile-menu-wrap .menu li .trigger {
  color:white;
  font-size:20px;
  margin-left:20px;
  margin-right:15px;
  display:inline-block;
  position:absolute;
  top:0;
  right:0;
  padding-top:10px;
  width:50px;
  height:100%;
  text-align:center;
  cursor:pointer;
}
li.active > .link_wrap > .trigger .fa-chevron-down,
li > .link_wrap > .trigger .fa-chevron-up {
  display:none;
}
li > .link_wrap > .trigger .fa-chevron-down,
li.active > .link_wrap > .trigger .fa-chevron-up {
  display:block;
}
.mobile-menu-wrap ul{
  list-style:none;
  padding:0;
  clear:both;
}
.mobile-menu-wrap > ul{
  margin:100px 0 0;
}
.mobile-menu-wrap .menu ul > li {
  padding-left:30px;
}
.mobile-menu-wrap .menu ul > li:not(:last-child) {
  border-bottom:1px solid white;
}
.mobile-menu-wrap .menu > li ul {
  display:none;
}
.mobile-menu-wrap .menu li.menu-item-has-children > a {
  padding-right:50px;
}
article h2 {
  font-size: 40px;
  font-weight:normal;
  margin:0 0 75px;
}
article h2 span {
  display:block;
}
article {
  margin:0 0 15px;
}
.navigation {
	box-shadow: -5px 0 5px 3px #ccc;
    padding: 40px 0;
    background-color: #fafafa;
    margin-top: 80px;
}
.navigation a {
  text-decoration:none;
  display:block;
  color:#5a4a4a;
  font-size:18px;
  line-height:24px;
  font-weight:normal;
  text-transform:uppercase;
}
.navigation .prev {
  padding-right:70px;
  border-right:#c6c6c6 solid 1px;
  text-align:right;
}
.navigation .next {
  padding-left:70px;
}
.navigation .prev img {
  margin-right:70px;
}
.navigation .next img {
  margin-left:70px;
}
.search_results {
  margin-bottom: 50px;
}
.search_result {
  margin-bottom:20px;
}
.search_result a {
  color: #990033;
  font-size: 18px;
  text-decoration: none;
  line-height: 1.1;
}
.search_result span {
  display:inline;
}
.home h1 {
  font-size:55px;
  font-weight:900;
  text-transform:uppercase;
  color:#777;
}
.home .top {
  padding-top:15px;
}
.home .space {
  margin-bottom:100px;
}
.home .list {
  padding-top:15%;
  color:#5a4a4a;
  text-align:justify;
}
.home .list h6 {
  font-size:30px;
  font-weight:normal;
  margin: 0 0 40px;
}
.home .list p{
  margin-bottom:25px;
}
.home .list p:first-letter{
  margin-left:40px;
}
.home .list .podpis {
  font-size:15px;
  line-height:24px;
}
.home .images img {
  margin-bottom:15%;
}
/*@media screen and (min-width:1600px){
  .home h1 {
    font-size:110px;
    margin-top:5%;
  }
}*/
.icons {
  text-align:center;
}
.icons .ds {
  display:inline-block;
  color:#990033;
  padding: 0 15px;
  cursor: pointer;
}
.icons img {
  max-height:20px;
}
.icons > .ds:last-child {
  border-left: 1px #990033 solid;
  padding-left:20px;
}
.mainmenu {
  position:relative;
  z-index:1;
  margin:25px auto 0;
}
.mainmenu .menu {
  list-style:none;
  padding:0;
  margin:0;
  width:100%;
}
.mainmenu .menu > li {
  display:block;
  position:relative;
}
.mainmenu .menu > li:not(:last-child) {
  border-bottom:1px solid #e8e8e8;
}
.mainmenu .menu li > ul > li:not(:last-child) {
  border-bottom:1px solid #f9f9f9;
}
.mainmenu .menu > li a {
  display:block;
  font-size:13px;
  line-height:1.3;
  color:#5a4a4a;
  padding:10px 11px;
  position:relative;
  text-decoration: none;
}
.mainmenu .menu li.menu-item-has-children > .link_wrap a {
  padding-right:50px;
}
.mainmenu .menu > li.active > a,
.mainmenu .menu > li a:hover {
  color:#990033;
}
.mainmenu .menu .link_wrap {
  position:relative;
}
.mainmenu .menu .trigger {
  color:#990033;
  position:absolute;
  top:0;
  right:0;
  padding-top:10px;
  width:50px;
  height:100%;
  text-align:center;
  cursor:pointer;
}
.mainmenu .menu li ul {
  display:none;
  list-style:none;
  padding:0;
  margin:0;
}
.mainmenu .menu li ul > li {
  padding-left:15px;
}
.mainmenu .menu li ul a {
  font-size:12px;
}
.mobileheader .text {
  border-right: 1px #990033 solid;
  border-left: 1px #990033 solid;
  font-weight:bold;
  text-transform:uppercase;
  font-size:18px;
}
.mobileheader .menu img,
.mobileheader .menu i {
  display:block;
}
.iconsmobile {
  text-align:center;
  border-top: 1px #990033 solid;
  border-bottom: 1px #990033 solid;
  margin:25px auto;
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight:bold;
  text-transform:uppercase;
  font-size:18px;
}
.iconsmobile span {
  display:inline-block;
  margin-right:15px;
}
.iconsmobile a {
  margin-left:15px;
}
.single-article h1 {
  color:#990033;
  font-size:30px;
  font-weight:bold;
  line-height:34px;
}
.single-article .title img {
  max-width:80%;
  margin: 40px auto 0;
}
.single-article .side img {
  margin-top:350px;
}
.single-article .content img {
  width:100%;
  height:auto;
}
#breadcrumbs {
  background:#990033;
  color:white;
  font-size:13px;
  line-height:40px;
}
#breadcrumbs p {
  margin-bottom:0!important;
}
#breadcrumbs a {
  color:white;
}
/* new */
#main section.title {
  background: url(/raportroczny2022/wp-content/uploads/2021/12/title_edited-scaled.jpg);
  background-size:cover;
  background-position:center;
  padding: 5% 0;
  margin-bottom:2%;
}
#main section.title h1 {
  margin: 0 auto;
  font-weight:600;
  font-size:30px;
	line-height:40px;
  color:white;
}
@media screen and (min-width:1024px){
  #foot {
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
    font-size:12px;
    line-height:26px;
    background:#f9f9f9;
    z-index:2;
  }
  .mCSB_inside>.mCSB_container {margin:0!important;}
  #head {
    width:280px;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    height:100%;
    z-index:10;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
    overflow:hidden;
    background:#f9f9f9;
  }
  #head .mCSB_container {
    padding-bottom:30px;
  }
  #head .alt {
    height:calc(100vh - 85px);
  }
  .logo-alt {
    max-width:100%;
    display:block;
    margin: 0 auto;
    text-align:center;
  }
  .logo-alt img {
    max-width:80%;
    display:inline-block;
  }
  .alt h5 {
    text-transform: uppercase;
    display:block;
    text-align:center;
    font-size:1.5rem;
    font-weight:bold;
    color:black;
  }
  .alt .search form {
    position:relative;
  }
  #main {
    padding-left:280px;
  }
  .single-article {
    min-height:500px;
  }
}
  .overlay .search-form .search-submit {
      background-color: transparent;
      background-repeat:no-repeat;
      background-position:center;
      background-image: url(img/szukaj_w.png);
      background-size: auto 75%;
      height:50px;
      width:100%;
      border:none;
  }
  .overlay .search-form .search-field {
      line-height:50px;
      width:100%;
  }
  .overlay .search-form label {
    width:100%;
  }
  .overlay .search-form {
    position:absolute;
    top:50%;
    margin-top:-60px;
  }
@media screen and (max-width:966px){
  .home h1 {
    font-size:30px;
  }
  .icons .ds {
    padding: 0 5px;
    border:none!important;
    vertical-align:middle;
  }
  .icons > .ds:last-child {
    padding-left: 5px;
  }
  .icons > .ds:last-child .fa {
    display:inline-block;
  }
  #logo img {
    max-height:72px;
  }
  .navigation {
    padding:15px 0;
  }
  .navigation .prev,
  .navigation .next {
    padding-left:0;
    padding-right:0;
  }
  .navigation .prev {
    text-align:left;
  }
  .navigation .next {
    text-align:right;
  }
  .navigation .prev img {
    margin-right:10px;
  }
  .navigation .next img {
    margin-left:10px;
  }
  .navigation a {
    font-size:12px;
  }
  .navigation a img {
    max-height:30px;
  }
  .clearfix {
    clear:both;
  }
  .overlay-close {
    right:46px;
    top:37px;
  }
  .mobile-menu-wrap .link_wrap a {
    max-width:calc(100% - 45px);
    display:block;
    float:left;
    font-size:18px!important;
  }
  .mobile-menu-wrap .link_wrap .trigger{
    float:right;
    margin-top:15px;
  }
  .overlay-door {
    padding:0;
  }
  .home .list {
    padding: 0 30px;
  }
  .home h1 {
    text-align:center;
    font-size:50px;
    margin-top:0;
  }
  .home .space {
    margin-bottom: 15px;
  }
  #foot {
    color:white;
    text-align:center;
    font-size:12px;
    line-height:26px;
  }
}






/*Raport 2020*/

.flexbox_homepage{
	display: flex;
    justify-content: space-between;
	align-items:center;
}

.flexbox_homepage h1{
	color:black;
	font-size:46px;
}

.main_container{
	width: calc(100% - 300px);
    margin: auto;
	max-width:1250px;
	padding:60px 10px;
}

.flexbox{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}

.flexbox .flexbox_item{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

span br{
	display:none;
}


img{
	max-width: 100%;
    object-fit: contain;
}


.row{
	margin-left: 0 !important;
	margin-right: 0 !important;
}



.toggle_box{
    box-shadow: 2px 2px 5px 2px #ddd;
    margin: 25px 0;
	cursor:pointer;
}

.toggle_box .toggle_hidden{
	padding: 10px 30px;
}




.toggle_box .org_title{
	padding: 10px 20px;
	margin:0;
	font-weight: 600;
    color: #222;
    font-size: 18px;
}



.title{
	font-size: 30px;
    margin-bottom: 0;
    font-weight: 600;
}

.subtitle{
	font-size: 20px;
    font-weight: 600;
	line-height:30px;
}



.black{
	color:#000;
}

.pink{
    color: #8B2531;
}

.big_separator{
	margin-top:120px;
}







@media only screen and (max-width:1200px){
	.main_container{
		width:calc(100% - 150px);
	}
}


@media only screen and (max-width:992px){
	.main_container{
		width:calc(100% - 60px);
	}
}


@media only screen and (max-width:767px){
	.main_container{
		width:calc(100% - 15px);
	}
	
	.flexbox_homepage{
		flex-direction:column-reverse;
	}
	
	.flexbox_homepage img{
		margin-bottom:20px;	
	}
	
	.flexbox_homepage h1{
		font-size:34px;
	}
	
	
	.flexbox{
		flex-direction:column;
	}
	
	.flexbox .flexbox_item{
		margin-bottom:30px;
	}
}