.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-766 .elementor-element.elementor-element-67ef046{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}/* Start custom CSS for shortcode, class: .elementor-element-bb08573 */#post-detail{ position: relative; }
#post-detail::before{
  background:
    radial-gradient(50% 100% at 50% 0%, rgba(30,30,30,.5) 0%, #1e1e1e 100%),
    var(--bg-img);            
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 500px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67ef046 */html body:where(*):not(i[class*="fa"]):not(.dashicons):not([class*="eicon"]):not(svg *) {
    font-family: "SF Pro", sans-serif !important;
}
body.layout-noblog #blocksearchs:after { display: none !important; opacity: 0 !important; }
.e-n-tab-title-text{
    font-size: 20px;
    letter-spacing: .02em;
    line-height: 32px;
    color: #fff;
    font-weight: 600;
    font-family: SF Pro, sans-serif !important;
}
.e-n-tab-title-text::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-2px;              
  height:3px;                
  background:#66A3FF;        
  border-radius:2px;
  transform:scaleX(0);      
  transform-origin:left center;
  transition:transform .2s ease;
}

.e-n-tab-title-text:hover::after{
  transform:scaleX(1);       
}
.main-post .content .content-block .tabs-container .readmore-js-collapsed:after {
    background: -o-linear-gradient(top,rgba(38,38,38,0) 0,#262626 100%);
    background: linear-gradient(180deg, rgba(38, 38, 38, 0), #262626);
    bottom: 0;
    content: "";
    height: 80px;
    left: 0;
    position: absolute;
    right: 0;
}


.showmore{
  position: relative;
  max-height: 320px;      
  overflow: hidden;
  border-radius: 12px;
}


.showmore{
  position: relative;
  max-height: 320px;  
  overflow: hidden;
  border-radius: 12px;
}


.showmore.content-collapsed::before{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:120px;                      
  background: linear-gradient(180deg, rgba(38, 38, 38, 0), #262626);  /* veil nhẹ */
  -webkit-backdrop-filter: blur(1.6px);
          backdrop-filter: blur(1.6px);
  pointer-events:none;
  z-index:1;
  opacity:1;
  transition:opacity .25s ease;

  
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 40%, #000 100%);
          mask-image: linear-gradient(to bottom, transparent 0, #000 40%, #000 100%);
}


.showmore.content-collapsed::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:100px;
  background: linear-gradient(180deg, rgba(38,38,38,0), #262626);
  pointer-events:none;
  z-index:2;
  opacity:1;
  transition:opacity .25s ease;
}


.showmore.is-open{ max-height:none; }
.showmore.is-open::before,
.showmore.is-open::after{ opacity:0; }/* End custom CSS */