.sezam-projektov{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 20px 40px;
}
.projekt-na-seznamu{
border: 1px solid #000;
padding: 20px 40px 40px 40px;
position:relative;
box-sizing: border-box;
}
.projekt-na-seznamu.leto-2021-22 {
border: 0px solid #000;
border-top: 1px solid #000;
padding: 0px; }
.projekt-na-seznamu h2{
display: inline;
white-space: pre-wrap;
}
.alignbottom{
display: block;
} .projekt-na-seznamu.pr-2{
grid-column: span 2; }
.projekt-na-seznamu.pr-3{
grid-column: span 3;
} .projekt-na-seznamu .naslov3 {
font-size: 40px;
}
.projekt-na-seznamu .naslov4 {
font-size: 30px;
}
.projekt-na-seznamu .naslov5 {
font-size: 25px;
} .vogal{
width: 40px;
height: 40px;
position: absolute;
z-index:2;
display: none;
opacity:1;
background: #f7f7f7;
}
.vogal1{
top:-1px;
left:-1px;
}
.vogal2{
top:-1px;
right:-1px;
}
.vogal3{
bottom:-1px;
right:-1px;
}
.vogal4{
bottom:-1px;
left:-1px;
} .projekt-na-seznamu.v-pripravi .vogal2 {
border-top: 1px solid #fafafa;
border-right: 1px solid #fafafa;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
display: block;
}
.projekt-na-seznamu.v-izvajanju .vogal2{ 
border-top: 1px solid #fafafa;
border-right: 1px solid #fafafa;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
display: block;
}
.projekt-na-seznamu.v-izvajanju{
border-radius: 0 0 0 40px;
}
.projekt-na-seznamu.zakljuceno  {
border-radius: 40px;
}
.projekt-na-seznamu.prelozeno .vogal2,
.projekt-na-seznamu.prelozeno .vogal4  {
display: block;
border: 1px solid #fafafa;
}
.projekt-na-seznamu.opusceno  {
}
.projekt-na-seznamu.opusceno .vogal	 {
display: block;
border-top: 1px solid #fafafa;
border-right: 1px solid #fafafa;
border-bottom: 1px solid #fafafa;
border-left: 1px solid #fafafa;
}
.projekt-na-seznamu.opusceno .vogal2  {
display: block;
border-top: 1px solid #fafafa;
border-right: 1px solid #fafafa;
border-bottom: 1px solid #fafafa;
border-left: 1px solid #fafafa;
}
.projekt-na-seznamu.opusceno .vogal3  {
display: block;
border-top: 1px solid #fafafa;
border-right: 1px solid #fafafa;
border-bottom: 1px solid #fafafa;
border-left: 1px solid #fafafa;
}
.projekt-na-seznamu.opusceno .vogal4  {
display: block;
border: 1px solid #fafafa;
}
.projekt-na-seznamu.ne {
} .projekt-na-seznamu.v-pripravi.leto-2021-22 h2 {
background-color:#9ebbfa;
}
.projekt-na-seznamu.v-izvajanju.leto-2021-22 h2{ 
background-color:#fadc78;
}
.projekt-na-seznamu.zakljuceno.leto-2021-22 h2 {
background-color:#c1ea97;
}
.projekt-na-seznamu.prelozeno.leto-2021-22 h2 {
background-color:#bbbbbb;
}
.projekt-na-seznamu.opusceno.leto-2021-22 h2 {
background-color:#fa9b78;
text-decoration: line-through;
}
.projekt-na-seznamu.ne.leto-2021-22  h2{
}
.projekt-na-seznamu.leto-2021-22{
border-radius: 0px;
}
.projekt-na-seznamu.leto-2021-22 .vogal{
display: none;
opacity:0;
top:auto; 
bottom: auto;
left:auto; 
right: auto;
}
@media (max-width: 1200px) {
.sezam-projektov{
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 40px 40px;
}
.projekt-na-seznamu.pr-2{
grid-column: span 1; }
.projekt-na-seznamu.pr-3{
grid-column: span 2;
}
}
@media (max-width: 900px) {
}
@media (max-width: 600px) {
.sezam-projektov{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.projekt-na-seznamu.pr-3{
grid-column: span 1;
}
}