.elementor-30891 .elementor-element.elementor-element-9b84940{--display:flex;}.elementor-30891 .elementor-element.elementor-element-d5e00fd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30891 .elementor-element.elementor-element-4945477{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;text-align:start;}.elementor-30891 .elementor-element.elementor-element-4945477 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-30891 .elementor-element.elementor-element-4945477 img{border-radius:20px 20px 20px 20px;box-shadow:3px 3px 3px 0px #FFA13D;}.elementor-30891 .elementor-element.elementor-element-2147793.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-30891 .elementor-element.elementor-element-4945477 img{width:100%;}}@media(min-width:768px){.elementor-30891 .elementor-element.elementor-element-d5e00fd{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-30891 .elementor-element.elementor-element-d5e00fd{--width:100%;}}@media(max-width:767px){.elementor-30891 .elementor-element.elementor-element-d5e00fd{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-30891 .elementor-element.elementor-element-4945477{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-30891 .elementor-element.elementor-element-2147793{text-align:center;}.elementor-30891 .elementor-element.elementor-element-2147793 .elementor-heading-title{font-size:27px;}.elementor-30891 .elementor-element.elementor-element-f81cf6e{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-9b84940 *//* ========================================================= */
/* ==================== CO-PRODUCED ======================== */
/* ========================================================= */

.coproduced {
    position: relative;

    display: block;

    width: 100%;
    box-sizing: border-box;

    margin: 45px 0;
    padding: 6px 19px;

    border-radius: 24px;

    background:
        linear-gradient(
            120deg,
            #FFF0E1 0%,
            #FFF8F0 55%,
            #EAF4D0 100%
        );

    border: 1px solid rgba(170, 201, 41, .35);

    color: #005249;

    overflow: hidden;

    box-shadow:
        0 14px 35px rgba(0, 82, 73, .10);
}


/* ========================================================= */
/* ================= DECORATIVE SHAPES ==================== */
/* ========================================================= */

.coproduced::before {
    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    left: -250px;
    top: -300px;

    border-radius: 50%;

    background: rgba(170, 201, 41, .13);

    pointer-events: none;
}


.coproduced::after {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -180px;
    bottom: -220px;

    border-radius: 50%;

    background: rgba(0, 82, 73, .05);

    pointer-events: none;
}


/* ========================================================= */
/* ======================== CONTENT ======================== */
/* ========================================================= */

.coproduced > * {
    position: relative;
    z-index: 2;
}


/* ========================================================= */
/* ======================== PHOTO ========================== */
/* ========================================================= */

/*
   Gutenberg Image block inside .coproduced
*/

.coproduced .wp-block-image {
    float: left;

    width: 125px;

    margin: 0 30px 15px 0;
}


/* Image */

.coproduced .wp-block-image img {
    display: block;

    width: 125px;
    height: 125px;

    object-fit: cover;

    border-radius: 22px;

    border: 5px solid #fff;

    box-shadow:
        0 8px 24px rgba(0, 82, 73, .18);

    transform: rotate(-2deg);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


/* Photo hover */

.coproduced .wp-block-image:hover img {
    transform: rotate(0deg) translateY(-3px);

    box-shadow:
        0 14px 30px rgba(0, 82, 73, .24);
}


/* ========================================================= */
/* ====================== LABEL ============================ */
/* ========================================================= */

.coproduced .coproduced-label {
    margin-top: 0;
    margin-bottom: 3px;

    color: #005249;

    font-size: 17px;
    font-weight: 500;

    line-height: 1.4;
}


/* ========================================================= */
/* ======================== NAME =========================== */
/* ========================================================= */

.coproduced .coproduced-name,
.coproduced .coproduced-name a {

    color: #005249;

    font-size: 29px;
    font-weight: 700;

    line-height: 1.2;

    text-decoration: none;
}


.coproduced .coproduced-name a:hover {
    color: #6D8C00;

    text-decoration: underline;
}


/* Green accent underneath name */

.coproduced .coproduced-name::after {
    content: "";

    display: block;

    width: 45px;
    height: 4px;

    margin-top: 8px;

    border-radius: 10px;

    background: #AAC929;
}


/* ========================================================= */
/* ======================== ROLE =========================== */
/* ========================================================= */

.coproduced .coproduced-role {

    display: inline-block;

    margin: 10px 0 13px;

    padding: 5px 12px;

    border-radius: 30px;

    background: #AAC929;

    color: #005249;

    font-size: 12px;
    font-weight: 700;

    line-height: 1.35;
}


/* ========================================================= */
/* ====================== PARAGRAPHS ======================= */
/* ========================================================= */

.coproduced p {

    display: block;

    width: auto;

    margin-top: 0;
    margin-bottom: 12px;

    color: #285F59;

    font-size: 15px;

    line-height: 1.65;
}


/* Last paragraph */

.coproduced p:last-child {
    margin-bottom: 0;
}


/* ========================================================= */
/* ========================= LINKS ========================= */
/* ========================================================= */

.coproduced a {
    transition:
        color .25s ease,
        opacity .25s ease;
}


/* ========================================================= */
/* ======================= CLEAR FLOAT ===================== */
/* ========================================================= */

.coproduced::after {
    content: "";

    display: table;

    clear: both;
}


/* ========================================================= */
/* ========================= TABLET ======================== */
/* ========================================================= */

@media (max-width: 767px) {

    .coproduced {

        padding: 25px 22px 28px;

        border-radius: 21px;
    }


    .coproduced .wp-block-image {

        width: 100px;

        margin-right: 22px;
        margin-bottom: 12px;
    }


    .coproduced .wp-block-image img {

        width: 100px;
        height: 100px;

        border-radius: 19px;
    }


    .coproduced .coproduced-name,
    .coproduced .coproduced-name a {

        font-size: 25px;
    }


    .coproduced p {

        font-size: 14px;

        line-height: 1.6;
    }
}


/* ========================================================= */
/* ====================== SMALL MOBILE ===================== */
/* ========================================================= */

@media (max-width: 480px) {

    .coproduced .wp-block-image {

        float: none;

        width: 100px;

        margin: 0 0 18px 0;
    }


    .coproduced .wp-block-image img {

        width: 100px;
        height: 100px;
    }
}/* End custom CSS */