/*
Theme Name: Child Theme Vinesafe
Template: master-theme
*/
@import url("../master-theme/style.css");

html, body {
	height:100% !important;
	/*font-size: 87.5% !important;*/
}
#page {
	min-height:100vh !important;
}
img.noborder {
	border-width:0px;
	box-shadow:none;
}
img.header-image {
	box-shadow:none !important;
	border:none !important;
	margin-top:0px;
}
.site-info {
	width:100%;
	text-align:center;
}
.site-title, .site-description, .entry-meta {
	display:none;
}
.site-header {
	padding: 0px;
}
body .site {
	margin-top:0px !important;
	margin-bottom:0px !important;
}
.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6, .entry-content li, .comment-content li, .mu_register li {
	margin:0px !important;
}
.site-content {
	margin-top: 0;
}
.site-content article {
	-moz-hyphens:none;
}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
	width:auto !important;
}
.term-description p {
	margin:1em 0em;
	line-height:normal;
}


/*
 * Colour guide
 */
.howsafe-blue {
	color: #003399;
}
.howsafe-red {
	color: #CC0033;
}


/*
 * Typography
 * Heading sizing: http://stackoverflow.com/questions/6140430/what-are-the-most-common-font-sizes-for-h1-h6-tags
 */
body {
	font-size: 100%;
	line-height:1.25em;
}
h1, h2, h3, h4, h5, h6 {
	text-align: center;
	font-weight: bold;
	line-height: 1.3;
}
h1 {
	margin: 0.67em 0;
	font-size: 2em;
}
h2 {
	margin: 0.75em 0;
	font-size: 1.5em;
}
h3 {
	margin: 0.83em 0;
	font-size: 1.17em;
}
h4 {
	margin: 1.12em;
	font-size: 1em;
}
h5 {
	margin: 1.5em 0;
	font-size: .83em;
}
h6 {
	margin: 1.67em 0;
	font-size: .75em;
}
p {
	margin: 0 0 0.5em 0;
}

ul.bullet {
	list-style-type: disc;
	list-style-position: inside;
}
ul.bullet li {
	line-height: 1.7;
}


/*
 * Navigation
 */
.nav-menu {
	background-color:#CC0033;
	}
.nav-menu-vinesafe {
	/*background-color:#0a7934;*/
	background-color:#5A4595;
	}
.main-navigation li a {
	color:#fff !important;
	text-shadow:none;
	padding-left:1em;
	padding-right:1em;
	line-height:3em;
	}
.main-navigation li {
	margin:0px;
	}
.main-navigation li a:hover {
	background-color:#285920;
	}
.main-navigation li ul li a {
	background-color:#CC0033;
	}
.main-navigation li ul li a:hover {
	background-color:#285920;
	}
.main-navigation {
	margin-top:0px;
	margin-bottom:1em;
	}
.ui-listview > li p {
  white-space: normal;
}
.ui-listview > li > a.ui-btn {
	white-space:normal;
}
.ui-navbar > ul > li > a.ui-btn {
	white-space:normal;
}
.ui-li-divider {
	white-space:normal !important;
}
.controlgroup-textinput {
  padding-bottom: 0.22em;
  padding-top: 0.22em;
}
/* Date selection */
.dateNavigation {
	font-size: 1.17em;
	font-weight: bold;
	/*position: relative;*/
}
.dateNavigation a {
	text-decoration: none;
}
.dateNavigation .prev {
	text-align: right;
	color: red;
}
.dateNavigation .date {
	text-align: center;
}
.dateNavigation .next {
	text-align: left;
}


.center-wrapper {
  text-align: center;
}
.center-wrapper * {
  margin: 0 auto;
}
.ui-collapsible-heading a {
	background-color:#e4e4e4 !important;
}
#user-files td {
	padding-right:1em;
}
#user-files th {
	padding-right:1em;
	font-weight:bold;
}
.bold {
	font-weight:bold;
}
.center {
	text-align:center;
}
.underline {
	text-decoration:underline;
}
.wordwrap {
   white-space: pre-wrap;      /* CSS3 */
   white-space: -moz-pre-wrap; /* Firefox */
   white-space: -o-pre-wrap;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
}
.red {
	color:#ff0000;
}


/*
 * Buttons
 */
.ui-btn {
	white-space: normal !important;
}
.ui-btn-truncate {
	white-space: nowrap !important;
}
.ui-listview a.ui-btn {
	font-weight: normal !important;
}


/*
 * Confidentiality
 */
.confidentialText {
	color: red;
	font-weight: bold;
}


/*
 * Tables (jQuery)
 */
table.ui-table {
	font-size: 0.9em;
}
table.ui-table td {
	white-space: normal !important;
}


