@charset "UTF-8";
/* 編輯器star */
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;}
/* 編輯器end */

/* 首頁選單star */
html{
    --submenu-size: 220px;
    --submenu-left: -230px;
}
.submenu-left .vertical-menu .main-menu .nav > li.deeper.parent > .nav-child{
    margin-left: inherit !important;
    width: var(--submenu-size) !important;
    left: var(--submenu-left) !important;
}
.submenu-left .vertical-menu .main-menu .nav > li.deeper.parent > .nav-child > li > a{
    text-align: right !important;
}
/* 首頁選單end */


.cat-projects .ba-field-filter-value {
    display: flex;
    justify-content: center;
}
.cat-projects .ba-checkbox-wrapper { padding-right: 30px; }

.ba-item-fields-filter .ba-selected-filter-values-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ba-selected-filter-values-header {
    order: 1;
    margin-right: 10px;
}

.ba-selected-filter-values-body {
    order: 2;
    display: flex;
    margin: 0;
    padding: 0 10px 0 0;
}

.ba-selected-filter-values-footer {
    order: 2;
    margin-left: 10px;
}

span.ba-selected-filter-values-remove-all {
    color: var(--title-inverse) !important;
    padding: 2px 10px;
    border-radius: 5px;
    letter-spacing: 1px !important;
    font-size: 16px !important;
}

.ba-item-fields-filter .ba-selected-filter-values {margin: 0 10px 0 0;}

.ba-item-fields-filter .ba-selected-filter-values {
    line-height: 30px;
}

.ba-item-fields-filter .ba-icon-close {
    font-size: 22px;
    padding: 3px;
}

.ba-icon-close:before {
    margin-left: -3.5px;
    color: #999999;
	  font-weight: bold;
}
.cat-projects .ba-field-filter-label {
    display: none;
}
.ba-item-fields-filter .ba-field-filter .ba-checkbox span {
    border: none;
}

.ba-item-fields-filter .ba-field-filter .ba-checkbox input:checked ~ span {
    border-color: transparent;
    background: transparent;
}

.ba-item-fields-filter .ba-field-filter .ba-checkbox input[type="checkbox"] + span:after, .ba-item-fields-filter .ba-field-filter .ba-checkbox input[type="checkbox"]:checked + span:after {
    color: var(--primary);
    font-size: 24px;
    line-height: 24px;
}

.ba-item-fields-filter .ba-checkbox-wrapper > span {
    padding-left: 25px;
}

.cat-projects .ba-fields-filter-wrapper {height: auto;}
.cat-projects .open-responsive-filters {display: none;}
.ba-item-fields-filter .ba-selected-filter-values{
    border-radius: 5px;
}
.ba-item-fields-filter .ba-selected-filter-values,
span.ba-selected-filter-values-remove-all{background: var(--color-8);}
.ba-item-fields-filter .ba-selected-filter-values,
span.ba-selected-filter-values-remove-all > span{color:var(--text)}

@media (max-width: 440px){
    .cat-itemList { padding: 0 15px; }
    .ba-item-fields-filter .ba-selected-filter-values-wrapper {
        flex-flow: column;
        align-items: flex-start;
        padding: 0 20px;
    }
	  .ba-selected-filter-values-body{
      	margin-top: 20px;
  	}
    .ba-selected-filter-values-footer {
        text-align: left;
        margin: 0;
        position: absolute;
        top: 0;
        right: 20px;
        width: auto;
    }  
}