/*!
 * Custom CSS Styles
 * Crown Copyright
 * DO NOT COPY AND PASTE REPLACEMENT/UPDATES - bottom section is for RTE
 */

/* Bootstrap overrides/amends */

.btn {padding: 2px 12px;} /* Reduce height of all .btn styled elements from 6px top/bottom to 2px */

.img-responsive {display:inherit; height:auto; max-width: inherit;} /* Override default Bootstep behaviour */
img.img-responsive, .img-responsive img {
    display: block;
    height: auto;
    max-width: 100%;
} /* Re-apply img-responsive behaviour to allow class direct on img OR on parent element */

/* Re-usable/Generic Styles */

.reset-top {margin-top:0; padding-top:0;}
.reset-bottom {margin-bottom:0; padding-bottom:0;}
.reset-all {margin:0 0; padding:0 0;}

/* section borders */

/* .top-border {border-top:4px solid #000;	padding-top:0.5em;} */

/* sect-border (section border) replaced top-border so that it's applied a template level and not to the content - simplifies the process for the content editor - doesn't have to remember to apply a particular style */

.sect-border img:first-child, .sect-border h1:first-child, .sect-border h2:first-child, .sect-border h3:first-child {
	border-top:4px solid #000;
	padding-top:18px;
	margin-top:20px;
}

/* xs-sect-border only shows border at single column screen size */

.xs-sect-border img:first-child, .xs-sect-border h1:first-child, .xs-sect-border h2:first-child, .xs-sect-border h3:first-child {
	border-top:4px solid #000;
	padding-top:20px;
	margin-top:20px;
}

.top-row{ /* adds extra padding to separate the breadcrumb from the sub-page content eg press */
	padding-top:10px;
}

article img, aside img {
	margin:0.5em; 
	display: block; 
	height: auto;  
	max-width: 100%;
} /* Make any <img> within <article> or <aside> responsive by default and with some margin to provide gap to surrounding text */

/* image figures - build into article - not currently used - left in for ref */

div.figure-right {
  float: right;
  width: 60%;
  border: thin silver solid;
  margin: 5px 0px 10px 22px;
  padding: 0.5em;
}
div.figure-left {
  float: left;
  width: 60%;
  border: thin silver solid;
  margin: 5px 22px 10px 0px;
  padding: 0.5em;
}
div.figure-1col {
  width: 46%;
}
div.figure-full {
  width: 100%;
  border: thin silver solid;
  margin: 5px 0px 10px 0px;
  padding: 0.5em;
}

div.figure-left p, div.figure-right p, div.figure-full p {
  text-align: left;
  font-style: italic;
  font-weight: bold;
  font-size: 0.9em;
  text-indent: 0;
  color: darkred;
  margin: 0px 0px 1px 0px;
}

div.figure-left img, div.figure-right img, div.figure-full img{
  width:100%
}

/* end figures */

/* Header styles */

header.row {
	 background-color:#031530;
	 margin:0 0 1.5em;
}

header .navbar h2 { /* make narrow nav label right align to 'menu' icon */
	margin:15px;
	float:right;
	color: white;
}

.navbar-default { /* small screen nav background set to same as main header colour */
background-color: inherit;
border-color: transparent;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	/* set narrow menu button background for hover/focus */
    background-color: rgb(100, 140, 150);
}

header .navbar ul {padding-left:0;}
header .navbar li { /* Make nav text 'single column' for small screens */
	display:block;
	list-style:none;
}
header .navbar li a{
	color:white;
}

header .navbar a {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration:none;
    white-space: nowrap;
	line-height:1.5;
	padding:0 23px 0 0;
}
header .navbar a:visited {
    text-decoration: none;
}
header .navbar a:hover {
    color: #FFFF00;
    text-decoration: none;
}
header .navbar a.active {
    color: #00FFFF;
    text-decoration:none;
}
.top-nav-main{ /* limit the width of nav text */
	width: 70%;
}

header form {margin:8px 0 0.5em;}

input[type="search"] {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 26px;
    line-height: 18px;
    padding: 4px 6px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    vertical-align: middle;
}

@media (min-width: 480px) { /* not currently used */
}

