body {
    margin: 0;
    padding: 0 !important;
    background: #f9f9f9;
    font-family: 'Open Sans', sans-serif;
}

body.governor {
 	overflow-x: hidden;  
}

body.governor  .mainContent {
 	padding-left: 167px;  
}

#sealheader {
	padding: 0; 
	text-align: center;
    background-color: #003c8c;
    background: -webkit-linear-gradient(#003c8c, #0071bc);
    background: -o-linear-gradient(#003c8c, #0071bc);
    background: -moz-linear-gradient(#003c8c, #0071bc);
    background: linear-gradient(#003c8c, #0071bc);
    padding-left: 100px; 
    padding-right: 180px; 
    position: relative; 
    height: 78px;
    margin-bottom: 0; 
	transition: .25s;
}

#sealheader:before {
	display: block; 
	content: " ";
	width: 150px; 
	height: 150px; 
	position: absolute; 
	z-index: 100; 
	top: 1px; 
	left: 15px; 
	background: url('/governor-of-virginia/media/governorvirginiagov/shared-images/VirginiaSeal.png') top center no-repeat;
	background-size: contain;
	transition: .25s;
}

#sealheader .masthead > span, #sealheader .tagline > span  {
	display: none;
}

#sealheader .masthead {
	background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/headerGovernorTerryMcAuliffe.png') left center no-repeat;
	background-size: contain;
	display: inline-block;
 	height: 68px;
    margin: 12px 0 0 0;
	max-width: 482px;
	width: 35vw;
	vertical-align: middle; 
	transition: .25s;
}

#sealheader .tagline {
	display: inline-block;
	background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/BuildingANewVirginiaEconomyOrig.png') center center no-repeat;
	background-size: contain;
	height: 68px; 
	max-width: 212px; 
	width: 16vw;
    margin: 12px 0 0 0;
	vertical-align: middle; 
	transition: .25s;
}

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

#sealheader .tagline {
	display: none;
	}  
}




#cse-search-box {
	position: absolute; 
	top: -50px; 
	right: 25px; 
	opacity: 1;
	}

#cse-search-box .searchField {
	background: #fff;
	padding: 5px 35px 3px 15px;
      box-sizing: border-box;
	width: 235px;
	border: solid 1px #fff;
	outline: none;
	border-radius: 2em;
	color: #ccc;
	 -moz-transition: all 0.5s ease-out;
	 -webkit-transition: all 0.5s ease-out;
	 transition: all 0.5s ease-out;
}

#cse-search-box .searchField:focus {
	 width: 300px;
	color: #444;
}

@media only screen and (device-width: 768px) {
#cse-search-box .searchField:focus { width: 235px !important; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
#cse-search-box .searchField:focus { width: 235px !important; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
#cse-search-box .searchField:focus { width: 235px !important; }
}


#cse-search-box .searchButton {
	position: absolute; 
	top: 0px;
	right: 8px;
	background: none;
	color: #ccc;
	height: 30px;
	width: 30px;
	border: 0;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0);
	box-shadow: 0 1px 1px rgba(0,0,0,0);
	z-index: 11;
}

#cse-search-box .form-control {
    height: 30px;
}


.navigation {
	background: #fff;
}

nav.navbar .navbar-nav {
    display: inline-block;
    float: left; 
    text-align: left;
}

.governor .navbar-header {
 	position: absolute; 
  	top: 0; 
  	right: 0; 
}

#navbar {
	box-shadow: 0 0px 6px rgba(0,0,0,.5);
	position: relative; 
	z-index: 10; 
}

#navbar .nav {
    margin-top: 9px;
    margin-bottom: 9px;
    padding-left: 153px;
	border: 0; 
	}

.governor #navbar .nav {
   padding-left: 153px !important;
}

#navbar .nav > li {
	white-space: nowrap;
	background: none !important;
	}
	
#navbar .nav > li > a, #navbar .nav > li > span > a {
    font-size: 13px !important;
    padding: 2px 12px 4px 12px;
	color: rgb(0,60,140);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transition: border .35s ease;
}


#navbar .nav {
    padding-left: 138px;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}



.mainContent {
	padding-top: 10px;
	padding-bottom: 20px;
}

.mainContent h1 {
	font-size: 24px;
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #f5af52;
	font-family: 'Open Sans', sans-serif;
	color: #666;
	font-weight: 300;
}

#connectionSection, #unsubscribe {
  	margin-bottom: 30px; 
  	position: relative; 
}

