/**
 * ===================================
 * Add local styles to this stylesheet
 * ===================================
 *
 * (they may be applied to this theme without affecting other sub-themes)
 **/


/**
 * NOC Responsive theme uses Bootstrap v3.0.2
 *
 * see http://bootstrapdocs.com/v3.0.2/docs/css
 **/




/* Custom background */
/* ================= */

body {
	background: none;
}

#header-img2 {
/*	display: none;	*/
	background-image: none;
	background-color: rgba(255,255,255,0.1);
}

@media (max-width: 920px) {
	#header-img2 {
		background-color: rgba(255,255,255,0.4);
	}
}

/* Navbar tweaks,  */
/* ------------------------------------------------------------ */

/*#navbar{
	background-color: #49e;		/* was #05a 
	border-bottom: 5px solid #27c !important;
}*/
/*
.nav_trans,
.trans,
.foot_trans {
	background: none;
}

.navbar-default .navbar-nav > li {
	background: rgba(68,153,238,0.93);
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
	color: #fff;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > li:not(.active) > a:focus,
.navbar-default .navbar-nav > li:not(.active) > a:hover {
	background: rgba(55,140,225,0.93);
}


.navbar-default .navbar-nav > .active > a {
	color: #eee;
}



.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
	background: rgba(17,102,187,0.93);
}

*/



@media (min-width: 1200px) {		/* For large enough screen width, show the transparent background */

	#bkgTop {
		background: none;
/*		background: url("../images/bkgTop.png") no-repeat fixed center top rgba(0, 0, 0, 0);	*/		/* Radial gradient background image */
	}
}



/* @media (max-width: 767px) {	*/	/* For SCREENS BELOW 768px width - ** DEFAULT ** */
@media (max-width: 1023px) {		/* For SCREENS BELOW 1023px width - Use with navbar1023.css */

/* Replace logo with EMPTY logo */
/* ---------------------------- */

	.navbar .logo {
		margin-top: 8px;
		margin-bottom: 5px;
		margin-right: -15px;
		padding-left: 8px;
		padding-right: 8px;
	}

	#navbar a.logo img {
		background: url("../SERPENT-logo-new-high-res-invert.png") no-repeat scroll;
	/*	background-position: -2px -2px;	*/
		background-size: auto 50px;
		height: 0;
		overflow: hidden;
		padding: 0 250px 55px 0;
		width: 0;
		position: absolute;	/* added specifically for this site */
		top: 12px;		/* added specifically for this site */

	}

	#header-img {
	/*	background: #fff;	*/
		background: url("../images/banners/rotate.php") 100% 75% no-repeat #fff;
		background-size: auto;
		opacity: 1;
	}				/* Override main theme's banners with LOCAL ones */


	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a:hover {
		color: #e72 !important;
	}
}



/* @media (min-width: 768px) {	*/	/* For SCREENS of 768px width and ABOVE - ** DEFAULT ** */
@media (min-width: 1024px) {		/* For SCREENS of 1024px width and ABOVE - Use with navbar1023.css */

	#header-img {
/*		background: #fff;	*/
		background: url("../images/banners/rotate.php") 100% 0 no-repeat scroll #fff;
	/*			background-size: auto 145px;*/
		opacity: 1;
	}				/* Override main theme's banners with LOCAL ones */

	#navbar a.logo img  {
		background: url("../SERPENT-logo-new-high-res-invert.png") no-repeat scroll;
		background-size: auto;
		background-position: 5px 5px;		/* Shift logo to better position in box (default is 0 0) */
		padding: 0 360px 105px 0;		/* Extend logo height from 85px to 110px */
		top: -5px;
	}

	#navbar a.logo:hover img {
			background: url("../SERPENT-logo-new-high-res-invert.png") no-repeat scroll;
		background-size: auto ;
		background-position: 5px 5px;		/* Shift logo to better position in box (default is 0 0) */
		padding: 0 360px 105px 0;		/* Extend logo height from 85px to 110px */
		top: -5px;
	}

	#navbar {
		min-height: 150px;
}


