.agenda{
    padding: 1rem;
    font-weight: 600;
    border: 1px solid black;
    background-color: #fbc56f;
}
.agenda-item{
    border-bottom:5px solid #FBC56F;
    border-top:0px;
    padding-bottom:20px;
    padding-top:20px;
    padding-left:20px;
    transition: .5s ease;
}
.agenda-item .title{
    margin-bottom:0px;
}
.agenda-item .date{
font-size:30px;
}
.agenda-item:hover{
    background-color:#FBC56F;
    color:white;
    cursor:pointer;
}
.agenda-table{
    width:40%;
}
.agenda-heading{
    text-align:center;
    padding-bottom:20px;
    border-bottom:5px solid #FBC56F;
    color: #2C6150;
}
.agenda-heading p{
    font-size:15px;
}
.agenda-container td{
    padding-top:2.5px;
    padding-bottom:2.5px;
}
.agenda-popup ul{
    list-style: disc; 
    list-style-position: inside; 
}
.click-training{
    text-decoration: underline;
}
.show-location{
    text-decoration: underline;
}
.training-button{
    background-color:#FBC56F;
    color:white;
}
.training-button:hover{
    background-color:black;
    color:white;
}
.toolbar-control{
    width:74.2%;
    float:right;
}
@media only screen and (max-width: 769px) {
    .agenda-table{
        width:100%;
    }
    .toolbar-control{
        width:100%;
        float:none;
    }
}
@media only screen and (max-width: 480px) {
    .agenda-item{
        padding-bottom:5px;
    }
    .agenda-item .date{
        line-height: 1;
    }
} 

.event-container{
    /* background-color:#f5f5f5; */
    padding-bottom:1px;
    padding-top:25px;
}
.event-container .event-inner-container{
    width:90%;
    margin:0 auto;
    background-color:white;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
}
.event-container .image-container{
    height:450px;
}
.form-container{
    border-top:1px solid black;
    padding-top:25px;
    margin:25px;
    padding-bottom:25px;
}
.content-title{
    font-size:35px;
    margin-bottom:0px;
}
.content-title-container{
    padding-left:25px;
    padding-top:25px;
    padding-bottom:25px;
    background-color:#2c6150;
    color:white;
}
.content-content{
    font-size:18px;
    margin:25px;
}
.form-title{
    font-size:24px;
}
@media only screen and (max-width: 500px) {
    .content-title{
        font-size:28px;
    }
}