#connectionSection .social_buttons, #unsubscribe  .social_buttons{
 	position: absolute; 
  	top: -6px; 
  	right: 3px; 
}

#connectionSection .social_buttons div, #unsubscribe {
 	display: inline-block; 
  	margin-right: 3px; 
}


#connectionSection form input[type=submit], #unsubscribe  form input[type=submit]{
    background-color: rgb(0,114,187);
    color: white;
    border: none;
    padding: 4px 10px;
    margin-left: 5px;
}

#connectionSection form input[type=text], #unsubscribe form input[type=text] {
    border-radius: 5px;
    border-style: none;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
  	width: 130px; 
    border: solid 1px rgb(149,149,149);
}

.connections {
    background-color: #daebf2;
  	padding: 10px;
    margin-bottom: 2px;
}

#unsubscribe {
 	width: 100%; 
  max-width: 600px; 
}

#unsubscribe .connections {
    background-color: #ddd;
	width: 100%; 
}

#connectionSection .subscribeform  .name, #unsubscribe .name {
    display: none;
}

#connectionSection .subscribeform, #unsubscribe  .subscribeform {
    margin: 10px 0; 
}


.newsarchives {
    background-color: #daebf2;
	position: relative;
  	padding: 10px 20px;
  	border-radius: 3px;
	margin-bottom: 10px; 
}

.news_filter {
 display: inline-block;  
}

.newsarchives .form-group {
 	display: inline-block; 
  	margin-bottom: 0; 
}

.eventSection, .newsSection {
 	position: relative; 
}

.eventSection section {
	margin-bottom: 40px; 
}

.event {
    margin: 10px 0 5px 0; 
    border-bottom: 1px dotted #bbb;
    padding-bottom: 10px; 
}

.event .date, .event .headline {
 	font-weight: bold;
  	
}

.dim {
 	opacity: .25;
  	
}

.dim a {
 	text-decoration: none; 
}


.newsArticle .time{ 
 margin-bottom: 15px;  
} 

.calLink, .newsroomlink {
 	position: absolute; 
  	top: 7px; 
  	right: 2px; 
}

.calLink a, .newsroomlink a {
 	margin-right: 7px; 
}

.calLink i, .newsroomlink i {
 color: rgb(66, 139, 202); 
}

.sitemap .multilevel-linkul-2 {
 display: none;  
}

  
.futureproc ul {
	margin-bottom: 0 !important;     
}


.top5 {
	padding: 20px !important; 
	font-family: "Domine" !important;
	line-height: 160%;
  	background: #fff;
  	border-radius: 5px; 
    padding: 10px 20px; 
}

.top5 img {
	width: 100% !important;
  height: auto !important;
	display: block;
	margin: auto;
}

.top5 .image img {
	max-width: 500px;
}

.top5 .intro {
	text-align: center; 
	padding: 20px; 
	font-size: 16px; 
}

.top5 h1 {
	font-family: "Times New Roman" !important;
	text-align: center;
	color: #770000 !important;
	font-weight: bold !important;
	font-size: 30px !important; 
	border-bottom: 0 !important;
	text-decoration: underline;
}

.top5 ol {
	font-weight: bold !important;
		font-size: 24px !important; 

}

.top5 ol > li h2 {
	font-size: 20px !important; 
	font-family: "Times New Roman" !important;
	font-style: italic;
	font-weight: bold !important;
	margin-bottom: 20px; 
}
.top5 ol > li h3 {
	font-size: 20px !important; 
	font-family: "Times New Roman" !important;
	margin-bottom: 20px; 
	text-transform: uppercase; 
	font-weight: bold !important;

}
.top5 ol > li li {
	font-size: 16px !important; 
	font-family: "Times New Roman" !important;
	margin-bottom: 10px; 
	font-weight: normal !important;
}
.top5 ul > li  {
	font-size: 18px !important; 
	font-family: "Times New Roman" !important;
	margin-bottom: 10px; 
	font-weight: normal !important;
}

.top5 .highlight {
	background: #fffd30;
} 

.top5 .datestamp {
	font-size: 16px !important; 
	font-family: "Times New Roman" !important;
	text-align: center; 
	font-weight: bold;
	padding-bottom: 10px; 
	margin-bottom: 10px;
	border-bottom: 1px dotted #999;
}

.top5 .message {
padding: 20px;
    background: #eeeeff;
    border-radius: 20px;
    margin-bottom: 40px;	
		}

