/*UI Kit Rests for SharePoint*/
*, *:before, *:after {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box; /*border-box causes many issues with SP*/
}

* .columns, * .columns:before, * .columns:after,
* .columns *, * .columns *:before, * .columns *:after {#back-button a,
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

html{
	line-height: 1.2;
}

body{	
	width:100%;
	margin:0;
	padding:0;
	background-color:#ffffff;
	font-family:'Questrial', Verdana, sans-serif;	
	font-weight:400;
}
	
#s4-workspace{
	background-color:#343434;
	width:100%;
	margin:0px;
	padding:0px;
}

#s4-bodyContainer{
	width:100%;
	height:auto;
	padding-bottom:0px;
}

#master{
	width:100%;
	position:relative;
	background:#ffffff;
}

#contentRow{
	padding-top:30px
}

#contentRow.hp-content-row{
	padding-top:0px
}

#pageStatusBar{
	margin-bottom:0px !important;
}
                    
.mv-hp-video {
    width:100%;
}

video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mv-hp-background{
	background:transparent url('/SiteAssets/img/mv-hp-bg.jpg') no-repeat;
	background-size:cover
}

code,:not(pre)>code{
	white-space:normal!important
}

.mv-hp-video .uk-overlay-primary{
	background:rgba(0,0,0,.1)
}

.mv-full-height{
	height:100vh
}

.mv-full-width{
	width:100%
}

.mv-height-xsmall{
	height:75px
}

.mv-height-small{
	height:120px
}

.mv-height-medium{
	height:200px
}

.mv-height-large{
	height:375px
}

.mv-position-center{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
 

/*TYPOGRAPHY*/

div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td, .ms-rtestate-field p, p.ms-rteElement-P, td, table, blockquote p {
	font-family:'Questrial', Verdana, Arial, sans-serif;		
	font-size:1rem;
	color: #020202;
	font-weight: 500;
	line-height:1.4;
	letter-spacing:.3px;
}

p, .ms-rtestate-field p, p.ms-rteElement-P {
    margin: 0px 0px 17px 0px;
}

blockquote{
    font-style:normal
}

ul{
	list-style:disc;
}

h1, .h1, .ms-rtestate-field h1, h1.ms-rteElement-H1, h2, .h2, .ms-rtestate-field h2, h4.ms-rteElement-H2, h3, .h3, .ms-rtestate-field h3, h3.ms-rteElement-H3, h4, .h4, .ms-rtestate-field h4, h4.ms-rteElement-H4, h5, .h5, .ms-rtestate-field h5, h5.ms-rteElement-H5, h6, .h6, .ms-rtestate-field h6, h6.ms-rteElement-H6, h7, .h7,.ms-rtestate-field h7, h7.ms-rteElement-H7{
	font-family:'Montserrat', Verdana, Arial, sans-serif;
	line-height:1.25;
	font-weight:700;
	margin-top:5px;
	margin-bottom:10px;
	letter-spacing:0px;
} 


h1, .h1, .ms-rtestate-field h1, h1.ms-rteElement-H1, h1.ms-core-pageTitle, h1.ms-core-pageTitle a {
	font-family:'Montserrat', Verdana, Arial, sans-serif;
	font-size:1.5rem;
	font-weight:700;
	color:#1c4853;
}

h1.ms-core-pageTitle, h1.ms-core-pageTitle a{
	color:#111111
}
	
h1.ms-core-pageTitle span, h1.ms-core-pageTitle a span{
	white-space:normal
}

h2, .h2, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
	font-size:1.35rem;
	color:#111111;
	font-weight:700;
	margin-top:35px
}

h3, .h3, .ms-rtestate-field h3, h3.ms-rteElement-H3 {
	font-size:1.2rem;
	margin-top:35px;
	font-weight:700
}

h4, .h4, .ms-rtestate-field h4, h4.ms-rteElement-H4 {	
	font-size:1.1rem;
	margin-top:30px;
	color:#222222;
}
		
h5, .h5, .ms-rtestate-field h5, h5.ms-rteElement-H5 {
	font-size:1rem;
}

h6, .h6, .ms-rtestate-field h6, h5.ms-rteElement-H6 {
	font-weight:normal
}

a:link, a:visited {
	color:#266cad
}

.uk-panel h2, .uk-panel h3, .uk-panel h4{
	margin-top:10px
}

li{
	margin-bottom:5px
}

a:hover{
	cursor:pointer;
	
}

.mv-text-shadow {
	text-shadow: 1px 1px rgba(0,0,0,.5);
}

.mv-text-small{
	font-size:.9rem!important
}

.mv-text-medium{
	font-size:1.3rem!important
}

.mv-text-large{
	font-size:2rem!important
}

.mv-text-xlarge{
	font-size:3rem!important
}

.mv-text-xxlarge{
	font-size:4rem!important
}

.mv-text-normal{
	font-weight:normal!important
}

.fa-ul{
	margin-left:var(--fa-li-margin,2em)	!important
}

.questrial{
	font-family:'Questrial', Verdana, Arial, sans-serif!important;
	letter-spacing:.3px
}

.montserrat {
	font-family:'Montserrat', Verdana, Arial, sans-serif!important
}

.mv-tagline{
	font-size:2.2rem;
	clear:both;
	font-weight:bold;
	letter-spacing:1px;
	text-shadow: 1px 1px rgba(0,0,0,.6);
	font-family:'Montserrat', Verdana, Arial, sans-serif;
	margin-bottom:20px

}

