/* Locale TH */

.animated--section .close--section .close--proper {
    line-height: 0 !important;
}

.msig-custom-biodiversity .views-field-field-banner-text {
    margin-left: 0px;
    margin-right: 0px;
}

.msig-custom-biodiversity .slick-dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.partners-custom-layout .view-homepage-banner .view-rows .views-row .homepage-wrapper .views-field-field-banner-text .field-content {
    max-width: unset;
    max-width: 100%;
    width: 100%;
}

.partners-custom-layout .page-title {
    display: none;
}

.partners-custom-layout .views-field-field-banner-text {
    margin-left: 0px;
    margin-right: 0px;
}

.partners-custom-layout .view-homepage-banner .view-rows .views-row .homepage-wrapper {
    position: absolute;
    width: 100%;
    top: 0px;
    height: 100%;
    margin-top: unset;
}

.view-homepage-banner .view-rows .views-row .homepage-wrapper {
    top: 0;
    margin-top: 0;
}

@media only screen and (max-width: 857px) {
    .partners-custom-layout .view-rows .views-row .views-field-field-mobile-image:before {
        display: none;
    }
    .partners-custom-layout .view-homepage-banner .view-rows .views-row .homepage-wrapper {
        padding: 0;
    }
}


/* to fixed missing node__container class for hk*/

.bio-kh-page-layout #main-content .l-rw.regions.container.pr-main__rw.arc--1.hr--1,
.bio-kh-page-layout #main-content .l-r.region.pr-main__content {
    padding: 0;
}

.bio-kh-page-layout h1.page-title {
    display: none;
}

.bio-kh-page-layout .block-main-content,
.msig-custom-biodiversity-quizzes-and-videos .block-main-content {
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1305px;
    margin: 0 auto;
}

.msig-custom-biodiversity-quizzes-and-videos h1.page-title {
    margin: 50px 0 20px;
    width: 100%;
}

@media only screen and (max-width: 420px) {
    .bio-kh-page-layout .block-main-content,
    .msig-custom-biodiversity-quizzes-and-videos .block-main-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}


/* end fixed missing node__container class for hk*/

.partners-custom-layout .mainaccordion .accordion_section_title {
    color: #1c0761;
}

.partners-custom-layout .mainaccordion .accordion_section_content {
    margin: 0;
}

.pr-highlighted .container .pr-highlighted__highlighted .block-plugin-id--views-block-homepage-banner-block-1 .view-homepage-banner .view-rows .views-row .views-field-field-banner-text {
    position: initial;
}

.pr-highlighted .container .pr-highlighted__highlighted .block-plugin-id--views-block-homepage-banner-block-1 .view-homepage-banner .view-rows .views-row .views-field-field-banner-text .field-content {
    max-width: 100%;
}


/* slick dots ui */

.slick-dots {
    position: relative;
    width: 100%;
    margin: 25px 0 0;
    text-align: center;
}

