@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.roboto-300 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "width" 300;
}


.merriweather-300 {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 300;
}
.inter-100 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}
body{padding:2px 2px;margin:0;background: #119911;}

div.all {
    font-family: "Roboto", sans-serif;
    margin: auto;
    background:white;
}

/* H1, H2, H3 ,H4 {font-family: "Inter", serif; font-weight:500; margin:0} */

b { font-weight:500}

div.boxwrap {width:100%;max-width:100%;min-width:100%}
div.box section.brick {border:1px solid #bcd;padding:0} 
div.box section.brick.noborder {border:none;margin:0;padding:0} 
div.box {gap:10px;width:100%;max-width:100%;min-width:100%}


/* Current path */
div.currentpath {display:flex;margin:5px 0;position: relative;borders-bottom: 1px solid var(--menu-background);}
div.currentpath  a {padding: 2px 8px}

div.currentpath div.sub {
    display: none;
    position: absolute;
    background-color: #eee;
    padding:1px 10px;
    top:100%;
    border:1px solid #bbb;
    z-index:1;
    border-radius: 5px;


}
div.currentpath div.sub a {display: block;color: black;padding-right: 10px;}
div.currentpath div.sub a:hover::after {content: ">";padding-left: 4px;position: absolute;}
/* div.currentpath div.sub a:hover {text-decoration: underline;} */

div.currentpath span {display: inline;} 
div.currentpath span:hover div.sub {display: block;} 
/* div.currentpath span:hover >a {background-color:  #eee;border-radius: 5px;}  */
div.currentpath span:hover >a {text-decoration: underline;} 
div.currentpath span:hover >a img {border-bottom: 1.5px solid #567d;padding-bottom: 1.5px;box-sizing: border-box;} 




div.all {width:100%;max-width:1200px;margin:auto}

/* top of the page */




#topmenu    {position:absolute;top:30px;right:7px;color:grey;width:450px}
#siteslogan {position:absolute;right:2%;bottom:2%;color:white;font-size:100%;white-space:nowrap;display: none;}


#headerLogo {position:relative;
    background-color: var(--menu-background);
    color: var(--menu-color);
}

#headerLogo a{position:relative; color:var(--menu-color); background-color:var(--menu-background)}
#pagetitle  {position:absolute;display:inline-block;padding:5px 0 0 0px;top:10px;width:fit-content;font:26px Arial; white-space:nowrap;
    border-left: 1.5px solid #57a;
    padding-left:10px;
    margin-left:10px;
}

div#uwrlogo {display:inline-block;height:70px;width:220px;margin: 10px 0 0 10px;
    background-image: url(../img/UwrLogo-white.svg);
    background-size: cover;transition: 200ms;
            }
    @media screen and (max-width:600px) {
        div#uwrlogo {width:70px;border:none;transition: 200ms; }
        #pagetitle {border: none;padding-left:0;margin-left:5px}
        section.left {display: none;}
    } 
    @media screen and (max-width:400px) {
        div#uwrlogo {width:0;transition: 100ms; }
        #pagetitle {border-left: none;margin-left: 3px;padding-left: 0px;}
    } 


#lang-choice2 {position:absolute;right:10px;bottom:10px} 
#lang-choice2 button {font-size:1em;background:var(--menu-background);color:var(--menu-color)} 
.lang_button{cursor: pointer;border:none ;  font-weight: 500;padding: 2px 5px;margin: 0px 2px;border-radius: 10px;}
#lang-choice2>:hover {border:1px solid var(--menu-color)} 


/* menu administratora */
div.amenu {
    padding:0 90px 0 0px ;
    display:flex;
    flex-wrap: wrap; 
    background:black;
    justify-content: space-evenly;
}

    div.amenu a{
    margin:1px 3px;
    color:white;
    padding:10px 2px;
    border-radius: 5px; 
    position:relative;
    font-size: 1em;}

div.amenu.sub a{color:black}

div.amenu a:hover{
    background: #eee;
    color:black;
}