.mv-text-vertical{
	position: relative;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    white-space: nowrap;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* FONT COLORS*/
.mv-white, ul.mv-white li, ul.mv-white li a, .mv-white p, .mv-white div {
	color:#ffffff!important
}

.mv-gray-screen{
	color:#d3d3d3!important
}	

.mv-gray-core{
	color:#111111!important
}	

.mv-gray-dark{
	color:#000000!important
}

.mv-alert{
	color:#ea4137!important
}

.mv-danger{
	color:#ea2c2e!important
}

.mv-alert-top{
	padding-left:50px;
	padding-right:50px
}

/*Regional Planning*/

.mv-red-core{
	color:#b05133
}

.mv-red-dark{
	color:#8d4026
}
/*Housing*/
.mv-orange-core{
	color:#e6891b!important
}

.mv-orange-dark{
	color:#b3670a!important
}

/*EA*/

.mv-yellow-core{
	color:#c4bc00
}

.mv-yellow-dark{
	color:#b9b000
}

.mv-light-green-core{
	color:#84d13b
}

.mv-light-green-dark{
	color:#77bd35
}

/*Parks*/
.mv-green-core{
	color:#40ae49
}

.mv-green-dark{
	color:#187d21
}

/*AQ*/
.mv-cobalt-core{
	color:#69cdff!important
}

.mv-cobalt-dark{
	color:#5398b8!important
}

/*Water*/
.mv-cyan-core{
	color:#2477a3!important
}

.mv-cyan-dark{
	color:#11648f!important
}

/*Corporate*/
.mv-blue-core {
	color:#205b91
}

.mv-blue-dark{
	color:#0f477c
}

/*SW*/
.mv-slate-core{
	color:#3b6069!important
}

.mv-slate-dark{
	color:#1c4853!important
}

/*LW*/
.mv-sepia-core{
	color:#97957e!important
}

.mv-sepia-dark{
	color:#666455!important
}

/*BACKGROUND COLORS*/

.mv-bg-transparent{
	background-color:transparent!important
}

.mv-bg-white{
	background-color:rgba(255,255,255,1)!important
}

.mv-bg-white-screen{
	background-color:rgba(255,255,255,.4)
}

.mv-bg-alert{
	background-color:#f1bf1b
}

.mv-bg-gray{
	background-color:#808080 !important
}

.mv-bg-gray-mid{
	background-color:#b2b2b2 !important

}

.mv-bg-gray-light{
	background-color:#e3e3e3 !important
}

.mv-bg-gray-screen{
	background-color:#f5f5f5 !important}

/*RP*/

.mv-bg-red-core{
	background-color:#b05133 /*rgba(176,81,51,1)*/!important
}

.mv-bg-red-light{
	background-color:#d6643c /*rgba(214,100,60,1)*/!important
}

.mv-bg-red-screen{
	background-color:#deaf9e /*rgba(222,175,158,1)*/!important
}

/*Housing*/

.mv-bg-orange-core{
	background-color:#c6730c;
}

.mv-bg-orange-light{
	background-color:#faaf40!important
}

.mv-bg-orange-screen{
	background-color:#f0cda1!important

}

/*EA*/
.mv-bg-yellow-screen{
	background-color:#fbf7ab
}

.mv-bg-yellow-light{
	background-color:#f6e651!important
}

.mv-bg-yellow-core{
	background-color:#d2c800;
}

/*Parks*/
.mv-bg-green-screen{
	background-color:rgba(157,212,163)
}

.mv-bg-green-light{
	background-color:#4acf56
}

.mv-bg-green-core{
	background-color:#40ae49;
}
.mv-bg-green-dark{
	background-color:#187d21;
}


/*AQ*/
.mv-bg-cobalt-screen{
	background-color:#aee6ff
}
.mv-bg-cobalt-light{
	background-color:#7dd4ff
}

.mv-bg-cobalt-core{
	background-color:#69cdff;
}

.mv-overlay-cobalt{
	background-color:rgba(121,204,243,.5)
}

/*Water*/
.mv-bg-cyan-screen{
	background-color:rgba(98,195,245,1)
}

.mv-bg-cyan-light{
	background-color:#30a2dd
}

.mv-bg-cyan-core{
	background-color:#2a8dc0;
}

/*Corporate*/
.mv-bg-blue-screen{
	background-color:#44a5ff
}
.mv-bg-blue-light{
	background-color:#2d81ce
}
.mv-bg-blue-core{
	background-color:#266cad;
}

/*SW*/
.mv-bg-slate-screen{
	background-color:#73b8c9
}

.mv-bg-slate-light{
	background-color:#5e97a5;
}
.mv-bg-slate-core{
	background-color:#4b7984;
}

/*LW*/
.mv-bg-sepia-screen{
	background-color:#cdcaab
}

.mv-bg-sepia-light{
	background-color:#b8b69a;
}
.mv-bg-sepia-core {
	background-color:#97957e;
}

/*CARD HOVER*/

.uk-card .uk-card-footer .uk-button.mv-gray-core{
	transition:0s !important
}

.uk-card:hover{
	transition:	.5s ease-in-out;
	text-decoration:none
}

.uk-card:hover .uk-card-media-top svg{
	stroke:#ffffff!important
}
.uk-card:hover .uk-card-footer .uk-button.mv-gray-core{
	color:#ffffff!important;
}

.uk-card.uk-card-default.mv-hover-red:hover{
	background-color:#d6643c;
}

.uk-card.uk-card-default.mv-hover-orange:hover{
	background-color:#c6730c;
}

.uk-card.uk-card-default.mv-hover-yellow:hover{
	background-color:#d2c800;
}

.uk-card.uk-card-default.mv-hover-green:hover{
	background-color:#40ae49;
}

.uk-card.mv-hover-cobalt:hover{
	background-color:#69cdff;
}

.uk-card.uk-card-default.mv-hover-cyan:hover{
	background-color:#2a8dc0;
}

.uk-card.uk-card-default.mv-hover-blue:hover{
	background-color:#266cad;
}

.uk-card.uk-card-default.mv-hover-slate:hover{
	background-color:#4b7984;
}

.uk-card.uk-card-default.mv-hover-sepia:hover{
	background-color:#97957e;
}

.uk-card.uk-card-default.mv-hover-red:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-red:hover a:link,.uk-card.uk-card-default.mv-hover-red:hover p, .uk-card.uk-card-default.mv-hover-red:hover h5, .uk-card.uk-card-default.mv-hover-red:hover div{
	background-color:#b05133;;
	text-decoration:none;
	color:#ffffff!important;
}

.uk-card.uk-card-default.mv-hover-orange:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-orange:hover a:link,.uk-card.uk-card-default.mv-hover-orange:hover p, .uk-card.uk-card-default.mv-hover-orange:hover h5, .uk-card.uk-card-default.mv-hover-orange:hover div{
	background-color:#c6730c;
	text-decoration:none;
	color:#ffffff!important;
}

.uk-card.uk-card-default.mv-hover-gold:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-gold:hover a:link,.uk-card.uk-card-default.mv-hover-gold:hover p, .uk-card.uk-card-default.mv-hover-gold:hover h5, .uk-card.uk-card-default.mv-hover-gold:hover div{
	background-color:#e6b122;
	text-decoration:none;
	color:#ffffff!important;
}

.uk-card.uk-card-default.mv-hover-yellow:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-yellow:hover a:link,.uk-card.uk-card-default.mv-hover-yellow:hover p, .uk-card.uk-card-default.mv-hover-yellow:hover h5, .uk-card.uk-card-default.mv-hover-yellow:hover div{
	background-color:#d2c800;
	text-decoration:none;
	color:#ffffff!important;
}

.uk-card.uk-card-default.mv-hover-light-green:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-light-green:hover a:link,.uk-card.uk-card-default.mv-hover-light-green:hover p, .uk-card.uk-card-default.mv-hover-light-green:hover h5, .uk-card.uk-card-default.mv-hover-light-green:hover div{
	background-color:#84d13b;
	text-decoration:none;
	color:#ffffff!important;
}

.uk-card.uk-card-default.mv-hover-olive:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-olive:hover a:link,.uk-card.uk-card-default.mv-hover-olive:hover p, .uk-card.uk-card-default.mv-hover-olvie:hover h5, .uk-card.uk-card-default.mv-hover-olive:hover div{
	background-color:#a4bd41;
	text-decoration:none;
	color:#ffffff!important;
}

.uk-card.uk-card-default.mv-hover-green:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-green:hover a:link,.uk-card.uk-card-default.mv-hover-green:hover p, .uk-card.uk-card-default.mv-hover-green:hover h5, .uk-card.uk-card-default.mv-hover-green:hover div{
	background-color:#40ae49;
	text-decoration:none;
	color:#ffffff!important;
}

.uk-card.uk-card-default.mv-hover-teal:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-teal:hover a:link,.uk-card.uk-card-default.mv-hover-teal:hover p, .uk-card.uk-card-default.mv-hover-teal:hover h5, .uk-card.uk-card-default.mv-hover-teal:hover div{
	background-color:#35aeba;
	text-decoration:none;
	color:#ffffff!important;
}

.uk-card.uk-card-default.mv-hover-cobalt:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-cobalt:hover a:link,.uk-card.uk-card-default.mv-hover-cobalt:hover p, .uk-card.uk-card-default.mv-hover-cobalt:hover h5, .uk-card.uk-card-default.mv-hover-cobalt:hover div {
	background-color:#69cdff;
	color:#ffffff!important;
	text-decoration:none
}

.uk-card.uk-card-default.mv-hover-cyan:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-cyan:hover a:link,.uk-card.uk-card-default.mv-hover-cyan:hover p, .uk-card.uk-card-default.mv-hover-cyan:hover h5, .uk-card.uk-card-default.mv-hover-cyan:hover div{
	background-color:#2a8dc0;
	text-decoration:none;
	color:#ffffff!important;
}

.uk-card.uk-card-default.mv-hover-blue:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-blue:hover a:link,.uk-card.uk-card-default.mv-hover-blue:hover p, .uk-card.uk-card-default.mv-hover-blue:hover h5, .uk-card.uk-card-default.mv-hover-blue:hover div{
	background-color:#266cad;
	text-decoration:none;
	color:#ffffff!important;
}

.uk-card.uk-card-default.mv-hover-violet:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-violet:hover a:link,.uk-card.uk-card-default.mv-hover-violet:hover p, .uk-card.uk-card-default.mv-hover-violet:hover h5, .uk-card.uk-card-default.mv-hover-violet:hover div{
	background-color:#908fc2;
	text-decoration:none;
	color:#ffffff!important;
}

.uk-card.uk-card-default.mv-hover-slate:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-slate:hover a:link,.uk-card.uk-card-default.mv-hover-slate:hover p, .uk-card.uk-card-default.mv-hover-slate:hover h5, .uk-card.uk-card-default.mv-hover-slate:hover div{
	background-color:#4b7984;
	text-decoration:none;
	color:#ffffff!important;
}

.uk-card.uk-card-default.mv-hover-sepia:hover .uk-card-body,.uk-card.uk-card-default.mv-hover-sepia:hover a:link,.uk-card.uk-card-default.mv-hover-sepia:hover p, .uk-card.uk-card-default.mv-hover-sepia:hover h5, .uk-card.uk-card-default.mv-hover-sepia:hover div{
	background-color:#97957e;
	text-decoration:none;
	color:#ffffff!important;
}

.mv-event-card .uk-card-footer .uk-button.mv-gray-core.uk-icon:hover, .mv-event-card .uk-card-footer a:hover{
	color:#111111!important
}

/*BORDERS*/
.mv-border{
	border:1px solid #222222;
}

.mv-border-light{
	border:1px solid #efefef;
}


.mv-border-top{
	border-top:1px solid #e3e3e3;
}

.mv-no-border{
	border:0px !important
}

.mv-border-red{
	border-top:5px solid rgba(176,81,51,1)!important
}

.mv-border-orange{
	border-top:5px solid rgba(198,115,12,1)!important
}

.mv-border-yellow{
	border-top:5px solid rgba(210,200,0,1) !important;
}

.mv-border-green{
	border-top:5px solid rgba(64,174,73,1)!important
}

.mv-border-cobalt{
	border-top:5px solid rgba(105,205,255,1) !important;
}

.mv-border-all-cobalt{
	border:3px solid rgba(105,205,255,1) !important;
}

.mv-border-cyan{
	border-top:5px solid rgba(42,141,192,1) !important;
}

.mv-border-blue{
	border-top:5px solid rgba(38,108,173,1) !important;
}

.mv-border-slate{
	border-top:5px solid rgba(75,121,132,1)!important;
}

.mv-border-sepia{
	border-top:5px solid rgba(151,149,126,1)!important;
}

.mv-border-left-red{
	border-left:7px solid rgba(176,81,51,1)!important;
}

.mv-border-left-red-light{
	border-left:7px solid rgba(216,101,60,1)!important;
}

.mv-border-left-orange{
	border-left:7px solid rgba(198,115,12,1)!important;
}

.mv-border-left-yellow{
	border-left:7px solid rgba(210,200,0,1)!important
}

.mv-border-left-green{
	border-left:7px solid rgba(64,174,73,.8)
}

.mv-border-left-cobalt{
	border-left:7px solid rgba(105,205,255,1)
}

.mv-border-left-cyan{
	border-left:7px solid rgba(42,141,192,1)
}

.mv-border-left-cyan-light{
	border-left:7px solid rgba(48,162,221,.9)
}

.mv-border-left-blue{
	border-left:7px solid rgba(38,108,173,1)
}

.mv-border-left-blue-light{
	border-left:7px solid rgba(45,129,206,1)
}

.mv-border-left-slate{
	border-left:7px solid rgba(75,121,132,1)
}

.mv-border-left-sepia{
	border-left:7px solid rgba(151,149,126,1)
}


.uk-panel hr , .uk-panel .uk-hr{
	border-top:1px solid #d3d3d3
}

/*IMAGES*/
.mv-logo img{
	width:175px; 
	position: relative;
	top: 5px;  
}

/*FORMATTING*/	

.mv-display-inline-block{
	display:inline-block
}

.mv-padding-xsmall{
	padding:5px
}

.mv-padding-small{
	padding:10px
}


.mv-margin-xsmall {
	margin:5px
}

.mv-width-xxsmall{
	width:50px
}

.mv-width-xsmall{
	width:75px
}

.mv-width-medium{
	width:200px
}

.mv-title-border-bottom{
	padding-bottom: 5px;
    border-bottom: 2px solid #ffffff;
    letter-spacing: .5px;
    border-bottom-width:60%
}

.mv-overlay-primary{
	background:rgba(34,34,34,.5)
}

.mv-overlay-primary-dark{
	background:rgba(34,34,34,.6)
}

.mv-button, a.mv-button{
	background-color: rgba(38,108,173,1);
	color:#FFFFFF;
	letter-spacing:.3px;
	padding:15px 30px 15px 30px;
	line-height:1.2;
	font-size:.95rem
}

.mv-button:hover, a.mv-button:hover{
	background-color: rgba(38,108,173,.6);
	color:#000000
}

.mv-button-secondary, a.mv-button-secondary{
	border: 0px;
    background: rgba(41,168,59,1); 
    color:#ffffff;
    letter-spacing:.3px;
	padding:15px 30px 15px 30px;
	line-height:1.2;
	font-size:.95rem

}

.mv-button-secondary:hover, a.mv-button-scondary:hover {
	background: rgba(74,209,86,.8); 
	color:#000000
}

.mv-button-disabled, a.mv-button-disabled{
	border: 0px;
    background-color: rgba(38,108,173,.6);
    color:#ffffff;	
}

.mv-button-disabled:hover, a.mv-button-disabled:hover{
	background-color: rgba(38,108,173,.6);
	color:#ffffff;
	cursor: default;
}
.mv-button-white, a.mv-button-white{
    background: rgba(255,255,255,0);
    line-height:25px;
    color:#ffffff;
    border:1px solid rgba(255,255,255,0);
    padding:7px 10px 5px 10px
}

.mv-button-white:hover{
	background: rgba(0,0,0,0);
	border:1px solid #ffffff;
}

.mv-button-gray, a.mv-button-gray{
    background: rgba(255,255,255,0);
    line-height:25px;
    color:#000000;
    border:1px solid rgba(255,255,255,0);
    padding:7px 10px 5px 10px
}

.mv-button-gray:hover{
	background: rgba(0,0,0,0);
	border:1px solid #000000;
}

.mv-button-no-hover:hover{
	border:1px solid rgba(255,255,255,0);
}


.uk-card a:hover{
	text-decoration:none!important
}

.uk-card h3{
	width:90%;
	margin:0px
}

.mv-circle{
	position:relative;
  	width:70%;
 	padding-bottom:70%;
  	border-radius:50%;
  	margin-left:auto;
  	margin-right:auto
}

#back-button a{
	font-size:.85rem
}

.mv-info-above-nav{
	padding:10px 0px 5px 0px
}
/*NAVIGATION*/
.uk-navbar-container:not(.uk-navbar-transparent){
	background:transparent;
}

.uk-navbar-container.mv-navigation-bar{
	background:rgba(250,250,250,1);
	background-image:url('/SiteAssets/img/metro-bg.svg');
	background-size:45%;
	background-repeat:no-repeat;
	background-position:right center;
	border-bottom:0px
}

.uk-navbar-container.mv-hp-nav.mv-navigation-bar{
	background: rgb(32,32,32);
	background: linear-gradient(180deg, rgba(52,84,102,.8) 0%, rgba(52,84,102,.3) 60%, rgba(52,84,102,0) 100%);		
}

.uk-navbar-container.mv-hp-nav.uk-position-fixed.mv-navigation-bar .uk-padding-small{
	padding:5px
}

.uk-navbar-container.mv-navigation-bar.mv-nav-air{
	background-image: url('/SiteAssets/img/air-bg.svg');
}

.uk-navbar-container.mv-navigation-bar.mv-nav-housing{
	background-image: url('/SiteAssets/img/housing-bg.svg');
	 /*rgba(240,205,161,.5)*/ 
}

.uk-navbar-container.mv-navigation-bar.mv-nav-planning{
	background-image:/*rgba(222,175,158,.3)*/ url('/SiteAssets/img/planning-bg.svg');
}

.uk-navbar-container.mv-navigation-bar.mv-nav-parks{
	background-image:/*rgba(157,212,163,.3)*/ url('/SiteAssets/img/parks-bg.svg');
}

.uk-navbar-container.mv-navigation-bar.mv-nav-solid-waste{
	background-image:/*rgba(115,184,201,.3)*/ url('/SiteAssets/img/solid-waste-bg.svg');
}

.uk-navbar-container.mv-navigation-bar.mv-nav-liquid-waste{
	background-image:/*rgba(205,202,171,.3)*/ url('/SiteAssets/img/liquid-waste-bg.svg');
}
.uk-navbar-container.mv-navigation-bar.mv-nav-water{
	background-image:/*rgba(98,195,245,.3)*/ url('/SiteAssets/img/water-bg.svg');

}
.uk-navbar-container.mv-navigation-bar.mv-nav-ea{
	background-image:/*rgba(251,247,166,.3)*/  url('/SiteAssets/img/ea-bg.svg');
}

.uk-navbar-container.mv-hp-nav.mv-navigation-bar.mv-nav-bar-scrolled{
	border-bottom:0px;
	background:rgba(38,108,173,.8)
} 

.uk-navbar-container.mv-navigation-bar.mv-nav-bar-scrolled{
	border-bottom: 7px solid #205b91;
	transition: all .65s ease-in-out;
}

.uk-navbar-container.mv-navigation-bar.mv-nav-air.mv-nav-bar-scrolled{
	border-bottom: 7px solid #69cdff
}

.uk-navbar-container.mv-navigation-bar.mv-nav-parks.mv-nav-bar-scrolled{
	border-bottom: 7px solid #40ae49
}

.uk-navbar-container.mv-navigation-bar.mv-nav-ea.mv-nav-bar-scrolled{
	border-bottom:7px solid #d2c800
}

.uk-navbar-container.mv-navigation-bar.mv-nav-planning.mv-nav-bar-scrolled{
	border-bottom: 7px solid #d6643c
}

.uk-navbar-container.mv-navigation-bar.mv-nav-housing.mv-nav-bar-scrolled{
	border-bottom: 7px solid #c6730c
}

.uk-navbar-container.mv-navigation-bar.mv-nav-solid-waste.mv-nav-bar-scrolled{
	border-bottom:7px solid #4b7984
}

.uk-navbar-container.mv-navigation-bar.mv-nav-liquid-waste.mv-nav-bar-scrolled{
	border-bottom:7px solid #97957e
}

.uk-navbar-container.mv-navigation-bar.mv-nav-water.mv-nav-bar-scrolled{
	border-bottom:7px solid #2a8dc0
}

/*Intiative banner*/

.mv-navigation-height-large{
	height:300px;
	transition:none
}

.mv-navigation-height-large .uk-navbar-container{
	height:inherit
}

.mv-navigation-height-large.mv-nav-bar-scrolled{
	height:100px;
	transition: all .5s ease-in-out;
}

.mv-navigation-height-large.mv-nav-arc{
	background:rgba(205,202,171,1) url('/services/liquid-waste/annacis-research-event-centre/PublishingImages/AnnacisReseachCentre.jpg') no-repeat right center;
	background-size:cover;
}

.mv-navigation-height-large.mv-nav-nutrifor{
background:rgba(205,202,171,.3) url('/services/liquid-waste/nutrifor/PublishingImages/nutrifor-banner.jpg') no-repeat right center;
	background-size:cover;
	transition:none
}

.mv-navigation-height-large.mv-nav-arc.mv-nav-bar-scrolled, .mv-navigation-height-large.mv-nav-nutrifor.mv-nav-bar-scrolled{
	border-bottom: 7px solid #97957e;
}

/*.uk-navbar-container.mv-navigation-height-large.mv-nav-nutrifor{
	background:rgba(205,202,171,.3) url('/services/liquid-waste/nutrifor/PublishingImages/nutrifor-banner.jpg') no-repeat right center;
	background-size:cover;
}

.uk-navbar-container.mv-navigation-height-large.mv-nav-arc{
	background:rgba(205,202,171,.3) url('/services/liquid-waste/annacis-research-event-centre/PublishingImages/AnnacisReseachCentre.jpg') no-repeat right center;
	background-size:cover;
}*/

.mv-title-section{
	background-color:rgba(38,108,173,.7);
}
.mv-title-border{
	border-top: 7px solid #205b91
}
.mv-title-section.mv-title-air{
	background-color:rgba(105,205,255,.7);
}

.mv-title-border.mv-title-border-air{
	border-top: 7px solid #69cdff
}

.mv-title-section.mv-title-parks{
	background-color:rgba(64,174,73,.7)
}

.mv-title-border.mv-title-border-parks{
	border-top: 7px solid #40ae49
}

.mv-title-section.mv-title-ea{
	background-color:rgba(210,200,0,.7);
}

.mv-title-border.mv-title-border-ea{
	border-top: 7px solid #d2c800
}

.mv-title-section.mv-title-planning{
	background-color:rgba(214,100,60,.7);
}

.mv-title-border.mv-title-border-planning{
	border-top: 7px solid #d6643c
}

.mv-title-section.mv-title-housing{
	background-color:rgba(198,115,12,.7);
}

.mv-title-border.mv-title-border-housing{
	border-top: 7px solid #c6730c
}

.mv-title-section.mv-title-solid-waste{
	background-color:rgba(75,121,132,.7);
}

.mv-title-border.mv-title-border-solid-waste{
	border-top:7px solid #4b7984
}

.mv-title-section.mv-title-liquid-waste{
	background-color:rgba(151,149,126,.7);
}

.mv-title-border.mv-title-border-liquid-waste{
	border-top:7px solid #97957e
}

.mv-title-section.mv-title-water{
	background-color:rgba(42,141,192,.7);
}

.mv-title-border.mv-title-border-water{
	border-top:7px solid #2a8dc0
}

.mv-video-wrapper{
	height: 100vh;
	width: auto;
	min-height: 100%;
	min-width: 100%;
}

.mv-video-contain{
 	object-fit: contain;	
}

.mv-full-screen-height{
	height: 100vh;
    z-index: 1;
}

.mv-bottom-nav{
    z-index:100;
}

.mv-bottom-nav a{
	text-decoration:none
}

.mv-bottom-nav .mv-bottom-nav-item{
	padding:7px 20px;
	background-color:rgba(255,255,255,.9);
	font-size:1rem;
	font-weight:bold;
	margin:0px 3px;
  	-webkit-transition: all .3s ease-in-out;
  	transition:all .3s ease-in-out;
}

.mv-bottom-nav a:hover .mv-bottom-nav-item{
	padding:15px 20px;
}

.mv-bottom-nav a.mv-active .mv-bottom-nav-item{
	padding: 15px 20px;
}

.mv-bottom-nav-intiatives{
	border-top:5px solid rgba(45,129,206,1);
}

.mv-bottom-nav-services{
	border-top:5px solid rgba(56,193,200,1);
}

.mv-bottom-nav-quick-links{
	border-top:5px solid rgba(216,101,60,1);
}

.mv-bottom-nav-events {
	border-top:5px solid rgba(48,162,221,1);
}

.mv-bottom-nav a:hover .mv-bottom-nav-intiatives{
	border-top:10px solid rgba(45,129,206,1);
}

.mv-bottom-nav a:hover .mv-bottom-nav-services{
	border-top:10px solid rgba(56,193,200,1);
}

.mv-bottom-nav a:hover .mv-bottom-nav-quick-links{
	border-top:10px solid rgba(216,101,60,1);
}

.mv-bottom-nav a:hover .mv-bottom-nav-events {
	border-top:10px solid rgba(48,162,221,1);
}

.uk-dotnav.mv-white>.uk-active>*{
	background-color:rgba(255,255,255,1)!important
}

.uk-dotnav.mv-white a{
	background-color:rgba(255,255,255,.5)!important
}


/*.mv-hp-side-nav a:hover > div.mv-hp-side-nav-search, .mv-hp-side-nav a.active  > div.mv-hp-side-nav-search {
	background:rgba(179,223,182,1);
	border-left:10px solid rgba(64,174,73,1);
	width:110px;
}

.mv-hp-side-nav a:hover > div.mv-hp-side-nav-initiatives, .mv-hp-side-nav a.active  > div.mv-hp-side-nav-initiatives {
	background:rgba(171,205,235,1);
	border-left:10px solid rgba(45,129,206,1);
	width:110px;
}

.mv-hp-side-nav a:hover > div.mv-hp-side-nav-services, .mv-hp-side-nav a.active  > div.mv-hp-side-nav-services {
	background:rgba(175,230,233,1);
	border-left:10px solid rgba(56,193,200,1);
	width:110px;
}

.mv-hp-side-nav a:hover > div.mv-hp-side-nav-quick-links, .mv-hp-side-nav a.active  > div.mv-hp-side-nav-quick-links {
	background:rgba(239,193,177,1);
	border-left:10px solid rgba(216,101,60,1);
	width:110px;
}

.mv-hp-side-nav a:hover > div.mv-hp-side-nav-events, .mv-hp-side-nav a.active  > div.mv-hp-side-nav-events{
	background:rgba(172,218,241,1);
	border-left:10px solid rgba(48,162,221,1);
	width:110px;
}*/

.mv-search-container{
	height:100vh
}

.mv-service{
	padding:0px;
	margin:0px;
	width:20%
}

.mv-service img{
	width:40%
}

/*MV TOOGLE SWITCHER*/

.mv-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 28px;
}

