/* 編輯器 */
html{
  /* 編輯器按鈕大小設定，1為預設值，放大設定大於1，縮小設定小於1即可 */
  --editor-size: scale(.8); 
}
.ba-section > .ba-edit-item {top: -20px;}
.com_gridbox.gridbox .ba-add-section i.zmdi{padding: 5px;}
.com_gridbox.gridbox .ba-add-section {bottom: 10px;left: initial;right: 10px;margin: 0 auto;width: 34px;}
.com_gridbox.gridbox footer.footer {position:relative;}
.com_gridbox.gridbox .ba-edit-item {transform: var(--editor-size);}
.ba-row-wrapper .ba-row > .ba-edit-item {left: 0;}
.ba-grid-column > .ba-edit-item {left: 20px;}
.ba-grid-column>.ba-row-wrapper>.ba-row >.ba-edit-item {right: 35px;}
.ba-item > .ba-edit-item .ba-buttons-wrapper{top: 40px;left: -45px;padding: 5px 10px;}
/* 編輯器 */


.ba-item-recent-posts-slider .slideshow-type:not(.slideset-loaded) li.item.active:not(:first-child) { display: none; }

.blog-post-editor .body .main-body > div {
    background: white;
}
.custom-bg-text {
    font-size: 160px;
    left: 10%;
    line-height: 0;
    position: absolute;
    top: 75px;
    white-space: nowrap;
    z-index: -1;
}
@media (min-width: 769px) {
  .custom-block:hover {
  	z-index: 5;
  	}
  
    .custom-block  .ba-grid-column{
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .custom-block:hover  .ba-grid-column:hover{
        box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2) !important;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        z-index: 1;
    }
  
    .custom-right-column {
        margin-left: -70px;
    }

  /* Carousel */
  .custom-carousel .slideshow-button {
      padding: 0;
  }

  .custom-carousel  .slideset-btn-prev  {
      left: auto;
      right: calc(45% - 20px);
      right: -webkit-calc(45% - 20px);
  }

  .custom-carousel  .slideset-btn-next {
      right: calc(45% - 90px);
      right: -webkit-calc(45% - 90px);
  }

  .custom-carousel  .ba-slideset-nav {
      bottom: 60px;
      top: auto;
  }
  
  .custom-carousel {
      width: 150% !important;
      margin-right: -50%;
  }

  .custom-carousel .item.active {
      box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.15);
  }

  .custom-carousel .slideshow-content {
      padding: 50px 0 100px; 
  }  
}


  .custom-carousel .slideshow-button a {
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
      line-height: initial;
      opacity: 0 !important;  
      position: absolute;
      right: 25px;
      top: 250px;
      transform:scale(.3);
      -webkit-transform:scale(.3);
      -webkit-transition:all .3s ;
      transition:all .3s ;
  }

  .custom-carousel .item.active:hover .slideshow-button a {
      opacity: 1 !important;  
      transform:scale(1);
      -webkit-transform:scale(1);
  }

  .custom-carousel .slideshow-button a:before {
      content: '\f10d';
      display:block;
      font: normal normal normal 24px/1 'Material-Design-Iconic-Font';
      height:24px;
      text-align:center;
      width:24px;
  }

@media (max-width:768px){
  .ba-item-recent-posts .ba-classic-layout .ba-blog-post{flex-direction:row !important;}
  .iblogList li.ba-blog-category {
    display: inline-block;
    padding: 2px 5px;
	}
  .ba-item-recent-posts-slider .slideshow-type .ba-slideshow-caption
  { padding: 20px; }
}
  
/* Filter */
.ba-item-fields-filter .ba-fields-filter-wrapper.horizontal-filter-bar .ba-field-filter-value-wrapper {bottom: inherit;left: 0;right: 0;margin: 40px auto 0;transform: inherit;width: 350px;}
.ba-item-fields-filter .ba-fields-filter-wrapper.horizontal-filter-bar .ba-field-filter {position: static;}
.ba-item .open-responsive-filters  {display: flex;flex-flow: row;justify-content: center;}
  /* flex-wrap: nowrap; */
.open-responsive-filters span:before {content: '車輛篩選器';color: white;font-size: 16px;}
.open-responsive-filters span {color: #c31c23;display: flex;flex-flow: row;flex-wrap: nowrap;font-size: 0;}

/* cars hashtag */
a.fields-post-tags span {padding: 5px 10px;margin-right: 5px;margin-bottom: 8px;border: 1px solid var(--secondary);border-radius: 8px;display: inline-block;}
#item-16534755140780 > .ba-menu-wrapper > .main-menu > .integration-wrapper > ul > li > *:not(ul):not(div),
#item-17068397409370 > .ba-menu-wrapper > .main-menu > .integration-wrapper > ul > li > *:not(ul):not(div){
  color: var(--color-1);
}

/*popup bug fixed*/
.ba-wrapper.ba-lightbox.ba-container {
  max-height: calc(100vh - 50px);
  overflow-y: auto;
}