/* Fine tune position of secondary menu */
/* ------------------------------------ */

	.secondary {
		margin-left: 695px !important;
		width: 90px !important;
	}


/* Restore default Marine-e-tech site logo        */
/* (was overwritten in NOC7R-main style sheet) */
/* ------------------------------------------- */

/*
	#navbar a.logo {
		padding-right: 0;
	}

	#navbar a.logo img {
		background: none 0;
		height: auto;
		margin-top: 10px;
		padding: 0;
		width: auto;
	}

	#navbar a.logo:hover img {
		background-position: 0 0;
	}	*/			/* Don't shift logo position on hover */

}



/* Reveal NOC website link and add logo for screens of 1100px width and ABOVE */
/* -------------------------------------------------------------------------- */

@media (min-width: 1100px) {		/* was 900px */

	#navbar .navbar-header {
		width: 73%;		/* Manually adjust so that NOC logo is right justified on same line as the site logo */
	}

	#main-website {
		display: none /* block */;		/* Hidden in NOC7R-main style sheet */
	}

	#main-website {
		background: url("../images/logo-full.png") 0 0 no-repeat;
		height: 0;
		float: right;
		margin-top: 10px;
		padding: 0 315px 85px 0; /* Set to accommodate new image size */
		text-indent: -9999px;
		width: 0;
		position: relative;
/* 		left: -288px;
		top: -44px;	*/
	}

	#main-website:hover {
		background-position: 0 -85px;
	}				/* Shift logo position on hover */

}





/* ############################## */
/* Extra styles for Marine E-tech */
/* Added by AL on 27/08/2015      */
/* ############################## */





/* @media (min-width: 768px) {	*/	/* For SCREENS of 768px width and ABOVE - ** DEFAULT ** */
@media (min-width: 1024px) {		/* For SCREENS of 1024px width and ABOVE - Use with navbar1023.css */

/* Add more logos */
/* -------------- */
/*
	#navbar div#header-img::before {
		content: "";
		background: #fff url("../images/7thFramework.png") no-repeat scroll 0 0;
		padding: 0 133px 104px 0;
		position: absolute;
		right: 132px;
		top: 40px;
	}

	#navbar div#header-img::after {
		content: "";
		background: #fff url("../images/ec_logo.jpg") no-repeat scroll 0 0;
		padding: 0 110px 75px 0;
		position: absolute;
		right: 15px;
		top: 56px;
	}
*/
}



/* Style for sidebar menu */
/* ---------------------- */

.region-sidebar-first.well {
	background: none;
	border: 0;
	line-height: 1.25em;
	padding: 0;
}

.region-sidebar-first.well h2 {
	background-color: #363;
	border-radius: 2px;
	color: #fff;
	font-size: 1.4em;	/* was 1.8em */
	padding: 5px 8px;
}

.region-sidebar-first.well .nav > li > a {
	padding-left: 0;
	padding-right: 0;
}

.region-sidebar-first.well .field-content {
	padding-bottom: 10px;
	border-bottom: 1px dotted lightgrey;
}

aside[class*="col-"] {
	padding-left: 8px;
	padding-right: 8px;
}



/* Override style for innerFooter */
/* ------------------------------ */

.innerFooter {
	background: #d3e5f2;	/* was #363 */
	border-color: #d3e5f2;
}

@media (min-width: 1200px) {
	.foot_trans {
		padding-left: 10px;
		padding-right: 10px;
	}

	.innerFooter {
		border-radius: 4px;	/* was 4px 4px 0 0 */
		margin: 0 0 10px 0;	/* was 0 10px 10px 10px */
		width: auto;
	}				/* Old-style innerFooter box for large screen width */

	.footer {
		width: auto;
	}
}

/* Override style for Footer */
/* ------------------------- */
/* commented out to revert to standard blue
.footer {
	background: #363;
}*/

@media (min-width: 1200px) {
	.footer {
	border-radius: 4px;		/* Added to split the footer from the innerFooter, when there's no trans background image */
	}
}

/* Added to make mission table font smaller in the able */

.missiontable views-table > thead > tr > th > tbody {
    padding: 4px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd;
	font-size: 12px;
}