/**
 * Pattern: Communication
 *
 */



.wp-block-group.communication--1 .communication-images {
    width: 100%;
    max-width: var(--wp--custom--dimension--fixed--40);
    aspect-ratio: 16 / 11.2;
    position: relative;
}
  
@media( max-width: 639px) {
    .communication--1 .communication-images {
      margin-inline: calc( var(--wp--style--root--padding-left) * -1);
      width: 100vw;
    }
}

@media( max-width: 1023px ) {
    .communication--1 .is-grid-container > :nth-child(1) {
        order: 2;
    }
}
  
.communication--1 .communication-images > * {
    width: 100%;
    position: absolute;
    inset: 0;
}
  
.communication--1 .communication-images__email {
    max-width: 60%;
    inset-block-end: auto;
}
 
.communication--1 .communication-images__voip {
    max-width: min(512px, 80%);
    inset-block-start: auto;
    inset-inline-start: min(1.5rem, 3.75%);
}

.communication--1 .communication-images__weekly {
    max-width: min(240px, 37.5%);
    inset-block: min(4rem, 14.25%) auto;
    inset-inline-start: auto;
}

.communication--1 .communication-images > * img {
    transition: box-shadow 0.3s ease-out;
}

.communication--1 .communication-images__email img {
    box-shadow: var(--wp--custom--component--image--shadow--lg--default);
}

.communication--1 .communication-images__email:hover img {
    box-shadow: var(--wp--custom--component--image--shadow--lg--hover);
}

.communication--1 .communication-images__voip img {
    box-shadow: var(--wp--custom--component--image--shadow--md--default);
} 

.communication--1 .communication-images__voip:hover img {
    box-shadow: var(--wp--custom--component--image--shadow--md--hover);
}

.communication--1 .communication-images__weekly img {
    box-shadow: var(--wp--custom--component--image--shadow--sm--default);
}

.communication--1 .communication-images__weekly:hover img {
    box-shadow: var(--wp--custom--component--image--shadow--sm--hover);
}