.wgt-bento-board__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.bentoFullWidthCard,
.bentoFeatureCard,
.bentoTextCard,
.bentoImageCard {
    height: 412px;
    padding-right: 1rem;
    padding-bottom: 1rem;
}

.bentoFullWidthCard h2,
.bentoFeatureCard h2,
.bentoTextCard h2,
.bentoImageCard h2 {
    font-size: 1.875rem;;
}

.wgt-bento-card__wrapper {
    height: 100%;
    border-radius: 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.wgt-bento-colourTheme--darkGrey {
    background-color: #343645;
}


.wgt-bento-colourTheme--medBlueGrey {
    background-color: #4f778a;
}

.wgt-bento-colourTheme--darkGrey,
.wgt-bento-colourTheme--darkGrey a,
.wgt-bento-colourTheme--medBlueGrey,
.wgt-bento-colourTheme--medBlueGrey a {
    color: white !important;
}

.wgt-bento-colourTheme--darkGrey a:hover,
.wgt-bento-colourTheme--darkGrey a:active,
.wgt-bento-colourTheme--medBlueGrey a:hover,
.wgt-bento-colourTheme--medBlueGrey a:active {
    color: black !important;
}

.wgt-bento-colourTheme--lightBlueGrey {
    background-color: #e4eff7;
}

.wgt-bento-colourTheme--wgtMediumBlue {
    background-color: #afe8e7;
}

.wgt-bento-colourTheme--wgtLightBlue {
    background-color: #def5f5;
}

/* MTP styles start */

div[class*="mtp-bento-colourTheme"] .wgt-bento-btn {
    border-color: black;
}

.mtp-bento-colourTheme--mtpNight .wgt-bento-btn{
    border-color: white !important;
}

.mtp-bento-colourTheme--mtpNight .wgt-bento-btn.wgt-cta--basic:hover, div[class*="mtp-bento-colourTheme"] .wgt-bento-btn.wgt-cta--basic:active{
    background-color: #16323C !important;
}

.mtp-bento-colourTheme--mtpLime .wgt-bento-btn.wgt-cta--basic:hover, div[class*="mtp-bento-colourTheme"] .wgt-bento-btn.wgt-cta--basic:active{
    background-color: #C6CE85 !important;
}

.mtp-bento-colourTheme--mtpTeal .wgt-bento-btn.wgt-cta--basic:hover, div[class*="mtp-bento-colourTheme"] .wgt-bento-btn.wgt-cta--basic:active{
    background-color: #85D2C6 !important;
}

.mtp-bento-colourTheme--mtpSkyBlue .wgt-bento-btn.wgt-cta--basic:hover, div[class*="mtp-bento-colourTheme"] .wgt-bento-btn.wgt-cta--basic:active{
    background-color: #9FD6E3 !important;
}

.mtp-bento-colourTheme--mtpGold .wgt-bento-btn.wgt-cta--basic:hover, div[class*="mtp-bento-colourTheme"] .wgt-bento-btn.wgt-cta--basic:active{
    background-color: #E6CB69 !important;
}


.mtp-bento-colourTheme--mtpNight{
   background-color: #002431CC;
}

.mtp-bento-colourTheme--mtpLime{
   background-color: #C5D82E4D;
}

.mtp-bento-colourTheme--mtpTeal{
   background-color: #00B39840;
}

.mtp-bento-colourTheme--mtpSkyBlue{
    background-color: #00BCE933;    
}

.mtp-bento-colourTheme--mtpGold{
    background-color: #FAC60666;
}

.mtp-bento-colourTheme--mtpNight,
.mtp-bento-colourTheme--mtpNight a{
    color: white !important;
}

.mtp-eventTextCard .wgt-bento-card__text-wrapper, .mtp-bento-card .wgt-bento-card__text-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.mtp-eventTextCard .wgt-cta-wrapper{
    align-self: initial;
}

/* MTP styles end */



.wgt-bento-card__image-wrapper,
.wgt-bento-card__text-wrapper,
.wgt-bento-card_full-width__image-wrapper,
.wgt-bento-card__full-width_text-wrapper,
.wgt-bento-card__image-standalone-wrapper {
    height: 100%;
    overflow: hidden;
}

.wgt-bento-card__image-wrapper,
.wgt-bento-card_full-width__image-wrapper,
.wgt-bento-card__image-standalone-wrapper {
    border-radius: 24px;
    position: relative;
    border-radius: 24px;
    padding: 0px !important;
}

.wgt-bento-card_full-width__image-caption,
.wgt-bento-card__image-caption {
    position: absolute;
    bottom: 0;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-radius: 0 0 24px 24px;
    border-color: #b9b8b8;
    background-color: white;
    padding: 1rem;
    color: black;
    font-size: 0.8rem;
}

.wgt-bento-card__text-wrapper,
.wgt-bento-card__full-width_text-wrapper {
    padding: 1.5rem;
    /*display: flex;*/
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
    position: relative;
    padding: 2rem;
}

.wgt-bento-card__text-wrapper .wgt-cta--basic,
.wgt-bento-card__full-width_text-wrapper .wgt-cta--basic {
    position: relative;
    margin-top: 0rem;
}
.wgt-bento-card--eventDate {
    font-size: 1rem;
}
.wgt-bento-card--contentType {
    font-size: 1rem;
    text-transform: uppercase;
}

.wgt-bento-card__text-wrapper p,
.wgt-bento-card__text-wrapper h2,
.wgt-bento-card__text-wrapper h3,
.wgt-bento-card__text-wrapper h4, 
.wgt-bento-card__text-wrapper h5,
.wgt-bento-card__text-wrapper h6,
.wgt-bento-card__full-width_text-wrapper p, 
.wgt-bento-card__full-width_text-wrapper h2, 
.wgt-bento-card__full-width_text-wrapper h3, 
.wgt-bento-card__full-width_text-wrapper h4,
.wgt-bento-card__full-width_text-wrapper h5,
.wgt-bento-card__full-width_text-wrapper h6 {
    margin-top: 0rem !important;
    margin-bottom: 1rem !important;
}

/* --- WGT BUTTON STYLING START - Remove after wgt global style files linked --- */
 
/* WGT general button styling - no background colour - no icon */
.wgt-cta--basic {
    display: inline-block;
    border-radius: 50px;
    border: 1px solid #00BAC0;
    margin-right: 1rem;
    margin-top: 1rem;
    padding: 1rem 1.5rem;
    font-size: 0.875rem !important;
    text-transform: uppercase;
    text-decoration: none !important;
    line-height: initial;
    transition: background 0.3s ease;
}

/* WGT button - arrow icon */
.wgt-cta--arrow::after {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-size: 40px;
    font-size: 1rem;
    margin-left: 1rem;
}


/* WGT button - external link icon */
.wgt-cta--ext-link::after {
    content: '\f35d';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-size: 40px;
    font-size: 1rem;
    margin-left: 1rem;
}

/* --- WGT BUTTON STYLING END --- */


/* --- BENTO BUTTON STYLING START - DO NOT REMOVE --- */
.wgt-bento-btn.wgt-cta--basic:hover,
.wgt-bento-btn.wgt-cta--basic:active {
    background-color: #00BAC0 !important;
    color: black;
}
/* --- BENTO BUTTON STYLING END - DO NOT REMOVE --- */


/* --- --- WGT BENTO CARD BREAKPOINT STYLES --- --- */

@media only screen and (max-width: 1259px) {
    .bentoFullWidthCard, .bentoFeatureCard, .bentoTextCard, .bentoImageCard {
        height: 365px;
    }
    .wgt-bento-card__text-wrapper, .wgt-bento-card__full-width_text-wrapper {
        padding: 1.5rem;
    }
    
    .bentoTextCard .wgt-bento-card__text-wrapper p,
    .bentoFeatureCard .wgt-bento-card__text-wrapper p,
    .bentoFullWidthCard .wgt-bento-card__full-width_text-wrapper p {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        overflow: hidden !important;
    }
    
    .bentoFullWidthCard .wgt-bento-card__full-width_text-wrapper p {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden !important;
    }
    
    .bentoTextCard .wgt-bento-card__text-wrapper h2,
    .bentoFeatureCard .wgt-bento-card__text-wrapper h2 {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        overflow: hidden !important;
    }
    
    .bentoFullWidthCard .wgt-bento-card__full-width_text-wrapper h2 {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden !important;
    }

}

@media only screen and (max-width: 991px) {
    
}

/* --- --- WGT BENTO CARD SMALL SCREEN (max-width: 991px) STYLE --- --- */

@media only screen and (max-width: 767px) {
    .bentoFullWidthCard, 
    .bentoFeatureCard, 
    .bentoTextCard, 
    .bentoImageCard {
        height: auto;
        padding-right: 0;
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }
    .wgt-bento-card_full-width__image-wrapper,
    .wgt-bento-card__image-wrapper,
    .bentoImageCard {
        height: 312px;
    }
    
    .wgt-bento-card__text-wrapper,
    .wgt-bento-card__full-width_text-wrapper {
        height: auto;
    }
    
    .bentoTextCard .wgt-bento-card__text-wrapper p,
    .bentoFullWidthCard .wgt-bento-card__full-width_text-wrapper p,
    .bentoFeatureCard .wgt-bento-card__text-wrapper p,
    .bentoFullWidthCard .wgt-bento-card__full-width_text-wrapper h2,
    .bentoFeatureCard .wgt-bento-card__text-wrapper h2,
    .bentoTextCard .wgt-bento-card__text-wrapper h2 {
        display: block;
        
    }
}