@charset "utf-8";
/* CSS Document */


@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
a, .mslink {
	color: #0058a8;
	text-decoration: underline;
}
#pageTitle a {
	text-decoration: none;
}

html, body, p, li , a, span, #footer{
	font-family: 'Roboto' !important;
}


/* footer test for sticky*/
html,body  {
	height: 100%;
}

#s4-workspace {
	min-height: 100%;
	/*heigh of footer */

}
#s4-workspace:after {
}

h1, h2, h3, h4 {
	font-family: 'Roboto' !important;
}
h1{
	font-size: 2.4em;
	font-weight: bold;
	color: #000 !important;

}
h2 {
	
	font-size: 1.96em;
	color: #000 !important;
	font-weight: bold;
}
h3 {
	font-size: 1.56em;
	color: #000 !important;
	font-weight: bold;


}
h4 {
	font-size: 1.2em;
	color: #000 !important;
	font-weight: bold;

}
p {
	font-size: 16px;

}
#contentBox ul {
	list-style-image: url('https://dmztheme19.inl.gov/Branding%20Assets/images/bullet.png');
}


/*load s4-workspace in jquery after document ready
#s4-workspace {
	visibility:hidden;
}*/

hr {
/*
	margin-top: 7px;
	margin-bottom: 23px;*/
	/*margin-right: 5%;*/
	border: none;
	height: 1px;
	color: #000;
	background-color: #000;
}

#s4-bodyContainer {
	width: 100% !important;
	max-width: 1300px;
	min-width: 880px !important; /*bring down to 900 for flexible display -- Issues with fixed width elements causing strange stacking due to inline-block display setting*/
	margin-left: auto;
	margin-right: auto;
}


/******* Change the background color **********/
#s4-workspace, #contentBox, #titlerow {
	background-color: #fff;
	
}

#DeltaTopNavigation > div:first-of-type > ul:first-of-type > li:first-of-type > a:first-of-type {
    display: none !important;
}

/*.ms-core-listMenu-horizontalBox li.static > a{
    display: none !important;
}*/
.ms-core-listMenu-horizontalBox li.static > ul a{
   display: block !important; 
}

/************************************************************ FONT OVERWRITES **********/
#ctl00_PlaceHolderSiteName_onetidProjectPropertyTitle1,
#zz14_V4QuickLaunchMenu_NavMenu_EditLinks > span > span.ms-metadata.ms-verticalAlignMiddle, 
.ms-textXLarge {
	font-family: 'Roboto Slab', serif !important;
}

/********************************************************** TITLE IMAGE OVERWRITES **********/
/* resizing and positioning so the main image stretches across the screen and the nav and search bars are correctly placed below */
#siteIcon{
	height: 108px;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	text-align: left;

}

img {
	margin-right: 15px;
}

#inl-logo {
	float: left;
	position: absolute;
	top: 15px;
	left: 45px;
	height: 79px;
	width: 117px;
	background-image: url("https://dmztheme19.inl.gov/Branding%20Assets/images/Logo.png");
	background-repeat: no-repeat;
	background-size: cover;
	
	
}
#s4-titlerow {
	height: auto;
	/*height: 110px;
	margin-bottom: 88px;*/
	padding-top: 0px;
	padding-bottom: 0px;
}
.ms-siteicon-img, .ms-siteicon-a {
	max-width: 100%;
	max-height: 108px;
}
.ms-breadcrumb-box {
	/*padding-top: 15px;*/
	display: block;
}

#ctl00_onetidHeadbnnr2 {
	width: 0px;
	height:0px;
	padding-left: 0px;

}
#inl-gradient-grey {
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(left,  rgba(38,34,35,1) 0%, rgba(38,34,35,0.33) 48%, rgba(38,34,35,0.33) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(38,34,35,1)), color-stop(48%,rgba(38,34,35,0.33)), color-stop(100%,rgba(38,34,35,0.33))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(38,34,35,1) 0%,rgba(38,34,35,0.33) 48%,rgba(38,34,35,0.33) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(38,34,35,1) 0%,rgba(38,34,35,0.33) 48%,rgba(38,34,35,0.33) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(38,34,35,1) 0%,rgba(38,34,35,0.33) 48%,rgba(38,34,35,0.33) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(38,34,35,1) 0%,rgba(38,34,35,0.33) 48%,rgba(38,34,35,0.33) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262223', endColorstr='#54262223',GradientType=1 ); /* IE6-8 */
	

}


