body 				{font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;color:#2D2926;}
h1,h2,h3,h4,h5,h6	{color:rgb(47, 46, 42);}
h1,h2				{font-family: 'Roboto Slab', Constantia, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", Georgia, serif; weight:700;}
.mini-text h2 		{font-family: 'Roboto Slab', Constantia, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", Georgia, serif;}
header img { width:auto; height:85px; margin-top:10px; }
@media only screen and (max-width: 670px) {
	 header img { height:70px; }
}
footer 				{background:rgb(47, 46, 42); color:#fff;}
aside #block-dot-rightcolumn {border: 1px solid #ececec;}
aside #block-dot-rightcolumn {padding:1rem; border-radius:5px; margin-top: 2rem;}
aside #block-dot-rightcolumn h2:first-of-type, aside #block-dot-rightcolumn h3:first-of-type {margin-top: 0 !important;}
#block-dot-content img {max-width:100%;height:auto;}
.page-node-type-news .maincontent {max-width: 56rem;}
.crumb_trail {padding: .6em 0;}
#block-dot-haveapressinquiry {margin-top:32px;}
.clearfix {clear:both;}

.highlight 		{background: rgba(242, 223, 189,.7);padding: 1rem;}
.highlight.blue {background: rgb(189, 234, 249);}
.rounded 		{border-radius:5px;}
.dot-black 		{color:var(--dot-black)}
.dot-black-bg 	{background-color: var(--dot-black-bg)}
.dot-blue 		{color: var(--dot-blue)}
.dot-blue-bg 	{background-color: var(--dot-blue-bg)}
.dot-orange 	{color: var(--dot-orange)}
.dot-orange-bg 	{background-color: var(--dot-orange-bg)}
.flex-cell.highlight {padding: 0 16px 0 16px;}

/*.jumbotron {height:340px; background:rgb(236, 236, 232) url(/dot/sites/maine.gov.dot/files/2023-10/River-View-J-R-Ogden-Photograpybig-cropped2.jpg) no-repeat;background-size:cover;}*/

.homepage-hero { height:340px; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; }

@media only screen and (max-width: 321px) {
  .herotext {
    margin: 0 1rem 0 0!important;
  } }
  
ul.sf-menu .sf-sub-indicator {
	height: 14px;
	width: 14px;
}

nav#top-nav 						{ border-top: 5px solid var(--dot-orange) !important;}

ul.sf-menu .sf-depth-1
{
	min-height: 2rem; /* Adjust this value as needed */
}

ul.sf-menu.menu ul {
  margin-top: 0 !important;
}

.sf-accordion-toggle a, a#superfish-top-tabs-toggle { color: var(--dot-blue)!important;}

/*nav#top-nav, nav#top-nav ul.sf-menu { background-color: rgb(29, 61, 109);} */ 
/*nav#top-nav 						{ border-top: 5px solid #CC8A00;} */ 

/* colors for superfish are defined here */ 
/* a.sf-depth-1										{background-color:rgba(29, 61, 109, 1); color:#fff;}
a.sf-depth-2,a.sf-depth-3,a.sf-depth-4 				{background-color:rgb(65, 90, 121);color:#fff;}
a.sf-depth-1:hover									{background-color:rgb(65, 90, 121);}
a.sf-depth-2:hover, a.sf-depth-3:hover, a.sf-depth-4:hover {background-color:rgb(65, 90, 121);color:#fff;}
a.is-active.sf-depth-1.menuparent.sf-with-ul 		{background-color:rgba(29, 61, 109,1,.8);}
li.active-trail.sf-depth-1.menuparent 				{background-color:rgba(33,33,33,1);}
	@media only screen and (max-width: 818px) {
		a.sf-depth-1, a.sf-depth-2, a.sf-depth-3, a.sf-depth-4 									{background-color:rgba(29, 61, 109,1) !important}
		a.sf-depth-1:hover, a.sf-depth-2:hover, a.sf-depth-3:hover, a.sf-depth-4:hover 			{background-color:rgba(29, 61, 109,.7) !important}
		a.sf-depth-1:visited, a.sf-depth-2:visited, a.sf-depth-3:visited, a.sf-depth-4:visited 	{background-color:rgba(29, 61, 109,1) !important}
	}

@media only screen and (max-width: 819px) {
	a#superfish-main-toggle span 					{color:#fff;}
}
*/

.ckeditor-accordion-container > dl dt {font-weight:bold;}
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {background-color: rgba(241, 241, 241,1); color:rgba(29, 61, 109,1)}
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:hover:not(.button) {background-color: rgba(241, 241, 241,.8) !important; color:rgba(29, 61, 109,.8)}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {background: rgba(29, 61, 109,1);}

.map-iframe { margin:5px; }
.inline {display:inline-block; margin:1rem 0;}

#sectionnav li a, .sectionnav li a {border-left: 6px solid rgb(37, 60, 106);}
.tbstriped, .datatable {width:100%;}
.tbstriped thead tr th, .datatable thead th {background-color:rgb(37, 60, 106);color: #fff;border: 1px solid #d9d9d9;}

.emailsignup			{text-align:center !important; border-radius:4px; padding:5px;}
.emailsignup h3 		{font-size: 1.125rem;margin: 0;}
.emailsignup form 		{}
.envelope 				{width: 72px;height: auto; margin:1rem auto 0 auto;}

table.dataTable tr.odd {background-color: #efefef;}

.inpage-nav {border-top:5px solid rgb(194, 141, 47);border-bottom:5px solid rgb(194, 141, 47);padding: .5em 0;}
.inpage-nav h2,.inpage-nav h3 {display:inline;margin-right:1rem;margin-bottom:1rem; font-size:1rem;}
.inpage-nav ul {display:inline-block;margin:0;padding:0;list-style: none;}
.inpage-nav li {display:inline;margin: 0 0 4px 0;}
.inpage-nav li:after {content: "   |  ";white-space: pre;break-before: avoid;color:#999;}
.inpage-nav li:last-child:after {content: ""}

/* FORM OVERRIDES */
fieldset.captcha.captcha-type-challenge--math {border-width: 1px;border-style: solid;border-color: rgb(192, 192, 192);}
.form-actions.webform-actions {text-align:center; margin-top:1rem;}
.secondary_cta {border: 1px solid rgb(65, 90, 121);}

/* ADMIN SITE OVERRIDES */
.local-actions__item .button, .local-actions__item .button:visited {color:#fff;}
.local-actions__item a:hover {color:#fff;}
input#edit-pass,input#edit-name  {padding: 4px;font-size:1rem;}

li h4 {margin:0;}
.project-form {margin: 1rem 0; padding: .5rem 1rem 1rem 1rem; border: 1px solid #ececec; border-radius: 5px; background-color:#edebe5;}
.maprightcol {margin: 1rem 0;}
fieldset {margin-bottom: 1rem;}
.fieldset-legend {font-weight:bold;}
.webform-submission-contact-a-region-form {margin-top: 2rem;}
#search-box h4 {margin-top:0;}

.horizontal-tabs { margin: 2rem 0 1em 0; }
.horizontal-tab-button a:focus-visible {
  /* custom focus styles */
  box-shadow: 0 0 2px 2px #51a7e8;
  /* color: rgb(189, 234, 249); */
}
.tabs { display: flex; flex-wrap: wrap; margin: 0 auto 20px; border-radius: 10px 10px 0 0; }
.radiotab { position: absolute; opacity: 0; }
.tabs .label { width: 100%; padding: 6px 12px; background: #e5e5e5; cursor: pointer; font-weight: bold; font-size: 1.125rem; color: #7f7f7f; transition: background .3s, color .3s; border: none; border-radius: 0; text-align: center; margin-right:4px; }
.tabs .label:hover { background: #d8d8d8; }
.tabs .label:active { background: #ccc; }
.radiotab:checked + .label { background: #fff; color: #000; border-top: solid 2px rgb(164, 161, 162); border-left: solid 2px rgb(164, 161, 162); border-right: solid 2px rgb(164, 161, 162); border-bottom: none; z-index: 10; }
.panel { display: none; padding: 1rem; background: #fff; width: 100%; border: solid 2px rgb(164, 161, 162); margin-top:-2px }
.radiotab:checked + .label + .panel { display: block; }
	@media (min-width: 600px) {
	.panel { order: 99; }
	.tabs .label { width: auto; border-radius: 5px 5px 0 0; border-bottom: solid 2px #fff; }
	.radiotab:checked + .label {  border-bottom: solid 2px #fff; z-index: 10; }
	}

board,.blue-border {
    padding: 10px;
    margin: 0;
    border: 2px solid #4c788c;
    margin-bottom: 1rem;
}

/* BROUGHT OVER FROM OLD SITE */

      .gallery-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: distribute;
        justify-content: flex-start;
        gap:.5rem;
      }

      .gallery-thumbnail {
        width: 200px;
        height: 210px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);
        box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);
/* 
        margin-bottom: 1rem;
        margin-left: 1rem
 */
      }

      .image-thumbnail {
        max-width: 200px;
        min-height: 150px;
		max-height: 151px;
        background: #d3d3d3
      }

      @media screen and (max-width:768px) {
        .gallery-wrapper {
          justify-content: center;
        }
      }

.col26percent {width: 26%;padding: 2%;}
.item {border: 1px solid #efefef;
padding: 2%;
margin-bottom: 2%;
min-height: 100px;
height: auto !important;clear:both;}

/* weather icons */
@font-face{font-family:weather;src:url(/mdot/_siteassets/assets/fonts/weather/artill_clean_icons-webfont.eot);src:url(/mdot/_siteassets/assets/fonts/weather/artill_clean_icons-webfont.eot?#iefix) format('embedded-opentype'),url(/mdot/_siteassets/assets/fonts/weather/artill_clean_icons-webfont.woff) format('woff'),url(/mdot/_siteassets/assets/fonts/weather/artill_clean_icons-webfont.ttf) format('truetype'),url(/mdot/_siteassets/assets/fonts/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg) format('svg');font-weight:400;font-style:normal}

/* New fixed header 5/7/15 */
.sb-slide, #content, .sb-slidebar {-webkit-transition: -webkit-transform 400ms ease;-moz-transition: -moz-transform 400ms ease;
-o-transition: -o-transform 400ms ease;transition: transform 400ms ease;-webkit-transition-property: -webkit-transform,left,right;/* -webkit-backface-visibility: hidden; */}
#fixedheader {height: 103px;width: 90%;position: fixed;margin-top: 0;background: #efefef;z-index:9400}

/* Flex header 6/1/2021 */
.flex-header {
 
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  padding: 0;
  margin: 0;
  list-style: none;
}

.flex-item1 {
  background: url(https://www.maine.gov/mdot/_siteassets/assets/img/mainedotlogo200.png);
  padding: 4px;
  width: 190px;
  height: 48px;
  margin-top: 10px;
  line-height: 150px;
 
}
.flex-item2 {
  background: url(https://www.maine.gov/mdot/_siteassets/assets/img/Internet_Banner_left_text_with_line.png);
  padding: 5px;
  width: 485px;
  height: 58px;
  margin-top: 0px;
  line-height: 150px;

}

#menu h5 {font-size: 1.1em;padding: 3px 0;}

#menu li .dropleft   {position:absolute;  left:-999em;border-right:2px solid #ccc;}
#menu li .dropright {position:absolute;  right:-9999em;border-left:2px solid #ccc;display:none !important;}
/* show the dropdown on hover */
/*#menu li:hover .dropdown{left:0px;top:auto;}*/
#menu li:hover .dropleft{left:0px;top:auto;-moz-border-radius: 0px 5px 5px 5px;  -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;}
#menu li:hover .dropright {display: block !important;right:0px;top:auto;-moz-border-radius: 5px 0px 5px 5px;  -webkit-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px;}
#menu .menu_right {float:right;margin-right:0px;-moz-border-radius: 5px 0px 5px 5px; -webkit-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px;left:auto;  right:-1px; top:auto;}
#menu li:hover div a { color:#015b86;}
#menu li:hover div a:hover { color:#029feb;}	
#menu li ul {list-style:none; padding:0;  margin:0 0 12px 0;}
#menu li ul li { position:relative; padding:3px; margin:0;float:none; text-align:left;border-bottom: 1px  solid #fff}
#menu li ul li:hover { background:none;border-bottom:1px  solid #fff;}	
#top_nav, #menu li ul.dropdown   {background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 72%, #e1e1e1 95%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(72%,#f1f1f1), color-stop(95%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 72%,#e1e1e1 95%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 72%,#e1e1e1 95%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 72%,#e1e1e1 95%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 72%,#e1e1e1 95%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
}


/********************
typography & affects 
********************/

/* text colors */
.whitetxt, a.whitetxt, .whitetxt h3, .white, a.white, .panel div p, .panel div h1,.panel div h2, .panel div ul,  .panel div a, .accordionpanel div p, .accordionpanel div h1, .accordionpanel div h2, .accordionpanel div ul, .accordionpanel div a, a.bar, a.white, .medbluebg, .redbg, .lterbluebg, .ltbluebg, .medgreenbg, .orangebg, .medgreybg, .dkgreybg, .darkbluebg {color: #fff !important;}
.lightgreytxt {color:#efefef}
.grey {color: #444}
.grey:hover {color: #555}
.medblue {color:#596678 }
.darkblue {color:#063F62 }
.red {color:rgb(178, 89, 40)}
.red:hover {color:rgba(178,89,40,.8) }
.creamtxt {color: #edebe5}
.orangetxt {color: #D29963}
.brightorangetxt {color: #DB7119}

.smh1,.smh2 {text-align:center;}
.smh1 i, .smh1 {font-size: 1.5em}
.smh2 {font-size: 1.2em}

.lgtxt {font-size: 200%}
.micetxt {font-size: .75em}

.sidecol h2 {font-size: 1.2em}

.txtcenter {text-align:center}
.txtleft {text-align:left}
.txtright {text-align:right}
.txtbold, .boldtxt {font-weight: 700 !important}

.italictxt, .txtitalic {font-style:italic;}

/*foundation icons */

.fsize24px{font-size: 24px;}
.fsize36px {font-size: 36px;}
.fsize48px{font-size: 48px;}
.fsize64px {font-size: 64px;}
.fsize72px{font-size: 72px;}
.fsize96px {font-size: 96px;}
.fsize128px{font-size: 128px;}
.fsize256px {font-size: 256px;}

.fa {padding-right:4px;padding-left:4px;}

.fa-6x {font-size: 6em}
.fa-4x {font-size: 4em}


.hoverable {cursor: pointer;}
.hoverable:hover, .opac7 {opacity:.7;filter:alpha( opacity=70 )}

.title {border: 2px solid #efefef; border-width: 2px 0 2px 0}

/* round corners */
.round4 {-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px}
.roundtop2 {-webkit-border-radius: 12px 12px 0 0;-moz-border-radius: 12px 12px 0 0;border-radius: 12px 12px 0 0;}
.roundbtm2 {-webkit-border-radius: 0 0 12px 12px;-moz-border-radius: 0 0 12px 12px;border-radius: 0 0 12px 12px}

.code {color: #efefef;background: #333;padding:10px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}

.greyborder2px {border-radius: 12px;border: 2px solid #efefef}

/* lists */
.nobullet {margin-left: 0px;}
.nobullet li {list-style:none;padding: 4px 0px; border-bottom: 1px solid #efefef;margin-left: 0px  }
.nobullet li:hover {display:block;background: #f1f1f1}
.nobullet li.last{border-bottom: 0px;}

.lgbtn {width: 30%}
.medbtn {padding: 5px 10px;font-size: 98% }
.smallbtn {width: 5%;padding:5px 8px;font-size: 75%; line-height:normal}

/*************
boxes & wrappers - Note Use color classes below for color. Use floats
*************/
.box { display:block;padding: 5px;}

.videowrapper {
	position: relative;
	padding-bottom: /*56.25%*/46%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	overflow:hidden;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
         

/***********************
padding, widths, margins 
***********************/

.margintopzero {margin-top:0}
.margintop10px {margin-top:10px}
.marginbtm10px {margin-bottom: 10px;}
.width180px {width: 180px;}
.pad5px {padding: 5px;}
.pad10px {padding:10px}
.marginrt10px {margin-right: 10px;}
.marginleft10px {margin-left: 10px;}
.width30percent {width:30%}
.pad2percent {padding: 2%}
.marginbtm2percent {margin-bottom: 2%}

.txtindent {text-indent: 3%}

/**********************
floats & positioning & display
***********************/
.floatleft {float: left;margin-right: 1.21875em;}
.floatright {float: right;margin-left: 1.21875em;}

.round4 {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}


/**********************
forms 
*********************/
form.basicform input, form.basicform textarea, form.basicform select,  form.basicform select {-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;color: #666; background: #f5f5f5; border: 1px solid #ccc;padding: 3px}

/* Form style */

form.styled label { display:  inline-block; height: 26px; line-height: 26px; width: 20%; font-size: 1em;  }
form.styled input, form.styled textarea, form.styled select, form.styled input.chkbx { padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px;border-radius: 5px }
form.styled label.labelchkbx {float:none;line-height:16px;margin-left:6px; min-width:100px;width:auto !important;width:80%;}
* html form.styled label.labelchkbx{width:95%;}
/* 
form.styled input, textarea {width: 70%}
 */
form.styled input.chkbx {margin-left:5px}
form.styled input:focus, form.styled textarea:focus, form.styled select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
form.styled input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px}
form.styled input.submit:hover { background:#444; }
form.styled fieldset { padding:.5rem 1rem; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px;border-radius: 5px  }
form.styled legend { padding:7px 10px; font-weight:bold; color:#000; border:0px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px;border-radius: 5px }

form.styled span.required, span.required{ font-size: 1.125rem; color: #ff0000; } /* Select the colour of the * if the field is required. */
form.styled, form.styled legend, form.styled fieldset {width: 100%;}
/* Style for the error message */

form.styled .error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px }

#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }

.redtxt {color: #c85c5c}

/******************************
 background colors  & textures
******************************/
.redbg {background: #c85c5c}
.darkbluebg {background: #063F62}
.medbluebg {background: /*#505d73*/ #596678}
.lterbluebg {background: #77b1d1}
.vltbluebg {background:rgb(189, 234, 249);}
.ltbluebg {background: #487FA8}
.medgreenbg {background: #76c2af !important}
.yellowbg {background: #f5cf87}
.ltyellowbg {background: rgba(242, 223, 189,.7)}
.orangebg {background: #e2995e}
.creambg {background: #f1efeb}
.offwhite {background: #EFECE3}
.whitebg {background: #fff;}
.ltcreambg {background: #f6f6f4}
.medcreambg {background: #dbdbd8}
.ltgreybg {background: #efefef}
.medgreybg {background: #555}
.dkgreybg {background: #444}
.ltgraybg {background: #efefef;border: 1px solid #ccc;}

/* paper texture */
.redbgimg {background: url(../img/bg/redpaper.png) repeat top left }
.medbluebgimg {background: url(../img/bg/medbluepaper.png) repeat top left }
.medgreenbgimg {background: url(../img/bg/greenpaper.png) repeat top left}
.yellowbgimg {background: url(../img/bg/yellowpaper.png) repeat top left }
.orangebgimg {background: url(../img/bg/orangepaper.png) repeat top left }
.creambgimg {background: url(../img/bg/creampaper.png) repeat top left }
.dkgreybgimg {background: url(../img/bg/dkgreypaper.png) repeat top left }
.medgreybgimg {background: url(../img/bg/medgreypaper.png) repeat top left }
.ltgreybgimg {background: url(../img/bg/ltgreypaper.png) repeat top left }
.ltbluebgimg, .weather {background:  url(../img/bg/ltbluepaper.png) repeat top left}

a.redbgimg:hover, a.medbluebgimg:hover, a.medgreenbg:hover, a.yellowbgimg:hover,a.orangebgimg:hover, a.creambgimg:hover, a.dkgreybgimg:hover, a.medgreybgimg:hover, a.ltgreybgimg:hover, a.ltbluebgimg:hover,a.medgreenbgimg:hover, .medbluebgimg:hover, .redbgimg:hover, .ltbluebgimg:hover,a.bar:hover, .button:hover,  a img:hover  {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  filter: alpha(opacity=80);  -moz-opacity: 0.8;   -khtml-opacity: 0.8;  opacity: 0.8;}

.colheader {background: #487FA8;color: #f1f1f1;padding:3px}

/* google map header */
.mapheader {-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: #efefef;width: 100%;height:250px;padding: 4px;}
.map400px {width:400px;height:450px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background: #efefef;padding: 4px;}
.maprightcol {width: 100%; height:200px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}

/* weather icons */
.weather{width:95%;margin:0 auto;text-align:center;-moz-border-radius:12px;border-radius:12px;border:2px solid #efefef;padding:6px}.weather i{color:#fff;font-family:weather;font-size:2em;font-weight:400;font-style:normal;line-height:1}.icon-0:before{content:":"}.icon-1:before{content:"p"}.icon-2:before{content:"S"}.icon-3:before{content:"Q"}.icon-4:before{content:"S"}.icon-5:before,.icon-6:before,.icon-7:before,.icon-8:before{content:"W"}.icon-9:before{content:"I"}.icon-10:before{content:"W"}.icon-11:before,.icon-12:before,.icon-13:before,.icon-14:before{content:"I"}.icon-15:before{content:"W"}.icon-16:before{content:"I"}.icon-17:before{content:"W"}.icon-18:before{content:"U"}.icon-19:before,.icon-20:before,.icon-21:before,.icon-22:before,.icon-23:before{content:"Z"}.icon-24:before,.icon-25:before{content:"E"}.icon-26:before{content:"3"}.icon-27:before{content:"a"}.icon-28:before{content:"A"}.icon-29:before{content:"a"}.icon-30:before{content:"A"}.icon-31:before{content:"6"}.icon-32:before{content:"1"}.icon-33:before{content:"6"}.icon-34:before{content:"1"}.icon-35:before{content:"W"}.icon-36:before{content:"1"}.icon-37:before,.icon-38:before,.icon-39:before{content:"S"}.icon-40:before{content:"M"}.icon-41:before{content:"W"}.icon-42:before{content:"I"}.icon-43:before{content:"W"}.icon-44:before{content:"a"}.icon-45:before{content:"S"}.icon-46:before{content:"U"}.icon-47:before{content:"S"}.weather h2{margin:0 0 -10px;color:#fff;font-size:1.9em;font-weight:300;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.15)}.weather ul{margin:0;padding:0;list-style:none}.weather li{padding:0 4px 2px;border-radius:5px;color:#efefef}.weather li.currently{font-size:20px!important}

/* accordion */

.accordion-container {width: 100%;margin: 0 0 5px;clear: both;}
.accordion-toggle {position: relative;display: block;padding: 5px;font-size: 1em;font-weight: 400;background: #f1f1f1;/*background: #487FA8;*/color: #333;text-decoration: none;	}
a.accordion-toggle, a.accordion-toggle span.toggle-icon {color: #3366CC;}
.accordion-toggle.open {background: #efefef;color: #3366CC;}
.accordion-toggle:hover {background: #d1cfcf;color: #c00}	
.accordion-toggle span.toggle-icon {font-size: 1.3em;}	
.accordion-content {display: none;padding: 20px;overflow: auto;border: 1px solid #f1f1f1}
/*.accordion-content img {display: block;float: left;margin: 0 15px 10px 0;max-width: 100%;height: auto;}*/

a.readmoretoggle {font-size: 105%; color: #3366CC !important; background: #f1f1f1 }
a.readmoretoggle:hover {color: #c00 !important;background: #efefef;}
a.readmoretoggle:hover span.toggle-icon, a.accordion-toggle:hover span.toggle-icon {color: #c00}
a.readmoretoggle:active {background: #efefef}
/* media query for mobile */
@media (max-width: 767px) {
	.accordion-content {padding: 10px 0;overflow: inherit;}	
}

/* home page  */

.werehiring {background:url(../img/werehiringbadge.png) no-repeat;height:150px;width:173px}	
.whatsnew, .smcol {padding: 1%;text-align:center;margin-right: 3%}
.whatsnew .title {font-size:1.5em;background: #063F62;color:#fff;padding:1%}
.whatsnew .subh1 {font-size: 1.3em}
.smcol {text-align:left}
.smcol li  {border-bottom: 1px solid #fff}
.whatsnew img {width: 150px;height:auto}

.boxtitle {text-align: center;-webkit-border-radius: 12px 12px 0 0;-moz-border-radius: 12px 12px 0 0;border-radius: 12px 12px 0 0;color: #fff;margin-bottom: -1px;width: 96%;padding: 2%;}
.boxcontent {-webkit-border-radius: 0 0 12px 12px;-moz-border-radius: 0 0 12px 12px;border-radius: 0 0 12px 12px;margin-top: 0;width: 100%;}

.onethirdbox {width: 26%;padding: 2%;float:left;margin-right:1%;margin-left: 1%}
.onethirdbox h2 {padding: 2%}

.minheight200px { min-height:300px;  height:auto !important;  height:300px;}	

.itembox {padding: 2%;width: 96%;}

/*responsive grid */
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 1% 0 1% 1.3%;}
.col:first-child { margin-left: 0; }

.group:before,.group:after {content:"";display:table;}
.group:after {clear:both;}
.group { zoom:1; /* For IE 6/7 */}

/* make accordion white when in a horizontal tab div */
.resp-tabs-container .accordion-toggle, resp-tab-content .accordion-toggle.open {background: #fff}
.resp-tabs-container .accordion-content {background: #fff !important}

/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */
@media only screen and (max-width:799px) {
	.col {margin: 1% 0 1% 0%;}
	/* added 6/24/16 - full width container for more space on smaller devices tlt */
	#container, #fixedheader {width:99%}
	}
	
/**********************
  media queries
*********************/

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

.whatsnew .floatright {float:none;}
.whatsnew img {display:none}

}
@media screen and (max-width:799px) { 
	
	.js #menu, .js .leftnav {display:none;}	
	.js .slicknav_menu {display:block;}
	li.navtitle {margin-left:0}	
	
	.logo {margin: 2% auto}
	.logodiv {margin-top: 0 !important}
	
	.mobilenavadditions {visibility: visible }
	.toprightnav {display:none}
	.topsearch {margin: 4px auto;text-align:center}
	.hmbx {float:none;width: 100%;margin: 10px auto}
	#fixedheader {position:relative !important;width:100% !important;margin:0 auto;min-height:50px;  height:auto !important;  height:50px;}
	.bar, .topsearch {margin-left:auto;margin-right:auto}
	.accordionpanel {display:block;margin-top:-5px;}
	.accordionpanel div {padding:1%}
	.hmlinks ul li {float:none;width:98%;margin-bottom:3px;margin-left:auto;margin-right:auto;}
	.hmlinks a.toggletitle {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;margin-bottom:-1px}
	
	.mainelogo {margin-top: 0}
	.mobileonly {display: block}
	p {margin-bottom: 2%}
	
	.navtitle {padding-left: 3%}
	form.styled label {display: block;float:none;width: 90%}
	.minheight200px {min-height:0}
	.txtright {text-align:left}	
	
}

/* mobile 700px*/
@media screen and (max-width:700px) {
	#fixedheader {position:relative !important;}
	.slider_container {display:none}
	.map400px {width: 95%}
	.floatright, .floatleft, form.styled label {float:none}
    label[for="verify"] {margin-bottom: 35px}
	.floatright, .floatleft {margin-left: 1%;margin-right:1%}
	.mobileimg {width: 100%;height:auto;margin:0}
	.mobileonly {display: block}
	/*.accordion-toggle {padding-right:30px}
	.accordion-toggle span.toggle-icon {right: 5px;}*/	
	.navtitle {padding: 1%;background: #fff}
	.slicknav_nav li {padding-left: 2%}
	.onethirdbox {float:none;width: 95%; text-align:center}
	.minheight200px {min-height:auto !important; height:auto !important}	
}

/* add custom styles for your site */

.item {background: #fff;padding: 5px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px}

.imgheaders {width:100%;height:auto;overflow:hidden;margin-top:-6px}
.imgheaders img {width: 100%;height:auto}

/*-- table --*/	
.table {
width: 100%;
margin-bottom: 20px;
}
.styled-table { width:100%;background: #FFF;border: 8px solid white;}

.styled-table tr {background: #FFF;	}
.styled-table tr td {
text-align: left;
background:#efeeee;
color: #063F62;
border: 2px solid white;
padding:10px;
font-size: 1rem;
vertical-align:middle;
}
.styled-table tr td.tblsmallpadding {padding: 5px 3px !important;}

.styled-table tr th {
text-align: center;
background:#063F62;
border: 2px solid white;
color:#FFF;
padding: 10px;
font-size: 1em;
}

.styled-table .gray-row td {
background: #CCC;
padding: 25px;
}
.styled-table .white-row td {
background: #FFF;
height: 10px;
color: #1c76ae;
padding: 8px;
}
.styled-table tr:nth-child(even) {background: #fff;}

.styled-table tr:hover td {background: #f1f1f1;}

tr.trlist.trheading td {background:rgb(209, 209, 209) !important;}
tr.trheading h4 {font-size: 1em;margin-top: 0;margin-bottom: 0;}

@media screen and (max-width:50em) {
	.imgheaders {height:250px;overflow: visible;margin-top: 3px}	
}

/* mobile 400px*/
@media screen and (max-width:25em) {	
	.imgheaders, slider_container{display:none}		
}

/* 
@media (prefers-color-scheme: dark) {
  h1,h2,h3,h4,h5,h6 {color: #efefef;}
  .sectionnav li a.current, #sectionnav li a.current {background-color: #333;}
  .crumb_trail p,.jump-box p {color:#fff;}
  .jump-box {border: 1px solid rgb(50,50,50);}
  .jump-box {border-top: 5px solid #1D3D6D;}
   
}
 */
#sectionnav .emailsignup, aside .emailsignup { padding:1px 16px!important; }
#sectionnav .emailsignup h3, aside .emailsignup h3 { margin-top:.2em; margin-bottom:.2em; }
#sectionnav .emailsignup #email, aside .emailsignup #email { width:100%; }

@media only screen and (max-width: 490px) {
		.sectionnav, #sectionnav { display: block; }
        #sectionnav nav { display: none; }
	}

/* H1 with background image */
.image-headline { height:270px; background-size: cover; background-position: center center;  position: relative; margin-bottom:20px; }
.image-headline h1 { position: absolute; bottom: 20px; left: 0; margin: 0; background-color: rgba(0,0,0,.7); color: #fff; padding: 15px 30px; }
.image-headline h1 span { display: block; font-size: .8em; }

#views-exposed-form-news-block-2 { display: flex; gap: 12px; margin-bottom: 16px; }
#views-exposed-form-news-block-2 input { font-size: 1rem; padding: 6px 4px; border-radius: 5px; }
#views-exposed-form-news-block-2 label { font-weight: bold; }
.views-field-field-date-posted { white-space: nowrap; }
.item-list li {display: flex; gap: 4px; }
.maincontent footer { background-color: #fff; }

/* Homepage boxes */
.homeboxes { flex:1 1 30%; border:1px solid rgb(195, 195, 195); border-top:5px solid #1D3D6D; border-radius:5px; padding:0 10px 10px; }
.homeboxes h2 { margin-top:10px!important; position: absolute; bottom: 0; color: #fff; background: rgba(0,0,0,.5); width: 100%; padding: 5px; text-align: center; margin-bottom: 20px; }
.homebox-image { width:calc(100% + 20px); margin-left:-10px; height: 200px; background-size: cover; background-position: center; margin-bottom: 20px; position: relative; }
#block-dot-views-block-news-block-1 footer { background-color:#fff; padding-bottom:0; }
#block-dot-views-block-news-block-1 footer p { text-align:right; }

@media only screen and (max-width:650px) {
	.homeboxes { margin-bottom:10px;
}
}

.video-wrapper50 { width:50%; }
.video-wrapper75 { width:75%; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#block-dot-views-block-news-block-4 .item-list ul { padding-left:0; }
#block-dot-views-block-news-block-4 footer { padding:0; }

.views-field-field-meeting-date {width: 8rem;}

#sumproj svg, #numproj svg { width:800px!important; }
.views-field-field-attachments ul { padding-left: 10px; }