.proc_date {
 	margin-bottom: 10px;  
}

.flagstatus {
 	margin-bottom: 40px;  
}


.flagstatus .row {
 	text-align: center; 
  	width: 100%;
}
.flagstatus .row h3 {
 	font-weight: bold;  
}

.flagstatus .flagBody {
 	text-align: left;
  	padding: 20px 20px; 
  	background: #fff;
  	margin-bottom: 10px; 
}

.flagstatus .flagBody h3 {
 margin-bottom: 15px !important; 
}


.flagarchive .proc_date {
	margin-bottom: 0;
  	display: inline-block;
  	width: 40%; 
}

.flagarchive a {
	font-weight: bold;   
  	display: inline-block;
    width: 59%;
}

.mainContent .flagarchive p {
    margin: 10px 0 5px 0;
    border-bottom: 1px dotted #bbb;
    padding-bottom: 10px;
}


.archive a {
 	display: block; 
  	padding: 10px 20px; 
  	transition: .25s;
     border-radius: 2px; 
 	text-decoration: none;
}

.archive a:hover {
 	background: rgba(255,255,255,.4);
}
.archive a.on {
 	display: block; 
	background: #fff; 
}

.mainContent .archive h4.panel-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important; 
}	

 .archive .panel-heading {
	overflow: hidden; 
   	padding: 2px !important;
 }

.galleria-thumbnails-container {
  height: 0px;
  display: none;
}

#galleria {
	cursor: pointer;
	margin-bottom: 10px;
}

.galleria-theme-classic .galleria-stage {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
	padding-top: 0px;
	background: #fff;
}
 .galleria-theme-classic {
	height: auto; 
}

.galleria-image-nav {
	display: none; 
}


.icon-button-set a.button {
	width: calc(50% - 5px);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px; 
	transition: all .125s ease 0s; 
	display: inline-block; 
	text-align: center;
	color: #ffffff;
	white-space: nowrap;
	text-decoration: none !important;
	font-family: arial;
	font-size: 1vw;
	font-weight: normal;
	margin-right: 2px;
	margin-bottom: 5px;
	padding: .5vw;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #7db9e8 0%, #1e5799 86%, #1e5799 86%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(86%,#1e5799), color-stop(86%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7db9e8 0%,#1e5799 86%,#1e5799 86%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7db9e8 0%,#1e5799 86%,#1e5799 86%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7db9e8 0%,#1e5799 86%,#1e5799 86%); /* IE10+ */
	background: linear-gradient(to bottom,  #7db9e8 0%,#1e5799 86%,#1e5799 86%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
}

.icon-button-set a.button:hover {	
	color: #ffffff;
	box-shadow: inset 0px 1px 5px  rgba(0,0,0, .6);
}

.icon-button-set a.button i {
	font-family: "FontAwesome";
	display: inline; 
	position: relative; 
	top: 2px;
	font-size: 130%; 
	margin-left: 8px;
	color:  rgba(255,255,255, 1);
	transition: all .25s ease 0s; 
}

.icon-button-set a.button i.large {
	display: block; 
	color:  rgba(255,255,255, .3);
	padding: 0 10px 0px 10px;
	font-size: 4vw;
	line-height: 70px; 	
	margin: 0 auto 5px auto;
}



.icon-button-set a.button:hover i { 	
	color:  rgba(255,255,255, 1);
	text-shadow: 0px 1px 1px rgba(0,0,0, .4);
}

.icon-button-set a.button:hover i.large { 	
	color:  rgba(255,255,255, 1);
	text-shadow: 0px 3px 3px rgba(0,0,0, .4);
}				
					
.datablock {
	background: #218dd6; 
	box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,.5);
	padding: 20px 20px 30px 20px;
	}

.datablock i {
	padding-left: 5px; 
	}
	
.datablock .block {
	width: 100%;
	position: relative;
	background: #104c9c url('//portals.virginia.gov/media/4321/capital_investment.png') center center no-repeat !important;
	background-size:cover !important; 
	}

.datablock .jobsCreated .block {
	background: #104c9c url('//portals.virginia.gov/media/4319/jobs_created.png') center center no-repeat !important;
	background-size:cover !important; 
	}
.datablock .projectsAnnounced .block {
	background: #104c9c url('//portals.virginia.gov/media/4320/projects_announced.png') center center no-repeat !important;
	background-size:cover !important; 
	}

	