.mv-switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.mv-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 28px;
}

.mv-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 5px;
  bottom: 5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .mv-slider {
  background-color: rgba(38,108,173,1);
}

input:focus + .mv-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .mv-slider:before {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}

/*GOOGLE TRANSLATE*/

#google_translate_element{
	width:auto;
	text-align:right;
	display:block;
	float:right
}

/*Google Input*/
.goog-te-gadget select.goog-te-combo{
	margin:0px!important;
	border: 1px solid rgba(100,100,100,0)!important;
    padding:5px 0px !important;
    background: rgba(0,0,0,0)!important;
    color: #000000!important;
    font-family:'Questrial', Verdana, sans-serif;
    /*height:15px !important;*/
    font-size:1rem!important;
}

.mv-hp-nav .goog-te-gadget select.goog-te-combo {
	border: 1px solid rgba(255,255,255,)!important; 
	background: rgba(255,255,255,0)!important; 
	color: #ffffff!important;
}

.mv-hp-nav .goog-te-gadget select.goog-te-combo option{
	color:#111111!important
}

/*To hide the powered by*/
#google_translate_element img{
	display: none;
}

/* Hide the google top bar*/
/*
body > .skiptranslate {
    display: none;
}
*/


.goog-logo-link{
	display: none !important;
}

