/*-----------------------------------------------

Variables

------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@400;500;700&family=Roboto+Slab:wght@400;700&display=swap');


:root {
	--mpoyellow: #f1bc18;
	--mpoteal: #1ebdbd;
	--mpoblue: #1d386c;
	--mpopurp: #5f84c3;
	--mpobaby: #65c9e8;
	--mpogrey: #bacecc;

	--sans-font: 'Commissioner', Helvetica, Arial, sans-serif;
	--serif-font: 'Roboto Slab', Georgia, Times, serif;
}

/*-----------------------------------------------

Bootstrap Resets

------------------------------------------------*/

body {
 font-size: 16px;
}

.navbar {
	border: none;
	border-radius: 0;
	padding: 0;
}

.navbar-nav {
	flex-direction: row;
}

.navbar-nav .dropdown-menu {
	position: absolute;
}

.dropdown-toggle::after {
	display: none;
}

.container-fluid {
	min-width: 100%;
}



/*-----------------------------------------------

Fonts & Icon Fonts

------------------------------------------------*/

/*-----------------------------------------------
//font-family: 'Montserrat', Helvetica, Arial, sans-serif;
//font-family: 'Roboto Slab', Georgia, serif;
------------------------------------------------*/


@font-face {
	font-family: "socicon";
	src: url("../webfonts/socicon.eot");
	src: url("../webfonts/socicon.eot?#iefix") format("embedded-opentype"),
		url("../webfonts/socicon.woff") format("woff"),
		url("../webfonts/socicon.ttf") format("truetype"),
		url("../webfonts/socicon.svg#socicon") format("svg");
	font-weight: normal;
	font-style: normal;
}


[data-icon]:before {
	font-family: "socicon" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="socicon-"]:before,
[class*=" socicon-"]:before {
	font-family: "socicon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.socicon-twitter:before {
	content: "\e040";
}

.socicon-facebook:before {
	content: "\e041";
}

.socicon-googleplus:before {
	content: "\e042";
}

.socicon-youtube:before {
	content: "\e051";
}

.socicon-linkedin::before {
	content: "\e049";
}



.top-menu .socicon-button [class^="socicon-"],
.top-menu .socicon-button [class*=" socicon-"] {
	font-size: 1em;
}

.top-menu a.pure-button.socicon-button {
	border-right: none;
}


.top-menu .socicon-button {
	border-radius: 50%;
	background-color: #FFFFFF;
	color: var(--mpoyellow);
	width: 30px;
	height: 30px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
}

.social .socicon-button {
	border-radius: 50%;
	background-color: #FFFFFF;
	color: var(--mpopurp);
	width: 30px;
	height: 30px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
}


.top-menu li:last-child {
	border-left: 1px solid #FFFFFF;
	padding-left: 8px;
}


.social {
	margin-top: 40px;
	display: flex;
}


.social a {
	color: #FFFFFF;
	padding: 4px 6px;
	display: inline-block;
}

.social a:hover {
	text-decoration: none;
}



/*-----------------------------------------------

Additional Helper Classes

------------------------------------------------*/

.col-centered {
	float: none;
	margin-right: auto;
	margin-left: auto;
}

.padless {
	padding: 0;
}

.row-fluid {
	width: 100%;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/*-----------------------------------------------

Sitewide Styles

------------------------------------------------*/


body {
	overflow-x: hidden;
	font-family: var(--serif-font);
}


h1, h2, h3, h4, h5, h6 {
	font-family: var(--sans-font);
}


a,
a:visited,
a:focus {
	outline: none;
	text-decoration: none;
}


p {
	margin-bottom: 20px;
	line-height: 1.5em;
}

.section-head {
	font-family: var(--sans-font);
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0;
	font-size: 2.4em;
	font-weight: bold;
}

.ss-head {
	font-family: var(--sans-font);
	color: var(--mpoblue);
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 16px;
}


.bluebg01 {
	background-color: var(--mpoteal);
}

.bluebg02 {
	background-color: var(--mpoblue);
}


.section-head+a {
	text-transform: uppercase;
	margin: 8px 0 32px 0;
	display: inline-block;
	font-weight: bold;
	color: var(--mpoblue);
	text-decoration: underline;
	font-family: var(--sans-font);
}

.bluebg02 .section-head+a {
	color: #00B9E2;
}


.lp-header {
	width: 100%;
	background-color: #f2f5ee;
}

.lp-header h1 {
	color: var(--mpoblue);
	text-transform: uppercase;
	font-size: 2.6em;
	padding: 12px 0;
	display: inline-block;
}

.lp-content h3 {
	font-family: var(--sans-font);
	color: var(--mpoblue);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.6em;
	margin-top: 0;
	margin-bottom: 16px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-numbers.current {
	background-color: var(--mpoblue);
	color: #FFFFFF;
}

ul.pagination {
	width: 100%;
}


/* Related Content */

.related-content {
	background-color: #e6e7e8;
	padding: 54px 0;
}

.related-content h3 {
	color: var(--mpoblue);
	margin: 0 0 34px;
}

.related-item {
	background-color: #FFFFFF;
	float: left;
	padding: 4%;
	margin-bottom: 18px;
}

.related-item {
	display: block;
	float: left;
	width: 100%;
}

.related-item img {
	display: block;
	float: left;
	width: 40%;
	max-width: 146px;
	margin-right: 4%;
}

.related-item h4 {
	margin: 0 0 4px;
	text-transform: uppercase;
	font-size: 1em;
}

.related-item p {
	color: #58595b;
	line-height: 1.2em;
	font-size: 0.938em;
	margin-bottom: 0;
}

.related-text {}

.single-post .subpage-content h1 {
	font-family: var(--sans-font);
	font-weight: bold;
	font-size: 2em;
	color: var(--mpoblue);
	margin: 0 0 8px 0;
}

.subpage-content h3 {
	color: var(--mpoblue);
	text-transform: uppercase;
	font-size: 1.8em;
	margin-top: 32px;
	font-weight: bold;
}





/*-----------------------------------------------
	Panels
	------------------------------------------------*/
.panel-title {
	color: var(--mpoblue);
	text-transform: uppercase;
	font-size: 1.313em;
	margin: 16px 0;
}

.panel-heading .accordion-toggle:after {
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings';
	/* essential for enabling glyphicon */
	content: "\e114";
	/* adjust as needed, taken from bootstrap.css */
	float: right;
	/* adjust as needed */
	color: grey;
	/* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\e080";
	/* adjust as needed, taken from bootstrap.css */
}



/*-----------------------------------------------

WYSIWYG Content 

------------------------------------------------*/
.subpage-content img {
	max-width: 100%;
	height: auto;
	display: block
}

.subpage-content li {
	margin-bottom: 12px;
}

/*-----------------------------------------------

Colors

SS Header blue #0074B7 

------------------------------------------------*/


/*-----------------------------------------------

Buttons

------------------------------------------------*/
.btn-link,
.std-btn {
	color: var(--mpoblue);
	background: #FFFFFF;
	text-transform: uppercase;
	padding: 6px 18px;
	font-size: 1em;
	font-weight: bold;
	transition: background-color 0.5s ease;
	display: inline-flex;
	border: 2px solid var(--mpoblue);
	border-radius: 50px;
}


.btn-link:hover,
.std-btn:hover {
	text-decoration: none;
	background-color: var(--mpoblue);
	color: #FFFFFF;
}

.std-btn.teal {
	color: var(--mpoteal);
	border-color: var(--mpoteal);
}

.std-btn.teal:hover {
	background-color: var(--mpoteal);
	color: #FFFFFF;
}


.std-btn.white {
	color: #FFFFFF;
	border-color: #FFFFFF;
}

.std-btn.white:hover {
	background-color: #FFFFFF;
	color: var(--mpoblue);
}


/*-----------------------------------------------

Header & Navigation

------------------------------------------------*/
#menu-close {
	display: block;
	text-align: right;
	padding-right: 12px;
	color: #FFFFFF;
	font-size: .8em;
	margin-bottom: 16px;
	font-weight: bold;
}


#menu-item-3221 a:before {
	font-family: "FontAwesome";
	content: "\f015";
	padding-right: 6px;
}

