/*
Theme Name: Hello Elementor Child
Author: Viktoriia Matviieva
Template: hello-elementor
Text Domain: hello-elementor
*/

h1.entry-title{
	display: none!important;
}

.skill-tag{
	display: inline-block!important;
    width: auto!important;
	padding: 5px 10px!important;
    border-radius: 10px!important;
}

#wpforms-form-52 input{
	max-width: none;
}

#wpforms-form-52 button{
	margin: auto;
    display: block!important;
    min-width: 200px;
}

.text-tag{ 
	background-color: #1F7A8C;
	color: #ffffff;
	padding: 2px 8px;
	border-radius: 20px
}
.header-inner{
	max-width: 1000px!important;
}
.arrow-icon{
	width: 70px;
	height: 70px;
}

@media(max-width: 768px){
	.elementor-button{
	width: 100%!important;
}
	.elementor-button-wrapper{
		width: 100%!important;
	}
	#main-button, #main-button .elementor-widget-container, #main-button .elementor-button-wrapper{
		width: 100%!important;
	}
}

.comments-area a, .page-content a {
    text-decoration: none!important;
}

.text-accent{
  --underline-color: #abe9ff; /* можно переопределить, например: #f39c12 */
  --underline-height: 50%;         /* высота линии относительно font-size (50% = половина) */
  --underline-offset: 0;          /* смещение от нижней границы (можно положительное/отрицательное) */
  --underline-radius: 999px;      /* закругление краёв */
  
  display: inline-block;
  position: relative;
  line-height: 1; /* желательно, чтобы line-height был нормальным; подгоняйте при необходимости */

}

/* сама "полуподчёркивающая" полоса — псевдоэлемент */
.text-accent::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(var(--underline-offset));
  height: var(--underline-height);     /* 50% от font-size — значит покрывает нижнюю половину букв */
  background: var(--underline-color);
  border-radius: var(--underline-radius);
  z-index: 0; /* линия под текстом */
	margin-top: 8px;
}

/* текст поверх полосы */
.text-accent > i{
  position: relative;
  z-index: 1;
  /* при необходимости добавить padding-bottom, чтобы линия не "резала" буквы слишком низко */
  padding-bottom: 0.02em;
}

.gradient-text {
  background: linear-gradient(90deg, #2887F3, #513FEC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* .gradient-text-logo a{
	background: linear-gradient(90deg, #64686d, #64686d;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} */

.img-wrapper{
	height:100%;
}

.img-wrapper img{
	height:100%;
	width: 100%;
}

.header.scrolled {
  background-color: rgba(255,255,255,0.95);
  opacity: 1;
  backdrop-filter: blur(6px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}