/* ART HTML Customize 

Secton 1. General
Secton 2. Colors
Secton 3. Fonts

*/



/*   Secton 1. General   */




   	
body { /* Desktop */

	--main-fluid-padding-lr: 40px; /* Main Container Fluid width Left & Right padding */

	--header-fluid-padding-lr: 40px; /* Header & Footer Fluid width Left & Right padding */

	--main-fluid-max-width: 3000px; /* Fluid max width, or set it as none */

	--header-height: 80px; /* Header height */

	--logo-height: 38px; /* Logo on header — max height */

	--logo-max-width: 260px; /* Logo on header — max width (wide icon+text assets) */

	--logo-padding-top: 22px; /* Logo vertical offset from header top */

	--menuicon-height: 20px; /* Menu icon size */

	--headericon-height: 26px; /* Header icon(6 & 9 dots) size */

	--spacing-menu-item-header: 40px; /* Menu items spacing on header */

	--bgcolor-expanded-panel: #fff; /* Expanded panel color*/

	--column-spacing-footer: 60px; /* Footer columns spacing */

	--row-spacing-footer: 20px; /* Footer rows spacing */

	/* Mobile */

	--header-height-mobile: 40px; /* Header height */

	--logo-height-m: 28px; /* Logo on header — max height */

	--logo-max-width-m: 180px; /* Logo on header — max width */

	--logo-padding-top-m: 20px; /* Logo vertical offset from header top */

	--brand-logo-color: #9f6e60; /* Kresek logo terracotta — menu icon on header */

	--sidebar-menu-color: #8e4c39; /* Sidebar nav links */

	--menuicon-height-m: 12px; /* Menu icon size */

	--height-menuicon-m: 12px; /* Theme responsive alias (style.css) */

	--headericon-height-m: 16px; /* Header icon size */

	--spacing-menu-item-header-m: 10px; /* Menu items spacing on header */

	--column-spacing-footer-m: 10px; /* Footer columns spacing */

	--row-spacing-footer-m: 8px; /* Footer rows spacing */

}

   	
@media (min-width: 768px) {  
	/* Desktop */
	.navi-corner .navi-header>div>ul>li, 
	.navi-corner .navi-logo {
		padding: 20px;  /* Corner Menu layout: logo and menu items spacing */
	}
}

@media (max-width:767px) { 
}




/*   Secton 2. Colors   */



/* Page BG */
body, 
#search-overlay, 
.carousel-control, 
#login-form.modal .modal-dialog {
	background-color: #fff; 
}

body.custom-background #wrap-outer{
	background: none;
}

.quote-wrap, 
.mouse-icon,
.social-icon-triggle,
.carousel-control, 
.blog-unit-link-li:hover,
.blog-unit-link-li:hover a,
.comment-body::before {
	color: #fff; 
}

/* Header Bar Background color */
#header,
.page_from_top.header-scrolled #header,
.navi-show-h .navi-header .sub-menu {
	background-color: transparent;
}

.navi-header .sub-menu > li,
.navi-header .menu ul.children > li {
	background-color: #fff;
}

/* Expanded panel Background color */

.menu-panel, 
.portfolio-panel {
	background-color: var(--bgcolor-expanded-panel, #fff);
}

.show_mobile_menu.hide-menu-desktop:not(.navi-side-menu):not(.navi-top-menu) #header,
.show_popup #header {
	background-color: transparent;
}

/* PageLoader */
.page-loading {
	background-color: #fff;
}

/* Auxiliary Color */
.tagcloud a, 
.archive-bar,
.blog-unit-link-li,
.audio-unit, 
.pagenumber a, 
.quote-wrap,
.entry pre,
.comment pre, 
.pagenumber span {
	background-color: #f8f8f8; 
}

.widget_archive li,
.widget_categories li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_entries li,
.widget_recent_comments li,
.widget_meta li,.widget_rss li,
.nav-tabs {
	border-color: #f8f8f8; 
}

/* Default Menu Color(on header) */

.navi-trigger, 
.navi-header li.menu-item a,
#header .socialmeida-a, 
.portfolio-icon, 
.menu-panel-bottom, 
.menu-panel-bottom a {
	/* Menu items, hamburg icons, social links(on header) Color - Default*/
	color: #313139; 
}

.navi-header li.menu-item a:hover,
.navi-header li.menu-item a:focus,
header li > a:hover,
header li > a:focus,
.socialmeida-a:hover .socialmeida-text, 
.socialmeida-a:focus .socialmeida-text,
.socialmeida-a:hover .fa  {
	/* Menu mouseover color (on header) - Default */
	color: #0c07d4;
}
 
header .navi-header li.current-menu-item > a {
	/* Menu Current Item color (on header) - Default */
	color: #0c07d4;
}

/* Alertnative Menu Color(on header) */

.alt-menu .navi-trigger, 
.alt-menu #header .socialmeida-a,
.alt-menu .navi-header li.menu-item a,
.alt-menu .portfolio-icon  {
	/* Menu items, hamburg icons, social links(on header) Color - Alertnative */
	color: #fff; 
}

