#main-content.portal{
    background: #CB9848;
    padding-top: 142px;
}

.portal-container{
    max-width: 420px;
    margin: 0 auto;
    background: white;
    padding: 15px 18px;
    border-radius: 5px;
}

.portal-container h1{
    font-family: 'Montserrat', sans-serif;
    color: #6C757D;
    font-size: 20px;
    font-weight: 700;
}

.input-container{
    position: relative;

    margin: 15px auto;
}
.input-container span, .input-container button{
    position: absolute;
    display: block;
    color: #006C9F;
    left: 5px;
    top: 8px;
    font-size: 20px;
    background: none;
    border: none;
    cursor: pointer;
}

.input-container input{
    width: 100%;
    padding: 10px 5px 10px 40px;
    display: block;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
}

.portal-container .btn{
    border-radius: 5px;
    margin: 15px auto;
    display: block;
}

.forgot-pw{
    font-size: 14px;
    color: #72777f!important;
    text-decoration: none;
}

.portal-orange-bar{
    padding: 22px;
    color: white;
    background: #CB9848;
}

.portal-orange-bar .user-controls, .portal-orange-bar .user-controls a{
    color: white;
    font-size: 24px;
    font-weight: 600;
}

.portal-orange-bar h1{
    font-size: 30px;
    font-family: 'Arial', serif;
    color: white;
    font-weight: bold;
}

.portal-content h1{
    font-family: Arial, serif;
    color: #CD1B24;
    font-size: 30px;
    font-weight: bold;
}

.left-col h1{
    border-bottom: 2px solid #939393;
    padding-bottom: 6px;
}

.left-col.my-account{
    padding-top: 15px;
}

.portal-content h1:not(:first-of-type){
    margin-top: 55px;
}



#main-content.portal{
    background: #CB9848;
    padding-top: 142px;
}

.portal-container{
    max-width: 420px;
    margin: 0 auto;
    background: white;
    padding: 15px 18px;
    border-radius: 5px;
}

.portal-container h1{
    font-family: 'Montserrat', sans-serif;
    color: #6C757D;
    font-size: 20px;
    font-weight: 700;
}

.input-container{
    position: relative;

    margin: 15px auto;
}
.input-container span, .input-container button{
    position: absolute;
    display: block;
    color: #006C9F;
    left: 5px;
    top: 8px;
    font-size: 20px;
    background: none;
    border: none;
    cursor: pointer;
}

.input-container input{
    width: 100%;
    padding: 10px 5px 10px 40px;
    display: block;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
}

.portal-container .btn{
    border-radius: 5px;
    margin: 15px auto;
    display: block;
}

.forgot-pw{
    font-size: 14px;
    color: #868D96!important;
    text-decoration: none;
}

.portal-orange-bar{
    padding: 22px;
    color: white;
    background: #CB9848;
}

.portal-orange-bar .user-controls, .portal-orange-bar .user-controls a{
    color: white;
    font-size: 24px;
    font-weight: 600;
}

.portal-orange-bar h1{
    font-size: 30px;
    font-family: 'Arial', serif;
    color: white;
    font-weight: bold;
}

.portal-content h1{
    font-family: Arial, serif;
    color: #CD1B24;
    font-size: 30px;
    font-weight: bold;
}

.left-col h1{
    border-bottom: 2px solid #939393;
    padding-bottom: 6px;
}

.left-col.my-account{
    padding-top: 15px;
}

.portal-content h1:not(:first-of-type){
    margin-top: 55px;
}

.files-table tr:first-child td{
    border-top: none;
}

.files-table tr:last-child td{
    border-bottom: 1px solid #dee2e6;
}

.files-table i{
    color: #006DA0;
}

.right-col{
    padding-top: 15px;
}

.right-col h1{
    border-bottom: 2px solid #939393;
    padding-bottom: 6px;
}

.events ul {
    list-style: none;
    padding-left: 0;
}

.event{
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid gray;
    padding: 8px 0;
}

.event-date{
    text-align: center;
    width: 81px;
    height: 100px;
    border: 1px solid #AEAEAE;
    border-radius: 6px;
}

.event-date .event-day{
    font-size: 14px;
    margin-bottom: 0;
}

.event-date .event-month{
    font-size: 16px;
    margin-bottom: 0;
}
.event-date .event-day-num{
    font-size: 46px;
    margin-bottom: 0;
    line-height: 35px;
    color: #006DA0;
    font-family: 'Arial', serif;
    font-weight: 600;
}

.event-details .event-time, .event-details .event-address{
    font-size: 16px;
    color: #006DA0;
    font-family: 'Arial', serif;
    margin-bottom: 0;
}

.event-details .event-address{
    color: #000000;
}

.event-details .event-title{
    font-size: 21px;
    font-family: 'Arial', serif;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 24px;
}