.datablock .titleblock {
	border-radius: 4px 4px 0 0;
	background: rgba(0,0,0,.4);
	padding: 5px 15px 5px 15px; 
	color: #fff;
	top: 0; 
	left: 0; 
	display: block; 
	position: absolute; 
	width: 100%;
}

.datablock .valueblock {
	font-size: 50px;
	padding-top: 36px;
	display: block; 
	width: 100%;
	text-align: center;
	color: #fff;
}

.datablock .headerblock {
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 1px; 
	display: block; 
	width: 100%;
	opacity: .5;
	text-align: center;
	color: #fff;
}

.datablock .subtitleblock {
	font-size: 14px;
	display: block;
	visibility: hidden;
	width: 100%;
	text-align: center;
	color: #ffaa11;
	margin-top: 20px;
	margin-bottom: 10px;
	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
}
	
.datablock .disc {
	opacity: .5;
	color: #fff;
	font-size: 13px; 
	text-align: center; 
	margin-top: 3px;
	display: block; 
	}	
	
.datablock .valueLabel {
	text-transform: uppercase; 
	letter-spacing: 1px; 
	font-size: 14px;
	position: absolute; 
	width: 200px;
	bottom: 23px; 
	opacity: 1;
	color: #ffaa11;
	left: calc(50% - 100px);
}	

.datablock .historyblock  {
	border-radius: 0px 0px 10px 10px !important;
	margin-top: -10px; 
	height: 0; 
	-webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
	box-shadow: inset 0px 10px 10px 0px rgba(0,0,0,.5);
}

.datablock .historyblock.on  {
	height: 220px; 
}

.datablock .historyblock div {
	margin-top: 15px; 
}

.datablock .disc {
    opacity: .5;
    color: #fff;
    font-size: 13px;
    text-align: center;
    margin-top: 3px;
    display: inline-block;
    width: 100%;
}
.datablock .canvasjs-chart-credit {
	display: none;
}

.datablock .toggleblock {
	position: absolute; 
	top: 0; 
	padding: 7px 15px 5px 15px;
	right: 0; 
	color: #fff; 
	cursor: pointer;
	opacity: .4;
	-webkit-transition: all .5s;
    transition: all .5s;
    font-size: 12px
}

.datablock .toggleblock:hover {
	opacity: 1; 
}

.datablock .toggleblock.on {
	opacity: 1;
}

.carousel-indicators {
    left: 0;
    text-align: right;
    width: calc( 100vw - 60px);
    margin: auto;  
}

@media (max-width: 1200px) {
.governor #navbar .nav {
    padding-left: 0px;
	}
}

@media (min-width: 1300px)
nav.navbar ul.nav li a {
    font-size: 14px;
}


nav.navbar #navbar ul ul > li > a:hover::before {
    width: 0px;
    border: 0 !important;
}


#navbar .nav > li span.currentbranch0 > a {
	border-top: 1px solid #cde4a6;
	border-bottom: 1px solid #cde4a6;
    line-height: 27px;
    padding-top: 3px;
    padding-bottom: 5px;
	text-decoration: none; 
}

#navbar .nav > li > a:hover {
	border-top: 1px solid #006cb7;
	border-bottom: 1px solid #006cb7;
	background: none;
}

#navbar .nav > li  span.currentbranch0 > a:hover {
	border-top: 1px solid #71b200;
	border-bottom: 1px solid #71b200;
}

#navbar ul ul {
	border: 2px solid #fff !important;
	font-size: 13px;
    margin-top: 0;
    border-radius: 0;
    position: absolute;
    top: calc(100% - 2px);
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0 !important;
    margin: 2px 0 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

#navbar ul ul li {
	display: block; 
}

#navbar ul li:hover ul {
    display: block;
}

#navbar ul ul > li > a, #navbar ul ul > li span.currentbranch1 > a {
	background: rgba(0,113,188,.3);	
  	text-decoration: none; 
  	display: block;
	margin-right: 5px;
    margin-left: 5px;
    padding: 5px 10px 6px 20px !important;
	transition: all .35s ease;
	position: relative;
	color: rgb(0,60,140);
}

#navbar ul ul > li > a:hover, #navbar ul ul > li span.currentbranch1 > a:hover  {
	background: rgb(244, 249, 251);
    color: #006cb7;	
	}

