/*!
 * Start Bootstrap - Full Width Pics (https://startbootstrap.com/template-overviews/full-width-pics)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-width-pics/blob/master/LICENSE)
 */

.bg-purple {
    background-color: #7a4d8d !important;
}

.bg-blue {
    background-color: #548FB6 !important;
}

.bg-grey {
    background-color: darkgrey !important;
}

.color-white {
    color: white !important;
}

.color-orange {
    color: #fd7e14 !important;
}

.divider-white {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 1px solid white;
}

body {
    padding-top: 110px !important;
    font: normal '΢ܛ�����w' !important;
}

@media (min-width: 992px) {
    body {
        /*padding-top: 56px;*/
    }
}

.bg-image-full {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.carousel-item {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.section_footer {
    border-top: solid 9px #F9E4F2;
    margin-top: -20px;
    background-image: linear-gradient(to right, #FF7D82, #FFB9C7);
}

.section_title {
    text-align: center;
    margin-bottom: 20px;
}

.content_title {
    color: #FF7D82;
    font-size: 27pt;
    font-weight: bold;
}


.table-width-100 {
    width: 100% !important;
}

@media (min-width: 551px) {
    .topbar {
        background-image: linear-gradient(to right, #ff7d82, #ffb9c7);
        padding: 0px 100px;
        height: 40px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 550px) {
    .topbar {
        background-image: linear-gradient(to right, #ff7d82, #ffb9c7);
        padding: 0px 10px;
        height: 40px;
        line-height: 40px;
    }
}

.fb-like span iframe {
    width: 80px !important;
}

.fb-share-button {
    margin: -28px 0 0 12px;
}
/*###########################  NAVIGATION MENU  #################################*/
/*#navbarResponsive li {
    height: 70px;
    line-height: 60px;
}*/
.navbar-language {
    /*background-color: transparent !important;
    border-color: white !important;*/
    color: white !important;
    font-size: 12px !important;
    padding: 2px !important;
    margin-left: 10px;
    text-decoration: none !important;
}

.menu-area {
    background: #f2f2f2;
}

.navbar {
    padding: 0 !important;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0 solid transition !important;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #f2f2f2 !important;
    /*background-image: linear-gradient(#f2f2f2, #f2f2f2 0%, #e0e0e0 51%, #cfcccc 75%) !important;*/
}

.dropdown-menu-second-layer {
    border: 1px solid white !important;
    box-shadow: 3px 3px 3px 2px #e5dede !important;
    background: white !important;
}

.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
    color: #4d4d4d;
    font-size: 15px;
    text-transform: capitalize;
    padding: 5px 10px;
    font-family: 'Roboto',sans-serif;
    display: block !important;
    text-align: center;
}

.mainmenu .active a, .mainmenu .active a:focus, .mainmenu .active a:hover, .mainmenu li a:hover, .mainmenu li a:focus, .navbar-default .navbar-nav > .show > a, .navbar-default .navbar-nav > .show > a:focus, .navbar-default .navbar-nav > .show > a:hover {
    text-decoration: none;
    color: #FF7D82;
    /*background: #F2E2F2;*/
    outline: 0;
    /*border-bottom: solid 2px #FF7D82;*/
}
/*.mainmenu .active a, .mainmenu .active a:focus, .mainmenu .active a:hover, .mainmenu li a:hover, .mainmenu li a:focus, .navbar-default .navbar-nav > .show > a, .navbar-default .navbar-nav > .show > a:focus, .navbar-default .navbar-nav > .show > a:hover { 
    text-decoration: none;color: #000;background: #1895b7;outline: 0;
}*/
/*==========Sub Menu=v==========*/
/*.mainmenu .collapse ul > li:hover > a{text-decoration: none;color: #000;background: #1895b7;}*/
/*.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{text-decoration: none;color: #000;background: #eee;}*/
/*.mainmenu .collapse ul ul ul > li:hover > a{text-decoration: none;color: #000;background: #1895b7;}*/

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu {
    background: #4d4d4d;
}

.second_dropdown_style {
    text-align: left !important;
}

    .second_dropdown_style:hover {
        background: #F2E2F2;
    }

/******************************Drop-down menu work on hover**********************************/
.mainmenu {
    background: #f2f2f2;
    border: 0 solid;
    margin: 0;
    padding: 0px 100px 0px 100px !important;
    min-height: 20px;
    width: 100%;
    position: fixed;
    top: 40px;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media only screen and (min-width: 767px) {
    .mainmenu .collapse ul li:hover > ul {
        display: block
    }

    .mainmenu .collapse ul ul {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 250px;
        display: none
    }
        /*******/
        .mainmenu .collapse ul ul li {
            position: relative
        }

            .mainmenu .collapse ul ul li:hover > ul {
                display: block
            }

        .mainmenu .collapse ul ul ul {
            position: absolute;
            top: 0%;
            left: 100%;
            min-width: 250px;
            display: none
        }
    /*******/
    /*.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none;z-index:1}*/

}

@media only screen and (max-width: 767px) {
    .navbar-language {
        margin-bottom: 5px;
    }

    .mainmenu {
        padding: 0px 10px !important;
    }

    .navbar-nav .show .dropdown-menu > li > a {
        padding: 2px 2px 2px 20px
    }

    .navbar-nav .show .dropdown-menu .dropdown-menu > li > a {
        padding: 2px 2px 2px 30px
    }

    .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
        padding: 2px 2px 2px 40px
    }

    .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
        padding: 2px 2px 2px 50px
    }

    .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
        padding: 2px 2px 2px 60px
    }
}

#btnBackToTop {
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

    #btnBackToTop img {
        width: 100%;
        height: 100%;
    }


/*###########################  SEARCH BUTTON ON TOP NAVIGATION  #################################*/
.button_search {
    width: 100%;
    margin-top: 8px;
    border: 2px solid #FF7D82;
    border-radius: 20px;
    background-color: white;
    color: #FF7D82;
}

    .button_search:hover {
        width: 100%;
        margin-top: 8px;
        border: 2px solid #FF7D82;
        border-radius: 20px;
        background-color: #FF7D82;
        color: white;
    }

@media (min-width: 991px) {
    .search_icon {
        padding-left: 10px;
        border-left: 1px solid #4d4d4d;
        position: relative;
    }

    .dropdown_search {
        right: 0;
        left: auto;
        border: 1px solid lightgray;
        border-radius: 3px;
        box-shadow: 0px 2px 6px 3px white !important;
        background-color: white !important;
        padding: 8px;
    }

    .top_nav_box {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .top_nav_border_bottom {
        width: 20px;
        border-bottom: 2px solid #FF7D82 !important;
        margin-top: -2px;
    }
}

@media only screen and (max-width: 991px) {
    .search_icon {
        padding-left: 10px;
        padding-bottom: 10px;
        position: relative;
        text-align: left;
    }

    .dropdown_search {
        left: -1px;
        border: 1px solid lightgray;
        border-radius: 3px;
        box-shadow: 0px 2px 6px 3px white !important;
        background-color: white !important;
        padding: 8px;
    }

    .navbar-collapse {
        background: #f2f2f2;
        border: 1px solid darkgray;
    }

    .top_nav_box {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 7px;
    }

    .top_nav_border_bottom {
        width: 20px;
        border-bottom: 2px solid #FF7D82 !important;
        margin-top: -2px;
    }
}

/*###########################  HOME PAGE  #################################*/
@media (min-width: 768px) {
    .home_button_news_more {
        position: absolute;
        right: 21px;
        top: 20px;
        font-size: 11pt;
        height: 65%;
    }
}

@media only screen and (max-width: 767px) {
    .home_button_news_more {
        position: absolute;
        right: 21px;
        top: -15px;
        font-size: 11pt;
        height: 65%;
    }
}

@media (min-width: 401px) {
    .home_button_video_more {
        position: absolute;
        right: 21px;
        top: 20px;
        font-size: 11pt;
        height: 65%;
    }
}

@media only screen and (max-width: 400px) {
    .home_button_video_more {
        position: absolute;
        right: 21px;
        top: -15px;
        font-size: 11pt;
        height: 65%;
    }
}

/*###########################  NEWS ITEM BOX  #################################*/
#section_news {
    background-color: #F2E2F2;
    padding: 40px 0px;
}

.card {
    border-radius: 20px;
    padding-top: 5px;
    width: 340px;
    margin: 0 auto;
}

.card-img-top {
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
}

.card-title {
    color: #FF7D82 !important;
    font-size: 16pt;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 5px;
    min-height: 58px;
}

.card-title_eng {
    color: #FF7D82 !important;
    font-size: 16pt;
    font-weight: bold;
    line-height: normal;
    min-height: 84px;
}

.card-title-on {
    color: #FF7D82 !important;
    font-size: 18pt;
    font-weight: bold;
    margin-bottom: 5px;
    cursor: pointer;
}

.card-title-off {
    color: #333333 !important;
    font-size: 18pt;
    font-weight: bold;
    margin-bottom: 5px;
}

.card-author {
    color: #FF7D82 !important;
}

.card-description {
    color: #333333 !important;
    font-size: 13pt;
    line-height: normal;
    margin-top: 15px;
    min-height: 72px;
}

.card-description_eng {
    color: #333333 !important;
    font-size: 13pt;
    line-height: normal;
    margin-top: 15px;
    min-height: 96px;
}

.card-body a {
    text-decoration: none;
}

.news-main-container {
    width: 100%;
}

.news-main-image {
    width: 100%;
    max-height: 450px;
}

.news-main-img {
    width: 100%;
    max-height: 450px;
}

.news-main-title a {
    color: #FFF200;
    text-decoration: none !important;
}

.news-main-date {
    color: #D1D3D4;
    padding-bottom: 10px;
}

.news-main-content {
    color: white;
    padding-bottom: 10px;
}


.news-list-img {
    width: 100%;
    height: 80px;
}

.news-list-title {
    color: white;
    text-decoration: none !important;
}

.news-list-date {
    color: #D1D3D4;
}

@media (min-width: 768px) {
    .news_title_word {
        color: #333333;
        font-size: 28pt;
        font-weight: bold;
        text-align: left;
    }
}

@media only screen and (max-width: 767px) {
    .news_title_word {
        color: #333333;
        font-size: 16pt;
        text-align: justify;
    }
}

/*########################### Position #################################*/
#section_position {
    background-color: white;
    padding: 40px 0px;
}

.position_title {
    height: 45px;
}

    .position_title img {
        height: 45px;
        position: absolute;
        z-index: 200;
    }

.position_title_border {
    border-bottom: solid 9px #ffe600;
    width: 100%;
    position: absolute;
    z-index: 100;
    height: 45px;
}

.position_item {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 5px 5px 15px 5px;
}

    .position_item img {
        width: 90%;
    }

.position_name {
    padding-top: 5px;
    font-size: 12pt;
    color: #333333;
    display: block;
}

.position_desc {
    font-size: 12pt;
    color: #333333;
    font-weight: bold;
    display: block;
}

/*########################### Video #################################*/
.video-container {
    background-color: #f2f2f2;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 1px solid #548FB6;
    padding: 60px 0px 80px 0px;
}

.yt-player-box {
    width: 100% !important;
    /*z-index: -1;*/
    /*min-height:300px;
    max-height:500px;*/
    background-color: #f2f2f2;
    background-size: cover;
    background-position: center;
}

#video {
    position: relative;
    background: transparent;
}

