.btn {
    padding: .9rem 1.1rem;
    color: white !important;
}

.btn.btn-secondary {
    background-color: #629F25;
    border-color: #629F25;
}

.accordion-mom .accordion .card .card-header h2 .btn-link {
    color: #287DC9 !important;;
    font-family: 'montserrat-bold';
    font-size: 1.5625rem !important;
    background: url(../img/arrow-up.svg) right no-repeat;
    background-size: 2%;
    text-transform: none;
    width: 100%;
    text-align: left;
    padding-left: 0;
}


.badge {
    margin-left: 1rem;
    padding: .6em .7em .4em .7em;
    position: relative;
    font-family: 'montserrat-light';
    margin-left: 1rem;
    font-size: .8rem;
    color: white;
    top: -.15rem;
}

#intro .mother .overlay .text-logo h1 {
    font-size: 3rem;
}

.intro-content h1 {
    font-family: 'montserrat-regular';
    font-size: 3rem;
    color: #ffffff;
    line-height: 4rem;
}

#index-content h2 {
    font-family: 'montserrat-bold';
    font-size: 2rem;
    color: #287DC9;
}

#foot {
    margin-top: 0!important;
}

#news .news-card .more-info .autor {
    margin-bottom: 0.9375rem;
}

#news .footer h3 {
    font-size: 2rem;
    font-family: 'montserrat-bold';
}

#news .header h3 {
    text-align: center;
    font-size: 2rem;
    font-family: 'montserrat-bold';
}

#news {
    background-color: #ffffff!important;
}
#news .news-card {
   border: none;
}

#news h3 {
    margin-top: 4rem;
}

#index-content p .green {
    color: #FFFFFF;
    font-family: 'montserrat-medium';
    font-size: 1.25rem;
    padding: 0.9375rem;
    text-transform: uppercase;
    background-color: #629F25;
}

.intro-content p .green {
    color: #FFFFFF;
    font-family: 'montserrat-medium';
    font-size: 1.25rem;
    padding: 0.9375rem;
    text-transform: uppercase;
    background-color: #629F25;
}

#news .news-card h4 {
    font-size: 1.2rem;
}

#news .news-card h3 {
    font-size: 1rem;
    margin-top: 1rem!important;
}

#navigation .search p {
    margin-top: 0.625rem!important;
}


@media (min-width: 431px) and (max-width: 767.99px) {
    #navigation .search img {
        width: 50%;
    }
}


@media  (max-width: 1199.99px) {
    #navigation .search p {
        font-size: 0.65rem;
    }
    #navigation .login p {
       font-size: 0.65rem;
    }
    #navigation .menu p {
        font-size: 0.65rem;
    }
}

#index-content {
    margin-bottom: 2rem;
}

#index-content p {
    margin-bottom: 0.5rem;
}

.intro-content p {
   margin-bottom: 2rem;
}
.intro-content h4 {
    margin-top: 1rem!important;
}

.index-info strong {
    font-family: 'montserrat-bold';
}

.index-info .info-text .purple {
    color: #981A84!important;
    font-size: 1.5625rem!important;
    font-family: 'montserrat-light';
    background: none;
    border: none;

}
.index-info .info-text .purple:before {
    background: url(../img/arrow-purple.svg) top left no-repeat;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    content: '';
    top: 0.4375rem;
    position: relative;
    margin-right: .5rem;
}

.index-info .info-text .green {
    color: #FFFFFF;
    font-family: 'montserrat-medium';
    font-size: 1.25rem;
    padding: 0.9375rem;
    text-transform: uppercase;
    background-color: #629F25;
    border: #629f25;
}

#news .news-card h4 a {
    color: #000000;
}

sup {
    color: red;
}

@media (max-width: 431px) {
    .intro-content p .green {
        padding: 0.6rem;
        font-size: 1rem!important;
    }

    #index-content p .green {
        padding: 0.6rem;
        font-size: 1rem!important;
    }
    .index-info .info-text .green {
        padding: 0.6rem;
        font-size: 1rem!important;
    }
}

.alert.alert-info {
    position: relative;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: 7px solid transparent;
    border-radius: 0;
    font-size: 1.35rem;
    font-family: 'montserrat-bold';
}

.accordion-mom .card-body .col-12 {
    margin-bottom: 1rem;
}

/*
adding for nav fixing phase 2
*/
#main-navigation ul li a {
    text-transform: uppercase;
}