.goog-te-gadget{
	height: 35px !important;  
	overflow: hidden;
}

.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important;
}

.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important;
}
/*Removes Original text popup*/

#goog-gt-, #goog-gt-[style]{
	display:none!important;
	visibility:hidden!important
}

.goog-te-banner-frame.skiptranslate, #goog-gt-tt, .goog-tooltip skiptranslate { 
	display: none !important;
} 

.activity-root, .status-message, .started-activity-container{
	display: hide !important;
}  
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{
	background-color:transparent!important;
	box-shadow:0px 0px rgba(0,0,0,0)!important
}
 
/*ICONS*/

ul.fa-ul li {
	margin-bottom:5px
}

.mv-park-icon {
	width: 40px !important;
	height: 40px !important;
}

.mv-park-icon-small {
	width: 30px !important;
}


/* TABLE */
.mv-table-border {
	border: 1px solid #cccccc;
}

.mv-table-border th {
	font-weight: bold;
	text-transform: none;
	font-size: 1rem;
	color: #222;
}

.mv-table-heading-yellow th {
	background: rgb(245,243,183)!important;
}

.mv-table-heading-cobalt th {
	background: rgb(206,240,255) !important;
}

.mv-table-heading-orange th {
	background: rgb(247,230,208)!important;
}

.mv-table-heading-cyan th {
	background: rgb(208,237,252)!important;
}

