.elementor-45801 .elementor-element.elementor-element-1889a7c{--display:flex;--min-height:calc(100vh - 100px);--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-45801 .elementor-element.elementor-element-8a6aeaa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-45801 .elementor-element.elementor-element-8a6aeaa:not(.elementor-motion-effects-element-type-background), .elementor-45801 .elementor-element.elementor-element-8a6aeaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-45801 .elementor-element.elementor-element-d60cf10 .elementor-heading-title{font-family:"Noto Sans TC", Sans-serif;font-size:40px;font-weight:500;line-height:1.2em;letter-spacing:2px;text-shadow:1px 3px 3px rgba(0,0,0,0.3);color:var( --e-global-color-06daa9b );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-45801 .elementor-element.elementor-element-171ac3c{text-align:justify;color:var( --e-global-color-06daa9b );font-family:"Noto Sans TC", Sans-serif;font-size:1rem;font-weight:400;}.elementor-45801 .elementor-element.elementor-element-8e8a143{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-45801 .elementor-element.elementor-element-8a6aeaa{--width:25%;}.elementor-45801 .elementor-element.elementor-element-8e8a143{--width:75%;}}/* Start custom CSS for theme-post-content, class: .elementor-element-171ac3c */.elementor-45801 .elementor-element.elementor-element-171ac3c p {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}/* End custom CSS */
/* Start custom CSS */.beer-category-page {
    background: #000000;
    
    .craft-beer-side-column {
        transform: translateX(-20%);
        opacity: 0;
        transition: 
            transform 1s ease-out,
            opacity 1s ease-out;
    }
    .craft-beer-side-column.animated {
        transform: translateX(0%);
        opacity: 1;
    }
    .elementor-widget-theme-post-content p {
        font-size: 1.3rem;
    }
    .beer-types {
        display: grid;
        grid-template-columns: repeat(4, 1fr);

        .beer-type {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            height: 140px;
            padding: 20px 40px;
            background: #000000;
            transition: background 0.3s ease;

            .beer-title {
                color:#fff;
                font-size: 1.5em;
                line-height: 1.2;
                font-weight: bold;
                text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.61);
                text-decoration-line: none;
                margin: 0 0 .5rem;
            }
            .beer-subtitle {
                color: #ac7242;
                transition: color 0.3s ease;
                font-size: 1.1em;
                line-height: 1.2;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
                margin: 0 0 .5rem;
            }
            &:hover {
                background: #BA835A;
                
                .beer-subtitle {
                    color: #fff;
                }
            }
        }
    }
}

.beer-products-page {
  .craft-beer-side-column {
    transform: translateX(-20%);
    opacity: 0;
    transition: 
        transform 1s ease-out,
        opacity 1s ease-out;
  }
  .craft-beer-side-column.animated {
      transform: translateX(0%);
      opacity: 1;
  }
    
  .craft-beer-side-column .elementor-heading-title {
    margin-bottom: 24px;
    
    .foreign-name {
      color: #000;
      font-size: 23pt;
      font-weight: 800;
      text-transform: uppercase;
      display: block;
    }
  }
  .elementor-widget-theme-post-content p {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-align: justify;
  }
    .beers {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    
        .beer {
            padding: 20px;
            min-width: 100%;
            text-align: center;
            
            .beer-image {
                height: 180px;
                margin: 0 0 25px;
                transition: transform 0.5s ease-out;
                
                &:hover {
                  transform: scale(1.2);
                }
            }
    
            .beer-title, .beer-subtitle, .winery, .country {
                font-size: 1rem;
                line-height: 1.5;
                display: block;
                margin: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .beer-title {
                color: #000000;
            }
            .beer-subtitle, .winery, .country {
                color: #BA835A;
            }
        }
    }
}/* End custom CSS */