/**
 * CSS Styles for Actiwork Meta Data Widget
 *
 * This CSS code defines the styles for the Actiwork Meta Data widget in Elementor.
 * It includes styles for the post item layout, image hover effect, and clipboard feature.
 *
 */
 .elementor-widget-actiwork-meta-data {
    display: flex;place-content: center;
}
.elementor-widget-actiwork-meta-data .aw-prod-data__section-headline {
	text-align: center; padding-bottom: 20px
}
.elementor-widget-actiwork-meta-data .aw-prod-data__posts {
   display: grid; gap:0px;
   position: relative; background: #fff
}
.elementor-widget-actiwork-meta-data .aw-proj-data__posts {
   gap:10px;background: unset
}
.elementor-widget-actiwork-meta-data .aw-prod-data__posts::after {
	content: ""; position: absolute; inset: 0; 
    border: solid 1px #fff; 
    pointer-events:none
}
.elementor-widget-actiwork-meta-data .aw-proj-data__posts.aw-prod-data__posts::after {
	content: unset;
    border: solid 5px red; 
}
.elementor-widget-actiwork-meta-data .aw-prod-data__post-item {
	display: flex; flex-direction: column; gap: 5px; 
    position: relative; padding: 20px; 
    background: #fff; width: 100%; 
    border: solid 1px #eee; border-width: 0 1px 1px 0
}
.elementor-widget-actiwork-meta-data .aw-proj-data__post-item.aw-prod-data__post-item {
    padding:0px; background: unset;border: unset;
}
.elementor-widget-actiwork-meta-data .aw-prod-data__post-image {
	line-height: 0; overflow: hidden; cursor: zoom-in
}
.elementor-widget-actiwork-meta-data .aw-proj-data__post-item .aw-prod-data__post-image {
    border: unset;cursor: auto;
}
.elementor-widget-actiwork-meta-data .aw-prod-data__post-image img {
	width: 100%; transition: 0.3s; aspect-ratio: 1; object-fit: contain
}
.elementor-widget-actiwork-meta-data .aw-proj-data__post-item .aw-prod-data__post-image img {
    object-fit: cover;border-radius: 25px 0;
}
.elementor-widget-actiwork-meta-data .aw-prod-data__post-image:hover img {
	transform: scale(1.25)
}
.elementor-widget-actiwork-meta-data .aw-prod-data__post-title,
.elementor-widget-actiwork-meta-data .aw-prod-data__description {
   margin: 0;
}
.elementor-widget-actiwork-meta-data .aw-proj-data__post-item .aw-prod-data__post-title,
.elementor-widget-actiwork-meta-data .aw-proj-data__post-item .aw-prod-data__description {
   text-align: center;

}
.elementor-widget-actiwork-meta-data .aw-proj-data__post-item .aw-prod-data__more-link {
    text-align: center;margin-top:10px;
 
 }
/* Clipcopy */
.elementor-widget-actiwork-meta-data .aw-prod-data__textarea {
    display: flex; gap: 10px; 
    overflow: auto hidden; height: 2rem; 
    margin-top: 2rem;
	border: none; resize: vertical; 
}
.elementor-widget-actiwork-meta-data .aw-prod-data__post-icon {
	line-height: 0; 
    padding: 0; width: 10%; 
    border: none; background: unset
}
.elementor-widget-actiwork-meta-data .aw-prod-data__post-icon:hover,
.elementor-widget-actiwork-meta-data .aw-prod-data__post-icon:focus {
	background: unset
}
.elementor-widget-actiwork-meta-data .aw-prod-data__post-cta {
	display: flex; gap: 10px; justify-content: space-between; align-items: center;
    width: 100%; 
}
/* Clipboard Message */
.elementor-widget-actiwork-meta-data .aw-prod-data__post-clipboard-message {
	position: absolute; bottom: 0; right: 0; 
    opacity: 0; visibility: hidden; 
    letter-spacing: 0.7px; line-height: 1rem; font-size: 11px; color: #fff; 
    padding: 2px 7px; background: #374046; 
    z-index: 9999; 
}
.elementor-widget-actiwork-meta-data .aw-prod-data__post-clipboard {
	margin-left: auto
}