/*
Theme Name: Twenty Seventeen Child 01
Theme URI: 
Description: Child 01 theme for the Twenty Seventeen theme
Author: <a href="https://wordpress.org/">the WordPress team</a>
Author URI: 
Template: twentyseventeen
Version: 1.1
*/

/* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Thu, 16 Mar 2017 09:51:50 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

body{
	font-family:Arial, Helvetica, sans-serif;
}
.site-header {
	background-color: #354e92;
	position: fixed;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	z-index: 7;
}
/* .admin-bar .site-header {
	position: sticky;
	top: 46px;
}
	@media screen and (min-width: 48em) {
		.admin-bar .site-header {
			top: 32px;
		}
	} */
.custom-header { 
/* 	display: none;  */
	float: left;
	margin-bottom: 0 !important;
}
.site-branding {
	padding: 0; /* for now */
	margin-bottom: 0px!important;
}
.navigation-top {
	background: transparent;
}
.main-navigation {
	clear: none;
}
.menu-toggle {
	color: #fff;
	margin-right: 0;
}

.page:not(.home) #content {
    padding-top: 0;
}


@media (min-width: 768px) {
    .navigation-top {
        background-color: #354e92;
        border: none;
/*         width: 100%; */
		width: auto;
        height: 3.5625rem;
/*         top: 0px; */
        font-size: 130%;
/*         bottom: auto;
        position: fixed;
        left: 0;
        right: 0; */
		position: static;
        z-index: 7;
		color:#ffffff;
		float: right;
    }
	.site-navigation-fixed.navigation-top {
		position: static;
		width: auto;
	}
    .navigation-top .wrap {
        max-width: 100%;
		float:right;
		padding: 0.25em 3.4166666666667em;

    }

    .navbar-transition {
        background-color: black !important;
        transition: background-color 1s ease-in-out;
        -moz-transition: background-color 1s ease-in-out;
        -webkit-transition: background-color 1s ease-in-out;
        -o-transition: background-color 1s ease-in-out;
    }
	.admin-bar .navigation-top{
  		top: 20px;
	}
}


#top-menu a {
	color:#ffffff;
	text-transform:uppercase;
	font-family:arial, sans-serif;
	font-weight:normal;
	font-size:15px;
}

.menu li{border-right:solid 1px #446fab;}

/*full width*/
.wrap {
	/* margin-left: auto; */
	/* margin-right: auto; */
	max-width: 100%;
	/* padding-left: 2em; */
	/* padding-right: 2em; */
}
 
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 100%;
		/* padding-left: 3em; */
		/* padding-right: 3em; */
	}
}
 
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	max-width: 100%;
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap
	{
		max-width: 100%;
	}
}

.wrap{padding-left:60px;
	padding-right:60px;
}

@media screen and (min-width: 48em){
	.panel-content .wrap{
		padding:0px;
	}
}
/*end width*/
.mtphr-dnt-tick-container{
	color:#ffffff;
	background-color:#354e92;
	font-weight:bold;
	padding:15px;
}

.mtphr-dnt-inline-title{
	background-color:#1b2e59;
	display:block;
	position:relative;
	z-index:5;
	text-transform:uppercase;
	padding:0 15px 0px 15px;
	font-size: 2.25rem;
	color: #354e92;
	line-height: inherit;
    margin-right: 20px;
	margin-top:-1px;
}

.mtphr-dnt-tick-container { 
	margin-top:-25px;
}



.blog .entry-header{display:block;}
.entry-header{display:none;}


.menu-project-information-container, .menu-commuting-container{
	margin-top: 0;
	background-color:#f5f5f5;
/* 	width:50%; */
	width: 100%;
	padding:10px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    border: 5px solid white;
}
	@media screen and (min-width: 48em){
		.menu-project-information-container, .menu-commuting-container{
			margin-top: calc(100vw - 240%);
		}
	}
	@media screen and (min-width: 61.625em) {
		.menu-project-information-container, .menu-commuting-container{
			margin-top: calc(100vw - 230%);
		}
	}
	@media screen and (min-width: 120em) {
		.menu-project-information-container, .menu-commuting-container{
			margin-top: calc(100vw - 225%);
		}
	}

.widget ul li, .widget ol li{
	border:none;
	
}

ul, ol {padding-left:40px;}

.widget ul li a{
	box-shadow:none;
}

@media screen and (min-width: 48em){
.site-content {
    padding: 4em 0 0;
}
}

.site-footer .wrap{
	background-color:#000;
	color:#ffffff;
}

.site-info {display:none}
.footerlink{
	color:#ffffff;
}

.site-footer .widget-area{
	padding:0 20px;
}

.widget{
	padding-bottom:0;
}

#top-menu .sub-menu a{color:#000;}


