/*
Theme Name:     Child Divi Theme 
Description:    Child Divi Theme
Author:         WNT
Template:       Divi
*/

@import url("../Divi/style.css");

/* Desktop မှာ Mobile Menu (Hamburger) ကို အတင်းပေါ်စေပြီး Standard Menu ကို ဖျောက်ရန် */

@media all and (min-width: 981px) {
    /* Standard Menu ကို ဖျောက်မယ် */
    #top-menu-nav, #mnu .et_pb_menu__menu { 
        display: none !important; 
    }

    /* Mobile Menu (Hamburger) ကို ပြန်ဖော်မယ် */#mnu .et_mobile_nav_menu,
    #mnu #et_mobile_nav_menu, #mnu .et_pb_mobile_menu_bar { 
        display: block !important; 
    }
    
    /* Hamburger Icon ရဲ့ အနေအထားကို ညှိရန် */
    #mnu .et_pb_mobile_menu_bar {
        float: right;
        margin-top: 10px;
        
    }
}

#mnu .et_mobile_nav_menu{
    background:#d3e4fe;
}

/* Mobile Menu ကို Screen အပြည့် ဖြစ်စေရန် */
#mnu .et_mobile_menu {
    /*width: 100vw !important; /* Screen အကျယ်အပြည့် */
   /* left: 0 !important;      /* ဘယ်ဘက်ကပ်ရန် */
    right: 0 !important;
   /* height: 100vh !important; /* Screen အမြင့်အပြည့် */
   /* position: fixed !important; 
    top: 0px !important;    /* Header အမြင့်ပေါ်မူတည်ပြီး ချိန်ညှိနိုင်သည် */
    z-index: 9999 !important;
    border-top: none !important;
    background-color: #ffffff !important; /* နောက်ခံအရောင် */
    padding-top: 40px !important;
    text-align: center !important; /* စာသားများကို အလယ်ပို့ရန် */
}

/* Menu list item တစ်ခုချင်းစီကို အလယ်ပို့ပြီး စာလုံးကြီးရန် */
#mnu .et_mobile_menu li a {
    font-size: 24px !important;
    padding: 20px !important;
    display: block !important;
    list-style:none;
}

#mnu .et_mobile_menu li{
    list-style-type:none;
}

/* Menu ပွင့်နေချိန် နောက်က scroll မဖြစ်အောင် ဖျောက်ထားလိုလျှင် */
#mnu .et_mobile_menu_opened {
    overflow: hidden;
}

/* Hamburger ပွင့်သွားတဲ့အခါ X ပုံစံပြောင်းရန် */
#mnu .mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d" !important; /* Divi Icon Set ထဲက 'X' သင်္ကေတ */
    color: #ff0000 !important; /* ပိတ်တဲ့ Icon အရောင် (စိတ်ကြိုက်ပြင်နိုင်သည်) */
}

/* Menu ပွင့်ချိန်မှာ Icon ကို အပေါ်မှာ ပေါ်နေအောင် ညှိခြင်း */
#mnu .mobile_nav.opened .mobile_menu_bar {
    position: fixed;
    z-index: 10000;
    top: 25px; /* Header အနိမ့်အမြင့်ပေါ်မူတည်ပြီး ညှိပါ */
    right: 5%;
}

ul#menu-top-menu li a{
    background: #0a5c7a;
    padding: 10px 30px;
 color:#fff;
 line-height:35px;
}

#mid-menu.et_pb_menu .et-menu>li{
    padding-left:5px;
    padding-right:5px;
}

#mid-menu .menu-item-has-children>a:first-child:after {
    right: 10px !important;
    top: 10px !important;
}    

#mid-menu .nav li ul{
    background: #0a5c7a !important;
    padding: 0px !important;
}

ul#menu-top-menu .sub-menu li a{
    padding: 10px 10px;
    line-height:15px;
}

.simg img{
    border-radius:5px !important;
}

.wpcp-single-item.wcp-video-item i {
    color:#ff0000 !important;
    font-size:30px !important;
}

.bdpp-post-carousel-wrap.bdpp-has-arrows{
    padding-top:7px;
}

@media (max-width: 479px) {
   #mbar .et_pb_row .et_pb_column.et_pb_column_1_4,#mbar .et_pb_row .et_pb_column.et_pb_column_1_2{
       margin-bottom:0px;
   }
}


#mobile_menu2{
    background-color: #ffffff !important;
}

.bdpp-post-carousel-wrap .owl-nav {
   position: unset; 
    top: 0;
    text-align: center;
    right: 0;
    margin: 0px !important;
    width: 100%;
    padding-top:5px;
    padding-bottom:5px;
}

.bdpp-post-carousel-wrap .owl-nav .owl-next, .bdpp-post-carousel-wrap .owl-nav .owl-prev{
    border-radius:50px !important;
    background:#0a5c7a !important;
    padding: 3px 12px 5px 12px !important;
    font-size:19px;
}

.bdpp-post-carousel-wrap.bdpp-design-2 .bdpp-no-thumb .bdpp-post-margin-content{
    border:0px !important;
}
/*.bdpp-post-carousel-wrap.bdpp-has-arrows{
    padding-top:40px;
}*/

.wpcp-carousel-section.nav-top-right .wpcp-next-button, .wpcp-carousel-section.nav-top-right .wpcp-prev-button{
    /*top:auto;*/
}

.wpcp-carousel-section .swiper-button-next, .wpcp-carousel-section .swiper-button-prev{
    border-radius:50px !important;
    background:#0a5c7a !important;
}