#inl-background-title {
	height: 108px;
	width: auto;
	position: relative;
	
	background-image:url("https://dmztheme19.inl.gov/Branding%20Assets/images/titletest.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	
}
/******************************************************SEARCH BOX*********/
/****** placing the search box in the title bar ******/
#inl-searchbox-container {
	width: 200px;
	float: right;
	display: block;
	z-index: 3;
	position: absolute;
	right: 5%;
	top: 45px;
	display:none !important;
}
#inl-sign-in a {
	width: 200px;
	float: right;
	color: #fff;
	text-align: right;
	display: block;
	z-index: 3;
	position: absolute;
	right: 5%;
	top: 20px;
}
.ms-belltown-authenticated .ms-belltown-searcharea {
	padding-top: 20%;
}
/*make the searchbox readable */
.ms-helperText, input.ms-helperText, .ms-srch-sb>input {
	color: #fff;
}
.ms-srch-sb {
	background-color:rgba(50, 50, 50, 0.6);
}

/*change the search image icon*/
img.ms-srch-sb-searchImg {
	content: url("https://dmztheme19.inl.gov/Branding%20Assets/images/Search_Icon.png");
	width: 20px;
	height: 20px;
	left: 0px;
	top: 0px;
}

/************************************************************* Navigation ************/

/*hidden nav icon for mobile */
#inl-menu-icon {
	display: none;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: rgba(234, 238, 240, 0.6) url("https://dmztheme19.inl.gov/Branding%20Assets/images/menu-icon50.png");
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-position: center;
	
}
/*change the background of selected links: */
.ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected {
	background-color:#eaeef0;
}

span.menu-item-text {
	color: #505050;
	font-size: 1.1em;

}
#sideNavBox .static.selected > a > span > span.menu-item-text {
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
}

.ms-core-listMenu-verticalBox > .root > li.static  {
	padding-top: 13px;
	padding-bottom: 13px;
	border-bottom: solid 1px #959595;
}
/* commented out with change to #titleAreaRow li.static to accomadate publishing sites.
 .root > li.static > ul > li  {
	padding-left: 17px;
}
*/
.ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {
	/* compensate for the above by making sure we still indent left hand nav links that are nested */
	padding-left: 17px !important;
}
a.static.menu-item {
	height: 36px;
	padding-left: 0px !important;
	margin-right: 40px;
}
#sideNavBox {
	width: 20%;
	display: inline-block;

}
#contentBox {
	display: inline-block;
	margin-left: 20px;
	width: 70%;
	padding-top: 17px;
	min-width: 550px;

}
.ms-breadcrumb-box {
	min-width: 768px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	height: auto;
}

#ctl00_PlaceHolderLeftNavBar_PlaceHolderQuickLaunchBottom_idNavLinkViewAll {
	display: none;
	
}
span.static.menu-item {
	height: 36px;
	padding-left: 0px !important;
	margin-right: 40px;
}


/*****************************Top Nav Bar **************/
#titleAreaBox .ms-listMenu-editLink {
	height: 38px;
	margin-left: 0px !important;
	
}
#titleAreaBox {
	display: block;
	/*height: 125px;*/
	margin-left: 27px;
	margin-right: 27px;
	margin-top: 17px;
	/*border-bottom: solid 1px #000;*/
}
#titleAreaRow {

}
#titleAreaRow li.static {
	border-left: solid 1px #959595;
	/*width: 175px; commenting out to test top level nav with a publishing site */
	text-align: center;
	vertical-align: top;
	display: inline-table !important;
}

#titleAreaRow li.static .menu-item-text, #titleAreaRow li.static span.ms-navedit-editSpan {
	display: block;
	width: 120px;
	height: 36px;
	padding-right: 25px;
	padding-left: 25px;
	word-wrap: normal !important;
	font-size: 1.1em;
	white-space: initial !important;
}
#titleAreaRow li:last-child {
	border-right: solid 1px #959595;
}