.mv-table-heading-blue th {
	background: rgb(236,246,255)!important;
}

.mv-table-heading-red th{
	background: rgb(245,231,226) !important;
}

.mv-table-heading-slate th{
	background: rgb(134,195,207) !important;
}

.mv-table-footer {
	background: #E4E4E4;
	pointer-events: none;	
}


/* FOOTER */

.mv-footer {
	background:#343434;
	padding:50px 0px 175px 0px !important
}

.mv-footer a, .mv-footer p, .mv-footer li{
	font-size:0.8rem;
	color:#ffffff !important;
	letter-spacing:.5px
}
.mv-footer h4{
	font-size:0.9rem;
	color:#fff !important;
	text-transform:uppercase;
}

.mv-footer ul{
	padding-left:0px
}

.mv-footer li{
	margin-bottom:0px;
	list-style:none
}

#video-button{
	position:absolute;
	width: 30px;
    margin-top: 0px !important;
    z-index: 10;
    cursor: pointer;
    bottom:5px
}

#video-button i{
	font-size:1.8rem
}

#back-to-top{
	position: fixed; 
	width: 30px;
    margin-top: 0px !important;
    bottom: 0px;
    right: 90px;
    z-index: 10;
}

#mv-privacy{
	width:100%;
	/*position:absolute*/
	bottom:0px;
	margin:0px;
	z-index:20
}

