/*
 * Globals
 */


/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
  /*font-family: 'Ubuntu', sans-serif;*/
  /*font-family: "proxima-nova",sans-serif;*/
  font-family: Arial,sans-serif;
  /*background: url(assets/images/nationwise-background.png) #004a8f no-repeat 57% -20%;*/
  background: url(assets/images/header-web-yellingup-ventures.jpg) #004a8f no-repeat 57% -20%;
  color: #fff;
}

.cover-container {
  max-width: 42em;
}
.main-container {
  text-align: center;
}
img {
  margin-bottom: 40px;
}
p {
  font-weight: 300;
}
footer p {
  font-size: smaller;
}
a, a:hover {
  color: #fff;
}
h1 {
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 20px;
}
p.info {
  font-weight: 500;
}
/*
 * Header
 */

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

#demo-content {


	& textarea,
	& select {
		box-sizing: border-box;
		width: 200px;
		height: initial;
		padding: 8px 5px;
		border: 1px solid #9a9a9a;
		border-radius: 4px;
	}

	& input[type="checkbox"] {
		width: auto;
		vertical-align: text-bottom;
	}

	& textarea {
		width: 57%;
	}

	& select {
		display: initial;
		height: 30px;
		padding: 2px 5px;
	}

	& button,
	& input[type=submit],
	& input[type=button] {
		padding: 10px 35px;
		font-size: 1em;
		cursor: pointer;
		border-radius: 15px;
		/*color: #000000;
		background-color: #ffc72c;
		border-color: #ffd98e #ffbe3d #de9300;*/
	}

	& input[type=submit]:hover {
		/*background-color: #f7c027;*/
	}

	&::placeholder {
		color: #bdbfc4;
	}

	& label {
		/* display: block; */
		color: #ffffff;
	}

	
}

.page-header:before {
	opacity: 0.6;
}

#frmContact .input-row label{
	width: 175px;
	vertical-align: middle;
	padding-top: 0px !important;
}
#frmContact {
	text-align: left;
}

.form-container {
	/*background: #5b7d65 !important;*/
	background:  #C4D2CF !important;
	border: #5b7d65 1px solid;
	padding: 20px;
	border-radius: 2px;
}

.input-row {
	margin-bottom: 10px;
}

.input-row label {
	color: #75726c;
}

.input-field {
	width: 57%;
	border-radius: 2px;
	padding: 10px;
	border: #e0dfdf 1px solid;
	box-sizing: border-box;
	margin-top: 10px;
}

/* .span-field {
    font: Arial;
    font-size: small;
    text-decoration: none;
} */

.btn-submit {
	padding: 10px 60px;
	/*background: #9e9a91;*/
	/*border: #8c8880 1px solid;*/
	border: none;
	background: #939598 !important;
	color: #ffffff !important;
	font-size: 0.9em;
	border-radius: 2px;
	cursor: pointer;
}

.errorMessage {
	background-color: #e66262;
	border: #AA4502 1px solid;
	padding: 5px 10px;
	color: #FFFFFF;
	border-radius: 3px;
}

.successMessage {
	background-color: #9fd2a1;
	border: #91bf93 1px solid;
	padding: 5px 10px;
	color: #3d503d;
	border-radius: 3px;
	cursor: pointer;
	font-size: 0.9em;
}

.info {
	font-size: .8em;
	color: #e66262;
	letter-spacing: 2px;
	padding-left: 5px;
	margin-left: 10px;
}

table,
th,
tr,
td {

	border: #e0dfdf 1px solid;
	border-collapse: collapse;
	padding: 10px;
}

th {
	background-color: #e0dfdf;
}

#submitted-data {
	margin-top: 20px;
}

.table-data {
	width: 100%;
}

.empty-data {
	font-size: 20px;
	margin-left: 10px;
}
.success-data {
	background-color: #aef4b1;
	padding: 10px;
}
.bg-success {
    background-color: #597c65 !important;
}
.img-logo {
	/*width: 100%;*/
}
@media only screen and (max-width: 600px) {
  body {
    background: #0c384b !important;
  }
  .input-field {
    width: 100%;
	}
	textarea {
		width: 100%;
	}
	
	#footer-info img {
		width: 100% !important;
	}
}