/* Menu on header on hover */
.alt-menu header li a:hover,
.alt-menu header li a:focus,
.alt-menu .navi-header li.menu-item a:hover,
.alt-menu header .socialmeida-a:hover .socialmeida-text, 
.alt-menu header .socialmeida-a:focus .socialmeida-text,
.alt-menu header .socialmeida-a:hover .fa {
	/* Menu mouseover color (on header) - Alertnative */
	color: #63fd9a;
}

.alt-menu header li.current-menu-item > a, 
.alt-menu header .navi-header li.current-menu-item > a {
	/* Menu Current Item color (on header) - Alertnative */
	color: #0c07d4;
}

/* Menu Color on Expanded Panel */

.navi a,
.show_mobile_menu:not(.navi-show-icon) .navi-trigger,
.show_popup .navi-trigger,
.show_popup .portfolio-icon, 
.show_mobile_menu:not(.navi-show-icon):not(.navi-top-menu):not(.navi-side-menu) .portfolio-icon, 
.menu-panel-bottom,
.menu-panel-bottom a,
input.search_top_form_text:focus,
input.search_top_form_text:focus::placeholder {
	/* Menu items, hamburg icons, social links(on expanded panel) Color*/
	color: #313139;
}

.navi a:hover,
.show_mobile_menu:not(.navi-show-icon) .navi-trigger:hover,
.show_mobile_menu:not(.navi-show-icon):not(.navi-top-menu) .portfolio-icon:hover,
.show_popup .navi-trigger:hover,
.show_popup .portfolio-icon:hover,
.show_mobile_menu .menu-panel-bottom a:hover,
.show_mobile_menu .menu-panel-bottom a:hover .fa {
	/* Menu mouseover color (on expanded panel) */
	color: #0c07d4;
}

.navi li.current-menu-item > a {
	/* Menu Current Item color (on expanded panel) */
	color: #0c07d4;
}

/* Logo text color*/
.logo-text,
.bm-enable-univer.default-logo-univer .logo-text {
	color: #313139; 
}

/* Text Logo(Alternative) color*/
.alt-logo .logo-text,
.bm-enable-univer.alt-logo-univer .logo-text {
	color: #fff; 
}

/* Tagline(subheading) text color */
.taglines, 
.bm-enable-univer.default-logo-univer .taglines {
	color: #313139; 
}

/* Tagline(Alternative) text color */
.alt-logo .taglines,
.bm-enable-univer.alt-logo-univer .taglines {
	color: #fff; 
}

/* Text Logo on the Menu panel color*/
.show_mobile_menu:not(.navi-show-icon):not(.navi-top-menu):not(.navi-side-menu) .logo-text,
.show_popup:not(.navi-show-icon) .logo-text {
	color: #313139;
}

/* Tagline(subheading) on the Menu panel color*/
.show_mobile_menu:not(.navi-show-icon):not(.navi-top-menu):not(.navi-side-menu) .taglines,
.show_popup:not(.navi-show-icon) .taglines {
	color: #313139;
}


/* Post & Page Color */
/* Headding */
h1,
h2,
h3,
h4,
h5,
h6,
.title-wrap-tit,
.title-wrap-h1,
.archive-tit a, 
.post-navi-a {
	color: #313139; 
}

.post_social:before, 
.post_social:after {
	border-color: #313139; 
}

/* Content text color*/
body, 
a, 
.entry > h1,
.entry > h2,
.entry > h3,
.entry > h4,
.entry > h5,
.entry > h6, 
.article-tag a[rel="tag"]:hover, 
#content_wrap,
#comments, .entry code, 
h3#reply-title small, 
#comments .nav-tabs li.active h3#reply-title .logged-in-as,
#comments .nav-tabs li a:hover h3 .logged-in-as, 
.stars a:hover .fullwrap-block-inn a,
.woocommerce a.remove {
	color: #414145; 
}

.blog-unit-link-li:hover {
	background-color: #414145; 
}

/* linked text color*/
.entry p a, 
.comment p a, 
.text_block li a, 
.product_meta a,
.comment-list .pingback .comment-body a:not(.comment-edit-link), 
.comment-list .trackback .comment-body a:not(.comment-edit-link),
.post-categories a,
.widget_archive li,
.widget_categories li,
.widget_nav_menu li,
.widget_pages li, 
.fourofour-wrap a, 
.pagenums .current,
.page-numbers.current, 
.gallery-info-property-con a, 
.grid-meta-a,
.comment-reply-link:hover,
.comment-edit-link:hover,
.woocommerce-info::before {
	color: #0c07d4;
}

.comment-body::before {
	background-color: #0c07d4;
}

/* linked hover color*/
a:hover, 
a:focus, 
.entry p > a:hover,
.comment p a:hover,
.text_block li a:hover, 
.product_meta a:hover,
.comment-form .logged-in-as a:hover,
.sidebar_widget a:hover, 
.archive-tit a:hover, 
#sidebar a:hover, 
#comments .comment-author a:hover,
#comments .reply a:hover,
.post-meta-social-li a.share:hover,
.comment-text a:hover,
.comment-list .pingback .comment-body a:not(.comment-edit-link):hover, 
.comment-list .trackback .comment-body a:not(.comment-edit-link):hover,
.sea-quanlity-btn:hover {
	color: #414145;
}

