.annualreport-grantee-block {
    background-color: #f5f5f5;
    padding: 20px;
    margin-bottom: 40px;
    position: relative;
}

.annualreport-grantee {
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: 125px auto;
    display: flex;
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020 {
    color: #fff;
    background-color: #5d5e5f;
    font-family: calluna_sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
}


body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020 .left-column {
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block .left-column h3 {
    margin-bottom: 20px;
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020 .left-column h3 {
    color: #fff;
    font-family: Baskerville, Georgia, Times, serif;
    line-height: 32px;
    font-weight: 400;
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 10px;
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020 .left-column .sector-state-icons {
  display: flex;
  justify-content: space-around;
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020 .left-column .sector-state-icons > div {
  width: 120px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
}
body.wp-admin .annualreport-grantees .annualreport-grantee .left-column .sector-state-icons .sector-icon,
body.wp-admin .annualreport-grantees .annualreport-grantee .left-column .sector-state-icons .state-icon {
  opacity: 1;
}

/* body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020 .left-column::before,
body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020 .left-column::after {
    content: "";
    width: 120px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 40px;
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020 .left-column::before {
    left: 20px;
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020 .left-column::after {
    right: 20px;
} */

/*
covid_support_logo_medium.png
icon_state-wa-white.svg
icon_state-or-white.svg
icon_state-mt-white.svg
icon_state-id-white.svg
icon_state-ak-white.svg
 */


/* body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-sector="Arts and Culture"] .left-column::before {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_sector_artsculture.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-sector="Education"] .left-column::before {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_sector_education.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-sector="Health"] .left-column::before {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_sector_health.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-sector="Human Services"] .left-column::before {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_sector_humanservices.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-sector="Scientific Research"] .left-column::before {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_sector_scientificresearch.svg');
}
 */

 body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-sector="Arts and Culture"] .sector-icon {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_sector_artsculture.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-sector="Education"] .sector-icon {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_sector_education.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-sector="Health"] .sector-icon {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_sector_health.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-sector="Human Services"] .sector-icon {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_sector_humanservices.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-sector="Scientific Research"] .sector-icon {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_sector_scientificresearch.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-designation="COVID-19"] .designation-icon {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/covid_support_logo_medium.png');
}

/* body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-state="AK"] .left-column::after {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_state_ak.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-state="WA"] .left-column::after {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_state_wa.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-state="MT"] .left-column::after {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_state_mt.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-state="ID"] .left-column::after {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_state_id.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-state="OR"] .left-column::after {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_state_or.svg');
} */

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-state="AK"] .state-icon {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_state_ak.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-state="WA"] .state-icon {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_state_wa.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-state="MT"] .state-icon {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_state_mt.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-state="ID"] .state-icon {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_state_id.svg');
}

body.wp-admin .annualreport-grantees .annualreport-grantee-block.annualreport-grantee-design-2020[data-state="OR"] .state-icon {
  background-image: url('/app/themes/murdock-serenity/resources/assets/images/annual_report/ar_granteesatwork_state_or.svg');
}

.annualreport-grantee {

}

.annualreport-grantee h2 {
    margin: 0;
    color: #ccc;
    text-transform: uppercase;
    top: 10px;
    right: 10px;
    font-size: 48px;
    line-height: 48px;
    position: absolute;
}

.annualreport-grantee h3 {
    color: #0b3f4a;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 0;
}

.annualreport-grantee .content-columns {
    display: flex;
    padding: 20px;
}

.annualreport-grantee .left-column {
    width: 50%;
}

.annualreport-grantee .media-column {
    width: 48%;
    margin-left: 2%;
}

.annualreport-grantee .media-column .media-content {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #ccc;
	min-height: 385px;
	border-radius: 6px;
}




/* * * BREAKPOINTS * * */


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

	.annualreport-grantee .media-column .media-content {
		/* max-width: 19vw; */
	}

} /* end 1000px */


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

	.annualreport-grantee .media-column .media-content {
		/* max-width: 21vw; */
        max-width: 100%;
	}


	.annualreport-grantee .left-column {
		width: 100%;
        text-align: left;
	}

    .annualreport-grantee .left-column p {
        text-align: left;
    }

	.annualreport-grantee .media-column {
		width: 100%;
		margin-left: 0;
	}

} /* end 850px */
