/**
 * ===================================
 * 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 */
/* ================= */

/*
#header-img2 {
	display: none;
}	*/	/* Default in NOC7R-main */

.maintenance-page #navbar a.logo img {
	background: url("../logo.png") 0 0 no-repeat;
	padding: 0 212px 68px 0 !important;
}




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

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

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

	#navbar a.logo img {
		background: url("../logo.png") 0 0 no-repeat;
		background-size: auto 50px;
		height: 0;
		overflow: hidden;
		padding: 0 150px 50px 0;
		width: 0;
	}

	#header-img {
		/*background: url('../images/blueprint-bkgd3.png') 0 0 repeat;*/
                  background-color: #001a00;
	}				/* Override main theme's banners with LOCAL ones */

}

.nav_trans, #header-img {
	background-color: rgba(153, 204, 255, 0.9);
}

.foot_trans {
	/*background-image: url('../images/blueprint-bkgd3.png');*/
          background-color: #0073c5;	
}





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

	.nav_trans:after {
		content: "";
		/*background-image: url('../images/blueprint-bkgd3.png');*/
		opacity: 0.92;
		top: 0;
		bottom: 0;
		left: 0;
		right:0;
		position: absolute;
		z-index: -1;
	}		/* Make background image have opacity without affecting other elements */

	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > .active > a {
		background-color: transparent;
		color: #007dbb;
		font-size: 1.15em;
	}		/* Default colour of tab */

	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a:hover {
		color: #ddd;
	}		/* Colour of open tab or hover on tab */
	
	.nav_trans.navbar-fixed-top .navbar-default .navbar-nav > li > a {
		background-color: transparent !important;
	}		/* Remove tab background even on hover */

	.navbar-default .navbar-nav.secondary {
		margin-left: 80%;
	}

}

.nav_trans.navbar-fixed-top #home-fixed {
	background-image: url("../logo.png");
	background-position: -4px 1px;
	background-repeat: no-repeat;
	background-size: auto 72px;
	height: 0;
	margin-bottom: 1px;
	margin-left: 0;
	margin-top: 1px;
	padding: 0 215px 72px 0;
	position: relative;
	width: 0;
}

.nav_trans.navbar-fixed-top #default-nav > ul:first-child > li:first-child,
.nav_trans.navbar-fixed-top #megamenu-nav ul#main-menu > li:first-child {
	margin-left: 320px;
}			/* Shift menu to right of larger logo */



/* Styles for slim fixed navbar */
/* ============================ */

.nav_trans.navbar-fixed-top.slim-navbar #home-fixed {
    background-position: -2px -1px;
    background-size: auto 50px;
    padding: 0 150px 50px 0;
}

.nav_trans.navbar-fixed-top.slim-navbar #default-nav > ul:first-child > li:first-child,
.nav_trans.navbar-fixed-top.slim-navbar #megamenu-nav ul#main-menu > li:first-child {
	transition: margin-left 0.4s ease;
	margin-left: 200px;
}			/* Shift menu to right of smaller logo */

/*
.nav_trans.navbar-fixed-top.slim-navbar #block-search-form {
	display: none;
}	*/		/* Can hide search block for slim navbar */



@media (min-width: 1024px) {

	.nav_trans:not(.slim-navbar) #navbar:after {
		content: "";
		/*background: url("../images/NOC_NML.png") 0 0 no-repeat;*/
		background-size: auto 45px;
		padding: 0 270px 45px 0;	/* Manually set to accommodate new image size */
		position: absolute;
 		left: 52%;
		top: 2.5px;
	}		/* Add sponsor logo (without link) */
/*
	.nav_trans.slim-navbar #navbar:after {
		content: "";
		background: url("../images/NOC_NML.png") 0 0 no-repeat;
		background-size: auto 38px;
		padding: 0 230px 38px 0; */	/* Manually set to accommodate new image size */
