/*
 Theme Name:   เด็กร่วมผู้ใหญ่สร้าง2
 Theme URI:    https://www.เด็กร่วมผู้ใหญ่สร้าง.com/gen2
 Description:  เด็กร่วมผู้ใหญ่สร้าง 2
 Author:       Yosaki
 Author URI:   http://www.yoskai.com/
*/

* {
    box-sizing: border-box;
}

html {
    margin: 0 !important;
}

body {
    background-color: #A7C888;
}

.navbar-toggler {
    background: rgba(0, 0, 0, .3);
}

section.scroll>div.container {
    position: relative;
    background: url('https://www.xn--12cyt7ayackd0bzbygwcuec4c2cvagbo.com/wp-content/themes/dek2/assets/img-course-online/bg-course-online-bg.png') no-repeat bottom center #fff !important;
    background-size: contain !important;
}

section.scroll>div.container.no-bg {
    position: relative;
    background: none #fff !important;
}

footer.bg-warning {
    background-color: #205A41 !important;
}

section.scroll>div.container>div.shade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(4, 191, 166, .3);
    z-index: 1;
}

section.scroll>div.container>div.shade2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(107, 164, 58, .3);
    z-index: 1;
}

section.scroll>div.container>div,
section.scroll>div.container>div {
    position: relative;
    z-index: 2;
    min-height: 400px;
}

.btn-mirror {
    position: relative;
    background: url("images/btn-mirror.png") no-repeat bottom center;
    background-size: contain;
    padding: 5px 10px;
}

/* .btn-mirror:after,
.btn-mirror:before {
    content: "";
    position: absolute;
    display: block;
    width: inherit;
    height: 50%;
    bottom: -52%;
}

.btn-mirror:after {
    background: inherit;
    transform: scaleY(-1);
}

.btn-mirror:before {
    z-index: 1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);
} */

@media (max-width:767px) {
    .navbar-custom .navbar-nav .nav-item .nav-link {
        background: rgba(255, 255, 255, .3);
        color: #fff;
    }
}

.btn-active {
    background-color: #006837;
}

.btn-outline-primary {
    border-color: #006837;
    ;
}

div.navbar-collapse.collapse.show {
    background-color: rgba(0, 0, 0, .3);
}