#navbar ul ul > li > a:before, #navbar ul ul > li span.currentbranch1 > a:before  {
	content:"\e250";
    font-family: 'Glyphicons Halflings';
	position: absolute;
	font-size: 9px; 
	opacity: 0; 
	left: 0px; 
  	top: 9px;
	transition: all .35s ease;
	}
	
#navbar ul ul > li > a:hover:before, #navbar ul ul > li span.currentbranch1 > a:hover:before  {
	opacity: 1; 
	left: 7px;
	}

#navbar > ul.nav > li.dropdown > a, #navbar > ul.nav > li.dropdown span.currentbranch0 > a {
    padding-right: 25px !important; 
  }

#navbar > ul.nav > li.dropdown > a:after, #navbar > ul.nav > li.dropdown span.currentbranch0 > a:after {
    position: absolute; 
    content: "\f0d7";
    font-family: "FontAwesome";
    right: 10px;
    top: 4px; 
  }

#navbar > ul.nav > li.dropdown span.currentbranch0 > a:after {
    top: 0px; 
  }

#navbar .multilevel-linkul-1 {
   display: none !important;  
}

.eventSection .time {
    text-align: center;
    font-size: 25px;
    display: block;
    overflow: hidden;
    text-align: center;
  	text-transform: uppercase; 
}

.eventSection #calDay {
  	
    font-size: 37px;
    color: #931010;
    font-weight: 700;
    letter-spacing: -.5px;
    margin-top: -10px;
    display: block;
}


.form-group {
    position: relative;
    margin-bottom: 1px !important;
}

.form-group .control-label {
    font-size: 10px;
    color: RGBA(0,0,0,.6);
    text-transform: uppercase;
    /* position: absolute; */
    top: 8px;
    left: 10px;
    font-weight: normal;
    text-shadow: 0 0 0 rgb(0 0 0 / 0%);
    letter-spacing: 1px;
    z-index: 10;
    margin-top: 20px;
}

.js-main-alert + .form-group > label {
    margin-top: 0px;
}

.form-group input, .form-group textarea {
  height:auto !important;  
  width: 100%;
    transition: all .35s;
    color: #333 !important;
    padding: 24px 10px 6px 10px !important;
    color: #333 !important;
    font-size: 20px !important;
    background: rgba(0,154,255,.1) !important;
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
    border: 1px solid rgba(0,154,255,.1) !important;
    line-height: 120%;
    margin-bottom: 3px !important;
    border-radius: 0 !important; 
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
}

.form-group select {
    width: 100%;
    transition: all .35s;
    color: #333 !important;
    color: #333 !important;
    font-size: 20px !important;
    background: rgba(0,154,255,.1) !important;
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
    border: 1px solid rgba(0,154,255,.1) !important;
    line-height: 120%;
    margin-bottom: 3px !important;
    border-radius: 0 !important; 
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
  	height: 63px !important;
    padding-top: 27px !important;
    padding-left: 4px !important;
}


.form-group input:focus, .form-group textarea:focus {
    background: rgba(255,255,255,1) !important;
    border: 1px solid rgba(0,153,255,.1) !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
    }


/*.form-group .js-required {
	display: none !important; 
}*/

.form-group .js-submit {
	float: none !important;
	display: block; 
	margin: 10px auto !important;
	text-align: center;
	font-size: 20px !important; 
}

.form-group .help-block {
    position: absolute !important;
    top: 16px !important;
    right: 0px !important;
    width: 50% !important;
    text-align: right !important;
}

.toplevelpage {
	padding: 0 !important; 
}

.toplevelpage .row > div.col-md-8 {
	padding: 20px 20px 20px 20px; 
	background: rgba(255,255,255,1);
	margin-left: 163px; 
  	min-height: 440px;
  	width: 33% !important;
}


#footerContainer {
	-webkit-box-shadow: inset 0 1px 20px rgba(0,0,0,.35);
	box-shadow: inset 0 1px 20px rgba(0,0,0,.35);
	padding-top: 20px;
    padding-bottom: 50px;
    color: #fff;
	position: relative; 
	background: #555;
	overflow: hidden;
    padding-left: 40px;
	padding-right: 40px;
}

#footerContainer::before {
	content: " ";
	width: 500px; 
	height: 500px; 
	background: url('/media/governorvirginiagov/shared-images/VirginiaSealWhite.png') top left no-repeat;
	position: absolute; 
    top: -43px;
    left: -93px;
	background-size: 75%;
	opacity: .1;
	}
	