#titleAreaRow .ms-core-listMenu-item, #titleAreaRow a.static.menu-item {
	margin-right: 0px;
}
.ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > ul > li > table {
	/* this is so the default 'home' button added on the global nav by a publishing site is set to the correct type to allow the other buttons to flow correctly */
	display: inline-table;
}
.ms-breadcrumb-top {
	white-space: initial !important;
	
	white-space: normal !important;

}
#inl-breadcrumb-title {
	font-size: 23pt;
	font-weight: bold;
	text-align: center;
	color: #757575;
	margin-top: 12px;
}
#titleAreaRow.ms-tableRow {
	display: block;	/*top nav bar needs to be block to center correctly */
}
/****************Breadcrumb styling for title and subtitle only****
*****
*****
.ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox li, .ms-core-listMenu-horizontalBox .ms-core-listMenu-item, .ms-core-listMenu-horizontalBox > ul > li > table {
	display: block;
}
#zz14_RootAspMenu a.static.menu-item, #zz15_RootAspMenu a.static.menu-item, #zz5_RootAspMenu a.static.menu-item{
	height: 37px;
	font-size: 27pt;
}
#zz14_RootAspMenu a.static.selected.menu-item, #zz15_RootAspMenu a.static.selected.menu-item, #zz5_RootAspMenu a.static.selected.menu-item  {
	height: 25px;
}
#zz15_RootAspMenu > li.static.selected > a, #zz14_RootAspMenu > li.static.selected > a, #zz15_RootAspMenu > li.static.selected > span, 
#zz14_RootAspMenu > li.static.selected > span, #zz2_RootAspMenu > li.static.selected > a, #zz2_RootAspMenu > li.static.selected > span,
#zz5_RootAspMenu > li.static.selected > span, #zz5_RootAspMenu > li.static.selected > a
{
	font-size: 18pt;
	text-align: center;
	margin-left: 0px !important;
	
}

******
******
*/

/* OSLO THEME STYLING
li.static {
	margin-left: 20px;
	margin-bottom: 5px;
	margin-right: 0px !important;
	border-right: solid #000000 !important;
	border-right: 1px !important;
	width: 120px;
	height: 38px;
	vertical-align: text-bottom;
	
}

#zz15_RootAspMenu > li > a, #zz14_RootAspMenu > li > a, #zz15_RootAspMenu > li > span, #zz14_RootAspMenu > li > span, #zz2_RootAspMenu > li > a, #zz2_RootAspMenu > li > span
{
	text-align: center;
	margin-left: 0px !important;
	
}
li.static.selected {
	color: #000;
}
span.menu-item-text {
	color: #959595;
	
}
#zz14_RootAspMenu , #zz15_RootAspMenu, #zz2_RootAspMenu{
	width: 100% !important;
	height: auto !important;
}

/* bring the Edit link down in line 
.ms-listMenu-editLink{
	vertical-align: top;
}
/*edits after moving the nav above the title 
.ms-core-listMenu-horizontalBox {
	float: none;
	margin-bottom: 20px;
}
*/

/**********************************************************Page title *****************/

#pageTitle {
	/*NOT WORKING  padding-bottom: 20px;*/
	font-size: 2.3em;
	color: #000 !important;
	display: block;
	text-align: left;
	width: 100%;
	border-bottom: solid 1px #000 !important;
	padding-top: 5px;
	
}
.ms-core-pageTitle, .ms-core-pageTitle a {
	font-weight: 600;
	border: solid #000 !important;
	border: 1px !important;
}
/*add a bottom border to page title */
#pageContentTitle {
	border-bottom: solid;
	border-width: 1px;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
#ctl00_PlaceHolderSiteName_onetidProjectPropertyTitle1 {
}
/*delete the max width to extend the border across the page*/
.ms-belltown-pageName {
	max-width: 100%;
}
.ms-belltown-pageName a, .ms-webpart-titleText { /*add some bold and black titles*/
	color: #000;
	font-weight: 400;
}
/*********************************************************** BODY OVERWRITES **********/

