.responsive-iframe-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

    }

    

    .responsive-iframe-container iframe,

    .vresponsive-iframe-container object,

    .vresponsive-iframe-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    }


    .ikona{
        font-size: 32px;
    }

    .h4{
        height: 3.2rem;
    }

    .bold{
        font-weight: bold;
    }


    .project-category{
        text-align: center;
        padding-top: 1vw;
        margin-top: 2px;
        border-top: 2px solid rgb(197 56 52);
    }
    .project-name{
      text-align: center;
    }

    .proj-1{
        background-image: url('../assets/img/portfolio/fullsize/1.JPG');
    }
    .proj-2{
        background-image: url('../assets/img/portfolio/fullsize/2.JPG');
    }    
    .proj-3{
        background-image: url('../assets/img/portfolio/fullsize/3.JPG');
    }

    #mainNav{
        flex-direction: column;
    }


.mode{
    flex-direction: column;
}



.fullfill{
    min-height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
}

button.closeForm, button.submitForm{
    display: none;
}


#calendar .active.green {
    background-color: rgb(135,195,47);
    border-color: rgb(135,195,47);
  }

  #calendar .active.blue {
    background-color: rgb(50,143,197);
    border-color: rgb(50,143,197);
  }

  #calendar .active.red {
    background-color: rgb(217,44,39);
    border-color: rgb(217,44,39);
  }

  #calendar .active.yellow {
    background-color:  rgb(217 208 39);
    border-color: rgb(217 208 39);
  }

  #calendar .ikona.green {
    color: rgb(135,195,47);
  }

  #calendar .ikona.blue {
    color: rgb(50,143,197);
  }

  #calendar .ikona.red {
    color: rgb(217,44,39);
  }

  #calendar .ikona.yellow {
    color:  rgb(217 208 39);
  }

  #calendar .eventCollapseButton.green:hover, #calendar .eventCollapseButton.green {
    border: 1px solid rgb(135,195,47);
  }

  #calendar .eventCollapseButton.blue:hover, #calendar .eventCollapseButton.blue {
    border: 1px solid rgb(50,143,197);
  }

  #calendar .eventCollapseButton.red:hover, #calendar .eventCollapseButton.red {
    border:1px solid rgb(217,44,39); 
  }

  #calendar .eventCollapseButton.yellow:hover, #calendar .eventCollapseButton.yellow {
    border:1px solid rgb(217 208 39);
  }


h6{
  padding: 0.4rem;
}

.attachement{
  display: inline-block;
}

.regForm .radio{
  width:auto;
  float: left;
  clear: both;
}

.b-img{
  border-radius: 50%;
  padding-bottom: 0.5em;
}


.eventCollapseButton.collapsed span.up{
  display: none;
  }

.eventCollapseButton.collapsed span.down{
  display: inline-block;
  }

  .eventCollapseButton span.up{
    display: inline-block;
    }
  
  .eventCollapseButton span.down{
    display: none;
    }


  .eventCollapseButton{
/*    float: right; */
      background-color: transparent;

       border-top-left-radius: 0.25rem; 
       border-top-right-radius: 0.25rem;
      font-size: 1rem;
      width: 100%;
    }
#calendar .eventCollapseButton.collapsed{
      border-radius: 0.25rem;
      border: 1px transparent ; 
    }

.eventCollapseButton:focus{
outline: 0px auto white;
}

.eventCollapseButton:hover {
  font-weight: bold;

}

/*.eventCollapseButton:hover .ikona{
  font-size: 35px;

}*/

.eventIsLive{
  background-color: rgb(94, 92, 92);
}
.eventListingStripped{
  background-color: #dee2e6ad;
}

.event-bottom{
  border-bottom-left-radius: 0.25em !important;
  border-bottom-right-radius: 0.25em !important;
}
.yearMonth{
  color: rgb(197 56 52);
}
.list-group-item.active{
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}

.mail a{
  color: white;
}