/*
 * Theme Name: Master Theme
*/


/*
 * 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.ui-bar, h2.ui-bar, h3.ui-bar, h4.ui-bar, h5.ui-bar, h6.ui-bar {
  text-align: left;
}
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;
}


/*
 * Colour guide
 * http://clrs.cc/
 * Navy: #001f3f
 * Blue: #0074D9
 * Aqua: #7FDBFF
 * Teal: #39CCCC
 * Olive: #3D9970
 * Green: #2ECC40
 * Lime: #01FF70
 * Yellow: #FFDC00
 * Orange: #FF851B
 * Red: #FF4136
 * Maroon: #85144b
 * Fuschia: #F012BE
 * Purple: #B10DC9
 * Black: #111111
 * Grey: #AAAAAA
 * Silver: #DDDDDD
 */
.howsafe-blue {
	color: #003399;
}

.howsafe-red {
	color: #CC0033;
}

.vinesafe-primaryColour {
  color: rgb(40, 89, 32);
   /*color: #285920; */
}

.vinesafe-secondaryColour {
  color: rgb(90, 69, 149);
  /*color: #5a4595;*/
}


/*
 * FaRT ACF
 */
.acfNewSection {
  margin-top: .7em;
}


/*
 * Validation
 */
.validationWarning {
	padding: 0 2em;
	margin: 0 0 2em 0;
	color: #FF4136;
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border: 1px solid #FF4136;
  line-height: 1.5;
}
.validation.ui-tabs-panel {
  border-color: #FF4136 !important;
}
.validation.text {
  color: #FF4136;
}
input:required:invalid, input:focus:invalid {
	color: #FF4136;
	-moz-box-shadow: none;
}


/*
 * Error notification
 */
.notification { /* Form Submission Notification */
  padding: 0 1.5em 1.5em 1.5em;
  margin: 0 auto;
  max-width: 300px;
  border: 1px solid #404040;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.notification.error {
  background-color: #FF4136;
}
.notification.emptyData {
  background-color: #FFDC00;
}


/*
 * Forms
 */
input.inputReadonly {
  color: #AAA;
}
#submissionNotification { /* Form Submission Notification */
  padding: 0 1.5em 1.5em 1.5em;
  margin: 0 auto;
  max-width: 300px;
  border: 1px solid #404040;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: yellowgreen;
}


/*
 * Text
 */
.textRed {
	color: #FF4136;
}
.wrap {
	white-space: normal !important;
}


/*
 * Buttons
 */
.buttonWeightNormal {
	font-weight: normal !important;
}
.ui-btn.textLeft {
	text-align: left;
}


/*
 * DateBox Enhancement
 */
.flipBoxEnhancements .flipBoxInputs {
  text-align:center;
}
.flipBoxEnhancements input {
  width: 63px;
  margin: 3px;
}
.flipBoxEnhancements .flipBoxNotes {
  padding: 10px;
  text-align:center;
}



/*
 * Lists
 */
/*.bulletList {
	list-style-type: disc;
	list-style-position: inside;
}*/
ul.bulletList li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -2em;
    padding-left: 2em;
}


/*
 * Active (file uploads)
 */
.notActive {
	pointer-events: none;
	cursor: default;
}


/*
 * File uploading previewing
 */
/*.uploadedFiles {
  display: flex;
}*/
.uploadedFiles .uploadedFile.container {
  margin: 0.5em 0;
  display: flex;
  align-items: center; /* Centre horizontally */
}
uploadedFiles .uploadedFile .item {
  padding-right: 1em;
}


/*
 * File Previewing and uploading (old WS_FormData class to be deprecated)
 */
.filePreview.namesRight, .uploadedImages > .uploadedImage {
  margin: 0.5em 0;
  display: table;
}
.filePreview.namesRight > .fileName {
  display: table-cell;
  vertical-align: middle;
}
.filePreview.namesRight > .file img {
  margin-right: 1em;
}
.uploadedImages .deleteTempFileButton {
  margin-right: 1em;
}
.uploadedImages img, .uploadedImages .fileNameToUpload, .uploadedImages .ephemeral {
  display: table-cell;
  vertical-align: middle;
}
.uploadedImages img {
  margin-right: 1em;
}


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


/*
 * Display options
 */
.hidden {
	display: none;
}


/*
 * Overlays
 */
#overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: grey; /* Fallback */
	background: rgba(0, 0, 0, 0.4);
	z-index: 1000;
	display: none;
	overflow-y: scroll;
}
#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);
}


/*
 * Clear floats fix
 * https://css-tricks.com/snippets/css/clear-fix/
 */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}


/*
 * 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;
}

/*
 * Contractors Prequalification Request
 */
.contractorPreReq.paymentNotification h5 {
	margin-bottom: 0.7em;
}
.contractorPreReq.paymentNotification ul {
	margin-bottom: 0.7em;
}
#contractorPreReqExample {
  padding: 1em 2em;
  margin-top: 2em;
  border: #ccc solid 1px;
  border-radius: 3px;
}

#contractorPreReqExample h3 {
  color: #333;
}


/*
 * Inductee List Popup
 */
#inducteePopupList {
  height: 400px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}


/*
 * Blur Filter (backgrounds etc)
 */
.blurFilter {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}


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

	li {
		padding: 2.5px !important;
	}
}
#toolbarMiddleContainer{
	visibility:visible !important;
}
.wp-video{
 	margin: 0 auto;
 }

/* center image and text in woocommerce product categories */
.woocommerce ul.products li.product a img{
	margin:0 auto !important;
	}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	text-align:center;
}

/* fix the induction-content for WHS Online Induction */
.induction-content ul{
	line-height:1.4em;
	list-style:disc !important;
}
.induction-content ol{
	line-height:1.4em;
	list-style-type:decimal;
}

.ui-dialog-titlebar-close::before{
      display:none;
  }
.ui-page-theme-a, body{
	background-color:#345B8E !important;
}
.branch-title{
	font-size:18px;
	font-weight:700;
}

#content p{
  margin:.5em 0 .5em 0;
  line-height:1.5em;
}
#content ul{
  /*margin:.5em 0 .5em 1em;*/
}
/*
#content li :not(.navbar.contractor-details li) :not(.navbar.contractor-details li>a){
	margin-left:1em;
	margin-bottom:.5em;
}
*/
#content ul[data-role="listview"] li{
    margin:0;
}
button.ui-button{
	background:none !important;
    background-color:#C5DCFF !important;
    border-color:#B8BAFE !important;
	font-weight:normal;
}
button.ui-button:hover{
	font-weight:bold;
}
div.site-info{
	line-height:1em;
	font-size:11px;
}