.tagcloud a:hover {
	background-color: #5179FC;
}

/* Meta text color */
.article-meta-unit,
.article-meta-unit:not(.article-meta-unit-cate) > a, 
.comment-meta,
.comment-meta a,
.comment-reply-link,
.title-wrap-des, 
.grid-meta-a:after, 
.post-edit-link,
.comment-edit-link,
.archive-sticky,
.article-tag,
.article-cate-a:hover:after,
.article-tag a[rel="tag"]:hover:after {
	color: #adadad; 
}

.article-cate-a:after,
.article-tag a[rel="tag"]:after {
	color: #adadad!important;
}

/* Meta linked text color */
.article-cate-a,
.article-cate-a:after,
.article-tag a[rel="tag"],
.article-tag a[rel="tag"]:after {
	color: #0c07d4;
}

/* Meta linked text hover color */
.article-cate-a:hover, 
.archive-meta .article-cate-a:hover,
.article-tag a[rel="tag"]:hover {
	color: #414145;
}

/* Image caption text color */
.list-layout-inside-caption,
figcaption {
	color: #666; 
}

/* Post navigation(next & prev) text color */
.post-navi-single-normal .navi-title-tag, 
.post-navi-single-normal .post-navi-unit-tit {
	color: #313139;
}

/* Commnet titile color */
.comments-title,
.comm-reply-title {
	color: #313139;
}

/* Commnet content text color */
.comment p {
	color: #313139;
}

/* Commnent author name color */
.comment-author, 
.comment-author .url {
	color: #313139;
}

/* Archive page item title hover color */
.archive-tit a:hover {
	color: #0c07d4;
}

/* Selection text color */
::selection {
	background-color: #eee;
	color: #333;
}

/* Buttons */
button,
input[type="submit"], 
.moudle .ux-btn.tw-style-a,
.archive-more-a {
	color: #313139;
}

/* Buttons hover text color */
button:hover,
input[type="submit"]:hover, 
.moudle .ux-btn.tw-style-a:hover,
.archive-more-a:hover {
	color: #fff;
}

/* Buttons hover Background color */
button:hover,
input[type="submit"]:hover, 
.moudle .ux-btn.tw-style-a:hover,
.archive-more-a:hover:after {
	background-color: #313139;
}

/* Input text and border color*/
textarea, 
input,
.quantity input:focus,
.select2-container--default .select2-selection--single,
input::placeholder,
textarea::placeholder {
	color: #adadad;
	border-color: #adadad; 
}

/* Input(focus) text and border color */
.moudle input:focus, 
.moudle textarea:focus, 
input:focus:invalid:focus, 
textarea:focus:invalid:focus, 
select:focus:invalid:focus, 
textarea:focus, 
input:focus, 
.comment-reply-title:hover,
input:focus::placeholder,
textarea:focus::placeholder {
	color: #313139;
	border-color: #313139; 
}

/* Sidebar widget title color */
.sidebar_widget .widget-container .widget-title,
.sidebar_widget .widget-container .widget-title a {
	color: #414145;
}

/* Sidebar widget content text color */
.widget-container,
.widget-container a {
	color: #414145;
}

/* Sidebar widget content linked text color */
.widget-container a {
	color: #414145;
}

/* Sidebar widget content linked text hover color */
.widget-container a:hover {
	color: #0c07d4;
}

/* Footer text color */
.copyright, 
.copyright a,
.footer-info,
.footer-info a,
#footer .logo-text,
.footer-info .socialmeida-a {
	color: #414145;
}

/* Footer linked text color */
.copyright a, 
.footer-info a, 
.footer-info .socialmeida-a {
	color: #414145;
}

/* Footer linked text hover color */
.copyright a:hover, 
.footer-info a:hover, 
.footer-info .socialmeida-a:hover {
	color: #0c07d4;
}

/* Footer Background color */
#footer {
	background-color: transparent;
}

/* Kresek site footer — shared content + stick to bottom on short pages */
.site-footer .copyright,
.site-footer .site-footer-tagline,
.detail-sidebar-footer .copyright,
.detail-sidebar-footer .site-footer-tagline {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #414145;
}

.site-footer .site-footer-tagline,
.detail-sidebar-footer .site-footer-tagline {
	margin-top: 4px;
}

body.single-portfolio-2c-body .detail-sidebar-footer p {
	margin: 0 !important;
}

body.single-portfolio-2c-body .detail-sidebar-footer .site-footer-tagline {
	margin-top: 2px !important;
}

body.responsive-ux:not(.page-home):not(.single-portfolio-2c-body) .wrap-all {
	display: flex;
	flex-direction: column;
	min-height: 100svh;
}

body.responsive-ux:not(.page-home):not(.single-portfolio-2c-body) #wrap-outer {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}

body.responsive-ux:not(.page-home):not(.single-portfolio-2c-body) #wrap {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}