#menu-item-3222 a:before {
	font-family: "FontAwesome";
	content: "\f133";
	padding-right: 6px;
}

#menu-item-3227 a:before {
	font-family: "FontAwesome";
	content: "\f018";
	padding-right: 6px;
}

#menu-item-3223 a:before {
	font-family: "FontAwesome";
	content: "\f0b1";
	padding-right: 6px;
}

#menu-item-3224 a:before {
	font-family: "FontAwesome";
	content: "\f3c5";
	padding-right: 6px;
}

#menu-item-3225 a:before {
	font-family: "FontAwesome";
	content: "\e533";
	padding-right: 6px;
}

#menu-item-3226 a:before {
	font-family: "FontAwesome";
	content: "\e594";
	padding-right: 6px;
}

#menu-item-3226 a:before {
	font-family: "FontAwesome";
	content: "\f2bb";
	padding-right: 6px;
}

#menu-item-3228 a:before {
	font-family: "FontAwesome";
	content: "\f059";
	padding-right: 6px;
}

#menu-item-3229 a:before {
	font-family: "FontAwesome";
	content: "\2709";
	padding-right: 6px;
}

#menu-item-9567 a:before {
	font-family: "FontAwesome";
	content: "\f059";
	padding-right: 6px;
}

#menu-item-17966 a:before {
	font-family: "FontAwesome";
	content: "\f132";
	padding-right: 6px;
}

#menu-item-17967 a:before {
	font-family: "FontAwesome";
	content: "\f2db";
	padding-right: 6px;
}




.mobile-menu {
	font-family: var(--sans-font);
	width: 300px;
	height: 100%;
	height: 100vh;
	top: 0;
	right: -300px;
	z-index: 1000;
	position: fixed;
	background-color: var(--mpoblue);
	transition: all 0.3s;
	padding-top: 45px;
	overflow-y: scroll;
}


.mobile-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


.mobile-menu li {
	border-top: 1px solid #7f95ac;
	border-bottom: 1px solid #00346e;
	position: relative;
}

.mobile-menu li:hover {
	background-color: #7992ac;
}

.mobile-menu li a {
	padding: 14px;
	display: block;
	color: #FFFFFF;
	font-size: 1em;
}

.mobile-menu li a::before {
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 1em;
}

.mobile-menu a:hover {
	text-decoration: none;
}

.menu-open {
	right: 0;
}

.top-nav-wrap {
	display: flex;
	justify-content: end;
}

.burger-wrap {
	display: none;
	justify-content: end;
	align-items: center;
}

.burger-wrap span:first-child {
	color: #FFFFFF;
	font-size: .8em;
}

.top-nav {
	background-color: var(--mpoyellow);
	font-family: var(--sans-font);
	width: 100%;
	font-size: 0.875em;
	padding: 10px 0;
	font-weight: 500;
}

.top-menu li a {
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding: 2px 10px;
	display: inline-block;
}

.top-nav li:last-child a {
	border-right: none;
}

.top-menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.top-menu li {
	display: inline-block;
}


.logo {
	background-color: var(--mpoteal);
	padding: 0 30px;
}

.brand {
	display: block;
	padding: 22px 0;
}

.brand img {
	width: 100%;
	max-width: 420px;
}

.primary-nav {
	background-color: var(--mpoblue);
	margin-bottom: 0;
}

.primary-nav a {
	color: #FFFFFF;
}

.primary-nav .navbar-nav>li {
	height: 84px;
}

.primary-nav .navbar-nav>li>a {
	font-family: var(--sans-font);
	font-weight: 500;
	border-left: 1px solid var(--mpoteal);
	display: table;
	padding: 0 22px;
	height: 84px;
	transition: all 0.2s;
}

.primary-nav .navbar-nav>li>a{
	display: flex;
	align-items: center;
}


.primary-nav .current-menu-item span {
	padding-bottom: 4px;
	border-bottom: 4px solid var(--mpoyellow);
}

.primary-nav .navbar-nav>li>a>span {

}

.primary-nav .navbar-nav>li>a:hover {
	color: #00346F;
}

.primary-nav .navbar-nav>li:last-child>a {
	border-right: 1px solid #4f6f94;
}

button.navbar-toggler {
	background: none;
	border: none;
}


.navbar-toggler .icon-bar {
	background-color: #FFFFFF;
    display: block;
    width: 32px;
    height: 2px;
    border-radius: 1px;
	margin: 4px auto;
}

.primary-nav .dropdown-menu {
	background-color: #ffffff;
	border-radius: 0;
	box-shadow: none;
}

.nav>li>a:focus,
.nav>li>a:hover {
	background-color: #FFFFFF;
	color: #00346F;
}

#google_translate_element {
	font-size: 0.875em !important;
}

.goog-te-gadget {
	color: #FFFFFF !important;
}

.goog-te-gadget-simple {
	background-color: transparent !important;
	border: none !important;
}

.goog-te-gadget-simple .goog-te-menu-value {
	color: #FFFFFF !important;
}

