/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:root {
	
	--font-family--primary: "Times"; /* was EB Garamond */
	--font-family--secondary: "Times"; /* was Futura PT */
	
	--global--color--black: #171A1C;
	--global--color--text: #171A1C;
	--global--color--white: #ffffff;
	--global--color--background: #ffffff;
	--global--color--neutral-400: #A7A5A5;
	--global--color--neutral-100: #FAFAFA;
	
	--global--color--text-tetriary: #555E68;
}

.language-switcher .cpel-switcher__list {
	display: flex;
	flex-flow: row;
	gap: 8px;
}

.language-switcher .cpel-switcher__list::before {
	content: "";
	display: flex;
	width: 1px;
	height: 28px;
	background: var(--e-global-color-text);
	order: 1;
}

.language-switcher .cpel-switcher__list {
	align-items: center;
}

.language-switcher .cpel-switcher__list .cpel-switcher__lang.cpel-switcher__lang--active a {
	color: #555E68;
}

.language-switcher .cpel-switcher__list .cpel-switcher__lang:first-child {
	order: 0;
}

.language-switcher .cpel-switcher__list .cpel-switcher__lang:last-child {
	order: 2;
}

/* Main menu */
.main-menu .elementor-nav-menu {
	gap: 9px;
}

.main-menu .elementor-nav-menu .menu-item.dropdown::after {
	content: "";
	display: flex;
	width: 24px;
	height: 24px;
	margin-left: 4px;
	border: 0px;
	background: url(./assets/icons/angle-down-small.svg) center center / 24px 24px no-repeat; 
}

.main-menu .elementor-nav-menu::after {
	display: none;
}

.our-branches {
	overflow: hidden;
}