/*.wpcp-carousel-section .swiper-button-next{
    right:43% !important;
    margin-top:10px;
}

.wpcp-carousel-section .swiper-button-prev{
    left:43%;
    margin-top:10px;
}*/

/* Navigation Arrows ကို အောက်ခြေ အလယ်ပို့ခြင်း */
.wpcp-carousel-section .swiper-button-next,.wpcp-carousel-section .swiper-button-prev {
    top: auto !important; /* အပေါ်က position ကို ဖျက်ခြင်း */
    bottom: -50px !important; /* Slider ရဲ့ အောက်ဘက် 50px မှာ ထားခြင်း (နေရာအနိမ့်အမြင့် ညှိနိုင်သည်) */
    transform: none !important;
}

/* ဘယ်ဘက်မြှား (Previous) */
.wpcp-carousel-section .swiper-button-prev {
    left: calc(50% - 30px) !important; /* အလယ်ကနေ ဘယ်ဘက်ကို 45px ခွဲထုတ်ခြင်း */
}

/* ညာဘက်မြှား (Next) */
.wpcp-carousel-section .swiper-button-next {
    right: calc(50% - 33px) !important; /* အလယ်ကနေ ညာဘက်ကို 45px ခွဲထုတ်ခြင်း */
}

/* Slider အောက်မှာ မြှားတွေအတွက် နေရာလွတ် ချပေးခြင်း */
.wpcp-carousel-section {
    margin-bottom: 70px !important; /* မြှားတွေ ပေါ်ဖို့အတွက် အောက်ခြေမှာ Margin ပေးရန် */
}


.owl-carousel.owl-drag .owl-item{
    background:#fff;
}

.bdpp-post-content{padding: 20px 20px 20px 20px;}

/* ============================================================================*/

/* ၁။ ဘေးတိုက် Scroll bar ဖျောက်ခြင်း */
/*.et_pb_section, .et_pb_row {
    overflow-x: hidden !important;
}*/

/* ၂။ Slider အပြင်ဘောင်ကို နေရာချန်ခြင်း */
#esld .one .owl-stage-outer {
    overflow: visible !important;
    padding: 50px 0 !important;
}

/* ၃။ Slide တစ်ခုချင်းစီရဲ့ Width ကို အသေမထားဘဲ Auto ပေးခြင်း */
#esld .one .owl-item {
    transform: scale(0.85);
    opacity: 0.5;
    transition: all 0.4s ease-in-out;
    width: auto !important; /* ဗြုတ်ဗြဲမဖြစ်အောင် width အသေမထားပါနဲ့ */
}

/* ၄။ Slide တစ်ခုချင်းစီကြားက ကွာဟချက်ကို ထိန်းညှိခြင်း */
#esld .one .bdpp-post-slide {
    width: 450px !important; /* Slide တစ်ခုချင်းရဲ့ အကျယ်ကို ဒီမှာပဲ ထိန်းပါ */
    margin: 0 20px !important;
    background: #0a5c7a !important;
    overflow: hidden;
}

/* ၅။ အလယ်ပုံ (ဒုတိယမြောက် Active Slide) ကို ကြီးခိုင်းခြင်း */
#esld .one .owl-item.active + .owl-item.active {
    transform: scale(1.1) !important;
    opacity: 1 !important;
    z-index: 999 !important;
}

/* ၆။ တတိယပုံကို ပြန်သေးပေးခြင်း */
#esld .one .owl-item.active + .owl-item.active + .owl-item.active {
    transform: scale(0.85) !important;
    opacity: 0.5 !important;
}

/* ၇။ စာသားအကွက် ပုံစံညှိခြင်း */
#esld .one .bdpp-post-carousel-content {
    background: #0a5c7a !important;
    color: #ffffff !important;
    padding: 25px !important;
    text-align: center !important;
}

#esld .one .bdpp-post-title a {
    color: #ffffff !important;
    font-size: 20px !important;
}


#esld .owl-carousel.owl-drag .owl-item{
    background: transparent !important;
}

#esld .bdpp-post-title a,#esld .bdpp-post-img-bg a{
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
}

#mobile_menu1 ul.sub-menu li a {
    line-height: 2.2em;
    padding: 3px !important;
    font-size: 12px !important;
    text-align:left;
}

/*#menu-item-371, .menu-item-67{display:none;}*/

#gal .et_pb_grid_item{
        width: 32%;
        margin-right: 1%;
        margin-bottom: 5.5%;
    }
    
.wpcf7-submit{
    background:#0f617f;
    border:0px;
    color:#ffffff;
}

.wpcf7-submit:hover{
    background:#49a0bb !important;
    border:0px;
    color:#ffffff;
}

#eimg:before, #eimg:after {
    content: '';
    border-top: 2px solid #0a5c7a;
    border-left: 2px solid #0a5c7a;
    position: absolute;
    top: -6px;
    left: -6px;
    right: calc(100% - 70px);
    bottom: calc(100% - 70px);
    z-index: -1;
    transition: all 0.4s ease 0s;
}

#eimg:after {
    transform: rotate(180deg);
    right: -6px;
    bottom: -6px;
    left: calc(100% - 70px);
    top: calc(100% - 70px);
}

#eimg:hover{
    color: #555; 
    background: #555;
    border-color: #555;
}

#eimg:hover:before{
    right: -6px;
    bottom: -6px;
    border-color: #555;
}
#eimg:hover:after{
    top: -6px;
    left: -6px;
    border-color: #555;
}

#team .et-pb-arrow-next{
    right: 0px !important;
    opacity: 1;
}

#team .et-pb-arrow-prev{
    left: 0px;
    opacity: 1;
}

.bdpp-post-carousel-wrap h2.bdpp-post-title{
    font-size:20px;
}