.ytplayer-player-inline {
    width: 100% !important;
}

.ytplayer-container {
    position: absolute;
    top: 0;
    z-index: -1;
}


/*########################### CONTENT PAGE #################################*/
.prev_post_link {
    color: #666666 !important;
    font-size: 18pt !important;
    text-decoration: none !important;
}

.next_post_link {
    color: #666666 !important;
    font-size: 18pt !important;
    text-decoration: none !important;
}

a.prev_next_post_link:hover {
    color: #ff7d82 !important;
}

.tag_person_bg {
    background-color: #F2E2F2;
}

.prev-chair-video-item {
    padding-top: 15px;
    text-align: center;
}

@media (min-width: 768px) {
    .page-header, .page-content {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .page-header, .page-content {
        padding-left: 50px;
        padding-right: 50px;
    }

    .prev-chair-video {
        text-align: center;
    }

    .prev-chair-video-item {
        padding: 2px 0;
    }
}

.post-news-title {
    font-size: 27pt;
    color: #FF7D82;
    font-weight: bold;
    padding: 30px 0 20px 0;
    background-color: white;
}

/*########################### RELATED ORG #################################*/
#section_related_org {
    background-color: #f2f2f2;
    padding-bottom: 20px;
}

/*########################### WANITA TAB STYLE #################################*/
@media only screen and (min-width: 1001px) {
    .wanita_tab_text {
        font-size: 16pt;
    }
}