footer h7 {
	padding-top: 20px;
	display: block;
	text-transform: uppercase;
	font-size: 14px; 
	letter-spacing: 1px; 
	font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif;
	border-bottom: 1px dotted #ccc;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.54);
	padding-bottom: 6px;
	margin-bottom: 10px;
	color: #fff;
	opacity: .8;
	transition: all .35s ease .25s;
}

footer div:hover > h7 {
	opacity: 1;
}

footer ul, footer li {
	list-style-type: none; 
	padding:0;
	font-size: 13px;
	margin: 0; 	
}

footer li a {
	color: #66ccff !important;	
	display: block;
	transition: all .25s ease;
	padding: 2px 0;
	font-size: 13px;
}

footer li a:hover  {
	color: #fff !important;	
	padding-left: 5px;
}

footer h4 {
	font-size: 12px;
	color: #fff;
	opacity: .5;
	font-weight: bold;
	}


.card { 
	display: inline-block;
	width: 100%; 
	height: auto; 
	padding: 10px 20px 0;
	margin: 0 auto 0px;
	position: relative;
	border-radius: 3px;
	text-align: left;
	overflow: hidden;
}

.card .secretary {
	position: relative; 
	transition: .35s .35s;
	top: 0; 
	font: 12px/14px "Crimson Text";
}

.sec_topper {
 	height: 80px;
 	width: 80px;
	float: left;
	margin: 0 10px 10px 10px;
	border-radius: 50%; 
}


.card .sec_title {
	margin: 0; 
	color: #337ab7; 
	padding: 0px 0px 10px 0px; 
	letter-spacing: -.5px; 
	font: 22px/22px "Crimson Text";
	display: inline-block;
	width: calc(100% - 100px);
}

.card .sec_name {
	font: 12px/14px "Open Sans";
	font-weight: 700; 
	letter-spacing: .75px; 
	color: #ff9900;
	text-transform: uppercase;
	display: block;
}
.card .sec_name span {
	position: relative; 
	display: inline-block;
}

.card .sec_name a span { color: #ff9900; }

.card .sec_name a:hover span { color: #ff9900; text-decoration: underline}


.card_group {
	margin: auto; 
	text-align: center;
}

.card { 
	display: inline-block;
	width: 280px; 
	height: 250px; 
	padding: 10px;
	position: relative;
	border-radius: 3px;
	text-align: center;
	overflow: hidden;
}

.card:hover {
	transition: height .35s, background 2.5s, box-shadow 2.5s;
	background: #ddffff;
	box-shadow: inset 0 5px 10px rgba(0,0,0,.35);
}

.secretary {
	position: relative; 
	transition: .35s .35s;
	top: 25px; 
	font: 12px/14px "Crimson Text";
}
.card:hover .secretary {
	transition: .35s;
	top: -130px;
}
.sec_topper {
 	height: 120px;
 	width: 120px;
 	margin-left: calc(50% - 60px);
 	border-radius: 50%; 
 	margin-top: 0px;
 	margin-bottom: 10px;
}

.sec_title {
	margin: 0; color: #337ab7; 
	padding-bottom: 10px; letter-spacing: -.5px; font: 22px/22px "Crimson Text";
	position: relative; 
	display: inline-block;
}

.sec_name {
	font: 12px/14px "Open Sans";
	font-weight: 700; 
	letter-spacing: .75px; 
	color: #ff9900;
	text-transform: uppercase;
	display: block;
}
.sec_name span {
	position: relative; 
	display: inline-block;
}

.sec_name a span { color: #ff9900; }

.sec_name a:hover span { color: #ff9900; text-decoration: underline}

.description { 
	color: #777;
	transition: .35s;
	margin-top: 20px; 
	font: italic 17px/21px "Crimson Text";
	left: calc(-100% - 50px);
	position: relative; 
}

.card:hover .description {transition: .35s .35s; left: 0px; 
}

#paul_reagan .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/Paul-Reagan.jpg') center center no-repeat;background-size: cover; background-position: 0 -4px ;
}
#suzette_denslow .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/Suzette-Denslow.jpg') center center no-repeat;background-size: cover; background-position: 0 -6px ;
}
#nancy_rodrigues .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/Nancy-Rodrigues.jpg') center center no-repeat;background-size: cover; background-position: 0 -9px ;
}
#karen_jackson .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/Karen-Jackson.jpg') center center no-repeat;background-size: cover; background-position: 0 -6px ;
}
#todd_haymore .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/todd-haymore_5x7_7629.jpg') center center no-repeat;background-size: cover; background-position: 0 -4px ;
}
#kelly_thomasson .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/thomasson-5x7_7107.jpg') center center no-repeat;background-size: cover; background-position: 0 -8px ;
}
#dietra_trent .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/dietra-picture-3.jpg') center center no-repeat;background-size: cover; background-position: 0 -7px ;
}
#ric_brown .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/Ric-Brown.jpg') center center no-repeat;background-size: cover; background-position: 0 -2px ;
}
#basil_gooden .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/big_1000.jpg') center center no-repeat; background-size: cover; background-position: 0 0px ;
}
#william_hazel .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/Bill-Hazel.jpg') center center no-repeat;background-size: cover; background-position: 0 -6px ;
}
#molly_ward .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/Molly-Ward.jpg') center center no-repeat;background-size: cover; background-position: 0 -6px ;
}
#brian_moran .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/Brian-Moran.jpg') center center no-repeat;background-size: cover; background-position: 0 -6px ;
}
#aubrey_layne .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/secal1.jpg') center center no-repeat;background-size: cover; background-position: 0 -13px ;
}
#john_harvey .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/John_Harvey.jpg') center center no-repeat;background-size: cover; background-position: 0 -16px ;
}
#carlos_hopkins .sec_topper {background: url('/governor-of-virginia/media/governorvirginiagov/governor-of-virginia/images/cabinet/pic_carlos_hopkins.jpg') center center no-repeat;background-size: cover; background-position: 0 -6px ;
}


