@import url("../css/_episode-banner-section.css");
@import url("../css/_episode-slider-section.css");
@import url("../css/_contest-win-section.css");

.episode-fun-curve{position: absolute; z-index: -1;}
.episode-content-main{padding: 0 0 124px;}
.episode-icon{padding: 28px 20px 13px; width: 174px; height: 174px; left: 32px; bottom: -40px; position: absolute; z-index: 1; color: var(--white);}
.episode-icon::after{width: 100%; height: 100%; top: 0; left: 0; opacity: 0.75; content: ""; background-color: #000; position: absolute; z-index: -1;}
.episode-icon img{margin-bottom: 26px; opacity: 0.5; transition: all 0.3s ease-in;}
.episode-content-images:hover .episode-icon img{opacity: 1; transform: scale(1.1);}
.episode-icon figcaption{font-size: 16px; line-height: 20px;}
.episode-content-text h3{margin-bottom: 20px;}


/*-- media css starts here --*/
@media only screen and (min-width: 1024px){
    .brewery-episode-main{margin-bottom: 156px;}
    .brewery-episode-main{flex-direction: row-reverse;}
    .brewery-episode-text{width: 480px; margin-right: 150px; padding-top: 251px;}
    .brewery-episode-image{width: calc(100% - 630px); position: relative; z-index: 1;}
    .brewery-episode-thumb{min-width: 820px;}
    .brewery-episode-text h2{margin-bottom: 18px; font-size: 60px; line-height: 64px; letter-spacing: -0.56px;}
 
    .episode-fun-curve{bottom: 60px; right: 0;}
    .episode-content-list{margin-bottom: 65px;}
    .episode-content-images{width: 620px; margin-right: 180px;}
    .episode-content-text{width: calc(100% - 800px);}
    .episode-content-list:nth-child(even){flex-direction: row-reverse;}
    .episode-content-list:nth-child(even) .episode-content-images{margin-left: 180px; margin-right: 0;}
    .episode-content-list:nth-child(even) .episode-icon{left: auto; right: 32px;}

    .episode-slider-main{margin-bottom: -30px;}
    
}
@media only screen and (min-width: 768px){
    .brewery-path-lines{top: -2px; right: -49px; width: 908px; opacity: 0.3; position: absolute; z-index: -1;}
    .episode-content-bg{bottom: 403px; right: 0; width: 100%; opacity: 0.3; position: absolute; z-index: -1;}
    .episode-content-bg svg{display: block; margin-left: auto;}

    .episode-slider-section{z-index: 1;}
    .episode-slider-bg{top: -168px; left: 0; width: 100%; opacity: 0.3; position: absolute; z-index: -1;}
    .episode-page-bg{width: 100%;height: 700px;bottom: 0;left: 0;opacity: 0.15;background-image: linear-gradient(to bottom, #fff, #000);position: absolute;z-index: -1;}
}

@media only screen and (max-width: 1299px) and (min-width: 1024px){
    .brewery-episode-main{margin-bottom: 76px; align-items: center;}
    .brewery-episode-text{margin-right: 60px; padding-top: 0;}
    .brewery-episode-image{width: calc(100% - 540px);}

    .episode-content-main{padding: 0 0 94px;}
    .episode-content-images {width: 420px; margin-right: 45px; }
    .episode-content-text{width: calc(100% - 465px);}
    .episode-content-list:nth-child(even) .episode-content-images{margin-left: 45px; margin-right: 0;}
}  
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .brewery-episode-section .container{padding: 0;}
    .brewery-episode-main{display: block;}
    .brewery-episode-image{margin-bottom: 36px; margin-top: -120px; position: relative; z-index: 1;}
    .brewery-episode-text{padding: 0 20px 40px;}
    .brewery-episode-text h2{font-size: 32px; line-height: 36px; letter-spacing: -0.3px;}

    .episode-fun-curve{bottom: 60px; right: 0;}
    .episode-content-section .container{padding: 0;}
    .episode-content-list{display: block;}
    .episode-content-images{margin-bottom: 56px;}
    .episode-icon{left: 20px; bottom: -45px;}
    .episode-content-text{padding: 20px 20px 45px;}
    .episode-content-text h3{font-size: 28px; line-height: 36px; letter-spacing: -0.26px;}
    .episode-content-list:nth-child(even) .episode-icon{left: auto; right: 32px;}
    
    .episode-slider-main{padding: 0 0 81px;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .brewery-episode-section .container{padding: 0;}
    .brewery-episode-main{display: block;}
    .brewery-episode-image{margin-bottom: 24px; margin-top: -87px; position: relative; z-index: 1;}
    .brewery-episode-text{padding: 0 20px 40px;}
    .brewery-episode-text h2{font-size: 32px; line-height: 36px; letter-spacing: -0.3px;}
    .brewery-episode-text p:not(:last-child){margin-bottom: 19px;}

    .episode-fun-curve{top: -67px; bottom: auto; width: 100%;}
    .episode-content-section .container{padding: 0;}
    .episode-content-main{padding: 0 0 87px;}
    .episode-content-list{display: block;}
    .episode-content-list:nth-child(even) .episode-icon{right: 20px; left: auto;}
    .episode-content-images{margin-bottom: 56px;}
    .episode-icon{left: 20px; bottom: -45px;}
    .episode-content-text{padding: 20px 20px 45px;}
    .episode-content-text h3{font-size: 28px; line-height: 36px; letter-spacing: -0.26px;}

    .episode-path-mobile{top: -93px; left: 0; width: 100%; opacity: 0.3; position: absolute;}
    .episode-slider-main{padding: 0 0 81px;}
}