/*
Theme Name: hello elementor Child
Theme URI: https://nnmprod.com
Description: Child theme
Author: nnmprod
Author URI: https://nonameproduction.me
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/


/*menu*/
.menu {
  display: flex;
  gap: 20px;
}

.menu-item {
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-decoration: none;
  font-size: 1.125rem;
  line-height: 100%;
  height: 1.125rem;
  color: #fff;
}

.menu-item::after {
  content: attr(data-text);
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  color: #F0F500EB;
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1);
    transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1);
    transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1), -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1);
  pointer-events: none;
}

.menu-item span {
  display: block;
  color:#fff;
  transform: translateY(0%);
  -webkit-transition: -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1);
    transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1);
    transition: transform .7s cubic-bezier(0.2, 0.7, 0.2, 1), -webkit-transform .7s cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* Оборачиваем текст в <span> — это нужно */
.menu-item > span {
  position: relative;
  z-index: 2;
}

/* Ховер эффект */
.menu-item:hover span {
  transform: translateY(-100%);
}

.menu-item:hover::after {
  transform: translateY(-100%);
}


/**FORM**/
.form1style input{
    font-family:'Montserrat',sans-serif !important;
    font-size:1rem !important;
    line-height:100%;
    background-color:#000 !important;
    border:none !important;
    border-radius:30px !important;
    color:#fff !important;
    text-align:center !important;
}
.form1style input:not(:placeholder-shown) {
  background-color: #000 !important; /* твой нужный цвет фона */
  color: #fff !important; /* чтобы текст остался белым */
}
.form1style input::placeholder{
    color:#ccc !important;
    opacity:1 !important;
}

/*donate form*/
.donate-form select{
    background-color:#5e5e5ea8;
    border:1px solid #6c6c6c;
    border-radius:30px;
    font-size:1.375rem;
    color:#fff;
    text-align:center;
    
    appearance:none !important;
    background-image:url("data:image/svg+xml,%3Csvg width='21' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5.379L20.621 2.5 10.5 12.621.379 2.5 2.5.379l8 8z' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-repeat:no-repeat, repeat;
    background-size:12px auto, 100%;
    background-position:right 18px top 52%, 0 0;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.donate-form select:focus{border-color:#6c6c6c;}
.donate-form .dbtn a{
    display:block;
    width:100%;
	font-size:1.25rem;
	line-height:100%;
	background-color:#fff;
	padding: 13px 18px 13px 18px;
	border:1px solid #fff;
    border-radius: 26px;
    text-align:center;
    color:#000;
}
.donate-form .dbtn a:hover{color:#000; background-color:#ccc; border-color:#ccc;}

.ff-message-success{color:#fff !important; text-align:center; font-size:24px !important; border-radius:14px !important;}

/****** MEDIA ******/
@media (min-width: 320px) and (max-width: 375px) {
    .c-info{font-size:1rem; line-height:1.24rem;}
}
@media (min-width: 320px) and (max-width: 478px) {
    
}
@media (min-width:320px) and (max-width:1024px){

}
@media (min-width:320px) and (max-width:767px){
    .f-direction{flex-direction:column; row-gap:20px;}
}
@media (min-width:320px) and (max-width:769px){

}


@media (max-width: 768px) {

}

@media (max-width: 480px) {

}