#hero{
    background: #152C36;
    padding: 50px 0 0;
}

#hero h1{
    color: #fff;
    font-family: 'VAGRoundedLTProLight';
}

#bundle{
    padding: 0;
}
#bundle .item{
    position: relative;
    border-radius: 5px;
    border: 1px solid #C8C8C8;
    height: 100%;
    display: flex; 
    flex-direction: column;
}

#bundle .item .thumbnail{
    border-bottom: 1px solid #C8C8C8;
    height: 70px;
    background: #E5F5FE;
    border-color: #81D2FF;
}
#bundle .item .thumbnail img {
    height: 100%;
    width: auto;
    margin: 0 auto;
    display: block;
    object-fit: cover;
}
#bundle .item .content{
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#bundle h3{
    text-align: center;
    font-size: 20px;
}
#app #bundle .ld-enrollment__join-button,
#bundle .button a{
    margin: 0 auto;
    background: #FFF3F8!important;
    background-color: #FFF3F8!important;
    border: 2px solid #EB6097!important;
    color: #152C36!important;
    padding-top: 9px!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    color: #212529!important;
    text-align: center!important;
    text-decoration: none!important;
    vertical-align: middle!important;
    cursor: pointer!important;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    user-select: none!important;
    background-color: transparent!important;
    padding: .375rem .75rem!important;
    border-radius: .25rem!important;
    transition: color .15s!important;
    height: 48px!important;
    font-family: 'VAGRoundedLTProBold'!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    min-width: 220px!important;
    max-width: fit-content!important;
    font-size: 1rem!important;
}

#app .learndash-wrapper .ld-button:hover:not([disabled]):not(.ld-button-transparent):not(.ld--ignore-inline-css), #learndash-tooltips .ld-tooltip:after, #learndash-tooltips .ld-tooltip, .ld-tooltip:not(.ld-tooltip--modern) [role="tooltip"], .learndash-wrapper .ld-primary-background, .learndash-wrapper .btn-join:not(.ld--ignore-inline-css), .learndash-wrapper #btn-join:not(.ld--ignore-inline-css), .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css), .learndash-wrapper .ld-expand-button:not([disabled]), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not([disabled]):not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz), .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:not([disabled]), .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading, .learndash-wrapper .ld-focus-comments .form-submit #submit, .learndash-wrapper .ld-login-modal input[type='submit']:not([disabled]), .learndash-wrapper .ld-login-modal .ld-login-modal-register:not([disabled]), .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:not([disabled]), .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:not([disabled]), #wpProQuiz_user_content table.wp-list-table thead th, #wpProQuiz_overlay_close:not([disabled]), .learndash-wrapper .ld-expand-button.ld-button-alternate:not([disabled]) .ld-icon {
    background-color: #FFF3F8 !important;
}

#app .ld-enrollment__pricing{
    display: none !important;
}
.ld-group__courses-heading {
  text-transform: lowercase;
}

.ld-group__courses-heading::first-letter {
  text-transform: uppercase;
}

#app .learndash-wrapper--group{
    display: flex;
    flex-wrap: wrap-reverse;
}
#app .ld-layout__sidebar{
    width: 100%;
    padding: 0;
    margin: 0;
    background: #152C36;
}
#app .ld-enrollment {
    border: none;
    border-radius: 0;
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
}
#app #bundle .ld-enrollment__join-button, 
#bundle .button a {
    background: #FFF3F8 !important;
}
#app #bundle .ld-enrollment__join-button:hover, 
#bundle .button a:hover {
    background: #FFF3F8 !important;
}
#app .learndash-wrapper--group main{
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

#app .ld-details{
    display: none;
}

@media(max-width: 1500px){
    #app .learndash-wrapper--group main {
        max-width: 1140px;
    }
}
@media(max-width: 1200px){
    #app .learndash-wrapper--group main {
        max-width: 960px;
    }
}
@media(max-width: 991px){
    #app .learndash-wrapper--group main {
        max-width: 90%;
    }
}