#mv-privacy a:link, #mv-privacy a:visited{
	text-decoration:underline;
	color:#0f6ecd
}

#mv-privacy a:hover{
	text-decoration:none;
}

.disable-scrollbars::-webkit-scrollbar {
  background: transparent; /* Chrome/Safari/Webkit */
  width: 0px;
}
    
.disable-scrollbars {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}

/*PROJECT TIMELINE*/

section#mv-timeline{
  width: 100%;
  margin: 10px 0 0 15px /*auto*/;
  position: relative;
}

/* timeline line color */
section#mv-timeline:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  margin: 0 0 0 -1px;
  width: 2px;
  height: 100%;
  background: rgba(255,255,255,0.2);
  background: rgba(0,0,0,0.2);
}

section#mv-timeline article {
  width: 100%;
  margin: 0 0 20px 0;
  position: relative;
}

/* timeline box colour */
section#mv-timeline article div.inner span.date {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  margin: 0 0 0 -14px;
  text-transform: uppercase;
  border: 2px solid #656565;
  background:#fff;
}

section#mv-timeline article .article-right {
  margin-left:20px;
}

section#mv-timeline article .article-right p.time{
  font-size:1rem;
  margin-bottom:5px;
  font-weight:bold
}

section#mv-timeline article .article-right div, section#mv-timeline article .article-right div p{
	font-size:.9rem
}