.goog-te-menu-value {
	padding-left: 0px !important;
}

.goog-te-menu-value * {
	color: #FFFFFF !important;
	border-color: #FFFFFF !important;
}

.goog-te-menu-value:hover {
	text-decoration: none;
}

.language-select {
	margin-left: 16px;
}

.language-select span {
	margin-left: 8px;
}

.main-search {
	color: #FFFFFF;
}

.main-search .glyphicon-search {
	margin-right: 8px;
}

.navsearch .search-form {
	text-align: center;
	color: #00346F;
}

.navsearch label {
	width: 75%;
}

.navsearch .search-submit {
	color: #FFFFFF;
	background-color: #00346f;
	border: none;
	text-transform: uppercase;
	padding: 10px;
}

.navsearch .screen-reader-text {
	display: none;
}

.search-field {
	width: 100%;
	padding: 10px;
}

.header-search {
	display: flex;
    justify-content: end;
    align-items: center;
}

.header-search form {
	position: relative;
}

.header-search .search-field {
	width: 100%;
	height: 3.6rem;
	background: #f5f5f5;
	outline: none;
	border: none;
	border-radius: 1.625rem;
	padding: 0 3.5rem 0 1.5rem;
	font-size: 1em;
	font-weight: normal;
}

.header-search button {
	background: 0 0;
    color: #0c4c6f;
	border: 0;
	position: absolute;
	top: .3em;
    right: 0.35em;
}

.header-row {
	display: flex;
	align-items: center;
}


.primary-nav {
	padding: 0 30px;
}


/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
	position: static;
}

.yamm .container {
	position: relative;
}

.yamm .dropdown-menu {
	left: auto;
}

.yamm .yamm-content {
	padding: 20px 30px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0;
}


.dropdown:hover .dropdown-menu {
	display: block;
}


.primary-nav .hover a {
	color: #00346F;
	background-color: #ffffff;
}

.primary-nav .dropdown-menu {
	border: none;
	background-color: #FFFFFF;
	padding: 24px;
}

.primary-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.primary-nav>.dropdown-menu ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

.primary-nav .dropdown-menu ul li {
	margin-bottom: 10px;
	padding-left: 18px;
	position: relative;
	font-size: 1.1em;
}

.primary-nav .dropdown-menu ul li a {
	color: #00346F;
}

.primary-nav .dropdown-menu li::before {
	content: "\f105";
	font-family: 'FontAwesome';

	color: #f3c813;

	position: absolute;
	left: 0;
	top: 0;
	transition: all .2s ease-in-out;

}

.primary-nav .dropdown-menu li:hover:before {
	left: 3px;
}

.sub-list {
	width: 33%;
	float: left;
}

.column-list-js {
	list-style-type: none;
	padding: 0;
}

.column-list-js ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 33%;
}

.column-list-js li {
	line-height: 1.5em;
}


#s {
	width: 70%;
	background: transparent;
	color: #000000;
	font-weight: 400;
	font-size: 20px;
	padding: 5px;
	font-family: var(--sans-font);
}

/*-----------------------------------------------

Footer

------------------------------------------------*/

.foot-newsletter {
	text-align: right;
}

.foot-newsletter #gform_2 {
	display: flex;
	justify-content: flex-end;

}

.foot-newsletter #gform_wrapper_2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.foot-newsletter .gform_wrapper {
	margin: 0;
}

.foot-newsletter #gform_submit_button_2 {
	background-color: var(--mpoteal);
	color: #FFFFFF;
	text-transform: uppercase;
	border: none;
	padding: 4px 6px;
}

.foot-newsletter .validation_error {
	display: none;
}

.foot-newsletter .validation_message {
	font-size: 0.750em !important;
	color: #FFFFFF !important;
}

.foot-newsletter .gform_title {
	color: #FFFFFF;
	margin: 0 !important;
	font-size: 1em !important;
	font-weight: normal !important;
}

.foot-newsletter .gform_heading {
	width: 100%;
    margin: 0 23px 8px;
}

.foot-newsletter .gfield_label {
	display: none !important;
}


.social-bar {
	background-color: var(--mpopurp);
	padding: 24px;
}

.social-bar .social {
	margin-top: 6px;
}

.social-bar .social-icon {
	color: #FFFFFF;
	margin-right: 12px;
}

.social-bar a:hover {
	text-decoration: none;
}

.social-bar label {
	color: #FFFFFF;
	margin-right: 10px;
}

.social-bar .submit {
	background-color: #00B9E2;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.813em;
	border: none;
	padding: 6px 12px;
}


footer {
	background-color: var(--mpoblue);
	padding: 24px 0 0;
	
}

footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
}

footer li {
	list-style-type: none;
}

footer a {
	color: #FFFFFF;
}

footer a:hover {
	color: #FFFFFF;
}


footer ul li:first-child {
	border-bottom: 1px solid #c8c8c8;
	padding-bottom: 3px;
}



footer ul li:first-child a {
	font-weight: bold;
	font-family: var(--sans-font);
	text-transform: uppercase;
}


footer ul li {
	margin-bottom: 6px;
}

.copyright {
	background-color: var(--mpoteal);
	margin: 24px 0 0;
	padding: 18px 0;
	color: #FFFFFF;
}

.copyright p {
	margin: 0;
	font-size: 0.8em;
}



/*-----------------------------------------------

2022 Heros

-----------------------------------------------*/
.d-flex {
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-items-center {
	align-items: center;
}


.img-responsive {
	width: 100%;
}

.hero {
	width: 100%;
	background-color: #f2f5ee;
	min-height: 650px;
	position: relative;
}

.hero h1 {
	font-family: var(--sans-font);
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	background: transparent url('../heros/images/title-bg.png') no-repeat;
	background-size: 100% 100%;
	min-width: 200px;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	padding: 15px 15px 15px 50px;
	margin: 0;

}


.hero img.main-layer {
	position: relative;
	width: 100%;
}

.ani-icon {
	position: absolute;
	width: 27%;
	z-index: 10;
}

.image-content {
	width: 100%;
	height: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}

.text-container {
	z-index: 101;
	position: absolute;
	min-width: 60%;	
	max-width: 850px;
	background: transparent url('../heros/images/hero-plans-textbg.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	top: 42%;
}






.text-content {
	padding: 60px 60px 60px 40px;
}

.text-content h3 {
	color: var(--mpoblue);
	font-family: var(--sans-font);
	font-weight: bold;
	font-size: 1.5em;
	margin-top: 0;
	text-transform: uppercase;
}


/* HERO HOME */

.hero-home {
	background-color: var(--mpogrey);
	min-height: 0;
}

.hero-home .text-container {
	display: none;
}

#flyingtaxi {
	right: 21%;
	top: 11%;
	width: 13%;
}

#train {
	width: 50%;
	left: -8%;
	top: 70%;	
}