.contentwrapper {
	min-width: 0px;
	margin: 20px 0% 20px 0%;
}
/*margins from template of 47px*/
.ms-pub-contentLayout {
	padding: 20px 46px 20px 46px;
}
/*add bottom borders to webparts*/
#contentRow.ms-WPBody {
	border-bottom: solid;
	border-width: 1px;
	padding-bottom: 20px;
}
#contentRow {
	margin-left: 27px;
	margin-right: 27px;
	padding-top: 5px;

}
/* change the link look
#contentBox a{
	color: #35629b;
	font-weight: 600;
}
*/
.img-caption {
	display: block;
	margin-top:7px;
}
.ms-promlink-body .img-caption {
	text-align: center;
}
/**********************************************************MULTI COLUMN Pages *************/
.ms-wiki-columnSpacing {
	border-left: solid;
	border-width: 1px;
	margin-left: 12px;
}
.ms-rte-layoutszone-outer {
	padding-right: 24px;
}


/***********************************************************SHAREPOINT WIDGETS****************/
/**										**/
/**										**/
	/*********************** PROMOTED LINKS New Style ********/
	
	/*** NOTE *** promoted links styling conflicts with some Sharepoint defaults - removing this for now -
	***WORKAROUND*** paste the following into a script editor on the page with the promoted links
	
.ms-tileview-tile-root {
	width: 136px !important;
	height: 136px !important;
	padding-right: 29px;
	padding-bottom: 42px;
}
.ms-tileview-tile-content {
	width: 136px !important;
	height: 136px !important;
	overflow: visible;
	background-color: #fff !important;

}
.ms-tileview-tile-detailsBox {
	display: none;
}
.ms-positionRelative {
	right: 0px !important;
    display: block;
    margin: auto;
    height: auto;
    max-width: 136px !important;
    width: auto;
    max-height: 136px !important;

    position: inherit;
}
.ms-tileview-tile-titleTextMediumExpanded {
	visibility: hidden; 
	}
.ms-tileview-tile-detailsListMedium {
	background-color: transparent;
	padding: 0px !important;
	padding-top: 6px;
}
.ms-tileview-tile-titleMedium {
	color: #000;
	background: transparent;
	width: 136x;
}
.ms-tileview-tile-titleMediumCollapsed {
	visibility: hidden }
#promotedlinksbody_WPQ2 img {
	width: 136px;
	height: 136px;
}
.ms-promlink-body {
	width: 100%;
}
.ms-tileview-tile-descriptionMedium {
	visibility: hidden;
}

	*/


/****************************************************** FOOTER SECTION ***********/

#ms-belltown-table {
	padding-bottom: 0px;
}

#footer {
	width: 100%;
	height: 340px;
	position: relative;
	bottom: 0;
	background: #fff;	
	padding: 0;
	border-top: solid;
	border-width: 1px;
	display: inline-block;
	margin-top: 37px;

}

.footer-wrapper {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
}
#footer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#doe-section {
	width: 22%;
	display: inline-block;
	zoom: 1;
	float: left;
	padding-top: 30px;
	padding-right: 2%;
	padding-left: 5%;
}

#social-media-and-contact-info {
	width: 26%;
	display: inline-block;
	float: left;
	padding-top: 30px;
	padding-right: 2%;
}

#footer-nav {
	width: 43%;
	display: inline-block;
	float: left;
	padding-top: 30px;
}

#footer a {
	font-size: 13px;
	line-height: 18px;
}

#footer p {
	font-size: 13px;
	line-height: 18px;
	color: #4d4d4d;
}

#footer .blue {
	color: #005a96;
	text-transform: uppercase;
}

#social-media-and-contact-info ul li a {
	background-repeat: no-repeat;
	background-image: url(images/social-sprite.png);
	display: block;
	width: 35px;
	height: 35px;
	background-position: 0% 0%;
}

#footer #footer-nav ul li {
	display: inline-block;
	float: left;
	zoom: 1;
	width: 48%;
	vertical-align: top;
	min-width: 150px;
	margin-bottom: 15px;
	text-transform: uppercase;
	text-align: left;
}

#footer #footer-nav ul li a {
	color: #005a96;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}

#footer #footer-nav ul li > ul li {
	display: block;
	margin: 0;
	min-height: inherit;
}

#footer #footer-nav ul li > ul li a {
	color: #000;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
}