@media (max-width: 768px) {
	.wrap{
		padding:0px;
		}

	.panel-content .wrap{
		padding:0px;
	}
	#top-menu a{color:#000000 !important;}
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
.column1 {
  float: left;
  width: 25.25%;
  padding: 0px;
}

.column2 {
  float: left;
  width: 28.65%;
  padding: 0px;
}

.column3 {
  float: left;
  width: 45.7%;
  padding:0px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.entry-content a, .entry-content a:hover, .entry-content a img, .comment-content a img, .widget a img {box-shadow:none;}
.entry-content a:hover { color: #fff; }
.contact-left{width:35%; float:left; margin:3% 5% 0 0;}
.contact-right{width:60%; float:right; margin:3% 0 0 0;}
.page-header{margin-top:3%;}
.blog .site-main > article{margin-top:3%; padding:0;}
.wrap_svl_center{text-align:left;}

.site-footer .wrap {
    padding-bottom: 0;
    padding-top: 1em;
	font-size: 0.75rem;

}

@media screen and (min-width: 48em) {
	
	.blog:not(.has-sidebar) #primary article
	{
	  width: 100%;
	}
	body:not(.has-sidebar):not(.page-one-column) .page-header
	{
	  width: 100%;
	}
}

.entry-utility{display:none;}
.entry-summary{margin-bottom:50px;}
.single-post .content-area{margin-top:50px;}
.wp-image-646{width:100%;}
.mtphr-dnt-tick a {
	color:#ffffff;
	text-decoration:none!important;
	-webkit-box-shadow: none!important;
    box-shadow: none!important;
	}
.mtphr-dnt-tick a:hover {
	color:#ffffff;
	}

.mtphr-dnt-clearfix::before, .mtphr-dnt-clearfix::after{
	display:none;
}


.box_view_html a{
	color:#ffffff;
}

.listfix{margin-left:400px;}
@media screen and (max-width: 478px) {
	.listfix{margin-left:0px;}
}
.text-left{
	text-align:left;
}

.no-margin-b{
	margin-bottom:0;
}

.margin-b-1{
	margin-bottom:1rem;	
}


.section2a{
	padding:5%;
}
.home-section{
	padding:5%;
}
.home-section.tan{
	background-color:#eeece7;
}
.home-section.light-blue{
	background-color:#a9c7d8;
}
.home-section.light-orange{
	background-color:#e2d3c3;
}
ul.indent{
	margin-left:2rem;
}
ul.indent li{
	margin-bottom:.25rem;
}

a.dark-blue{
	color:#002888;
	text-decoration:underline;
}
a.dark-blue:hover{
	color:#002888;
}

.blue-text{
	color:#002888;
}

/* public hearing - home page */
	.comment-flex{
		display:flex; 
		flex-direction: row; 
		gap:2rem; 
		flex-wrap:wrap;
	}	

@media screen and (min-width: 56em){
	.comment-flex{
		justify-content:center;
		gap:6rem; 
	}	
}

/* select a time calender & form for Feb 23rd 2022 > */
.section1b{
	padding:5%;
}

#fbuilder .pbreak.pb0{
	padding:0 1rem;
}
.sb_m #fbuilder .dfield.fslots{
	max-width:700px;
	margin:auto;
}

/* "Select Time..." */
label[for="fieldname1_1"]{
	display:block;
	text-align:center;
	font-size:1rem;
}
/* hide calendar */
.sbfieldCalendar{
	display:none!important;
}

.slots{
	text-align:center;
	display:none;
}
/* time slots */
#fbuilder .slots div{
	width:92px;
	text-align:center;
	padding:0!important;
	border-color:#354e92!important;
}

/* time slots a */
#fbuilder .slots div a{
	width:100%!important;
	padding:0!important;
	color:#354e92!important;
	transition: all .25s ease-out;
	background: #eeece7!important;
}
/* time slots a hover */
#fbuilder .slots div:hover a{
	background:#354e92!important;
	color:#fff!important;
}
#fbuilder .slots div.currentSelection{
	background:#354e92!important;
	border-width:1px !important;
}
#fbuilder .slots div.currentSelection a{
	background: transparent!important;
    color: #fff!important;
}

/* hide date on top of timeslots */
#fbuilder .slots>span:first-of-type{
	display:none;
}


/* selected date */
.sb_item{
	text-align:center;
}
.sb_item:before{
	content: "Selected Time:";
	display:inline-block;
	font-weight:bold;
	margin: 0 .5rem 1rem 0;
}

/* "Select from available..." */
#fbuilder span.uh{
	width:100%;
	text-align:center;
}

/* missing date validation text  */
#fbuilder div.cpefb_error[for="fieldname1_1"]{
	left:50px;
}

/* email, fn, ln, phone inputs */
#fbuilder input.medium{
	width:100%!important
}

