/* home journal box sections PLAT-11994*/

@media (min-width: 36rem) {
    .hjbs {
        --auto-grid-min-size: 34rem;
    }
}

@media (max-width: 35.99rem) {
    .hjbs {
        --auto-grid-min-size: 23rem;
    }
}

.hjbs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    column-gap: 1.5em;
    row-gap: 7em;
    margin: 7em 0;
}

.hjbs a {
    color: #0d0d0d;
}

.hs2 a {
    color: #0d0d0d;
}




.hjbs .hjbs__section {
    display: flex;
    flex-direction: column;
    min-height: 160px;
    border: 1px solid #edefef;
    align-content: stretch;
    padding: 1em;
    border-radius: 10px;
    box-shadow: 5px 5px 5px 0px rgba(221, 221, 221, 1);
    transition: transform 0.5s ease-in-out;
    position: relative;
    text-decoration: none;
}

.hjbs .hjbs__section-heading .content__keyicon {
    padding-bottom: 7px;
    padding-left: 5px;
    height: 34px;
    margin:0; /* added to overide froala style */
}

.hjbs__section:hover,
.hjbs__sections:focus {
    text-decoration: none;
    transform: translateY(-10px);
}


/* .hjbs__section-arrow {
    display: none;
}

.hjbs__section:hover .hjbs__section-arrow,
.hjbs__section:focus .hjbs__section-arrow {
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 30px;
} */
 

.hjbs__icon-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}



.hjbs__oa-icon {
    margin-bottom: 5px;
} 

.hjbs__section-heading {
    font-size: 26px;
    margin-top: 0;
    text-transform: uppercase;
    color: #1f3367;
    min-height: 65px;
}

.hjbs__am, 
.hjbs__jgv {
    line-height: 1.3;
}

.hjbs__mg, .hjbs__mic {
    line-height: 2.3;
}





.hjbs__icon-container + .hjbs__section-heading {
    margin-top: 30px;
}

.hjbs__section-heading span {
    font-weight: 300;
}

.hjbs__section-heading.hjbs__ijsem {
    font-size: 22px;
}

.hjbs__section-para {
    font-size: 16px;
}

@media only screen and (max-width: 1300px) {
    .hjbs {
        margin: 2em 0;
        row-gap: 2em;
    }
}

@media only screen and (max-width: 400px) {
    .hjbs {
        margin: 1em 0;
    }
}

/* 2nd level home box sections PLAT-11995 */



.hs2 {
    --auto-grid-min-size: 25rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    gap: 1em;
    margin: 6em 0;
}

@media (min-width: 469px) and (max-width: 1071px)  {
    .hs2 {
        grid-template-columns: 1fr 1fr;
    }
}