body.responsive-ux:not(.page-home):not(.single-portfolio-2c-body) #wrap > #content {
	flex: 1 0 auto;
}

body.responsive-ux #footer.site-footer {
	flex-shrink: 0;
	margin-top: auto;
}

body.responsive-ux #footer.site-footer .footer-info {
	padding: 24px 0 32px;
}

/* Menu icon color */
.svg-style02-line-rect,
.svg-style01-line, 
.headericon-rect {
	fill: currentColor;
	stroke: none;
}

/* Social medis color */
.btn-mod-wrap .ux-cb-btn-facebook:hover,
.post-meta-social-li .fa-facebook:hover,
.socialmeida-a:hover .fa-facebook:before,
.socialmeida-a:hover .fa-facebook-square:before {
    color: #3b5998; 
}

.btn-mod-wrap .ux-cb-btn-twitter:hover,
.post-meta-social-li .fa-twitter:hover,
.socialmeida-a:hover .fa-twitter:before,
.socialmeida-a:hover .fa-twitter-square:before {
    color: #1da1f2; 
}

.btn-mod-wrap .ux-cb-btn-instagram:hover,
.post-meta-social-li .fa-instagram:hover,
.socialmeida-a:hover .fa-instagram:before {
    color: #405de6; 
}

.btn-mod-wrap .ux-cb-btn-pinterest:hover,
.post-meta-social-li .fa-pinterest:hover,
.socialmeida-a:hover .fa-pinterest:before {
    color: #833ab4; 
}

.btn-mod-wrap .ux-cb-btn-behance:hover,
.post-meta-social-li .fa-behance:hover,
.socialmeida-a:hover .fa-behance:before {
    color: #1769ff; 
}

.btn-mod-wrap .ux-cb-btn-dribbble:hover,
.post-meta-social-li .fa-dribbble:hover,
.socialmeida-a:hover .fa-dribbble:before {
    color: #ea4c89;
}

.btn-mod-wrap .ux-cb-btn-whatsapp:hover,
.post-meta-social-li .fa-whatsapp:hover,
.socialmeida-a:hover .fa-whatsapp:before {
    color: #25D366;
}

.btn-mod-wrap .ux-cb-btn-digg:hover,
.post-meta-social-li .fa-digg:hover,
.socialmeida-a:hover .fa-digg:before {
    color: #005be2; 
}

.btn-mod-wrap .ux-cb-btn-reddit:hover,
.post-meta-social-li .fa-reddit:hover,
.socialmeida-a:hover .fa-reddit:before {
    color: #ff4500; 
}

.btn-mod-wrap .ux-cb-btn-linkedin:hover,
.post-meta-social-li .fa-linkedin:hover,
.socialmeida-a:hover .fa-linkedin:before {
    color: #0077b5; 
}

.btn-mod-wrap .ux-cb-btn-stumbleupon:hover,
.post-meta-social-li .fa-stumbleupon:hover,
.socialmeida-a:hover .fa-stumbleupon:before {
    color: #eb4924; 
}

.btn-mod-wrap .ux-cb-btn-tumblr:hover,
.post-meta-social-li .fa-tumblr:hover,
.socialmeida-a:hover .fa-tumblr:before {
    color: #35465c; 
}

.btn-mod-wrap .ux-cb-btn-mail:hover,
.post-meta-social-li .fa-envelope-o:hover,
.socialmeida-a:hover .fa-envelope-o:before {
    color: #c1d82f; 
}

/*   Secton 3. Fonts   */



@font-face {
  font-family: "Mustica Pro";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/MusticaPro-SemiBold.woff2") format("woff2");
  font-display: fallback;
}

body {
  font-family: "Mustica Pro", sans-serif;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 1.3;
  font-size: 20px;
}

.logo-text {
    font-size: 24px;
    letter-spacing: 3px;
}

.taglines {
    font-size: 11px;
	letter-spacing: 2px;
}

.logo-text,
.menu li > a,
h1,
h2,
h3,
h4,
h5, 
h6,
.ux-btn-text {
  font-weight: 600;
}

h1 {
  font-size: 66px;
  line-height: 1.2; 
}

h2 { 
  font-size: 46px; 
  line-height: 1.2; 
}

h3 { 
  font-size: 38px;  
  line-height: 1.2; 
}

h4 { 
  font-size: 26px;
  line-height: 1.2; 
}

h5 { 
  font-size: 20px;
  line-height: 1.2; 
}

h6 { 
  font-size: 16px; 
  line-height: 1.2; 
}

/* Menu on Header */
.navi-header a, 
.header-bar-social .socialmeida-a, 
.navi-header .menu li > a {
	font-size: 16px;
}

/* Menu on Expanded panel */
.navi .menu li > a {
  font-size: 48px;
  line-height: 1.0;
}

/* Expanded panel bottom text */
.menu-panel-text {
	font-size: 12px;
	letter-spacing: 1px;
}

/* Single Post title */
body.single .title-wrap-tit,
.title-wrap-h1 { 
  font-size: 52px; 
}

/* Input */
textarea,
input,
input::placeholder,
textarea::placeholder { 
  font-size: 18px; 
}