#footer #menu-footer-navigation {
	/*
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	*/
}
#social-media-and-contact-info ul {
	display: inline-table;
	top: auto;
}

#social-media-and-contact-info ul li {
	display: inline-table;
	zoom: 1;
	vertical-align: top;
}

#social-media-and-contact-info ul li a.facebook {
	background-position: left top;
}
#social-media-and-contact-info ul li a.twitter {
	background-position: -38px top;
}
#social-media-and-contact-info ul li a.youtube {
	background-position: -78px top;
}
#social-media-and-contact-info ul li a.flickr {
	background-position: -118px top;
}
#social-media-and-contact-info ul li a.instagram {
	background-position: -158px top;
}
#social-media-and-contact-info ul li a.linkedin {
	background-position: -198px top;
}

/***************************************************************** MEDIA QUERIES *********/
/*
@media only screen
	and (min-device-width: 320px)
	and (max-device-width: 767px)
and (-webkit-min-device-pixel-ration: 2)
*/
@media (min-width: 768px) and (max-width: 979px) {
}
@media (min-width: 1200px) {
}
@media (max-width: 767px) {
	#s4-bodyContainer {
		min-width: 360px !important;
	}
	#titleAreaRow {
		/*display: none !important;*/
	}
	/*search nav and move the horizontal nav into a navigation button */
	#inl-searchbox-container {
		top: 65px;
	}
	#inl-sign-in a {
		top: 22px;
		right: 20%;
	}
	#inl-menu-icon {
		float: right;
		display: block;
		z-index: 3;
		position: absolute;
		right: 5%;
		top: 10px;
		display: inline-block;
		

	}
	a:hover#inl-menu-icon {
		background-color: #fff;
		border-radius: 4px 4px 0 0;
	
	}
	.ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox:active ul {
	
		display: none;
		position: absolute;
		padding: 20px;
		background: #fff;
		border: 5px solid #444;
		right: 20px;
		top: 50px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
		z-index: 9;
		
	}
		
	.ms-core-listMenu-horizontalBox li {
	
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		z-index: 9;

	}
	#titleAreaRow li.static {
		border-left: solid 0px #959595;	
		border-top: solid 1px #959595;
	}
	
	#titleAreaRow li:last-child {
		border-right: solid 0px #959595;
		border-bottom: solid 1px #959595;
	}

	.ms-core-listMenu-horizontalBox:hover ul {
	
		display: block;
	}


	#sideNavBox {
		width:100%;
		text-align:center;
	}
	#sideNavBox .static span.menu-item-text, #sideNavBox .static.selected span.menu-item-text {
		font-size: 1.5em;
	}

	#contentBox {
		width: 100%;
		min-width: 360px;
	}
	#footer {
		height: 525px;
	}
	.footer-wrapper {
		width: 100%;
		margin: 0 auto;
	}
	#doe-section, #social-media-and-contact-info{
		width: 100%;
		text-align: left;
		padding-left: 30px;
	}

	#footer #menu-footer-navigation, #footer-nav {
		visibility: hidden;
		height: 0px;
	}
	#footer a {
		line-height: 0px;
	}
	#footer #footer-nav ul li {
		  height: 0px;
		  min-width: 0px;
		  margin-bottom: 0px;
	  }
	
	#siteIcon, #inl-searchbox-container{
		display: block;
		text-align: center;
	}
	#zz14_RootAspMenu, #zz15_RootAspMenu, #zz14_V4QuickLaunchMenu, #zz1_V4QuickLaunchMenu, #zz2_RootAspMenu {
		width: 100%;
	}

}