.mainContent .newsArticle {
    max-width: 900px;
    padding: 15px 25px;
    margin: 10px auto;
    background: #fff;
    border-radius: 5px;
  box-shadow: 0 3px 11px rgba(0,0,0,.2);
}
.mainContent .newsArticle h1 {
    text-align: center;
    padding-bottom: 16px;
    color: #000;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f5af52;
    font-family: 'Open Sans', sans-serif;
    color: #666;
}

.mainContent .newsArticle h3 {
     text-align: center;
 	padding-bottom: 26px;
	padding-top: 26px;
  	border-bottom: 0; 
  	color: #777;
    font-weight: 300;
    font-size: 22px;
}

.mainContent .newsArticle .dateline {
    display: inline-block; 
  	margin-left: 10px; 
}

.mainContent .newsArticle .actionBar {
    background-color: #dfdede;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 13px;
}
		
.mainContent .newsArticle .actionBar .contacts {
    font-weight: bold;
  	margin-top: 10px; 
}
		
.mainContent .newsArticle .actionBar .small {
    font-size: 100% !important;
  	font-weight: normal !important; 
}


#newshere .article {	
	line-height: 140%;
	transition: all .25s ease;
	padding: 12px 15px 12px 15px;
	cursor: pointer;
	border-radius: 5px; 
	display: block;
	position: relative; 
	background: #fff;
	margin-bottom: 10px; 
	border: 2px solid transparent;
	}	

#newshere .article:hover, #newshere .article:focus {
	text-decoration: none !important;
	background: #e6fadd; 
	border: 2px solid #fff;
}	

#newshere .article i {
	transition: all .25s ease .25s;
	padding-left: 15px; 
	opacity: 0;
	}
	
#newshere .article:hover i {
	opacity: 1;
	padding-left: 5px; 
	}

	
#newshere .article .dateline {
	text-transform: uppercase; 
	text-align: left; 
	font-size: 11px;
 	font-weight: 700;
	letter-spacing: .5px; 
	color: rgb(32,57,111);
	padding-bottom: 4px; 
	margin-bottom: 9px;
	border-bottom: 1px dotted #ccc;
	transition: all .25s ease;
}	

#newshere .article .dateline .date, #newshere .article .dateline .location {
	width: calc(50%); 
	display: inline-block; 
	text-align: left; 
}

#newshere .article .dateline .date {
	text-align: right; 
	margin-left: -5px;
}

#newshere .article:hover .dateline {
	color: rgb(19,34,66);
	border-bottom: 1px dotted #999;
}
	
#newshere  .article .image img {
	width: 100%; 
	border: 1px solid #fff !important;
	margin: 10px 0 10px 0; 
	margin-bottom: 10px;
	border-radius: 3px; 
    -webkit-box-shadow: 0 0px 6px rgba(0,0,0,0);
    box-shadow: 0 0px 6px rgba(0,0,0,.0);
}	
	
