/* ALTERNATE HERO COLOR SETUPS (animation timing is performed in initialize-scroll-triggers.js [not sure that's working?]) */
body .annualreport[class*='hero-'] .annualreport-hero .side-navigation * {
    z-index: 2;
}
body .annualreport[class*='hero-'] .annualreport-hero .side-navigation::after {
    content: " ";
    opacity: 0;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    z-index: 1;
    // transition-delay: .25s;
}
@media only screen and (max-width: 768px) {

    body .annualreport[class*='hero-'] .annualreport-hero .side-navigation::after {
        max-height: 54vh;
    }

} /* end 768px */
body .annualreport.hero-river .annualreport-hero .side-navigation::after {
    mix-blend-mode: multiply;
    background-color: rgb(11, 170, 203);
}
body .annualreport.hero-twilight .annualreport-hero .side-navigation::after {
    mix-blend-mode: overlay;
    background-color: rgb(14, 127, 150);
}
body .annualreport.hero-gold .annualreport-hero .side-navigation::after {
    mix-blend-mode: hard-light;
    background-color: rgb(181, 170, 125);
}
body .annualreport.hero-salmon .annualreport-hero .side-navigation::after {
    mix-blend-mode: hard-light;
    background-color: rgb(221, 126, 95);
}
body .annualreport.hero-lake .annualreport-hero .side-navigation::after {
    mix-blend-mode: hard-light;
    background-color: rgb(126, 217, 201);
}
body .annualreport.hero-light-grey .annualreport-hero .side-navigation::after {
    mix-blend-mode: hard-light;
    background-color: rgb(205, 205, 205);
}
body .annualreport.hero-light-grey .anim-hero-logo img {
    display: none;
}
body .annualreport.hero-light-grey .anim-hero-logo:after {
    content: url(/app/themes/murdock-serenity/resources/assets/images/annual_report/logo_river.svg);
    height: 76px !important;
    width: 285px !important;
    display: inline-block;
}
body .annualreport.hero-gold .annualreport-hero .side-navigation .content img,
body .annualreport.hero-lake .annualreport-hero .side-navigation .content img,
body .annualreport.hero-salmon .annualreport-hero .side-navigation .content img {
    filter: brightness(4);
}
body .annualreport.hero-lake .annualreport-hero .side-navigation .content ul li a,
body .annualreport.hero-gold .annualreport-hero .side-navigation .content ul li a,
body .annualreport.hero-light-grey .annualreport-hero .side-navigation .content ul li a {
    color: #004250;
}
body .annualreport.hero-lake .annualreport-hero .side-navigation .content ul li a:hover,
body .annualreport.hero-gold .annualreport-hero .side-navigation .content ul li a:hover,
body .annualreport.hero-light-grey .annualreport-hero .side-navigation .content ul li a:hover {
    color: #fff !important;
}






body.template-annualreport .map-contour-left,
body.template-annualreport .map-contour-right,
.annualreport .map-contour-left,
.annualreport .map-contour-right,
.page-annualreport-data .map-contour-left,
.page-annualreport-data .map-contour-right {
	display: none !important;
}

body .annualreport {
    font-size: 18px;
    line-height: 25px;
    max-width: 100vw;
	overflow: hidden;
}