section#mv-timeline article div.inner{
	width:90%
}

section#mv-timeline article div.inner span.date.active {
  display: block;
  border: 3px solid #4acf56 !important;
  background:#d8f0da;
}

.uk-tab>*{
	padding-left:10px
}
.uk-tab li{
	margin-bottom:0px
}

.uk-tab>.uk-active>a {
	border-top:3px solid #ffffff;
	border-bottom:0px solid #ffffff;
	background:rgba(255,255,255,.1)
}

.uk-tab h4{
	color:#ffffff;
	font-weight:normal;
	padding-top:10px;
	font-size:1rem!important
}

.uk-tab a:hover{
	border-top:3px solid #ffffff;
	border-bottom:0px solid #ffffff;
	background:rgba(255,255,255,.1);
}

.uk-tab a:hover h4, .uk-tab>.uk-active h4{
	color:#ffffff!important;
}

.ms-promlink-button{
	width:20px;
	height:20px;
	text-align:center;
	background:rgba(120,120,120,0);
	border:0px
}

.ms-promlink-button-enabled{
	background:rgba(120,120,120,.1);
}


/*PNE*/

.pne-table{
	border-collapse:revert!important;
	margin-bottom:0px;
	border-spacing:0px 10px
}
.pne-table tr{
	background-color:#fbae40
}