/* Button */
.btn-mod-wrap, 
button, 
input[type="submit"] { 
  font-size: 16px; 
}

/* Meta text */
.article-meta,
.archive-des,
.archive-meta,
.title-wrap-des { 
  font-size: 16px; 
}

/* sidebar widget title */
.widget-title { 
  font-size: 18px; 
}

/* Footer */
.footer-info,.footer-info .menu li a { 
  font-size: 14px; 
}

/* Social links on footer */
.footer-social .socialmeida-a .fa, 
.footer-social .socialmeida-text {
    font-size: 14px;
}

/* Gallery Images - Maintain aspect ratio */
.single-image-img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.ux-hover-wrap {
    overflow: hidden;
}

/* WhatsApp Panel */
.whatsapp-panel {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-panel .ux-hover-wrap-a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.whatsapp-icon {
    font-size: 180px;
    color: #000;
    transition: transform 0.3s ease;
}

.whatsapp-panel:hover .whatsapp-icon {
    transform: scale(1.1);
}

@media (max-width: 767px) {
    .whatsapp-icon {
        font-size: 80px;
    }
}

/* Detail pages: gallery first, description second — mobile only */
@media (max-width: 991px) {
	.responsive-ux.single .single-gallery-col2-filled {
		display: flex;
		flex-direction: column;
	}

	.responsive-ux.single .single-gallery-col2-filled .single-col2-gallery-wrap {
		order: 1;
	}

	.responsive-ux.single .single-gallery-col2-filled .single-col2-text-wrap {
		order: 2;
	}

	.responsive-ux.single .single-col2-text-wrap > .entry > .bm-builder > .module:first-child .module-inside {
		margin-top: 24px !important;
	}
}

/* Detail 2-column: gallery fills viewport; no global footer strip under image */
@media (min-width: 992px) {
	body.single-portfolio-2c-body .single-gallery-col2-filled {
		min-height: 100svh;
	}

	body.single-portfolio-2c-body .single-col2-gallery-wrap,
	body.single-portfolio-2c-body .single-col2-gallery-wrap .single-gallery-wrap-inn,
	body.single-portfolio-2c-body .single-col2-gallery-wrap .list-layout,
	body.single-portfolio-2c-body .single-col2-gallery-wrap .list-layout-col,
	body.single-portfolio-2c-body .single-col2-gallery-wrap .list-layout-col1-item,
	body.single-portfolio-2c-body .single-col2-gallery-wrap .list-layout-inside,
	body.single-portfolio-2c-body .single-col2-gallery-wrap .single-image,
	body.single-portfolio-2c-body .single-col2-gallery-wrap .lightbox-item {
		height: 100%;
		min-height: 100svh;
	}

	body.single-portfolio-2c-body .single-col2-gallery-wrap .ux-lazyload-wrap {
		padding-top: 0 !important;
		height: 100%;
		min-height: 100svh;
		position: relative;
	}

	body.single-portfolio-2c-body .single-col2-gallery-wrap .gallery-images-img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	body.single-portfolio-2c-body .single-col2-text-wrap {
		position: relative;
		min-height: 100svh;
		padding-bottom: 0;
	}

	body.single-portfolio-2c-body .single-col2-text-wrap.sticky_column {
		padding-bottom: 0;
	}

	body.single-portfolio-2c-body .single-col2-text-wrap > .entry {
		min-height: 100svh;
		padding-bottom: 112px;
		box-sizing: border-box;
	}

	body.single-portfolio-2c-body .artwork-detail-share-wrap {
		margin-bottom: 28px;
	}

	body.single-portfolio-2c-body .detail-sidebar-footer {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
		margin-top: 0;
		padding: 0 20px;
	}

	body.single-portfolio-2c-body .gallery-left .detail-sidebar-footer {
		padding-left: 8.333%;
		padding-right: 8.333%;
	}

	body.single-portfolio-2c-body .detail-sidebar-footer .copyright,
	body.single-portfolio-2c-body .detail-sidebar-footer .site-footer-tagline {
		margin: 0;
		font-size: 14px;
		line-height: 1.5;
		color: #414145;
	}

	body.single-portfolio-2c-body .detail-sidebar-footer .site-footer-tagline {
		margin-top: 4px;
	}
}

@media (max-width: 991px) {
	body.single-portfolio-2c-body .single-col2-text-wrap > .entry {
		min-height: 0;
		padding-bottom: 0;
	}

	body.single-portfolio-2c-body .detail-sidebar-footer {
		position: static;
		padding: 16px 0 28px;
		margin-top: 0;
	}

	body.single-portfolio-2c-body .gallery-left .detail-sidebar-footer {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 767px) {

	/* Font settings Mobile */

	/* Main Content Font Size */
	.responsive-ux .entry p,
	.responsive-ux .text_block p,
	.responsive-ux .text_block span,
	.responsive-ux .text_block div,
	.responsive-ux .text_block a,
	.responsive-ux .text_block h1,
	.responsive-ux .text_block h2,
	.responsive-ux .text_block h3,
	.responsive-ux .text_block h4,
	.responsive-ux .text_block h5,
	.responsive-ux .text_block h6,
	.responsive-ux .text_block li,
	.responsive-ux .text_block strong,
	.responsive-ux .text_block b,
	.responsive-ux .text_block i {
		font-size: var(--font-size-m, inherit)!important;
	}

	.responsive-ux legend, 
	.responsive-ux label, 
	.responsive-ux button, 
	.responsive-ux select, 
	.responsive-ux textarea,
	.responsive-ux input, 
	.responsive-ux button, 
	.responsive-ux .ux-btn {
		font-size: 16px;
	}

	/* Text logo font size */
	.responsive-ux #header .logo-text {
    	font-size: 16px;
	}

	/* Logo footer */
	.responsive-ux #logo-footer .logo-text {
		font-size: 14px;
	}

	/* Tagline */
	.responsive-ux .taglines {
		font-size: 10px;
	}

	/* Menu header*/
	body.show-menu-item-mobile.responsive-ux .navi-header {
		margin-left: 0px!important;
	}

	.responsive-ux .navi-header a,
	.responsive-ux .header-bar-social .socialmeida-a, 
	.responsive-ux .navi-header li > a {
		font-size: 16px;
	}
	
	.responsive-ux .navi-header .sub-menu a { 
	    font-size: 16px;
	}

	/*Menu on panel*/
	.responsive-ux .navi .menu li > a {
		font-size: 20px;
	}
	.responsive-ux .navi .sub-menu a {
		font-size: 20px;
	}

	/* Page & Post title*/
	body.single.responsive-ux .title-wrap-tit,
	.responsive-ux .title-wrap-h1 {
		font-size: 38px;
	}

	/* h1 - h6 default */
	.responsive-ux h1 {
		font-size: 32px;
	}

	.responsive-ux h2 {
		font-size: 28px;
	}

	.responsive-ux h3 {
		font-size: 24px;
	}

	.responsive-ux h4 {
		font-size: 20px;
	}

	.responsive-ux h5 {
		font-size: 18px;
	}

	.responsive-ux h6 {
		font-size: 16px;
	}

	/* Meta */
	.responsive-ux .article-meta, 
	.responsive-ux .comment-form .logged-in-as,
	.responsive-ux .comment-meta,
	.responsive-ux .archive-meta,.title-wrap-des, 
	.responsive-ux .entry-summary div[itemprop="description"] p {
		font-size: 0.8em;
	} 

	/* Caption of single portfolio */
	.responsive-ux .list-layout-inside-caption,
	.responsive-ux figcaption {
		font-size: 0.8em;
	}

	/* Button*/
	.responsive-ux button, .responsive-ux input[type="submit"] {
		font-size: 14px;
	}

	/* Form */
	.responsive-ux textarea, 
	.responsive-ux input {
		font-size: 16px
	}

	/* Footer */
	.responsive-ux .footer-info {
		font-size: 12px;
	}

	/* Post navi*/
	.responsive-ux .post-navi-single,
	.responsive-ux .post-navi-unit-tit {
		font-size: 1em;
	}

	/* Archive title */
	.responsive-ux .archive-title .title-wrap-tit {
		font-size: 26px;
	} 

	/* Archive items title */
	.responsive-ux .archive-tit {
		font-size: 22px;
	} 

	/* widget title */
	.responsive-ux .widget-title {
		font-size: 18px;
	} 

	/* widget content */
	.responsive-ux .widget-container {
		font-size: 16px;
	}

	

	/* Colors */


	/* Menu icon & Header icon default color on mobile */
	.default-logo-menu-mobile .navi-trigger,
	.default-logo-menu-mobile .portfolio-icon {
		color: #313139;
	}

	/* Text logo default color mobile*/
	.default-logo-menu-mobile .logo-text {
		color: #313139;
	}

	/* Tagline default color mobile*/
	.default-logo-menu-mobile .taglines {
		color: #313139;
	}

	/* Menu icon & Header icon alternative color mobile*/
	.alt-logo-menu-mobile .navi-trigger,
	.alt-logo-menu-mobile .portfolio-icon {
		color: #fff;
	}

	/* Text logo alternative color mobile*/
	.alt-logo-menu-mobile .logo-text {
		color: #fff;
	}

	/* Tagline default color mobile*/
	.default-logo-menu-mobile .taglines {
		color: #313139;
	}

	/* Menu icon & Header icon color when expanded panel is opened on mobile */
	.show_mobile_menu .navi-trigger,
	.show_popup .navi-trigger,
	.show_mobile_menu .portfolio-icon,
	.show_popup .portfolio-icon {
		color: #313139;
	}

	/* Logo color when expanded panel is opened on mobile */
	.show_mobile_menu .logo-text,
	.show_popup .logo-text {
		color: #313139;
	}

	/* Tagline color when expanded panel is opened on mobile */
	.show_mobile_menu .taglines,
	.show_popup .taglines {
		color: #313139;
	}

}

