/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
 Author:       Batra.by
 Version:      1.0.0
 Description:  Дочерняя тема для Hello Elementor
*/

@import url("../hello-elementor/style.css");
.masonry-wrapper {
    padding: 20px;
    max-width: 1300px;
    margin: 0 auto;
}

.masonry-grid {
    column-count: 4;
    column-gap: 16px;
}

@media (max-width: 1024px) {
    .masonry-grid { column-count: 2; }
}

@media (max-width: 600px) {
    .masonry-grid { column-count: 1; }
}

.masonry-item {
    background: #fff;
    margin-bottom: 16px;
    display: inline-block;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.masonry-item img {
    width: 100%;
    display: block;
    border-bottom: 1px solid #eee;
}
h3 {
    color:#e19050!important;
}
.masonry-item h3 {
    font-size: 20px;
    padding: 12px 16px 4px;
    margin: 0;
    line-height: 1.3;
}
.btn-more {
    font-size: 15px;
	font-family:Cormorant Garamond;
    color: #fff!important;
    font-weight: 700;
    padding: 5px 20px;
	background:#e05500;
}
.masonry-item {
  background: #fff;
  border-radius: 12px;
  box-shadow: 
    0 2px 6px rgba(0, 0, 0, 0.08),   
    0 8px 16px rgba(0, 0, 0, 0.12); 
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.masonry-item:hover {
  transform: translateY(-6px);
  box-shadow: 
    0 6px 12px rgba(0, 0, 0, 0.12),
    0 16px 28px rgba(0, 0, 0, 0.18);
}
.masonry-item .excerpt {
    padding: 0 16px 10px;
    font-size: 14px;
    color: #444;
}

.btn-more:hover {
    background: #1a3d5d;
	color:#fff!important;
}
.masonry-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 30px 0;
}

.masonry-pagination a,
.masonry-pagination span {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 6px;
    background-color: #f2f2f2;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.masonry-pagination a:hover {
    background-color: #ff6600;
    color: #fff;
}

.masonry-pagination .current {
    background-color: #ff6600;
    color: #fff;
    font-weight: 600;
    pointer-events: none;
}
.fox-bubble p {margin:0;padding:5px 10px;}