#smartcar {
	width: 13%;
	left: 14%;
	top: 24%;	
}


/* HERO 01 */

.hero-01 {

}

.hero-01 .text-container {
	background-image: url('../heros/images/hero01/hero-01-textbg.png');
}

#bus {
	right: 51%;
	top: 9%;
	width: 27%;
}

#biker {
	width: 14%;
	left: 3%;
	top: 15%;
}


#bpplans {
	right: 10%;
	top: 52%;
	width: 18%;
}


#money {
	right: 4%;
	width: 15%;
	top: 25%;
}

/* HERO 02 */

.hero-02 {

}

.hero-02 .text-container {
	background-image: url('../heros/images/hero02/hero-02-textbg.png');
}

#bird {
	width: 8%;
	left: 21%;
	top: 2%;	
}

#motherchildren {
	width: 9%;
	left: 45%;
	top: 11%;
}

#crashedcars {
	width: 30%;
	right: 3%;
	bottom: 20%;
}

/* HERO 03 */

.hero-03 {
	min-height: 750px;
}

.hero-03 .text-container {
	background-image: url('../heros/images/hero03/hero-03-textbg.png');
}

#microphone {
	width: 10%;
	left: 4%;
	top:6%;	
}

#clockcalendar {
	width: 18%;
	right: 5%;
	top: 52%;	
}

/* HERO 04 */

.hero-04 .text-container {
	background-image: url('../heros/images/hero04/hero-04-textbg.png');
	top: 52%;
}

#lips {
	width: 14%;
	left: 3%;
	top:16%;	
}

#schoolbus {
	width: 28%;
	left: 17%;
	top: 28%;	
}

#megaphone {
	width: 26%;
	right: 3%;
	bottom: 10%;	
}

/* HERO 05 */

.hero-05 .text-container {
	background-image: url('../heros/images/hero05/hero-05-textbg.png');
}

.hero-05 {
	background-color: var(--mpoteal);
}

#scales {
	width: 14%;
	left: 3%;
	top:11%;	
}

#car {
	width: 18%;
	right:28%;
	top: 22%;	
}

#shakinghands {
	width: 24%;
	right: 8%;
	bottom: 10%;	
}


/* HERO 06 */

.hero-06 .text-container {
	background-image: url('../heros/images/hero06/hero-06-textbg.png');
}

#folderchart {
	width: 18%;
	left: 5%;
	top:4%;	
}

#pinhere {
	width: 15%;
	right: 17%;
	top: 13%;	
}

#magnifychart {
	width: 22%;
	right: 10%;
	bottom: 8%;	
}

/* HERO 07 */

.hero-07 .text-container {
	background-image: url('../heros/images/hero07/hero-07-textbg.png');
}

#cargo {
	width: 18%;
	right: 8%;
	top: 16%;
}

#train02 {
	width: 45%;
	right:-10%;
	top: 68%;	
}


/* HERO 08 */

.hero-08 {
	background-color: var(--mpoteal);
}

.hero-08 .text-container {
	background-image: url('../heros/images/hero08/hero-08-textbg.png');
}

#two-people {
	width: 20%;
	left: 2%;
	top: 4%;	
}

#airplane-08 {
	width: 12%;
	left: 24%;
	top: 10%;
}

#van {
	width: 14%;
	left: 36%;
	top: 24%;
}

#lightbulb {
	width: 14%;
	left: 51%;
	top: 1%;	
}

/* HERO 09 */

.hero-09 .text-container {
	background-image: url('../heros/images/hero09/hero-09-textbg.png');
}

#sign-light {
	width: 13%;
	top: 3%;
	left: 45%;
}

#rocket {
	width: 9%;
	right: 6%;
	top: 14%;
}


/*-----------------------------------------------

Home Page

------------------------------------------------*/


.intro-grid .col-4 {
	position: relative;
}

.slidewrap {
	position: absolute;
	width: 67%;
	height: 67%;
	z-index: 500;
	overflow: hidden;
}

.bottom-right {
	right: 0;
	bottom: 0;
}

.bottom-left {
	left: 0;
	bottom: 0;
}

.top-right {
	top: 0;
	right: 0;
}

.top-left {
	top: 0;
	left: 0;
}

.gridbg {
	z-index: 250;
	display: inline;
	width: 100%;
}

.page-spotlight {
	padding: 46px 0;
	background-color: var(--mpogrey);
}

.page-spotlight.bgwhite {
	background-color: #FFFFFF;
}

/* HOME EVENTS */

.home-event-list {
	background-color: #FFFFFF;
	margin-bottom: 24px;
}

.home-event-list h2 {
	font-family: var(--sans-font);
	font-weight: bold;
	text-align: center;
	width: 100%;
	padding: 15px 0;
	margin: 0;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 1.2em;
	background-color: #afb7ba;
}

.home-event-list.board-meetings h2 {
	background-color: #1d386c;
}

.home-event-list.committee-meetings h2 {
	background-color: #e26026;
}

.home-event-list.other-meetings h2 {
	background-color: #98c93f;
}

.home-event-list.office-closures h2 {
	background-color: #ed2b5c;
}

.home-event-list.public-event h2 {
	background-color: #8a5c9d;
}

.home-event-item {
	margin: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #c1c1c1;
}

.home-event-item:last-child {
	border-bottom: none;
}

.home-event-item p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 10px;
}

.home-event-item .event-time {
	font-family: var(--sans-font);
	color: var(--mpoblue);
	font-weight: bold;
	margin-bottom: 0px;
}

.home-event-item .std-btn {
	margin-bottom: 6px;
}

.office-closures .home-event-item {
	margin: 0;
	padding: 15px;
}

.office-closures .home-event-item {
	border-bottom: none;
	border-right: 1px solid #c1c1c1;

}

.office-closures .home-event-item:last-child {
	border-right: none;
}


.event-spotlight {
	padding: 46px 0;
	background-color: var(--mpoteal);
}

.event-item {
	background-color: #FFFFFF;
	padding: 20px;
	margin-bottom: 24px;
}

.event-details {}

.event-details h3 a {
	font-family: var(--sans-font);
	color: var(--mpoblue);
	text-transform: uppercase;
	font-size: 1.313em;
	vertical-align: top;
	line-height: inherit;
	font-weight: 500;

}