.hs2 .hs2__box-items {
    transition: transform 0.5s ease-in-out;
    justify-self: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.hs2__box-items:hover,
.hs2__box-items:focus {
    text-decoration: none;
    transform: translateY(-10px);
}


/* .hs2__section-arrow {
    display: none;
}

.hs2__box-items:hover .hs2__section-arrow,
.hs2__box-items:focus .hs2__section-arrow {
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 30px;
} */

.hs2__box-para {
    padding-top: 1.5em;
    transition: all 0.5s ease-in-out;
}

.hs2__box-items:hover .hs2__box-para,
.hs2__box-items:focus .hs2__box-para {
    padding-top: 0.5em;
    padding-bottom: 2.5em;
}

/* 3rd level "Header" navigation sections PLAT-11996 AKA highlighted articles */

.hfa {
    --auto-grid-min-size: 25rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    gap: 1.5em;
    margin: 1em 0 6em;
}

@media (min-width: 489px) and (max-width: 1115px) {
        .hfa {
            grid-template-columns: 1fr 1fr;
    }
    .hfa .hfa_tc {
        overflow:hidden;
    }
}


.hfa_tc {
    position: relative;
}

/* hack for  PLAT-12088*/
.hfa_tc > span.global-property-editor:not(:only-child):first-child .blurb-editor {
    position: absolute;
    bottom: -18px;
    right: 0;
}

.hfa_tc--twitter {
    background-color: #323232;
}

.hfa_tc--loading {
    display:flex;
    justify-content:center;
    align-items:center;
    height:270px;
}

.hfa__tile {
    max-height: 270px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
@media (max-width: 488px) {
    .hfa__tile {
        margin-top:20px;
    }
}


.hfa_tc .hfa__more {
    position:absolute;
    bottom: -30px;
    right: 10px;
}

.hfa__heading {
    text-transform: uppercase;
    font-size: 17px;
    margin: 0;
    display:inline-block;
    margin-right: 10px;
}

.hfa__para-summary {
    margin:0;
    display:inline-block;
}

@media only screen and (max-width: 440px) {
    .hfa__heading {
        font-size: 20px;
    }
}



.hfa__tile-title-container {
    background-color: #323232;
    color: #fff;
}

.hfa_tc.hfa__tile .hfa__tile-title-container {
    background-color: #dedede;
    color: #000;
}

.hfa_tc.hfa__tile .hfa__tile-title {
    font-size: 21px;
    font-weight: 500;
    text-transform:uppercase;
}

.hfa_tc.hfa__tile .hfa__tile-title-container {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1;
}

.hfa_tc.hfa__tile:nth-of-type(0) {
    background-color: pink;
}

.hfa__tile-title {
    margin: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hfa__tile:hover .hfa__tile-title, 
.hfa__tile:focus .hfa__tile-title,
a.hfa__tile.touched  .hfa__tile-title  {
    white-space:normal;
    overflow:visible;
    word-break: break-word;
}


.hfa__grey-bkg {
    background-color: #323232;
}

a.hfa__tile,
a.hfa__tile {
    transition: transform 0.5s ease-in-out;
}

a.hfa__tile:hover,
a.hfa__tile:focus,
a.hfa__tile.touched {
    text-decoration: none;
    transform: scale(0.95);
}

/* div.hfa__tile {
    margin-right: 10px;
} */

div.hfa__tile:hover,
div.hfa__tile:focus {
    margin-right: 0;
}
div.hfa__tile > ul:hover,
div.hfa__tile > ul:focus,
div.hfa__tile > #mostviewed:hover,
div.hfa__tile > #mostviewed:focus {
    overflow-y:scroll;
}

.hfa__tile  img.mostviewedloading {
    display:none !important;
}

div.hfa__tile--no-scroll:hover,
div.hfa__tile--no-scroll:focus {
    overflow-y:hidden;
}

.hfa__tile-img {
    display: block;
    object-fit: cover;
    object-position: bottom;
    max-height: 220px;
    /* or object-fit: contain; */
}

.hfa__tile li.hiddenjsdiv {
    display: list-item;
}

.hfa__tile a.std-display {
    display: none;
}

.hfa__tile li:has(.std-display) {
    display:none;
}




.sm {
    margin: 6em 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1em;
    grid-auto-flow: row;
    grid-template-areas:
        "sm__video sm__video sm__podcast sm__advert-space"
        "sm__video sm__video sm__events sm__advert-space";
}

@media only screen and (max-width: 800px) {
    .sm {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas:
        "sm__video sm__video"
        "sm__podcast sm__advert-space"
        "sm__events sm__advert-space";
    }
}

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

    .sm {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr ;
        grid-template-areas:
        "sm__video"
        "sm__podcast"
        "sm__events"
        "sm__advert-space";
    }
}
.sm__video {
    grid-area: sm__video;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.sm__video .fr-video {
    width:100%;
}

.sm__video iframe {
    width:100%;
}

.sm__podcast {
    grid-area: sm__podcast;
    background-color: #94a28d;
    color: #fff;
    border-radius: 14px;
    overflow: hidden;
}

.sm__podcast:hover, 
.sm__events:hover {
    text-decoration:underline;
    text-decoration-color:#fff;
}

.sm__heading {
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
}

.sm__events {
    grid-area: sm__events;
    background-color: #ababab;
    border-radius: 14px;
    overflow: hidden;
}

.sm__advert-space {
    grid-area: sm__advert-space;
    background-color: #282626;
    border-radius: 14px;
    color: white;
    padding: 10px;
}

.sm__advert-space img {
    max-width: 100%;
}

.sm__tile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.sm__tile h3 .sm__img {
    max-height: 80px;
    max-width: 100px;
    margin-right: 10px;
}
.sm__podcast > .sm__img,
.sm__events > .sm__img {
    max-width: 100%;
}

.sm-2 {
    display:flex;
    flex-direction: row;
    margin: 1em 0 6em 0; 
    justify-content: space-around;
    gap: 5px;

}