/*--------------------------------Article Filter Style*/
.w-filter {
/*     background-color: #F9F9F9; */
}

.page-id-1081 .w-filter {
/*     background-color: #ffffff; */
}

.w-filter .filter-header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    height: 30vh;
}

.w-filter .filter-header div ul:first-child {
    position: absolute;
}

.w-filter .filter-header .left-dropdown,
.w-filter .filter-header .right-dropdown {
    display: inline-block;
    min-width: 30%;
}

.w-filter .filter-header .left-dropdown {
	z-index: 11;
}

.w-filter .filter-header .right-dropdown {
	z-index: 10;
}

.w-filter .filter-header ul.dropdown-items {
    display: none;
    position: relative;
    z-index: 2;
    background: #ffffff;
}

.w-filter .filter-header ul.dropdown-items li label:hover {
   font-weight: 700;
}

.w-filter .filter-header.filter-header.filter-header .open-dropdown-items .dropdown-items {
    display: block;
}

.w-filter .filter-header ul .dropdown {
    padding: 15px;
    display: block;
    cursor: pointer;
}

.w-filter .filter-header ul .dropdown  i {
    float: right;
    font-size: 25px;
}

.w-filter .filter-header .open-dropdown-items i:before {
    content: "\f106";
}

.w-filter .filter-header ul:not(.dropdown-items) {
    border: 1px solid #000000;
}


.w-filter .filter-header ul {
    border-radius: 25px;
    padding: 0;
    width: 100%;
}