body .annualreport  :not(.annualreport-content-our-mission).bg-darkgrey,
body .annualreport  .annualreport-content-our-mission.bg-darkgrey div.container div.content-columns div.copy-column {
    background-color: #5e5e5f;
}
body .annualreport  :not(.annualreport-content-our-mission).bg-lightgrey,
body .annualreport  .annualreport-content-our-mission.bg-lightgrey div.container div.content-columns div.copy-column {
    background-color: #f5f5f5;
}
body .annualreport  :not(.annualreport-content-our-mission).bg-lake,
body .annualreport  .annualreport-content-our-mission.bg-lake div.container div.content-columns div.copy-column {
    background-color: #50c9b5;
}
body .annualreport  :not(.annualreport-content-our-mission).bg-lightlake,
body .annualreport  .annualreport-content-our-mission.bg-lightlake div.container div.content-columns div.copy-column {
    background-color: #dbf7f2;
}
body .annualreport  :not(.annualreport-content-our-mission).bg-gold,
body .annualreport  .annualreport-content-our-mission.bg-gold div.container div.content-columns div.copy-column {
    background-color: #ac9257;
}
body .annualreport  :not(.annualreport-content-our-mission).bg-lightgold,
body .annualreport  .annualreport-content-our-mission.bg-lightgold div.container div.content-columns div.copy-column {
    background-color: #e7e3d5;
}
body .annualreport  :not(.annualreport-content-our-mission).bg-river,
body .annualreport  .annualreport-content-our-mission.bg-river div.container div.content-columns div.copy-column {
    background-color: #004250;
}
body .annualreport  :not(.annualreport-content-our-mission).bg-twilight,
body .annualreport  .annualreport-content-our-mission.bg-twilight div.container div.content-columns div.copy-column {
    background-color: #005e6e;
}

body .annualreport  :not(.annualreport-content-our-mission).bg-lighttwilight,
body .annualreport  .annualreport-content-our-mission.bg-lighttwilight div.container div.content-columns div.copy-column {
    background-color: #b6ccd2;
}
body .annualreport  :not(.annualreport-content-our-mission).bg-linen,
body .annualreport  .annualreport-content-our-mission.bg-linen div.container div.content-columns div.copy-column {
    background-color: #f8f5ec;
}
body .annualreport  :not(.annualreport-content-our-mission).bg-salmon,
body .annualreport  .annualreport-content-our-mission.bg-salmon div.container div.content-columns div.copy-column {
    background-color: #e0684b;
}
body .annualreport  .annualreport-content-our-mission.bg-lightgrey div.container div.content-columns div.copy-column div.copy-content > *,
body .annualreport  .annualreport-content-our-mission.bg-lightlake div.container div.content-columns div.copy-column div.copy-content > *,
body .annualreport  .annualreport-content-our-mission.bg-lightgold div.container div.content-columns div.copy-column div.copy-content > *,
body .annualreport  .annualreport-content-our-mission.bg-lighttwilight div.container div.content-columns div.copy-column div.copy-content > *,
body .annualreport  .annualreport-content-our-mission.bg-linen div.container div.content-columns div.copy-column div.copy-content > * {
    color: #5E5E5F !important;
}

body .annualreport .copy-column,
.template-annual-report > p {
	line-height: 30px;
}

body .annualreport .copy-column h3 {
	margin-top: 1.25em;
}

body.wp-admin .annualreport {
	overflow: visible;
}

@media (min-width: 1200px) {
	body.template-annualreport ::not(.annualreport-content-design-2020.annualreport-content-our-mission) ::not(.annualreport-stats-design-2020.in-review) .container, .page-annualreport-data ::not(.annualreport-content-design-2020.annualreport-content-our-mission)  ::not(.annualreport-stats-design-2020.in-review) .container, .annual-report ::not(.annualreport-content-design-2020.annualreport-content-our-mission)  ::not(.annualreport-stats-design-2020.in-review) .container {
		max-width: 1000px !important;
		padding: 0 !important;
	}
}

body .annualreport blockquote {
	background-color: transparent;
    padding-left: 0;
    font-size: 1.3em;
    line-height: 1.4em;
    color: #025e6f;
    font-weight: 600;
}

body .annualreport .annualreport-content-design-2020 blockquote {
	padding-top: 10px;
}

body .annualreport blockquote p {
    padding-left: 0;
}

body .annualreport blockquote cite {
    font-size: .9em;
    line-height: 1em;
    margin-top: 10px;
	color: #025e6f;
	letter-spacing: -.8px;
}

blockquote p::before {
    content: "" !important;
}

body.template-annualreport header,
body.template-annualreport footer,
body.page-annualreport-data header,
body.page-annualreport-data footer,
body.page-2020-annual-report-test-data header,
body.page-2020-annual-report-test-data footer { /* update based on post type or template name */
    display: none;
}

body.template-annualreport div.wrap[role="document"].sticky-header,
body.page-annualreport-data div.wrap[role="document"].sticky-header {
    margin-top: 0 !important;
}