.event-details p {
	text-transform: uppercase;
	font-size: 0.813em;
	margin: 3px 0 8px;
}

#tribe-events-content .event-item h3 {
	margin: 0;
}

#tribe-events-content a.std-btn {
    color: var(--mpoblue);

}

#tribe-events-content a.std-btn:hover {
    color: #FFFFFF;

}

.event-item h3 {
	margin: 0;
	font-size: 1.2em;
}

.event-date {
	font-family: var(--sans-font);
	background-color: var(--mpoblue);
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
	margin-right: 16px;
	float: left;
	min-width: 72px;

	position: relative;
}

.event-date .date-month {
	font-size: 1.375em;
	color: #FFFFFF;
	margin: 0 0 5px 0;
	line-height: 1em;
}

.event-date .date-day {
	font-size: 2.625em;
	background-color: #FFFFFF;
	color: var(--mpoblue);
	margin: 0;
}

.event-links {
	float: right;
}

.tribe-events-calendar .cat_board-meetings h3 a {
	color: #1d386c !important;
}

.tribe-events-calendar .cat_committee-meetings h3 a {
	color: #e26026 !important;
}

.tribe-events-calendar .cat_office-closures h3 a {
	color: #ed2b5c !important;
}

.tribe-events-calendar .cat_other-meetings h3 a {
	color: #6c8e2e !important;
}

#tribe-events-header .tribe-events-sub-nav li {
	display: block;
}

#tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next a {
	display: block;
}

.tribe-events-list .tribe-events-list-separator-month {
	font-size: 1.8rem;
}

h3.tribe-events-filters-group-heading {
	color: #0074B7 !important;
}

#tribe_events_filters_wrapper.tribe-events-filters-vertical {
	width: 100% !important;
}

#tribe_events_filters_toggle {
	display: none !important;
}

.tribe-events-list .type-tribe_events {
	padding: 0;
}

.type-tribe_events {
	padding: 0;
}

.tribe-events-single-event-description {
	margin-top: 8px;
}

#tribe-events-pg-template {
	width: 100%;
	max-width: none;
	padding: 0;
}

#tribe-events {
	padding: 0;
}

/* HOME NEWS */


.home-news {
	padding: 46px 0;
	background-color: var(--mpogrey);
}

.news-item {
	background-color: #FFFFFF;
}

.news-item h3 {
	font-family: var(--sans-font);
	font-size: 1em;
	font-weight: bold;
	color: var(--mpoblue);
	text-transform: uppercase;
	line-height: 1.5em;
	margin: 0 0 6px 0;
}

.news-item-text {
	padding: 20px;
}

.news-date {
	font-family: var(--sans-font);
	color: var(--mpobaby);
	font-weight: bold;
	margin: 0;
}

.news-img {
	position: relative;
	padding-bottom: 56.25%;
}

.news-img img {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;	
}

/* HOME STATS */

.home-stats {
	padding: 40px 0;
	background-color: #EDEDEE;
}

.stat-item {
	padding: 16px 12px 32px;
}

.stat-icon {
	float: left;
	margin-right: 12px;
	width: 120px;
	height: 120px;
}

.stat-info {
	float: left;
}

.stat-number {
	color: #00B9E2;
	font-size: 3.6em;
	font-weight: bold;
	margin: 0;
	line-height: 1;
}

.stat-text {
	color: #6D6E71;
	text-transform: uppercase;
	font-size: 1em;
	margin: 0;
	overflow: hidden;
}

.stat-border {
	border-left: 3px solid #D1D3D4;
	border-right: 3px solid #D1D3D4;
}


/*-----------------------------------------------

Section Landing Pages

------------------------------------------------*/

.lp-content {
	padding: 48px 0;
	background-color: var(--mpogrey);
}

.lp-sections {
	background-color: #f2f5ee;
	padding: 30px 0 120px;
	background: #f2f5ee url('../images/mpo-lp-pattern.png') repeat-x bottom left;
	background-size: 260px;
}

.lp-sections h3 {
	font-family: var(--sans-font);
	text-transform: uppercase;
}

.section-card {
	display: flex;
	flex-wrap: nowrap;
	padding: 0 2em;
	margin: 2em 0;
	text-decoration: none;
	width: 100%;
	text-align: left;
	align-items: center;
	min-height: 150px;
}

.section-card-wrap {
	border-bottom: 4px dotted var(--mpobaby);
	width: 50%;
}


.section-card-wrap:nth-child(odd) .section-card {
	border-right: 4px dotted var(--mpobaby);
}

.section-card-wrap:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}

.section-card-wrap:last-child {
	border-bottom: none;
}





.section-card-wrap:first-child {

}

.section-card > a {

}

.section-card h3 {
	color: var(--mpoblue);
	font-size: 1.2em;
	margin: 0 0 5px;
	font-weight: bold;
}

.section-card p {
	color: #000000;
	margin: 0 0 10px;
}

.section-card__icon {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	text-align: center;
	padding-right: 3rem;
}

.section-card__icon img {
	margin: 0 auto;
	max-width: 100%;
	max-height: 120px;
}

