/* 
 * Register Seite 
 */

.MycEventWrap:after, .clearfix:after{
    clear: both;
}

.MycEventWrap .MycEventSideCol{
    width: 25%;
    float: left;
    padding-right: 15px;
}

.MycEventWrap .MycEventMainCol{
    width: 75%;
    float: left;
    padding-left: 15px;
}


@media (max-width: 992px) {

    .MycEventWrap .MycEventSideCol{
        width: 100%;
        padding-right: 0;
    }

    .MycEventWrap .MycEventMainCol{
        width: 100%;
        padding-left: 0;
    }

}

.MycEventWrap form{
    margin-top: 30px;
}

.MycEventWrap .MycEventListUrl{
    margin-bottom: 20px;
}

.MycEventWrap .alert-danger{
    padding: 20px;
    margin-bottom: 30px;
}

.MycEventWrap .MycEventImage{
    max-width: 100%;
}

.MycEventWrap .MycEventDateWrap, .MycEventListSingleWrap .MycEventListDateWrap{
    background-color: #1b3f85;
    color: #fff;
    text-align: center;
}

.MycEventWrap .MycEventDateWrap .MycEventDateMonth{
    padding: 10px 0 5px 0;
    font-weight: bold;
    font-size: 20px;
}

.MycEventWrap .MycEventDateWrap .MycEventDateDay{
    font-weight: bold;
    font-size: 40px;
}

.MycEventWrap .MycEventDateWrap .MycEventDateTime{
    padding: 5px 0 10px 0;
}

.MycEventWrap .MycEventContactsHead{
    margin: 25px 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    font-size: 18px;
}

.MycEventWrap .MycEventContactsWrap{
    margin-bottom: 25px;
}

.MycEventWrap .MycEventContactsWrap h4{
    font-size: 16px;
    font-weight: bold;
}

.MycEventWrap .MycEventTitle h2{
    margin-top: 0;
}

.MycEventWrap .MycEventAddress{
    background-color: #f0f0f0;
    padding: 15px;
    margin-top: 15px;
}

.MycEventWrap .MycEventAddress h3{
    margin-top: 0;
    font-size: 20px;
}

.MycEventWrap .MycEventUrl{
    margin: 15px 0;
}

.MycEventWrap .SubscriptionSub{
    margin-top: 15px;
}

/* 
 * List Seite 
 */

.MycEventListWrap .MycEventListSingleWrap{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.MycEventListWrap .MycEventListDateCol{
    width: 20%;
    float: left;
    padding-right: 15px;
}

    .MycEventListWrap .MycEventListDateCol .MycEventDateMonth{
        padding: 10px 0 5px 0;
        font-weight: bold;
        font-size: 14px;
    }

    .MycEventListWrap .MycEventListDateCol .MycEventDateDay{
        font-weight: bold;
        font-size: 30px;
        line-height: 30px;
    }

    .MycEventListWrap .MycEventListDateCol .MycEventDateTime{
        padding: 5px 0 10px 0;
        font-size: 12px;
    }

.MycEventListWrap .MycEventListMainCol{
    width: 55%;
    float: left;
    padding-right: 15px;
}

.MycEventListWrap .MycEventListRegisterCol{
    width: 25%;
    float: left;
    padding-left: 15px;
}

.MycEventListWrap .MycEventListTitle{
    font-weight: bold;
    font-size: 18px;
}

@media (max-width: 992px) {
    
    .MycEventListWrap .MycEventListDateCol{
        width: 35%;
        padding-right: 15px;
    }
    
    .MycEventListWrap .MycEventListMainCol{
        width: 55%;
        padding-right: 0;
    }

    .MycEventListWrap .MycEventListRegisterCol{
        width: 100%;
        margin-top: 15px;
        padding-left: 35%;
    }
    
}