:root{
	 --dark: #000;
	--light: #fff;
	 --blue: #003d82;
	--darkB: #152755;
    --darkR: #860000;


   --orange: #da532c;
	--blueR: #3465a4;
	--blueO: #638dbd;
	--isik : #e0005a;
   --viking: #db133c;
   --mtpr  : #14856c;

	--fontBaseSize: 17px; /* 10px + 0.5vw*/
	--fontVW      : 0px;
	--fontSize    : 17px; /*calc(var(--fontBaseSize) + var(--fontVW));	*/
	--fontLH      : 28px;

}

/*h1{font-size:calc(var(--fontSize)+22px);}*/
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:21px;}
h5{font-size:19px;}
h6{font-size:17px;}


.text::first-letter {
	font-size: 150%;
}
/*.text::first-word {
	font-variant: small-caps;
}*/
.text{
	text-indent: 20px;
}

.hoverable li:hover{
	background-color: #efefff; /* var(--blueO);*/
}

.hoverable span{
	color: var(--blue);
}

#CQ ul {
	list-style-type:square;
}

#CQ li::marker{
	color:var(--darkR);
}

.box p{	line-height:var(--fontLH);} /* + var(--fontVW));}*/

html, body {
	object-fit: fill;
	margin : 0;
	padding: 0;
	/*font-family: 'Helvetica', 'Tahoma', sans-serif;*/
	font-family: sans-serif;
	overflow   : visible;
	white-space:normal; /*wrap;*/
	font-size  : var(--fontSize);
	line-height: var(--fontLH);
	background-color:var(--light);
}

body{
	overflow-y: scroll;
}

#People image,.clickable li{
	cursor:pointer;
}

.member{
	width:300px;
}

p {
    text-align  : justify;
	text-justify: inter-character; /*distribute;*/
	text-align-last:left;
	/*text-indent : 15px; margin : 0; padding: 0;*/
	margin: 10px 0;
	padding:0px;

}

ul.WP{
	list-style-type:none;
	padding:0;
}
.WP li, #WPA, #WPB, .wpa, .wpb{
	margin:15px 0;
	border:1px solid var(--blue);
	border-radius:10px;
	padding:8px;
}
.WP li, .wpa, .wpb{
	color: var(--blue);
}

.WP li span, #WPA span, .wpb span{
	color:var(--blue);
	font-weight:bold;
	font-size:larger;
}

#WPA, #WPB{
	color: var(--light);
	font-size:larger;
	background:rgba(0, 0, 0, 0) linear-gradient(rgb(96, 130, 202), rgb(47, 85, 151)) repeat scroll 0% 0%;
}

.sidelinks{
	padding-right: 0px !important;
	padding-left: 50px !important;
	position:sticky;
	top: 70px;
}

.sidelinks ul{
	 border:2px dashed var(--blue);
}

.wpa li{
	color:var(--dark);
}

.header{
	font-variant: small-caps;
}

h1,h2,h3,h4,h5,h6{
	color:var(--darkR);
	font-family:"Helvetica","Tahoma",sans-serif;
	font-weight:400;
	font-variant:small-caps;
	margin:10px 0;
}.w3-wide{letter-spacing:4px}

#sizing{
	text-align:right;
	padding-right:0.75vw;
	color:var(--light);
	line-height:40px;
	float:right;
}

.pages{
	padding: 25px 3.0vw;
	background-color: var(--light);
}

a {
	text-decoration:none;
	color: var(--blue);
}

a:hover{
	color: var(--darkR);
}

.boxcal a:hover {
    color: var(--light);
}
#navbar{
	position:relative;
	z-index:1;
}

.offset{
	float:left;
}

@media (min-width: 992px) {
	.offset{
		transform:translate(-120px,0px);
	}
}

@media only screen and (min-width: 961px) {
	#tri { display: none; }
	#close { display: none; }
}

/*@media only screen and (max-width: 1500px) {
	#People .sidelinks { display: none; }
}*/


@media only screen and (max-width: 960px) {
	#buttons { display: none; }
	#sizing { display: none; }
}

@media only screen and (max-width: 961px) {
	/* #buttons { display: block; } */
	#sizing { display: inline-block; }
	.sidelinks{top: 110px;}
}


/*#People div{min-width:350px;}*/

.box, .sidebox{
	width: 200px;
	min-height:170px;
	text-align: center;
	float:left; /* left: feb 23 */
	margin:15px 15px;
	border:1px solid var(--dark);
	transition: all 0.2s ease-in-out;
}

.box img, .sidebox img{
	display:block;
	background-color: var(--light);
	margin:auto;
	height:auto;
	width:auto;
	max-width:198px;
	max-height:198px;
}

.box p, .sidebox p{
	padding: 0px 5px;
	text-align:center;
	text-align-last:center;
}

.box span, .sidebox span{
	line-height:normal;
}

.box:hover, .sidebox:hover{
	transform: scale(1.1) translate(0px, 0px);
}

.sidebox{float:right;}

.sidelinks li:hover{
	transform: scale(1.05) translate(5px, 0px);
	transition: all 0.2s ease-in-out;
}
/*
.clickable li:hover{
	transform: translate(15px, 0px);
	transition: all 0.2s;
	transition-timing-function:cubic-bezier(.81,.68,0,1.2);
}

.clickable li{
	transition: all 1s;
	transition-timing-function: cubic-bezier(.81,.68,0,1.2);
}*/

/*A.named:target {
    display: inline-block;
    height: 120px;
    margin-top: -120px;
}*/
.anchor:target{
	/*padding-top:50px;*/
	position: relative;
}

