@charset "UTF-8";
/*
/css/layout.css
v5.4.0 - 10/06/17
Phil Chapman
Copyright (c) 2015-2016 Hi-Peak Internet

Version history:
1.0.0   14/10/15    PhilC   Initial version
1.1.0   23/02/16    PhilC   Added img-responsive-centre class
2.0.0   29/02/16    PhilC   Moved Google CSE to separate google-cse.css
2.1.0   04/03/16    PhilC   Added .header-title
3.0.0   07/03/16    PhilC   Moved theme styles to new theme.css
                            Moved Lightbox styles to thumbnails.css
                            Added @charset declaration
                            Added .header-bg-img
4.0.0   13/03/16    PhilC   Changed img-responsive-centre to img-responsive-center for consistency with other stylesheets
4.1.0   03/05/16    PhilC   Added .width-auto + .row-data-viewer + .btn-xs-fixed-width
5.0.0   27/05/16    PhilC   New version to work with new theme.css generated by Live LESS Theme Customizer
5.1.0   12/07/16    PhilC   Added .breadcrumb-container + .breadcrumb-right + #modalPageHelp
5.2.0   29/07/16    PhilC   Added .panel-heading .accordion-toggle for collapsible panel chevron indicators
5.3.0   24/01/17    PhilC   Added .btn-top-margin
5.4.0   10/06/17    PhilC   Added .caption-large
*/

/* General text formatting */
/*
h1 {font-size:257.1%;}
h2 {font-size: 214.3%;}
h2.reduced {font-size: 175%;}
h3 {font-size: 171.4%;}
h4 {font-size: 128.6%;}
h5 {font-size: 100%;}
h6 {font-size: 85.7%;}
*/

/* Header */
/*
.header-brand {
	height: 100px;
	margin:0;
	padding:0;
}
.header-title {
    font-size:214.3%;
    font-weight:bold;
}
*/
.header-bg-img {
    width: 100%;
    height: calc(100% - 1px);
    background-image: url('../images/layout/header-bg.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

/* Navbar */
nav.navbar {
	margin:0;
}

/* Breadcrumb */
.breadcrumb-container {
	margin:0;
	padding:0;
}
.breadcrumb {
  margin-left: 0;
/*  padding-left: 65px; */
  padding: 2px 15px 2px 65px;
  margin-bottom: 2px;
}
.breadcrumb-right {
    padding-right:33px;
    text-align:right;
}

/* Page heading */
div.page-heading {
     margin-bottom: 5px;
}
div.page-heading h1 {
    margin-top: 10px;
    text-align:center;
}

/* Footer */
/*
.footer-logo {
	margin: 0 10px 10px 10px;
}
*/

/* Buttons */
.btn-top-margin {
    margin-top: 10px;
}

/* Images */
/*
@media (min-width: 992px) {
	.pagetop {
		margin-top:50px;
	}
}
*/

.img-responsive-center {
    /* Add to img-responsive images to centre */
    margin: 0 auto;
}

/* Tables */
.caption-large {
    font-size: 150%;
}

/* Modals */
#modalPageHelp {
    text-align:left;
}

/* Data viewer */
.width-auto {
    width: auto; /* Use to stop form elements such as <select> from filling all available width */
}

.row-data-viewer {
    margin: 2px 0;
}

.btn-xs-fixed-width {
    width: 2.7em;
}

/* Add chevron indicators to collapsible panels */
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}