@media only screen and (min-width: 801px) and (max-width: 1000px) {
    .wanita_tab_text {
        font-size: 13pt;
    }
}

@media only screen and (max-width: 800px) {
    .wanita_tab_text {
        font-size: 12pt;
    }
}

@media only screen and (min-width: 751px) {
    .wanita_tabbox_center {
        width: 100%;
        padding: 0px 15px;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -100%);
    }

    .wanita_tab_display {
    }
}

@media only screen and (max-width: 750px) {
    .wanita_tabbox_center {
        width: 100%;
        padding: 0px 15px;
        position: inherit;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -100%);
    }

    .wanita_tab_display {
        flex-direction: column;
    }
}


/*########################### WANITA ABOUT US #################################*/
/*big screen*/
@media (min-width: 768px) {
    .aboutus_wta_tab2_middle_border {
        border-right: 2px solid #F2F2F2;
        padding: 0px 10px;
    }

    .aboutus_wta_tab2_row {
        width: 50%;
    }
}

/*small screen*/
@media only screen and (max-width: 767px) {
    .aboutus_wta_tab2_middle_border {
        padding: 0px 10px;
        margin-bottom: 40px;
    }

    .aboutus_wta_tab2_row {
        width: 100%;
    }
}

/*########################### WANITA TEAM #################################*/

