@media (min-width: 767px){
.ar-side-media{
  width: 50% ;
}
}

.ar-table td{
  vertical-align: top;
  padding: 0 20px 0 0 !important;
}

@media (min-width: 640px){
  
.ar-table td{
  width: 50%;
}
}

.ar-table td p{
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

.ar-callout{
  font-family: 'acumin-pro';
  color: #365485;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  padding: 15px 0;
}

.ar-block-green{
  background-color: rgba(50,134,75,0.4);
}

.ar-block-dark-green{
  background-color: rgb(50,134,75);
  color: white;
}

.ar-block-blue{
  background-color: rgba(27,128,141,0.4);
}

.ar-block-dark-blue{
  background-color: rgb(55,85,165);
  color: white;
}

.ar-block-orange{
  background-color: rgba(243,178,41,0.4);
}

.ar-block-dark-orange{
  background-color: #EB8026;
  color: white;
}

.ar-block-red{
	background-color: #8A1A25;
	color: white;
}

.ar-block-red-orange{
	background: linear-gradient(to right, #8A1A25, #EB8026);
	color: white;
}

.ar-block-violet{
	background-color: #9B216C;
	color: white;
}


/* Spotlights */

#ar-spotlight ul {
	list-style: disc !important;
	padding-inline-start: 40px !important;
}

.ar-spotlight-image img {
    height: 300px !important;
    object-fit: cover;
    object-position: center;
}

.ar-spotlight-text {
    padding: 75px 50px;
}

@media (min-width: 1060px){
	
#ar-spotlight {
    display: flex;
}

.ar-spotlight-image img {
    height: 100% !important;
}

#ar-spotlight > div {
    flex: 1;
}

#ar-spotlight div:nth-child(2) {
    flex: 1.2;
}
}


/* 2023-24 Annual Report Conversations */

.ar-conversations {
    height: 375px;
}

.ar-conversations img {
    object-fit: cover;
    object-position: center 20%;
    height: inherit !important;
}

/* Program Achievements */

.ar-programs {
    max-width: 90% !important;
    margin: 0 auto;
}

table.ar-programs td {
    width: 25%;
    vertical-align: top;
    padding-bottom:;
}

table.ar-programs tr {
    background-color: unset !important;
}

.ar-programs td img {
    width: 100vw !important;
    height: 50vh !important;
    object-fit: cover;
}

@media (max-width: 1200px){
	
.ar-programs {
    max-width: 80% !important;
    overflow: unset !important;
}
	
.ar-programs td {
    display: block;
    width: 100% !important;
}
}

@media (min-width: 1201px){
	
.ar-programs td {
    padding-bottom: 25px !important;
}
}

/* 2024 Program Achievements */


td.food-land-water-energy-cities:before {
    content: 'Food, Land and Water/Energy/Cities';
    background: #3855A3;
    color: white;
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
}

td.cities:before {
    content: 'Cities';
    background: #3855A3;
    color: white;
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
}


td.energy:before {
    content: 'Energy';
    background: #3855A3;
    color: white;
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
}


td.food-land-water:before {
    content: 'Food, Land and Water';
    background: #3855A3;
    color: white;
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
}


td.energy-cities:before {
    content: 'Energy/Cities';
    background: #3855A3;
    color: white;
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
}

/* Board Spotlights */

.ar-board-spotlights tr{
	background: unset !important;
}

.ar-board-spotlights td{
	vertical-align: top;
}

td.spotlight-image{
	width: 15%;
}

td.frannie{
background: url('https://files.wri.org/d8/s3fs-public/2025-04/frannie-leautier_0.jpg');
background-size: cover;
background-position: center;
}

td.clara{
background: url('https://files.wri.org/d8/s3fs-public/2025-04/clara-barby_1.jpg');
background-size: cover;
background-position: center;
}

td.sharan{
background: url('https://files.wri.org/d8/s3fs-public/2025-04/sharan-burrow_1.jpg');
background-size: cover;
background-position: center;
}

td.yunli{
background: url('https://files.wri.org/d8/s3fs-public/2025-04/yunli-lou_1.png');
background-size: cover;
background-position: center;
}

@media (max-width: 1020px){

table.ar-board-spotlights td {
    display: block;
}


table.ar-board-spotlights .spotlight-image {
    display: none;
}

table.ar-board-spotlights .spotlight-image {
    display: none;
}

td.frannie-text::before {
    content: '';
    background: url('https://files.wri.org/d8/s3fs-public/2025-05/frannie-leautier-horizontal_0.jpeg');
    display: block;
    height: 250px;
    width: 100%;
    background-position: center;
    background-size: cover;
}

td.clara-text::before {
    content: '';
    background: url('https://files.wri.org/d8/s3fs-public/2025-05/clara-barby-horizontal_0.jpg');
    display: block;
    height: 250px;
    width: 100%;
    background-position: center;
    background-size: cover;
}


td.sharan-text::before {
    content: '';
    background: url('https://files.wri.org/d8/s3fs-public/2025-05/sharan-burrow-horizontal_0.jpg');
    display: block;
    height: 250px;
    width: 100%;
    background-position: center;
    background-size: cover;
}


td.yunli-text::before {
    content: '';
    background: url('https://files.wri.org/d8/s3fs-public/2025-05/yunli-lou-horizontal_0.png');
    display: block;
    height: 250px;
    width: 100%;
    background-position: center;
    background-size: cover;
}
}