/*

Theme Name: Studioeko Child

Theme URI: http://3theme.com/tf004/

Description: Studioeko - Portfolio WordPress Theme

Template: studioeko

Version: 1.4.3

Author: foreverpinetree@gmail.com

Author URI: http://foreverpinetree.com/

Tags: custom-menu, featured-images, translation-ready

License: GNU General Public License version 3.0

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Text Domain:  studioeko

*/

/*iC css start here*/
.container { width: 100%; display: block; position: relative; max-width: 100%; padding: 0 3.5rem; margin: 0 auto; }
.pic-list-mouse-area { position: relative !important; visibility: hidden; z-index: -999999 !important;}
.pic-outerWrap .pic-list {top: 0 !important;}
.pic-outerWrap .pic-list .wrap {top: 0 !important;}
.pic-list.style-02 .item .text {top: 50% !important; bottom: auto !important; transform: translateY(-50%);}
/*.pic-list>.wrap{height: auto !important;}*/
body .sub_header_wrap { width: 100%; display:block; position: relative; max-width: 100% !important; padding-top: 116px;}
.sub_header_inner_wrap { border: 1px solid #ebebeb; }
.sub_header_caption { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 75px; padding: .5rem 0; }
.sub_header_caption ol, .sub_header_caption ol li { list-style: none; display: inline-block; margin: 0 !important}
.sub_header_caption ol li a { font-size: 21px; list-style: 26px; color: #999; text-decoration: none; font-weight: 500; }
.sub_header_caption ol li.active a { color: inherit !important; cursor: inherit !important; pointer-events: none; }
.sub_header_caption .breadcrumb-item+.breadcrumb-item { padding-left: .5rem; }
.sub_header_caption .breadcrumb-item+.breadcrumb-item:before { float: left; padding-right: .5rem; color: #999; content: "/"; font-size: 21px; }
.sub_header_caption h2 { font-size: 21px; list-style: 26px; color: #999 !important; font-weight: 500;}
.filter_wrap { width: 100%; background-color: #fff; border-bottom: 1px solid #ebebeb; padding: 1.5625rem 0; }
.filter_wrap .filter_caption form { display: flex; align-items: center; flex: 1; gap: 1rem; flex-wrap: wrap; }
.filter_wrap .search-item { position: relative; display: flex; justify-content: space-between; align-items: center; min-width: 200px; height: 40px; width: 100%; background-color: #f5f5f5; border-radius: 25px; padding: 0.25rem 1.25rem; border: 1px solid #f5f5f5; flex: 1; }
.filter_wrap .filter_caption input { font-family: 'Open Sans', sans-serif, "Font Awesome 6 free"; position: absolute; top: 0; left: 0; min-width: 200px; width: 100%; height: 100%; display: block; padding: .4375rem 1.25rem; background-color: #f5f5f5; border-radius: 25px; border: 1px solid #f5f5f5; font-size: 16px; }
.filter_wrap .filter_caption input::placeholder { color: #999; font-size: 15px; }
.filter_wrap .filter_caption input:focus { outline: none !important; }
.filter_wrap .filter_caption .select-item select { position: relative; display: flex; justify-content: space-between; align-items: center; height: 40px; background-color: #f5f5f5; border-radius: 25px; padding: 0.25rem 1.25rem; border: 1px solid #f5f5f5; width: 250px; font-size: 14px; color: #1A1A1A; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/wp-content/plugins/ic-properties/images/down-arrow.png); background-repeat: no-repeat; background-position: center right 1.25rem; background-size: 13px; }
.filter_wrap .filter_caption .select-item select:focus { outline: none; box-shadow: none; }
.filter_wrap .filter_caption .order_by { display: flex; align-items: center; justify-content: flex-end; border-left: 2px solid #ebebeb; height: 40px; }
.filter_wrap .filter_caption .order_by a { text-decoration: none; color: #1a1a1a; display: flex; align-items: center; padding: .25rem 0rem .25rem 16px !important;cursor: pointer; }
.filter_wrap .filter_caption .order_by label { font-size: 14px; color: #1a1a1a; line-height: 20px; display: flex; align-items: center; gap: .5rem; cursor: pointer;}
.filter_wrap .filter_caption .order_by img { width: 15px; height: 15px; object-fit: cover;}
.filter_wrap .filter_caption .order_by .date .down_arrow { display: none; }
.filter_wrap .filter_caption .order_by .date.down .up_arrow { display: none; }
.filter_wrap .filter_caption .order_by .date.down .down_arrow { display: block; }
.filter_wrap .filter_caption .order_by .alphabetical .down_arrow { display: none; }
.filter_wrap .filter_caption .order_by .alphabetical.down .up_arrow { display: none; }
.filter_wrap .filter_caption .order_by .alphabetical.down .down_arrow { display: block; }
.mb_search_orderby { display: flex; align-items: center; justify-content: flex-start; width: 100%; gap: 5px; display: none; }
.mb_search_orderby .search-item { width: calc(100% - 70px); }
.mb_search_orderby .order_by { border-left: 0px !important; width: 65px; }
.mb_search_orderby .order_by span { display: none; }
.filter_wrap .filter_caption .order_by label{cursor: pointer;}
.filter_wrap .filter_caption .order_by input{display: none !important;}
/*sub-header section css end here*/



@media only screen and (max-width:1199px) {
	.filter_wrap .filter_caption .select-item select { width: 220px; }
	.project_wrap .project_caption .project_items .inner_item img { height: 250px; }
}

@media only screen and (max-width:1023px) {
	.main-content{max-width: 100% !important;}	
	body .sub_header_wrap{padding-top: 0px !important;}
}

@media only screen and (max-width:767px) {
	.container { padding: 0 1.5rem; }
}
@media only screen and (max-width:575px) {
	.mb_hide { display: none !important; }
	.mb_search_orderby { display: flex; }
	.filter_wrap .filter_caption .select-item, .filter_wrap .filter_caption .select-item select { width: 100%; }
}

/*iC css end here*/