.f-bold {font-weight: bold;}
.f-xbold {font-weight: 900;}
.fc-grey {color: #707070;}
.fc-dark-grey {color: #999999;}
.f-uppercase {text-transform: uppercase;}

/* ADDITIONAL HELPER CLASSES */
.bg-white {background-color: #fff;}
.bg-colour-yellow {background-color: #EFC981;}
.mt0 {margin-top: 0px;}
.mb0 {margin-bottom: 0px;}
.mb-20 {margin-bottom: 20px;}
.w-200 {width: 200px;}
.h-80 {height: 72px;}
.w-80p {width: 70%;}
.p20v {padding: 20px 0px;}

.featured-controls {display: inline-block;}
.featured-controls > i.dot {font-size:10px; vertical-align: middle; margin-bottom: 3px; color: #DBDBDB; margin-left: 15px; cursor: pointer;}
.featured-controls > i.dot:hover, .featured-controls > i.dot.active {color: #EFC981;}
.featured-controls > i.fa-chevron-left {margin-left: 50px; color: #DBDBDB; cursor:pointer;}
.featured-controls > i.fa-chevron-right {margin-left: 15px; color: #DBDBDB; cursor:pointer;}
.featured-controls > i.angle:hover {color: #EFC981; }
.grid {

    /*max-width: 1200px;*/
    counter-reset: grid-item;
  }
  
  /* clearfix */
  .grid:after {
    content: '';
    display: block;
    clear: both;
  }
  
  /* ---- grid-item ---- */
  
  .grid-item {
    float: left;
    background: #D26;
    border: 5px solid #fff;
    border-radius: 0px;
  }
  
  .grid-sizer,
  .grid-item { width: calc(33.333%); }

/* 
 * Homepage updates
*/
.homepage-section > h2 {font-family: roboto;}
.featured.publication > h3 {/*max-height: 60px; overflow: hidden;*/}
.strategic-wrapper {display: inline-block; position: relative;}
.strategic-wrapper > p.heading {line-height: 24px;}

a.abs-link-bottom {display: inline-block !important; position: absolute; bottom: 0px; left: 10px; right: 0px;}
a.abs-link-bottom::after {font-family: "FontAwesome"; content: '\f054'; float: right;}

img.featured-strategic-reflections-image-new {object-fit: cover;}
img.featured-publication-image-new {object-fit: cover;}
.recent-speech .card.smaller {min-height: 230px; height: 100%;}

.inline-b {display: inline-block; vertical-align: middle;}

.strategic-linked-synthesis-report {background-color: #FDFDFD; padding: 25px 80px 25px 60px; display:inline-block;}
.dl-toc:hover h6, .dl-toc:hover i {color: #EFC981;}
a.strategic-linked-synthesis-report-link:hover > .inline-b > * {color: #EFC981 !important;}
a.strategic-linked-synthesis-report-link:hover {color: #EFC981 !important;}

.heading-container {height: 62px; overflow: hidden;}

/* Small devices (portrait phones, 320px and up) */
@media (min-width: 300px) and (max-width:575px) {
    .inline-b.right {max-width: 75%;}
    .featured.strategic-reflections > .bg-white > .main-outer > .coverimage {display: block !important;}
    .featured-publication-text-wrapper {display: block !important;}
    img.featured-publication-image-new, img.featured-strategic-reflections-image-new {width: 100%;}
    .featured-publication-text {padding: 10px 0px;}
    a.abs-link-bottom {position: relative; width: 100%; left: 0;}
    .mt-20-s {margin-top: 20px;}
    .mt-40-s {margin-top: 40px;}
    .strategic-wrapper {padding: 10px !important;}
    .strategic-linked-synthesis-report {padding: 15px 20px 15px 10px;}
    /*
    img.featured-publication-image-new {width: 190px; height: 294px;}
    .featured-publication-text {max-height: 244px;}
    img.featured-strategic-reflections-image-new {width: 117px; height: 181px;}
    .mt-20-s {margin-top: 20px;}
    .mt-40-s {margin-top: 40px;}
    */
    .featured.publication {margin-bottom: 60px;}

    .grid-sizer, .grid-item { width: calc(100%); }
    .mb20responsive {margin-bottom: 20px;}
}

/* Small devices (portrait phones, 320px and up) */
@media (min-width: 300px) and (max-width:419px) {
    .inline-b.right {max-width: 70%;}
    .featured.publication {margin-bottom: 60px;}
    .grid-sizer, .grid-item { width: calc(100%); }
    .mb20responsive {margin-bottom: 20px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width:767px) {
    img.featured-publication-image-new {width: 190px; height: 294px;}
    .featured-publication-text {max-height: 244px;}
    img.featured-strategic-reflections-image-new {width: 117px; height: 181px;}
    .mt-20-s {margin-top: 20px;}
    .mt-40-s {margin-top: 40px;}
    .featured.publication {margin-bottom: 60px;}
    .grid-sizer, .grid-item { width: calc(100%); }
    .mb20responsive {margin-bottom: 20px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {    
    img.featured-publication-image-new {width: 240px; height: 371px;}
    .featured-publication-text {max-height: 320px;}  
    img.featured-strategic-reflections-image-new {width: 117px; height: 181px;}
    .featured.publication > * {vertical-align: top;}
    .featured.publication > p {margin-top: 0px !important;}
    .featured.publication > .main-outer {display: flex; align-items: top;}
    .featured.publication > .main-outer > .coverimage {display: inline-block;}
    .featured-publication-text {overflow: hidden;}
    .featured-publication-text-wrapper {display: inline-block; position: relative;}
    .featured.strategic-reflections > .bg-white > .main-outer > .coverimage {display: inline-block;}
    .featured.strategic-reflections > .bg-white > .main-outer {display: flex; align-items: top;}
    .featured-separator {margin-bottom: 20px;}  
    .featured.publication {margin-bottom: 40px;}
    .grid-sizer, .grid-item { width: calc(100%); }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width:1199px) {
    img.featured-publication-image-new {width: 190px; height: 294px;}
    img.featured-strategic-reflections-image-new {/*width: 93px; height: 143px;*/ width: 103px; height: 159px;}
    .featured-publication-text {max-height: 244px;}
    .featured-separator {margin-bottom: 18px;}  
    .featured.publication > * {vertical-align: top;}
    .featured.publication > p {margin-top: 0px !important;}
    .featured.publication > .main-outer {display: flex; align-items: top;}
    .featured.publication > .main-outer > .coverimage {display: inline-block;}
    .featured-publication-text {overflow: hidden;}
    .featured-publication-text-wrapper {display: inline-block; position: relative;}
    .featured.strategic-reflections > .bg-white > .main-outer > .coverimage {display: inline-block;}
    .featured.strategic-reflections > .bg-white > .main-outer {display: flex; align-items: top;}
    .strategic-wrapper > p.heading {line-height: 20px; margin-bottom: 8px !important;}
    .strategic-wrapper > p.card-date {font-size: 14px; line-height: 18px;}
    .strategic-wrapper > p.card-location {font-size: 14px; line-height: 18px;}
    .strategic-wrapper > .abs-link-bottom {line-height: 18px; padding: 6px 9px;}
    .strategic-wrapper > .hat {margin-bottom: 0px;}
    .featured.publication {margin-bottom: 0px;}
    .grid-sizer, .grid-item { width: calc(50%); }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    img.featured-publication-image-new {width: 240px; height: 371px;}
    img.featured-strategic-reflections-image-new {/*width: 117px; height: 181px;*/width: 127px; height: 197px;}
    .featured-publication-text {max-height: 320px;}  
    .featured-separator {margin-bottom: 19px;}  
    .featured.publication > * {vertical-align: top;}
    .featured.publication > p {margin-top: 0px !important;}
    .featured.publication > .main-outer {display: flex; align-items: top;}
    .featured.publication > .main-outer > .coverimage {display: inline-block;}
    .featured-publication-text {overflow: hidden;}
    .featured-publication-text-wrapper {display: inline-block; position: relative;}
    .featured.strategic-reflections > .bg-white > .main-outer > .coverimage {display: inline-block;}
    .featured.strategic-reflections > .bg-white > .main-outer {display: flex; align-items: top;}
    .featured.publication {margin-bottom: 0px;}
    .grid-sizer, .grid-item { width: calc(33.333%); }
}