/* Home: flexible 12-column grid — no black gaps between tiles */
body.page-home #wrap-outer,
body.page-home #wrap {
	overflow: visible;
	height: auto;
}

body.page-home .home-builder {
	margin-left: 0;
	margin-right: 0;
}

body.page-home .home-builder > .bm-row {
	margin: 0;
	padding: 0;
}

body.page-home .home-grid {
	margin-left: 0;
	margin-right: 0;
}

body.page-home .home-slot .module-inside {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 0 !important;
}

body.page-home .home-slot .single-image-out {
	background-color: #fff;
}

body.page-home .home-description-scroll {
	padding-top: 40px;
	padding-right: 60px;
	padding-bottom: 60px;
	padding-left: 60px;
}

@media (min-width: 768px) {
	body.page-home .home-grid {
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		grid-template-rows: repeat(var(--home-rows), minmax(0, auto));
		align-items: stretch;
		gap: 0;
		width: 100%;
	}

	body.page-home .home-slot {
		grid-column: var(--grid-col) / span var(--col-span);
		grid-row: var(--grid-row) / span var(--row-span);
		min-width: 0;
		width: 100% !important;
		max-width: none !important;
		float: none;
	}

	body.page-home .home-slot .ux-hover-wrap {
		position: relative;
	}

	/* Tall/wide spans: image fills entire grid cell */
	body.page-home .home-slot--multi-row,
	body.page-home .home-slot--wide {
		display: flex;
		flex-direction: column;
		align-self: stretch;
		min-height: 0;
	}

	body.page-home .home-slot--multi-row .module-inside,
	body.page-home .home-slot--wide .module-inside,
	body.page-home .home-slot--multi-row .single-image-out,
	body.page-home .home-slot--wide .single-image-out,
	body.page-home .home-slot--multi-row figure.single-image,
	body.page-home .home-slot--wide figure.single-image {
		flex: 1;
		min-height: 0;
		height: 100%;
	}

	body.page-home .home-slot--multi-row .ux-hover-wrap,
	body.page-home .home-slot--wide .ux-hover-wrap {
		height: 100% !important;
		padding-top: 0 !important;
		overflow: hidden;
	}

	body.page-home .home-slot--multi-row .ux-hover-wrap-a,
	body.page-home .home-slot--wide .ux-hover-wrap-a {
		display: block;
		position: absolute;
		inset: 0;
	}

	body.page-home .home-slot--multi-row .single-image-img,
	body.page-home .home-slot--wide .single-image-img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* Text slot: match row height (driven by square images), scroll overflow */
	body.page-home .home-slot--text {
		display: flex;
		flex-direction: column;
		align-self: stretch;
		/* Stretch to row height without expanding the row from long text */
		height: 0;
		min-height: 100%;
		overflow: hidden;
	}

	body.page-home .home-slot--text .module-inside {
		position: relative;
		flex: 1;
		min-height: 0;
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	body.page-home .home-slot--text .bm-background-color {
		position: absolute;
		inset: 0;
	}

	body.page-home .home-slot--text .text_block_out,
	body.page-home .home-slot--text .text_block,
	body.page-home .home-slot--text .text_block_inn {
		flex: 1;
		min-height: 0;
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	body.page-home .home-description-scroll-wrap {
		position: relative;
		flex: 1;
		min-height: 0;
		overflow: hidden;
	}

	body.page-home .home-description-scroll-wrap::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 170px;
		background: linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.4) 38%,
			rgba(0, 0, 0, 0.75) 65%,
			rgba(0, 0, 0, 0.95) 88%,
			#000000 100%
		);
		pointer-events: none;
		z-index: 2;
		opacity: 0;
		transition: opacity 0.2s ease;
	}

	body.page-home .home-description-scroll-wrap.is-scrollable:not(.at-bottom)::after {
		opacity: 1;
	}

	body.page-home .home-slot--text .home-description-scroll {
		height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	body.page-home .home-description-scroll {
		padding-right: 40px;
		padding-left: 40px;
	}
}