/*		position: absolute;
 		left: 56%;
		top: 2.5px;
	} */		/* Add sponsor logo (without link) */

	.navbar-default .navbar-nav > .dropdown > a .caret,
	.navbar-default .navbar-nav > .dropdown > a:focus .caret,
	.navbar-default .navbar-nav > .dropdown > a:hover .caret {
		border-bottom-color: #007dbb;
		border-top-color: #007dbb;
	}


}

@media (max-width: 1023px) {

	.nav_trans:not(.slim-navbar) #navbar:after {
		left: 48%;
		top: 12px;
	}		/* Adjust position for smaller screen */
}





/* Overide RHS block style from main NOC7Res theme */
/* ----------------------------------------------- */

.region-sidebar-second .block {
	background: none;
	margin: 0;
	padding: 0;
}

.region-sidebar-second .block .greyboxRHS {
	background: #f5f5f5 none repeat scroll 0 0;
	margin: 15px 0 20px;
	padding: 1em 1.5em;
}





/* RHS lander box with caption overlay */
/* ----------------------------------- */

.stLanderBox {
	position: relative;
	overflow: hidden;
	border-top: 1px solid #eedf0f;
	max-width: 274px;	/* Avoid white space on xs & sm sizes */
}

.stLanderBox .titleYellow {
	background-color: rgba(235, 218, 0, 0.6);
	color: #1e4388;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding: 5px 10px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.stLanderBox > a:hover .titleYellow {
	background-color: #eedf0f;
	transition: all 500ms ease;
}

.stLanderBox .title {
	background-color: rgba(16, 20, 25, 0.8);
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
}

.stLanderBox > a:hover .title {
	background-color: #000;
	transition: all 500ms ease;
}

.stLanderBox .titleBlue {
	background-color: rgba(16, 20, 25, 0.8);
	color: #e1e1e1;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 5px 10px;
	position: absolute;
	bottom: 0;
	width: 100%;
}





/* Introduction paragraph */

.largeBlueText {
    color: #428bca;
    font-size: 16px;
    font-weight: 700;
}





/* Front page lander boxes - dark blue background, sky blue links, white text */

.frontpage .landerBox .outer-outer-container {
	background-color: #101419;
	padding: 15px;
}

.frontpage .landerBox .outer-container:after {
	padding-top: 66.66%;
}			/* Override image ratio with 3:2 */

.frontpage .text h3 a,
.frontpage .text h3 a:visited,
.frontpage .text h3 a:focus,
.frontpage .text h3 a:hover {
	color: #007dbb;
}

.frontpage .text h3 {
	padding-top: 12.5px;
}

.frontpage .text p {
	color: #e1e1e1;
}





/* Discover page lander boxes - transparent background, sky blue links */

.discover .landerBox .outer-outer-container {
	background-color: transparent;
	padding: 10px;		/* Set to 7.5px in NOC7R-main's style.css */
}

.discover .landerBox .outer-container:after {
	padding-top: 75%;
}			/* Override image ratio with 4:3 */

.discover .landerBox .inner-container {
	background: transparent;
}

.region-content .discover .text a,
.region-content .discover .text a:focus,
.region-content .discover .text a:hover {
	color: #007dbb;
}

.discover .text h3 {
	padding-top: 17.5px;
}




/* Extras for 'Visit' page */

.glyphicon-sm {
	color: #428bca;
	font-size: 1.5em;
}

.glyphicon-lg {
	color: #428bca;
	font-size: 4em;
}

.blockquote-box .square {
	min-height: 50px;
	padding: 0 20px 20px 0;
	margin-bottom: 20px;
	width: 80px;
}




/* Timeline styles and classes */
/* Note: '.casuale' not used   */
/* --------------------------- */

#timeline {
	list-style: none;
	position: relative;
}

#timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 2px;
	background-color: #4997cd;
	left: 50%;
	margin-left: -1px;
}

#timeline .clearfix {
	clear: both;
	height: 0;
}

#timeline .timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	font-size: 1.2em;
	text-align: center;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -25px;
	background-color: #4997cd;
	z-index: 100;
	border-radius: 50%;
}

#timeline .timeline-badge span.timeline-balloon-date-day {
	font-size: 1.2em;
	line-height: 2.5em;
}