div.amenu input {
    width:10px ;
    height:10px;
    box-sizing: border-box;}

 #logout {position:absolute;top:15px;right:5px;z-index:20;} 
 #logout button {background: none;border:none;cursor:pointer;} 
 #logout button img {width:22px;}
 

.preview,.admin_mode {position:fixed;top:1px;right:1px;z-index:200;cursor:pointer}
.admin_mode {top:20px;}
.preview label,.admin_mode label, .preview input,.admin_mode input {cursor: pointer;}
.preview input,.admin_mode input {cursor: pointer;box-shadow: 
     0 0 10px rgba(0, 0, 0, 1);
}
.preview label, .admin_mode label {color:var(--menu-color);font-weight: 500; font-size: 0.9em;line-height: 1em;
    text-shadow:
     0 0 10px rgba(0, 0, 0, 1); 
}





#a {position: absolute; right:5;top:50px}
#login >input {width:70px;margin:2px;}
#login >input[type=submit] {width:auto;}
#login {display:flex}
#login {visibility:hidden}
a.show #login {visibility:visible}

/* top of the page */

/* main area */

/* main area */
main {display:flex;min-height: 500px;}
main > .left {width:150px}
main > .main {flex-grow:1;}
main > .right {width:150px}


.box div.picture {max-width:50%} 
.content div.picture {max-width:100%} 
img.content_img {border-radius:0px} 

/* .box .brick h2 {border-bottom:1px solid #cde;background:#eee;columns:all} */
.box h2 a {font-weight:400;color:black}
.box h2 {margin: ;padding:0}
.box > * {border-radius:var(--border-radius);margin: 0px 0 10px}
.box {gap:10px}



@media screen and (max-width:400px) {
    .box div.picture {
        width:100%;
        max-width:100%; margin:auto}
} 

@media screen and (min-width:768px) {
    .box {display:grid}  
    .box > * {margin:0}
    .content div.picture {max-width:25vw} 
} 

/* footer  */
footer.bottom { font-size: 0.8em;line-height: 18px;
    background:black; color:white; text-align: center; 
    display:grid; grid-template-columns: 1fr;
    vertical-align: middle;padding:10px ;font-weight: normal;
    gap:30px;
}

@media (min-width:400px) {
    footer.bottom {grid-template-columns: 1fr 1fr; }
}

@media (min-width:600px) {
    footer.bottom {grid-template-columns: repeat(3, 1fr); }
}

@media (min-width:1000px) {
    footer.bottom {grid-template-columns: repeat(6, 1fr); }
}

footer.bottom >div {min-height:20px;width:auto;display:flex;flex-direction: column;justify-content: flex-start;vertical-align: top;}
footer.bottom div>h2 {padding-left:30px}
footer.bottom div>ul {list-style-type:square; text-align: left;padding-left:15px;display: inline-block;justify-self: middle;margin: auto;}
footer.bottom div>ul a{width:auto }
footer.bottom div>ul >li{width:auto }
footer.bottom div>p {width:auto;text-align: left; margin:auto; }
footer.bottom div>ul a:hover {text-decoration: underline;}
footer.bottom h3 {font-weight: 700;padding:0px}


/* footeer  koniec */

