/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/
/* OBrown Works live clone demo */
.obrown-works-live-page {
	position: relative;
	padding: 200px 0 150px;
	background-color: #000001;
	background-image: url('https://ohbrown.co.kr/wp-content/uploads/2023/08/guillermo-ferla-QfLm-2AiJ_M-unsplash.jpg');
	background-position: center top;
	background-size: cover;
	overflow: hidden;
}

.obrown-works-live-page::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 1, 0.84);
	pointer-events: none;
}

.obrown-works-live-page > .elementor-container,
.obrown-works-live-page > .e-con-inner,
.obrown-works-live-page .elementor-widget-wrap,
.obrown-works-live-page .elementor-element,
.obrown-works-live-page .elementor-widget-container {
	position: relative;
	z-index: 1;
}

.obrown-works-live-page .obrown-works-live-intro {
	padding: 0 13%;
}

.obrown-works-live-page .obrown-works-live-intro .elementor-text-editor {
	color: #9d9d9d;
	font-size: 47px;
	font-weight: 700;
	line-height: 1.15em;
	margin: 0;
}

.obrown-works-live-page .obrown-works-live-intro .elementor-text-editor span {
	color: #fff;
}

.obrown-works-live-page .obrown-works-live-spacer {
	height: 70px;
}

.obrown-works-live-clone {
	padding: 0 13%;
}

.obrown-works-live-clone .lqd-pf-overlay-bg {
	background-color: transparent;
	color: #fff;
}

.obrown-works-live-clone .lqd-pf-row,
.obrown-works-live-clone .carousel-items {
	margin-inline-start: -30px;
	margin-inline-end: -30px;
}

.obrown-works-live-clone .lqd-pf-column,
.obrown-works-live-clone .carousel-item {
	padding-inline-start: 30px;
	padding-inline-end: 30px;
}

.obrown-works-live-clone .lqd-pf-item {
	margin-bottom: 50px;
}

.obrown-works-live-clone .lqd-pf-item:hover .lqd-pf-overlay-bg {
	opacity: 1;
}

.obrown-works-live-clone .lqd-pf-title {
	font-size: 20px;
	line-height: 32px;
}

.obrown-works-live-clone .lqd-pf-details .lqd-pf-title {
	color: #fff;
	font-family: 'Pretendard', 'GmarketSans', sans-serif !important;
	word-break: keep-all;
}

.obrown-works-live-clone .lqd-pf-details p,
.obrown-works-live-clone .lqd-pf-details a {
	font-family: 'Pretendard', 'GmarketSans', sans-serif !important;
	word-break: keep-all;
}

.obrown-works-live-clone .lqd-pf-details p {
	color: #888888;
	font-size: 16px;
	line-height: 1.65;
	margin: 0;
}

.obrown-works-live-clone .lqd-pf-details > ul {
	display: none !important;
}

.obrown-works-live-clone .filter-list {
	font-size: 18px;
}

.obrown-works-live-clone .liquid-filter-items {
	margin-bottom: 45px;
}

.obrown-works-live-clone .filter-list li,
.obrown-works-live-clone .lqd-filter-dropdown .ui-button {
	color: #fff;
}

.obrown-works-live-clone .lqd-filter-dropdown .ui-button {
	border-color: #fff;
}

.obrown-works-live-clone .filter-list li.active,
.obrown-works-live-clone .filter-list li.hover,
.obrown-works-live-clone .lqd-filter-dropdown .ui-button:active,
.obrown-works-live-clone .lqd-filter-dropdown .ui-button:focus {
	color: var(--e-global-color-primary);
}

.obrown-works-live-clone .lqd-filter-dropdown .ui-button:active,
.obrown-works-live-clone .lqd-filter-dropdown .ui-button:focus {
	border-color: var(--e-global-color-primary);
}

.obrown-works-live-clone .filters-underline li span:after,
.obrown-works-live-clone .filters-line-through li span:after {
	background: var(--e-global-color-primary);
	min-height: 1px;
}

.obrown-works-live-clone .filters-underline li span:after {
	display: none;
}

body.page .obrown-works-live-page + .elementor-section,
body.page .obrown-works-live-page + .e-con {
	background: #0f0f0f;
}

@media (max-width: 1200px) {
	.obrown-works-live-page {
		padding: 200px 50px 50px;
	}

	.obrown-works-live-page .obrown-works-live-intro,
	.obrown-works-live-clone {
		padding: 0 5%;
	}
}

@media (max-width: 1024px) {
	.obrown-works-live-page {
		padding: 160px 0 50px;
	}

	.obrown-works-live-page .obrown-works-live-intro .elementor-text-editor {
		line-height: 64px;
	}

	.obrown-works-live-clone .lqd-pf-row,
	.obrown-works-live-clone .carousel-items {
		margin-inline-start: -20px;
		margin-inline-end: -20px;
	}

	.obrown-works-live-clone .lqd-pf-column,
	.obrown-works-live-clone .carousel-item {
		padding-inline-start: 20px;
		padding-inline-end: 20px;
	}

	.obrown-works-live-clone .lqd-pf-title {
		font-size: 18px;
		line-height: 28px;
	}
}

