.default-page-space{padding-top: 110px !important}
.allPH1 {
  font-size: 40px;
  text-transform: uppercase;
  margin-bottom: 20px;
  user-select: none;
  /* border-bottom: 5px solid dimgray */
}
header nav.navbar.bootsnav ul.nav > li.current-menu-item > a {
  color: #828282;
}

.project {
  display: block;
}

.project {
  display: block;
}

.project a{
  color: white;
  text-decoration: underline;      
}
.project a:hover{
  color: #beb6af;
  text-decoration: underline;      
}

.project .date, .project .pname, .project .pplace, .project {
  cursor: pointer;
}

.project label {
  margin: 0;
  margin-bottom:20px;
  width: 100%;
}

.project input {
  display: none
}

.project input~div {
  transition: opacity 1s, height 0s;
  transition-delay: 0s, 1s;
  /* transform: scaleY(1); */
  /* transform-origin: 50% 0; */
  /* height: 100%; */
  padding: 10px 0;
  margin-bottom: 15px;
  opacity: 1;
}

.project input:not(:checked)~div {
  transition-delay: 0s, 1s;
  opacity: 0!important;
  pointer-events: none!important;
  /* transform: scaleY(0); */
  height: 0!important;
  margin: 0!important;
  padding: 0!important;
  overflow-y: hidden;
}
/*.ptype-{background-color: black}
.ptype-3D{background-color: #205a41 !important}
.ptype-INTERACTIVITY{background-color: #682d44 !important}
.ptype-ART{background-color: #7f2629 !important}
.ptype-AUDIOVISUAL{background-color: #B73D25 !important}
.project.proj-type- .pname{font-size: 1.5em; font-weight: 700; color: black}
.project.proj-type-3D .pname{font-size: 1.5em; font-weight: 700; color: #205a41 !important}
.project.proj-type-INTERACTIVITY .pname{font-size: 1.5em; font-weight: 700; color: #682d44 !important}
.project.proj-type-ART .pname{font-size: 1.5em; font-weight: 700; color: #7f2629 !important}
.project.proj-type-AUDIOVISUAL .pname{font-size: 1.5em; font-weight: 700; color: #B73D25 !important}*/
.project .date, .project .pname{font-size: 18px; display: inline-block; margin: 10px 0 5px 0;}
.project .pname{display: inline}
.project .ptype{
  display: inline-block;
  /*width: 150px;*/
  padding: 0 5px;
  color: #beb6afa6;
  /*background-color: #1c1c1c;*/
  font-weight: 500;
  margin: 0 0px;
  margin-top: 0px;
}
.project .pplace{
  display: block;
  width: 100%;
  color: #ffffff;
}
.project .date{color: #beb6af;}
body{background-color: #343539de; color: white}

      #orderButtons button, #spass{border: none; background-color: transparent; color: grey; cursor: pointer;}
#orderButtons{ width: 100%; margin-bottom: 15px; padding-left:20px; font-size:12px !important;}
#orderButtons select, #orderButtons input{
  border: inherit;
  font-size: inherit;
  padding: 0;
  width: 140px !important;
  margin: inherit;
  max-width: inherit;
  resize: inherit;
  /* color: black; */
}
#orderButtons #catFilter, #orderButtons #searchFilter, #spass{
  background-color: transparent;
  border-bottom: 1px solid lightgrey !important;
  color: lightgray !important;
  height: 25px;
  margin-right: 10px;
  border-radius: 0;
}
#orderButtons #catFilter option{ color: black; }
#lock img{position: absolute; left:10px;}
#spass {display: inline-block; width: 140px !important; margin-right: 0.7em !important; margin-left: -5px !important}
.select-type-3D .project:not(.proj-type-3D){display:none}
.select-type-ART .project:not(.proj-type-ART){display:none}
.select-type-AUDIOVISUAL .project:not(.proj-type-AUDIOVISUAL){display:none}
.select-type-INTERACTIVITY .project:not(.proj-type-INTERACTIVITY){display:none}
.hideP{display:none}
.subproject{
  /* display:block; */
  margin: 0 20px;
  padding: 10px !important;
  border-bottom: 1px solid grey;
  color: lightgrey;
  /* background-color: grey; */
}
.subproject p{ margin-bottom: 10px;}
.project input~.subproject{margin-top: -15px;}
.project input~.subproject~.subproject {
  margin-top: 0;
}
.subproject h2{
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 15px;
  color: white;
  position: relative;
}
.subproject h2::before{
  content: "●";
  font-weight: 800;
  position: absolute;
  top: 0;
  left: -20px;
}
.project img{
  height: 100px;
  margin-right: 20px;
  margin-bottom: 15px;
}
#zoomDiv{
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #00000099;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 99999;
}
#zoomDiv button{
  position: absolute;
  top: 10px; right: 10px;
  background-color: transparent;
  color: white !important;
  border: none;
  font-size: 40px;
  filter: brightness(100) !important;
}
.project > .pgallery{
  margin-top: -25px;
}
.haveImages .pname::after, .haveVideos .pname::after{
  content: " ";
  display: block;
  background-image: url("/CyanProjectsList/imageIcon.png");
  width: 45px;
  float: left;
  height: 72px;
  margin-right: 10px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.haveVideos .pname::after{background-image: url("/CyanProjectsList/videoIcon.png");}
.haveVideos.haveImages .pname::after{background-image: url("/CyanProjectsList/imagevideoIcon.png") !important;}
#zoomDiv button:first-of-type{
  z-index: 999;
  padding: 25px;
  font-size: 32px;
  position: fixed !important;
  opacity:1 !important;
  color: white !important;
}
#zoomDiv button:focus, #zoomDiv button:active{outline: none;outline-color: transparent !important;}
#zoomDiv .galleryB{
  position: absolute;
  top: 42%; bottom: 42%;
  width: 10%;
  box-sizing: border-box;
}
#zoomDiv .galleryNextB{
  right:0;
  text-align: right;
  padding-right: 40px;
}
#zoomDiv .galleryPrevB{
  left:0;
  text-align: left;
  padding-left: 40px;
}
#zoomDiv #gallerycounter{position: fixed; bottom: 20px; right: 20px; z-index: 99; pointer-events: none; height: 30px; font-size: 2rem; opacity:0.8}
div#vidDiv{width: 100vw; height: 100vh}
div#vidDiv iframe{width: 100vw; height: 100vh}
.anchor{position: absolute; top: -140px; pointer-events:none;}
.pname{position: relative}