/* =============================================
   Webinars
   ============================================= */
.webinar, .past-webinars{
    width: 100%;
    max-width: 100%;
}
.past-webinars{
   display:ruby;
}

h1 {
margin-bottom: 25px;
text-align: center;
}
p.description {
    margin-top: 0;
}

p.description .toggle {
    font-weight: 600!important;
}
.column {
    float: left;
    width: 47%;
    padding: 0 20px 0 0;
    height: auto;
}
.column.full{
    width: 100%;
    padding-bottom: 25px;
}
.datetime {
    font-weight: 400 !important;
    margin: 0 !important;
}
.datetime span.date {
    font-size: 1.7em;
    font-weight: 400;
}
.title{
    margin-bottom: 0px;
    font-size: 3vw;
}
.titledate h2.title {
    color: #383838;
    line-height: 1.2;
    margin-bottom: 8px;
}
.shortdesc {
    display: inline-block;
    margin-bottom: 40px;
    font-weight: 600;
}
.register{
    font-weight: 600;
    color: black !important;
    background-color: #f9cea9 !important;
    padding: 15px 30px;
}
.register:hover{
    background-color: #ffe1c8 !important;
    color: #433E3D !important;
}
a.button.register {
    text-align: center;
}
.titlesection{    
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
}
h2.title {
    font-size: 30px;
    color: #646363;
}
.regbutton{
    padding-left: 10px;;
}
.past-webinars h2.title {
    font-size: 26px;
}

.shortdesc a {
    color: #646363;
    text-decoration: none;
}

.shortdesc a:hover {
    text-decoration: underline;
}




@media only screen and (max-width: 1025px) {
    .webinar .header {
        font-size: 30px;
    }
    .column {
        width:100%;
    }
    .column.col-2 {
        padding-left: unset;        
    }
}