@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {box-sizing: inherit;}
html, body {overflow-x: hidden; width: 100%; position: relative;}
    body {padding: 0px; margin: 0px; box-sizing: border-box;background-color: #005495; font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased;}

.navbar-portalbar-alert {display: none !important;}
.navbar, .navbar-portalbar-external {margin-bottom: 0; border: 0; background: rgb(0,84,149)!important; border-radius: 0 !important;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-text {color: #fff;}
.navbar-inverse .navbar-text {font-family: Roboto, sans-serif !important;}

.hidden-header {display: none;}
.clearall {visibility: hidden; font-size: 1px; line-height: 1px; height: 1px; width: 90%; clear: both; margin: auto 0; padding: 1vh 1vw;}

.skip-link {background: #fff; height: 56px; left: 0%; top: 0; padding: 12px; position: absolute; transform: translateY(-100%); transition: transform 0.3s; z-index: 3000; font-weight: bold; font-size: 24px;}
  
.skip-link:focus {transform: translate(0); z-index: 10000; border: 3px solid red;}

.cpe-alert {background: linear-gradient(180deg, rgba(160,4,28,1) 0%, rgba(196,18,46,1) 100%); margin: 0; padding: 0; text-align: center; /*position: relative;*/}
.cpe-alert p {margin: 0; padding: 1vh 1vh;  color: #fff; font-weight: bold; font-size: 16px;}
.cpe-alert a {color: #fff;}

header {background-image: url(/_resources/images/template-images/header-bg.jpg); background-repeat: repeat-x; background-color: rgb(0,50,89); background-position: top;}

header a #cpelogo {width: auto !important; height: /*80px*/ calc(80px + 3vh) !important; float: left; padding: 10px; }

header #cpetitle {position: absolute; left: -9999em;}

@media only screen and (min-width: 1251px) {
#btnmenu {display: none;}

nav :link{text-decoration: none;}
nav :link:focus {outline: 2px solid rgba(34, 95, 215, 0.3);-moz-outline-radius: 3px;}
nav :link:hover, :link:focus {text-decoration: underline;}
nav :link:active,:link:hover {outline: 0;}

.sr-only {width: 1px;height: 1px;margin: 0 -1px -1px 0;overflow: hidden;border: 0;padding: 0;position: absolute;}

.nav-menu {display: block; position: relative; top: /*25px*/12px; list-style: none; margin:0; /*padding: 5vh 0 0 0;*/ z-index: 15;}


.nav-menu ul {vertical-align: bottom;font-size: 10px;}
.nav-menu li {list-style-type: none; margin: 0; padding: 0;}
.nav-menu li ul {font-size: 10px;}
.nav-menu li ul li {font-size: 1.75em; color: /*#005495*/#000; padding-bottom: 1em; font-weight: bold;}
.nav-menu li ul li ul {font-size: 10px;}
.nav-menu li ul li ul li {padding-bottom: 0; color: #333; font-size: .75em; font-weight: normal;}

.nav-menu, .nav-menu li ul, .nav-menu li ul li ul {font-size: 10px;}

.nav-menu li a {display:block; text-decoration: none;font-size: calc(18px + .75vw) /*2.2em*/; font-weight: bold; color: #fff;}
.nav-menu li li, .nav-menu li li a {font-size: 16px;}
.nav-menu li li li a {color: #333; font-weight: normal;}

.nav-item {list-style: none;display: inline-block;padding: 0;margin: 0;}
.nav-item > a {position: relative; display: inline-block; padding: .5em .5em 0 .5em; margin: 0 .25em -1px .25em;}
.nav-item > a.open {background-color: #fff; color: #005495; border-bottom: none;z-index: 1;}
.nav-item ul li ul li {padding: 1em 0;}

.sub-nav {position: absolute;display: none;left: 0; z-index: 1972; margin: -1px 2vw 0 2vw; width: 96vw; min-height: 50vh; padding: 2vh 2vw 2vh 15vw; background: #fff; border-bottom: 5px solid #ccc;
background-position: 1vw 2vh; background-size: 13vw auto; background-repeat: no-repeat; border-bottom: 10px solid #fff;
-webkit-box-shadow: 0 12px 12px -12px #333; -moz-box-shadow: 0 12px 12px -12px #333; box-shadow: 0 12px 12px -12px #333;}

li#aboutmenu .sub-nav {background-image: url(/_resources/images/template-images/aboutus-menu.jpg);}
li#workmenu .sub-nav {background-image: url(/_resources/images/template-images/ourwork-menu.jpg);}
li#newsmenu .sub-nav {background-image: url(/_resources/images/template-images/news-menu.jpg);}
li#datamenu .sub-nav {background-image: url(/_resources/images/template-images/data-menu.jpg);}
li#campusesmenu .sub-nav {background-image: url(/_resources/images/template-images/campuses-menu.jpg);}
li#studentmenu .sub-nav {background-image: url(/_resources/images/template-images/forstudents-menu.jpg);}

.sub-nav ul {vertical-align: top;margin: 0 1em 0 0;padding: 0;}
.sub-nav li {display: block;}
.sub-nav.open {display: block;-webkit-column-count: 3;-webkit-column-gap: 3em; -webkit-column-rule: 1px outset #eee; -moz-column-count: 3; -moz-column-gap: 3em; -moz-column-rule: 1px outset #eee; column-count: 3; column-gap: 3em;column-rule: 1px outset #eee;}

.nav-item ul li {break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column;}
}


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

.sub-nav {display: none;}
.sub-nav.open {display: block;}

#btnmenu {display: block; font-size: calc(12px + 1vw);position: absolute; right: 10px; top: 45px; padding: 5px; width: auto; min-height: 32px; background: #fff; border-radius: 5px;}

.menuOff {display: none;}    
.menuOn {display: block;}

#navmenu :link{text-decoration: none; outline: 0;}
#navmenu :link:focus {outline: 2px solid rgba(34, 95, 215, 0.3);-moz-outline-radius: 3px;}
#navmenu :link:hover, :link:focus {}
#navmenu :link:active, :link:hover {outline: 0;}

#navmenu {/*clear: both;*/ width:100%; height: auto; 
-moz-transition: left 1s ease; -webkit-transition: left .5s ease; 
margin: 0; padding: 0; list-style-type: none; background: white;
overflow-y: scroll !important;
-webkit-box-shadow: 0 12px 12px -12px #333; -moz-box-shadow: 0 12px 12px -12px #333; box-shadow: 0 12px 12px -12px #333;}

#navmenu ul, #navmenu ul li {list-style-type: none; margin: 0; padding: 0;}
#navmenu ul > li {font-size: /*18px*/ calc(18px + 1vw);}
#navmenu li.nav-item {border-bottom: 1px solid #ccc;}
#navmenu li.nav-item a {width: 95%;}
#navmenu ul li li {padding: 0;}
#navmenu li a {display: block; padding: 5px 10px; color: #005495; font-weight: bold;}
#navmenu li a:hover {text-decoration: underline;}

#navmenu li a.open { color:black;}
#navmenu li .open {border-left: 5px solid #ccc; padding-left: 5px;}
}

@media screen and (max-width: 350px){#btnmenu {top: 95px; z-index: 3001}}

#bannerimg {display: table; clear: both; height: 80vh; min-height: 600px; width: 100%; margin: 0; padding: 0; text-align: center; position: relative;background-position: center top; background-repeat: no-repeat; background-size: cover;}
#bannerimg-msg {display: table-cell; margin: 0 auto; padding: 0 15vw 50px 15vw; vertical-align: bottom; text-align: left;}
#bannerimg-msg h2, #bannerimg-msg p {margin: 0; background: rgba(0,0,0,.65);}
#bannerimg-msg h2 {padding: 15px 15px 0 15px; font-weight: bold; font-size: calc(18px + .75vw);}
#bannerimg-msg p {padding: 0 15px 15px 15px; font-size: /*18px*/calc(18px + .25vw);}
#bannerimg-msg a {color: #fff;}
#bannerimg-msg a:hover {text-decoration: underline;}
#bannerimg-msg span {white-space: nowrap;}
@media screen and (max-width: 1000px) {
	#bannerimg-msg {padding: 0 7vw 25px 7vw;}
	#bannerimg-msg h2 {font-size: 24px;}
	#bannerimg-msg p {font-size: 16px; font-weight: normal;}}
	
@media screen and (max-height: 600px){
	#bannerimg {min-height: 800px;}}

main {display: block; width: 100%; text-align: center; background: #fff;}

main #last-updated-bar {padding: 2vh 2vw;}
    main #last-updated-bar p {text-align: right; font-style: italic; font-size: 12px;}
    
footer {text-align: center; padding-bottom: 15px; background: rgb(0,84,149) !important; clear: both; color: #fff;}
    footer h3 {color: #fff; font-weight: bold; font-size: 24px; margin-bottom: .5em; background-color: #005495;}
	footer a {text-decoration: underline !important;}
    #footer-socialaddress {border-bottom: 1px solid #fff;  background-color: #005495;}
    #footer-socialaddress #social {margin-top: 1em;}
    #footer-socialaddress ul#social li { padding: 0 .5em 0 0;}
    #footer-socialaddress #social a img {display: inline-block; transition: all .2s ease-in-out;}
    #footer-socialaddress #social a:hover img {-webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);}
	#footer-socialaddress, #footer-kygov {padding: 10px 0; text-align: left; width: 70vw; margin: 0 auto; background-color: #005495;}
	#footer-socialaddress p, #footer-kygov p {text-align: left; color: #fff; padding: 0; margin: 0 0 5px 0; font-size: 85%; background-color: #005495;}
	#footer-socialaddress ul {margin: 0 0 5px 0; padding: 0;}
	#footer-kygov ul {margin: 1em 0 5px 0; padding: 0;}
	#footer-socialaddress ul li, #footer-kygov li {display: inline; text-decoration: none; padding: 0 1em 0 0;}
	#footer-kygov li {font-size: 85%;}
	#footer-socialaddress a, #footer-kygov a {color: white;  background-color: #005495;}
	#footer-socialaddress a.last:after, #footer-kygov a.last:after {content: none;}
    #footer-kygov img {display: block; float: left; min-height: 50px; min-width: auto; width: auto; height: 100px !important; background: #005495; margin-right: 1em;}
    @media (max-width: 1000px) {
	#footer-socialaddress {border-bottom: none;}
    #footer-kygov img {float: none; display: block; margin: 0;}
    #footer-socialaddress {width: auto; padding: 2vh 2vw 1vh 2vw;}
	#footer-kygov {width: auto; padding: 0 2vw;}
    }
	
/* blue linear-gradient(180deg, rgba(0,84,149,1) 0%, rgba(0,50,89,1) 100%) */
/* green linear-gradient(180deg, rgba(133,173,100,1) 0%, rgba(73,117,37,1) 100%) */
/* blue2 linear-gradient(180deg, rgba(0,159,214,1) 0%, rgba(0,90,120,1) 100%) */
/* orange linear-gradient(180deg, rgba(243,96,33,1) 0%, rgba(174,59,0,1) 100%) */
/* gold linear-gradient(180deg, rgba(227,150,23,1) 0%, rgba(178,115,10,1) 100%) */
/* purple linear-gradient(180deg, rgba(79,87,166,1) 0%, rgba(33,41,121,1) 100%) */
/* white-gray linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%)*/
/* teal linear-gradient(180deg, rgba(0,118,123,1) 0%, rgba(0,64,67,1) 100%) */

#featuresbar {text-align: center; padding: 2vh 0; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);}
	#featuresbar #featuresbar-holder {width: 70vw; margin: 0 auto;}
	@media screen and (max-width: 599px) {#featuresbar #featuresbar-holder {width: auto; padding: 0 2vw;}}
	
	#featuresbar #news {text-align: left; width: 73%; float: left;}
    
    @media screen and (max-width: 1000px){#featuresbar #news {float: none; width: auto;}}
    
	#featuresbar #news h2 {font-weight: bold; font-size: calc(24px + .5vw);}
    #featuresbar #news h3 {font-size: calc(18px + .5vw); margin-top: 0;}
	#featuresbar #news p {font-size: calc(16px + .5vw);}
    #featuresbar #news .newsfeature h3, #featuresbar #news .newsfeature p {margin-left: 220px;}
    
    @media screen and (max-width: 599px) {
    #featuresbar #news h3 {margin-top: 1em;}
    #featuresbar #news .newsfeature h3, #featuresbar #news .newsfeature p {margin-left: auto;}}
	
	#featuresbar .newsfeature {clear: left; padding: 2vh 2vw 2vh 0;}
    @media screen and (max-width: 599px){#featuresbar .newsfeature {padding: 2vh 0;}}
	#featuresbar .newsfeature img {float: left; width: 200px; height: 200px; margin-right: 20px;}
    #featuresbar .newsfeature p a {white-space: nowrap;}
    @media screen and (max-width: 599px) {#featuresbar .newsfeature img {float: none; width: 100%; height: auto; margin-right: 0;}}

	#featuresbar #calendar {float: right; width: 25%; padding-left: 2%; text-align: left; border-left: 1px solid #ccc;}
    @media screen and (max-width: 1000px) {#featuresbar #calendar {float: none; width: auto; padding-left: 0; border: 0; border-top: 1px solid #ccc;}}
    #featuresbar #calendar h2 {font-weight: bold; font-size:  calc(24px + .5vw);}
    #featuresbar #calendar p {font-size: calc(16px + .5vw);}
	#featuresbar #calendar dl {margin: 0; padding: 0;}
	#featuresbar #calendar dl dt {font-size: calc(16px + .5vw); padding: .5vh 0;}
    #featuresbar #calendar dl dd {font-size: calc(16px + .5vw); padding: 0 0 .5vh 0;}
	#featuresbar #calendar dl dd a {display: block;}
	#featuresbar #calendar ul {list-style-type: none; margin: 0; padding: 0;}
	#featuresbar #calendar ul li {font-size: calc(16px + .5vw); padding:  0 0 .5vh 0; font-weight: bold; border-bottom: 1px solid #ccc; margin-bottom: .5em;}
	#featuresbar #calendar ul li li {font-weight: normal; border-bottom: none;}

	#featuresbar #calendar ul#podcastlist {padding-bottom: 20px;}
	#featuresbar #calendar ul#podcastlist li, #featuresbar #calendar ul#podcastlist li img {display: inline-block; border-bottom: none;}
	

.homepage-section {padding: 2vh 0; text-align: center; margin: 0;}
@media screen and (max-width: 599px){.homepage-section {padding: 2vh 2vw;}}
.homepage-section h2 {font-size: calc(24px + .5vw); font-weight: bold; text-align: center;}
.homepage-section h3 {font-size: calc(18px + .5vw);}
.homepage-section p {font-size: calc(16px + .5vw);}


#listeningtour {background: /*linear-gradient(180deg, rgba(0,50,89,1) 0%, rgba(0,0,0,1) 100%)*/linear-gradient(180deg, rgba(0,84,149,1) 0%, rgba(0,50,89,1) 100%);}
	#listeningtour #listeningtour-holder {width: 70vw;margin: 0 auto; min-height: 350px; text-align: left;}
	#listeningtour #listeningtour-holder img {float: right; max-width: 300px; height: auto; width: auto;}
	#listeningtour #listeningtour-holder p {margin-right: 305px;}
	@media screen and (max-width: 1000px) {#listeningtour #listeningtour-holder img {max-width: 250px;}#listeningtour #listeningtour-holder p {margin-right: 255px;}}
	@media screen and (max-width: 800px) {#listeningtour #listeningtour-holder img {display: block; float: none; width: 80%; max-width: auto; height: auto; text-align: center; margin: 0 auto;} #listeningtour #listeningtour-holder p {margin-right: auto;}}
	#listeningtour #listeningtour-holder h2, #listeningtour #listeningtour-holder p, #listeningtour #listeningtour-holder a {color: #fff; text-align: left;}
	#listeningtour #listeningtour-holder p.listeningtour-sub {border-top: 1px solid #e39617; color: #fff; max-width: 70%;}
	@media screen and (max-width: 1000px) {#listeningtour #listeningtour-holder p.listeningtour-sub {border-top: 0; max-width: auto;}}

#bythenumbers {background: linear-gradient(180deg, rgba(227,150,23,1) 0%, rgba(178,115,10,1) 100%);}
	#bythenumbers #bythenumbers-holder {width: 70vw; margin: 0 auto; background-image: url(/_resources/images/template-images/kybgblack.png); background-repeat: no-repeat; background-position: center; background-size: contain; min-height: 300px;}
    @media screen and (max-width: 1000px) {#bythenumbers #bythenumbers-holder {width: auto;padding: 0 2vw; overflow-x: scroll;}}
    #bythenumbers h2 {color: #fff;}
    #bythenumbers .stats {margin: 0 auto; list-style-type: none; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr);/*grid-template-rows: repeat(2, 1fr);*/ width: 100%; }
    #bythenumbers .stats li {list-style-type: none; margin: 0; padding: 2vh 0; color: #fff;}
    #bythenumbers .stats li a {color: #fff; display: block; padding: 1vh 1vw; transition: background ease 1s;}
    #bythenumbers .stats li a:hover {background: rgba(0,0,0,.5);}
    #bythenumbers .stats span {display: block;}
    #bythenumbers .stats span.number {font-size: calc(36px + 3vw); font-weight: 900; line-height: 1;}
    #bythenumbers .stats span.numbertext {font-size: calc(18px + .5vw); line-height: 1;}
    #bythenumbers .stats hr {border-color: white;}
		
		
#progress {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);}
	#progress #progress-holder {width: 70vw; margin: 0 auto;}
    @media screen and (max-width: 1000px) {#progress #progress-holder {width: auto; padding: 0 2vw}}
	#progress h2 {color: #333; font-weight: bold;}
	#progress h3 {text-align: left; margin-top: 2em; color: #333}
	#progress p {text-align: left; color: #333;}
	#progress img {width: 100% !important; height: auto; border: 2px solid #fff;}
    #progress figcaption {text-align: left; font-style: italic; padding-top: .5em;}
    #progress table {width: 100%; text-align: center; margin: 0 auto 2em 0;}
    #progress table th, #progress table td {text-align: center;  border: 1px solid #ccc;}
    #progress table th {font-size: calc(16px + .5vw);}
    #progress table td {font-size: calc(24px + 2vw); font-weight: 900;}
    @media screen and (max-width: 599px){
    #progress table th {font-size: 16px; font-weight: normal;}
    #progress table td {font-size: calc(24px + .5vw);}
    }


#datapromo {text-align: center; margin: 0; padding: 4vh 0; background: linear-gradient(180deg, rgba(243,96,33,1) 0%, rgba(174,59,0,1) 100%);}
	#databutton {display: inline-block; font-size: /*30px*/ calc(24px + .5vw); font-weight:bold;  color: #fff;}
	#databutton a {display: block; padding: 20px 40px 20px 80px; color: #fff; background-image: url(/_resources/images/template-images/datapromo.png); background-repeat: no-repeat; background-size: auto 46px; background-position: 30px center;border: 2px solid #fff; transition: background-color ease 1s;}
	#databutton a:hover, #databutton a:focus {text-decoration: none;  background-color: rgba(0,0,0,.7);}
    @media screen and (max-width: 499px){
    #databutton a {padding: 20px 40px; background-image: none;}
    }
	

#president {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);}
	#president #president-holder {width: 70vw; margin: 0 auto;}
    @media screen and (max-width: 1000px) {#president #president-holder {width: auto; padding: 0 2vw}}
	#president h3 {font-weight: bold; margin-top: 0;}
    #president #presphoto {float: left; width: 30%;}
    @media screen and (max-width: 799px) {#president #presphoto {float: none; width: 100%; max-width: 350px; margin: 0 auto;}}
    #president #presphoto figcaption {font-size: calc(16px + .25em); color: #333; padding: 1vh 1vw;}
    #president #presphoto img {width: 100%; height: auto;}
    #president #prescolumn {margin-left: 33%;}
    @media screen and (max-width: 799px) {#president #prescolumn {margin: 0 auto;}}
    #president #prescolumn blockquote, #president #prescolumn p {text-align: left;}
    #president #prescolumn blockquote{border: 0; font-size: calc(18px + .5vw); text-indent: -0.25em; padding: 0;}
    
    
#blogpromo {text-align: center; margin: 0; padding: 4vh 0; background: linear-gradient(180deg, rgba(0,159,214,1) 0%, rgba(0,90,120,1) 100%);}
	#blogbutton {display: inline-block; font-size: /*30px*/ calc(24px + .5vw); font-weight:bold;  color: #fff;}
	#blogbutton a {display: block; padding: 20px 40px 20px 80px; color: #fff; background-image: url(/_resources/images/template-images/presmsgpromo.png); background-repeat: no-repeat; background-size: auto 46px; background-position: 30px center;border: 2px solid #fff; transition: background-color ease 1s;}
	#blogbutton a:hover, #blogbutton a:focus {text-decoration: none; background-color: rgba(0,0,0,.7);}
    @media screen and (max-width: 499px) {
    #blogpromo a {padding: 20px 40px; background-image: none;}
    }

#campuspromo {text-align: center; margin: 0; padding: 4vh 0; background: linear-gradient(180deg, rgba(0,159,214,1) 0%, rgba(0,90,120,1) 100%);}
	#campusbutton {display: inline-block; font-size: /*30px*/ calc(24px + .5vw); font-weight:bold;  color: #fff;}
	#campusbutton a {display: block; padding: 20px 40px 20px 80px; color: #fff; background-image: url(/_resources/images/template-images/campus-icon.png); background-repeat: no-repeat; background-size: auto 46px; background-position: 30px center;border: 2px solid #fff; transition: background-color ease 1s;}
	#campusbutton a:hover, #blogbutton a:focus {text-decoration: none; background-color: rgba(0,0,0,.7);}
    @media screen and (max-width: 499px) {
    #campuspromo a {padding: 20px 40px; background-image: none;}
    }	

    
#agenda {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);}
	#agenda #agenda-holder { padding: 4vh 0; width: 70vw; margin: 0 auto; text-align: left;}
	@media screen and (max-width:1279px){#agenda #agenda-holder {width: 95vw;}}
	#agenda #agenda-holder h2 {padding-bottom: 2vh; font-weight: bold;}
	#agenda #agenda-holder p {/*font-size: 16px;*/ margin-bottom: 2vh;}

	#priorities {text-align: left;  padding: 0 0 2vh 0;}
    #priorities p {font-size: 18px;}
    #priorities ul {text-align: center;margin: 0; padding: 0; list-style-type: none;}
    #priorities li {display: inline-block; font-size: calc(18px + 1vw); font-family: Arial; font-weight: 700; text-transform: uppercase; 
    background-repeat: no-repeat; background-position: center top; background-size: 3em 3em; padding: 3.2em 1em .25em 1em; margin: 0;}
    #priorities li.value {background-image: url(/_resources/images/template-images/pr-value.png);color: #f36021;}
    #priorities li.value a {color: #f36021;}
    #priorities li.affordability {background-image: url(/_resources/images/template-images/pr-affordability.png);color: #85ad64;}
    #priorities li.affordability a {color: #85ad64;}
    #priorities li.success {background-image: url(/_resources/images/template-images/pr-success.png);color: #005495;}
    #priorities li.success a {color: #005495;}
    #priorities li.jobs {background-image: url(/_resources/images/template-images/pr-talent.png);color: #c4122e}
    #priorities li.jobs a {color: #c4122e}
    #priorities li.transitions {background-image: url(/_resources/images/template-images/pr-transitions.png);color: #4f57a6;}
    #priorities li.transitions a {color: #4f57a6;}
    #priorities li.equity {background-image: url(/_resources/images/template-images/pr-equity.png);color: #00d7e1;}
    #priorities li.equity a {color: #00d7e1;}
    
#roi {background: linear-gradient(360deg, rgba(73,117,37,1) 0%, rgba(101,145,65,1) 100%); border-bottom: 2vh solid #497525; color: #fff;}
	#roi h2 {padding-bottom: 2vh;}
	#roi #roi-holder {width: 70vw; padding: 4vh 0; margin: 0 auto; text-align: left;}
	@media screen and (max-width: 1279px) {#roi #roi-holder {width: 95vw;}}

	#roi #hemlogo {text-align: center;}
	#roi #hemlogo img {margin: 0 auto; height: calc(120px + 3vh) !important; width: auto !important;}
	#roi #hembutton {text-align: center; margin: 5vh 0;}
	
	#roi #hembutton a {display: inline-block; font-size: calc(18px + .5vw); font-weight:bold; background: /*rgba(0,0,0,.5)*/#003259; padding: 20px; transition: background ease 1s; color: #fff; border: 2px solid #fff;}
	#roi #hembutton a:hover, #roi #hembutton a:focus {background: #000; text-decoration: none;}

    #roi p {color: #fff; margin-bottom: 2vh;}
	#roi p a {color: #fff;}
	#roi #roi-items {list-style-type: none; clear: both; margin: 0; padding: 0; display: grid; grid-template-columns: 33% 33% 33%; column-gap: 1%; row-gap: 2%; align-items: stretch; font-size: 18px; font-weight: normal; color: #fff; text-align: left;}
	@media screen and (max-width: 800px){#roi #roi-items{grid-template-columns: 50% 50%;} #roi {padding-bottom: 6vh;}}
	@media screen and (max-width: 400px){#roi #roi-items{grid-template-columns: 100%; column-gap: 0; row-gap: 0;}}
	
	#roi #roi-items li {transition: background 1s; padding: 10px;}
	#roi #roi-items img {display: block; width: 100%; height: auto; overflow: hidden; object-fit: contain; object-position: center top;}
	#roi #roi-items span {display: block; margin: .25em 0;}
	#roi #roi-items strong {display: block; font-size: calc(18px + .5vw); font-weight: bold; color: #fff;}
	

@media print {
a[href]:after {content: none !important;}
#cpelogo {display: none;}
header {min-height: auto; margin: auto; padding: 0;}
header #cpetitle {position: static; left: auto; font-size: 24px; font-weight: 400; margin-top: 1em;}
nav, #btnmenu, #breadcrumb, footer, #datapromo, #blogpromo {display: none;}
#bannerimg {display: block; clear: both; height: auto; min-height: auto; width: 100%; margin: 0; padding: 0; text-align: center; position: static; background-image: none;}
#bannerimg-msg {display: block; margin: auto; padding: 0;  text-align: left;}
#featuresbar {padding: 0; background:transparent;}
	#featuresbar #featuresbar-holder {width: auto; margin: auto;}
	#featuresbar #news {text-align: left; width: auto; float: none;}
    #featuresbar #calendar {float: none; width: auto; padding-left: 0; text-align: left; border-left: 0;}
.homepage-section {padding: 0; text-align: left; margin: auto;}
.homepage-section h2, h2 {text-align: left; clear: both;}
#bythenumbers {background: transparent;}
	#bythenumbers #bythenumbers-holder {width: auto; margin: auto; background: transparent; min-height: auto;}
    #bythenumbers #stats {margin: auto; list-style-type: disc; padding: 0 2em 0 0; display: block;}
    #bythenumbers #stats li {list-style-type: disc; margin: auto 2em; padding: 0 2em 0 0; color: #000;}
    #bythenumbers #stats li a {color: #005495; display: block; padding: 0;}
    #bythenumbers #stats span {display: inline;}
    #bythenumbers #stats span.number {font-size: 18px; font-weight: normal; line-height: normal}
    #bythenumbers #stats span.number::after {content: " - ";}
    #bythenumbers #stats span.numbertext {font-size: 18px; line-height: normal;}
#progress {background: transparent;}
	#progress #progress-holder {width: auto; margin:auto;}
#president {text-align: left; margin: 0;background: none;}
	#president #president-holder {width: auto; margin: auto;}
#agenda {background: transparent;}
	#agenda #agenda-holder {padding: 0; width: auto; margin: auto; text-align: left;}
    #priorities ul, #priorities li {margin: 0 0 0 2em; list-style-type: disc;}
    #priorities ul {text-align: left; margin: auto; padding: 0;}
    #priorities ul::before {content: "Strategic Agenda Priorities"; display: block; font-size: 18px; font-weight: bold;}
    #priorities li {display: block; list-style-type: disc; font-size: 18px; font-family: Roboto, sans-serif; font-weight: normal; text-transform: none; 
    background: transparent; padding: 0 0 0 2em;margin: 0 0 0 2em; color: #000;}
#roi {background: transparent; border-bottom: 0; color: #000;}
	#roi #roi-holder {width: auto; padding: 4vh 0; margin: 0 auto; text-align: left;}
    #roi #roi-holder h2 img {display: none;}
	#roi #roi-holder h2 span {position: static; left: auto;}
}