/* TODO: already up top? */
body.template-annualreport .map-contour-left,
body.template-annualreport .map-contour-right,
body.page-annualreport-data .map-contour-left,
body.page-annualreport-data .map-contour-right {
    display: none;
}


body .annualreport-mobile-nav-footer {
	display: none;
	position: fixed;
	bottom: 0;
	min-height: 40px;
	z-index: 99;
	text-align: center;
}

body .annualreport .annualreport-hero {
    color: #fff;
	width: calc(100% + 40px);
	height: 100vh;
	min-height: 750px;
	background-size: cover;
	background-position: center center;
	margin: -20px 0px 0px -20px;
	overflow: hidden;
    max-height: 100vh;
    background-color: #888888;
/*
	clip-path: inset(10px 10px 10px 10px);
	-webkit-clip-path: inset(10px 10px 10px 10px);
 */
}

body .annualreport.annualreport-design-2020 .annualreport-hero {
	min-height: unset !important;
}

/* this is for block only? */
body .annualreport .annualreport-hero .cover-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%; /* does not work */
    min-height: 650px;
}

body .annualreport .annualreport-hero .side-navigation {
	position: relative;
    height: 100%;
    min-height: 820px;
    width: 500px;
    top: 0px;
    /* left: -100%; */
    /* background-color: #eee; */
    padding-top: 10vh;
    overflow: hidden;
    text-align: right;
    transition: left 1s;
}

body .annualreport .annualreport-hero:hover .side-navigation {
    left: 0;
}

body .annualreport[class*='hero-'] .annualreport-hero .side-navigation::after {
    opacity: 1;
    transition-duration: .5s;
    transition-property: opacity;
}

// body .annualreport .annualreport-hero .side-navigation::after {
//     content: " ";
//     font-size: 100px;
//     background-color: green;
//     mix-blend-mode: color;
//     height: 100vh;
//     width: 100%;
//     position: absolute;
//     top: 0;
//     left: 0;
//     z-index: ;
// }

body .annualreport .annualreport-hero .hero-image {
	filter: blur(20px);
    top: -12px;
    left: -20px;
    position: absolute;
    transition: left 1s;
    width: calc(100% + 20px);
    height: calc(100vh + 20px);
    min-height: 650px;
    background-size: cover;
    background-position: center center;
    clip-path: inset(10px calc(100% - 500px) -7px 0px);
    -webkit-clip-path: inset(10px calc(100% - 500px) 28px 0px);
    /* background-attachment: fixed; */
    /* left: -100%; */
    -moz-transform: translate(0, -35px);
}

body .annualreport .annualreport-hero:hover .hero-image {
    left: -20px;
}

/*
body .annualreport .annualreport-hero .side-navigation:hover .hero-image {
    filter: blur(20px);
    margin-left: -10%;
}
*/


body .annualreport .top-navigation {
    position: fixed;
	top: 0;
	background-color: #0b3f4a;
	border-radius: 0 0 8px 8px;
	padding: 0 8px 0 !important;
	width: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 99;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s, padding 0.5s;
}

body .annualreport .top-navigation.show {
	padding: 7px 8px 10px !important;
	max-height: 999px;
}

body.admin-bar .annualreport .top-navigation {
	margin-top: 32px;
}

body .annualreport .top-navigation .title {
	display: none;
	text-align: center;
	margin-top: -50px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	color: #fff;
}

body .annualreport .top-navigation .logo {
    margin-left: 8px;
    margin-top: 7px;
	display: inline-block;
	max-width: 32px;
}

body .annualreport .top-navigation .logo img {
    margin-top: -4px;
}

body .annualreport .top-navigation ul {
	list-style-type: none;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center !important;
	display: block;
	padding-left: 0 !important;
	width: calc(100% - 50px);
	float: right;
	margin-right: 10px;
}

body .annualreport .top-navigation ul li {
	padding: 0 2% 0 2%;
	flex: auto;
	display: inline-block;
}

body .annualreport .top-navigation ul li a {
    color: #fff;
    font-family: libre_baskerville, garamond, times, serif;
    font-size: 18px;
    padding-top: 3px;
    display: inline-block;
}