.our-branches .widget-image-caption {
	position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.our-branches a,
.our-branches a:hover {
	font-size: 28px;
	line-height: 36px;
	color: #ffffff;
	font-family: var(--font-family--primary);
	letter-spacing: 8%;
}

.our-branches img {
	transform: scale(1);
	transition: all .3s ease;
}

.our-branches:hover img {
	transform: scale(1.2);
}

.background-blur > .e-con-inner {
	z-index: 1;
}

.background-blur::after {
	content: "";
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
	z-index: 0
}

.header-dropdown {
	display: none;
}

.hamburger {
	display: inline-flex;
	width: 24px;
	height: 24px;
	background: url(./assets/icons/Burger.svg) center center / 24px 24px no-repeat;
}

.hamburger.active {
	background-image: url(./assets/icons/Close.svg);
}

.hamburger.active {
	background: url(./assets/icons/Close.svg) center center / 24px 24px no-repeat;
}

/* Mobile Menu */
.main-mobile-menu .elementor-nav-menu > .menu-item:first-child > .elementor-item {
	border-top: 0.5px solid #A7A5A5;
}

.main-mobile-menu .elementor-nav-menu > .menu-item > .elementor-item {
	border-bottom: 0.5px solid #A7A5A5;
}

.main-mobile-menu .elementor-nav-menu > .menu-item > .sub-menu {
	padding: 0 24px;
}

.main-mobile-menu .elementor-nav-menu > .menu-item > .sub-menu .elementor-sub-item {
	border-left: 0px;
	/* border-inline-start: 0px !important; */
}

.main-mobile-menu .elementor-nav-menu > .menu-item .sub-arrow {
	display: none;
}

.main-mobile-menu .elementor-nav-menu > .menu-item > .sub-menu {
	position: relative;
	display: none !important;
	flex-flow: column;
	gap: 4px;
	width: 100%;
	margin-top: 12px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.main-mobile-menu .elementor-nav-menu > .menu-item > .sub-menu > .menu-item > .elementor-sub-item {
	color: var(--global--color--text);
	text-transform: uppercase;
}

.main-mobile-menu .elementor-nav-menu > .menu-item > .sub-menu > .menu-item > .sub-menu {
	position: relative;
	display: flex !important;
	flex-flow: column;
	margin-top: 8px !important;
	gap: 4px;
	width: 100% !important;
	margin-left: 0px !important;
}

.main-mobile-menu .elementor-nav-menu > .menu-item > .sub-menu > .menu-item > .elementor-sub-item:hover,
.main-mobile-menu .elementor-nav-menu > .menu-item > .sub-menu > .menu-item > .sub-menu .elementor-sub-item:hover {
	color: var(--global--color--text);
	background: var(--global--color--white);
}

.main-mobile-menu .elementor-nav-menu > .menu-item > .sub-menu > .menu-item.menu-item-has-children {
	margin-bottom: 8px;
}

.main-mobile-menu .dropdown .elementor-item {
	display: inline-flex;
	width: 100%;
	position: relative;
}

.main-mobile-menu .dropdown .elementor-item .sub-arrow svg {
	display: none;
}

.main-mobile-menu .elementor-nav-menu > .menu-item.dropdown .elementor-item .sub-arrow {
	display: flex;
	width: 24px;
	height: 24px;
	background: url(./assets/icons/angle-down-small.svg) center center / 24px 24px no-repeat;
	margin-left: 4px;
	transform: rotate(0deg);
	transition: all .3s ease;
}

.main-mobile-menu .elementor-nav-menu > .menu-item.dropdown.active .elementor-item .sub-arrow {
	transform: rotate(180deg);
}

.main-mobile-menu .elementor-nav-menu > .menu-item.dropdown.active > .sub-menu {
	display: flex !important;
}

.main-mobile-menu {
	max-height: calc(100vh - 339px);
    overflow: auto;
}

.mobile-dropdown {
	display: none;
}

.mobile-dropdown.active {
	display: flex;
}

/* List */
.list {
	display: flex;
	flex-flow: column;
	gap: 4px;
	padding: 0;
	margin-bottom: 16px;
}

.list.list--hypen .list__item {
	display: flex;
	flex-flow: row;
	gap: 16px;
	align-items: flex-start;
	justify-content: flex-start;
}

.list.list--hypen .list__item::before {
	content: "";
	display: flex;
	width: 40px;
	height: 1px;
	background: var(--global--color--neutral-400);
	flex: 0 0 auto;
	margin-top: 13px;
}

.elementor-element.elementor-widget.elementor-widget-accordion .elementor-widget-container .elementor-accordion {
	border: 0;
}

.elementor-element.elementor-widget.elementor-widget-accordion .elementor-widget-container .elementor-accordion .elementor-accordion-item {
	border: 0;
}

.elementor-element.elementor-widget.elementor-widget-accordion .elementor-widget-container .elementor-accordion .elementor-accordion-item .elementor-tab-content {
	/* border-top: 1px solid var(--global--color--neutral-400); */
	/* border-bottom: 1px solid var(--global--color--neutral-400); */
	border-top: 0px;
}

.elementor-element.elementor-widget.elementor-widget-accordion .elementor-widget-container .elementor-accordion .elementor-accordion-item .elementor-tab-title {
	border-top: 1px solid var(--global--color--neutral-400);
	/* border-bottom: 1px solid var(--global--color--neutral-400); */
}

.elementor-element.elementor-widget.elementor-widget-accordion {
	/* border-top: 1px solid var(--global--color--neutral-400); */
	border-bottom: 1px solid var(--global--color--neutral-400);
}

/* Breadcrumbs */
.rank-math-breadcrumb p,
.rank-math-breadcrumb a {
	margin: 0;
	font-size: 1rem;
	line-height: 1.5rem;
	font-family: var(--font-family--secondary);
	color: var(--global--color--text);
	letter-spacing: 8%;
}

/* Sculputre list */
.sculpture-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	gap: 24px;
}
@media (max-width: 767px) {
	.sculpture-list {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}
.sculpture-card {
	display: flex;
	width: 384px;
	height: 300px;
	position: relative;
}
@media (max-width: 767px) {
	.sculpture-card {
		width: 100%;
		height: auto;
	}
}
.sculpture-card__thumbnail {
	width: 384px;
	height: 300px;
	display: flex;
	object-fit: cover;
	object-position: center;
	position: relative;
	overflow: hidden;
}
@media (max-width: 767px) {
	.sculpture-card__thumbnail {
		width: 100%;
		height: auto;
	}
}
.sculpture-card__thumbnail img {
	position: relative;
	z-index: 0;
	filter: grayscale(1);
	transform: scale(1);
	transform-origin: center center;
	transition: all .3s ease;
}
.sculpture-card:hover img {
	transform: scale(1.2); 
}
@media (max-width: 767px) {
	.sculpture-card__thumbnail img {
		width: 100%;
		height: auto;
	}
}
.sculpture-card__thumbnail::before {
	content: "";
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #3032334D;
	z-index: 1;
}
.sculpture-card__caption {
	position: absolute;
	font-size: 1.75rem;
	line-height: 2.25rem;
	letter-spacing: 8%;
	color: var(--global--color--white);
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	z-index: 1;
}
.sculpture-card__link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}

/* обʼємна реклама */
.vyd-obiemnoyi-reklamy .sculpture-card,
.vyd-obiemnoyi-reklamy .sculpture-card__thumbnail {
	width: auto;
	height: auto;
}
.sculpture-list.vyd-obiemnoyi-reklamy {
	grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
	.sculpture-list.vyd-obiemnoyi-reklamy {
		grid-template-columns: repeat(1, 1fr);
	}
}
.sculpture-list.vyd-obiemnoyi-reklamy .sculpture-card:nth-child(odd) {
	justify-self: end;
}
.sculpture-list.vyd-obiemnoyi-reklamy .sculpture-card:nth-child(even) {
	justify-self: start;
}

.sculptures-subcategories {
	display: flex;
	flex-flow: row wrap;
	gap: 10px;
	justify-content: center;
}
.sculptures-subcategories a {
	text-align: center;
}

/* Button */
.button.button--term {
	display: inline-flex;
	padding: 12px 16px;
	font-family: var(--font-family--secondary);
	font-size: 1.125rem;
	line-height: 1.75rem;
	text-transform: uppercase;
	font-weight: 400;
	color: var(--global--color--text);
	transition: all .3s ease;
}

@media (max-width: 767px) {
	.button.button--term {
		font-size: 1rem;
		line-height: 1.5rem;
	}
}

.button.button--term {
	background: var(--global--color--neutral-100);
}

.button.button--term.active,
.button.button--term:hover {
	background: var(--global--color--neutral-400);
	color: var(--global--color--white);
}

/* Sculpture list */
.sculpture-examples {
	display: flex;
	flex-flow: row;
	gap: 24px;
}

@media (max-width: 767px) {
	.sculpture-examples {
		flex-flow: column;
		gap: 16px;
	}
}

.sculpture-examples .column-block-1,
.sculpture-examples .column-block-2,
.sculpture-examples .column-block-3 {
	display: flex;
	flex-flow: column;
	gap: 24px;
	flex: 1 1 100%;
}

.sculpture-examples .column-block-1,
.sculpture-examples .column-block-2,
.sculpture-examples .column-block-3 {
	gap: 16px;
}

.sculpture-example {
	position: relative;
	display: flex;
	flex-flow: column;
	gap: 16px;
	margin-bottom: 24px;
	transform: scale(0);
	transition: all .3s ease;
}

.work-example-card {
	transform: scale(0);
	transition: all .3s ease;
}

.work-example-card .wp-caption a {
	display: block;
	overflow: hidden;
}

.work-example-card img {
	transform: scale(1);
	transition: all .3s ease;
}

.work-example-card img:hover {
	transform: scale(1.2);
}

@media (max-width: 767px) {
	.sculpture-example {
		margin-bottom: 0;
	}
}

.sculpture-example.visible,
.work-example-card.visible { 
	transform: scale(1);
}

.sculpture-example__thumbnail {
	width: 100%;
	display: flex;
	overflow: hidden;
}

.sculpture-example__thumbnail img {
	width: 100%;
	height: auto;
	transform: scale(1);
	transition: all .3s ease;
}

.sculpture-example:hover .sculpture-example__thumbnail img {
	transform: scale(1.2);
}

.sculpture-example .sculpture-example__title {
	font-family: var(--font-family--secondary);
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 300;
	margin: 0;
}

@media (max-width: 767px) {
	.sculpture-example .sculpture-example__title {
		font-size: 1rem !important;
		line-height: 1.5rem !important;
		margin: 0 15px;
	}
}

.sculpture-example-posts {
	display: none;
}

.sculpture-example__link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

/*
 NEW
*/

/* global font */
.elementor-widget-text-editor {
	font-family: Times !important;
	font-size: 18px !important;
}
h2, .elementor-accordion-title {
	font-family: Times !important;
	font-size: 24px !important;
}

header#site-header {
	box-shadow: 0 1px 9px rgba(0,0,0,0.2);
}