.section-card__text {
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.lp-callout {
	padding: 48px 0;
	background-color: var(--mpoteal);
}

.lp-callout h2 {
	font-family: var(--sans-font);
	font-size: 2em;
	line-height: 1.2em;
	color: var(--mpoblue);
}

.two-col {
	padding: 54px 0;
	background-color: #f2f5ee;
}

.subpage-title h1 {
	font-family: var(--sans-font);
	font-weight: bold;
	font-size: 2.4em;
	color: var(--mpoblue);
	margin: 0 0 36px 0;
}

.subnav {
	margin-bottom: 64px;
}

.subnav a {
	padding: 12px 12px;
	display: block;
	border-bottom: 1px solid #00346F;
	color: #00346F;
	transition: background-color 0.5s ease;
}

.subnav a:hover {
	text-decoration: none;
	background-color: #dfdfdf;
}

.subnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.subnav>ul {}

.subnav ul li ul li a {
	padding-left: 32px;
}

.subnav h4 {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 2.0rem;
	font-weight: bold;
	color: var(--mpoblue);
	border-top: 1px solid #00346F;
	border-bottom: 1px solid #00346F;
	padding: 12px;
}

.subnav p {
	font-size: 1.4rem;
	margin: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #00346F;
}

a.subnav-parent {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 2.0rem;
	color: var(--mpoblue);
	border-top: 1px solid #00346F;
	font-weight: bold;
}

.subnav-title {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 2.0rem;
	color: var(--mpoblue);
	border-top: 1px solid #00346F;
	border-bottom: 1px solid #00346F;
	padding: 12px;
	font-weight: 700;
}


.subnav .current_page_item > a {
	color: var(--mpoblue);
	background-color: #dfdfdf;
}

.subnav .current-cat>a {
	color: var(--mpoblue);
	background-color: #dfdfdf;
}

.subnav select {
	width: 100%;
	margin: 16px 0;
	padding: 6px;
}

.lp-related-docs {
	background-color: #f2f5ee;
	padding: 56px 0;
}

.lp-related-docs h3 {
	font-family: var(--sans-font);
	color: var(--mpoblue);
	text-transform: uppercase;
	margin: 0 0 24px 0;
	font-size: 3.6rem;
	text-align: center;
}

.lp-related-docs .related-doc {
	padding: 30px;
	background: #0074b7 url('../images/lgpdf-icon.png') no-repeat 97% 50%;
	padding-right: 28%;
	margin-bottom: 18px;
}

.lp-related-docs h4 {
	color: #95b9de;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	margin: 0 0 18px;
	font-size: 2.6rem;
}

.related-docs a {
	padding-left: 48px;
	background: url('../images/rel-docs-pdf.png') no-repeat 2% 50%;
}


/*-----------------------------------------------

Calendar Pages

------------------------------------------------*/
.page-calendar-meeting-materials .lp-header {

}

.post-type-archive-tribe_events .lp-header {

}

.page-template-template-calendar-php {

}
.post-type-archive-tribe_events .lp-header h1,
.page-calendar-meeting-materials .lp-header h1 {
  color: var(--mpoblue);
}

.cal-section {
	background-color: #FFFFFF;
}

#tribe-geo-results h2.tribe-events-page-title,
h2.tribe-events-page-title {
	text-align: left;
}

.meeting-files h3 {
	margin-bottom: 16px;
	color: var(--mpoblue);
	text-transform: uppercase;
	font-size: 2.1rem;
	margin-top: 32px;
	font-weight: bold;
}

.meeting-files ul {
	list-style-type: none;
	margin: 0 0 18px 0;
	padding: 0;
	float: left;
	width: 100%;
}

.meeting-files ul li {
	float: left;
	width: 100%;
	display: block;
	background: #E6E7E8 url('../images/icon-pdf.png') no-repeat 15px center;
	padding: 28px 0 28px 72px;
	color: var(--mpoblue);
	margin: 0 0 24px 0;
}


.meeting-files ul li.audio-file {
	background: #E6E7E8 url('../images/icon-audio.png') no-repeat 15px center;
}

.file-title {
	float: left;
	max-width: 60%;
	font-weight: bold;
}

.file-links {
	float: right;
	max-width: 40%;
	margin-right: 24px;
}

#tribe-events-footer {
	padding: 0 !important;
}

#tribe-events-content {
	margin-bottom: 0 !important;
}

.tr-title {
	width: 50%;
}

.tr-short {
	width: 10%;
}

.page-archived-meeting-materials table {
	margin-bottom: 36px;
	margin-top: 18px;
}

tr.group {
	background-color: #b2b1b1;
}

.recurringinfo {
	display: none;
}

h1.tribe-events-single-event-title {
	font-family: var(--sans-font);
	font-size: 2em !important;
	color: var(--mpoblue) !important;
}

.tribe-events-schedule {
	margin: 6px 0 0 0;
}

.tribe-events-schedule h2 {
	font-size: 1.250em;
	margin: 0;
}

.tribe-events-list .tribe-events-page-title {
	font-family: var(--sans-font);
	font-size: 2em;
	color: var(--mpoblue);
	margin: 0 0 8px 0;
	font-weight: bold;
}

.single-tribe_events .tribe-events-single-event-title {
	line-height: 1.5em;
}

.single-tribe_events .type-tribe_events {
	border-bottom: none;
	margin-bottom: 24px;
}

.subnav a.child-link {
	padding-left: 24px;
}

/*-----------------------------------------------

Spot Improvement

------------------------------------------------*/
#map {
	height: 400px;
	position: relative;
	overflow: hidden;
	margin: 16px 0;
}



/*-----------------------------------------------

Plans Page

------------------------------------------------*/

.page-plans .lp-header {

}

/*-----------------------------------------------

Programs and Resources Page

------------------------------------------------*/

.page-programs-resources .lp-header {

}

/*-----------------------------------------------

About Page

------------------------------------------------*/

.mission-vision {
	background-color: var(--mpoteal);
}

.page-about-us .lp-header {

}

.about-process {
	text-align: center;
	background-color: var(--mpogrey);
	padding: 24px;
	margin-top: 24px;
}

.about-process h3 {
	font-family: var(--sans-font);
	font-size: 2em;
	color: var(--mpoblue);
	margin-top: 16px;
}

/*-----------------------------------------------

Staff Page

------------------------------------------------*/

.department-item h4 {
	border-top: 2px solid #808184;
	padding-top: 24px;
	margin: 24px 0 0 0;
	color: var(--mpoblue);
	font-weight: bold;
}

.department-desc {
	font-style: italic;
}

.staff-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
	width: 100%;
}

.staff-member {
	margin-bottom: 18px;
}

.staff-member-wrap {
	display: flex;

}

.staff-member-photo {
	min-width: 115px;
	width: 30%;
}

.staff-member-info {
	padding-left: 10px;
	width: 70%;
}

.staff-member p {
	margin: 0;
}

.staff-name {
	color: var(--mpoblue);
	font-weight: bold;
}

.staff-title {
	font-size: .9em;
}

.staff-name,
.staff-title,
.staff-phone,
.staff-email {
	margin: 0;
}

.staff-email a {
	white-space: nowrap;
	font-size: .8em;
}

.director-info {
	margin-top: 16px;
}

@media only screen and (max-width : 992px) {
	.staff-row {
		grid-template-columns: 1fr;
		column-gap: 20px;
	}
}


/*-----------------------------------------------

Doing Biz 

------------------------------------------------*/
.rfp-excerpt {}

.rfp-excerpt h4 {
	color: #00abdb;
}


/*-----------------------------------------------

RFPS

------------------------------------------------*/
.qanda {
	list-style-type: none;
}

.qanda span {
	display: block;
}

.qanda span strong {
	color: #00abdb;
}

.qanda li {
	padding: 16px 0;
	border-bottom: 1px solid #000000;
}

.qanda .question {
	font-style: italic;
}

.qanda .answer {
	font-weight: bold;
}



/*-----------------------------------------------

Annual Reports Page

------------------------------------------------*/
.page-annual-reports h3 {
	color: var(--mpoblue);
	text-transform: uppercase;
	font-size: 2.1rem;
}


