/* GENERALLY USED STYLES FOR CONTENT IN EDIT */

.closeup-styling__round-corners-m,
.closeup-styling__round-corners-m img{
	border-radius: 4px;
}
.closeup-styling__round-corners-l,
.closeup-styling__round-corners-l img {
	border-radius: 5px;
}
.closeup-styling__round-corners-xl,
.closeup-styling__round-corners-xl img{
	border-radius: 10px;
}
.closeup-styling__round-corners-xxl,
.closeup-styling__round-corners-xxl img{
	border-radius: 30px;
	background-color: black;
}
.closeup-styling__no-margin {
	margin-bottom: 0em!important;
	margin-top:0em!important;
}
.closeup-styling__no-margin-top {
	margin-top:0em!important;
}
.closeup-styling__no-margin-bottom {
	margin-bottom:0em!important;
}

.closeup-styling__margin-bottom {
	margin-bottom: 2.2em!important;
}
.closeup-styling__margin-top {
	margin-top: 2.2em!important;
}
.cu__margin-top-l {
	margin-top: 3em!important;
}
.cu__margin-top-xl {
	margin-top: 4em!important;
}

.cu__margin-bottom-l {
	margin-bottom: 3em!important;
}
.cu__margin-bottom-xl {
	margin-bottom: 4em!important;
}

.wp-block-group.has-background p:last-child {
	margin-bottom:0;
}
.wp-block-group.has-background > p:first-child {
	margin-top:0;
}
.wp-block-group.has-background > p:first-child:last-child,
.closeup-styling__breakout p:first-child:last-child{
	margin-top:0;
	margin-bottom:0;
}
.closeup-styling__gradient {
	background-color: var(--global-palette3);
    background: linear-gradient(45deg, #00123a 0%, #c83fff 100%);
    color: #ffffff;
}
.closeup-styling__gradient2 {
	background-color: var(--global-palette3);
    background: linear-gradient(45deg, #0a2e3a 0%, #06d6a0 100%);
    color: #ffffff;
}

.wp-block-group.has-background {
	box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.05);
}

/* BREAKOUT ELEMENT FROM PARENT */
.closeup-styling__breakout {
	width: 100vw;
	max-width:100vw;
	margin: 0 calc(-50vw + 50%);
	margin-bottom: 2.2em;
	padding: 2rem;
}
.closeup-styling__breakout * {
	margin-left: auto;
	margin-right: auto;
	max-width: 1070px;
}
.closeup-styling__breakout p:first-child {margin-top:0;}

.closeup-styling__breakout ul,
.closeup-styling__breakout ol{
padding-left: 2em;
}

/* COLOR CLASSES */
.bg-color-1 {background-color: var(--global-palette1);}
.bg-color-2 {background-color: var(--global-palette2);}
.bg-color-3 {background-color: var(--global-palette3);}
.text-color-8 {color:var(--global-palette8);}
.text-color-9 {color:var(--global-palette9);}

/* GRID SERVICES */
.closeup__grid-wrapper {

}

.closeup__grid-wrapper > div {
  display: grid; 
	width:100%;
	max-width: 1140px;
  grid-auto-flow: row dense; 
  grid-auto-columns: 1fr; 
  grid-auto-rows: 1fr; 
  --grid-template-columns: 1fr 1fr 1fr;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 
  gap: 2rem 2rem; 
  justify-content: stretch; 
  align-content: stretch; 
  justify-items: stretch; 
  align-items: stretch; 
    }
.closeup__grid-wrapper > div > div {
	margin-bottom: 0px!important;
}

/* Comment out
@media (max-width: 767px) {
  .closeup__grid-wrapper > div {
grid-template-columns: 1fr 1fr; 
	
    }
}
@media (max-width: 480px) {
  
  .closeup__grid-wrapper > div {
grid-template-columns: 1fr; 
	
    }
  
}
 */

/* SHOWCASE CUSTOM TAG BLOCKS */
.showcase__project-tags{
display: flex;
flex-wrap: wrap;
gap: .85em;
font-size: .8rem;
font-weight: bold;
}
.showcase__project-tags span{
flex-shrink: 1;
background-color: var(--global-palette7);
color:var(--global-palette1);;
padding: .3em 1em;
border-radius: 4px;
}
.showcase__project-img {
margin-bottom: 2rem;
}
.showcase__project-img img {
border-radius: 4px;
aspect-ratio: 3/2;
object-fit: cover;
object-position: center center;
}

/* IMAGE GALLERY ADV SHOWCASE */
.showcase__project-img figure.kb-gallery-figure a {
    position: relative;
}


.showcase__project-img figure.kb-gallery-figure .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic::after {
    content: '';
    background: url("https://closeup.se/wp-content/uploads/2023/12/magnifying-glass-solid.svg") no-repeat center center;
    background-size: 50%; /* Adjust the size as needed */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
filter: brightness(0) invert(1);
    transition: opacity 0.20s ease;
    z-index: 4;
    width: 35%; /* Adjust as needed */
    height: 35%; /* Adjust as needed */
}

.showcase__project-img figure.kb-gallery-figure .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic:hover::after {
    opacity: 1;
}