/**
 * Theme Name:     Blocksy Child
 * Author:         CreativeThemes
 * Template:       blocksy
 * Text Domain:	   blocksy-child
 * Description:    Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
 * Theme URI:      https://www.getpageup.com/
 * Author URI:     https://www.getpageup.com/
 */



.custom-form {
  max-width: 100%;
}

.custom-form .row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.custom-form .col {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.custom-form .full {
  flex-direction: column;
  gap:0;
}

.custom-form label {
  font-size: 14px;
  margin-bottom: 8px;
  color: #333;
}

.custom-form label span {
  color: red;
}

/* 输入框 */
.custom-form input,
.custom-form textarea {
  width: 100%;
  padding: 14px;
  font-size: 14px;
  outline: none;
}

/* textarea高度 */
.custom-form textarea {
  height: 120px;
  resize: none;
}

/* 按钮 */
.custom-form input[type="submit"] {
  font-size: 16px;
  padding: 10px 15px;
  border: none;
  cursor: pointer;
  width: 100%;
  transition: 0.3s;
}

.custom-form input[type="submit"]:hover {
}


@media only screen and (max-width: 767px) {
    .custom-form .row {
      flex-direction: column;
    }

}




/* 为所有图片的父容器设置相对定位，作为放大效果的参照物 */
.yy-grow .elementor-widget-image {
  position: relative;
  overflow: hidden; /* 确保放大时不会超出容器 */
  cursor: zoom-in; /* 鼠标悬停时显示放大镜指针 */
}

.yy-grow .elementor-widget-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease-out; /* 添加平滑的放大过渡效果 */
  transform-origin: center center; /* 从图片中心开始放大 */
}

/* 鼠标悬停时的放大效果 */
.yy-grow .elementor-widget-image:hover img {
  transform: scale(1.1); /* 放大1.1倍，可根据需要调整 */
}


/* 图片缩放动画 */
#slider-pro-3-2108 .sp-image {
    transform: scale(1.1);
    transition: transform 1.2s ease-in-out;
}

/* 当前显示的图片 */
#slider-pro-3-2108 .sp-selected .sp-image {
    transform: scale(1);
}

@media only screen and (min-width: 1024px) {
    #header .site-branding{
        margin-left: -60px!important;
    }
}