.ar-item h4 {
	color: var(--mpoteal);
	margin: 16px 0 10px;
}

.ar-item h4 span {
	color: #00346F;
}

.ar-item {
	margin-bottom: 24px;
}

.ar-list {
	list-style-type: none;
	padding: 0;
	margin: 24px 0;
}

.ar-list li {}

.ar-list li a {
	display: block;
	background: url('../images/icon-pdf.png') no-repeat left center;
	padding: 28px 0 28px 56px;
	color: var(--mpoteal);
	font-weight: bold;
	margin-left: 12px;
}

.ar-list li:nth-child(odd) {
	background-color: #E6E7E8;
}


/*-----------------------------------------------

How We're Funded Page

------------------------------------------------*/

.partner-logos img {
	margin: 24px auto;
}

a.pdf {
	display: block;
	background: url('../images/icon-pdf.png') no-repeat 15px center;
	padding: 28px 0 28px 72px;
	color: var(--mpoblue);
	font-weight: bold;
}

a.pdf:nth-child(odd) {
	background-color: #E6E7E8;
}

/*
a[href$=".pdf"] {
	display: block;
	background: url('../images/icon-pdf.png') no-repeat 15px center;
	padding: 28px 0 28px 72px;
	color: #00B9E2;
	font-weight: bold;
}

a[href$=".pdf"]:nth-child(odd) {
	background-color: #E6E7E8;
}


*/



.partner-logos h3 {
	color: var(--mpoblue);
	text-transform: uppercase;
	font-size: 2.1rem;
	margin-top: 32px;
}


/*-----------------------------------------------

News Page

------------------------------------------------*/
.blog .lp-header,
body.archive.category .lp-header {

}

.news-post {
	background-color: #FFFFFF;
	margin-bottom: 32px;
	padding: 32px 0;
	float: left;
	width: 100%;
}

.news-post-head {
	text-align: center;
	padding: 0 64px;
}

.news-post-content {
	padding: 0 32px;
}

.news-post-cats a {
	color: var(--mpoteal);
}

.post-featured-img {
	margin-bottom: 32px;
	max-width: 100%;
}

.post-featured-img img {
	margin: 0 auto;
}

.wp-caption {
	font-size: 1.3rem;
}

.wp-caption p {
	max-width: 100%;
}

.wp-caption.alignleft {
	max-width: 50%;
	float: left;
	margin-right: 18px;
}

.wp-caption.alignright {
	max-width: 50%;
	float: right;
	margin-left: 18px;
}

.newsletter-wrap table.MainWidth {
	margin: 0 auto;
}

.subpage-content img.alignleft {
	float: left;
	margin-right: 20px;
}

.subpage-content img.alignright {
	float: right;
	margin-left: 20px;
}


/*-----------------------------------------------

Partner News

------------------------------------------------*/

.partner-news {

}

.partner-news .news-post {
	padding: 20px;
}


.partner-news .news-post-head,
.partner-news .news-post-content {
	text-align: left;
	padding: 0;
}


.partner-news h3 {
	margin: 0 0 4px 0;
	font-weight: 500;
	text-transform: none;
}

.partner-news p.news-post-cats {
	margin-bottom: 8px;
}

.partner-news .news-post-cats a {
	color: #e26026;
	font-weight: bold;
	text-transform: uppercase;
}

.home-partner-news {
	background-color: var(--mpopurp);
	padding: 46px 0;
	font-family: var(--sans-font);
}

.home-partner-news h3 {
	margin: 0 0 12px 0;
}

.home-partner-news .news-post-cats {
	margin: 0;
}

.home-partner-news .news-post-cats a {
	color: #e26026;
	font-weight: bold;
	text-transform: uppercase;
}


/*-----------------------------------------------

Board & Committees Page

------------------------------------------------*/


.page-board-committees .lp-callout h2 {
	font-weight: bold;
	text-transform: uppercase;
}

.page-board-committees .lp-callout .std-btn {
	border-radius: 0;
	background-color: unset;
}

.page-board-committees .lp-callout .std-btn:hover {
	background-color: var(--mpoblue);
}





/*-----------------------------------------------

Community Outreach Page

------------------------------------------------*/
.page-community-outreach .lp-header {

}



/*-----------------------------------------------

Gallery

------------------------------------------------*/
.gallery-link {
	display: block;
	margin: 15px auto;
}


.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100%;
}

.page-video-gallery .embed-container {
	margin-bottom: 32px;
}

/*-----------------------------------------------

Maps & Tools

------------------------------------------------*/
.page-maps-tools .lp-header {

}


.page-maps-tools .section-card {}

.page-maps-tools .section-card .std-btn {}

/*-----------------------------------------------

Document Archives

------------------------------------------------*/

.document-item {
	padding: 18px 18px 18px 80px;
	margin-bottom: 18px;
}

.document-item.file-pdf {
	background: #E6E7E8 url('../images/icon-pdf.png') no-repeat 18px 18px;
}

.document-item.file-ppt {
	background: #E6E7E8 url('../images/icon-pdf.png') no-repeat 18px 18px;
}

.document-info {
	font-size: .9em;
}

.document-title {
	font-size: 1.2em;
	font-weight: bold;
	color: var(--mpoblue);
}

/*-----------------------------------------------

Forms

------------------------------------------------*/

.gform_wrapper select {
	height: 34px;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
	font-size: 0.750em !important;
}

.gfield_description,
.gsection_description {
	font-size: 1em !important;
}

.gsection_title {
	margin-top: 12px;
}

.gform_wrapper form .gfield_description ul {
	margin-top: 18px;
}


.gform_wrapper form .gfield_description li {
	list-style-type: disc !important;
}

.gform_wrapper form input[type=checkbox] {
	margin-right: 10px !important;
}

.gform_wrapper .gfield_checkbox li label {
	margin-top: 4px;
}


.gform_confirmation_message {
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
	background-color: #1DBDBD;
	color:#FFF;

}


/* CAC form */

.address_city {
	width: 46% !important;
}

.address_zip {
	display: inline-block;
	width: 25% !important;
}

.address_zip input {}

.address_state {
	width: 26% !important;
	margin-right: 8px !important;
}


/*-----------------------------------------------

2045 MTP

------------------------------------------------*/
.intro-hero {
	background: #FFFFFF url('../images/headers/2045-long-range-plan-hero-nc.jpg') no-repeat center center;
	background-size: cover;
	width: 100%;
}