/*big screen*/
@media (min-width: 768px) {
    .team_tab1_wrapper {
        display: flex;
        margin-top: 30px;
    }

    .team_tab1_president_img_position {
        max-width: 300px;
        height: 100%
    }

    .team_tab2_frame_outer_box {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }

    .team_tab2_frame_inner_box {
        display: flex;
    }
}

/*small screen*/
@media only screen and (max-width: 767px) {
    .team_tab1_wrapper {
        margin-top: 30px;
        text-align: center;
    }

    .team_tab1_president_img_position {
    }

    .team_tab2_frame_outer_box {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }

    .team_tab2_frame_inner_box {
        display: flex;
    }
}

@media (min-width: 576px) {
    .team_slide5_en_box {
        display: flex;
        padding-top: 18px;
        padding-bottom: 18px;
        border-bottom: 1.6px solid lightgray;
    }

    .team_slide5_en_title {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 18px;
        color: #FF7D82;
        background-color: white;
    }

    .team_slide5_en_position {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 18px;
        color: #FF7D82;
    }

    .team_slide5_en_person {
        text-align: center;
        margin-top: 16px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 18px;
        font-weight: bold;
        color: #333333;
        line-height: 20px;
    }

    .team_slide5_en_content_width1 {
        width: 33%;
    }

    .team_slide5_en_content_width2 {
        width: 34%;
    }
}