.pne-table td{
	background-color:#fbae40
}

.pne-table td.arrow{
	background-color:#e37704;
	clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
	font-weight:bold;
	color:#ffffff;
	-webkit-box-shadow: 5px 5px 5px -2px rgba(0,0,0,0.6); 
    box-shadow: 5px 5px 5px -2px rgba(0,0,0,0.6);
}

h3.pne-header{
    background:#e68824;
	clip-path: polygon(0% 0%, 5% 50%, 0% 100%, 100% 100%, 95% 50%, 100% 0%);
	text-align:center;
	width:90%;
	max-width:500px;
	font-size:1.25rem;
	margin-left:auto;
	margin-right:auto;
}

/*MEDIA QUERY LAPTOP*/
@media screen and (min-width:900px) and (max-height:950px){
.mv-search-container {
    height: 100vh;
}

.mv-hp-side-nav {
    top: calc(50% - var(--uk-position-margin-offset));
}

}

/* Phone landscape and smaller */
@media (max-width: 960px) {
.mv-logo img {
	max-width:150px;
	margin-left:20px
}

.mv-hp-background video{
	display:none
}

.hp-content-row .mv-full-height{
	height:auto;
	min-height:100%;
}

.hp-content-row .mv-full-height .uk-position-center{
	position:relative!important;
	top:0px;
	left:0px;
	--uk-position-translate-x: 0%;
    --uk-position-translate-y: 00%;
}

.mv-tagline {
	font-size:1.6rem;
	line-height:1.2
}

.mv-hp-search{
	width:80%
}

.mv-hp-search .ms-srch-sb>input{
	width:80%!important
}

h2.tagline{
	font-size:1.2rem!important;
	margin-top:10px;
	line-height:1.2
}

.mv-bottom-nav{
	display:none
}

h2, .h2, .ms-rtestate-field h2, h2.ms-rteElement-H2{
	font-size:1.2rem
}

.uk-tab h4{
	font-size:.8rem!important
}

}

@media (max-width: 640px) {
h1, .h1, .ms-rtestate-field h1, h1.ms-rteElement-H1, h1.ms-core-pageTitle, h1.ms-core-pageTitle a{
	font-size:1.3rem
}

.mv-featured-slider .uk-card .uk-height-small{
	height:200px!important
}

.mv-alert-top{
	padding-left:10px;
	padding-right:20px
}
.mv-alert-top p, .mv-alert-top .h5{
	font-size:.8rem
}

#mv-privacy p{
	font-size:.9rem;
	padding:0px 30px 0px 0px
}

#back-to-top {
	right:10px
}
} 

@media (max-width: 450px){
	.mv-hp-search .ms-srch-sb>input {
    width: 73%!important;
}