body .annualreport .top-navigation ul li a:hover {
	color: #81d8ca;
}

body .annualreport .annualreport-hero .side-navigation .content {
    position: relative;
}

body .annualreport .annualreport-hero .side-navigation .content .logo {
    margin-right: 35px;
    margin-bottom: 30px;
}

body .annualreport .annualreport-hero .side-navigation .content img {
    margin-right: 5px;
    height: 75px;
}

body .annualreport .annualreport-hero .side-navigation .content h1 {
    color: #fff;
    position: relative;
    margin-right: 40px;
    margin-top: 9vh;
    font-family: libre_baskerville, garamond, times, serif;
    font-size: 49px;
    line-height: 51px;
    letter-spacing: -2px;
}

body .annualreport.annualreport-design-2020.hero-light-grey .annualreport-hero .side-navigation .content h1 {
    color: #5e5e5f;
}

body .annualreport .annualreport-hero .side-navigation .content h1 .year {
    display: block;
    font-size: 84px;
    letter-spacing: -7px;
    line-height: 74px;
}

body .annualreport .annualreport-hero .side-navigation .content ul {
    background-color: rgba(80, 201, 181, 0.3);
    padding: 4vh 40px;
    width: 65%;
    list-style-type: none;
    float: right;
    margin-top: 6vh;
    border-radius: 6px 0 0 6px;
    max-width: 330px;
}

body .annualreport.annualreport-design-2020 .annualreport-hero .side-navigation .content ul {
    width: auto;
}

body .annualreport .annualreport-hero .side-navigation .content ul li {
    margin: 2vh 0 !important;
}

body .annualreport .annualreport-hero .side-navigation .content ul li::before {
    display: none;
}

body .annualreport .annualreport-hero .side-navigation .content ul li a {
    color: #fff;
    font-family: libre_baskerville, garamond, times, serif;
    font-size: 19px;
    letter-spacing: -0.35px;
}
body .annualreport .annualreport-hero .side-navigation .content ul li a:hover {
    color: #81d8ca !important;
}

body .annualreport .people-group .person.active {
	padding-bottom: 30px;
}

.annualreport-design-2020 .people-group {
	margin-top: 70px;
	margin-bottom: 80px;
}

body .annualreport .row_bio .col_bio {
	min-height: 142px;
}

.annualreport-content-design-2020.annualreport-content-standard {
	padding: 50px 20px 50px;
}

body .annualreport section.footer {
	padding-top: 90px;
}

body .annualreport .footer h2 {
	color: #5E5E5F;
	font-family: libre_baskerville, garamond, times, serif;
	font-size: 76px;
	line-height: 90px;
	letter-spacing: -3px;
}

body .annualreport .footer p,
body .annualreport .footer a.button,
body .annualreport .footer .block_left {
	font-size: 22px;
	line-height: 32px;
	letter-spacing: 0;
	margin-bottom: 2rem;
}

body .annualreport .footer a.button {
	padding: 22px 1.5em 0 1.15em;
	clear: both;
}

body .annualreport .footer .block_left {
	width: 49%;
	display: inline-block;
	font-weight: bold;
	margin-top: 2em;
	text-align: left !important;
}

body .annualreport .footer .block_right {
	width: 50%;
	display: inline-block;
	margin-top: 2em;
	text-align: right !important;
}
body .annualreport .footer .block_right svg {
	margin-left: 42px;
}

body .annualreport .footer .copyright {
	clear: both;
	font-size: 12px;
	color: #b3b3b3;
	text-align: center;
	margin-top: 2em;
}

