/*********************************************
 * Logo Grid
**********************************************/
.twc-logo-grid {
    --lg-spacing-item-lr:26px;
    --lg-spacing-item-tb:18px;
    --lg-width-item:16.66%;
    padding:var(--twc-spacing-default) var(--twc-gap-side); background:var(--twc-color-light-gray);
}

.twc-logo-grid__items {margin:calc(-1 * var(--lg-spacing-item-tb)) calc(-1 * var(--lg-spacing-item-lr));}
.twc-logo-grid__item {padding:var(--lg-spacing-item-tb) var(--lg-spacing-item-lr); width:var(--lg-width-item);}
.twc-logo-grid__item__image {aspect-ratio:1/1; background:#fff; padding:20px;}

/* Title */
.twc-logo-grid__heading-title {width:31%; max-width:270px; padding-right:20px;}
.twc-logo-grid__heading-content {width:69%;}

/* Hover */
a.twc-logo-grid__item__image:hover {transform:translateY(-10px); box-shadow:0 0 10px 5px rgba(0, 0, 0, .1);}

/* Option has images button links */
.button-with-image-style {
    --lg-width-item:25%;
    --lg-width-logo:765px;
    --lg-spacing-image-logo:120px;
    --lg-height-image:292px;
    padding-bottom:0;
}
.button-with-image-style .twc-logo-grid__wrapper {margin-right:calc(-1 * var(--twc-gap-side));}
.button-with-image-style .twc-logo-grid__items-wrapper {
    width:calc(var(--lg-width-logo) + var(--lg-spacing-image-logo));
    padding-right:var(--lg-spacing-image-logo);
}
.button-with-image-style .twc-logo-grid__button-with-image {width:calc(100% - var(--lg-width-logo) - var(--lg-spacing-image-logo));}
.button-with-image-style .twc-logo-grid__image {height:var(--lg-height-image);}

@media only screen and (min-width:1800px) {
    .button-with-image-style {
        --lg-spacing-image-logo:140px;
        --lg-height-image:313px;
    }
}

/*********************************************
 * Logo Grid Responsive
**********************************************/
@media only screen and (max-width:1180px) {
    .default-style, .button-with-image-style {
        --lg-spacing-item-lr:calc(var(--twc-gap-container) / 2);
        --lg-spacing-item-tb:calc(var(--twc-gap-container) / 2);
    }

    /* Style default */
    .default-style {--lg-width-item:20%;}

    /* Option has images button links */
    .button-with-image-style {--lg-width-logo:60%;}
    .button-with-image-style {
        --lg-spacing-image-logo:var(--twc-gap-container);
    }
}
@media only screen and (max-width:1024px) {
    /* Style default */
    .default-style, .button-with-image-style {--lg-width-item:25%;}

    /* Option has images button links */
    .twc-logo-grid__button {--twc-spacing-75:var(--twc-gap-container);}
}
@media only screen and (max-width:768px) {
    /* Style default */
    .default-style {--lg-width-item:33.33%;}

    /* Option has images button links */
    .twc-logo-grid__heading, .button-with-image-style .twc-logo-grid__wrapper {flex-direction:column;}
    .twc-logo-grid__heading-title, .button-with-image-style .twc-logo-grid__items-wrapper {
        width:100%; padding-right:0;
    }
    .twc-logo-grid__heading-title {
        --twc-spacing-75:var(--twc-spacing-heading);
        max-width:100%;
    }
    .twc-logo-grid__heading-content, .button-with-image-style .twc-logo-grid__button-with-image {width:100%;}
    .button-with-image-style .twc-logo-grid__wrapper {margin-right:0;}
    .button-with-image-style .twc-logo-grid__items-wrapper {margin-bottom:40px;}
    .twc-logo-grid__button {
        text-align:center;
        --twc-spacing-75:40px;
    }
    .button-with-image-style .twc-logo-grid__image {margin:0 calc(-1 * var(--twc-gap-container));}

}
@media only screen and (max-width:480px) {
    /* Style default */
    .default-style, .button-with-image-style {--lg-width-item:50%;}

    .button-with-image-style {
        --lg-height-image:275px;
    }
}