/*
 * Tablesorter
 * (Jquery - Allows sorting of table data)
 */
 table.tablesorter {
 	margin:10px 0pt 15px;
 	text-align: left;
 }
 table.tablesorter thead tr th, table.tablesorter tfoot tr th {
 	background-color: #e9e9e9;
 	border: 1px solid #FFF;
 	padding: 4px;
 }
 table.tablesorter thead tr .header {
 	background-image: url(../twentytwelve-child/icons/table-bg.gif);
 	background-repeat: no-repeat;
 	background-position: center right;
 	cursor: pointer;
 }
 table.tablesorter tbody td {
 	color: #3D3D3D;
 	padding: 4px;
 	background-color: #FFF;
 	vertical-align: top;
 }
 table.tablesorter tbody tr.odd td {
 	background-color:#F0F0F6;
 }
 table.tablesorter thead tr .headerSortUp {
 	background-image: url(../twentytwelve-child/icons/table-asc.gif);
 }
 table.tablesorter thead tr .headerSortDown {
 	background-image: url(../twentytwelve-child/icons/table-desc.gif);
 }
 table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
 background-color: #CFCFCF;
 }


/*
 * Positioning
 */
 .floatLeft {
	 float: left;
 }
.floatRight {
	float: right;
}
.cf {
  zoom: 1; /* ie 6/7 */
}
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}


/*
 * Overlays
 */
#overlayBackground {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	z-index: 1000;
	background: white; /* Fallback */
	background: rgba(255,255,255,0.75);
}


/*
 * Assistance Button
 */
.assistanceLeft {
	padding: 5px 0;
	margin-top: -8px;
	max-width: 300px;
}
.assistanceLeft p {
	line-height: 1.3;
	text-align: left;
	text-decoration: none;
}
.assistanceLeft img {
	padding-right: 5px;
	display: inline;
	float: left;
}
.assistanceRight {
	padding: 5px 0;
	margin-top: -8px;
	max-width: 300px;
	float: right;
}
.assistanceRight p {
	line-height: 1.3;
	text-align: right;
	text-decoration: none;
}
.assistanceRight img {
	padding-left: 5px;
	display: inline;
	float: right;
}


/*
 * Key Guidelines
 */
#keyGuidelines {
	background-color: #e0e0e0;
}
#keyGuidelines h3 {
	font-size: 18px;
	text-align: center;
}
.keyGuidelineRisk {
	/* Green to red gradient */
	background: #e0e0e0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#CCFF99, #FF9999); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#CCFF99, #FF9999); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#CCFF99, #FF9999); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#CCFF99, #FF9999); /* Standard syntax */
}


/*
 * Management Reports
 */
.report .attention {
	color: #CC0000;
}
.report .attention a {
	color: #CC0000;
}
.report .ignorance {
	color: #BFBFBF;
}
.report td a {
	font-weight: normal;
	text-decoration: none;
}


/*
 * Risk Rating Tables
 */
#riskRatingTable {
	display: none;
	background: rgb(220,220,220);
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -270px;
	margin-left: -235px;
	z-index: 10001;
}
#riskRatingTable h1 {
	padding: 8px 0 8px 0;
}
#riskRatingTable .ui-body {
	cursor: default;
}
.riskRatingLikelihood {
	margin-left:16.6%;
	font-size:8px;
	border:1px solid #ddd;
	line-height:3em;
	height:3em;
	overflow:visible;
}
.riskRatingConsequence {
	height:45px;
	overflow:visible;
	padding:0;
	font-size:8px;
}
.riskRatingSubHeading {
	padding: 0;
	height: 45px;
	font-size: 8px;
	line-height: 45px;
	overflow: visible;
}
.riskRatingSquare {
	padding: 0;
	height: 45px;
	line-height: 45px;
	overflow: visible;
	cursor: pointer;
}
.riskBgHigh {
	color: white;
	background: #cc0000;
}
.riskBgModerate {
	color: white;
	background: #ff9900;
}
.riskBgLow {
	color: white;
	background: #009900;
}
.riskBgGrey {
	color: #555555;
	background: #bdbdbd;
	cursor: not-allowed;
}
.ui-listview .ui-body .riskWarning {
	font-size: 12px;
	color: white;
	padding: 10px;
	margin-top: 7px;
	text-align: center;
	line-height: 1.3;
}
.riskWarningHigh {
	background: #cc0000;
}
.riskWarningModerate {
	background: #ff9900;
}
.riskWarningLow {
	background: #009900;
}
.riskKey {
	padding-top: 15px;
	width: 100%;
}
.riskKey th {
	font-weight: bold;
}
.riskKey th, .riskKey td {
	padding: 5px;
}
.riskKey td {
	color: white;
}
.riskKey td.col1 {
	min-width: 50px;
}
/* Colour input fields */
.ui-body .ui-input-text .hazardRatingHigh {
    background: #fcc;
}
.ui-body .ui-input-text .hazardRatingModerate {
    background: #ffe5cc;
}
.ui-body .ui-input-text .hazardRatingLow {
    background: #cfc;
}
/* Risk Matrix on mobile */
@media only screen
	/* iPhone 6 portrait & landscape */
	and (max-device-width: 667px) {
	#riskRatingTable {
		left: 0;
		margin-left: 0;
		margin-top: -270px;
		width: 100%;
	}
}

/*
 * HSF702 Workplace Risk Assessment Form
 */
#hsf702 th, #hsf702 td {
	white-space:normal !important;
}
.ui-listview .hsf702ListAside {
	margin-top: -8px;
}


/*
 * Print
 */
@media print {
	#main {
		margin: 0 !important;
	}

	li {
		padding: 2.5px !important;
	}
}
#toolbarMiddleContainer{
	visibility:visible !important;
}
/*
.main-navigation ul.nav-menu-vinesafe, .main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
}
*/