body .annualreport .video-player-ui.video-carousel.layout-standard 
{
	max-width: 1150px;
	margin: 0 auto;
}
body .annualreport .video-player-ui.video-carousel.layout-standard h3 
{
	font-size: 48px;
    line-height: 56px;
    font-family: libre_baskerville, garamond, times, serif;
    text-transform: none;
    margin-bottom: 30px;
    margin-top: 30px;
    letter-spacing: -1px;
}
@media only screen and (max-height: 850px) {

    body .annualreport .video-player-ui.video-carousel.layout-standard 
    {
        padding: 20px 100px;
    }

} /* end height/850px */
@media only screen and (max-height: 800px) {

    body .annualreport .video-player-ui.video-carousel.layout-standard 
    {
        padding: 20px 100px;
    }

} /* end height/850px */
@media only screen and (max-height: 750px) {

    body .annualreport .video-player-ui.video-carousel.layout-standard 
    {
        padding: 20px 120px;
    }

} /* end height/850px */
@media only screen and (max-height: 700px) {

    body .annualreport .video-player-ui.video-carousel.layout-standard 
    {
        padding: 20px 140px;
    }

} /* end height/850px */
@media only screen and (max-height: 650px) {

    body .annualreport .video-player-ui.video-carousel.layout-standard 
    {
        padding: 20px 160px;
    }

} /* end height/850px */
@media only screen and (max-height: 600px) {

    body .annualreport .video-player-ui.video-carousel.layout-standard 
    {
        padding: 20px 180px;
    }

} /* end height/850px */











/* * * BREAKPOINTS * * */


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

	body .annualreport .footer h2 {
		letter-spacing: -2px;
	}

} /* end height/850px */


@media only screen and (max-height: 750px) {

	.annualreport .annualreport-hero .side-navigation .content img {
    	height: 60px;
	}

} /* end height/750px */