.anchor2:target{
	/*padding-top:100px;*/
	position: relative;
}


a:active{
	color:#000 !important;
}

.disableSelect {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}


/* Start css codes for events */
.events-date {font-size:22px; text-align: right;font-family: Arial;font-variant: normal;font-style:italic;}
.events-hr-title {color: #860000 !important;height:3px;background-color:#860000;margin-bottom: 23px;}
.events-subtitle {font-size:18px; color: #152755;}
.events-hr-subtitle {color: #152755;height:2px;background-color:#152755;margin-top:-2px;}
.events-hr-subtitle2 {color: #d4d4d7;height:2px;background-color:#d4d4d7;}
.events-hr-subtitle3 {color:#f2b422;height:2px;background-color:#f2b422;}
.info-time{float:left;padding-right:60px;font-size: 17px;}
.info-title{float:left;font-size:17px;max-width:80%;}
.info-name2 {color:black;}
.event-btn {
	background-color: #4468ad;
	color: white;
	border: none;
	border-radius: 6px;
	padding: 5px 20px 5px 20px;
	min-height: 30px !important;
	margin:5px 0px !important;
	cursor: pointer;
}


.splitscreen {
    display:flex;
}
.splitscreen .left {
    flex: 1;
}
.splitscreen .right {
    flex: 1;
}


@media (min-width:590px){
.info-name{font-size:15px;margin-left:175px;color:#860000;margin-top:6px !important;}
.info-affilation{font-size:13px;margin-left:175px;color:black;font-style:italic;margin-top:-8px !important;}
}
@media (max-width: 589px){
.info-name{/*font-size:13px;*/color:#860000;margin-top:6px !important;margin-left:0px !important;}
.info-affilation{/*font-size:9px;*/color:black;font-style:italic;margin-top:-8px !important;margin-left:0px !important;padding-bottom:20px;}
.info-title{text-align:justify;max-width:100%;/*font-size:11px;*/}
}
@media (min-width:590px) and (max-width:1233px){
.long1{
	float:right;
	margin-right: 186px;
	padding-left: 173px;
	margin-top:-24px; 
	text-align:justify;
}
}

@media (min-width:1234px) and (max-width:1488px){
.long2{
	float:right;
	padding-left: 173px;
	margin-top:-24px;
	text-align:justify;
}
}
/* finish css codes for events */

	.disableSelect{ user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
	.active{display:block !important;}
	.calendar{display:none; float:left; margin:auto; text-align:center; margin:5px;}
	.calendar table {border-collapse: collapse; border-spacing:0px; width:100%; } /*border:1px solid #000; border-radius:5px; width: 100%;}*/
	.calendar th {padding:10px 7px 0px 7px; width:40px; border-bottom:2px solid black !important;}	
	.calendar tr:nth-child(even) {background-color: #eef; color:#000; } /* border-bottom:3px solid red !important;}*/
	.calendar tr:hover{background-color:#c4c4c4;}
	.calendar thead tr:hover{background-color:#fff;}
	.calendar caption{ text-align:center; padding:5px 10px 5px 10px; font-size:larger; margin:auto; font-weight:bold;}
	.calendar td{padding:4px 0px; position: relative;}
	.calendar td:hover{background-color:#e00; color:#fff;}
	.calendar .event{position:absolute; width:100%; text-align:center; margin:auto; bottom:0px; left:0px; right:0px; top:15px; font-size:larger;}
	.calendar .event div{ display: flex; justify-content: center;	align-items: flex-end;}
	.calendar .even  {border-bottom: 4px solid #eef;}
	.calendar .odd {border-bottom: 4px solid #fff;}
	.calendar .clickable{cursor:pointer; border:-2px dashed #fff; border-bottom: 2px solid green !important; font-weight:bold;}
	/*.calendar .caption-month{padding:0 55px 0 55px;}*/
	.calendar tfoot{border-top:1px solid black; background: linear-gradient(#000, #fff 4px);}
	.calendar tfoot td:hover{color:#000; background-color:#fff; background: linear-gradient(#000, #fff 5px);}
	.paginationLeft  a{text-decoration:none; float:left;}
	.paginationRight a{text-decoration:none; float:right;}
	.disable {color:#00c; opacity:40%;}
	td a{text-decoration:none; position: relative;}
	
	
	
/* tutaj grzebała Ania K - poniższy styl jest dodany po to, aby mapy w kontakcie były responsywne*/
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* tutaj grzebała Ania K */

hr.down{
    margin:-5px 0px 30px 0px;
}

hr.up{
    margin:0px 0px 0px 0px;
}

/*
.blog .title{
    margin:15px 0px 0px 0px;
}
*/
.blog .title{
	margin: 0% !important;
	font-size: 22px !important;
	text-align: left;
	width: auto;
	overflow-wrap: break-word;
}

/*.blog .date{
    float:right;
}
*/
.blog .date {
	/*background: #170442;
	color: white;*/
	padding: 0.5%;
	border-radius: 0px 0px 10px 10px;
	width: auto;
	text-align: right;
	overflow-wrap: break-word; 
}

.blog .img{
	vertical-align:middle;
	border-width: 5px;
    border-style: revert-layer;
    box-shadow: 0 5px 22px #938c8c, inset 0 0 9px white;
    object-fit: fill;
    border-radius: 5px;
}


img{
  max-width:100%;
}

/*
a{
  white-space: nowrap;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  display:block;
}
*/

a{
  white-space: pre-wrap;
}

.w3-button:hover{
    background-color:transparent !important;
}
/* #0c0a44 */