@media only screen and (max-width: 575px) {
    .team_slide5_en_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 18px;
        padding-bottom: 18px;
        border-bottom: 1.6px solid lightgray;
    }

    .team_slide5_en_title {
        text-align: center;
        padding: 6px 10px;
        font-size: 18px;
        font-weight: bold;
        color: white;
        background-color: #FF7D82;
    }

    .team_slide5_en_position {
        text-align: center;
        margin-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 18px;
        color: #FF7D82;
    }

    .team_slide5_en_person {
        text-align: center;
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 18px;
        font-weight: bold;
        color: #333333;
        line-height: 20px;
    }

    .team_slide5_en_content_width1 {
        width: 100%;
    }

    .team_slide5_en_content_width2 {
        width: 100%;
    }
}

/*########################### WANITA HISTORY #################################*/
@media (min-width: 767px) {
    .modal-lg {
        max-width: 778.6px;
    }

    .history_detail_content_box {
        display: flex;
        padding-bottom: 20px;
    }

    .history_detail_content_scrollable {
        overflow-y: auto;
        max-height: 520px;
        padding-right: 30px;
        padding-left: 20px;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .history_detail_content_box {
        display: block !important;
        text-align: center;
    }

    .history_detail_content_scrollable {
        overflow-y: auto;
        max-height: 360px;
        padding-right: 20px;
        width: 100%;
    }
}

@media (min-width: 1000px) {
    .history_summary_box {
        display: flex;
        cursor: pointer;
    }

    .history_summary_text_box {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 8%;
    }
}

@media only screen and (max-width: 1000px) {
    .history_summary_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        cursor: pointer;
    }

    .history_summary_text_box {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /*padding-left: 0px;*/
        text-align: center;
    }
}

@media (min-width: 480px) {
    .history_row_box {
        display: flex;
        width: 100%;
        padding-left: 7.3%;
        padding-right: 7.3%;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1.6px solid lightgray;
    }

    .history_row_inner_box {
        width: 50%;
    }
}

@media only screen and (max-width: 480px) {
    .history_row_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding-left: 7.3%;
        padding-right: 7.3%;
    }

    .history_row_inner_box {
        width: 50%;
        padding-top: 20px;
    }
}

