/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         문정국
 Author URI:     
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/* 푸터 숨기기 */
#main-footer {
    height: 0 !important;
    overflow: hidden;
}
#main-header {
    display:none;
}
#main-content{
    background-color:#00000000
}
/* 장바구니 텍스트 수정 */
body {
    color:#ffffff
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
    
}

/* mfp = magnific popup */
.mfp-wrap {
    z-index: 2 !important;
    outline: none !important;
    
}
.mfp-content {
    z-index: auto;
    transform: translate3d(-5%, 0, 0);
    transition: 0.5s all ease-in-out;
}
.mfp-content.on{
    opacity:1;
    transform: translate3d(0, 0, 0);
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity:1
}
.mfp-fade .mfp-wrap.mfp-wrap.mfp-removing .mfp-content {
    opacity:0
}
/* 팝업 닫기 버튼 설정 */
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{
    font-size:100px;
    font-family:Open Sans,Arial,sans-serif;
    font-weight:200;
    top:-60px;
    text-align:right;
    opacity:.2;
    z-index:2
}
/* 빌더 설정에서 안먹혀서 강제 설정한 팝업 폭-높이값, 고쳐지면 제거 */
.mfp-iframe-holder .mfp-content{
    width:85%;
    height:100%;
    max-width:500px
}

/* 팝업 박스 배치 */ 
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000;
    }

 /* 팝업 박스 배치 - 모바일 간섭 없게 */
.mfp-container {
    text-align: left;
    position: absolute;
    
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }


/*스크롤바*/
/*팝업 상단으로 붙이기, 배경색 흑백으로*/
iframe#dp-dfg-popup-modal-iframe {
    margin-top: 0px;
    background-color: #000000;
    border-style: solid;}

    .mfp-preloader {
        color: #ccc;
        position: absolute;
        top: 50%;
        width: auto;
        text-align: center;
        margin-top: 1.2em;
        left: 50%;
        right: 0%;
        z-index: 1044;
        }

    .et-fb-loader-wrapper{left:0%;right:0%;}
/*팝업 뒷배경 삭제*/
.mfp-bg {
    display:none;    
}
/*장바구니 담기 버튼 수정 시작*/
.single-product .product .single_add_to_cart_button.button{
	background-color: #ffffff;
	color: #FFFFFF;
}
.woocommerce .product .add_to_cart_button.button{
	background-color: #ffffff;
	color: #FFFFFF;}

.single-product .product .single_add_to_cart_button.button:hover{
        background-color: #ffffff;
        color: #FFFFFF;}
.woocommerce .product .add_to_cart_button.button:hover{
        background-color: #ffffff;
        color: #FFFFFF;}
.woocommerce button.button:hover{
    background-color : #ffffff;
};
.woocommerce-page a.button.alt, .woocommerce a.button.alt {
    border-color:#ffffff
}
.woocommerce a.button, .woocommerce-page a.button{
    color:#ffffff
}
.woocommerce a.button.alt
{
    color:#ffffff !important;
background-color: #2596be !important;
}
.woocommerce a.button.alt:hover{
    color:#ffffff
} 
.woocommerce-page .et_pb_wc_cart_products .quantity input.qty, .woocommerce .et_pb_wc_cart_products .quantity input.qty{
    width: 35%
}
.woocommerce-message a.button.wc-forward, .woocommerce-message a.button.wc-forward:hover {
    border: solid;
    background: #fff;
}
.et_pb_wc_cart_products .quantity .qty{
    text-align:center
}

.entry-content thead th, .entry-content tr th {
    color: #ffffff;
    }

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #000000;
    border-radius: 5px;
    }

    .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty {
        width: 400px;
    }
/*장바구니 담기 버튼 수정 끝*/

/* 스크롤바 사이즈 */
::-webkit-scrollbar {
	width: 8px;
}
/* 스크롤바 배경색 */
::-webkit-scrollbar-track {
	background: rgba(34, 34, 34, 0.35);
    backdrop-filter: blur(12px);              /* 글래스모피즘 핵심 */
    -webkit-backdrop-filter: blur(12px);      /* 사파리 대응 */
    color: #fff;
}

/* 스크롤바 색  */
::-webkit-scrollbar-thumb {
	background: rgba(34, 34, 34, 0.35);
	border-radius: 10px;
    backdrop-filter: blur(12px);              /* 글래스모피즘 핵심 */
    -webkit-backdrop-filter: blur(12px);      /* 사파리 대응 */
    color: #fff;
}

/* 스크롤바 호버링 관련 */
::-webkit-scrollbar-thumb:hover {
}

/* 팝업 내부 텍스트 좌측 정렬, important 빼면 아래와 충돌하니 건들지 말 것 */
#left-area ul, .entry-content ul{
    text-align: left !important;
}
/* 필터그리드 필터 우측 정렬 */
#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
    text-align: right;
}