@media only screen and (max-height: 650px) {

	body .annualreport .annualreport-hero .hero-image {
		min-height: 790px;
	}

	body .annualreport .annualreport-hero .side-navigation .content img {
    	height: 9vh;
	}

	body .annualreport .annualreport-hero .side-navigation .content h1 {
		font-size: 7vh;
	    line-height: 7.5vh;
	}
	body .annualreport .annualreport-hero .side-navigation .content h1 .year {
		font-size: 12vh;
		line-height: 11.5vh;
	}

} /* end height/650px */


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

	body .annualreport .annualreport-hero .side-navigation .content img {
    	height: 6vw;
	}

	body .annualreport .annualreport-hero .side-navigation,
	.parallax_force_bg_color {
		width: 40% !important;
	}

	body .annualreport.annualreport-design-2020 .annualreport-hero .hero-image-shell {
		width: 60%;
	}

	body .annualreport .annualreport-hero .hero-image {
		clip-path: inset(10px calc(100% - 40.8%) -7px 0px);
		-webkit-clip-path: inset(10px calc(100% - 40.8%) 28px 0px);
	}

} /* end 1100px */


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

	body .annualreport .top-navigation ul li {
		padding: 0 0 0 4%;
	}

	body .annualreport .annualreport-design-2020 .top-navigation ul li {
		padding: 0;
	}

	body .annualreport-content h2, .test-annualreport h2, .annualreport h2 {
		font-size: 66px;
		line-height: 75px;
	}

	body .annualreport:not(.no-pdf) .top-navigation ul li a {
		font-size: 14px;
	}

	.annualreport-design-2020 .annualreport-content {
	    padding: 80px 20px 40px;
	}

} /* end 960px */


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

	body .annualreport .annualreport-hero .side-navigation .content h1 {
		font-size: 6vw;
	    line-height: 6.5vw;
	}
	body .annualreport .annualreport-hero .side-navigation .content h1 .year {
		font-size: 10vw;
		line-height: 10vw;
	}

	body .annualreport .annualreport-hero .side-navigation .content ul li {
		line-height: 23px;
	}

	body .annualreport .annualreport-hero .side-navigation .content ul li a {
		font-size: 14px;
	}

	body .annualreport-content h2, .test-annualreport h2, .annualreport h2 {
		font-size: 56px;
		line-height: 68px;
	}

	body .annualreport-content:not(.annualreport-content-standard-photo) .content-columns .media-column .media-content {
		margin: 30px auto;
	}

	body .annualreport-content .content-columns .copy-column {
		width: 100%;
	}

	body .annualreport .people-group .row_bio .col_bio .bio-text {
		padding-right: 60px;
	}

	body .annualreport .row_bio .col_bio {
		min-height: 94px;
	}

	body .annualreport .footer .block_left {
		width: 100%;
		text-align: center !important;
	}

	body .annualreport .footer .block_right {
		width: 100%;
		text-align: center !important;
		margin-top: 0;
	}

	body .annualreport .footer .block_right svg {
		margin: 0 4vw !important;
	}

} /* end 850px */


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

    body .annualreport .parallax_force_bg_color,
	body .annualreport.annualreport-design-2020 .annualreport-hero .side-navigation,
	body .annualreport.annualreport-design-2020 .annualreport-hero .hero-image {
		width: 100vw !important;
	}

	body .annualreport.annualreport-design-2020 .annualreport-hero .side-navigation {
		height: 60vh !important;
	}

	body .annualreport.annualreport-design-2020 .annualreport-hero .side-navigation .content h1 {
		text-align: center;
		margin-right: 0;
		font-size: 70px;
		line-height: 72px;
	}

	body .annualreport.annualreport-design-2020 .annualreport-hero .side-navigation .content h1 .year {
		font-size: 115px;
		line-height: 104px;
		letter-spacing: -9px;
	}

	body .annualreport.annualreport-design-2020 .annualreport-hero .side-navigation .content ul {
		display: none;
	}

	body .annualreport .annualreport-hero .side-navigation .content .logo {display: none;}

	body.template-annualreport header,
	body.page-annualreport-data header {
		display: block;
		transition: background-color 0.5s;
	}

	body.template-annualreport #wpadminbar,
	body.page-annualreport-data #wpadminbar {
		display: none;
	}

	body.template-annualreport header .panel_mobile-search,
	body.template-annualreport header nav.nav-primary,
	body.template-annualreport header .site-message_post-navigation,
	body.page-annualreport-data header .panel_mobile-search,
	body.page-annualreport-data header nav.nav-primary,
	body.page-annualreport-data header .site-message_post-navigation {
		display: none !important;
	}

	body.template-annualreport .annualreport .top-navigation,
	body.page-annualreport-data .annualreport .top-navigation {
		display: none;
		background-color: transparent;
		margin-top: 60px;
	}

	body.template-annualreport .annualreport .top-navigation .logo,
	body.page-annualreport-data .annualreport .top-navigation .logo {
		display: none;
	}

	.annualreport .top-navigation .title {
		display: block;
	}

	body.template-annualreport .annualreport .top-navigation ul,
	body.page-annualreport-data .annualreport .top-navigation ul {
		margin-top: 8vh;
		width: 100%;
	}

	body.template-annualreport > header .panel_mobile-nav-footer ul.list_social {
		padding-bottom: 11vh;
	}

	body.template-annualreport .annualreport .top-navigation ul li,
	body.page-annualreport-data .annualreport .top-navigation ul li {
		display: block;
		text-align: center;
	}

	body.template-annualreport .annualreport .top-navigation ul li a,
	body.page-annualreport-data .annualreport .top-navigation ul li a {
		font-size: 28px;
		line-height: 8vh;
	}

	body.template-annualreport .open-nav,
	body.page-annualreport-data.open-nav {
		height: 100vh;
		overflow: hidden;
	}

	body.template-annualreport.open-nav header,
	body.page-annualreport-data.open-nav header {
		background-color: #5e5e5f;
		position: fixed;
	}

	body.template-annualreport.open-nav .annualreport .top-navigation,
	body.page-annualreport-data.open-nav .annualreport .top-navigation {
		display: block;
		max-height: unset;
	}

	body.template-annualreport.open-nav .panel_mobile-nav-footer,
	body.page-annualreport-data.open-nav .panel_mobile-nav-footer {
		bottom: 40px;
	}

  body.template-annualreport.open-nav .annualreport .annualreport-mobile-nav-footer,
	body.page-annualreport-data.open-nav .annualreport .annualreport-mobile-nav-footer {
		display: block;
	}

} /* end 768px */


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

	body .annualreport .annualreport-hero .hero-image {
		clip-path: inset(10px calc(100% - 41.2%) -7px 0px);
		-webkit-clip-path: inset(10px calc(100% - 41.2%) 28px 0px);
	}

} /* end 700px */


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

	body .annualreport .top-navigation.container,
	body .annual-report .top-navigation.container {
		max-width: 720px;
	}

	body .annualreport.annualreport-design-2020 .top-navigation.container,
	body .annual-report.annualreport-design-2020 .top-navigation.container {
		max-width: none;
	}

} /* end min-width: 576px/1000px */


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

	 /* TODO does this really do anything because of the space after body? */
	body .annualreport,
	body .annual-report,
	body .template-annualreport,
	body .page-annualreport-data {
		width: 100vw;
		overflow-x: hidden;
	}

	/* TODO does this really do anything because of the space after body? */
	body .annual-report .wrap,
	body .template-annualreport .wrap,
	body .page-annualreport-data .wrap {
		width: 100vw;
	}

	body .annual-report .content-columns,
	body.template-annualreport .content-columns,
	body.page-annualreport-data .content-columns {
		display: flex !important;
		flex-flow: column;
		flex-direction: column !important;
	}

		body.template-annualreport .annualreport.annualreport-design-2020.annualreport-content-meet-jack .content-columns,
	    body.template-annualreport .annualreport.annualreport-design-2020.annualreport-content-our-mission .content-columns {
		display: block !important;
		flex-flow: unset;
		flex-direction: unset !important;
	}

	body .annualreport .annualreport-hero .side-navigation,
	body .annualreport .annualreport-hero .hero-image {
		transition: none;
		/* left: 0; */
		height: 50vh;
		/* min-height: 1px; */
		width: 100vw;
				/* padding-top: 37vh; */
	}

	body .annualreport .annualreport-hero .side-navigation .content .logo {
		display: none;
	}

	body .annualreport .annualreport-hero .hero-image {
		clip-path: inset(0px -10px 50% 0px);
		-webkit-clip-path: inset(0px -10px 50% 0px);
		height: 100vh;
		-moz-transform: translate(0);
	}

	body .annualreport .annualreport-hero:hover .hero-image {
		left: 0;
	}

	body .annualreport .annualreport-hero .side-navigation .content ul {
		display: none;
	}

	body .annualreport h2,
	.annualreport-content h2,
	body .annualreport .people-group h2,
	.template-annual-report > h3,
	.template-annual-report > h4 {
		text-align: center;
	}

	body .annualreport h2,
	.annualreport-content h2,
	body .annualreport .people-group h2 {
		font-size: 60px;
		line-height: 67px;
	}

	body .annualreport p,
	.annualreport-content p {
		text-align: center;
	}

	.annualreport-content-our-mission .media-content {
		margin-top: 20px !important;
		margin-bottom: 0 !important;
	}

} /* end 650px */