@media only screen and (min-width: 401px) {
    .publication_wrapper {
        width: 100%;
        display: flex;
        margin-top: 20px;
    }

    .publication_box {
        width: 50%;
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 400px) {
    .publication_wrapper {
        width: 100%;
    }

    .publication_box {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 12px 0px;
    }
}

/*########################### PUBLICATION  #################################*/
@media only screen and (min-width: 992px) {
    .publication_wrapper2 {
        width: 100%;
        display: flex;
        margin-top: 20px;
    }

    .publication_box2 {
        width: 50%;
        display: flex;
        justify-content: center;
    }
}

@media only screen and (min-width: 401px) and (max-width: 991px) {
    .publication_wrapper2 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .publication_box2 {
        width: 50%;
        display: flex;
        justify-content: center;
        padding: 12px 0px;
    }
}

@media only screen and (max-width: 400px) {
    .publication_wrapper2 {
        width: 100%;
    }

    .publication_box2 {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 12px 0px;
    }
}

/*########################### WANITA AGENDA & CONTACT #################################*/

@media (min-width: 1000px) {
    .agenda_content_wrapper_2 {
        padding-left: 3%;
        padding-right: 3%;
        margin-top: 50px;
        display: flex;
    }

    .agenda_box_contact {
        width: 50%;
    }

    .agenda_box_row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .agenda_box_row_2 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1000px) {
    .agenda_content_wrapper_2 {
        padding-left: 3%;
        padding-right: 3%;
        margin-top: 50px;
    }

    .agenda_box_contact {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .agenda_box_row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .agenda_box_row_2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        margin-bottom: 20px;
    }
}

/*########################### MCA DISCLAIMER #################################*/
.disclaimer_title {
    font-size: 25pt;
    color: #FF7D82;
    font-weight: bold;
    padding: 30px 0 20px 0;
}

/*########################### APPLICATION #################################*/
#section_member {
    background-image: linear-gradient(to bottom, #2d368e, #1260f2, #ffffff);
    padding: 60px 0px 100px 0px;
}

.join-button {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    background-color: white;
    border: 2px solid #2d368e;
    border-radius: 50px;
    font-size: 14pt;
    font-weight: bold;
    color: #2d368e;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    padding-left: 1vw;
    padding-right: 1vw;
    min-width: 50%;
    cursor: pointer;
    text-decoration: none;
}

    .join-button:hover {
        border: 2px solid #2d368e;
        border-radius: 50px;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
        padding-left: 1vw;
        padding-right: 1vw;
        font-size: 14pt;
        font-weight: bold;
        color: white;
        background-color: #2d368e;
        min-width: 50%;
        text-decoration: none;
    }

.join-button-auto {
    display: inline-block !important;
    min-width: unset !important;
}


/*.timeline {
    list-style: none;
    counter-reset: timeline;
    padding: 1rem;
}

    .timeline li {
        padding: 0 0 1rem 1rem;
        border-left: 1px solid #bccce2;
    }

        .timeline li:last-child {
            border: none;
        }

.timeline-circle {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.8rem;
    padding-right: 1rem;
    color: #333333;
    margin-left: -1.8rem;
}

    .timeline-circle::before {
        counter-increment: timeline;
        content: counter(timeline);
        display: inline-flex;
        align-items: center;
        background-color: #bccce2;
        border-radius: 3rem;
        height: 1.4rem;
        padding: 0 0.5rem;
        color: white;
    }

    .timeline-circle li {
        border: none;
        margin-left: -1.5rem;
        padding: 0 0 0.2rem 0.2rem;
    }*/

.bm-title {
    font-size: 15pt;
    color: #2d368e;
    font-weight: bold;
}

.bm-title2 {
    font-size: 20pt;
    color: #2d368e;
    font-weight: bold;
}

.bm-content {
    font-size: 12pt;
    color: #333333;
}

.bm-button-manual {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 50px 10px 20px;
}

/*########################### SIDEBAR YOUTUBE #################################*/
.youtube-box-div {
    margin-top: 20px;
    min-width: 285px;
}

.youtube-box-header {
    height: 40px;
    z-index: -1;
    position: relative;
    width: 100%;
}

.youtube-box-title {
    top: -30px;
    text-align: center;
    display: block;
    color: white;
    font-size: 18px;
    z-index: 1;
    position: relative;
}


/*########################### SIDEBAR SOCIAL MEDIA  #################################*/
.smedia-box-div {
    margin-top: 20px;
    /*height:290px;*/
    min-width: 285px;
}

.smedia-box-header {
    height: 40px;
    z-index: -1;
    position: relative;
    width: 100%;
}

.smedia-box-title {
    top: -30px;
    text-align: center;
    display: block;
    color: white;
    font-size: 18px;
    z-index: 1;
    position: relative;
}



/*########################### CALENDAR  #################################*/
.little-calendar {
    width: 100%;
    /*max-width: 100%;*/
    overflow: hidden;
}

@media (min-width: 768px) {
    .little-calendar {
        display: none !important;
    }

    .bm-divider-vertical {
        border-left: 1px solid #c0bcbc;
    }
}

@media only screen and (max-width: 767px) {
    .big-calendar {
        display: none !important;
    }

    .news-list-img {
        height: 80px;
    }

    .videoItemThumbail {
        width: 15%;
    }

    .videoItemTitle {
        width: 85%;
    }

    .bm-divider-vertical {
        border-left: none;
    }

    .bm-app-online {
        height: auto;
    }
}

/*########################### IMAGE  #################################*/
.img-responsive {
    max-width: 100%;
    height: auto;
}