*, *:before, *:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
html {-webkit-box-sizing: border-box;box-sizing: border-box;}
body { background:#fefefe; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
.sliver h2 { font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
header h2.logo {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
h1+h2,h2+h3 {margin-top:0 !important;}
h1,h2,h3,h4,h5,h6 {letter-spacing: 0 !important;color:rgb(60,60,60) !important;}
h2,h3,h4 {margin: 1.5rem 0 1rem 0;}
h2 {color:#002B5C!important; font-size: 1.5rem !important;}
h3 {font-size: 1.25rem !important;color:#333;}
h4.large {font-size:1.125em !important;}
#maincontent1 { padding:0 10px!important; }
#maincontent1 p,#maincontent1 ul,#maincontent1 ol {margin: 0 0 1rem 0;}

.row                     		{width:100%;box-sizing: border-box;clear:both;}
footer .container 				{padding-top:0;}
.clearfix::after 				{content: "";clear: both;display: table;}
.sub-container 					{position:relative;}
#container,#content 			{min-width:20em !important;}/* override values from state agency template to make site fully fluid */
.responsive,aside img 			{max-width:100%; height:auto;}

#maincontent1 img, .flex-cell img {max-width:100%; height:auto; }
@media only screen and (max-width: 651px) { #maincontent2r { width:100%; float:none; } }

/* site search area in upper right */
.header_nav_search { width:33%!important; }
#block-search { clear:both; }
#search-block-form { clear: both; -webkit-appearance: none !important; font-size: 1em; font-weight: bold; position: relative; width: 97%; background: #fff; color: #000; float: right;display:flex;border: 1px solid rgb(232,224,215); }
#search-block-form,#search-block-form2 {border-radius:5px;position:relative;}
#search-block-form input[type="search"] {-webkit-appearance: none !important}
input.edit-submit { font-size:.8em; }
.topsearch { border:none; height:31px; margin-left:5px; width:68%; }
.form-item {flex:1 1 300px;}

.searchbutton input[type="submit"] {
    background:#041e4a!important;
    border:#041e4a!important;
    color: #fff !important;
    margin: 0 !important;
    border-radius: 3px !important;
    height: 25px;
    position: absolute;
    right: 3px;
    text-transform: uppercase;
    top: 3px;
    font-size: .875em !important;
    font-weight: bold;
	cursor: pointer;
line-height:.8;}


@media only screen and (max-width: 819px) {
	.header_nav_search { float:left!important; text-align:left; background-color:#27486a!important; padding:0; width:100%!important;margin-right:0;  }
	.header_search { margin:0 10px 10px; float:left; width:90%; }
	.search_button { right:4px; }
	#search-block-form { float:none; margin:0 0 12px 7px;z-index: 101; }
	.header_nav_search ul#vtopnav {	position:static; width:auto; display:block; float:left; background-color:transparent; margin:12px 5px 12px; color:#fff!important; }
	.header_nav_search ul#vtopnav a { color:#fff!important; }
	a#superfish-main-toggle span { display:block; width:100%; padding-top:1em; padding-bottom:1.2em; font-weight:bold; color:#fff !important; text-align:center; }
	a#superfish-main-toggle  { text-decoration:none;}
	#sectionnav { display:none; }
	#block-mainmenu { position:static; }

}

/* superfish styles */
/* Top nav style for when navigation items wrap to two lines. Not needed if the items don't wrap to two lines */
/* nav .sf-depth-1 a {  display:inline-block; vertical-align:middle; line-height:40px; } */
.sf-menu a, 
.sf-menu a:link, 
.sf-menu li ul li a  { color:#fff!important; text-decoration:none!important; letter-spacing: 0 !important; }
.sf-menu li { text-align:center; }
.sf-menu ul { border-top:1px solid #ececec; }
.sf-menu ul li {border-bottom:1px solid #ececec; }
/* Dropdown navigation default arrow color - border-top-color only should be same color as links */
.sf-arrows .sf-with-ul::after, .sf-arrows .sf-with-ul:after { /* do not change this -->*/ border:5px solid transparent; /* only change this -->*/ border-top-color:#fff; }
/* Dropdown navigation arrow color when mouse hovers - should be same color as the text when hovered */
.sf-arrows > li > .sf-with-ul:focus::after, .sf-arrows > li:hover > .sf-with-ul::after, .sf-arrows > .sfHover > .sf-with-ul::after { border-top-color:#fff; }
ul.sf-menu .sf-sub-indicator::after {content:''!important;position:absolute!important;top:50%!important;right:7px!important;margin-top:-3px!important;height:0!important;width:0!important;border-top-width: 5px;border-right-width: 5px;border-bottom-width: 5px;border-left-width: 5px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image-source: none;border-image-slice: 100%;border-image-width: 1;border-image-outset: 0;border-image-repeat: stretch stretch;color:#fff;}
ul.sf-menu .sf-sub-indicator { right:25px;color:#fff;opacity: 1 !important; }
ul.sf-menu.menu ul {margin-top:33px !important;}
ul.sf-menu.menu ul ul {margin-top: -1px !important;}

#main-menu-link-contentadd7ed78-7e92-492e-8178-1715f383ec44 { float:right; margin-right:30px; }
#main-menu-link-contentadd7ed78-7e92-492e-8178-1715f383ec44 a { background-color:#657B6E; }

/* Nav fix */ 
.sf-description { display:block; margin-top:10px!important; }
li.sf-depth-2,li.sf-depth-3,li.sf-depth-4 { line-height:15px!important; }
.sf-menu li ul li { text-align:left!important; }
/* colors for superfish are defined here */ 
nav#top-nav, nav#top-nav ul.sf-menu/* , .sf-menu li */ { background-color:#27486a; }
a.sf-depth-1,a.sf-depth-2,a.sf-depth-3,a.sf-depth-4 {background-color:#27486a; color:#fff;}
a.sf-depth-1:hover, a.sf-depth-2:hover, a.sf-depth-3:hover, a.sf-depth-4:hover {background-color:#041e4a !important; color:#fff;	transition: all .5s;}
a.is-active.sf-depth-1.menuparent.sf-with-ul {background-color:#041e4a!important;}
li.active-trail.sf-depth-1.menuparent {background-color:#27486a!important;}
nav.megamenu ul.sf-menu li ul li ul { display:block !important; }
@media (max-width:767px){
	#top-nav { float:left; width:100%; }
}
	@media only screen and (max-width: 818px) {
		nav.megamenu ul.sf-menu li ul li ul { display:block!important; }
		a.sf-depth-1, a.sf-depth-2, a.sf-depth-3, a.sf-depth-4 {background-color:#27486a!important;}
		a.sf-depth-1:hover, a.sf-depth-2:hover, a.sf-depth-3:hover, a.sf-depth-4:hover {background-color:#27486a!important;}
		a.sf-depth-1:visited, a.sf-depth-2:visited, a.sf-depth-3:visited, a.sf-depth-4:visited {background-color:#27486a!important;}
		#main-menu-link-contentadd7ed78-7e92-492e-8178-1715f383ec44-accordion a.sf-depth-1, #main-menu-link-contentadd7ed78-7e92-492e-8178-1715f383ec44-accordion a.sf-depth-1:visited { background-color:#657B6E!important; }
	}

@media (max-width:767px) { .sf-menu li ul li { text-align:center!important;} }
/* end superfish styles */

/* Grid for devices larger than 550px */
@media (min-width: 780px) {
	main{padding-right:0!important}
	}




/* Color definitions */
.white 			{color:#fff;}
.blue 			{color:#527A89!important;}
.tan 			{color:rgb(217,203,158)}
.lightyellow 	{color:rgb(251, 255, 218)}
.darkgray 		{color:rgb(55,65,64);}
.lightgray 		{color:rgb(189, 195, 199)}
.green 			{color:#27486a!important;}
.aqua 			{color:rgb(70, 107, 114);}
.red 			{color:rgb(206, 62, 62);}

/* Background color definitions */
.bg-silver			{background-color:#ececec;}
.bg-blue 			{background-color:rgb(58, 103, 146);}
	.bg-blue h2,.bg-blue h3,.bg-blue h4,.bg-blue ul,.bg-blue p 					{color:#fff !important;}
	.bg-blue a {color:#ececec !important;} .bg-blue a:visited {color:#ececec !important;} .bg-blue a:hover {color:#fff !important;}
.bg-tan 			{background-color:rgba(235, 235, 235,.7);}
.bg-lightyellow	{background-color:rgb(251, 255, 218)}
.bg-darkgray 		{background-color:rgb(55,65,64);}
	.bg-darkgray h2,.bg-darkgray h3,.bg-darkgray h4,.bg-darkgray ul,.bg-darkgray p {color:#fff !important;}
	.bg-darkgray a {color:#ececec !important;} .bg-darkgray a:visited {color:#ececec !important;} .bg-darkgray a:hover {color:#fff !important;}
.bg-lightgray 		{background-color:rgb(189, 195, 199)}
.bg-green 			{background-color: rgb(62, 107, 72);}
	.bg-green h2,.bg-green h3,.bg-green h4,.bg-green ul,.bg-green p 				{color:#fff !important;}
.bg-aqua 			{background-color: rgb(70, 107, 114);}
	.bg-aqua h2,.bg-aqua h3,.bg-aqua h4,.bg-aqua ul,.bg-aqua p 					{color:#fff !important;}
div.bg-blue,div.bg-tan,div.bg-silver,div.bg-lightyellow,div.bg-darkgray,div.bg-lightgray,.div.bg-green, div.bg-aqua,div.bg-green,div.bg-red {padding:1em;}
.bg-red 			{background-color:rgb(206, 62, 62);}
	.bg-red h2,.bg-red h3,.bg-red h4,.bg-red ul,.bg-red p 					{color:#fff !important;}
.rounded {border-radius:4px;font-size:.925em;font-style:italic;}

.caption {display:block;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

header { background:#08503b;}

header .sub-container { color:#333; background:#fff url(../images/obd-header.svg) 0 0 no-repeat; height:90px!important; }
header { background:#fff; background-color:#fff; }
header h2.logo a { width:430px !important; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
	@media only screen and (min-width: 670px) {
	header h2.logo a { width:430px !important; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
	}

#vtopnav a {color: #333;}
ul#vtopnav li::after { content: " | "; }
ul#vtopnav li:last-child::after {content: none;}
/*header .sub-container { color:#fff; background-color:transparent; background-image:url(../images/header.svg);background-size: contain;background-repeat: no-repeat !important; background-position: 0% 0%;height:90px !important; }*/

@media (max-width: 651px) {
	header { background:#fff !important; }
	header h2.logo {}
	header h2.logo a {color:transparent !important;width:auto; }
    header h2.logo {text-indent: 0 !important;}
	header h2.logo a:visited { }
    header .sub-container {background-size: 70%;background-position-x: .5em;background-position-y: .5em;}
	.sub-container { /* width:100%!important; min-width:0!important; */ }
	.sub-container {min-width: 0 !important;}
}

@media (max-width: 451px) {
	header { background:#fff;}
	header h2.logo {}
	header h2.logo a {color:transparent !important;width:auto; }
    header h2.logo {text-indent: 0 !important;}
	header h2.logo a:visited { }
    header .sub-container {background-size: 90%;background-color:#fff;}
}


aside { float:right; margin-right:10px; }
@media only screen and (max-width: 651px) { aside {float:none;} }

footer { background:#27486a; color:#fff;}
footer h4 {color: #fff;}
.footer_column a:link, .footer_column a:visited {color: #fff!important; }

@media (max-width:651px) {
	

}

/* Do not touch! */
.node-preview-container { position:relative!important; background-color:#ccc!important; width:auto!important; }
/* */

/* sitemap */
ul.sitemap li { margin-bottom:10px; }
ul.sitemap ul li { margin-bottom:0; list-style:none;}

/* @end */
ul.plain li {margin-bottom:1em;}
.visually-hidden {display:none;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .form_header_1 { background-color:#6693AA; color: #fff!important; margin: 0 -11px 8px -14px; padding: 8px 14px; width: 100%;}
}

footer .footer_column .contextual-links li a { color:#000!important; } 
footer h3 {color:#fff !important;}
footer#footer {margin:0;}
.footer_column p, .footer_column ul { padding-left:0!important; }
.footer_column, footer .footer_column:first-child { margin-left:10px!important;}

img.align-right { margin-left:15px; }
.clear { clear:both; }
aside img { max-width:100%; }
figure figcaption { font-size:.8em; font-style:italic; }


.blue.button, .blue.button:visited, .blue.roundbutton, .blue.roundbutton:visited { background-color:#527A89; color:#fff!important; }
.blue.button:hover, .blue.roundbutton:hover { background-color:#3b5d6a; }
.blueoutline.button, .blueoutline.roundbutton { background-color:#fff; color:#527A89; border:1px solid #253E63; text-shadow:none!important; font-weight:500!important; }
a.blueoutline.button:hover, a.blueoutline.roundbutton:hover { background-color:#527A89; color:#fff!important; }
.blueoutline.button:visited, .blueoutline.roundbutton:visited { color:#527A89!important; }


a.alert {display:inline-block; padding:1em 1.5em; background-color:rgb(250, 241, 190);border-radius:5px;}


@media only screen and (max-width: 670px) {
	#maincontent1 {padding:0 16px !important;}
}

@media (min-width: 652px) {
	#maincontent1 {	padding-bottom:0!important; }
	
	footer {margin-top:2em!important; }
}	

/* containers for label and input */
legend {font-weight:bold;width:35%;}

.sliver,.sub-container {min-width:320px;}	
	
/* Social Media icons in footer */
ul.social-media { list-style:none; }
ul.social-media li { background-image:url(//www.maine.gov/awt/templateV3/images/new-social-media.png); background-repeat:no-repeat; padding: 9px 0 9px 45px!important; }
li.facebook { background-position:0 -6px; }
li.twitter { background-position: 0 -55px; }
li.linkedin { background-position: 0 -104px; }
li.blog { background-position:0 -150px; }
li.youtube { background-position: 0 -194px; }
li.instagram { background-position: 0 -244px; }
li.flickr { background-position:0 -292px; }
li.govdelivery { background-position:0 -339px; }

.ckeditor-accordion-container > dl {border: none;}
.ckeditor-accordion-container > dl dt {margin-bottom:4px; width:50%; }
@media (max-width: 651px) {
	.ckeditor-accordion-container > dl dt {margin-bottom:4px; width:100%; }
}
.ckeditor-accordion-container > dl dt > a {background-color:#527A89!important;border-bottom: none !important;text-decoration:none !important;}
.ckeditor-accordion-container > dl {}
.ckeditor-accordion-container > dl dd {padding: 8px 15px 0 16px !important;border-bottom: none !important;}

#DataTables_Table_0_filter {float:left;margin-left:2rem !important;}
#DataTables_Table_0_filter .dataTables_filter input[type="search"] {padding:4px !important;font-size:1em;}
.dataTables_length {margin-right:2rem;}
.tbstriped {width:100% !important;}
.tbstriped tbody td:first-child {border-left:0;}

/* tbstriped table */

.tbstriped tr th { background-color:#657B6E; color:#fff; }
.tbstriped tr td { background:#fff; }
.tbstriped thead td { color:#fff; background-color:#657B6E; }
.tbstriped tbody tr.zebra td { background:#eee; }

.tbstriped0 tbody tr th,#tbstriped tbody tr th,#tbstriped2 tbody tr th,#tbstriped3 tbody tr th { background-color:#0764A8; color:#fff;}
.tbstriped0 tr td,#tbstriped tr td,#tbstriped2 tr td,#tbstriped3 tr td { background:#fff; }
.tbstriped0 thead td,#tbstriped thead td,#tbstriped2 thead td,#tbstriped3 thead td { color:#fff; background-color:#C8C028;}
.tbstriped0 tbody tr.even td,#tbstriped tbody tr.even td,#tbstriped2 tbody tr.even td,#tbstriped3 tbody tr.even td { background:#eee; }
.tbstriped0 tbody tr.selected td,#tbstriped tbody tr.selected td,#tbstriped2 tbody tr.selected td,#tbstriped3 tbody tr.selected td { background:#3d80df; color:#fff; }
.tbstriped0 tbody tr.ruled td,#tbstriped tbody tr.ruled td,#tbstriped2 tbody tr.ruled td,#tbstriped3 tbody tr.ruled td { color:#000; background-color:#C6E3FF; }
head:first-child+body .tbstriped tr.ruled td { background-color:#C6E3FF; }

.datatable { margin: 1em 0; border:1px solid #d9d9d9; border-collapse:collapse;overflow-y: hidden; }
.datatable caption { text-align:left; }
.datatable tr th { font-size:.85em; text-align:left; padding:3px 8px; }
.datatable th { border:1px solid #d9d9d9; border-collapse:collapse; }
.datatable tr td { font-size:.85em; padding:3px 8px; }
.datatable thead td { font-weight:bold; border-bottom:1px solid #d9d9d9; border-collapse:collapse;background:rgb(58, 103, 146);color:#fff; }
.datatable tbody td { border-left:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; border-collapse:collapse; }
.datatable tbody td:first-child { border-left:none;}

/* rarely used tweaks */
.js-pager__items li {display:inline-block;text-align:center;}
.pager__item a {text-align: center;margin: 0 auto;padding: 6px 10px;border: 1px solid #ececec;border-radius: 3px;}
.views-field-changed {font-style:italic;}
.visually-hidden {display:none !important;}

/* This container class will allow a table to scroll horizontally on smaller screens. */
.hscroll {overflow-x: auto; /* Horizontal */}
.m-top-1 {margin-top:1rem !important;}
.m-bottom-1 {margin-top:1rem !important;}
.m-top-2 {margin-top:2rem !important;}
.m-bottom-2 {margin-top:2rem !important;}
.allcaps {text-transform:uppercase;}
.roundphotos {width:240px;border-radius:50%;margin:0 auto;box-shadow: 10px 10px 11px -3px rgba(232,229,232,1);}

.flexrow { display:flex; flex-direction:row; margin:1em 0; flex-wrap:nowrap; }
.flex-cell { flex:1 1 25%; margin-right:20px; }
.flex-cell:last-child { margin-right:0; }

@media only screen and (max-width: 651px) { 
	
	.flexrow { flex-direction:column;} 
	.flex-cell { margin-right:0; }

}

@media (max-width: 651px ) {
	
iframe.eventsframe { width:90%; margin:0 5%; }
	
}

/* Cards (boxes) */

.card { border:1px solid #e0e0e0; border-radius:5px; padding-bottom:15px; }
.bt-green { border-top:5px solid #7aa761; }
.bt-blue { border-top:5px solid #527A89; }
.card h2, .card h3 { margin-top:15px; border-bottom:1px solid #e0e0e0; text-align:center; padding-bottom:15px; margin-bottom:15px; }
.card h2 a:link, .card h2 a:visited { text-decoration:none!important; }
.card p { margin:0 15px 15px!important; }
.card ul { margin:auto 15px; padding-left:15px; }
.card p.more { margin-top:15px; float:left; }
.card p.more a { margin-left:15px; font-style:italic; }
.card footer { background:none; padding-bottom:0; }

@media only screen and (max-width: 651px) { .card { margin-bottom:20px;} }


/* Right Column Sidebar Box */
.sidebarbox { margin:15px 0 10px; padding-bottom:10px; background-color:#eee; }
.sidebarbox h3 { text-transform:uppercase; margin:0; padding:5px 0; text-align:center; width:100%; }
.sidebarbox h3, h3.sidebarheadline { color:#fff!important; background-color:#527A89; }
.sidebarbox h4 { text-transform:uppercase; border-bottom:2px solid #527A89; margin-left:7px; margin-right:7px; }
.sidebarbox ul { list-style:none; margin: 10px 20px; padding:0; }
.sidebarbox ul li { margin-bottom:8px; }
.sidebarbox p { padding:3px 8px; }
.sidebarbox p.more { font-style:italic; }
aside .sidebarbox:first-child { margin-top:31px; }

/* Do not change these-they're from sphone.css */
@media (max-width: 651px) {
	body { margin:0; padding:0; background:none!important; position:relative;}
	.offscreen, .statewide_message, #sliver_container { display:none; }
	h1 { margin:4px 0 10px 0; }
	* html header {	zoom:1; }/* clearfix */
	#content { width:auto!important; padding:0; margin-top:0; min-width:0!important; height:auto;}
	.crumb_trail { display:none; }
	#maincontent1, #maincontent3, #maincontent2 { clear:both; float:none; width:auto!important; min-width:0; padding:0 !important; margin:20px 12px 0 12px; }
	aside { float:none!important; width:auto!important; border:none; margin:2em 12px 12px 12px!important; }
	.footer_column { float: none; width: auto; padding-top:5px!important; }
	footer .footer_column:first-child { float: none; width: auto; min-width: 0; margin:0 1em; }
	footer .footer_column:last-child { float: none; width: auto; min-width: 0; margin:0 1em; text-align:left; }
	}

hr { border-top:1px solid #ccc; border-bottom:none; }

/* styles for webforms */
/* containers for label and input */
.webform-submission-form 		{}
.webform-submission-child-support-questions-form {}
/*.js-form-item 					{display:flex;flex-direction:column;}*/
.js-form-item label				{font-size:.925em; font-weight:bold;/*display: block;*/}
.js-form-item input[type=text],.js-form-item textarea,.js-form-item input[type=tel],.js-form-item input[type=email], .js-form-item input[type=password], .js-form-item select {flex-direction:column;display: block;box-sizing: border-box;width: 50%;height: 2rem;margin: 5px 0 1rem;padding: .5rem;border: 1px solid #cacaca;border-radius: 3px;background-color: #fefefe;box-shadow: inset 0 1px 2px rgba(10,10,10,.1);font-size: 1rem;color: #0a0a0a;transition: box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance: none;-moz-appearance: none;appearance: none;}


legend 							{font-weight:bold;width:35%;}
.form-textarea {flex-direction:column;display: block;box-sizing: border-box;width:50%;height: 4.4375rem!important;margin: 5px 0 1rem;padding: .5rem;}
.form-actions.webform-actions 	{/*text-align: center !important;*/margin:0 auto;}
.js-form-item input[type=submit]{-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:1.375em !important;border-radius:5px;border:1px solid #ececec;margin: 0 auto;}
#search-block-form {border-radius:5px;}
#edit-submit {border-radius:3px !important;}
.fieldgroup { margin-bottom:.5rem; }

label.option { font-weight:normal; }

@media (max-width: 651px) {
	
	.js-form-item input[type=text],.js-form-item input[type=textarea],.js-form-item input[type=tel],.js-form-item input[type=email], .form-textarea, .js-form-item input[type=password] { width:100%; }
	
}

.homebuttons { margin-top:60px; }
@media only screen and (max-width: 651px) { .homebuttons { flex-direction:column;} }

.top {border-bottom: 1px solid #cccccc; padding-bottom: .8em; text-align:right; font-style:italic; clear:both;}

/* Intro Blurbs on landing pages */
.blurb { border-top:1px solid #ccc; }
.blurb h3 { font-size:1rem!important; margin:15px 0 0; }

ul.jumpto { list-style:none; padding:0; }
ul.jumpto li { display:inline; border-right:1px solid; margin-left:20px; padding-right:20px; }
@media (max-width:730px) {
	ul.jumpto li { display:block; border:0; }
}
ul.jumpto li:first-child { margin-left:0; border:none; }
ul.jumpto li:last-child { border:none; }

h2.headlineborder { position:relative; display:inline-block; padding-top:14px; }
h2.headlineborder:before { content: '';
  border-top: 6px solid #657B6E;
  position: absolute;
  width:110px;
  left: 0;
  top: 0;
}

.grid-wrapper { display:grid; grid-template-columns:1fr 1fr; grid-column-gap:50px; }

@media (max-width:730px) {
	.grid-wrapper { grid-template-columns:1fr; }
}

.stats2 { display:grid; grid-template-columns:1fr 1fr; grid-column-gap:50px; }
.stats3 { display:grid; grid-template-columns:1fr 1fr 1fr; grid-column-gap:50px; }
@media (max-width:730px) {
	.stats2, .stats3 { grid-template-columns:1fr;  }
}
.stats2, .stats3 { text-align:center; font-weight:bold; margin:20px 0; font-size:1.4rem; }
.stats2 > p { width:80%; }
.stats2 > p, .stats3 > p { border-top:3px solid #ccc; border-bottom:3px solid #ccc; padding:20px 0 30px; justify-self:center; align-self:start; }
.stats2 strong, .stats3 strong { display:block; font-size:2.8rem; color:#657B6E; }
.stats2 em, .stats3 em { color:#888; font-weight:normal; display:block; font-size:1rem; margin-top:10px; }

@media (max-width:651px) {
	.homepage { margin:0!important; }
	.stats2 > p, .stats3 > p { justify-self:auto!important; }
}

.quote { background:#fff url("../images/quotes.svg") left top no-repeat; background-size:90px; font-family:Merriweather,Georgia,sans-serif !important; font-style:italic; color:#555!important; padding:22px 30px; text-align:center; margin:55px auto 20px; clear:both; width:60%; }
.quote p:first-child { line-height:180%!important; }
.quote p.quotename { text-align:right; font-style:normal; }

.adopter-info { display:grid; grid-template-columns:1fr 3fr; grid-column-gap:10px; }
.adopter-info p { margin-bottom:0!important; padding:1em; }
.adopter-info > p:nth-child(odd) { background-color:#efefef; align-self:center; text-align:right; }

a.linkhighlight { font-weight:bold; padding:5px 10px; border-left:5px solid #657B6E; }

.blueboxes { display:grid; grid-template-columns:1fr 1fr; }
.blueboxes > div { background-color:#041E4A; padding:10px 20px 15px; text-align:center; color:#fff!important; margin:0 80px; }
.blueboxes h3, .blueboxes h3 a, .blueboxes a { color:#fff!important; }
@media (max-width:730px) {
	.blueboxes { grid-template-columns:1fr; }
	.blueboxes > div { margin:10px; }
}

.home-boxes { display:grid; grid-template-columns:1fr 1fr 1fr; background-color:#27486A; color:#fff!important; grid-column-gap:20px; grid-auto-rows: minmax(220px, auto); text-align:center; align-items:center; }
.home-boxes a { color:#fff!important; text-decoration:0; }
.home-boxes h2 { color:#fff!important; text-transform:uppercase; font-size:3rem!important; margin-bottom:0; }
.home-boxes p { font-size:1.5rem; }

@media (max-width:651px) {
	.home-boxes { display:block; padding:10px 0; }
	.home-boxes h2 { margin-top:0; }
	.home-boxes p:last-child { margin-bottom:0;}
}

#block-bestsmallcitiesblock-2 { background-color:#657B6E; padding:15px; color:#fff!important; }
#block-bestsmallcitiesblock-2 p { max-width:1280px; margin:0 auto; text-align:center; font-size:1.4em; }
#block-bestsmallcitiesblock-2 p strong { font-size:1.6em; }

.jumbotron { height:500px; background-size:cover; background-position:center; }

@media (max-width:651px) {
	.jumbotron { height:280px; }
}

.contact { display:grid; grid-template-columns:1fr 1fr 1fr; grid-column-gap:20px; }
@media (max-width:800px) {
	.contact { grid-template-columns:1fr 1fr; }
}
@media (max-width:480px) {
	.contact { grid-template-columns:1fr; }
}

.image-intros { display:grid; grid-template-columns:1fr 3fr; grid-column-gap:20px; align-items:center; margin:0px 80px 30px; }
.image-intros div:last-child { margin-right:100px; }

@media (max-width:730px) {
	.image-intros { grid-template-columns:1fr; margin: 0px 0 30px; }
	.image-intros div:last-child { margin-right:0; }
}

.home-stats { display:grid; grid-template-columns:1fr 1fr 1fr; margin:40px 0; }
.home-stats #block-investmentininnovation { grid-column:1/4; margin-bottom:20px; }
#block-firstbox, #block-secondbox, #block-thirdbox { text-align:center; font-size:1.4em; }
#block-firstbox p, #block-secondbox p, #block-thirdbox p { margin:0!important; color:#657B6E; font-size:1.3em; }

#block-investmentininnovation p { font-size:2.5em; text-align:center; text-transform:uppercase;  color:#27486A; }
#block-firstbox p:first-child, #block-secondbox p:first-child, #block-thirdbox p:first-child { font-weight:bold; font-size:1.6em; }

@media (max-width:651px) {
	.home-stats { display:block; }
}

.video-container {
  padding:56.25% 0 0 0;
  position: relative;
	background-color:#27486A;
}
 
.video-container iframe,
.videovideo-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.regions-img {
	clear:both;
	display:block;
}
.regions-img img {
	margin: 0px 0px 15px 15px;
}

@media (max-width:675px) {
	.regions-img img { float:none; }
}

.col-lg-4 {
	width: 32%!important; }

/*Added code for flew-row*/
.flex-row {
  display:flex;
  flex-direction:column;
  margin:1em 0;
}
.flex-row img {
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto;
}
.flex-cell {
  flex:1 1 300px;
  padding:0 .75em;
  border-left:1px solid rgb(195,195,195);
}
.flex-cell:first-child {
  flex:1;
  margin-left:0;
  padding-left:0;
  border-left:none;
}
.flex-cell:last-child {
  flex:1;
  margin-right:0;
}
.flex-cell li {
  margin-bottom:.5em;
}
.flex-border {
  padding:16px;
  border:1px solid #e7e9ec;
  border-radius:5px;
}
.flex-cell h3 {
  margin-top:0;
}
@media (min-width:651px) {
  .flex-row {
    flex-direction:row;
    margin:1em 0;
    border-top:1px solid rgb(195,195,195);
    padding:1em 0 0 0;
  }
  .flex-cell:first-child {
    flex:1;
    margin-left:0;
    padding-left:0;
    border-left:none;
  }
  .flex-cell:last-child {
    flex:1;
    margin-right:0;
  }
  .flex-cell {
    flex:1;
    padding:0 .75em;
    border-left:1px solid rgb(195,195,195);
  }
  .flex-cell:first-child {
    border-left:none;
  }
  .flex-cell h2,
  .flex-cell p,
  .flex-cell h3,
  .flex-cell ul {
    margin:1em 0 .5em 0;
  }
  .flex-cell > h2:first-child {
    margin-top:0 !important;
  }
  .flex-cell p,
  .flex-cell ul {
    margin:0 0 1em 0;
  }
  .flex-cell > h2:first-child,
  .flex-cell > h3:first-child {
    margin-top:0 !important;
  }
}
@media only screen and (max-width:670px) {
  .rborder {
    border-right:none;
    padding:0 !important;
  }
  .lborder {
    border-left:none;
    padding:0 !important;
  }
  .flex-row {
    margin:1em;
  }
  .flex-cell {
    flex:1 !important;
    padding:0;
    border-left:none;
  }
}

#DataTables_Table_0_filter {margin-left: -.5rem !important; width: 100%;}
.dataTables_wrapper .dataTables_filter input {margin-left: .5em;font-size: 1.25rem;margin: 1rem 0 1rem .5rem;}
.dataTables_wrapper .dataTables_filter {float: none;text-align: center;}
/* dataTables Search input box */
 
    .dataTables_filter {
        position: relative;
    }
 
    .dataTables_filter input {
        width: 100%;
/* 
        height: 32px;
 */
        background: #fcfcfc;
        border: 1px solid #aaa;
        border-radius: 5px;
        text-indent: 10px;
        padding:6px 2px;
    }
 
    .dataTables_filter .fa-search {
        position: absolute;
        top: 10px;
        left: auto;
        right: 10px;
    }

#DataTables_Table_0_filter label input {padding: 12px 6px; background-color: rgb(237, 240, 245); border:2px solid rgb(62, 75, 126);}