#timeline .timeline-badge span.timeline-balloon-date-month {
	font-size: .7em;
	position: relative;
	top: -10px;
}

#timeline .timeline-badge.timeline-filter-movement {
	background-color: #fff;
	font-size: 1.7em;
	height: 35px;
	margin-left: -18px;
	width: 35px;
	top: 40px;
}

#timeline .timeline-badge.timeline-filter-movement a span {
	color: #4997cd;
	font-size: 1.3em;
	top: 3px;
}

#timeline .timeline-badge.timeline-future-movement {
	background-color: #fff;
	height: 35px;
	width: 35px;
	font-size: 1.7em;
	top: -16px;
	margin-left: -18px;
}

#timeline .timeline-badge.timeline-future-movement a span {
	color: #4997cd;
	font-size: .9em;
	top: 2px;
	left: 1px;
}

#timeline .timeline-movement {
	border-bottom: dashed 1px #4997cd;
	position: relative;
}

#timeline .timeline-movement.timeline-movement-top {
	height: 60px;
}

#timeline .timeline-movement .timeline-item {
	padding: 20px 0;
}

#timeline .timeline-movement .timeline-item .timeline-panel {
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	background-color: #fff;
	color: #666;
	padding: 10px;
	position: relative;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
	text-align: right;
}

#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
	color: #666;
}

#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {
	color: #468c1f;
	font-size: 1.3em;
}

#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
	text-align: left;
}

#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {
	color: #e2001a;
	font-size: 1.3em;
}

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

	#timeline .timeline-movement.timeline-movement-top {
		height: 103px;
	}

	#timeline .timeline-badge {
		top: -22px;
	}

	#timeline .timeline-badge.timeline-filter-movement {
		top: 34px;
	}

	#timeline .timeline-movement .timeline-item {
		padding: 30px 0 10px 0;
	}

	#timeline .timeline-movement .timeline-item:nth-child(3) {
		padding: 10px 0 23px 0;
	}
}



.lgdkbluebg {
   /* background: #030619 url("/sites/all/themes/NOC7R-main/images/noc-res-wide-box-bkgd2.jpg") no-repeat scroll 50% 0;*/
    background: #0d416b;
}
.fullScreenWidth {
    overflow: hidden;
}
.redPlusShadow {
    color: #ef3900;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(11, 25, 32, 0.4);
}
.bluePlusShadow {
    color: #0073c5;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(11,25,32, 0.4);
}
.redText {
    color: #ef3900;
    font-weight: 700;
}
.blueText {
    color: #0073c5;
    font-weight: 700;
}
.dkblueText {
    color: #0d416b;
    font-weight: 700;
}
.centre {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.extraBigBottomMargin {
    margin-bottom: 60px !important;
}
.bigBottomMargin {
    margin-bottom: 20px !important;
}
.bottomMargin {
    margin-bottom: 10px !important;
}
.bigTopMargin {
    margin-bottom: 20px !important;
}
.topMargin {
    margin-bottom: 10px !important;
}
.extraBigTopMargin {
    margin-top: 60px !important;
}
.blueLarge {
    color: #0073c5;
    font-weight: bold;
    font-size: 109%;
    margin-top: 15px;
}
.blueXLarge {
    color: #0073c5;
    font-weight: bold;
    font-size: 250%;
    margin-top: 15px;
}
.redLarge {
    color: #ef3900;
    font-weight: bold;
    font-size: 110%;
    margin-top: 15px;
}
.largeText {
   font-weight: 700;
   font-size: 109%;
}
.veryLargeText {
   font-weight: 700;
   font-size: 125%;
}

/* table styles for station handbook table */
.table1 {
    border: solid 1px #000057;
    border-collapse: collapse;
}


.table1 th {
    background-color: #9CF;
    border: solid 1px #000057;
    padding: 5px 5px 5px 5px;
}
/*.cnowrap {
    white-space: nowrap;
}*/


.well-blue {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: rgba(153,204,255,0.8);
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.well-black {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: rgba(26,26,26,0.5);
    /*border: 1px solid #eee;*/
    border-radius: 25px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}