.intro-hero h1 {
	color: #1162a3;
	text-transform: uppercase;
	font-size: 2.875em;
	border: 2px solid #2e9f83;
	line-height: 1.2em;
	margin: 15% auto 10%;
	text-align: center;
	padding: 32px 18px;
	width: 95%;
	max-width: 625px;
}

.page-2045-mtp section {
	padding: 48px 0;
}

.welcome-2045 {
	background-color: #24a6d6;
	color: #FFFFFF;
}

.about-2045 {
	background-color: #f2e6be;
}

.communicate-2045 {
	background-color: #ffde36;
}

.community-2045 {
	background-color: #e9eaeb;
}

.plan-2045 {
	background-color: #2f9f83;
}

.ahead-2045 {
	background-color: #e1f1ed;
}

.ahead-2045 iframe {
	max-width: 100%;
	margin-top: 24px;
}

.maps-2045 {
	background-color: #bce2f6;
}

.link-btn {
	border: 2px solid #0062a9;
	padding: 8px 18px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin-top: 16px;
	display: inline-block;
}

.communicate-2045 .std-btn {
	width: 100%;
	text-align: center;
}

.communicate-2045 h2,
.community-2045 h2,
.plan-2045 h2,
.maps-2045 h2 {
	font-family: var(--sans-font);
	font-size: 2.250em;
	text-align: center;
	margin: 0 0 32px 0;
}

.communicate-2045 h2,
.community-2045 h2,
.ahead-2045 h2,
.about-2045 h2,
.maps-2045 h2 {
	color: #0062a9;
	font-weight: bold;
}

.plan-2045 h2,
.welcome-2045 h2 {
	color: #FFFFFF;
	font-weight: bold;
}

.plan-box {
	background-color: #FFFFFF;
}


.plan-box h3 {
	color: #0062a9;
	background-color: #ffde36;
	display: block;
	margin: 0;
	padding: 24px 8px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
}

.plan-box-content {
	padding: 24px;
}

.plan-box img {
	float: left;
	margin-right: 18px;
	margin-bottom: 12px;
}

.lp-header.mtp-2045,
.page-template-template-2045-subpage .lp-header,
.page-template-template-2045-gallery .lp-header {
	background: transparent url('../images/headers/metroplan-2045-subheader.jpg') no-repeat center center;
	background-size: cover;
}

.mtp-news h4 {
	color: #0062a9;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 8px;
}

.mtp-news p {
	font-size: 0.875em;
	margin: 0 0 20px;
	color: #464749;
}

.mtp-news .date {
	color: #96989b;
	margin: 0 0 8px;
}

.special-link {
	margin-top: 16px;
	display: block;
}

.post-type-archive-mtp-event .event-date {
	margin-bottom: 50px;
}

/* 2045 Vid Galler */

#main-video {
	margin-bottom: 32px;
}

.video-item {
	color: #0062a9;
	font-size: 14px;
	margin-bottom: 32px;
}


.video-link {
	position: relative;
	display: block;
}

.video-play {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
}


.post-type-archive-mtp-event .event-details h3 a {
	text-transform: none;
}

.single-post-nav {
	width: 100%;
	float: left;
	border-top: 1px solid var(--mpoblue);
	padding-top: 18px;
	margin-top: 32px;
}

.single-post-nav .prev-post {
	float: left;
	width: 50%;
	text-align: left;
}

.single-post-nav .next-post {
	float: right;
	width: 50%;
	text-align: right;
}






/*-----------------------------------------------

Search Results

------------------------------------------------*/
.search-results h3 {
	margin-bottom: 0;
	font-family: var(--sans-font);
	font-size: 1.4em;
}

.search-url {
	margin: 0;
	font-size: 1em;
	color: #00346f;
}



/*-----------------------------------------------

Frontend Admin

------------------------------------------------*/
.admin-well {
	position: relative;
}


.admin-lock {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 0.875em;
	color: var(--mpoblue);
}



footer ul li {
	display: none;
}

footer ul li:first-child {
	display: block;
}


/*-----------------------------------------------

Media Queries

------------------------------------------------*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

	.primary-nav {
		display: none;
	}
	.burger-wrap {
		display: flex;
	}


	.top-nav {
		display: none;
	}




	.stat-number {
		font-size: 4rem;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.navbar-toggler {
		display: block;
	}

	.stat-border {
		border-left: none;
		border-right: none;
	}

	.page-spotlight img {
		margin-top: 24px;
	}

	.subnav {
		margin-top: 36px;
	}

	.foot-newsletter {
		text-align: center;
	}

	.foot-newsletter #gform_wrapper_2 {
		float: none;
	}

	.social {
		justify-content: center;
	}

	.special-link {
		display: none;
	}

	.copyright .text-right,
	.copyright p {
		text-align: center;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.hero {
		min-height: 0;
	}

	.foot-newsletter #gform_2 {
		justify-content: center;
		width: 100%;
		flex-wrap: wrap;
	
	}


	.section-card {
		border-right: none !important;
	}

	.section-card-wrap {
		width: 100%;
	}
	
	.section-card-wrap:nth-last-child(2):nth-child(odd) {
		border-bottom: 4px dotted var(--mpobaby);
	}

	.brand img {
		max-width: 300px;
	}

	.logo {
		padding: 0 10px 20px;
	}

	.logo .col-md-7,
	.logo .col-md-4 {
		text-align: center;
		width: 100%;
	}


	.header-search {
		justify-content: center;
	}

	.header-row {
		display: flex;
		flex-wrap: wrap;
	}

	.burger-wrap {
		position: absolute;
		right: 10px;
		top: 10px;
	}


	.hero h1 {
		background-color: #B6C646;
		background-image: none;
		width: 100%;
		position: relative;
		margin: 0;
	}

	.hero .image-content {
		position: relative;
	}


	.hero .text-container {

		position: relative;
		margin-top: -100px;

	}

	.social-bar * {
		text-align: center;
	}

	.social-bar .row {
		flex-wrap: wrap;
	}

	.social-bar .col-sm-6 {
		width: 100%;
	}

	.social {
		margin-bottom: 18px;
	}



}



/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	.brand {
		padding-right: 50px;
	}

	.foot-newsletter {
		text-align: center;
		margin-top: 18px;
	}

	.foot-newsletter #gform_wrapper_2 {
		float: none;
	}


	.lp-related-docs .related-doc {
		background-image: none;
	}

	.intro-hero h1 {
		font-size: 1.5em;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 370px) {

	footer ul li {
		display: none;
	}

	footer ul li:first-child {
		display: block;
	}


}

@media only screen and (min-width : 768px) {
.section-card-wrap:nth-child(2) {
	
}

}