#newshere .article .headline {
	color: #D43532;
	font-size: 16px;
	line-height: 135%;
}

#newshere .article:hover .headline {
	color: #942523;
}

#newshere .article .brief {
	font-size: 13px; 
	margin-top: 10px;
	color: #666;
}

.summaryno #newshere .article .brief, #newshere.briefno .article .brief {
	display: none;
}

#newshere .article .social_bar  {
	clear: both; 
	height: 0; 
	overflow: hidden;
	transition: all .5s ease .25s;
	text-align: left 
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative; 

}

#newshere .article:hover .social_bar  {
	height: 30px; 
}


#newshere .article .social_bar span {
	padding: 13px 0px 12px 0px;
	font-size: 13px;
	display: block;
	font-weight: bold;
	text-decoration: underline !important;
}

.rightcol .govPaging {
 	display: none;  
}


.rightcol #newshere {
 	margin-bottom: 20px; 
}


.vbs .spotlightheader {
	font-weight: 600;
	font-family: "open sans";
	font-size: 24px; 
	text-align: center;
	}

.vbs .intro {
	padding-bottom: 10px; 
	margin-bottom: 10px; 
	font-weight: bold; 
	color: #777;
	border-bottom: 1px dotted #ccc;
}

.vbs .fa {
	margin-right: 10px; 
}

.vbs .modal-dialog {
    width: 90%;
    max-width: 900px;
}

.vbs .modal-body {
	padding: 0 30px 30px 30px; 
}

.vbs .submitbutton {
	position:absolute; margin-top:-36px;right: 15px;
}

.homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative;
  max-height: 500px;
}
.no-video .video-container video,
.touch .video-container video {
  display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
  display: block !important;
}
.video-container {
  position: relative;
  bottom: 0%;
  left: -45%;
  height: 30vw;
  width: 145%;
  overflow: hidden;
  background: #003e8e;
}
.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute;
}
.video-container .filter {
  z-index: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
}
.video-container .title-container {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 32%;
  width: 80%;
  text-align: left;
  color: #fff;
}
.video-container .description .inner {
  font-size: 1em;
  width: 45%;
  margin: 0 auto;
}
.video-container .link {
  position: absolute;
  bottom: 3em;
  width: 100%;
  text-align: center;
  z-index: 1001;
  font-size: 2em;
  color: #fff;
}
.video-container .link a {
  color: #fff;
}
.video-container video {
  position: absolute;
  z-index: 0;
  top: -13vw;
  left: 0;
}
.video-container video.fillWidth {
  width: 100%;
    min-height: 132%;
}

.hero-img img {
	width: auto;
	max-height: 31.2vw;
}


.eoselect { 
  color:red !important;
}


@media screen and (max-width: 767px) {
.vbs .submitbutton {
	position:relative;right: 0px;
}


@media screen and (min-width: 900px) {
		
#newshere .article .image img {
	width: 50%;
	max-width: 300px;
	display: block;
	float: right; 
	margin-left: 10px;
}

}

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

#sealheader {
	text-align: left;
    padding-left: 105px; 
}

#sealheader:before {
    height: 90px;
    width: 90px;
}
  
body.governor  .mainContent {
 	padding-left: 20px;  
}
  
body.governor #navbar .nav {
    padding-left: 6px !important;
}  

body.governor #navbar .nav > li > a, body.governor #navbar .nav > li > span > a {
    padding: 2px 7px 4px 7px;
}  
  
body.governor #navbar .nav > li span.currentbranch0 > a {
    padding-top: 4px;
}
  
  
body.governor #navbar > ul.nav > li.dropdown > a, body.governor #navbar > ul.nav > li.dropdown span.currentbranch0 > a {
    padding-right: 22px !important;
} 
  
body.governor #navbar > ul.nav > li.dropdown > a:after, body.governor #navbar > ul.nav > li.dropdown span.currentbranch0 > a:after {  
    right: 7px;
}
  
}

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

#sealheader .tagline {
	display: none;
	}

#sealheader .masthead {
    width: 45vw;
}
 
.toplevelpage .row > div.col-md-8 {
	margin-left: 0px; 
	padding-left: 30px !important; 
	padding-top: 1px !important; 
 	width: 100% !important;
}

  
}



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

#sealheader {
    padding-left: 0;
}

#sealheader:before {
	display: none;
	}

#sealheader .masthead {
    width: 78vw;
}

}