/* 
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 */


body:not(.home) header {
	background-color:#143046;
}

.point {
	opacity:0;
	width:1px;
	height:1px;
}
.mob-menu nav .jet-nav .menu-item {
	padding:0px!important;
	margin-bottom:20px!important;
}
.mob-menu nav .jet-nav .menu-item a{
    font-family: "RF Dewi", Sans-serif;
    font-size: 16px;
	color:#FFFFFF;
	font-weight:700;
    text-transform: uppercase;
}

.map-block iframe {
	border-radius:20px;
}
.rev-meta h4 {
	margin:0px;
	padding:0px;
}
.rev-image,
.rev-image img{
	width:40px!important;
}
.global-phone {
	position:fixed;
	z-index:999;
	bottom:40px;
	transition:all 0.3s;
	right:70px;
}
@media(max-width:767px) {
	.global-phone {
	bottom:0px!important;
		right:0px!important;
}
}
.global-phone:hover {
	transform:scale(1.2);
}
.hero section {
	background-color:#143046;
}
ul {
	list-style:none;
}

[class*="__container"] {
	/*padding-inline: clamp(0.9375rem, -0.2083rem + 5.0926vw, 4.375rem)!important;
	*/
	padding-inline:clamp(0.9375rem, -21.6776rem + 28.9474vw, 4.375rem)!important;
}
.jet-popup__container-content,
.jet-popup__container-inner,
.jet-popup__container{
	padding-inline:0px!important;
}
.header-menu nav.jet-nav-wrap .menu-main-menu-container .jet-nav .menu-item:not(:last-of-type) {
	margin-right:clamp(0.9375rem, -12.8556rem + 21.5517vw, 2.5rem);
}
.header-menu nav.jet-nav-wrap .menu-main-menu-container .jet-nav .menu-item {
}
.iconlist-distance ul.elementor-icon-list-items,
.iconlist-distance ul.elementor-icon-list-items li.elementor-icon-list-item {
	padding:0px!important;
	margin:0px!important;
}
.iconlist-distance ul.elementor-icon-list-items,
.iconlist-distance ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-icon svg {
	margin:0px;
}
.iconlist-distance ul.elementor-icon-list-items li.elementor-icon-list-item:last-of-type {
	margin-left:25px!important;
}
.iconlist-distance ul.elementor-icon-list-items li.elementor-icon-list-item:last-of-type .elementor-icon-list-text{
	display:flex;
	flex-direction:column;
}
.iconlist-distance ul.elementor-icon-list-items li.elementor-icon-list-item:last-of-type a {
	gap:10px;
}
.iconlist-distance ul.elementor-icon-list-items li.elementor-icon-list-item {
	transition:all 0.3s;
}
.iconlist-distance ul.elementor-icon-list-items li.elementor-icon-list-item:hover {
	opacity:0.7;
}
.iconlist-distance ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text{
	color:#FFFFFF;
	line-height:1.2em;
	font-weight:18px;
	font-family: "RF Dewi", Sans-serif;
	font-weight:800;
}
.iconlist-distance ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text span {
	font-weight:600!important;
	font-size:12px;
	color:#CBB994;
}
.iconlist-distance ul.elementor-icon-list-items li.elementor-icon-list-item:last-of-type .elementor-icon-list-icon {
	width:20px;
}
/* hero section */
.container-hero {
	max-width:1080px;
}
.container-hero h1 span{
	font-weight:400;
}
.container-hero .text__block {
	max-width:770px;
}
.header-icons__block ul.elementor-icon-list-items li.elementor-icon-list-item {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.header-icons__block ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text {
	max-width:170px;
}
.header-icons__block ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text span {
	font-weight:400;
}
.header-icons__block ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-icon {
	transition:all 0.3s;
}
.header-icons__block ul.elementor-icon-list-items li.elementor-icon-list-item:hover .elementor-icon-list-icon {
	transform:translateX(50%);
}
.button-icon .elementor-button{
	position:relative;
}
.button-icon .elementor-button::after{
	content:'';
	background:url('/wp-content/uploads/2025/06/button-icon.svg') center center no-repeat;
	width:56px;
	height:56px;
	position:absolute;
	top:5px;
	transition:all 0.3s;
	right:5px;
}
.button-icon:hover .elementor-button::after {
	transform:rotate(45deg);
}
/* status message */
.status-message > div > span {
	position:relative;
}
.status-message > div > span::before {
	content:'';
	width:5px;
	height:5px;
	background:#FFFFFF;
	position:absolute;
	border-radius:100px;
	top:7px;
	left:-9px;
}
/* marque */
.animated-marquee {
  width: max-content;
  animation: slideMarquee 10s ease-in-out infinite alternate;
	font-family: "RF Dewi", Sans-serif;
  font-size:40px;
  white-space: nowrap;
	color:#FFFFFF;
	font-weight:800;
	text-transform:uppercase;
  z-index: 9999;
}
.animated-marquee span {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}
.animated-marquee span span.inner {
	font-style: italic;
	font-weight:400;
}
span.head-2 {
	font-style: italic;
	font-weight:600;
	color:#BFA77C;
}
span.head-3 {
	font-weight:700;
	color:#BFA77C;
}
.animated-marquee img {
  height: 48px;
	margin-left:48px;
	margin-right:48px;
  width: auto;
}

@keyframes slideMarquee {
  0% {
    transform: translateX(0vw);
  }
  100% {
    transform: translateX(calc(100vw - 100%));
  }
}
/* marque */

.about-images__block img {
	border-radius:12px!important;
}
.footer-menu .jet-nav-wrap .jet-nav .menu-item:not(:last-of-type) {
	margin-bottom:20px!important;
}
.schedule-list {
	padding:0px;
}
.schedule-list li {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:40px;
	justify-content:space-between;
}
.schedule-list li:not(:last-of-type) {
	margin-bottom:8px;
}
.schedule-list li span.hours {
	font-weight:400!important;
}
.schedule-list li:nth-child(6) span.hours,
.schedule-list li:nth-child(7) span.hours {
	color:#DB1013!important;
}
.contact-info {
	display:flex;
	font-weight:500;
	font-size:14px;
	text-transform:none;
}
.contact-info span.description,
.contact-info.other {
text-decoration:underline;	
}
.contact-footer-col .elementor-icon-list-items .elementor-icon-list-text,
.contact-block .elementor-icon-list-text{
	display:flex;
	flex-direction:column;
	gap:8px;
}
.contact-info span.status {
	padding:0px 6px 0px 14px;
	line-height:1.4em;
	background:#31B939;
	position:relative;
	border-radius:500px;
	font-weight:600;
	font-size:12px;
	margin-right:6px;
	text-decoration:none!important;
}
.contact-info span.status::before {
	content:'';
	width:4px;
	height:4px;
	border-radius:500px;
	background-color:#FFFFFF;
	position:absolute;
	left:6px;
	top:50%;
	transform:translateY(-50%);
}
.footer-row.last .elementor-shortcode {
	color:rgba(255, 255, 255, 0.85);
	font-size:14px;
	font-weight:400;
	font-family: "DM Sans", Sans-serif;
	line-height:1.4em;
}
.footer-row.last figure a img{
	min-width:113px!important;
}
.footer-row.last .elementor-image-box-wrapper a {
	color:#FFFFFF;
}
.footer-row.last .elementor-image-box-wrapper {
	display:flex;
	transition:all 0.3s;
	flex-direction:row-reverse;
}
.footer-row.last .elementor-image-box-wrapper:hover {
	opacity:0.8;
}
.footer-row.last.last .jet-nav-wrap .jet-nav .menu-item:not(:last-of-type) {
	margin-right:24px;
}
.footer-row.last.last .jet-nav-wrap .jet-nav .menu-item a {
	text-decoration:underline;
	transition:all 0.3s;
}
.footer-row.last.last .jet-nav-wrap .jet-nav .menu-item a:hover {
	color:rgba(255, 255, 255, 0.85);
	text-decoration:none;
}
.footer-blocks {
	justify-content:space-between;
}
.footer-blocks > div {
	width:fit-content!important;
	max-width:360px;
}
.about-first-image img,
.about-second-image img,
.about-third-image img{
	transition:all 0.3s;
}
.about-first-image,
.about-second-image,
.about-third-image{
	border-radius:12px;
	overflow:hidden;
}
.about-first-image:hover img,
.about-second-image:hover img,
.about-third-image:hover img{
	transform:scale(1.1);
}

/* Flip */
.flipboxes .elementor-shortcode{
	margin-right:-50%;
}
.advantages-carousel {
  width: 100%;
  height: 500px; /* або auto + min-height */
}

.carousel-cell {
  width: 400px;
  height: 500px;
  margin-right: 20px;
}

.flip-card {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.flip-card-inner {
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card-front,
.flip-card-back {
  width: 100%;
  height: 100%;
	padding:32px 24px;
  transition: transform 0.5s ease, opacity 0.5s ease;
  position: absolute;
	border-radius:24px;
  top: 0;
  left: 0;
}
.flip-card-back {
	background-color:#143046;
}
.flip-card-front {
	display:flex;
	z-index:999;
	align-items:flex-end;
	background-size:cover;
	background-position:center;
}
.flip-card-back {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:space-between;
	z-index: 9999;
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}
.flip-card.show-back .flip-card-back {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.flip-card.show-back .flip-card-front {
  opacity: 0;
  pointer-events: none;
}
.flip-card-front .flip-card-front-content {
	display:flex;
	justify-content:space-between;
	width:100%;
}
.flip-card-front .flip-card-front-content h3,
.flip-card-back h3 {
	font-size: clamp(1.25rem, 0.9651rem + 0.5944vw, 1.5rem);
	font-weight:700;
	font-family: "RF Dewi", Sans-serif;
	color:#FFFFFF;
	letter-spacing:-0.02em;
}
.flip-card-back p {
	color:#FFFFFF;
	opacity:0.85;
	font-size:18px;
	line-height:1.5em;
	font-weight:400;
}
.flip-card-front .flip-card-front-content .flip-to-back,
.flip-card-back button{
	padding:0px;
	border:none;
}
@media(max-width:670px) {
	.flip-card-front-content {
		flex-direction:column;
	}
	.flip-card-front .flip-card-front-content h3 {
		text-align:center;
	}
	.carousel-cell {
  width: 320px;
  height:100%;
		min-height:450px;
}
}
.flip-card-front .flip-card-front-content .flip-to-back:hover,
.flip-card-back button:hover{
	background:none;
}
.flip-card-front {
	position:relative;
}
.flip-card-front::after {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	bottom:0px;
	z-index:0;
	border-radius:0 0 24px 24px;
	left:0px;
	background:url('/wp-content/themes/hello-theme-child-master/img/shadow.svg') bottom center repeat-x;
}
.flip-card-front .flip-card-front-content {
	z-index:1;
}
.flip-card-back{
	z-index:99;
}
.flip-card-front .flip-card-front-content .flip-to-back  img {
	min-width:40px;
}
.carousel-cell:nth-child(even) {
  margin-top:clamp(0rem, -4.2738rem + 8.9153vw, 3.75rem);
}
.flip-card-back {
  transform: rotateY(180deg);
}

.flip-card.flip .flip-card-inner {
  transform: rotateY(180deg);
}

/* End Of Flip */

/* HotSpots */
.standards .hotspots .jet-hotspots__inner {
	width:100%;
}
.standards .hotspots .jet-hotspots__inner img {
	aspect-ratio: 1360 / 700;
	object-fit:cover;
  border-radius:24px;
}
.tippy-box {
  max-width: 250px!important;
	margin-left:-10px;
  white-space: normal;
  word-break: break-word;
}
.portfolio-item__inner {
	position:relative;
	overflow:hidden;
			border-radius:12px;
}
.portfolio-item__inner .portfolio-texts {
		transition:all 0.5s;
		position:absolute;
		left:-100%;
		padding:25px 60px!important;
		top:0px;
		width:100%;
		height:100%;
}
.portfolio-item__inner:hover .portfolio-texts {
	transition:all 0.5s;
	pointer-events:none;
	top:0;
	left:0;

	background:rgba(0, 0, 0, 0.4);
	padding:15px;
}
.swiper-zoom-container img {
	border-radius:14px!important;
}
.portfolio-items__block ul.jet-listing-grid__items li.jet-listing-grid__item{
	overflow:hidden;
}
ul.jet-listing-grid__items li.jet-listing-grid__item .portfolio-image img {
	aspect-ratio:314 / 420;
	object-fit:cover;
	border-radius:12px;
}
/*.service-card {
	position:sticky;
	top:100px;
}
*/
.how-card__item {
	position:relative;
}
.how-card__item img {
	aspect-ratio:660 / 360;
	border-radius:24px;
	object-fit:cover;
	width:100%;
}
.how-card-texts {
	position:absolute;
	bottom:-85px;
	left:0px;
	max-width:590px;
}
.how-card-texts h3 {
	display:flex;
	align-items:center;
}
.how-card-texts h3 span {
	font-size:14px;
	color:#003763;
	width:35px;
	height:35px;
	display:inline-flex;
	background-color:#D8C196;
	border-radius:8px;
	justify-content:center;
	align-items:center;
	margin-right:10px;
}
/*.how-card__item,
.how-texts{
	position:sticky;
	top:50px;
}*/
.consultation__titles {
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='48' ry='48' stroke='%2314304680' stroke-width='4' stroke-dasharray='32%2c 32' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
border-radius: 48px;
}
.message {
	position:absolute;
	top:30%;
	left:36px;
	background:linear-gradient(90deg, #143046 0%, #3176AC 100%),
linear-gradient(90deg, #003763 0%, #00447B 100%)!important;
border-radius:30px 0px 30px 30px;
	max-width:360px;
}
.message span > span {
	text-transform:uppercase;
}
.constultation-socials__block {
	max-width:315px;
	left:50%!important;
	align-items:center;
	transform:translateX(-50%);
}
.socials-list ul.elementor-icon-list-items {
	display:flex;
	margin:0px!important;
	padding:0px!important;
}
.socials-list ul.elementor-icon-list-items li {
	margin:0px!important;
	padding:0px!important;
}
.socials-list ul.elementor-icon-list-items li:not(:last-of-type){
	margin-right:8px!important;
}
.socials-list ul.elementor-icon-list-items li a,
.socials-list ul.elementor-icon-list-items li a span svg {
	margin:0px!important;
	padding:0!important;
}
.socials-list ul.elementor-icon-list-items li a span svg {
transition:all 0.3s!important;
}
.socials-list ul.elementor-icon-list-items li:hover a span svg {
	transform:scale(0.9);
}
.socials-list ul.elementor-icon-list-items .elementor-icon-list-text {
	display:none;
}
.consult-socials-title span{
	display:flex;
	flex-direction:column;
}
.consult-socials-title span > span {
	font-weight:700;
}
.consultation-info {
background: linear-gradient(0deg, #143046, #143046),
linear-gradient(90deg, #003763 0%, #00447B 100%)!important;
max-width:490px;
}
.consult-form .consultationForm input {
	border-radius:500px;
	padding:18px 24px;
}
.consult-form .consultationForm .field.submit input {
	width:100%;
	text-align:left;
	padding:20px;
	border:none;
	font-family: RF Dewi;
font-weight: 800;
font-size: 16px;
line-height: 140%;
text-transform: uppercase;
	color:#FFFFFF;
	background:#BFA77B url('https://vellanotile.ca/wp-content/uploads/2025/06/button-icon.svg') right 5px center no-repeat;
}
.consult-form .consultationForm .accept {
	font-family: DM Sans;
font-weight: 700;
font-style: Bold;
	color:#FFFFFF;
font-size: 14px;
line-height: 1.4em;
}
.consult-form .consultationForm .accept {
	margin-bottom:50px!important;
}
.consult-form .consultationForm .accept a {
	text-decoration: underline;
	color:#31B939;
}
.consult-form .consultationForm .accept a:hover {
	text-decoration: none;
}
.consult-form .consultationForm input[type="checkbox"] {
  display: none;
}
.consult-form .submit {
	position:relative;
}
.consult-form .submit input{
	transition:all 0.3s;
}
.consult-form .submit input:hover  {
	opacity:0.7;
}
	

.consult-form .wpcf7-spinner {
    background-color: #31B939;
    opacity: 1;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
		top:50%;
	  left:70%;
	transform:translate(-50%, -50%);
    position: absolute;
}
.consult-form form {
	position:relative;
}
.wpcf7-not-valid-tip {
	font-size:12px;
	position:absolute;
	top:0px;
	right:15px;
}
.consult-form form .wpcf7-response-output {
	position:absolute;
	top:50%;
	left:50%;
	padding:12px;
	transform:translate(-50%, -50%);
	border:1px solid #E3E3E3!important;
	max-width:50%;
	font-size:12px;
	font-family: "DM Sans", Sans-serif;
	background-color:#FFFFFF;
}
span.wpcf7-list-item label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
}

span.wpcf7-list-item label input[type="checkbox"] + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 20px;
  height: 20px;
  border:none;
  border-radius: 4px;
  background: #FFFFFF;
}

/* Відображення галочки */
span.wpcf7-list-item label input[type="checkbox"]:checked + span::after {
  content: "";
  position: absolute;
  left: 7px;
  top:1px;
  width: 6px;
  height: 10px;
  border: solid #FFFFFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
span.wpcf7-list-item label input[type="checkbox"]:checked + span::before {
	background:#31B939;
}

.consult-form .consultationForm .field:not(:last-of-type) {
	margin-bottom:12px;
}
.rev-text {
	max-height:140px;
	overflow:auto;
}
.map-image img {
	aspect-ratio: 970 / 520;
	object-fit:cover;
	border-radius:24px;
}
.contact-texts {
	min-width:290px;
}
/* responsive*/
@media(min-width:1024.99px) {
	.burger {
		display:none;
	}
}
@media(max-width:1024px) {
	.header-list,
	.header-menu {
		display:none;
	}
	.global-phone {
	bottom:35px;
	right:35px;
}
	.contact__container {
		flex-direction:column!important;
	}
	.contact-texts,
	.map-block{
		width:100%!important;
	}
	.contact-block ul.elementor-icon-list-items {
		display:flex!important;
		justify-content:space-between;
	}
	.contact-block ul.elementor-icon-list-items .elementor-icon-list-text {
		font-size:18px!important;
	}
	.contact-block .elementor-icon-list-item:last-of-type {
		max-width:300px;
	}
}
@media(max-width:1000px) {
	.footer-blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}
}
@media(max-width:880px) {
		.contact-block ul.elementor-icon-list-items {
			flex-direction:column;
	}
}
@media(max-width:820px) {
	.message {
	position:absolute;
	top:30%;
	left:10px;
	max-width:300px;
}
}
@media(max-width:767px) {
	.footer-row.last .elementor-image-box-wrapper {
	gap:15px!important;
}
	.tippy-box {
  max-width: 150px!important;
	margin-left:unset;
}
	.standards .hotspots .jet-hotspots__inner img {
	aspect-ratio: 1 / 1;
}
	.portfolio-item__inner .portfolio-texts {
		padding:15px;
	}
	.how-texts {
		position:static;
	}
	.consultation-image-block {
	min-height:clamp(28.125rem, 18.727rem + 41.769vw, 38.75rem)!important;
}
	.consultation-info {
		max-width:unset;
		border-radius:12px;
	}
}
@media(max-width:626px) {
	.footer-blocks > div {
		align-items:center!important;
		min-width:100%;
	}
	.footer-blocks .footer-menu nav.jet-nav-wrap .jet-nav .menu-item a {
	justify-content:center;
	}
	.footer-blocks {
    grid-template-columns: repeat(1, 1fr);
}
	.schedule .schedule-repeater{
		align-self:center!important;
	}
	.contact-footer-col ul {
		max-width:360px;
	}
	.contact-footer-col ul li a {
		flex-direction:column;
		gap:10px;
		justify-content:center;
	}
	.contact-footer-col ul li a .elementor-icon-list-text .contact-info,
	.contact-footer-col ul li a .elementor-icon-list-text {
		text-align:center;
		justify-content:center;
	}
}
@media(max-width:1024px) {
	.how-card__item img {
	aspect-ratio:3 / 2;
}
}
@media(max-width:636px) {
	.header-icons__block ul {
		flex-direction:column;
	}
	.header-icons__block ul li {
		align-items:center!important;
	}
	.header-icons__block ul li:not(:last-of-type) {
		margin-bottom:30px;
	}
}