@media (max-width: 767px) {
	body.page-home .home-grid {
		display: flex;
		flex-direction: column;
	}

	body.page-home .home-slot {
		width: 100%;
	}
}

/* Uploaded site logo — shadow only (no box), follows icon + text shape */
#header .logo-a {
	overflow: visible; /* theme default clips drop-shadow */
	background: none;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}

#header .navi-logo,
#header .head-meta {
	align-self: flex-start;
	padding-top: var(--logo-padding-top, 22px);
}

#header .logo-image {
	height: auto;
	width: auto;
	max-height: var(--logo-height, 38px);
	max-width: var(--logo-max-width, 260px);
	object-fit: contain;
	/* Soft warm lift — subtle legibility on busy photo backgrounds */
	filter:
		drop-shadow(0 0 1px rgba(255, 255, 255, 0.75))
		drop-shadow(0 0 2px rgba(255, 252, 245, 0.65))
		drop-shadow(0 1px 2px rgba(80, 40, 28, 0.28))
		drop-shadow(0 1px 4px rgba(48, 24, 16, 0.18));
}

/* Header menu icon — Kresek brand color, 3-line hamburg (menuicon-hamburg.css) */
#header .navi-trigger,
#header .navi-trigger-svg {
	height: var(--menuicon-height, 20px);
	line-height: var(--menuicon-height, 20px);
}