/* edti mode */
textarea, input,select {font-size:12px;line-height:18px;border:0.5px solid #aaa}
input[name=d1],input[name=d2] {width:130px;}
input[type=submit] {background:#ddd}


.grey {color:#aaa}
.slotname {font-weight:500;}


body {background:white;background-image: url(../img/body-bg.jpg);background-size:500px;}
button.none {display:none}

.colhead {font-weight:normal}
.rowhead {font-weight:normal}
/* .top {
      background:#aadd44;
      padding:0px;
      border: solid 2px;
      color:white;
      border-left-color:#ddf5dd;
      border-bottom-color:#119911;
      border-top-color:#ddf5dd;
      border-right-color:#119911;
      
      } */

select.plist option {border:1px solid grey;background:#eee;color:red;font-weight:500}

a,a:visited,a:active,a:link {color:#258;text-decoration:none}
.main a:hover{text-decoration:underline}
 .main {min-height:500px}

input.medit:hover {background:#f88}
input.medit {background:white}

.main .box {border-spacing:10px}
.main .box tr {margin:10px}

.left .box {border: 1px solid #68a;margin-top:8px;padding:3px;border-collapse:collapse;}

.left .box .content h2 {text-align:left;border:1px solid #468}
.left .box .content {background:#eee}
.left .box >tbody>tr>td {background:#eee}




h2 a{font-weight:normal}  


.type > h2 {margin-top:10px}
.brick .type > h2 {margin-top: 0px; text-align: center;}

.rpt > h2 {background:#68a;color:white;text-align:center}
.rpt > h2 {margin-top:0px}
.rpt > h2 a {color:white}

.view > h2 {margin-top:0px;padding-left:10px}
.rel> h2 {padding:10px;margin:0px;} 
.rel> h2 {font-size:1.5em;font-weight:200}  
.rel h2 {padding-left:15px;}
q:lang(pl) { quotes: "\201E" "\201D" "\00BB" "\00AB" }

div.content {margin:0px;padding:0px;width:100%;position:relative}

.type >h2 {padding:10px;margin:0px;text-align:center;font-size:1.5em} 

.content >h2 {padding-left:5px;margin:0px;text-align:center;font-size:1.5em} 
.content >h3 {padding:5px;margin:0px;color:grey;text-align:center;} 
.content> div {margin:10px}

.content_img {width:100%;float:right;margin:0px;padding:0px;}
/* .content_img {width:1200px;float:right;margin:0px;padding:0px;} */
.box .content_img {width:100%;}
.box  h2 {font-size:1.6em;padding: 10px;} 
.content_story {padding:5px;}

.akts div {padding:10px;border-bottom:1px grey solid;}
.akts h3 {padding:3px;margin:0px}


.slot {margin-top:8px;margin-bottom:8px;vertical-align:top}

div.slotels div.slotel{border:none}
ul.slotels  {margin:5px}

.slot >ul {margin-top:5px;}
textarea.info {width:100%;}

/*.rel {border:1px solid red}*/
.bottom{ background:#68a;color:white;text-align:center;line-height:25px}
.bottom{border:1px solid #abc;font-weight:500}
.toctree ul li {margin-left:10px}
/*.typelink {position:absolute;top:0px;left:0px;backgrounds:#def;padding:5px;line-height:12px;border:solid 0px grey;font-weight:normal;}
*/
/* .typelink {position:absolute;left:5px;top:2px;padding:8px;line-height:12px;border:solid 0px grey;font-weight:normal;} */
 span.typelink {margin-left:0px}
.person > div {margin:0;padding:0}

.menu_page {padding:10px}
/* .menu_page >h2 {margin:0px 0 10px ;padding:20px 20px;color:white;background: url(../img/blue-water.webp) center/cover} */
.menu_page >h2 {margin:0; padding:10px}
.menu_page >h2 {font-size:2em;text-align:center;}
/* .menu_page >h2 a {color:white}  */
.menu_page .menu_img {width:300px;padding:5px;margin:0px;float:right}
.menu_story {padding:7px;}
.menu_page:nth-of-type(n+2) >h2{font-size: 1.7em;padding-bottom: 10px;}

.box td {padding:0px;margin:0px}

.person_img {width:150px;float:right;margin:0px;padding:0px;max-width:100%;border-radius:0px}
.person> h2 {padding-left:5px;margin:0px;text-align:center;font-size:1.5em}
.person {padding:0px;margin:0px}
.person> div {margin:0 10px}
.person> div.typelink {margin:0 0px}
.person> div.picture {margin-left:5px 10px}
.box tr td {border: 1px solid #ddd;padding:0;margin:10px}

h4.person {background:#def;padding:5px}
/*.type h2 {font-size:18px;text-indent:10px}*/
.type h2 {text-indent:5px;}
/*.rel h2 {font-size:18px;text-indent:10px}*/
.regform tr th {text-align:right}

.rel table.tabrel {margin: 10px auto;}
.fun table.tabfun {margin: 10px auto;}

div.wrap-input {width:auto;margin:5px 10px;position: relative;padding:5px;}
div.wrap-input option {padding: 10px;}
.wrap-input label {position:absolute; top:-5px;left:12px;font-size:0.7em;background-color: white;}
div.pub-form {display: flex;width: auto;justify-content:center;margin: auto;align-items: baseline;}
      
div.rel >div {margin:10px}
table.tabrel {border:solid 1px grey;margin:10px;empty-cells:show;border-collapse: collapse;}
table.tabrel tr td {border:solid 1px grey;padding:4px;}
table.tabrel tr th {border:solid 1px grey;;padding:4px;}
table.tabrel tr th a {font-weight:normal;color:black;}
table.tabrel tr th a:link {text-decoration: none;}
table.tabrel tr ul {padding-left:15px}
table.tabrel tr ul li {text-align:left}

table.tabrel tr td >div{padding: 2px 0px}
table.tabfun tr td {border:solid 1px grey;margin:0px;padding:7px;empty-cells:show}
/* table.tabfun tr th {border:solid 1px grey;background:#def;padding:7px} */
table.tabfun tr th {border:solid 1px grey;padding:7px;font-weight:normal}

textarea,select, input {background:#fff;box-sizing:border-box;border-radius:2px}

input.num {width:40px}

input[name=num] {width:50px}
.content select {width:100%}


.centerbox {width:250px;float:left;padding:10px 40px 10px 40px ;border:#eebbbb 1px solid; background:#eeddcc;margin:14px;color:#800;
          font-style: italic;font-weight: 500;width:70%;margin-left:10%} 

.rightbox {width:250px;float:right;padding:10px 40px 10px 40px ;border:#eebbbb 1px solid; background:#eeddcc;margin:14px;color:#800;
          font-style: italic;font-weight: 500   ;} 

.leftbox {width:300px;float:left;padding:10px 40px 10px 40px ;border:#eebbbb 1px solid; background:#eeddcc;margin:14px;color:#800;
          font-style: italic;font-weight: 500;} 

.leftbox1 {width:300px;padding:10px 40px 10px 40px ;border:#eebbbb 1px solid; background:#eeddcc;margin:14px;color:#800;
          font-style: italic;font-weight: 500;} 

.gdate {background:#cde;margin:0px;padding:5px;border-top:solid 1px grey;}


.sitemap >ul> li>a {font-weight:500;}


/* Calendar */
td.d0 {border:red 1px solid;}
td.d7 {border:red 1px solid;}
td.d6 {border:pink 1px solid;}
.busy {background: #faa}
.busy2 {background: red}
/* .free {background: #csfc} */
.m01 {background : #def}
.m02 {background : #def}
.m03 {background : #def}
.m04 {background : #efd}
.m05 {background : #efd}
.m06 {background : #efd}
.m07 {background : #fed}
.m08 {background : #fed}
.m09 {background : #fed}
.m10 {background : #fde}
.m11 {background : #fde}
.m12 {background : #fde}
.year {background : #eee}
.hint {position:absolute;left:20px;top:0px;z-index:1;background:white;width:auto;display:none;border: 1px solid grey;background:#ffa;white-space:nowrap}
.day:hover .hint {display:block}
.year {background : #eee}
.day {position:relative}


.delete , .edit {padding:0px 4px;border:1px solid #def;margin:0px 1px;border-radius:3px;}
.delete:hover,.edit:hover {border-color:#abc} 
.delete {color:red}
.edit,.edi2,.edit3 {color:green;}
.edit2,.edit3 {padding:0px 4px;border:none;}
.edit3 {background:yellow}

ol.map {list-style-type:arabic}
ol.map ol.map {list-style-type:lower-latin}
ol.map ol.map ol.map {list-style-type:lower-greek}
ol.map ol.map ol.map ol.map {list-style-type:upper-latin}

div.help     {display:none} 

input:focus + div.help {display:block;width:auto;margin:3px;position: absolute; background: yellow;border-radius: 20px;padding:10px;border:1px solid #aaa}

article.typelist > section {border-radius:0px; border: 1px solid #aaa ;}

article.typelist {gap:10px;}


footer div a:active,footer div a:visited, footer div a:link{color:white}

.brick {padding:5px;overflow:hidden}

a.slotname:link,
a.slotname:active,
a.slotname:visited
 {color: black;text-decoration: none;}
.slotname::after {content: ": ";}

a.leftarg:link,
a.leftarg:active,
a.leftarg:visited
 {color: black;text-decoration: none;}

 /* span.val::before {content:" - ";} */
 span.val {font-style: italic;margin-left: 3px;}
 
 span.slotels-group {margin-left: 15px;font-style: italic;}


 a.url {word-break:break-all;}

 li.typ1 >a:link  {background:yellow}

 .box div.picture {max-width:40%} 

 a.orcid img {height:1em}

 /* format paragrafy  */
 .slotel .INFO p, .content_story {
    word-break:break-word;
    hyphens: auto; 
    overflow-wrap: break-word;
    text-align:justify ;
}

#map {border-radius: 10px;}

img.images {width:100%}

div.banner h2 {text-align: center; font-size: 2em;}
div.banner h2 a {color:white}
div.banner {background-position-y: center;background-size: cover;padding-top:max(30%,220px);width:100%;max-width: 1200px;background:none;}
div.banner {position:relative;container-type:size;margin:0} 
div.banner > h2.white-title {color:white;font-size:clamp(1.3rem,4cqw,3rem);font-weight:400;position:absolute;left:0;bottom:0;
    
    background: rgba(0,0,0,0.5);
    /* background: linear-gradient(
    to bottom,
    transparent 0%,           
    rgba(0, 0, 0, 0.4) 25%,
    rgba(0, 0, 0, 0.85) 45%,  
    rgba(0, 0, 0, 0.85) 55%,
    rgba(0, 0, 0, 0.4) 75%,
    transparent 100%          
  );*/
  /* background: linear-gradient( 
  to bottom,
  transparent 0%,
  rgba(0, 0, 0, 0.5) 20%,
  rgba(0, 0, 0, 0.7) 50%,
  rgba(0, 0, 0, 0.5) 80%,
  transparent 100%
); */
    margin:0;box-sizing: border-box;padding:1.5cqw ;width:100%}



a.login {display:block;max-width:20px;position: absolute;top:15px; right:12px}

a.login img {width:20px;max-width:20px;}



.lang_button.cur { font-weight: 900}
.lang_button {margin-right: 2px}



div.queries {position:fixed;bottom:0px;left:0;background:white}
div.INFO {padding: 5px;}

big {font-size:1.1em; font-weight: 500;margin:0px;padding:0px}
.INFO p {margin:2px 10px}



.slots p{break-inside: avoid;}
.slot {break-inside: avoid;}

.slot > ul {padding-left: 25px ;}
/* Obrak kropek w wykiczeniach list */
/* ul.slot {break-inside: avoid;} */
/* .slotname  ul {padding-inline-start:10px;} 
li.slotel {list-style-type:none;margin-bottom:5px ;border-bottom: 1px solid #ddd;} */
/* .staff li.slotel {list-style-type:none;} */


.modal {
  padding: 2rem;
  border-radius: 12px;
  border: none;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  max-width: 400px;
}
.modal::backdrop {
  background: rgba(0,0,0,0.6);
}
.buttons { margin-top: 1.5rem; display: flex; gap: 1rem; justify-content: flex-end; }
.primary { background: #0066ff; color: white; }

/* administracja */

.changeview {border:grey 1px solid;clear:both}
.changeview >div.form {background:#def;margin:0px;padding:3px;border-bottom:#abc 1px solid;}
.changeview >div.form > b {text-decoration: underline;}
.slots >a.typemenu {font-weight:bold;text-decoration:underline}