.w-filter .filter-header ul li label {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

.w-filter .filter-header ul.dropdown-items li:last-child {
    display: flex;
    justify-content: space-between;
}

.w-filter .filter-header ul li {
    list-style: none;
}

.w-filter .filter-header ul li button:focus {
    background: 0;
}

.w-filter .filter-header ul li button {
    width: 50%;
    color: #000000;
    border: 0;
    border-top: 1px solid #000000;
    border-radius: 0;
    margin-top: 15px;
}

/*
.w-filter .filter-header ul:not(.dropdown-items):hover {
    background-color: #EA0054;
    border: 1px solid #EA0057;
} 

.w-filter .filter-header .dropdown-default-header:hover {
   color: #fff;
} */

.w-filter .filter-header ul li button:first-child:hover {
    background: #EA0057;
    color: #ffffff;
}

.w-filter .filter-header ul li button:last-child:hover {
    background: #EA0057;
    color: #fff;
}

.w-filter .filter-header ul li button:first-child {
    border-bottom-left-radius: 25px;
}

.w-filter .filter-header ul li button:last-child {
    border-bottom-right-radius: 25px;
    background: #000000;
    color: #ffffff;
}


.w-filter .filter-header ul li:not(:last-child) {
    padding: 10px 15px;
}

.w-filter .filter-header ul li input {
    position: relative;
    display: none;

}

/*.w-filter .filter-header ul li input[type=checkbox]:checked:before,*/
/*.w-filter .filter-header ul li input[type=checkbox]:before {*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    top: 0;*/
/*    left: 0;*/
/*	-webkit-text-fill-color: #EA0054;*/
/*    background-color: #EA0054;*/
/*	 -webkit-box-shadow:0 0 0 50px white inset;*/
/*}*/

/* .w-filter .filter-header ul li input[type=checkbox]:checked:after {
    content: "";
    width: 9px;
    height: 15px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
    background: 0;
} */

.dropdown-items li span {
    visibility: visible;
    content: "";
    display: block;
    width: 1.1em;
    height: 1.1em;
    color: #000;
    background-color: transparent;
    border-radius: 35%;
    line-height: 1.27;
    text-align: center;
    cursor: pointer;
	border: 1px solid #000;
}

.dropdown-items li input[type="checkbox"]:checked + label span::before {
    content: "\2713";
}

.w-filter .article-list .result {
    padding-bottom: 20px;
    display: inline-block;
}

.w-filter .article-list table tr > * {
    border: 0;
    background: 0;
}

.w-filter .article-list table tr {
    text-align: left;
    border-top: 1px solid;
}

.w-filter .article-list article {
    border-top: 1px solid #000000;
}

@media (min-width: 821px) {
    .w-filter .filter-header {
        /*width: 50%;*/
        margin: 0 20%;
        padding: 0 0 6% 0;
    }

    .w-filter .article-list {
        padding: 0 7% 7% 7%;
    }

    .w-filter .article-list article div {
        padding: 2% 10px;
        display: inline-block;
    }

    .w-filter .article-list article div:first-child h5 {
        width: 70%;
    }

    .w-filter .article-list article div:first-child {
        width: 40%;
    }

    .w-filter .article-list article div:not(:first-child) {
        width: 19%;
    }

    .w-filter .apply_now_btn {
        text-align: center;
    }

    .w-filter .apply_now_btn a {
        border: 1px solid #000000;
        border-radius: 25px;
        padding: 10px 20px;
        color: #000000;
    }

    .work-article-grid article .post-content {
        margin-top: 3%;
    }

    .w-filter .filter-header .left-dropdown,
    .w-filter .filter-header .right-dropdown {
        width: 335px;
        position: relative;
    }
}

@media (max-width: 820px) {
    .w-filter .article-list {
        padding: 10% 5% 7% 5%;
    }

    .w-filter .filter-header {
        margin: 0 auto;
        padding: 4% 0;
    }

    .w-filter .apply_now_btn a {
        padding: 5px 10px;
    }

    .w-filter .article-list .result {
        margin-left: 2%;
    }

    .w-filter .article-list article div {
        padding: 2% 10px;
        width: 100%;
        display: inline-block;
    }

    .w-filter .article-list .custom_field {
        display: none;
    }

    .w-filter .apply_now_btn {
        text-align: right;
    }

    .w-filter .filter-header div ul:first-child {
        width: 100%;
    }

    .w-filter .filter-header .left-dropdown,
    .w-filter .filter-header .right-dropdown {
        width: 35%;
        position: relative;
    }
}


@media (max-width: 570px) {
    .w-filter .article-list .custom_field {
        display: none;
    }


    .w-filter .filter-header .right-dropdown {
        margin-top: 20px;
    }

    .w-filter .article-list {
        padding: 10% 5% 7% 5%;
    }

    .w-filter .article-list article div {
        padding: 2% 10px;
        width: 100%;
        display: inline-block;
    }

    .w-filter .filter-header .left-dropdown,
    .w-filter .filter-header .right-dropdown {
        width: 75%;
        position: relative;
    }
}

/*--------------------------------Work Filter Style*/

.work-article-grid .post-thumbnail {
	overflow: hidden;
}
.work-article-grid .post-thumbnail img {
	transition: transform 0.4s ease-out;
    transform: scale(1.05)
}

.work-article-grid article:hover img {
    transform: scale(1.10)
}

.work-article-grid article:hover .post-content {
	opacity: 0.5;
}

.work-article-grid article:hover .post-title {
	opacity: 0.5;
}

.work-article-grid,
.work-article-grid article .post-thumbnail img {
    width: 100%;
}

.work-article-grid article {
    float: left;
    padding-bottom: 5%;
}

.work-article-grid article .post-content {
    flex-flow: row wrap;
    justify-content: space-between;
    text-transform: uppercase;
    padding-top: 10px;
}

.work-article-grid article .post-content,
.work-article-grid article .post-title {
    padding: 2px 5%;
}

.work-article-grid article a {
   color: #000000;
}

.work-article-grid article .post-content span:first-child {
    font-weight: 700;
}

.work-article-grid article .post-content span:last-child {
    color: #cccccc;
}

@media (min-width: 821px) {
    .work-article-grid article {
        width: 33.33%;
    }

    .work-article-grid article .post-content {
        display: flex;
    }
}

@media (max-width: 820px) {
    .work-article-grid article {
        width: 50%;
    }

    .work-article-grid article .post-content {
        display: inline-grid;
    }
	
	.case_container_active .w-filter .filter-header {
		height: 27vh;
	}
}