/* PODCAST

01	GENERAL

*/

/* -----------------------------------------------------------------------
	01	GENERAL
/* ---------------------------------------------------------------------*/

.paragraph--type--wfbb-podcast-element {
    padding: var(--section-inner-side-padding);
    display: grid;
    grid-column-gap: var(--grid-gap);
    grid-template-columns: var(--grid-columns);
    background: var(--color-grey-light);
    border-radius: var(--border-radius);
}

.paragraph--type--wfbb-podcast-element:before {
    background-image: var(--icon-podcast);
    background-size: contain;
    background-repeat: no-repeat;
    width: 8rem;
    height: 8rem;
    display: block;
    content: '';
    position: absolute;
    margin-left: calc(var(--section-inner-side-padding) / 2.5);
}

.paragraph--type--wfbb-podcast-element > div {
    grid-column: 3 / 11;
}

.field--name-field-podcast-wfbb-podcast-eleme {
    margin-top: var(--section-gap);
}

.field--name-field-image-wfbb-podcast-element.field--type-entity-reference {
    margin-top: var(--grid-gap);
}

.field--name-field-image-wfbb-podcast-element {
    position: relative;
}

@media (max-width: 1280px) {
    
    .paragraph--type--wfbb-podcast-element:before {
        width: 6rem;
        height: 6rem;
    }
    
}


@media (max-width: 991px) {
    
    .paragraph--type--wfbb-podcast-element > div {
        grid-column: 3 / 13;
    }
    
}


@media (max-width: 767px) {
    
    .paragraph--type--wfbb-podcast-element:before {
        width: 4rem;
        height: 4rem;
        margin-left: 0;
    }
    
    .paragraph--type--wfbb-podcast-element > div {
        grid-column: 3 / 13;
    }
    
}


@media (max-width: 500px) {
    
    .field--name-field-title-wfbb-podcast-element {
        margin-top: 4rem;
    }
    
    .paragraph--type--wfbb-podcast-element > div {
        grid-column: 1 / 13;
    }
    
    .paragraph--type--wfbb-podcast-element:before {
        width: 3rem;
        height: 3rem;
    }
    
}