.slick-dots li {
    position: relative;
    z-index: 0;
    margin: 0 12px;
    list-style-type: none;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #95989a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

.slick-dots li button {
    display: none;
}

.slick-dots li div {
    background: #FFF !important;
}

.slick-dots li div::after {
    content: none;
}

.slick-dots li.slick-active {
    background: #dadada;
    border: 2px solid #dadada;
}

.slick-dots li.slick-active div {
    background: #dadada !important;
}

.slick-dots {
    position: absolute;
    bottom: 40px;
}

.slick-arrow {
    color: #808080;
    width: 40px;
    height: 40px;
    border: 1px solid #808080;
    background: #FFF url('../images/biodiversity/arrows_slider.png') no-repeat;
    text-indent: -9999999px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -45px;
    z-index: 1;
    background-size: 200%;
    opacity: 1;
    -webkit-box-shadow: 0 0 6px -1px #808080;
    -moz-box-shadow: 0 0 6px -1px #808080;
    -ms-box-shadow: 0 0 6px -1px #808080;
    box-shadow: 0 0 6px -1px #808080;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.slick-arrow:hover,
.slick-arrow:focus {
    background-color: #FFF;
}

.slick-arrow.slick-prev {
    left: calc(0% - 20px);
    background-position: 15px 50%;
    -ms-animation: left-arrow 0.75s infinite;
    -moz-animation: left-arrow 0.75s infinite;
    -webkit-animation: left-arrow 0.75s infinite;
    -o-animation: left-arrow 0.75s infinite;
    animation: left-arrow 0.75s infinite;
}

.slick-arrow.slick-next {
    right: calc(0% - 20px);
    background-position: -52px 50%;
    -ms-animation: right-arrow 0.75s infinite;
    -moz-animation: right-arrow 0.75s infinite;
    -webkit-animation: right-arrow 0.75s infinite;
    -o-animation: right-arrow 0.75s infinite;
    animation: right-arrow 0.75s infinite;
}

.slick-arrow.slick-disabled {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .slick-dots,
    .msig-custom-biodiversity .slick-dots {
        margin: 15px 0 0;
        bottom: 25px;
    }
    .slick-dots li {
        width: 12px;
        height: 12px;
        overflow: hidden;
        margin: 0 7px;
        border: 2px solid #BBBBBB;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
    }
    .slick-dots li.slick-active {
        background: #dadada;
        border: 2px solid #dadada;
    }
    .slick-dots li div {
        background: transparent !important;
    }
    .slick-dots li div:after {
        display: none;
    }
    .ecosystem--overlays .slick-dots {
        margin: 0 0 0;
        bottom: -22px;
        left: calc(50% - 14px);
    }
}

.msig-custom-biodiversity h1.page_title,
.partners-custom-layout h1.page_title,
.bio-kh-page-layout h1.page_title {
    display: none;
}

.msig-custom-biodiversity-quizzes-and-videos h1.page_title {
    margin: 50px 0 20px;
    width: 100%;
}

.mainaccordion .accordion_content .accordion_section_content .mainaccordion .accordion_content:first-child .accordion_section_content {
    display: none;
}

.mainaccordion .accordion_content:first-child .accordion_section_content {
    display: none;
}

.mainaccordion .accordion_content .field__items .field__item .accordion_section_content {
    display: none;
}

.mainaccordion .accordion_content .field__items .field__item:first-child .accordion_section_content {
    display: none;
}

html[lang="th"] body,
html[lang="th"] p,
html[lang="th"] a,
html[lang="th"] body *,
html[lang="th"] .button,
html[lang="th"] a.button, 
html[lang="th"] .msig-btn, 
html[lang="th"] a.msig-btn:link,
html[lang="th"] a.msig-btn:visited,
html[lang="th"] .view-biodiversity-banner-main-page .views-field-field-banner-text p,
html[lang="th"] .view-biodiversity-banner-main-page .view-rows .views-row .homepage-wrapper .views-field-field-link a {
    font-family: "Mitr-light"!important;
}

.mainaccordion .accordion_section_title {
    color: #1c0761;
    margin-bottom: 1px;
}

.mainaccordion .accordion_section_content {
    margin: 0!important;
}

@media only screen and (max-width: 1024px) {
    .ecosystem--overlays .slick-next {
        right: 25px!important;
    }
    .ecosystem--overlays .slick-prev {
        left: 25px!important;
    }
}
@media only screen and (max-width: 420px) {
    .bio-accordion .bio__tabs-content-inner .bio__tabs-content--top-text>h3 {
        font-size: 20px;
    }
    .bio-accordion .bio__tabs-content-inner .bio__tabs-content--top-text>h2 {
        font-size: 28px;
    }
    .bio__tabs-content#tab-0 .bio__tabs-content-inner .bio__tabs-content--top-text, .bio__tabs-content#tab-0 .bio__tabs-content-inner p {
        font-size: 16px;
    }
}
/* only parteners page only second banner font reduce for only translated*/
@media only screen and (min-width: 1138px) and (max-width: 1403px) {
    
    html[lang="th"] .partners-custom-layout #partner_banner_slider__2 .slick-slide .homepage-wrapper .homepage-inner .banner-top-elements .views-field-field-link {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
    html[lang="th"] .partners-custom-layout #partner_banner_slider__2 .banner-top-elements {
        max-width: 75%!important;
    }
    html[lang="th"] .partners-custom-layout #partner_banner_slider__2 .views-field-field-banner-text {
        max-width: 100%;
    }
    html[lang="th"] .partners-custom-layout #partner_banner_slider__2 .slick-slide .homepage-wrapper .homepage-inner .banner-top-elements h1 {
        font-size: 39px;
    }
     html[lang="th"] .partners-custom-layout #partner_banner_slider__2 .slick-slide .homepage-wrapper .homepage-inner .banner-top-elements p {
        font-size: 22px;
        line-height: 26px;
     }
}