#header .navi-trigger {
	color: var(--brand-logo-color, #9f6e60);
}

#header .navi-trigger:hover,
#header .navi-trigger:focus {
	color: var(--brand-logo-color, #9f6e60);
	opacity: 0.82;
}

@media (max-width: 767px) {
	#header .header-main {
		position: relative;
		justify-content: flex-end;
	}

	#header .navi-logo {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		align-self: auto;
		text-align: center;
		padding-top: var(--logo-padding-top-m, 20px);
	}

	#header .head-meta {
		position: relative;
		z-index: 1;
		padding-top: var(--logo-padding-top-m, 20px);
		align-items: flex-start;
	}

	#header .navi-trigger,
	#header .navi-trigger-svg {
		height: var(--menuicon-height-m, 12px);
		line-height: var(--menuicon-height-m, 12px);
	}

	#header .navi-trigger {
		top: 0;
	}

	#header .navi-trigger-out {
		margin-top: 0;
	}

	#header .logo-image {
		max-height: var(--logo-height-m, 28px);
		max-width: var(--logo-max-width-m, 180px);
	}
}

/* Expanded menu panel — links (sidebar color & logo shadow) */
.menu-panel .navi .menu li > a {
	color: var(--sidebar-menu-color, #8e4c39);
	filter:
		drop-shadow(0 0 1px rgba(255, 255, 255, 0.75))
		drop-shadow(0 0 2px rgba(255, 252, 245, 0.65))
		drop-shadow(0 1px 2px rgba(80, 40, 28, 0.28))
		drop-shadow(0 1px 4px rgba(48, 24, 16, 0.18));
}

.menu-panel .navi .menu li > a:hover,
.menu-panel .navi .menu li > a:focus,
.menu-panel .navi li.current-menu-item > a {
	color: var(--sidebar-menu-color, #8e4c39);
	opacity: 0.82;
}

.menu-panel .navi li.current-menu-item > a {
	opacity: 1;
}

@media (max-width: 767px) {
	.responsive-ux .menu-panel .navi .menu li > a {
		font-size: 28px;
	}
}

/* Page share icons — Simple Icons SVG (artwork detail + blog) */
.page-share .social-li .share,
.page-share .post-meta-social-li .share {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #414145;
}

.page-share .social-brand-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	line-height: 1;
}

.page-share--blog .social-brand-icon {
	width: 20px;
	height: 20px;
}

.page-share .social-brand-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.page-share .social-brand-icon--threads svg {
	width: 24px;
	height: 24px;
}

.page-share--blog .social-brand-icon--threads svg {
	width: 18px;
	height: 18px;
}

.page-share .postshareicon-facebook-wrap:hover {
	color: #1877f2;
}

.page-share .postshareicon-threads-wrap:hover {
	color: #000;
}

.page-share .postshareicon-whatsapp-wrap:hover {
	color: #25d366;
}

.page-share .postshareicon-instagram-wrap:hover {
	color: #e4405f;
}

/* Artwork detail share icons — Simple Icons SVG (consistent brand marks) */
.artwork-detail-share .social-li .share {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #414145;
}

.artwork-detail-share .social-brand-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	line-height: 1;
}

.artwork-detail-share .social-brand-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.artwork-detail-share .social-brand-icon--threads svg {
	width: 24px;
	height: 24px;
}

.artwork-detail-share .postshareicon-facebook-wrap:hover {
	color: #1877f2;
}

.artwork-detail-share .postshareicon-threads-wrap:hover {
	color: #000;
}

.artwork-detail-share .postshareicon-whatsapp-wrap:hover {
	color: #25d366;
}

.artwork-detail-share .postshareicon-instagram-wrap:hover {
	color: #e4405f;
}

body.single-portfolio-2c-body .artwork-detail-share-wrap .module-social {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 8px;
}

@media (max-width: 767px) {
	body.single-portfolio-2c-body .artwork-detail-share-wrap {
		margin-bottom: 12px;
	}

	.artwork-detail-share .social-brand-icon {
		width: 15px;
		height: 15px;
	}

	.artwork-detail-share .social-brand-icon--threads svg {
		width: 14px;
		height: 14px;
	}

	/* Footer: override .entry p mobile font-size (!important) — keep caption-scale */
	body.single-portfolio-2c-body .detail-sidebar-footer {
		padding: 8px 0 18px;
	}

	body.single-portfolio-2c-body .detail-sidebar-footer .copyright,
	body.single-portfolio-2c-body .detail-sidebar-footer .site-footer-tagline,
	body.single-portfolio-2c-body.responsive-ux .entry .detail-sidebar-footer .copyright,
	body.single-portfolio-2c-body.responsive-ux .entry .detail-sidebar-footer .site-footer-tagline {
		font-size: 11px !important;
		line-height: 1.25;
		letter-spacing: 0.01em;
		color: #6b6b70;
	}

	body.single-portfolio-2c-body .detail-sidebar-footer .site-footer-tagline {
		margin-top: 0 !important;
	}
}