@charset "UTF-8";

*, *:before, *:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
html {overflow-y: scroll;-webkit-box-sizing: border-box;box-sizing: border-box;} /* this ensures that a scrollbar is always present -------------------- */
body {font-family: 'Montserrat', sans-serif; margin:0; padding:0;font-size:100%; font-weight:500;color: #545959; line-height:1.58; }
	@media only screen and (max-width: 670px) {
		 body {font-size:.925rem;margin:0; padding:0; background:none!important; position:relative;}
	}

/* --------------------
FONTS 
-------------------- */
h2 						{font-size: 2rem; font-weight:600; text-transform:uppercase; line-height:1.2; }
h3		 				{font-size: 1.5rem; text-transform:uppercase; }
h4		 				{font-size: 1.25rem;}
#content p,
#content li,
header h2,
.sliver h2 				{font-size: 1.25rem;}
.sliver ul				{font-size:.825em;}
.statewide_message p,
.crumb_trail			{font-size:.825rem;}
.header-text			{ font-size:1.2rem; }
p.body-large,
#content p.body-large 	{font-size:1.5rem;}
p.body-large 			{font-weight:500;}
.header-text p 			{font-weight:600;}

/* --------------------
FONT MARGINS, PADDING 
-------------------- */
h1+h2,h2+h3 			{margin-top:0 !important;}
h2,h3,h4 				{margin: 1.5rem 0 1rem 0;}
.body-wrap h2 			{margin-bottom:0 !important;}
#maincontent p,#maincontent ul,#maincontent ol {margin: 0 0 1rem 0;}
p + h3 { margin-top:40px; }

/* --------------------
FONT COLORS 
-------------------- */
h1 { color:#fff; }
h2 						{color:#104B8E;}
h3 { color:#EC651B; }
h4,h5,h6 			{color:#676c72}


/* --------------------
CONTAINERS 
-------------------- */
      	
header 					{position:relative;margin:0; padding:40px 0 5px; clear:both; /*height:130px;*/display:flex;justify-content:center;/* grid-template-columns: 1fr 2fr 1fr; */}
.header-text 			{align-self: center; text-align:center;}
.header-text a 			{ text-decoration:none; }
.header-logo 			{justify-self: center;align-self: center; margin:0 75px; }
.header-logo img 		{width:400px;height:auto;margin:0 auto;}
.header-icons 			{display: flex;align-self: center;}
.header-icons a 		{background-color:rgb(99, 127, 61);border-radius:5px;width:42px;height:42px;margin-left:.25rem;text-align:center;padding-top:4px;}
.header-icons svg 		{stroke: #fff; fill: currentColor;fill: #fff;stroke-width: 0;}
@media only screen and (max-width: 716px) {
	 header {flex-direction: column;height:auto;padding-bottom:1rem;}
	.header-text p		{margin: 1rem 0 .5rem 0 !important;}
	.header-logo img 	{/*width:240px;*/height:auto;margin:.5rem auto;}
}
.mainnav 				{display: flex;z-index:101;list-style-type: none;margin: 0;padding-left: 0;background:rgb(255, 255, 255);text-align:center;justify-content: center;padding:0;}
.mainnav li 			{padding:.5rem 1.5rem;text-transform: uppercase;color:#104B8E;font-size:1.25rem;font-weight:bold;}
.mainnav li a 			{color:#104B8E;text-decoration: none;}
.mainnav li a:visited 	{color:#104B8E;}
.mainnav li a:hover { color:#207BBC;}
.mainnav li.active, .mainnav li:hover { position:relative; color:#207BBC; }
.mainnav li:hover a { color:#207BBC; }
.mainnav li.active:after, .mainnav li:hover:after { position:absolute; content:''; width:60px; height:3px;  bottom:0px; background-color:#207BBC; margin:0 auto; left:0; right:0; }
ul.mainnav li a:focus, ul li.active a { background:#fff;color:#207BBC!important;text-decoration:none; }


#content 				{padding:0; background-color:#FFF; clear:both; margin:auto;}
.row 					{width:100%;box-sizing: border-box;clear:both;}
#container 				{position:relative; width:100%;}
.sub-container 			{margin:0 auto!important; min-width:0; max-width:80rem; display:flex;justify-content:space-between; }
#maincontent 			{margin: 2rem auto 0 auto}
.bodywrap 				{max-width:80em;margin:0 auto;padding: 0 2rem;}
	@media only screen and (max-width: 670px) {
		 .bodywrap 		{padding:0 1rem;}
	}
	@media (min-width: 780px) {
		main 			{padding-right:0!important}
		}
	
footer 					{background-color:rgba(16,75,142, 1);padding:30px 0; clear:both; width:100%; margin-top:30px; }
.footer_column:first-child { width:22%; padding-left:2rem; }
.footer_column:last-child { padding-right:2rem; }
#block-mdotlogo img { max-width:100%; height:auto; }
#block-footer 			{display:flex;}

	@media (max-width: 451px) {
		footer 			{text-align:center;}
		#block-footer 	{flex-direction:column;text-align:center;}
	}


ul.footer-nav { list-style:none; float:right; margin-top:2em; }
ul.footer-nav li { display:inline; margin-right:30px; }
ul.footer-nav li:last-child { margin-right:0; }
ul.footer-nav li a { color:#fff; text-decoration:none; }

img.social:first-child { margin-right:10px; }
img.social:last-child { margin-left:10px; }

@media (max-width:700px) {
	#footer .sub-container { flex-direction:column; }
	.footer_column:first-child { width:100%; padding-left:0; }
	#block-mdotlogo img { max-width:40%; display:block; margin:0 auto; }
	.footer_column:last-child { padding-right:0; }
	ul.footer-nav { float:none; margin:2em auto 1em; padding:0; }
	ul.footer-nav li { display:list-item; text-align:center; margin-right:0; margin-bottom:15px; }
	#block-socialmedialinks { text-align:center; }
}




/* --------------------
STYLING FOR FLEXIBLE COLUMNS USING FLEXBOX 
-------------------- */
.flex-row 				{display:flex;flex-direction:column;margin:2em 0 1em 0;}
	.paragraph .flex-row{max-width:80rem;margin: 2em auto 0 auto;padding:0;}
.flex-row img 			{max-width:100%;display:block;}
.flex-cell 				{flex: 1 1 300px; margin-bottom:1em;}
.flex-cell li 			{margin-bottom:.5em;}
.flex-border 			{padding: 16px;border-radius: 5px;}
.flex-cell h3 			{margin-top:0;}	
	.tanbox .flex-row,.button-row .flex-row {border-top: none;}
	.tanbox .flex-cell 	{border-left:none; background-color:rgba(227, 217, 184,.7) !important;border-radius:5px;margin-bottom:1em;padding: 1em;}
	.button-row .flex-cell {border-left:none;margin-bottom:1em;padding: 1em 0 0 0;}
	@media (max-width: 650px) {
	.flex-row 			{display:flex;flex-direction:column;margin:0 auto;}
	}
	@media (min-width: 651px) {
	.flex-row 			{flex-direction:row;margin:1em 0 3em 0;}
	.flex-cell 			{flex: 1;padding: 0 1rem;margin-bottom:0;}
	.flex-cell:first-child 	{flex: 1;margin:0 1rem 0 0;padding-left:0;}
	.flex-cell:last-child 	{flex: 1;margin:0 0 0 1rem;padding-right:0;}
	.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;}
	.bg-tan .flex-row {margin:1em 0 0 0 !important;}
	.tanbox .flex-row {border-top: none;}
	.tanbox.tight .flex-row {margin-bottom:0;}
	.tanbox .flex-cell {border-left:none; background-color:rgba(227, 217, 184,.7) !important;border-radius:5px;margin-right:1.25em;margin-bottom:0;}
	.tanbox .flex-cell:last-child {margin-right:0;}
	.tanbox .flex-row,.button-row .flex-row {border-top: none;}
	.button-row .flex-cell {border:none; margin-right:0;margin-bottom:0;}
	.button-row .flex-cell:last-child {margin-right:0;}
	.buttons {text-align:center;}
	}
	@media only screen and (max-width: 670px) {
	.flex-cell  {flex:1 !important}
}
@media only screen and (min-width: 976px) {
	.flex-cell.intro {padding:0 5em;}
}
@media only screen and (min-width: 670px) {
	.flex-row.intro {border-top:none;margin-top:3em;}
	.flex-row.intro .flex-cell  {flex-basis:50%;}
	.flex-cell.intro {padding:0 3em;}
}

/* --------------------
LINK COLORS 
-------------------- */
a:link 					{color:#207BBC;}
#maincontent a:visited, .home-content a:visited {color:#207BBC;}
a:hover 				{color:#207BBC; text-decoration:none;}
a img 					{border:none;}

/* --------------------
NAVIGATION 
-------------------- */
#mobilenav 				{display:none;}
.offscreen 				{position:absolute; left:-9999px; width:9000px;}
.offscreenr, .skip_sliver{position:absolute; left:-9999px; width:9000px;}

/* --------------------
CRUMBTRAIL 
-------------------- */
.crumb_trail 			{border-bottom:1px dotted #ededed; margin:0 auto; padding:0.6em 1.3em;max-width:80rem;}
.crumb_trail p 			{margin:0;}
.crumb_trail a 			{color:#555;}

/* --------------------
LIST STYLES 
-------------------- */
.plain 					{list-style:none; margin-left:0;padding-left:0;}
ul.checked {
  list-style: none;
  padding-left: 0;
}
ul.checked li {
  position: relative;
  padding-left: 1.5em;  /* space to preserve indentation on wrap */
}
ul.checked li:before {
  content: '';
  position: absolute;
  margin-top: 6px;
  left: 0; /* place the SVG at the start of the padding */
  width: 1em;
  height: 1em;
  background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
}

/* --------------------
IMAGE STYLES 
-------------------- */
.bodywrap img 			{max-width:100%;height:auto;}
#maincontent img {max-width:100%;}
.pic600					{ width:600px; }
.pic450 				{width:450px;}
.pic400 				{width:400px;}
.pic350 				{width:350px;}
.pic325 				{width:325px;}
.pic300 				{width:300px;}
.pic275 				{width:275px;}
.pic250 				{width:250px;}
.pic225 				{width:225px;}
.pic200 				{width:200px;}
.pic175 				{width:175px;}
.pic125 				{width:125px;}
.pic350 p,.pic325 p,.pic300 p,.pic275 p,.pic250 p,.pic225 p,.pic200 p,.pic175 p,.pic125 p {margin:0; text-align:right; font-style:italic;}

/* --------------------
TBSTRIPED TABLE 
-------------------- */
.tbstriped 				{margin: 1em 0; border:1px solid #d9d9d9; border-collapse:collapse;}
.tbstriped caption 		{text-align:left;}
.tbstriped tr th 		{font-size:.85em; text-align:left; padding:3px 8px;}
.tbstriped th 			{border:1px solid #d9d9d9; border-collapse:collapse;}
.tbstriped tr td 		{font-size:.85em; padding:3px 8px;}
.tbstriped thead td 	{font-weight:bold; border-bottom:1px solid #d9d9d9; border-collapse:collapse;}
.tbstriped tbody td 	{border-left:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; border-collapse:collapse;}

/* --------------------
COLOR DEFINITIONS 
-------------------- */
.white 					{color:#fff;}
.blue 					{color:rgba(82, 119, 193, 1);}
.dark-blue 	    		{color:rgba(48,67,137,1);}
.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:rgb(62, 107, 72);}
.aqua 					{color:rgb(70, 107, 114);}
.red 					{color:rgb(206, 62, 62)}

/* --------------------
BACKGROUND COLOR DEFINITIONS 
-------------------- */
.bg-white				{background-color:#fff;}
.bg-silver				{background-color:rgb(242, 245, 248);}
.bg-blue 				{background-color:rgb(29, 91, 117);}
	.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-dark-blue 			{background-color:rgba(48,67,137,1);}
	.bg-dark-blue h2,.bg-dark-blue h3,.bg-dark-blue h4,.bg-dark-blue ul,.bg-dark-blue p 	{color:#fff !important;}
	.bg-dark-blue a 	{color:#ececec !important;} .bg-dark-blue a:visited 				{color:#ececec !important;} .bg-dark-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;}

/* --------------------
HELPERS 
-------------------- */
.hide-label 					{color:#000; font-size: .75em; margin:0; padding:0; left: -999px; position: absolute;}
.clearfix:after, .rowwrap:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix::after 				{content: "";clear: both;display: table;}
.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;}
ul.plain li 					{margin-bottom:1em;}
.mt-0 							{margin-top:0 !important;}
.mt-1 							{margin-top:1rem !important;}
.mt-2 							{margin-top:2rem !important;}
.pt-0 							{padding-top:0 !important;}
.pt-1 							{padding-top:1rem !important;}
.pt-2 							{padding-top:2rem !important;}
.mb-0 							{margin-bottom:0 !important;}
.mb-1 							{margin-bottom:1rem !important;}
.mb-2 							{margin-bottom:2rem !important;}
.pb-0 							{padding-bottom:0 !important;}
.pb-1 							{padding-bottom:1rem !important;}
.pb-2 							{padding-bottom:2rem !important;}

/* --------------------
SPECIAL FEATURES 
-------------------- */
.ckeditor-accordion-container > dl {border: none;}
.ckeditor-accordion-container > dl dt {margin-bottom:4px;font-size:1.125rem;}
.ckeditor-accordion-container > dl dt > a {background-color: rgb(80, 121, 157) !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;font-size:1.125rem;}

/* --------------------
TABLES 
-------------------- */
#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 thead th 			{color:#fff; background: rgb(71, 122, 156);font-size: 1.5rem;line-height:1;vertical-align: middle;text-align:center;padding: 8px;}
.tbstriped thead th .smaller 	{font-size: .925rem;font-weight:normal;}
.tbstriped tbody td	 			{font-size: 1.125rem;vertical-align: top;text-align:left;padding: 8px;}
.tbstriped tbody td:first-child {border-left:0;}
.tbstriped tbody tr.zebra td 	{background:#eee;}
.datatable 						{margin: 1em 0; border:1px solid #d9d9d9; border-collapse:collapse;overflow-y: hidden;}
.datatable caption 				{text-align:left;}
.datatable thead th 			{color:#fff; background: rgb(71, 122, 156);font-size: 1.5rem;line-height:1;vertical-align: middle;text-align:center;padding: 8px;}
.datatable tr th 				{font-size:.85em; text-align:left; padding:3px 8px;}
.datatable th 					{border:1px solid #d9d9d9; border-collapse:collapse;}
.datatable tr td, #maincontent .datatable td p 				{font-size:.925rem; 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;}
#tablepress-3 .column-1			{width:36px;vertical-align:top;}					
#tablepress-3 .column-1	img		{margin-top:5px;}					

/* --------------------
DO NOT CHANGE THESE-THEY'RE FROM SPHONE.CSS 
-------------------- */
@media (max-width: 651px) {
	h1 				{margin:4px 0 10px 0;}
	.offscreen 		{display:none;}
	* html header 	{zoom:1;}/* clearfix -------------------- */
	#content 		{width:auto!important; padding:0; margin-top:0; min-width:0!important; height:auto;}
	.crumb_trail 	{display:none;}
	#maincontent 	{clear:both; float:none; width:auto!important; min-width:0; padding:0 !important; margin:20px 12px 0 12px;}
}

/* PLEASE DO NOT TOUCH THIS - NEEDS TO STAY HERE */
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm { position:relative;z-index:1; }
.sm,.sm ul,.sm li { display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0); }
.sm-rtl,.sm-rtl ul,.sm-rtl li{ direction:rtl;text-align:right; }
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{ margin:0;padding:0; }
.sm ul { display:none; }
.sm li,.sm a { position:relative; }
.sm a { display:block; }
.sm a.disabled { cursor:not-allowed; }
.sm:after { content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden; }
.sm,.sm *,.sm *:before,.sm *:after { -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }

/*** ESSENTIAL STYLES ***/
nav#top-nav {text-align:center;width:100%;background-color:transparent;  line-height:.8; }
.sf-menu, .sf-menu * { line-height:1; font-weight:bold; }
.sf-menu { display:inline-block; }
.sf-menu ul { position:absolute; display:none; top:0; left:0; z-index:99; }
.sf-menu ul ul { top:0; left:100%; }
.sf-menu li { position:relative;white-space:nowrap;font-size:1.25rem; line-height:1; }
.sf-menu > li {	float:left; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display:block; }
.sf-menu a { display:block; position:relative; color:#104B8E;text-decoration: none; text-transform: uppercase; padding:.75em 16px; }
.sf-menu a:hover, .sf-menu a.is-active { color:#207BBC; position:relative; }
.sf-menu li.active-trail:after, .sf-menu li:hover:after { position:absolute; content:''; width:60px; height:3px;  bottom:0px; background-color:#207BBC; margin:0 auto; left:0; right:0; }
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul { padding-right: 1.5em;}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after { content:''; position:absolute; top:50%; right:7px; margin-top:-3px;	height:0; width:0; /*border:5px solid transparent; border-top-color: rgba(255,255,255,.5);*/ }
/*.sf-menu a:hover, .sf-menu li.current a:hover, .sf-menu li.current, ul.sf-menu li:hover > a, .sf-menu li a:focus,*/ .sf-menu li.sfHover .sf-with-ul { z-index:9999; }
.sf-accordion-toggle {height:44px;padding:12px 0 6px 0;}
.sf-accordion-toggle a {color:#104B8E;font-weight: bold;padding-top:4px;font-size: 1.25rem;}




/* --------------------
STYLES FOR HOME HERO 
-------------------- */

.jumbotron 				{padding: 2rem 1rem;margin:2rem 0;background-size: cover;background-position: center center;height: 300px !important;overflow: hidden;position:relative; display:grid; place-items:center; }
#block-homepagehero .jumbotron { height:auto!important; padding:0!important;}
#block-homepagehero .jumbotron img { max-width:100%; height:auto;}
.jumbotron-fluid 		{padding-right: 0;padding-left: 0;border-radius: 0;}
.hero 					{height:300px;width:100%;background:rgb(236, 236, 232) no-repeat;background-size:cover;display:table;position:relative;}
.herotext 				{/*width: 80%;*/ text-align:center;position: relative;margin: 0 auto;}
@media (max-width:1024px) {
	.herotext { width:90%; }
	#block-photospagehero .herotext { width:auto; }
}
.herotext h1 			{font-size:1.75em !important;}
.herotext h2 			{font-size:2.75em !important;margin:0 0 12px 0 !important;color:#fff !important;}
.jumbotron p.photo-credit {position:absolute;bottom:0;right:0;color:#fff; padding: 6px 12px;margin:0;background-color:rgb(0,0,0,.6);font-size:.825rem;}
p.hero-white,p.hero-black {font-size: 1.125rem;line-height: 1.5;padding-bottom: 10px;font-weight: 600;}
p.hero-white 			{color:#fff !important;}
p.hero-black 			{color:#000 !important;}
.hotlines 				{position:absolute;bottom:50px;right:20px;padding:6px;color:#333;background-color:rgb(233, 193, 65);border-radius:5px;font-weight:bold;text-decoration:none;font-size:1.375em;}
.jumbotron a 			{color:#333 !important;}
.jumbotron a:visited 	{color:#333 !important;}
.jumbotron a:hover 		{color:#666 !important;}
/*	@media only screen and (max-width: 1250px) {.jumbotron {height: 600px !important;}}
	@media only screen and (max-width: 955px) {.jumbotron {height: 400px !important;}}
	@media only screen and (max-width: 670px) {
		.jumbotron {height: 230px !important}
		.herotext {width: 70%;}}
	@media (min-width: 576px) {.jumbotron {padding: 4rem 2rem;}}*/

.notice { text-align: center;
font-size: 1.5rem;
font-weight: bold;
	margin-top: 20px; }

.notice a { display:inline-block;
    color: #fff !important;
	background-color: #EC651B;
	padding:10px 20px; 
	text-decoration:none; 
}

/* --------------------
FEATURE PARAGRAPHS 
-------------------- */

.feature 											{width:100%;height:auto;min-height:400px;background-size: cover;background-position: center center;text-align:center;}
.feature h2 										{font-size: 2.75em !important;margin: 0 0 12px 0 !important;padding-top:2rem;}
.feature-credit 									{position: absolute;right: 8px;bottom: 8px;color: #fff;}
.feature.bg-white h2,.feature.bg-white p,
.feature.bg-silver h2,.feature.bg-silver p,
.feature.bg-tan h2,.feature.bg-tan p,
.feature.bg-lightyellow h2,.feature.bg-lightyellow p,
.feature.bg-lightgray h2,.feature.bg-lightgray p 	{color: rgba(82, 119, 193, 1) !important;}
.feature.bg-blue h2,.feature.bg-blue p, 
.feature.bg-darkgray h2,.feature.bg-darkgray p, 
.feature.bg-green h2,.feature.bg-green p, 
.feature.bg-aqua h2,.feature.bg-aqua p, 
.feature.bg-red h2,.feature.bg-red p 				{color: #fff !important;}

/* --------------------
SIMPLE COLOR HERO 
-------------------- */

.hero-color 		{background:rgb(29, 91, 117);height:280px;-webkit-box-shadow: inset 0px 9px 14px 0px rgba(0,0,0,0.26);-moz-box-shadow: inset 0px 9px 14px 0px rgba(0,0,0,0.26);box-shadow: inset 0px 9px 14px 0px rgba(0,0,0,0.26);margin-bottom:3rem;}
.hero-color-wrap 	{display:grid;grid-template-columns: 2fr 1fr;}
p.hero-sub 			{font-size: 2.75em !important;color: #fff;margin: 0 !important;align-self: center;}
.hero-callout 		{align-self: center;background:rgb(66, 123, 160);display:flex;flex-direction: row;padding:.5rem;margin-left: 2rem;}
.hero-callout p 	{font-size: 1.5em !important;color: #fff;margin:0 !important}
.hero-callout img 	{width:20px;height:20px;margin-right: .25rem;margin-top: .5rem;}

.has-text-color.has-green-color {color: #647f3a;}
.has-text-color.has-blue-color 	{color: #487ba2;}
.has-text-color.has-dark-blue-color {color: #3d5d6f;}
.bg-silver h2 {text-align:center;}
.bg-silver h3 {font-size: 1.75rem !important;text-align:center;}
figure iframe {max-width:100%;height:auto;border-radius:12px;}

.coverage-options-table {flex-basis:70%;margin-right:2rem;}
.coverage-options-aside {flex-basis:30%;}

/* --------------------
VIDEO EMBEDS ON COVERAGE OPTIONS 
-------------------- */
.wp-block-embed {margin-bottom: 1em;width: 100%;margin-left: 0;}
.wp-block-embed__wrapper {position: relative;}
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;}
.wp-block-embed-youtube iframe {border-radius: 15px;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.wp-block-embed iframe {max-width: 100%;}
iframe {border: 0;}

/* --------------------
TABLE ON FIND HELP PAGE 
-------------------- */
.views-field-field-phone/* , .phone-number-col, #providers td:nth-child(5) */ {white-space: nowrap;}

/* map styles */
.bh-sl-container .bh-sl-loc-list .list-details .list-content,.loc-addr,.loc-addr3,.loc-phone,.loc-web,.loc-default-dist,.loc-directions,.loc-description,#content .bh-sl-loc-list li .loc-addr {font-size: 1rem !important;}
.list li .list-details .loc-addr  {font-size: 1rem !important;}
.bh-sl-container {
color: #555;
font: normal 1rem -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* --------------------
SPECIAL STYLES FOR VERANDA PLAN SITE 
-------------------- */
#maincontent h1, .home-content h1 { display:none; }
.lead h1 {display:inline-block; font-size:3.4rem!important; font-weight:600!important; background:rgba(16,75,142,.7); padding:1px 50px; text-transform:uppercase; /*margin-top:80px!important;*/ }
.color-box { display:block; color:#fff; background-color:#EC651B; min-width:170px; padding:7px 20px; line-height:1; font-weight:600; text-transform:uppercase; }

@media (max-width:700px) {
	.lead h1 { font-size:2.8rem!important; /*margin-top:50px!important;*/ padding:1px 10px; }
}

span.blue { color:#207BBC!important; }
span.orange { color:#EC651B!important; }
span.dark-blue { color:#104B8E; }

img.align-right { float:right; margin-left:10px; }
img.align-left { float:left; margin-right:10px; }

.home-boxes { display:flex; margin-top:2rem; }
@media (max-width: 651px) { 
	.home-boxes, .why-how { flex-direction:column; }
	.why { margin:0 0 10px!important; }
	.theplan { margin:10px 0 0 0!important; }
}
.home-boxes h3 { font-size:1.9em; }
.why-how { display:flex; flex:1 1 50%; }
.why, .how { flex:1 1 50%; padding:85px 15px 5px; }
.why p, .how p { color:#fff; }
.why { margin-right:20px; background:#002539 url("../images/why.jpg") right top no-repeat; }
.how { background:#002539 url("../images/how.jpg") right top no-repeat; }
.how a { color:#fff!important;}
.theplan { flex:1 1 50%; margin-left:20px; border:2px solid #545959; padding:1px 10px; background:#fff url("../images/theplan.gif") center top no-repeat; padding-top:85px; }
#block-whatstheplan p { margin-bottom:5px; }
#block-whatstheplan p + ul { margin-top:0; }

@media (max-width:670px) {
	.why, .how { background-size:contain; }
}

@media (max-width:900px) {
	.why-how { flex-direction:column; }
	.why { margin:0 0 20px 0; }
}

#block-watchourintrovideobutton { margin-top:-65px; text-align:center; margin-bottom:60px; position:relative; }
#block-watchourintrovideobutton a { text-transform:uppercase; text-decoration:none; font-size: 2rem; font-weight: bold; background-color: #207BBC; padding: 15px 25px; color: #fff; }
#block-watchourintrovideobutton a:hover { background-color:#104B8E; }
@media (max-width:651px) {
	#block-watchourintrovideobutton a { font-size:1.4rem; }
}

.flexrow { display:flex; flex-direction:row; }
.flexrow .leftcolumn, .flexrow .rightcolumn { flex:1 1 50%; }
.flexrow .leftcolumn { margin-right:70px; }

#webform-submission-contact-node-7-add-form, #webform-submission-contact-node-7-add-form input { font-size:1.2em; }
#webform-submission-contact-node-7-add-form label { text-transform:uppercase; font-weight:600; display:block; margin-bottom:5px; color:#002539; }
#webform-submission-contact-node-7-add-form input, #webform-submission-contact-node-7-add-form textarea { width:70%; border:1px solid #002539; }
#webform-submission-contact-node-7-add-form .js-form-item { margin-top:30px; }
#webform-submission-contact-node-7-add-form input[type="submit"] { text-transform:uppercase; margin-top:20px; padding:5px 0; color:#fff; background-color:#002539; font-size:1em; }

@media (max-width:950px) {
	#webform-submission-contact-node-7-add-form input, #webform-submission-contact-node-7-add-form textarea { width:90%; }
}
@media (max-width:700px) {
	.flexrow { flex-direction:column; margin:0 20px; }
	.flexrow .leftcolumn { margin-right:0; }
	#webform-submission-contact-node-7-add-form input, #webform-submission-contact-node-7-add-form textarea { width:100%; }
}

#block-verandaplan-content img { border:1px solid #88898C; }

#lightgallery a { text-decoration:none; }
#lightgallery a img { width:23%; margin:1px 2px; }
@media (max-width:800px) {
	#lightgallery a img { width: 48%; }
}
.lg-close:after {content: 'X'!important;}
.lg-next:before {content: '>' !important;}
.lg-prev:after {content: '<' !important;}

@media (max-width:768px) {
	.pic600 { float:none; width:100%!important; margin:10px 0; }
}

/* Login page */

form#user-login-form label.js-form-required { font-weight:bold!important; }

/* Drupal Admin style fixes */

.contextual-region .contextual .contextual-links a { display: block!important;
margin: 0.25em 0!important;
padding: 0.4em 0.6em!important;
color: #333!important;
background-color: #fff!important;
font-family: sans-serif!important;
font-size: small!important;
line-height: 0.8em!important;}