@media (min-width: 768px) {
	header h1 img {margin:0 20px 40px 0px;}
	header .navbar a {color: #FFFFFF;}
	header .container {
		height:200px;
		background:url(../img/cyber-header.png) top right no-repeat #031530;
	} /* Only enforce height and apply background image on 768px or wider screens */
	
	.navbar-default {
		background-color:transparent;
		border:none;
	}
	header .navbar li { /* Make nav text inline for wider screens */
    	display: inline;
    	list-style: none outside none;
	}
	.navbar-collapse {padding:0;}
	header form {margin:0px 0 0em;}

/* xs-sect-border only shows border at single column screen size */

	.xs-sect-border img:first-child, .xs-sect-border h1:first-child, .xs-sect-border h2:first-child, .xs-sect-border h3:first-child {
		border-top:0px none;
		padding-top:10px;
		margin-top:0px;
	}
}

@media (min-width: 992px) { /* not currently used */
}
	
/* banner */
.banner img {
	margin-bottom:20px;
}

/* Crumbtrail Styles */

#crumbtrail {
	color: #8B0000;
	margin:-1.5em 0 0;
	padding:0.5em 0;
	border-bottom:1px dashed #ccc;	
}
.breadcrumb {
	background:none;
	margin:0 0 0 -12px;
	padding:0;
	display:inline;
}
.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "> "; /* Override Bootstap / for > character between breadcrumb links */
    padding: 0 5px;
}
.breadcrumb > li { /* stop individual 'breadcrumbs' wrapping */
    white-space: nowrap;
}

/* Left Nav Styles */

#left-nav {
	margin-top:20px;
	padding:1em;
	background-color:#eee;
	border:1px solid #ccc;
	border-radius: 5px;
}
#left-nav.affix, #left-nav.affix-top {
	position:fixed !important; /* Fix for glitch in Bootstrap default where menu jumps to top when just starting to scroll back up page */
	width:18%; /* Enforces width when menu would otherwise collapse when in scolling mode */
} 

/* Social Media Link Styles */