@media (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
	#s4-bodyContainer {
		min-width: 360px !important;
	}
	#titleAreaRow {
		/*display: none !important;*/
	}
	/*search nav and move the horizontal nav into a navigation button */
	#inl-searchbox-container {
		top: 65px;
	}
	#inl-sign-in a {
		top: 22px;
		right: 20%;
	}
	#inl-menu-icon {
		float: right;
		display: block;
		z-index: 3;
		position: absolute;
		right: 5%;
		top: 10px;
		display: inline-block;
		

	}
	a:hover#inl-menu-icon {
		background-color: #fff;
		border-radius: 4px 4px 0 0;
	
	}
	.ms-core-listMenu-horizontalBox ul, .ms-core-listMenu-horizontalBox:active ul {
	
		display: none;
		position: absolute;
		padding: 20px;
		background: #fff;
		border: 5px solid #444;
		right: 20px;
		top: 50px;
		width: 50%;
		border-radius: 4px 0 4px 4px;
		z-index: 9;
		
	}
		
	.ms-core-listMenu-horizontalBox li {
	
		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		z-index: 9;

	}
	#titleAreaRow li.static {
		border-left: solid 0px #959595;	
		border-top: solid 1px #959595;
	}
	
	#titleAreaRow li:last-child {
		border-right: solid 0px #959595;
		border-bottom: solid 1px #959595;
	}

	.ms-core-listMenu-horizontalBox:hover ul {
	
		display: block;
	}


	#sideNavBox {
		width:100%;
		text-align:center;
	}
	#sideNavBox .static span.menu-item-text, #sideNavBox .static.selected span.menu-item-text {
		font-size: 1.5em;
	}

	#contentBox {
		width: 100%;
		min-width: 360px;
	}
	#footer {
		height: 525px;
	}
	.footer-wrapper {
		width: 100%;
		margin: 0 auto;
	}
	#doe-section, #social-media-and-contact-info{
		width: 100%;
		text-align: left;
		padding-left: 30px;
	}

	#footer #menu-footer-navigation, #footer-nav {
		visibility: hidden;
		height: 0px;
	}
	#footer a {
		line-height: 0px;
	}
	#footer #footer-nav ul li {
		  height: 0px;
		  min-width: 0px;
		  margin-bottom: 0px;
	  }
	
	#siteIcon, #inl-searchbox-container{
		display: block;
		text-align: center;
	}
	#zz14_RootAspMenu, #zz15_RootAspMenu, #zz14_V4QuickLaunchMenu, #zz1_V4QuickLaunchMenu, #zz2_RootAspMenu {
		width: 100%;
	}

}
/* OSLO THEME MEDIA QUERIES
@media (min-width: 768px) and (max-width: 979px) {

}

@media (min-width: 1200px) {

}
@media (max-width: 767px) {

	#footer {
		height: 525px;
	}
	
	li .static {
	padding-right: 0px;
	border-width: 0px !important;
	width: 100%;
}
	
	#zz13_V4QuickLaunchMenu {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	
	}

	

	.footer-wrapper {
		width: 100%;
		margin: 0 auto;
	}
	#doe-section, #social-media-and-contact-info{
		width: 100%;
		text-align: left;
		padding-left: 30px;
	}

	#footer #menu-footer-navigation, #footer-nav {
		visibility: hidden;
		height: 0px;
	}
	#footer a {
		line-height: 0px;
	}
	#footer #footer-nav ul li {
		  height: 0px;
		  min-width: 0px;
		  margin-bottom: 0px;
	  }
	
	#siteIcon, #inl-searchbox-container{
		display: block;
		text-align: center;
		float: center;
	}
	#zz14_RootAspMenu, #zz15_RootAspMenu, #zz14_V4QuickLaunchMenu, #zz1_V4QuickLaunchMenu, #zz2_RootAspMenu {
		width: 100%;
	}
	span.menu-item-text {

		font-size: 14px;

	}

	li.static, li.dynamic-children {
		display: block;
		color: #8cd7f7;
		border: 3px solid #8cd7f7;
		background: #fff;
		padding: 9px 5%;
		margin-bottom: 10px;
		text-align: center;
		width: 90%;
	}
	li.static:hover, li.dynamic-children:hover{
		color: #fff;
		background: #BDBDBD;
		transition: 0.7s;
	}
	li.static: hover > a.static > span.additional-background > span.menu-item-text {
		color: #fff;
	}
	/*offsetting the edit links button
	#zz14_RootAspMenu > li.static.ms-verticalAlignTop.ms-listMenu-editLink.ms-navedit-editArea, #zz15_RootAspMenu > li.static.ms-verticalAlignTop.ms-listMenu-editLink.ms-navedit-editArea {
		margin-left: 15%;
		width: 75%;
	}
}
*/