/* recaptch container */
#fbuilder .fields:not(#field_1-0), .captcha, .comment-form-container{
	max-width:600px;
	margin:auto;
}

/* Reserve Timeslot form button, comment-submit is comment form submit button */
#fbuilder .pbSubmit, .comment-submit{
	display:block!important;
	margin:auto!important;
	padding:1rem 2rem!important;
	font-size:1.25rem!important;
	background:#1779ba!important;
	color:#fff!important;
	transition:background-color 0.25s ease-out, color 0.25s ease-out;
}
#fbuilder .pbSubmit:hover{
	background:#126195!important;
}

/* < select a time calender & form for Feb 23rd 2022 */

.max-width{
	width:90%;
	margin:auto;
	max-width:600px;
}
.max-width h2{
	padding: 3rem 0 1rem;
}

.r, .nf-field-label .ninja-forms-req-symbol{
	color:red!important;
	
}

.r{
	font-size:14px;
	font-weight:bold;
	margin-left:.25rem;
}

.fields label, .captcha{
	font-weight:bold;
}

#captchaimg_1{
	margin-bottom:1rem;
}
.label-above .nf-field-label{
	margin-bottom:0!important;
}

/* nav bar responsiveness overrides due to ENVIRONMENTAL ASSESSMENT link addition > */

/* allows for submenu expansion */
.navbar{
	overflow:visible;
	position:relative;
}
/* active ham with outline, versus bg color */
.navbar #navbar-toggle.active{
	background-color:transparent;
	outline:solid 1px rgba(255, 255, 255, .8);
	outline-offset:1px;
	line-height:1rem;
}

@media screen and (min-width: 768px){
	/* hide, unless ham is clicked */
	.nav-text-contain{
		display:none;
	}
	/* keep ham visible */
	.navbar #navbar-toggle{
		display:block;
	}
	/* make submenu right aligned and not full width, visible when ham is clicked */
	.navbar #navbar-toggle.active ~.nav-text-contain{
		display:block;
		align-self: flex-start;
		top: 70px;
		position: absolute;
		right: 0;
		z-index: 1;
		background-color: rgba(0, 81, 136, 1);		
	}
	/* keep submenu as vertical */
	.navbar .nav-text-contain #main-nav{
		padding:2rem 0;
		flex-direction:column;
		gap:1.5rem;
	}
	.nav-links, li>.glink{
		margin-left:0!important;
	}

}
@media screen and (min-width: 1330px){
	/* truncates image overflow at higher res */
	.navbar{
		overflow:hidden;
	}		
	/* allways display at this res */
	.nav-text-contain{
		display:block;
	}
	/* hide ham */
	.navbar #navbar-toggle{
		display:none;
	}
	/* set submeu to display inline with flex parent */
	.navbar #navbar-toggle.active ~.nav-text-contain, .navbar #navbar-toggle ~.nav-text-contain{
		position:static;
		align-self:center;
		display:block;
	}
	
	/* submenu links in line */
	.navbar .nav-text-contain #main-nav{
		flex-direction:row;
		padding:0;
		gap:2rem;
	}	
	
}

/* < nav bar responsiveness overrides due to ENVIRONMENTAL ASSESSMENT link addition */

/* make "Project Update" buttons full width until 768px */
.project-update-button-container{
	display:flex; 
	justify-content:center; 
	row-gap:1rem; 
	column-gap:2rem;
	flex-wrap:wrap;
	margin-top:3rem;
}
.project-update-button-container a{
	width:100%;
}

@media screen and (min-width: 768px){
	.project-update-button-container a{
		width:auto;
	}	
}

.m-t-2{
	margin-top:2rem;
}

.m-t-1{
	margin-top:1rem;
}

.m-b-0{
 margin:0!important;
}

.m-b-pt-5{
	margin-bottom:.5rem!important;
}


.m-b-1{
	margin-bottom:1rem!important;
}

.m-b-2{
	margin-bottom:2rem;
}

.sb_item .cancel:hover{
	color:#1779ba;
}
a.blue-hover:hover{
	color:#1779ba;
}
.back-link:before{
	content: "\003C";
	display: inline-block;
	margin-right:.25rem;
}

.nf-response-msg{
	text-align: center;
    font-weight: bold;
	margin-top:2rem;
}

.pa-map{
	position:relative;
	display:block;
}

.pa-map-overlay{
	position:absolute;
	top:5vw;
	left:5vw;
	background-color:rgba(0,0,0,.3);
	padding: 0 .3rem .2rem;
	color:#fff;
}
.pa-map-overlay p, .pa-map-overlay h2{
	text-shadow: 0px 0px 3px #000000;
}
.pa-map-overlay p{
	font-weight:bold;
	line-height:1.25rem;
}

.typical-sections-img{
	max-width:90%;
	margin:auto;
	display:block;
	margin-bottom:2rem;
}

.block{
	display:block;
}