.social-media-link .connect {
    background-color: #031530;
    background-image: url("../../assets/img/social-icons-white.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
	clear:left;
    height: 25px;
    margin-bottom: 3px;
    margin-right: 10px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -999em;
    width: 25px;
}
.twitter .connect {
    background-position: -2px -32px;
}
.facebook .connect {
    background-position: -2px -2px;
}
.email .connect {
    background-position: -2px -272px;
}
.talk .connect {
    background-position: -3px -119px;
}
a.email, a.talk, a.twitter, a.facebook {
    color: #031530;
    font-size: 1.35em;
}

/* Footer Styles */

footer {
	border-top:1px solid #eee;
	padding:1.5em 0;
}
footer h3 {font-size:18px;}
footer a {color:#505050;}
footer nav {
	margin:0 0 !important;
	background-color:#D3D3D3;
}
footer nav ul {
	padding:0;	
}
footer nav li {
	list-style:none; line-height:1.5;
}
footer .row {
	margin:0 0;
}
 
 /* --------------------------------- */
 /*BT ADDED STYLES */
footer a:link {color:#505050;}
 
 /* RTE Markup Style */
 /* HEADERS */
H2.gx-rteElement-H2 {-ms-name:"Heading 1";}
H3.gx-rteElement-H3 {-ms-name:"Heading 2";}
H4.gx-rteElement-H4 {-ms-name:"Heading 3";}
H5.gx-rteElement-H5 {-ms-name:"Heading 4";}
.gx-rteElement-H2 {}
.gx-rteElement-H3 {}
.gx-rteElement-H4 {}
.gx-rteElement-H5 {}


/* PARAGRAPH TEXT */
P.gx-rteElement-P{-ms-name:"Paragraph";}
.gx-rteElement-P {}
.article-content, .welcome-content {}


/* HR */
HR.gx-rteElement-Hr{-ms-name:"Horizontal Rule";}
.gx-rteElement-Hr {}

/*RTE Styles*/
/* Styles */
.gx-rteStyle-button-default{-ms-name:"Button";}
.gx-rteStyle-sr-only{-ms-name:"Screen Reader Only";}
.gx-rteStyle-timestamp{-ms-name:"Time Stamp";}
.gx-rteStyle-top-border{-ms-name:"Top Border";}
.gx-rteStyle-alert-success{-ms-name:"Alert Green";}
.gx-rteStyle-alert-info{-ms-name:"Alert Blue";}
.gx-rteStyle-alert-warning{-ms-name:"Alert Amber";}
.gx-rteStyle-alert-danger{-ms-name:"Alert Red";}

.gx-rteStyle-button-default, .gx-rteStyle-sr-only, .gx-rteStyle-timestamp, .gx-rteStyle-top-border,
.gx-rteStyle-alert-success, .gx-rteStyle-alert-info, .gx-rteStyle-alert-warning, .gx-rteStyle-alert-danger
{
	color: #B94A48;
	background-color: #FFFF00;
}
/* Style only when viewing in RTE */
.ms-formfieldvaluecontainer .sr-only {
    clip: rect(auto) !important;
    height: auto !important;
    margin: auto!important;
    overflow: auto !important;
    padding: 0 !important;
    position: relative !important;
    width: auto !important;
    background-color:#999;
    color:#FFF;
}

.gx-rteImage-0
{
-ms-name:"No border";
}
.gx-rteImage-1
{
-ms-name:"Thin line border";
/* [ReplaceColor(themeColor:"Dark2")] */ background-color:#182738;
/* [ReplaceColor(themeColor:"Dark2-Darker")] */ border:1px solid #385b83;
/* [RecolorImage(themeColor:"Dark2-Medium",method:"Tinting")] */ background-image:url("/_layouts/images/tabtitlerowbottombg.png");
background-repeat:repeat-x;
background-position:top;
}
.gx-rteImage-2
{
-ms-name:"Table border";
padding:2px;
/* [ReplaceColor(themeColor:"Light1-Lighter")] */ border-top:1px solid #D8D8D8;
/* [ReplaceColor(themeColor:"Light1-Medium")] */ border-bottom:1px solid #BFBFBF;
/* [ReplaceColor(themeColor:"Light1-Lighter")] */ border-left:1px solid #D8D8D8;
/* [ReplaceColor(themeColor:"Light1-Medium")] */ border-right:1px solid #BFBFBF;
}
.gx-rteImage-3
{
-ms-name:"Dark border";
padding:15px;
/* [ReplaceColor(themeColor:"Dark2")] */ background-color:#182738;
/* [ReplaceColor(themeColor:"Dark2-Darker")] */ border:1px solid 385b83;
/* [RecolorImage(themeColor:"Dark2-Medium",method:"Tinting")] */ background-image:url("/_layouts/images/tabtitlerowbottombg.png");
background-attachment:fixed;
background-repeat:repeat-x;
background-position:left bottom;
}
.gx-rteImage-4
{
-ms-name:"Light border";
padding:6px;
padding-bottom:33px;
/* [ReplaceColor(themeColor:"Light1-Lightest")] */ background-color:#F2F2F2;
/* [ReplaceColor(themeColor:"Light1-Lighter")] */ border-top:1px solid #D8D8D8;
/* [ReplaceColor(themeColor:"Light1-Medium")] */ border-bottom:1px solid #BFBFBF;
/* [ReplaceColor(themeColor:"Light1-Lighter")] */ border-left:1px solid #D8D8D8;
/* [ReplaceColor(themeColor:"Light1-Medium")] */ border-right:1px solid #BFBFBF;
background-image:url("/_layouts/images/selbg.png");
background-repeat:repeat-x;
background-position:top;
}
.gx-rtePosition-1{
-ms-name:"Left";
float:left;
margin-left:0px;
}
.gx-rtePosition-2{
-ms-name:"Right";
float:right;
margin-right:0px;
}
.gx-rtePosition-3{
-ms-name:"Top";
vertical-align:text-top;
}
.gx-rtePosition-4{
-ms-name:"Middle";
vertical-align:middle;
}
.gx-rtePosition-5{
-ms-name:"Bottom";
vertical-align:text-bottom;
}
.gx-rte-layoutszone-outer
{
float:left;
}
.gx-rte-layoutszone-inner
{
word-wrap:break-word;
border:1px solid transparent;
margin:1px;
padding:10px;
overflow:hidden;
}
.gx-rte-layoutszone-inner-editable
{
/* [ReplaceColor(themeColor:"Accent1-Lightest")] */ border:1px solid #b0d5ee;
margin:1px;
padding:10px;
overflow:hidden;
min-height:100px !important;
}
.gx-rte-layoutszone-fixer
{
clear:both;
}
.gx-rte-wpbox
{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-style:normal;
font-weight:normal;
font-variant:normal;
color:#676767;
word-spacing:normal;
letter-spacing:normal;
text-transform:none;
text-align:left;
text-indent:0px;
text-decoration:none;
line-height:normal;
white-space:normal;
list-style-type:disc;
list-style-image:none;
list-style-position:outside;
}


.no-sect-border img:first-child, .no-sect-border h1:first-child, .no-sect-border h2:first-child, .no-sect-border h3:first-child {
	border-top:0px none;
	padding-top:10px;
	margin-top:0px;
}