@media only screen and (max-height: 600px) {

	/* oveerrides post-navigation-message top margin */
	body.has-post-navigation-message.template-annualreport > div.wrap[role="document"],
	body.has-post-navigation-message.page-annualreport-data > div.wrap[role="document"],
	body.has-post-navigation-message.page-id-34403 > div.wrap[role="document"] {
		margin-top: 0;
	}

} /* end max-HEIGHT 600px */


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

	body .annualreport .annualreport-hero .side-navigation .content h1 {
    	font-size: 49px !important;
	    line-height: 51px !important;
	}

	body .annualreport .annualreport-hero .side-navigation .content h1 .year {
	    font-size: 84px !important;
    	line-height: 74px !important;
	}

	/* oveerrides post-navigation-message top margin */
	body.has-post-navigation-message.template-annualreport > div.wrap[role="document"],
	body.has-post-navigation-message.page-annualreport-data > div.wrap[role="document"],
	body.has-post-navigation-message.page-id-34403 > div.wrap[role="document"] {
		margin-top: 0;
	}

} /* end 600px */


body .annualreport .annualreport-hero .side-navigation .content ul li {
    margin: 1vh 0 !important;
}


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

	.template-annualreport .people-group .col_person {
		width: 100% !important;
	}

} /* end 500px */



@media only screen and (min-width: 576px) {

    .annualreport-mobile-nav-footer {
        max-width: unset !important;
    }

} /* end MIN-width 576px */