@media (max-width: 767px) {
	.obrown-works-live-page {
		padding: 160px 0 50px;
	}

	.obrown-works-live-page .obrown-works-live-intro {
		padding: 0 8%;
	}

	.obrown-works-live-page .obrown-works-live-intro .elementor-text-editor {
		font-size: 27px;
		line-height: 40px;
	}

	.obrown-works-live-page .obrown-works-live-spacer {
		height: 50px;
	}

	.obrown-works-live-clone {
		padding: 0 10%;
	}

	.obrown-works-live-clone .lqd-pf-title {
		font-size: 18px;
	}
}

/* Page-specific selectors for the imported works clone page */
.page-id-28197 #lqd-site-content,
.elementor-28197 {
	background-color: #0f0f0f;
}

.elementor-28197 .elementor-element.elementor-element-owsection1 {
	position: relative;
	padding: 200px 0 150px;
	background-color: #000001;
	background-image: url('https://ohbrown.co.kr/wp-content/uploads/2023/08/guillermo-ferla-QfLm-2AiJ_M-unsplash.jpg');
	background-position: center top;
	background-size: cover;
	overflow: hidden;
}

.elementor-28197 .elementor-element.elementor-element-owsection1::before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 1, 0.84);
	pointer-events: none;
}

.elementor-28197 .elementor-element.elementor-element-owsection1 > .elementor-container,
.elementor-28197 .elementor-element.elementor-element-owsection1 .elementor-widget-wrap,
.elementor-28197 .elementor-element.elementor-element-owsection1 .elementor-element,
.elementor-28197 .elementor-element.elementor-element-owsection1 .elementor-widget-container {
	position: relative;
	z-index: 1;
}

.elementor-28197 .elementor-element.elementor-element-owintro > .elementor-widget-container,
.elementor-28197 .elementor-element.elementor-element-owportfolio > .elementor-widget-container {
	padding: 0 13%;
}

.elementor-28197 .elementor-element.elementor-element-owintro .elementor-text-editor,
.elementor-28197 .elementor-element.elementor-element-owintro h1 {
	color: #9d9d9d !important;
	font-size: 47px;
	font-weight: 700;
	line-height: 1.15em;
	margin: 0;
}

.elementor-28197 .elementor-element.elementor-element-owintro span {
	color: #fff;
}

.elementor-28197 .elementor-element.elementor-element-owportfolio .lqd-pf-title,
.elementor-28197 .elementor-element.elementor-element-owportfolio .lqd-pf-details .lqd-pf-title {
	color: #fff !important;
}

.elementor-28197 .elementor-element.elementor-element-owportfolio .lqd-pf-details p,
.elementor-28197 .elementor-element.elementor-element-owportfolio .filter-list li,
.elementor-28197 .elementor-element.elementor-element-owportfolio .lqd-filter-dropdown .ui-button {
	color: #888888;
}

.elementor-28197 .elementor-element.elementor-element-owportfolio .filter-list li,
.elementor-28197 .elementor-element.elementor-element-owportfolio .lqd-filter-dropdown .ui-button {
	color: #fff;
}

@media (max-width: 1200px) {
	.elementor-28197 .elementor-element.elementor-element-owsection1 {
		padding: 200px 50px 50px;
	}
	.elementor-28197 .elementor-element.elementor-element-owintro > .elementor-widget-container,
	.elementor-28197 .elementor-element.elementor-element-owportfolio > .elementor-widget-container {
		padding: 0 5%;
	}
}

@media (max-width: 767px) {
	.elementor-28197 .elementor-element.elementor-element-owintro > .elementor-widget-container {
		padding: 0 8%;
	}
	.elementor-28197 .elementor-element.elementor-element-owportfolio > .elementor-widget-container {
		padding: 0 10%;
	}
	.elementor-28197 .elementor-element.elementor-element-owintro .elementor-text-editor,
	.elementor-28197 .elementor-element.elementor-element-owintro h1 {
		font-size: 27px;
		line-height: 40px;
	}
}

.elementor-28197 .elementor-element.elementor-element-owfilter > .elementor-widget-container {
	padding: 0 13%;
	margin-bottom: 45px;
}

.elementor-28197 .obrown-works-static-filter ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 30px;
}

.elementor-28197 .obrown-works-static-filter li,
.elementor-28197 .obrown-works-static-filter span {
	color: #fff;
	font-size: 18px;
	font-family: 'GmarketSans', 'Pretendard', sans-serif !important;
	word-break: keep-all;
}

.elementor-28197 .obrown-works-static-filter li.active span {
	color: var(--e-global-color-primary);
}

@media (max-width: 1200px) {
	.elementor-28197 .elementor-element.elementor-element-owfilter > .elementor-widget-container {
		padding: 0 5%;
	}
}

@media (max-width: 767px) {
	.elementor-28197 .elementor-element.elementor-element-owfilter > .elementor-widget-container {
		padding: 0 10%;
		margin-bottom: 35px;
	}

	.elementor-28197 .obrown-works-static-filter ul {
		gap: 20px;
		font-size: 16px;
	}
}

.elementor-28197 .elementor-element.elementor-element-owportfolio .liquid-filter-items-label {
	display: none;
}

.elementor-28197 .elementor-element.elementor-element-owportfolio .filter-list li:nth-child(2) {
	order: 3;
}

.elementor-28197 .elementor-element.elementor-element-owportfolio .filter-list li:nth-child(3) {
	order: 2;
}