/* top banner slider */
.n2-section-smartslider .n2-ss-slide-backgrounds,
.n2-section-smartslider .n2-ss-slide,
.n2-section-smartslider {
	max-height: calc(100vh - 104px);
}

/* logo slider (clients) */
.gs_logo_single img {
	width: auto;
}
.gs_logo_area.carousel_has--dots .gs_logo_container {
	padding-bottom: 0;
}
.gs_logo_single--inner img {
	transition: transform 0.25s;
}
.gs_logo_single--inner:hover img {
	transform: scale(1.1);
}

header.site-header li.menu-item a:hover,
.header-dropdown li.menu-item a:hover {
	color: #16a085;
}

/* h1 header with line */
.h1 {
	display: flex;
	justify-content: center;
	margin: 60px 0 30px 0;
}
.h1-inner {
	width: 792px;
	display: flex;
	gap: 24px;
}
.h1-line {
	display: flex;
	align-items: center;
}
.h1-line>div {
	border-top: 1px solid #a7a5a5;
	width: 168px;
	height: 1px;
}
/* .h1-text {
	width: 380px;
} */
.h1-text h1 {
	line-height: 24px;
	margin: 0;
	text-transform: uppercase;
	font-size: 1.5rem;
}

.container-width {
	max-width: 1220px;
	margin: 0 auto;
}

.materials-menu ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 15px;
	text-transform: uppercase;
	justify-content: center;
	padding: 0;
}
.materials-menu ul a {
	display: block;
	padding: 15px;
	background-color: #fafafa;
	font-size: 18px;
}
.materials-menu ul a:hover {
	background-color: #a7a5a5;
	color: #fff;
}

/* footer */
footer {
	text-align: center;
	border-top: 0.5px #A7A5A5 solid;
	padding-top: 45px;
}
footer .site-logo {
    margin-bottom: 30px;
}
footer .site-logo img {
	width: 172px;
}
footer .text-row {
	display: flex;
	gap: 0 15px;
	justify-content: center;
	flex-wrap: wrap;
}
footer .social-icons svg {
	width: 24px;
	height: 24px;
}
footer .copyright {
	margin-bottom: 60px;
}

.page-header .post-title {
	font-size: 2rem;
	text-align: center;
}

a.btn-green {
	text-align: center;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background-color: #16A085;
	padding: 15px 20px;
}
a.btn-green:hover {
	color: #fff;
	background-color: #000;
}

@media (max-width: 767px) {
	.hide-on-mobile {
		display: none;
	}
}
@media (min-width: 768px) {
	.hide-on-desktop {
		display: none;
	}
}