/*----- mansory grid -----*/
.masonry { display: flex; flex-wrap: wrap; transition: all .3s ease;}
.masonry-sizer{ width: 33.33%; }
.masonry-item { width: 33.33%; box-sizing: border-box; }
.masonry-item.masonry-item--width2 { width: 50%; }
.masonry-item .masonry-inner { background: #fff; margin: 1px; box-shadow: 0 0 10px rgba(0,0,0,0.05); transition: all 0.2s ease-in; }
.post-recommend .masonry-item .masonry-inner {margin: 0; box-shadow:unset;}
.masonry-item .entry-top { position: relative; overflow: hidden; border-left: #eee 1px solid;
    border-right: #eee 1px solid;
    border-top: #eee 1px solid;}
.masonry-item .entry-thumbnail { display: block; position: relative; }
.post-recommend .masonry-item .entry-thumbnail {
    display: block;
    height: 180px;
    position: relative;
}
.masonry-item img { display: block; width: 100%; height: auto;}
.post-recommend .masonry-item img {
    width: 100%; height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.masonry-item .entry-thumbnail:before {
opacity: 0.01;
background: linear-gradient(rgba(29, 32, 135, 0.33), rgba(29, 32, 135, 1));
content: ""; 
position: absolute;
display: block;
height: 100%;
width: 100%;
left: 0;
bottom: 0;
transition: all .4s ease;
pointer-events: none;
}
.post-recommend .masonry-item .entry-thumbnail:before {
    opacity: 0.01;
    background: linear-gradient(rgba(29, 32, 135, 0.33), rgba(29, 32, 135, 1));
    content: ""; 
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease;
    pointer-events: none;
    z-index: 1;
}

.masonry-item:hover .entry-thumbnail:before { opacity: 0.4; }
.masonry-item:hover .thumb-icon { background: #fff; color: #333; }
.masonry-item .entry-tags { background: transparent; color: #bbb; opacity: 0; position: absolute; left: 0; right: 0; bottom: -50px; padding: 20px 20px 14px; pointer-events: none; text-align:right; transition: all 0.6s ease; }
.post-recommend .masonry-item .entry-tags { z-index: 2; }
.masonry-item .entry-tags a { background: rgba(255, 255, 255, 0.6);
    color: #333;
    font-size: .75rem; 
    display: inline-block; 
    padding: 3px 11px;
    border-radius: 3px;
    margin: 0 0 4px .5rem;
    pointer-events: auto;
    text-decoration: none;
}
.masonry-item .entry-tags a:hover { background: #eee; color: #333; }
.masonry-item:hover .entry-tags { bottom: 0; opacity: 1; }

.masonry-item .entry-labels { 
background: transparent; color: #bbb; position: absolute; left: 0; right: 0; top: 5px; pointer-events: none; transition: all 0.3s ease; }
.post-recommend .masonry-item .entry-labels { z-index: 3; }
.masonry-item .entry-labels span { 
background: rgba(0,0,0,.8); 
color: #fff;
display: inline-block; 
font-size: .8rem;
    padding: .33em 1.2em .22em 1em;
pointer-events: auto; 
text-decoration: none;
    clip-path: polygon(96% 17%, 100% 33%, 96% 50%, 100% 66%, 96% 83%, 100% 100%, 0 100%, 2.5% 0, 100% 0);
    transform: rotate(-5deg);
}
/* .masonry-item .entry-labels span:hover { background: #eee; color: #333; }
.masonry-item:hover .entry-labels { top: 5px; opacity: 1; } */

.masonry-item .entry-likes { position: absolute; left: 33px; right: 0; top:18px; padding: 0; transition: all 0.3s ease; }
.masonry-item .entry-likes span{
    color: #fff;
    font-size: 8px !important;
    position: absolute;
    left: 0;
    padding: 0 !important;
    text-align: center;
    width:30px;
    transition-duration: 1s;
}
.masonry-item .entry-title {  }
.masonry-item .entry-title a { display: block; font-size: 1rem; padding: 20px 20px 0; }
.masonry-item .entry-excerpt { font-size: 14px; padding: 10px 20px 0; color: #999; }
.masonry-item .entry-meta { font-size: .8rem; padding: 14px 0; color: #999; margin-bottom: 2px; text-align: right;}
.masonry-item .entry-meta li { display: inline-block; margin: 0 10px 8px 0;}
.masonry-item .entry-meta li a { color: #999; }
.masonry-item .entry-meta li i { margin-right: 3px; }
.masonry-item .entry-meta li img { margin-right: 3px; margin-bottom: 2px; height: 14px; width:14px; display:inline; vertical-align: middle;}
.masonry-item .entry-meta li span a { color: #999; font-size: 12px; background: #eee; border-radius: 3px; padding: 3px 7px; margin: 0 5px 6px 0; text-decoration: none;}
.masonry-item .entry-meta li.entry-category a { color: #999; font-size: 12px; background: #e0e3ed; border-radius: 3px; padding: 3px 7px; margin: 0 5px 6px 0; text-decoration: none;}
.masonry-item .entry-meta li.entry-date {
    font-weight: 500;
    padding-right: 5px;
}
.masonry-item .entry-meta li.entry-like { position: relative; width: 30px; height: 20px;}
.masonry-item .entry-meta li.entry-like > div { padding: 0; position: absolute; top:0; left:-5px;}
.masonry-item .entry-meta li.entry-like > div > div > span { padding: 2px 0 0; font-weight: 300;}
.masonry-item .no-excerpt { font-size: 15px; padding: 15px 20px; color: #999; }
.masonry-item img.avatar  { border-radius:0; }
.masonry-item .events{
    width: 100%;
    position: unset;
    background: rgba(0,0,0,.77);
    color: #fff;
    font-size: .7rem;
    text-align: center;
    padding: 3px 0;
}
.masonry-item .events span{
    color: #fff;
}
.masonry-item .events span:before{
	font-family: "icomoon";
	content:"\e944";
}
.accordion {border-color: none; border-dadius: none; --bs-accordion-btn-focus-border-color: unset; --bs-accordion-btn-focus-box-shadow: none;}
.accordion-button:not(.collapsed){
    background-color: #eee;
    box-shadow: unset;
}
.accordion-item{
    border: none;
}
.accordion-body, .accordion-body p{
    font-size: .85rem;
    margin-bottom: 0;
    padding-bottom: 0;
}
.accordion-button:focus{
    border-color: unset;
    --bs-accordion-btn-focus-border-color: unset;
}
.accordion-body a.icon-right:after{
    content: "\e901";
    font-family: "icomoon";
    padding-left: 5px;
}
.post-recommend .accordion-item .accordion-button{
    font-size: .9rem;
}
.accordion-item:last-of-type, .accordion-item:last-of-type .accordion-button.collapsed{
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    border-dadius: unset;
}
.accordion-item:first-of-type, .accordion-item:first-of-type .accordion-button{
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}
.events{
    background: rgba(0,0,0,.6);
    text-align: center;
    font-size: .85rem;
    color: #fff;
}
.events span:before{
    content: "\e944";
    font-family: "icomoon";
    margin-right: 5px;
}
.post-recommend .accordion-collapse, .post-recommend .accordion-button {
    border-left: #eee 1px solid;
    border-right: #eee 1px solid;
}
.post-recommend h3, .post-recommend h4, .post-products h3, .post-products h4{
    font-family: "NotoBlack", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    padding: 1rem 1.3rem;
    border-left: #eee 1px solid;
    border-right: #eee 1px solid;
    margin: 0;
}
.post-recommend .entry-meta{
    border-left: #eee 1px solid;
    border-right: #eee 1px solid;
    border-bottom: #eee 1px solid;
}
.post-products .masonry-item, .post-products .masonry-sizer{ width: 25%; }
@media (max-width: 1400px) {
    .post-recommend .masonry-sizer, .post-recommend .masonry-item{ width: 50%; }
    .post-products .masonry-item{ width: 25%; }
}
@media (max-width: 992px) {
    .masonry-sizer, .masonry-item{ width: 50%; }
    .post-products .masonry-item{ width: 33.3%; }
}
@media (max-width: 575px) {
    .masonry-sizer, .masonry-item, .post-recommend .masonry-sizer, .post-recommend .masonry-item{ width: 100%; }
    .post-products .masonry-item, .post-products .masonry-sizer{ width: 50%; }
}