#main-navigation ul li a.btn-secondary:hover {
    color: white !important;
    background-color: #287DC9;
    border-color: #287DC9;
    transition: 0.5ms ease;
}

.agenda .card-body h4 {
    font-family: 'montserrat-bold';
    font-size: 1.5rem;
    color: #287DC9;
    text-transform: uppercase;
}
.agenda .card-body .title-wrapper {
    height: 6.7rem;
}

.agenda .card-body .title-wrapper small {
    font-family: montserrat-light;
    color: #888;
    font-size: 1rem;
}

.agenda .card-body .title-wrapper .sub-title {
    font-family: 'montserrat-bold';
    color: #122e51;
    font-size: 1rem;
    text-transform: initial;
}


.big-box .btn.btn-secondary {
    font-family: 'montserrat-bold';
    font-size: 1.3rem;
}

tr.bg-primary {
    font-family: 'montserrat-bold';
    color: #FFFFFF;
}
tr.table-secondary {
    text-align: center;
    font-family: 'montserrat-bold';
}
tr strong {
    font-family: 'montserrat-bold';
}

.agenda .card-body p strong {
    font-family: 'montserrat-bold';
}

#index-content h1 {
    font-family: 'montserrat-bold';
    font-size: 3.125rem;
    color: #287DC9;
    text-transform: uppercase;
}

#index-content h2 {
    font-family: 'montserrat-bold';
    color: #287DC9;
    text-transform: uppercase;
}
#index-content h2 small {
    font-family: montserrat-light;
    color: #888;
    font-size: 1.2rem;
}

#index-content h2 .sub-title {
    font-family: 'montserrat-bold';
    color: #122e51;
    font-size: 1.6rem;
    text-transform: initial;
}
.index-info table .table-img {
    width: 20%;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-radius: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {
    border-radius: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    padding-right: 40px;
    padding-left: 40px;
    font-size: 19px;
    text-transform: uppercase;
    font-family: 'montserrat-light';

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    font-family: 'montserrat-bold';
    padding-right: 40px;
    padding-left: 40px;
    font-size: 19px;
    text-transform: uppercase;
}

@media (min-width: 436px)  and (max-width: 767.99px) {
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        padding-right: 20px;
        padding-left: 20px;
        font-size: 14px;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        padding-right: 20px;
        padding-left: 20px;
        font-size: 14px;
    }

}

@media (max-width: 435.99px) {
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        padding-right: 12px;
        padding-left: 12px;
        font-size: 13px;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        padding-right: 12px;
        padding-left: 12px;
        font-size: 13px;
    }
}


/* fixing scroll problem in mobile nav */
aside.submenu .block ul li.children ul {
    /*
    margin: 0;
    padding: 0 !important;
    overflow: hidden;
    */
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}



@media (max-width: 991.99px) {
    aside.submenu .block ul li .second.active  ul {
        overflow-y: scroll;
        height: 100%;
        /*padding-bottom: 11rem !important;*/
    }

    aside.submenu .block ul li .second.active {
        padding-bottom: 18rem !important;
    }
    aside.submenu .block ul li .second {
        padding: 1rem !important;
    }
    aside.submenu .block ul li .second .third {
        padding: 1rem !important;
    }
}
.table {
    margin-bottom: 5rem;
}
.index-info .info-text h2 {
    margin-bottom: 1.5rem;
}

.card.formular-waitinglist {
    margin-top: 3rem;
}

.image-live {
    position: absolute;
}
.image-live img {
    width: 25%;
}

.card .btn-live {
    background: #981A84;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 28px;
    text-transform: none!important;
}

.events-navigation .nav-item a{
    font-family: montserrat-light;
    color: #888;
    font-size: 1rem;
    text-transform: uppercase;
    padding-right: 30px;
    padding-left: 30px;
}

.events-navigation .nav-item a:hover{
    color: #287DC9;
}

.events-navigation .nav-item .live-nav:before{
    background: url(../img/live-nav.svg) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    margin-left: -24px;
    margin-top: 5px;
}

#booked-modal .modal-dialog .btn-secondary {
    background-color: #629F25;
    border-color: #629F25;
    margin-top: 20px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'montserrat-light';
}
#booked-modal .modal-dialog h2 {
    font-size: 3.125rem;
    font-family: 'montserrat-bold';
    color: #287DC9;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 2.34375rem;
}
#booked-modal .modal-header {
    border-bottom: none;
}