/*
Theme Name: Enfold Child
Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/* Add your own styles here: */

/* ============================================================
   Our Partners 섹션 모바일 배경색 fix (Home 페이지만 적용)
   ============================================================ */
@media only screen and (max-width: 767px) {
    .page-id-820 #av_section_11 {
        background-color: rgb(41, 41, 41) !important;
    }
}

/* ============================================================
   Hero Section 패딩 제거 (슬라이더 아래 흰 공간 방지)
   ============================================================ */
.hero-slider.container_wrap,
.hero-slider.av_section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.hero-slider.container_wrap > .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* ============================================================
   YouTube 비디오 Full Width
   ============================================================ */
.hero-slider.avia-fullwidth-slider {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
}
.hero-slider .avia-slideshow,
.hero-slider .avia-slideshow-inner,
.hero-slider .avia-slideshow-inner li,
.hero-slider .avia-slide-wrap {
    width: 100% !important;
    max-width: none !important;
}
.hero-slider .avia-slideshow-inner li,
.hero-slider .avia-slide-wrap {
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
}
.hero-slider .avia-slide-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
}
.hero-slider iframe,
.hero-slider .av-video-service-container {
    width: 100% !important;
    height: 100% !important;
}
.hero-slider .avia-slideshow-inner iframe {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    min-width: 100% !important;
    min-height: 100% !important;
    width: 177.77vh !important;
    height: 56.25vw !important;
}
@media only screen and (min-width: 990px) {
    .hero-slider.avia-fullwidth-slider,
    .hero-slider .avia-slideshow,
    .hero-slider .avia-slideshow-inner {
        height: 70vh !important;
        min-height: 70vh !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
    .hero-slider.avia-fullwidth-slider,
    .hero-slider .avia-slideshow,
    .hero-slider .avia-slideshow-inner {
        height: 60vh !important;
        min-height: 60vh !important;
    }
}
@media only screen and (max-width: 767px) {
    .hero-slider.avia-fullwidth-slider,
    .hero-slider .avia-slideshow,
    .hero-slider .avia-slideshow-inner {
        height: 40vh !important;
        height: 40dvh !important;
        min-height: 40vh !important;
        min-height: 40dvh !important;
        overflow: hidden !important;
    }
    .hero-slider iframe,
    .hero-slider .av-video-service-container {
        display: none !important;
    }
}

/* ============================================================
   박스형 레이아웃
   ============================================================ */
@media (min-width: 990px) {
    .boxed-grid-row {
        max-width: 1400px;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow: hidden;
    }
}

/* ============================================================
   오버레이 그라데이션 제거
   ============================================================ */
.av-fold-unfold-container::after {
    background: none !important;
    display: none !important;
}

/* ============================================================
   Border 전체 제거
   ============================================================ */
div[id^="after_grid_row"] {
    border-bottom: none !important;
    border-top: none !important;
}
div[id^="after_section"] {
    border-bottom: none !important;
    border-top: none !important;
}
#after_grid_row_1.container_wrap {
    border: none !important;
    min-height: auto !important;
}
#top #wrap_all #main #av_section_1,
#top #wrap_all #main #av_section_1::before,
#top #wrap_all #main #av_section_1::after {
    border: none !important;
    box-shadow: none !important;
}
#top #wrap_all #main #av_section_2 {
    border-top: none !important;
}

/* ============================================================
   아코디언 border 제거
   ============================================================ */
#top .toggler,
#top .toggle_content {
    border: none !important;
}

/* ============================================================
   아코디언 헤더 텍스트 검정
   ============================================================ */
#top .toggler {
    color: #000000 !important;
}

/* ============================================================
   아코디언 아이콘 회색 유지
   ============================================================ */
#top .toggler .toggle_icon,
#top .toggler .toggle_icon > span {
    border-color: #aaaaaa !important;
}
#top .toggler .toggle_icon > span,
#top .toggler:hover .toggle_icon > span {
    transition: none !important;
}

/* ============================================================
   섹션 메인 헤딩 크기 fix
   ============================================================ */
h1 {
    font-size: 2.4em;
}

/* ============================================================
   Hero Slider 캡션 폰트 크기 fix (Enfold 스케일링 override)
   ============================================================ */
@media only screen and (min-width: 990px) {
    .hero-slider .avia-caption-title {
        font-size: 60px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
    .hero-slider .avia-caption-title {
        font-size: 44px !important;
    }
}
@media only screen and (max-width: 767px) {
    .hero-slider .avia-caption-title {
        font-size: 28px !important;
    }
}

/* ============================================================
   Project Row: Avia Slideshow as background-image replacement
   ─ Slider column에 "project-slide-col" 클래스 추가
   ─ Slideshow Image Size: No Scaling / 사진 1200x800px 업로드
   ─ 높이 싱크는 functions.php wp_footer JS 가 담당
   ============================================================ */
.project-slide-col {
    padding: 0 !important;
    margin: 0 !important;
    align-self: stretch !important;
}

.project-slide-col .flex_cell_inner {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.project-slide-col .avia-slideshow {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.project-slide-col .avia-slideshow-inner {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 400px !important;
    position: relative !important;
    overflow: hidden !important;
}

.project-slide-col .avia-slideshow-dots {
    display: none !important;
}

.project-slide-col .avia-slideshow li {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* avia-slide-wrap: Avia가 img를 감싸는 div - 이걸 li에 맞게 늘려야 object-fit: cover 작동 */
.project-slide-col .avia-slide-wrap {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.project-slide-col .avia-slide-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

@media only screen and (max-width: 767px) {
    .project-slide-col {
        height: 65vw !important;
        min-height: 0 !important;
        max-height: 65vw !important;
        align-self: auto !important;
        overflow: hidden !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .project-slide-col ~ .flex_column,
    .project-slide-col ~ [class*="flex_c"],
    .project-slide-col ~ [class*="av-gridrow"] {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .project-slide-col .flex_cell_inner,
    .project-slide-col .avia-slideshow,
    .project-slide-col .avia-slideshow-inner,
    .project-slide-col .avia-slideshow li,
    .project-slide-col .avia-slide-wrap {
        height: 100% !important;
        min-height: 0 !important;
        margin-bottom: 0 !important;
    }
}